/* SVS Core – Grundstyles. Schrift kommt von Divi, Farben aus den Einstellungen. */
.svs{--svs-text:#1d2330;--svs-muted:#5d6675;--svs-line:#dfe3ea;--svs-bg:#f4f6f9;--svs-r:6px;color:var(--svs-text);line-height:1.5}
.svs *,.svs *::before,.svs *::after{box-sizing:border-box}
.svs a{color:var(--svs-primary)}
.svs-muted{color:var(--svs-muted)}

/* Buttons */
.svs-btn,.et_pb_text .svs-btn{display:inline-block;background:var(--svs-primary);color:#fff!important;font-weight:700;padding:.75em 1.4em;border-radius:var(--svs-r);text-decoration:none;line-height:1.2;border:2px solid var(--svs-primary);cursor:pointer;font-size:1em;transition:filter .15s}
.svs-btn:hover{filter:brightness(1.12)}
.svs-btn:focus-visible,.svs a:focus-visible,.svs select:focus-visible{outline:3px solid var(--svs-accent);outline-offset:2px}
.svs-btn--linie{background:transparent;color:var(--svs-primary)!important}
.svs-btn--hell{background:#fff;border-color:#fff;color:var(--svs-primary)!important}

/* Infobox */
.svs-info{background:var(--svs-bg);border-top:4px solid var(--svs-primary);border-radius:var(--svs-r);padding:1.4em 1.5em}
.svs-info__liste{margin:0 0 1.2em;padding:0}
.svs-info__liste>div{display:grid;grid-template-columns:7.5em 1fr;gap:.75em;padding:.6em 0;border-bottom:1px solid var(--svs-line)}
.svs-info__liste>div:last-child{border-bottom:0}
.svs-info__liste dt{font-weight:700;color:var(--svs-muted);font-size:.9em;padding-top:.1em}
.svs-info__liste dd{margin:0}
.svs-info__jsg{font-size:.92em;color:var(--svs-muted);margin:0 0 1.2em;padding:0}
.svs-training{list-style:none;margin:0;padding:0!important}
.svs-training li{margin:0 0 .35em;padding:0;list-style:none}
.svs-training li:last-child{margin:0}
.svs-training__zeit{display:block;font-weight:600}
.svs-training__ort{display:block;font-size:.9em;color:var(--svs-muted)}

/* Personen */
.svs-personen{display:grid;gap:1em}
.svs-personen--raster{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.svs-person{display:flex;align-items:center;gap:1em}
.svs-person__foto{width:84px;height:84px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block}
.svs-person__foto--leer{display:flex;align-items:center;justify-content:center;background:var(--svs-primary);color:#fff;font-weight:700;font-size:1.5em}
.svs-person__text{display:flex;flex-direction:column;gap:.1em}
.svs-person__name{font-size:1.05em}
.svs-person__rolle{color:var(--svs-muted);font-size:.92em}
.svs-person__lizenz{font-size:.85em;color:var(--svs-primary);font-weight:600}
.svs-person--mitmachen{background:var(--svs-primary);color:#fff;border-radius:var(--svs-r);padding:1.2em 1.3em}
.svs-person--mitmachen .svs-person__text{gap:.6em}
.svs-person--mitmachen .svs-btn{align-self:flex-start;margin-top:.3em}

/* Mannschafts-Kacheln */
.svs-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1em}
.svs-teams__karte{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--svs-r);overflow:hidden;background:var(--svs-primary);text-decoration:none!important;color:#fff!important}
.svs-teams__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.svs-teams__karte:hover .svs-teams__bild{transform:scale(1.04)}
.svs-teams__text{position:absolute;left:0;right:0;bottom:0;padding:2.5em 1em .9em;background:linear-gradient(transparent,rgba(0,0,0,.72));display:flex;flex-direction:column}
.svs-teams__karte--ohnebild .svs-teams__text{background:none;top:0;justify-content:flex-end}
.svs-teams__label{font-size:2em;font-weight:800;line-height:1;letter-spacing:-.01em}
.svs-teams__jahrgang{font-size:.9em;opacity:.9;margin-top:.3em}

/* Trainingszeiten-Tabelle */
.svs-tabelle table{width:100%;border-collapse:collapse;border:0;margin:0}
.svs-tabelle th{text-align:left;font-size:.85em;color:var(--svs-muted);font-weight:700;padding:.6em .8em;border-bottom:2px solid var(--svs-primary)}
.svs-tabelle td{padding:.8em;border-bottom:1px solid var(--svs-line);vertical-align:top}
.svs-tabelle td:first-child a{text-decoration:none;font-size:1.1em}
.svs-tabelle__stand{font-size:.85em;color:var(--svs-muted);margin-top:.6em}
@media (max-width:640px){
	.svs-tabelle thead{display:none}
	.svs-tabelle tr{display:block;padding:.8em 0;border-bottom:1px solid var(--svs-line)}
	.svs-tabelle td{display:block;border:0;padding:.15em 0}
	.svs-tabelle td[data-label="Jahrgang"]{color:var(--svs-muted);font-size:.9em}
}

/* News */
.svs-news__titel{margin-bottom:.6em}
.svs-news__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2em}
.svs-news__karte{display:flex;flex-direction:column;text-decoration:none!important;color:var(--svs-text)!important}
.svs-news__bild{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--svs-r);margin-bottom:.6em}
.svs-news__datum{font-size:.82em;color:var(--svs-muted)}
.svs-news__head{font-size:1.05em;line-height:1.3}
.svs-news__karte:hover .svs-news__head{color:var(--svs-primary)}

/* Sponsoren */
.svs-sponsoren{--svs-logo-h:70px}
.svs-sponsoren__titel{margin:0 0 .9em;padding:0;text-align:center}
.svs-sponsoren--links .svs-sponsoren__titel{text-align:left}
.svs-sponsoren__gruppe{margin:1.6em 0 .8em;padding:0;font-size:1.05em;text-align:center}
.svs-sponsoren--links .svs-sponsoren__gruppe{text-align:left}
.svs-sponsoren__item{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.svs-sponsoren__logo{height:var(--svs-logo-h)!important;width:auto!important;max-width:100%;object-fit:contain}
.svs-sponsoren--grau .svs-sponsoren__logo{filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.svs-sponsoren--grau .svs-sponsoren__item:hover .svs-sponsoren__logo{filter:none;opacity:1}
/* Reihe */
.svs-sponsoren--reihe .svs-sponsoren__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5em 2.5em}
.svs-sponsoren--reihe.svs-sponsoren--links .svs-sponsoren__logos{justify-content:flex-start}
/* Raster */
.svs-sponsoren--raster .svs-sponsoren__logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--svs-logo-h)*2.4),1fr));gap:1em}
.svs-sponsoren--raster .svs-sponsoren__item{background:#fff;border:1px solid var(--svs-line);border-radius:var(--svs-r);padding:1em;height:calc(var(--svs-logo-h) + 2em)}
.svs-sponsoren--raster .svs-sponsoren__logo{height:auto!important;max-height:var(--svs-logo-h)}
/* Karten */
.svs-sponsoren__karten{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2em}
.svs-sponsoren--links .svs-sponsoren__karten{justify-content:flex-start}
.svs-sponsoren__karte{flex:0 1 260px;background:#fff;border:1px solid var(--svs-line);border-radius:var(--svs-r);padding:1.3em;display:flex;flex-direction:column;gap:.4em;color:var(--svs-text)}
.svs-sponsoren__kartenlogo{display:flex;align-items:center;justify-content:center;height:calc(var(--svs-logo-h) + 1.5em);margin-bottom:.5em;border-bottom:1px solid var(--svs-line);padding-bottom:1em}
.svs-sponsoren__kartenlogo .svs-sponsoren__logo{height:auto!important;max-height:var(--svs-logo-h)}
.svs-sponsoren__name{font-size:1.05em}
.svs-sponsoren__text{font-size:.9em;color:var(--svs-muted);margin:0;padding:0}
.svs-sponsoren__link{margin-top:auto;padding-top:.4em;font-weight:700;font-size:.9em;text-decoration:none}
/* Karussell */
.svs-karussell{overflow:hidden;position:relative;padding:.5em 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.svs-karussell__spur{display:flex;width:max-content;animation:svs-laufband var(--svs-dauer,30s) linear infinite}
.svs-karussell:hover .svs-karussell__spur,.svs-karussell:focus-within .svs-karussell__spur{animation-play-state:paused}
.svs-karussell__satz{display:flex;align-items:center;gap:3.5em;padding-right:3.5em}
@keyframes svs-laufband{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
	.svs-karussell{-webkit-mask-image:none;mask-image:none}
	.svs-karussell__spur{animation:none;width:auto}
	.svs-karussell__satz{flex-wrap:wrap;justify-content:center;gap:1.5em 2.5em;padding:0}
	.svs-karussell__satz[aria-hidden]{display:none}
}
@media (max-width:600px){.svs-sponsoren__logo{height:calc(var(--svs-logo-h)*.75)!important}.svs-karussell__satz{gap:2.2em;padding-right:2.2em}}

/* fussball.de */
.svs-fb__hinweis{background:var(--svs-bg);border-radius:var(--svs-r);padding:1.4em;text-align:center}
.svs-fb__hinweis p{margin:0 0 1em;color:var(--svs-muted);font-size:.92em;padding:0}
.svs-fb__merken{display:block;margin-top:.8em;font-size:.88em;color:var(--svs-muted)}
.svs-fb.is-geladen .svs-fb__hinweis{display:none}

/* Jahrgangs-Finder */
.svs-finder{max-width:560px}
.svs-finder__frage{display:block;font-size:1.25em;font-weight:700;margin-bottom:.5em}
.svs-finder__select{width:100%;font-size:1.1em;padding:.75em .9em;border:2px solid var(--svs-line);border-radius:var(--svs-r);background:#fff;color:var(--svs-text)}
.svs-finder__karte{margin-top:1em;background:#fff;border:1px solid var(--svs-line);border-left:5px solid var(--svs-primary);border-radius:var(--svs-r);padding:1.2em 1.4em}
.svs-finder__karte--leer{border-left-color:var(--svs-accent)}
.svs-finder__karte--leer p{padding:0;margin:0 0 1em}
.svs-finder__kopf{display:flex;align-items:baseline;gap:.7em;margin-bottom:.6em;flex-wrap:wrap}
.svs-finder__label{font-size:2em;font-weight:800;line-height:1;color:var(--svs-primary)}
.svs-finder__jahrgang{color:var(--svs-muted)}
.svs-finder__karte .svs-info__liste{margin-bottom:1em}
.svs-finder__buttons{display:flex;flex-wrap:wrap;gap:.6em}
.svs-finder__hinweis{margin-top:.8em;font-weight:600;color:var(--svs-primary)}

/* Ansprechpartner */
.svs-ap-liste__titel{margin:1.6em 0 .8em;padding:0}
.svs-ap-liste__titel:first-child{margin-top:0}
.svs-ap-raster{display:grid;grid-template-columns:repeat(var(--svs-ap-spalten,auto-fill),minmax(250px,1fr));gap:1.2em}
.svs-ap-raster[style]{grid-template-columns:repeat(var(--svs-ap-spalten),minmax(0,1fr))}
.svs-ap{display:flex;gap:1em;align-items:flex-start;background:var(--svs-bg);border-radius:var(--svs-r);padding:1.1em}
.svs-ap__foto{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block}
.svs-ap__foto--leer{display:flex;align-items:center;justify-content:center;background:var(--svs-primary);color:#fff;font-weight:700;font-size:1.4em}
.svs-ap__text{display:flex;flex-direction:column;gap:.15em;min-width:0}
.svs-ap__funktion{font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--svs-primary)}
.svs-ap__name{font-size:1.08em;margin-bottom:.2em}
.svs-ap__link{font-size:.93em;overflow-wrap:anywhere}
.svs-ap__info{font-size:.88em;color:var(--svs-muted);margin-top:.3em}
@media (max-width:700px){.svs-ap-raster,.svs-ap-raster[style]{grid-template-columns:1fr}}

/* Team-Kontakt */
.svs-kontakt-box__titel{margin:0 0 .4em;padding:0}
.svs-probe{display:inline-block}

/* Mitgliedsantrag */
.svs-antrag{max-width:820px}
.svs-antrag [hidden]{display:none!important}
.svs-antrag__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.svs-antrag__block{border:0;margin:0 0 1.2em;padding:1.4em 1.5em;background:var(--svs-bg);border-radius:var(--svs-r);min-width:0}
.svs-antrag__block legend{float:left;width:100%;font-size:1.15em;font-weight:800;margin:0 0 .8em;padding:0;color:var(--svs-text)}
.svs-antrag__block legend+*{clear:both}
.svs-antrag__raster{display:grid;grid-template-columns:1fr 1fr;gap:.9em 1em}
.svs-antrag__breit{grid-column:1/-1}
.svs-antrag label{display:flex;flex-direction:column;gap:.3em;font-size:.92em;font-weight:600;color:var(--svs-text)}
.svs-antrag input[type=text],.svs-antrag input[type=email],.svs-antrag input[type=tel],.svs-antrag input[type=date],.svs-antrag select,.svs-antrag textarea{width:100%;font:inherit;font-weight:400;font-size:16px;padding:.65em .75em;border:1.5px solid var(--svs-line);border-radius:var(--svs-r);background:#fff;color:var(--svs-text);box-sizing:border-box}
.svs-antrag input:focus,.svs-antrag select:focus,.svs-antrag textarea:focus{outline:none;border-color:var(--svs-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--svs-primary) 18%,transparent)}
.svs-antrag__wahl{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em}
.svs-antrag .svs-antrag__karte{position:relative;cursor:pointer}
.svs-antrag__karte input{position:absolute;opacity:0}
.svs-antrag__karte span{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1em .6em;background:#fff;border:2px solid var(--svs-line);border-radius:var(--svs-r);transition:border-color .15s,background .15s}
.svs-antrag__karte strong{font-size:1.05em}
.svs-antrag__karte small{font-weight:400;color:var(--svs-muted);font-size:.85em}
.svs-antrag__karte input:checked+span{border-color:var(--svs-primary);background:color-mix(in srgb,var(--svs-primary) 7%,#fff)}
.svs-antrag__karte input:focus-visible+span{outline:3px solid var(--svs-accent);outline-offset:2px}
.svs-antrag__label{font-weight:700;font-size:.92em;margin:.9em 0 .4em;padding:0}
.svs-antrag__label:first-of-type{margin-top:0}
.svs-antrag__checks{display:flex;flex-wrap:wrap;gap:.4em 1.4em;margin-bottom:.6em}
.svs-antrag .svs-antrag__check{flex-direction:row;align-items:flex-start;gap:.5em;font-weight:400;cursor:pointer;line-height:1.4}
.svs-antrag__check input{margin:.2em 0 0;width:1.15em;height:1.15em;flex-shrink:0;accent-color:var(--svs-primary)}
.svs-antrag .svs-antrag__check--lang{margin-top:.8em}
.svs-antrag__hinweis{font-size:.88em;color:var(--svs-muted);margin:-.4em 0 .9em;padding:0}
.svs-antrag__famzeile{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:.6em;align-items:end;padding:.8em 0;border-bottom:1px solid var(--svs-line)}
.svs-antrag__famzeile:first-child{padding-top:0}
.svs-antrag__weg{background:none;border:0;color:#b32d2e;font-size:1.2em;cursor:pointer;padding:.5em}
.svs-antrag [data-famplus]{margin-top:.9em;font-size:.9em;padding:.55em 1em}
.svs-antrag__beitrag{margin-top:1em;background:#fff;border-left:5px solid var(--svs-primary);border-radius:var(--svs-r);padding:.9em 1.1em}
.svs-antrag__betrag strong{font-size:1.6em;color:var(--svs-primary)}
.svs-antrag__betraginfo{font-size:.88em;color:var(--svs-muted)}
.svs-antrag__absenden{text-align:center;padding:.5em 0 1em}
.svs-antrag__senden{font-size:1.1em;padding:.9em 2.4em}
.svs-antrag__senden:disabled{opacity:.6;cursor:wait}
.svs-antrag__klein{font-size:.85em;color:var(--svs-muted);margin-top:.8em;padding:0}
.svs-antrag__fehler{background:#fdeaea;border-left:5px solid #b32d2e;padding:1em 1.2em;border-radius:var(--svs-r);margin-bottom:1.2em;color:#5c1111}
.svs-antrag__fehler ul{margin:.4em 0 0 1.2em;padding:0}
.svs-antrag__danke{text-align:center;background:var(--svs-bg);border-radius:var(--svs-r);padding:2.5em 1.5em}
.svs-antrag__rodi{height:200px;width:auto;display:block;margin:0 auto .6em;object-fit:contain}
.svs-antrag__haken{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--svs-primary);color:#fff;font-size:2em;align-items:center;justify-content:center;margin-bottom:.4em}
@media (max-width:640px){
	.svs-antrag__block{padding:1.1em 1em}
	.svs-antrag__raster{grid-template-columns:1fr}
	.svs-antrag__wahl{grid-template-columns:1fr}
	.svs-antrag__karte span{flex-direction:row;justify-content:space-between;text-align:left;padding:.85em 1em}
	.svs-antrag__famzeile{grid-template-columns:1fr 1fr}
	.svs-antrag__weg{grid-column:2;justify-self:end}
}

/* Teams eines Jahrgangs */
.svs-teamtabs{display:flex;flex-wrap:wrap;gap:.4em;margin:0 0 1em;padding:.3em;background:var(--svs-bg);border-radius:calc(var(--svs-r) + 4px);width:fit-content;max-width:100%}
.svs-teamtabs__btn{font:inherit;font-weight:700;font-size:.95em;border:0;background:transparent;color:var(--svs-text);padding:.6em 1.2em;border-radius:var(--svs-r);cursor:pointer;transition:background .15s,color .15s}
.svs-teamtabs__btn:hover{background:rgba(0,0,0,.06)}
.svs-teamtabs__btn.is-aktiv{background:var(--svs-primary);color:#fff}
.svs-teamtabs__btn:focus-visible{outline:3px solid var(--svs-accent);outline-offset:2px}
.svs-teamgruppe [hidden],[data-svs-teamtab][hidden]{display:none!important}
.svs-teamfoto__bild{width:100%;height:auto;display:block;border-radius:var(--svs-r)}
.svs-teams__badge{position:absolute;top:.7em;right:.7em;background:var(--svs-accent);color:#1d2330;font-size:.75em;font-weight:800;padding:.25em .65em;border-radius:20px}

/* Sport & Kurse */
.svs-merkmale{display:flex;flex-wrap:wrap;gap:.4em;margin:0 0 1em}
.svs-merkmal{background:#fff;border:1.5px solid var(--svs-primary);color:var(--svs-primary);font-size:.8em;font-weight:700;padding:.3em .75em;border-radius:20px}
.svs-angebot-info__hinweis{font-size:.88em;color:var(--svs-muted);margin:.6em 0 0;padding:0}
.svs-angebote{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.3em}
.svs-angebote__karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--svs-line);border-radius:var(--svs-r);overflow:hidden;text-decoration:none!important;color:var(--svs-text)!important;transition:box-shadow .2s,transform .2s}
.svs-angebote__karte:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}
.svs-angebote__bildbox{position:relative;display:block;aspect-ratio:16/10;background:var(--svs-primary);overflow:hidden}
.svs-angebote__bild{width:100%;height:100%;object-fit:cover;display:block}
.svs-angebote__ohnebild{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-size:3em;font-weight:800;opacity:.85}
.svs-angebote__art{position:absolute;top:.7em;left:.7em;background:rgba(255,255,255,.95);color:var(--svs-text);font-size:.72em;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.3em .7em;border-radius:20px}
.svs-angebote__text{display:flex;flex-direction:column;gap:.35em;padding:1.1em 1.2em 1.2em;flex:1}
.svs-angebote__titel{font-size:1.25em;line-height:1.2}
.svs-angebote__zeit{font-size:.88em;font-weight:700;color:var(--svs-primary)}
.svs-angebote__kurz{font-size:.92em;color:var(--svs-muted);line-height:1.45}
.svs-angebote__mehr{margin-top:auto;padding-top:.5em;font-weight:700;font-size:.9em;color:var(--svs-primary)}

/* Rodi im Teamfinder */
.svs-finder__rodi{display:flex;align-items:center;gap:.6em;margin-top:1em}
.svs-finder__rodi img{width:52px;height:52px;border-radius:50%;background:#fff;object-fit:cover;flex-shrink:0;animation:svs-finder-rodi .5s cubic-bezier(.3,1.6,.5,1) both}
.svs-finder__rodi span{background:#fff;color:#111;font-weight:700;border-radius:14px 14px 14px 4px;padding:.55em .9em;line-height:1.35;box-shadow:0 3px 10px rgba(0,0,0,.12)}
@keyframes svs-finder-rodi{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}

/* Mobil: nichts abschneiden */
.svs-finder,.svs-finder__karte,.svs-info__liste dd{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media (max-width:600px){
	.svs .svs-info__liste>div{grid-template-columns:1fr;gap:.2em}
	.svs-finder__karte{padding:1em 1.1em}
	.svs-finder__label{font-size:1.6em}
}

/* Ausklappbarer Spielplan */
.svs-seite__tab{position:fixed;right:0;top:50%;z-index:99990;transform:translateY(-50%);writing-mode:vertical-rl;background:var(--svs-primary);color:#fff;border:0;border-radius:8px 0 0 8px;padding:1.1em .7em;font:inherit;font-weight:700;font-size:15px;letter-spacing:.02em;cursor:pointer;box-shadow:-2px 0 12px rgba(0,0,0,.25);display:flex;align-items:center;gap:.5em}
.svs-seite__tab span[aria-hidden]{writing-mode:horizontal-tb}
.svs-seite__tab:hover{filter:brightness(1.12)}
.svs-seite__tab:focus-visible,.svs-seite__zu:focus-visible{outline:3px solid var(--svs-accent);outline-offset:2px}
.svs-seite__overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99991}
.svs-seite__overlay[hidden]{display:none}
.svs-seite__panel{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:#fff;z-index:99992;transform:translateX(100%);transition:transform .3s ease,visibility 0s .3s;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.3);visibility:hidden}
.svs-seite.is-offen .svs-seite__panel{transform:none;visibility:visible;transition:transform .3s ease,visibility 0s}
.svs-seite__kopf{display:flex;justify-content:space-between;align-items:center;padding:1em 1.2em;background:var(--svs-primary);color:#fff;font-size:1.15em}
.svs-seite__zu{background:none;border:0;color:#fff;font-size:1.3em;cursor:pointer;padding:.2em .4em;line-height:1}
.svs-seite__inhalt{flex:1;overflow-y:auto;padding:1.2em;-webkit-overflow-scrolling:touch}
html.svs-seite-offen,html.svs-seite-offen body{overflow:hidden}
@media (max-width:600px){.svs-seite__tab{font-size:13px;padding:.9em .55em}}

@media (prefers-reduced-motion:reduce){.svs *{transition:none!important}}
