:root{color-scheme:light;--bg:#f4f6f3;--surface:#fff;--text:#17251c;--muted:#4c5e52;--accent:#176a3b;--border:#ccd7cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1.0625rem/1.6 system-ui,sans-serif}body.dark{color-scheme:dark;--bg:#101a14;--surface:#1b2920;--text:#edf4ed;--muted:#b3c5b7;--accent:#91dbab;--border:#45624e}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--surface);padding:12px 22px;min-height:46px}button:disabled{opacity:.6;cursor:wait}button[hidden]{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b87500;outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;background:var(--surface);padding:12px;z-index:20}.skip:focus{top:8px}header{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - 1160px)/2))}.brand{display:flex;align-items:center;gap:12px;font-weight:750;text-decoration:none;color:var(--text);line-height:1.3}.badge{border:2px solid var(--accent);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none}main{max-width:1160px;margin:auto;padding:48px 24px 80px;min-height:65vh}.intro{margin-bottom:32px}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}h2{line-height:1.25;font-size:1.4rem}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted)}.hero .card{padding:44px;border-left:6px solid var(--accent);margin-bottom:24px}.hero h2{font-size:clamp(1.8rem,3vw,2.6rem)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px;overflow-wrap:anywhere}.card h2 a{color:var(--text);text-decoration:none}.card p{color:var(--muted)}.load{text-align:center;margin-top:32px}.prose{max-width:760px;margin:auto}.lead{font-size:1.25rem;color:var(--muted)}footer{border-top:1px solid var(--border);padding:32px max(24px,calc((100vw - 1160px)/2)) 100px;display:flex;flex-direction:column;gap:16px}footer button{background:none;color:var(--accent);border:0;padding:0;min-height:44px}.theme-toggle{position:fixed;right:20px;bottom:20px;z-index:6;box-shadow:0 3px 16px #0003}.login{max-width:460px;margin:auto;background:var(--surface);padding:32px;border:1px solid var(--border);border-radius:12px}form{display:grid;gap:12px}input{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);padding:12px}label{font-weight:650}form button{margin-top:12px}.error{border-left:4px solid #b12f2f;padding:12px}dialog{max-width:540px;width:calc(100% - 32px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:28px}dialog::backdrop{background:#0008}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap}}@media(max-width:560px){.grid{grid-template-columns:1fr}header{padding:14px 20px;gap:12px}.brand{font-size:.95rem}.hero .card{padding:26px}main{padding-top:32px}nav{gap:18px}.login{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Verwaltung und strukturierte Inhalte */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
select,textarea{font:inherit;max-width:100%;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);padding:12px}textarea{resize:vertical}select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #b87500;outline-offset:3px}.admin-nav{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.button{display:inline-block;border-radius:8px;background:var(--accent);color:var(--surface);padding:12px 22px;text-decoration:none;min-height:46px}.dark .button{color:#102719}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);padding:12px;vertical-align:top;text-align:left}th{background:var(--surface)}caption{text-align:left;font-weight:700;margin:0 0 8px}.content-table small{display:block;overflow-wrap:anywhere;color:var(--muted)}.content-table td:last-child{min-width:150px}.content-table form{display:block}.link-button{border:0;padding:6px 0;background:none;color:var(--accent);text-decoration:underline;margin:0;min-height:44px}.notice{background:var(--surface);border-left:4px solid var(--accent);padding:14px 20px}.edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.edit-main,.edit-side{display:flex;flex-direction:column;gap:10px;min-width:0}.edit-side{background:var(--surface);padding:22px;border:1px solid var(--border);border-radius:10px;align-self:start}.edit-main label:not(:first-child){margin-top:10px}.help{font-size:.88rem;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.secondary{background:transparent;color:var(--accent)}.richtext-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--border)}.editor-toolbar button{font-size:.85rem;padding:8px 10px;min-height:44px;background:var(--bg);color:var(--text);border-color:var(--border)}.editor-toolbar button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.dark .editor-toolbar button[aria-pressed=true]{color:#102719}.tiptap{min-height:340px;padding:24px;outline:none;overflow-wrap:anywhere}.tiptap p:first-child{margin-top:0}.tiptap table,.richtext table{width:100%;table-layout:fixed}.tiptap th,.tiptap td{min-width:60px}.tiptap .selectedCell{background:#82ba9830}.tiptap img,.richtext img{max-width:100%;height:auto}.richtext{overflow-wrap:anywhere}.richtext figure{margin:24px 0}.richtext figcaption{font-size:.88rem;color:var(--muted)}.richtext pre{max-width:100%;overflow-x:auto;padding:16px;background:var(--surface)}blockquote{border-left:4px solid var(--accent);padding-left:20px;margin-left:0}.video-placeholder,.editor-media{background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:20px;margin:20px 0}.editor-dialog label{display:block;margin-top:12px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.dialog-error{color:var(--text);border-left:3px solid #b12f2f;padding-left:10px}.dialog-error:empty{display:none}#selected-categories{padding:0;margin:0;list-style-position:inside}#selected-categories li{display:flex;align-items:center;gap:5px;margin-bottom:8px}#selected-categories span{flex:1;min-width:0;overflow-wrap:anywhere}#selected-categories button{padding:5px 10px;min-width:44px;background:var(--bg);color:var(--text);border-color:var(--border)}.category-links{margin-bottom:30px}.logout-form{display:inline-block;margin-top:28px}@media(max-width:950px){.edit-grid{grid-template-columns:1fr}.edit-side{width:100%}.editor-toolbar{gap:4px}.editor-toolbar button{padding:8px}.tiptap{padding:18px}}
.ProseMirror{position:relative;white-space:pre-wrap;white-space:break-spaces;font-variant-ligatures:none}.ProseMirror [contenteditable=false]{white-space:normal}.ProseMirror pre{white-space:pre-wrap}img.ProseMirror-separator{display:inline!important;border:0!important;margin:0!important;width:0!important;height:0!important}.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute;margin:0}.ProseMirror-gapcursor:after{content:"";position:absolute;top:-2px;width:20px;border-top:1px solid var(--text)}.ProseMirror-focused .ProseMirror-gapcursor{display:block}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *{caret-color:transparent}#selected-categories li{flex-wrap:wrap}#selected-categories span{flex-basis:100%}

.tiptap{overflow-x:auto}.tiptap table,.richtext table{min-width:420px}
.theme-toggle{display:flex;align-items:center;justify-content:space-between;width:104px;height:54px;min-height:54px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:28px;position:fixed;color:var(--muted);gap:0}.theme-light,.theme-dark{display:grid;place-items:center;position:relative;z-index:1;width:46px;height:44px;pointer-events:none}.theme-thumb{position:absolute;top:4px;left:4px;width:44px;height:44px;border-radius:50%;background:var(--accent);transition:transform .16s ease;pointer-events:none}.theme-toggle .icon{width:21px;height:21px;fill:currentColor}.theme-toggle[aria-checked=false] .theme-light,.theme-toggle[aria-checked=true] .theme-dark{color:var(--surface)}.theme-toggle[aria-checked=true] .theme-thumb{transform:translateX(50px)}@media(prefers-reduced-motion:reduce){.theme-thumb{transition:none}}
/* Berechtigte Adminleiste auf der öffentlichen Website */
.icon{width:18px;height:18px;fill:currentColor;flex-shrink:0}.has-admin-bar{padding-top:44px}.has-admin-bar>header{top:44px}.public-admin-bar{position:fixed;top:0;left:0;right:0;height:44px;z-index:100;background:#20252b;color:#f5f6f7;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:13px;line-height:1.3;gap:12px}.public-admin-bar nav,.bar-account{display:flex;align-items:center;gap:4px;min-width:0}.public-admin-bar a,.public-admin-bar summary,.public-admin-bar button{display:flex;align-items:center;gap:8px;color:#f5f6f7;background:transparent;border:0;text-decoration:none;padding:0 10px;min-height:44px;white-space:nowrap;font:inherit;border-radius:0}.public-admin-bar a:hover,.public-admin-bar summary:hover,.public-admin-bar button:hover{background:#353d47}.public-admin-bar .icon{width:15px;height:15px}.public-admin-bar form{display:block}.public-admin-bar form button{margin:0}.bar-user{padding:0 10px}.bar-new{position:relative}.bar-new summary{cursor:pointer;list-style:none}.bar-new summary::-webkit-details-marker{display:none}.bar-dropdown{position:absolute;top:44px;left:0;background:#20252b;min-width:190px;box-shadow:0 4px 16px #0004}.bar-site span{max-width:260px;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.bar-site,.bar-user{display:none!important}.public-admin-bar{padding:0 4px;gap:0}.public-admin-bar a,.public-admin-bar summary,.public-admin-bar button{padding:0 7px;font-size:.75rem;gap:5px}.bar-edit span{max-width:120px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:380px){.public-admin-bar .bar-account button span{display:none}}

[hidden] {display:none !important;}

.card-image img,.feed-image {width:100%;height:200px;object-fit:cover;border-radius:6px;}
.document-image {margin:24px 0;} .document-image img {max-width:100%;height:auto;} .document-image figcaption {font-size:.85rem;}
.header-search {display:flex;align-items:center;gap:4px;width:200px;margin:0;} .header-search input {width:150px;min-width:0;padding:8px;} .header-search button {padding:8px;min-width:44px;}
header {flex-wrap:wrap;gap:16px;}
.site-navigation {margin-left:auto;position:relative;} .site-navigation .menu-level {list-style:none;margin:0;padding:0;} .site-navigation > div > ul {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.menu-entry {display:flex;align-items:center;gap:4px;} .menu-entry a,.menu-entry > span {padding:8px;display:block;} .menu-entry a[aria-current=page] {font-weight:700;text-decoration:underline;}
.site-navigation li {position:relative;} .submenu-toggle {background:transparent;color:var(--text);padding:8px;border:1px solid var(--border);min-width:44px;}
.site-navigation li > ul {padding:10px 16px;border:1px solid var(--border);border-radius:6px;background:var(--surface);min-width:200px;}
.menu-enhanced .site-navigation > div > ul > li > ul {position:absolute;right:0;top:100%;z-index:30;max-width:min(320px,90vw);box-shadow:0 5px 20px #0002;}
#public-menu-toggle {display:none;} .site-navigation a {white-space:normal;overflow-wrap:anywhere;}
.search-form {max-width:600px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;} .search-form label {width:100%;} .search-form input {flex:1;min-width:180px;} .search-results article {padding:20px 0;border-bottom:1px solid var(--border);}
.pagination,.breadcrumbs {display:flex;gap:16px;flex-wrap:wrap;margin:18px 0;} .breadcrumbs a::after {content:' /';margin-left:12px;text-decoration:none;}
@media(max-width:900px) { .site-navigation {margin-left:0;} .menu-enhanced #public-menu-toggle {display:inline-flex;} .site-navigation > div > ul {display:block;} .menu-enhanced #public-menu {position:absolute;left:0;top:100%;background:var(--surface);padding:12px;border:1px solid var(--border);width:min(340px,90vw);max-height:65vh;overflow:auto;z-index:40;} .menu-enhanced .site-navigation > div > ul > li > ul {position:static;box-shadow:none;} .header-search {margin-left:auto;} .brand {max-width:100%;} }

.public-admin-bar .bar-brand,.public-admin-bar .bar-brand:hover {background:transparent;border-radius:0;padding:4px 8px;min-height:32px;margin:6px 0;} .bar-brand img {height:25px;width:auto;display:block;}

.image-credit {display:block;font-size:.75rem;color:var(--muted);margin:4px 0 12px;}

.public-admin-bar nav {flex-wrap:nowrap;flex:1;}
.public-admin-bar .bar-brand,.public-admin-bar .bar-new,.public-admin-bar .bar-account {flex-shrink:0;}
.public-admin-bar .bar-edit {min-width:0;}
.public-admin-bar .bar-edit span {min-width:0;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:500px) {.public-admin-bar .bar-account button span {display:none;}}
@media(max-width:380px) {.public-admin-bar .bar-edit span {max-width:80px;}}
.language-switch {display:flex;gap:12px;}
.language-switch a[aria-current] {text-decoration:underline;font-weight:700;}

.featured-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.featured-posts .card{padding:24px;margin-bottom:24px;border-left:1px solid var(--border)}.featured-posts h2{font-size:clamp(1.4rem,2.5vw,2rem)}.card-image img,.feed-image{height:auto;aspect-ratio:3/4;object-fit:contain;background:var(--bg);display:block}.card-image picture{display:block}.person-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.person-card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.person-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}.person-links{display:flex;flex-wrap:wrap;gap:12px}.sport-block{margin-block:32px}.sport-info img{width:100%;height:auto;max-height:480px;object-fit:contain}.sport-description{overflow-wrap:anywhere}.sport-block li{margin-block:12px}@media(max-width:650px){.featured-posts{grid-template-columns:1fr}}

.cookie-settings-toggle{position:fixed;left:20px;bottom:20px;z-index:6;display:grid;place-items:center;width:52px;height:52px;min-height:52px;padding:12px;border-radius:50%;box-shadow:0 3px 16px #0003;background:var(--surface);color:var(--accent);border:1px solid var(--border)}.cookie-settings-toggle .icon{width:26px;height:26px}

.person-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.person-card{overflow-wrap:anywhere}.sport-photo-credit{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}

.sport-icon img{width:80px;height:80px;object-fit:contain}.sport-icon{margin-bottom:16px}

.accessibility-toggle{position:fixed;right:20px;bottom:86px;z-index:6;display:grid;place-items:center;width:52px;height:52px;padding:12px;border-radius:50%;box-shadow:0 3px 16px #0003;background:var(--surface);color:var(--accent);border:1px solid var(--border)}.accessibility-toggle .icon{width:26px;height:26px}.accessibility-dialog{max-height:85vh;overflow:auto}.accessibility-dialog label{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}.accessibility-dialog input[type=range]{accent-color:var(--accent);padding:0;min-height:44px;cursor:pointer}.accessibility-actions{display:flex;gap:12px;flex-wrap:wrap}.accessibility-actions form{margin:0}html[data-font-size]:not([data-font-size="100"]) body>header{flex-wrap:wrap}html[data-font-size]:not([data-font-size="100"]) .brand{min-width:0;max-width:100%;overflow-wrap:anywhere}html[data-font-size]:not([data-font-size="100"]) .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
html[data-font-size="100"]{font-size:100%}
html[data-font-size="110"]{font-size:110%}
html[data-font-size="120"]{font-size:120%}
html[data-font-size="130"]{font-size:130%}
html[data-font-size="140"]{font-size:140%}
html[data-font-size="150"]{font-size:150%}
html[data-font-size="160"]{font-size:160%}
html[data-font-size="170"]{font-size:170%}
html[data-font-size="180"]{font-size:180%}
html[data-font-size="190"]{font-size:190%}
html[data-font-size="200"]{font-size:200%}
html[data-contrast="125"] body{--bg:#f9fbf9;--surface:#fff;--text:#0f1d14;--muted:#334d3d;--accent:#10542d;--border:#97ad9e;}
html[data-contrast="150"] body{--bg:#fff;--surface:#fff;--text:#080e0a;--muted:#243e2d;--accent:#084122;--border:#6a8071;}
html[data-contrast="175"] body{--bg:#fff;--surface:#fff;--text:#000;--muted:#172c1d;--accent:#063218;--border:#43564a;}
html[data-contrast="200"] body{--bg:#fff;--surface:#fff;--text:#000;--muted:#000;--accent:#00290f;--border:#000;}
html[data-contrast="125"] body.dark{--bg:#0c130e;--surface:#17251b;--text:#fff;--muted:#c8d8cc;--accent:#a7efbf;--border:#668370;}
html[data-contrast="150"] body.dark{--bg:#060a07;--surface:#101a13;--text:#fff;--muted:#e0e8e2;--accent:#c1fbd3;--border:#8da698;}
html[data-contrast="175"] body.dark{--bg:#000;--surface:#080e0a;--text:#fff;--muted:#f0f4f1;--accent:#d0ffe0;--border:#b1c9bb;}
html[data-contrast="200"] body.dark{--bg:#000;--surface:#000;--text:#fff;--muted:#fff;--accent:#ddffe8;--border:#fff;}

.accessibility-dialog{overflow-wrap:anywhere}

/* Dialogaktionen: gemeinsame Größe, unten rechts und natürliche Tab-Reihenfolge. */
dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:auto}
dialog .dialog-actions{display:flex;justify-content:flex-end;align-items:stretch;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding-top:4px}
dialog .dialog-actions>form{display:flex;margin:0;gap:0}
dialog .dialog-actions button,dialog .dialog-actions .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;line-height:1.4;padding:10px 18px;border:1px solid var(--accent);margin:0}
dialog .dialog-actions>form,dialog .dialog-actions button,dialog .dialog-actions .button{min-width:0;max-width:100%;overflow-wrap:anywhere}
dialog[open]>*{flex-shrink:0;min-width:0}dialog input[type=range]{margin-inline:0;width:100%}
.club-logo{max-width:160px;max-height:62px;width:auto;height:auto;object-fit:contain}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-links a{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:8px}.social-links .icon{width:24px;height:24px}.video-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin-top:16px}.video-player:empty{display:none}.consent-dialog .check-option{display:flex;align-items:center;gap:12px;min-height:44px}.consent-dialog input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.consent-dialog .dialog-actions button{flex-grow:1}body>main button:not(.secondary),body>header .header-search button,dialog button:not(.secondary){color:var(--button-text,var(--surface))}.button{color:var(--button-text,var(--surface))}

.button.secondary{background:transparent;color:var(--accent)}html[data-contrast]:not([data-contrast="100"]) body{--button-text:#fff}html[data-contrast]:not([data-contrast="100"]) body.dark{--button-text:#102719}
.consent-dialog{overflow-wrap:anywhere}.consent-dialog .check-option{min-width:0}.consent-dialog .check-option span{min-width:0}

/* Ruhige Navigation: ungerahmte Einträge, Hover/Fokus und schlichte Suche. */
.site-navigation .menu-entry{gap:0;border:0;border-radius:6px;transition:background-color .15s ease}
.site-navigation .menu-entry:hover,.site-navigation .menu-entry:focus-within{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.site-navigation .menu-entry a,.site-navigation .menu-entry>span{padding:10px 12px;color:var(--text);line-height:1.4;text-decoration:none}
.site-navigation .menu-entry a:hover,.site-navigation .menu-entry a[aria-current=page]{color:var(--accent)}
.site-navigation .menu-entry a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.site-navigation .submenu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:6px;background:transparent;color:var(--text);margin:0}
.site-navigation .submenu-toggle:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.site-navigation .submenu-toggle .icon{width:12px;height:12px;transition:transform .15s ease}
.site-navigation .submenu-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}
.site-navigation li>ul{border:0;padding:6px;border-radius:10px;background:var(--surface);min-width:220px}
.menu-enhanced .site-navigation>div>ul>li>ul{top:100%;left:0;right:auto;box-shadow:0 10px 30px #0002;max-width:min(300px,calc(100vw - 32px))}
.menu-enhanced .site-navigation>div>ul>li>ul.submenu-flip{left:auto;right:0}
.menu-enhanced .site-navigation li>ul .menu-entry a,.menu-enhanced .site-navigation li>ul .menu-entry>span{flex:1;min-width:0}
.menu-enhanced .site-navigation li>ul li>ul{position:absolute;left:100%;right:auto;top:0;box-shadow:0 10px 30px #0002;max-width:min(300px,calc(100vw - 32px));z-index:31}
.menu-enhanced .site-navigation li>ul li>ul.submenu-flip{left:auto;right:100%}
.header-search{width:190px;gap:0;padding:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.header-search:focus-within{border-bottom-color:var(--accent)}
.header-search input{flex:1;width:100%;min-width:0;padding:8px 4px;border:0;border-radius:0;background:transparent;font-size:.94rem;line-height:1.4}
.header-search input::placeholder{color:var(--muted);opacity:.8}
body>header .header-search button{display:inline-flex;align-items:center;justify-content:center;margin:0;min-width:44px;min-height:44px;padding:10px;background:transparent;border:0;border-radius:50%;color:var(--text)}
body>header .header-search button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
#public-menu-toggle{background:transparent;color:var(--text);border:0;gap:8px;align-items:center;border-radius:6px}
#public-menu-toggle:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
@media(max-width:900px){
 .menu-enhanced #public-menu{border:0;border-radius:10px;box-shadow:0 10px 30px #0002;padding:8px;width:min(340px,calc(100vw - 32px))}
 .menu-enhanced .site-navigation>div>ul>li>ul,.menu-enhanced .site-navigation li>ul li>ul{position:static;box-shadow:none;max-width:100%;min-width:0;padding:2px 0 2px 14px;background:transparent}
 .header-search{width:175px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.site-navigation .menu-entry,.site-navigation .submenu-toggle .icon{transition:none}}
/* Grün/Weiß: viel Weißraum, eine klare Nachrichtenhierarchie, ruhige Flächen. */
body>header{padding-top:16px;padding-bottom:16px;border-top:4px solid var(--accent);border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:0 3px 14px #00000004}
.brand{font-size:1.1rem;letter-spacing:-.02em;gap:16px;max-width:400px}.club-logo{width:76px;height:76px;max-height:76px;max-width:100%;object-fit:contain;flex-shrink:0}
body>main{max-width:1240px;padding-top:44px}.intro{padding-block:12px;margin-bottom:40px}.intro .eyebrow{color:var(--accent);letter-spacing:.14em}.intro>p:last-child{max-width:700px;color:var(--muted)}
.card,.featured-posts .card{border:0;border-radius:4px;padding:24px;background:var(--surface);transition:transform .18s ease,box-shadow .18s ease}.card:hover,.card:focus-within{transform:translateY(-3px);box-shadow:0 12px 32px #00000012}.card h2{font-weight:750;letter-spacing:-.02em}.card h2 a:hover{color:var(--accent)}.card .eyebrow{font-size:.76rem;letter-spacing:.08em}.card-image img,.feed-image{border-radius:3px}.featured-posts{gap:32px}.grid{gap:28px}
body>footer{border-top:3px solid var(--accent);background:var(--surface);padding-top:36px}.social-links a{border:0;border-radius:50%;transition:background-color .15s ease}.social-links a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
body.dark .card:hover,body.dark .card:focus-within{box-shadow:0 12px 32px #0005}
@media(max-width:900px){.brand{max-width:100%;font-size:1rem}.club-logo{width:60px;height:60px;max-height:60px}.site-navigation{margin-right:auto}.header-search{margin-left:auto}}
@media(max-width:560px){body>header{padding:12px 20px;gap:12px}.brand{width:100%;font-size:1rem;gap:14px}.club-logo{width:56px;height:56px;max-height:56px}body>main{padding-top:28px}.intro{margin-bottom:28px}.card,.featured-posts .card{padding:18px}.featured-posts{gap:20px}}
@media(prefers-reduced-motion:reduce){.card,.social-links a{transition:none}.card:hover,.card:focus-within{transform:none}}
@media(min-width:901px){body>header{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr) 170px;column-gap:20px;padding-inline:max(24px,calc((100vw - 1192px)/2))}.brand{min-width:0;max-width:100%}.brand>span{min-width:0}.site-navigation{margin-left:0;justify-self:end;max-width:100%}.site-navigation>div>ul{justify-content:flex-end;gap:4px}.header-search{width:170px;margin:0}}
body>footer{padding-inline:max(24px,calc((100vw - 1192px)/2))}

/* Etappe 6: focus, target size and native browser reflow. */
html{scroll-padding-top:calc(var(--sticky-height,120px) + 16px);scroll-padding-bottom:150px}
.skip{z-index:210}main:focus{outline:none}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:where(input,select,textarea){border-color:var(--muted)}
body.dark .cms-tabs .tab-buttons [aria-selected=true]{color:var(--button-text,#102719)}
footer .language-switch a,.breadcrumbs a{display:inline-flex;align-items:center;min-height:28px;min-width:28px}
@media(max-height:500px){body>header{position:relative;top:auto}.has-admin-bar>header{top:auto}}

.public-admin-bar{flex-wrap:wrap;height:auto;min-height:42px}.bar-view-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:5px 10px;margin:0;min-width:0}.public-admin-bar .bar-view-form select{width:190px;max-width:100%;min-height:32px;font:inherit;background:#162b40;color:#fff;border:1px solid #8094a5;border-radius:4px;padding:4px 7px}.public-admin-bar .bar-view-form button{min-height:32px;padding:4px 7px;border:1px solid #8094a5;border-radius:4px;font:inherit}.bar-draft-switch{position:relative;display:flex;align-items:center;gap:7px;margin:0;cursor:pointer;font-size:13px;font-weight:400}.bar-draft-switch input{position:absolute;width:1px;height:1px;opacity:0;min-height:0;padding:0;margin:0}.bar-switch-track{width:34px;height:20px;border:1px solid #bed0df;border-radius:20px;background:#385268;position:relative;flex-shrink:0}.bar-switch-track::after{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#fff}.bar-draft-switch input:checked+.bar-switch-track{background:#087047}.bar-draft-switch input:checked+.bar-switch-track::after{left:16px}.bar-draft-switch input:focus-visible+.bar-switch-track{outline:3px solid #ffd16a;outline-offset:3px}.bar-preview-note{font-size:12px;color:#fff;background:#345647;border-radius:4px;padding:4px 7px}.public-admin-bar .bar-view-form label{color:#fff}.has-admin-bar header{top:var(--admin-bar-height,42px)}
@media(max-width:900px){.bar-view-form{order:3;width:100%;justify-content:flex-start}.public-admin-bar .bar-account{margin-left:auto}.public-admin-bar .bar-view-form select{width:160px}.bar-preview-note{max-width:100%;overflow-wrap:anywhere}}
.has-admin-bar{padding-top:var(--admin-bar-height,44px)}
@media(max-width:600px){.bar-view-form{gap:8px;padding:4px 0}.bar-draft-switch{font-size:12px}.public-admin-bar .bar-view-form select{width:145px;font-size:12px}.public-admin-bar .bar-view-form button{font-size:12px}.bar-view-form .bar-preview-note{width:100%}}
.bar-draft-switch input{width:34px;height:20px;left:0;top:50%;transform:translateY(-50%);z-index:1}.bar-switch-track{pointer-events:none}
.public-admin-bar .bar-view-form{display:flex;flex:1 1 420px;gap:8px}.public-admin-bar .bar-view-form button{margin:0}.public-admin-bar .view-auto button[type=submit]{display:none}.bar-preview-note{white-space:nowrap}.public-admin-bar .bar-account{flex-shrink:0}
@media(max-width:900px){.public-admin-bar .bar-view-form{flex-basis:100%;padding:4px 0}}
@media(max-width:600px){.bar-view-form .bar-preview-note{width:auto}}

/* Native option menus use their own highlight colours: keep the whole control
   in the admin bar's dark colour scheme, independent of the website theme. */
.public-admin-bar .bar-view-form select{color-scheme:dark}
.public-admin-bar .bar-view-form select option{background:#162b40;color:#fff}
.public-admin-bar .bar-view-form select option:checked,
.public-admin-bar .bar-view-form select option:hover{background:#087047;color:#fff}
@media(forced-colors:active){
 .public-admin-bar .bar-view-form select{color-scheme:light dark}
 .public-admin-bar .bar-view-form select option{background:Canvas;color:CanvasText}
 .public-admin-bar .bar-view-form select option:checked,
 .public-admin-bar .bar-view-form select option:hover{background:Highlight;color:HighlightText}
}

/* The menu and latest stories form the homepage's opening view. */
.home-hero-page>header{position:relative;top:auto;padding-block:30px;box-shadow:none;border-bottom:0}
.home-hero-page:not(.header-compact) .club-logo{width:96px;height:96px;max-height:96px;max-width:160px}
.home-hero-page.header-compact>header{position:sticky;top:var(--admin-bar-height,0px);padding-block:12px;border-bottom:1px solid var(--border);box-shadow:0 4px 18px #0000000d}
.home-hero-page.header-compact .club-logo{width:60px;height:60px;max-height:60px}
.home-hero-page>main{padding-top:0}
.home-header-reserve{height:0;overflow-anchor:none}
.home-hero-page .featured-posts{max-width:980px;margin:0 auto 48px;gap:24px}
.featured-posts .hero-card{position:relative;display:flex;align-items:flex-end;aspect-ratio:3/4;min-height:360px;margin:0;padding:0;overflow:hidden;border:0;border-radius:14px;background:linear-gradient(145deg,#305d46,#0b2b1c);isolation:isolate}
.hero-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06190ff2 0%,#06190fcc 28%,#06190f00 75%)}
.hero-card .card-image{position:absolute;inset:0;z-index:-2}
.hero-card .card-image picture{height:100%}
.hero-card .card-image img{height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:0}
.hero-card .image-credit{position:absolute;right:14px;top:14px;max-width:80%;background:#06190fd9;color:#fff;padding:3px 8px;font-size:.75rem;border-radius:4px}
.hero-card .card-copy{padding:clamp(22px,3vw,36px);color:#fff;width:100%;overflow-wrap:anywhere}
.featured-posts .hero-card h2{font-size:clamp(1.6rem,2.5vw,2.35rem);line-height:1.15;margin:12px 0}
.hero-card .card-copy p,.hero-card .card-copy a,.hero-card .card-copy h2 a{color:#fff}
.hero-card .card-copy .eyebrow{color:#c8ebd4}
.hero-card .card-copy>a{display:inline-flex;min-height:44px;align-items:center;text-decoration-thickness:1px}
.hero-card .card-copy a:hover{color:#c8ebd4}
.hero-card a:focus-visible{outline-color:#fff}
.hero-card:focus-within{outline:3px solid var(--accent);outline-offset:4px}
/* Search expands only after enhancement; the plain GET form stays usable. */
body>header .header-search{display:flex;width:min(230px,100%);align-items:center;min-width:0;margin-left:auto}
body>header .header-search.search-collapsed{width:44px;border-bottom-color:transparent}
.header-search input[hidden]{display:none}
@media(min-width:901px){body>header{grid-template-columns:minmax(220px,340px) minmax(0,1fr) auto}}
/* Labels enlarge the controls while retaining a stable icon/switch position. */
.cookie-settings-toggle,.accessibility-toggle{display:flex;align-items:center;justify-content:center;width:auto;min-width:52px;border-radius:28px;max-width:calc(100vw - 40px);overflow:hidden}
.floating-label{display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:.88rem;transition:max-width .2s ease,margin .2s ease}
.cookie-settings-toggle:hover .floating-label,.cookie-settings-toggle:focus-visible .floating-label,
.accessibility-toggle:hover .floating-label,.accessibility-toggle:focus-visible .floating-label{max-width:230px;margin-left:10px;opacity:1}
.theme-toggle{width:auto;min-width:104px;max-width:calc(100vw - 40px);justify-content:flex-end;overflow:hidden}
.theme-switch-icons{display:flex;position:relative;width:94px;height:44px;flex-shrink:0}
.theme-switch-icons .theme-thumb{top:0;left:0}
.theme-switch-icons .theme-light,.theme-switch-icons .theme-dark{width:47px;flex-shrink:0}
.theme-toggle:hover .floating-label,.theme-toggle:focus-visible .floating-label{max-width:180px;margin:0 10px 0 14px;opacity:1}
@media(max-width:650px){.home-hero-page>header{padding-block:18px}.home-hero-page:not(.header-compact) .club-logo{width:72px;height:72px;max-height:72px}.home-hero-page .featured-posts{margin-bottom:28px}.featured-posts .hero-card{border-radius:10px;min-height:360px}}
@media(max-height:500px){.home-hero-page.header-compact>header{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.floating-label{transition:none}}

.theme-toggle .floating-label{color:var(--text)}

/* A readable text backing also covers bright user-provided photos. */
.hero-card .card-copy{background:linear-gradient(0deg,#06190fe0,#06190fbf)}

/* Reserve only the magnifier's width; the search input floats below it. */
body>header .header-search.search-enhanced{position:relative;width:44px;flex:0 0 44px;border:0}
.header-search.search-enhanced input{position:absolute;right:0;top:calc(100% + 12px);z-index:60;width:min(340px,calc(100vw - 40px));max-width:none;padding:14px 16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0003}

.post-gallery{position:relative;min-width:0;background:#10241a;color:#fff;overflow:hidden}.gallery-slide[hidden]{display:none!important}.gallery-slide{position:relative}.gallery-slide img,.gallery-slide video{display:block;width:100%;height:100%;object-fit:contain}.card .post-gallery{aspect-ratio:3/4}.card .gallery-slide,.card .gallery-slide>a,.card .gallery-slide>[data-instagram-url]{height:100%}.gallery-controls{position:absolute;z-index:3;bottom:.5rem;left:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center;justify-content:center;pointer-events:none}.gallery-controls>*{pointer-events:auto;background:#10241a;color:#fff;border:1px solid #fff;border-radius:1.5rem;min-height:44px;min-width:44px;padding:.4rem .75rem}.gallery-controls button:hover{background:#246937}.gallery-link{position:absolute;top:.5rem;left:.5rem;background:#10241a;color:#fff;padding:.5rem}.hero-card .post-gallery .gallery-controls{top:.5rem;bottom:auto}.instagram-player iframe{width:100%;min-height:450px;border:0}.instagram-player:has(iframe)+button{display:none}.gallery-slide video{max-height:75vh}.prose .post-gallery{margin-block:1rem}.gallery-slide [data-instagram-consent]{position:absolute;top:.5rem;left:.5rem}#gallery-list li{margin-block:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}#gallery-list label{width:100%}

.featured-posts .hero-card:has(.post-gallery){display:grid;grid-template-rows:minmax(180px,1fr) auto}.hero-card .post-gallery{width:100%;height:100%;aspect-ratio:auto;min-height:0}.hero-card .post-gallery picture{display:block;height:100%}.hero-card:has(.post-gallery) .card-copy{position:relative;padding:20px}.hero-card .post-gallery .gallery-controls{top:.5rem;bottom:auto}.hero-card .post-gallery video{height:100%;max-height:none}.instagram-player:not(:empty){position:absolute;inset:0;background:#fff}.instagram-player iframe{height:100%}.gallery-slide>[data-instagram-url]{position:relative}
.prose{min-width:0;overflow-wrap:anywhere}
.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-weight:750}.brand-copy small{font-size:.72em;font-weight:400;max-width:280px;overflow-wrap:anywhere}

/* Football team pages */
.team-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:1.1rem;min-height:18rem;background:var(--accent);color:#fff;display:flex;align-items:flex-end;margin:1.5rem 0}
.team-hero.has-photo{min-height:clamp(20rem,45vw,34rem)}.team-hero>picture{position:absolute;inset:0;z-index:-2}.team-hero>picture img{width:100%;height:100%;object-fit:cover;object-position:center}.team-hero[data-position=top]>picture img{object-position:top}.team-hero[data-position=bottom]>picture img{object-position:bottom}.team-hero.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.9));z-index:-1}.team-hero[data-overlay=light]{color:#101d15}.team-hero[data-overlay=light]:after{background:linear-gradient(transparent,rgba(255,255,255,.95))}.team-hero-copy{padding:clamp(1.2rem,4vw,3rem);max-width:100%}.team-hero h2{color:inherit;font-size:clamp(2rem,5vw,3.8rem);margin:.3rem 0;overflow-wrap:anywhere}.team-hero-credit{position:absolute;top:.5rem;right:.5rem;background:#13251bee;color:#fff;padding:.2rem .5rem}.team-jumps{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;padding:1rem 0;border-bottom:1px solid var(--border)}.team-jumps a{text-decoration:none;font-weight:600}.team-jumps a:hover{text-decoration:underline}.sport-block{margin-block:2.5rem;scroll-margin-top:9rem}.person-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1.5rem}.person-card{border:0;border-radius:.8rem;background:var(--surface);padding:1.5rem}.person-card picture img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:.6rem}.person-links{display:flex;flex-wrap:wrap;gap:.7rem}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1.2rem}.training-card{padding:1.5rem;background:var(--surface);border-radius:.8rem;border-top:4px solid transparent}.training-card[data-current=true]{border-top-color:var(--accent)}.training-card h3 small{display:inline-block;font-size:.75rem;font-weight:500}.training-card ul{padding:0;list-style:none}.training-card li{display:grid;gap:.35rem;margin:1rem 0}.team-join{padding:2rem;background:var(--surface);border-radius:1rem}.football-widget{min-width:0}.football-widget [data-fussball-id]{background:var(--surface);padding:1rem;border-radius:.8rem}.fussballde_widget{width:100%}.football-widget iframe{max-width:100%;border:0}.editor-pages .cms-layout[data-layout=conditional]{border:2px dashed var(--accent);padding:1rem}.cms-layout[data-layout=conditionBranch]{border:1px dashed var(--border);padding:1rem}.cms-layout[data-layout=conditionBranch]:before{content:attr(data-label);display:block;font-weight:bold;font-size:.8rem}.template-option-row{display:grid;gap:.5rem;margin:1rem 0;padding:.7rem;background:var(--surface)}

.team-hero .eyebrow,.team-hero .lead{color:inherit}.person-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.person-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--accent);color:var(--surface);font-size:1.6rem;font-weight:700}.person-card,.training-card,.team-join{background:color-mix(in srgb,var(--accent) 5%,var(--surface));box-shadow:0 3px 15px #00000008}.training-card[data-current=true] h3 small{color:var(--accent)}
.person-links a:not(.button),.person-links .button.secondary,.training-card h3 small{color:var(--text)}
.training-card[data-current=true] h3 small{color:var(--text)}

.person-links .contact-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem .7rem;border-radius:.5rem;text-decoration:none}.person-links .contact-action:not(.button):hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));text-decoration:underline}.person-links .contact-action .icon{width:20px;height:20px}.person-links .contact-action:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* Seitenvorlagen: eigene Seitenbreite, unabhängig von Block- und Vorlageninhalt.
   Übertragen aus styles.css/wordpress.css des Vereinsdesigns; lokale Themefarben. */
body>main:has(>.page-layout[data-page-layout=wide]){max-width:1288px}
.page-layout[data-page-layout=wide]{max-width:1200px}
body>main:has(>.page-layout[data-page-layout=full]),body>main:has(>.page-layout[data-page-layout=hero]){max-width:none;padding:0 0 80px}
.page-layout[data-page-layout=full],.page-layout[data-page-layout=hero]{max-width:none;width:100%}
.page-layout[data-page-layout=full]>.document-heading{padding:44px 24px 0}
.page-layout[data-page-layout=full]>.richtext{padding-inline:24px}
.page-layout[data-page-layout=hero]>.richtext>*,.page-layout[data-page-layout=hero]>.notice{max-width:1180px;margin-inline:auto;width:calc(100% - 48px)}
.page-layout[data-page-layout=hero]>.richtext>.team-hero,.page-layout[data-page-layout=hero]>.richtext>.team-jumps{max-width:none;width:100%}
.page-layout[data-page-layout=hero] .team-hero,.page-hero{position:relative;isolation:isolate;display:flex;align-items:end;min-height:clamp(28rem,48vw,42rem);margin:0;border-radius:0;overflow:hidden;background:#073d22;color:#fff}
.page-hero>picture{position:absolute;inset:0;z-index:-2}
.page-hero>picture img{display:block;width:100%;height:100%;object-fit:cover}
.page-hero.has-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#04190ff2 0%,#04190f99 50%,transparent 80%)}
.page-layout[data-page-layout=hero] .team-hero-copy,.page-hero-copy{width:calc(100% - 48px);max-width:1180px;margin-inline:auto;padding:7rem 0 6rem}
.page-layout[data-page-layout=hero] .team-hero h1,.page-hero h1{font-size:clamp(2.8rem,7vw,6rem);line-height:1.02;letter-spacing:-.045em;margin:.3em 0;color:inherit}
.page-layout[data-page-layout=hero] .team-hero .eyebrow{color:inherit;opacity:.9}
.page-layout[data-page-layout=hero] .team-hero .lead{color:inherit;max-width:650px;font-weight:600}
.page-layout[data-page-layout=hero] .team-hero.has-photo:after{background:linear-gradient(0deg,#04190ff2 0%,#04190faa 35%,transparent 80%)}
.page-layout[data-page-layout=hero] .team-hero[data-overlay=light]:after{background:linear-gradient(0deg,#fffffff5 0%,#ffffffb0 35%,transparent 80%)}
.page-layout[data-page-layout=hero] .team-jumps{position:relative;margin-top:-4rem;padding:1rem max(24px,calc((100% - 1180px)/2));min-height:4rem;background:#061e16e6;backdrop-filter:blur(8px);border:0;color:#fff;gap:.3rem 1.5rem;z-index:1}
.page-layout[data-page-layout=hero] .team-jumps a{color:#fff;min-height:44px;display:inline-flex;align-items:center}
.page-layout[data-page-layout=hero] .sport-block{padding-block:3rem;margin-block:0}
.page-layout[data-page-layout=hero] .sport-block>h2{font-size:clamp(1.9rem,3.4vw,3rem);letter-spacing:-.035em;margin:0 0 1.5rem}
.page-layout[data-page-layout=hero] .person-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px}
.page-layout[data-page-layout=hero] .person-card{box-shadow:0 12px 35px #073d220b;padding:1.75rem}
.page-layout[data-page-layout=hero] .person-card h3{font-size:1.6rem;margin:.5rem 0}
.page-layout[data-page-layout=hero] .training-grid{gap:24px}
.page-layout[data-page-layout=hero] .training-card{padding:2rem;box-shadow:0 12px 35px #073d2212}
.page-layout[data-page-layout=hero] .team-join{margin-block:3rem;padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(120deg,#087234,#043f1e);color:#fff}
.page-layout[data-page-layout=hero] .team-join .person-links a{background:#fff;color:#075f2b}
.page-layout[data-page-layout=hero] .team-join .person-links a:hover{background:#e3f5e8;color:#043f1e}
@media(max-width:620px){.page-layout[data-page-layout=hero] .team-hero-copy,.page-hero-copy{padding-block:5rem 8rem;width:calc(100% - 32px)}.page-layout[data-page-layout=hero]>.richtext>*,.page-layout[data-page-layout=hero]>.notice{width:calc(100% - 32px)}.page-layout[data-page-layout=hero] .team-jumps{margin-top:0;padding:1rem 16px;gap:.3rem 1rem}.page-layout[data-page-layout=hero] .sport-block{padding-block:2rem}.page-layout[data-page-layout=hero] .training-card{padding:1.5rem}}
.page-layout[data-page-layout=hero]>.richtext>.sport-trainingCards{width:100%;max-width:none;padding:3.5rem max(24px,calc((100% - 1180px)/2));background:linear-gradient(120deg,#087234,#043f1e);color:#fff}
.page-layout[data-page-layout=hero] .sport-trainingCards .training-card{color:var(--text)}
@media(max-width:620px){.page-layout[data-page-layout=hero]>.richtext>.sport-trainingCards{padding:2rem 16px}}

/* Saisonkarten: Sommer warm, Winter blau; inaktive Zeiten bleiben lesbar. */
.training-card{--training-tone:var(--accent);border:1px solid var(--border);border-left:7px solid var(--training-tone);border-radius:1.2rem;background:linear-gradient(130deg,color-mix(in srgb,var(--training-tone) 11%,var(--surface)),var(--surface) 80%)}
.training-card[data-period=summer]{--training-tone:#9a441c}
.training-card[data-period=winter]{--training-tone:#176385}
.training-card h3{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;color:var(--training-tone);font-size:1.5rem;margin:0 0 1.5rem}
.training-card h3 small{font-size:.75rem;line-height:1.4;border-radius:1rem;padding:.2rem .65rem;font-weight:700}
.training-card[data-current=true]{border-top-color:var(--border);outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}
.training-card[data-current=true] h3 small{background:#176a3b;color:#fff}
.training-card li+li{border-top:1px solid var(--border);padding-top:1rem}
.training-card[data-inactive=true]{--training-tone:#66716b;color:var(--muted);box-shadow:none;background:linear-gradient(130deg,color-mix(in srgb,var(--muted) 5%,var(--surface)),var(--surface) 80%)}
.training-card[data-period=summer][data-inactive=true]{--training-tone:#775a4b}
.training-card[data-period=winter][data-inactive=true]{--training-tone:#4f6874}
.training-card h3 .training-inactive-label{background:color-mix(in srgb,var(--muted) 10%,var(--surface));color:var(--muted)}
body.dark .training-card[data-period=summer]{--training-tone:#ffc493}
body.dark .training-card[data-period=winter]{--training-tone:#a7d8ef}
body.dark .training-card[data-period=summer][data-inactive=true]{--training-tone:#b4a39a}
body.dark .training-card[data-period=winter][data-inactive=true]{--training-tone:#a1b0b7}
.page-layout[data-page-layout=hero] .sport-trainingCards .training-card[data-inactive=true]{color:var(--muted)}

/* News cards share one full-size image with the headline overlaid. */
.card.hero-card,.featured-posts .hero-card:has(.post-gallery){position:relative;display:block;aspect-ratio:3/4;min-height:0;padding:0;border:0;border-radius:14px;overflow:hidden;isolation:isolate;background:#102b1c}
.card.hero-card::before{z-index:1;pointer-events:none;background:linear-gradient(0deg,#06190ff5 0%,#06190fe8 22%,#06190f99 48%,#06190f00 78%)}
.card.hero-card>.card-image{position:absolute;inset:0;z-index:0}.card.hero-card>.card-image picture{display:block;height:100%}.card.hero-card>.card-image img{width:100%;height:100%;object-fit:cover}
.card.hero-card>.post-gallery{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;z-index:auto}.card.hero-card .post-gallery picture{display:block;height:100%}.card.hero-card .gallery-slide,.card.hero-card .gallery-slide>a,.card.hero-card .gallery-slide>[data-instagram-url]{height:100%}.card.hero-card .gallery-slide img,.card.hero-card .gallery-slide video{width:100%;height:100%;max-height:none;object-fit:cover}
.card.hero-card .card-copy{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 28px 48px;background:linear-gradient(0deg,#06190fed,#06190fbf);pointer-events:none;color:#fff}.card.hero-card .card-copy a{pointer-events:auto;color:#fff}.card.hero-card .card-copy p{color:#fff}.card.hero-card .card-copy h2{margin:10px 0;line-height:1.18;overflow-wrap:anywhere}.card.hero-card .card-copy>p:not(.eyebrow):not(.post-byline){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:10px 0}.card.hero-card .eyebrow{margin:0;font-size:.8rem}.post-byline{font-size:.82rem;margin:4px 0;overflow-wrap:anywhere}.card.hero-card .post-byline{color:#deebe2}.card.hero-card .card-copy>a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}.card.hero-card .card-copy a:hover{text-decoration-thickness:2px;color:#fff}
.gallery-controls,.card.hero-card .post-gallery .gallery-controls{inset:0;display:block;pointer-events:none;padding:0;background:none}
.gallery-controls>button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#06190f8c;color:#fff;font-size:32px;line-height:1;opacity:1;transition:background-color .15s ease,box-shadow .15s ease;pointer-events:auto}
.gallery-controls>[data-gallery-step="-1"]{left:6px}.gallery-controls>[data-gallery-step="1"]{right:6px}.post-gallery:hover .gallery-controls>button,.post-gallery:focus-within .gallery-controls>button,.card.hero-card:hover .gallery-controls>button{background:#06190fe8;box-shadow:0 2px 12px #0003}.gallery-controls>button:hover{background:#06190f}
.gallery-controls .gallery-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:0;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:none;pointer-events:auto}
.gallery-dots button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;border:0;background:none;padding:0;border-radius:50%;margin:0;cursor:pointer}.gallery-dots button span{display:block;width:5px;height:5px;border-radius:50%;background:#aabeb0;box-shadow:0 0 0 1px #06190fa6}.gallery-dots button[aria-current] span{background:#fff;width:6px;height:6px}.gallery-dots button:hover span{background:#fff}.gallery-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.card.hero-card:has(.gallery-slide:not([hidden]) video) .card-copy{bottom:44px}.card.hero-card:has(.gallery-slide:not([hidden]) video) .gallery-dots{bottom:44px}
@media(hover:none){.gallery-controls>button{background:#06190fbf}}
@media(prefers-reduced-motion:reduce){.gallery-controls>button{transition:none}}
@media(max-width:650px){.card.hero-card .card-copy{padding:18px 26px 42px}.card.hero-card .card-copy>p:not(.eyebrow):not(.post-byline){-webkit-line-clamp:2}}

.card.hero-card h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card.hero-card .post-byline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-font-size]:not([data-font-size="100"]) .card.hero-card{aspect-ratio:auto;min-height:400px}html[data-font-size]:not([data-font-size="100"]) .card.hero-card .card-copy{position:relative;inset:auto;margin-top:10rem}html[data-font-size]:not([data-font-size="100"]) .card.hero-card h2,html[data-font-size]:not([data-font-size="100"]) .card.hero-card .post-byline,html[data-font-size]:not([data-font-size="100"]) .card.hero-card .card-copy>p:not(.eyebrow):not(.post-byline){display:block;overflow:visible}

.gallery-controls>.sr-only{width:1px;height:1px;min-width:0;min-height:0;padding:0;border:0}

.gallery-controls{z-index:5}
.post-gallery .gallery-controls>button{color:#fff}

/* Article media leave room for the text; cards and page layouts keep their sizing. */
.post-document{--post-media-height:min(600px,70svh)}
.post-document>.post-gallery{height:var(--post-media-height)}
.post-document>.post-gallery .gallery-slide,.post-document>.post-gallery .gallery-slide>a,.post-document>.post-gallery .gallery-slide>[data-instagram-url],.post-document>.post-gallery picture{display:block;height:100%}
.post-document>.post-gallery img,.post-document>.post-gallery video{width:100%;height:100%;max-height:none;object-fit:contain}
.post-document>.post-gallery .instagram-player iframe{min-height:0;height:100%}
.post-document>.document-image img,.post-document>.richtext img{display:block;width:auto;max-width:100%;height:auto;max-height:var(--post-media-height);object-fit:contain;margin-inline:auto}
@media(max-width:767px){
 .post-document{--post-media-height:100svh}
 .post-document>.post-gallery{height:auto;aspect-ratio:3/4;max-height:var(--post-media-height)}
}