/* overpass-300 - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 300; src: url('fonts/overpass-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-300.svg#Overpass') format('svg'); /* Legacy iOS */ } /* overpass-200 - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 200; src: url('fonts/overpass-v12-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-200.svg#Overpass') format('svg'); /* Legacy iOS */ } /* overpass-regular - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 400; src: url('fonts/overpass-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */ } /* overpass-600 - latin */ @font-face { font-family: 'Overpass'; font-style: normal; font-weight: 600; src: url('fonts/overpass-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/overpass-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/overpass-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/overpass-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/overpass-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/overpass-v12-latin-600.svg#Overpass') format('svg'); /* Legacy iOS */ } * {font-family: "Overpass", sans-serif; font-size: 1em; line-height: 1.5em; font-weight:200; color:#0185a7; margin: 0; padding: 0;} body {background-color:#ffffff; padding:0;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} b, strong {font-weight:400;} .titel_bold {font-weight:400; font-size:26px;} .telefon {color:#575756; text-decoration:none;font-size:14px;} h1, .titel {font-size: 1.0em; font-weight:600; margin-bottom:15px; } h2, .untertitel {font-weight:200; font-size: 1.5em; line-height:1.2em; margin-bottom:0px;text-transform: uppercase;} .overlaytitel {text-transform: uppercase; background-color:#fff; opacity:0.7; display: inline-block; padding:0px 25px 0px 30px;} .galeriethumb {margin-right:5px; margin-bottom:5px;} .langswitch_a {font-size:14px; color: rgba(0, 0, 0, 0.7); text-decoration:none;} .langswitch_p {font-size:14px; color: rgba(0, 0, 0, 0.5); text-decoration:none;} .f_trennstrich {color:rgba(0, 0, 0, 0.35); display:inline-block; position:relative; top:-1px; font-size:10px; margin:-1px 10px 0 10px;} ul {list-style-position:inside;} hr { border: 0; height: 2px; margin:4px 0 12px 0;background-image: linear-gradient(to right, rgba(169, 223, 237, 1), rgba(169, 223, 237, 0.5), rgba(169, 223, 237, 0)); } /* HEADER */ #outer {position:fixed;z-index:30;width:100%;height:90px;background-color:#fff; border-bottom: 0px solid #fff;} #inner {max-width:767px;margin:0 auto; background-color:#a9dfed; height:90px; text-align:center;} .logo {padding:8px 0 0 15px; display: inline-block; float: left; height:70px;} /* FOOTER */ #foot_outer {position:fixed;z-index:30;width:100%; background-color:#fff;bottom:0px;} #foot_inner {max-width:1400px;margin:0 auto; background-color:#a9dfed;text-align:center;} .foot {font-size:14px;padding: 10px 0 10px 0;} /* MENU */ .navholder {display: none; padding-top: 35px;font-size:16px;} .mainitem {float: left; width: 225px; list-style-type:none; padding-left:10px; border-left:1px solid #0185a7; text-align:left; text-transform: uppercase;} .mainmenu{font-size:1.2em;} .normalmainmenu {background-color:none; padding:5px 5px 0px 5px;} .normalmainmenu:hover {background-color:#fff; padding:5px 5px 0px 5px; opacity:0.75;} .activemainmenu {background-color:#0185a7; color:#fff; padding:5px 5px 0px 5px;} .trenner {display:none;} .menu {text-decoration:none;} a.menu {background-color:transparent; padding:5px 5px 0px 5px; font-size:20px;} a.menu:hover {background-color:#fff; padding: 5px 5px 0px 5px;} .mselect {background-color:#fff; padding: 5px 5px 0px 5px; font-size:20px;} /* MENU mobil */ .mobilenav {position:fixed;z-index:31;height:150px;width:100%;background-color:transparent;} .hamburger {float:right;top: -10px;position:relative;right:20px;} button.accordion { background-color:transparent; cursor: pointer; padding: 0px; width: 100%; border: none; text-align: left; outline: none; height:90px; } button.accordion:after {float: right;} button.accordion.active:after { } button.accordion.active, button.accordion:hover { } div.panel { padding: 0px; max-height: 0; overflow: hidden; background-color:#fff; box-shadow: 0px 5px 10px #ccc inset, 0px 0px 1px #0185a7; } /*SLIDER*/ #slider {padding-top:90px; position:relative; max-width:1400px; margin:0 auto; border-top: 3px solid #fff;} .wrapper{max-width:1000px;} .links {max-width: 45%; float:left; } .rechts {max-width: 45%; margin-left:50%; } /* FLEX CONTENT */ #flex_outer {width:100%;z-index: 20; position: absolute; padding-top: 30px;} #flex_inner {max-width:767px;margin:0 auto;} .item {padding:30px; color:#0185a7;} .flexbox-parent {display: flex; overflow: hidden; flex-wrap:wrap;} .flexbox-parent > div {display:inline-block; overflow:hidden; width:100%; background-color:#fff;flex-grow:3;} .flexbox-parent div:nth-child(2n) {background-color:#f9fcff;} .flexbox-parent div:nth-last-child(1) {flex-grow:1;} #bild_outer {width:100%; padding-top:150px;padding-top: 150px; z-index: 2; position: fixed;} #bild_inner {position:relative; max-width:767px;margin:0 auto;overflow:hidden;} .skalar {max-width:auto;height:320px; opacity:1; margin-left:-310px;} .wrapper{max-width:1000px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*MEDIA QUERIES*/ @media screen and (min-width: 600px){ .skalar {max-width:auto;height:320px; opacity:1; margin-left:0px;}} @media screen and (min-width: 768px){ .flexbox-parent {display: flex; overflow: hidden; flex-wrap:wrap; } .flexbox-parent > div {display: inline-block; overflow: hidden; width:50%; background-color:#fff;flex-grow:3;} .flexbox-parent div:nth-child(2n) {background-color: white;} .flexbox-parent div:nth-child(4n+3) {background-color: #f9fcff;} .flexbox-parent div:nth-child(4n+4) {background-color: #f9fcff;} .flexbox-parent div:nth-last-child(1){flex-grow:1;} #inner {max-width:1199px;margin:0 auto;} #bild_inner {position:relative; max-width:1199px;} #flex_outer {width:100%;} #flex_inner {max-width:1199px; margin:0 auto; } .skalar {max-width:auto; height:430px; opacity:1; margin-left:0px;} } @media screen and (min-width: 820px){ .navholder {display: inline-flex;width: 480px; padding-top: 38px;} .mobilenav {display:none;} .flexbox-parent {display: flex; overflow: hidden; flex-wrap:wrap; } .flexbox-parent > div {display: inline-block; overflow: hidden; width:50%; background-color:#fff;flex-grow:3;} .flexbox-parent div:nth-child(2n) {background-color: white;} .flexbox-parent div:nth-child(4n+3) {background-color: #f9fcff;} .flexbox-parent div:nth-child(4n+4) {background-color: #f9fcff;} .flexbox-parent div:nth-last-child(1) {flex-grow:1;} /* HEADER */ #outer {position:fixed;z-index:30;width:100%;height:150px;background-color:#fff; border-bottom: 0px solid #fff;} #inner {max-width:1400px;margin:0 auto; background-color:#a9dfed; height:150px; text-align:center;} .logo {padding:24px 0 0 15px; display: inline-block; float: left; height:100px;} /*SLIDER*/ #slider {padding-top:150px; position:relative; max-width:1400px; margin:0 auto; border-top: 3px solid #fff;} } @media screen and (min-width: 1200px){ .flexbox-parent {display: flex; overflow: hidden;background-color: white; flex-wrap:wrap; border-right:1px solid #f0f8ff; border-left:1px solid #f0f8ff; } .flexbox-parent > div {display: inline-block; overflow: hidden; width:33.3333%; flex-grow:3;} .flexbox-parent div:nth-child(2n) {background-color: white;} .flexbox-parent div:nth-child(4n+3) {background-color: white;} .flexbox-parent div:nth-child(4n+4) {background-color: white;} .flexbox-parent div:nth-child(6n+4) {background-color: #f9fcff;} .flexbox-parent div:nth-child(6n+5) {background-color: #f9fcff;} .flexbox-parent div:nth-child(6n+6) {background-color: #f9fcff;} .flexbox-parent div:nth-last-child(1) {flex-grow:1;} #inner {max-width:1400px;margin:0 auto; text-align:center;} .skalar {max-width:auto;height:500px; opacity:1; margin-left:0px;} #bild_inner {position:relative; max-width:1400px;margin:0 auto;} #flex_outer {width:100%;} #flex_inner {max-width:1400px; margin:0 auto; padding:0px; } }