/*2025-12-01-11:27:53*/@import url("https://fonts.verwaltungsportal.de/import/?family=Golos+Text:400,600,400i,600i,700,700i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #dee8ff;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #b30e08 #ffffff;scrollbar-width: thin;}body {font-family: "Golos Text", sans-serif;color: #222222;background: #ffffff;font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a {color: #b30e08;}a:is(:hover, :focus) {text-decoration: underline;}b,strong {font-weight: 600;}#logo {display: inline-block;}#logo img {display: block;}@media (min-width: 3px) {#logo {position: absolute;top: -40px;z-index: 55;}.is-sticky #logo img {max-width: 120px;}}@media (min-width: 3px) {nav.horizontally {padding: 28px 0;transition: box-shadow 200ms linear, background-color 200ms linear;}.is-sticky nav.horizontally {background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);}nav.horizontally>.row {max-width: 1550px;width: 100%;}nav.horizontally .navbar-nav {display: flex;justify-content: space-between;row-gap: 15px;flex-wrap: wrap;max-width: 794px;margin: 0 auto;background: #ffffff;border-radius: 6px;padding: 0 12px;}.is-sticky nav.horizontally .navbar-nav {background: transparent;}nav.horizontally .navbar-nav ul {position: absolute;top: 100%;left: -30px;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: #222222;font-weight: 600;text-align: left;padding: 12px 35px 12px 15px;position: relative;font-size: 1rem;line-height: 1.2;text-decoration: none;hyphens: auto;text-transform: uppercase;}@media (min-width: 3px) {nav.horizontally li[class*="toplevel"]+li {position: relative;}nav.horizontally li[class*="toplevel"]+li {display: flex;align-content: center;align-items: center;flex-grow: 1;}nav.horizontally li[class*="toplevel"]+li::before {content: "•";color: #b30e08;flex-grow: 1;margin: 0 10px;text-align: center;}nav.horizontally a[class*="toplevel"] {padding: 7px 0;text-align: center;z-index: 1;}nav.horizontally a[class*="toplevel"]::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 85px;height: 63px;background: url('../img/hover-hauptmenue.png') no-repeat;opacity: 0;z-index: -1;transition: opacity 300ms;} }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: #172f71;background-color: transparent;}@media (min-width: 3px) {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: #ffffff;border-radius: 5px;border: 1px solid #b3b3b3;padding: 15px;hyphens: auto;}@media (min-width: 3px) {nav.horizontally [class*="toplevel"] ul {border-radius: 20px;padding-top: 22px;padding-bottom: 22px;}nav.horizontally [class*="toplevel"]>ul {margin-top: 20px;}nav.horizontally :is([class*="toplevel"], [class*="secondlevel"])>ul::before {content: "";position: absolute;display: block;}nav.horizontally [class*="toplevel"]>ul::before {height: 30px;left: 0;right: 0;top: -30px;}nav.horizontally [class*="secondlevel"]>ul {margin-top: -23px;margin-left: 35px;}nav.horizontally [class*="secondlevel"]>ul::before {width: 35px;top: 0;bottom: 0;left: -35px;}}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {color: #222222;font-weight: 400;text-align: left;padding: 10px 15px;font-size: 1rem;line-height: 1.2;text-decoration: none;border-radius: 8px;}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: #b30e08;color: #ffffff;}#controls {position: static;}#suche,#select summary {width: 40px;height: 40px;position: relative;}@media (min-width: 3px) {#suche,#select summary {width: 60px;height: 60px;}}#suche {display: grid;place-items: center;}@media (min-width: 3px) {#suche::after {content: "";width: 0;height: 0;display: inline-block;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);pointer-events: none;transition: width 200ms linear, height 200ms linear;background: rgba(255, 255, 255, 0.4);z-index: -1;}.is-sticky #suche {filter: brightness(0) saturate(100%)}#suche:is(:hover, :focus)::after {width: 100%;height: 100%;}}#select {margin-left: 15px;font-size: 1rem;}#select summary {cursor: pointer;background: #b30e08 url("../img/kontakt-icon.png") center no-repeat;font-size: 0 !important;list-style: none;border-radius: 6px;}#select summary::after {content: '';width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #b30e08 transparent;position: absolute;top: 50px;left: 50%;transform: translateX(-50%);opacity: 0;}@media (min-width: 3px) {#select summary::after {top: 65px;}}#select[open] summary::after {opacity: 1;}#contact-content {position: absolute;top: calc(100% + 20px);left: 15px;right: 15px;background: #b30e08;color: #ffffff;border-radius: 6px;padding: 32px 28px;font-size: 1rem;transition: all 300ms linear;}@media (min-width: 3px) {#contact-content {width: 100%;left: unset;right: 15px;max-width: 290px;}}#contact-content :is(h1, h2, h3, h4, h5, h6) {font-size: 1.25rem;margin-bottom: 20px;}#contact-content :is(h1, h2, h3, h4, h5, h6, a) {color: inherit;}#contact-content a {text-decoration: underline;}@media (min-width: 1px) {header {z-index: 1;position: relative;}header::after {content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 49%;clip-path: polygon(52% 0%, 100% 0%, 100% 100%, 0% 100%);z-index: -1;box-shadow: inset 0 0 0 100vw rgba(23, 47, 113, 0.8);}}#headerpic>.row {row-gap: 30px;}@media (min-width: 3px) {#headerpic>.row {max-width: 1550px;width: 100%;}}.bannerSideTab h2 {font-size: clamp(1.875rem, 6vw, 5rem);line-height: 1.1;margin-bottom: clamp(15px, 2vw, 30px);}.bannerSideTab h2 :is(i, em) {color: #b30e08;text-transform: uppercase;margin-bottom: 5px;font-style: normal;display: block;}.slider-wrapper {border: 20px solid #ffffff;}body:not(.index) .slider-wrapper {border-left: unset;border-bottom: unset;}#slider {max-height: clamp(300px, 42vw, 400px);position: relative;}@media (min-width: 3px) {.index #slider {max-height: clamp(400px, 53vw, 510px);}}#headerpic {margin: 0 auto;position: relative;width: 100%;padding: clamp(40px, 7vw, 72px) 0 clamp(40px, 7vw, 100px) 0;}body:not(.index) #headerpic {padding: 0;}.slider-wrapper,#slider {height: 100%;}.slider-mask {display: none;}#markerTab {background: #2c4fa4 url(../img/icon-bowling.png) bottom -5px right calc(50% + 700px) no-repeat;padding: clamp(30px, 4vw, 50px) 0;font-size: 1rem;}#markerTab>.row {row-gap: 15px;}#markerTab,#markerTab :is(h1, h2, h3, h4, h5, h6) {color: #ffffff;}#markerTab :is(h1, h2, h3, h4, h5, h6) {font-weight: 700;margin: 0;}.buttonStyle a:not(.has-image):not([rel]) {display: inline-block;padding: 13px 20px;color: #ffffff;font-size: 1rem;background: #b30e08;border-radius: 6px;text-decoration: none;font-weight: 700;position: relative;}.buttonStyle a:not(.has-image):not([rel])::before {content: '';display: block;position: absolute;top: -6px;left: -6px;width: calc(100% + 12px);height: calc(100% + 12px);outline: 1px solid #b30e08;border-radius: 6px;opacity: 0;transition: opacity 300ms;}.buttonStyle a:hover:not(.has-image):not([rel])::before {opacity: 1;}.buttonStyle a:not(.has-image):not([rel]):is(:hover, :focus) {background: #b30e08;}.buttonStyle.buttonColor a:not(.has-image):not([rel]) {background: #ffffff;color: #b30e08;}.buttonStyle a+a {margin-left: 15px;}.buttonStyle.buttonColor a:not(.has-image):not([rel]):is(:hover, :focus) {background: #b30e08;color: #fff;}:is(.bannerSideTab.buttonStyle, #infoTab .buttonStyle) a:not(.has-image):not([rel]) {margin-top: clamp(20px, 3vw, 40px);}#tabs {position: relative;padding-bottom: clamp(60px, 7vw, 95px);}#tabs::before {content: "";position: absolute;right: 0;top: 100px;bottom: 0;width: 59%;clip-path: polygon(9% 0, 100% 0%, 100% 100%, 0% 100%);background: #b30e08;}#tabs>.row {row-gap: 30px;}#tabs .tab {min-height: 100%;padding: clamp(30px, 3vw, 40px) clamp(15px, 2vw, 30px);border: 1px solid #b3b3b3;border-radius: 20px;font-size: 1rem;background: #ffffff;}#tabs .tabHeadline {text-transform: uppercase;color: #172f71;margin-bottom: 10px;hyphens: auto;}#tabs .tabHeadline::before {content: "";background: #2c4fa4 no-repeat;border-radius: 6px;display: block;margin: 0 auto clamp(20px, 2vw, 30px) auto;width: 60px;height: 60px;background-position: center;}#tabs .tab1 .tabHeadline::before {background-image: url(../img/icon-trainingszeiten.png);}#tabs .tab2 .tabHeadline::before {background-image: url(../img/icon-spielbetrieb.png);}#tabs .tab3 .tabHeadline::before {background-image: url(../img/icon-freizeitangebot.png);}#infoTab {position: relative;padding: clamp(60px, 7vw, 100px) 0;}@media (min-width: 2px) {#infoTab {padding-bottom: clamp(190px, 20vw, 230px);background: url('../img/wimpel.png') bottom -130px right no-repeat;}}#infoTab::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 41%;clip-path: polygon(0 0, 100% 0%, 58% 100%, 0% 100%);box-shadow: inset 0 0 0 100vw rgba(23, 47, 113, 0.8);}#infoTab h2 {line-height: 1.1;margin-bottom: clamp(15px, 2vw, 30px);}#infoTab h2 :is(i, em) {color: #b30e08;text-transform: uppercase;margin-bottom: 5px;font-style: normal;display: block;}#infoTab .banner {border: 20px solid #ffffff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}@media (min-width: 2px) {#infoTab .banner {height: 100%;border-right: none;box-shadow: none;}}#infoTab .banner img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}#content {text-align: left;padding-top: clamp(40px, 4vw, 50px);padding-bottom: clamp(40px, 4vw, 60px);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #172f71;font-weight: 700;line-height: 1.2;font-family: "Golos Text", sans-serif;}:is(.bannerSideTab, #infoTab) h2 :is(i, em) {font-size: clamp(1.375rem, 3.5vw, 1.875rem);}#infoTab h2,h1,.h1,.legacy_h1 {font-size: clamp(1.875rem, 4vw, 3.125rem);}h2,.h2,.legacy_h2,:is(#markerTab, #tabs .tabHeadline, footer .tabHeadline) :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(1.75rem, 3.5vw, 1.875rem);}h3,.h3,.legacy_h3 {font-size: 1.625rem;}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 {font-size: 1.5rem;}h5,.h5,.legacy_h5 {font-size: 1.4rem;}h6,.h6,.legacy_h6 {font-size: 1.3rem;}footer {font-size: 1rem;}footer,footer>.row {background: #2c4fa4;}@media (min-width: 2px) {.index footer {background: none;}}footer>.row {padding: clamp(40px, 4vw, 60px) clamp(15px, 3vw, 45px);}@media (min-width: 2px) {footer>.row {max-width: 1170px;width: 100%;}footer>.row>*+* {border-left: 1px solid rgba(255, 255, 255, 0.3);}.index footer {margin-top: -130px;}footer>.row>*:nth-child(2) {padding-left: 30px;}}@media (min-width: 3px) {footer>.row>*:nth-child(1) {padding-right: 30px;}footer>.row>*:nth-child(2) {padding-left: 60px;}}@media (min-width: 4px) {.index footer {margin-bottom: -100px;}}footer>.row,footer :is(h1, h2, h3, h4, h5, h6, a) {color: #ffffff;}footer .tabHeadline {margin-bottom: 25px;}footer .template-page a {text-decoration: underline;}#innerfooter ul {padding: 0;}@media (min-width: 2px) {#innerfooter ul {margin-top: 30px;display: flex;justify-content: space-between;row-gap: 15px;flex-wrap: wrap;}#innerfooter li:not(:first-child) {flex-grow: 1;display: flex;justify-content: space-between;}#innerfooter li+li::before {content: "•";color: #ffffff;flex-grow: 1;margin: 0 10px;}}#innerfooter a {color: #ffffff;display: inline-block;font-weight: 600;}#innerfooter a:is(:hover, :focus) {text-decoration: underline;}#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;}