/* NAVIGATION ================================================== */
.cbp-af-header-is24{	
    position: fixed;	
    background: #FFF;	
    top: 0;	
    left: 0;	
    width: 100%;	
    z-index: 10000;	
    height: 84px;	
    overflow: hidden;
}

.cbp-af-header-is24 #logo {
padding: 20px 30px 0px 0px;
width: 300px;
display: block;
}
.cbp-af-header-is24 #nav a {
line-height: 20px;
margin-top: 17px;
color: #999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cbp-af-header-is24 #nav li .selected, 
.cbp-af-header-is24 #nav li a:hover {
color: #000;
}
.cbp-af-header-kampagne {
position: fixed;
background: #FFF;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
height: 85px;
overflow: hidden;
}
.cbp-af-header-kampagne #logo {
padding: 20px 30px 0px 0px;
width: 300px;
display: block;
}
.cbp-af-header-kampagne #nav a {
line-height: 20px;
margin-top: 17px;
color: #999;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cbp-af-header-kampagne #nav li .selected, 
.cbp-af-header-kampagne #nav li a:hover {
color: #000;
}

/* HEAD ================================================== */
#head {
background: #DE100D;
padding-top: 85px;
}
#head-voba {
background: rgba(0,102,179, 1);
padding-top: 85px;
}
#head_autokredit {
background: #f49f05;
padding-top: 85px;
}
#head_lbs {
background: #bcb4a2;
padding-top: 85px;
}
#head img, #head-voba img, #head_autokredit img, #head_lbs img {
margin-top: 50px;
}
#head .lead,#head-voba .lead, #head_autokredit .lead, #head_lbs .lead{
font-family: 'CoreHumanistSans-Light', sans-serif;
color: #FFF;
font-size: 40px;
line-height: 120%;
padding: 20px 0 50px 0;
}

#demo-voba .lead, #demo-voba .kampagne_text, #demo-voba p, #demo-voba a {
	color: #fff;
	}

/* EINLEITUNG ================================================== */
#einleitung {
background: #FFF;
padding-top: 50px;
}
.einleitung_text {
font-family: 'KarlaRegular', sans-serif;
font-size: 30px;
line-height: 120%;
text-align: center;
}

/* KAMPAGNE ================================================== */
.lead {
padding: 45px 0 25px 0;
}
#kampagne {
background: #FFF;
}
.inline-banner {
float: left; 
margin: 10px 30px 20px 0;
width: 300px;
height: 250px;
}
.inline-banner-autokredit {
float: left; 
margin: 10px 30px 20px 0;
width: 300px;
height: 600px;
}
.inline-banner embed {
height: 250px;
}
.inline-mobile {
float:left; 
margin: 25px 30px 25px -95px;
}
.kampagne_text {
font-family: 'KarlaRegular', sans-serif;
font-size: 20px;
line-height: 130%;
text-align: left;
}
.iframe-container-lp {
position: relative;
padding-bottom: 63%; 
padding-top: 0px;
height: 0;
overflow: hidden;
border: 0;
margin: 0 auto;
}
.iframe-container-lp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 960px;
max-height: 600px;
border: 0;
}
.iframe-container-audience {
position: relative;
padding-bottom: 53%; 
padding-top: 0px;
height: 0;
overflow: hidden;
border: 0;
margin: 0 auto 60px auto;
}
.iframe-container-audience iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 980px;
max-height: 520px;
border: 0;
}

/* DEMO ================================================== */
#demo {
background: #FFF;
padding-bottom: 50px;
}
#demo-voba {
background: rgba(0,102,179, 1);
padding-bottom: 50px;
}
.demo-img {
margin: 40px 0 0 0;
}
.demo-img img {
margin: 0 auto;
display: block;
}
p.demo-sub {
font-family: 'KarlaRegular', sans-serif;
font-size: 16px;
text-align: center;
color: #666;
}

/* REFERENZEN ================================================== */
#referenzen {
background: #F00;
}
#referenzen .lead {
color: #FFF;
}
#referenzen img {
margin: 0 0 40px 0;
padding: 10px;
}

/* KONTAKT ================================================== */
#kontakt {
padding-bottom: 45px;
}

#kontakt.bgc {
background: #F1F1F1;
}

/* WEITERE PROJEKTE  ================================================== */
#weitere {
padding: 0px 0;
background: #666;
text-align: center;
color: #FFF;
}
#weitere .lead, 
#weitere p {
color: #FFF;
}
.row-kampagnen {
margin-top: 20px;
}
.kampagnen-bild img {
display: block;
margin: 0 auto 10px auto;
}
p.kampagnen-text {
margin: 0 auto;
}
p.kampagnen-head {
color: #FFF;
margin-bottom: 10px;
}
p.kampagnen-sub {
color: #FFF;
font-family: 'CoreHumanistSans';
text-transform: uppercase;
letter-spacing: 1px;
line-height: 125%;
font-size: 18px;
margin-bottom: 6px;
}
p.kampagnen-kunde {
color: #FFF;
margin-bottom: 60px;
}

/* MEDIA QUERIES  ============================================ */
@media screen and (max-width: 850px) {
#logo_mobile {
display: block;
margin-top: 20px;
margin-bottom: -20px;
}
#logo_mobile img {
width: 80%;
}
.mobile-menu {
display: block;
}
.cbp-af-header {
display: none;
}
#head, #head-voba {
padding-top: 25px;
}
}

@media screen and (min-width: 769px) {
.kampagnen-bild img {
width: 90%;
}
}

@media only screen and (max-device-width: 768px), 
screen and (max-width: 768px) {
.iframe-container-lp {
display: none;
}
.iframe-container-lp {
display: none;
}
.mobile-show {
display: block !important;
margin: 20px auto 0 auto;
}
.inline-mobile {
margin: 20px 30px 15px -8px;
}
}

/* iPad Landscape Only */
@media only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.iframe-container-lp {
display: none;
}
.mobile-show {
display: block !important;
margin: 20px auto 0 auto;
}
.inline-banner {
margin: 10px 30px 20px 0;
}
.inline-mobile {
margin: 25px 30px 25px -95px;
}
}

@media screen and (max-width: 660px) {
.inline-banner {
margin: 18px 40px 20px 0;
}
.inline-mobile {
margin: 35px 30px 20px -8px;
}
#head .lead {
font-size: 30px;
line-height: 110%;
}
.iframe-container-audience {
margin: 0 auto 40px auto;
}
}

@media screen and (max-width: 600px) {
.inline-mobile {
margin: 30px 30px 20px -8px;
}
.einleitung_text,
.kampagne_text {
font-size: 18px;
line-height: 130%;
}
.cbp-af-header-kampagne {
display: none;
}
}

@media screen and (max-width: 520px) {
.inline-banner {
float: none;
margin: 30px auto 30px auto;
display: block;
}
}

@media screen and (max-width: 420px) {
.inline-mobile {
float: none;
margin: 20px auto 20px auto;
display: block;
}
.inline-banner {
margin: 30px auto 10px auto;
width: 90%;
height: 90%;
}
.inline-banner .adform-adbox {
width: 100% !important;
height: 100% !important;
}
}