/*2026-03-06-08:48:46*/@import url("https://fonts.verwaltungsportal.de/import/?family=Khand:600,600i");@import url("https://fonts.verwaltungsportal.de/import/?family=Work+Sans:400,400i,600,600i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #213e82;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #213e82 #ffffff;scrollbar-width: thin;}body {font-family: "Work Sans", sans-serif;font-weight: 400;color: #444444;background: #ffffff;font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1);isolation: isolate;}a {color: #213e82;}a:is(:hover, :focus) {color: #213e82;text-decoration: underline;}:is(main, #header-text) a,b,strong {font-weight: 600;}:is(main, #header-text, #footer) a {text-decoration: underline;}#overflow {overflow: clip;}#logo {display: inline-block;background: #ffffff;padding: 12px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}#logo img {display: block;}@media (min-width: 1px) {#logo {position: absolute;width: 100%;left: 15px;top: -80px;max-width: 170px;display: flex;align-content: end;align-items: end;justify-content: center;transition: bottom 200ms linear;}#logo img {max-height: 163px;}}@media (min-width: 3px) {#logo {top: -90px;bottom: 0;}.is-sticky #logo {bottom: -30px;}#logo img {bottom: 0;transition: max-height 200ms linear;}.is-sticky #logo img {max-height: 90px;}#logo-col {position: static;}}#logoText {font-family: "Khand", sans-serif;color: #213e82;font-size: clamp(1.25rem, 2vw, 1.75rem);font-weight: 600;}#topbar {padding: 17px 0;font-size: 1rem;line-height: 1;}@media (min-width: 3px) {#topbar {padding: 14px 0;}}#search {background: #ffffff;position: relative;color: #333333;max-width: 330px;}@media (min-width: 3px) {#search {padding: 4px 0;}#style+#search {border-left: 1px solid rgba(0, 0, 0, 0.3);margin-left: 20px;padding-left: 30px;}}#search label {font-weight: 600;padding-right: 10px;}#search_input {color: inherit;font-style: normal;border: 0;padding: 7px 36px 7px 10px;width: 100%;}#search_submit {width: 36px;background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M38.7 40.85 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L40.95 38.7q.45.4.45 1.025 0 .625-.5 1.125-.45.45-1.1.45-.65 0-1.1-.45Zm-19.85-12.3q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875Z' fill='%23213e82'/%3E%3C/svg%3E") center / 28px auto no-repeat;padding: 0;cursor: pointer;border: none;position: absolute;top: 4px;right: 0;bottom: 4px;font-size: 0;transition: background-color 300ms linear;}:is(#search_submit, #search_input):is(:hover, :focus) {background-color: #f1f1f1;}#search_input::placeholder {color: #333333 !important;opacity: 1 !important;font-style: italic !important;}@media (min-width: 3px) {#sticky-wrapper {position: absolute;width: 100%;}nav.horizontally {position: relative;z-index: 10;transition: background 300ms linear, padding 300ms linear;}.is-sticky nav.horizontally {background: #213e82;border-bottom: 1px solid #ffffff;}nav.horizontally .navbar-nav {position: relative;padding-top: 38px;display: flex;justify-content: space-between;}.is-sticky nav.horizontally .navbar-nav {padding-top: 20px;}.is-sticky .navbar-nav {margin-bottom: -1px;}nav.horizontally .navbar-nav::after {content: "";display: block;position: absolute;left: 0;bottom: 0;right: clamp(-275px, -15vw, -15px);height: 1px;background: #ffffff;}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"] {font-family: "Khand", sans-serif;color: #ffffff;font-weight: 600;text-align: left;padding: 14px 15px;position: relative;font-size: 1.25rem;text-transform: uppercase;line-height: 1.2;text-decoration: none;transition: border 300ms linear;}@media (min-width: 3px) {nav.horizontally li[class*="toplevel"]+li {margin-left: 10px;}nav.horizontally a[class*="toplevel"] {padding: 18px 6px;display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;}}nav.horizontally a[class*="toplevel"]::after {content: "";display: block;position: absolute;z-index: 1;left: 50%;bottom: 0;height: 4px;width: 0;background: #fff;transform: translateX(-50%);transition: width 300ms linear;}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 {width: 100%;}@media (min-width: 3px) {nav.horizontally li[class*="toplevel"]:hover>a.dropdown-toggle::before,nav.horizontally li[class*="toplevel"].open>a.dropdown-toggle::before,nav.horizontally li[class*="toplevel"].open>a.dropdown-toggle:is(:hover, :focus)::before {opacity: 1;}}nav.horizontally [class*="toplevel"] ul {background-color: #fff;}@media (min-width: 3px) {nav.horizontally [class*="toplevel"] ul {padding-top: 24px;padding-bottom: 18px;}nav.horizontally [class*="toplevel"]>ul {left: -26px;margin-top: 26px;}nav.horizontally [class*="secondlevel"]>ul {margin-left: 26px;margin-top: -24px;}nav.horizontally :is([class*="toplevel"], [class*="secondlevel"])>ul::before,nav.horizontally :is([class*="toplevel"], [class*="secondlevel"])>ul::after {content: "";position: absolute;display: block;}nav.horizontally :is([class*="toplevel"], [class*="secondlevel"])>ul::before {background: #fff;}nav.horizontally [class*="toplevel"]>ul::before {left: 45px;top: -10px;width: 20px;height: 20px;transform: rotate(45deg);}nav.horizontally [class*="secondlevel"]>ul::before {left: -10px;top: 10px;width: 20px;height: 20px;transform: rotate(45deg);}nav.horizontally [class*="toplevel"]>ul::after {height: 26px;left: 0;right: 0;top: -26px;}nav.horizontally [class*="secondlevel"]>ul::after {width: 26px;top: 0;bottom: 0;left: -26px;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {background-color: transparent;color: #444444;font-weight: 400;padding: 10px 35px;position: relative;font-size: 1rem;line-height: 1.2;text-align: left;text-decoration: none;}@media (min-width: 3px) {nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {padding: 7px 20px;}}@media (min-width: 4px) {nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {font-size: 1.125rem;}}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: #ffffff;background-color: #213e82;}#footer>.row {row-gap: 30px;}#headerpic {background: #213e82;position: relative;}#header-text {line-height: 1.4;position: relative;z-index: 10;padding: 60px 0;font-size: clamp(1rem, 3vw, 1.625rem);}#header-text,#header-text :is(h1, h2, h3, h4, h5, h6, a) {color: #ffffff;}#header-text :is(h1, h2, h3, h4, h5, h6) {text-transform: uppercase;font-size: clamp(2.25rem, 4vw, 3.75rem);margin-bottom: 0;text-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);}@media (min-width: 3px) {#header-text {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);pointer-events: none;}#header-text>.row>* {pointer-events: all;}}@keyframes showHeaderText {0% {opacity: 0;transform: translate(-100px, -100px);}100% {opacity: 1;transform: translate(0);}}#slider {padding: 0;position: relative;max-height: clamp(300px, 46vw, 500px);}@media (min-width: 3px) {body.index :is(#slider) {max-height: clamp(440px, 68vw, 750px);}#headerpic a.nivo-prevNav {left: 65px;}#headerpic a.nivo-nextNav {right: 65px;}}#headerpic .slick-dots {color: #fff;}#headerpic {position: relative;}.slider-wrapper,#slider {height: 100%;}#headerpic .slider-mask {display: block;background: linear-gradient(to bottom, rgba(28, 28, 28, 0.7), rgba(28, 28, 28, 0.2));}#content-area {position: relative;text-align: left;padding: clamp(40px, 6vw, 70px) 0 clamp(40px, 10vw, 120px) 0;}#content-area>* {position: relative;z-index: 10;}#ev19 {position: relative;padding-top: 90px;padding-bottom: 60px;}#ev19>.row::before {content: "";position: absolute;left: calc((100vw - 992px) / 2 * -1);right: 50%;top: -60px;height: 470px;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}@media (min-width: 4px) {#ev19>.row::before {left: calc((100vw - 1200px) / 2 * -1);}}#ev19 .ev19Box {position: relative;}#eventsHeadline {position: relative;font-size: clamp(1.25rem, 2vw, 1.875rem);font-weight: 600;line-height: 0.8;margin: 0 0 15px 0;}#EventsDekoHeadline {position: relative;text-transform: uppercase;font-weight: 600;line-height: 0.8;font-size: clamp(1.75rem, 4vw, 3.75rem);margin: 0;z-index: -1;padding-left: 40px;margin-bottom: 20px;}#eventsBox {padding: 60px 30px;background-color: #213e82;margin-top: -5px;position: relative;}#eventsBox::after {content: '';position: absolute;width: 100vw;top: 0;right: 0;bottom: 0;transform: translateX(100%);background: #213e82;}#eventsKalender #clr-events-hide,#eventsKalender .tab_link_mehr {display: none;height: 0;}#eventsKalender .eventclndr-tab {margin-bottom: 0;margin-top: 16px;}#eventsList {position: relative;color: #fff;font-size: clamp(1rem, 2vw, 1.125rem);}#eventsList .tab_spacer {height: 0;display: none;}#eventsList .tab_link_entries {display: grid;gap: clamp(20px, 2vw, 30px);}#eventsList .tab_link_title a {color: #fff;font-weight: 600;text-decoration: none;}#eventsList .tab_link_mandat a {color: #fff;text-decoration: none;}#eventsList .tab_link_mehr {font-size: 0;position: relative;text-align: left !important;}#eventsList .tab_link_mehr a {margin-top: 20px;text-decoration: none;display: inline-block;position: relative;font-size: 1rem;color: #213e82;padding: 8px 20px;background-color: #fff;border: 2px solid #fff;}#eventsList .tab_link_mehr a:hover,#eventsList .tab_link_mehr a:focus {background-color: #213e82;color: #fff;}.button-design a:not(.has-image),#teams a:not(.has-image) :is(b, strong) {display: inline-block;line-height: 1.2;color: #fff;font-size: 1rem;font-weight: 600;background: #213e82;padding: 14px 20px;position: relative;text-decoration: none !important;transition: transform 200ms linear, filter 200ms linear;margin-top: 20px;}.button-design a:not(.has-image):is(:hover, :focus),#teams a:not(.has-image) :is(b, strong):is(:hover, :focus) {z-index: 1;transform: scale(1.1);filter: drop-shadow(0 15px 10px rgba(0, 0, 0, 0.15));}.button-design.button-design-2 a:not(.has-image) {color: #213e82;background: #fff;text-transform: uppercase;}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #213e82;font-weight: 600;line-height: 1.12;font-family: "Khand", sans-serif;margin-bottom: 15px;}h1,.h1,.legacy_h1 {font-size: clamp(2.25rem, 6vw, 2.75rem);margin-bottom: clamp(15px, 4vw, 40px);}h2,.h2,.legacy_h2 {font-size: clamp(2.0625rem, 5.5vw, 2.625rem);}h3,.h3,.legacy_h3 {font-size: clamp(1.875rem, 5vw, 2.5rem);}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 {font-size: clamp(1.6875rem, 4.5vw, 2.1875rem);}h5,.h5,.legacy_h5 {font-size: clamp(1.5625rem, 4vw, 1.875rem);}h6,.h6,.legacy_h6 {font-size: clamp(1.4375rem, 3.5vw, 1.5625rem);}#teams {padding-bottom: 60px;}#mitglied {background-position: center;background-size: cover;isolation: isolate;overflow: hidden;margin-bottom: 20px;background: #213e82;}#mitglied .tab {padding: 40px 0;position: relative;color: #fff;}#mitglied .tabHeadline {color: #fff;hyphens: none;font-size: clamp(2.25rem, 6vw, 3.125rem);}#mitglied .tab::after {content: '';position: absolute;inset: 0 -500px 0 -15px;background: linear-gradient(to right, #213e82 30%, transparent);z-index: -1;}#mitglied .tab::before {content: '';position: absolute;left: -15px;transform: translateX(-100%);width: 100vw;background: #213e82 url(../img/weibliche-fussballmannschaft-in-uniformen.png);background-repeat: no-repeat;background-position: bottom right 60px;z-index: -1;top: 0;bottom: 0;}footer {font-size: 1rem;}#footer {padding: clamp(40px, 8vw, 80px) 0 clamp(40px, 8vw, 70px) 0;background: #213e82;position: relative;z-index: 9;}@media (min-width: 1px) {#footer::after {content: "";display: block;position: absolute;top: -70px;bottom: -30px;right: -70px;background: url("../img/fussball-fussballschuhe.webp") center right / contain no-repeat;width: 50vw;max-width: 629px;}}@media (min-width: 2px) {#footer::after {width: 33vw;}}#footer,#footer :is(h1, h2, h3, h4, h5, h6, a) {color: #ffffff;}#footer :is(h1, h2, h3, h4, h5, h6) {font-size: 1.625rem;margin-bottom: 2px;}#innerfooter {padding: 24px 0;}#innerfooter ul {padding: 0;}@media (min-width: 1px) {#innerfooter li+li {margin-left: 30px;}#innerfooter li {display: inline-block;}}#innerfooter li:is(:hover, :focus) a {color: #213e82;}#innerfooter li a {color: inherit;}#footerRight {display: flex;flex-wrap: wrap;gap: 30px 60px;align-content: space-between;}#footer #vernetzt {gap: 14px;text-align: right;font-size: 0.8125rem;line-height: 1.3;margin: 0;font-weight: 400;text-decoration: none;}#footer #vernetzt span {display: block;}