/* ===== PodcastMaster 2026 · Layout: eine DAW-Session als Seite. Dunkles Mischpult (Markennavy) oben, darunter helle Spuren; Gold ist die Pegelanzeige und nur für das Wichtigste. ===== */
@font-face{font-family:"Archivo";font-style:normal;font-weight:500 800;font-stretch:100% 125%;font-display:swap;src:url("/fonts/archivo-var-latin.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url("/fonts/figtree-var-latin.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/ibmplexmono-400-latin.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/ibmplexmono-500-latin.woff2") format("woff2")}

:root{
  --bg:#F3F5F5; --surface:#FFFFFF; --ink:#10232B; --muted:#4D5F66; --line:#D6DEE0;
  --navy:#12323E; --navy-soft:#E3ECEE; --gold:#B98A2C; --gold-ink:#7F5D14; --gold-bright:#D9A740;
  --console:#0E2833; --console-2:#15343F; --console-ink:#E9EFF0; --console-muted:#9DB2B8; --console-line:#25474F;
  --wave-raw:#6E8A92; --ok:#2E8B57;
  --f-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:6px; --maxw:1120px;
  /* Altvariablen für übernommene Bausteine (Cookie-Banner, Rechtliches, Formulare) */
  --white:#FFFFFF; --off-white:#F3F5F5; --light-gray:#D6DEE0; --mid-gray:#5C6D73; --dark-gray:#10232B; --black:#000;
  --green:#2E8B57; --green-dark:#24704A; --blue:#12323E; --blue-hover:#0E2833; --radius:12px; --radius-lg:20px;
  --transition:.3s ease;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:var(--navy)}
h1,h2,h3{font-family:var(--f-display);font-stretch:112%;line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:750}
h3{font-size:1.2rem;font-weight:700}
p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap,.container{max-width:var(--maxw);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow,.section-eyebrow{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.section-title{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:750;margin:10px 0 20px}
.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}
main>section,.pm-section{padding-block:clamp(64px,9vw,112px)}
.sec-head{display:grid;gap:14px;margin-bottom:44px;max-width:760px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-body);font-weight:600;font-size:1rem;line-height:1.2;padding:14px 22px;border-radius:var(--r);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold-bright);color:#1A1200}
.btn-gold:hover{background:#E3B450}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.btn-navy{background:var(--navy);color:#fff}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:var(--console);color:var(--console-ink);border-bottom:1px solid var(--console-line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:1.15rem;color:var(--console-ink);text-decoration:none;letter-spacing:.01em;text-transform:uppercase}
.brand img{height:34px;width:auto;background:#fff;border-radius:6px;padding:3px 5px}
.brand b{color:var(--gold-bright);font-weight:800}
.nav-links{display:flex;gap:26px;font-size:.95rem}
.nav-links a{color:var(--console-muted);text-decoration:none}
.nav-links a:hover{color:var(--console-ink)}
.header-cta{padding:10px 16px;font-size:.92rem}
.hamburger{display:none;background:none;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px}
.hamburger span{display:block;width:22px;height:2px;background:var(--console-ink);border-radius:2px}
.mobile-nav{display:none;position:fixed;inset:60px 0 auto 0;z-index:999;background:var(--console);padding:12px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--console-line);max-height:calc(100vh - 60px);overflow:auto}
.mobile-nav.open{display:grid;gap:2px}
.mobile-nav-link{color:var(--console-ink);text-decoration:none;padding:12px 4px;border-bottom:1px solid var(--console-line)}
.mobile-nav-cta{margin-top:16px}
.mobile-nav-cta .btn{width:100%}
@media (max-width:900px){.nav-links{display:none}.hamburger{display:flex}.header-cta{display:none}}

/* Hero */
.hero{background:var(--console);color:var(--console-ink)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero-grid>*{min-width:0}
.hero .eyebrow{color:var(--gold-bright)}
.hero h1{font-size:clamp(2.6rem,6.4vw,4.9rem);font-weight:800;font-stretch:115%;margin-top:18px}
.hero h1 em{font-style:normal;color:var(--gold-bright)}
.hero .lead{color:var(--console-muted);margin-top:22px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;font-family:var(--f-mono);font-size:.8rem;color:var(--console-muted)}
.hero-facts span::before{content:"● ";color:var(--gold-bright)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}

.session{background:var(--console-2);border:1px solid var(--console-line);border-radius:10px;overflow:hidden;font-family:var(--f-mono);font-size:.78rem}
.session-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--console-line);color:var(--console-muted);gap:12px}
.session-bar b{color:var(--console-ink);font-weight:500}
.toggle{display:inline-flex;border:1px solid var(--console-line);border-radius:5px;overflow:hidden}
.toggle button{font:inherit;background:transparent;color:var(--console-muted);border:0;padding:6px 12px;cursor:pointer}
.toggle button[aria-pressed="true"]{background:var(--gold-bright);color:#1A1200}
.lane{display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid var(--console-line)}
.lane-label{padding:12px 14px;color:var(--console-muted);border-right:1px solid var(--console-line);width:118px;display:grid;gap:2px;align-content:center}
.lane-label b{color:var(--console-ink);font-weight:500}
#wave{display:block;width:100%;height:96px}
.meter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;color:var(--console-muted);border-bottom:1px solid var(--console-line)}
.meter strong{color:var(--console-ink);font-weight:500;font-variant-numeric:tabular-nums;font-size:.95rem}
.meter-bar{flex:1;height:6px;background:var(--console-line);border-radius:3px;position:relative;overflow:hidden}
.meter-fill{position:absolute;inset:0 auto 0 0;background:var(--gold-bright);border-radius:3px;transition:width .5s ease}
.outputs{list-style:none;margin:0;padding:6px 0}
.outputs li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 14px;color:var(--console-ink)}
.outputs li span:last-child{color:var(--console-muted)}
.session-note{padding:8px 14px 12px;color:var(--console-muted);font-size:.7rem}
.session-note a{color:var(--gold-bright)}
@media (max-width:480px){.lane-label{width:92px}}

/* Für wen */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.who-grid>div{background:var(--surface);padding:28px;display:grid;gap:10px;align-content:start}
.who-grid p{color:var(--muted)}
@media (max-width:800px){.who-grid{grid-template-columns:1fr}}

/* Leistung */
.deliver{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.deliver>div{border-top:3px solid var(--navy);padding-top:18px;display:grid;gap:8px;align-content:start}
.deliver .spec{font-family:var(--f-mono);font-size:.78rem;color:var(--gold-ink)}
.deliver p{color:var(--muted);font-size:.97rem}
@media (max-width:900px){.deliver{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.deliver{grid-template-columns:1fr}}

/* Hörvergleich + Referenz */
.listen{background:var(--console);color:var(--console-ink)}
.listen .eyebrow{color:var(--gold-bright)}
.listen .lead{color:var(--console-muted)}
.listen-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,64px);align-items:start}
.listen-grid>*{min-width:0}
.ab{margin-top:28px;background:var(--console-2);border:1px solid var(--console-line);border-radius:10px;padding:22px;display:grid;gap:16px}
.ab-btns{display:flex;flex-wrap:wrap;gap:10px}
.ab-btns button{font:600 1rem var(--f-body);border-radius:var(--r);padding:12px 18px;cursor:pointer;border:1.5px solid var(--console-line);background:transparent;color:var(--console-ink)}
.ab-btns #playAfter{background:var(--gold-bright);border-color:var(--gold-bright);color:#1A1200}
.ab-btns #stopAudio{color:var(--console-muted)}
.listen #status{font-family:var(--f-mono);font-size:.82rem;color:var(--console-muted);margin:0;text-align:left;min-height:auto}
.quote-card{background:var(--console-2);border:1px solid var(--console-line);border-radius:10px;overflow:hidden}
.quote-card .testimonial-video-wrap{position:relative;aspect-ratio:878/1029;max-width:100%;background:#000}
.quote-card blockquote{margin:0;padding:22px 22px 6px;font-family:var(--f-display);font-stretch:108%;font-weight:650;font-size:1.35rem;line-height:1.25;text-wrap:balance;color:var(--console-ink)}
.quote-card blockquote::before{content:"„";color:var(--gold-bright)}
.quote-card blockquote::after{content:"“";color:var(--gold-bright)}
.quote-card .cite{padding:0 22px 22px;color:var(--console-muted);font-size:.95rem}
.case-facts{margin-top:28px;display:grid;gap:1px;background:var(--console-line);border:1px solid var(--console-line);border-radius:var(--r);overflow:hidden}
.case-facts div{background:var(--console-2);padding:14px 18px;display:flex;justify-content:space-between;gap:16px;font-size:.95rem}
.case-facts span:first-child{color:var(--console-muted)}
.case-facts span:last-child{text-align:right}
@media (max-width:860px){.listen-grid{grid-template-columns:1fr}.quote-card{max-width:420px}}

/* Pakete */
.pricing{background:var(--surface);border-block:1px solid var(--line)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.plan{border:1px solid var(--line);border-radius:10px;padding:32px;display:flex;flex-direction:column;gap:20px;background:var(--bg)}
.plan.featured{background:var(--console);color:var(--console-ink);border-color:var(--console)}
.plan.featured .plan-sub{color:var(--console-muted)}
.plan.featured li::before{color:var(--gold-bright)}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.badge{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:4px;background:var(--gold-bright);color:#1A1200}
.price{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:3rem;line-height:1;font-variant-numeric:tabular-nums}
.price small{font-family:var(--f-body);font-size:1rem;font-weight:500;font-stretch:100%}
.plan-sub{color:var(--muted);margin-top:8px}
.plan ul,.mini ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.plan li,.mini li{padding-left:26px;position:relative}
.plan li::before,.mini li::before{content:"✓";position:absolute;left:0;color:var(--navy);font-weight:700}
.plan li.plus{font-weight:600}
.plan .btn{margin-top:auto}
.plan-note{font-size:.85rem;color:var(--muted)}
.plan.featured .plan-note{color:var(--console-muted)}
.addon{margin-top:24px;border:1px dashed var(--line);border-radius:10px;padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.addon>*{min-width:0}
.addon p{color:var(--muted);margin-top:6px}
.addon .price{font-size:2rem}
.status-pill{display:inline-block;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:4px;border:1px solid var(--line);color:var(--muted);margin-left:8px;vertical-align:middle}
@media (max-width:820px){.plans{grid-template-columns:1fr}.addon{grid-template-columns:1fr}}

.single{margin-top:72px}
.single-head{display:grid;gap:8px;margin-bottom:24px}
.single-head p{color:var(--muted)}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mini{border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--bg)}
.mini .price{font-size:2.2rem}
.mini .tag{font-family:var(--f-mono);font-size:.75rem;color:var(--gold-ink);text-transform:uppercase;letter-spacing:.06em}
.mini .buy-form{margin-top:auto}
.mini.extra{background:var(--surface)}
.mini.extra .btn{margin-top:auto}
@media (max-width:900px){.minis{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.minis{grid-template-columns:1fr}}
.tax{margin-top:18px;font-size:.85rem;color:var(--muted)}

/* PayPal-Formular (übernommen, neu gestylt) */
.buy-form{display:grid;gap:12px}
.buy-form .checkbox-row{font-size:.78rem;line-height:1.45;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
.buy-form input[type="submit"]{font:600 .98rem var(--f-body);background:var(--navy);color:#fff;border:0;border-radius:var(--r);padding:13px 16px;cursor:pointer;width:100%;white-space:normal}
.buy-form input[type="submit"]:hover{background:var(--console)}
.pay-icons{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}

/* Ablauf */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.step{display:grid;gap:10px;align-content:start}
.step-n{font-family:var(--f-mono);font-size:.8rem;color:var(--gold-ink);display:flex;align-items:center;gap:10px}
.step-n::after{content:"";flex:1;height:1px;background:var(--line)}
.step p{color:var(--muted);font-size:.97rem}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* Rohmaterial */
.need{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.need div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;display:grid;gap:4px}
.need .spec{font-family:var(--f-mono);font-size:.8rem;color:var(--gold-ink)}
.need p{color:var(--muted);font-size:.96rem}
@media (max-width:700px){.need{grid-template-columns:1fr}}

/* Über mich */
.about{background:var(--navy-soft)}
.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.about-grid>*{min-width:0}
.about-text{display:grid;gap:16px;max-width:62ch}
.signature{font-family:var(--f-mono);font-size:.85rem;color:var(--muted)}
.about-video-wrap{position:relative;max-width:360px;margin-left:auto;border-radius:10px;overflow:hidden;background:#000}
@media (max-width:820px){.about-grid{grid-template-columns:1fr}.about-video-wrap{margin:0}}

/* Gratis-Probe (#kontakt) */
.trial{background:var(--console);color:var(--console-ink)}
.trial .eyebrow{color:var(--gold-bright)}
.trial .lead{color:var(--console-muted)}
.trial-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:start}
.trial-grid>*{min-width:0}
.trial-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.trial-points li{display:grid;grid-template-columns:auto 1fr;gap:12px}
.trial-points li::before{content:"→";color:var(--gold-bright);font-family:var(--f-mono)}
.trial-box{display:grid;gap:14px;background:var(--surface);color:var(--ink);border-radius:10px;padding:28px}
.trial-box label.field{display:grid;gap:6px;font-size:.92rem;color:var(--muted)}
.trial-box input[type="text"],.trial-box input[type="email"]{font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:12px 14px;width:100%}
.trial-box #wtBox{margin:4px 0}
.trial-box .wt-btn{background:var(--gold-bright)!important;color:#1A1200!important;font-family:var(--f-body)}
.trial-box .checkbox-row{font-size:.85rem;color:var(--muted)}
.trial .wa-alt{margin-top:28px}
.trial .wa-alt p{color:var(--console-muted)}
.trial .wa-alt .wa-note{color:var(--console-muted)}
.trial .wa-alt .wa-note a{color:var(--console-muted)!important}
@media (max-width:860px){.trial-grid{grid-template-columns:1fr}}

/* FAQ */
.faq-list{display:grid;border-top:1px solid var(--line);max-width:860px}
.faq-list details{border-bottom:1px solid var(--line);padding-block:18px}
.faq-list summary{cursor:pointer;font-weight:600;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-family:var(--f-mono);color:var(--gold-ink);font-size:1.2rem;line-height:1}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{color:var(--muted);margin-top:10px;max-width:68ch}

/* Rechtliches */
.legal{background:var(--surface);border-top:1px solid var(--line)}
.legal-inner{max-width:860px}

/* Footer */
footer{background:var(--console);color:var(--console-muted);padding-block:48px;font-size:.92rem}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
.foot>*{min-width:0}
.foot h4{font-family:var(--f-mono);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--console-ink);margin:0 0 12px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.foot a{color:var(--console-muted);text-decoration:none}
.foot a:hover{color:var(--console-ink)}
.foot .legal-btn{color:var(--console-ink);text-decoration:underline}
.copyline{margin-top:36px;padding-top:20px;border-top:1px solid var(--console-line);font-size:.82rem}
@media (max-width:760px){.foot{grid-template-columns:1fr}}

/* Kündigungs-Modal nutzt die Stile des Widerruf-Modals */
#kuendigungModal{display:none;position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.5);align-items:center;justify-content:center;padding:20px}
.legal-form-row .radio{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;font-weight:400;margin-bottom:6px}
.legal-form-row .radio input{width:auto;height:auto;margin-top:3px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ===== Feinschliff nach Browsertest ===== */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:10001;background:var(--gold-bright);color:#1A1200;padding:10px 16px;border-radius:var(--r);font-weight:600}
.skip-link:focus{left:16px}
.about-video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trial-points li a{color:var(--gold-bright)}
.trial .wa-alt{text-align:left;margin:32px 0 0;max-width:none}
.wt-num{background:var(--navy)!important}
#wtCopy{color:var(--navy)!important;border-color:var(--line)!important}
#wtCopy:hover{background:var(--navy-soft)!important}
.wt-btn{border-radius:var(--r)!important}
#wtBox{background:var(--bg)!important;border-color:var(--line)!important}
.legal + .legal{border-top:0}
.minis + .minis{margin-top:20px}
.minis.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:600px){.minis.two{grid-template-columns:1fr}}
.mini .pay-icons img{height:22px;width:auto}
.spotify-box{margin-top:28px}
.spotify-placeholder{background:var(--console-2);border:1px dashed var(--console-line);border-radius:10px;padding:22px;display:grid;gap:10px;justify-items:start;text-align:left;max-width:none}
.spotify-placeholder h3{color:var(--console-ink);margin:0}
.spotify-placeholder p{color:var(--console-muted);font-size:.92rem}
.spotify-placeholder .spotify-note{font-size:.78rem}
.spotify-placeholder a{color:var(--console-muted)}
#spotifyEmbedContainer iframe{border-radius:10px;display:block}
/* Vorstellungsvideo: feste Breite, Höhe ohne aspect-ratio (auch ältere Safari-Versionen) */
.about .about-video-wrap{width:100%;max-width:360px;margin:0 0 0 auto;aspect-ratio:auto;height:auto}
.about .about-video-wrap::before{content:"";display:block;padding-top:174.89%}
@media (max-width:820px){.about .about-video-wrap{margin:0}}
/* Testimonial: Höhe ohne aspect-ratio */
.quote-card .testimonial-video-wrap{aspect-ratio:auto;height:auto;max-height:none;display:block}
.quote-card .testimonial-video-wrap::before{content:"";display:block;padding-top:117.2%}

/* Pakete nach Kanälen gegliedert */
.plan .grp{display:grid;gap:8px}
.plan .grp + .grp{padding-top:14px;border-top:1px solid var(--line)}
.plan.featured .grp + .grp{border-top-color:var(--console-line)}
.plan .grp-h{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-ink)}
.plan.featured .grp-h{color:var(--gold-bright)}
.plan .grp ul{gap:6px}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:-16px 0 36px;font-size:.95rem}
.flow span{padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.flow .flow-in{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
.flow .flow-arrow,.flow .flow-plus{border:0;background:none;padding:0;color:var(--gold-ink);font-family:var(--f-mono);font-weight:500}
.deliver-note{margin-top:28px;color:var(--muted);font-size:.95rem}

.shorts-link{margin-top:16px;background:var(--console-2);border:1px solid var(--console-line);border-radius:10px;padding:22px;display:grid;gap:14px;justify-items:start}
.shorts-link h3{color:var(--console-ink);margin:0}
.shorts-link p{color:var(--console-muted);font-size:.92rem;margin-top:6px}
.shorts-btns{display:flex;flex-wrap:wrap;gap:10px}
.shorts-link .btn-ghost{color:var(--console-ink)}

/* 3 Pakete */
.plans.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.plans.three{grid-template-columns:1fr;max-width:560px}}
.first-month{display:inline-block;margin-top:10px;font-family:var(--f-mono);font-size:.8rem;padding:4px 8px;border-radius:4px;background:var(--navy-soft);color:var(--navy)}
.plan.featured .first-month{background:var(--console-2);color:var(--gold-bright)}
.intro-offer{background:var(--navy-soft);border-left:3px solid var(--gold);padding:12px 16px;border-radius:var(--r);max-width:60ch}
.plans-foot{margin-top:24px;display:grid;gap:6px;color:var(--muted);font-size:.95rem;max-width:80ch}
.single-note{margin-top:24px;border:1px solid var(--line);border-radius:10px;padding:24px 28px;display:grid;gap:10px;justify-items:start;background:var(--bg)}
.single-note p{color:var(--muted)}

/* ===== Unterseiten (Ratgeber, AGB, Equipment) ===== */
.site-header.sub .header-cta{display:inline-flex}
@media (max-width:900px){.site-header.sub .brand span{font-size:1rem}}
@media (max-width:420px){.site-header.sub .brand span{display:none}}
.crumbs{background:var(--console);border-top:1px solid var(--console-line)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--f-mono);font-size:.78rem;color:var(--console-muted);padding-block:12px}
.breadcrumb a{color:var(--console-muted);text-decoration:none}
.breadcrumb a:hover{color:var(--console-ink)}
.page-hero{background:var(--console);color:var(--console-ink);padding-block:clamp(40px,7vw,80px) clamp(48px,8vw,88px)}
.page-hero .eyebrow{color:var(--gold-bright)}
.page-hero h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800;margin-top:14px;max-width:20ch}
.page-hero .hero-sub,.page-hero .lead{color:var(--console-muted);margin-top:18px;font-size:1.12rem;max-width:62ch}
.page-hero .meta{font-family:var(--f-mono);font-size:.8rem;color:var(--console-muted);margin-top:14px}
.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.article{padding-block:clamp(48px,7vw,88px)}
.article .wrap{max-width:820px}
.article h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:750;margin:56px 0 16px}
.article h2:first-child{margin-top:0}
.article h3{font-size:1.15rem;margin:28px 0 8px}
.article p{margin:0 0 16px;color:var(--ink)}
.article ul,.article ol{margin:0 0 20px;padding-left:22px;display:grid;gap:8px}
.article li{padding-left:4px}
.article a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.article .box,.article .callout{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);padding:22px 24px;margin:24px 0}
.article .box h3{margin-top:0}
.article .box ul{margin-bottom:0}
.article .callout p{margin:0}
.article .hl{color:var(--gold-ink)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin:16px 0 8px;background:var(--surface)}
.article .tbl{border-collapse:collapse;width:100%;min-width:520px;font-size:.96rem;background:var(--surface)}
.article .tbl th,.article .tbl td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.article .tbl tr:last-child td{border-bottom:0}
.article .tbl th{font-family:var(--f-mono);font-weight:500;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
.article > .wrap > .tbl{display:block;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.table-note{font-size:.85rem!important;color:var(--muted)!important}
.article .steps{grid-template-columns:repeat(3,1fr);margin:16px 0 8px}
.article .step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.article .step h3{margin:6px 0}
.article .step p{margin:0;color:var(--muted);font-size:.95rem}
.article .step-num{font-family:var(--f-mono);color:var(--gold-ink);font-size:.85rem}
@media (max-width:700px){.article .steps{grid-template-columns:1fr}}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;display:grid;gap:6px;align-content:start}
.price-card.feat{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.price-card h3{margin:0!important}
.price-card .lbl{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-ink)}
.price-card .dur{color:var(--muted);font-size:.92rem}
.price-card .pr{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:2rem;font-variant-numeric:tabular-nums}
.price-card .pr span{font-family:var(--f-body);font-size:.9rem;font-weight:500}
.price-card .btn{margin-top:8px}
@media (max-width:700px){.prices{grid-template-columns:1fr}}
.article .faq-list{border-top:1px solid var(--line)}
.article .faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.article .faq-item p{margin:6px 0 0;color:var(--muted)}
.cta-inline{background:var(--console);color:var(--console-ink);border-radius:10px;padding:28px;margin:40px 0}
.cta-inline h3{margin:0 0 10px;color:var(--console-ink)}
.cta-inline p{color:var(--console-muted)!important}
.cta-inline a:not(.btn){color:var(--gold-bright)!important}
.cta-sec{background:var(--console);color:var(--console-ink);padding-block:clamp(56px,8vw,96px)}
.cta-sec .wrap{max-width:820px;display:grid;gap:18px;justify-items:start}
.cta-sec h2{font-size:clamp(1.7rem,3.6vw,2.4rem)}
.cta-sec p{color:var(--console-muted)}
.cta-sec a:not(.btn){color:var(--gold-bright)}
.related{padding-block:clamp(56px,8vw,96px)}
.related h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:24px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;text-decoration:none;color:var(--ink);display:grid;gap:6px;align-content:start;transition:border-color .15s ease}
.rel-card:hover{border-color:var(--navy)}
.rel-card .ic{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
.rel-card h3{font-size:1.1rem}
.rel-card p{color:var(--muted);font-size:.95rem}
@media (max-width:800px){.rel-grid{grid-template-columns:1fr}}

/* AGB */
.legal-page{padding-block:clamp(48px,7vw,88px)}
.legal-page .wrap{max-width:860px}
.legal-page .legal-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:clamp(20px,5vw,40px)}
.legal-page .block{padding:22px 0;border-top:1px solid var(--line)}
.legal-page .block:first-child{border-top:0;padding-top:0}
.legal-page .block h2{font-size:1.15rem;margin:0 0 10px}
.legal-page .block p{font-size:.95rem;color:var(--ink);line-height:1.7;margin:0 0 10px}
.legal-page .block ul,.legal-page .block ol{font-size:.95rem;padding-left:22px}
.legal-page .stand{margin-top:24px;font-size:.85rem;color:var(--muted)}
.legal-page .changed{background:#FFF6DD;border-left:3px solid var(--gold);padding:2px 6px}

/* WhatsApp-Button auf Unterseiten */
.wa-float{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:900;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 16px;border-radius:980px;background:#25d366;color:#0E2833;font-size:.9rem;font-weight:600;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.16)}
.wa-float svg{width:26px;height:26px;flex-shrink:0;fill:#0E2833}
@media (max-width:600px){.wa-float{width:56px;padding:0;justify-content:center}.wa-float .wa-float-text{display:none}}
.article .btn,.price-card .btn{text-decoration:none}
.article .btn-navy{color:#fff}
.article .btn-gold{color:#1A1200}
.article .btn-ghost{color:var(--navy)}

/* Eigene Seiten Impressum und Datenschutz (2026-11-03) */
.legal-page .legal-box h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}
.legal-page .legal-box h3:first-child{margin-top:0}
.legal-page .legal-box p,.legal-page .legal-box li{font-size:.95rem;line-height:1.7}
.legal-page .legal-box p{margin:0 0 12px}
.legal-page .legal-box ul{padding-left:22px;margin:10px 0}
.legal-page .legal-box li+li{margin-top:6px}
.legal-page .legal-box code{font-size:.85em}