/* ----------- LG - pads in landscape start ----------- */
@media (min-width : 991px) and (max-width: 1199px) {

.js div#preloader2 > img {width:900px;height:152px;margin-left:-450px;margin-top:-76px;}

.lp-intro {font-size:140px;}
.logo { height:25px; }
.nav > li > a { padding: 28px 10px 26px 10px; font-size:16px; float:left; }
.nav > li > span { padding: 28px 10px 26px 10px; font-size:16px; float:left;  }

/* BASICS */
h2 {font-size:30px;margin-bottom:8px;}
div.rot_obenunten {padding-top:10px;margin-bottom:0px;}
div.rot_obenunten > p { margin-bottom:10px;}
.introtext, span.introtext { font-size: 17px; }
.testimonial { font-size: 26px; padding-top: 10px; }

/* SERVICE */
.zoom-effect-container3 {height:131px;}
.image-card3 img { height: 131px; }

#headerpic {padding-top:80px;padding-bottom:80px;height:510px;}
.aufflaeche {padding-left:0px;}
.lead {font-size:18px;}
.fixedsize { min-height:120px; }


/* CASES */
#headerpic2 {height:410px;}
.description-right {height:410px;}
.lead5 {font-size:18px;line-height:1.4;}
h2.cases { font-size: 90px; }
.indermitte {padding-top:80px;}

/* Slider */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {height:437px;}
.carousel-caption {top:457px;}
.carousel-control.left {top:225px;}
.carousel-control.right {top:225px;}

/* Projekte */
.element-item {height:230px;}

/* Clients */
.zoom-effect-container2 { width:284px;height:284px;margin-bottom:20px;padding-bottom:0px; }
.image-card2 img { width: 284px; height: 284px; border:none; }
.circle-overlay { position:absolute;z-index:100;width:284px;height:284px; }
.circle-overlay > img { width:284px;height:284px; }

div.zitat-oben { background-image: url("../../media/zitat-oben-mid.png"); }
div.zitat-unten { background-image: url("../../media/zitat-unten-mid.png"); height:130px; }
div.zitat-text > p { font-size: 26px; line-height: 1.6; padding-left: 200px; padding-top: 70px; width: 780px }

}
/* ----------- LG - pads in landscape ende ----------- */



/* ----------- MD - pads in portrait start ----------- */
@media (min-width: 768px) and (max-width: 991px) {

body {padding-bottom:460px;margin-bottom:60px;padding-top:66px;}
body.landing { margin:0;padding:0;min-height:100%;vertical-align:baseline;padding-bottom:480px; margin-bottom:280px; }

.js div#preloader2 > img {width:700px;height:118px;margin-left:-350px;margin-top:-99px;}

.lp-intro {font-size:110px;}
.logo { height:22px; margin-top:23px; }
.nav > li > a { padding: 24px 8px 20px 8px; font-size:14px; float:left; }
.nav > li > span { padding: 24px 8px 20px 8px; font-size:14px; float:left;  }

h2 { font-size: 30px; margin-bottom: 8px;}
div.rot_obenunten {padding-top:10px;margin-bottom:0px;}
div.rot_obenunten > p { margin-bottom:10px;}
.introtext, span.introtext { font-size: 17px; }
.testimonial { font-size: 26px; padding-top: 10px; }

.zoom-effect-container3 { height:215px; }
.zoom-effect-container { height: 215px; margin-bottom: 15px; padding-bottom: 0px; }
.image-card3 img { height: 215px; width: 341px}

.footer {height:500px;}
.footer-space { height:350px; min-height:350px; }

.zoom-effect-container { height: 215px;margin-bottom:15px;padding-bottom:0px;}
.zoom-effect-container2 { width: 215px; height: 215px; }
.circle-overlay { width: 215px; height: 215px; }
.image-card img { height: 215px; }
.image-card2 img { width: 215px; height: 215px; }
.client-abstand {padding-top:20px;}
.circle-overlay {position:absolute;z-index:100;width:215px;height:215px;}
.circle-overlay > img {width:215px;height:215px;}

#headerpic {padding-top:60px;padding-bottom:60px;height:390px;}
.aufflaeche {padding-left:0px;}
p.padmore {padding-right:30px;}
.lead {font-size:16px;}
a.a-accord {color:#000;padding-left:0px;}
a.a-accord > span {padding-right:0px;}
.accord-texte {padding-left:15px;padding-right:15px;}
.accord-texte2 {padding-left:30px;padding-right:30px;}

#headerpic2 {height:310px;}
.description-right {height:310px;}
h2.caseindex {font-size:24px; padding-top:0px;margin-top:0px;}
h2.black {font-size:24px; padding-top:0px;margin-top:0px;}
.lead5 {font-size:16px;line-height:1.4;}
a.lead2 {font-size:16px;}
.indermitte {padding-top:55px;}
h2.cases {font-size:80px;}
h2.cases2 {font-size:80px;}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {height:334px;}
.carousel-caption {top:354px;}
.carousel-control.left {top:175px;}
.carousel-control.right {top:175px;}

div.zitat-oben { background-image: url("../../media/zitat-oben-sm.png"); background-position: 0px 0px; }
div.zitat-unten { background-image: url("../../media/zitat-unten-sm.png"); background-position: 0px 0px; height:110px; }
div.zitat-text > p { font-size: 26px; line-height: 1.6; padding-left: 100px; padding-top: 60px; width: 680px; }

p.lead4 {font-size:18px;}

.element-item {height:180px;}

.moreleft { padding-left:10px; }

.fixedsize { min-height:80px; }

}
/* ----------- MD - pads in portrait ende ----------- */



/* ----------- SM - smartphones in landscape start ----------- */
@media (min-width : 421px) and (max-width: 767px) {

body { padding-top: 80px; }
.navbar-default { background-color:#fff; border:none; height:70px; color:#000; }
.nav > li { background-color:#fff; }
.nav > li.phone { background-color:#fff; min-height:45px; }
.nav > li > a { background-color:#fff; padding:12px 15px 12px 15px; float:none; border-bottom: 1px solid silver; }
.nav > li > a.floatleft { float: left; background-color:#fff;  border-right: 1px solid silver;text-transform:uppercase; }
.nav > li > a.floatleft:last-child { border-right:none; }
.nav > li > span.aktiv { float: left; background-color:#fff; border-right: 1px solid silver; border-bottom: 1px solid silver; text-transform:uppercase; padding: 10px 15px 10px 15px; }
.nav > li > a.icons_top { font-size: 16px; padding: 12px 15px 11px 15px; }
.nav > li > a.anfragen { width: calc(100% - 157px); text-align: center; }
.nav > li:last-child { padding: 0px; }

h2 { font-size: 30px; margin-bottom: 8px;}
div.rot_obenunten {padding-top:10px;margin-bottom:0px;}
div.rot_obenunten > p { margin-bottom:10px;}
.introtext, span.introtext { font-size: 17px; }
.testimonial { font-size: 26px; padding-top: 10px; }

.js div#preloader2 > img {width:560px;height:95px;margin-left:-280px;margin-top:-50px;}

.lp-intro {font-size:70px;}
.heading {margin-top:-80px;height:80px;}
.size28 {font-size:21px;}

#headerpic {height:258px;}
#headerpic2 {height:258px;}

.footer {height:380px;}
.lead5 {font-size:16px;line-height:1.4;}
.lead4 {font-size:16px;line-height:1.4;}
a.lead2 {font-size:16px;}

.btn-primary2 {background:none;color:#000;border-color:#000;border-radius:10px;}
.btn-primary2:hover, .btn-primary2:focus, .btn-primary2:active, .btn-primary2.active:hover, .btn-primary2:active:focus, .btn-primary2:active:hover, .btn-primary2.active, .open > .dropdown-toggle.btn-primary2 {background:#fff;color:#CC151A;border-color:#CC151A;}
.btn-primary2:active, .btn-primary2.active {background:#fff;box-shadow:none;}

.fixedsize { min-height:0px; }

}
/* ----------- SM - smartphones in landscape ende ----------- */



/* ----------- XS - smartphones in portrait start ----------- */
@media (max-width: 420px) {

body { padding-top: 80px; }
.navbar-default { background-color:#fff; border:none; height:70px; color:#000; }
.nav > li { background-color:#fff; }
.nav > li.phone { background-color:#fff; min-height:45px; }
.nav > li > a { background-color:#fff; padding:12px 15px 12px 15px; float:none; border-bottom: 1px solid silver; }
.nav > li > a.floatleft { float: left; background-color:#fff;  border-right: 1px solid silver;text-transform:uppercase; }
.nav > li > a.floatleft:last-child { border-right:none; }
.nav > li > span.aktiv { float: left; background-color:#fff; border-right: 1px solid silver; border-bottom: 1px solid silver; text-transform:uppercase; padding: 10px 15px 9px 15px; }
.nav > li > a.icons_top { font-size: 16px; padding: 12px 15px 11px 15px; }
.nav > li > a.anfragen { width: calc(100% - 157px); text-align: center; }
.nav > li:last-child { padding: 0px; }

/* 

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none; }
.floatleft { float:left; }
.navbar-nav > li > a:hover { background-color: #fff; }

*/

h2 { font-size: 24px; margin-bottom: 8px;}
/* 
div.rot_obenunten {padding-top:10px;margin-bottom:0px;}
div.rot_obenunten > p { margin-bottom:10px;}
 */
.introtext, span.introtext { font-size: 14px; }
.testimonial { font-size: 14px; padding-top: 10px; }

.js div#preloader2 > img {width:280px;height:47px;margin-left:-140px;margin-top:-76px;}

.lp-intro {font-size:70px;}
.heading {margin-top:-80px;height:80px;}
.zweitehead {margin-top:-160px;height:160px;}
.size28 {font-size:14px;}
.morebottom120 { margin-bottom:90px; }
.carousel {padding-top:0px;padding-bottom: 20px;}
.carousel-inner {padding-bottom: 20px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width:280px;height:214px;}
.carousel-indicators {width:320px;margin-left:auto;margin-right:auto;left: calc(50% - 160px);}

#headerpic {height:258px;}
#headerpic2 {height:258px;}

.footer {height:380px;}

.lead5 {font-size:16px;line-height:1.4;}
.lead4 {font-size:16px;line-height:1.4;}
a.lead2 {font-size:16px;}

.moretop60 { padding-top:10px; }
.moretop120 { padding-top:20px; }

.btn-primary2 {background:none;color:#000;border-color:#000;border-radius:10px;}
.btn-primary2:hover, .btn-primary2:focus, .btn-primary2:active, .btn-primary2.active:hover, .btn-primary2:active:focus, .btn-primary2:active:hover, .btn-primary2.active, .open > .dropdown-toggle.btn-primary2 {background:#fff;color:#CC151A;border-color:#CC151A;}
.btn-primary2:active, .btn-primary2.active {background:#fff;box-shadow:none;}

.fixedsize { min-height:0px; }

a.xs-hide {display: block;}
a.noxs-show {display: none;}

b.news_namer {padding-top:30px;}

h2.cases { font-size: 36px; }
.indermitte { padding-top: 0px; }
.panel-body { margin-right: 0px; }
 
}
/* ----------- XS - smartphones in portrait ende ----------- */