/* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } * {font-family:"Lato"; margin: 0px; padding: 0px; font-size: 16px;} a {text-decoration: none; color: #076633;} /*CONTENT FORMATIERUNGEN*/ h1 {color: #076633; font-size: 20px; font-weight: bold; line-height: 28px;} h2 {color: #076633; font-size: 16px; font-weight: bold; line-height: 24px;} table, th, td, tr {border: solid #000 1px; border-collapse:collapse;} td {padding: 10px;} .tabelle_links_grau td:first-child {background-color: #e0e0e0;} table {min-width: 500px;} .tablewrapper {overflow: auto;} #maincontent img {display: block; margin: 0 auto; max-width: 100%; height: auto;} #maincontent table img {max-width:none;} .form_table tr, .form_table td, .form_table {border: none;} /* HEADER */ #upperHeader {width:100%; height:120px; overflow:hidden;} #upperHeaderWrapper {width:100%; max-width:1200px; margin:0 auto; margin-top:10px; padding:0 15px; box-sizing:border-box;} #upperHeaderWrapper img {max-width:100%; height:auto;} #upperHeaderRightContainer {float:right;} #upperHeaderLinks {display:inline-block; float:right; color:#076633; font-size:14px; text-decoration:none;} #upperHeaderLinks a {color:#076633; font-size:12px; text-decoration:none;} #upperHeaderLanguage {float:right; margin-top:10px;} #upperHeaderLanguage img {cursor:pointer;} /*NAV*/ #nav_outer {width:100%; border-top:#076633 solid 3px;} #nav_inner {width:100%; max-width:1200px; height:40px; margin:0 auto; text-align:center;} /*SLIDER*/ #slider {position:relative;} #slidercontainer {width:100%; height:540px; overflow:hidden;} #slidercontainer img {width: 100%;} #logo {position:absolute; top:50%; left:50%; margin-left:-120.5px; margin-top:-170.5px; z-index:2;} /*CONTENT*/ #content {background-color:#fff; box-shadow:1px 1px 5px 0px rgba(0,0,0,0.2); width:100%; max-width:1200px; margin:0 auto; margin-top: -50px; position: relative; padding: 40px; box-sizing: border-box; z-index:2;} .bildMitTitel img {box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); margin-bottom: 10px; cursor: pointer; width: 100%; height:auto;} .bildMitTitel {float: left; padding: 0 2.5% 0 2.5%; width: 30%;} .bildMitTitel:first-child {padding-left: 0px;} .bildMitTitel:nth-child(3) {padding-right: 0px;} .bildMitTitel .titel a {color: #076633; text-decoration:none;} #banner img {width: 100%; height:auto; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); margin-top: 40px;} #titel {width: 100%; text-align: center; color: #076633; font-size: 40px; font-weight:bold;} /*EMBEDD*/ .issuuembed {width:100% !important; height:400px !important;} /*SIDEMENU*/ #sidemenu li {list-style: none;} #sidemenu a {padding: 10px; font-size: 14px; padding-left: 40px; display: block; color: #fff; text-decoration: none; background-color: #076633; display: block; margin-bottom:-2px;} .normalsubmenulayer3 > a {background-color: #e0e0e0 !important; color: #000 !important; padding-left: 50px !important;} a.activemenu {font-weight: bold; } .activesubmenulayer3 > a {background-color: #e0e0e0 !important; color: #000 !important; padding-left: 50px !important; font-weight: bold;} .menusubpagelist {margin-top:-2px;} /* ENGLISH MENU */ #enmenu {max-width:1200px; margin:0 auto; display:inline-block;} #enmenu li {list-style:none; display:inline-block; float: left;} #enmenu li:first-child {} #enmenu a {height:20px; margin-bottom:0px; padding:12px 10px 8px 10px; display:block; font-size:14px; color:#076633; text-decoration: none; background-color:#fff;} .normalsubmenulayer3 > a {background-color:#e0e0e0 !important; color:#000 !important; padding-left:50px !important;} a.activemenu {font-weight: bold;} .activesubmenulayer3 > a {background-color:#e0e0e0 !important; color:#000 !important; padding-left:50px !important; font-weight:bold;} .menusubpagelist {margin-top:-2px;} #enmenu li.activemenu ul.menusubpagelist {display:none;} #enmenu li.normalmenu a.normalmenu {font-weight:bold;} #enmenu li.normalmenu a:hover {color:#fff !important; background-color:#076633 !important; transition:all 0.2s ease;} /* SITEMAP */ ul.sitemap1 {text-align: left; list-style: none;} h2.sitemap {color:#fff; font-size: 18px; line-height: 24px;} li.sitemap1 {float: left; width: 33.33%; min-height: 180px; padding-right: 20px;box-sizing: border-box; display: block; margin-bottom: 20px;} ul.sitemap2 {list-style: none;} li.sitemap2 {} #footer li.sitemap2 a {text-decoration: none; color: #fff; font-size: 14px; line-height: 20px;} /*FOOTER*/ #footer {width: 100%; background-color: #076633; position: relative; box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2); overflow: hidden; padding-bottom: 40px;} .footercontainer {width: 100%; max-width: 1200px; padding: 50px 40px 0px 40px; margin: 0 auto; text-align: center; overflow:hidden; box-sizing:border-box;} .footerspalte {color: #fff; font-size: 14px; line-height: 26px; display: inline-block; text-align: left; width: 33.33%; float: left;} .footerbutton {width: 100%; padding: 10px; font-size: 14px; overflow: hidden; cursor: pointer;} .footerbutton:hover {box-shadow:inset 0px 0px 0px 2px #FFF;} .footerbutton img {float: left; margin-right: 10px;} #content {overflow: hidden;} #titel {margin-bottom: 20px;} #content ul {list-style:inside;} #maincontent {float:left; width: 54.91071429%; min-height: 400px;} #sidemenu {float: left; height: 100%; margin-right: 40px; width: 225px;} #sidemenu ul {list-style: none;} .sideitem {float: right; margin-left: 40px; margin-bottom: 30px; width: 200px;} .sideitem .titel {background-color: #076633; color: #fff; padding: 10px; font-size: 18px; font-weight: bold; line-height:22px;} .sideitem .titel img {float: left; display: block; margin-right: 10px;} .sideitemcontent {background-color: #e0e0e0; color: #000; padding: 15px 25px 15px 25px;} .sideitemcontent a {text-decoration: underline; color: #000; font-weight:bold;} #vbanner {position: absolute; right: 20px; top: 130%;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow: hidden;} #mobilemenu * {margin: 0px;padding: 0px;list-style-type: none;list-style-image: none; text-decoration: none;} #mobilemenu a {padding: 10px 0px 10px 0px; display: block; border-bottom: solid #fff 1px;} #mobilemenu ul li ul {display: none;} #mobilemenu ul li ul li ul {display: none;} #mobilemenu li {display: block; overflow: hidden;} #mobilemenu li span {position: relative;} #mobilemenu .navspace {display: inline-block;width: 30px;height: 30px; float: right; width: 15%;} #mobilemenu .navclick {cursor: pointer;} #mobilemenu #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li ul li #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu ul li ul li #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li span {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 16px;text-transform: uppercase; overflow:hidden;} #mobilemenu ul li span a {color: #fff; width: 85%; display: block; float: left;} #mobilemenu ul li ul li span {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 12px;text-transform: none;background-image: none;background-color: #076633;} #mobilemenu ul li ul li span a {color: #fff; padding-left: 20px; box-sizing: border-box;} #mobilemenu ul li ul li ul li a {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 14px;color: #fff;text-transform: none; margin-left: 30px; background-image: none;background-color: #076633;} #hiddennav, #navbutton {display: none;} #mobilemenu a.activemainmenu {font-weight:bold;} #mobilemenu a.activemenu {font-weight:bold;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ .teamitem {width: 50%; box-sizing: border-box; padding: 10px; float:left; min-height: 225px; border-bottom: dotted #f2f2f2 2px;} .teamitemtitel {width: 100%; font-size: 16px; font-weight: bold; color: #076633; text-align: left; margin-bottom: 10px;} .teamitemimg {width: 30%; float: left; } .teamitemimg img {width: 100%; height: auto; object-fit: contains;} .teamitemtext {width: 70%; float: left; padding-left: 10px; box-sizing: border-box; font-size: 14px;} .teamitemtext * {font-size: 14px;} .teamitemtext a {text-decoration: none; color: #076633; font-weight: bold;} /* xxxxxxxxxxxxxxxxxxx SPRACHEN AUSBLENDEN START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #mobilemenu ul:nth-child(2) {display:none;} #upperHeaderLanguage {} /* xxxxxxxxxxxxxxxxxxx SPRACHEN AUSBLENDEN END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ /*Galleryitems START*/ .fwxlightbox-item {display:block; float:left; margin-right:3px; margin-bottom:3px;} /*Galleryitems END*/ .cl_cookie_privacy_layer {background-color:#8a1012 !important;} .cl_cookie_privacy_layer * {color:#ffffff !important; font-size:14px !important; font-weight:300 !important; font-size:12px !important;} .cl_cookie_privacy_layer a {background-color:#971b1d !important; color:#ffffff !important; font-weight:300 !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:#971b1d !important; color:#ffffff !important; font-weight:700 !important; } /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !important; } .cl_cookie_privacy_layer > div {padding:20px !important; box-shadow: 0 0 0 5px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5);} .cl_cookie_privacy_layer * {max-width:750px !important; background-color:#353c45 !important; border-radius:20px; color:#fff !important; } .cl_cookie_privacy_layer a {margin:20px 0 0; padding:10px 15px !important; color:#fff; background-color:#999 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:#fff; background-color:#468b0c !important;} #cl_privacy_link_n {color:#fff; background-color:#8b0c36 !important; margin-right:40px !important;} /*MEDIA QUERIES*/ @media screen and (max-width: 1400px){ #logo {position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -110px; z-index:2; width:120px; height:120px;} } @media screen and (max-width: 1230px){ #maincontent {width: 45.25%;} } @media screen and (max-width: 1024px){ #nav_outer {display: none;} #content {margin-top: 0px;} #logo {margin-left: -60px; margin-top: -60px; width:120px; height:120px;} li.sitemap1 {min-width: 50%;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position: fixed;top: 0px;display: block;z-index: 50;width: 230px;padding: 20px;background-color: #076633;right: -270px; overflow-y: scroll;max-height: calc(100vh - 80px);} #hiddennav * {list-style-type: none;list-style-image: none;color: #fff;} #navbutton {position: fixed;display: block;height: 50px;width: 50px;z-index: 60;right: 0px;top: 0px;cursor: pointer; border-right: solid #fff 1px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #upperHeaderRightContainer {display:none;} #upperHeader {margin-top: 50px;} #sidemenu {display: none;} #maincontent {width: 100%;} #upperHeaderLanguage {display:block !important; z-index:9999 !important; position:fixed !important; top:00px;} } @media screen and (max-width: 700px){ .bildMitTitel {float: none; width: 100%; margin-bottom: 20px; padding:0px;} .footerspalte {float: none; width: 100%; margin-bottom: 20px;} #upperHeaderRightContainer {display: none;} #upperHeaderWrapper img {margin: 0 auto; display: block;} #slidercontainer img {width: auto; height: 100%;} #logo {margin-left: -30px; margin-top: -30px; width:60px; height:60px;} li.sitemap1 {width: 100%; min-height: 0;} #titel {font-size: 30px;} .teamitem {width: 100%;} }