/* ============================================================
   versichert.richtig — Der PKV-Code · Design-System v2 (editorial)
   Dunkel #0E0E10 · Hell #F6F6F4 · Gold #D0A000
   Archivo (Display) · Hanken Grotesk (Text)
   ============================================================ */
:root{
  --ink:#0E0E10; --paper:#F7F6F2; --paper-2:#FFFFFF; --gold:#D0A000; --gold-l:#E8C24A; --gold-d:#A8841C;
  --grad:linear-gradient(135deg,#F0C948 0%,#D0A000 55%,#B98A00 100%);
  --grad-soft:linear-gradient(135deg,#FBEFC9,#F0DCA0);
  --text:#23231F; --muted:#65655F; --line:#E7E4DA; --card:#FFFFFF;
  --dark:#0E0E10; --dark-2:#15151A; --dark-3:#1E1E24; --dark-line:#2B2B31;
  --cream:#FBF8F0;
  --r-lg:26px; --r-md:18px; --r-sm:12px;
  --sh-1:0 2px 8px rgba(20,18,10,.05);
  --sh-2:0 20px 50px rgba(20,18,10,.10);
  --sh-3:0 40px 90px rgba(0,0,0,.5);
  --maxw:1360px; --narrow:880px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.6;font-size:18px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:var(--gold-d);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;color:var(--ink);line-height:1.06;letter-spacing:-1px;margin:0;}
h1{font-size:clamp(40px,6vw,74px);font-weight:900;letter-spacing:-2px;}
h2{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-1.4px;}
h3{font-size:clamp(19px,2.2vw,25px);font-weight:800;letter-spacing:-.5px;}
h4{font-size:19px;font-weight:800;}
p{margin:14px 0;text-wrap:pretty;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.narrow{max-width:var(--narrow);margin:0 auto;padding:0 24px;}
.center{text-align:center;} .mt0{margin-top:0;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:11px;font-family:'Archivo',sans-serif;font-weight:800;border-radius:999px;padding:17px 32px;font-size:17px;cursor:pointer;border:none;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,filter .18s;text-decoration:none;line-height:1;letter-spacing:-.2px;}
.btn:hover{transform:translateY(-2px);text-decoration:none;}
.btn-gold{background:var(--grad);color:#1A1407;box-shadow:0 12px 30px rgba(208,160,0,.34);}
.btn-gold:hover{box-shadow:0 18px 40px rgba(208,160,0,.44);}
.btn-ghost{background:rgba(255,255,255,.06);color:#F6F6F3;border:1.5px solid rgba(246,246,243,.3);backdrop-filter:blur(4px);}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-dark{background:var(--ink);color:#F6F6F3;}
.btn-sm{padding:15px 22px;font-size:15px;}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(208,160,0,.5);color:var(--gold);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;background:rgba(208,160,0,.06);}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-d);font-weight:800;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;}
.sec-eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);display:inline-block;}
.lead{font-size:20px;color:var(--muted);max-width:660px;}
.uline{background:linear-gradient(transparent 62%,rgba(208,160,0,.35) 62%);}

/* Header / Nav */
header.site{position:sticky;top:0;z-index:60;background:rgba(12,12,14,.82);backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid rgba(255,255,255,.07);}
.nav{max-width:1440px;margin:0 auto;padding:15px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:11px;min-height:44px;color:#F6F6F3;font-family:'Archivo';font-weight:800;font-size:20px;letter-spacing:-.6px;}
.brand:hover{text-decoration:none;}
.brand .mark{width:34px;height:34px;flex:0 0 auto;}
.brand b{color:var(--gold);font-weight:900;}
.brand u{text-decoration-color:var(--gold);text-underline-offset:3px;}
.brand-logo{height:30px;width:auto;display:block;}
@media (max-width:480px){.brand-logo{height:26px;}}
.nav nav{display:flex;gap:26px;align-items:center;}
.nav nav a{color:#CDCDC7;font-size:15px;font-weight:600;position:relative;}
.nav nav a:hover{color:#fff;text-decoration:none;}
.nav nav a:not(.cta)::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gold);transition:width .2s;}
.nav nav a:not(.cta):hover::after{width:100%;}
.nav .cta{background:var(--grad);color:#1A1407;font-family:'Archivo';font-weight:800;font-size:15px;padding:11px 22px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 22px rgba(208,160,0,.3);}
.nav .cta:hover{transform:translateY(-1px);}
/* Dropdown-Navigation */
.nav .menu-t{display:none;}
.nav .menu-btn{display:none;}
.dd{position:relative;display:flex;align-items:center;}
.dd>a .caret{font-size:10px;margin-left:5px;opacity:.65;}
.dd-menu{position:absolute;top:100%;left:-14px;min-width:252px;display:none;flex-direction:column;background:#151517;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 24px 48px rgba(0,0,0,.5);padding:10px;z-index:80;}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex;}
.dd-menu a{padding:9px 12px;border-radius:9px;font-size:14.5px;color:#CDCDC7;white-space:nowrap;}
.dd-menu a:hover{background:rgba(255,255,255,.07);color:#fff;}
.dd-menu a::after{display:none!important;}
/* Werkzeuge-Menue: Name plus die Frage, die das Werkzeug beantwortet */
.dd-menu-wide{width:352px;min-width:0;left:auto;right:-14px;}
.dd-menu-wide a{white-space:normal;padding:10px 12px;}
.dd-menu-wide a b{display:block;font-weight:700;color:#F6F6F3;}
.dd-menu-wide .dd-sub{display:block;font-size:12.5px;line-height:1.4;color:#8C8C86;font-weight:400;margin-top:2px;}
.dd-menu-wide a:hover .dd-sub{color:#C9C9C3;}
@media(max-width:920px){
  .nav .menu-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#F6F6F3;font-size:25px;line-height:1;cursor:pointer;margin:-6px;}
  .nav .menu-btn::before{content:"☰";}
  .menu-t:checked ~ .menu-btn::before{content:"✕";}
  .nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0E0E10;border-bottom:1px solid rgba(255,255,255,.09);flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 24px;max-height:calc(100vh - 66px);overflow:auto;box-shadow:0 30px 50px rgba(0,0,0,.5);}
  .menu-t:checked ~ nav{display:flex;}
  .nav nav>a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.06);}
  .nav nav>a::after{display:none!important;}
  .dd{flex-direction:column;align-items:stretch;position:static;}
  .dd>a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700;color:#fff;}
  .dd>a::after{display:none!important;}
  .dd>a .caret{display:none;}
  .dd-menu{position:static;display:flex;background:none;border:none;box-shadow:none;padding:2px 0 8px 14px;min-width:0;}
  .dd-menu a{white-space:normal;padding:11px 10px;}
  .dd-menu-wide{width:auto;min-width:0;left:auto;right:auto;}
  .nav .cta{align-self:flex-start;margin-top:16px;}
}

/* Sections & rhythm */
section{padding:96px 0;position:relative;}
.sec-sm{padding:56px 0;}
.light{background:var(--paper);} .white{background:var(--paper-2);}
.cream{background:var(--cream);}
.dark{background:var(--dark);color:#F0F0EC;}
.dark h1,.dark h2,.dark h3{color:#F6F6F3;} .dark p{color:#C4C4BE;}
.divider-top{border-top:1px solid var(--line);}

/* HERO — full-bleed, asymmetric, image-backed */
.hero{background:var(--dark);color:#F4F4F0;position:relative;overflow:hidden;padding:0;}
.hero__bg{position:absolute;inset:0;z-index:0;}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.5;}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0C0C0E 0%,rgba(12,12,14,.92) 42%,rgba(12,12,14,.55) 70%,rgba(12,12,14,.35) 100%);}
.hero__bg::before{content:"";position:absolute;inset:0;z-index:2;background:var(--grain);opacity:.05;mix-blend-mode:overlay;}
.hero__glow{position:absolute;z-index:0;width:520px;height:520px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(208,160,0,.28),transparent 60%);filter:blur(20px);}
.hero__inner{position:relative;z-index:3;max-width:var(--maxw);margin:0 auto;padding:96px 24px 104px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
/* Eigene Groesse fuer die Hero-Zeile (19.08.2026): mit den globalen 6vw/74px
   passt "<Wechselwort> gerechnet." zwischen 920px und 1360px Fensterbreite
   nicht in die Textspalte (gemessen 717px Text gegen 617px Spalte bei 1280px)
   und bricht in eine eigene Zeile um. 5vw/66px plus die etwas breitere
   Textspalte oben halten die Ueberschrift bei drei Zeilen. */
.hero h1{color:#fff;margin:20px 0 0;font-size:clamp(38px,5vw,66px);}
.hero h1 b{color:var(--gold);font-style:italic;font-synthesis:none;}
/* Wechselndes Wort vor "gerechnet". Die Breite wird mitanimiert, damit
   "gerechnet" nicht springt, wenn ein laengeres Wort kommt. */
.hero h1 .wechsel{position:relative;display:inline-block;white-space:nowrap;vertical-align:top;}
.hero h1 .wechsel .w{display:inline-block;transition:opacity .34s ease,transform .34s cubic-bezier(.2,.7,.3,1);}
.hero h1 .wechsel .w.geist{position:absolute;left:0;top:0;transition:opacity .16s ease;}
.hero h1 .wechsel .w.ein{opacity:0;transform:translateY(.2em);}
.hero h1 .wechsel .w.ab{opacity:0;}
/* font-synthesis:none verhindert ein gefaelschtes Kursiv, falls der
   echte Schnitt einmal nicht geladen wird. Dann bleibt es aufrecht,
   statt schraeg gerechnet zu werden. */
.hero h1 u{text-decoration-color:var(--gold);text-underline-offset:8px;text-decoration-thickness:6px;}

.hero .sub{font-size:20px;color:#CDCDC7;max-width:520px;margin:22px 0 0;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}
.proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;}
.proof .p{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#D7D7D1;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:8px 13px;border-radius:999px;}
.proof .p svg{flex:0 0 auto;}
.proof .p b{color:var(--gold-l);}
/* Sprungmarke zum Typ-Finder: auf Desktop unnoetig, weil der Finder daneben steht */
.btn-finderjump{display:none;}
@media(max-width:920px){.hero__inner{grid-template-columns:1fr;gap:28px;padding:56px 24px 64px;}.hero__bg img{object-position:center;opacity:.28;}.btn-finderjump{display:inline-flex;}}

/* Grids */
.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
@media(max-width:920px){.grid-2{grid-template-columns:1fr;gap:30px;}}

/* Trust logo strip */
.logostrip{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:center;opacity:.85;}
.logostrip .lg{font-family:'Archivo';font-weight:800;color:#9A9A93;font-size:19px;letter-spacing:.5px;filter:grayscale(1);}

/* Stat band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.stat{padding:6px 2px;}
.stat .n{font-family:'Archivo';font-weight:900;font-size:clamp(30px,4vw,44px);color:var(--gold);line-height:1;letter-spacing:-1px;}
.stat .l{font-size:14px;color:#B6B6B0;margin-top:8px;}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr);gap:26px;}}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px;}
.cards.two{grid-template-columns:repeat(2,1fr);} .cards.four{grid-template-columns:repeat(4,1fr);}
@media(max-width:920px){.cards,.cards.four{grid-template-columns:1fr;}.cards.four{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.cards.four{grid-template-columns:1fr;}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:30px;box-shadow:var(--sh-1);transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s;}
.card.hoverable:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.card h3{margin-bottom:8px;} .card p{color:var(--muted);font-size:16px;margin:0;}
/* Karten haben immer hellen Grund, auch in einem dunklen Abschnitt.
   Ohne diese Regel erben die Ueberschriften .dark h3 (#F6F6F3) und stehen
   dann fast weiss auf weiss. */
.dark .card h1,.dark .card h2,.dark .card h3{color:var(--ink);}
.dark .card p{color:var(--muted);}
.card .ic{width:52px;height:52px;border-radius:14px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(208,160,0,.25);}
.card .arrow{color:var(--gold-d);font-weight:800;margin-top:16px;display:inline-flex;gap:6px;transition:gap .2s;}
.card.hoverable:hover .arrow{gap:12px;}

/* Media / images */
.media{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);position:relative;}
.media img{width:100%;height:100%;object-fit:cover;}
.media.frame{border:1px solid rgba(255,255,255,.1);}
.media--tint::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,14,16,.5));mix-blend-mode:multiply;}
.badge-float{position:absolute;z-index:3;background:rgba(14,14,16,.86);backdrop-filter:blur(6px);border:1px solid rgba(208,160,0,.35);color:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--sh-2);}
.badge-float .big{font-family:'Archivo';font-weight:900;color:var(--gold);font-size:26px;line-height:1;}
.badge-float .sm{font-size:12.5px;color:#C4C4BE;margin-top:3px;}

/* Tool card (dark) */
.toolcard{background:linear-gradient(180deg,#17171C,#111116);border:1px solid var(--dark-line);border-radius:var(--r-lg);padding:28px;color:#F4F4F0;box-shadow:var(--sh-3);}
.toolcard h3{color:#F6F6F3;}

/* Chips / options */
.chips{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
@media(max-width:520px){.chips{grid-template-columns:1fr;}}
.chip{background:var(--dark-3);border:1.5px solid #313139;color:#DADAD4;border-radius:14px;padding:15px;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s;font-family:'Hanken Grotesk';}
.chip:hover{border-color:var(--gold);transform:translateY(-1px);}
.chip.on{background:var(--grad);color:#1A1407;border-color:var(--gold);font-weight:700;}

/* Forms */
label{font-size:13px;color:#B6B6B0;font-weight:600;display:block;margin:14px 0 6px;}
/* Grundstil fuer alle Eingabefelder. Vorher waren nur Felder in dunklen
   Abschnitten und in .toolcard gestylt. Das Formular fuer die Kurzfassung
   liegt in einem hellen Abschnitt und war deshalb 22px hoch, also unter der
   Mindestgroesse fuer Tippziele. 16px Schriftgroesse verhindert ausserdem,
   dass iOS beim Antippen hineinzoomt. */
input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{
  width:100%;min-height:48px;background:#fff;border:1.5px solid var(--line);
  border-radius:12px;padding:13px 15px;font-size:16px;color:var(--text);
  font-family:'Hanken Grotesk',system-ui,sans-serif;
}
input:not([type=range]):not([type=checkbox]):not([type=radio]):focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(208,160,0,.25);
}
.dark input,.dark select,.toolcard input,.toolcard select{width:100%;background:#0C0C0E;border:1.5px solid #313139;border-radius:12px;padding:15px;color:#F6F6F3;font-size:16px;font-family:'Hanken Grotesk';}
input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(208,160,0,.18);}
.range{width:100%;accent-color:var(--gold);}
.hint{font-size:13px;color:#8C8C86;} .consent{font-size:12px;color:#8C8C86;margin:12px 0 4px;}

/* Result panel */
.result{background:#0C0C0E;border:1px solid var(--dark-line);border-radius:16px;padding:22px;text-align:center;}
.result .lbl{font-size:12px;color:#8C8C86;text-transform:uppercase;letter-spacing:1.5px;}
.result .big{font-family:'Archivo';font-weight:900;font-size:40px;color:var(--gold);line-height:1;margin:6px 0;}
.result .note{font-size:12px;color:#8C8C86;} .stars{font-size:22px;letter-spacing:3px;color:var(--gold);}

/* Profi-Tipp */
.tipp{background:var(--grad-soft);border-radius:var(--r-md);padding:32px;display:flex;gap:22px;align-items:flex-start;box-shadow:var(--sh-1);border:1px solid rgba(208,160,0,.2);}
.tipp .bulb{font-size:32px;flex:0 0 auto;} .tipp .k{font-family:'Archivo';font-weight:900;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#8A6D00;}
.tipp p{color:#3A2E00;font-size:19px;margin:6px 0 0;font-weight:500;}

/* Tables */
.tbl{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px;background:#fff;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-1);}
.tbl th,.tbl td{padding:15px 17px;text-align:left;border-bottom:1px solid var(--line);}
.tbl th{background:var(--grad-soft);font-family:'Archivo';font-weight:800;color:#3A2E00;font-size:14px;}
.tbl tr:last-child td{border-bottom:none;} .tbl .g{color:var(--gold-d);font-weight:800;}

/* Prose */
.prose h2{margin:46px 0 12px;} .prose h3{margin:32px 0 6px;}
.prose p{color:var(--text);} .prose ul{margin:14px 0;padding-left:22px;} .prose li{margin:8px 0;}
.answer{background:#fff;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:18px 22px;font-size:18px;box-shadow:var(--sh-1);} .answer b{color:var(--ink);}

/* Blog cards */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
@media(max-width:920px){.posts{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.posts{grid-template-columns:1fr;}}
.post{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;box-shadow:var(--sh-1);}
.post:hover{transform:translateY(-4px);box-shadow:var(--sh-2);text-decoration:none;}
.post .top{height:132px;background:linear-gradient(135deg,#1A1A1F,#0C0C0E);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:'Archivo';font-weight:900;font-size:15px;letter-spacing:1px;text-align:center;padding:16px;position:relative;overflow:hidden;}
.post .top::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(208,160,0,.25),transparent 65%);}
.post .body{padding:24px;flex:1;display:flex;flex-direction:column;}
.post .tag{font-size:12px;color:var(--gold-d);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;}
.post h3{color:var(--ink);font-size:20px;margin:8px 0;} .post p{color:var(--muted);font-size:15px;margin:0 0 16px;flex:1;}
.post .rd{color:var(--gold-d);font-weight:800;font-size:14px;}

/* Expert */
.expert{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;}
@media(max-width:920px){.expert{grid-template-columns:1fr;}}
.photo{background:linear-gradient(135deg,#1C1C20,#0C0C0E);border:1px solid var(--dark-line);border-radius:var(--r-lg);aspect-ratio:4/5;position:relative;overflow:hidden;display:flex;align-items:flex-end;box-shadow:var(--sh-3);}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.photo .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#3A3A40;font-family:'Archivo';font-weight:900;font-size:18px;}
.photo .cap{position:relative;z-index:2;width:100%;background:linear-gradient(0deg,rgba(12,12,14,.92),transparent);padding:22px 18px 16px;text-align:center;color:#F6F6F3;}

/* FAQ */
.faq details{border-bottom:1px solid var(--line);padding:20px 0;}
.faq summary{font-family:'Archivo';font-weight:800;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--gold);font-size:26px;line-height:1;transition:transform .2s;}
.faq details[open] summary::after{content:"–";}
.faq p{color:var(--muted);margin:12px 0 0;font-size:16px;}

/* Steps */
.steps{display:flex;gap:8px;margin-bottom:20px;}
.steps .s{flex:1;height:5px;border-radius:999px;background:#2E2E34;}
.steps .s.on{background:var(--grad);}

/* Final CTA */
.final{background:var(--dark);color:#F4F4F0;text-align:center;position:relative;overflow:hidden;}
.final::before{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:640px;height:400px;background:radial-gradient(ellipse,rgba(208,160,0,.22),transparent 65%);}
.final .wrap{position:relative;z-index:2;}
.final h2{color:#fff;max-width:760px;margin:0 auto 14px;}
.bigcta{display:inline-flex;align-items:center;gap:16px;background:var(--grad);color:#1A1407;text-decoration:none;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,30px);border-radius:999px;padding:22px 46px;box-shadow:0 20px 50px rgba(208,160,0,.4);transition:transform .18s;}
.bigcta:hover{text-decoration:none;transform:translateY(-2px);}
.smallnote{font-size:13px;color:#8C8C86;margin-top:16px;}

/* Breadcrumb */
 

/* Footer */
footer{background:#08080A;color:#8C8C86;font-size:14px;padding:56px 0 30px;border-top:1px solid var(--dark-line);}
footer a{color:#B6B6B0;} footer a:hover{color:var(--gold-l);}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;}
@media(max-width:700px){.foot-grid{grid-template-columns:1fr;gap:22px;}}
.foot-grid h4{color:#F6F6F3;font-size:15px;margin-bottom:14px;} .foot-grid a{display:block;margin:8px 0;}
.foot-bottom{border-top:1px solid var(--dark-line);margin-top:32px;padding-top:20px;font-size:12px;color:#5E5E58;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* utility */
.pop{animation:pop .4s cubic-bezier(.2,.7,.3,1);} @keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.rise{animation:rise .6s cubic-bezier(.2,.7,.3,1) both;} @keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hidden{display:none!important;}
.badge-note{display:inline-block;background:var(--grad-soft);color:#8A6D00;font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;}


/* WhatsApp-Chat-Button (global, unten rechts) */
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:900;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;line-height:1;padding:14px 20px 14px 16px;border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.30);text-decoration:none;transition:transform .18s,box-shadow .18s;}
.wa-fab:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.38);text-decoration:none;color:#fff;}
.wa-fab svg{width:24px;height:24px;flex:0 0 auto;}
@media(max-width:600px){.wa-fab span{display:none;}.wa-fab{padding:15px;right:16px;bottom:16px;}}

/* Nutzer, die im Betriebssystem weniger Bewegung eingestellt haben, bekommen
   keine Scroll-Einblendungen und keine Uebergaenge. Die Inhalte bleiben
   vollstaendig sichtbar, es faellt nur die Bewegung weg. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .rise{opacity:1!important;transform:none!important;}
}