/*2026-06-10-13:03:40*/@import url("https://fonts.verwaltungsportal.de/import/?family=Red+Hat+Text:400,400i,500,500i,600,600i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #d9e4ed;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #002d55 #ffffff;scrollbar-width: thin;}body {font-family: "Red Hat Text", sans-serif;font-weight: 400;color: #444444;background: #ffffff;font-size: clamp(1rem, 2vw, 1.25rem);line-height: 1.5;}a,a:is(:hover, :focus) {color: #890101;}a:is(:hover, :focus),:is(#contact-col, #content, #footer .template-page) a {text-decoration: underline;}b,strong {font-weight: 600;}#overflow {overflow: clip;}:not(.cc_banner-wrapper):focus-visible,#vernetzt:focus-visible span {background-color: #fff !important;color: #890101 !important;z-index: 100;text-decoration: none;outline: 2px solid #002d55;}#topbar {position: relative;}#topbar>.row {font-size: 1rem;padding: 33px 0;}.logo {display: flex;flex-wrap: wrap;gap: 15px 15px;text-decoration: none !important;}.logo .template-page {width: auto;}.logo .cleaner {display: none;}.logoText {color: #002d55;font-size: 2rem;align-content: center;line-height: 1.1;}.logoText :is(b, strong) {display: block;font-size: 1.5625rem;text-transform: uppercase;font-weight: 600;}.logoText br {display: none;}.logo img {display: block;max-width: 116px;}#contact-col {column-gap: 30px;}.contact-tab {padding-top: 45px;background: center top / 35px auto no-repeat;min-height: 30px;display: grid;place-content: center;}@media (min-width: 2px) {.contact-tab {padding: 0 0 0 45px;background: center left / 35px auto no-repeat;min-height: 45px;}}@media (min-width: 3px) {.contact-tab {padding: 0 0 0 70px;background: center left / 53px auto no-repeat;min-height: 53px;}}.contact-tab.contact-phone {background-image: url("../img/telefon-icon.svg");}.contact-tab.contact-phone :is(b, strong) {text-transform: uppercase;}.contact-tab.contact-address {background-image: url("../img/adresse-icon.svg");}@media (min-width: 3px) {nav.horizontally {background: rgba(0, 45, 85, 0.8);transition: background-color 300ms linear;}.is-sticky nav.horizontally {background: rgba(0, 45, 85, 1);left: 50% !important;transform: translateX(-50%);}nav.horizontally::before {content: "";background:linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 1) 50%) top left / 9px 1px repeat-x,linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 1) 50%) bottom left / 9px 1px repeat-x;position: absolute;top: 8px;right: 0;bottom: 8px;left: 0;pointer-events: none;}.sticky-wrapper,nav.horizontally {position: absolute;left: 0;right: 0;top: 0;z-index: 99;}nav.horizontally .navbar-nav {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:focus-within, :hover)>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:is(:hover, :focus-within)>ul {z-index: 1003;}}nav.horizontally a[class*="toplevel"] {color: #ffffff;font-weight: 600;text-align: left;padding: 12px 15px 12px 20px;position: relative;font-size: 1.0625rem;line-height: 1.2;text-transform: uppercase;text-decoration: none;}@media (min-width: 3px) {nav.horizontally li[class*="toplevel"]+li {margin-left: 20px;}nav.horizontally a[class*="toplevel"] {text-align: center;padding: 26px 0;}}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within)>a::before,nav.horizontally li[class*="toplevel"]>a:is(:hover, :focus)::before,nav.horizontally li[class*="toplevel"].open>a::before,nav.horizontally li[class*="toplevel"].open>a:is(:hover, :focus)::before,nav.horizontally li[class*="toplevel"][class*="_over"]>a::before,nav.horizontally li[class*="toplevel"][class*="_over"]>a:is(:hover, :focus)::before {opacity: 1;}nav.horizontally [class*="toplevel"] ul {background-color: rgba(255, 255, 255, 0.94);box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);}@media (min-width: 3px) {nav.horizontally [class*="toplevel"] ul {padding-top: 18px;padding-bottom: 18px;}nav.horizontally [class*="toplevel"]>ul::before {content: "";width: 20px;height: 12px;display: block;position: absolute;left: 50%;top: 0;transform: translateX(-50%);border-radius: 0 0 10px 10px;background-color: #224666;opacity: 1;transition: opacity 300ms linear;}nav.horizontally [class*="toplevel"]>ul {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;left: 50%;transform: translate(-50%, 0);}nav.horizontally [class*="secondlevel"]>ul {margin-top: -18px;border-radius: 4px;margin-left: 15px;}nav.horizontally [class*="secondlevel"]>ul::before {content: "";position: absolute;display: block;width: 15px;top: 0;bottom: 0;left: -15px;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {color: #2e3c48;font-weight: 500;text-align: center;padding: 10px 25px;font-size: 1rem;line-height: 1.2;text-decoration: none;}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) {background: #224666;color: #fff;}#slider {max-height: clamp(300px, 42vw, 435px);position: relative;}@media (min-width: 3px) {body.index #slider {max-height: clamp(400px, 62vw, 635px);}#headerpic a.nivo-prevNav {left: 65px;}#headerpic a.nivo-nextNav {right: 65px;}}#headerpic {padding: 0;position: relative;}.slider-wrapper,#slider {height: 100%;}.slider-mask {display: none;}#tabs {font-size: clamp(1rem, 2vw, 1.125rem);background: #e0e5ea url("../img/bg-tabbereich.webp") center / cover no-repeat;}#tabs>.row {row-gap: 30px;padding: clamp(40px, 5vw, 50px) 0;}@media (min-width: 3px) {#tabs>.row>article:first-of-type::after {content: "";position: absolute;bottom: -80px;left: 0;background: url(../img/deko-stift.png);width: 168px;height: 192px;transform: translateX(-100%);}}@media (min-width: 4px) {#tabs>.row::before {content: "";display: block;background: url("../img/deko-ball.png") center no-repeat;width: 184px;height: 184px;position: absolute;right: -100px;transform: translateX(100%);top: -100px;z-index: 10;}#tabs>.row::after {content: "";display: block;background: url("../img/deko-dreieck.png") center no-repeat;width: 180px;height: 214px;position: absolute;right: -100px;transform: translateX(100%);bottom: -160px;z-index: 10;}}#tabs :is(h1, h2, h3, h4, h5, h6) {margin-bottom: 5px;}#tabs .tab::before {content: "";display: block;width: 100px !important;height: 100px !important;background: #224666 url("../img/icon-schulprogramm.png") center no-repeat;border-radius: 50%;margin: 0 auto 15px auto;}#tabs .tab.tab-2::before {background-image: url("../img/icon-ganztagskonzept.png");}#tabs .tab.tab-3::before {background-image: url("../img/icon-wie-wird-gelernt.png");}#tabs a:not(.has-image) {font-size: 1rem;display: inline-block;color: #ffffff;background: #002d55;padding: 4px 15px 6px 15px;text-decoration: none;line-height: 1.2;margin-top: 20px;text-transform: uppercase;border: 2px solid #002d55;}#tabs a:not(.has-image):is(:hover, :focus) {color: #002d55;background: #fff;}#content {text-align: left;padding-block: clamp(40px, 8vw, 100px);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #002d55;font-weight: 600;line-height: 1.2;font-family: "Red Hat Text", sans-serif;}h1,.h1,.legacy_h1 {font-size: clamp(2.25rem, 4vw, 2.75rem);}h2,.h2,.legacy_h2 {font-size: clamp(2.125rem, 3.5vw, 2.5rem);}h3,.h3,.legacy_h3 {font-size: 2rem;}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited),.legacy_h4,#tabs :is(h1, h2, h3, h4, h5, h6) {font-size: 1.875rem;}h5,.h5,.legacy_h5 {font-size: 1.75rem;}h6,.h6,.legacy_h6,#footer .template-page :is(h1, h2, h3, h4, h5, h6) {font-size: 1.625rem;}footer {font-size: clamp(1rem, 2vw, 1.125rem);background: #00294d;}footer,footer * {color: #ffffff;}#footer {position: relative;background: center / cover no-repeat;padding: 62px 0;box-shadow: inset 0 0 0 100vw rgba(0, 45, 85, 0.8);}@media (min-width: 3px) {#footer>.row::before {content: "";position: absolute;top: -200px;left: -20px;background: url(../img/deko-buch.png);width: 266px;height: 240px;transform: translateX(-100%);}#footer>.row::after {content: "";position: absolute;top: -140px;right: -180px;background: url(../img/deko-pinn.png);width: 91px;height: 134px;transform: translateX(100%);}}#footer::before {content: "";background:linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0) 50%) top left / 9px 1px repeat-x,linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0) 50%) bottom left / 9px 1px repeat-x;position: absolute;top: 10px;right: 0;bottom: 10px;left: 0;pointer-events: none;}#footer>.row {row-gap: 30px;}#footer .template-page :is(h1, h2, h3, h4, h5, h6) {margin-bottom: 5px;}.footer-tab {padding-top: 100px;background: url("../img/herz-icon.png") center top no-repeat;font-size: 1.125rem;font-weight: 500;font-style: italic;}.footer-tab :is(b, strong) {font-size: 1.5625rem;}@media (min-width: 2px) {.footer-tab {min-height: 80px;padding: 0 0 0 115px;background-position: left 15px center;}}#innerfooter {padding-top: 17px;padding-bottom: 17px;font-size: 1rem;}#innerfooter ul {padding: 0;}#innerfooter li {display: block;}#innerfooter a {color: inherit;text-decoration: none;font-weight: 400;font-size: 1rem;}#innerfooter a:is(:hover, :focus) {color: #b8e06f;text-decoration: none;}@media (min-width: 1px) {#innerfooter li+li::before {content: "•";margin: 0 clamp(15px, 2vw, 25px);color: #b8e06f;}#innerfooter li {display: inline-block;}}#vernetzt {gap: 18px;text-align: right;font-size: 0.875rem;color: #ffffff;line-height: 1.3;font-weight: 400;text-decoration: none;}#vernetzt span span {display: block;}#vernetzt strong {font-weight: 500;color: #dafaa1;}