/* * Uebernommenes Zusaetzliches CSS * * Diese Datei entstand am 24.08.2026 aus "Design -> Zusaetzliches CSS". * Sie wird als letztes Stilblatt geladen, damit die Rangfolge der Regeln * unveraendert bleibt. Aenderungen bitte hier vornehmen, nicht mehr im Customizer. */ /* Das Hellblau des Vereins an EINER Stelle (Eltern 1.0.38, 29.09.2026): Streifen der Kopfbox und der Karten, Raender, Verlaeufe, Pfeile. Wer es aendert, aendert es nur hier - die seiteneigenen Variablen (--skl-hell, --bb-hell, --sax-hell ...) und das Kind-Theme (--m-hell) verweisen hierher. Die Plugins behalten ihren eigenen Wert: sie muessen auch ohne dieses Theme richtig aussehen. */ :root{--skl-hellblau:#679dce} /* Ueberschriften aus dem Editor (.wp-block-heading) in der Form Ue-C - in ALLEN vier Themes (Eltern 1.0.39, 29.09.2026; bis dahin nur im Kind-Theme 1.0.69 bis 1.0.74, deshalb fehlte sie den Vorschau-Themes - Punkt 3 der Liste "Gestaltung"). .m-artikel ist der Seiteninhalt des Kind-Themes, .content>article der der drei klassischen. Die Regel steht bewusst OBEN in dieser Datei: Alles, was weiter unten eine Ueberschrift eigens gestaltet (Kopfbox, Karten, Abschnittsueberschrift ...), gewinnt wie bisher. Plugin-Ueberschriften bleiben beim Plugin. */ .m-artikel h2.wp-block-heading,.content>article h2.wp-block-heading{padding-bottom:.8rem;border-bottom:3px solid #d6e9f6;color:#0876b8;font-size:clamp(1.45rem,2.6vw,1.875rem);font-weight:800;line-height:1.25} .m-artikel h3.wp-block-heading,.content>article h3.wp-block-heading{color:#075d91;font-size:clamp(1.1rem,1.6vw,1.2rem);font-weight:750;line-height:1.3} /* Die klassischen Themes haben Arial als Grundschrift; die Form Ue-C steht in der Systemschrift wie im Kind-Theme. */ .content>article :is(h2,h3).wp-block-heading{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} /* Hauptmenü: Untermenüs erst beim Berühren oder Anklicken anzeigen */ nav .menu, nav .menu ul { list-style: none; margin: 0; padding: 0; } nav .menu > li { position: relative; } nav .menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 9999; min-width: 240px; padding: 8px 0; background: #ffffff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18); } nav .menu li:hover > .sub-menu, nav .menu li:focus-within > .sub-menu { display: block; } nav .menu .sub-menu li { position: relative; display: block; width: 100%; } nav .menu .sub-menu a { display: block; padding: 9px 16px; white-space: nowrap; } nav .menu .sub-menu .sub-menu { top: 0; left: 100%; } /* Dropdown-Menü – unabhängig vom Theme-Container */ .menu-item-has-children { position: relative !important; } .menu-item-has-children > .sub-menu { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; z-index: 99999 !important; min-width: 240px !important; margin: 0 !important; padding: 8px 0 !important; list-style: none !important; background: #ffffff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20) !important; } .menu-item-has-children:hover > .sub-menu, .menu-item-has-children:focus-within > .sub-menu { display: block !important; } .menu-item-has-children > .sub-menu > li { position: relative !important; display: block !important; width: 100% !important; } .menu-item-has-children > .sub-menu a { display: block !important; padding: 9px 16px !important; white-space: nowrap !important; } .menu-item-has-children > .sub-menu .sub-menu { top: 0 !important; left: 100% !important; } /* Originalfarben der bisherigen Stadtkapelle-Webseite */ :root { --skl-blue: #0876b8; --skl-deep: #6598CB; --skl-paper: #F6F6F2; --skl-ink: #3B3B3B; } /* Blauer Kopfbereich wie auf der bisherigen Webseite */ .site-header { background: #6598CB !important; border-top-color: #6598CB !important; border-bottom-color: #6598CB !important; } /* Hauptmenü weiß, Dropdowns dunkel auf weiß */ .primary-menu > li > a { color: #FFFFFF !important; } .primary-menu > li > a:hover, .primary-menu > li > a:focus { color: #FFFFFF !important; border-color: #FFFFFF !important; } .primary-menu .sub-menu a { color: #3B3B3B !important; } .primary-menu .sub-menu a:hover, .primary-menu .sub-menu a:focus { color: #0876b8 !important; } /* Kleiner Pfeil bei Menüpunkten mit Untermenü */ .primary-menu > .menu-item-has-children > a::after { content: " ▾"; opacity: 0.8; } /* Landavia-Logo */ .site-branding .custom-logo { width: 130px !important; height: 130px !important; object-fit: contain; } /* Fußbereich */ .site-footer { background: #6598CB !important; color: #FFFFFF !important; } /* Inhalt */ body { background: #F6F6F2 !important; color: #3B3B3B !important; } /* SKL Lehrerseite Einrichtung: Anfang */ .skl-lehrer-einstieg{margin:0 0 2rem} .skl-lehrer-einstieg span{color:#44576a;font-size:1rem} .skl-lehrer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0 0 2rem} .skl-lehrer-karte{min-width:0;margin:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease} .skl-lehrer-karte:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(35,69,99,.18)} .skl-lehrer-karte>a{display:flex;flex-direction:column;height:100%;color:#1d2f40;text-decoration:none} .skl-lehrer-karte>a:focus-visible{outline:4px solid #f0c900;outline-offset:-4px} .skl-lehrer-bild{overflow:hidden;background:#dfeaf3;aspect-ratio:4/5} .skl-lehrer-bild img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center 22%;transition:transform .25s ease} .skl-lehrer-karte:hover .skl-lehrer-bild img{transform:scale(1.035)} .skl-lehrer-karteninhalt{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.2rem 1.25rem 1.3rem} .skl-lehrer-karteninhalt h2{margin:0 0 .65rem} .skl-lehrer-instrument{display:inline-block;margin:0 0 1.15rem;padding:.35rem .7rem;color:#31546f;background:#e9f2f8;border-radius:999px;font-size:.93rem;font-weight:700} .skl-lehrer-mehr{margin-top:auto;color:#0876b8;font-weight:800} .skl-lehrer-mehr span{display:inline-block;transition:transform .2s ease} .skl-lehrer-karte:hover .skl-lehrer-mehr span{transform:translateX(4px)} @media(max-width:900px){.skl-lehrer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.skl-lehrer-grid{grid-template-columns:1fr;gap:1.1rem}} /* SKL Lehrerseite Einrichtung: Ende */ /* SKL Formulare und Infos Einrichtung: Anfang */ .skl-formulare-infos-seite{--skl-blau:#0876b8;--skl-blau-dunkel:#075d91;--skl-blau-hell:var(--skl-hellblau);--skl-eisblau:#eaf3fb;--skl-text:#203243;max-width:1120px;margin:0 auto 2rem;color:var(--skl-text)} .skl-formulare-spalten{align-items:stretch;gap:1.5rem;margin:0 0 1.6rem} .skl-formulare-karte{display:flex;flex-direction:column;margin:0;padding:1.45rem} .skl-formulare-karte h3{margin:0 0 .35rem} .skl-formulare-karte>p{min-height:3.2em;margin:0 0 1.1rem} /* 0.7.12: align-items:stretch, sonst sind die Knoepfe unterschiedlich breit. WordPress gibt dem Buttons-Block eine eigene Layout-Regel (wp-container-core-buttons-is-layout-...) mit align-items:flex-start; in der Spalten-Flexbox schrumpft dann jeder Knopf auf seine Textbreite, und das width:100% der Zeile darunter kommt nicht zum Zug. */ .skl-formulare-buttons{display:flex!important;flex:1;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:.8rem!important;width:100%} .skl-formular-button{width:100%;margin:0!important} .skl-formular-button .wp-block-button__link{display:flex!important;align-items:center;justify-content:space-between;width:100%;text-align:left;text-decoration:none!important} .skl-formular-button .wp-block-button__link::after{content:"↗";flex:0 0 auto;margin-left:.8rem;font-size:1.15rem;font-weight:800} .skl-formular-button .wp-block-button__link:focus-visible,.skl-kontakt-button .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px} /* 0.7.14: derselbe Auftritt wie die Karten darueber - weisser Grund statt blauem Verlauf. */ .skl-formulare-kontakt{gap:1.2rem;margin:0 0 1rem;padding:1.45rem;color:var(--skl-text)} .skl-formulare-kontakttext{flex:1 1 390px} .skl-formulare-kontakt h3{margin:0 0 .25rem;color:var(--skl-blau);font-size:1.35rem} .skl-formulare-kontakt p{margin:0} .skl-kontakt-button .wp-block-button__link{text-decoration:none!important} .skl-formulare-hinweis{margin:.85rem 0 0!important;color:#607385;font-size:.92rem;line-height:1.5} @media(max-width:781px){.skl-formulare-spalten{gap:1.1rem}.skl-formulare-karte{padding:1.15rem}.skl-formulare-karte>p{min-height:0}.skl-formulare-kontakt{align-items:flex-start!important;padding:1.2rem}.skl-kontakt-button{width:100%}.skl-kontakt-button .wp-block-button__link{width:100%;text-align:center}} /* SKL Formulare und Infos Einrichtung: Ende */ /* SKL Kontaktadressen Einrichtung: Anfang */ .skl-kontakt-karte{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;margin:0;padding:1.3rem} .skl-kontakt-karte h3{margin:0 0 .75rem;color:var(--skl-blau);font-size:clamp(1.25rem,2vw,1.48rem);line-height:1.25} .skl-kontakt-button .wp-block-button__link{text-decoration:none!important} .skl-kontakt-button .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px} @media(max-width:700px){.skl-kontakt-karte{padding:1.15rem}} /* SKL Kontaktadressen Einrichtung: Ende */ /* SKL Musikschulseite Einrichtung: Anfang */ .skl-musikschule-seite,.skl-musikschule-seite *{box-sizing:border-box} .skl-musikschule-seite{--skl-blau:#0876b8;--skl-blau-dunkel:#075d91;--skl-blau-hell:var(--skl-hellblau);--skl-eisblau:#eaf3fb;--skl-text:#203243;display:block;clear:both;width:100%;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)} .skl-musikschule-seite>.wp-block-group,.skl-musikschule-seite>.wp-block-heading{position:relative;float:none!important;clear:both;width:100%;max-width:100%!important;margin-left:0!important;margin-right:0!important} .skl-musikschule-hero{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:stretch;clear:both;width:100%;max-width:100%!important;gap:0;margin:0 0 1.5rem!important;overflow:hidden;isolation:isolate} .skl-musikschule-herotext{display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:none!important;margin:0!important;padding:2rem 2.1rem} .skl-musikschule-heroaktionen{display:flex!important;gap:.7rem!important} .skl-musikschule-hero-bild{align-self:stretch;min-width:0;max-width:none!important;margin:0!important;background:#d8e6f0} .skl-musikschule-hero-bild img{display:block;width:100%;min-height:320px;max-width:none;object-fit:cover;object-position:center} .skl-musikschule-vorteile{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:stretch;clear:both;width:100%;max-width:100%!important;gap:1.2rem;margin:0 0 1.5rem!important} .skl-musikschule-vorteil{display:block;float:none!important;position:relative;width:100%;min-width:0;max-width:none!important;margin:0!important;padding:1.2rem 1.25rem} .skl-musikschule-vorteil h3{margin:0 0 .45rem} .skl-musikschule-vorteil p{margin:0} /* 0.7.0 (03.09.2026): Kasten "Unsere Musikschule" traegt den Streifen OBEN wie die drei Kaesten darueber, nicht mehr links. Zwei Regeln (hier einklassig, weiter unten zweiklassig mit !important); auf der Seite gewinnt die zweiklassige. */ .skl-musikschule-inhalt{display:block;position:relative;float:none!important;clear:both;width:100%;max-width:100%!important;margin:0 0 1.65rem!important;padding:1.5rem 1.65rem} .skl-musikschule-inhalt h2,.skl-musikschule-navtitel{margin-top:0} .skl-musikschule-inhalt p:last-child{margin-bottom:0} .skl-musikschule-navtitel{margin-bottom:1rem} .skl-musikschule-navgrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:stretch;clear:both;width:100%;max-width:100%!important;gap:1.2rem;margin:0 0 1.5rem!important} .skl-musikschule-navkarte{display:flex;float:none!important;position:relative;flex-direction:column;width:100%;min-width:0;max-width:none!important;margin:0!important;padding:1.25rem;transition:transform .18s ease,box-shadow .18s ease} .skl-musikschule-navkarte:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(34,73,106,.16)} .skl-musikschule-navkarte h3{margin:0 0 .45rem} .skl-musikschule-navkarte>p{margin:0 0 1rem;color:#536779;line-height:1.55} .skl-musikschule-navaktion{margin-top:auto} .skl-musikschule-abschluss{position:relative;float:none!important;clear:both;width:100%;max-width:100%!important;gap:1.2rem;margin:0!important;padding:1.3rem 1.45rem;color:#fff;background:linear-gradient(135deg,var(--skl-blau) 0%,var(--skl-blau-hell) 100%);border-radius:16px;box-shadow:0 9px 24px rgba(34,73,106,.14)} .skl-musikschule-abschluss p{margin:0;color:#fff;line-height:1.55} .skl-musikschule-seite-v2>.skl-musikschule-hero{float:none!important;clear:both;width:100%;max-width:100%!important} .skl-musikschule-seite-v2>.skl-musikschule-vorteile,.skl-musikschule-seite-v2>.skl-musikschule-inhalt,.skl-musikschule-seite-v2>.skl-musikschule-navigation,.skl-musikschule-seite-v2>.skl-musikschule-abschluss{float:none!important;clear:both;width:100%;max-width:100%!important} .skl-musikschule-seite-v2 .skl-musikschule-heroaktionen{display:flex;flex-wrap:wrap;gap:.7rem} .skl-musikschule-linkbutton{display:inline-block;text-decoration:none!important} .skl-musikschule-seite-v2 .skl-musikschule-abschluss{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .skl-musikschule-linkbutton:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px} @media(max-width:720px){.skl-musikschule-hero{grid-template-columns:1fr}.skl-musikschule-herotext{padding:1.35rem}.skl-musikschule-hero-bild{grid-row:1}.skl-musikschule-hero-bild img{min-height:0;aspect-ratio:16/10}.skl-musikschule-vorteile,.skl-musikschule-navgrid{grid-template-columns:1fr}.skl-musikschule-inhalt{padding:1.2rem}.skl-musikschule-abschluss{align-items:flex-start!important;padding:1.2rem}} @media(prefers-reduced-motion:reduce){.skl-musikschule-navkarte{transition:none}} /* SKL Musikschulseite Einrichtung: Ende */ /* SKL INFO Gutenberg START */ .skl-info-gb-seite,.skl-info-gb-seite *{box-sizing:border-box}.skl-info-gb-seite{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important}.skl-info-gb-seite>.wp-block-group__inner-container{max-width:none!important}.skl-info-gb-kopf{margin:0 0 1.5rem!important}/* 0.7.2 (03.09.2026): Kopfkasten der Info-Seiten (Ueber uns, Geschichte, Hans-Streily-Haus, Anfahrt, Unterstuetzung) - Titel und Text ohne Breitengrenze (waren 820/880 px). */ .skl-info-gb-raster,.skl-info-gb-galerie,.skl-info-gb-zeitstrahl{align-items:stretch!important;gap:1.2rem!important;margin:0 0 1.5rem!important}.skl-info-gb-raster>.wp-block-column,.skl-info-gb-galerie>.wp-block-column,.skl-info-gb-zeitstrahl>.wp-block-column{display:flex!important;min-width:0!important}.skl-info-gb-karte,.skl-info-gb-ereignis{width:100%!important;margin:0!important;padding:clamp(1.2rem,2.5vw,1.55rem)!important}.skl-info-gb-karte h3{margin:0 0 .7rem!important}.skl-info-gb-karte p{color:#42586c!important;line-height:1.67!important}.skl-info-gb-symbol{display:flex!important;align-items:center!important;justify-content:center!important;width:2.75rem!important;height:2.75rem!important;margin:0 0 .7rem!important;color:#fff!important;background:linear-gradient(135deg,var(--skl-blau),var(--skl-hell))!important;border-radius:50%!important;font-weight:850!important}.skl-info-gb-karte .skl-info-gb-symbol{color:#fff!important;background:linear-gradient(135deg,#0876b8,var(--skl-hellblau))!important;font-size:1.25rem!important;line-height:1!important}.skl-info-gb-ereignis{display:grid!important;grid-template-columns:5.3rem minmax(0,1fr)!important;align-items:start!important;gap:.85rem!important;padding:1.05rem!important}.skl-info-gb-ereignis>.wp-block-group__inner-container{display:grid!important;grid-column:1/-1!important;grid-template-columns:5.3rem minmax(0,1fr)!important;align-items:start!important;gap:.85rem!important;width:100%!important;max-width:none!important;margin:0!important}.skl-info-gb-ereignis>.wp-block-group__inner-container>p{min-width:0!important}.skl-info-gb-ereignis p{margin:.18rem 0 0!important;color:#42586c!important}.skl-info-gb-jahr{margin:0!important;padding:.48rem .55rem!important;color:#fff!important;background:var(--skl-blau)!important;border-radius:999px!important;font-weight:850!important;text-align:center!important}.skl-info-gb-textfeld{width:100%!important;margin:0 0 1.5rem!important;padding:clamp(1.3rem,3vw,1.8rem)!important}.skl-info-gb-bild{width:100%!important;margin:0!important;overflow:hidden!important;background:#eaf3fb!important;border:1px solid #d6e4ef!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(34,73,106,.1)!important}.skl-info-gb-bild img{display:block!important;width:100%!important;max-width:100%!important;height:260px!important;object-fit:cover!important}.skl-info-gb-kachel{display:flex!important;flex-direction:column!important;width:100%!important;margin:0!important;overflow:hidden!important}.skl-info-gb-kachel>.wp-block-group__inner-container{display:contents!important}.skl-info-gb-kachel .skl-info-gb-bild{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#eef4f9!important;border-bottom:1px solid #dbe7f0!important}.skl-info-gb-kachel .skl-info-gb-bild a{display:block!important;width:100%!important}.skl-info-gb-kachel .skl-info-gb-bild img{width:100%!important;height:150px!important;object-fit:contain!important;padding:6px!important;box-sizing:border-box!important}.skl-info-gb-kacheltitel{margin:.9rem 1.05rem .35rem!important}.skl-info-gb-kacheltext{margin:0 1.05rem 1.05rem!important}.skl-info-gb-kartebox{width:100%!important;margin:0 0 1.5rem!important;overflow:hidden!important}.skl-info-gb-kartebox iframe{display:block!important;width:100%!important;max-width:100%!important;height:420px!important;border:0!important}.skl-info-gb-aktionen{gap:.75rem!important;margin:1.25rem 0 0!important;padding-top:1.15rem!important;border-top:1px solid #d8e5ef!important}@media(max-width:781px){.skl-info-gb-raster,.skl-info-gb-galerie,.skl-info-gb-zeitstrahl{flex-wrap:wrap!important}.skl-info-gb-raster>.wp-block-column,.skl-info-gb-galerie>.wp-block-column,.skl-info-gb-zeitstrahl>.wp-block-column{flex-basis:calc(50% - .6rem)!important}}@media(max-width:620px){.skl-info-gb-raster>.wp-block-column,.skl-info-gb-galerie>.wp-block-column,.skl-info-gb-zeitstrahl>.wp-block-column{flex-basis:100%!important}.skl-info-gb-ereignis,.skl-info-gb-ereignis>.wp-block-group__inner-container{grid-template-columns:4.6rem minmax(0,1fr)!important}.skl-info-gb-bild img{height:auto!important;max-height:360px!important}.skl-info-gb-kartebox iframe{height:330px!important}.skl-info-gb-aktionen,.skl-info-gb-aktionen .wp-block-button{width:100%!important}.skl-info-gb-aktionen .wp-block-button__link{width:100%!important}} .skl-info-gb-ereignis .skl-info-gb-jahr{color:#fff!important;font-weight:850!important} /* SKL INFO Gutenberg END */ /* SKL SBO Gutenberg START */ .skl-sbo-gb-seite,.skl-sbo-gb-seite *{box-sizing:border-box}.skl-sbo-gb-seite{--skl-sbo-blau:#0876b8;--skl-sbo-dunkel:#075d91;--skl-sbo-hell:var(--skl-hellblau);--skl-sbo-eis:#eaf3fb;--skl-sbo-text:#203243;width:100%;max-width:1120px;margin:0 auto 2rem;color:var(--skl-sbo-text)} .skl-sbo-gb-seite>.wp-block-group.skl-sbo-gb-kopf,.skl-sbo-gb-seite .wp-block-group.skl-sbo-gb-kopf{display:block!important;width:100%!important;max-width:none!important;margin:0 0 1.5rem!important}/* 0.7.9 (05.09.2026): Kicker in Gross-/Kleinschreibung statt Versalien (Wunsch des Benutzers), Laufweite dafuer enger, Schrift minimal groesser. *//* 0.7.1 (03.09.2026): Titel und Text des SBO-Kopfkastens ohne Breitenbegrenzung (waren 850/880 px) - rechts blieb sonst ein Drittel des Kastens leer. Andere Orchesterseiten unveraendert. */ .wp-block-image.skl-sbo-gb-hauptbild{width:100%;margin:0 0 1.5rem;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 10px 26px rgba(34,73,106,.12)}.skl-sbo-gb-hauptbild img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;object-fit:contain}.skl-sbo-gb-hauptbild figcaption{margin:0;padding:.7rem 1rem;color:#334b60;background:#fff;text-align:center;font-size:.95rem;line-height:1.45} .skl-sbo-gb-text{margin:0 0 1.5rem;padding:clamp(1.35rem,3vw,1.9rem)}.skl-sbo-gb-texttitel{margin:0 0 1rem}.skl-sbo-gb-textabsatz{margin:0 0 1rem}.skl-sbo-gb-textabsatz:last-of-type{margin-bottom:0}.skl-sbo-gb-text a{color:var(--skl-sbo-blau);font-weight:750;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px} .skl-sbo-gb-seite .wp-block-button__link{padding:.72rem 1.12rem;color:#fff;background:var(--skl-sbo-blau);border:2px solid var(--skl-sbo-blau);border-radius:999px;font-size:.96rem;font-weight:800;line-height:1.35;text-decoration:none;box-shadow:0 7px 17px rgba(8,118,184,.2)}.skl-sbo-gb-seite .wp-block-button__link:hover{color:#fff;background:var(--skl-sbo-dunkel);border-color:var(--skl-sbo-dunkel)}.skl-sbo-gb-seite .wp-block-button__link:focus-visible{outline:4px solid #f2cf22;outline-offset:3px} @media(max-width:620px){.skl-sbo-gb-text{padding:1.2rem}} /* 0.7.9 (05.09.2026): Kopfzeile des SBO-Kopfkastens als Raster - links der Kicker "Stadtkapelle Landau e.V.", rechts Facebook und Instagram in der Form der Startseiten-Knoepfe (Klassen skl-home-social-* aus header-mobile.css, hier auf 40 px Quadrate mit Rand vergroessert, weil der Kasten hell ist). Das Markup steht im Seiteninhalt direkt hinter dem Kicker:
mit zwei . Die Titel- und Textzeilen spannen ueber beide Spalten; die Zeile ist so hoch wie die Knoepfe, deshalb kann nichts ueberlappen. */ .skl-sbo-gb-kopf>.wp-block-group__inner-container{display:flex;flex-direction:column;align-items:stretch} .skl-sbo-gb-sozial{order:10;display:flex;gap:.5rem;align-self:center;justify-content:center;margin:1.1rem 0 0} .skl-sbo-gb-sozial .skl-home-social-link{min-height:40px;min-width:40px;padding:8px;justify-content:center;border-radius:9px;background:#fff;border:1px solid #d8e5ef;box-shadow:0 4px 12px rgba(34,73,106,.10)} .skl-sbo-gb-sozial .skl-home-social-link:hover,.skl-sbo-gb-sozial .skl-home-social-link:focus-visible{border-color:var(--skl-hellblau);box-shadow:0 7px 16px rgba(34,73,106,.16)} .skl-sbo-gb-sozial .skl-home-social-link:focus-visible{outline:4px solid #f2cf22;outline-offset:3px} .skl-sbo-gb-sozial .skl-home-social-icon,.skl-sbo-gb-sozial .skl-home-social-img-instagram{width:24px;height:24px;border-radius:6px} .skl-sbo-gb-sozial .skl-home-social-icon{font-size:1.15rem} /* 0.7.10 (05.09.2026): am Smartphone (bis 620 px) stehen Facebook und Instagram UNTEN im Kopfkasten statt neben dem Kicker - der brach dort zweizeilig um (Wunsch des Benutzers, Foto vom Smartphone). Der Kasten wird dafuer zur Spalte, die Knoepfe wandern per order ans Ende und stehen linksbuendig; am Schreibtisch bleibt das Raster mit den Knoepfen oben rechts (Skizze des Benutzers). */ @media(max-width:620px){.skl-sbo-gb-kopf>.wp-block-group__inner-container{display:flex;flex-direction:column;align-items:stretch}.skl-sbo-gb-sozial{order:10;align-self:center;justify-content:center;margin:1.1rem 0 0}} /* 0.7.9 (05.09.2026): Bildschau zum Durchklicken. Der Block mit der Klasse skl-sbo-gb-bildschau (auf der Website ein Galerie-Block, im Testsystem dessen HTML) zeigt ein Bild auf einmal; assets/bildschau.js legt die weisse Huelle, die Knoepfe zurueck/weiter und den Zaehler an. Ohne JavaScript bleibt ein wischbarer Streifen (scroll-snap). Bilder hinzufuegen = dem Galerie-Block Bilder hinzufuegen. Die Regeln tragen !important, weil der Galerie-Block von WordPress selbst als Flex-Raster mit Zuschnitt (is-cropped) gestaltet wird. */ .skl-sbo-gb-bildschau-huelle{position:relative;margin:0 0 1rem;padding:1rem} .skl-sbo-gb-seite .skl-sbo-gb-bildschau{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:0!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:12px;background:#f3f7fb;-webkit-overflow-scrolling:touch} .skl-sbo-gb-seite .skl-sbo-gb-bildschau::-webkit-scrollbar{display:none} .skl-sbo-gb-seite .skl-sbo-gb-bildschau>.wp-block-image{display:block!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;margin:0!important;aspect-ratio:3/2;max-height:560px;scroll-snap-align:start;scroll-snap-stop:always} .skl-sbo-gb-seite .skl-sbo-gb-bildschau>.wp-block-image a{display:block;width:100%;height:100%} .skl-sbo-gb-seite .skl-sbo-gb-bildschau>.wp-block-image img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;margin:0!important;border-radius:12px} .skl-sbo-gb-seite .skl-sbo-gb-bildschau>.wp-block-image figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;margin:0;padding:.35rem .75rem;border-radius:10px;background:rgba(255,255,255,.88);color:#334b60;font-size:.9rem;line-height:1.45;text-align:center} .skl-sbo-gb-bildschau-knopf{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:1px solid #d8e5ef;border-radius:50%;background:rgba(255,255,255,.92);color:#0876b8;font:700 1.7rem/1 Arial,Helvetica,sans-serif;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(34,73,106,.16)} .skl-sbo-gb-bildschau-knopf--zurueck{left:1.5rem} .skl-sbo-gb-bildschau-knopf--weiter{right:1.5rem} .skl-sbo-gb-bildschau-knopf:hover,.skl-sbo-gb-bildschau-knopf:focus-visible{background:#0876b8;color:#fff;border-color:#0876b8} .skl-sbo-gb-bildschau-knopf:focus-visible{outline:4px solid #f2cf22;outline-offset:3px} .skl-sbo-gb-bildschau-zaehler{position:absolute;right:1.5rem;top:1.5rem;padding:.25rem .7rem;border-radius:999px;background:rgba(7,93,145,.85);color:#fff;font-size:.85rem;font-weight:700;line-height:1.3} .skl-sbo-gb-bildschau-huelle[data-anzahl="1"] .skl-sbo-gb-bildschau-knopf,.skl-sbo-gb-bildschau-huelle[data-anzahl="1"] .skl-sbo-gb-bildschau-zaehler{display:none} @media(max-width:620px){.skl-sbo-gb-bildschau-huelle{padding:.65rem}.skl-sbo-gb-bildschau-knopf{width:36px;height:36px;font-size:1.35rem}.skl-sbo-gb-bildschau-knopf--zurueck{left:1rem}.skl-sbo-gb-bildschau-knopf--weiter{right:1rem}.skl-sbo-gb-bildschau-zaehler{right:1rem;top:1rem}.skl-sbo-gb-sozial{gap:.4rem}} /* SKL SBO Gutenberg END */ /* SKL Wegweiser "Weiter in ..." START (Theme 0.7.8, 05.09.2026) Kasten am Seitenfuss mit Knoepfen zu den Unterseiten. Vorbild ist der Wegweiser der Spielwiese (Kind-Theme "Frisch", nav.unterseiten), hier in den Vereinsfarben: weisse Karten mit Rand #d8e5ef, Schrift im Vereinsblau #0876b8, Pfeil in Hellblau #679dce - dieselben Toene wie die Kaesten der SBO-Seite darueber. Das Markup steht im Seiteninhalt (zuerst auf /orchester/sinfonisches-blasorchester/), die Klassen sind allgemein gehalten und auf jeder Seite verwendbar: Das Raster fuellt die Breite mit so vielen Karten je Zeile, wie hinein- passen (mindestens 12,5 rem je Karte): fuenf auf dem Schreibtisch, am Smartphone eine Spalte. Farbe und Polsterung sitzen nur am Verweis (a), nicht an der Huelle - siehe die Lehre der Spielwiese zu [class*="-button"]. Seit 1.0.35 (28.09.2026, Wunsch des Benutzers): auto-fill statt auto-fit - eine einzelne Karte bleibt so breit wie eine Spalte, statt sich ueber die ganze Seite zu ziehen; alle Karten einer Liste sind gleich hoch (grid-auto-rows:1fr, der Verweis fuellt seine Zelle). */ .skl-weiter{box-sizing:border-box;width:100%;margin:2.25rem 0 0;padding:0} .skl-weiter *{box-sizing:border-box} .skl-weiter-wort{margin:0 0 .8rem;color:#0876b8;font-size:.85rem;font-weight:850;letter-spacing:.1em;line-height:1.3;text-transform:uppercase} .skl-weiter-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));grid-auto-rows:1fr;gap:.75rem;margin:0;padding:0;list-style:none} .skl-weiter-liste li{display:flex;margin:0;padding:0} .skl-weiter-liste a{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.6rem;padding:.95rem 1.2rem;background:#fff;border:1px solid #d8e5ef;border-radius:15px;box-shadow:0 8px 21px rgba(34,73,106,.09);color:#0876b8;font-size:1.05rem;font-weight:800;line-height:1.3;text-decoration:none;transition:border-color .18s,color .18s,transform .18s,box-shadow .18s} .skl-weiter-liste a:hover,.skl-weiter-liste a:focus-visible{border-color:var(--skl-hellblau);color:#075d91;transform:translateX(3px);box-shadow:0 10px 24px rgba(34,73,106,.14)} .skl-weiter-liste a:focus-visible{outline:4px solid #f2cf22;outline-offset:3px} .skl-weiter-pfeil{flex:none;color:var(--skl-hellblau);font-size:1.15rem} @media(max-width:620px){.skl-weiter{margin-top:1.6rem}.skl-weiter-liste{gap:.6rem}.skl-weiter-liste a{padding:.85rem 1rem;font-size:1rem}} /* SKL Wegweiser END */ /* SKL Mitglied werden Gutenberg START */ .skl-mw-gb-kopf{box-sizing:border-box} .skl-mw-gb-kopf *,.skl-mw-gb-raster,.skl-mw-gb-raster *{box-sizing:border-box}.skl-mw-gb-kopf{--skl-mw-blau:#0876b8;--skl-mw-dunkel:#075d91;--skl-mw-hell:var(--skl-hellblau);--skl-mw-eis:#eaf3fb;--skl-mw-text:#203243;width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important} .skl-mw-gb-raster{--skl-mw-blau:#0876b8;--skl-mw-dunkel:#075d91;--skl-mw-hell:var(--skl-hellblau);--skl-mw-eis:#eaf3fb;--skl-mw-text:#203243;width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important} .wp-block-group.skl-mw-gb-kopf{display:block!important;margin-top:0!important;margin-bottom:1.6rem!important}.skl-mw-gb-kicker{width:100%!important}.skl-mw-gb-kopftitel{width:100%!important}.skl-mw-gb-kopftext{width:100%!important} .wp-block-columns.skl-mw-gb-raster{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:1.3rem!important;margin-top:0!important;margin-bottom:0!important}.skl-mw-gb-raster>.wp-block-column{min-width:0!important;margin:0!important}.skl-mw-gb-karte{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;gap:.8rem!important;margin:0!important;padding:clamp(1.3rem,3vw,1.7rem)!important}.skl-mw-gb-symbol{display:flex!important;align-items:center!important;justify-content:center!important;width:2.9rem!important;height:2.9rem!important;margin:0!important;color:#fff!important;background:linear-gradient(135deg,var(--skl-mw-blau),var(--skl-mw-hell))!important;border-radius:50%!important;font-size:1.35rem!important;font-weight:850!important;line-height:1!important}.skl-mw-gb-kartentitel{margin:0!important}.skl-mw-gb-kartentext{margin:0!important} /* 0.7.69 (24.09.2026): Der Abstand zwischen Symbol, Ueberschrift und Text der Boxen auf "Mitglied werden" stand als gap an .skl-mw-gb-karte - die Box hat aber einen inneren Behaelter (wp-block-group__inner-container), der gap griff also nie; Ueberschrift und Text klebten aneinander. Jetzt ordnet der innere Behaelter selbst. */ .skl-mw-gb-karte>.wp-block-group__inner-container{display:flex;flex-direction:column;gap:.8rem} @media(max-width:760px){.wp-block-columns.skl-mw-gb-raster{grid-template-columns:1fr!important}} /* SKL Mitglied werden Gutenberg END */ /* skl-gb-musikschule START */ .skl-gb-musikschule,.skl-gb-musikschule *{box-sizing:border-box} .skl-gb-musikschule{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;display:block!important;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important} .skl-gb-musikschule>.wp-block-group__inner-container,.skl-gb-musikschule>.wp-block-group,.skl-gb-musikschule .skl-musikschule-seite,.skl-gb-musikschule .skl-musikschule-seite>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} .skl-gb-musikschule .skl-musikschule-seite{clear:both!important} .skl-gb-musikschule h2,.skl-gb-musikschule h3,.skl-gb-musikschule h4{color:var(--skl-blau)!important;line-height:1.25!important} .skl-gb-musikschule p,.skl-gb-musikschule li{color:#40566a;line-height:1.65} .skl-gb-musikschule a{overflow-wrap:anywhere} /* Das Theme legt um Gutenberg-Gruppen zusätzliche Innencontainer. Beide Ebenen erhalten deshalb das gleiche Raster. */ .skl-gb-musikschule .skl-musikschule-hero{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:0!important;margin:0 0 1.5rem!important;overflow:hidden!important} .skl-gb-musikschule .skl-musikschule-hero>.wp-block-group__inner-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:0!important;margin:0 0 1.5rem!important;overflow:hidden!important;background:linear-gradient(135deg,#eaf3fb 0%,#f8fbfe 100%)!important;border:1px solid #d8e6f0!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(34,73,106,.12)!important} .skl-gb-musikschule .skl-musikschule-hero>.wp-block-group__inner-container{grid-column:1/-1!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important} .skl-gb-musikschule .skl-musikschule-herotext{min-width:0!important;max-width:none!important;margin:0!important;padding:2rem 2.1rem!important} .skl-gb-musikschule .skl-musikschule-herotext>.wp-block-group__inner-container{display:flex!important;flex-direction:column!important;justify-content:center!important;height:100%!important} .skl-gb-musikschule .skl-musikschule-heroaktionen,.skl-gb-musikschule .skl-musikschule-heroaktionen>.wp-block-group__inner-container{display:flex!important;flex-wrap:wrap!important;gap:.7rem!important} .skl-gb-musikschule .skl-musikschule-hero-bild{align-self:stretch!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:#d8e6f0!important} .skl-gb-musikschule .skl-musikschule-hero-bild>.wp-block-group__inner-container,.skl-gb-musikschule .skl-musikschule-hero-bild .wp-block-image{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-gb-musikschule .skl-musikschule-hero-bild img{display:block!important;width:100%!important;height:100%!important;min-height:320px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important} .skl-gb-musikschule .skl-musikschule-vorteile,.skl-gb-musikschule .skl-musikschule-vorteile>.wp-block-group__inner-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:1.2rem!important;margin:0 0 1.5rem!important} .skl-gb-musikschule .skl-musikschule-vorteile>.wp-block-group__inner-container{grid-column:1/-1!important;margin:0!important} .skl-gb-musikschule .skl-musikschule-vorteil{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;margin:0!important;padding:1.2rem 1.25rem!important} .skl-gb-musikschule .skl-musikschule-vorteil h3{margin:0 0 .45rem!important} .skl-gb-musikschule .skl-musikschule-vorteil p{margin:0!important} .skl-gb-musikschule .skl-musikschule-inhalt{display:block!important;clear:both!important;width:100%!important;max-width:none!important;margin:0 0 1.65rem!important;padding:1.5rem 1.65rem!important} .skl-gb-musikschule .skl-musikschule-inhalt h2,.skl-gb-musikschule .skl-musikschule-navtitel{margin-top:0!important} .skl-gb-musikschule .skl-musikschule-inhalt p:last-child{margin-bottom:0!important} .skl-gb-musikschule .skl-musikschule-navtitel{margin-bottom:1rem!important} .skl-gb-musikschule .skl-musikschule-navgrid,.skl-gb-musikschule .skl-musikschule-navgrid>.wp-block-group__inner-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:1.2rem!important;margin:0 0 1.5rem!important} .skl-gb-musikschule .skl-musikschule-navgrid>.wp-block-group__inner-container{grid-column:1/-1!important;margin:0!important} .skl-gb-musikschule .skl-musikschule-navkarte{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;margin:0!important;padding:1.25rem!important;transition:transform .18s ease,box-shadow .18s ease!important} .skl-gb-musikschule .skl-musikschule-navkarte>.wp-block-group__inner-container{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important} .skl-gb-musikschule .skl-musikschule-navkarte:hover{transform:translateY(-3px)!important;box-shadow:0 13px 28px rgba(34,73,106,.16)!important} .skl-gb-musikschule .skl-musikschule-navkarte h3{margin:0 0 .45rem!important} .skl-gb-musikschule .skl-musikschule-navkarte p{margin:0 0 1rem!important} .skl-gb-musikschule .skl-musikschule-navaktion{margin-top:auto!important} .skl-gb-musikschule .wp-block-button__link{text-decoration:none!important} .skl-gb-musikschule .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} .skl-gb-musikschule .skl-musikschule-abschluss{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:none!important;gap:1.2rem!important;margin:0!important;padding:1.3rem 1.45rem!important;color:#fff!important;background:linear-gradient(135deg,var(--skl-blau) 0%,var(--skl-hell) 100%)!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(34,73,106,.14)!important} .skl-gb-musikschule .skl-musikschule-abschluss>.wp-block-group__inner-container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:1.2rem!important} .skl-gb-musikschule .skl-musikschule-abschluss p{flex:1 1 320px!important;margin:0!important;color:#fff!important;line-height:1.55!important} .skl-gb-musikschule .wp-block-table{overflow-x:auto!important;border:1px solid #d7e4ee!important;border-radius:14px!important} .skl-gb-musikschule table{width:100%!important;border-collapse:collapse!important} .skl-gb-musikschule th{color:#fff!important;background:var(--skl-blau)!important} .skl-gb-musikschule th,.skl-gb-musikschule td{padding:.75rem!important;border:1px solid #d7e4ee!important;text-align:left!important} .skl-gb-musikschule tr:nth-child(even) td{background:#f4f8fb!important} @media(max-width:720px){ .skl-gb-musikschule .skl-musikschule-hero{grid-template-columns:1fr!important} .skl-gb-musikschule .skl-musikschule-hero>.wp-block-group__inner-container,.skl-gb-musikschule .skl-musikschule-vorteile,.skl-gb-musikschule .skl-musikschule-vorteile>.wp-block-group__inner-container,.skl-gb-musikschule .skl-musikschule-navgrid,.skl-gb-musikschule .skl-musikschule-navgrid>.wp-block-group__inner-container{grid-template-columns:1fr!important} .skl-gb-musikschule .skl-musikschule-hero-bild{grid-row:1!important} .skl-gb-musikschule .skl-musikschule-hero-bild img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important} .skl-gb-musikschule .skl-musikschule-herotext{padding:1.35rem!important} .skl-gb-musikschule .skl-musikschule-inhalt{padding:1.2rem!important} .skl-gb-musikschule .skl-musikschule-abschluss{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:1.2rem!important} .skl-gb-musikschule .skl-musikschule-abschluss>.wp-block-group__inner-container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;align-content:flex-start!important;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;gap:1rem!important;margin:0!important;padding:0!important} .skl-gb-musikschule .skl-musikschule-abschluss p{flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important} .skl-gb-musikschule .skl-musikschule-abschluss .wp-block-buttons,.skl-gb-musikschule .skl-musikschule-abschluss .wp-block-button{flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important} .skl-gb-musikschule .wp-block-buttons,.skl-gb-musikschule .wp-block-button{width:100%!important} .skl-gb-musikschule .wp-block-button__link{width:100%!important} } @media(prefers-reduced-motion:reduce){.skl-gb-musikschule .skl-musikschule-navkarte{transition:none!important}} /* skl-gb-musikschule END */ /* skl-sbo-termine START */ .skl-sbo-termine,.skl-sbo-termine *{box-sizing:border-box}.skl-sbo-termine{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;display:block!important;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important}.skl-sbo-termine>.wp-block-group__inner-container,.skl-sbo-termine>.wp-block-group{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.skl-sbo-termine h2,.skl-sbo-termine h3,.skl-sbo-termine h4{color:var(--skl-blau)!important;line-height:1.25!important}.skl-sbo-termine a{overflow-wrap:anywhere}.skl-sbo-termine .wp-block-buttons{justify-content:center!important;gap:.75rem!important;margin:1rem 0 0!important}.skl-sbo-termine .wp-block-button__link{padding:.78rem 1.2rem!important;color:#fff!important;background:var(--skl-blau)!important;border:2px solid var(--skl-blau)!important;border-radius:999px!important;font-weight:800!important;text-decoration:none!important}.skl-sbo-termine .wp-block-button__link:hover{background:var(--skl-dunkel)!important;border-color:var(--skl-dunkel)!important}.skl-sbo-termine .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important}.skl-sbo-termine iframe{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:700px!important;margin:0!important;border:0!important;border-radius:12px!important}.skl-sbo-termine .wp-block-image img{display:block;max-width:100%;height:auto;border-radius:14px}.skl-sbo-termine .wp-block-table{width:100%!important;overflow-x:auto!important;border:1px solid #d7e4ee!important;border-radius:14px!important}.skl-sbo-termine table{width:100%!important;border-collapse:collapse!important}.skl-sbo-termine th{color:#fff!important;background:var(--skl-blau)!important}.skl-sbo-termine th,.skl-sbo-termine td{padding:.75rem!important;border:1px solid #d7e4ee!important;text-align:left!important}.skl-sbo-termine tr:nth-child(even) td{background:#f4f8fb!important} @media(max-width:760px){.skl-sbo-termine{width:100%!important;max-width:100%!important;margin:0!important;padding:0 .15rem!important}.skl-sbo-termine .wp-block-buttons,.skl-sbo-termine .wp-block-button,.skl-sbo-termine .wp-block-button__link{width:100%!important}.skl-sbo-termine .wp-block-button__link{text-align:center!important}.skl-sbo-termine iframe{width:100%!important;max-width:100%!important;min-height:620px!important;border-radius:9px!important}} @media(max-width:480px){.skl-sbo-termine{padding:0!important}.skl-sbo-termine iframe{min-height:560px!important}} /* skl-sbo-termine END */ /* skl-sbo-dirigent START */ .skl-sbo-dirigent,.skl-sbo-dirigent *{box-sizing:border-box}.skl-sbo-dirigent{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-sbo-dirigent>.wp-block-group__inner-container,.skl-sbo-dirigent>.wp-block-group{width:100%!important;max-width:none!important}.skl-sbo-dirigent-einstieg{width:100%!important;max-width:none!important;margin:0 0 1.5rem!important}.skl-sbo-dirigent-portraet{width:min(100%,680px)!important;margin:0 auto 1.6rem!important;padding:clamp(.55rem,1.2vw,.85rem)!important;background:#fff!important;border:1px solid #d7e4ee!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(34,73,106,.12)!important}.skl-sbo-dirigent-portraet img{display:block!important;width:100%!important;height:auto!important;max-height:720px!important;object-fit:contain!important;border-radius:12px!important}.skl-sbo-dirigent-portraet figcaption{margin:.7rem .35rem .2rem!important;color:#617386!important;font-family:inherit!important;font-size:.9rem!important;line-height:1.5!important;text-align:center!important}.skl-sbo-dirigent-biographie{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(1.25rem,3vw,2.4rem)!important}.skl-sbo-dirigent-biographie h2{margin:0 0 1.15rem!important;font-family:inherit!important}.skl-sbo-dirigent-biographie p{max-width:none!important;margin:0 0 1.05rem!important;font-family:inherit!important;font-weight:400!important}.skl-sbo-dirigent-biographie p:last-child{margin-bottom:0!important}.skl-sbo-dirigent a:not(.wp-block-button__link){color:var(--skl-blau)!important;text-decoration-thickness:.08em!important;text-underline-offset:.18em!important}.skl-sbo-dirigent a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:760px){.skl-sbo-dirigent{max-width:100%!important;margin:0!important;padding:0 .15rem!important}.skl-sbo-dirigent-biographie{padding:1.2rem!important}.skl-sbo-dirigent-portraet{padding:.45rem!important;border-radius:14px!important}.skl-sbo-dirigent-portraet img{border-radius:10px!important}} @media(max-width:480px){.skl-sbo-dirigent{padding:0!important}.skl-sbo-dirigent-biographie{padding:1rem!important}} /* 0.7.70 (24.09.2026): Die Lehrerseiten der Musikschule benutzen seit heute dieselben Bausteine wie die Dirigentenseite. Die Linkfarbe oben nimmt deshalb Buttons aus - sonst stand blaue Schrift auf dem blauen Button (so im Test gesehen). Und ein Button in der Box bekommt Abstand zur Textbox darueber: .staka-lehrer-detail-v1__back setzt margin-top:0 fuer den alten Aufbau, hier gilt die Sonderform. */ .skl-sbo-dirigent .staka-lehrer-detail-v1__back{margin-top:1.6rem!important;margin-bottom:0!important} /* skl-sbo-dirigent END */ /* skl-impressum START */ .skl-impressum,.skl-impressum *{box-sizing:border-box}.skl-impressum{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-text:#253746;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-imp-einstieg{margin:0 0 1.25rem!important}.skl-imp-abschnitt{margin:0 0 1.15rem!important;padding:clamp(1.25rem,3vw,2rem)!important}.skl-imp-abschnitt h2{margin:0 0 1rem!important}.skl-imp-abschnitt p{margin:0 0 1rem!important}.skl-imp-abschnitt p:last-child{margin-bottom:0!important}.skl-impressum a{color:var(--skl-blau)!important;text-decoration-thickness:.08em!important;text-underline-offset:.18em!important}.skl-impressum a:hover{color:var(--skl-dunkel)!important}.skl-impressum a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:680px){.skl-impressum{max-width:100%!important;padding:0 .15rem!important}.skl-imp-abschnitt{padding:1.15rem!important}} /* skl-impressum END */ /* skl-gb-gebuehrenordnung START */ .skl-gb-gebuehrenordnung,.skl-gb-gebuehrenordnung *{box-sizing:border-box}.skl-gb-gebuehrenordnung{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;display:block!important;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important}.skl-gb-gebuehrenordnung>.wp-block-group__inner-container,.skl-gb-gebuehrenordnung>.wp-block-group{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.skl-gb-gebuehrenordnung h2,.skl-gb-gebuehrenordnung h3,.skl-gb-gebuehrenordnung h4{color:var(--skl-blau)!important;line-height:1.25!important}.skl-gb-gebuehrenordnung p,.skl-gb-gebuehrenordnung li{color:#40566a;line-height:1.65}.skl-gb-gebuehrenordnung a{overflow-wrap:anywhere}.skl-gb-gebuehrenordnung .wp-block-image img{display:block;max-width:100%;height:auto;border-radius:14px}.skl-gb-gebuehrenordnung .wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.25rem!important}.skl-gb-gebuehrenordnung .wp-block-column{min-width:0!important;margin:0!important}.skl-gb-gebuehrenordnung .wp-block-button__link{padding:.72rem 1rem!important;color:#fff!important;background:var(--skl-blau)!important;border:2px solid var(--skl-blau)!important;border-radius:999px!important;font-weight:800!important;text-decoration:none!important}.skl-gb-gebuehrenordnung .wp-block-button__link:hover{background:var(--skl-dunkel)!important;border-color:var(--skl-dunkel)!important}.skl-gb-gebuehrenordnung .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important}.skl-gb-gebuehrenordnung .wp-block-table{overflow-x:auto!important;border:1px solid #d7e4ee!important;border-radius:14px!important}.skl-gb-gebuehrenordnung table{width:100%!important;border-collapse:collapse!important}.skl-gb-gebuehrenordnung th{color:#fff!important;background:var(--skl-blau)!important}.skl-gb-gebuehrenordnung th,.skl-gb-gebuehrenordnung td{padding:.75rem!important;border:1px solid #d7e4ee!important;text-align:left!important}.skl-gb-gebuehrenordnung tr:nth-child(even) td{background:#f4f8fb!important} @media(max-width:760px){.skl-gb-gebuehrenordnung .wp-block-columns{grid-template-columns:1fr!important}.skl-gb-gebuehrenordnung .wp-block-buttons,.skl-gb-gebuehrenordnung .wp-block-button,.skl-gb-gebuehrenordnung .wp-block-button__link{width:100%!important}} /* skl-gb-gebuehrenordnung END */ /* SKL Blechblaeserensemble START */ .skl-bbe-seite,.skl-bbe-seite *{box-sizing:border-box}.skl-bbe-seite{--bbe-blau:#0876b8;--bbe-dunkel:#075d91;--bbe-hell:var(--skl-hellblau);--bbe-eis:#eaf4fb;--bbe-text:#253746;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--bbe-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important} .skl-bbe-kopf{margin:0 0 1.4rem!important} .wp-block-image.skl-bbe-hauptbild{width:100%!important;margin:0 0 1.4rem!important;overflow:hidden!important;background:#fff!important;border:1px solid #d4e2ed!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(34,73,106,.12)!important}.skl-bbe-hauptbild a{display:block!important}.skl-bbe-hauptbild img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:680px!important;margin:0 auto!important;object-fit:contain!important} .skl-bbe-abschnitt{margin:0 0 1.4rem!important;padding:clamp(1.25rem,3vw,2rem)!important}.skl-bbe-abschnittstitel{margin:0 0 .7rem!important}.skl-bbe-einleitung{margin:0 0 1.2rem!important} .skl-bbe-repertoireliste{columns:3!important;column-gap:2rem!important;margin:.8rem 0 1.3rem 1.2rem!important;padding:0!important}.skl-bbe-repertoireliste li{break-inside:avoid!important;margin:0 0 .55rem!important}.skl-bbe-repertoireliste li::marker{color:var(--bbe-blau)!important}.skl-bbe-stile{margin:0!important;padding:1rem 1.2rem!important;color:var(--bbe-dunkel)!important;background:var(--bbe-eis)!important;border-radius:12px!important;font-size:1rem!important;font-weight:750!important;line-height:1.6!important;text-align:center!important} .skl-bbe-kontakt{margin:0!important;padding:clamp(1.35rem,3vw,2.1rem)!important;background:linear-gradient(135deg,var(--bbe-blau),var(--bbe-dunkel))!important;border-radius:17px!important;box-shadow:0 10px 26px rgba(8,93,145,.22)!important;text-align:center!important}.skl-bbe-kontaktkicker{margin:0 0 .3rem!important;color:#dceffc!important}.skl-bbe-kontakttitel{margin:0 0 .5rem!important;color:#fff!important;font-size:clamp(1.45rem,2.7vw,1.95rem)!important;font-weight:800!important}.skl-bbe-kontakttext{margin:0 auto 1rem!important;color:#edf7fd!important;font-size:1.03rem!important;line-height:1.6!important}.skl-bbe-kontaktbutton{margin:0!important}.skl-bbe-kontaktbutton .wp-block-button__link{text-decoration:none!important}.skl-bbe-seite a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:900px){.skl-bbe-repertoireliste{columns:2!important}}@media(max-width:620px){.skl-bbe-seite{max-width:100%!important}.skl-bbe-kontakt{padding:1.15rem!important;border-radius:14px!important} .skl-bbe-abschnitt{padding:1.15rem!important}.skl-bbe-repertoireliste{columns:1!important}.skl-bbe-kontaktbutton,.skl-bbe-kontaktbutton .wp-block-button{width:100%!important}.skl-bbe-kontaktbutton .wp-block-button__link{display:block!important;width:100%!important}} /* SKL Blechblaeserensemble END */ /* SKL Saxophonensemble START */ .skl-sax-seite,.skl-sax-seite *{box-sizing:border-box}.skl-sax-seite{--sax-blau:#0876b8;--sax-dunkel:#075d91;--sax-hell:var(--skl-hellblau);--sax-eis:#eaf4fb;--sax-text:#253746;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--sax-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important} .skl-sax-kopf{margin:0 0 1.4rem!important} .wp-block-image.skl-sax-hauptbild{width:100%!important;margin:0 0 1.4rem!important;overflow:hidden!important;background:#fff!important;border:1px solid #d4e2ed!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(34,73,106,.12)!important}.skl-sax-hauptbild a{display:block!important}.skl-sax-hauptbild img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:680px!important;margin:0 auto!important;object-fit:contain!important} .skl-sax-abschnitt{margin:0 0 1.4rem!important;padding:clamp(1.25rem,3vw,2rem)!important}.skl-sax-abschnittstitel{margin:0 0 .7rem!important}.skl-sax-einleitung{margin:0 0 1.2rem!important} .skl-sax-repertoirehinweis{margin:.8rem 0 1rem!important;padding:1rem 1.2rem!important}.skl-sax-stile{margin:0!important;padding:1rem 1.2rem!important;color:var(--sax-dunkel)!important;background:var(--sax-eis)!important;border-radius:12px!important;font-size:1rem!important;font-weight:750!important;line-height:1.6!important;text-align:center!important} .skl-sax-kontakt{margin:0!important;padding:clamp(1.35rem,3vw,2.1rem)!important;background:linear-gradient(135deg,var(--sax-blau),var(--sax-dunkel))!important;border-radius:17px!important;box-shadow:0 10px 26px rgba(8,93,145,.22)!important;text-align:center!important}.skl-sax-kontaktkicker{margin:0 0 .3rem!important;color:#dceffc!important}.skl-sax-kontakttitel{margin:0 0 .5rem!important;color:#fff!important;font-size:clamp(1.45rem,2.7vw,1.95rem)!important;font-weight:800!important}.skl-sax-kontakttext{margin:0 auto 1rem!important;color:#edf7fd!important;font-size:1.03rem!important;line-height:1.6!important}.skl-sax-kontaktbutton{margin:0!important}.skl-sax-kontaktbutton .wp-block-button__link{text-decoration:none!important}.skl-sax-seite a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:620px){.skl-sax-seite{max-width:100%!important}.skl-sax-kontakt{padding:1.15rem!important;border-radius:14px!important} .skl-sax-abschnitt{padding:1.15rem!important}.skl-sax-kontaktbutton,.skl-sax-kontaktbutton .wp-block-button{width:100%!important}.skl-sax-kontaktbutton .wp-block-button__link{display:block!important;width:100%!important}} /* SKL Saxophonensemble END */ /* SKL Bigband Gutenberg START */ .skl-bb-seite,.skl-bb-seite *{box-sizing:border-box}.skl-bb-seite{--bb-blau:#0876b8;--bb-dunkel:#075d91;--bb-hell:var(--skl-hellblau);--bb-eis:#eaf4fb;--bb-text:#253746;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--bb-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-bb-kopf{margin:0 0 1.3rem!important}/* 0.7.76 (26.09.2026): Die Farbvariablen --bb-* standen nur an .skl-bb-seite - eine Huelle, die es auf der Bigband-Seite (3256) nicht mehr gibt. Jede Regel mit var(--bb-...) lief damit ins Leere: Ueberschriften und Quellenangaben erbten das Dunkelgrau, Programm- und Zitatkarten verloren ihre blauen Streifen. Jetzt gelten die Variablen an den Boxen selbst (Wunsch des Benutzers: Ueberschriften in unserem Blau). */ .skl-bb-kopf{--bb-blau:#0876b8;--bb-dunkel:#075d91;--bb-hell:var(--skl-hellblau);--bb-eis:#eaf4fb;--bb-text:#253746} .skl-bb-abschnitt,.skl-bb-bildschau{--bb-blau:#0876b8;--bb-dunkel:#075d91;--bb-hell:var(--skl-hellblau);--bb-eis:#eaf4fb;--bb-text:#253746} .skl-bb-abschnitt{margin:0 0 1.3rem!important;padding:clamp(1.2rem,3vw,2rem)!important}.skl-bb-bildinfo{margin:0 auto 1rem!important;color:#3b5368!important;font-size:1rem!important;line-height:1.6!important}.skl-bb-medienbox{margin:0 0 1.5rem!important;padding:clamp(1.45rem,4vw,2.35rem)!important;background:linear-gradient(135deg,#eaf3fb 0%,#f8fbfe 62%,#dcecf8 100%)!important;border:1px solid #d3e4f1!important;border-radius:20px!important;box-shadow:0 10px 26px rgba(34,73,106,.09)!important}.skl-bb-medienbox .skl-bb-bildinfo{margin:1rem 0 0!important}.skl-bb-medienbox .skl-bb-buttons{margin:1.25rem 0 0!important;padding-top:1.15rem!important;border-top:1px solid #d8e5ef!important}@media(max-width:620px){.skl-bb-medienbox{padding:1.25rem!important;border-radius:16px!important}}.skl-bb-abschnittstitel{margin:0 0 .85rem!important}.skl-bb-text{margin:0 0 1rem!important}.skl-bb-text:last-child{margin-bottom:0!important}/* 0.7.75 (26.09.2026): wie ein gewoehnlicher Textlink - Vereinsblau, normale Schrift (Wunsch des Benutzers). Die Farbe steht ausgeschrieben: --bb-blau gilt nur innerhalb .skl-bb-seite, und die Textabsaetze der Bigband-Seite liegen nicht darin - die Links erbten deshalb das Grau des Absatzes. */ .skl-bb-text a{color:#0876b8!important;font-weight:inherit!important} html body .skl-bb-buttons{display:flex!important;clear:both!important;float:none!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;justify-content:center!important;align-items:center!important}html body .skl-bb-buttons .wp-block-button{display:block!important;float:none!important;width:auto!important;max-width:calc(100vw - 2rem)!important;margin:0 auto!important}html body .skl-bb-buttons .wp-block-button>a.wp-block-button__link.wp-element-button,html body .skl-bb-buttons .wp-block-button>a.wp-block-button__link.wp-element-button:link,html body .skl-bb-buttons .wp-block-button>a.wp-block-button__link.wp-element-button:visited{display:inline-block!important;width:auto!important;max-width:calc(100vw - 2rem)!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;text-decoration:none!important}html body .skl-bb-facebook{display:flex!important;clear:both!important;float:none!important;width:100%!important;max-width:none!important;margin:0 0 1.3rem!important;padding:0!important;justify-content:center!important;align-items:center!important;grid-column:1/-1!important}.wp-block-columns.skl-bb-zitate{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;margin:0 0 1.2rem!important}.skl-bb-zitate>.wp-block-column{margin:0!important;min-width:0!important}.skl-bb-zitatkarte{height:100%!important;margin:0!important;padding:1.15rem!important}.skl-bb-zitat{margin:0 0 .75rem!important;color:#344b5f!important;font-size:.98rem!important;font-style:italic!important;line-height:1.6!important}/* 0.7.77 (26.09.2026): Quellenangaben im selben Blau wie die Ueberschriften (Wunsch des Benutzers). */ .skl-bb-quelle{margin:0!important;color:var(--bb-blau)!important;font-size:.88rem!important;font-weight:850!important}.skl-bb-pressebilder{gap:1rem!important;margin:0!important}.skl-bb-pressebilder .wp-block-image{overflow:hidden!important;background:#f7fbfe!important;border:1px solid #d6e3ed!important;border-radius:13px!important}.skl-bb-pressebilder img{width:100%!important;height:auto!important;object-fit:contain!important}.skl-bb-seite a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:800px){.wp-block-columns.skl-bb-zitate{grid-template-columns:1fr!important}}@media(max-width:620px){.skl-bb-seite{max-width:100%!important} .skl-bb-abschnitt{padding:1.1rem!important}html body .skl-bb-buttons .wp-block-button{width:auto!important;max-width:calc(100vw - 2rem)!important} html body .skl-bb-buttons .wp-block-button__link{width:auto!important;max-width:calc(100vw - 2rem)!important}} /* SKL Bigband Gutenberg END */ /* skl-sbo-besetzung START */ body.page-id-3651 .entry-title{display:none!important}.skl-sbo-besetzung,.skl-sbo-besetzung *{box-sizing:border-box}.skl-sbo-besetzung{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf4fb;--skl-text:#263b4d;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-sbo-besetzung>.wp-block-group__inner-container,.skl-sbobe-einstieg>.wp-block-group__inner-container,.skl-sbobe-leitung>.wp-block-group__inner-container,.skl-sbobe-abschnitt>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important}.skl-sbobe-einstieg{width:100%!important;max-width:none!important;margin:0 0 1.25rem!important}.skl-sbobe-leitung{clear:both!important;position:relative!important;margin:0 0 1.25rem!important;background:linear-gradient(135deg,#0876b8,#075d91)!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(7,93,145,.2)!important;text-align:center!important}.skl-sbobe-leitung-label{margin:0 0 .25rem!important;color:#dff2ff!important}.skl-sbobe-leitung-name{margin:0!important;color:#fff!important;font-size:clamp(1.55rem,3vw,2.15rem)!important;font-weight:850!important;line-height:1.2!important}.skl-sbobe-abschnitt{clear:both!important;position:relative!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important}.skl-sbo-besetzung :focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:800px){.skl-sbobe-abschnitt{height:auto!important;overflow:visible!important}}@media(max-width:540px){.skl-sbo-besetzung{max-width:100%!important;margin:0!important}.skl-sbobe-leitung{border-radius:14px!important}} /* skl-sbo-besetzung END */ /* skl-bigband-besetzung START */ body.page-id-3259 .entry-title{display:none!important}.skl-bigband-besetzung,.skl-bigband-besetzung *{box-sizing:border-box}.skl-bigband-besetzung{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf4fb;--skl-text:#263b4d;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-bigband-besetzung>.wp-block-group__inner-container,.skl-bbbe-einstieg>.wp-block-group__inner-container,.skl-bbbe-leitung>.wp-block-group__inner-container,.skl-bbbe-abschnitt>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important}.skl-bbbe-einstieg{width:100%!important;max-width:none!important;margin:0 0 1.25rem!important}.skl-bbbe-leitung{clear:both!important;position:relative!important;margin:0 0 1.25rem!important;background:linear-gradient(135deg,#0876b8,#075d91)!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(7,93,145,.2)!important;text-align:center!important}.skl-bbbe-leitung-label{margin:0 0 .25rem!important;color:#dff2ff!important}.skl-bbbe-leitung-name{margin:0!important;color:#fff!important;font-size:clamp(1.55rem,3vw,2.15rem)!important;font-weight:850!important;line-height:1.2!important}.skl-bbbe-abschnitt{clear:both!important;position:relative!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important}.skl-bigband-besetzung :focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:800px){.skl-bbbe-abschnitt{height:auto!important;overflow:visible!important}}@media(max-width:540px){.skl-bigband-besetzung{max-width:100%!important;margin:0!important}.skl-bbbe-leitung{border-radius:14px!important}} /* skl-bigband-besetzung END */ /* skl-fpgb-native-v2 START */ body.page-id-3687 .entry-title{display:none!important}.skl-fp-v1-seite,.skl-fp-v1-seite *{box-sizing:border-box}.skl-fp-v1-seite{--skl-fp-blau:#0876b8;--skl-fp-dunkel:#075d91;--skl-fp-hell:var(--skl-hellblau);--skl-fp-eis:#eaf3fb;--skl-fp-text:#203243;display:block!important;position:static!important;float:none!important;width:100%!important;max-width:1120px!important;height:auto!important;min-height:0!important;margin:0 auto 2rem!important;padding:0!important;color:var(--skl-fp-text)!important}.skl-fp-v1-seite>.wp-block-group__inner-container,.skl-fp-v1-kopf>.wp-block-group__inner-container,.skl-fp-v1-beratungstext>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.skl-fp-v1-kopf{display:block!important;width:100%!important;height:auto!important;margin:0 0 1.6rem!important}.skl-fp-v1-raster{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:1rem!important;margin:0 0 1.6rem!important;padding:0!important}.skl-fp-v1-raster>.wp-block-group__inner-container,.skl-fp-v1-karte>.wp-block-group__inner-container,.skl-fp-v1-beratung>.wp-block-group__inner-container{display:contents!important}.skl-fp-v1-karte{display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;gap:.9rem!important;margin:0!important;padding:1.05rem 1.1rem!important}.skl-fp-v1-note{display:flex!important;flex:0 0 2.35rem!important;align-items:center!important;justify-content:center!important;width:2.35rem!important;height:2.35rem!important;margin:0!important;color:#fff!important;background:linear-gradient(135deg,var(--skl-fp-blau),var(--skl-fp-hell))!important;border-radius:50%!important;font-size:1.28rem!important;font-weight:800!important;line-height:1!important}.skl-fp-v1-karte h3{margin:0!important;overflow-wrap:anywhere!important}.skl-fp-v1-beratung{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:1.25rem!important;margin:0!important;padding:clamp(1.3rem,3vw,1.8rem)!important;color:#fff!important;background:linear-gradient(135deg,var(--skl-fp-blau),var(--skl-fp-hell))!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(34,73,106,.16)!important}.skl-fp-v1-beratungstext{flex:1 1 470px!important;margin:0!important}.skl-fp-v1-beratung h2{margin:0 0 .45rem!important;color:#fff!important;font-size:clamp(1.4rem,2.6vw,1.85rem)!important;line-height:1.25!important}.skl-fp-v1-beratung p{margin:0!important;color:#fff!important;font-size:1.03rem!important;line-height:1.6!important}.skl-fp-v1-aktionen{display:flex!important;flex:0 1 auto!important;flex-wrap:wrap!important;gap:.65rem!important;margin:0!important;padding:0!important}.skl-fp-v1-aktionen .wp-block-button{margin:0!important}.skl-fp-v1-aktionen .wp-block-button__link{display:inline-block!important;width:auto!important;max-width:100%!important;text-align:center!important;text-decoration:none!important}.skl-fp-v1-aktionen .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:900px){.skl-fp-v1-raster{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.skl-fp-v1-raster{grid-template-columns:1fr!important}.skl-fp-v1-beratung{align-items:flex-start!important;padding:1.25rem!important}.skl-fp-v1-aktionen,.skl-fp-v1-aktionen .wp-block-button{width:100%!important} .skl-fp-v1-aktionen .wp-block-button__link{width:100%!important}.skl-fp-v1-karte{padding:1rem!important}} /* skl-fpgb-native-v2 END */ /* skl-lehrer-native-v2 START */ /* 1.0.37: so breit wie die uebrigen Musikschulseiten (1120 px, mittig); bis dahin die volle Breite. */ body.page-id-3673 .entry-title{display:none!important}body.page-id-3673 .skl-lehrerseite-eingerichtet,body.page-id-3673 .skl-lehrerseite-eingerichtet *{box-sizing:border-box}body.page-id-3673 .skl-lehrerseite-eingerichtet{width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;padding:0!important}body.page-id-3673 .skl-lehrerseite-eingerichtet>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.page-id-3673 .skl-lehrer-einstieg{margin:0 0 2rem!important}body.page-id-3673 .skl-lehrer-einstieg>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.page-id-3673 .skl-lehrer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.5rem!important;width:100%!important;max-width:none!important;margin:0 0 2rem!important;padding:0!important}body.page-id-3673 .skl-lehrer-grid>.wp-block-group__inner-container{display:contents!important}body.page-id-3673 .skl-lehrer-karte{display:flex!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;transition:transform .2s,box-shadow .2s!important}body.page-id-3673 .skl-lehrer-karte:hover{transform:translateY(-4px)!important;box-shadow:0 14px 32px rgba(35,69,99,.18)!important}body.page-id-3673 .skl-lehrer-karte>.wp-block-group__inner-container{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}body.page-id-3673 .wp-block-image.skl-lehrer-bild{width:100%!important;max-width:none!important;aspect-ratio:4/5!important;margin:0!important;overflow:hidden!important;background:#dfeaf3!important}body.page-id-3673 .skl-lehrer-bild a{display:block!important;width:100%!important;height:100%!important}body.page-id-3673 .skl-lehrer-bild img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center 22%!important;transition:transform .25s!important}body.page-id-3673 .skl-lehrer-karte:hover .skl-lehrer-bild img{transform:scale(1.035)!important}body.page-id-3673 .skl-lehrer-karteninhalt{display:flex!important;flex:1 1 0%!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:none!important;margin:0!important;padding:1.2rem 1.25rem 1.3rem!important}body.page-id-3673 .skl-lehrer-karteninhalt>.wp-block-group__inner-container{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.page-id-3673 .skl-lehrer-karteninhalt h2{margin:0 0 .65rem!important}body.page-id-3673 .skl-lehrer-karteninhalt h2 a{text-decoration:none!important}body.page-id-3673 .skl-lehrer-instrument{display:inline-block!important;width:auto!important;margin:0 0 1.15rem!important;padding:.35rem .7rem!important;color:#31546f!important;background:#e9f2f8!important;border-radius:999px!important;font-size:.93rem!important;font-weight:700!important;line-height:normal!important}body.page-id-3673 .skl-lehrer-mehr{margin:auto 0 0!important;color:#0876b8!important;font-weight:800!important;line-height:normal!important}body.page-id-3673 .skl-lehrer-mehr a{color:#0876b8!important;text-decoration:none!important}body.page-id-3673 .skl-lehrer-mehr span{display:inline-block!important;transition:transform .2s!important}body.page-id-3673 .skl-lehrer-karte:hover .skl-lehrer-mehr span{transform:translateX(4px)!important}body.page-id-3673 .skl-lehrer-karte a:focus-visible{outline:4px solid #f0c900!important;outline-offset:-4px!important} @media(max-width:900px){body.page-id-3673 .skl-lehrer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){body.page-id-3673 .skl-lehrer-grid{grid-template-columns:1fr!important;gap:1.1rem!important}}@media(prefers-reduced-motion:reduce){body.page-id-3673 .skl-lehrer-karte,body.page-id-3673 .skl-lehrer-bild img{transition:none!important}} /* skl-lehrer-native-v2 END */ /* SKL Little BC START */ body.page-id-3777 .entry-title{display:none!important}.skl-lbc-seite,.skl-lbc-seite *{box-sizing:border-box}.skl-lbc-seite{--lbc-blau:#0876b8;--lbc-dunkel:#075d91;--lbc-hell:var(--skl-hellblau);--lbc-eis:#eaf4fb;--lbc-text:#253746;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--lbc-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-lbc-seite>.wp-block-group__inner-container,.skl-lbc-kopf>.wp-block-group__inner-container,.skl-lbc-abschnitt>.wp-block-group__inner-container,.skl-lbc-mitgliedraster>.wp-block-group__inner-container,.skl-lbc-mitgliedkarte>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-lbc-kopf{margin:0 0 1.4rem!important} .wp-block-image.skl-lbc-hauptbild{width:100%!important;margin:0 0 1.4rem!important;overflow:hidden!important;background:#fff!important;border:1px solid #d4e2ed!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(34,73,106,.12)!important}.skl-lbc-hauptbild img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;aspect-ratio:2400/1186!important;object-fit:cover!important} .skl-lbc-abschnitt{margin:0 0 1.4rem!important;padding:clamp(1.3rem,3vw,2.1rem)!important}.skl-lbc-abschnittstitel{margin:0 0 .8rem!important}.skl-lbc-einleitung{max-width:none!important;margin:0 0 .55rem!important}.skl-lbc-einleitung:last-child{margin-bottom:0!important} .skl-lbc-mitgliedraster{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;width:100%!important;margin:0!important}.skl-lbc-mitgliedraster>.wp-block-group__inner-container{display:contents!important}.skl-lbc-mitgliedkarte{height:100%!important;margin:0!important;padding:1.1rem 1.15rem!important}.skl-lbc-mitgliedname{margin:0 0 .4rem!important}.skl-lbc-rolle{display:inline-block!important;width:auto!important;margin:0!important;padding:.3rem .65rem!important;color:#31546f!important;background:var(--lbc-eis)!important;border-radius:999px!important;font-size:.92rem!important;font-weight:750!important;line-height:1.35!important} .skl-lbc-ep{text-align:center!important}.skl-lbc-epkicker{margin:0 0 .35rem!important}.skl-lbc-eptitel{margin:0 0 1.2rem!important}.skl-lbc-player{width:100%!important;max-width:760px!important;margin:0 auto 1.25rem!important;overflow:hidden!important;background:#fff!important;border:1px solid #cbdde9!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(34,73,106,.12)!important}.skl-lbc-player iframe{display:block!important;width:100%!important;height:550px!important;margin:0!important;border:0!important}.skl-lbc-streamingtext{margin:0 0 .85rem!important}.wp-block-buttons.skl-lbc-streamingbuttons{display:flex!important;justify-content:center!important;gap:.65rem!important;margin:0!important}.skl-lbc-streambutton{width:auto!important;margin:0!important}.skl-lbc-streambutton .wp-block-button__link{display:inline-block!important;width:auto!important;max-width:100%!important;text-decoration:none!important} .skl-lbc-repertoiretext{margin:0 0 1rem!important}.wp-block-table.skl-lbc-repertoire-tabelle{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-x:auto!important;border:1px solid #d3e1ec!important;border-radius:12px!important;background:#fff!important}.skl-lbc-repertoire-tabelle table{width:100%!important;min-width:720px!important;margin:0!important;border-collapse:collapse!important}.skl-lbc-repertoire-tabelle th,.skl-lbc-repertoire-tabelle td{padding:.85rem 1rem!important;border:0!important;border-bottom:1px solid #dce6ee!important;text-align:left!important;vertical-align:middle!important}.skl-lbc-repertoire-tabelle td{font-size:clamp(.98rem,1.25vw,1.06rem)!important}.skl-lbc-repertoire-tabelle th{padding:.8rem 1rem!important;color:#fff!important;background:linear-gradient(135deg,#0876b8,#075d91)!important;font-size:.84rem!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1.35!important;text-transform:uppercase!important}.skl-lbc-repertoire-tabelle th:first-child{border-radius:12px 0 0 0!important}.skl-lbc-repertoire-tabelle th:last-child{border-radius:0 12px 0 0!important}.skl-lbc-repertoire-tabelle tbody tr:nth-child(even){background:#f4f9fc!important}.skl-lbc-repertoire-tabelle tbody tr:hover{background:#eaf4fb!important}.skl-lbc-repertoire-tabelle td:first-child{width:42%!important;color:#203b51!important;font-weight:750!important}.skl-lbc-repertoire-tabelle td:nth-child(2){width:38%!important;color:#40566a!important}.skl-lbc-repertoire-tabelle td:last-child{width:20%!important}.skl-lbc-repertoire-tabelle a{display:inline-block!important;padding:.38rem .7rem!important;color:#fff!important;background:var(--lbc-blau)!important;border-radius:999px!important;font-size:.88rem!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important}.skl-lbc-repertoire-tabelle a:hover{background:var(--lbc-dunkel)!important}.skl-lbc-seite a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:900px){.skl-lbc-mitgliedraster{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.skl-lbc-seite{max-width:100%!important}.skl-lbc-abschnitt{padding:1.15rem!important}.skl-lbc-mitgliedraster{grid-template-columns:1fr!important;gap:.8rem!important}.skl-lbc-player iframe{height:430px!important}.wp-block-buttons.skl-lbc-streamingbuttons{gap:.5rem!important}.skl-lbc-repertoire-tabelle table{min-width:680px!important}} /* SKL Little BC END */ /* SKL CD-Download START */ .skl-cd-suche{margin:0 0 1.5rem!important;padding:1rem 1.25rem!important;background:#eaf3fb!important;border:1px solid #d3e4f1!important;border-radius:14px!important} .skl-cd-suche label{display:block!important;margin:0 0 .4rem!important;color:#075d91!important;font-weight:700!important;font-size:.95rem!important} .skl-cd-suche input{width:100%!important;max-width:420px!important;padding:.6rem .9rem!important;background:#fff!important;border:1px solid #b9d3e8!important;border-radius:10px!important;font-size:1rem!important;color:#203243!important;box-sizing:border-box!important} .skl-cd-suche input:focus-visible{outline:3px solid #f2cf22!important;outline-offset:2px!important} .skl-cd-suche-hinweis{margin:.75rem 0 0!important;color:#3f566b!important;font-style:italic!important} .skl-cd-kasten[hidden],.skl-cd-zeile[hidden]{display:none!important} .skl-cd-seite{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important} .skl-cd-seite>.wp-block-group__inner-container,.skl-cd-einstieg>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-cd-einstieg{width:100%!important;max-width:none!important;margin:0 0 1.6rem!important} .skl-cd-einstieg .skl-cd-hinweis{max-width:760px!important;margin:1.35rem auto 0!important;padding:1.2rem 0 0!important;background:none!important;border:0!important;border-top:1px solid #bcd8ec!important;border-radius:0!important;text-align:center!important} .skl-cd-einstieg .skl-cd-hinweis p{max-width:none!important;margin:0 0 .85rem!important;color:#31546f!important;font-size:1rem!important;font-weight:650!important;line-height:1.55!important;text-align:center!important} .skl-cd-einstieg .skl-cd-hinweis p:last-child{margin-bottom:0!important} .skl-cd-einstieg .skl-cd-hinweis .skl-cd-knopf{display:inline-flex!important;width:auto!important} @media(max-width:620px){.skl-cd-einstieg .skl-cd-hinweis{margin-top:1.1rem!important;padding-top:1rem!important}.skl-cd-einstieg .skl-cd-hinweis p{font-size:.95rem!important}.skl-cd-einstieg .skl-cd-hinweis .skl-cd-knopf{display:flex!important;width:100%!important}} @media(max-width:760px){.skl-cd-seite{max-width:100%!important;margin:0!important;padding:0 .15rem!important}} @media(max-width:480px){.skl-cd-seite{padding:0!important}} .skl-cd-liste{display:grid!important;grid-template-columns:1fr!important;gap:1.5rem!important;margin:1.2rem 0!important}.skl-cd-kasten{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:'cover name alle' 'cover plakat alle' 'tabelle tabelle tabelle'!important;align-items:center!important;gap:.9rem 1.2rem!important;padding:clamp(1.1rem,2.5vw,1.8rem)!important;background:#fff!important;border:1px solid #d7e4ee!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(34,73,106,.09)!important;overflow:hidden!important}.skl-cd-kasten--gesperrt{background:#f8f9fb!important}.skl-cd-cover{grid-area:cover!important;width:132px!important;background:#eef4f9!important;border:1px solid #dbe7f0!important;border-radius:10px!important;overflow:hidden!important}.skl-cd-cover img{display:block!important;width:100%!important;height:132px!important;object-fit:contain!important;padding:6px!important;box-sizing:border-box!important;margin:0!important}.skl-cd-kasten--gesperrt .skl-cd-cover img{filter:grayscale(1)!important;opacity:.65!important}.skl-cd-cover--leer{display:flex!important;align-items:center!important;justify-content:center!important;height:132px!important;background:linear-gradient(160deg,#eef4f9,#d8e6f2)!important;color:#a2bdd6!important}.skl-cd-cover--leer span{font-size:3.6rem!important;line-height:1!important}.skl-cd-kasten--gesperrt .skl-cd-cover--leer{background:#f0f2f4!important;color:#c3cbd3!important}.skl-cd-name{grid-area:name!important;margin:0!important;color:#075d91!important;font-size:clamp(1.2rem,2.2vw,1.6rem)!important;font-weight:750!important;line-height:1.3!important}.skl-cd-alle{grid-area:alle!important;margin:0!important}.skl-cd-knopf{display:inline-flex!important;align-items:center!important;gap:.4rem!important;padding:.45rem .9rem!important;color:#fff!important;background:#0876b8!important;border:2px solid #0876b8!important;border-radius:999px!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:.9rem!important;font-weight:800!important;line-height:1.25!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 7px 17px rgba(8,118,184,.2)!important;transition:background .18s!important}.skl-cd-knopf:hover,.skl-cd-knopf:focus{background:#075d91!important;border-color:#075d91!important;color:#fff!important}.skl-cd-knopf--alle{justify-content:center!important;padding:.65rem 1.2rem!important;font-size:.96rem!important;white-space:nowrap!important}.skl-cd-knopf--alle::before{content:"\2193";font-size:1.05em;line-height:1}.skl-cd-tabelle{grid-area:tabelle!important;margin:0!important;padding-top:.9rem!important;border-top:3px solid #d6e9f6!important}.skl-cd-tabelle>.skl-cd-titel{border:1px solid #d3e1ec!important;border-radius:12px!important;overflow:hidden!important}.skl-cd-kopf{display:grid!important;grid-template-columns:1fr auto!important;gap:.7rem!important;padding:.6rem .95rem!important;background:linear-gradient(135deg,#0876b8,#075d91)!important;color:#fff!important;font-size:.78rem!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;line-height:1.35!important}.skl-cd-titel{list-style:none!important;margin:0!important;padding:0!important;counter-reset:skl-cd!important}.skl-cd-zeile{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:.25rem .8rem!important;padding:.62rem .95rem!important;background:#fff!important;border-top:1px solid #dce7ef!important;counter-increment:skl-cd!important}.skl-cd-zeile:first-child{border-top:0!important}.skl-cd-zeile:nth-child(even){background:#f4f9fc!important}.skl-cd-titelname{grid-column:2!important;grid-row:1/3!important;min-width:0!important;color:#38516a!important;font-size:.95rem!important;line-height:1.5!important;font-weight:650!important}.skl-cd-titelname::before{content:counter(skl-cd) ". "!important;color:#7d97ad!important;font-weight:800!important}.skl-cd-groesse{grid-column:3!important;grid-row:1!important;justify-self:end!important;color:#466176!important;font-size:.82rem!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}.skl-cd-zeile .skl-cd-knopf{grid-column:3!important;grid-row:2!important;justify-self:stretch!important;justify-content:center!important;min-width:7.5rem!important}.skl-cd-gesperrt{grid-area:tabelle!important;margin:0!important;color:#6b5a1e!important;background:#fdf6e3!important;border:1px solid #f0e2b6!important;border-radius:9px!important;padding:.6rem .8rem!important;font-size:.9rem!important;line-height:1.5!important}.skl-cd-anzahl,.skl-cd-leer{grid-area:tabelle!important;margin:0!important;color:#7d97ad!important;font-size:.88rem!important}.skl-cd-hinweis{margin:1.2rem 0!important;padding:.95rem 1.15rem!important;background:#eaf4fb!important;border:1px solid #bcd8ec!important;border-left:5px solid #0876b8!important;border-radius:12px!important;color:#31546f!important;font-weight:700!important}.skl-cd-hinweis p{margin:0 0 .7rem!important;color:#31546f!important;line-height:1.55!important}.skl-cd-hinweis p:last-child{margin-bottom:0!important}.skl-cd-hinweis .skl-cd-knopf{padding:.5rem .95rem!important;font-size:.95rem!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}.skl-cd-hinweis .skl-cd-knopf::before{content:"\2709";font-size:1.1em;line-height:1}@media(max-width:620px){.skl-cd-liste{gap:1.1rem!important}.skl-cd-kasten{grid-template-columns:1fr!important;grid-template-areas:'cover' 'name' 'plakat' 'alle' 'tabelle'!important;gap:.7rem!important;padding:1.1rem!important}.skl-cd-cover{width:100%!important}.skl-cd-cover img{height:165px!important}.skl-cd-cover--leer{height:165px!important}.skl-cd-knopf--alle{width:100%!important}.skl-cd-hinweis .skl-cd-knopf{display:flex!important;width:100%!important;justify-content:center!important;font-size:.88rem!important;padding:.55rem .6rem!important}.skl-cd-tabelle{margin:0 .9rem .9rem!important}.skl-cd-kopf{padding:.55rem .8rem!important;font-size:.72rem!important}.skl-cd-zeile{grid-template-columns:auto 1fr 6.3rem!important;padding:.6rem .7rem!important;gap:.2rem .5rem!important}.skl-cd-titelname{font-size:.88rem!important;line-height:1.45!important}.skl-cd-groesse{font-size:.78rem!important}.skl-cd-zeile .skl-cd-knopf{min-width:0!important;padding:.42rem .4rem!important;font-size:.8rem!important}}@media(prefers-reduced-motion:reduce){.skl-cd-knopf{transition:none!important}} .skl-cd-einstieg .skl-cd-hinweis{max-width:none!important} .skl-cd-plakat{grid-area:plakat!important;justify-self:start!important;align-self:start!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important;margin:.35rem 0 0!important;padding:.42rem 1rem!important;background:#0876b8!important;color:#fff!important;border:2px solid #0876b8!important;border-radius:999px!important;font-size:.9rem!important;font-weight:800!important;line-height:1.25!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 4px 12px rgba(8,118,184,.22)!important;transition:background .18s!important} .skl-cd-plakat::before{content:"\1F5BC";font-size:1em;line-height:1} .skl-cd-plakat:hover,.skl-cd-plakat:focus{background:#075d91!important;border-color:#075d91!important;color:#fff!important} .skl-cd-kasten--gesperrt .skl-cd-plakat{background:#8aa1b4!important;border-color:#8aa1b4!important} .skl-cd-hoeren{grid-column:1!important;grid-row:1/3!important;justify-self:start!important;align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:2.1rem!important;height:2.1rem!important;padding:0!important;background:#fff!important;color:#0876b8!important;border:2px solid #b9d3e8!important;border-radius:50%!important;cursor:pointer!important;font-size:.78rem!important;line-height:1!important;transition:background .18s,border-color .18s!important} .skl-cd-hoeren::before{content:"\25B6";margin-left:.12em} .skl-cd-hoeren:hover,.skl-cd-hoeren:focus{background:#eaf3fb!important;border-color:#0876b8!important} .skl-cd-hoeren:focus-visible{outline:3px solid #f2cf22!important;outline-offset:2px!important} .skl-cd-hoeren--laeuft{background:#0876b8!important;border-color:#0876b8!important;color:#fff!important} .skl-cd-hoeren--laeuft::before{content:"\23F8";margin-left:0} .skl-cd-kopf{grid-template-columns:auto 1fr auto!important} .skl-cd-kopf::before{content:"";display:block;width:2.1rem} .skl-cd-spielerzeile{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.5rem .9rem!important;margin:0!important;padding:.55rem .95rem!important;background:#eaf3fb!important;border:0!important;border-top:1px solid #cfe1f0!important;border-bottom:1px solid #cfe1f0!important;border-radius:0!important;list-style:none!important} .skl-cd-spielerzeile[hidden]{display:none!important} .skl-cd-spielertitel{color:#075d91!important;font-size:.95rem!important;font-weight:750!important} .skl-cd-spieler{display:none!important} .skl-cd-steuerung{display:flex!important;flex:1 1 100%!important;align-items:center!important;gap:.6rem!important;min-width:0!important} .skl-cd-zeit,.skl-cd-dauer{flex:0 0 auto!important;color:#466176!important;font-size:.85rem!important;font-variant-numeric:tabular-nums!important;line-height:1!important} .skl-cd-schieber{flex:1 1 auto!important;min-width:0!important;height:1.4rem!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important} .skl-cd-schieber::-webkit-slider-runnable-track{height:6px;background:#cfe1f0;border-radius:999px} .skl-cd-schieber::-moz-range-track{height:6px;background:#cfe1f0;border-radius:999px} .skl-cd-schieber::-moz-range-progress{height:6px;background:#0876b8;border-radius:999px} .skl-cd-schieber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;background:#0876b8;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(34,73,106,.35)} .skl-cd-schieber::-moz-range-thumb{width:16px;height:16px;background:#0876b8;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(34,73,106,.35)} .skl-cd-schieber:focus-visible{outline:3px solid #f2cf22!important;outline-offset:2px!important} @media(max-width:620px){.skl-cd-steuerung{flex-wrap:wrap!important;gap:.15rem .6rem!important}.skl-cd-schieber{flex:1 1 100%!important;order:1!important}.skl-cd-zeit{order:2!important}.skl-cd-dauer{order:3!important;margin-left:auto!important}.skl-cd-spielerzeile{padding:.55rem .7rem!important}} /* SKL CD-Download ENDE */ /* SKL 100 Jahre START */ body.page-id-3841 .entry-title{display:none!important}.skl-jubilaeum-seite,.skl-jubilaeum-seite *{box-sizing:border-box}.skl-jubilaeum-seite{--jub-blau:#0876b8;--jub-dunkel:#075d91;--jub-mittel:var(--skl-hellblau);--jub-eis:#eaf4fb;--jub-text:#304b62;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--jub-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-jubilaeum-seite>.wp-block-group__inner-container,.skl-jub-kopf>.wp-block-group__inner-container,.skl-jub-abschnitt>.wp-block-group__inner-container,.skl-jub-uebersichtsraster>.wp-block-group__inner-container,.skl-jub-uebersichtskarte>.wp-block-group__inner-container,.skl-jub-zeitleiste>.wp-block-group__inner-container,.skl-jub-zeitpunkt>.wp-block-group__inner-container,.skl-jub-inforaster>.wp-block-group__inner-container,.skl-jub-infokarte>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-jub-kopf{margin:0 0 1.4rem!important;overflow:hidden!important}.skl-jub-kicker{display:inline-block!important;width:auto!important} .skl-jub-abschnitt{margin:0 0 1.4rem!important;padding:clamp(1.35rem,3vw,2.2rem)!important}.skl-jub-abschnittstitel{margin:0 0 .9rem!important}.skl-jub-abschnittskicker{margin:0 0 .35rem!important}.skl-jub-einleitung{max-width:none!important;margin:0 0 .55rem!important}.skl-jub-hinweis{display:inline-block!important;width:auto!important;margin:.65rem 0 0!important;padding:.55rem .85rem!important;color:#31546f!important;background:var(--jub-eis)!important;border-radius:10px!important;font-size:.94rem!important;font-weight:750!important;line-height:1.45!important} .skl-jub-mitmachen{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.8rem 1.1rem!important;margin:1.15rem 0 0!important;padding:1.05rem 1.2rem!important}.skl-jub-mitmachen>.wp-block-group__inner-container{display:contents!important}.skl-jub-mitmach-text{margin:0!important;flex:1 1 15rem!important;color:var(--jub-dunkel)!important;font-size:1rem!important;font-weight:800!important;line-height:1.5!important}.skl-jub-mitmach-knopf{margin:0!important}.skl-jub-mitmach-knopf a{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.62rem 1.05rem!important;color:#fff!important;background:var(--jub-blau)!important;border-radius:10px!important;font-size:.97rem!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 4px 12px rgba(8,118,184,.25)!important;transition:background .18s,transform .18s!important}.skl-jub-mitmach-knopf a::before{content:"\2709";font-size:1.08em!important;line-height:1!important}.skl-jub-mitmach-knopf a:hover,.skl-jub-mitmach-knopf a:focus{background:var(--jub-dunkel)!important;transform:translateY(-1px)!important} .skl-jub-uebersichtsraster{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;width:100%!important;margin:0!important}.skl-jub-uebersichtsraster>.wp-block-group__inner-container{display:contents!important}.skl-jub-uebersichtskarte{height:100%!important;margin:0!important;padding:1.15rem!important;transition:transform .18s,box-shadow .18s!important}.skl-jub-uebersichtskarte:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(34,73,106,.12)!important}.skl-jub-kartentitel{margin:0 0 .4rem!important}.skl-jub-kartentext{margin:0 0 .75rem!important}.skl-jub-kartenlink{margin:auto 0 0!important;font-size:.92rem!important;font-weight:800!important}.skl-jub-kartenlink a{color:var(--jub-blau)!important;text-decoration:none!important} .skl-jub-zeitleiste{display:grid!important;gap:.7rem!important;width:100%!important;margin:0!important}.skl-jub-zeitleiste>.wp-block-group__inner-container{display:contents!important}.skl-jub-zeitpunkt{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;align-items:stretch!important;gap:.8rem!important;width:100%!important;margin:0!important}.skl-jub-zeitpunkt>.wp-block-group__inner-container{display:contents!important}.skl-jub-jahr{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:.8rem .65rem!important;color:#fff!important;background:linear-gradient(135deg,var(--jub-blau),var(--jub-dunkel))!important;border-radius:12px!important;font-size:1.04rem!important;font-weight:850!important;line-height:1.2!important}.skl-jub-ereignis{display:flex!important;align-items:center!important;margin:0!important;padding:.82rem 1rem!important} .skl-jub-platzhaltertext{margin:0!important}.skl-jub-inforaster{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;width:100%!important;margin:1rem 0 0!important}.skl-jub-inforaster>.wp-block-group__inner-container{display:contents!important}.skl-jub-infokarte{height:100%!important;margin:0!important;padding:1.1rem!important}.skl-jub-infokartentitel{margin:0 0 .4rem!important}.skl-jub-infokartentext{margin:0!important}.skl-jub-infokartenbild{margin:-1.1rem -1.1rem .85rem!important;border-radius:8px 8px 0 0!important;overflow:hidden!important;background:#eef4f9!important;border-bottom:1px solid #dbe7f0!important}.skl-jub-infokartenbild img{display:block!important;width:100%!important;height:150px!important;object-fit:contain!important;padding:6px!important;box-sizing:border-box!important;margin:0!important;border-radius:0!important}.skl-jub-infokartenbild figcaption{display:none!important}.skl-jub-mediaraster{grid-template-columns:repeat(3,minmax(0,1fr))!important}.skl-jubilaeum-seite a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:900px){.skl-jub-uebersichtsraster{grid-template-columns:repeat(2,minmax(0,1fr))!important}.skl-jub-mediaraster{grid-template-columns:1fr!important}}@media(max-width:620px){.skl-jubilaeum-seite{max-width:100%!important}.skl-jub-abschnitt{padding:1.15rem!important}.skl-jub-uebersichtsraster,.skl-jub-inforaster{grid-template-columns:1fr!important;gap:.75rem!important}.skl-jub-zeitpunkt{grid-template-columns:72px minmax(0,1fr)!important;gap:.55rem!important}.skl-jub-jahr{padding:.7rem .35rem!important;font-size:.91rem!important}.skl-jub-ereignis{padding:.72rem .78rem!important}.skl-jub-mitmachen{padding:.9rem!important}.skl-jub-mitmach-text{flex:1 1 100%!important;font-size:.97rem!important}.skl-jub-mitmach-knopf{width:100%!important}.skl-jub-mitmach-knopf a{width:100%!important;justify-content:center!important;font-size:.86rem!important;padding:.6rem .4rem!important}}@media(prefers-reduced-motion:reduce){.skl-jub-uebersichtskarte,.skl-jub-mitmach-knopf a{transition:none!important}} /* 0.7.67 (24.09.2026): Ein Kartenbild darf verlinkt sein. Der Kern setzt ".wp-block-image a" auf inline-block; das Bild darin (width:100%) schrumpfte damit auf seine eigene Breite und stand links statt mittig. Der Link wird hier zum Block - dann fuellt das Bild die Karte wie ohne Link. Anlass: die Karten "Plakate" und "Repertoire" im Konzertarchiv. */ .skl-jub-infokarte .skl-jub-infokartenbild>a{display:block} /* SKL 100 Jahre END */ /* SKL Bigband Bandleader START */ body.page-id-3685 .entry-title{display:none!important}.skl-bandleader-seite,.skl-bandleader-seite *{box-sizing:border-box}.skl-bandleader-seite{--bbl-blau:#0876b8;--bbl-dunkel:#075d91;--bbl-mittel:var(--skl-hellblau);--bbl-eis:#eaf4fb;--bbl-text:#304b62;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--bbl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-bandleader-seite>.wp-block-group__inner-container,.skl-bbl-kopf>.wp-block-group__inner-container,.skl-bbl-profil>.wp-block-group__inner-container,.skl-bbl-profilinhalt>.wp-block-group__inner-container,.skl-bbl-abschnitt>.wp-block-group__inner-container,.skl-bbl-stationen>.wp-block-group__inner-container,.skl-bbl-station>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-bbl-kopf{margin:0 0 1.4rem!important} .skl-bbl-profil{display:grid!important;grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important;align-items:stretch!important;gap:1.4rem!important;width:100%!important;margin:0 0 1.4rem!important;padding:clamp(1rem,2.5vw,1.5rem)!important}.skl-bbl-profil>.wp-block-group__inner-container{display:contents!important}.wp-block-image.skl-bbl-portrait{width:100%!important;height:100%!important;min-height:390px!important;margin:0!important;overflow:hidden!important;background:#eaf4fb!important;border-radius:14px!important}.skl-bbl-portrait a{display:block!important;width:100%!important;height:100%!important}.skl-bbl-portrait img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center 20%!important}.skl-bbl-profilinhalt{display:flex!important;align-items:center!important;margin:0!important;padding:clamp(1rem,2vw,1.6rem)!important}.skl-bbl-profilkicker{margin:0 0 .35rem!important}.skl-bbl-profiltitel{margin:0 0 1rem!important}.skl-bbl-fakt{display:inline-block!important;width:auto!important;margin:0 0 .8rem!important;padding:.5rem .8rem!important;color:#31546f!important;background:#e3f0f8!important;border-radius:999px!important;font-size:.96rem!important;line-height:1.4!important}.skl-bbl-profiltext{margin:0!important} .skl-bbl-abschnitt{margin:0 0 1.4rem!important;padding:clamp(1.3rem,3vw,2.1rem)!important}.skl-bbl-abschnittstitel{margin:0 0 1rem!important}.skl-bbl-stationen{display:grid!important;gap:.85rem!important;width:100%!important;margin:0!important}.skl-bbl-station{position:relative!important;margin:0!important;padding:1.1rem 1.15rem 1.15rem 1.3rem!important}.skl-bbl-zeit{display:inline-block!important;width:auto!important;margin:0 0 .5rem!important;padding:.32rem .68rem!important;color:#fff!important;background:var(--bbl-blau)!important;border-radius:999px!important;font-size:.85rem!important;font-weight:800!important;line-height:1.35!important}.skl-bbl-stationstitel{margin:0 0 .45rem!important}.skl-bbl-stationstext{margin:0!important}.skl-bbl-stationstext strong{color:var(--bbl-dunkel)!important}.skl-bandleader-seite a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:760px){.skl-bbl-profil{grid-template-columns:1fr!important;gap:.9rem!important}.wp-block-image.skl-bbl-portrait{height:auto!important;min-height:0!important;aspect-ratio:4/5!important}.skl-bbl-portrait img{height:100%!important}}@media(max-width:620px){.skl-bandleader-seite{max-width:100%!important}.skl-bbl-profil,.skl-bbl-abschnitt{padding:1.1rem!important}.skl-bbl-profilinhalt{padding:1rem!important}.skl-bbl-fakt{border-radius:10px!important}.skl-bbl-station{padding:.9rem!important}} /* SKL Bigband Bandleader END */ /* SKL Bigband Repertoire START */ body.page-id-3260 .entry-title{display:none!important}.skl-bigband-repertoire-seite,.skl-bigband-repertoire-seite *{box-sizing:border-box}.skl-bigband-repertoire-seite{--bbr-blau:#0876b8;--bbr-dunkel:#075d91;--bbr-mittel:var(--skl-hellblau);--bbr-eis:#eaf4fb;--bbr-text:#304b62;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--bbr-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-bigband-repertoire-seite>.wp-block-group__inner-container,.skl-bbr-kopf>.wp-block-group__inner-container,.skl-bbr-abschnitt>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-bbr-kopf{margin:0 0 1.4rem!important} /* 0.7.78 (26.09.2026): ein kurzer Text im Kopf, unter der Genre-Zeile (Wunsch des Benutzers: "Von Glenn Miller bis Queen" gekuerzt in den Kopf). */ .skl-bbr-abschnitt{margin:0 0 1.4rem!important;padding:clamp(1.3rem,3vw,2.1rem)!important}.skl-bbr-abschnittstitel{margin:0 0 .85rem!important} /* 0.7.74 (25.09.2026): Das Repertoire steht als schlichte Liste da, alphabetisch, in Spalten wie beim Blechblaeser-Ensemble - vorher je Titel eine Box (.skl-bbr-raster/.skl-bbr-titelkarte, Wunsch des Benutzers). */ .skl-bbr-liste{columns:3!important;column-gap:2rem!important;margin:.3rem 0 0 1.2rem!important;padding:0!important}.skl-bbr-liste li{break-inside:avoid!important;margin:0 0 .55rem!important}.skl-bbr-liste li::marker{color:var(--bbr-blau)!important} @media(max-width:900px){.skl-bbr-liste{columns:2!important}}@media(max-width:620px){.skl-bigband-repertoire-seite{max-width:100%!important}.skl-bbr-abschnitt{padding:1.1rem!important}.skl-bbr-liste{columns:1!important}} /* SKL Bigband Repertoire END */ /* SKL Kontakt START */ body.page-id-4839 .entry-title{display:none!important}.skl-kontakt-seite,.skl-kontakt-seite *{box-sizing:border-box}.skl-kontakt-seite{--kon-blau:#0876b8;--kon-dunkel:#075d91;--kon-mittel:var(--skl-hellblau);--kon-eis:#eaf4fb;--kon-text:#304b62;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--kon-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-kontakt-seite>.wp-block-group__inner-container,.skl-kontakt-kopf>.wp-block-group__inner-container,.skl-kontakt-kartenraster>.wp-block-group__inner-container,.skl-kontakt-karte>.wp-block-group__inner-container,.skl-kontakt-formularblock>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .skl-kontakt-kopf{margin:0 0 1.4rem!important} .skl-kontakt-kartenraster{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;width:100%!important;margin:0 0 1.4rem!important}.skl-kontakt-kartenraster>.wp-block-group__inner-container{display:contents!important}.skl-kontakt-karte{height:100%!important;margin:0!important;padding:1.25rem!important}.skl-kontakt-kartenkicker{margin:0 0 .45rem!important}.skl-kontakt-kartentitel{margin:0 0 .6rem!important}.skl-kontakt-kartentext,.skl-kontakt-kartenzusatz{margin:0!important}.skl-kontakt-kartenzusatz{margin-top:.45rem!important}.skl-kontakt-kartenzusatz strong{color:var(--kon-dunkel)!important} .skl-kontakt-formularblock{margin:0!important;padding:clamp(1.3rem,3vw,2.1rem)!important}.skl-kontakt-formkicker{margin:0 0 .35rem!important}.skl-kontakt-formtitel{margin:0 0 .45rem!important}.skl-kontakt-formhinweis{margin:0 0 1.2rem!important;color:#52687a!important;font-size:.92rem!important;line-height:1.5!important}.skl-kontakt-formularblock .wpcf7{width:100%!important;max-width:none!important;margin:0!important}.skl-kontakt-formularblock .wpcf7-form{margin:0!important}.skl-kontakt-formularblock .skl-contact-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem 1.2rem!important;width:100%!important}.skl-kontakt-formularblock .skl-contact-form>p{margin:0!important}.skl-kontakt-formularblock .skl-contact-form>p:nth-of-type(n+3),.skl-kontakt-formularblock .skl-contact-form>fieldset,.skl-kontakt-formularblock .skl-contact-form>.cf7-cf-turnstile{grid-column:1/-1!important}.skl-kontakt-formularblock label{display:block!important;color:#27465e!important;font-size:.96rem!important;font-weight:750!important;line-height:1.5!important}.skl-kontakt-formularblock input[type=text],.skl-kontakt-formularblock input[type=email],.skl-kontakt-formularblock textarea{display:block!important;width:100%!important;max-width:100%!important;margin:.4rem 0 0!important;padding:.72rem .8rem!important;color:#263d50!important;background:#f8fbfe!important;border:1px solid #bfcfdb!important;border-radius:10px!important;font:inherit!important;font-weight:500!important;line-height:1.45!important;box-shadow:inset 0 1px 2px rgba(34,73,106,.04)!important;transition:border-color .18s,box-shadow .18s!important}.skl-kontakt-formularblock textarea{min-height:180px!important;resize:vertical!important}.skl-kontakt-formularblock input[type=text]:focus,.skl-kontakt-formularblock input[type=email]:focus,.skl-kontakt-formularblock textarea:focus{outline:0!important;border-color:var(--kon-blau)!important;box-shadow:0 0 0 3px rgba(8,118,184,.16)!important}.skl-kontakt-formularblock fieldset{min-width:0!important;margin:0!important;padding:1rem!important;background:#f6fafc!important;border:1px solid #d6e3ed!important;border-radius:13px!important}.skl-kontakt-formularblock .wpcf7-radio{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.skl-kontakt-formularblock .wpcf7-list-item{display:block!important;margin:0!important}.skl-kontakt-formularblock .wpcf7-radio label{display:flex!important;align-items:flex-start!important;gap:.55rem!important;height:100%!important;padding:.72rem .78rem!important;background:#fff!important;border:1px solid #d5e2eb!important;border-radius:10px!important;cursor:pointer!important;font-size:.91rem!important;font-weight:600!important;line-height:1.45!important}.skl-kontakt-formularblock input[type=radio],.skl-kontakt-formularblock input[type=checkbox]{flex:0 0 auto!important;width:18px!important;height:18px!important;margin:.1rem 0 0!important;accent-color:var(--kon-blau)!important}.skl-kontakt-formularblock .wpcf7-acceptance label{display:flex!important;align-items:flex-start!important;gap:.6rem!important;padding:.85rem!important;background:var(--kon-eis)!important;border-radius:10px!important;font-size:.9rem!important;font-weight:600!important;line-height:1.5!important}.skl-kontakt-formularblock a{color:var(--kon-blau)!important;font-weight:750!important}.skl-kontakt-formularblock .wpcf7-submit{display:inline-block!important;width:auto!important;max-width:100%!important;margin:.2rem 0 0!important;padding:.65rem 1.2rem!important;color:#fff!important;background:var(--kon-blau)!important;border:2px solid var(--kon-blau)!important;border-radius:999px!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:.96rem!important;font-weight:800!important;line-height:1.25!important;box-shadow:0 7px 17px rgba(8,118,184,.2)!important;cursor:pointer!important}.skl-kontakt-formularblock .wpcf7-submit:hover{background:var(--kon-dunkel)!important;border-color:var(--kon-dunkel)!important}.skl-kontakt-formularblock .wpcf7-submit:disabled{cursor:not-allowed!important;opacity:.55!important}.skl-kontakt-formularblock .cf7-cf-turnstile{max-width:100%!important;margin:0!important;overflow:hidden!important}.skl-kontakt-formularblock .wpcf7-response-output{margin:1rem 0 0!important;padding:.75rem 1rem!important;border-radius:10px!important}.skl-kontakt-seite a:focus-visible,.skl-kontakt-seite button:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:850px){.skl-kontakt-kartenraster{grid-template-columns:1fr!important}.skl-kontakt-formularblock .wpcf7-radio{grid-template-columns:1fr!important}}@media(max-width:620px){.skl-kontakt-seite{max-width:100%!important}.skl-kontakt-formularblock{padding:1.1rem!important}.skl-kontakt-kartenraster{gap:.75rem!important}.skl-kontakt-karte{padding:1rem!important}.skl-kontakt-formularblock .skl-contact-form{grid-template-columns:1fr!important;gap:.85rem!important}.skl-kontakt-formularblock .skl-contact-form>p,.skl-kontakt-formularblock .skl-contact-form>fieldset,.skl-kontakt-formularblock .skl-contact-form>.cf7-cf-turnstile{grid-column:1!important}.skl-kontakt-formularblock fieldset{padding:.75rem!important}.skl-kontakt-formularblock .wpcf7-radio label{padding:.68rem!important;font-size:.87rem!important}.skl-kontakt-formularblock textarea{min-height:150px!important}.skl-kontakt-formularblock .wpcf7-submit{width:auto!important;max-width:100%!important}} /* SKL Kontakt END */ /* skl-kontakt-v2-native-gutenberg START */ body.page-id-3757 .entry-title{display:none!important}.skl-kontakt-v2-seite,.skl-kontakt-v2-seite *{box-sizing:border-box}.skl-kontakt-v2-seite{--skl-v2-blau:#0876b8;--skl-v2-dunkel:#075d91;--skl-v2-hell:var(--skl-hellblau);--skl-v2-eis:#eaf3fb;--skl-v2-text:#203243;display:block!important;position:static!important;float:none!important;width:calc(100% - 2rem)!important;max-width:1120px!important;height:auto!important;min-height:0!important;margin:0 auto 2rem!important;color:var(--skl-v2-text)}.skl-kontakt-v2-seite>.wp-block-group__inner-container,.skl-kontakt-v2-person>.wp-block-group__inner-container,.skl-kontakt-v2-info>.wp-block-group__inner-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.skl-kontakt-v2-personen,.skl-kontakt-v2-infos{display:flex!important;position:static!important;float:none!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;gap:1.35rem!important;margin:0 0 1.5rem!important;padding:0!important}.skl-kontakt-v2-personen>.wp-block-group__inner-container,.skl-kontakt-v2-infos>.wp-block-group__inner-container{display:contents!important}.skl-kontakt-v2-person{display:flex!important;position:static!important;float:none!important;flex:1 1 0!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:1.3rem!important}.skl-kontakt-v2-person>.wp-block-group__inner-container{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}.skl-kontakt-v2-rolle{display:flex!important;align-items:center!important;align-self:stretch!important;width:100%!important;min-height:3.15rem!important;margin:0 0 .7rem!important;padding:.35rem .65rem!important;color:#315b79!important;background:var(--skl-v2-eis)!important;border-radius:12px!important;font-size:.86rem!important;font-weight:750!important;line-height:1.3!important;overflow-wrap:anywhere!important}.skl-kontakt-v2-person h3{margin:0 0 .75rem!important}.skl-kontakt-v2-adresse,.skl-kontakt-v2-direkt,.skl-kontakt-v2-email{margin:0 0 .8rem!important}.skl-kontakt-v2-email a{overflow-wrap:anywhere!important;color:var(--skl-v2-blau)!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px!important}.skl-kontakt-v2-aktionen{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;width:100%!important;margin:auto 0 0!important;padding:.35rem 0 0!important}.skl-kontakt-v2-button .wp-block-button__link,.wp-block-button__link.skl-kontakt-v2-button{display:inline-block!important;width:auto!important;max-width:100%!important;text-align:center!important;text-decoration:none!important}.skl-kontakt-v2-info{display:block!important;position:static!important;float:none!important;flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:1.35rem 1.45rem!important}.skl-kontakt-v2-info h3{margin:0 0 .7rem!important}.skl-kontakt-v2-info p{margin:.3rem 0!important}.skl-kontakt-v2-formulare{display:flex!important;position:static!important;float:none!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:auto!important;gap:1.2rem!important;margin:0!important;padding:1.3rem 1.45rem!important;color:#fff!important;background:linear-gradient(135deg,var(--skl-v2-blau) 0%,var(--skl-v2-hell) 100%)!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(34,73,106,.14)!important}.skl-kontakt-v2-formulare>.wp-block-group__inner-container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:1.2rem!important;margin:0!important;padding:0!important}.skl-kontakt-v2-formulartext{flex:1 1 320px!important;margin:0!important;color:#fff!important;line-height:1.55!important}.skl-kontakt-v2-button .wp-block-button__link:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important}@media(max-width:999px){.skl-kontakt-v2-person{flex:1 1 calc(50% - .675rem)!important}.skl-kontakt-v2-info{flex:1 1 calc(50% - .675rem)!important}}@media(max-width:700px){.skl-kontakt-v2-person,.skl-kontakt-v2-info{flex:1 1 100%!important;width:100%!important}.skl-kontakt-v2-person,.skl-kontakt-v2-info{padding:1.15rem!important}.skl-kontakt-v2-formulare,.skl-kontakt-v2-formulare>.wp-block-group__inner-container{align-items:flex-start!important;padding:1.2rem!important}.skl-kontakt-v2-formulare>.wp-block-group__inner-container{padding:0!important}.skl-kontakt-v2-formularbutton{width:100%!important}} /* skl-kontakt-v2-native-gutenberg END */ /* skl-editor-vorlagen: seit Eltern 1.0.22 entfallen - die Vorlagen bestehen aus den einheitlichen Bausteinen (Block VORLAGEN IM EDITOR am Ende dieser Datei). */ /* STAKA_LEHRER_DETAIL_V1_START */ body.page-id-3840 main article > .entry-header, body.page-id-3840 main article > header.entry-header, body.page-id-3682 main article > .entry-header, body.page-id-3682 main article > header.entry-header, body.page-id-3680 main article > .entry-header, body.page-id-3680 main article > header.entry-header, body.page-id-3683 main article > .entry-header, body.page-id-3683 main article > header.entry-header, body.page-id-3792 main article > .entry-header, body.page-id-3792 main article > header.entry-header, body.page-id-3797 main article > .entry-header, body.page-id-3797 main article > header.entry-header, body.page-id-3678 main article > .entry-header, body.page-id-3678 main article > header.entry-header, body.page-id-3756 main article > .entry-header, body.page-id-3756 main article > header.entry-header { display: none !important; } .staka-lehrer-detail-v1 { --staka-blue: #6598CB; --staka-link: #0876b8; --staka-warm: #F6F6F2; --staka-dark: #172638; --staka-gold: #D7A521; --staka-light: #E8F3FB; color: var(--staka-dark); box-sizing: border-box; font-family: Arial, Helvetica, "Liberation Sans", sans-serif; left: 50%; margin: 0 !important; max-width: 1180px !important; padding: 2rem 1rem 3.5rem; position: relative; transform: translateX(-50%); width: min(1180px, calc(100vw - 36px)) !important; } .staka-lehrer-detail-v1__back{max-width: 1180px !important;margin-left: auto !important;margin-right: auto !important} /* 1.0.25 (28.09.2026): Hier stand eine Regel, die alles im Bereich des Buttons "Zur Lehreruebersicht" mit !important auf Arial setzte - er war dadurch als einziger Button der Website in Arial. Ohne sie gilt die Schrift der einheitlichen Buttons (Block EINHEITLICHE BUTTONS). */ .staka-lehrer-detail-v1__back { margin-top: 0 !important; } /* Grimminger: derselbe Karten- und Lebenslaufstil wie auf der Band-Leader-Seite. */ .staka-grimminger-lehrerseite, .staka-grimminger-lehrerseite * { box-sizing: border-box; } .staka-grimminger-lehrerseite { --bbl-blau: #0876b8; --bbl-dunkel: #075d91; --bbl-mittel: var(--skl-hellblau); --bbl-eis: #eaf4fb; --bbl-text: #304b62; color: var(--bbl-text) !important; font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important; margin: 0 auto 2rem !important; max-width: 1120px !important; width: 100% !important; } .staka-grimminger-lehrerseite > .wp-block-group__inner-container, .staka-grimminger-lehrerseite .skl-bbl-kopf > .wp-block-group__inner-container, .staka-grimminger-lehrerseite .skl-bbl-profil > .wp-block-group__inner-container, .staka-grimminger-lehrerseite .skl-bbl-profilinhalt > .wp-block-group__inner-container, .staka-grimminger-lehrerseite .skl-bbl-abschnitt > .wp-block-group__inner-container, .staka-grimminger-lehrerseite .skl-bbl-stationen > .wp-block-group__inner-container, .staka-grimminger-lehrerseite .skl-bbl-station > .wp-block-group__inner-container { margin: 0 !important; max-width: none !important; padding: 0 !important; width: 100% !important; } .staka-grimminger-lehrerseite .skl-bbl-kopf{margin: 0 0 1.4rem !important} .staka-grimminger-lehrerseite .skl-bbl-profil{align-items: stretch !important;display: grid !important;gap: 1.4rem !important;grid-template-columns: minmax(260px,38%) minmax(0,1fr) !important;margin: 0 0 1.4rem !important;padding: clamp(1rem,2.5vw,1.5rem) !important;width: 100% !important} .staka-grimminger-lehrerseite .skl-bbl-profil > .wp-block-group__inner-container { display: contents !important; } .staka-grimminger-lehrerseite .wp-block-image.skl-bbl-portrait { background: var(--bbl-eis) !important; border-radius: 14px !important; height: 100% !important; margin: 0 !important; min-height: 390px !important; overflow: hidden !important; width: 100% !important; } .staka-grimminger-lehrerseite .skl-bbl-portrait a { display: block !important; height: 100% !important; width: 100% !important; } .staka-grimminger-lehrerseite .skl-bbl-portrait img { display: block !important; height: 100% !important; margin: 0 !important; max-width: none !important; object-fit: cover !important; object-position: center 20% !important; width: 100% !important; } .staka-grimminger-lehrerseite .skl-bbl-profilinhalt{align-items: center !important;display: flex !important;margin: 0 !important;padding: clamp(1rem,2vw,1.6rem) !important} .staka-grimminger-lehrerseite .skl-bbl-profilkicker {margin: 0 0 .35rem !important} .staka-grimminger-lehrerseite .skl-bbl-profiltitel{margin: 0 0 1rem !important} .staka-grimminger-lehrerseite .skl-bbl-fakt { background: #e3f0f8 !important; border-radius: 999px !important; color: #31546f !important; display: inline-block !important; font-size: .96rem !important; line-height: 1.4 !important; margin: 0 0 .8rem !important; padding: .5rem .8rem !important; width: auto !important; } .staka-grimminger-lehrerseite .skl-bbl-profiltext{margin: 0 !important} .staka-grimminger-lehrerseite .skl-bbl-abschnitt{margin: 0 0 1.4rem !important;padding: clamp(1.3rem,3vw,2.1rem) !important} .staka-grimminger-lehrerseite .skl-bbl-abschnittstitel{margin: 0 0 1rem !important} .staka-grimminger-lehrerseite .skl-bbl-stationen { display: grid !important; gap: .85rem !important; margin: 0 !important; width: 100% !important; } .staka-grimminger-lehrerseite .skl-bbl-station{margin: 0 !important;padding: 1.1rem 1.15rem 1.15rem 1.3rem !important;position: relative !important} .staka-grimminger-lehrerseite .skl-bbl-zeit { background: var(--bbl-blau) !important; border-radius: 999px !important; color: #fff !important; display: inline-block !important; font-size: .85rem !important; font-weight: 800 !important; line-height: 1.35 !important; margin: 0 0 .5rem !important; padding: .32rem .68rem !important; width: auto !important; } .staka-grimminger-lehrerseite .skl-bbl-stationstitel{margin: 0 0 .45rem !important} .staka-grimminger-lehrerseite .skl-bbl-stationstext{margin: 0 !important} .staka-grimminger-lehrerseite .skl-bbl-stationstext strong { color: var(--bbl-dunkel) !important; } .staka-grimminger-lehrerseite + .staka-lehrer-detail-v1__back { --staka-link: #0876b8; margin: 0 auto 3rem !important; max-width: 1120px !important; } @media (max-width: 781px) { .staka-lehrer-detail-v1 { padding: 1rem .5rem 2.5rem; width: calc(100vw - 14px) !important; } .staka-grimminger-lehrerseite .skl-bbl-profil { gap: .9rem !important; grid-template-columns: 1fr !important; } .staka-grimminger-lehrerseite .wp-block-image.skl-bbl-portrait { aspect-ratio: 4 / 5 !important; height: auto !important; min-height: 0 !important; } .staka-grimminger-lehrerseite .skl-bbl-portrait img { height: 100% !important; } } @media (max-width: 620px) { .staka-grimminger-lehrerseite { max-width: 100% !important; } .staka-grimminger-lehrerseite .skl-bbl-profil,.staka-grimminger-lehrerseite .skl-bbl-abschnitt{padding: 1.1rem !important} .staka-grimminger-lehrerseite .skl-bbl-profilinhalt { padding: 1rem !important; } .staka-grimminger-lehrerseite .skl-bbl-fakt { border-radius: 10px !important; } .staka-grimminger-lehrerseite .skl-bbl-station { padding: .9rem !important; } } /* STAKA_LEHRER_DETAIL_V1_END */ /* Stadtkapelle Galerien: Anfang */ .skl-private-galerien-index, .skl-private-galerie { --skl-blue: #0876b8; --skl-dark: #075d91; --skl-light: var(--skl-hellblau); --skl-ice: #eaf3fb; --skl-text: #203243; box-sizing: border-box; width: 100% !important; max-width: 1180px !important; margin: 0 auto 2rem !important; color: var(--skl-text) !important; font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important; } .skl-private-galerien-index > .wp-block-group__inner-container, .skl-private-galerie > .wp-block-group__inner-container, .skl-private-galerie-hero > .wp-block-group__inner-container { width: 100% !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } .skl-private-galerie-hero{width: 100% !important;max-width: none !important;margin: 0 0 1.6rem !important} .skl-private-galerie-karten { display: block !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; } .skl-private-galerie-karten > .wp-block-group__inner-container { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 1.15rem !important; width: 100% !important; max-width: none !important; margin: 0 !important; } .skl-private-galerie-karte{display: flex !important;flex-direction: column !important;align-items: flex-start !important;width: 100% !important;min-width: 0 !important;min-height: 0 !important;height: auto !important;padding: clamp(1.1rem, 2.5vw, 1.65rem) !important} .skl-private-galerie-karte > .wp-block-group__inner-container { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: 100% !important; margin: 0 !important; } .skl-private-galerie-kartenzeile { display: grid !important; grid-template-columns: 140px minmax(0, 1fr) !important; gap: 1rem !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; } .skl-private-galerie-kartenzeile > .wp-block-group__inner-container { display: contents !important; } .skl-private-galerie-vorschau { width: 140px !important; max-width: 140px !important; margin: 0 !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; background: #edf3f7 !important; border-radius: 11px !important; box-shadow: 0 4px 12px rgba(34, 73, 106, .10) !important; } .skl-private-galerie-vorschau a, .skl-private-galerie-vorschau img { display: block !important; width: 100% !important; height: 100% !important; } .skl-private-galerie-vorschau img { object-fit: cover !important; transition: transform .2s ease !important; } .skl-private-galerie-vorschau a:hover img { transform: scale(1.04) !important; } .skl-private-galerie-karteninhalt { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; } .skl-private-galerie-karteninhalt > .wp-block-group__inner-container { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; margin: 0 !important; } .skl-private-galerie-karte h3 { margin: 0 0 .7rem !important; color: var(--skl-dark) !important; font-size: clamp(1.12rem, 2vw, 1.38rem) !important; line-height: 1.35 !important; } .skl-private-galerie-karte p{margin: 0 0 1rem !important} .skl-private-galerie-karte .wp-block-buttons { margin-top: auto !important; } .skl-private-galerie-karte .wp-block-button__link{text-decoration: none !important} .skl-private-galerie-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .8rem !important; width: 100% !important; max-width: none !important; margin: 0 !important; } .skl-private-galerie-grid > figure.wp-block-image { width: 100% !important; margin: 0 !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; background: #edf3f7 !important; border: 1px solid #d6e2eb !important; border-radius: 12px !important; box-shadow: 0 5px 14px rgba(34, 73, 106, .08) !important; } .skl-private-galerie-grid > figure.wp-block-image a, .skl-private-galerie-grid > figure.wp-block-image img { display: block !important; width: 100% !important; height: 100% !important; } .skl-private-galerie-grid > figure.wp-block-image img { object-fit: cover !important; transition: transform .2s ease !important; } .skl-private-galerie-grid > figure.wp-block-image a:hover img { transform: scale(1.035) !important; } .skl-private-galerie-grid a:focus-visible, .skl-private-galerie a:focus-visible { outline: 4px solid #f2cf22 !important; outline-offset: 3px !important; } .skl-private-galerie-zurueck { margin: 1.5rem 0 0 !important; font-weight: 700 !important; } .skl-private-galerie-zurueck a { color: var(--skl-blue) !important; } @media (max-width: 820px) { .skl-private-galerie-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { .skl-private-galerie-kartenzeile { grid-template-columns: 105px minmax(0, 1fr) !important; gap: .8rem !important; } .skl-private-galerie-vorschau { width: 105px !important; max-width: 105px !important; } } @media (max-width: 767px) { .skl-private-galerie-karten > .wp-block-group__inner-container { grid-template-columns: 1fr !important; } } @media (max-width: 620px) { .skl-private-galerien-index, .skl-private-galerie { padding: 0 !important; } .skl-private-galerie-karte{padding: 1.1rem !important} .skl-private-galerie-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .55rem !important; } .skl-private-galerie-grid > figure.wp-block-image { border-radius: 9px !important; } } @media (max-width: 390px) { .skl-private-galerie-grid { grid-template-columns: 1fr !important; } } /* Stadtkapelle Galerien: Ende */ /* skl-sbo-repertoire START */ .skl-sbo-repertoire,.skl-sbo-repertoire *{box-sizing:border-box}.skl-sbo-repertoire{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf3fb;--skl-text:#203243;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-sbo-repertoire>.wp-block-group__inner-container,.skl-sbo-repertoire>.wp-block-group{width:100%!important;max-width:none!important}.skl-sbo-repertoire-einstieg{width:100%!important;max-width:none!important;margin:0 0 1.6rem!important}.skl-sbo-repertoire-programm{width:100%!important;max-width:none!important;margin:0 0 1.5rem!important;padding:clamp(1.1rem,2.5vw,1.8rem)!important;overflow:hidden!important}.skl-sbo-repertoire-programmtitel{margin:0 0 1rem!important;padding:0 0 .8rem!important;font-family:inherit!important}.skl-sbo-repertoire-tabelle{width:100%!important;max-width:none!important;margin:0!important;overflow-x:auto!important}.skl-sbo-repertoire-tabelle table{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #d3e1ec!important;border-radius:12px!important;overflow:hidden!important;table-layout:auto!important}.skl-sbo-repertoire-tabelle thead th{padding:.8rem 1rem!important;background:linear-gradient(135deg,var(--skl-blau),var(--skl-dunkel))!important;color:#fff!important;border:0!important;font-family:inherit!important;font-size:.84rem!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1.35!important;text-align:left!important;text-transform:uppercase!important}.skl-sbo-repertoire-tabelle tbody td{padding:.85rem 1rem!important;color:var(--skl-text)!important;background:#fff!important;border:0!important;border-top:1px solid #dce7ef!important;font-family:inherit!important;font-size:clamp(.98rem,1.25vw,1.06rem)!important;line-height:1.55!important;vertical-align:top!important}.skl-sbo-repertoire-tabelle tbody tr:first-child td{border-top:0!important}.skl-sbo-repertoire-tabelle tbody tr:nth-child(even) td{background:#f4f9fc!important}.skl-sbo-repertoire-tabelle tbody td:first-child{width:58%!important;font-weight:650!important}.skl-sbo-repertoire-tabelle tbody td:last-child{width:42%!important;color:#466176!important}.skl-sbo-repertoire-tabelle tbody td small{display:block!important;margin-top:.35rem!important;font-size:.9em!important;font-weight:500!important;line-height:1.5!important}.skl-sbo-repertoire-tabelle tbody td em{font-weight:500!important}.skl-sbo-repertoire a:not(.skl-sbo-plakat):not(.skl-sbo-programmheft){color:var(--skl-blau)!important;text-decoration-thickness:.08em!important;text-underline-offset:.18em!important}.skl-sbo-repertoire a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} /* Smartphone: die Tabelle bleibt eine Tabelle (Aufbau wie auf der Spielwiese, Werk | Komponist), nur enger gesetzt. Vorher wurde sie hier in gestapelte Karten aufgeloest. Farben und Desktop-Ansicht unveraendert. */ @media(max-width:760px){.skl-sbo-repertoire{max-width:100%!important;margin:0!important;padding:0 .15rem!important}.skl-sbo-repertoire-programm{padding:1.15rem!important}.skl-sbo-repertoire-tabelle thead th{padding:.6rem .7rem!important}.skl-sbo-repertoire-tabelle tbody td{padding:.7rem .85rem!important;font-size:.9375rem!important;line-height:1.5!important;overflow-wrap:break-word!important;hyphens:auto!important}.skl-sbo-repertoire-tabelle tbody td:first-child{width:54%!important}.skl-sbo-repertoire-tabelle tbody td:last-child{width:46%!important}} @media(max-width:480px){.skl-sbo-repertoire{padding:0!important}.skl-sbo-repertoire-programm{padding:1rem!important}} /* skl-sbo-repertoire END */ /* skl-plakate START */ .skl-plakate-seite,.skl-plakate-seite *{box-sizing:border-box}.skl-plakate-seite{--skl-blau:#0876b8;--skl-hell:var(--skl-hellblau);--skl-papier:#f6f6f2;--skl-dunkel:#172638;--skl-gold:#d7a521;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-dunkel)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-plakate-kopf{width:100%!important;max-width:none!important;margin:0 0 1.6rem!important}.wp-block-group.skl-plakate-seite>.wp-block-group.skl-plakate-grid{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:1.35rem!important;width:100%!important;max-width:100%!important;margin:0!important}.wp-block-group.skl-plakate-grid>.wp-block-group.skl-plakat-card{flex:0 0 calc((100% - 2.7rem)/3)!important;width:calc((100% - 2.7rem)/3)!important;max-width:calc((100% - 2.7rem)/3)!important}.skl-plakat-card{display:flex!important;flex-direction:column!important;min-width:0!important;margin:0!important;padding:1rem!important;overflow:hidden!important}.skl-plakat-bild{display:block!important;width:100%!important;max-width:none!important;margin:0 0 1rem!important;background:var(--skl-papier)!important;border-radius:12px!important;overflow:hidden!important}.skl-plakat-bild a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;aspect-ratio:3/4!important;background:var(--skl-papier)!important}.skl-plakat-bild img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;transition:transform .2s ease!important}.skl-plakat-bild a:hover img{transform:scale(1.018)!important}.skl-plakat-titel{margin:.05rem 0 .35rem!important;color:var(--skl-dunkel)!important;font-size:clamp(1.12rem,1.55vw,1.35rem)!important;font-weight:750!important;line-height:1.3!important}.skl-plakat-datum{margin:auto 0 0!important;color:#496276!important;font-size:1rem!important;font-weight:650!important;line-height:1.4!important}.skl-plakat-hinweis{margin:auto 0 0!important;color:#5a7286!important;font-size:.88rem!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.4!important}.skl-plakat-bild a:focus-visible{outline:4px solid var(--skl-gold)!important;outline-offset:3px!important}.skl-plakat-card a{color:var(--skl-blau)!important} .skl-plakate-grid>.wp-block-group__inner-container{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:1.35rem!important;width:100%!important;max-width:100%!important;margin:0!important}.skl-plakate-grid>.wp-block-group__inner-container>.skl-plakat-card{flex:0 0 calc((100% - 2.7rem)/3)!important;width:calc((100% - 2.7rem)/3)!important;max-width:calc((100% - 2.7rem)/3)!important} @media(max-width:900px){.skl-plakate-seite{width:100%!important;max-width:100%!important;margin:0!important}.wp-block-group.skl-plakate-seite>.wp-block-group.skl-plakate-grid,.skl-plakate-grid>.wp-block-group__inner-container{gap:1rem!important;width:100%!important;max-width:100%!important}.wp-block-group.skl-plakate-grid>.wp-block-group.skl-plakat-card,.skl-plakate-grid>.wp-block-group__inner-container>.skl-plakat-card{flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:.9rem!important}.skl-plakat-bild{width:100%!important;max-width:none!important}.skl-plakat-bild a{width:100%!important;aspect-ratio:4/5!important}.skl-plakat-titel{font-size:1.25rem!important}} /* skl-plakate END */ /* skl-datenschutz START */ .skl-datenschutz,.skl-datenschutz *{box-sizing:border-box}.skl-datenschutz{--skl-blau:#0876b8;--skl-dunkel:#075d91;--skl-hell:var(--skl-hellblau);--skl-eis:#eaf4fb;--skl-text:#253746;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-text)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}.skl-ds-einstieg{margin:0 0 1.25rem!important}.skl-ds-schnellnavigation{margin:0 0 1.25rem!important;padding:1rem 1.25rem!important;text-align:center!important}.skl-ds-navtext{margin:0!important}.skl-ds-abschnitt{margin:0 0 1.15rem!important;padding:clamp(1.25rem,3vw,2rem)!important}.skl-ds-abschnitt h2{margin:0 0 1rem!important}.skl-ds-abschnitt h3{margin:1.35rem 0 .55rem!important}.skl-ds-abschnitt p{margin:0 0 1rem!important}.skl-ds-abschnitt p:last-child{margin-bottom:0!important}.skl-ds-abschnitt ul{margin:.35rem 0 1rem 1.25rem!important;padding:0!important}.skl-ds-abschnitt li{margin:.35rem 0!important;padding-left:.25rem!important}.skl-datenschutz a{color:var(--skl-blau)!important;text-decoration-thickness:.08em!important;text-underline-offset:.18em!important}.skl-datenschutz a:hover{color:var(--skl-dunkel)!important}.skl-datenschutz a:focus-visible{outline:4px solid #f2cf22!important;outline-offset:3px!important} @media(max-width:680px){.skl-datenschutz{max-width:100%!important;padding:0 .15rem!important}.skl-ds-abschnitt{padding:1.15rem!important}.skl-ds-schnellnavigation{padding:.9rem 1rem!important}.skl-ds-navtext a{display:inline-block!important;margin:.12rem .18rem!important}} /* skl-datenschutz END */ /* skl-orch-v1-css-start */ .skl-orch-v1-seite,.skl-orch-v1-seite *{box-sizing:border-box} .skl-orch-v1-seite{--skl-orch-blau:#0876b8;--skl-orch-dunkel:#075d91;--skl-orch-hell:var(--skl-hellblau);--skl-orch-eis:#eaf3fb;--skl-orch-text:#203243;color:var(--skl-orch-text)} /* 0.7.73 (25.09.2026): /orchester/ lief als einzige Seite ueber die volle Inhaltsbreite; jetzt wie alle Seitenboxen hoechstens 1120 px, mittig. */ .skl-orch-v1-seite{width:100%;max-width:1120px;margin:0 auto 2rem} .skl-orch-v1-kopf{margin:0 0 1.6rem} /* 01.09.2026: Die Orchester stehen jetzt IM Kopfkasten. Die eigene Karte darunter ist entfallen, mit ihr das Raster und die Nummernkreise - deshalb gibt es hier keine .skl-orch-v1-raster- und .skl-orch-v1-karte-Regeln mehr. Ein Kasten, eine Liste. */ .skl-orch-v1-kopf h3{position:relative;z-index:1;margin:0;padding-left:2.3rem;color:var(--skl-orch-dunkel);font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.25;overflow-wrap:anywhere} /* Der Einleitungssatz gehoert nicht zur Aufzaehlung - er bekommt Abstand. */ .skl-orch-v1-kopftext+h3{margin-top:1.5rem} /* Der Pfeil steht ABSOLUT und nicht im Textfluss: So bleibt das Umbruchverhalten der Ueberschrift unveraendert (siehe 8.3), und umbrochene Zeilen ruecken sauber unter den Text statt unter den Pfeil. Jeder Eintrag fuehrt auf eine Seite - deshalb traegt auch jeder einen Pfeil. Waere einer ohne Ziel, duerfte er keinen haben. */ .skl-orch-v1-kopf h3::before{content:"\2192";position:absolute;left:0;color:var(--skl-orch-hell);font-size:.85em;font-weight:800} .skl-orch-v1-kopf h3:has(a:hover)::before{color:var(--skl-orch-blau)} .skl-orch-v1-kopf h3+h3{margin-top:.65rem} .skl-orch-v1-kopf h3 a{color:var(--skl-orch-blau);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px} .skl-orch-v1-kopf h3 a:hover{color:var(--skl-orch-dunkel)} .skl-orch-v1-kopf h3 a:focus-visible{outline:4px solid #f2cf22;outline-offset:4px;border-radius:3px} /* skl-orch-v1-css-ende */ /* skl-video START */ .skl-video-seite,.skl-video-seite *{box-sizing:border-box} .skl-video-seite{--skl-blau:#0876b8;--skl-hell:var(--skl-hellblau);--skl-dunkel:#172638;--skl-gold:#d7a521;width:100%!important;max-width:1120px!important;margin:0 auto 2rem!important;color:var(--skl-dunkel)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important} .skl-video-kopf{width:100%!important;margin:0 0 1.6rem!important} .skl-video-abschnitt{margin:2.4rem 0 1.2rem!important;padding:1.2rem 1.4rem!important} .skl-video-abschnitt-titel{margin:0 0 .5rem!important} .skl-video-abschnitt-text{margin:0!important} .skl-video-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.4rem!important;margin:0 0 1.4rem!important} .skl-video-karte{overflow:hidden!important;display:flex!important;flex-direction:column!important} .skl-video-karte-kopf{padding:1rem 1.2rem .6rem!important} .skl-video-karte-titel{margin:0!important} .skl-video-meta{margin:.3rem 0 0!important;font-size:.84rem!important;font-weight:700!important;letter-spacing:.06em!important;color:var(--skl-blau)!important;text-transform:uppercase!important} .skl-video-karte .skl-externer-inhalt{margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important} .skl-video-karte iframe{width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important;display:block!important} .skl-video-text{margin:0!important;padding:.9rem 1.2rem 1.2rem!important} @media(max-width:900px){.skl-video-grid{grid-template-columns:1fr!important}} /* Kompakte Einwilligungsbox in den Videokarten: gleiches 16:9-Format wie das spaetere Video, damit beim Laden nichts springt */ .skl-video-karte .skl-externer-inhalt{min-height:0!important;aspect-ratio:16/9!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:0!important;border-left:0!important;border-right:0!important} .skl-video-karte .skl-externer-inhalt__innen{margin:0!important;padding:.9rem 1rem!important} .skl-video-karte .skl-externer-inhalt p.skl-externer-inhalt__anbieter{font-size:1.05rem!important;font-weight:800!important;line-height:1.3!important;margin:0 0 .35rem!important} .skl-video-karte .skl-externer-inhalt p{font-size:.88rem!important;line-height:1.45!important;margin:0 0 .55rem!important} .skl-video-karte .skl-externer-inhalt__button{margin:.15rem 0 .45rem!important;padding:.45rem 1.15rem!important;font-size:.9rem!important} .skl-video-karte .skl-externer-inhalt p.skl-externer-inhalt__hinweis{font-size:.74rem!important;line-height:1.35!important;margin:.25rem 0 0!important} .skl-video-karte .skl-externer-inhalt iframe{min-height:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;display:block!important} /* skl-video END */ /* ══════════════════════════════════════════════════════════════════════ KOPFKAESTEN: DER DUNKLE STREIFEN GEHOERT NACH OBEN - 28.08.2026 ---------------------------------------------------------------------- Vorbild ist der Kopfkasten der Jubilaeumsseite. Bei 28 Seiten sass der Streifen laengst oben; zehn wichen ab: teils fehlte er ganz, teils sass er als Balken LINKS neben dem Text - und dann war der Kasten auch nur auf der rechten Seite gerundet. Geaendert wird AUSSCHLIESSLICH DER RAHMEN: Streifen oben, Rundung ringsum, zarte Umrandung, Schatten. Textausrichtung, Innenabstaende, Schriften und Hintergruende bleiben unangetastet - der Text stand auf diesen Seiten nie zur Debatte. Die Regeln stehen am DATEIENDE und gewinnen dadurch gegen ihre Originalregeln weiter oben. Wo die Originalregel mehr als eine Klasse traegt, tut es dieser Selektor auch: Sonst schlaegt sie hier durch, !important hin oder her. ══════════════════════════════════════════════════════════════════════ */ /* "Mitglied werden" ist anders gebaut: Der Kasten entsteht dort erst aus DREI GESTAPELTEN ABSAETZEN - Kicker, Titel und Text tragen je ein Stueck des Verlaufs, oben und unten gerundet, waehrend der Container selbst durchsichtig ist. Der Streifen gehoert deshalb auf den obersten Absatz und nicht auf den Container; sonst entstuende ein zweiter Kasten um den ersten herum. Nachfahren-Selektor, nicht Kind: Gutenberg schiebt zwischen Gruppe und Inhalt eine .wp-block-group__inner-container-Huelle. */ /* ══════════════════════════════════════════════════════════════════════ GEBUEHRENORDNUNG: KOPFKASTEN NACHGERUESTET - 28.08.2026 ---------------------------------------------------------------------- Diese Seite hatte als einzige der Musikschule KEINEN Kopfkasten. Was oben wie einer aussah, war die Tabelle mit dem eingebetteten PDF - ein reiner Zufallseffekt ihrer Umrandung. Der Kasten ist deshalb am 28.08.2026 als INHALT dazugekommen (Seite 3760, Klassen skl-geb-*), weil CSS allein keinen Kasten erzeugen kann, wo kein Element ist. Hier steht nur seine Gestaltung - nach demselben Muster wie die uebrigen Kopfkaesten. Die Farbvariablen --skl-blau usw. stellt der Seitencontainer .skl-gb-gebuehrenordnung bereits bereit; der Rueckfallwert steht trotzdem dabei, falls der Kasten je woandershin wandert. ══════════════════════════════════════════════════════════════════════ */ .skl-geb-kopf{margin: 0 0 1.5rem !important} /* skl-kopf START */ /* Kopfbereich (30.08.2026). Aufbau und Bedienung sind von der Spielwiese uebernommen - ausdruecklich NUR Hoehe und Bedienung. Alle Farben sind die der Vereinsseite: Kopfband #6598cb, Vereinsblau #0876b8 / #075d91, Kaesten weiss. Die Menueschrift bleibt bei 1rem/700 wie bisher; kleiner gesetzt waere sie auf dem hellen Blau schlechter zu lesen (weiss auf #6598cb ergibt nur 3:1, das traegt nur bei grosser Schrift). Die Schublade liegt auf #6598cb mit cremefarbener Schrift #f6f6f2. Das ergibt 2,7:1 und ist fuer die kleinen Zeilen unter der Norm; so gewaehlt nach drei Runden (erst #075d91 weiss, dann #f6f6f2 schwarz, dann #6598cb schwarz). Auf dem dunkleren #075d91 waeren es 7,4:1. Die obersten Eintraege stehen auf Gewicht 500 - ausdruecklich "nicht so dick". */ .kopf{position:sticky;top:0;z-index:100;background:#6598cb;color:#fff} .admin-bar .kopf{top:32px} @media(max-width:782px){.admin-bar .kopf{top:46px}} /* 2.0.7 (01.10.2026): Angemeldet stand die Leiste bis 600 px still (static) und rollte weg - jetzt bleibt sie wie im Haupttheme oben (die Adminleiste rollt dort mit weg). Wunsch des Benutzers. */ @media(max-width:600px){.admin-bar .kopf{top:0}} /* 0.7.68 (24.09.2026): Ein Sprung zu einem Anker (#...) haelt Abstand zu dieser festen Leiste (104 px, am 24.09.2026 in allen drei klassischen Themes gemessen). Vorher war die angesprungene Ueberschrift verdeckt. Nur hier, nicht im aktiven Theme: Das hat seine eigene Leiste und seine eigene Regel (Kind-Theme 1.0.62). Am Smartphone ist die Leiste niedriger; der Abstand ist dort etwas groesser als noetig, aber nie zu klein. */ /* 2.0.13: an body.skl-klassisch statt body:not(.skl-modern) - gilt so auch auf den Unterseiten des Kindes. */ body.skl-klassisch [id]{scroll-margin-top:120px} /* Einen Dienststreifen ueber der Leiste gab es zwischendurch; er ist am 30.08.2026 wieder entfernt worden. Seine 34 px sind an die Leiste gegangen: am Schreibtisch ist sie 124 px hoch (104 px zwischen 1201 und 1500 px) und traegt eine groessere Landavia. Am Smartphone bleibt es bei 68 px - dort war der Streifen ohnehin ausgeblendet. */ /* 0.7.11: Die Kopfleiste rechnet in festen PIXELN, nicht in rem. rem haengt an der Grundschrift des Browsers; steht die (wie auf dem Edge des Benutzers) hoeher als 16 px, wurde das Menue breiter und der Vereinsname abgeschnitten. Mit px sieht die Leiste in jedem Browser gleich aus. Der uebrige Seiteninhalt bleibt in rem und waechst weiter mit. */ .kopf__leiste{display:flex;align-items:center;gap:24px;min-height:68px;position:relative} .marke{display:flex;align-items:center;gap:13px;flex:0 0 auto;color:#fff;text-decoration:none} .marke__zeichen{display:grid;place-items:center;width:46px;height:46px;padding:3px;background:#fff;border-radius:11px;overflow:hidden;flex:0 0 auto} .marke__zeichen img{width:100%;height:100%;object-fit:contain;display:block} .marke__text{display:grid;line-height:1.15} .marke__name{font-weight:800;font-size:17px;letter-spacing:-.015em} .marke__ort{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#e3eefb} @media(max-width:420px){.marke__text{display:none}} .haupt-nav{margin-left:auto} .haupt-nav__liste{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none} .haupt-nav__punkt{position:relative} .haupt-nav__link{display:flex;align-items:center;gap:5px;padding:9px 11.5px;border:0;background:none;border-radius:8px;font:inherit;font-size:16px;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;position:relative} .haupt-nav__link:hover{background:rgba(255,255,255,.14)} .haupt-nav__punkt--hier>.haupt-nav__link::after{content:"";position:absolute;left:11.5px;right:11.5px;bottom:-5px;height:3px;border-radius:2px;background:#fff} .haupt-nav__pfeil{transition:transform .2s;flex:0 0 auto} .haupt-nav__punkt:hover>.haupt-nav__link .haupt-nav__pfeil,.haupt-nav__punkt:focus-within>.haupt-nav__link .haupt-nav__pfeil{transform:rotate(180deg)} .tafel{position:absolute;top:100%;margin-top:.7rem;right:0;z-index:60;min-width:300px;padding:1.4rem;background:#fff;border:1px solid #d9e3ec;border-radius:14px;box-shadow:0 14px 32px rgba(35,69,99,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s} .haupt-nav__punkt:hover>.tafel,.haupt-nav__punkt:focus-within>.tafel{opacity:1;visibility:visible;transform:none} .tafel::before{content:"";position:absolute;top:-7px;right:2rem;width:12px;height:12px;background:#fff;border-left:1px solid #d9e3ec;border-top:1px solid #d9e3ec;transform:rotate(45deg);border-radius:2px} .tafel::after{content:"";position:absolute;left:0;right:0;top:-.8rem;height:.8rem} .tafel__ueberblick{display:inline-block;margin:0 0 1rem;color:#0876b8;font-weight:800;font-size:.9375rem;text-decoration:none} .tafel__ueberblick:hover{text-decoration:underline} .tafel__spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1.4rem 1.8rem;position:relative} .tafel__gruppe{min-width:0} .tafel__titel{display:block;margin:0 0 .5rem;padding-bottom:.45rem;border-bottom:1px solid #d9e3ec;font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0876b8;text-decoration:none} a.tafel__titel:hover{color:#075d91} .tafel__liste{margin:0;padding:0;list-style:none} .tafel__liste a{display:block;padding:.34rem .5rem;margin-left:-.5rem;border-radius:7px;color:#203243;font-size:.9375rem;font-weight:600;text-decoration:none} .tafel__liste a:hover{background:#eaf3fb;color:#0876b8} .tafel__liste .ist-hier{color:#0876b8;font-weight:800} /* Versteckt, aber NICHT display:none - sonst faellt das Ankreuzfeld aus der Tab-Reihenfolge und der Kopf waere mit der Tastatur nicht bedienbar. */ .nur-schalter{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none} .nav-knopf{display:none;align-items:center;gap:8px;margin-left:auto;padding:9px 13px;border:1px solid rgba(255,255,255,.5);border-radius:10px;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none} #schublade-schalter:focus-visible~.kopf .nav-knopf{outline:3px solid #fff;outline-offset:2px} .nav-knopf__balken{display:grid;gap:4px;width:19px} .nav-knopf__balken span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .22s,opacity .18s} #schublade-schalter:checked~.kopf .nav-knopf .nav-knopf__balken span:nth-child(1){transform:translateY(6px) rotate(45deg)} #schublade-schalter:checked~.kopf .nav-knopf .nav-knopf__balken span:nth-child(2){opacity:0} #schublade-schalter:checked~.kopf .nav-knopf .nav-knopf__balken span:nth-child(3){transform:translateY(-6px) rotate(-45deg)} .schublade{position:fixed;inset:0;z-index:120;display:none;flex-direction:column;background:#6598cb;color:#f6f6f2;overscroll-behavior:contain} #schublade-schalter:checked~.schublade{display:flex} .schublade__kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(246,246,242,.35);flex:0 0 auto} .schublade__name{font-size:1.0625rem;font-weight:600} .schublade__zu{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(246,246,242,.55);border-radius:10px;background:transparent;color:#f6f6f2;font-size:1.4rem;line-height:1;cursor:pointer} .schublade__rumpf{flex:1 1 auto;overflow-y:auto;padding:.5rem 1.25rem 2.5rem} .schublade__liste{margin:0;padding:0;list-style:none} .schublade__zeile{display:flex;align-items:stretch;border-bottom:1px solid rgba(246,246,242,.35)} .schublade__zeile>a{flex:1 1 auto;padding:1.05rem .25rem;color:#f6f6f2;font-size:1.15rem;font-weight:500;text-decoration:none} .schublade__zeile>a.ist-hier{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:.25em} /* Als