/* CAMA-Projektfahrplan – Landingpage. Markenkonform (Architectural Precision),
   nutzt Brand-Typografie aus styles.css; hier nur Funnel-Komponenten. Hell, CSP-konform. */
:root{
  --pf-anth:#0e0f12; --pf-paper:#f5f3ee; --pf-white:#ffffff;
  --pf-sand:#b89b6e; --pf-sand-d:#725b33; --pf-ink:#181c22;
  --pf-muted:#46464b; --pf-faint:#6a6a70; --pf-line:#dcdad4; --pf-line-d:#2b2e35;
}
/* Absicherung gegen horizontales Verschieben auf Mobile-Safari (auf html, nicht body,
   damit position:sticky der Nav nicht durch einen neuen Scroll-Container gebrochen wird). */
html{overflow-x:hidden;}
.pf-body{background:var(--pf-paper);color:var(--pf-ink);
  font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;}
.pf-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
@media(min-width:768px){.pf-wrap{padding:0 56px;}}
img{max-width:100%;height:auto;}

/* Nav (minimal – wenig Fluchtwege) */
.pf-nav{position:sticky;top:0;z-index:40;background:rgba(245,243,238,.9);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--pf-line);overflow:hidden;}
.pf-nav-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
@media(min-width:768px){.pf-nav-in{padding:14px 56px;}}
.pf-nav-in>a{flex-shrink:0;}
.pf-nav img{height:26px;width:auto;flex-shrink:0;}
.pf-nav-r{display:flex;align-items:center;gap:20px;min-width:0;}
.pf-nav-link{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-faint);text-decoration:none;white-space:nowrap;}
.pf-nav-link:hover{color:var(--pf-sand-d);}

/* Mobile: Button-Text passt sonst nicht neben Logo + "Zur Website" -> Zeilenumbruch,
   der wiederum das Logo per Flex-Shrink verzerrt. "Zur Website" ausblenden + CTA verkleinern. */
@media(max-width:480px){
  .pf-nav-link{display:none;}
  .pf-nav .pf-btn{padding:.75rem 1rem;font-size:.68rem;letter-spacing:.08em;white-space:nowrap;}
  .pf-nav-r{gap:10px;}
}

/* Buttons */
.pf-btn{display:inline-flex;align-items:center;gap:.6rem;border:0;cursor:pointer;text-decoration:none;
  font-family:inherit;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  padding:1rem 1.6rem;border-radius:2px;transition:transform .2s ease,background .2s ease;}
.pf-btn-primary{background:var(--pf-sand);color:var(--pf-anth);}
.pf-btn-primary:hover{background:#cab285;transform:translateY(-2px);}
.pf-btn-light{background:var(--pf-paper);color:var(--pf-anth);}
.pf-btn-light:hover{transform:translateY(-2px);}
.pf-btn:focus-visible{outline:2px solid var(--pf-sand);outline-offset:3px;}

/* Sektion */
.pf-sec{padding:5.5rem 0;}
.pf-sec--dark{background:var(--pf-anth);color:var(--pf-paper);}
.pf-sec--paper{background:var(--pf-paper);}
.pf-sec--white{background:var(--pf-white);}
.pf-eyebrow{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--pf-sand-d);margin:0 0 1.4rem;}
.pf-sec--dark .pf-eyebrow{color:var(--pf-sand);}
.pf-h2{font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:clamp(1.7rem,3.6vw,2.6rem);
  line-height:1.12;letter-spacing:-.01em;margin:0 0 1.2rem;}
.pf-lead{font-size:1.15rem;line-height:1.6;color:var(--pf-muted);max-width:46rem;}
.pf-sec--dark .pf-lead{color:#c7c6cb;}

/* Hero */
.pf-hero{background:var(--pf-anth);color:var(--pf-paper);padding:5rem 0 5.5rem;}
.pf-hero .pf-eyebrow{color:var(--pf-sand);}
.pf-h1{font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:clamp(2.2rem,6vw,4rem);
  line-height:1.05;letter-spacing:-.015em;margin:0 0 1.4rem;max-width:18ch;}
.pf-hero-sub{font-size:1.2rem;line-height:1.6;color:#c7c6cb;max-width:42rem;margin:0 0 2rem;}
.pf-chip{display:inline-flex;align-items:center;gap:.6rem;background:rgba(184,155,110,.16);
  border:1px solid var(--pf-sand-d);color:var(--pf-sand);border-radius:40px;padding:.5rem 1.1rem;
  font-size:.85rem;font-weight:600;margin-bottom:2rem;}
.pf-chip b{color:var(--pf-paper);}
.pf-hero-cta{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;}
.pf-hero-trust{margin-top:1.8rem;font-size:.85rem;color:#8a8990;letter-spacing:.02em;}
.pf-hero-trust span{color:var(--pf-sand);}
.pf-mini-link{color:#c7c6cb;text-decoration:underline;text-underline-offset:3px;font-size:.95rem;}
.pf-mini-link:hover{color:var(--pf-sand);}

/* Schlag-Stats */
/* Einspaltig auf schmalen Handys: 2 Spalten quetschen grosse Zahlen wie "84.000 €"
   (Content-Breite > Spaltenbreite, echter Overflow-Fund) - volle Breite pro Zahl ist
   robuster als die Schrift zu verkleinern und erhaelt den "Schlag"-Effekt der Zahlen. */
.pf-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--pf-line);
  border:1px solid var(--pf-line);}
@media(min-width:480px){.pf-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:860px){.pf-stats{grid-template-columns:repeat(4,minmax(0,1fr));}}
.pf-stat{background:var(--pf-white);padding:1.8rem 1.5rem;}
.pf-stat .num{font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:2.6rem;line-height:1.05;
  color:var(--pf-anth);letter-spacing:-.02em;overflow-wrap:break-word;}
.pf-stat .lbl{font-size:.93rem;line-height:1.45;color:var(--pf-muted);margin-top:.6rem;}
.pf-stat .src{font-size:.72rem;color:var(--pf-faint);margin-top:.7rem;}

/* Agitation-Liste */
.pf-agi{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem;max-width:54rem;}
.pf-agi li{display:flex;gap:1rem;align-items:flex-start;font-size:1.12rem;line-height:1.5;}
.pf-agi .gm{flex:0 0 auto;width:10px;height:10px;margin-top:.5rem;background:var(--pf-sand);
  clip-path:polygon(0 100%,50% 0,100% 100%);}
.pf-sec--dark .pf-agi li{color:#dad9de;}
.pf-agi small{display:block;font-size:.75rem;color:var(--pf-faint);margin-top:.3rem;}
.pf-sec--dark .pf-agi small{color:#7c7b82;}

/* Chart-Rahmen */
.pf-chart{background:var(--pf-white);border:1px solid var(--pf-line);border-radius:4px;padding:1.4rem 1.4rem 1rem;}
.pf-chart img{display:block;width:100%;}
.pf-chart-note{font-size:.95rem;color:var(--pf-muted);margin:.6rem 0 0;line-height:1.5;}

/* Was Sie bekommen */
.pf-deliver{display:grid;gap:1.4rem;}
@media(min-width:820px){.pf-deliver{grid-template-columns:1fr 1.4fr;}}
.pf-card{background:var(--pf-white);border:1px solid var(--pf-line);border-radius:4px;padding:2rem;}
.pf-card h3{font-family:"Hanken Grotesk";font-weight:600;font-size:1.35rem;margin:0 0 1rem;color:var(--pf-anth);}
.pf-card .pf-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-sand-d);margin:0 0 .8rem;}
.pf-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;}
.pf-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:1.02rem;line-height:1.45;color:var(--pf-ink);}
.pf-list .ck{flex:0 0 auto;color:var(--pf-sand-d);font-weight:700;}

/* Schritte */
.pf-steps{display:grid;gap:1.4rem;counter-reset:s;}
@media(min-width:768px){.pf-steps{grid-template-columns:repeat(3,1fr);}}
.pf-step{background:var(--pf-white);border:1px solid var(--pf-line);border-radius:4px;padding:1.8rem;}
.pf-step .n{font-family:"Hanken Grotesk";font-weight:600;font-size:1rem;color:var(--pf-sand-d);letter-spacing:.1em;}
.pf-step h3{font-family:"Hanken Grotesk";font-weight:600;font-size:1.2rem;margin:.7rem 0 .5rem;color:var(--pf-anth);}
.pf-step p{margin:0;color:var(--pf-muted);line-height:1.5;}

/* Fehler-Liste */
.pf-fehler{display:grid;gap:1px;background:var(--pf-line-d);border:1px solid var(--pf-line-d);}
.pf-fehler .row{background:var(--pf-anth);padding:1.4rem 1.6rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;}
.pf-fehler .x{color:var(--pf-sand);font-weight:700;font-size:1.2rem;line-height:1;margin-top:.1rem;}
.pf-fehler .ft{font-weight:600;color:var(--pf-paper);font-size:1.08rem;}
.pf-fehler .fw{color:#a7a6ac;font-size:.95rem;line-height:1.5;margin-top:.3rem;}

/* Marius / persönlich */
.pf-person{display:grid;gap:2.2rem;align-items:center;}
@media(min-width:820px){.pf-person{grid-template-columns:.8fr 1.2fr;}}
.pf-portrait{border-radius:4px;overflow:hidden;border:1px solid var(--pf-line-d);max-width:360px;}
.pf-sign{margin-top:1.4rem;font-size:.9rem;color:var(--pf-faint);}
.pf-sign b{color:var(--pf-anth);}
.pf-sec--dark .pf-sign b{color:var(--pf-paper);}

/* Zitat */
.pf-quote{max-width:50rem;margin:0 auto;text-align:center;}
.pf-quote blockquote{font-family:"Hanken Grotesk";font-weight:300;font-size:clamp(1.4rem,3vw,2rem);
  line-height:1.35;color:var(--pf-paper);margin:0 0 1.2rem;}
.pf-quote cite{font-style:normal;font-size:.9rem;color:var(--pf-sand);letter-spacing:.04em;}
.pf-quote cite a{color:inherit;}

/* Preis-Box */
.pf-price{background:var(--pf-white);border:1px solid var(--pf-line);border-radius:6px;max-width:40rem;margin:0 auto;
  overflow:hidden;box-shadow:0 30px 60px -30px rgba(14,15,18,.25);}
.pf-price-top{background:var(--pf-anth);color:var(--pf-paper);padding:2.4rem 2.4rem 2rem;text-align:center;}
.pf-price-amt{font-family:"Hanken Grotesk";font-weight:600;font-size:3.4rem;line-height:1;color:var(--pf-paper);}
.pf-price-amt span{font-size:1.4rem;color:var(--pf-sand);}
.pf-price-verr{display:inline-block;margin-top:1rem;background:rgba(184,155,110,.18);color:var(--pf-sand);
  border:1px solid var(--pf-sand-d);border-radius:30px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;}
.pf-price-body{padding:2rem 2.4rem 2.4rem;}
.pf-guarantee{display:flex;gap:.9rem;align-items:flex-start;background:var(--pf-paper);border-radius:4px;
  padding:1.1rem 1.2rem;margin:1.4rem 0;}
.pf-guarantee .g{flex:0 0 auto;color:var(--pf-sand-d);font-weight:700;}
.pf-guarantee p{margin:0;font-size:.95rem;line-height:1.5;color:var(--pf-muted);}
.pf-scarcity{text-align:center;font-size:.9rem;color:var(--pf-faint);margin-top:1.2rem;}

/* FAQ */
.pf-faq{max-width:46rem;}
.pf-faq details{border-bottom:1px solid var(--pf-line);padding:1.2rem 0;}
.pf-faq summary{cursor:pointer;list-style:none;font-family:"Hanken Grotesk";font-weight:600;font-size:1.1rem;
  color:var(--pf-anth);display:flex;justify-content:space-between;gap:1rem;}
.pf-faq summary::-webkit-details-marker{display:none;}
.pf-faq summary::after{content:"+";color:var(--pf-sand-d);font-weight:400;font-size:1.4rem;line-height:1;}
.pf-faq details[open] summary::after{content:"–";}
.pf-faq p{margin:.9rem 0 0;color:var(--pf-muted);line-height:1.6;}

/* Formular */
.pf-form{display:grid;gap:1.4rem;max-width:40rem;}
.pf-field label{display:block;font-size:.8rem;letter-spacing:.04em;color:var(--pf-muted);margin-bottom:.4rem;}
.pf-field .req{color:var(--pf-sand-d);}
.pf-input,.pf-textarea{width:100%;background:var(--pf-white);border:1px solid #76787e;border-radius:2px;
  padding:.85rem 1rem;font-family:inherit;font-size:1rem;color:var(--pf-ink);box-sizing:border-box;}
.pf-textarea{min-height:120px;resize:vertical;}
.pf-input:focus-visible,.pf-textarea:focus-visible{outline:2px solid var(--pf-sand);outline-offset:2px;border-color:var(--pf-sand-d);}
.pf-row2{display:grid;gap:1.4rem;}
@media(min-width:620px){.pf-row2{grid-template-columns:1fr 1fr;}}
.pf-consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;color:var(--pf-muted);line-height:1.5;}
.pf-consent a{color:var(--pf-sand-d);}
.pf-note{font-size:.95rem;color:var(--pf-muted);margin:.4rem 0 0;}
.pf-note.is-ok{color:#4d7a46;font-weight:600;}
.pf-note.is-err{color:#b4502f;font-weight:600;}

/* Footer */
.pf-foot{background:var(--pf-anth);color:#8a8990;padding:3rem 0;}
.pf-foot-in{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center;}
.pf-foot a{color:#c7c6cb;text-decoration:none;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;}
.pf-foot a:hover{color:var(--pf-sand);}
.pf-foot img{height:24px;}

/* Utilities (CSP: keine Inline-Styles erlaubt) */
.pf-mt2{margin-top:2rem;}
.pf-center{text-align:center;}
.pf-mb{margin-bottom:2.4rem;}
.pf-btn-block{width:100%;justify-content:center;}
.pf-card-text{color:var(--pf-muted);line-height:1.6;margin:0;}
.pf-card-foot{margin:1.2rem 0 0;font-size:.9rem;color:var(--pf-faint);}
.pf-foot-links{display:flex;gap:1.6rem;flex-wrap:wrap;}

/* Formular sitzt immer auf dunkler Sektion -> helle Labels (beide Modi) */
.pf-form .pf-field label{color:#a7a6ac;}
.pf-form .pf-consent{color:#b7b6bb;}
.pf-form .pf-consent a{color:var(--pf-sand);}

/* Chart-Umschaltung: hell-Variante Standard, dunkel-Variante nur in html.dark.
   .pf-chart-Präfix nötig, damit es die Regel .pf-chart img{display:block} überstimmt. */
.pf-chart .pf-chart-d{display:none;}
html.dark .pf-chart .pf-chart-l{display:none;}
html.dark .pf-chart .pf-chart-d{display:block;}

/* Logo-Umschaltung (weißes Wortbild im Dunkelmodus) */
.pf-logo-d{display:none;}
html.dark .pf-logo-l{display:none;}
html.dark .pf-logo-d{display:inline-block;}

/* ===================== DUNKELMODUS ===================== */
html.dark .pf-body{background:#16181d;color:#eceae4;}
html.dark .pf-nav{background:rgba(20,22,26,.92);border-bottom-color:#2b2e35;}
html.dark .pf-nav-link{color:#a7a6ac;}
html.dark .pf-nav-link:hover{color:var(--pf-sand);}
html.dark .pf-sec--paper{background:#16181d;}
html.dark .pf-sec--white{background:#0e0f12;}
html.dark .pf-sec--dark{background:#0a0b0e;}
html.dark .pf-eyebrow{color:var(--pf-sand);}
html.dark .pf-lead{color:#b7b6bb;}
html.dark .pf-stats{background:#2b2e35;border-color:#2b2e35;}
html.dark .pf-stat{background:#1c1f26;}
html.dark .pf-stat .num{color:#eceae4;}
html.dark .pf-stat .lbl{color:#b7b6bb;}
html.dark .pf-stat .src{color:#8a8990;}
html.dark .pf-chart{background:#16181d;border-color:#2b2e35;}
html.dark .pf-chart-note{color:#b7b6bb;}
html.dark .pf-card{background:#1c1f26;border-color:#2b2e35;}
html.dark .pf-card h3{color:#eceae4;}
html.dark .pf-card-text{color:#b7b6bb;}
html.dark .pf-card-foot{color:#8a8990;}
html.dark .pf-list li{color:#dad9de;}
html.dark .pf-list .ck{color:#c9ab78;}
html.dark .pf-step{background:#1c1f26;border-color:#2b2e35;}
html.dark .pf-step h3{color:#eceae4;}
html.dark .pf-step p{color:#b7b6bb;}
html.dark .pf-fehler{background:#2b2e35;border-color:#2b2e35;}
html.dark .pf-fehler .row{background:#1c1f26;}
html.dark .pf-faq summary{color:#eceae4;}
html.dark .pf-faq summary::after{color:var(--pf-sand);}
html.dark .pf-faq details{border-bottom-color:#2b2e35;}
html.dark .pf-faq p{color:#b7b6bb;}
html.dark .pf-price{background:#1c1f26;border-color:#2b2e35;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);}
html.dark .pf-price-top{background:#0a0b0e;}
html.dark .pf-guarantee{background:#0e0f12;}
html.dark .pf-guarantee p{color:#b7b6bb;}
html.dark .pf-scarcity{color:#8a8990;}
html.dark .pf-input,html.dark .pf-textarea{background:#0e0f12;border-color:#3a3d44;color:#eceae4;}
/* Umschalt-Button im Nav (theme.js injiziert .theme-toggle) */
.pf-nav .theme-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;
  cursor:pointer;color:#46464b;padding:4px;border-radius:4px;}
.pf-nav .theme-toggle:hover{color:var(--pf-sand-d);}
html.dark .pf-nav .theme-toggle{color:#a7a6ac;}
html.dark .pf-nav .theme-toggle:hover{color:var(--pf-sand);}

/* ===================== REVEAL + WOW ===================== */
/* Reveal nur bei aktivem JS verstecken (sonst Inhalt sichtbar) */
.pf-rev{transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);}
.js .pf-rev{opacity:0;transform:translateY(22px);}
.pf-rev.in{opacity:1;transform:none;}

/* Gestaffeltes Einblenden der Grid-Kinder (Animation, damit Hover unberührt bleibt) */
@keyframes pfStat{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.js .pf-stats .pf-stat,.js .pf-steps .pf-step,.js .pf-deliver .pf-card{opacity:0;}
.pf-rev.in .pf-stat,.pf-rev.in .pf-step,.pf-rev.in .pf-card{animation:pfStat .6s cubic-bezier(.2,.7,.3,1) forwards;}
.pf-rev.in .pf-stat:nth-child(2){animation-delay:.09s;}
.pf-rev.in .pf-stat:nth-child(3){animation-delay:.18s;}
.pf-rev.in .pf-stat:nth-child(4){animation-delay:.27s;}
.pf-rev.in .pf-step:nth-child(2),.pf-rev.in .pf-card:nth-child(2){animation-delay:.13s;}
.pf-rev.in .pf-step:nth-child(3){animation-delay:.26s;}

/* Scroll-Fortschritt oben */
.pf-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--pf-sand);z-index:60;will-change:width;}

/* Hover-Lift Mikrointeraktionen */
.pf-stat,.pf-card,.pf-step{transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s ease,border-color .4s ease;}
.pf-stat{position:relative;}
.pf-card:hover,.pf-step:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(14,15,18,.4);border-color:var(--pf-sand);}
.pf-stat:hover{transform:translateY(-4px);box-shadow:0 18px 40px -26px rgba(14,15,18,.32);z-index:1;}
html.dark .pf-card:hover,html.dark .pf-step:hover,html.dark .pf-stat:hover{box-shadow:0 26px 50px -24px rgba(0,0,0,.7);}

/* Hero: gestaffelter Eingang + dezentes Sand-Leuchten */
.pf-hero{position:relative;overflow:hidden;}
.pf-hero::before{content:"";position:absolute;top:-35%;right:-12%;width:60%;height:170%;
  background:radial-gradient(closest-side,rgba(184,155,110,.18),transparent 70%);pointer-events:none;}
.pf-hero .pf-wrap{position:relative;}
@keyframes pfRise{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:none;}}
.js .pf-hero .pf-eyebrow,.js .pf-hero .pf-h1,.js .pf-hero .pf-hero-sub,.js .pf-hero .pf-chip,.js .pf-hero .pf-hero-cta,.js .pf-hero .pf-hero-trust{opacity:0;animation:pfRise .85s cubic-bezier(.2,.7,.3,1) forwards;}
.js .pf-hero .pf-eyebrow{animation-delay:.06s;}
.js .pf-hero .pf-h1{animation-delay:.16s;}
.js .pf-hero .pf-hero-sub{animation-delay:.32s;}
.js .pf-hero .pf-chip{animation-delay:.46s;}
.js .pf-hero .pf-hero-cta{animation-delay:.56s;}
.js .pf-hero .pf-hero-trust{animation-delay:.66s;}

/* Count-Zahlen: tabellarische Ziffern (kein Springen) */
.pf-count{font-variant-numeric:tabular-nums;}

/* Preis-Box: sanftes Glühen + einmaliger Glanz-Sweep */
.pf-price{position:relative;animation:pfGlow 4.5s ease-in-out infinite;}
@keyframes pfGlow{0%,100%{box-shadow:0 30px 60px -32px rgba(184,155,110,.4);}50%{box-shadow:0 34px 82px -28px rgba(184,155,110,.72);}}
.pf-price-top{position:relative;overflow:hidden;}
.pf-price-top::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(245,243,238,.16),transparent);transform:skewX(-18deg);
  animation:pfShine 6s ease-in-out 1.5s infinite;pointer-events:none;}
@keyframes pfShine{0%{left:-70%;}22%,100%{left:140%;}}

/* „Animationen reduzieren" respektieren */
@media(prefers-reduced-motion:reduce){
  .pf-price,.pf-price-top::after,.pf-rev.in .pf-stat,.pf-rev.in .pf-step,.pf-rev.in .pf-card,
  .js .pf-hero .pf-eyebrow,.js .pf-hero .pf-h1,.js .pf-hero .pf-hero-sub,.js .pf-hero .pf-chip,
  .js .pf-hero .pf-hero-cta,.js .pf-hero .pf-hero-trust{animation:none;}
  .js .pf-hero *,.js .pf-stats .pf-stat,.js .pf-steps .pf-step,.js .pf-deliver .pf-card{opacity:1;}
}

.pf-src-note{font-size:.78rem;color:var(--pf-faint);margin-top:2rem;}
.pf-src-note a{color:var(--pf-sand-d);}

/* ===== Preis-Stufen (3 Pakete) ===== */
.pf-mt1{margin-top:1rem;}
.pf-center-lead{margin-left:auto;margin-right:auto;text-align:center;}
.pf-tiers{display:grid;gap:1.4rem;align-items:stretch;}
@media(min-width:900px){.pf-tiers{grid-template-columns:repeat(3,1fr);}}
.pf-tier{position:relative;display:flex;flex-direction:column;background:var(--pf-white);
  border:1px solid var(--pf-line);border-radius:6px;padding:2.2rem 1.9rem;
  transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s ease,border-color .4s ease;}
.pf-tier:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(14,15,18,.4);border-color:var(--pf-sand);}
.pf-tier--featured{border-color:var(--pf-sand);box-shadow:0 30px 60px -34px rgba(14,15,18,.45);}
.pf-tier-badge{position:absolute;top:-.85rem;left:1.9rem;margin:0;background:var(--pf-sand);
  color:var(--pf-anth);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:.32rem .7rem;border-radius:2px;}
.pf-tier-kicker{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-sand-d);margin:0 0 .35rem;}
.pf-tier-name{font-family:"Hanken Grotesk";font-weight:600;font-size:1.55rem;color:var(--pf-anth);margin:0;line-height:1.1;}
.pf-tier-for{font-size:.9rem;color:var(--pf-faint);margin:.25rem 0 0;}
.pf-tier-price{font-family:"Hanken Grotesk";font-weight:600;font-size:2.5rem;line-height:1;color:var(--pf-anth);margin:1rem 0 0;}
.pf-tier-price span{font-size:1.15rem;color:var(--pf-sand-d);}
.pf-tier-vat{font-size:.85rem;color:var(--pf-faint);margin:.35rem 0 1.5rem;}
.pf-tier .pf-list{margin-bottom:1.7rem;}
.pf-tier .pf-btn-block{margin-top:auto;}
html.dark .pf-tier{background:#1c1f26;border-color:#2b2e35;}
html.dark .pf-tier--featured{border-color:var(--pf-sand);}
html.dark .pf-tier:hover{box-shadow:0 26px 50px -24px rgba(0,0,0,.7);}
html.dark .pf-tier-name,html.dark .pf-tier-price{color:#eceae4;}
html.dark .pf-tier-kicker{color:#c9ab78;}
html.dark .pf-tier-for,html.dark .pf-tier-vat{color:#8a8990;}
@media(prefers-reduced-motion:reduce){.pf-tier{transition:none;}.pf-tier:hover{transform:none;}}