@media (max-width:1200px) {
	
#navInner {width:100%; padding-right:20px}
#content_einleitung, .content, .teaserstartseite {max-width:100%; padding-left:40px; padding-right:40px}
.w1100, .sitemap {max-width:100%; padding: 0px 40px}
#adresse #inner, #formularOuter, #buttonOuter, #vorschauProjekte, .projekt, div.honoursInner, div.videoOuter, #teambusimage {max-width:100%;}
#adresse #inner #left {}
#adresse #inner #central {}
#adresse #inner #right {margin-right: 20px}
.logoFooter img {width: 80px;}	
div.teaserstartseitetext {width: 100%; max-width: 100%; padding: 0px}
#vorschauProjekte {margin-left: 0px; padding-left: 40px; padding-right: 40px}
	

}



/* Ipad 1 und 2 */


@media (max-width:1024px) { 

h1.gold {font-size: 2em}
h2 {margin-top: 20px}
.vorschaubild {background-size: cover}	
#teamBusOuter {display:none}
#vorschauProjekte {

    max-width:none;
    width: 100%;
	padding-left:20px; 
	padding-right:20px;
	margin:0px auto; 
	text-align:center;
}

.projekt .subline {
    float: none;
	width:100%;
	max-width:100%
}



#buttonOuter {
    max-width: 100%;
	overflow:hidden;
	height:130px;
}	

.button {
    margin-left: 5px;
	margin-right:5px;
	width:90px; 
	height:90px;
	background-size:100% 100%;
}



	




.projekt .subline {
    margin-top: 20px;
	text-align:left;
	width:100%;
}

.video {
height:auto;
max-width:100%;
max-width: calc(100% - 40px);
margin-top:20px;
overflow:hidden;
margin-left:20px;
}

.projekt .text {
    padding-right: 0px;
    width: 100%;
}
	
}



@media (max-width:768px) { 


#adresse {
    width: 100%;
	max-width: calc(100% - 0px);
	box-sizing:border-box;
	margin-left:0px; 
	margin-right:0px;
}


#buttonOuter {
	height:auto;
}

}





@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  
{

#buttonOuter {
    max-width: 100%;
	width:1024px;
	overflow:hidden;
	height:130px;
}	
	
#buttonOuter .button {width: 100px}





.video {
height:550px;
width:1000px;
background-color:#000;
}




}




@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) 
{

.video {
height:400px;
background-color:#000;
}
	
}


/* Ende Ipad 1 und 2 */


@media (max-width:1000px) {
body {width:100%}
ul, li {padding-left:0px;}
#nav {display:none}
#search {display:none}
#balkenoben { position:relative; width:100% }
.menuMobile ul li a {width:100%; height:100%; display:block}
#obenOuter {width:100%}
#adresse { width:100%;}
#navMobile {display:block; width:100%; height:40px; background-color:#000; margin-top:15px}
#navMobileMenu {display:none; position:absolute; z-index:99999; background-color:#000; width:100%; top:50px}
#navMobileMenu a {text-decoration:none;}
#navMobileMenu a:hover {text-decoration:underline}
#navMobileOpener {display:block; padding-top:4px; position:relative; right:0px; float:right; padding-right:5px; cursor:pointer; padding-bottom:10px; z-index:999999999}
#navMobileOpener .balken {width:30px; height:5px; background-color:#FFF; margin-top:5px}
#navMobileCloser {display:none; padding-top:4px; position:relative; right:0px; float:right; padding-right:5px; cursor:pointer}
#navMobileCloser .balken {width:30px; height:5px; background-color:#FFF; margin-top:5px}
#nav.sticky #logo {display:none}
#logoMobile {display:block}
#langChange {width:auto; text-align:right; float:right; margin-top:0px; font-size:10px; position:absolute; right:20px; height:55px; top:-1px}
#langChange a {display:block; height:20px; border:1px solid #CCC; border-radius:5px; float:left; width:auto; min-width:auto; text-align:center; margin-right:5px; padding-top:5px; font-size:10px; color:#686869; padding-left:5px; padding-right:5px; border-top-left-radius:0px; border-top-right-radius:0px}
#langChange a:hover {color:#dc8100; background-color:#eee; box-shadow: 0px 1px 10px 2px #CCCCCC;}
#langChange a.langChange:hover {color:#dc8100;}
#langChange a.langChange.aktiv {color:#dc8100;}


.menuMobile{text-align:left; width:100%; font-size:12px; position:relative; margin-top:5px;  float:left;  padding-top:10px; color:#fff;  background-image:url(/UserFiles/structure/empty.png); background-repeat:repeat;background-color:#000}
.menuMobile ul li {height:40px; margin-left:00px; color:#FFF; list-style:none; border-bottom:1px solid #fff; padding-top:10px; margin-right:10px; padding-left:0px; box-sizing:border-box; width:100%; padding-left:10px}
.menuMobile ul li:last-child {border-bottom:0px} 
.menuMobile ul li a {color:#FFF; font-size:1.3em}


#subnavMobile {display:block; position:relative; margin-top:0px; margin-left:0px; padding-left:0%;  width:100%; overflow:hidden; float:left; text-align:left; margin-top:0px; padding-top:0px; background-color:#eee; padding-bottom:10px; margin-bottom:10px; box-sizing:border-box;}
#subnavMobile br {display:none}
#subnavMobile div.subnav {height:auto; line-height:1.1em; width:100%; margin-top:2px;  }
#subnavMobile div.subnav1 {margin-left:10px; height:auto;  line-height:1.1em; margin-bottom:7px; color:#000; margin-top:2px}
#subnavMobile div.subnavheadline {margin-bottom:5px; font-weight:bold; width:100%; margin-top:5px; clear:both}
#subnavMobile div.subnav a.subnavlink { color:#000; text-decoration:none;}

#subnavMobileOuter {display:none; width:100%; height:40px; background-color:#eee; text-align:right; clear:both;}
.subnavMobileOpener {padding-top:4px; position:relative; float:right; cursor:pointer; padding-bottom:10px; padding-right:5px}
.subnavMobileOpener .balken {width:30px; height:5px; background-color:#000; margin-top:5px; margin-right:0px}


#subnavMobileOuterOpener {display:block; clear:both;  height:40px; background-color:#eee;}
#subnavMobileOuterOpener #subnavMobileOpener .balken {width:30px; height:5px; background-color:#000; margin-top:5px; margin-right:0px}

#subnavMobile img {display:none}

#subnavMobile div.subnavheadline   {border-bottom:1px solid #000; height:40px; 
    margin-left: 0;
    margin-right: 10px;
    padding-left: 15px;
    padding-top: 10px;}
#subnavMobile div.subnavheadline:last-child {border-bottom:0px}
#subnavMobile div.subnavheadline  a {display:block; width:100%; height:100%;}


.headerbild { background-position:top center; background-repeat:no-repeat; width:100%; height:auto; min-height:200px}

#content {
    width: 100%;
}

#inhalt {width:100%; box-sizing:border-box;}

#content_einleitung {
    width: auto;
}


#subnav {display:none}

#bilderani {
    background-color: #eee;
    height: auto;
	min-height:200px;
    overflow: hidden;
    width: 100%;
}

.flexslider {
    max-height: 200px;
    min-height: 200px;
	width:100%;
	max-width:100%;
	min-width:100%;
}

#headerbilderSmall .slides {
    height: 200px;
    width: 100%; max-heigt:200px;
}

#formularouter{position: absolute;top:0px; width:100%; box-sizing:border-box; overflow:hidden; margin:0px; padding:0px}
#formular{width: 100%;  padding-top: 20px; height:auto; min-height: 500px; max-width:100%; box-sizing:border-box; box-shadow:none; top: 75px !important}
#box {margin-top: 440px}
#standort_karte {position: absolute;top: 30px;width: 300px;right: 76px; }
	

}

@media (max-width:750px) { 
#standort_karte {
  position: absolute;
  top: 110px;
  width: 150px;
  right: 10px;
}
#adresse #inner #central {position: relative}	

}

@media (max-width:500px) { 
	
.projektelink {width: calc(100% - 0px);}


div.teaserstartseite h3, h1.gold {line-height:1em; font-size:2em}
div.teaserstartseitetext h2, h2 {font-size:1em}

#adresse #inner #left {width:100%; display:block}


#adresse #inner #central {
    width: 100%;
	clear:both;
	display:bock;
}

#adresse #inner #central img {max-width:80%}



#adresse #inner #right {
    width: 100%;
	clear:both;
	float:left;
	padding-right:20px;
	
}


@media (max-width:450px) { 


#adresse #inner #left {width:100%; display:block}


#adresse #inner #central {
    width: 100%;
	clear:both;
	display:block;
	text-align:left;
	padding-left:0px;
}

#adresse #inner #central img {padding-left:0px}



#adresse #inner #right {
    width: 100%;
	clear:both;
	float:none;
	padding-right:0px;
	position:relative;
	top:auto;
	text-align:left;
	padding-left:30px;
	margin-top:20px;
	
}


#adresse #inner #right a.link {margin-left:0px}


}


/*Iphone 6 - port*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait){

body {font-size:1em}
div#slidecaption > div.headerbildText > ul li:first-child {font-size:1.3em; }
div#slidecaption > div.headerbildText > ul li:nth-child(2) {font-size:1.6em;}
div#slidecaption > div.headerbildText > ul li:nth-child(3) {font-size:1.3em;}
#inhalt {padding-left:0px; padding-right:0px;}
div.teaserstartseitetext h2, h2 {font-size: 1.2em;}
div.teaserstartseitetext h2 {margin-top: 20px;}
div.teaserstartseite h3, h1.gold {font-size: 1.5em;}
#kundenmeinungen h1 {margin-bottom: 20px;}
#kundenmeinungen .kundenmeinungen .text {font-size: 0.9em;}
h2 {margin-top: 20px;}
h2 {margin-top: 20px;}
#content_einleitung, .content {margin-top:20px}
#adresse {
    margin-left: 0px;
    max-width: calc(100% - 0px);
}
.pt70px {padding-top:20px}
.flex-direction-nav {
    top: -150px;
}
#vorschauProjekte {padding-left:10px; padding-right:10px}
div.honoursAwards {width: 100%}



}

@media (max-width:330px){
body {font-size:1em}
div#slidecaption > div.headerbildText > ul li:first-child {font-size:1.3em; }
div#slidecaption > div.headerbildText > ul li:nth-child(2) {font-size:1.6em;}
div#slidecaption > div.headerbildText > ul li:nth-child(3) {font-size:1.3em;}
#inhalt {padding-left:0px; padding-right:0px;}
div.teaserstartseitetext h2, h2 {font-size: 1.2em;}
div.teaserstartseitetext h2 {margin-top: 20px;}
div.teaserstartseite h3, h1.gold {font-size: 1.5em;}
#kundenmeinungen {padding-bottom: 20px;}
#kundenmeinungen h1 {margin-bottom: 20px;}
#kundenmeinungen .kundenmeinungen .text {font-size: 0.9em;}
h2 {margin-top: 20px;}
#content_einleitung, .content {margin-top:20px}
#adresse {
    margin-left: 0px;
    max-width: calc(100% - 0px);
}
.pt70px {padding-top:20px}
.flex-direction-nav {
    top: -250px;
}
#vorschauProjekte {padding-left:10px; padding-right:10px}
div.honoursAwards {width: 100%}

}