/*2025-11-17-15:47:32*/@import url("https://fonts.verwaltungsportal.de/import/?family=Roboto:400,400i,700,700i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #f1f1f1;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #0c3b92 #ffffff;scrollbar-width: thin;}body {font-family: "Roboto", sans-serif;font-weight: 400;color: #010101;background: #ffffff;font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a {color: #0c3b92;}#content a,a:is(:hover, :focus) {color: #0c3b92;text-decoration: underline;}b,strong {font-weight: 700;}.contact {color: #ffffff;font-size: 0.875rem;padding: 10px 0;background: #0c3b92;}.contact :is(h1, h2, h3, h4, h5, h6, a) {color: inherit;}.contact a {text-decoration: underline;}@media (min-width: 2px) {.contact p {display: inline-block;}.contact p+p {margin-left: 20px;padding-left: 20px;border-left: 1px solid #ffffff;}}#topbar {color: #ffffff;padding: 20px 0;background: #1f5b93;}@media (min-width: 2px) {#topbar {padding-bottom: 19px;padding-top: 35px;}}#topbar>.row {row-gap: 20px;}#logo {display: flex;align-items: center;align-content: center;gap: 18px;text-decoration: none;}#logo .logoImg img {display: block;}#logo .logoTxt {line-height: 1.2;color: #ffffff;font-weight: 700;font-size: clamp(1.125rem, 3vw, 1.625rem);}#logo .logoTxt :is(b, strong) {color: #ffffff;display: block;font-size: clamp(1.25rem, 3vw, 2.125rem);}form[id^="search"] {min-height: 40px;display: block;position: relative;border: 2px solid #1f1f1f;border-radius: 10px;overflow: hidden;background: #ffffff;}@media (min-width: 2px) {form[id^="search"] {margin-left: 70px;}}form [id^="search_input"] {font-size: 1rem;color: #1f1f1f;font-style: normal;background: transparent;padding: 0;border: 0;padding-left: 16px;padding-right: 45px;min-height: 40px;width: 100%;display: block;}form [id^="search_submit"] {width: 40px;background: url('../img/icon-lupe.png') center no-repeat, #ffffff;padding: 0;border: none;cursor: pointer;position: absolute;top: 0;bottom: 0;right: 0;font-size: 0;transition: background 200ms linear;}form [id^="search_submit"]:hover,form [id^="search_submit"]:focus {background-color: #e6ebf4;}[id^="search_input"]::-ms-input-placeholder {color: #1f1f1f !important;}[id^="search_input"]::-webkit-input-placeholder {color: #1f1f1f !important;}[id^="search_input"]::-moz-placeholder {opacity: 1;}[id^="search_input"]:-moz-placeholder {opacity: 1;}#search input::placeholder {color: #1f1f1f !important;opacity: 1 !important;font-style: normal !important;}@media (min-width: 2px) {nav.horizontally {position: sticky;top: 0;scroll-padding-top: auto;z-index: 102;padding: 26px 0;background-color: #1f5b93;}nav.horizontally .navbar-nav {display: flex;justify-content: space-between;align-items: center;}nav.horizontally .navbar-nav>li {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, :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: #ffffff;font-weight: 400;text-align: left;padding: 10px 15px 15px 15px;position: relative;font-size: 1.125rem;line-height: 1.2;text-decoration: none;}@media (min-width: 2px) {nav.horizontally li[class*="toplevel"]+li {border-left: 1px solid #366c9e;}nav.horizontally a[class*="toplevel"] {text-align: center;padding: 18px 0 21px 0;}}@media (min-width: 2px) {nav.horizontally a[class*="toplevel"]::before {content: "";position: absolute;display: block;left: 0;right: 0;margin: auto;bottom: 0;width: 24px;height: 13px;background: url('../img/arrow-icon-yellow.png') center no-repeat;transition: opacity 300ms linear;opacity: 0;}}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: #fec816;background-color: transparent;}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: #1f5b93;}@media (min-width: 2px) {nav.horizontally [class*="toplevel"] ul {padding-top: 24px;padding-bottom: 18px;}nav.horizontally [class*="toplevel"]>ul {margin-top: 35px;}nav.horizontally [class*="toplevel"]>ul::before {content: '';position: absolute;display: block;top: -40px;height: 40px;left: 0;right: 0;}nav.horizontally [class*="secondlevel"]>ul {margin-left: 26px;margin-top: -24px;}nav.horizontally [class*="secondlevel"]>ul::before {content: "";position: absolute;display: block;width: 26px;top: 0;bottom: 0;left: -26px;}nav.horizontally [class*="toplevel"]>ul::after {content: "";position: absolute;display: block;left: 45px;top: -7px;width: 14px;height: 14px;transform: rotate(45deg);background: #1f5b93;}nav.horizontally [class*="secondlevel"]>ul::after {content: "";position: absolute;display: block;left: -7px;top: 10px;width: 14px;height: 14px;transform: rotate(45deg);background: #1f5b93;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {color: #ffffff;font-weight: 400;text-align: left;padding: 8px 25px;font-size: 1.125rem;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: #0c3b92;color: #ffffff;}#slider {max-height: 240px;position: relative;}@media (min-width: 2px) {#headerpic a.nivo-prevNav {left: 65px;}#headerpic a.nivo-nextNav {right: 65px;}}#headerpic {padding: 0;overflow: hidden;position: relative;}.slider-wrapper,#slider {height: 100%;}.slider-mask {display: none;}#bannerTabs {padding-top: 30px;}#bannerTabs,#bannerTabs .tab1>.row {row-gap: 30px;}#bannerTabs a {text-decoration: underline;}#bannerTabs .tab {border-radius: 20px;font-size: 1rem;line-height: 1.75;min-height: 100%;padding: 40px 50px 30px 30px;position: relative;z-index: 12;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}#bannerTabs .tab .tabHeadline {font-size: 1.125rem;font-weight: 400;}#bannerTabs .tab1 {background: #ffffff;}#bannerTabs .tab1 .tabHeadline {color: #1f1f1f;}#bannerTabs .tab1 a {color: #1f1f1f;text-decoration: underline;}@media (min-width: 2px) {#bannerTabs .tab1>.row>*:not(:last-child) {padding-right: 30px;}#bannerTabs .tab1>.row>*+* {border-left: 1px solid rgba(0, 0, 0, 0.2);padding-left: 30px;}}#bannerTabs .tab2 {background: #0c3b92;color: #f7f7f7;}#bannerTabs .tab2,#bannerTabs .tab2 :is(h1, h2, h3, h4, h5, h6, a) {color: #f7f7f7;}#content {text-align: left;padding-top: clamp(30px, 4vw, 60px);padding-bottom: clamp(30px, 4vw, 60px);}#bannerTabs .tab2 a,#maps_contact .tab a,.buttonStyle a {display: inline-block;text-decoration: none;font-size: 1.125rem;line-height: 1;color: #ffffff;padding: 9px 27px;background: #0c3b92;border-radius: 10px;border: 2px solid #0c3b92;}.buttonStyle a:is(:hover, :focus) {color: #0c3b92;background: #ffffff;}#bannerTabs .tab2 a,#maps_contact .tab a {color: #ffffff;border-color: #ffffff;background-color: #0c3b92;}#bannerTabs .tab2 a:is(:hover, :focus),#maps_contact .tab a:is(:hover, :focus) {color: #0c3b92;background-color: #ffffff;}#sportarten .tabHeadline {font-size: clamp(1.75rem, 3vw, 2.125rem);}#sportarten {display: flex;flex-direction: column;gap: 20px;padding-bottom: 30px;}#tabs {gap: 20px 0;isolation: isolate;}#tabs .tab {position: relative;isolation: isolate;height: 100%;color: #ffffff;font-size: 1.875rem;padding: 20px;padding-top: 190px;border-radius: 20px;background: #0c3b92;box-shadow: 0px 5px 10px 0px rgba(29, 29, 29, 0.2);transition: background 300ms;}#tabs .tab::before {content: "";position: absolute;inset: 20px 20px auto 20px;transition: height 300ms;max-width: calc(100% - 40px);background-position: center;background-repeat: no-repeat;background-size: contain;width: 196px;height: 196px;background-image: url('../img/volleyball-icon.png');}#tabs>div:nth-of-type(3n+2)>.tab::before {width: 195px;height: 195px;background-image: url('../img/tennis-icon.png');}#tabs>div:nth-of-type(3n+3)>.tab::before {width: 184px;height: 215px;background-image: url('../img/ski-icon2.png');margin: auto;}#tabs>div>.tab:is(:hover, :focus)::before {height: 165px;}#tabs .tab:is(:hover, :focus) {background: #0c3b92;}@media (min-width: 2px) {#tabs .tab .template-page {opacity: 0;transition: opacity 300ms;}#tabs .tab:is(:hover, :focus) .template-page {opacity: 1;}}#tabs .tab a {position: relative;z-index: 3;color: #ffffff;}#tabs .tab p,#tabs .tab :is(h1, h2, h3, h4, h5, h6) {position: relative;z-index: 3;pointer-events: none;}#tabs .tab p:has(a:last-of-type) {font-size: 0;}#tabs .tab a:last-of-type {color: inherit;font-size: 0;text-decoration: none;z-index: 2;position: absolute;inset: 0;}#tabs .tab .template-page>.row,#tabs .tab .template-page>.row>div,#tabs .tab p:has(a) {position: static;}#tabs .tab a {pointer-events: all;}#tabs .tab a:last-of-type::after {content: "";position: absolute;inset: 0;z-index: 1;}#sponsiBoxi {padding-top: 30px;padding-bottom: clamp(30px, 4vw, 60px);}#sponsiBoxi .tabHeadline {font-size: clamp(1.75rem, 3vw, 2.125rem);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #0c3b92;font-weight: 700;line-height: 1.2;font-family: "Roboto", sans-serif;}h1,.h1,.legacy_h1 {font-size: clamp(1.875rem, 3vw, 2.375rem);}h2,.h2,.legacy_h2 {font-size: clamp(1.75rem, 2vw, 2.125rem);}h3,.h3,.legacy_h3 {font-size: clamp(1.625rem, 2vw, 1.875rem);}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 {font-size: 1.5rem;}h5,.h5,.legacy_h5 {font-size: 1.375rem;}h6,.h6,.legacy_h6 {font-size: 1.25rem;}#maps_contact {color: #ffffff;font-size: 1rem;background-color: #0c3b92;overflow: hidden;}#maps_contact .tab {padding: clamp(30px, 3vw, 50px)0;}#maps_contact .tabHeadline {color: #ffffff;font-weight: 400;font-size: 1.625rem;}#maps_contact .tab a[href^="mailto:"] {color: #ffffff;text-decoration: underline;}#maps_contact>.row {max-width: 100%;width: 100%;}#maps_contact .noPadding {padding: 0px;}#maps_contact .iframeMapsTab {height: 100%;}#maps_contact .iframeMapsTab iframe,#maps_contact .iframeMapsTab .iframe-wrapper-manual-enabling {min-width: 100% !important;width: 100% !important;display: block;max-height: 100%;min-height: 100%;}@media (min-width: 1px) {#maps_contact .colMaps {padding-left: 0;max-width: 1060px;}#maps_contact .colContact {max-width: 506px;}}#footer {color: #ffffff;font-size: 1rem;padding-top: 20px;padding-bottom: 20px;background-color: #08317c;}#innerfooter ul {padding: 0;}#innerfooter li {display: inline-block;}#innerfooter a {text-decoration: none;display: inline-block;color: #ffffff;}#innerfooter a:hover,#innerfooter a:focus {color: #ffffff;text-decoration: underline;}#innerfooter li+li::before {content: "•";margin: 0 5px;}@media (min-width: 2px) {#innerfooter li+li::before {margin: 0 15px;}}#vernetzt {gap: 15px;text-align: right;font-size: 0.9375rem;color: #ffffff;line-height: 1.3;text-decoration: none;}#vernetzt span span {display: block;}