body {-webkit-text-size-adjust:none;} header,footer, nav, section {display:block;} a:link, a:visited{font-size:14px; color:#0000EE; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;} a:hover, a:focus, a:active{color:#681664; text-decoration:underline;} html, body{margin:0; padding:0; width:100%; height:100%; width:100%;} body {background-color:#ffffff; font-family:calibri, arial, sans-serif, helvetica; color:#333;} div{overflow:hidden; box-sizing:border-box;} h1, h2{margin-top:0px;} img{border:0px;} .left, .right{float:left; width:50%;} .center{float:left; width:100%; padding-left:10%; padding-right:10%;} .diNo{display:none;} .cuPo{cursor:pointer;} .floLe{float:left;} .logoBlue{color:#1f3864;} .logoGrey{color:#595959;} .colorBlack{color:#333;} .smallCaps{font-variant:small-caps;} .fontW100{font-weight:100;} .fontW200{font-weight:200;} .fontW300{font-weight:300;} .fontW400{font-weight:400;} .fontW500{font-weight:500;} .ta_l{text-align:left;} .ta_c{text-align:center;} .ta_r{text-align:right;} .paLe25{padding-left:25px;} .maRi0{margin-right:0px!important;} .maRi50{margin-right:50px!important;} .maBo5{margin-bottom:5px!important;} .maLe25{margin-left:25px!important;} .maLe50{margin-left:50px!important;} .maTo25{margin-top:25px!important;} .maTo50{margin-top:50px!important;} .maTo75{margin-top:75px!important;} .maTo100{margin-top:100px!important;} .maToN50{margin-top:-50px;} .maToN75{margin-top:-75px;} .maToN100{margin-top:-100px;} .maToN125{margin-top:-125px} .maToN150{margin-top:-150px;} .maToN200{margin-top:-200px;} .maToN250{margin-top:-250px;} .maToN300{margin-top:-300px;} .maBo25{margin-bottom:25px;} .width100{width:100%!important;} .width40{width:40%;} .width60{width:60%;} .floatLeft{float:left;} .overHidd{overflow:hidden;} /********************************************************** Inputs **********************************************************/ select, textarea, input[type="text"], input[type="password"]{box-sizing:border-box; outline: none; width:100%; border:1px solid #ccc; padding:5px; -webkit-box-shadow: inset 0px 0.3125em 0.3125em rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px 0.3125em 0.3125em rgba(0, 0, 0, 0.08); box-shadow: inset 0px 0.3125em 0.3125em rgba(0, 0, 0, 0.08);} textarea{min-height:200px; max-height:200px; max-width:100%; min-width:100%; resize: none; display:block; font-size:15px;} input[type="submit"]{width:100%; box-sizing:border-box;} /********************************************************** Bewegung - Effekte **********************************************************/ /** Einblenden Home */ #slider_content, #section_content, #window1BackImg, #window2BackImg{ -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -o-transition: opacity 2s ease; transition: opacity 2s ease; } #section_content{ -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #slider_content, #section_content, #window1BackImg, #window2BackImg, #content_box1, #content_box2, #content_box3, .content_over_img.on, .referenzen_logo1, .referenzen_logo2 {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #slider_content.on, #section_content.on, #window1BackImg.on, #window2BackImg.on, #content_box1.on, #content_box2.on, #content_box3.on, .content_over_img{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } /* Slider */ #slider.on .sliderBild img{ -webkit-animation:zoomBild 40s ease; -moz-animation:zoomBild 40s ease; -ms-animation:zoomBild 40s ease; animation:zoomBild 40s ease; } @keyframes zoomBild{0%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);} 50%{-moz-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -o-transform: matrix(1.0, 0, 0, 1.0, 0, 0); transform: matrix(1.0, 0, 0, 1.0, 0, 0);} 100%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);}} @-moz-keyframes zoomBild{0%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);} 50%{-moz-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -o-transform: matrix(1.0, 0, 0, 1.0, 0, 0); transform: matrix(1.0, 0, 0, 1.0, 0, 0);} 100%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);}} @-webkit-keyframes zoomBild{0%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);} 50%{-moz-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -o-transform: matrix(1.0, 0, 0, 1.0, 0, 0); transform: matrix(1.0, 0, 0, 1.0, 0, 0);} 100%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);}} @-ms-keyframes zoomBild{0%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);} 50%{-moz-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transform: matrix(1.0, 0, 0, 1.0, 0, 0); -o-transform: matrix(1.0, 0, 0, 1.0, 0, 0); transform: matrix(1.0, 0, 0, 1.0, 0, 0);} 100%{-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0);}} /* Allgemein*/ #content_box1, #content_box2, #content_box3, #content_box1 h1, #content_box2 h1, #content_box3 h1, #content_box1 span, #content_box2 span, #content_box3 span, .content_over_img, #header_smart, .referenzen_logo1, .referenzen_logo2, #content_box1, #content_box2, #content_box3, #content_box1 img, #content_box2 img, #content_box3 img, #contentIcon1, #contentIcon2, #contentIcon3{ -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } /********************************************************** Schatten **********************************************************/ /* Schwarz nach unten*/ #header, #header_smart, .content_box{ -webkit-box-shadow: 0px 15px 20px -20px #1a171b; -moz-box-shadow: 0px 15px 20px -20px #1a171b; box-shadow: 0px 15px 20px -20px #1a171b; -o-box-shadow: 0px 15px 20px -20px #1a171b; } /* Weiss nach unten*/ #kontakt{-webkit-box-shadow: 0px 15px 20px -20px #1a171b, 0px 15px 20px -20px #ffffff; -moz-box-shadow: 0px 15px 20px -20px #1a171b, 0px 15px 20px -20px #ffffff; box-shadow: 0px 15px 20px -20px #1a171b, 0px 15px 20px -20px #ffffff; -o-box-shadow: 0px 15px 20px -20px #1a171b, 0px 15px 20px -20px #ffffff; } /* Schwarz nach oben*/ #section, #content{ -webkit-box-shadow: 0px -20px 20px -20px #1a171b, 0px 15px 20px -20px #1a171b; -moz-box-shadow: 0px -20px 20px -20px #1a171b, 0px 15px 20px -20px #1a171b; box-shadow: 0px -20px 20px -20px #1a171b, 0px 15px 20px -20px #1a171b; -o-box-shadow: 0px -20px 20px -20px #1a171b, 0px 15px 20px -20px #1a171b; } /********************************************************** Header **********************************************************/ #header, #header_smart, #navigation{ position:fixed; top:0px; z-index:10; background: rgba(255,255,255,0.975); padding-top:10px; padding-bottom:10px; border-bottom:1px solid #1f3864; } #header, #header_smart{height:115px;} .headerIcon1, .headerIcon2, .headerIcon3, .headerIcon4{margin-top:6px; position:absolute; margin-left:-15px;} .headerIcon2{margin-left:-20px;} .headerIcon3{margin-left:-25px;} .headerIcon4{margin-top:7px; margin-left:-30px;} #logo{width:400px;} #header_left, #header_smart_left{padding-top:25px; width:40%;} #header_right, #header_smart_right{padding-top:25px; text-align:right; width:60%;} #header_right img, #header_smart_right img{height:20px;} #header_right a:link, #header_right a:visited, #navigation a:link, #navigation a:visited{font-size:25px; color:#595959; margin-left:25px; font-weight:300;} #header_right a:hover, #header_right a:focus, #header_right a:active, #navigation a:hover, #navigation a:focus, #navigation a:active{color:#1f3864; text-decoration:none;} #header_smart{visibility:hidden; display:none;} /********************************************************** Navigation **********************************************************/ #navigation{ z-index:6; height:0px; background: rgba(255,255,255,0.75); -webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; -o-transition:all 1.5s ease; transition:all 1.5s ease; } #navigation.on{padding-top:140px; height:260px;} #navigation a:link, #navigation a:visited{line-height:35px;} #navigation .left{width:40%;} #navigation .right{width:60%;} #navigation img{height:22px;} #navBox1{display:none; float:right; margin-right:265px;} #navBox2{display:none; float:right; margin-right:150px;} /********************************************************** Slider **********************************************************/ #slider{height:50vh; margin-top:115px; position:relative; z-index:3;} #slider1{height:100vh!important;} #slider img{ width:100%; -moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0); -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0); transform: matrix(1.2, 0, 0, 1.2, 0, 0); } #slider_content{position:absolute; right:10%; top:65vh; background: rgba(31,56,100,0.75); padding:25px; color:#fff; width:580px; text-align:center; } #slider_content b{font-size:20px;} /********************************************************** Section **********************************************************/ #section{position:relative; z-index:3; background:#fff; line-height:35px; padding-top:50px; padding-bottom:50px; font-size:25px; color:#333; font-weight:300; height:auto; } #section h1{font-weight:300;} #section h2{font-size:25px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:block;} #profil, #profile{position:relative; font-size:18px; line-height:25px;} #profile iframe{display:block; margin:0px;} #profile .left{position:relative; background:#f4f4f4; width:48%; margin-right:2%; padding-top:25px; overflow:hidden;} #profile .left span{padding-top:10px; overflow:hidden; display:block;} #profile .left h1{font-size:22px; margin:0px; padding:0px; display:inline;} #profile input[type="submit"]{height:35px; width:50%!important;} #profile .right{position:relative; background:#f4f4f4; width:48%; margin-left:2%; margin-top:-50px;} #profile .left .width60{padding-left:25px;} #profile img{position:absolute; bottom:0px;} #map{width:100%; height:350px;} #mapRight1, #mapRight2{visibility:hidden; display:none;} #profile a:link, #profil a:visited{font-size:18px; color:#333;} #profile a:hover, #profile a:focus, #profile a:active{color:#1f3864; text-decoration:none;} #profil{font-size:20px;} #profil .left{width:30%;} #profil .left img, #profile .left img{width:100%;} #profile .width40{position:relative; min-height:375px;} #profil .right{width:70%; padding-left:50px;} #profil table{width:100%;} #profil .td20{width:20%;} #profil .td80{width:80%;} .referenzen1, .referenzen2, .referenzen3, .referenzen4, .referenzen5, .referenzen6{float:left; position:relative; width:100%;} .referenzen1, .referenzen6{height:525px;} .referenzen2, .referenzen4{margin-bottom:25px;} .referenzen2, .referenzen3{padding-left:25px;} .referenzen2, .referenzen3{height:250px;} .referenzen4, .referenzen5{height:250px; padding-right:25px;} .referenzen2 img, .referenzen3 img, .referenzen4 img, .referenzen5 img{width:100%;} .referenzen1 img, .referenzen6 img{height:100%;} .referenzen_logo1, .referenzen_logo2, .referenzen_text1, .referenzen_text2 {position:absolute; color:#fff; left:25px; text-shadow: rgb(31, 56, 100) 1px 0px 0px, rgb(31, 56, 100) 0.540302px 0.841471px 0px, rgb(31, 56, 100) -0.416147px 0.909297px 0px, rgb(31, 56, 100) -0.989992px 0.14112px 0px, rgb(31, 56, 100) -0.653644px -0.756802px 0px, rgb(31, 56, 100) 0.283662px -0.958924px 0px, rgb(31, 56, 100) 0.96017px -0.279415px 0px; } .referenzen_logo1 img, .referenzen_logo2 img {width:75%;} .referenzen_text1, .referenzen_text2 {bottom:25px;} .referenzen_logo2, .referenzen_text2{left:50px;} .referenzen_logo1, .referenzen_logo2 {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); left:25px; top:0px; width:95%; padding-left:12.5%; box-sizing:border-box; background:#fff; height:100%; } .referenzen2:hover .referenzen_logo1, .referenzen2:hover .referenzen_logo2{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } .referenzen_text1.logoBlue, .referenzen_text2.logoBlue{color:#1f3864!important;} .width30{width:30%!important; float:left;} .width33{width:33%!important; float:left;} .width33 a:link, .width33 a:visited{color:#fff;} .width70{width:70%!important; float:left;} #section .content_box1, #section .content_box2, #section .content_box3{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1);} #section a:link, #section a:visited{font-size:18px;} .downloadsBox{border-bottom:1px solid #1f3864; padding-top:15px; padding-bottom:15px;} .downloadsBox a:link, .downloadsBox a:visited{color:#333;} .downloadIcon{width:100px!important;} /********************************************************** Window1 Window2 **********************************************************/ #window1, #window2 { position:relative; z-index:2; width:100%; height:100vh; background:#fff; } #window1 img, #window2 img{width:100%; position:absolute; top:-50%;} #window1:hover #window1_content, #window2:hover #window2_content{opacity:100;} #window1 .content, #window2 .content{position:absolute; left:10%; top:75vh; background: rgba(31,56,100,0.75); padding:25px; color:#fff; width:39.2%; text-align:center; } #window1 b, #window2 b{font-size:20px;} /********************************************************** Content **********************************************************/ #content{position:relative; z-index:5; background:#f4f4f4; padding-top:50px; padding-bottom:50px; background:-moz-linear-gradient(top, #e9e9e9, #f4f4f4); /* Firefox */ background:-webkit-linear-gradient(top, #e9e9e9, #f4f4f4); /* Safari, Chrome */ background:-o-linear-gradient(top, #e9e9e9, #f4f4f4); /* Opera */ background:-ms-linear-gradient(top, #e9e9e9, #f4f4f4); /* IE */ background:linear-gradient(top, #e9e9e9, #f4f4f4); /* W3C Standard */ } #content_box1, #content_box2, #content_box3{float:left; position:relative; width:32%; margin-right:2%; background:#f4f4f4; font-size:18px; line-height:25px; color:#666; height:auto; } #content_box3{margin-right:0px;} #content_box1 img, #content_box2 img, #content_box3 img{width:100%; display:block;} .content_box_inhalt{width:100%; padding:25px; min-height:50px; position:relative;} .content_over_img{position:absolute;} #content_box1:hover, #content_box2:hover, #content_box3:hover{background:#1f3864; color:#fff;} #content_box1:hover h1, #content_box2:hover h1, #content_box3:hover h1, #content_box1:hover .logoBlue, #content_box2:hover .logoBlue, #content_box3:hover .logoBlue, #content_box1:hover .logoGrey, #content_box2:hover .logoGrey, #content_box3:hover .logoGrey {color:#fff!important;} #content_box1:hover #contentIcon1, #content_box2:hover #contentIcon2, #content_box3:hover #contentIcon3{opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #content_box1:hover #contentIconAbsolute1, #content_box2:hover #contentIconAbsolute2, #content_box3:hover #contentIconAbsolute3{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } #content a:link, #content a:visited{font-size:18px; color:#333;} #content a:hover, #content a:focus, #content a:active{color:#333; text-decoration:none;} #content h1{font-size:35px; font-weight:300;} .content_icon, .content_icon_absolute{width:35px!important;} .content_icon_absolute{top:27px; position:absolute; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #leistungsbild #content_box1, #leistungsbild #content_box2, #leistungsbild #content_box3{width:100%; margin-right:0px; border-radius:0px; margin-bottom:25px;} #interim_management h1{font-size:18px;} #content_box1 .left, #content_box2 .left, #content_box3 .left, #content_box1 .right, #content_box2 .right, #content_box3 .right{position:relative;} #content_2_left_2, #content_2_right_2{visibility:hidden; display:none;} /********************************************************** Kontakt **********************************************************/ #kontakt{position:relative; z-index:4; background:#fff; padding-top:50px; padding-bottom:50px; margin-bottom:70px; overflow:visible; } #kontakt_left{line-height:30px; font-size:20px; padding-right:20px;} #kontakt_right{padding-left:20px; font-size:22px;} #kontakt_right table{width:100%;} #kontakt select, #kontakt textarea, #kontakt input[type="text"]{margin-bottom:10px; background:#f4f4f4; border:0px; color:#999;} #kontakt input[type="submit"]{height:35px; margin-bottom:15px;} #kontakt textarea{font-family:calibri, arial, sans-serif, helvetica;} #kontakt a:link, #kontakt a:visited{font-size:22px; color:#1f3864;} #kontakt a:hover, #kontakt a:focus, #kontakt a:active{color:#1f3864; text-decoration:none;} /********************************************************** Footer **********************************************************/ #footer{ position:fixed; bottom:0px; z-index:1; background:#1f3864; padding-top:15px; padding-bottom:25px; color:#fff; height:70px; font-size:18px; } #footer_right{text-align:right;} #footer a:link, #footer a:visited{font-size:18px; color:#fff; margin-right:30px;} #footer a:hover, #footer a:focus, #footer a:active{color:#595959; text-decoration:none;} /********************************************************** Shortcuts **********************************************************/ #shortcuts{position:fixed; z-index:11; right:0px; top:40vh; background:#1f3864; padding:10px; text-align:center; } #shortcuts a:link, #shortcuts a:visited{display:block;} #shortcuts img{cursor:pointer; width:25px;} /********************************************************** Statistik **********************************************************/ #statistik_box{float:left; width:100%; overflow:hidden; border:1px solid #ccc; margin-bottom:20px; margin-right:20px; background:-moz-linear-gradient(top, #f4f4f4, #fff); /* Firefox */ background:-webkit-linear-gradient(top, #f4f4f4, #fff); /* Safari, Chrome */ background:-o-linear-gradient(top, #f4f4f4, #fff); /* Opera */ background:-ms-linear-gradient(top, #f4f4f4, #fff); /* IE */ background:linear-gradient(top, #f4f4f4, #fff); /* W3C Standard */ } .right#statistik_box{text-align:right;} #statistik_box a:link, #statistik_box a:visited{color:#073781; text-decoration:none; font-size:11px;} #statistik_box a:hover, #statistik_box a:focus, #statistik_box a:active{color:#0a9ad7; text-decoration:underline; font-size:11px;} #statistik_name{float:left; width:290px; color:#333; padding:5px; font-weight:700;} #statistik_center{float:left; width:278px; padding-left:10px; padding-top:10px; font-size:11px;} /********************************************************** Weichen **********************************************************/ /*opera*/ @media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { } /* Nur Firefox */ @-moz-document url-prefix(){ } /* Safari only override */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ } @media screen and (max-width:1450px){ .center{padding-left:5%; padding-right:5%;} #slider img, #window1 img, #window2 img{width:auto;} } @media screen and (max-width:1350px){ #header_right a:link, #header_right a:visited, #navigation a:link, #navigation a:visited{font-size:20px;} #header_right a:hover, #header_right a:focus, #header_right a:active, #navigation a:hover, #navigation a:focus, #navigation a:active{} } @media screen and (max-width:1250px){ #header_right a:link, #header_right a:visited, #navigation a:link, #navigation a:visited{font-size:18px;} #header_right a:hover, #header_right a:focus, #header_right a:active, #navigation a:hover, #navigation a:focus, #navigation a:active{} #kontakt_right .left, #kontakt_right .right{width:100%;} } @media screen and (max-width:1150px){ #kontakt_right .left, #kontakt_right .right {width:100%;} #content_box1 h1, #content_box2 h1, #content_box3 h1{font-size:23px;} .headerIcon3{margin-top:2px!important;} } @media screen and (max-width:1100px){ #logo{width:350px;} } @media screen and (max-width:1024px){ #header_right a:link, #header_right a:visited, #navigation a:link, #navigation a:visited{font-size:16px;} #header_left, #header_right, #footer_left, #footer_right{width:100%; text-align:center; padding-left:0px; padding-right:0px;} #header{height:165px; padding-bottom:25px;} #header_right a:link, #header_right a:visited, #navigation a:link, #navigation a:visited{font-size:20px;} #kontakt_right .left, #kontakt_right .right{width:100%;} #content_box1, #content_box2, #content_box3{width:100%; margin-bottom:25px;} #content_box1 h1, #content_box2 h1, #content_box3 h1{font-size:25px;} #profile .left, #profile .right{width:100%; padding-left:0px; padding-right:0px; margin-left:0px; margin-top:0px;} #profile .left{margin-bottom:25px;} #profile .right{height:370px;} #map{top:-50px; position:absolute;} .maToN150, .maToN200, .maToN250{margin-top:0px!important;} #section .width30, #section .width70{width:100%!important; padding-left:0px; padding-right:0px; margin-right:0px; margin-left:0px;} .referenzen1, .referenzen2, .referenzen3, .referenzen4, .referenzen5, .referenzen6 {margin-bottom:25px; padding:0px!important; height:250px; overflow:hidden;} .referenzen1 img, .referenzen6 img{height:auto; width:100%;} .referenzen2, .referenzen3{padding-left:0px;} .referenzen_logo2, .referenzen_text2{left:25px;} .profilImage{width:auto!important; height:100%;} #map, #mapBox{position:relative; float:left; width:100%; display:block;} #profile .right{height:auto!important;} } @media screen and (max-width:768px){ #navigation{visibility:hidden;} #slider {margin-top:165px;} #slider_content, #window1_content, #window2_content {margin-left:5%; margin-right:5%; width:90%!important; right:0px;} #profil .left, #profil .right, #kontakt_left, #kontakt_right{width:100%; padding-left:0px; padding-right:0px; margin-left:0px; margin-top:0px;} #kontakt_left{margin-bottom:25px;} #content_box1 .left, #content_box2 .left, #content_box3 .left, #content_box1 .right, #content_box2 .right, #content_box3 .right{width:100%; padding-left:0px; padding-right:0px; margin-left:0px; margin-top:0px;} #window1 img, #window2 img{min-width:100%; height:100%; position:absolute; top:0px; display:block;} #window1, #window2{height:auto; padding-bottom:25px;} #window1BackImg, #window2BackImg, #section_content, #content_box1, #content_box2, #content_box3{opacity:1;} #window1 .content, #window2 .content{position:relative; left:0px; top:0px; margin-top:25px;} #footer a:link{margin-right:15px;} #footer_right{margin-top:5px;} #content_2_left_1, #content_2_right_1{visibility:hidden; display:none;} #content_2_left_2, #content_2_right_2{visibility:visible; display:block;} textarea{min-height:200px; max-height:200px; max-width:100%; min-width:100%; resize: none; display:block; font-size:12px;} #kontakt_right .left, #kontakt_right .right{width:100%; padding-left:0px;} .profilImage{width:auto!important; height:100%!important;} } @media screen and (max-width:600px){ #slider, #slider img{width:100%; height:auto;} #slider {height:200px} #header, #footer{padding-left:0px; padding-right:0px;} #mapRight1, #mapRight2{visibility:visible; display:block;} #header, #mapRight0{visibility:hidden; display:none;} #header_smart{padding-bottom:15px; height:100px; visibility:visible; display:block;} #header_smart.on{height:400px;} #header_smart .left{width:15%;} #header_smart_left img{width:40px;} #header_smart .right{width:85%; text-align:left;} #header_left, #header_right{padding-top:15px;} #header_right{text-align:left; padding-left:22.5%;} #header_right img{margin-top:3px;} #header_right a:link, #header_right a:visited{margin-left:0px; font-size:24px;} #logo{width:350px; height:42px!important;} #slider_content b, #window1 b, #window2 b{font-size:17px;} #slider{margin-top:100px;} body, html{min-width:600px; width:600px;} #statistik .left, #statistik .right{width:100%; padding-left:0px; padding-right:0px; margin:0px!important;} } #blanco{display:none; visibility:hidden;} /*** IE ***/ @media screen\0{ .headerIcon3, .headerIcon4{margin-left:-50px;} #shortcuts{padding:5px;} #shortcuts img, .content_icon, .content_icon_absolute{width:40px; height:25px;} #kontakt{bottom:0px;} #blanco{display:block; visibility:visible; height:0px;} .downloadIcon{height:150px; width:200px} } /*** IPAD ***/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ #slider_content, #section_content, #window1BackImg, #window2BackImg, #content_box1, #content_box2, #content_box3, .content_over_img.on, .referenzen_logo1, .referenzen_logo2 { opacity:1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"!important; filter: alpha(opacity=1)!important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ #slider_content, #section_content, #window1BackImg, #window2BackImg, #content_box1, #content_box2, #content_box3, .content_over_img.on, .referenzen_logo1, .referenzen_logo2 { opacity:1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"!important; filter: alpha(opacity=1)!important; } }