/*2025-03-04-07:34:16*/@import url("https://fonts.verwaltungsportal.de/import/?family=Roboto:400,400i,700,700i");@import url("https://fonts.verwaltungsportal.de/import/?family=Amatic+SC:700");html { max-width: 1930px; margin-left: auto; margin-right: auto; background: #ba1c20; scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-color: #ba1c20 #ffffff;}body { font-family: "Roboto", sans-serif; color: #191919; background: #ffffff; font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a { color: #ba1c20;}a:is(:hover, :focus) { color: #ba1c20; text-decoration: underline;}b,strong { font-weight: 700;}#overflow { overflow: hidden;}.logo { display: flex; flex-wrap: wrap; gap: 15px 15px; text-decoration: none !important;}.logo .template-page { width: auto;}.logo .cleaner { display: none;}.logoText { color: #191919; align-content: center; line-height: 1; font-size: clamp(1rem, 1.5vw, 1.5rem);}.logoText :is(b, strong) { display: block; font-family: "Amatic SC", serif; font-weight: 700; color: #821416; font-size: clamp(2.5rem, 4vw, 3.75rem);}.logoText br { display: none;}@media (min-width: 3px) { nav.horizontally {background-color: #ffffff;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);position: sticky;left: 0;right: 0;top: 0;z-index: 101;padding: 20px 0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .is-sticky nav.horizontally {left: 50%;transform: translateX(-50%); } #navbar {align-content: center; } 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;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: #191919; font-weight: 700; text-align: left; padding: 12px 15px; position: relative; font-size: clamp(1.375rem, 1.9vw, 1.875rem); line-height: 1.2; text-decoration: none; font-family: "Amatic SC", serif; outline: 1px solid transparent; outline-offset: 10px; transition: outline 200ms, outline-offset 200ms; border-radius: 5px;}@media (min-width: 3px) { nav.horizontally a[class*="toplevel"] {padding: 10px 10px;display: flex;align-content: center;align-items: center;justify-content: center;text-align: center;height: 100%; }}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: #821416; outline-color: #821416; outline-offset: 0;}nav.horizontally [class*="toplevel"] ul { padding: 20px 0; background-color: #ffffff; border-radius: 5px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); border-top-left-radius: 20px; border-bottom-right-radius: 20px;}@media (min-width: 3px) { nav.horizontally [class*="toplevel"]>ul {left: 50%;margin-top: 45px;transform: translate(-50%, 0); } nav.horizontally [class*="secondlevel"]>ul {margin: -20px 0 0 10px; } nav.horizontally :is([class*="toplevel"], [class*="secondlevel"])>ul::before {content: "";position: absolute;display: block; } nav.horizontally [class*="toplevel"]>ul::before {height: 45px;left: 0;right: 0;top: -45px; } nav.horizontally [class*="secondlevel"]>ul::before {width: 10px;top: 0;bottom: 0;left: -10px; }}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) { background-color: transparent; color: #191919; font-weight: 400; text-align: center; padding: 8px 30px; position: relative; font-size: 1.125rem; line-height: 1.2; text-decoration: none;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::after { content: ""; position: absolute; left: 0%; top: 50%; height: 2px; margin-top: -1px; width: 0; background-color: #821416; transition: width 200ms linear;}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: #821416; background-color: transparent;}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 { width: 22px;}#slider,#headerpic { padding: 0; overflow: hidden; position: relative; max-height: clamp(300px, 52vw, 500px);}.index #slider,.index #headerpic { max-height: clamp(300px, 52vw, 600px);}@media (min-width: 3px) { #headerpic a.nivo-prevNav {left: 65px; } #headerpic a.nivo-nextNav {right: 65px; }}.slider-wrapper,#slider { height: 100%;}.slider-mask { display: block; background: url(../img/banner-welle.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain;}.tab { background-color: #fffcfc; position: relative; padding: clamp(25px, 4vw, 50px) 20px clamp(30px, 4vw, 40px) 20px; border-radius: 30px 0; border-top: 5px solid #ba1c20; border-bottom: 5px solid #ba1c20; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); font-size: 1rem;}#bg-right .tab { max-width: 400px; width: 100%; margin: 0 auto;}#contentTabs .tab { padding: 30px 20px;}#contentTabs .tab#gooding { border-radius: 50px 0; margin-top: 60px; margin-bottom: 20px;}#bg-right .tab::before { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #ffffff; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); width: 60px; height: 60px; border-radius: 30px; background-repeat: no-repeat; background-position: center;}#bg-right .tab:nth-of-type(1)::before { background-image: url(../img/icon-proben.png);}#bg-right .tab:nth-of-type(2)::before { background-image: url(../img/icon-termine.png);}#bg-right .tab:nth-of-type(3)::before { background-image: url(../img/icon-kontakt.png);}.tabHeadline { font-size: clamp(2rem, 2.3vw, 2.25rem); margin: 0 0 15px 0;}#contentTabs .tabHeadline,#tabslider .tabHeadline { font-size: clamp(2rem, 3vw, 3rem);}#bg-right { display: flex; flex-wrap: wrap; gap: 60px; flex-direction: column;}.tab .template-page a { text-decoration: underline;}#tabBig a,.tab a :is(b, strong),.tab :is(b, strong) a,.tab_link_mehr a { background: #ba1c20; font-family: "Amatic SC", serif; font-weight: 700; font-size: 1.125rem; color: #ffffff; display: inline-block; line-height: 1; padding: 8px 15px; border-radius: 100px; text-decoration: none;}#tabBig a { margin-top: 20px; border-radius: 15px; text-transform: uppercase; font-size: clamp(1.125rem, 2vw, 1.5rem);}#tabBig a:is(:hover, :focus),.tab a :is(b, strong):is(:hover, :focus),.tab :is(b, strong) a:is(:hover, :focus),.tab_link_mehr a:is(:hover, :focus) { background: #821416;}#content { text-align: left; row-gap: 30px; padding-top: clamp(30px, 5vw, 70px); padding-bottom: clamp(30px, 7vw, 90px);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 { color: #821416; font-weight: 700; line-height: 1.2; font-family: "Amatic SC", serif;}h1,.h1,.legacy_h1 { font-size: clamp(1.75rem, 4vw, 3.75rem);}h2,.h2,.legacy_h2 { font-size: clamp(1.625rem, 3.5vw, 3rem);}h3,.h3,.legacy_h3 { font-size: clamp(1.5625rem, 3vw, 2.5rem);}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 { font-size: clamp(1.5rem, 2.5vw, 2.25rem);}h5,.h5,.legacy_h5 { font-size: clamp(1.5rem, 2vw, 2rem);}h6,.h6,.legacy_h6 { font-size: clamp(1.25rem, 1.75vw, 1.75rem);}#events { padding-bottom: 20px; padding-bottom: 20px;}#clr-events-hide { margin-top: 25px;}#events .tab_link_title a { font-weight: 700; color: #821416;}#events .tab_link_mandat a { color: #191919;}#events .eventclndr-tab { margin-bottom: 0; width: calc(100% + 40px); margin-left: -20px;}#events #clr-events-hide>p:nth-child(1) { display: none !important;}#events .tab_spacer { height: 15px;}#events .tab_link_mehr { font-size: 0;}#tabslider { padding-top: 40px; position: relative; isolation: isolate;}#tabslider::after { content: ""; position: absolute; left: -19.2708vw; bottom: -100px; background-image: url(../img/dekorative-line-art-von-saengern.png); width: 871px; height: 494px; z-index: -1;}#tabslider>.row { margin: 0;}#tab26 { margin: auto; width: 100%; max-width: 1200px;}#tab26 .tab { font-size: 1rem; background: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}#tab26 .tab :is(h1, h2, h3, h4, h5, h6) { font-size: 1.25rem; font-weight: 700; margin-bottom: 40px; font-family: "Roboto", sans-serif;}#tab26 img { left: -20px; top: -20px; display: block; max-width: unset; position: relative; width: calc(100% + 40px);}#tab26 .slick-slide { padding: 15px;}#tab26 .slick-dots button,#tab26 .slick-button { background: transparent; border: none; padding: 5px;}#tab26 .slick-button { font-size: 0px; position: relative; top: 4px;}#tab26 .slick-prev { margin-left: 14px;}#tab26 .slick-button::before { display: block; line-height: 9px; height: 20px; font-size: 40px; color: #191919;}#tab26 .slick-button::after { content: ""; position: absolute; pointer-events: none; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.05); transition: width 200ms linear, height 200ms linear; z-index: -1;}#tab26 .slick-button:focus::after,#tab26 .slick-button:hover::after { width: 28px; height: 28px;}#tab26 .slick-dots { padding: 0 15px; list-style: none;}#tab26 .slick-dots>li { display: inline-block; position: relative; top: 50%; font-size: 0px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #821416; transform: translateY(-50%);}#tab26 .slick-dots,#tab26 .slick-button { display: inline-block !important;}#tab26 .slick-dots>li.slick-active { background: #ba1c20; transition: background 200ms linear;}#tab26 .slick-dots>li+li { margin-left: 10px;}#tab26 .slick-prev::before { content: "\2039";}#tab26 .slick-next::before { content: "\203A";}#tab26 .slick-animate-control { position: relative; z-index: 2; border-radius: 50%; width: 30px; height: 30px; top: -5px; left: 10px; border: 1px solid transparent; background-color: #ba1c20; background-size: 16px 16px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M12 36V12h24v24Z' fill='%23fff'/%3E%3C/svg%3E");}#tab26 .slick-animate-control.slick-pause { background-size: 20px 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M16 37.85v-28l22 14Z' fill='%23fff'/%3E%3C/svg%3E");}#tab26 .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}#tab26 .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}#tab26 .slick-list:focus { outline: none;}#tab26 .slick-list.dragging { cursor: pointer; cursor: hand;}#tab26 .slick-slider .slick-track,#tab26 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}#tab26 .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto;}#tab26 .slick-track:before,#tab26 .slick-track:after { content: ""; display: table;}#tab26 .slick-track:after { clear: both;}#tab26 .slick-loading .slick-track { visibility: hidden;}#tab26 .slick-slide { float: left; height: 100%; min-height: 1px; display: none;}#tab26 [dir="rtl"] .slick-slide { float: right;}#tab26 .slick-slide img { display: block;}#tab26 .slick-slide.slick-loading img { display: none;}#tab26 .slick-slide.dragging img { pointer-events: none;}#tab26 .slick-initialized .slick-slide { display: block;}#tab26 .slick-loading .slick-slide { visibility: hidden;}#tab26 .slick-vertical .slick-slide { display: block; height: auto;}#tab26 .slick-arrow.slick-hidden { display: none;}#tab26 .tabWrapper { opacity: 0;}#tab26 .tabWrapper.slick-initialized { opacity: 1; transition: opacity 200ms linear;}#tabBig { font-size: clamp(1.25rem, 2vw, 1.75rem); padding: 40px 0; color: #ba1c20;}#tabBig .tabHeadline { font-size: clamp(1.875rem, 4vw, 3.75rem);}#paralax { height: 340px; background-attachment: fixed; position: relative; background-position: center !important;}#paralax::before { content: ""; inset: 0; position: absolute; background: url(../img/parallax-welle.png); background-position: top center; background-size: contain; background-repeat: no-repeat;}#paralax>.row::after { content: ""; position: absolute; background: url(../img/icon-musiknoten-parallax.png); width: 203px; height: 203px; right: 0; top: -25px; transform: translateX(100%); background-position: top center; background-size: contain; background-repeat: no-repeat;}@media (min-width: 3px) { #paralax>.row {background: url(../img/dekorative-noten.png);background-position: center;background-repeat: no-repeat;height: 100%; }}footer { background: #821416; color: #ffffff;}footer>.row { padding: 30px 0;}#innerfooter ul { padding: 0;}#innerfooter a { color: #ffffff; text-decoration: none; display: inline-block; font-size: 1rem; padding: 6px; border-radius: 5px; outline: 1px solid transparent; transition: outline 300ms;}@media (min-width: 3px) { #innerfooter a {padding: 10px 20px; }}#innerfooter a:is(:hover, :focus) { outline-color: #ffffff;}@media (min-width: 1px) { #innerfooter li+li {margin-left: 5px; } #innerfooter li {display: inline-block; }}#scrollTop { opacity: 1 !important; font-size: 0; border: 1px solid #ffffff; border-radius: 3px; width: 40px; height: 40px; display: block; position: relative; margin: 0 auto;}@media (min-width: 2px) { #scrollTop {margin-right: 0; }}#scrollTop::after { content: ""; position: absolute; left: 13px; top: 16px; width: 9px; height: 9px; border-radius: 2px; display: inline-block; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(-45deg); transition: border 300ms linear;}#scrollTop:is(:hover, :focus) { background-color: #ba1c20;}#vernetzt { gap: 10px; text-align: left; font-size: 0.875rem; color: #fff; line-height: 1.4; text-decoration: none;}#vernetzt span span { display: block;}