:root{--fixture-grid:80px minmax(150px,1fr) minmax(260px,2fr) minmax(210px,1.3fr) 85px}
*{box-sizing:border-box;border-radius:0!important}
html,body{margin:0;background:var(--surface-color);color:var(--text-color);font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
h1,h2,h3,h4{font-family:inherit;color:var(--text-color)}a{color:inherit}a:hover{color:var(--primary-color);text-decoration:none}
button,input,select{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:disabled{opacity:.4;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}
.shell{max-width:1500px;margin:auto;padding:0 44px}.masthead.uk-navbar-container{background:var(--surface-color)}.head-inner{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border-color)}
.wordmark{font-size:var(--logo-font-size);line-height:1;font-weight:850;letter-spacing:-1.3px;text-decoration:none}.wordmark span{color:var(--primary-color)}.beta{font-size:10px;color:var(--muted-text-color);letter-spacing:1px}.head-link{margin-left:auto;border-bottom:2px solid var(--primary-color);font-weight:500}
.intro{padding:38px 0 32px}.intro h1{font-size:clamp(32px,4vw,54px);line-height:1.15;font-weight:800;letter-spacing:-1.8px;margin:0}.controls{position:relative;z-index:2}
.period-top{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.period-tabs.uk-tab{display:flex;gap:20px;margin:0;padding:0;flex-wrap:wrap}.period-tabs:before{display:none}.period-tabs>li{padding:0}.period-tabs>li>button{display:block;min-height:54px;border:0;border-bottom:3px solid transparent;padding:14px 15px;background:transparent;color:var(--text-color);font-size:17px;font-weight:500;text-transform:none;white-space:nowrap}.period-tabs>li.uk-active>button{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:750}.period-tabs button:hover{color:var(--primary-color)}
.period-navigation,.period-step{display:flex;align-items:stretch;gap:4px}.period-navigation{gap:22px}.uk-button{font-size:15px;text-transform:none;letter-spacing:0;line-height:1.4;min-height:46px;padding:12px 20px;font-weight:650;box-shadow:none}.uk-button-default{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color)}.uk-button-default:hover{color:var(--text-color);background:var(--muted-background-color);border-color:var(--button-hover-border-color)}.uk-button-primary{background:var(--secondary-color);border:1px solid var(--secondary-color);color:var(--surface-color)}.uk-button-primary:hover,.uk-button-primary:focus{background:var(--primary-button-hover-background-color);color:var(--surface-color)}.period-step .arrow{background:var(--primary-color);border:1px solid var(--primary-color);color:var(--surface-color);min-width:48px;font-size:30px;padding:0 8px}.period-step .arrow:hover{background:var(--arrow-button-hover-background-color)}.week-title{background:var(--muted-background-color);min-width:248px;text-align:center;padding:9px 18px}.week-title h2{margin:0;font-size:20px;font-weight:750;line-height:1.3}.week-title p{margin:2px 0 0;color:var(--muted-text-color);font-size:14px}.period-navigation>#today{min-width:150px}
.periodbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px 0 12px}.periodbar label,.filterbar label,.association-control>label{font-size:12px;font-weight:600;color:var(--muted-text-color);display:block}.period-fields{display:flex;align-items:end;gap:14px}.period-fields label{min-width:180px}.period-fields input,.period-fields select{margin-top:6px}.range-form{flex-wrap:wrap}.range-form small{color:var(--muted-text-color);align-self:center;font-size:12px}#period-error{color:var(--error-color);margin:0;font-size:14px;flex-basis:100%}
.uk-input,.uk-select{background:var(--surface-color);color:var(--text-color);border:1px solid var(--input-border-color);min-height:50px;height:auto;line-height:1.4;padding:11px 14px;font-size:15px}.uk-select{padding-right:30px}.uk-input:focus,.uk-select:focus{background:var(--surface-color);border-color:var(--secondary-color);color:var(--text-color)}
.filterbar{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) minmax(230px,1.4fr) auto;gap:22px;align-items:end;padding:8px 0 20px}.filterbar input:not([type=checkbox]),.filterbar select{margin-top:7px}.association-control{position:relative}#association-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;text-align:left;font-weight:400;border:1px solid var(--input-border-color);padding:11px 14px;margin-top:7px}.association-list.uk-dropdown{z-index:10;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:none;padding:14px;min-width:300px;width:min(420px,calc(100vw - 48px));max-height:430px;overflow:auto}.association-list>button{min-height:36px;padding:6px 10px;margin:0 6px 10px 0;font-size:12px;background:var(--muted-background-color);border:1px solid var(--border-color);color:var(--text-color)}.association-list .association-option{display:flex;align-items:center;gap:12px;padding:10px 4px;color:var(--text-color)}.association-option strong{font-size:14px}.association-option small{display:block;color:var(--muted-text-color);font-size:12px;font-weight:400;margin-top:2px;line-height:1.5}.uk-checkbox{width:20px;height:20px;flex:none;border:1px solid var(--text-color);background-color:var(--surface-color)}.uk-checkbox:checked{background-color:var(--primary-color)}.uk-checkbox:focus{border-color:var(--primary-color)}.filterbar .check-filter{display:flex;gap:10px;align-items:center;min-height:50px;font-size:12px;font-weight:400;color:var(--text-color);max-width:195px;line-height:1.5}
.result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 18px;scroll-margin-top:20px}.result-heading p{color:var(--muted-text-color);font-size:13px;margin:0}.refresh{min-height:36px;padding:7px 12px;font-size:12px}.fixture-columns,.fixture{display:grid;grid-template-columns:var(--fixture-grid);gap:22px}.fixture-columns{padding:8px 22px 10px;border-bottom:1px solid var(--border-color);font-size:12px;font-weight:750;letter-spacing:.7px}.day-group{margin-bottom:26px}.day-heading{display:flex;align-items:baseline;gap:16px;position:relative;margin:0;padding:22px 5px 12px;font-size:24px;line-height:1.35;font-weight:750;letter-spacing:-.5px}.day-heading:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--primary-color)}.day-heading span{font-size:12px;font-weight:400;color:var(--muted-text-color);letter-spacing:0}
.fixture.uk-card-default{box-shadow:none;color:var(--text-color);background:var(--surface-color);border:0;border-bottom:1px solid var(--border-color);padding:22px;align-items:start}.fixture-time{font-size:18px;font-weight:750;letter-spacing:-.3px}.fixture-time small{display:none}.competition{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}.teams{font-size:17px;font-weight:750;line-height:1.55;margin:0;overflow-wrap:anywhere}.teams .versus{font-size:14px;font-weight:400;margin:0 10px;white-space:nowrap}.venue{font-size:14px;line-height:1.6;color:var(--muted-text-color);margin:3px 0 0;overflow-wrap:anywhere}.official{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.6}.official>span{overflow-wrap:anywhere}.role{font-size:12px;padding-top:2px}.star{color:var(--primary-color);font-size:18px;font-weight:750;margin-left:4px}.unconfirmed{color:var(--text-color)}.sources{display:flex;flex-wrap:wrap;gap:5px;padding-top:1px}.badge.uk-label{font-size:12px;font-weight:500;color:var(--badge-color);background:var(--badge-background-color);padding:0 4px;line-height:1.6;text-transform:none}.archive-badge{border:1px solid var(--border-color);padding:1px 5px;font-size:10px;color:var(--muted-text-color)}.conflict{color:var(--saved-fixture-note-color);font-size:12px;line-height:1.5;margin:8px 0 0}.no-officials{color:var(--muted-text-color);font-size:14px}
.notice{font-size:13px;line-height:1.6;border:1px solid var(--warning-border-color);background:var(--warning-background-color);color:var(--warning-color);padding:12px 16px;margin:0 0 16px;box-shadow:none}.notice.info.uk-alert-primary{background:var(--muted-background-color);color:var(--muted-text-color);border-color:var(--border-color)}.empty{padding:48px 20px;border-bottom:1px solid var(--border-color);text-align:center;font-size:15px;color:var(--muted-text-color);line-height:1.7}.empty strong{display:block;font-size:21px;color:var(--text-color);margin-bottom:8px}.legend{display:flex;flex-wrap:wrap;gap:12px 28px;padding:10px 0;font-size:12px;color:var(--muted-text-color)}.coverage{font-size:12px;color:var(--text-color);line-height:1.7;max-width:880px;margin:0 0 32px}footer{border-top:1px solid var(--border-color);padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:700}.footer-inner small{font-size:12px;font-weight:400;color:var(--muted-text-color)}footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:400;color:var(--muted-text-color)}footer a{text-underline-offset:3px}[hidden]{display:none!important}
@media(max-width:1199px){.shell{padding:0 30px}.period-top{gap:18px}.period-navigation{margin-left:auto}.filterbar{grid-template-columns:1fr 1fr}.fixture-columns,.fixture{gap:16px}:root{--fixture-grid:65px minmax(130px,1fr) minmax(220px,1.8fr) minmax(175px,1.2fr) 65px}.teams{font-size:16px}.venue{font-size:13px}}
@media(max-width:959px){.fixture-columns{display:none}.fixture.uk-card-default{grid-template-columns:70px minmax(0,1fr) minmax(190px,.7fr);gap:12px 20px}.fixture-time{grid-column:1;grid-row:1 / span 3}.fixture-time small{display:block;font-size:10px;font-weight:400;color:var(--muted-text-color);margin-top:3px}.competition-cell{grid-column:2;grid-row:2}.competition{font-size:14px;color:var(--muted-text-color)}.fixture-details{grid-column:2;grid-row:1}.officials{grid-column:3;grid-row:1 / span 3}.sources{grid-column:2;grid-row:3}.period-tabs.uk-tab{gap:10px}.period-tabs>li>button{padding:12px 14px}.day-heading{font-size:22px}}
@media(max-width:639px){.shell{padding:0 20px}.head-inner{gap:10px}.wordmark{font-size:var(--logo-mobile-font-size)}.beta{font-size:8px}.head-link{font-size:12px}.intro{padding:28px 0 24px}.intro h1{font-size:34px;letter-spacing:-1.2px}.period-top{gap:20px}.period-tabs.uk-tab{gap:0;width:100%;justify-content:space-between}.period-tabs>li>button{font-size:14px;padding:10px 8px;min-height:44px}.period-navigation{width:100%;gap:10px;margin:0;flex-wrap:wrap}.period-step{width:100%}.week-title{min-width:0;flex:1;padding:9px 8px}.week-title h2{font-size:19px}.week-title p{font-size:12px}.period-step .arrow{min-width:42px}.period-navigation>#today{width:100%;min-height:42px;padding:10px}.periodbar{padding:18px 0 10px}.period-fields{width:100%}.period-fields label{min-width:0;width:100%}.range-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.range-form button,.range-form small{grid-column:1 / -1}.range-form small{text-align:center}.filterbar{grid-template-columns:1fr;gap:14px;padding:8px 0 12px}.filterbar .check-filter{max-width:none;min-height:36px;font-size:13px}.association-list.uk-dropdown{min-width:0;width:calc(100vw - 40px);max-height:350px}.result-heading{padding:14px 0 10px}.day-heading{font-size:20px;gap:10px;flex-wrap:wrap;padding-top:18px}.fixture.uk-card-default{grid-template-columns:54px minmax(0,1fr);gap:8px 14px;padding:22px}.fixture-time{grid-row:1 / span 4;font-size:17px}.competition-cell{grid-column:2;grid-row:2}.fixture-details{grid-column:2;grid-row:1}.teams{font-size:16px}.teams .versus{display:block;margin:2px 0;font-size:12px;color:var(--muted-text-color)}.venue{margin-top:6px}.officials{grid-column:2;grid-row:3;margin-top:6px}.sources{grid-column:2;grid-row:4}.official{font-size:14px}.day-group{margin-bottom:16px}.footer-inner{flex-direction:column}.notice{padding:12px;font-size:12px}.legend{gap:8px}}
.uk-input,.uk-select{font-weight:400}.uk-input::placeholder{font-weight:400;color:var(--muted-text-color);opacity:1}

/* Sticky navigation and headings scoped to each match day. */

.masthead{position:sticky;top:0;z-index:20;background:var(--surface-color)}
.head-inner{height:var(--navbar-height)}
.result-heading{scroll-margin-top:calc(var(--navbar-height) + 16px)}
.day-group{position:relative}
.day-group .fixture-columns{position:sticky;top:var(--navbar-height);z-index:5;background:var(--surface-color);border-top:0}
@media(max-width:959px){.day-group .fixture-columns{display:grid;grid-template-columns:65px 1fr 1.6fr 1.2fr 65px;gap:12px;font-size:12px;padding:12px 0}}
@media(max-width:639px){.day-group .fixture-columns{grid-template-columns:.8fr 1fr 1.35fr 1.1fr .8fr;gap:6px;font-size:10px;line-height:1.4;align-items:center;padding:10px 0}.day-group .fixture-columns>span{overflow-wrap:anywhere}}
@media(max-width:639px){.day-group .fixture-columns{grid-template-columns:max-content max-content minmax(0,1fr) max-content max-content;font-size:9.5px}.day-group .fixture-columns>span{overflow-wrap:normal}}
@media(max-width:359px){.day-group .fixture-columns{font-size:8.5px;gap:5px}}

/* Dropdown above day headings; restrained fixture feedback and icons. */
.controls{z-index:10}
.day-group .fixture-columns{border-top:0}
.fixture.uk-card-default:hover{background:var(--entry-hover-background-color)}
.day-group>.fixture:last-child{border-bottom:0}
.official-name{overflow-wrap:anywhere}
.unconfirmed .official-name{color:var(--unconfirmed-color)}
.appointment-info{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;min-height:24px;width:24px;margin-left:5px;padding:2px;border:0;background:transparent;color:inherit;cursor:help}
.appointment-info:hover,.appointment-info:focus{background:var(--icon-hover-background-color);color:var(--muted-text-color)}
.venue{display:flex;align-items:flex-start;gap:6px}
.venue-icon{flex:none;display:inline-flex;margin-top:3px}
.venue-text{min-width:0}
.legend-info{display:inline-flex;vertical-align:middle;color:var(--unconfirmed-color);margin-right:4px}
.uk-tooltip{z-index:30}
.status-summary{display:flex;flex-wrap:wrap;gap:8px 0}
.status-item{display:inline-flex;align-items:baseline;gap:10px;margin-right:10px;max-width:100%}
.status-item:last-child{margin-right:0}
.status-item>span:last-child{min-width:0}
.status-separator{color:var(--status-separator-color);flex:none}
@media(prefers-reduced-motion:no-preference){.fixture.uk-card-default{transition:background-color .15s ease}}
@media(max-width:639px){.status-item{gap:10px;margin-right:10px}}

/* Lokale Schriftfamilien für Headlines und Einträge. */
html,body,button,input,select{font-family:var(--font-entries,"IBM Plex Sans"),system-ui,sans-serif}
h1,h2,h3,.wordmark,.fixture-columns{font-family:var(--font-headings,"IBM Plex Sans"),system-ui,sans-serif}
.teams{font-family:var(--font-entries,"IBM Plex Sans"),system-ui,sans-serif}

/* Compact navbar after scrolling; the same height drives day header offsets. */

.is-scrolled .wordmark{font-size:var(--logo-scrolled-font-size)}
@media(max-width:639px){.is-scrolled .wordmark{font-size:var(--logo-mobile-scrolled-font-size)}}
@media(prefers-reduced-motion:no-preference){.head-inner{transition: height .3s}.day-group .fixture-columns{transition:top .18s ease}}

/* Component colors are independent of layout and typography. */
html,body{background:var(--background-color);color:var(--text-color)}
h1,h2,h3,h4{color:var(--headline-color)}
a:hover{color:var(--link-hover-color)}
.masthead,.masthead.uk-navbar-container{background:var(--navbar-background-color)}
.head-inner{border-bottom:var(--navbar-border-width) solid var(--navbar-border-color)}
.beta{color:var(--navbar-muted-color)}
.wordmark{color:var(--logo-color)}
.wordmark span{color:var(--logo-accent-color)}
.wordmark .logo-domain{font-weight:300;color:var(--logo-color)}
.wordmark:hover,.wordmark:hover span,.wordmark:focus-visible,.wordmark:focus-visible span{color:var(--logo-hover-color)}
.head-link{color:var(--nav-link-color);border-color:var(--nav-accent-color)}
.head-link:hover{color:var(--nav-link-hover-color)}
.day-heading{color:var(--day-heading-color)}
.day-heading:after{background:var(--day-heading-line-color)}
.day-group .fixture-columns{color:var(--column-heading-color);background:var(--column-heading-background-color);border-bottom-color:var(--column-heading-border-color);text-transform:uppercase}
.period-tabs>li>button{color:var(--tab-color)}
.period-tabs>li.uk-active>button{color:var(--tab-active-color);border-bottom-color:var(--tab-active-color)}
.period-tabs>li>button:hover,.period-tabs>li>button:focus-visible{color:var(--tab-hover-color);border-bottom-color:var(--tab-hover-border-color)}
.week-title{background:var(--period-background-color)}
.week-title h2{color:var(--period-headline-color)}
.fixture.uk-card-default{color:var(--entry-text-color);background:var(--entry-background-color);border-bottom-color:var(--entry-border-color)}
.fixture.uk-card-default:hover{background:var(--entry-hover-background-color)}
.teams{color:var(--team-color)}
.fixture-time{color:var(--kickoff-color)}
.competition{color:var(--competition-color)}
.official{color:var(--official-color)}
.role{color:var(--role-color)}
.venue{color:var(--venue-color)}
.unconfirmed .official-name{color:var(--unconfirmed-color)}
.badge.uk-label{color:var(--badge-color);background:var(--badge-background-color)}
.badge.uk-label:hover,.badge.uk-label:focus-visible{color:var(--badge-hover-color);background:var(--badge-hover-background-color)}
.uk-button-default{background:var(--button-background-color);color:var(--button-color);border-color:var(--button-border-color)}
.uk-button-default:hover,.uk-button-default:focus{background:var(--button-hover-background-color);color:var(--button-hover-color);border-color:var(--button-hover-border-color)}
.uk-button-primary{background:var(--primary-button-background-color);border-color:var(--primary-button-border-color);color:var(--primary-button-color)}
.uk-button-primary:hover,.uk-button-primary:focus{background:var(--primary-button-hover-background-color);border-color:var(--primary-button-hover-border-color);color:var(--primary-button-hover-color)}
.period-step .arrow{background:var(--arrow-button-background-color);border-color:var(--arrow-button-border-color);color:var(--arrow-button-color)}
.period-step .arrow:hover,.period-step .arrow:focus{background:var(--arrow-button-hover-background-color);border-color:var(--arrow-button-hover-border-color);color:var(--arrow-button-hover-color)}
.uk-input,.uk-select{background-color:var(--input-background-color);color:var(--input-color);border-color:var(--input-border-color)}
.uk-input:focus,.uk-select:focus{background-color:var(--input-background-color);color:var(--input-color);border-color:var(--input-focus-border-color)}
.uk-input::placeholder{color:var(--input-placeholder-color)}
.periodbar label,.filterbar label,.association-control>label{color:var(--input-label-color)}
#association-toggle{background:var(--input-background-color);color:var(--input-color);border-color:var(--input-border-color)}
#association-toggle:hover,#association-toggle:focus-visible{background:var(--button-hover-background-color);color:var(--button-hover-color);border-color:var(--button-hover-border-color)}
/* Native Labels übertragen :hover auf ihr Steuerelement. Beim Label-Hover bleibt das Feld neutral; Tastaturfokus bleibt sichtbar. */
#association-label:hover + #association-toggle:not(:focus-visible){background:var(--input-background-color);color:var(--input-color);border-color:var(--input-border-color)}
.association-list.uk-dropdown{background:var(--dropdown-background-color);color:var(--dropdown-color);border-color:var(--dropdown-border-color)}
.association-list .association-option{color:var(--dropdown-color)}
.association-list>button{background:var(--association-button-background-color);color:var(--association-button-color);border-color:var(--association-button-border-color)}
.association-list>button:hover,.association-list>button:focus{background:var(--association-button-hover-background-color);color:var(--association-button-hover-color);border-color:var(--association-button-hover-border-color)}
.uk-checkbox{background-color:var(--input-background-color);border-color:var(--checkbox-border-color)}
.uk-checkbox:checked,.uk-checkbox:checked:focus{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}
.uk-checkbox:focus{border-color:var(--focus-color)}
.appointment-info:hover,.appointment-info:focus{background:var(--icon-hover-background-color);color:var(--icon-hover-color)}
.uk-tooltip{background:var(--tooltip-background-color);color:var(--tooltip-color)}
.notice{background:var(--warning-background-color);color:var(--warning-color);border-color:var(--warning-border-color)}
.notice.info.uk-alert-primary{background:var(--status-background-color);color:var(--status-color);border-color:var(--status-border-color)}
.status-separator{color:var(--status-separator-color)}
.legend{color:var(--legend-color)}
footer{background:var(--footer-background-color);color:var(--footer-color)}
.footer-inner small,footer nav{color:var(--footer-muted-color)}
.filterbar .check-filter{color:var(--input-color)}

/* Legal pages use the same local fonts, colors and shrinking navbar. */
.legal-layout{min-height:100vh;display:flex;flex-direction:column}
.legal-layout main{flex:1;width:100%}
.legal-content{max-width:900px;line-height:1.8;padding-bottom:40px;color:var(--text-color)}
.legal-content h2{font-size:25px;font-weight:700;margin:30px 0 12px}
.legal-content p{margin:0 0 16px}
.legal-content a{color:var(--link-hover-color);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-content ul{padding-left:22px}
.legal-address{white-space:pre-line}
.legal-note{border:1px solid var(--warning-border-color);background:var(--warning-background-color);color:var(--warning-color);padding:14px 18px;margin:0 0 24px;line-height:1.6}
.legal-placeholder{color:var(--error-color)}
@media(max-width:639px){.legal-content h2{font-size:22px}.legal-content{font-size:15px}}

.legal-layout h1, .legal-content { overflow-wrap: anywhere; }

/* Shared local icons and animated wordmark; native checkbox semantics remain. */
.refresh,.period-step .arrow{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.notice.uk-alert-warning,.legal-note{display:flex;align-items:flex-start;gap:10px}
.warning-icon{flex:none;display:inline-flex;margin-top:2px;color:inherit}
.warning-text{min-width:0}
.uk-checkbox{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;vertical-align:middle}
.uk-checkbox:checked,.uk-checkbox:indeterminate{background-image:none}
.uk-checkbox::before{content:"";display:block;width:16px;height:16px;background:var(--text-color);-webkit-mask:url("icons/check.svg") center / contain no-repeat;mask:url("icons/check.svg") center / contain no-repeat;opacity:0}
.uk-checkbox:checked::before,.uk-checkbox:indeterminate::before{opacity:1}
.uk-checkbox:indeterminate::before{-webkit-mask-image:url("icons/minus.svg");mask-image:url("icons/minus.svg")}
@media(prefers-reduced-motion:no-preference){.wordmark{transition:font-size .18s ease}}

/* Independent dropdown checkbox fields and status prefix. */
.association-list .uk-checkbox{background-color:var(--association-checkbox-background-color);border-color:var(--association-checkbox-border-color)}
.association-list .uk-checkbox:checked,.association-list .uk-checkbox:checked:focus,.association-list .uk-checkbox:indeterminate{background-color:var(--association-checkbox-checked-background-color);border-color:var(--association-checkbox-checked-border-color)}
.association-list .uk-checkbox::before{background-color:var(--association-checkbox-mark-color)}
.association-list .uk-checkbox:focus-visible,.association-list .uk-checkbox:checked:focus-visible,.association-list .uk-checkbox:indeterminate:focus-visible{border-color:var(--association-checkbox-focus-border-color)}
.status-label{font-weight:700;margin-right:10px}

/* Narrow layouts show match details before competition; column headings are desktop-only. */
@media(max-width:959px){.fixture-columns{display:none!important}.competition-cell{grid-column:2;grid-row:2}.fixture-details{grid-column:2;grid-row:1}}

/* Reserve room for the configured 34px mobile wordmark. */
@media(max-width:639px){.head-inner .beta{display:none}}


/* Markdown-Inhalte der Rechtstexte */
.legal-content h3{font-size:20px;font-weight:600;margin:24px 0 12px}
.legal-content h4{font-size:18px;font-weight:600;margin:20px 0 10px}
.legal-content ol{padding-left:22px}
.legal-content li{margin:6px 0}
.legal-content blockquote{font-size:inherit;font-style:normal;border-left:3px solid var(--primary-color);padding-left:18px;color:var(--text-color)}
.legal-content code{color:var(--text-color);background:var(--background-color);overflow-wrap:anywhere}
.legal-content pre{overflow:auto;background:var(--background-color);color:var(--text-color)}
.legal-table-scroll{max-width:100%;overflow-x:auto;margin-bottom:16px}
.legal-content table{width:100%;border-collapse:collapse}
.legal-content th,.legal-content td{padding:10px;text-align:left;border-bottom:1px solid var(--border-color)}

/* Inhaltslinks; Navigation und Logo behalten ihren eigenen Stil. */
.legal-content a{ text-decoration:none;border:0;border-style:none;box-shadow:none;color:var(--text-color);border-bottom:1px dashed var(--link-underline-color);overflow-wrap:anywhere }
.legal-content a:hover{ color:var(--text-color);border-bottom:2px solid var(--primary-color) }
/* Die bekannten Größenvariablen steuern jetzt die Höhe des SVG-Logos. */
.wordmark{position:relative;display:block;flex:none;height:var(--logo-font-size);font-size:0;line-height:0;letter-spacing:0}
.brand-image{display:block;width:auto;height:100%;max-width:none}
.brand-hover{position:absolute;inset:0;opacity:0;pointer-events:none}
.brand-print{display:none}
.wordmark:hover .brand-standard,.wordmark:focus-visible .brand-standard{opacity:0}
.wordmark:hover .brand-hover,.wordmark:focus-visible .brand-hover{opacity:1}
.is-scrolled .wordmark{height:var(--logo-scrolled-font-size)}
.print-context{display:none}
.load-more{text-align:center;margin:26px 0}
#load-more-note{font-size:13px;color:var(--muted-text-color);margin:10px 0}
@media(max-width:639px){.wordmark{height:var(--logo-mobile-font-size)}.is-scrolled .wordmark{height:var(--logo-mobile-scrolled-font-size)}}
@media(prefers-reduced-motion:no-preference){.wordmark{transition: height .3s}.brand-standard,.brand-hover{transition:opacity .12s ease}}

/* Beta links über dem SVG auf allen Seiten, auch auf Mobilgeräten. */
.brand-block{position:relative;flex:none;padding-top:16px}
.head-inner .brand-block .beta{display:block;position:absolute;top:0;left:0;font-size:10px;line-height:12px;color:var(--muted-text-color);letter-spacing:1px;white-space:nowrap}
.legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 0}


/* Logo ohne Beta-Abstand vertikal zentrieren; Beta am oberen Navbar-Rand. */
.head-inner{position:relative}
.brand-block{position:static;padding-top:0}
.head-inner .brand-block .beta{top:4px;left:44px}
#load-more{display:inline-flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:1199px){.head-inner .brand-block .beta{left:30px}}
@media(max-width:639px){.head-inner .brand-block .beta{left:20px}}

/* Höhen und Logo-Abstände werden zentral in theme.css definiert. */


.head-link{padding:0;display:inline-flex;align-items:center;flex-shrink:0}
.head-link-icon{display:none}

@media(max-width:479px){
    .head-link-text{display:none}
    .head-link-icon{display:inline-flex}
}

.filter-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;min-height:50px}
.filterbar .check-filter{grid-column:1 / -1;max-width:none}
.filter-reset:disabled {
    background: var(--background-color);
    color: var(--muted-text-color);
    border-color: var(--muted-text-color);
    cursor: default;
}
@media(min-width:960px){.filterbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto}.filterbar>label,.association-control{min-width:0}}
@media(max-width:639px){.filter-reset{width:100%;justify-self:stretch}}

/* Referees Hall of Fame – gleiche Farben und Schriften wie die Ansetzungen. */
.hall-of-fame-layout .legal-content{max-width:none}
.hof-intro{max-width:850px;font-size:16px;line-height:1.7}
.hof-tabs{display:flex;flex-wrap:wrap;gap:24px;margin:26px 0 20px;border-bottom:1px solid var(--border-color)}
.legal-content .hof-tabs a{padding:10px 0;border-bottom:3px solid transparent;font-size:17px;font-weight:650}
.legal-content .hof-tabs a[aria-current],.legal-content .hof-tabs a:hover{border-bottom:3px solid var(--primary-color)}
.hof-period h2{margin:0;font-size:26px}.hof-period p{margin:4px 0 18px;color:var(--muted-text-color)}
.hof-views{display:flex;gap:8px;flex-wrap:wrap}.legal-content .hof-views a{position:relative;background:var(--button-background-color);color:var(--button-color);border:1px solid var(--button-border-color);text-decoration:none}.legal-content .hof-views a:hover,.legal-content .hof-views a:focus{background:var(--button-hover-background-color);color:var(--button-hover-color);border:1px solid var(--button-hover-border-color)}
.legal-content .hof-views a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:currentColor}
.hof-range{font-size:14px;color:var(--muted-text-color);margin:16px 0 24px}
.hof-warning{display:flex;align-items:baseline;gap:10px}.hof-warning>.uk-icon{flex:none}
.hof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 36px}
.hof-card.uk-card-default{background:var(--surface-color);color:var(--text-color);box-shadow:none;border-radius:0;min-width:0}
.hof-card-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:22px;border-bottom:3px solid var(--primary-color)}
.hof-card-heading h3{font-size:28px;line-height:1.35;margin:0}.hof-card-heading>.uk-icon{flex:none;color:var(--secondary-color)}
.hof-kicker{font-size:12px;font-weight:650;color:var(--muted-text-color);letter-spacing:.6px;margin:0 0 8px}
.hof-table-scroll{overflow-x:auto}.hof-table{width:100%;border-collapse:collapse;font-size:18px;line-height:1.5;table-layout:fixed}
.hof-table thead th{background:var(--column-heading-background-color);color:var(--column-heading-color);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.7px}
.hof-table th,.hof-table td{padding:8px 22px 10px;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.hof-table th:first-child{width:70px;white-space:nowrap}.hof-table th:nth-child(3),.hof-table th:nth-child(4){width:150px;text-align:right}
.hof-table tbody th{font-weight:500}.hof-table .hof-count{text-align:right;font-variant-numeric:tabular-nums}
.hof-table .hof-count-active{font-size:18px;font-weight:750}.hof-table .hof-rank{font-weight:750;font-size:18px}
.hof-table .hof-winner{background:var(--primary-color)}.hof-table tbody tr:hover{background:var(--entry-hover-background-color)}
.hof-table tr:last-child>*{border-bottom:0}.hof-pending{display:block;color:var(--unconfirmed-color);font-size:10px;font-weight:400;line-height:1.5;margin-top:4px}
.hof-pending .uk-icon{vertical-align:middle;margin-right:2px}.hof-empty{padding:22px;margin:0;font-size:14px;color:var(--muted-text-color)}
.hof-method{max-width:950px;font-size:13px;line-height:1.8;color:var(--muted-text-color)}.hof-method h2{font-size:20px;color:var(--headline-color)}
@media(max-width:959px){.hof-grid{grid-template-columns:1fr}}
@media(max-width:639px){.hof-card-heading{padding:18px}.hof-table th,.hof-table td{padding:12px 7px}.hof-table th:first-child{width:32px}.hof-table th:nth-child(3),.hof-table th:nth-child(4){width:67px}.hof-table{font-size:12px}.hof-table .hof-count-active{font-size:16px}.hof-tabs{gap:18px}.legal-content .hof-tabs a{font-size:15px}.hof-grid{gap:18px}}

/* Auswahl und kumulierter Ausblick der Hall of Fame. */
.hof-types{margin-bottom:18px}.hof-selection{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:0 0 20px}.hof-selection label{display:block;font-size:12px;font-weight:600;color:var(--input-label-color);margin-bottom:6px}.hof-selection .uk-select{min-width:230px}.hof-selection .uk-button{min-height:50px}.hof-future{display:block;color:var(--muted-text-color);font-size:11px;font-weight:400;line-height:1.5;margin-top:4px}
@media(min-width:960px) and (max-width:1199px){.hof-grid{grid-template-columns:1fr}}
@media(max-width:639px){.hof-table th:first-child{width:38px}.hof-table th:nth-child(3),.hof-table th:nth-child(4){width:76px}.hof-table th,.hof-table td{padding:8px 7px 10px}.hof-table thead th{font-size:10px;letter-spacing:.3px}.hof-future{font-size:10px}.hof-selection .uk-select{min-width:0;width:100%}.hof-selection>div{flex:1;min-width:170px}}

/* Hall of Fame verwendet die Zeitraum-Steuerung der Spielliste. */
.hof-controls{margin:0 0 24px}.hof-controls .period-tabs>li>a{display:block;min-height:54px;border:0;border-bottom:3px solid transparent;padding:14px 15px;background:transparent;color:var(--tab-color);font-size:17px;font-weight:500;text-transform:none;white-space:nowrap;text-decoration:none;box-shadow:none}.hof-controls .period-tabs>li.uk-active>a{color:var(--tab-active-color);border-bottom-color:var(--tab-active-color);font-weight:750}.hof-controls .period-tabs>li>a:hover,.hof-controls .period-tabs>li>a:focus-visible{color:var(--tab-hover-color);border-bottom:3px solid var(--tab-hover-border-color)}
.hof-controls .period-step .arrow{display:flex;align-items:center;justify-content:center;text-decoration:none;border-bottom-width:1px}.hof-controls .period-step .arrow[aria-disabled]{opacity:.4;cursor:default;pointer-events:none}.legal-content .hof-current-period{min-width:150px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--primary-button-border-color);color:var(--primary-button-color)}.legal-content .hof-current-period:hover,.legal-content .hof-current-period:focus{border:1px solid var(--primary-button-hover-border-color);color:var(--primary-button-hover-color)}
.hof-period-selection{margin:0}.hof-period-selection select{display:block;width:100%;background:transparent;color:var(--period-headline-color);font-size:20px;font-weight:750;line-height:1.3;border:0;padding:0 4px;min-height:26px}.hof-print-period{display:none}
@media(max-width:959px){.hof-controls .period-tabs>li>a{padding:12px 14px}}
@media(max-width:639px){.hof-controls .period-tabs>li>a{font-size:14px;padding:10px 8px;min-height:44px}.hof-controls .period-navigation{min-width:0}.hof-controls .period-step{min-width:0}.hof-controls .week-title{min-width:0;width:0;padding:9px 4px}.hof-period-selection select{font-size:16px;padding:0}.hof-current-period{width:100%;min-height:42px;padding:10px}.hof-controls .period-tabs.uk-tab{justify-content:flex-start;gap:20px}}

/* Kategorienamen, Erläuterungen und Hinweis der Hall of Fame. */
.hof-period-selection p{margin:0}.hof-subheadline{margin:8px 0 0;font-size:14px;font-weight:400;line-height:1.6;color:var(--text-color)}.hof-ranking-note{margin:24px 0 0;font-size:14px;line-height:1.6;color:var(--text-color)}

.hof-card-views{padding:18px 22px 0}.hof-card-range{padding:0 22px;margin:10px 0 16px;font-size:12px;line-height:1.6;color:var(--muted-text-color)}.hof-card[aria-busy="true"]{opacity:.7}.hof-card[aria-busy="true"] .hof-card-views{pointer-events:none}
@media(max-width:639px){.hof-card-views{padding:16px 18px 0}.hof-card-range{padding:0 18px}}

/* Ansichtsauswahl direkt in den Zahlenspalten der laufenden Ranglisten. */
.hof-column-views{display:block}.legal-content .hof-column-views .uk-button{width:100%;min-height:32px;padding:6px 4px;font-size:12px;font-weight:650;letter-spacing:.7px;text-transform:uppercase;line-height:1.4}.legal-content .hof-column-views a[aria-current]::after{left:6px;right:6px;bottom:3px}.hof-card[aria-busy="true"] .hof-column-views{pointer-events:none}
@media(max-width:639px){.legal-content .hof-column-views .uk-button{font-size:10px;letter-spacing:.3px;padding:6px 2px;min-height:32px}}

/* Filter im Kartenheader, ausgerichtet über den beiden Zahlenspalten. */
.hof-card-heading{display:block;padding:0}.hof-card-heading-main{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:22px}.hof-card-heading-main>.uk-icon{flex:none;color:var(--secondary-color)}.hof-header-filters{display:grid;grid-template-columns:70px minmax(0,1fr) 150px 150px}.hof-header-filter{display:block;padding:8px 22px 10px}.hof-header-filter:first-child{grid-column:3}.hof-header-filter:last-child{grid-column:4}.legal-content .hof-header-filter .uk-button{width:100%;min-height:32px;padding:6px 4px;font-size:12px;font-weight:650;line-height:1.4}.hof-card[aria-busy="true"] .hof-header-filters{pointer-events:none}
@media(max-width:639px){.hof-card-heading-main{padding:18px}.hof-header-filters{grid-template-columns:38px minmax(0,1fr) 76px 76px}.hof-header-filter{padding:8px 7px 10px}.legal-content .hof-header-filter .uk-button{font-size:10px;padding:6px 2px}}

/* Ansicht als schlichter Textlink in der Spaltenüberschrift. */
.legal-content .hof-table .hof-column-link{display:inline;background:transparent;color:var(--column-heading-color);font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;padding:0;min-height:0;border:0;border-bottom:1px dashed var(--link-underline-color);box-shadow:none}.legal-content .hof-table .hof-column-link[aria-current]{border-bottom:2px solid var(--primary-color)}.legal-content .hof-table .hof-column-link:hover,.legal-content .hof-table .hof-column-link:focus-visible{color:var(--column-heading-color);border-bottom:2px solid var(--primary-color)}.hof-card[aria-busy="true"] .hof-column-link{pointer-events:none}

/* Navigation zu Spielliste und Hall of Fame. */
.head-links{display:flex;align-items:center;gap:24px;margin-left:auto;flex:none}.head-links .head-link{margin-left:auto;white-space:nowrap}.footer-brand{color:var(--footer-color);text-decoration:none}.footer-brand:hover{color:var(--link-hover-color)}.hof-alltime-note{font-size:14px;line-height:1.6;color:var(--text-color);margin:18px 0}.hof-pending-tabs{margin-bottom:20px!important}.hof-pending-tabs a,.hof-pending-tabs span{color:var(--tab-color);padding:10px;display:block}
@media(max-width:959px){.head-links{gap:18px}.head-links .head-link-text{display:none}.head-links .head-link-icon{display:inline-flex}}
@media(max-width:639px){.head-links{gap:12px}.wordmark{height:min(var(--logo-mobile-font-size),calc((100vw - 120px) * .161716))}.is-scrolled .wordmark{height:min(var(--logo-mobile-scrolled-font-size),calc((100vw - 120px) * .161716))}.hof-controls .period-tabs.uk-tab{gap:8px;flex-wrap:wrap}.hof-controls .period-tabs>li>a{font-size:13px;padding:10px 5px}}

/* All-Time-Zeitraum: kompakte Überschrift auf dem primären Hintergrund. */
.hof-controls .period-navigation .hof-alltime-period{background:var(--primary-color)}
.hof-controls .period-navigation .hof-alltime-period h2,.hof-controls .period-navigation .hof-alltime-period p{margin:0}

/* Navbar-Icons ohne Unterkante; Textlinks behalten ihre 2px-Linie. */
.head-link-icon{border-bottom:0px solid var(--primary-color)}
@media(max-width:959px){.head-links .head-link{border-bottom:0px solid var(--primary-color)}}
@media(max-width:639px){
    .hof-table .hof-rank,.hof-table,.hof-rank,.hof-table .hof-count-active{font-size:16px}
    .hof-table th:nth-child(3){width:70px}
    .hof-table th:nth-child(4){width:100px}
}

/* Gleiche Unterkantenhöhe; nur die aktuelle Seite erhält die Akzentfarbe. */
.head-links .head-link{border-bottom:2px solid var(--secondary-color)}
.head-links .head-link[aria-current="page"]{border-bottom:2px solid var(--primary-color)}



/* Größere Kategorieüberschriften bleiben auf schmalen Displays innerhalb der Karte. */
.hof-card-heading-main>div{min-width:0}
.hof-card-heading h3{overflow-wrap:anywhere}

/* Verbands-Badges bleiben optisch Labels, sind als Filteraktion bedienbar. */
button.association-badge{appearance:none;border:0;margin:0;font-family:inherit;letter-spacing:inherit;cursor:pointer}

/* Erklärung des Aktualisierungsplans statt technischer Intervallangaben in der Statuszeile. */
.status-info{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;min-height:24px;padding:0;margin:0 0 0 4px;border:0;background:transparent;color:var(--status-color);line-height:1;cursor:help}
.status-info:hover,.status-info:focus-visible{color:var(--icon-hover-color);background:var(--icon-hover-background-color)}

/* Sichtbarer Tastaturfokus: Navigation liegt auf dem dunklen Hintergrund. */
.masthead a:focus-visible{outline-color:var(--primary-color)}

.hof-controls .arrow:disabled{opacity:.35}

/* Status neben dem Spielezähler; bei wenig Platz innerhalb der Zeile umbrechen. */
.result-meta{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0}
.result-heading #count{flex:none;color:var(--text-color)}
#status-summary-container{flex:1 1 360px;min-width:0}
#status-summary-container:empty{display:none}
.result-heading .status-summary{margin:0;color:var(--text-color)}
.result-heading .refresh{flex:none}
@media(max-width:639px){.result-heading{flex-wrap:wrap}.result-meta{flex-basis:100%}.result-heading .refresh{margin-left:auto}}
