/* Vereinsdesign: warmes Schiefergrau, helle Schrift, Koralle und Gold. */
:root{color-scheme:dark;--paper:#2b3238;--ink:#f3f0e9;--muted:#bbc3c7;--line:#505c64;--gold:#e7bd73;--green:#e89683;--white:#353e45;--surface-raised:#3d4850;--surface-soft:#303940;--on-accent:#242b30}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#e7bd73;color:#242b30}
h1,h2,h3{color:var(--ink)}
a{text-underline-offset:4px}
nav a:hover,.submenu summary:hover{color:var(--gold)}
button,.button{color:var(--on-accent);background:var(--green);border-color:var(--green);border-radius:8px}
button:hover,.button:hover{filter:none;background:#f0aa98;border-color:#f0aa98}
.secondary,.clubhero .secondary{background:transparent;color:var(--ink);border-color:#7c8991}
.secondary:hover,.clubhero .secondary:hover{background:var(--surface-raised);color:var(--ink);border-color:#b7c0c5}
.danger{background:#a64e49;border-color:#bb6862;color:#fff3ed}
.danger:hover{background:#b35b55;border-color:#d58981;color:#fff3ed}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.clubtop{background:#252c31;color:#d5d9da;border-bottom:1px solid #414c53;font-size:11px;letter-spacing:2px}
.sitehead{background:var(--paper);border-color:var(--line);padding-top:21px;padding-bottom:21px}
.brand{color:var(--ink)}
.club-logo{filter:invert(1);mix-blend-mode:screen}
.brand small{color:var(--muted)}
.clubhero{background:linear-gradient(125deg,#3b454d,#303940);color:var(--ink);border:1px solid #59656e;border-radius:16px;padding:54px 40px;box-shadow:0 16px 38px #17202626}
.clubhero h1{color:var(--ink);font-size:clamp(48px,6.5vw,74px)}
.clubhero h1 em,.clubhero .eyebrow,.clubsymbol{color:var(--gold)}
.clubhero p{color:#d2d7d9}
.eyebrow{color:var(--gold);letter-spacing:1.8px}
.formpanel,.adminrow,.day{background:var(--white);border-color:var(--line);box-shadow:0 8px 24px #18212818}
.formpanel{border-radius:14px}
.formpanel h2,.adminrow h2{color:var(--ink)}
.clubcards{gap:22px}
.clubcards .formpanel{padding:28px}
.day.approved{background:#354843;border-color:#607d70}
.day.pending{background:#494239;border-color:#82715a}
.day.past{opacity:1}
.day.past .date{color:var(--muted)}
.day p,.badge,.legend,.contact,.muted{color:var(--muted)}
.windowart{background:var(--white);border:1px solid var(--line)}
.window{background:#d9a453;border-color:#4c5e62}
.window span{border-color:#4c5e62;color:#fff0ca}
.notice{background:#354840;border-color:#668575;color:#e2eee6}
.errors{background:#50383a;border-color:#9f6a6b;color:#ffe0da}
.stats>span,.seasonbox{background:var(--white);border-color:var(--line)}
input:not([type=checkbox]),select,textarea{background:#2b343b;color:var(--ink);border-color:#7c8991;border-radius:7px;box-shadow:inset 0 1px 2px #18212826}
input::placeholder,textarea::placeholder{color:#b2bdc4;opacity:1}
input:disabled,select:disabled,textarea:disabled{background:#323a40;color:#acb7be}
label{color:var(--ink)}
.check input{accent-color:var(--green)}
.backnav{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-top:24px;gap:13px 20px}
.backnav a{color:#e2e6e6}
.backnav a:hover{color:var(--gold)}
.logoutbar{gap:14px;align-items:center;flex-wrap:wrap;color:var(--muted)}
.submenu>div{background:var(--surface-raised);border-color:#6f7d86;box-shadow:0 14px 35px #10191f40}
.crmtable th,.ranking th{background:var(--surface-soft);color:var(--muted);font-size:12px;letter-spacing:.3px}
.crmtable th,.crmtable td,.ranking th,.ranking td{border-color:var(--line)}
.crmtable tbody tr:hover{background:var(--white)}
.ranking .podium-1{background:#514737;color:#fff0c8}
.ranking .podium-2{background:#414c56;color:#edf2f5}
.ranking .podium-3{background:#51413b;color:#ffe6d9}
.ranking .podium-1 td:first-child{box-shadow:inset 3px 0 #e7bd73}
.ranking .podium-2 td:first-child{box-shadow:inset 3px 0 #c3ccd5}
.ranking .podium-3 td:first-child{box-shadow:inset 3px 0 #d39976}
.instagram-frame,.instagram-embed-body{background:var(--paper);color:var(--ink)}
footer{border-color:var(--line);color:var(--muted);margin-top:30px;padding-top:28px;padding-bottom:28px}
/* Die gleiche Farbwelt für Baustellenseite und kleines Loginfenster. */
body:has(.soon){background:var(--paper);color:var(--ink)}
.soon>header{background:var(--paper);border-bottom:1px solid var(--line)}
.soon>header small{color:var(--muted)}
.soon>main{background:linear-gradient(120deg,#354047,#2e373e);color:var(--ink);padding-top:62px;padding-bottom:72px}
.soon .figure{filter:invert(1);mix-blend-mode:screen}
.soon h1{color:var(--ink)}
.soon .eyebrow{color:var(--gold)}
.soon .lead{color:#e2e5e3}
.soon .muted{color:var(--muted)}
.soon>footer{color:var(--muted);margin-top:0;background:var(--paper)}
.soon>footer a{color:var(--ink)}
.login-window{background:var(--white);color:var(--ink);border-color:#71808a;box-shadow:0 26px 80px #10191f66}
.login-window::backdrop{background:#1a252dbd}
.login-window h2{color:var(--ink)}
.login-window .eyebrow{color:var(--gold)}
.login-window p,.login-actions a{color:#d2d8da}
.login-window input,.login-window select{background:#2b343b;color:var(--ink);border-color:#7c8991}
.login-actions button{background:var(--green);color:var(--on-accent)}
.login-actions button:hover{background:#f0aa98}
.login-errors{background:#50383a}
.login-notice{border-color:var(--gold)}
@media(max-width:650px){.clubhero{padding:32px 23px;border-radius:12px}.clubcards .formpanel{padding:23px}.backnav{gap:14px;padding:15px}.soon>main{padding-top:32px;padding-bottom:48px}}
.association-section{scroll-margin-top:24px;margin:35px 0 55px}.board-card{overflow-wrap:anywhere}.board-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:9px;margin-bottom:22px}.board-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0 0 15px}.board-card .eyebrow{margin-bottom:9px}.board-card p{line-height:1.7}.association-section .sectionhead{flex-wrap:wrap}
.map-link{margin:16px 0 8px!important}.map-link .button{font-size:12px;min-height:42px;padding:9px 12px;white-space:normal;text-align:left}.board-card .board-photo{max-height:350px}
.day.christmas{background:linear-gradient(145deg,#514735,#3c403b);border-color:#a88b53}.day.christmas .date,.day.christmas .badge{color:var(--gold)}.day.christmas h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-top:22px}
.window-photo-editor{margin:32px 0;padding-top:25px;border-top:1px solid var(--line);scroll-margin-top:24px}.window-photo-editor h3{font-size:24px;margin-bottom:12px}.window-photo-editor .managephotos{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px}.window-photo-editor .managephotos .formpanel{padding:18px}.window-photo-editor .managephotos img{height:180px;object-fit:contain}
.clubsymbol{font-size:inherit;gap:20px}.clubsymbol>img{display:block;width:min(100%,260px);height:280px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.clubsymbol>span{line-height:1.8;color:var(--gold)}@media(max-width:600px){.clubsymbol>img{height:230px}}
