/*2026-07-10-11:51:20*/@import url("https://fonts.verwaltungsportal.de/import/?family=Inter:300,400,500,600,700,300i,400i,500i,600i,700i");@import url("https://fonts.verwaltungsportal.de/import/?family=Teko:300,400,500,600,700,300i,400i,500i,600i,700i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #f3f4ff;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #a61634 #ffffff;scrollbar-width: thin;}body {font-family: "Inter", sans-serif;color: #444444;background: #ffffff;font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a,a:is(:hover, :focus) {color: #a61634;}a:is(:hover, :focus),:is(header, main) a,#footer a {text-decoration: underline;}#content a {text-decoration: underline;}#content a:is(:hover, :focus) {text-decoration: none;}b,strong {font-weight: 700;}#overflow {overflow: clip;position: relative;}.large-text {font-size: clamp(1.125rem, 2vw, 1.375rem);}a:focus-visible,button:focus-visible,form:focus-visible,input:focus-visible {outline: 3px solid #ff0000 !important;}#logo {align-items: center;align-content: center;text-decoration: none;}@media (min-width: 1px) {#logo {display: flex;align-items: center;align-content: center;gap: 12px;text-decoration: none;}}#logo .logoImg img {display: block;}#logo .logoTxt {line-height: 1;font-size: 1rem;color: #444444;font-weight: 400;hyphens: auto;}#logo .logoTxt :is(b, strong) {color: #222a72;font-weight: 400;font-size: clamp(1.25rem, 2vw, 1.875rem);font-family: "Teko", sans-serif;text-transform: uppercase;}@media (min-width: 3px) {#logo {position: absolute;top: -13px;}#logo .logoImg img {max-width: 270px;transition: all 300ms linear;}.is-sticky #logo .logoImg img {max-width: 211px;}}.tabEU {color: #222a72;font-size: 1rem;display: block;padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}.tabEU img {vertical-align: middle;}#search {padding: 7px;border: 1px solid transparent;transition: border 200ms linear;background: #ffffff;flex-shrink: 0;margin-left: 25px;margin-top: 5px;}@media (min-width: 3px) {#search:is(:hover, :focus) {border-color: rgba(0, 0, 0, 0.2);}}nav.horizontally {padding: 15px 0;background: #ffffff;box-shadow: 0 10px 30px 0 rgba(75, 0, 32, 0.12);}@media (min-width: 3px) {nav.horizontally {padding: 13px 0;top: 0;z-index: 1010;}}@media (min-width: 3px) {nav.horizontally .navbar-nav {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;flex-grow: 1;}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: #444444;font-weight: 700;text-align: left;padding: 20px 0px 10px 0px;position: relative;font-size: 1.125rem;line-height: 1.2;text-decoration: none;}@media (min-width: 3px) {nav.horizontally a[class*="toplevel"] {padding: 30px 0px 16px 0px;}}nav.horizontally a[class*="toplevel"]::after {content: "";display: inline-block;position: absolute;left: calc(50% - 3px);bottom: 0;height: 6px;width: 6px;border-radius: 50%;background: #a61634;opacity: 0;transition: opacity 300ms linear;}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: #a61634;}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within)>a::after,nav.horizontally li[class*="toplevel"]>a:is(:hover, :focus)::after,nav.horizontally li[class*="toplevel"].open>a::after,nav.horizontally li[class*="toplevel"].open>a:is(:hover, :focus)::after,nav.horizontally li[class*="toplevel"][class*="_over"]>a::after,nav.horizontally li[class*="toplevel"][class*="_over"]>a:is(:hover, :focus)::after {opacity: 1;}nav.horizontally [class*="toplevel"] ul {background: #a61634;padding: 20px 15px;}@media (min-width: 3px) {nav.horizontally [class*="toplevel"]>ul {margin-top: 15px;left: -40px;}nav.horizontally [class*="secondlevel"]>ul {margin-top: -20px;margin-left: 35px;}nav.horizontally :is([class*="toplevel"], [class*="secondlevel"])>ul::before {content: "";position: absolute;display: block;}nav.horizontally [class*="toplevel"]>ul::before {height: 25px;left: 0;right: 0;top: -25px;}nav.horizontally [class*="secondlevel"]>ul::before {width: 35px;top: 0;bottom: 0;left: -35px;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {color: #ffffff;font-weight: 400;text-align: left;padding: 11px 25px;font-size: 1.125rem;line-height: 1.2;text-decoration: none;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::after {content: "";display: inline-block;position: absolute;left: 0;top: calc(50% - 3px);height: 6px;width: 6px;border-radius: 50%;background: #ffffff;opacity: 0;transition: opacity 300ms linear;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within)>a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])>a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open>a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open>a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"]>a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"]>a:is(:hover, :focus)::after {opacity: 1;}#headerpic {margin: 0 auto;position: relative;width: 100%;}.slider-wrapper,#slider {height: 100%;}#slider {overflow: hidden;position: relative;height: 100%;}@media (min-width: 3px) {#headerpic a.nivo-prevNav {left: 65px;}#headerpic a.nivo-nextNav {right: 65px;}.slider-wrapper {position: absolute !important;top: 0;bottom: 0;left: 0;right: 0;}body:not(.index) #headerpic {min-height: 500px;}.index #bannerOverlay {padding: clamp(520px, 29vw, 543px) 0 clamp(26px, 5vw, 36px) 0;}#slogan {margin-bottom: 20px;}}#bannerOverlay {position: relative;pointer-events: all;z-index: 53;padding: 30px 0 20px 0;border-bottom: 2px solid #222a72;}@media (min-width: 3px) {#headerpic {position: relative;}#headerpic .slick-sr-only {color: #ffffff;}#bannerOverlay {padding: 0;border-bottom: none;}}#slogan {font-size: clamp(1.25rem, 3vw, 1.5625rem);color: #222a72;hyphens: auto;}#slogan a {text-transform: uppercase;font-weight: 400;font-size: clamp(1rem, 2vw, 1.25rem);color: #fff;padding: 8px 20px;background-color: #a61634;display: inline-block;text-decoration: none;}#slogan a:is(:hover, :focus) {background-color: #222a72;}#slogan :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(1.875rem, 4vw, 2.8125rem);color: #222a72;font-family: "Teko", sans-serif;text-transform: uppercase;}@media (min-width: 3px) {#slogan {color: #222a72;}#slogan :is(h1, h2, h3, h4, h5, h6, p) {color: #222a72;}}.slider-mask {display: none;}@media (min-width: 3px) {.index .slider-mask {display: block;background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);}}#tabs-1 {row-gap: 30px;padding-top: clamp(60px, 11vw, 120px);hyphens: auto;}@media (min-width: 4px) {#tabs-1.row::before {content: "";position: absolute;background: url(../img/jugendliche-spielt-fussball.png) no-repeat;width: 353px;height: 505px;top: 160px;z-index: 0;pointer-events: none;right: -320px;display: block;}#tabs-1.row::after {content: "";position: absolute;background: url(../img/jugendlicher-spielt-handball-v2.png) no-repeat;width: 455px;height: 541px;bottom: -275px;z-index: 1;pointer-events: none;left: -359px;display: block;}}#tabs-1 .tab {position: relative;z-index: 1;height: 100%;z-index: 2;}#tabs-1 .tab {padding: clamp(30px, 4vw, 40px);font-size: 1.125rem;background: #fff;position: relative;transition: transform 300ms linear;box-shadow: 5px 5px 15px 0px rgba(34, 42, 114, 0.1);-webkit-box-shadow: 5px 5px 15px 0px rgba(34, 42, 114, 0.1);-moz-box-shadow: 5px 5px 15px 0px rgba(34, 42, 114, 0.1);color: #444444;line-height: 1.4;}#tabs-1 .tab:is(:hover, :focus) {transform: scale(1.1);}#tabs-1 .tab :is(.row, .row > div) {position: static;}#tabs-1 .tab :is(h1, h2, h3, h4, h5, h6) {color: #444444;font-family: "Inter", sans-serif;font-weight: 700;font-size: 1.25rem;margin-bottom: 0;line-height: 1.3;}#tabs-1 .tab :is(i, em) {color: #444444;font-size: 1rem;font-family: "Inter", sans-serif;font-weight: 400;font-style: normal;display: block;line-height: 1.2;}#tabs-1 .tab :is(h1, h2, h3, h4, h5, h6) :is(i, em) {color: #222a72;font-size: 1.25rem;font-family: "Inter", sans-serif;font-weight: 400;font-style: italic;margin-bottom: 22px;display: inline-block;line-height: 1.4;}#tabs-1 .tab img {display: block;}@media (min-width: 3px) {#tabs-1 .large-text {margin-bottom: 5px;}#tabs-1:has(div:nth-child(3) > .tab):has(.heading-tab)>div:nth-child(3) {bottom: calc(clamp(40px, 5vw, 60px) * -1);}#tabs-1:has(div:nth-child(3) > .tab) {margin-bottom: clamp(40px, 5vw, 60px);}}#tabs-1 .tab img {max-width: calc(100% + 2 * clamp(30px, 4vw, 40px)) !important;width: calc(100% + 2 * clamp(30px, 4vw, 40px)) !important;margin: calc(clamp(30px, 4vw, 40px) * -1) calc(clamp(30px, 4vw, 40px) * -1) 35px calc(clamp(30px, 4vw, 40px) * -1);}#content {text-align: left;padding-top: clamp(40px, 6vw, 70px);padding-bottom: clamp(40px, 6vw, 60px);}.index #content {padding-top: 0;padding-bottom: 0;}#tabLeaderBox {font-size: 1rem;padding-top: 22px;padding-bottom: 22px;background: #a61634;}#tabLeaderBox,#tabLeaderBox * {color: #ffffff !important;}#tabLeaderBox img {width: 100%;padding: 29px 10px;background: #ffffff;}#tabLeaderBox .btgrid>.row {align-items: center;align-content: center;}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #222a72;font-weight: 400;line-height: 1.2;margin-bottom: 18px;font-family: "Teko", sans-serif;}h1,.h1,.legacy_h1 {font-size: clamp(2rem, 4.5vw, 3.125rem);}h2,.h2,.legacy_h2 {font-size: clamp(1.875rem, 4vw, 2.5rem);}h3,.h3,.legacy_h3 {font-size: clamp(1.75rem, 3.5vw, 2.1875rem);}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited),.legacy_h4 {font-size: clamp(1.625rem, 3vw, 1.875rem);}h5,.h5,.legacy_h5 {font-size: 1.625rem;}h6,.h6,.legacy_h6 {font-size: 1.375rem;}.heading-tab :is(h1, h2, h3, h4, h5, h6) {font-family: "Teko", sans-serif;font-weight: 400;text-transform: uppercase;font-size: clamp(1.875rem, 5vw, 2.8125rem);}.heading-tab :is(h1, h2, h3, h4, h5, h6) :is(i, em) {color: #222a72;font-size: clamp(1rem, 1.8vw, 1.125rem);font-style: normal;font-weight: 400;font-family: "Inter", serif;display: block;padding: 4px 15px 6px 15px;margin-bottom: 12px;text-transform: none;margin-bottom: 0;}.heading-tab {color: #444444;font-size: 1.125rem;}#f1 {color: #ffffff;font-size: 1rem;padding-top: 39px;padding-bottom: 39px;background-color: #222a72;hyphens: auto;}#f1>.row {row-gap: 30px;}#f1 a,#f1 a:hover,#f1 a:focus {color: #ffffff;}#f1 .footerTab {font-size: 1rem;line-height: 1.4;}#f1 .footerTab a {text-decoration: underline;}#f1 .footerTab a:is(:hover, :focus) {text-decoration: none;}#f1 .tabHeadline {font-size: 1.625rem;font-weight: 400;color: #ffffff;font-family: "Teko", sans-serif;}#innerfooter a {text-decoration: none;position: relative;display: block;font-size: 1rem;font-weight: 400;padding: 6px 10px 6px 25px;color: #fff;}@media (min-width: 2px) {#innerfooter a::before {content: "";position: absolute;display: block;left: 10px;top: 16px;width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transition: background 300ms linear;}#innerfooter a:hover::before,#innerfooter a:focus::before {background: #ffffff;}}#vernetzt {gap: 12px;text-align: right;font-size: 0.8125rem;color: #ffffff;line-height: 1.3;text-decoration: none;}#vernetzt :is(b, strong) {font-weight: 700;}#vernetzt span span {display: block;}.contrast_dark_font #burgerButton::before,.contrast_dark_font #burgerButton::after,.contrast_dark_font #burgerButtonInner,.contrast_light_font .dropdown-toggle-button {background-color: #000 !important;}.contrast_light_font #burgerButton::before,.contrast_light_font #burgerButton::after,.contrast_light_font #burgerButtonInner {background-color: #fff !important;}.contrast_light_font #logo .logoImg img {background-color: #fff !important;}.contrast_light_font .index #bannerOverlay {background: transparent !important;}.contrast_light_font #slogan a,.contrast_light_font #tabs-1 .tab {border: solid 1px #fff !important;}.contrast_light_font #f1 {border-top: solid 1px #fff !important;}.contrast_dark_font .index #bannerOverlay {background: transparent !important;}.contrast_dark_font #slogan a,.contrast_dark_font #tabs-1 .tab {border: solid 1px #000 !important;}.contrast_dark_font #f1 {border-top: solid 1px #000 !important;}