/*2025-09-08-14:38:20*/@import url("https://fonts.verwaltungsportal.de/import/?family=Jost:400,400i,500,500i,600,600i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #f0f0f0;scroll-behavior: smooth;scroll-padding-top: clamp(100px, 12vw, 180px);scrollbar-color: #1d70b8 #ffffff;scrollbar-width: thin;}body {font-family: "Jost", sans-serif;font-weight: 400;color: #666666;background: #ffffff;font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a,a:is(:hover, :focus) {color: #1d70b8;}a:is(:hover, :focus),:is(#content, #flip-tabs, #push-tabs, footer .template-page) a {text-decoration: underline;}#content a {font-style: italic;}b,strong {font-weight: 600;}@media (min-width: 3px) {.row,.compact,._op-container .container {max-width: 1440px;width: 100%;}}#logo {display: inline-block;}@media (min-width: 2px) {#logo {padding: 15px 0;}}#logo img {display: block;}@media (min-width: 2px) {nav.horizontally {position: sticky;top: 0;z-index: 1010;background: #ffffff;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);}nav.horizontally .navbar-nav {padding-left: clamp(20px, 2.5vw, 40px);flex: 1 0 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}nav.horizontally .navbar-nav ul {position: absolute;top: 100%;left: 0;z-index: 1000;display: block !important;pointer-events: none;opacity: 0;visibility: hidden;transition: opacity 300ms linear;}nav.horizontally .navbar-nav [class*="secondlevel"]>ul {left: 100%;top: 0;}nav.horizontally .navbar-nav li {position: relative;}nav.horizontally .navbar-nav li:is(.open, :hover)>ul,nav.horizontally .navbar-nav li.open:focus-within>ul,nav.horizontally .navbar-nav li[class*="secondlevel"]>ul[style*="block"] {pointer-events: auto !important;opacity: 1 !important;visibility: visible;}nav.horizontally .navbar-nav li.open>ul {pointer-events: none !important;opacity: 0 !important;visibility: hidden;}nav.horizontally .navbar-nav li:is(:hover, :focus)>ul {z-index: 1003;}}nav.horizontally a[class*="toplevel"] {color: #222222;font-weight: 400;text-align: left;padding: 13px 17px;position: relative;font-size: 1.125rem;line-height: 1.2;text-decoration: none;}@media (min-width: 2px) {nav.horizontally li[class*="toplevel"]+li {margin-left: 15px;}nav.horizontally a[class*="toplevel"] {text-align: center;padding: 15px 0;}nav.horizontally li[class*="toplevel"]>ul::after {content: "";position: absolute;pointer-events: none;top: -20px;left: 15px;width: 2px;height: 0;margin: auto;background: #1d70b8;transition: height 300ms linear;}nav.horizontally li[class*="toplevel"]>ul:is(:hover, :focus-within)::after {height: 58px;}}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within)>a,nav.horizontally li[class*="toplevel"]>a:is(:hover, :focus),nav.horizontally li[class*="toplevel"].open>a,nav.horizontally li[class*="toplevel"].open>a:is(:hover, :focus),nav.horizontally li[class*="toplevel"][class*="_over"]>a,nav.horizontally li[class*="toplevel"][class*="_over"]>a:is(:hover, :focus) {color: #1d70b8;}nav.horizontally [class*="toplevel"] ul {background-color: #fbfafa;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}@media (min-width: 2px) {nav.horizontally [class*="toplevel"] ul {padding: 14px 0}nav.horizontally [class*="toplevel"]>ul {margin-top: 10px;left: -15px;}nav.horizontally [class*="secondlevel"]>ul {margin-top: -14px;margin-left: 15px;}nav.horizontally [class*="toplevel"] ul::before {content: "";position: absolute;display: block;}nav.horizontally [class*="toplevel"]>ul::before {height: 10px;left: 0;right: 0;top: -10px;}nav.horizontally [class*="secondlevel"]>ul::before {width: 15px;top: 0;bottom: 0;left: -15px;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {position: relative;color: #666666;font-weight: 400;text-align: left;padding: 8px 30px;font-size: 1rem;line-height: 1.2;text-decoration: none;}@media (min-width: 2px) {nav.horizontally li[class*="secondlevel"]>ul::after {content: "";position: absolute;pointer-events: none;top: 15px;left: -10px;width: 0;height: 2px;margin: auto;background: #1d70b8;transition: width 300ms linear;}nav.horizontally li[class*="secondlevel"]>ul:is(:hover, :focus-within)::after {width: 50px;}}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within)>a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])>a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open>a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open>a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"]>a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"]>a:is(:hover, :focus) {color: #1d70b8;}.phoneContact {font-size: clamp(1rem, 2.5vw, 1.5rem);font-weight: 500;color: #ffffff;padding: 70px 15px 15px 15px;text-align: center;background: #1d70b8 url('../img/telefon-icon.svg') center top 14px / 52px auto no-repeat;}@media (min-width: 2px) {.phoneContact {margin-left: clamp(30px, 4vw, 60px);width: 210px;}}#slider {height: 300px;position: relative;}#slider>* {height: 100% !important;}@media (min-width: 1px) {.index #slider {height: 100% !important;}.index #headerpic .slider-wrapper {height: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 50%;}#headerpic .nivo-directionNav a {z-index: 61;}}@media (min-width: 2px) {.index #headerpic .slider-wrapper {left: calc(50% - 70px);}#headerpic a.nivo-prevNav {left: 65px;}.index #headerpic a.nivo-prevNav {left: 110px;}#headerpic a.nivo-nextNav {right: 65px;}}@media (min-width: 3px) {.index #headerpic .slider-wrapper {left: calc(50% - 120px);}}#headerpic {padding: 0;overflow: hidden;position: relative;background: #222222;min-height: 300px;}.slider-mask {display: block;top: 0;left: 0;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 50%);}#headerpic .nivo-controlNav button {color: #ffffff !important;}#bannerOverlay {color: #ffffff;font-size: clamp(1.25rem, 2.5vw, 1.625rem);padding: clamp(40px, 3vw, 50px) 0 clamp(40px, 3vw, 60px) 0;line-height: 1.4;}#bannerOverlay>.row>div {position: relative;z-index: 61;}@media (min-width: 3px) {#bannerOverlay>.row>div {padding: 0 20px 0 35px;}#bannerOverlay>.row>div::after {content: "";display: block;width: 460px;height: 490px;background: url('../img/zahnraeder.png') center no-repeat;position: absolute;bottom: -40px;right: -124px;z-index: -1;}#bannerOverlay {height: 650px;overflow: hidden;}}#bannerOverlay :is(b, strong) {position: relative;font-weight: inherit;font-size: clamp(1rem, 2vw, 1.25rem);}#bannerOverlay :is(h1, h2, h3, h4, h5, h6) {color: #ffffff;margin: clamp(25px, 2vw, 35px) 0 clamp(20px, 2vw, 30px) 0;}.button-design a,#news .tab_link_mehr a {text-decoration: none;text-transform: uppercase;padding: 8px 14px;font-weight: 500;text-shadow: none;display: inline-block;font-size: 1rem;position: relative;color: #ffffff;background: #1d70b8;outline: 2px solid transparent;outline-offset: 2px;transition: outline 300ms linear;margin-top: 20px;}.button-design a:is(:hover, :focus),#news .tab_link_mehr a:is(:hover, :focus) {outline-color: #ffffff;}.button-design.button-arrow a,#news .tab_link_mehr a {padding-right: 45px;}.button-design.button-arrow a::after,#news .tab_link_mehr a::after {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;width: 45px;background: url('../img/pfeil-icon.svg') center no-repeat;}#bannerOverlay .button-design a {margin-top: clamp(20px, 4vw, 40px);}#bannerOverlay .button-design a:nth-of-type(2n+2),#contact-box.button-design a:is([href*="tel:"], [href*="fax:"]) {color: #222222;background: #ffffff;}#bannerOverlay .button-design.button-arrow a:nth-of-type(2n+1)::after {filter: brightness(10);}#bannerOverlay .button-design a:not(:last-of-type) {margin-right: 20px;}#contact-box.button-design a {font-weight: 400;text-transform: none;font-size: 1.125rem;padding: 11px 16px;}#contact-box.button-design a:is([href*="tel:"], [href*="fax:"], [href*="mailto:"]) {padding-left: 55px;background-size: 28px auto;background-position: center left 14px;background-repeat: no-repeat;}#contact-box.button-design a[href*="tel:"] {background-image: url('../img/telefon-icon2.svg');}#contact-box.button-design a[href*="fax:"] {background-image: url('../img/fax-icon.svg');}#contact-box.button-design a[href*="mailto:"] {background-image: url('../img/mail-icon.svg');text-decoration: underline;}#contact-box.button-design a:not(:last-of-type) {margin-right: 15px;}#tabs .button-design.button-arrow a {color: #222222;background: transparent;margin-bottom: -8px;}#tabs .button-design.button-arrow a:is(:hover, :focus) {outline-color: #222222;}#tabs .button-design.button-arrow a:first-of-type {margin-left: -14px;}#news .tab_link_mehr a {background: transparent;margin-left: -14px;}#content {text-align: left;padding-top: 40px;padding-bottom: clamp(40px, 5vw, 70px);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #222222;font-weight: 600;line-height: 1.2;font-family: "Jost", sans-serif;}h1,.h1,.legacy_h1,#bannerOverlay :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(32px, 4vw, 40px);}h2,.h2,.legacy_h2 {font-size: clamp(31px, 3.5vw, 35px);}h3,.h3,.legacy_h3 {font-size: clamp(30px, 3vw, 30px);}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited),.legacy_h4 {font-size: 25px;}h5,.h5,.legacy_h5 {font-size: 22px;}h6,.h6,.legacy_h6 {font-size: 20px;}.uppercase-heading :is(h1, h2, h3, h4, h5, h6) {text-transform: uppercase;}.background-area {background: url('../img/zahnraeder-bg.webp') center bottom 20px / 100% auto no-repeat, #efefef;}.specialHeadline {text-transform: uppercase;}#flip-tabs {padding-top: 60px;padding-bottom: clamp(40px, 8vw, 115px);background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 225px, #1d70b8 225px, #1d70b8 227px, rgba(255, 255, 255, 0) 227px);}#flip-tabs>.row {row-gap: 30px;}#flip-tabs :is(.flip-box, .flip-box-inner) {transition: transform 500ms linear, background 300ms linear;}#flip-tabs .flip-box {position: relative;z-index: 1;overflow: hidden;height: 160px;perspective: 1000px;background: #ffffff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}#flip-tabs .flip-box:is(:hover, :focus-within) {background: #222222;}#flip-tabs .flip-box::before {content: '+';position: absolute;pointer-events: none;bottom: 28px;right: 20px;font-size: 25px;color: #1d70b8;line-height: 0;z-index: 1;transition: transform 200ms linear;}#flip-tabs .flip-box:is(:hover, :focus-within)::before {color: #ffffff;transform: rotate(45deg);}#flip-tabs .flip-box-inner {height: 100%;transform-style: preserve-3d;}#flip-tabs .flip-box:is(:hover, :focus-within) .flip-box-inner {transform: rotateY(180deg);}#flip-tabs :is(.flip-box-front, .flip-box-back) {backface-visibility: hidden;position: absolute;height: 100%;padding: 25px 30px;}#flip-tabs .flip-box-front {transition: opacity 500ms linear;margin: 0;padding-left: 100px;background: url('../img/schmutz.png') left 15px center no-repeat;display: grid;align-items: center;}@media (min-width: 3px) {#flip-tabs .flip-box-front {padding-left: 130px;background-position-x: 30px;}}#flip-tabs .flip-box-1 .flip-box-front {background-image: url('../img/lappen.png');}#flip-tabs .flip-box-2 .flip-box-front {background-image: url('../img/thumbs-up.png');}#flip-tabs .flip-box-3 .flip-box-front {background-image: url('../img/oeko.png');}#flip-tabs .flip-box:is(:hover, :focus-within) .flip-box-inner .flip-box-front {opacity: 0;pointer-events: none;}#flip-tabs .flip-box-back {transform: rotateY(180deg);background: #222222;overflow-y: scroll;}#flip-tabs .flip-box-back,#flip-tabs .flip-box-back * {color: #ffffff;}#contact-us {padding-bottom: clamp(40px, 8vw, 100px);}@media (min-width: 2px) {#contact-us {font-size: 1.25rem;}}#contact-box {position: relative;background: #282828 center / cover no-repeat;padding: clamp(50px, 5vw, 80px) clamp(30px, 3vw, 50px) clamp(30px, 3vw, 50px) clamp(30px, 3vw, 50px);}#contact-box::before {content: "";display: block;position: absolute;background: #1d70b8;height: 2px;width: 150px;top: clamp(25px, 3vw, 50px);left: 0;}#contact-box,#contact-box * {color: #ffffff;}#f5 {padding-top: 12px;padding-bottom: 12px;background-color: #222222;}#innerfooter ul {padding: 0;}#innerfooter li {display: inline-block;}#innerfooter a {color: #ffffff;text-decoration: none;display: inline-block;font-size: 1rem;}#innerfooter a:hover,#innerfooter a:focus {color: #ffffff;text-decoration: underline;}#innerfooter li+li::before {content: "";margin: 0 6px;}@media (min-width: 2px) {#innerfooter li+li::before {margin: 0 15px;}}#vernetzt {gap: 12px;text-align: right;font-size: 0.9375rem;color: #ffffff;line-height: 1.3;text-decoration: none;}#vernetzt span span {display: block;}