/* Überschreibt Django-Farben, damit auch Verwaltungsseiten zum Verein passen. */
:root,html[data-theme="light"],html[data-theme="dark"]{color-scheme:light;--primary:#0054bd;--secondary:#0054bd;--accent:#0054bd;--primary-fg:#fff;--body-fg:#18334d;--body-bg:#f2f8fa;--body-quiet-color:#526c7a;--body-medium-color:#405c6c;--body-loud-color:#102f4e;--header-color:#18334d;--header-branding-color:#18334d;--header-bg:#fff;--header-link-color:#0054bd;--breadcrumbs-bg:#e1f4f6;--breadcrumbs-fg:#18334d;--breadcrumbs-link-fg:#004fc4;--link-fg:#004fc4;--link-hover-color:#003a92;--link-selected-fg:#003a92;--hairline-color:#d2e2e8;--border-color:#bdcfd7;--darkened-bg:#eaf3f6;--selected-bg:#e1f7f8;--selected-row:#dcf5f5;--button-bg:#0054bd;--button-hover-bg:#003a92;--default-button-bg:#0054bd;--default-button-hover-bg:#003a92;--close-button-bg:#526c7a;--object-tools-bg:#0054bd;--object-tools-hover-bg:#003a92}

/* Anordnung von Vereinskopf und Benutzerlinks in der Django-Verwaltung. */
#header{display:block;padding:12px 24px;border-bottom:4px solid #00dfdf}#branding{width:100%;float:none}#user-tools{display:flex;justify-content:flex-end;margin:10px 0 0;gap:8px;flex-wrap:wrap}#header .brand-inner{display:flex;align-items:center;gap:24px;max-width:1320px;margin:auto}#header .brand-link{flex-shrink:0;text-decoration:none;text-align:center}#header .brand-logo{display:block;width:80px;height:80px;object-fit:contain}#header .brand-credit{display:block;color:#526c7a;font-size:11px;margin-top:5px}#header .brand-copy{flex:1}#header .brand-kicker{color:#0054bd;font-weight:700;margin:0 0 6px;font-size:12px}#header .brand-title{color:#18334d;font-size:27px;font-weight:750;margin:0}#header .brand-subtitle{color:#526c7a;margin:8px 0 0;font-size:13px}#header .brand-club-link{margin-left:auto;flex-shrink:0}#header .brand-club-logo{display:block;width:300px;height:auto}.module{background:#fff;border-radius:8px;overflow:hidden}.module h2,.module caption{border-left:4px solid #ff8200}.theme-toggle{display:none!important}

/* Kompakter Verwaltungs-Kopf auf kleinen Bildschirmen. */
@media(max-width:700px){#header .brand-inner{flex-wrap:wrap;gap:12px}#header .brand-logo{width:60px;height:60px}#header .brand-club-logo{width:min(60vw,250px)}#header .brand-copy{order:3;flex-basis:100%}#header{padding:12px 16px}}