@charset "UTF-8";html{cursor:url('./img/cursor_default.ico'),default;height:100%;overflow-x:hidden;overflow-y:auto;}
body{min-height:100vh;margin:0px;padding:0px;font-family:'Roboto', serif;font-style:normal;font-weight:300;font-size:14px;overflow:hidden;cursor:url('./img/cursor_default.ico'),default;}
*{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
.selectable{-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;user-select:auto;}
.textoverflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}
.grayscale:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.grayscale_none{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.pointer{cursor:url('./img/cursor_pointer.ico'),pointer;}
a{text-decoration:none;color:#1a538e;}
a:hover{text-decoration:underline;}
[data-type='loadimage']{background-image:url(./img/img-loader.gif);background-position:50% 50%;background-repeat:no-repeat;background-size:auto;}
header{z-index:1000;position:fixed;left:0px;top:0px;width:100%;height:48px;box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
h1.headline{position:relative;width:calc(100% - 47px - 30px);float:left;font-weight:300;margin:0px;color:#1a538e;background-color:#F3F3F3;font-size:21px;line-height:21px;height:21px;padding:13px 15px;border-bottom:1px #CCC solid;background-image:url(./img/separator_bottomleft.png);background-position:bottom left;background-repeat:no-repeat;}
div.headline_button{position:relative;float:left;width:17px;padding:15px;height:17px;color:#AAA;font-size:17px;background-color:#F3F3F3;border-bottom:1px #CCC solid;}
div.headline_button:hover{color:#1a538e;background-color:#B5C6D8;cursor:url('./img/cursor_pointer.ico'),pointer;}
div.maps{position:relative;margin-top:48px;width:100%;height:250px;overflow:hidden;background-image:url('./img/image_bg.png');}
div.maps iframe{width:100%;height:550px;margin-top:-150px;pointer-events:none;border:0px;background-image:url(./img/googlemaps.png);background-size:80vw;background-repeat:no-repeat;background-position:50% 50%;}
div.map_info{display:none;}
div.openmap{display:block;position:absolute;right:0px;bottom:0px;font-size:20px;width:20px;height:20px;padding:10px;background-color:#FFF;color:#1a538e;}
div.openmap:before{position:absolute;display:block;content:' ';top:0;left:-30px;width:0;height:0;border-style:solid;border-width:0 0 40px 30px;border-color:transparent transparent #FFF transparent;}
aside{position:relative;width:calc(((100%/12) * 12) - 40px);margin:20px 20px 0px 20px;float:left;}
aside:before, aside:after, div.qrcontainer, div.openmapqr{display:none;}
div.logocontainer{position:relative;float:right;width:calc(100% - 0px);max-height:200px;background-color:#FFF;margin:0px 0px 20px 0px;box-shadow:none;text-align:center;}
div.logocontainer img{max-width:100%;max-height:200px;margin:0px;display:inline-block;}
div.logocontainer:before, div.logocontainer:after{display:none;}
div.infobox{position:relative;float:left;margin:0px 0px 20px 0px;width:calc(100% - 0px);height:auto;overflow:hidden;background-color:transparent;}
div.infoliste{position:relative;width:100%;border-bottom:1px #E5E5E5 solid;}
div.infoliste span{position:relative;display:block;float:left;font-size:19px;padding:11px 0px;width:19px;height:19px;color:#1a538e;}
div.infoliste div:first-of-type{position:relative;display:block;float:left;font-size:15px;padding:13px 0px;width:calc(100% - 19px);height:15px;color:#222;text-align:right;}
div.infoliste:last-of-type{border:0px;}
div.content{position:relative;float:left;width:calc(100% - 20px);padding:0 10px 40px 10px;margin:0px 0px 10px 0px;background-image:linear-gradient(#FFF 20%, #E5E5E5 100%);}
div.content:before{position:absolute;display:block;bottom:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:30px 0 0 50vw;border-color:transparent transparent transparent #FFF;}
div.content:after{position:absolute;display:block;bottom:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 0 30px 50vw;border-color:transparent transparent #FFF transparent;}
div.col_6{width:calc(((100%/12) * 12) - 20px);margin:10px;float:left;}
div.col_12{width:calc(((100%/12) * 12) - 20px);margin:10px;float:left;}
div.col_content{width:100%;color:#222;}
h2.boxheadline{position:relative;height:28px;font-size:28px;font-family:'Roboto', serif;font-style:normal;font-weight:300;color:#1a538e;padding:15px 0px;width:100%;border-bottom:0px rgba(0,0,0,0.2) solid;margin:0px;margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.innungsbetrieb_logo{position:relative;width:100%;height:70px;background-image:url(./img/innungsbetrieb.png);background-size:contain;background-position:50% 50%;background-repeat:no-repeat;}
div.innung_item{position:relative;height:60px;width:100%;margin-top:20px;}
div.innung_item div.innung_logo{position:relative;float:left;width:60px;height:100%;background-size:contain;background-position:50% 50%; background-repeat:no-repeat;}
div.innung_item div.innung_name{position:relative;display:table;float:left;width:calc(100% - 80px);height:100%;margin-left:20px;font-size:20px;font-family:'Roboto',serif;font-style:normal;font-weight:300;}
div.innung_item div.innung_name span{position:relative;display:table-cell;vertical-align:middle;}
div.innung_item div.innung_url{}
div.seo_desc,div.seo_stellen{line-height:20px;font-size:15px;text-align:justify;}
div.ausbildung_container{position:relative;width:100%;margin-top:15px;overflow:hidden;background-color:#FFF;background-image:url(./img/azubi_banner.png);background-size:contain;background-position:bottom left;background-repeat:no-repeat;}
div.ausbildung_container div.ab_text{position:relative;float:right;text-align:right;width:calc(63% - 10px);height:calc(100% - 20px);padding:10px 10px 10px 0px;background-color:#1a538e;color:#FFF;-webkit-transition:width 0.5s ease;-o-transition:width 0.5s ease;transition:width 0.5s ease;}
div.ausbildung_container div.ab_text:before{position:absolute;display:block;top:-10px;left:-102px;width:0;height:0;content:' ';border-style:solid;border-width:0 0 170px 102px;border-color:transparent transparent #FFF transparent;}
div.ausbildung_container div.ab_text:after{position:absolute;display:block;top:0px;left:-102px;width:0;height:0;content:' ';border-style:solid;border-width:0 0 170px 102px;border-color:transparent transparent #1a538e transparent;}
div.ausbildung_container div.ab_text span.child1{font-size:1.8em;}
div.ausbildung_container div.ab_text span.child1:before{content:'AUSBILDUNG?';}
div.ausbildung_container div.ab_text span.child2{font-size:1.0em;}
div.ausbildung_container div.ab_text span.child2:before{content:'Du suchst eine interessante und zukunftsorientierte Ausbildung?';}
div.ausbildung_container:hover div.ab_text{width:calc(100% - 20px);padding:10px;text-align:center;}
div.ausbildung_container:hover div.ab_text span.child1:before{content:'Wir bilden aus!!!';}
div.ausbildung_container:hover div.ab_text span.child2:before{content:'Du bist bei uns genau richtig, bewirb dich jetzt bei uns und komm in unser Team!';}
div.zeiten_day{position:relative;float:left;width:100%;}
div.zeiten_day_L{float:left;padding:10px 0px;width:130px;line-height:15px;font-size:15px;text-align:left;}
div.zeiten_day_R{float:right;display:inline-block;padding:10px 0px;max-width:calc(100% - 130px);min-height:15px;font-size:15px;text-align:right;}
div.zeiten_day_R span{padding-left:15px;display:inline-block;white-space:nowrap;}
div.zeiten_now{position:relative;float:left;width:100%;border-top:1px #E5E5E5 solid;}
div.zeiten_now_L{float:left;padding:15px 0px;float:left;width:130px;height:15px;line-height:15px;font-size:15px;text-align:left;color:#1a538e;font-weight:500;}
div.zeiten_now_R{float:left;padding:0px;float:left;width:calc(100% - 130px);height:45px;text-align:right;}
div.zeiten_check{position:relative;width:100%;max-width:300px;float:right;padding:15px 0px;height:15px;line-height:15px;font-size:15px;text-align:center;text-transform:uppercase;color:#FFF;}
div.zeiten_open{background-color:#0B0;}
div.zeiten_open:before{position:absolute;display:block;content:' ';top:0;left:-30px;width:0;height:0;border-style:solid;border-width:0 30px 45px 0;border-color:transparent #0B0 transparent transparent;}
div.zeiten_close{background-color:#C00;}
div.zeiten_close:before{position:absolute;display:block;content:' ';top:0;left:-30px;width:0;height:0;border-style:solid;border-width:0 30px 45px 0;border-color:transparent #C00 transparent transparent;}
div.partner_container{position:relative;height:108px;width:calc(100% - 22px);padding:20px 0px;border:1px #EEE solid;}
ul.partner{list-style-type:none;margin:0px;padding:0px;height:100%;width:calc(100%);}
ul.partner li{display:none;width:16px;height:100%;margin:0px;padding:0px;float:left;}
ul.partner li div{height:calc(100%);width:calc(100% - 42px);margin:0px 21px;background-position:center center;background-repeat:no-repeat;}
ul.partner li:first-child{margin-left:0px;}
ul.partner li:last-child{margin-right:0px;}
div.partner_navi{display:block;position:absolute;background-color:#1a538e;width:20px;height:20px;padding:30px 5px;color:#FFF;font-size:20px;}
div.partner_prev{left:-21px;top:35px;}
div.partner_next{right:-21px;top:35px;}
div.partner_loading{position:absolute;bottom:1px;left:1px;width:calc(0% - 2px);height:5px;background-color:rgba(26,83,142,0.8);}
ul.galerie{list-style-type:none;margin:0px;padding:0px;width:100%;}
ul.galerie li{position:relative;float:left;width:calc((100% - 32px)/2);margin:16px;height:calc((((100vw - 72px)/2)/6)*4);background-repeat:no-repeat;background-position:center center;}
ul.galerie li div.hover{position:absolute;display:block;opacity:0;left:0px;top:0px;width:100%;height:100%;content:' ';background-color:rgba(26,83,142,0.8);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.galerie li div.hover span{position:absolute;display:block;color:#FFF;font-size:30px;line-height:30px;width:30px;height:30px;left:50%;top:50%;margin-left:-15px;margin-top:-15px;}
ul.galerie li:first-child,ul.galerie li:nth-child(odd){margin-left:0px;}
ul.galerie li:nth-child(even){margin-right:0px;}
div.social_button{position:relative;float:left;width:calc((100% - 0px)/4);height:32px;line-height:32px;text-align:center;padding:10px 0px;background-color:#E5E5E5;margin:0px;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
div.social_button:first-child{margin-left:0px;}
div.social_button:last-child{margin-right:0px;}
div.share-facebook{display:block;background-color:rgb(59, 89, 152);}
div.share-googleplus{display:block;background-color:rgb(220, 78, 65)}
div.share-twitter{display:block;background-color:rgb(85, 172, 238);}
div.share-whatsapp{display:block;background-color:rgb(77, 194, 71);}
div.share-facebook:hover{background-color:rgb(59, 89, 152);}
div.share-googleplus:hover{background-color:rgb(220, 78, 65)}
div.share-twitter:hover{background-color:rgb(85, 172, 238);}
div.share-whatsapp:hover{background-color:rgb(77, 194, 71);}
div.social_button svg{fill:#FFF;border:0;width:32px;height:32px;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
div.social_button:hover svg{fill:#FFF;}
footer{position:relative;width:100%;padding:0px;background-color:#FFF;}
div.sponsor_container{position:relative;float:left;width:calc(100% - 40px);padding:20px;background-color:#FFF;line-height:20px;font-size:14px;color:#777;text-align:center;}
div.sponsor_container img{max-height:100px;max-width:100%;margin-top:20px;}
div.sponsor_container:after, div.devinfo_container{display:none;}
ul.footernavi{position:relative;display:block;list-style-type:none;margin:0;padding:0px;float:left;width:calc(100% - 20px);padding:10px;background-color:#E5E5E5;}
ul.footernavi li{position:relative;height:13px;line-height:13px;font-size:13px;padding:10px 0px;background-color:#FFF;float:left;width:calc((100% - 60px - 20px)/3);text-align:center;}
ul.footernavi li:before{position:absolute;left:-20px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:0 20px 33px 0;border-color:transparent #FFF transparent transparent;}
ul.footernavi li:after{position:absolute;right:-20px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:33px 0 0 20px;border-color:transparent transparent transparent #FFF;}
ul.footernavi li:nth-child(1){padding-left:10px;}
ul.footernavi li:nth-child(1):before{display:none;}
ul.footernavi li:nth-child(2){margin:0 30px;}
ul.footernavi li:nth-child(3){padding-right:10px;}
ul.footernavi li:nth-child(3):after{display:none;}
ul.footernavi li:hover{background-color:#1a538e;color:#FFF;}
ul.footernavi li:hover:before{border-color:transparent #1a538e transparent transparent;}
ul.footernavi li:hover:after{border-color:transparent transparent transparent #1a538e;}
div.author{position:relative;width:calc(100% - 20px);padding:10px;background-color:#1a538e;color:#FFF;text-align:center;height:13px;line-height:13px;font-size:13px;}
div.author div.myescape{display:none;}
div.darkover{position:fixed;z-index:1002;top:0;left:0;width:100%;height:100%;background-color:rgba(26,83,142,0.9);display:none;background-image:url(./img/img-loader.gif);background-position:50% 50%;background-repeat:no-repeat;}
div.darkover div.headline{position:absolute;z-index:3;top:0;left:0;width:100%;height:47px;background-color:rgba(26,83,142,0.9);border-bottom:1px rgb(26,83,142) solid;}
div.darkover div.headline div.title{position:relative;float:left;font-weight:300;margin:0px;color:#FFF;width:calc(100% - 30px - 48px);height:17px;padding:15px;font-size:17px;}
div.darkover div.headline div.close{position:relative;float:left;font-weight:normal;margin:0px;color:rgba(255,255,255,0.5);width:17px;height:17px;padding:15px;font-size:15px;line-height:15px;border-left:1px rgb(26,83,142) solid;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
div.darkover div.headline div.close:hover{color:rgba(255,255,255,1)}
div.darkover div.bigimage{position:absolute;z-index:1;top:67px;left:0px;width:calc(100% - 0px);height:calc(100% - 67px - 90px);background-size:contain;background-position:50% 50%;background-repeat:no-repeat;}
div.darkover div.allimages{position:absolute;z-index:3;bottom:0;left:0;width:calc(100% - 30px);padding:5px 15px 1px 15px;background-color:rgba(26,83,142,0.9);border-top:1px rgb(26,83,142) solid;text-align:center;}
div.darkover div.allimages div.center{position:relative;display:inline-block;}
div.darkover div.allimages div.center div.miniimg{position:relative;float:left;max-width:50px;margin:5px;max-height:50px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
div.darkover div.allimages div.center div.miniimg:after{content:'';opacity:1;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(26,83,142,0.7);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
div.darkover div.allimages div.center div.activ:after{opacity:0;}
div.darkover div.allimages div.center div.miniimg:hover:after{opacity:0;}
div.darkover div.arrow{position:absolute;top:0px;width:25%;height:100%;z-index:2;}
div.darkover div.arrow span{position:absolute;top:50%;margin-top:-24px;font-size:17px;line-height:17px;width:17px;height:17px;padding:15px;color:#FFF;background-color:rgba(26,83,142,0.9);}
div.darkpopup{position:fixed;z-index:1003;top:0;left:0;width:100%;height:100%;background-color:rgba(26,83,142,0.9);display:none;}
div.darkpopup div.popup_container{position:absolute;overflow:hidden;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);background-color:#FFF;border:1px #DDD solid;border-radius:3px;}
div.darkpopup div.popup_container div.popup_header{position:relative;float:left;font-size:26px;line-height:26px;height:26px;width:calc(100% - 30px - 46px);padding:10px 15px;border-bottom:1px #DDD solid;background-image:url(./img/separator_bottomright.png);background-position:bottom right;background-repeat:no-repeat;}
div.darkpopup div.popup_container div.popup_close{position:relative;float:left;font-size:16px;line-height:16px;height:16px;width:16px;padding:15px;color:rgba(26,83,142,0.5);border-bottom:1px #DDD solid;}
div.darkpopup div.popup_container div.popup_close:hover{color:rgba(26,83,142,1);}
div.darkpopup div.popup_container div.popup_content{position:relative;word-wrap:break-word;font-size:14px;height:calc(100% - 40px - 37px);width:calc(100% - 30px);padding:15px;overflow-y:auto;}
div.darkpopup div.popup_container div.popup_content h3{margin:0px;padding:0px;font-size:20px;font-weight:300;}
p.newspaper{word-wrap:break-word;text-align:justify;}
div.errorcontent{position:relative;display:table;width:80vw;padding:0 10vw;height:100vh;background-color:#1a538e;background:-webkit-radial-gradient(top,#597fa8 0%,#1a538e 70%);background:radial-gradient(at top,#597fa8 0%,#1a538e 70%);}
div.errorcontent div.errortext{position:absolute;left:0;top:50vh;width:80vw;padding:0 10vw;text-align:center;color:#FFF;font-size:30px;text-shadow:2px 2px 3px rgb(26,83,142);}
div.errorcontent div.erroricon{position:absolute;left:0;top:5vh;width:100%;text-align:center;color:rgba(255,255,255,0.1);font-size:40vh;}
div.errorcontent div.footer{position:absolute;bottom:0;left:0;display:table;width:100%;color:#FFF;height:55px;line-height:15px;font-size:12px;}
div.errorcontent div.footer div.copyright{position:relative;display:table-cell;vertical-align:middle;text-align:center;width:calc(100% - 30px);padding:0 15px;}
div.errorcontent div.footer div.myescape{display:none;}
@supports (-ms-accelerator:true){div.social_button{width:calc(((100% - 0px)/4) - 1px);}}
@media only screen and (orientation: landscape){
ul.galerie li{position:relative;float:left;width:calc((100vw - 104px)/3);margin:16px;height:calc((((100vw - 104px)/3)/6)*4);}
ul.galerie li:nth-child(even), ul.galerie li:nth-child(odd){margin:16px;}
ul.galerie li:first-child,ul.galerie li:nth-child(4n){margin-left:0px;}
ul.galerie li:nth-child(3n){margin-right:0px;}
}
@media only screen and (min-width:768px){header{height:51px;}
div.errorcontent div.errortext{position:relative;top:auto;display:table-cell;vertical-align:middle;text-align:center;color:#FFF;font-size:50px;text-shadow:2px 2px 3px rgb(26,83,142);}
div.errorcontent div.erroricon{position:absolute;left:0;top:25vh;width:100%;text-align:center;color:rgba(255,255,255,0.1);font-size:50vh;}
div.errorcontent div.footer div.copyright{text-align:left;font-size:16px;}
div.errorcontent div.footer div.myescape{position:absolute;display:block;top:10px;right:20px;height:35px;opacity:0.3;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
div.errorcontent div.footer div.myescape img{height:35px;}
div.errorcontent div.footer:hover div.myescape{opacity:1;}
h1.headline{width:calc(100% - 50px - 32px);height:24px;padding:13px 16px;font-size:24px;line-height:24px;}
div.headline_button{width:18px;height:18px;padding:16px;font-size:18px;}
div.maps{margin-top:51px;height:300px;}
div.maps iframe{height:600px;background-size:70vw;}
div.map_info{position:absolute;display:block;bottom:20px;left:20px;padding:10px 15px;color:#FFF;background-color:rgba(26, 83, 142,0.8);opacity:0.5;}
div.maps:hover div.map_info{opacity:1;}
div.openmap{display:block;position:absolute;right:0px;bottom:0px;font-size:25px;width:25px;height:25px;padding:10px;background-color:#FFF;color:#1a538e;}
div.openmap:before{position:absolute;display:block;content:' ';top:0;left:-30px;width:0;height:0;border-style:solid;border-width:0 0 45px 30px;border-color:transparent transparent #FFF transparent;}
aside{position:relative;width:calc(((100%/12) * 12) - 40px);margin:20px 20px 0px 20px;float:left;background-color:#FFF;}
aside:before, aside:after, div.qrcontainer, div.openmapqr{display:none;}
div.logocontainer{position:relative;float:right;width:calc(50% - 10px);max-height:200px;background-color:#FFF;margin:15px 0px 20px 10px;box-shadow:none;text-align:center;}
div.logocontainer img{max-width:100%;max-height:200px;margin:0px;display:inline-block;}
div.logocontainer:before, div.logocontainer:after, div.content:before, div.content:after{display:none;}
div.infobox{position:relative;float:left;margin:0px 10px 20px 0px;width:calc(50% - 10px);height:auto;background-color:transparent;}
div.nologo_infobox{position:relative;float:left;margin:0px 0px 20px 0px;width:calc(100%);height:auto;background-color:transparent;}
div.infoliste{position:relative;width:100%;border-bottom:1px #E5E5E5 solid;}
div.infoliste span{position:relative;display:block;float:left;font-size:17px;padding:12px;width:17px;height:17px;color:#1a538e;}
div.infoliste div:first-of-type{position:relative;display:block;float:left;font-size:15px;padding:13px;width:calc(100% - 26px - 41px);height:15px;color:#222;text-align:right;}
div.content{position:relative;float:left;width:calc(100% - 20px);padding:0px;padding-bottom:50px;margin:10px;background-image:none;}
div.col_6{width:calc(((100%/12) * 6) - 20px);margin:10px;float:left;}
div.col_12{width:calc(((100%/12) * 12) - 20px);margin:10px;float:left;}
h2.boxheadline{height:30px;font-size:30px;}
div.innungsbetrieb_logo{height:80px;}
div.seo_desc,div.seo_stellen{max-height:300px;overflow-y:auto;}
div.ausbildung_container div.ab_text{width:calc(63% - 20px);height:calc(100% - 40px);padding:20px 20px 20px 0px;}
div.ausbildung_container:hover div.ab_text{width:calc(100% - 40px);padding:20px;}
div.zeiten_day:hover{background-color:#E5E5E5;}
div.zeiten_day_L{padding:15px 0px 15px 15px;width:130px;height:15px;}
div.zeiten_day_R{padding:15px 15px 15px 0px;width:calc(100% - 130px - 30px);}
div.zeiten_now_L{padding:15px 0px 15px 15px;width:130px;}
div.zeiten_now_R{padding:0px;width:calc(100% - 130px - 15px);}
div.partner_container{height:150px;width:;padding:0px;border:0px;}
div.social_button{width:calc((100% - 0px)/3);}
div.share-facebook{margin-left:0px;}
div.share-twitter{margin-right:0px;}
ul.partner{list-style-type:none;margin:0px;padding:0px;height:100%;width:100%;}
ul.partner li{width:16px;height:calc(100% - 2px);margin:0px 10px;padding:0px;float:left;border:1px #EEE solid;}
ul.partner li div{height:calc(100% - 20px);width:calc(100% - 20px);margin:10px;background-position:center center;background-repeat:no-repeat;}
ul.partner li:first-child{margin-left:0px;}
ul.partner li:last-child{margin-right:0px;}
div.partner_navi, div.share-whatsapp, div.devinfo_container,div.partner_loading{display:none;}
ul.galerie li{position:relative;float:left;width:calc((100% - 40px)/3);margin:10px;height:calc(((((100vw - 60px)/2)/3)/6)*4);}
ul.galerie li:nth-child(even), ul.galerie li:nth-child(odd){margin:10px;}
ul.galerie li:first-child,ul.galerie li:nth-child(4n){margin-left:0px;}
ul.galerie li:nth-child(3n){margin-right:0px;}
footer{position:relative;width:calc(100% - 0px);height:calc(180px - 0px);padding:0px;background-color:#CCC;}
div.sponsor_container{position:relative;float:left;width:calc(450px);height:calc(100% - 20px);padding:0 0px 20px 20px;background-color:#FFF;line-height:20px;font-size:14px;color:#777;text-align:left;}
div.sponsor_container img{max-height:100px;max-width:450px;margin-top:20px;}
div.sponsor_container:after{position:absolute;display:block;right:-108px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:180px 0 0 108px;border-color:transparent transparent transparent #FFF;}
ul.footernavi{position:relative;display:block;list-style-type:none;margin:20px 0 0 55px;padding:0px;float:left;width:calc(100% - 470px - 55px);background-color:transparent;}
ul.footernavi li{position:relative;height:15px;line-height:15px;font-size:15px;padding:10px;background-color:#FFF;width:calc((100% - 100px) - 20px);max-width:180px;clear:both;}
ul.footernavi li:nth-child(1){margin:0 0 18px 0;}
ul.footernavi li:nth-child(2){margin:0 0 18px 30px;}
ul.footernavi li:nth-child(3){margin:0 0 0 60px;}
ul.footernavi li:nth-child(1):before, ul.footernavi li:nth-child(3):after{display:block;}
ul.footernavi li:before{position:absolute;left:-21px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:0 21px 35px 0;border-color:transparent #FFF transparent transparent;}
ul.footernavi li:after{position:absolute;right:-21px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:35px 0 0 21px;border-color:transparent transparent transparent #FFF;}
ul.footernavi li:hover{background-color:#1a538e;color:#FFF;}
ul.footernavi li:hover:before{border-color:transparent #1a538e transparent transparent;}
ul.footernavi li:hover:after{border-color:transparent transparent transparent #1a538e;}
div.author{position:relative;width:calc(100% - 30px);padding:15px;background-color:#1a538e;color:#FFF;text-align:center;height:15px;line-height:15px;font-size:15px;}
div.darkover div.headline{height:50px;}
div.darkover div.headline div.title{width:calc(100% - 32px - 51px);height:18px;padding:16px;font-size:18px;}
div.darkover div.headline div.close{width:18px;height:18px;padding:16px;font-size:18px;line-height:18px;}
div.darkover div.bigimage{top:70px;left:20px;width:calc(100% - 40px);height:calc(100% - 70px - 120px);}
div.darkover div.allimages{padding:15px 15px 11px 15px;}
div.darkover div.allimages div.center div.miniimg{max-width:60px;max-height:60px;}
div.darkover div.arrow span{margin-top:-25px;font-size:18px;line-height:18px;width:18px;height:18px;padding:16px;}
div.darkpopup div.popup_container{top:15vh;left:15vw;width:calc(70vw);height:calc(70vh);}
@media only screen and (min-width:1080px){header{height:57px;}
h1.headline{width:calc(100% - 56px - 18px - 370px);height:28px;padding:14px 18px;padding-right:370px;font-size:28px;line-height:28px;}
div.headline_button{width:20px;height:20px;padding:18px;font-size:20px;}
div.maps{margin-top:57px;height:350px;}
div.maps iframe{height:650px;background-size:30vw;}
div.map_info{top:20px;bottom:auto;left:20px;}
div.openmap{display:none;}
div.openmapqr{display:block;position:absolute;left:0px;bottom:0px;}
div.openmapqr_button{display:block;position:relative;font-size:25px;width:25px;height:25px;padding:10px;background-color:#FFF;color:#1a538e;}
div.openmapqr_button:after{position:absolute;display:block;content:' ';top:0;right:-30px;width:0;height:0;border-style:solid;border-width:45px 0 0 30px;border-color:transparent transparent transparent #FFF;}
div.openmapqr_container{position:relative;width:200px;height:0px;overflow:hidden;background-color:#FFF;}
aside{position:fixed;z-index:1001;right:20px;top:35px;margin:0px;height:calc(100% - 55px);width:330px;background-color:#1a538e;}
aside:before{position:absolute;display:block;bottom:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:20px 0 0 165px;border-color:transparent transparent transparent #FFF;}
aside:after{position:absolute;display:block;bottom:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 0 20px 165px;border-color:transparent transparent #FFF transparent;}
div.qrcontainer{display:block;position:absolute;right:325px;top:calc((100% - 210px)/3);width:0px;height:200px;background-color:#FFF;border:5px rgba(26,83,142,0.8) solid;border-right:0px;border-left:0px;}
div.qrcontainer div.qrbutton{display:block;position:absolute;left:-50px;top:calc((100% - 45px)/2);font-size:25px;width:25px;height:25px;padding:10px;background-color:rgba(26,83,142,0.8);color:#FFF;}
div.qrcontainer div.qrbutton:before{position:absolute;display:block;content:' ';top:-20px;right:0px;width:0;height:0;border-style:solid;border-width:0 0 20px 45px;border-color:transparent transparent rgba(26,83,142,0.8) transparent;}
div.qrcontainer div.qrbutton:after{position:absolute;display:block;content:' ';bottom:-20px;right:0px;width:0;height:0;border-style:solid;border-width:0 45px 20px 0;border-color:transparent rgba(26,83,142,0.8) transparent transparent;}
div.logocontainer{position:relative;width:calc(100% - 30px);max-height:150px;background-color:#FFF;margin:-15px 15px 0px 15px;box-shadow:0px 10px 10px rgba(0,0,0,0.3);text-align:center;}
div.logocontainer img{max-width:calc(100% - 40px);max-height:110px;margin:20px;display:inline-block;}
div.logocontainer:before{position:absolute;display:block;content:' ';top:0;left:-15px;width:0;height:0;border-style:solid;border-width:0 0 15px 15px;border-color:transparent transparent #144271 transparent;}
div.logocontainer:after{position:absolute;display:block;content:' ';top:0;right:-15px;width:0;height:0;border-style:solid;border-width:15px 0 0 15px;border-color:transparent transparent transparent #144271;}
div.logoersatz{position:relative;width:calc(100% - 0px);height:15px;background-color:#1a538e;margin:-15px 0 0 0;}
div.logoersatz:before{position:absolute;display:block;top:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 165px 20px 0;border-color:transparent #F3F3F3 transparent transparent;}
div.logoersatz:after{position:absolute;display:block;top:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:20px 165px 0 0;border-color:#F3F3F3 transparent transparent transparent;}
div.infobox{position:relative;margin:30px 15px 0px 15px;width:calc(100% - 30px);height:auto;background-color:transparent;}
div.infoliste{position:relative;width:100%;border-bottom:1px rgba(255,255,255,0.3) solid;}
div.infoliste span{position:relative;display:block;float:left;font-size:15px;padding:10px;width:15px;height:15px;color:#FFF;}
div.infoliste div:first-of-type{position:relative;display:block;float:left;font-size:15px;padding:10px;width:calc(100% - 20px - 35px);height:15px;color:#FFF;text-align:right;}
div.infoliste_link:hover{background-color:#FFF;}
div.infoliste_link:hover span,div.infoliste_link:hover div{color:#1a538e !important;}
div.bottomarrow{position:absolute;left:0px;bottom:-20px;height:20px;width:100%;background-color:transparent;}
div.bottomarrow:before{position:absolute;display:block;top:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 165px 20px 0;border-color:transparent #FFF transparent transparent;}
div.bottomarrow:after{position:absolute;display:block;top:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:20px 165px 0 0;border-color:#FFF transparent transparent transparent;}
div.content{width:calc(100% - 395px - 10px);padding-right:395px;padding-bottom:80px;margin:5px;}
div.col_6{width:calc(((100%/12) * 6) - 30px);margin:15px;float:left;}
div.col_12{width:calc(((100%/12) * 12) - 30px);margin:15px;float:left;}
h2.boxheadline{height:32px;font-size:32px;}
div.innungsbetrieb_logo{height:90px;}
div.partner_container{height:120px;width:;padding:0px;border:0px;}
ul.partner{list-style-type:none;margin:0px;padding:0px;height:100%;width:100%;}
ul.partner li{width:16px;height:calc(100% - 2px);margin:0px 10px;padding:0px;float:left;border:1px #EEE solid;}
ul.partner li div{height:calc(100% - 20px);width:calc(100% - 20px);margin:10px;background-position:center center;background-repeat:no-repeat;}
ul.partner li:first-child{margin-left:0px;}
ul.partner li:last-child{margin-right:0px;}
div.partner_navi, div.share-whatsapp, div.content:before, div.content:after{display:none;}
ul.galerie li{height:calc(((((100vw - 465px)/2)/3)/6)*4);}
ul.galerie li:hover div.hover{opacity:1;}
div.social_button{width:calc((100% - 40px)/3);height:40px;line-height:40px;text-align:center;padding:5px 0px;margin:0px 10px;}
div.social_button:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
div.share-facebook{margin-left:0px;}
div.share-twitter{margin-right:0px;}
div.share-facebook, div.share-googleplus, div.share-twitter{background-color:#E5E5E5;}
div.social_button svg{fill:#1a538e;width:40px;height:40px;}
footer{position:relative;width:calc(100% - 0px);height:calc(180px - 0px);padding:0px;background-color:#CCC;}
div.sponsor_container{position:relative;float:left;width:calc(450px);height:calc(100% - 20px);padding:0 0px 20px 20px;background-color:#FFF;line-height:20px;font-size:14px;color:#777;}
div.sponsor_container img{max-height:100px;max-width:450px;margin-top:20px;}
div.sponsor_container:after{position:absolute;display:block;right:-108px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:180px 0 0 108px;border-color:transparent transparent transparent #FFF;}
ul.footernavi{position:relative;display:block;list-style-type:none;margin:20px 0 0 55px;padding:0px;float:left;width:calc(100% - 470px - 55px - 340px);background-color:transparent;}
ul.footernavi li{position:relative;height:15px;line-height:15px;font-size:15px;padding:10px;background-color:#FFF;width:calc((100% - 60px) - 20px);max-width:180px;clear:both;}
div.devinfo_container{position:absolute;display:block;text-align:right;width:300px;bottom:20px;right:20px;font-size:14px;color:#AAA;}
div.devinfo_container span{display:block;margin-bottom:10px;text-transform:uppercase;color:#555;}
div.devinfo_container a{text-decoration:none;color:#999;}
div.devinfo_container a:hover{text-decoration:none;color:#FFF;}
div.author{position:relative;width:calc(100% - 40px);padding:20px;background-color:#1a538e;color:#FFF;text-align:left;height:15px;line-height:15px;font-size:15px;box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
div.author:hover div.myescape{opacity:1;}
div.author div.myescape{position:absolute;display:block;top:10px;right:20px;height:35px;opacity:0.3;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
div.author div.myescape img{height:35px;}
div.darkover div.headline{height:56px;}
div.darkover div.headline div.title{width:calc(100% - 36px - 57px);height:20px;padding:18px;font-size:20px;}
div.darkover div.headline div.close{width:20px;height:20px;padding:18px;font-size:20px;line-height:20px;}
div.darkover div.bigimage{top:76px;left:20px;width:calc(100% - 40px);height:calc(100% - 76px - 130px);}
div.darkover div.allimages div.center div.miniimg{max-width:70px;max-height:70px;}
div.darkover div.arrow span{margin-top:-28px;font-size:20px;line-height:20px;width:20px;height:20px;padding:18px;}
p.newspaper{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-rule:1px solid #E5E5E5;-moz-column-rule:1px solid #E5E5E5;column-rule:1px solid #E5E5E5;}
@media only screen and (min-width:1360px){header{height:63px;}
h1.headline{width:calc(100% - 512px);height:32px;padding:15px 20px;padding-right:430px;font-size:32px;line-height:32px;}
div.headline_button{width:22px;height:22px;padding:20px;font-size:22px;}
div.maps{margin-top:63px;height:400px;}
div.maps iframe{height:700px;background-size:auto;}
div.map_info{top:30px;bottom:auto;left:30px;}
div.openmap{display:none;}
div.openmapqr{display:block;position:absolute;left:0px;bottom:0px;}
div.openmapqr_button{display:block;position:relative;font-size:25px;width:25px;height:25px;padding:10px;background-color:#FFF;color:#1a538e;}
div.openmapqr_button:after{position:absolute;display:block;content:' ';top:0;right:-30px;width:0;height:0;border-style:solid;border-width:45px 0 0 30px;border-color:transparent transparent transparent #FFF;}
div.openmapqr_container{position:relative;width:200px;height:0px;overflow:hidden;background-color:#FFF;}
aside{position:fixed;z-index:1001;right:30px;top:45px;margin:0px;height:calc(100% - 75px);width:370px;background-color:#1a538e;}
aside:before{position:absolute;display:block;bottom:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:30px 0 0 185px;border-color:transparent transparent transparent #FFF;}
aside:after{position:absolute;display:block;bottom:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 0 30px 185px;border-color:transparent transparent #FFF transparent;}
div.qrcontainer{display:block;position:absolute;right:365px;top:calc((100% - 210px)/3);width:0px;height:200px;background-color:#FFF;border:5px rgba(26,83,142,0.8) solid;border-right:0px;border-left:0px;}
div.qrcontainer div.qrbutton{display:block;position:absolute;left:-50px;top:calc((100% - 45px)/2);font-size:25px;width:25px;height:25px;padding:10px;background-color:rgba(26,83,142,0.8);color:#FFF;}
div.qrcontainer div.qrbutton:before{position:absolute;display:block;content:' ';top:-20px;right:0px;width:0;height:0;border-style:solid;border-width:0 0 20px 45px;border-color:transparent transparent rgba(26,83,142,0.8) transparent;}
div.qrcontainer div.qrbutton:after{position:absolute;display:block;content:' ';bottom:-20px;right:0px;width:0;height:0;border-style:solid;border-width:0 45px 20px 0;border-color:transparent rgba(26,83,142,0.8) transparent transparent;}
div.logocontainer{position:relative;width:calc(100% - 30px);max-height:200px;background-color:#FFF;margin:-15px 15px 0px 15px;box-shadow:0px 10px 10px rgba(0,0,0,0.3);text-align:center;}
div.logocontainer img{max-width:calc(100% - 60px);max-height:140px;margin:30px;display:inline-block;}
div.logocontainer:before{position:absolute;display:block;content:' ';top:0;left:-15px;width:0;height:0;border-style:solid;border-width:0 0 15px 15px;border-color:transparent transparent #144271 transparent;}
div.logocontainer:after{position:absolute;display:block;content:' ';top:0;right:-15px;width:0;height:0;border-style:solid;border-width:15px 0 0 15px;border-color:transparent transparent transparent #144271;}
div.logoersatz{position:relative;width:calc(100% - 0px);height:15px;background-color:#1a538e;margin:-15px 0 0 0;}
div.logoersatz:before{position:absolute;display:block;top:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 185px 30px 0;border-color:transparent #F3F3F3 transparent transparent;}
div.logoersatz:after{position:absolute;display:block;top:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:30px 185px 0 0;border-color:#F3F3F3 transparent transparent transparent;}
div.infobox{position:relative;margin:30px 15px 0px 15px;width:calc(100% - 30px);height:auto;background-color:transparent;}
div.infoliste{position:relative;width:100%;border-bottom:1px rgba(255,255,255,0.3) solid;}
div.infoliste span{position:relative;display:block;float:left;font-size:21px;padding:12px;width:21px;height:21px;color:#FFF;}
div.infoliste div:first-of-type{position:relative;display:block;float:left;font-size:15px;padding:15px;width:calc(100% - 30px - 45px);height:15px;color:#FFF;text-align:right;}
div.bottomarrow{position:absolute;left:0px;bottom:-30px;height:30px;width:100%;background-color:transparent;}
div.bottomarrow:before{position:absolute;display:block;top:0px;left:0px;width:0;height:0;content:' ';border-style:solid;border-width:0 185px 30px 0;border-color:transparent #FFF transparent transparent;}
div.bottomarrow:after{position:absolute;display:block;top:0px;right:0px;width:0;height:0;content:' ';border-style:solid;border-width:30px 185px 0 0;border-color:#FFF transparent transparent transparent;}
div.content{width:calc(100% - 440px - 10px);padding-right:440px;padding-bottom:100px;margin:5px;}
div.boxheadline{margin-bottom:30px;}
div.col_6{position:relative;width:calc(((100%/12) * 6) - 50px);margin:25px;float:left;}
div.col_12{position:relative;width:calc(((100%/12) * 12) - 50px);margin:25px;float:left;}
h2.boxheadline{height:34px;font-size:34px;}
div.innungsbetrieb_logo{height:100px;}
div.ausbildung_container div.ab_text{width:calc(63% - 30px);height:calc(100% - 60px);padding:30px 30px 30px 0px;}
div.ausbildung_container div.ab_text span.child1{font-size:2em;}
div.ausbildung_container div.ab_text span.child2{font-size:1.2em;}
div.ausbildung_container:hover div.ab_text{width:calc(100% - 60px);padding:30px;}
div.zeiten_day_L{padding:15px 0px 15px 15px;width:130px;height:15px;line-height:15px;font-size:15px;}
div.zeiten_day_R{padding:15px 15px 15px 0px;width:calc(100% - 130px - 30px);line-height:15px;font-size:15px;}
div.zeiten_day_R span{padding-left:15px;}
div.zeiten_now_L{padding:15px 0px 15px 15px;width:130px;height:15px;line-height:15px;font-size:15px;}
div.zeiten_now_R{width:calc(100% - 130px - 15px);height:45px;}
div.zeiten_check{padding:15px 0px;height:15px;line-height:15px;font-size:15px;}
div.partner_container{height:150px;width:;padding:0px;border:0px;}
ul.partner{list-style-type:none;margin:0px;padding:0px;height:100%;width:100%;}
ul.partner li{width:16px;height:calc(100% - 2px);margin:0px 15px;padding:0px;float:left;border:1px #EEE solid;}
ul.partner li div{height:calc(100% - 30px);width:calc(100% - 30px);margin:15px;background-position:center center;background-repeat:no-repeat;}
ul.partner li:first-child{margin-left:0px;}
ul.partner li:last-child{margin-right:0px;}
div.partner_navi, div.share-whatsapp, div.content:before, div.content:after{display:none;}
ul.galerie li{width:calc((100% - 60px)/4);height:calc(((((100vw - 530px)/2)/4)/6)*4);}
ul.galerie li:first-child,ul.galerie li:nth-child(5n){margin-left:0px;}
ul.galerie li:nth-child(4n){margin-left:10px;margin-right:0px;}
ul.galerie li:nth-child(3n){margin-right:10px;}
div.social_button{width:calc((100% - 60px)/3);height:50px;line-height:50px;text-align:center;padding:5px 0px;margin:0px 15px;}
div.share-facebook{margin-left:0px;}
div.share-twitter{margin-right:0px;}
div.social_button svg{width:50px;height:50px;}
footer{position:relative;width:calc(100% - 0px);height:calc(200px - 0px);padding:0px;background-color:#CCC;}
div.sponsor_container{position:relative;float:left;width:calc(450px);height:calc(100% - 30px);padding:0 0px 30px 30px;background-color:#FFF;line-height:20px;font-size:14px;color:#777;}
div.sponsor_container img{max-height:110px;max-width:450px;margin-top:20px;}
div.sponsor_container:after{position:absolute;right:-120px;top:0px;content:' ';width:0;height:0;border-style:solid;border-width:200px 0 0 120px;border-color:transparent transparent transparent #FFF;}
ul.footernavi{margin:30px 0 0 60px;padding:0px;float:left;width:calc(100% - 480px - 60px - 370px);min-width:470px;}
ul.footernavi li{position:relative;height:15px;line-height:15px;font-size:15px;padding:15px 10px;margin:0 30px 0 20px;float:left;clear:none;width:calc((100%/3) - 70px);max-width:170px;}
ul.footernavi li:nth-child(1), ul.footernavi li:nth-child(2), ul.footernavi li:nth-child(3){margin:0 30px 0 20px;}
ul.footernavi li:before{left:-27px;border-width:0 27px 45px 0;}
ul.footernavi li:after{right:-27px;border-width:45px 0 0 27px;}
div.devinfo_container{position:absolute;text-align:right;width:300px;bottom:20px;right:30px;font-size:14px;color:#AAA;}
div.devinfo_container span{display:block;margin-bottom:10px;text-transform:uppercase;color:#555;}
div.author{position:relative;width:calc(100% - 60px);padding:20px 30px;background-color:#1a538e;color:#FFF;text-align:left;height:15px;line-height:15px;font-size:15px;}
div.author div.myescape{position:absolute;top:10px;right:30px;height:35px;}
div.author div.myescape img{height:35px;}
div.darkover div.headline{height:62px;}
div.darkover div.headline div.title{width:calc(100% - 40px - 63px);height:22px;padding:20px;font-size:22px;}
div.darkover div.headline div.close{width:22px;height:22px;padding:20px;font-size:22px;line-height:22px;}
div.darkover div.bigimage{top:82px;left:20px;width:calc(100% - 40px);height:calc(100% - 82px - 140px);}
div.darkover div.allimages div.center div.miniimg{max-width:80px;max-height:80px;}
div.darkover div.arrow span{margin-top:-31px;font-size:22px;line-height:22px;width:22px;height:22px;padding:20px;}
div.darkpopup div.popup_container{top:20vh;left:20vw;width:calc(60vw);height:calc(60vh);}
p.newspaper{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px;-webkit-column-rule:1px solid #E5E5E5;-moz-column-rule:1px solid #E5E5E5;column-rule:1px solid #E5E5E5;}