/* Rentenrechner – Stil angelehnt an koenigswege.com */
@font-face{font-family:"Jost";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/jost-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jost-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jost-latin-700-normal.woff2) format("woff2")}


  :root{
    --gold:#cc9b00; --gold-light:#e5bc48; --bronze:#8c7227;
    --brown:#33280e; --brown-2:#3d331b; --brown-3:#4a3f26;
    --ink:#404040; --head:#33290e; --muted:#6b6b6b; --line:#efefef; --soft:#f9f9f9;
    --ok:#3f8f4f; --ok-soft:#eaf4ec; --warn:#e5bc48; --warn-soft:#fbf4df; --bad:#c0482f; --bad-soft:#f8e9e5;
    --font:"Europa","Jost","Helvetica Neue",Helvetica,Arial,sans-serif;
    --shadow:0 10px 30px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;font-family:var(--font);font-size:16px;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{margin:0;line-height:1.2;color:var(--head)}
  .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
  .narrow{max-width:810px}

  /* ---------- Intro ---------- */
  .intro{padding:64px 0 48px}
  .intro h1{font-size:clamp(30px,4.6vw,44px);font-weight:600}
  .intro h1 .u{display:inline-block;border-bottom:3px solid var(--gold);padding-bottom:2px;margin-right:6px}
  .intro p{font-size:clamp(17px,1.6vw,19px);font-weight:300;margin:24px 0 0;color:var(--ink)}
  .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
  @media (max-width:720px){.facts{grid-template-columns:1fr}}
  .fact{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px 20px;text-align:center}
  .fact b{display:block;color:var(--gold);font-size:22px;font-weight:600}
  .fact .fl{color:var(--gold);font-size:14px;margin-top:2px}
  .fact p{font-size:14px;margin:10px 0 0;color:var(--ink);font-weight:400}

  /* ---------- Dunkles Rechner-Band ---------- */
  .band{background:var(--brown);color:#fff;padding:56px 0 64px}
  .kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--gold);background:rgba(204,155,0,.18);padding:4px 9px;border-radius:3px}
  .band h2{color:#fff;font-size:clamp(24px,3vw,30px);font-weight:700;margin-top:12px;padding-bottom:12px;border-bottom:2px solid var(--gold)}
  .band .lead{color:rgba(255,255,255,.82);font-weight:300;margin:16px 0 0;max-width:640px}

  .calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;margin-top:32px;align-items:start}
  @media (max-width:960px){.calc{grid-template-columns:1fr}}

  .panel-in{background:var(--brown-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 24px 20px}
  .grp{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .grp:last-child{border-bottom:0}
  .grp-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
  .grp-sub{font-size:13px;color:rgba(255,255,255,.65);margin:-8px 0 14px;font-weight:300}

  .field{position:relative;margin-bottom:20px}
  .field:last-child{margin-bottom:0}
  .f-head{display:flex;align-items:center;gap:7px;margin-bottom:8px}
  .f-head label{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff}
  .val{margin-left:auto;display:flex;align-items:baseline;gap:4px;flex:none}
  .val input{width:7.2ch;border:0;border-bottom:1px dashed transparent;background:transparent;color:var(--gold);font:inherit;font-size:19px;font-weight:700;text-align:right;outline:none;padding:0;-moz-appearance:textfield}
  .val input:hover{border-bottom-color:rgba(204,155,0,.5)}
  .val input:focus{border-bottom-color:var(--gold)}
  .val input::-webkit-outer-spin-button,.val input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .val span{color:var(--gold);font-size:14px;font-weight:600;white-space:nowrap}

  input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:5px;border-radius:99px;outline:none;cursor:pointer;margin:0;
    background:linear-gradient(to right,var(--gold) 0%,var(--gold) var(--p,50%),rgba(255,255,255,.88) var(--p,50%),rgba(255,255,255,.88) 100%)}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform .1s}
  input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}
  input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
  input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(204,155,0,.35)}

  /* Tooltips */
  .tip{position:static;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:10.5px;font-weight:700;font-style:normal;cursor:help;flex:none;outline:none;user-select:none;text-transform:none;letter-spacing:0}
  .tip:hover,.tip:focus{background:var(--gold);color:#fff}
  .light-bg .tip{background:#ece6d6;color:var(--brown)}
  .light-bg .tip:hover,.light-bg .tip:focus{background:var(--gold);color:#fff}
  .bubble{display:none;position:absolute;z-index:40;top:100%;left:0;right:0;margin-top:6px;background:#fff;color:var(--ink);font-size:13px;font-weight:400;line-height:1.5;padding:10px 12px;border-radius:6px;border-top:3px solid var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.25);text-align:left;white-space:normal;letter-spacing:0;text-transform:none}
  .light-bg .bubble{background:var(--brown);color:#fff}
  .tip:hover .bubble,.tip:focus .bubble{display:block}

  select{width:100%;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:var(--brown-3);font:inherit;font-size:14px;font-weight:500;color:#fff;padding:0 10px;margin-bottom:10px;cursor:pointer}
  .note-dark{font-size:13px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);border-radius:6px;padding:10px 12px;margin-bottom:18px;font-weight:300}
  .note-dark b{color:var(--gold);font-weight:600}

  .seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:rgba(0,0,0,.2);border-radius:7px;padding:4px;margin-top:18px}
  .seg input{position:absolute;opacity:0;pointer-events:none}
  .seg label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:9px 6px;border-radius:5px;cursor:pointer;color:rgba(255,255,255,.7);line-height:1.3}
  .seg input:checked + label{background:var(--gold);color:#fff}
  .seg input:focus-visible + label{outline:2px solid #fff}
  .mode-desc{margin-top:12px;margin-bottom:0}

  .taxinfo{margin-top:16px;margin-bottom:0}
  .warn{margin-top:8px;background:rgba(229,188,72,.16);color:#f3dfa6;border-radius:5px;padding:8px 10px;font-size:12.5px}

  details.adv summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);list-style:none;display:flex;align-items:center;justify-content:space-between}
  details.adv summary::-webkit-details-marker{display:none}
  details.adv summary::after{content:"+";font-size:20px;font-weight:400}
  details.adv[open] summary::after{content:"–"}
  details.adv .adv-body{margin-top:18px}
  .check{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:4px 0 16px;cursor:pointer;color:#fff}
  .check input{width:17px;height:17px;accent-color:var(--gold)}

  /* Ergebnisse (rechte Spalte im Band) */
  .res{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}
  @media (max-width:960px){.res{position:static}}
  .gold-box{background:var(--gold);color:var(--brown);border-radius:6px;padding:26px 24px}
  .gb-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
  .hero{position:relative;padding:14px 16px;border-radius:6px;background:rgba(255,255,255,.14)}
  .hero.win{background:#fff;box-shadow:0 8px 22px rgba(51,40,14,.18)}
  .h-name{font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
  .h-layer{font-weight:400;opacity:.75}
  .h-val{font-size:clamp(32px,4.4vw,46px);font-weight:700;letter-spacing:-.01em;line-height:1.05;margin-top:8px}
  .h-sub{font-size:12.5px;opacity:.85}
  .badge-win{display:none;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--brown);color:var(--gold);padding:3px 8px;border-radius:3px;white-space:nowrap}
  .hero.win .badge-win{display:inline-block}
  .kv{margin-top:18px;border-top:1px solid rgba(51,40,14,.22);padding-top:8px}
  .kv-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:14px}
  .kv-row .k{display:flex;align-items:center;gap:6px;font-weight:300}
  .kv-row .v{font-weight:700;font-variant-numeric:tabular-nums}
  .gold-box .tip{background:rgba(51,40,14,.18);color:var(--brown)}
  .gold-box .tip:hover,.gold-box .tip:focus{background:var(--brown);color:#fff}
  .gold-box .bubble{background:var(--brown);color:#fff;border-top-color:#fff}

  .verdict{background:#fff;color:var(--ink);border-radius:6px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;border-left:6px solid var(--warn)}
  .verdict.green{border-left-color:var(--ok)} .verdict.red{border-left-color:var(--bad)}
  .light{flex:none;display:flex;flex-direction:column;gap:5px;background:var(--brown);padding:7px;border-radius:12px}
  .light span{width:16px;height:16px;border-radius:50%;background:#5a4f35;transition:all .25s}
  .verdict.red .l-red{background:#e0573c;box-shadow:0 0 10px #e0573c}
  .verdict.yellow .l-yellow{background:#f2c94c;box-shadow:0 0 10px #f2c94c}
  .verdict.green .l-green{background:#55c46b;box-shadow:0 0 10px #55c46b}
  .v-kicker{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze)}
  .verdict h3{font-size:clamp(19px,2.3vw,23px);font-weight:700;margin:3px 0 6px}
  .verdict.green h3{color:var(--ok)} .verdict.red h3{color:var(--bad)} .verdict.yellow h3{color:var(--bronze)}
  .verdict p{margin:0;font-size:15px}
  .verdict b{color:var(--head)}
  .v-note{margin-top:10px !important;font-size:12.5px !important;color:var(--muted)}

  /* ---------- Helle Sektionen ---------- */
  .sec{padding:56px 0 8px}
  .sec h2{font-size:clamp(24px,3vw,30px);font-weight:700;color:var(--ink)}
  .sec .sub{font-size:clamp(16px,1.5vw,18px);font-weight:300;margin:10px 0 26px}

  .table-wrap{overflow-x:auto}
  table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
  thead th{background:var(--gold);color:var(--brown);font-size:clamp(16px,1.8vw,20px);font-weight:500;text-align:right;padding:18px 16px}
  thead th:first-child{text-align:left}
  tbody th{position:relative;text-align:left;font-weight:500;font-size:16px;color:var(--head);padding:14px 16px;border-bottom:2px solid var(--gold)}
  tbody th .t-in{display:inline-flex;align-items:center;gap:7px}
  tbody th .bubble{right:auto;width:min(320px,80vw)}
  tbody td{text-align:right;padding:14px 16px;border-bottom:2px solid var(--gold);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
  tbody td small{display:block;font-weight:300;color:var(--muted);font-size:12px}
  tr.hl th,tr.hl td{background:#fbf6e6;font-weight:700}
  tr.hl td{font-size:18px;color:var(--head)}
  .note-light{background:var(--warn-soft);color:#6e5410;border-radius:6px;padding:10px 12px;font-size:14px;margin-top:14px;display:none}

  .card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:24px}
  .chart-box{position:relative;height:340px}
  @media (max-width:520px){.chart-box{height:260px}.card{padding:16px}}
  .chart-fallback{display:none;padding:30px;text-align:center;color:var(--muted);font-size:14px}

  .proscons{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  @media (max-width:720px){.proscons{grid-template-columns:1fr}}
  .pc h3{font-size:20px;font-weight:600;color:var(--gold);margin-bottom:12px}
  .pc ul{list-style:none;margin:0;padding:0;font-size:15px}
  .pc li{padding-left:24px;position:relative;margin-bottom:8px}
  .pc li::before{position:absolute;left:0;top:-1px;font-weight:700;font-size:17px}
  .pc li.p::before{content:"+";color:var(--gold)}
  .pc li.m::before{content:"–";color:var(--bronze)}

  .assume{margin:0;padding-left:20px;font-size:15px}
  .assume li{margin-bottom:10px}
  .assume b{color:var(--head)}

  .foot{background:var(--soft);margin-top:56px;padding:22px 0}
  .foot p{margin:0;font-size:13px;color:var(--ink)}

  /* ---------- Ergänzungen v2 ---------- */
  .seg3{grid-template-columns:1fr 1fr 1fr;margin-top:0;margin-bottom:14px}
  .seg2{margin-top:0;margin-bottom:14px}
  .costlist{list-style:none;margin:0 0 18px;padding:10px 12px;background:rgba(255,255,255,.06);border-radius:6px;font-size:13px;font-weight:300;color:rgba(255,255,255,.8)}
  .costlist li{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
  .costlist li b{color:var(--gold);font-weight:600;white-space:nowrap}
  .costlist .cl-title{display:block;font-weight:600;color:#fff;margin-bottom:4px}
  .hon{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(204,155,0,.16);border:1px solid rgba(204,155,0,.35);border-radius:6px;padding:10px 12px;margin-bottom:14px;font-size:13px}
  .hon b{font-size:19px;color:var(--gold)}
  .hon small{display:block;color:rgba(255,255,255,.7);font-weight:300}
  .field-select label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:8px}
  .alt{margin-top:14px;padding:10px 12px;border-radius:6px;background:rgba(51,40,14,.12);font-size:13.5px}
  .alt b{font-weight:700}
  thead th.c-us{background:var(--brown);color:var(--gold)}
  .pc h3 small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:2px}

/* =========================================================
   v3: Ansichten, einfache Ansicht, Login, Admin
   ========================================================= */
[hidden]{display:none !important}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.viewswitch{display:inline-grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.08);border-radius:99px;padding:4px;gap:2px}
.viewswitch button{border:0;background:transparent;color:rgba(255,255,255,.75);font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:99px;cursor:pointer}
.viewswitch button[aria-pressed=true]{background:var(--gold);color:#fff}
.viewswitch button:focus-visible{outline:2px solid #fff}
.logout-link{color:rgba(255,255,255,.6);font-size:13px;text-decoration:none;margin-left:12px}
.logout-link:hover{color:var(--gold)}

/* Schritte der einfachen Ansicht */
.simple{margin-top:30px;display:grid;gap:22px}
.step{background:var(--brown-2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px}
.step-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.step-no{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.step-head h3{color:#fff;font-size:20px;font-weight:600}
.step.done .step-no{background:#fff;color:var(--brown)}

.options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){.options{grid-template-columns:1fr}}
.opt{position:relative;text-align:left;border:2px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;border-radius:10px;padding:18px 18px 16px;cursor:pointer;font:inherit;transition:border-color .15s,background .15s,transform .1s}
.opt:hover{border-color:rgba(204,155,0,.6)}
.opt:active{transform:scale(.99)}
.opt[aria-pressed=true]{border-color:var(--gold);background:rgba(204,155,0,.14)}
.opt[aria-pressed=true]::after{content:"✓";position:absolute;top:12px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}
.opt svg{width:34px;height:34px;color:var(--gold);margin-bottom:10px}
.opt b{display:block;font-size:17px;font-weight:600}
.opt .o-tag{display:block;font-size:12px;color:var(--gold);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}
.opt .o-desc{display:block;font-size:13.5px;color:rgba(255,255,255,.72);font-weight:300;margin-top:8px;line-height:1.45}

.simple-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 36px}
@media (max-width:760px){.simple-fields{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.85);font:inherit;font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:99px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#fff}
.chips-wrap{margin-top:22px}
.chips-wrap .lbl{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:10px;position:relative}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:var(--gold);color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px 26px;cursor:pointer;text-decoration:none;transition:filter .15s}
.btn:hover{filter:brightness(1.08)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.btn-ghost{background:transparent;border:1px solid currentColor;color:var(--brown)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* Ergebnis einfache Ansicht */
.sres{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:stretch}
@media (max-width:900px){.sres{grid-template-columns:1fr}}
.bars{margin-top:16px;display:grid;gap:12px}
.bar-row .bl{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:5px}
.bar{height:14px;background:rgba(51,40,14,.15);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:var(--brown);transition:width .4s ease}
.bar-row.us .bar i{background:#fff}
.big-diff{font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1;margin-top:6px}
.cta{background:#fff;border-radius:10px;padding:22px;color:var(--ink);display:flex;flex-direction:column;gap:6px}
.cta h4{font-size:19px;color:var(--head);font-weight:600}
.cta p{margin:0;font-size:14.5px}
.cta .btn-row{margin-top:12px}
.fineprint{font-size:12.5px;color:rgba(255,255,255,.6);margin:6px 0 0;font-weight:300}

/* Login-Seite */
.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 80% -10%,rgba(204,155,0,.25),transparent 60%),var(--brown)}
.gate-card{width:100%;max-width:420px;background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.gate-top{background:var(--gold);padding:28px 28px 22px;color:var(--brown)}
.gate-top .lock{width:46px;height:46px;border-radius:12px;background:rgba(51,40,14,.12);display:grid;place-items:center;margin-bottom:14px}
.gate-top h1{font-size:24px;font-weight:600;color:var(--brown)}
.gate-top p{margin:6px 0 0;font-size:14.5px;opacity:.85}
.gate-body{padding:26px 28px 28px}
.gate-body label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--head);margin-bottom:8px}
.pw-wrap{position:relative}
.input{width:100%;height:48px;border:1px solid #d9d4c6;border-radius:8px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(204,155,0,.2)}
.pw-toggle{position:absolute;right:6px;top:6px;height:36px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:0 10px}
.gate-body .btn{width:100%;margin-top:16px}
.gate-err{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:14px}
.gate-foot{text-align:center;color:rgba(255,255,255,.5);font-size:12.5px;margin-top:18px}

/* Admin */
.admin{background:#f6f4ef;min-height:100vh}
.admin-head{background:var(--brown);color:#fff}
.admin-head .wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:12px}
.admin-head b{color:var(--gold);font-size:18px;font-weight:600}
.admin-head a{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;margin-left:18px}
.admin-head a:hover{color:var(--gold)}
.admin main{padding:28px 0 120px}
.admin h1{font-size:28px;font-weight:600}
.admin .lead-d{color:var(--muted);margin:6px 0 24px}
.acard{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px 24px;margin-bottom:20px}
.acard h2{font-size:19px;font-weight:600;margin-bottom:4px}
.acard .sub{color:var(--muted);font-size:14px;margin:0 0 16px}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px 18px}
.af label{display:block;font-size:12.5px;font-weight:600;color:var(--head);margin-bottom:6px}
.af .input{height:42px;font-size:15px}
.af small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.switch-row:last-child{border-bottom:0}
.switch-row .t b{display:block;font-weight:600;color:var(--head)}
.switch-row .t span{font-size:13.5px;color:var(--muted)}
.switch{position:relative;width:52px;height:30px;flex:none}
.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#d7d2c4;border-radius:99px;cursor:pointer;transition:background .2s}
.switch span::before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.switch input:checked + span{background:var(--ok)}
.switch input:checked + span::before{transform:translateX(22px)}
.switch input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.status-pill.on{background:var(--ok-soft);color:var(--ok)} .status-pill.off{background:#eee;color:var(--muted)}
.status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.inline-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.inline-row .af{flex:1;min-width:200px}
.btn-sm{padding:10px 14px;font-size:12px}
.btn-light{background:#efe9da;color:var(--brown)}
.savebar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid #e7e2d6;z-index:50}
.savebar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:68px;gap:12px}
.savebar span{font-size:14px;color:var(--muted)}
.flash{border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:14.5px}
.flash.ok{background:var(--ok-soft);color:#245a30} .flash.err{background:var(--bad-soft);color:var(--bad)}
.tcols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:820px){.tcols{grid-template-columns:1fr}}
.tcol h3{font-size:16px;font-weight:600;color:var(--gold);margin-bottom:12px}
.tcol .agrid{grid-template-columns:1fr 1fr}
.staffel{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:6px}
code.k{background:#f3efe4;padding:2px 6px;border-radius:4px;font-size:13px}

/* =========================================================
   v5: Website aop one
   ========================================================= */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
a{color:inherit}
.ico{flex:none;vertical-align:middle}
.center{text-align:center}
.kicker-dark{background:rgba(204,155,0,.14);color:var(--bronze)}

/* Kopfzeile */
.site-head{position:sticky;top:0;z-index:60;background:rgba(51,40,14,.97);backdrop-filter:blur(8px);color:#fff}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:1}
.brand-mark{font-size:26px;font-weight:600;letter-spacing:-.02em;color:#fff}
.brand-mark b{color:var(--gold);font-weight:600}
.powered{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:4px}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav > a:not(.btn){text-decoration:none;font-size:14.5px;color:rgba(255,255,255,.85)}
.site-nav > a:not(.btn):hover{color:var(--gold)}
.nav-drop{position:relative}
.nav-drop summary{list-style:none;cursor:pointer;font-size:14.5px;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px}
.nav-drop summary::-webkit-details-marker{display:none}
.nav-drop summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-drop[open] summary{color:var(--gold)}
.drop{position:absolute;right:-60px;top:calc(100% + 16px);width:300px;background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:8px;display:grid}
.drop a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--head);font-size:14.5px;font-weight:500}
.drop a .ico{color:var(--gold)}
.drop a:hover,.drop a[aria-current]{background:#f6f1e3}
.btn .ico{margin-right:2px}
.btn-sm{padding:10px 16px;font-size:11.5px}
@media (max-width:760px){.hide-sm{display:none}.site-nav{gap:14px}.powered{display:none}.brand-mark{font-size:23px}.drop{right:-110px;width:280px}}
@media (max-width:420px){.site-nav .btn-sm{padding:9px 11px;font-size:10.5px;letter-spacing:.06em}.site-nav .btn-sm .ico{display:none}}

/* Hero */
.site-hero{background:radial-gradient(900px 500px at 85% 10%,rgba(204,155,0,.22),transparent 60%),var(--brown);color:#fff;padding:72px 0 80px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:460px;margin:0 auto;width:100%}}
.site-hero h1{color:#fff;font-size:clamp(34px,5.4vw,58px);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin-top:18px}
.hero-lead{font-size:clamp(17px,1.8vw,20px);font-weight:300;color:rgba(255,255,255,.85);margin:20px 0 0;max-width:560px}
.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
.btn-outline-light:hover{border-color:var(--gold);color:var(--gold);filter:none}
.hero-points{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:rgba(255,255,255,.75)}
.hero-points li{display:flex;align-items:center;gap:6px}
.hero-points .ico{color:var(--gold)}
.lifepath{width:100%;height:auto;overflow:visible}
.lp-bg,.lp-line{fill:none;stroke-linecap:round}
.lp-bg{stroke:rgba(255,255,255,.1);stroke-width:14}
.lp-line{stroke:var(--gold);stroke-width:3.5;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 2.4s .2s ease forwards}
.lp-st{opacity:0;animation:pop .5s var(--d) ease forwards}
.lp-st circle{fill:var(--brown-2);stroke:var(--gold);stroke-width:2}
.lp-st .ico{color:var(--gold)}
.lp-st text{fill:#fff;font-size:15px;font-weight:500;text-anchor:middle;font-family:var(--font)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform-origin:center}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.lp-line{animation:none;stroke-dashoffset:0}.lp-st{animation:none;opacity:1}}
.hero-caption{text-align:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:8px 0 0}

/* Sektionen */
.sec{padding:80px 0}
.sec-soft{background:#f8f5ee}
.sec h2{font-size:clamp(28px,3.6vw,38px);font-weight:600;color:var(--head);margin-top:12px}
.sec .sub{font-size:clamp(16px,1.6vw,19px);font-weight:300;margin:12px 0 36px;max-width:680px}
.sub.center{margin-left:auto;margin-right:auto}
.band h2{font-size:clamp(26px,3.4vw,36px)}

.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:860px){.pains{grid-template-columns:1fr}}
.pain{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:26px;border-top:3px solid var(--gold)}
.pain .pq{font-size:19px;font-weight:500;color:var(--head);margin:0 0 12px;line-height:1.35}
.pain p{margin:0;color:var(--ink)}

.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.themes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.themes{grid-template-columns:1fr}}
.themes-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.themes-3{grid-template-columns:1fr}}
.theme{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:14px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid #ece6d6;transition:transform .15s,box-shadow .15s,border-color .15s}
a.theme:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--gold)}
.t-ico{width:48px;height:48px;border-radius:12px;background:#f6efd9;color:var(--bronze);display:grid;place-items:center;margin-bottom:6px}
.t-ico-lg{width:64px;height:64px;border-radius:16px;background:rgba(204,155,0,.16);color:var(--gold);margin:18px 0 14px}
.t-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.t-badge{font-size:10px;letter-spacing:.06em;background:var(--gold);color:#fff;border-radius:99px;padding:2px 8px}
.t-hook{font-size:19px;font-weight:600;color:var(--head);line-height:1.3}
.t-teaser{font-size:14.5px;color:var(--muted);flex:1}
.t-more{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-top:6px}
.theme-cta{background:var(--brown);border-color:var(--brown);color:#fff;justify-content:center}
.theme-cta .t-hook{color:#fff}.theme-cta .t-teaser{color:rgba(255,255,255,.75);flex:0}
.theme-cta .btn{margin-top:10px;align-self:flex-start}

.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
@media (max-width:860px){.steps3{grid-template-columns:1fr}}
.s3{background:var(--brown-2);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px}
.s3-no{width:40px;height:40px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;margin-bottom:14px}
.s3 h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:8px}
.s3 p{margin:0;color:rgba(255,255,255,.78);font-weight:300}

.about{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:center}
@media (max-width:860px){.about{grid-template-columns:1fr;gap:30px}.about-photo{max-width:280px}}
.about-photo img,.photo-ph{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.photo-ph{background:linear-gradient(145deg,var(--brown),#5a4a22);display:grid;place-items:center}
.photo-ph span{font-size:72px;font-weight:600;color:var(--gold);letter-spacing:.02em}
.about-role{color:var(--bronze);font-weight:600;margin:6px 0 16px}
.about p{font-size:16.5px}
.values{display:grid;gap:12px;margin-top:22px}
.value{display:flex;gap:12px;align-items:flex-start}
.value .ico{color:var(--gold);margin-top:2px}
.value b{display:block;color:var(--head)}
.value span{font-size:14.5px;color:var(--muted)}

.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.tools{grid-template-columns:1fr}}
.tools-1{grid-template-columns:1fr}
.tool{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #ece6d6;border-radius:12px;padding:18px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
a.tool:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.tool-ico{width:44px;height:44px;border-radius:10px;background:var(--gold);color:#fff;display:grid;place-items:center;flex:none}
.tool b{display:block;color:var(--head);font-size:16px}
.tool b small{font-weight:400;color:var(--muted);font-size:12.5px}
.tool > span:nth-child(2){flex:1}
.tool > span > span{display:block;font-size:14px;color:var(--muted)}
.tool-go{color:var(--gold)}
.tool-soon{opacity:.75;border-style:dashed}
.tool-soon .tool-ico{background:#e9e2cf;color:var(--bronze)}

.faq{margin-top:28px;display:grid;gap:10px}
.faq details{background:#fff;border:1px solid #ece6d6;border-radius:12px;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:500;font-size:16.5px;color:var(--head);display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 18px;color:var(--ink)}

.final-cta{background:var(--gold);border-radius:18px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;color:var(--brown)}
.final-cta h2{color:var(--brown);font-size:clamp(24px,3vw,32px);margin:0}
.final-cta p{margin:10px 0 0;font-size:17px;max-width:560px}
.final-cta .btn-row{margin-top:0}
.btn-dark{background:var(--brown);color:#fff}
.btn-ghost-dark{background:transparent;border:1px solid var(--brown);color:var(--brown)}
@media (max-width:600px){.final-cta{padding:28px 22px}}

/* Themenseite */
.hero-theme{padding:44px 0 64px}
.site-hero.hero-theme h1{font-size:clamp(30px,4.6vw,48px)}
.crumb{display:inline-block;color:rgba(255,255,255,.7);text-decoration:none;font-size:14px}
.crumb:hover{color:var(--gold)}
.crumb-dark{color:var(--muted);margin-bottom:14px}
.prose{font-size:17.5px;line-height:1.7;margin:14px 0 0}
.h3-gold{color:var(--bronze);font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:40px 0 16px}
.qlist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.qlist li{display:flex;gap:12px;align-items:flex-start;font-size:17px;background:#faf7ef;border-radius:10px;padding:14px 16px}
.qlist .ico{color:var(--gold);margin-top:2px}

/* Rechtstexte */
.legal h1{font-size:clamp(30px,4vw,42px);margin-bottom:24px}
.legal h2{font-size:20px;margin:28px 0 8px}
.legal p{font-size:16px}
.legal a{color:var(--bronze)}

/* Fußzeile */
.site-foot{background:#221a08;color:rgba(255,255,255,.7);padding:56px 0 28px;font-size:14.5px}
.sf-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media (max-width:760px){.sf-grid{grid-template-columns:1fr}}
.sf-grid b{display:block;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.sf-grid a{display:block;color:rgba(255,255,255,.7);text-decoration:none;padding:3px 0}
.sf-grid a:hover{color:var(--gold)}
.sf-claim{margin:10px 0 14px}
.sf-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;font-size:13px}
.sf-bottom a{color:var(--gold);text-decoration:none}
.ta{height:auto;padding:10px 14px;line-height:1.5;resize:vertical;font-size:15px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.sf-grid .brand-mark b{display:inline;color:var(--gold);font-size:inherit;letter-spacing:inherit;text-transform:none;margin:0}
.sec h2 + .tools{margin-top:26px}

/* =========================================================
   v6: Design „aop one“ – modern, warm, klar
   ========================================================= */
:root{
  --gold:#d4a520; --gold-2:#e8c25a; --gold-deep:#b98a07; --bronze:#8a6d1f;
  --ink0:#0f0d0a; --ink1:#16130e; --ink2:#1f1b15; --ink3:#2a251d;
  --brown:#16130e; --brown-2:#221e17; --brown-3:#2e2820;
  --head:#17140f; --ink:#3a342b; --muted:#766d5f; --line:#ebe4d4; --soft:#f5f1e8;
  --paper:#fbf9f4;
  --grad:linear-gradient(135deg,#f0cf6c 0%,#d4a520 45%,#b98a07 100%);
  --r-lg:24px; --r-md:16px;
  --shadow:0 1px 2px rgba(23,20,15,.04),0 12px 32px rgba(23,20,15,.07);
  --shadow-gold:0 14px 40px rgba(212,165,32,.18);
}
body{background:var(--paper);color:var(--ink)}
::selection{background:rgba(212,165,32,.3)}

/* Buttons */
.btn{border-radius:999px;background:var(--grad);color:var(--ink1);font-weight:600;letter-spacing:.08em;padding:14px 26px;box-shadow:0 8px 24px rgba(212,165,32,.28);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(212,165,32,.36);filter:none}
.btn-sm{padding:10px 18px}
.btn-dark{background:var(--ink1);color:#fff;box-shadow:none}
.btn-outline-light,.btn-ghost-dark,.btn-ghost,.btn-light{box-shadow:none}
.btn-outline-light{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04);color:#fff}
.btn-outline-light:hover{border-color:var(--gold-2);color:var(--gold-2);box-shadow:none}
.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--head)}
.btn-light{background:#f1ebdd;color:var(--ink1);border-radius:999px}

/* Kicker als Pill mit Punkt */
.kicker{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 13px;background:rgba(212,165,32,.12);color:var(--gold-2);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.kicker-dark{background:rgba(212,165,32,.12);color:var(--gold-deep)}

/* Logo */
.brand-mark{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:600;letter-spacing:-.025em;color:#fff}
.brand-mark .logo-ico{width:30px;height:30px;color:#f4efe3}
.brand-mark .logo-dot{fill:var(--gold)}
.bm-text b{color:var(--gold-2);font-weight:400}
.logo{gap:0}
.powered{margin:3px 0 0 39px}
.sf-grid .brand-mark b{color:var(--gold-2);font-weight:400}

/* Kopfzeile: Glas */
.site-head{background:rgba(22,19,14,.78);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.drop{border-radius:18px;padding:10px;border:1px solid var(--line)}
.drop a{border-radius:12px}
.drop a:hover,.drop a[aria-current]{background:var(--soft)}

/* Hero */
.site-hero{position:relative;background:
   radial-gradient(700px 420px at 82% 18%,rgba(212,165,32,.26),transparent 62%),
   radial-gradient(600px 400px at 0% 100%,rgba(212,165,32,.08),transparent 60%),
   linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/56px 56px,
   var(--ink1)}
.site-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(15,13,10,.35));pointer-events:none}
.site-hero .wrap{position:relative;z-index:1}
.site-hero h1{font-weight:600;letter-spacing:-.03em}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-st circle{fill:var(--ink2)}
.hero-points .ico{color:var(--gold-2)}

/* Sektionen & Karten */
.sec-soft{background:var(--soft)}
.sec h2{letter-spacing:-.02em}
.pain,.theme,.tool,.faq details,.card,.cta,.acard{border-radius:var(--r-lg)}
.pain{border:1px solid var(--line);border-top:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}
.pain::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--grad)}
.theme{border:1px solid var(--line);background:#fff}
a.theme:hover{border-color:rgba(212,165,32,.6);box-shadow:var(--shadow-gold)}
.t-ico{border-radius:14px;background:linear-gradient(145deg,#fbf2d9,#f1e2b4);color:var(--gold-deep)}
.t-title{color:var(--gold-deep)}
.t-badge{background:var(--ink1);color:var(--gold-2)}
.t-more{color:var(--gold-deep)}
.theme-cta{background:radial-gradient(400px 260px at 100% 0%,rgba(212,165,32,.25),transparent 70%),var(--ink1);border-color:var(--ink1)}
.tool{border:1px solid var(--line)}
.tool-ico{border-radius:12px;background:var(--grad);color:var(--ink1)}
.tool-soon .tool-ico{background:#efe8d7;color:var(--bronze)}
.faq details{border:1px solid var(--line)}
.faq summary::after{color:var(--gold-deep)}
.qlist li{background:#fff;border:1px solid var(--line);border-radius:14px}
.qlist .ico,.value .ico{color:var(--gold-deep)}
.h3-gold,.about-role{color:var(--gold-deep)}
.photo-ph{border-radius:28px;background:radial-gradient(260px 200px at 70% 20%,rgba(212,165,32,.35),transparent 70%),var(--ink1)}
.photo-ph span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-photo img{border-radius:28px}

/* Dunkles Band */
.band{background:radial-gradient(700px 400px at 90% 0%,rgba(212,165,32,.16),transparent 65%),var(--ink1)}
.band h2{border-bottom:0;padding-bottom:0}
.s3{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg)}
.s3-no{background:var(--grad);color:var(--ink1)}

/* Abschluss-CTA dunkel mit Goldschimmer */
.final-cta{background:radial-gradient(600px 300px at 100% 0%,rgba(212,165,32,.3),transparent 65%),var(--ink1);color:#fff;border-radius:28px;padding:48px}
.final-cta h2{color:#fff}
.final-cta p{color:rgba(255,255,255,.75)}
.final-cta .btn-dark{background:var(--grad);color:var(--ink1);box-shadow:0 8px 24px rgba(212,165,32,.28)}
.final-cta .btn-ghost-dark{border-color:rgba(255,255,255,.3);color:#fff}
.final-cta .btn-ghost-dark:hover{border-color:var(--gold-2);color:var(--gold-2)}

/* Fußzeile */
.site-foot{background:var(--ink0)}
.sf-h{margin-top:18px}
.sf-contact{display:inline-flex !important;align-items:center;gap:8px;color:#fff !important;font-weight:500}
.sf-contact .ico{color:var(--gold-2)}
.sf-contact:hover{color:var(--gold-2) !important}
.sf-bottom a{color:var(--gold-2)}

/* Rechner im neuen Look */
.intro{background:var(--paper)}
.intro h1 .u{border-bottom:0;background:linear-gradient(transparent 70%,rgba(212,165,32,.35) 70%)}
.panel-in,.step{border-radius:var(--r-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.opt{border-radius:18px}
.opt[aria-pressed=true]{background:rgba(212,165,32,.12);border-color:var(--gold)}
.gold-box{background:var(--grad);border-radius:var(--r-lg);color:var(--ink1)}
.hero.win{border-radius:14px}
.verdict{border-radius:var(--r-lg)}
.seg{border-radius:999px}.seg label{border-radius:999px}
.seg input:checked + label{background:var(--grad);color:var(--ink1)}
.chip{border-radius:999px}.chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:var(--ink1)}
.viewswitch button[aria-pressed=true]{background:var(--grad);color:var(--ink1)}
input[type=range]{background:linear-gradient(to right,var(--gold) 0%,var(--gold) var(--p,50%),rgba(255,255,255,.18) var(--p,50%),rgba(255,255,255,.18) 100%)}
input[type=range]::-webkit-slider-thumb{background:#fff;border:4px solid var(--gold);box-shadow:0 2px 10px rgba(0,0,0,.35)}
input[type=range]::-moz-range-thumb{background:#fff;border:4px solid var(--gold)}
.val input,.val span{color:var(--gold-2)}
select{border-radius:12px}
.note-dark{border-radius:14px}
.table-wrap{border-radius:var(--r-lg);border:1px solid var(--line);background:#fff}
table{min-width:520px}
thead th{background:var(--soft);color:var(--head);font-weight:600}
thead th.c-us{background:var(--ink1);color:var(--gold-2)}
tbody th,tbody td{border-bottom:1px solid var(--line)}
tr.hl th,tr.hl td{background:#fbf3dc}
.pc h3{color:var(--gold-deep)}
.cta{border:1px solid var(--line)}
.foot{background:var(--soft)}

/* Login & Admin */
.gate{background:radial-gradient(900px 500px at 80% -10%,rgba(212,165,32,.25),transparent 60%),var(--ink1)}
.gate-card{border-radius:28px}
.gate-top{background:var(--grad)}
.input{border-radius:12px}
.admin{background:var(--paper)}
.admin-head{background:var(--ink1)}
.admin-head b{color:var(--gold-2)}
.site-head{background:rgba(22,19,14,.96)}
@supports (backdrop-filter:blur(1px)){.site-head{background:rgba(22,19,14,.9)}}
.btn-ghost-dark{background:transparent}
.final-cta .btn-ghost-dark{background:rgba(255,255,255,.04)}

/* Rentenlücken-Rechner */
.rl-wish{margin:18px 0 0;color:rgba(255,255,255,.8);font-size:16px}
.rl-wish b{color:var(--gold-2);font-size:19px}
.rl-stack{display:flex;height:22px;border-radius:999px;overflow:hidden;background:rgba(22,19,14,.12);margin:22px 0 14px}
.rl-stack i{display:block;height:100%;transition:width .5s ease}
.s-grv{background:var(--ink1)}.s-oth{background:#7a6326}
.s-gap{background:repeating-linear-gradient(45deg,#fff 0 7px,rgba(255,255,255,.55) 7px 14px)}
.rl-legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14.5px}
.rl-legend li{display:flex;align-items:center;gap:8px}
.rl-legend b{margin-left:auto;font-variant-numeric:tabular-nums}
.rl-legend .sum{border-top:1px solid rgba(22,19,14,.2);padding-top:8px;margin-top:4px;font-weight:600}
.dot{width:12px;height:12px;border-radius:50%;flex:none}
.d-grv{background:var(--ink1)}.d-oth{background:#7a6326}.d-gap{background:#fff;border:1px solid rgba(22,19,14,.3)}
.rl-today{margin:12px 0 0;font-size:12.5px;opacity:.75}
.rl-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:24px}
.rl-lab{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep)}
.rl-big{font-size:clamp(34px,4.6vw,48px);font-weight:600;letter-spacing:-.02em;color:var(--head);line-height:1.1;margin-top:6px}
.rl-card p{margin:6px 0 14px;font-size:14.5px;color:var(--muted)}
.rl-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}
.rl-row b{color:var(--head);white-space:nowrap}
.warn-row b{color:#b4432e}
.rl-adv{margin-top:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:18px 22px}
.rl-adv .adv-body{margin-top:20px}
.rl .fineprint{margin-top:14px}
.simple > *,.simple-fields > *,.calc > *{min-width:0}
.f-head label{min-width:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:520px){.step,.panel-in{padding:18px 16px}.f-head{flex-wrap:wrap}.val{margin-left:auto}}