/*2026-06-19-12:36:14*/@import url("https://fonts.verwaltungsportal.de/import/?family=Red+Hat+Text:400,400i,600,600i%7CPatrick+Hand:400");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: #137795;}a:is(:hover, :focus),:is(#contact-col, #content, #footer .template-page) a {text-decoration: underline;}a:focus-visible,button:focus-visible,form:focus-visible,input:focus-visible {outline: 3px solid #ff0000 !important;} b,strong {font-weight: 600;}#overflow {overflow: clip;}#topbar {position: relative;}@media (min-width: 4px) {#topbar::after {content: "";display: block;background: url("../img/junge-oben-sitzt.png") center no-repeat;width: 300px;height: 169px;position: absolute;left: calc(50% + 665px);bottom: -30px;z-index: 100;}}#topbar::before {content: "";display: block;width: 100%;height: 6px;background: linear-gradient(to right,rgb(184, 224, 111) 0%,rgb(184, 224, 111) 20%,rgb(232, 60, 79) 20%,rgb(232, 60, 79) 40%,rgb(27, 164, 207) 40%,rgb(27, 164, 207) 60%,rgb(232, 60, 79) 60%,rgb(232, 60, 79) 80%,rgb(184, 224, 111) 80%,rgb(184, 224, 111) 100%);}#topbar > .row {font-size: 1rem;padding: 16px 0;}#logo {display: inline-block;}#logo img {display: block;}#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 no-repeat;min-height: 53px;}}.contact-tab.contact-phone {background-image: url("../img/icon-kontakt.png");min-height: 53px;}.contact-tab.contact-phone :is(b, strong) {text-transform: uppercase;}.contact-tab.contact-address {background-image: url("../img/icon-adresse.png");}@media (min-width: 3px) {nav.horizontally {background: rgba(19, 119, 149, 0.95);transition: background-color 300ms linear;}.is-sticky nav.horizontally {background: rgb(19, 119, 149);}nav.horizontally::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: 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;}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.4375rem;line-height: 1.2;text-decoration: none;font-family: "Red Hat Text", sans-serif;}@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 a[class*="toplevel"]::before {content: "";width: 12px;height: 20px;display: block;position: absolute;left: 0;bottom: calc(50% - 10px);border-radius: 0 10px 10px 0;background-color: #cdecf2;opacity: 0;transition: opacity 300ms linear;}@media (min-width: 3px) {nav.horizontally a[class*="toplevel"]::before {width: 20px;height: 12px;left: calc(50% - 10px);bottom: 0;border-radius: 10px 10px 0 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: #f4f4f4;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 {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: 400;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: #b8e06f;}#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: #e0e5ea70 url("../img/muster-tabbereich.jpg") center / cover no-repeat;position: relative;}#tabs::before {content: "";display: block;position: absolute;width: 100%;height: 6px;bottom: 0;background: linear-gradient(to right,rgb(184, 224, 111) 0%, rgb(184, 224, 111) 20%,rgb(232, 60, 79) 20%, rgb(232, 60, 79) 40%,rgb(27, 164, 207) 40%, rgb(27, 164, 207) 60%,rgb(232, 60, 79) 60%, rgb(232, 60, 79) 80%,rgb(184, 224, 111) 80%, rgb(184, 224, 111) 100%);}#tabs > .row {row-gap: 30px;padding: clamp(40px, 5vw, 50px) 0;}@media (min-width: 1px) {#tabs > .row {min-height: 340px;background: url("../img/junge-biegt-sich.png") bottom left 0px no-repeat;}}@media (min-width: 4px) {#tabs > .row::after {content: "";display: block;background: url("../img/maedchen-kopf-nach-unten.png") center no-repeat;width: 255px;height: 202px;position: absolute;right: -170px;bottom: 0px;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;border-radius: 50%;margin: 0 auto 15px auto;}#tabs .tab-1::before {background: #b8e06f url("../img/icon-schulprogramm.png") center no-repeat;}#tabs .tab-2::before {background: #6fc0eb url("../img/icon-ganztagskonzept.png") center no-repeat;}#tabs .tab-3::before {background: #f96b7b url("../img/icon-wie-wird-gelernt.png") center no-repeat;}#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;border-radius: 4px;color: #002d55;font-weight: 600;padding: 6px 15px 10px 15px;font-family: "Red Hat Text", sans-serif;text-decoration: none;line-height: 1.2;margin-top: 20px;transition: transform 0.2s ease;}#tabs .tab-1 a:not(.has-image) {background: #b8e06f;}#tabs .tab-2 a:not(.has-image) {background: #6fc0eb;}#tabs .tab-3 a:not(.has-image) {background: #f96b7b;}#tabs a:not(.has-image):is(:hover, :focus) {transform: scale(1.06);}#content {text-align: left;padding-top: 40px;padding-bottom: clamp(40px, 8vw, 120px);}.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(2rem, 4vw, 2.5rem);}h2,.h2,.legacy_h2 {font-size: clamp(1.75rem, 3.5vw, 2rem);}h3,.h3,.legacy_h3 {font-size: clamp(1.5rem, 3.5vw, 1.75rem);}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited),.legacy_h4,#tabs, #footer .template-page :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(1.375rem, 3.5vw, 1.5625rem);}h5,.h5,.legacy_h5 {font-size: clamp(1.25rem, 3.5vw, 1.4375rem);}h6,.h6,.legacy_h6, :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(1.1875rem, 3.5vw, 1.375rem);}footer {font-size: clamp(1rem, 2vw, 1.125rem);background: #0a627c;overflow: hidden;}footer,footer * {color: #ffffff;}#footer {position: relative;background: center / cover no-repeat;padding: 32px 0;box-shadow: inset 0 0 0 100vw rgba(19, 119, 149, 0.8);}#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::after {content: "";display: block;background: url("../img/maedchen-footer-mitte.png") center no-repeat;width: 154px;height: 282px;position: absolute;left: calc(50% - 116px);bottom: 0;}@media (min-width: 3px) {#footer::after {left: calc(50% - 20px);}}#footer > .row {row-gap: 30px;}#footer .template-page :is(h1, h2, h3, h4, h5, h6) {margin-bottom: 5px;}@media (min-width: 2px) {.footer-tab {min-height: 80px;padding: 0;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;}#innerfooter a:is(:hover, :focus) {text-decoration: underline;}@media (min-width: 1px) {#innerfooter li + li::before {content: "•";margin: 0 clamp(15px, 2vw, 25px);color: #ffffff;}#innerfooter li {display: inline-block;}}.footer-tab a:is(:hover, :focus) {color: #caf3ff;}#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: inherit;color: #ffffff;}