@font-face {
  font-family:"Nunito";
  src:url("/fonts/Nunito-Variable-LatinExt.woff2") format("woff2");
  font-weight:200 900; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family:"Nunito";
  src:url("/fonts/Nunito-Variable.woff2") format("woff2");
  font-weight:200 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ───────────────────────────────────────────────────────────
   danielwutzl.at · cockpit — Login
   Midnight & Amber · "Navy = Dunkelheit, Amber = LED-Licht"
   Mobile-first. Alles unter .dw-login gescoped.
   ─────────────────────────────────────────────────────────── */
.dw-login{
  --amber:#e8920a; --amber-deep:#d6850a;
  --paper:#fbfaf7; --card:#ffffff;
  --ink:#0f172a; --ink-soft:#475569; --ink-muted:#94a3b8;
  --border:#e7e1d6; --danger:#dc2626; --danger-soft:#fef2f2;
  --ok:#166534; --ok-soft:#f0fdf4;
  min-height:100vh; min-height:100dvh;
  display:flex; flex-direction:column; background:var(--card);
  font-family:"Outfit","Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); -webkit-font-smoothing:antialiased;
}
.dw-login *{box-sizing:border-box;}
.dw-login__brand{
  background:#efe9df; border-right:1px solid #e7e1d6;
  color:#0f172a; padding:16px 24px; display:flex; flex-direction:column; gap:18px;
}
.dw-mark{width:34px;height:34px;flex:none;}
.dw-brand__ident{display:flex;align-items:center;gap:11px;}
.dw-brand__logo{display:flex; align-items:baseline; gap:1px; font-size:22px; font-weight:700; letter-spacing:-.02em; color:#0f172a;}
.dw-brand__logo .suf{color:var(--amber);}
.dw-brand__eyebrow{font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#6d6656; font-weight:600; margin-top:3px;}
.dw-brand__editorial{display:none;}
.dw-brand__foot{display:none;}
.dw-editorial__h{font-size:38px; line-height:1.08; font-weight:600; letter-spacing:-.04em; color:#0f172a; margin:0;}
.dw-editorial__bar{width:56px; height:4px; background:var(--amber); border-radius:2px; margin:20px 0 18px;}
.dw-editorial__sub{font-size:15px; line-height:1.6; font-weight:500; color:#647488; font-family:"Nunito",sans-serif; margin:0; max-width:32ch;}
.dw-login__form{flex:1; display:flex; align-items:flex-start; justify-content:center; padding:34px 24px 40px; background:var(--card);}
.dw-login__inner{width:100%; max-width:360px;}
.dw-form__head{margin-bottom:24px;}
.dw-form__title{font-size:25px; font-weight:700; letter-spacing:-.02em; color:var(--ink);}
.dw-form__sub{font-size:14px; color:var(--ink-soft); margin-top:4px;}
.dw-alert{display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:11px; font-size:13.5px; line-height:1.45; margin-bottom:20px;}
.dw-alert svg{flex:none; margin-top:1px;}
.dw-alert--error{background:var(--danger-soft); color:#991b1b; border:1px solid #fecaca;}
.dw-alert--ok{background:var(--ok-soft); color:var(--ok); border:1px solid #bbf7d0;}
.dw-field{margin-bottom:16px;}
.dw-field__label{display:block; font-size:13px; font-weight:500; color:var(--ink-soft); margin-bottom:7px;}
.dw-input-wrap{position:relative; display:flex; align-items:center;}
.dw-input-wrap .lead{position:absolute; left:13px; color:var(--ink-muted); display:flex; pointer-events:none;}
.dw-input{width:100%; height:48px; border:1.5px solid var(--border); border-radius:11px; padding:0 14px 0 42px; font-size:15px; color:var(--ink); background:var(--paper); font-family:inherit; transition:border-color .15s, box-shadow .15s, background .15s;}
.dw-input::placeholder{color:var(--ink-muted);}
.dw-input:focus{outline:none; border-color:var(--amber); background:#fff; box-shadow:0 0 0 3px rgba(232,146,10,.15);}
.dw-input.has-toggle{padding-right:46px;}
.dw-toggle{position:absolute; right:6px; height:36px; width:36px; border:none; background:transparent; color:var(--ink-muted); cursor:pointer; border-radius:8px; display:flex; align-items:center; justify-content:center; transition:color .15s, background .15s;}
.dw-toggle:hover{color:var(--ink-soft); background:#f1ece3;}
.dw-btn-primary{width:100%; height:50px; border:none; border-radius:11px; background:var(--amber); color:#1a1206; font-weight:600; font-size:15.5px; font-family:inherit; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:9px; transition:background .15s, color .15s, transform .12s, box-shadow .15s;}
.dw-btn-primary:hover{background:var(--amber-deep); color:#1a1206; transform:translateY(-1px); box-shadow:0 8px 22px rgba(214,133,10,.28);}
.dw-btn-primary:active{transform:translateY(0);}
.dw-btn-primary svg{transition:transform .15s;}
.dw-btn-primary:hover svg{transform:translateX(3px);}
.dw-btn-secondary{height:38px; border:1.5px solid var(--border); border-radius:9px; background:transparent; color:var(--ink-soft); font-weight:500; font-size:13.5px; font-family:inherit; cursor:pointer; padding:0 14px; transition:border-color .15s, color .15s;}
.dw-btn-secondary:hover{border-color:var(--amber); color:var(--amber-deep);}
.dw-form__foot{margin-top:26px; padding-top:18px; border-top:1px dashed var(--border); font-size:12.5px; color:var(--ink-muted); text-align:center; line-height:1.5;}
.dw-form__foot a{color:var(--ink-soft); text-decoration:none; font-weight:500;}
.dw-form__foot a:hover{color:var(--amber-deep);}
@media (min-width:820px){
  .dw-login{flex-direction:row;}
  .dw-login__brand{flex:0 0 44%; max-width:520px; padding:48px 44px; justify-content:space-between; gap:0;}
  .dw-brand__eyebrow{font-size:12px;}
  .dw-brand__logo{font-size:26px;}
  .dw-brand__editorial{display:block;}
  .dw-editorial__h{font-size:46px;}
  .dw-brand__foot{display:flex; align-items:center; justify-content:space-between; font-size:12px; color:#6d6656;}
  .dw-login__form{align-items:center; padding:48px;}
  .dw-form__title{font-size:27px;}
}
@media (min-width:1200px){
  .dw-login__brand{padding:56px 56px;}
  .dw-editorial__h{font-size:52px;}
}
body{margin:0;}
.dw-form__reverify{margin-bottom:1.25rem; display:flex; gap:.5rem; flex-wrap:wrap;}
.dw-field__spacer{height:6px;}
.dw-reverify{margin-bottom:1.5rem; font-size:13px; color:#6d6656;}
.dw-reverify summary{cursor:pointer; color:#0f172a;}
.dw-reverify .dw-form__reverify{margin-top:.6rem; margin-bottom:0;}
.dw-reverify .dw-input{padding:.5rem .7rem; font-size:13px;}