/* Gemeinsamer Kopf fuer ganz warthog.at (templates/_kopf.html). Eigenstaendig, damit er auf den
   Community-Seiten genauso aussieht wie in der Dienstakte; alle Klassen mit wk-. */
.wk-rwr,.wk-kopf,.wk-unternav{
  --wk-panel:#14170f;--wk-sand:#d8d1bc;--wk-dim:#9a9682;--wk-far:#5f5d51;--wk-gold:#dcae30;
  --wk-line:rgba(216,209,188,.13);--wk-line2:rgba(216,209,188,.28);
  --wk-disp:"Big Shoulders Display","Barlow Condensed","Arial Narrow",sans-serif;
  --wk-cond:"Barlow Condensed","Arial Narrow",sans-serif;--wk-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  font-family:"Barlow","Helvetica Neue",Arial,sans-serif;line-height:1.4;box-sizing:border-box}
.wk-kopf *,.wk-unternav *{box-sizing:border-box}
.wk-rwr{height:4px;background:linear-gradient(#c8102e 0 33%,#f4f4ef 33% 66%,#c8102e 66%)}
.wk-kopf{position:sticky;top:0;z-index:100;background:rgba(11,12,9,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--wk-line)}
.wk-schale{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.wk-kopf .wk-schale{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:60px;
  padding-top:8px;padding-bottom:4px}
.wk-kopf a,.wk-unternav a{text-decoration:none}
.wk-kopf a:focus-visible,.wk-kopf input:focus-visible,.wk-kopf button:focus-visible,.wk-unternav a:focus-visible{outline:2px solid var(--wk-gold);outline-offset:3px}
.wk-marke{display:flex;align-items:center;gap:10px;flex:none;color:var(--wk-sand);font-family:var(--wk-disp);font-weight:800;font-size:22px;
  letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;line-height:1.1}
.wk-marke img{display:block;height:38px;width:auto}
.wk-marke small{display:block;font-family:var(--wk-mono);font-size:9.5px;font-weight:400;letter-spacing:.2em;color:var(--wk-gold)}
.wk-nav{display:flex;flex-wrap:wrap;gap:2px;order:3;flex:1 0 100%;min-width:0}
.wk-nav::-webkit-scrollbar,.wk-unternav .wk-schale::-webkit-scrollbar{display:none}
.wk-nav a{font-family:var(--wk-cond);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--wk-dim);
  padding:8px 9px;border-bottom:2px solid transparent;white-space:nowrap}
.wk-nav a:hover{color:var(--wk-sand)}
.wk-nav a[aria-current=page]{color:var(--wk-gold);border-bottom-color:var(--wk-gold)}
.wk-admin{position:relative;flex:none;font-family:var(--wk-cond);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:#14170f;background:var(--wk-gold);padding:5px 10px;border-radius:2px}
.wk-admin:hover{filter:brightness(1.1)}
.wk-admin[aria-current=page]{outline:2px solid var(--wk-sand);outline-offset:1px}
.wk-warn{display:inline-block;margin-left:6px;min-width:18px;padding:0 5px;border-radius:9px;background:#b0402e;color:#fff;
  font-size:11px;line-height:18px;text-align:center;letter-spacing:0}
.wk-konto{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}
.wk-konto form{display:flex;margin:0}
.wk-steam{font-family:var(--wk-cond);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  padding:7px 11px;border:1px solid var(--wk-line2);color:var(--wk-sand);background:#171a21}
.wk-steam:hover{border-color:var(--wk-gold);color:var(--wk-gold)}
.wk-ich{display:flex;align-items:center;gap:7px;color:var(--wk-sand);font:600 14px var(--wk-cond);max-width:160px}
.wk-ich img{display:block;border:1px solid var(--wk-line2)}
.wk-ich span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-abmelden{background:none;border:0;color:var(--wk-far);cursor:pointer;font-size:13px;padding:4px}
.wk-abmelden:hover{color:#b0402e}
.wk-unternav{border-bottom:1px solid var(--wk-line);background:rgba(16,18,8,.85)}
.wk-unternav .wk-schale{display:flex;align-items:center;gap:4px;height:40px;overflow-x:auto;scrollbar-width:none}
.wk-label{margin-right:10px;font-family:var(--wk-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--wk-gold)}
.wk-unternav a{font-family:var(--wk-cond);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--wk-dim);
  padding:9px 10px;border-bottom:2px solid transparent;white-space:nowrap}
.wk-unternav a:hover{color:var(--wk-sand)}
.wk-unternav a[aria-current=page]{color:var(--wk-gold);border-bottom-color:var(--wk-gold)}
/* Name nur mit Platz, sonst nur das Steam-Bild */
@media (max-width:1440px){.wk-ich span{display:none}}
/* Die Navigation hat immer ihre eigene Zeile und bricht bei Bedarf um: kein abgeschnittener Menuepunkt. */
@media (max-width:560px){.wk-marke span{display:none}.wk-steam{font-size:12px;padding:6px 8px}}
.wk-konto .wk-admin{margin-right:8px}
/* Community-Seiten: Kontobereich erst zeigen, wenn kopf.js weiss, wer angemeldet ist (kein kurzes
   "Mit Steam anmelden"); spaetestens nach 2 s trotzdem, falls das Skript nicht laeuft */
.wk-konto.wk-wartet{visibility:hidden;animation:wk-konto-zeigen 0s 2s forwards}
@keyframes wk-konto-zeigen{to{visibility:visible}}
.wk-support{margin-left:auto}  /* Support-Ticket rechts, direkt vor Admin/Name */
.wk-support+.wk-konto{margin-left:0}