/* BKK Groz-Beckert CD Grün #004F23 Gelb #FFD900 Eierschale Gelb #FFEDB0 Hellgrau #EFEFEF Dunkelgrau #636363 Text: #636363; Blaugrau: #3B8194; Hellgrün: #A5A721; Verlauf: linear von #3B8194 nach #A5A721; */ /* Univers Condensed 300 - latin */ @font-face { font-family: 'Univers Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/unicond_300.woff2') format('woff2'); /* Super Modern Browsers */ } /* Univers Condensed regular - latin */ @font-face { font-family: 'Univers Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/unicond_400.woff2') format('woff2'); /* Super Modern Browsers */ } /* Univers Condensed 700 - latin */ @font-face { font-family: 'Univers Condensed'; font-style: normal; font-weight: 500; src: url('../fonts/unicond_500.woff2') format('woff2'); /* Super Modern Browsers */ } /* cabin-condensed-regular - latin */ @font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/cabincondensed/cabin-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/cabincondensed/cabin-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-regular.svg#CabinCondensed') format('svg'); /* Legacy iOS */ } /* cabin-condensed-500 - latin */ @font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 500; src: url('../fonts/cabincondensed/cabin-condensed-v19-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/cabincondensed/cabin-condensed-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-500.svg#CabinCondensed') format('svg'); /* Legacy iOS */ } /* cabin-condensed-600 - latin */ @font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 600; src: url('../fonts/cabincondensed/cabin-condensed-v19-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/cabincondensed/cabin-condensed-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-600.svg#CabinCondensed') format('svg'); /* Legacy iOS */ } /* cabin-condensed-700 - latin */ @font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/cabincondensed/cabin-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/cabincondensed/cabin-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/cabincondensed/cabin-condensed-v19-latin-700.svg#CabinCondensed') format('svg'); /* Legacy iOS */ } body {color: #232323; font-family: 'Univers Condensed', 'Cabin Condensed', Helvetica, Verdana, sans-serif;} @media screen and (min-width: 1200px) { .container { max-width: 1200px; } } p, table { font-size: 1em; line-height: 1.1666; color: #232323; } a {color: #004F23; text-decoration: none;} p a:not(.btn), li a:not(.btn) { color: inherit; position: relative; padding-right: 0; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: calc(100% - 1em) 1px; transition: background-size .3s;} p a:hover, li a:hover { color: #636363; background-size: 0 1px;} p a:after, li a:after { content:"\e5c8"; font-family: "Material Icons"; position: relative; font-size: .9em; top: 2px; right: 0; } p a:not([href*=".bkk-gb."]):not([href^="tel:"]):not([href^="mailto"]):after { content: "\e895"; margin-left: 3px;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color: #232323; font-family: 'Univers Condensed', 'Cabin Condensed', Helvetica, Verdana, sans-serif; margin-bottom: .5em;} .h1,.h2,.h3,.h4,.h5,.h6 {display: block;} b, strong { font-weight: 500; } span:empty { display: none; } table { table-layout: fixed; } table thead tr th:nth-child(n+2) { text-align: right; } table tbody tr td:nth-child(n+2) { text-align: right; } table tfoot tr td:nth-child(n+2) { text-align: right; } #main-menu {display: none;} @media screen and (min-width: 992px) { #main-menu { display: block; } } #main-menu li { margin-right: 20px; } #main-menu li:last-child { margin-right: 0; } #main-menu li a { background-size: 100% 1px; background-position: 0% 1.2em;} #main-menu li a:hover { background-size: 0% 1px; } #main-menu li.open a, #main-menu li.current a { background-size: 100% 3px; color: #004F23; } #main-menu ul.level_1 > li > a { padding-bottom: 32px; } #main-menu li:hover > ul.level_2, #main-menu li:focus > ul.level_2, #main-menu ul.level_2.js-showElement { display: block; position: fixed; top: 100%; left: 0; color: #ffffff; background-color: #636363; z-index: 1; width: 100vw; text-align: center; padding:15px; } #main-menu li:hover > ul.level_2 a, #main-menu li:focus > ul.level_2 a, #main-menu ul.level_2.js-showElement a { color: #ffffff; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size .3s; } #main-menu li:hover > ul.level_2 a:hover, #main-menu li:focus > ul.level_2 a:hover, #main-menu ul.level_2.js-showElement a:hover { color: #ffffff; background-size: 100% 1px; transition: background-size .3s; } #main-menu li ul.level_3, #main-menu li:hover ul.level_3, #main-menu ul.level_2.js-showElement ul.level_3 { display: none!important; } h1, .h1 {font-size: 2.1111em; line-height: 1.210526; margin-top: 25px; margin-bottom: 12.5px;} h2, .h2 {font-size: 1.5555em; line-height: 1.1; margin-top: 25px; margin-bottom: 12.5px;} h3, .h3 {font-size: 1.3333em; line-height: 1.1; margin-top: 25px; margin-bottom: 12.5px;} h4, .h4 {font-size: 1.30em; line-height: 1.1; margin-top: 25px; margin-bottom: 12.5px;} /* Box paddings */ div[class*="-background-"] .frame-default { padding: 20px 20px; } /* basic padding in ce-bodytexts – override where necessary */ /*.ce-bodytext { padding: 8px 10px }*/ /* Special Rule for right aside */ .col-12.col-lg-3.offset-lg-1 { background-color: #ffffff; } /* Kopf Zeile */ @media screen and (max-width: 991px) { #pagetop .container-fluid + .container { max-width: 100%; } } .top-nav-wrapper { background-color: #efefef; } .lower-header-section {margin-top: 0; } .top-wrapper {background: #fff; border-bottom: 1px solid rgba(128,128,128,.8); } .top-wrapper.sticky {box-shadow: 0 1px 3px rgba(0,0,0,.08); } .top-wrapper.sticky {box-shadow: none } .teaser {background: #e30613; color: #fff;} /* Mobil Menü */ .mm-navbar .mm-navbar__title {color: #004F23;} .sticky #mmenu #trigger_wrap span, #mmenu #trigger_wrap span {background: #004F23} .top-wrapper #mmenu { padding-left: 0; } .mm-menu, .mm-navbars_top, .mm-navbars_top .mm-navbar, .mm-navbars_bottom, .mm-navbars_bottom .mm-navbar {background: #fff} .mm-menu ul li.current a.mm-listitem__text, .mm-menu ul li.current a.mm-listitem__text span {color: #004F23;} .mm-menu ul li a { color: #636363!important; font-weight: 400!important; font-size: 1em!important; } .mm-navbars_top .mm-navbar { border-bottom: 1px solid #808080; } .mm-listitem__text { background-image: none; } .mm-listitem__text:after { content: none; } .mm-btn.mm-btn_next:after, .mm-menu ul li.mm-listitem:after { border-color: #e8e8e8; border-bottom-width: 1px; } .mm-btn_next:after, .mm-btn_prev:before { width: 6px; height: 6px; border-width: 1px!important; border-color: #808080!important;} .mm-btn_next:after { transform: rotate(225deg)!important; } .mm-navbars_top #mm-closer::before {color: #004F23;} .mm-panel:not(.mm-hidden) { background-color: #ffffff!important; } /* Mobile Nav Banner */ .navi-mobile.sticky-footer-wrapper { background-color: #ffd900; padding-left: 15px; padding-right: 15px; padding-bottom: 0; height: auto;} .navi-mobile.sticky-footer-wrapper .navi-item { background-color: #ffd900; position: relative;} .navi-mobile.sticky-footer-wrapper .navi-item a { font-size: 14px; color: #636363; display: block; width: 100%; height: 100%; text-align: center; line-height: 1.25; padding-top: 6px; padding-bottom: 6px; position: static;} .navi-mobile.sticky-footer-wrapper .navi-item a:before { color: #636363; } .navi-mobile.sticky-footer-wrapper .navi-item a:after { content:""; height: 37px; width: 2px; background: rgba(90,90,90,.2); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .navi-mobile.sticky-footer-wrapper .navi-item:last-of-type a:after { content: none; } @media screen and (min-width: 0) and (max-width: 719px) { .footer-section { padding-bottom: 70px!important } .scroll-to-top { bottom: 60px; } } .main-content .page-title { text-align: center; } .main-content img { width: 100%; height: auto; max-width: 1110px; } /* Globale Listenstile */ .main-content ul li { color: #232323; position: relative; padding-left: 14px; line-height: 1.3em; margin-bottom: .2em; } .main-content ul li:before { content: ""; position: absolute; height: 19px; width: 3px; top: 2px; left: 0px; background-color: #FFD900; } .main-content ol li { padding-left: 28px!important; } .main-content ol li:before { color: #191919; margin-left: -24px; } .main-content ul li a { color: #232323; padding-right: 0; font-size: 1em; line-height: inherit; background-size: 100% 1px; } .main-content ul li a:hover { background-size: 0px 1px; } .main-content .t3-layout-background-primary ol li, .main-content .t3-layout-background-primary ol li a, .main-content .t3-layout-background-primary ul li, .main-content .t3-layout-background-primary ul li a { color: #ffffff; } .main-content .t3-layout-background-quintary ol li, .main-content .t3-layout-background-quintary ol li a, .main-content .t3-layout-background-quintary ul li, .main-content .t3-layout-background-quintary ul li a { color: #ffffff; } .main-content .t3-layout-background-sextiary ol li, .main-content .t3-layout-background-sextiary ol li a, .main-content .t3-layout-background-sextiary ul li, .main-content .t3-layout-background-sextiary ul li a { color: #ffffff; } .main-content .t3-layout-background-septiary ol li, .main-content .t3-layout-background-septiary ol li a, .main-content .t3-layout-background-septiary ul li, .main-content .t3-layout-background-septiary ul li a { color: #ffffff; } .main-content .t3-layout-background-gradient ol li, .main-content .t3-layout-background-gradient ol li a, .main-content .t3-layout-background-gradient ul li, .main-content .t3-layout-background-gradient ul li a { color: #ffffff; } .main-content .t3-layout-background-primary ol li:before { color: #ffffff; } .main-content .t3-layout-background-secondary ol li:before { color: #232323; } .main-content .t3-layout-background-tertiary ol li:before { color: #232323; } .main-content .t3-layout-background-quarternary ol li:before { color: #191919; } .main-content .t3-layout-background-quintary ol li:before { color: #ffffff; } .main-content .t3-layout-background-sextiary ol li:before { color: #ffffff; } .main-content .t3-layout-background-septiary ol li:before { color: #ffffff; } .main-content .t3-layout-background-gradient ol li:before { color: #ffffff; } .main-content .t3-layout-background-secondary ul li:before, .main-content .t3-layout-background-tertiary ul li:before { background-color: #232323; } .main-content .t3-layout-background-quarternary ul li:before { background-color: #ffd900; } .main-content .t3-layout-background-septiary ul li:before { background-color: #ffffff; } /* Hilfshintergründe */ .t3-layout-background-white { background-color: #ffffff; color: #232323; } /* Swiper Stage Slider */ .swiper-container {margin-top: 0px; overflow: visible;} .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFD900'%2F%3E%3C%2Fsvg%3E") !important;} .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFD900'%2F%3E%3C%2Fsvg%3E") !important;} .swiper-pagination-bullet {background: #fff; width: 12px; height: 12px;} .swiper-pagination-bullet-active {background: #FFD900;} .swiper-pagination { position: static; background-color: #f2f2f2; padding-bottom: 9px; } .swiper-pagination-bullet { height: 3px; width: 60px; } .swiper-pagination-bullet:before { content: ""; display: block; width: 100%; height: 3px; background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#707070),color-stop(0,#004f23)); background-image: linear-gradient(90deg,#707070 50%,#004f23 0); background-size: 200%; background-position: 0; } .swiper-pagination-bullet:hover:before { height: 5px; margin-top: -1px; } .swiper-pagination-bullet-active:before { background-position: -100%; background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#004f23),color-stop(0,#707070)); background-image: linear-gradient(90deg,#004f23 50%,#707070 0); -webkit-transition: background-position 9s linear; transition: background-position 9s linear; } #slider .swiper-slide {background: url(/fileadmin/themes/bkk-gb/img/pattern/groz_beckert_pattern_weiss_204x1000px.png) repeat-y fixed left; z-index: 1000;} .swiper-wrapper { overflow: hidden; } .swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; } .swiper-pagination.disabled { display: none; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none; } /* Slick Slider */ .slick-prev:before, .slick-next:before {color: #5c2483;} /* Content Layout Optionen */ .t3-layout-background-primary {background: #004F23} /* Grün */ .t3-layout-background-secondary {background: #FFD900} /* Gelb */ .t3-layout-background-tertiary {background: #FFEDB0} /* Eierschale Gelb */ .t3-layout-background-quarternary {background: #EFEFEF} /* Hellgrau */ .t3-layout-background-quintary {background: #636363} /* Dunkelgrau */ .t3-layout-background-sextiary { background: #3B8194; } /* Blaugrau */ .t3-layout-background-septiary { background: #A5A721; } /* Hellgrün */ /*.t3-layout-background-septiary { background: #93951d; }*/ .t3-layout-background-gradient { background: transparent linear-gradient(83deg, #3B8194 0%, #A5A721 100%) 0% 0% no-repeat padding-box; opacity: 1;} /*.t3-layout-background-gradient { background: transparent linear-gradient(83deg, #3B8194 0%, #93951d 100%) 0% 0% no-repeat padding-box; opacity: 1;}*/ .t3-layout-background-testimonial {background: #e30613} .t3-layout-background-transparent-dark {} .t3-layout-background-transparent-light {} .t3-layout-background-primary p {color: #ffffff;} .t3-layout-background-secondary p {} .t3-layout-background-tertiary p {} .t3-layout-background-quarternary p {} .t3-layout-background-quintary p {color: #ffffff;} .t3-layout-background-sextiary p {color: #ffffff;} .t3-layout-background-septiary p {color: #ffffff;} .t3-layout-background-gradient p {color: #ffffff;} .t3-layout-background-primary a {color: #ffffff;} .t3-layout-background-secondary a {} .t3-layout-background-tertiary a {} .t3-layout-background-quarternary a {} .t3-layout-background-quintary a {color: #ffffff;} .t3-layout-background-sextiary a {color: #ffffff;} .t3-layout-background-septiary a {color: #ffffff;} .t3-layout-background-gradient a {color: #ffffff;} .t3-layout-background-primary ul li a {color: #ffffff;} .t3-layout-background-secondary ul li a {} .t3-layout-background-tertiary ul li a {} .t3-layout-background-quarternary ul li a {} .t3-layout-background-quintary ul li a {color: #ffffff;} .t3-layout-background-sextiary ul li a {color: #ffffff;} .t3-layout-background-septiary ul li a {color: #ffffff;} .t3-layout-background-gradient ul li a {color: #ffffff;} .t3-layout-background-primary a:hover {color: #ffffff; text-decoration: none;} .t3-layout-background-secondary a:hover {text-decoration: none;} .t3-layout-background-tertiary a:hover {text-decoration: none;} .t3-layout-background-quarternary a:hover {text-decoration: none;} .t3-layout-background-quintary a:hover {color: #ffffff; text-decoration: none;} .t3-layout-background-sextiary a:hover {color: #ffffff; text-decoration: none;} .t3-layout-background-septiary a:hover {color: #ffffff; text-decoration: none;} .t3-layout-background-gradient a:hover {color: #ffffff; text-decoration: none;} .t3-layout-background-primary h1, .t3-layout-background-primary h2, .t3-layout-background-primary h3, .t3-layout-background-primary h4, .t3-layout-background-primary h5, .t3-layout-background-primary h6, .t3-layout-background-primary .h1, .t3-layout-background-primary .h2, .t3-layout-background-primary .h3, .t3-layout-background-primary .h4, .t3-layout-background-primary .h5, .t3-layout-background-primary .h6 {color: #ffffff} .t3-layout-background-secondary h1, .t3-layout-background-secondary h2, .t3-layout-background-secondary h3, .t3-layout-background-secondary h4, .t3-layout-background-secondary h5, .t3-layout-background-secondary h6, .t3-layout-background-secondary .h1, .t3-layout-background-secondary .h2, .t3-layout-background-secondary .h3, .t3-layout-background-secondary .h4, .t3-layout-background-secondary .h5, .t3-layout-background-secondary .h6 {} .t3-layout-background-tertiary h1, .t3-layout-background-tertiary h2, .t3-layout-background-tertiary h3, .t3-layout-background-tertiary h4, .t3-layout-background-tertiary h5, .t3-layout-background-tertiary h6, .t3-layout-background-tertiary .h1, .t3-layout-background-tertiary .h2, .t3-layout-background-tertiary .h3, .t3-layout-background-tertiary .h4, .t3-layout-background-tertiary .h5, .t3-layout-background-tertiary .h6 {} .t3-layout-background-quarternary h1, .t3-layout-background-quarternary h2, .t3-layout-background-quarternary h3, .t3-layout-background-quarternary h4, .t3-layout-background-quarternary h5, .t3-layout-background-quarternary h6, .t3-layout-background-quarternary .h1, .t3-layout-background-quarternary .h2, .t3-layout-background-quarternary .h3, .t3-layout-background-quarternary .h4, .t3-layout-background-quarternary .h5, .t3-layout-background-quarternary .h6 { color: #004F23; } .t3-layout-background-quintary h1, .t3-layout-background-quintary h2, .t3-layout-background-quintary h3, .t3-layout-background-quintary h4, .t3-layout-background-quintary h5, .t3-layout-background-quintary h6, .t3-layout-background-quintary .h1, .t3-layout-background-quintary .h2, .t3-layout-background-quintary .h3, .t3-layout-background-quintary .h4, .t3-layout-background-quintary .h5, .t3-layout-background-quintary .h6 {color: #ffffff} .t3-layout-background-sextiary h1, .t3-layout-background-sextiary h2, .t3-layout-background-sextiary h3, .t3-layout-background-sextiary h4, .t3-layout-background-sextiary h5, .t3-layout-background-sextiary h6, .t3-layout-background-sextiary .h1, .t3-layout-background-sextiary .h2, .t3-layout-background-sextiary .h3, .t3-layout-background-sextiary .h4, .t3-layout-background-sextiary .h5, .t3-layout-background-sextiary .h6 {color: #ffffff} .t3-layout-background-septiary h1, .t3-layout-background-septiary h2, .t3-layout-background-septiary h3, .t3-layout-background-septiary h4, .t3-layout-background-septiary h5, .t3-layout-background-septiary h6, .t3-layout-background-septiary .h1, .t3-layout-background-septiary .h2, .t3-layout-background-septiary .h3, .t3-layout-background-septiary .h4, .t3-layout-background-septiary .h5, .t3-layout-background-septiary .h6 {color: #ffffff} .t3-layout-background-gradient h1, .t3-layout-background-gradient h2, .t3-layout-background-gradient h3, .t3-layout-background-gradient h4, .t3-layout-background-gradient h5, .t3-layout-background-gradient h6, .t3-layout-background-gradient .h1, .t3-layout-background-gradient .h2, .t3-layout-background-gradient .h3, .t3-layout-background-gradient .h4, .t3-layout-background-gradient .h5, .t3-layout-background-gradient .h6 {color: #ffffff} .t3-layout-summary {} .t3-layout-background-quote {background-color: #e5e5e5; border-radius: 30px 0 30px 0;} /* Adaptations for fullwidth */ .t3-layout-fullwidth .container .frame { padding-left: 0; padding-right: 0; } /* Content Editor */ .text-highlight {color: #53B9C7;} /* Buttons */ .btn.btn-primary {background: #004F23; color: #ffffff; text-decoration: none; border: none;} .btn.btn-primary:hover {background: #262626; color: #ffffff; text-decoration: none; border: none;} .t3-layout-background-primary .btn.btn-primary { background-color: #FFD900; color: #232323; border: none; text-decoration: none; background-image: none; } .t3-layout-background-primary .btn.btn-primary:hover { background-color: #ffffff; color: #232323; border: none; text-decoration: none; background-image: none; } .t3-layout-background-primary .btn.btn-secondary { background-color: #efefef; color: #232323; border: none; text-decoration: none; background-image: none; } .t3-layout-background-primary .btn.btn-secondary:hover { background-color: #ffffff; color: #232323; border: none; text-decoration: none; background-image: none; } .t3-layout-background-secondary .btn.btn-primary { background-color: #004F23; color: #ffffff; border: none; text-decoration: none; background-image: none; } .t3-layout-background-secondary .btn.btn-primary:hover { background-color: #ffffff; color: #232323; border: none; text-decoration: none; background-image: none; } .t3-layout-background-secondary .btn.btn-secondary { background-color: #636363; color: #ffffff; border: none; text-decoration: none; background-image: none; } .t3-layout-background-secondary .btn.btn-secondary:hover { background-color: #ffffff; color: #232323; border: none; text-decoration: none; background-image: none; } .t3-layout-background-tertiary .btn.btn-primary {} .t3-layout-background-quarternary .btn.btn-primary {} .btn-danger { background-color: transparent; border-color: #232323; color: #232323; padding: 9px 14px!important; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .btn-danger:hover { background-color: #232323; color: #ffffff; border-color: #232323;} /* Themen Filter Ext */ .tx-ozp-contentfilter ul.tab-link li {border-radius: 0; background-color: #EFEFEF; color: #232323; padding: 5px 20px; text-transform: none; position: relative;} .tx-ozp-contentfilter ul.tab-link li.selected {border-radius: 0; background-color: #FFD900; color: #636363;} .tx-ozp-contentfilter ul.tab-link li:hover {border-radius: 0; background-color: #FFD900; color: #636363; transition: none} .tx-ozp-contentfilter ul.tab-link li:before {content: none; background: none; height: auto; width: auto;} .tx-ozp-contentfilter ul.tab-link li:after {content: none;} .tx-ozp-contentfilter .items-cfilter a {color: #000000; text-decoration: none} .tx-ozp-contentfilter .contentcontener {background-color: #efefef; padding: 20px; overflow: hidden} .tx-ozp-contentfilter .contentcontener .items-cfilter {background-color: #fff; padding: 20px;} .tx-ozp-contentfilter .contentcontener .items-cfilter .frame-type-textmedia {background-color: #e5e5e5;} .main-content .tx-ozp-contentfilter ul.tab-link { text-align: left; clear:both; overflow: hidden; } .main-content .tx-ozp-contentfilter ul.tab-link li { position: relative; color: #232323; font-weight: 400; padding: 14px 12px 14px; font-size: .8888rem; line-height: 1; width: auto; margin-right: 10px; display: block; float: left;} @media screen and (min-width: 768px) and (max-width: 991px) { .main-content .tx-ozp-contentfilter ul.tab-link li { width: calc((100% - 20px) / 3); } .main-content .tx-ozp-contentfilter ul.tab-link li:nth-of-type(3n) { margin-right: 0; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .main-content .tx-ozp-contentfilter ul.tab-link li { width: calc((100% - 30px) / 4); } .main-content .tx-ozp-contentfilter ul.tab-link li:nth-of-type(4n) { margin-right: 0; } .main-content .tx-ozp-contentfilter ul.tab-link li:nth-of-type(3n) { margin-right: 10px; } } @media screen and (min-width: 1200px) { .main-content .tx-ozp-contentfilter ul.tab-link li { width: calc((100% - 40px) / 5); } .main-content .tx-ozp-contentfilter ul.tab-link li:nth-of-type(5n) { margin-right: 0; } .main-content .tx-ozp-contentfilter ul.tab-link li:nth-of-type(4n) { margin-right: 10px; } .main-content .tx-ozp-contentfilter ul.tab-link li:nth-of-type(3n) { margin-right: 10px; } } .main-content .tx-ozp-contentfilter ul.tab-link li.selected:before { content: "\e5ca"; position: static; width: auto; height: auto; left: 0; top: 0; background: none; display: inline-block; color: #232323; vertical-align: middle; margin-top: -5px; margin-right: 4px; } .main-content .tx-ozp-contentfilter ul.tab-link li:after { content: none; } /*.main-content .tx-ozp-contentfilter ul.tab-link li.selected { padding: 14px 12px 10px; }*/ .main-content .t3-layout-fullwidth .tx-ozp-contentfilter { overflow: visible; } .main-content .t3-layout-fullwidth .tx-ozp-contentfilter .contentcontener { width: 200%; margin-left: -50%; margin-right: -50%; left: -50%; right: -50%; padding: 35px 0; margin-bottom: 0; } .main-content .t3-layout-fullwidth .tx-ozp-contentfilter .contentcontener .container { width: 100vw; /* padding-left: 0; padding-right: 0;*/ } @media screen and (min-width: 992px) { .main-content .t3-layout-fullwidth .tx-ozp-contentfilter .contentcontener { width: 300%; margin-left: -100%; margin-right: -100%; left: -50%; right: -50%; padding: 35px 0; margin-bottom: 0; } .main-content .t3-layout-fullwidth .tx-ozp-contentfilter .contentcontener { padding-left: 15px; padding-right: 15px; } .main-content .t3-layout-fullwidth .tx-ozp-contentfilter .contentcontener .container { width: 100%; } } .related_articles {border: 5px solid #e5e5e5; padding: 20px 40px 10px 40px; margin: 40px 0;} /* OzpContentfilter H3 */ .tx-ozp-contentfilter .contentcontener .container .items-cfilter {} .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame {} .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header {} .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header h3, .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header .h3 { font-size: 22px; line-height: 26px; font-weight: 400; margin-top: 0; } .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header h3 a, .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header .h3 a { color: #404040; text-decoration: none; color: inherit; position: relative; padding-right: 20px; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: calc(100% - 20px) 1px; transition: background-size .3s; } .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header h3 a:after, .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header .h3 a:after { content:"\e5c8"; font-family: "Material Icons"; position: absolute; font-size: .8em; bottom: 0px; right: 0; } .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header h3 a:hover, .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame header .h3 a:hover { color: #404040; text-decoration: none; background-size: 0% 1px; } .tx-ozp-contentfilter .contentcontener .container .items-cfilter .frame p { font-size: 1em; line-height: 1.1666; font-weight: 400;} /* Scroll To Top Link */ a.scroll-to-top {right: 15px; bottom: 15px; height: 32px; width: 32px; background-color: #004F23; color: #fff; border: 1px solid #004F23;} a.scroll-to-top:hover {color: #fff;} a.scroll-to-top:before { font-size: 2em; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } /* Footer */ .footer-section {background: #636363; border-top: 0;} /* Artikel mit Hintergrundbildern */ body.layout_dark a {color: #53B9C7;} body.layout_dark .sticky #mmenu #trigger_wrap span, body.layout_dark #mmenu #trigger_wrap span {background: #53B9C7} /* overscroll des Bildheaders */ .lower-header-section { position: static; height: auto; z-index: -1; margin-top: 83px; } @media screen and (min-width: 992px) { .lower-header-section { position: static; height: auto; z-index: -1; margin-top: 124px; } } @media screen and (max-width: 414px) { .lower-header-section { margin-top: 59px; } } .main-content-section { z-index: 2; margin-top: 0; background-color: #ffffff; } .noHero + .main-content-section { z-index: 2; margin-top: 109px; background-color: #ffffff; } .footer-section { z-index: 2; } .t3-layout-fullwidth-parallaxis { width: 100%; margin-left: 0; margin-right: 0; left: 0; right: 0; padding: 0; margin-bottom: 35px; } .t3-layout-fullwidth { width: 200%; margin-left: -50%; margin-right: -50%; left: -50%; right: -50%; padding: 35px 0; margin-bottom: 35px; } .t3-layout-fullwidth > .container { width: 100vw; } .t3-layout-fullwidth > .container > .frame-default { margin-top:0; margin-bottom:0; } @media screen and (min-width: 768px) { .t3-layout-fullwidth, .t3-layout-fullwidth-parallaxis { width: 200%; margin-left: -50%; margin-right: -50%; left: -50%; right: -50%; padding: 35px 0; margin-bottom: 35px; } .t3-layout-fullwidth > .container { width: 100%; } } /* Navi Icons */ .navi-item {} .navi-item a { position: relative; } .navi-item a:before { content: ""; display: block; color: #232323; width: auto; height: auto; margin: 0 auto; text-align: center; font-size: 1.75em; } .navi-item:nth-of-type(1) a:before { content: "\f1ea"; font-family: "FontAwesome"; } .navi-item:nth-of-type(2) a:before { font-family: "Material Icons"; content: "\e5ca"; } .navi-item:nth-of-type(3) a:before { font-family: "Material Icons"; content: "\e88a"; } .navi-item:nth-of-type(4) a:before { font-family: "Material Icons"; content: "\e0c6"; } .navi-item:nth-of-type(5) a:before { font-family: "Material Icons"; content: "\e8af"; } /* Powermail Styles */ .tx-powermail {} .tx-powermail form {} .tx-powermail form h2 { margin-bottom: 20px; } .tx-powermail .container-fluid { padding: 0; } .tx-powermail .container-fluid .row { width: 100%; margin:0;} .tx-powermail .container-fluid .row > * { padding-left: 0; padding-right: 0; } .tx-powermail .container-fluid .row > .powermail_fieldwrap { width: 50%; position: relative; } .tx-powermail .container-fluid .row > .powermail_fieldwrap > label { position: absolute; font-size: 18px; left: 10px; top: 18px; transform: translateY(-50%); transition: all .4s ease-in-out;} .tx-powermail .container-fluid .row > .powermail_fieldwrap_type_radio > label, .tx-powermail .container-fluid .row > .powermail_fieldwrap_type_select > label { font-size: 13px; position: absolute; left: 0px; top: -20px; transform: translateY(0);} .tx-powermail .container-fluid .row > .powermail_fieldwrap > label.labelfocus { font-size: 13px; position: absolute; left: 0px; top: -20px; transform: translateY(0);} .tx-powermail .container-fluid .row .powermail_field { margin-bottom: 28px; } .tx-powermail .container-fluid .row .powermail_field .frame { margin-top: 0; } .tx-powermail .container-fluid .row .powermail_field textarea, .tx-powermail .container-fluid .row .powermail_field input, .tx-powermail .container-fluid .row .powermail_field select { width: 100%;border: none;border-bottom: 2px solid #808080;font-size: 18px;line-height: 22px; background-color: #f2f2f2; padding: 4px 8px;} .tx-powermail .container-fluid .row .powermail_field textarea:focus, .tx-powermail .container-fluid .row .powermail_field input:focus, .tx-powermail .container-fluid .row .powermail_field select:focus { outline: 2px solid rgb(255, 217, 0); box-shadow: none; padding-left: 8px; } .tx-powermail .container-fluid .row .powermail_field input:focus { outline: 2px solid #232323; } .tx-powermail .container-fluid .row .powermail_field select, .tx-powermail .container-fluid .row .powermail_field input { height: 40px; max-height: 40px; } .tx-powermail .container-fluid .row .powermail_field .radio { display: inline-block; width: calc(100% / 4); } .tx-powermail .container-fluid .row .powermail_field .radio label { font-size: 18px; margin-top: 8px;} .tx-powermail .container-fluid .row .powermail_field .radio label input {border-radius: 50%; -webkit-appearance: none; appearance: none; width: 22px; height: 22px; border: 2px solid #808080; margin-bottom: 0; line-height: 1; transition: all .25s ease-in-out; vertical-align: middle; margin-right: 4px; margin-top: -5px;} .tx-powermail .container-fluid .row .powermail_field .radio label input:checked { border: 2px solid #004f23; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004f23+50,ffffff+50 */ background: #004f23; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #004f23 50%, #ffffff 50%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #004f23 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #004f23 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f23', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .tx-powermail .container-fluid .row .powermail_field select.powermail_select {-webkit-appearance: none; appearance: none; width: 100%; height: 40px; font-size: 18px; border-bottom: 2px solid #808080; border-radius: 0; box-shadow: none; background-color: #efefef; color: #232323; font-family: "Univers Condensed",sans-serif; font-size: 18px; font-weight: 400; line-height:1;} .tx-powermail .container-fluid .row .powermail_field select.powermail_select option { font-size: 18px; } .tx-powermail .container-fluid .row .powermail_fieldwrap_type_select .powermail_field { position: relative;} .tx-powermail .container-fluid .row .powermail_fieldwrap_type_select .powermail_field:after { display: block; position: absolute; content: "\e313"; font-family: "Material Icons"; font-size: 2em; right: 2px; top: 50%; transform: translateY(-50%); pointer-events: none; } .tx-powermail .container-fluid .row .powermail_field input.empty + label { top: .1em; color: #636363; font-family: "Univers Condensed",sans-serif; font-size: 18px; font-weight: 300; opacity: .5; } .tx-powermail .container-fluid .row .powermail_field input + label { position: absolute; top: -1em; left: .08em; z-index: 0; color: #232323; font-family: "Univers Condensed",sans-serif; font-size: 13px; font-weight: 500; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .tx-powermail .container-fluid .row .powermail_field input[type="submit"] { width: 50%; background-color: rgb(255, 217, 0); border: none; transition: background-color .25s ease-in-out; } .tx-powermail .container-fluid .row .powermail_field input[type="reset"] { width: auto; background-color: transparent; border: none; padding: 0; text-decoration: underline; font-size: 1em; line-height: 1.1666; color: #232323; } .tx-powermail .container-fluid .row .powermail_field input[type="submit"]:hover { width: 50%; background-color: rgb(230, 196, 0); border: none; text-decoration: underline; } .tx-powermail .container-fluid .row .powermail_field input[type="reset"]:hover { width: auto; background-color: transparent; border: none; padding: 0; text-decoration: none; font-size: 1em; line-height: 1.1666; color: #636363; } .tx-powermail .container-fluid .row .powermail_fieldset.powermail_fieldset_1 { padding-top: 24px; } .tx-powermail .container-fluid .powermail_fieldset.powermail_fieldset_1 > legend { display: none; } /* Powermail Parsley Errors */ .parsley-errors-list { } .parsley-errors-list li.parsley-required, .parsley-errors-list li.parsley-custom-error-message { font-size: 18px;color: #f00; } .parsley-errors-list li.parsley-custom-error-message:before, .parsley-errors-list li.parsley-required:before { background-color: #f00; } /* Special column rules */ .powermail_fieldset.powermail_fieldset_1 {} .powermail_fieldset.powermail_fieldset_1 .row {float: none;} .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(1) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(2) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(3) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(4) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(5) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(6) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(7) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(8) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(9) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(10) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(11) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(12) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(13) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(14) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(15) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(16) { width: 100%; } @media screen and (min-width: 576px) { .powermail_fieldset.powermail_fieldset_1 .row {float: left;} .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(1) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(2) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(3) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(4) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(5) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(6) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(7) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(8) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(9) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(10) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(11) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(12) { width: calc((100% - 30px) / 2); } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(13) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(14) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(15) { width: 100%; } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(16) { width: calc((100% - 30px) / 2); } } .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(even) { margin-right: 30px; } .powermail_fieldset.powermail_fieldset_1 .row .powermail_fieldwrap { width: 100%;} .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(15) .powermail_field input, .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(15) .powermail_field img { width: 50%; } /*.powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(13), .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(14), .powermail_fieldset.powermail_fieldset_1 .row:nth-of-type(15) { float: left; }*/ /* Search modal */ .modal, .modal-backdrop { top: 58px; } @media screen and (min-width: 415px) { .modal, .modal-backdrop { top: 58px; } } @media screen and (min-width: 992px) { .modal, .modal-backdrop { top: 123px; } } #opensearch_button { color: #004F23; } /* Personnel */ .personnel { columns: 1; } .my-col aside .personnel, .col-lg-3 aside .personnel { columns: 1; float: none; } .main-content .frame-type-personnel_selected .personnel { float: none; } .personnel.cards, .personnel.template-cards { row-gap: 0!important; column-gap: 3rem!important; } .personnel .listitem, .personnel .card.listitem { display: inline-block; float: none!important; width: auto; max-width: 100%; min-width: 0; border: none; } .personnel .listitem figure { clear: both; /* width: 102px;*/ display: inline-block; vertical-align: top; margin-right: 12px; } .personnel .listitem figure img { width: 102px; height: auto; float: none; } .personnel .listitem .text { display: inline-block; vertical-align: top; width: calc(100% - 114px); margin: 0!important; } .col-lg-3 aside .personnel .listitem figure, .col-lg-3 aside .personnel .listitem figure img { width: 68px; } .col-xl-3 .personnel > .card.listitem figure img { width: 102px; } .col-lg-3 aside .personnel .listitem figure img, .col-xl-3 .personnel > .card.listitem figure img { margin: 0; border: none; border-radius: 0; } .col-lg-3 aside .personnel .listitem .text { width: calc(100% - 80px); margin: 0; } .personnel .listitem .text h3, .personnel .listitem .text p { margin: 0; padding: 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #232323; } .personnel .listitem .text a, .personnel .listitem .text span { margin: 0; padding: 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #232323; } .personnel .listitem .text h3 { margin-top: 3px; font-weight: 500; } .personnel .icon path { fill: #232323; } .personnel .listitem .text .contact > span { display: inline-block; margin-right: 5px; } .personnel .listitem .text .contact > a { display: inline-block; } .personnel .listitem .text .contact > a { background-size: 100% 1px; } .personnel .listitem .text .contact > a:hover { background-size: 0% 1px; } .personnel .listitem .text .contact > a:after { content: none; } .personnel .listitem .text .contact > a.person-vCard { display: inherit; } .t3-layout-single-accordion .personnel, .t3-layout-multi-accordion .personnel { float: none; padding-top: 10px; } .t3-layout-single-accordion .personnel .person.listitem, .t3-layout-multi-accordion .personnel .person.listitem { padding: 5px 15px 0; } @media screen and (min-width: 576px) { .t3-layout-single-accordion .frame-type-personnel_selected, .t3-layout-multi-accordion .frame-type-personnel_selected, .t3-layout-single-accordion .frame-type-personnel_selected .personnel , .t3-layout-multi-accordion .frame-type-personnel_selected .personnel { overflow: hidden; } .t3-layout-single-accordion .personnel .person.listitem, .t3-layout-multi-accordion .personnel .person.listitem { float: left; width: 50%; } } /* multicolumn */ p.t3-layout-text-multicolumn2, ul.t3-layout-text-multicolumn2 { -webkit-columns: 1; -moz-columns: 1; columns: 1; } p.t3-layout-text-multicolumn3, ul.t3-layout-text-multicolumn3 { -webkit-columns: 1; -moz-columns: 1; columns: 1; } @media screen and (min-width: 576px) { p.t3-layout-text-multicolumn2, ul.t3-layout-text-multicolumn2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; } p.t3-layout-text-multicolumn3, ul.t3-layout-text-multicolumn3 { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } @media screen and (min-width: 768px) { p.t3-layout-text-multicolumn2, ul.t3-layout-text-multicolumn2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; } p.t3-layout-text-multicolumn3, ul.t3-layout-text-multicolumn3 { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } @media screen and (min-width: 992px) { p.t3-layout-text-multicolumn2, ul.t3-layout-text-multicolumn2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; } p.t3-layout-text-multicolumn3, ul.t3-layout-text-multicolumn3 { -webkit-columns: 3; -moz-columns: 3; columns: 3; } } /* Container alignment */ .t3-layout-background-gradient.t3-layout-fullwidth .row .col-lg-4.my-col { -ms-flex-item-align: center!important; align-self: center!important; } /* Slick css */ .slick-slider {} .slick-slider .slick-list { } .slick-slider .slick-list .slick-track {} .slick-slider .slick-list .slick-track .slick-slide { margin-left: 10px; margin-right: 10px; opacity: .4; transition: opacity .6s linear; font-size: 16px;} .slick-slider .slick-list .slick-track .slick-slide.slick-active { opacity: 1;} .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current { font-size: 18px; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia { padding: 0; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia header { padding: 14px 20px; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext { padding: 14px 20px; background-color: #efefef; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext h1, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext h2, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext h3, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext h4, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext h5, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext h6, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext .h1, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext .h2, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext .h3, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext .h4, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext .h5, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext .h6 { color: #004f23; font-size: 1.25em; margin-top: 7px; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext p { color: #636363; font-size: 1em; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext a, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext ul li, .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext ol li { color: #232323; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-textpic .ce-gallery { margin: 0; } .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-textpic .ce-gallery img { border-radius: 0; margin-bottom: 0; } .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext { background-color: #004F23; } .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext h1, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext h2, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext h3, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext h4, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext h5, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext h6, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext .h1, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext .h2, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext .h3, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext .h4, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext .h5, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext .h6, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext p, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext a, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext ul li, .slick-slider .slick-list .slick-track .slick-slide.slick-active.slick-current .frame-type-textmedia .ce-bodytext ol li { color: #ffffff; } .slick-prev, .slick-next { overflow: hidden; z-index: 99; width: 81px; height: 81px; } .slick-prev {} .slick-next {} .slick-prev:before, .slick-next:before { font-family: "Material Icons"; font-size: 81px; color: #636363; opacity: 1; } .slick-prev:before { content: "\e408"; } .slick-next:before { content: "\e409"; } .slick-dots { position: static; } /* .frame-type-textmedia .ce-gallery */ .row .col-12.col-md-4.col-lg-4 .frame-type-textmedia .ce-above .ce-gallery, .row .ce-col.col-md .frame-type-textmedia .ce-above .ce-gallery { margin-bottom: 0; } .row .col-12.col-md-4.col-lg-4 .frame-type-textmedia .ce-above .ce-bodytext {} .row .col-12.col-md-4.col-lg-4 .frame-type-textmedia .ce-above .ce-bodytext h3, .row .ce-col.col-md .frame-type-textmedia .ce-above .ce-bodytext h3 { margin-top: 0; } /* Intro Element */ .t3-layout-opener.t3-layout-background-quarternary { background-image: url(../img/pattern/bkkgb_pattern-gelb.png); background-size: 163px 271px; background-repeat: repeat-y; background-position: -105px top; } .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia { padding-left: 75px; padding-right: 45px;} .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic {} .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic > div { max-width: 100%; height: auto; width: auto; margin: 0; } .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic > .ce-gallery + .ce-bodytext { max-width: 100%; height: auto; width: auto; margin: 0; } @media screen and (min-width: 992px) { .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic .ce-gallery { margin-right: 30px; } .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic > .ce-gallery + .ce-bodytext { max-width: 50%; } } .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic .ce-gallery img { display: block; width: 100%; max-width: 485px; height: auto; } @media screen and (min-width: 992px) { .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic .ce-gallery img { display: block; width: auto; max-width: 485px; height: auto; } } .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic .ce-bodytext {} .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic .ce-bodytext h3, .t3-layout-opener.t3-layout-background-quarternary > .frame-type-textmedia .ce-textpic .ce-bodytext .h3 { font-size: 18px; line-height: 22px; font-weight: 500; color: #004F23; } .t3-layout-opener.t3-layout-background-quarternary {} .t3-layout-opener.t3-layout-background-quarternary .my-col.headerCol { display: none; } /* Testimonial Element */ .t3-layout-background-testimonial { background-image: linear-gradient(83deg, #3B8194 0%, #A5A721 100%); opacity: 1; background-size: 100%; background-repeat: no-repeat; background-position: 0 0; padding: 0; position: relative; } .t3-layout-background-testimonial::before { content:""; background-image: url(../img/pattern/bkkgb_pattern-weiss.png); opacity: 1; background-size: 417px 273px; background-repeat: repeat-y; background-position: -350px -13px; padding: 0; position: absolute; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .t3-layout-background-testimonial::before { content: none; } } .t3-layout-background-testimonial .frame { padding: 0!important; } .t3-layout-background-testimonial .frame .ce-gallery { width: 100%; max-width: 100%;margin-right: 0px; margin-bottom: 0;} .t3-layout-background-testimonial .frame .ce-bodytext { width: 100%; max-width: 100%; padding: 30px;} @media screen and (max-width: 768px) { .t3-layout-background-testimonial .frame .ce-bodytext { width: 100%; max-width: 100%; padding: 15px 30px 15px 30px;} } .t3-layout-background-testimonial .frame .ce-gallery img { width: 100%; height: auto;} @media screen and (min-width: 992px) { .t3-layout-background-testimonial .frame { padding: 0!important; } .t3-layout-background-testimonial .frame .ce-gallery { width: calc(((100% - 0px) / 3) * 1); margin-right: 0px; margin-bottom: 0;} .t3-layout-background-testimonial .frame .ce-bodytext { width: calc(((100% - 0px) / 3) * 2); padding: 30px;} .t3-layout-background-testimonial .frame .ce-gallery img { width: 100%; height: auto;} } .t3-layout-background-testimonial .frame .ce-bodytext p, .t3-layout-background-testimonial .frame .ce-bodytext h1, .t3-layout-background-testimonial .frame .ce-bodytext h2, .t3-layout-background-testimonial .frame .ce-bodytext h3, .t3-layout-background-testimonial .frame .ce-bodytext h4, .t3-layout-background-testimonial .frame .ce-bodytext h5, .t3-layout-background-testimonial .frame .ce-bodytext h6, .t3-layout-background-testimonial .frame .ce-bodytext .h1, .t3-layout-background-testimonial .frame .ce-bodytext .h2, .t3-layout-background-testimonial .frame .ce-bodytext .h3, .t3-layout-background-testimonial .frame .ce-bodytext .h4, .t3-layout-background-testimonial .frame .ce-bodytext .h5, .t3-layout-background-testimonial .frame .ce-bodytext .h6, .t3-layout-background-testimonial .frame .ce-bodytext a { font-size: 29px; line-height: 35px; color: #ffffff; } @media screen and (max-width: 768px) { .t3-layout-background-testimonial .frame .ce-bodytext p, .t3-layout-background-testimonial .frame .ce-bodytext h1, .t3-layout-background-testimonial .frame .ce-bodytext h2, .t3-layout-background-testimonial .frame .ce-bodytext h3, .t3-layout-background-testimonial .frame .ce-bodytext h4, .t3-layout-background-testimonial .frame .ce-bodytext h5, .t3-layout-background-testimonial .frame .ce-bodytext h6, .t3-layout-background-testimonial .frame .ce-bodytext .h1, .t3-layout-background-testimonial .frame .ce-bodytext .h2, .t3-layout-background-testimonial .frame .ce-bodytext .h3, .t3-layout-background-testimonial .frame .ce-bodytext .h4, .t3-layout-background-testimonial .frame .ce-bodytext .h5, .t3-layout-background-testimonial .frame .ce-bodytext .h6, .t3-layout-background-testimonial .frame .ce-bodytext a { font-size: 1.25em; line-height: 1.3; color: #ffffff; } } /* News List and Details */ .news-list-view { width: 100%; overflow: hidden; } .news-list-view .article { width: 100%; margin: 0 0 30px; display: inline-block; vertical-align: top; } .news-list-view .article:last-child { margin: 0; } @media screen and (min-width:768px) and (max-width: 991px) { .news-list-view .article { width: calc((100% - 30px) / 2); margin: 0 30px 30px 0; display: inline-block; vertical-align: top; } .news-list-view .article:nth-of-type(2n) { margin-right: 0; } } @media screen and (min-width: 992px) { .news-list-view .article { width: calc((100% - 60px) / 3); margin: 0 30px 30px 0; display: inline-block; vertical-align: top; } .news-list-view .article:nth-of-type(3n) { margin-right: 0; } } .news-list-view .article .news-img-wrap, .news-list-view .article .articlebody { max-width: 100%; width: 100%; display: block; background: #EFEFEF;} .news-list-view .article .news-img-wrap { padding: 0; margin: 0; float: none; } .news-list-view .article .articlebody { padding: 16px 20px 20px; float: none; } .news-list-view .article .news-img-wrap a { display: block; float: none; } .news-list-view .extra { display: none; } .news-list-view .article h3, .news-list-view .article .h3 { margin-bottom: 16px; margin-top: 0; } .news-list-view .article h3 a, .news-list-view .article .h3 a { font-size: 18px; line-height: 22px; font-weight: 500; color: #004F23; } .news-list-view .article .articlebody .footer { display: none; } .news-list-view .article .articlebody .teaser-text a { color: inherit; position: relative; padding-right: 0; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: calc(100% - 1em) 1px; transition: background-size .3s; } .news-list-view .article .articlebody .teaser-text a:hover { background-size: 0 1px; } .news-list-view .article .articlebody .teaser-text a.more { font-size: 18px; line-height: 21px; color: #232323; padding-right: 0; } .news-list-view .article .articlebody .teaser-text a.more:after { content: "\e5c8"; font-family: "Material Icons"; position: relative; font-size: .9em; top: 0; right: 0; } /* Bauchbinde Farbverlauf */ .t3-layout-background-gradient.t3-layout-fullwidth { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .t3-layout-background-gradient.t3-layout-fullwidth .frame-type-ce_columns2.frame-layout-208 { padding-bottom: 0; } .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-4 .frame { padding-top: 0; margin-top: 0; margin-bottom:0;} .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .frame { padding-bottom: 0; margin-bottom: 0; padding-top: 0px; padding-left: 40px;} .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .frame { padding-bottom: 0; margin-bottom: 0; padding-top: 0; padding-left: 0;} .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .frame-type-header { padding-top: 20px; } .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white > .container > .row > .col-12:first-of-type {display: none;} .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .frame {margin-top: 0; margin-bottom:0;} .t3-layout-background-gradient.t3-layout-fullwidth h3 { font-weight: 400; margin-top: 28px; margin-bottom: 26px;} .t3-layout-background-gradient .t3-layout-background-white h1, .t3-layout-background-gradient .t3-layout-background-white h2, .t3-layout-background-gradient .t3-layout-background-white h3, .t3-layout-background-gradient .t3-layout-background-white h4, .t3-layout-background-gradient .t3-layout-background-white h5, .t3-layout-background-gradient .t3-layout-background-white h6, .t3-layout-background-gradient .t3-layout-background-white .h1, .t3-layout-background-gradient .t3-layout-background-white .h2, .t3-layout-background-gradient .t3-layout-background-white .h3, .t3-layout-background-gradient .t3-layout-background-white .h4, .t3-layout-background-gradient .t3-layout-background-white .h5, .t3-layout-background-gradient .t3-layout-background-white .h6, .t3-layout-background-gradient .t3-layout-background-white p, .t3-layout-background-gradient .t3-layout-background-white a, .t3-layout-background-gradient .t3-layout-background-white ul li, .t3-layout-background-gradient .t3-layout-background-white ul li a { color: #232323; margin-top: 0;} .t3-layout-background-gradient .t3-layout-background-white p, .t3-layout-background-gradient .t3-layout-background-white a, .t3-layout-background-gradient .t3-layout-background-white ul li, .t3-layout-background-gradient .t3-layout-background-white ul li a { font-size: 20px; line-height: 1.2; } /* Accordion styles */ .t3-layout-multi-accordion, .t3-layout-single-accordion { margin-top: 35px; margin-bottom: 35px; } .t3-layout-multi-accordion .panelwrapper, .t3-layout-single-accordion .panelwrapper, .t3-layout-multi-accordion .frame-type-ce_container, .t3-layout-single-accordion .frame-type-ce_container {} .t3-layout-multi-accordion .panelwrapper .frame, .t3-layout-single-accordion .panelwrapper .frame, .t3-layout-multi-accordion .frame-type-ce_container .frame, .t3-layout-single-accordion .frame-type-ce_container .frame { margin: 0 0 10px; } .t3-layout-multi-accordion .panelwrapper .frame .ce-textpic, .t3-layout-single-accordion .panelwrapper .frame .ce-textpic, .t3-layout-multi-accordion .frame-type-ce_container .frame .ce-textpic, .t3-layout-single-accordion .frame-type-ce_container .frame .ce-textpic { } .t3-layout-multi-accordion .panelwrapper .frame .ce-textpic .ce-bodytext, .t3-layout-single-accordion .panelwrapper .frame .ce-textpic .ce-bodytext, .t3-layout-multi-accordion .frame-type-ce_container .frame .ce-textpic .ce-bodytext, .t3-layout-single-accordion .frame-type-ce_container .frame .ce-textpic .ce-bodytext { padding: 10px 15px 0; } .t3-layout-multi-accordion .panelwrapper .headerCol header, .t3-layout-single-accordion .panelwrapper .headerCol header, .t3-layout-multi-accordion .frame-type-ce_container header, .t3-layout-single-accordion .frame-type-ce_container header { padding-right: 22px;background-color: #FFD900; position: relative; cursor: pointer; transition: background-color .4s ease-in-out;} .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header { padding-right: 22px;background-color: #efefef; position: relative; cursor: pointer; transition: background-color .4s ease-in-out;} .t3-layout-multi-accordion .panelwrapper .headerCol header:hover, .t3-layout-single-accordion .panelwrapper .headerCol header:hover, .t3-layout-multi-accordion .frame-type-ce_container header:hover, .t3-layout-single-accordion .frame-type-ce_container header:hover { background-color: #e6c400; } .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover { background-color: #636363; } .t3-layout-multi-accordion .panelwrapper .headerCol header:hover span, .t3-layout-single-accordion .panelwrapper .headerCol header:hover span, .t3-layout-multi-accordion .frame-type-ce_container header:hover *, .t3-layout-single-accordion .frame-type-ce_container header:hover * { text-decoration: underline; } .t3-layout-multi-accordion .panelwrapper .headerCol header > *, .t3-layout-single-accordion .panelwrapper .headerCol header > *, .t3-layout-multi-accordion .frame-type-ce_container header > *, .t3-layout-single-accordion .frame-type-ce_container header > * { position: relative; } .t3-layout-multi-accordion .panelwrapper .headerCol header h1, .t3-layout-single-accordion .panelwrapper .headerCol header h1, .t3-layout-multi-accordion .panelwrapper .headerCol header h2, .t3-layout-single-accordion .panelwrapper .headerCol header h2, .t3-layout-multi-accordion .panelwrapper .headerCol header h3, .t3-layout-single-accordion .panelwrapper .headerCol header h3, .t3-layout-multi-accordion .panelwrapper .headerCol header h4, .t3-layout-single-accordion .panelwrapper .headerCol header h4, .t3-layout-multi-accordion .panelwrapper .headerCol header h5, .t3-layout-single-accordion .panelwrapper .headerCol header h5, .t3-layout-multi-accordion .panelwrapper .headerCol header h6, .t3-layout-single-accordion .panelwrapper .headerCol header h6, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h1, .t3-layout-single-accordion .panelwrapper .headerCol header span.h1, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h2, .t3-layout-single-accordion .panelwrapper .headerCol header span.h2, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h3, .t3-layout-single-accordion .panelwrapper .headerCol header span.h3, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h4, .t3-layout-single-accordion .panelwrapper .headerCol header span.h4, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h5, .t3-layout-single-accordion .panelwrapper .headerCol header span.h5, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h6, .t3-layout-single-accordion .panelwrapper .headerCol header span.h6, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h1, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h1, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h2, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h2, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h3, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h3, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h4, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h4, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h5, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h5, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h6, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h6, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h1, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h1, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h2, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h2, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h3, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h3, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h4, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h4, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h5, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h5, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h6, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h6, .t3-layout-multi-accordion .frame-type-ce_container header h1, .t3-layout-single-accordion .frame-type-ce_container header h1, .t3-layout-multi-accordion .frame-type-ce_container header h2, .t3-layout-single-accordion .frame-type-ce_container header h2, .t3-layout-multi-accordion .frame-type-ce_container header h3, .t3-layout-single-accordion .frame-type-ce_container header h3, .t3-layout-multi-accordion .frame-type-ce_container header h4, .t3-layout-single-accordion .frame-type-ce_container header h4, .t3-layout-multi-accordion .frame-type-ce_container header h5, .t3-layout-single-accordion .frame-type-ce_container header h5, .t3-layout-multi-accordion .frame-type-ce_container header h6, .t3-layout-single-accordion .frame-type-ce_container header h6, .t3-layout-multi-accordion .frame-type-ce_container header .h1, .t3-layout-single-accordion .frame-type-ce_container header .h1, .t3-layout-multi-accordion .frame-type-ce_container header .h2, .t3-layout-single-accordion .frame-type-ce_container header .h2, .t3-layout-multi-accordion .frame-type-ce_container header .h3, .t3-layout-single-accordion .frame-type-ce_container header .h3, .t3-layout-multi-accordion .frame-type-ce_container header .h4, .t3-layout-single-accordion .frame-type-ce_container header .h4, .t3-layout-multi-accordion .frame-type-ce_container header .h5, .t3-layout-single-accordion .frame-type-ce_container header .h5, .t3-layout-multi-accordion .frame-type-ce_container header .h6, .t3-layout-single-accordion .frame-type-ce_container header .h6, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h1, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h1, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h2, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h2, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h3, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h3, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h4, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h4, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h5, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h5, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h6, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h6, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h1, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h1, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h2, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h2, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h3, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h3, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h4, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h4, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h5, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h5, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h6, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h6 { font-size: 21px; line-height: 25px; margin: 0; padding: 11px 15px 11px 15px; } .t3-layout-multi-accordion .panelwrapper .headerCol header h1, .t3-layout-single-accordion .panelwrapper .headerCol header h1, .t3-layout-multi-accordion .panelwrapper .headerCol header h2, .t3-layout-single-accordion .panelwrapper .headerCol header h2, .t3-layout-multi-accordion .panelwrapper .headerCol header h3, .t3-layout-single-accordion .panelwrapper .headerCol header h3, .t3-layout-multi-accordion .panelwrapper .headerCol header h4, .t3-layout-single-accordion .panelwrapper .headerCol header h4, .t3-layout-multi-accordion .panelwrapper .headerCol header h5, .t3-layout-single-accordion .panelwrapper .headerCol header h5, .t3-layout-multi-accordion .panelwrapper .headerCol header h6, .t3-layout-single-accordion .panelwrapper .headerCol header h6, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h1, .t3-layout-single-accordion .panelwrapper .headerCol header span.h1, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h2, .t3-layout-single-accordion .panelwrapper .headerCol header span.h2, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h3, .t3-layout-single-accordion .panelwrapper .headerCol header span.h3, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h4, .t3-layout-single-accordion .panelwrapper .headerCol header span.h4, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h5, .t3-layout-single-accordion .panelwrapper .headerCol header span.h5, .t3-layout-multi-accordion .panelwrapper .headerCol header span.h6, .t3-layout-single-accordion .panelwrapper .headerCol header span.h6, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header h1, .t3-layout-single-accordion .frame-type-ce_container .headerCol header h1, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header h2, .t3-layout-single-accordion .frame-type-ce_container .headerCol header h2, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header h3, .t3-layout-single-accordion .frame-type-ce_container .headerCol header h3, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header h4, .t3-layout-single-accordion .frame-type-ce_container .headerCol header h4, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header h5, .t3-layout-single-accordion .frame-type-ce_container .headerCol header h5, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header h6, .t3-layout-single-accordion .frame-type-ce_container .headerCol header h6, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header span.h1, .t3-layout-single-accordion .frame-type-ce_container .headerCol header span.h1, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header span.h2, .t3-layout-single-accordion .frame-type-ce_container .headerCol header span.h2, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header span.h3, .t3-layout-single-accordion .frame-type-ce_container .headerCol header span.h3, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header span.h4, .t3-layout-single-accordion .frame-type-ce_container .headerCol header span.h4, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header span.h5, .t3-layout-single-accordion .frame-type-ce_container .headerCol header span.h5, .t3-layout-multi-accordion .frame-type-ce_container .headerCol header span.h6, .t3-layout-single-accordion .frame-type-ce_container .headerCol header span.h6 { color: #323232; transition: color .4s ease-in-out; } .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h1, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h1, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h2, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h2, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h3, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h3, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h4, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h4, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h5, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h5, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header h6, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header h6, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h1, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h1, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h2, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h2, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h3, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h3, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h4, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h4, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h5, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h5, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header span.h6, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header span.h6, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h1, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h1, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h2, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h2, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h3, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h3, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h4, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h4, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h5, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h5, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header h6, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header h6, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h1, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h1, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h2, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h2, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h3, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h3, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h4, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h4, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h5, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h5, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header .h6, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header .h6 { color: #004F23; transition: color .4s ease-in-out; } .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover h1, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover h1, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover h2, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover h2, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover h3, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover h3, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover h4, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover h4, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover h5, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover h5, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover h6, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover h6, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h1, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h1, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h2, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h2, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h3, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h3, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h4, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h4, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h5, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h5, .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h6, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover span.h6, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover h1, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover h1, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover h2, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover h2, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover h3, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover h3, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover h4, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover h4, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover h5, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover h5, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover h6, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover h6, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover span.h1, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover span.h1, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover span.h2, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover span.h2, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover span.h3, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover span.h3, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover span.h4, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover span.h4, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover span.h5, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover span.h5, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover span.h6, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover span.h6 { color: #ffffff; } .t3-layout-multi-accordion .panelwrapper .headerCol header:after, .t3-layout-single-accordion .panelwrapper .headerCol header:after, .t3-layout-multi-accordion .frame-type-ce_container header:after, .t3-layout-single-accordion .frame-type-ce_container header:after { width: auto; height: auto; content:"\e145"; font-family: "Material Icons"; font-size: 25px; color: #232323; display: inline-block; float: none; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); transition: transform .25s ease-in-out, color .4s ease-in-out; } .t3-layout-multi-accordion .panelwrapper .headerCol header.active:after, .t3-layout-single-accordion .panelwrapper .headerCol header.active:after, .t3-layout-multi-accordion .frame-type-ce_container header.active:after, .t3-layout-single-accordion .frame-type-ce_container header.active:after { content:"\e15b"; } .t3-layout-multi-accordion.accordion_gray .panelwrapper .headerCol header:hover:after, .t3-layout-single-accordion.accordion_gray .panelwrapper .headerCol header:hover:after, .t3-layout-multi-accordion.accordion_gray .frame-type-ce_container header:hover:after, .t3-layout-single-accordion.accordion_gray .frame-type-ce_container header:hover:after { color: #ffffff; } .t3-layout-single-accordion .panelwrapper .col-12 .section-group, .t3-layout-multi-accordion .panelwrapper .col-12 .section-group, .t3-layout-single-accordion .frame-type-ce_container .col-12 .section-group, .t3-layout-multi-accordion .frame-type-ce_container .col-12 .section-group { margin-bottom: 10px; } .t3-layout-single-accordion .panelwrapper .col-12 .section-group:last-of-type, .t3-layout-multi-accordion .panelwrapper .col-12 .section-group:last-of-type, .t3-layout-single-accordion .frame-type-ce_container .col-12 .section-group:last-of-type, .t3-layout-multi-accordion .frame-type-ce_container .col-12 .section-group:last-of-type { margin-bottom: 0; } /* hide specials */ select.selectpicker, .page_tools { display: none; } /* fixed personnel */ .frame-type-personnel_selected {} .col-lg-3.offset-lg-1 aside.layAside { transition: opacity .4s ease-in-out; opacity: 1; } .col-lg-3.offset-lg-1 aside.layAside.fix-personnel { position: fixed; top: 147px; } .col-lg-3.offset-lg-1 aside.layAside.hide-personnel { opacity: 0; pointer-events: none; } /* Horizontal rulers */ hr.ce-div { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 3px solid #004F23; } .modal hr.ce-div { margin-top: 0; margin-bottom: 1rem; border: 0; border-top: 2px solid #ffffff; opacity: 1; } /* Main menu styles */ #main-menu ul.level_1 {} #main-menu ul.level_1 li { display: inline-block; } #main-menu ul.level_2 { display: none; } /* a11y menu css */ /* Javascript classes */ #main-menu ul .js-hideElement { display: none!important; } #main-menu ul .js-showElement { display: block!important; } /* Overlay Captiom if set */ .caption.blast-root { position: absolute; background-color: transparent; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; max-height:370px; } .caption.blast-root .container { position: relative; height: 100%; width: 100%;} .caption.blast-root .container .innerBlast-root { position: absolute; bottom: 0; left: 15px; padding: 27px 35px 31px; background-color: rgba(255,255,255,0.9); width: 100%; max-width: 460px;} .caption.blast-root .container .innerBlast-root:empty { display: none; } .caption.blast-root .container .innerBlast-root a, .caption.blast-root .container .innerBlast-root span.blast { color: rgba(35, 35, 35, 1); display: block;} .caption.blast-root .container .innerBlast-root span.blast:nth-of-type(1) { font-size: 38px; line-height: 45px; font-weight: 400; margin-bottom: 22px; } .caption.blast-root .container .innerBlast-root span.blast:nth-of-type(2) { font-size: 18px; line-height: 21px; margin-bottom: 22px; } .caption.blast-root .container .innerBlast-root a, .caption.blast-root .container .innerBlast-root span.blast:nth-of-type(3), .caption.blast-root .container .innerBlast-root a span.blast:nth-of-type(1) { font-size: 18px; line-height: 21px; margin-bottom: 0; padding-right: 18px; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: calc(100% - 18px) 1px; transition: background-size .3s; position: relative; display: inline-block; } .caption.blast-root .container .innerBlast-root a:after, .caption.blast-root .container .innerBlast-root span.blast:nth-of-type(3):after, .caption.blast-root .container .innerBlast-root a span.blast:nth-of-type(1):after { content: "\e5cc"; font-family: "Material Icons"; position: absolute; font-size: .9em; top: 0; right: 0; } .caption.blast-root .container .innerBlast-root a:hover, .caption.blast-root .container .innerBlast-root span.blast:nth-of-type(3):hover, .caption.blast-root .container .innerBlast-root a span.blast:nth-of-type(1):hover { background-size: 0% 1px; } /* Main Nav Styles */ #main-menu { font-size: 1.125rem; } #main-menu ul.main-menu {} #main-menu ul.main-menu li {} #main-menu ul.main-menu li a {} #main-menu ul.main-menu li a:after { content: none; } /* Top Nav Styles */ ul.top-nav { width: auto; clear: both; overflow: hidden; margin-bottom: 0; font-size: 1rem; padding-top: .5rem; padding-bottom: .5rem;} ul.top-nav li { display: block; float: left;margin-right: 1.5em;} ul.top-nav li:last-child { margin-right: 0;} ul.top-nav li a { color: #232323; background-image: none; text-decoration: underline;} ul.top-nav li a:hover { text-decoration: none;} ul.top-nav li a:before { content: none; color: #808080;} ul.top-nav li a:after { content: none; } ul.top-nav li:nth-of-type(1) a, ul.top-nav li:nth-of-type(2) a, ul.top-nav li:nth-of-type(3) a, ul.top-nav li:nth-of-type(4) a { padding-left: 20px; padding-right: 0; } ul.top-nav li:nth-of-type(3) a, ul.top-nav li:nth-of-type(4) a { padding-left: 24px; padding-right: 0; } ul.top-nav li:nth-of-type(1) a:before { content: "\e245"; font-family: "Material Icons"; position: absolute; font-size: 1.2em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(2) a:before { content: "\e7fd"; font-family: "Material Icons"; position: absolute; font-size: 1.2em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(3) a:before { content: "\f1ea"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(4) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(5) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(6) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(7) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(8) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(9) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(10) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(11) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } ul.top-nav li:nth-of-type(12) a:before { content: "\f0b1"; font-family: "FontAwesome"; position: absolute; font-size: 1.1em; top: 50%; transform: translateY(-50%); left: 0; } /* Top Nav Right */ ul.top-nav.top-nav-right li a:before { content: none; } ul.top-nav-right li:last-child a { padding-left: 0; padding-right: 1em; } ul.top-nav-right li:last-child a:after { content: "\e5c8"; position: absolute; top: 0; } /* top nav left - issue nav */ /*.issuenav ul.top-nav.top-nav-left { scroll-snap-type: x mandatory; overflow-x: scroll; display: flex; flex-wrap: nowrap; position: relative; } .issuenav ul.top-nav.top-nav-left:before, .issuenav ul.top-nav.top-nav-left:after { content:""; position: absolute; top: 50%; transform: translateY(-50%); } .issuenav ul.top-nav.top-nav-left li { flex: 1 0 calc(100% / 8); } .issuenav ul.top-nav.top-nav-left li a { } .issuenav ul.top-nav.top-nav-left li:nth-of-type(1) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(2) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(3) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(4) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(5) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(6) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(7) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(8) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(9) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(10) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(11) a, .issuenav ul.top-nav.top-nav-left li:nth-of-type(12) a { padding-left: 20px; padding-right: 0; } @media screen and (min-width: 992px) { .issuenav ul.top-nav.top-nav-left { scroll-snap-type: x mandatory; overflow-x: scroll; } .issuenav ul.top-nav.top-nav-left:before, .issuenav ul.top-nav.top-nav-left:after { content: ""; font-family: "FontAwesome"; font-size: 1em; position: absolute; pointer-events: none; color: #fff; top: 7px; } /*.issuenav ul.top-nav.top-nav-left:before { content: "\f104"; left: -.125em; } .issuenav ul.top-nav.top-nav-left:after { content: "\f105"; right: -.125em; }*/ .issuenav ul.top-nav.top-nav-left li { scroll-snap-align: start; flex: 1 0 calc(25% - 1.5em); max-width: calc(25% - 1.5em); margin: 0; } } @media screen and (min-width: 1024px) { .issuenav ul.top-nav.top-nav-left li { scroll-snap-align: start; flex: 1 0 calc(22.5% - 1.5em); max-width: calc(22.5% - 1.5em); margin: 0; } } @media screen and (min-width: 1280px) { .issuenav ul.top-nav.top-nav-left li { scroll-snap-align: start; flex: 1 0 calc(20% - 1.5em); max-width: calc(20% - 1.5em); margin: 0; } }*/ /* Prefooter Nav Styles */ .prefooter { background-color: #efefef; } .prefooter .prefooter-wrapper {} .prefooter .prefooter-wrapper a.prefooter-link { color: #232323; font-size: 1rem; text-decoration: underline } .prefooter .prefooter-wrapper a.prefooter-link:hover { color: #232323; text-decoration: none; } /* Footer Nav Styles */ ul.footer-nav { width: 100%; font-size: 1rem; -webkit-columns: 2; columns: 2; } ul.footer-nav li { display: block; padding: 00; border: none; color: #ffffff; } ul.footer-nav li a { color: #ffffff; text-decoration: underline; background-image: none; padding: 0; } ul.footer-nav li a:hover { text-decoration: none; } ul.footer-nav li a:after { content: none; } ul.footer-nav li a, ul.footer-nav li:last-child a { border: none; } ul.footer-nav li:last-of-type { border: none; } @media screen and (min-width: 576px) { ul.footer-nav { -webkit-columns: 1; columns: 1; } ul.footer-nav li { display: inline-block; padding: 0 24px; border-right: 1px solid #ffffff; margin-bottom: 5px; } ul.footer-nav li a {} } /* Slick dots */ .slick-dots li button:before { border-radius: 50%; border: 2px solid #004f23; color: transparent; opacity: 1; } .slick-dots li.slick-active button:before { border-radius: 50%; border: 2px solid #004f23; color: transparent; opacity: 1; background: rgb(255,217,0); background: -moz-radial-gradient(circle, rgba(255,217,0,1) 45%, rgba(255,255,255,1) 45%); background: -webkit-radial-gradient(circle, rgba(255,217,0,1) 45%, rgba(255,255,255,1) 45%); background: radial-gradient(circle, rgba(255,217,0,1) 45%, rgba(255,255,255,1) 45%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd900",endColorstr="#ffffff",GradientType=1); } /* Blockquote */ blockquote { font-style: normal; color: #004F23; margin: 40px 0; font-family: "Univers Condensed", Verdana, Arial, sans-serif; font-weight: 400; padding: 20px 20px 24px 80px; position: relative; overflow: hidden; background-color: #efefef; line-height: 1.3; } blockquote p:first-of-type { font-size: 2rem; font-weight: 400; line-height: 1.3; font-style: normal; color: #004f23; } blockquote:before { content: "\e244"; font-family: 'Material Icons'; position: absolute; left: 10px; top: 0px; font-size: 4rem; } blockquote cite { font-size: 1.5rem; display: block; color: #232323; text-transform: none; font-style: normal; font-weight: 400; margin-top: 10px; } /* Search field */ .modal form.search { display: block; margin: 0 auto; max-width: 600px; } .modal form.search .collapse { display: block; margin:0; } .modal form.search .collapse .small-10 { width: calc(100% - 40px); display: inline-block; vertical-align: middle; padding-left: 32px; position: relative; } .modal form.search .collapse .small-10:before { content: "\e8b6"; font-family: "Material Icons"; color: #ffffff; width: 32px; height: 32px; font-size: 32px; position: absolute; left: 0; line-height: 1; } .modal form.search .collapse .small-10 .tt-input { border: none; border-bottom: 2px solid #ffffff; background-color: #636363; color: #ffffff; } .modal form.search .collapse .small-10 input { border: none; border-bottom: 2px solid #ffffff; background-color: #636363; color: #ffffff; width: 100%; } .modal form.search .collapse .small-10 input::placeholder { color: #ffffff; } .modal form.search .collapse .small-2 { width: 35px; display: inline-block; vertical-align: middle; } .modal form.search .collapse .small-2 button { width: 35px; height: 35px; margin-left: -1px; border: none; background-color: transparent; transition: all .5s ease-in-out; position: relative; display: block; } .modal form.search .collapse .small-2 button i { display: none; visibility: hidden; opacity: 0; } .modal form.search .collapse .small-2 button:before { content:"\e5c8"; font-family: "Material Icons"; font-size: 32px; font-weight: 400; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; pointer-events: none; } /* Search results */ .tx-indexedsearch_info_sword {} .tx-indexedsearch-reswrap .tx-indexedsearch-res { padding: 25px 25px 15px; background: #ffffff; margin-bottom: 25px; } .tx-indexedsearch-reswrap .tx-indexedsearch-res:last-of-type { margin-bottom: 0; } .tx-indexedsearch-res { } .tx-indexedsearch-res h3 { } .tx-indexedsearch-reswrap .tx-indexedsearch-res h3 { margin-top: 0; } .tx-indexedsearch-res h3 span.tx-indexedsearch-icon { } .tx-indexedsearch-res h3 span.tx-indexedsearch-icon img { max-width: 18px; width: 18px; display: inline-block; } .tx-indexedsearch-res h3 span.tx-indexedsearch-title { } .tx-indexedsearch-res h3 span.tx-indexedsearch-title a { color: #004F23; text-decoration: underline; } .tx-indexedsearch-res h3 span.tx-indexedsearch-title a { color: #004F23; text-decoration: none; } .tx-indexedsearch-res h3 span.tx-indexedsearch-percent { } .tx-indexedsearch-res p.tx-indexedsearch-description { } .tx-indexedsearch-res dl.tx-indexedsearch-info { } .tx-indexedsearch-text-item-size, .tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-mtime, dt.tx-indexedsearch-text-item-path { display: none; } .tx-indexedsearch-info-sword {} .tx-indexedsearch-info-sword .searchedWord { color: #004F23; font-weight: 500; } ul.tx-indexedsearch-browsebox { list-style: none; } ul.tx-indexedsearch-browsebox li { color: #191919; padding: 0; background-color: #efefef; display: inline-block; margin-right: 10px; } ul.tx-indexedsearch-browsebox li:before { content: none; } ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage { color: #191919; padding: 0; background-color: #FFD900; } ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage strong { font-weight: inherit; } ul.tx-indexedsearch-browsebox li a { padding-right: 0; padding: 4px 8px; display: block; background: none; text-decoration: underline; } ul.tx-indexedsearch-browsebox li a:after { content: none; } ul.tx-indexedsearch-browsebox li a:hover { text-decoration: none; } /* Comsolit Suggest */ .tt-menu { width: 100%;border: 1px solid #232323; border-top: none;} .tt-menu .tt-dataset {} .tt-menu .tt-dataset .tt-suggestion { color: #232323; padding: 2px 8px;} .tt-menu .tt-dataset .tt-suggestion .tt-highlight {} .tt-menu .tt-dataset .tt-suggestion:hover, .tt-menu .tt-dataset .tt-suggestion.tt-cursor { background-color: #004F23; color: #ffffff;} /* Focuspoint rules */ .focuspoint { height: 62.22222vw; max-height: 560px; position: relative; display: block; } @media screen and (min-width: 768px) { .focuspoint { max-height: 480px; } } @media screen and (min-width: 992px) { .focuspoint { height: 50vw; max-height: 620px; } } @media screen and (min-width: 1200px) { .focuspoint { height: 33.3333vw; max-height: 100%; } } @media screen and (min-width: 1920px) { .focuspoint { height: 19.5vw; } } @media screen and (min-width: 0) and (max-width: 991px) { .focuspoint + .caption.blast-root { position: static; max-height: 100%; bottom: 15px; } .focuspoint + .caption.blast-root .container { position: static; background-color: #ffffff; } .focuspoint + .caption.blast-root .container .innerBlast-root { position: static; left: 0; padding: 27px 0px 31px; max-width: 100%; } } @media screen and (min-width: 992px) { .focuspoint + .caption.blast-root { max-height: 100%; } .focuspoint + .caption.blast-root .innerBlast-root { bottom: 15px; } } /* Special rules */ #page_236 .frame-type-personnel_selected { clear: both; } #page_236 .frame-type-personnel_selected:before, #page_236 .frame-type-personnel_selected:after { display: table-cell; content:""; clear: both; } #page_236 .personnel { -webkit-columns: 1; columns: 1; float: none; } #page_236 .personnel .person.listitem { float: left; } @media screen and (min-width: 768px) { #page_236 .personnel { -webkit-columns: 2; columns: 2; float: none; } #page_236 .personnel .person.listitem { float: none; } #page_236 .personnel .person.listitem.last { margin-bottom: 3em; } } /* zoom images on hover */ .row .col-12.col-sm-6.col-md-4.col-lg-4.my-col .ce-textpic .ce-gallery { margin-bottom: 10px; overflow: hidden; } .row .col-12.col-sm-6.col-md-4.col-lg-4.my-col .ce-textpic .ce-gallery img { transition: transform .4s ease-in-out; margin-bottom: 0; } .row .col-12.col-sm-6.col-md-4.col-lg-4.my-col .ce-textpic:hover .ce-gallery img { transform: scale3d(1.05,1.05,1); } /* Tabellenstile */ body .page-wrapper table.ce-table {} body .page-wrapper table.ce-table caption { font-size: .875em; color: #232323; } body .page-wrapper table.ce-table.ce-table-striped {} body .page-wrapper table.ce-table thead, body .page-wrapper table.ce-table.ce-table-striped thead { color: #004F23; } body .page-wrapper table.ce-table.ce-table-striped thead tr { border: none; background-color: transparent; } body .page-wrapper table.ce-table thead tr th { font-weight: 500; } body .page-wrapper table.ce-table.ce-table-striped thead tr th { border: none; } /* Gallerie Hover Caption */ .t3-layout-media-hover-caption-blur .image{ position: relative; cursor: pointer; } .t3-layout-media-hover-caption-blur .image:hover .image-caption { opacity: 1; height: 100%; } .t3-layout-media-hover-caption-blur .ce-row{ margin-bottom: 0; } .t3-layout-media-hover-caption-blur .ce-column{ margin-bottom: 10px; } .t3-layout-media-hover-caption-blur .image .image-caption { position: absolute; z-index: 1; bottom: 0; height: 0; width: 100%; display: flex; padding: 14px; background: #ffffffa6; word-wrap: break-word; backdrop-filter: blur(2px); font-weight: 500; flex-direction: column; flex-wrap: nowrap; justify-content: center; text-align: center; font-size: 1.3rem; transition: ease all .5s; opacity: 0; } @media screen and (min-width: 768px) { body .page-wrapper table.ce-table.ce-table-striped thead tr th { white-space: nowrap; } } body .page-wrapper table.ce-table.ce-table-striped tbody tr { border: none; } body .page-wrapper table.ce-table.ce-table-striped tbody tr:nth-of-type(odd) { background-color: #eeeeee; } body .page-wrapper table.ce-table.ce-table-striped tbody tr:nth-of-type(even) { background-color: transparent; } body .page-wrapper table.ce-table.ce-table-striped tbody tr td { border: none; } body .page-wrapper table.ce-table.ce-table-striped tbody tr:last-of-type { border-bottom: 2px solid #eeeeee; } body .page-wrapper table { width:100%; } /* mobile tables */ @media screen and (max-width: 991px) { body .page-wrapper .frame-type-table { position: relative; padding-top: 1em; } body .page-wrapper table.ce-table { display: block; overflow-x: scroll; } body .page-wrapper .frame-type-table:before { content: "Hinweis \A Diese Tabelle lässt sich horizontal scrollen."; font-size: 13px; font-weight: 700; position: absolute; top: 0; left: 0; } } @media screen and (max-width: 767px) { body .page-wrapper .frame-type-table { position: relative; padding-top: 1em; } body .page-wrapper table.ce-table { display: block; overflow-x: scroll; } body .page-wrapper .frame-type-table:before { content: "Hinweis \A Diese Tabelle lässt sich horizontal scrollen."; font-size: 13px; font-weight: 700; position: absolute; top: 0; left: 0; } } /* new global footer block */ .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-8, .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-4 { align-self: start!important; } .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-8 .frame-type-header, .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-4 .frame-type-header, .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-8 .frame-type-textmedia, .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-4 .frame-type-textmedia { padding-left: 0; } .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-8 .frame-type-textmedia, .t3-layout-background-gradient.t3-layout-fullwidth .col-lg-8 .t3-layout-background-white .col-lg-4 .frame-type-textmedia { padding-top: 0; } /* table, td, tr, th { border:2px solid black; border-collapse: collapse; text-align: left; } td, tr, th { padding:1em; } th { background:#eee; font-weight: bold; } */ /*@media screen and (max-width:767px) { body:not(.ie11) .page-wrapper table, tr, td { padding:0; border:1px solid black; } body:not(.ie11) .page-wrapper table { border:none; } body.ie11 .page-wrapper table { overflow-x: scroll; } body:not(.ie11) .page-wrapper thead { display:none; } body:not(.ie11) .page-wrapper tr { float: left; width: 100%; margin-bottom: 2.5em; } body:not(.ie11) .page-wrapper table.ce-table.ce-table-striped tbody tr:nth-of-type(odd), body:not(.ie11) .page-wrapper table.ce-table.ce-table-striped tbody tr:nth-of-type(even) { background-color: transparent; border-bottom: 1px solid #bebebe; padding-bottom: 1.25em; margin-bottom: 1.5em; } body:not(.ie11) .page-wrapper td { float: left; width: 100%; padding:1em; } body:not(.ie11) .page-wrapper table.ce-table.ce-table-striped tbody tr td:nth-of-type(odd) { background-color: #eeeeee; } body:not(.ie11) .page-wrapper table.ce-table.ce-table-striped tbody tr td:nth-of-type(even) { background-color: transparent; } body:not(.ie11) .page-wrapper td:before, body:not(.ie11) .page-wrapper td::before { content:attr(data-label); word-wrap: break-word; background: transparent; color: #004F23; width: 30%; float: left; padding: 0 .75em .5em 0; font-weight: bold; margin: 0 1em 0 0; } }*/ /* --- */ @media screen and (max-width: 719px) { .accessibility-widget { bottom: 80px; } } /* specific rules for BKKGB */ [theme="dark"] .t3-layout-opener { border: 1px solid #ffffff; } [theme="dark"] #pagetop { background: #222530; } [theme="dark"] #pagetop .top-nav-wrapper { background: #222530; } [theme="dark"] #pagetop #main-menu li:hover > ul.level_2, [theme="dark"] #pagetop #main-menu li:focus > ul.level_2, [theme="dark"] #pagetop #main-menu ul.level_2.js-showElement { background: #222530; } [theme="dark"] .t3-layout-background-quarternary { background: #222530; } [theme="dark"] .t3-layout-background-sextiary, [theme="dark"] .t3-layout-background-septiary { background: #222530; border: 1px solid #ffffff; } [theme="dark"] .searchedWord { color: #FFD900; } [theme="dark"] .swiper-pagination { background: #222530; } [theme="dark"] .main-content-section { background-color: #222530; } [theme="dark"] .prefooter-section .prefooter { background-color: #222530; } [theme="dark"] .prefooter-section { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } [theme="dark"] .tx-indexedsearch-reswrap .tx-indexedsearch-res { background-color: #222530; border: 1px solid #ffffff;} [theme="dark"] .t3-layout-background-gradient.t3-layout-fullwidth, [theme="dark"] .t3-layout-background-gradient.t3-layout-fullwidth .t3-layout-background-white { background: #222530; } [theme="dark"] .personnel .listitem .text span { color: #ffffff; } [theme="dark"] .personnel .icon path { fill: #ffffff; } [theme="dark"] ul.tx-indexedsearch-browsebox li a { color: #232323!important; } [theme="dark"] .news-list-view .article .news-img-wrap, [theme="dark"] .news-list-view .article .articlebody, [theme="dark"] .slick-slider .slick-list .slick-track .slick-slide .frame-type-textmedia .ce-bodytext { background: #222530; border: 1px solid #ffffff;} [theme="dark"] .news-list-view .article .news-img-wrap { border-bottom: none; } [theme="dark"] .news-list-view .article .articlebody { border-top: none; } [theme="dark"] .main-content .tx-ozp-contentfilter ul.tab-link li { color: #232323!important; } [theme="dark"] .tx-ozp-contentfilter .contentcontener { background: #222530; } [theme="dark"] .tx-ozp-contentfilter .contentcontener .items-cfilter { background: #222530; border: 1px solid #ffffff; } [theme="dark"] blockquote { background: #222530; color: #ffffff; border: 1px solid #fff;} [theme="dark"] blockquote cite { color: #ffffff; } [theme="dark"] .accessibility-popup .popup-body .popup-reset, [theme="dark"] .accessibility-popup .popup-body .accessibility-options h6 { color: #ffffff; } [theme="dark"] .col-12.col-lg-3.offset-lg-1 { background-color: #222530; } [theme="dark"] .headerCol header h1, [theme="dark"] .headerCol header h2, [theme="dark"] .headerCol header h3, [theme="dark"] .headerCol header h4, [theme="dark"] .headerCol header h5, [theme="dark"] .headerCol header h6, [theme="dark"] .headerCol header .h1, [theme="dark"] .headerCol header .h2, [theme="dark"] .headerCol header .h3, [theme="dark"] .headerCol header .h4, [theme="dark"] .headerCol header .h5, [theme="dark"] .headerCol header .h6 { color: #ffffff; } [theme="monochrome"] #main-menu ul.level_2, [theme="monochrome"] #main-menu ul.level_2.js-showElement { width: auto; text-align: left; position: absolute; } [theme="monochrome"] #main-menu ul.level_2 li { display: block; } /*Bugfix Mp4 content 2023-07-20 ed*/ .t3-layout-media-mp4 .ce-gallery{ margin-bottom: -7px; } .t3-layout-media-mp4 .frame-type-textmedia{ margin-top: 8px; } .header-content .swiper-pagination{ display:none; } /* onlimChat styles and overrides */ body:has(#onlim-chat-widget-trigger) #CookiebotWidget { transition: all .5s ease; bottom: 90px; } body:has(#onlim-chat-widget-trigger) .scroll-to-top {bottom: 150px;right: 20px;} @media screen and (max-width: 719px) { body:has(#onlim-chat-widget-trigger) #CookiebotWidget { bottom: 140px; } body:has(#onlim-chat-widget-trigger) .scroll-to-top { bottom: 200px; right: 20px; } #onlim-chat-widget-trigger { bottom: 64px!important; } } @media screen and (max-width: 600px) { body:has(#onlim-chat-widget-trigger) #CookiebotWidget { bottom: 140px; right: 10px; } body:has(#onlim-chat-widget-trigger) .scroll-to-top { bottom: 200px; right: 10px; } body:has(#onlim-chat-widget-trigger) #onlim-chat-widget-trigger { bottom: 64px!important; right: 10px; } } /* captcha field */ input#powermail_field_sicherheitsfrage { width: 100%; } input#powermail_field_sicherheitsfrage + img { height: 100%; max-height: 40px!important; width: auto; position: absolute; right: 0; } /* epa dse */ #page_239 u { text-decoration: none; } #page_239 .layMain p a:after, #page_239 .layMain p li:after, #page_239 .layMain p a::after, #page_239 .layMain p li::after { content: none; background-size: 100% 1px; } #page_239 .layMain p a:not(.btn), #page_239 .layMain li a:not(.btn) { content: none; background-size: 100% 1px; } #page_239 .layMain p a:not(.btn)::after, #page_239 .layMain li a:not(.btn)::after { content: none; } #page_239 .layMain p a:not([href*=".bkk-gb."]):not([href^="tel:"]):not([href^="mailto"]):after { content: none; } #page_239 .main-content .layMain ol { counter-reset: none; padding: initial; padding-left: 0px; list-style: normal; list-style-position: inside; } #page_239 .main-content .layMain ol li { counter-increment: none; padding-left: 0!important; } #page_239 .main-content .layMain ol li::before { content: none; margin: 0; } #page_239 .main-content .layMain ol li ol { padding-left: 10px; } #page_239 .main-content .layMain ol li ol li { padding-left: 10px; } #page_239 .main-content .layMain span.Hyperlink { display: inline-block; } #page_239 .main-content .layMain span.Hyperlink ~ .Hyperlink { margin-left: .5em; } #page_239 .main-content .layMain ol li.berschrift1-Info > a:last-of-type { font-size: 1.125em; font-weight: 500; } #page_239 .main-content .layMain ol li.berschrift2-Info > a { font-size: 1em; font-weight: 500; }