/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 360px) {
    .moduleHeader .boxOuter {height:70px; background:#f7f3ec url(../img/bg/header_mobile_gradient.gif) repeat-x;}
    .moduleHeader .boxInner {width:302px; height:70px; background:url(../img/bg/header_mobile.png) no-repeat;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
      
}

/* Style adjustments for viewports 480px and over go here */
@media only screen and (min-width: 480px) {
    /* body */
    body {padding:0 15px 120px 15px;}

    /* wrapper */
    #wrapper {margin:0 auto; min-height: 450px; height: auto !important; height: 450px;} 
} 

/* Style adjustments for viewports 520px and over go here */
@media only screen and (min-width: 520px) {
    .moduleSubnavi {padding:0;}
	.moduleSubnavi ul {display:block;}
	.moduleSubnavi select {display:none;}
	
	/* modulePlatzbedarf */
	.modulePlatzbedarf .boxCol div {float:left;width:49%;margin:0 1% 10px 0;}
	.hinweis {width:378px;padding:23px 15px 15px 15px;}
	
	/* moduleInfo */
	.moduleInfo p {float:left;width:62%;}
	.moduleInfo .boxInfoHead {float:left;width:33%;margin:0 5% 0 0;}
	
	.moduleKontakt label {width:33%;float:left;}
	.moduleKontakt select {width:66%;}
	.moduleKontakt textarea, .moduleKontakt input {width:65%;}
	.moduleKontakt > .boxRowFull label {padding:0;width:90%;}
	.moduleKontakt > .boxRowFull > div label {padding:0;width:15%;}
}
/* Style adjustments for viewports 650px and over go here */
@media only screen and (min-width: 650px) {
	.moduleKontakt select {width:33%;float:left;}
	.moduleKontakt textarea, .moduleKontakt input {width:32%;float:left;}
	.moduleKontakt > div .globalLinkArrow {width:30%;margin:0 0 0 2%;float:left;}
	.moduleKontakt input.image_submit {margin: 0 35% 0 0;}
}

/* Style adjustments for viewports 768px and over go here */  
@media only screen and (min-width: 768px) { 
    /* html */
    body {font-size:0.875rem;  /* 14px */}
    
    /* h1 */
    h1 {font-size:1.625rem;}
    
    /* h2 */
    h2 {font-size:1.25rem;}
    
    /* h3 */
    h3 {font-size:1.25rem;}
	.divContent.divContentSlogan h3 {font-size:1.75rem;}
    
    /* globalLinkArrow */
    a.globalLinkArrow {font-size:0.875rem;  background-position:0 -794px;}
    
    /* moduleHeader */
    .moduleHeader .boxOuter {height:161px; background:#f7f3ec url(../img/bg/header_gradient.gif) repeat-x; border-bottom:2px solid #e5d9b7;}
    .moduleHeader .boxInner {width:720px; height:161px; background:url(../img/bg/header_tablet.gif) no-repeat;}
    .moduleHeader a.boxLogo {width:310px; height:161px;}
	.moduleHeader a.boxPhone {height:46px;left:316px;top:103px;width:399px;}
    .moduleHeader ul {top:7px; width:415px;}
    .moduleHeader li {float:left; margin:0 0 0 18px;}

    /* moduleNavi */
    .moduleNavi {position:relative;}
    .moduleNavi ul {padding:6px 0; background:url(../img/bg/gradient_navi.gif) repeat-x;}
    .moduleNavi li {position:relative; float:left; padding:4px 0.85%; border-left:1px solid #a99887; border-right:1px solid #a99887;}
    .moduleNavi a {height:auto; padding:0; background:0; font-size:0.875rem; font-weight:bold;}
    .moduleNavi li:hover .boxArrow, .moduleNavi .boxActive .boxArrow {display:block; position:absolute; bottom:-16px; left:50%; width:32px; height:12px; margin:0 0 0 -16px; background:url(../img/bg/arrow_navi.gif) no-repeat;}
    .moduleNavi .box1 {border-left:0; padding-bottom:0;}
    .moduleNavi .box1 a .boxHome {display:block; height:21px; background-position:0 0;}
    .moduleNavi .box1 a:hover .boxHome, .moduleNavi .boxActive a .boxHome {background-position:-200px 0px !important;}
    .moduleNavi .box5 {border-right:0;}
    .moduleNavi .boxGlow {display:block; position:absolute; top:-1px; width:100%; opacity:0.6; height:9px; background:#fff;}

    /* gridContent */
    .gridContent {padding:20px 10px 0 10px;}
    
    /* gridContent2Cols */
    .gridContent2Cols .gridContentLeft {float:left; width:25%;}
    .gridContent2Cols .gridContentRight {float:left; width:75%;}
    .gridContent2Cols .moduleSchnellrechner .boxLeft {width:53%; margin:0 5% 0 0; float:left;}
    .gridContent2Cols .moduleSchnellrechner .boxRight {width:42%; float:left; padding:28px 0 0 0;}
    .gridContent2Cols .moduleSchnellrechner .boxHeadline {font-size:1.5rem;}
    .gridContent2Cols .moduleImageSkiper {width:430px;}
    .gridContent2Cols .moduleImageSkiper .boxImagesWrap.js {width:340px; height:73px;}
    
    /* divContent */
    .divContent {padding:17px 20px;}
	.divContent.divContentSlogan {padding:17px 20px 7px 20px;}
    .divContent.div2Cols .divColLeft {width:50%; float:left; padding:0; border-bottom:0;}
    .divContent.div2Cols .divColRight {float:right; border-left:5px solid #fff;}
	
	.gridContentRight .divContentLast:first-child {border-bottom:0px none transparent;}
	.gridContentRight .divContentHead {border-bottom:0px none transparent;}
	
	.divContent.div2Cols.div2ColsContent .divColLeft {width:59%;}
	.divContent.div2Cols.div2ColsContent .divColRight {width:40%;}
	.divContent.div2Cols.div2ColsContent .divColLeft .divColInner {width:97%;padding: 7px 2%;}
	.divContent.div2ColsContent .moduleSchnellrechner h3 {width:100%;}

    /* moduleFooter */
    .moduleFooter {padding:15px 0 12px 0;} 
    .moduleFooter p {font-size:0.75rem;} 
    .moduleFooter span {display:block;} 
    
    /* moduleImageSkiper */
    .moduleImageSkiper {width:684px;}
    .moduleImageSkiper .boxImagesWrap {width:565px;}
    
    /* fancybox */
    #fancybox-outer {margin:0 0 0 -50px; padding:20px 50px;}
    #fancybox-close {border:0;}
    
    /* moduleSchnellrechner */
    .moduleSchnellrechner {margin:3px 0;}
    
    /* moduleImageText */
    .moduleImageText .boxImg {float:left; margin:8px 3% 0 0;}
    .moduleImageText .boxImg img {width:auto;}
    .moduleImageText .boxtext {margin:2px 0 0 0;}
    
    /* moduleComment */
    .moduleComment .boxText {padding:17px 80px; font-size:1.25rem;}
    .moduleComment .boxName {float:left;}
    .moduleComment .globalLinkArrow {float:right;}
    
    /* moduleContact */
    .moduleContact .boxContent {width:738px; height:62px;}
    .moduleContact .boxLeft span {width:738px; height:62px; background:url(../img/bg/footer_tablet.gif) no-repeat;}
    .moduleContact .boxRight {bottom:16px; right:20px; left:auto;}
	
	/* moduleSubnavi */
	.divContentLeft{position:absolute;top:0;left:0;width:23%;margin:40px 1% 0;}
	.moduleSubnavi ul {padding:0;margin:0;border-bottom:none;}
	.moduleSubnavi ul li {margin:0;float:none;border-bottom:1px solid #9F8879;white-space:normal;}
	.moduleSubnavi ul li .boxSeperator {display:none;}
	.moduleSubnavi ul li a {display:block;}
	.no-js .divContentLeft{margin:75px 1% 0;}
	
	/* moduleSchnellrechner */
	.moduleSchnellrechner h3 {width:120%;}
	
	/* moduleTable */
	.moduleTable .last {display:block;}
	
	/* modulePlatzbedarf */
	.modulePlatzbedarf .boxCol {float:left;width:32.33%;margin:0 1% 0 0;}
	.modulePlatzbedarf .boxCol div {width:100%;margin:0 0 10px 0;}
	
	.moduleKontakt select {width:66%;float:none;}
	.ios .moduleKontakt select {width:69%}
	.moduleKontakt textarea, .moduleKontakt input {width:65%;float:none;}
	.ios .moduleKontakt textarea {width:67%;}
	.moduleKontakt input.image_submit {margin: 0 2% 0 0;}
	.moduleKontakt > div .globalLinkArrow {margin:0;float:none;}
	
	h2 .ol1 {background-position:0 -597px;}
    h2 .ol2 {height:23px;background-position:-300px -597px;}
	h2 .ol3 {width:28px;height:23px;background-position:-600px -597px;}
    h2 .ol4 {width:28px;height:23px;background-position:-900px -597px;}
    h2 .ol5 {width:28px;height:23px;background-position:0 -697px;}
	
	.desktopOnly {display:block;}
	.divCountryNavy {border-top:5px solid #fff;}
}

@media only screen and (max-width: 767px) { 
	/* moduleTable */
	.moduleTable tr td.last, .moduleTable tr th.last {width:0px;}
	.moduleTable tr td:first-child,  .moduleTable tr th:first-child {width:38%;}
	.moduleTable tr td:first-child + td,  .moduleTable tr th:first-child + th {width:28%;padding:0 1% 5px 2%;}
	.moduleTable tr td:first-child + td + td,  .moduleTable tr th:first-child + th + th {width:28%;padding:0 0 5px 3%;text-align:right;}
	
	.moduleContact {left: 0;position: relative;}
	.moduleContact .boxContent {left: 0;margin:20px auto 0;}
	body {padding: 0 15px 20px;}
	
	.moduleInfoBox {margin:20px 0;}
	
	.moduleImageSkiper.moduleImageSkiperWidget .boxImagesWrap.js .boxImages a {margin:0 8px 10px 15px;}
	.moduleImageSkiper.moduleImageSkiperWidget .boxImagesWrap.js .boxImages a.fancybox {margin:0 6px 10px 0;}
	
}

/* Style adjustments for viewports 920px and over go here */  
@media only screen and (min-width: 920px) {
	.moduleKontakt select {width:37%;float:left;}
	.moduleKontakt textarea, .moduleKontakt input {width:36%;float:left;}
	.moduleKontakt > div .globalLinkArrow {width:25%;margin:0 0 0 2%;float:left;}
	.moduleKontakt input.image_submit {margin: 0 31% 0 0;}
}

/* Style adjustments for viewports 1024px and over go here */  
@media only screen and (min-width: 1024px) {
    /* html */
    body {font-size:1rem;  /* 16px */}
    
    /* h1 */
    h1 {font-size:1.875rem;}
    
    /* h2 */
    h2 {font-size:1.25rem;}
    
    /* h3 */
    h3 {font-size:1.5rem;}
    
    /* p */
    p {padding:0 0 10px 0;}
    
    /* globalLinkArrow */
    a.globalLinkArrow {font-size:1.0625rem;  background-position:0 -792px;}
    
    /* moduleHeader */
    .moduleHeader .boxInner {width:774px; height:161px; background:url(../img/bg/header.gif) no-repeat;}

    /* moduleNavi */
    .moduleNavi ul {padding:4px 0 6px 0;}
    .moduleNavi li {float:left; padding:2px 2.2% 3px 2.2%;}
    .moduleNavi a {font-size:1.125rem; font-weight:normal;}
    .moduleNavi .box1 {padding-bottom:4px;}
    .moduleNavi .box1 a .boxHome {position:relative; top:1px;}
    
    /* gridContent */
    .gridContent {padding:20px 20px 0 20px;}
    
    /* divContent */
    .divContent {padding:20px;}
	.divContent.divContentSlogan {padding:20px 20px 10px 20px;}
    .divContent.div2Cols .divColLeft .divColInner {padding:17px 20px;}
    
    /* moduleFooter */
    .moduleFooter p {font-size:0.875rem; text-align:center;}
    .moduleFooter span {display:inline;} 
    
    /* moduleSchnellrechner */
    .moduleSchnellrechner .boxLeft {width:auto; margin:0; float:none;}
    .moduleSchnellrechner .boxRight {width:auto; float:none; padding:0;}
    .moduleSchnellrechner .globalLinkArrow {font-size:1rem; background-position:0 -792px;}
    
    /* moduleContact */
    .moduleContact .boxContent {width:980px; height:62px; background:url(../img/bg/footer_gradient.gif) repeat-x;}
    .moduleContact .boxLeft span {width:738px; height:62px; background:url(../img/bg/footer.gif) no-repeat;}
    .moduleContact .boxRight {bottom:16px; right:20px; left:auto;}
    
}
@media only screen and (max-width: 520px) {
    .moduleInfoBox {margin:0 0 20px;}
}