@import url('fonts/_f-vpf.css');

body,html {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px; 
}

#clearfix {clear: both;}

h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
}

h1, h2 {
    /*text-transform: none !important;
    font-weight: normal !important;*/
}

a {
    color: #333;
}

p {
    font-size: 26px;
}

.slider-wrapper {    
    margin:-25px 0 -5px;
    display: inline-block;
    z-index: -9999;
}

.slidesjs-container {
    z-index: -9999;   
}

#header-banner img {
    /*margin: -25px auto 0;*/
    display: inline-block;
    width: 100%;
}
#header-banner .img-responsive, .slider-wrapper, .slidesjs-container, .slidesjs-control{
    width: 100% !important;
}
#container2 #submenu {
    background-color: black;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
}
#container2 #submenu #submenu-inner {
    background-color: black;
    color: #8794a5;
    margin: 0 auto;
    text-align: right;
    width: 770px;
    text-align: center;
}
#container2 #submenu #submenu-inner a {
    color: #dedede;
    text-decoration: none;
}
#container2 #submenu #submenu-inner a:hover {
    text-decoration: underline;
}
#container2 #header {
    background-color: #dedede;
    height: 93px;
    margin: 0;
    text-align: center;
}
#container2 #header #header-inner {
    margin: 0 auto;
    width: 800px;
}
#container2 #header #header-inner #header-text {
    /*color: #212b35;*/
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 90px;
    padding-top: 5px;
}
#container2 #header #header-inner #header-text {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
#container2 #header #header-inner #header-text h1 {
    font-family:  'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-weight: 900 !important;
    color: #333;
    font-size: 40px;
}
#container2 #header #header-inner #logo {
    background: transparent url("../images/page-template-vpf-pate-bs-at/logo.png") no-repeat scroll center top;
    float: left;
    height: 145px;
    margin: -28px 20px 0 -70px;
    width: 140px;   
    position: relative;
}
#container2 #header #header-inner #logo a {
    display: block;
    height: 145px;
    width: 145px;  
}
#container2 #content-wrapper {
    margin: 25px auto 0;
    padding: 0;
    position: relative;
    width: 780px;
}

section {
    padding: 30px 0 20px;
}

section h2 {
    font-size: 40px;
    font-weight: 900 ;
    text-transform: uppercase;      
}

#form {
    padding-top: 10px;
    background: #ececec; 
}

#maincontent, #fragen {
    background: white;
}

#maincontent h2, #fragen h2, #contact h2 {
    color: #333 !important;
}

footer .footer-above {
    padding-top: 30px;
}

footer .footer-col {
    margin-bottom: 10px;
}

footer #mtext p{
    font-size: 19px;
}

.images {
    display: inline-flex;
}
.sitebar-element .images .image-wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    height: 80px;
    margin-right: 8px;
    margin-bottom: 10px;
    text-indent: -9999px;
    width: 85px;
}

#share {
    text-align: center;
    display: inline-flex;
}

/* back to top */

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #86bc25 url("/../wp-content/themes/naked-wordpress-master/images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

@media screen and (max-width: 992px) {   
    .slider-wrapper {    
        margin: 0px 0 -5px;
    }
    #container2 #submenu {
        padding-right: 10px;
    }
    #container2 #submenu #submenu-inner {
        width: 100%;
    }
    #container2 #header #header-inner {
        width: 100%;
    }
    #container2 #header #header-inner #logo {
        background-size: auto 100%;
        height: 75px;
        margin: 10px 4% 5px 20px;
        width: 75px;    
    }
    #container2 #header #header-inner #header-text h1{
        /*font-size: 1.9em;
        padding-top: 3px;*/
    }
    section h2 {
        /*font-size: 1.9em;*/
    }
    p {
        /*font-size: 1.6em;*/
    }
    a.back-to-top {
        display: none;
        width: 45px;
        height: 45px;        
        right: 10px;
        bottom: 10px;
    }
}
#container2 #header #header-inner #logo a {
    display: block;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 640px) {
    #container2 #header #header-inner #header-text h1{
        font-size: 30px;
        padding-top: 5px;
        padding-left: 30px;
    }
    section h2 {
        font-size: 30px;
    }
    p {
        font-size: 21px;
    }
}

@media screen and (max-width: 480px) {
    #container2 #header #header-inner #header-text h1{
        font-size: 26px;
        /*padding-top: 5px;*/
        padding-top: 0px;
        padding-left: 30px;
    }
    section h2 {
        font-size: 26px;
    }
    p {
        font-size: 20.4px;
    }
    #container2 #header #header-inner #header-text {      
        float:left !important;
        left: 0;
        right: 0;
        top: 40px;
        padding-left: 40px;
        /*margin: 0 10%;*/
    }
    .sitebar-element .images .image-wrapper {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        float: left;
        height: 45px;
        margin-right: 8px;
        margin-bottom: 10px;
        text-indent: -9999px;
        width: 45px;
    }
}

@media screen and  (max-width: 480px) {
    section h2 {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 320px) {
    #container2 #header #header-inner #header-text h1{
    font-size: 20.4px;
    padding-top: 5px;
    padding-left: 30px;
    }
    section h2 {
        font-size: 20.4px !important;
    }
    p {
        font-size: 17px;
    }
    footer #mtext p{
        font-size: 17px;
    }
    #container2 #header #header-inner #header-text {      
    float:left !important;
    left: 0;
    right: 0;
    top: 38px;
    padding-left: 40px;   
    }
    #container2 #submenu {   
    font-size: 10px;
    height: 33px;
    line-height: 33px;
    }
}

/* section Info (2) */
#info, #info hr.star-light:after, header hr.star-light:after, #info hr.star-light {
    background: #ce000c;
    color: #fff;
    border-color: #fff;
}

/* section Konatkt (3) und Impressum (5) */  
section.success{   
    background: #666666;
     /*background: #212b35;*/
    color: #fff;
    border-color: #fff;
    /*color: #000;
    border-color: #000;
    background: #bbcee6*/
}

footer .footer-above, hr.star-light:after,footer, footer .footer-above a, section.success hr.star-light {
    background: #dedede;
    /*background: #212b35;*/
   color: #333;
   border-color: #fff;
   /*color: #000;
   border-color: #000;
   background: #bbcee6*/
   font-size: 19px;
}

.btn-outline {
    background: #86bc25;
}

/* menü Hintergrund */
.navbar-custom {
    /*background: #484848;*/
    background: #2b3c4c;   
}

/* menü Active */
.navbar-custom .navbar-nav li.active a {
    /*background: #333 !important;*/
    background: #bbcee6 !important;
}

/* menü Highlight */
a, a.active, a:active, a:focus, a:hover {
    color: #333;
}

.responsive-video {
    max-width: 100%;  
    height: auto;    
}

/*#youtube-video-player iframe {
    max-width: 100%;  
    height: auto;    
}*/

#v-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    border: #000 solid 2px;
}

video{
        margin: 0 auto -6px;
}

@media screen and (min-width: 992px) {
    video{
        margin: -25px auto -6px;
    }
    #youtube-video-player {
        margin-bottom: 25px;
    }
}