/* ==========================================================================
   AURA CHECK · Interaktive Landingpage + Wizard
   ========================================================================== */

/* Body-Background identisch zur Startseiten-Sektion "04 · Das eigentliche Problem"
   (siehe home.css .p-desk) — helles Weiß mit sanftem Cream in der Mitte
   und zwei dezenten Gold-Radial-Gradients. */
.aura-check-page{
  background:
    radial-gradient(circle at 78% 42%, rgba(201,151,31,.06), transparent 42%),
    radial-gradient(circle at 8% 62%, rgba(201,151,31,.04), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fbf8f0 45%, #ffffff 100%);
  background-attachment: fixed;
  color:var(--text);
  font-family:'Manrope','DM Sans',system-ui,sans-serif;
  overflow-x:hidden;
}

.ac-wrap{
  max-width:1180px;
  margin-inline:auto;
  padding-inline:24px;
}
.ac-wrap--narrow{ max-width:760px; }

/* Kicker (identisch zu Team/Magazin) */
.ac-hero .kicker,
.ac-section-head .kicker,
.ac-cta-card .kicker,
.ac-hints .kicker,
.ac-result-head .kicker{
  display:inline-flex; align-items:center; gap:12px;
  margin-bottom:18px;
  font-family:'Manrope',sans-serif;
  font-size:11.5px; font-weight:800;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold);
}
.ac-hero .kicker::before, .ac-hero .kicker::after,
.ac-section-head .kicker::before, .ac-section-head .kicker::after,
.ac-cta-card .kicker::before, .ac-cta-card .kicker::after,
.ac-hints .kicker::before, .ac-hints .kicker::after,
.ac-result-head .kicker::before, .ac-result-head .kicker::after{
  content:""; width:28px; height:1.5px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
}
.ac-cta-card .kicker{ color:var(--gold2); }
.ac-cta-card .kicker::before, .ac-cta-card .kicker::after{
  background:linear-gradient(90deg, transparent, var(--gold2), transparent);
}

/* Section-Head */
.ac-section-head{
  text-align:center;
  margin-bottom:48px;
}
.ac-section-head h2{
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(1.8rem, 4vw, 2.6rem);
  line-height:1.22; letter-spacing:-.01em;
  max-width:760px; margin:0 auto 16px;
  text-wrap:balance;
}
.ac-section-head h2 em{
  font-style:normal;
  background:linear-gradient(135deg,var(--gold),#b8942a 60%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  display:block;
  padding-bottom:.08em;
}
.ac-section-lead{
  max-width:640px; margin:0 auto;
  color:var(--muted); font-size:1.05rem; line-height:1.6;
}

/* ─────────────────────────────────────────
   Buttons
   ───────────────────────────────────────── */
.ac-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 26px;
  border-radius:999px;
  font-family:'Manrope',sans-serif;
  font-weight:700; font-size:.95rem;
  text-decoration:none;
  border:0; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease;
}
.ac-btn i, .ac-btn svg{ width:16px; height:16px; }
.ac-btn[hidden]{ display:none !important; }
.ac-btn--primary{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0f0e0c;
}
.ac-btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(212,175,55,.35);
}
.ac-btn--primary:disabled{
  opacity:.35; cursor:not-allowed; transform:none; box-shadow:none;
}
.ac-btn--ghost{
  background:var(--white);
  border:1px solid rgba(20,15,5,.08);
  color:var(--text);
}
.ac-btn--ghost:hover{
  border-color:var(--gold);
  transform:translateY(-1px);
}
.ac-btn--ghost:disabled{
  opacity:.35; cursor:not-allowed; transform:none;
}
.ac-btn--wide{ width:100%; }

/* ─────────────────────────────────────────
   01 · HERO · Full-Bleed Bild rechts + weißer Fade nach links
   (analog zu home.css .hero — gleicher Fade-Look)
   ───────────────────────────────────────── */
.ac-hero{
  position:relative;
  min-height:82svh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  background:#ffffff;
  color:var(--text);
}
/* Full-Bleed Bild LINKS + reiner Weiß-Fade auf der RECHTEN Seite */
.ac-hero-bg{
  position:absolute;
  top:100px;   /* Bild startet unter dem sticky Header, Köpfe bleiben ganz sichtbar */
  left:0;
  right:0;
  bottom:0;
  z-index:-5;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.05) 0%,
      transparent 30%,
      rgba(255,255,255,.20) 70%,
      rgba(255,255,255,.55) 100%),
    linear-gradient(90deg,
      transparent           8%,
      rgba(255,255,255,.05) 20%,
      rgba(255,255,255,.32) 38%,
      rgba(255,255,255,.78) 55%,
      rgba(255,255,255,.98) 74%,
      rgba(255,255,255,1)  100%),
    url("../../assets/11 - DSCF0978.jpg") 55% 25% / cover no-repeat;
  transform:scale(1.02);
}
/* Sanfter Fade nach unten zur nächsten Section (Radial jetzt rechts unten) */
.ac-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(ellipse at 70% 90%, rgba(255,255,255,.55), transparent 55%),
    linear-gradient(180deg, transparent 78%, rgba(255,255,255,.95) 100%);
  pointer-events:none;
}

.ac-hero-main{
  position:relative;
  flex:1;
  width:min(calc(100% - 80px), 1180px);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;   /* Content rechts andocken */
  padding:clamp(130px, 15vh, 170px) 0 clamp(80px, 12vh, 140px);
}
.ac-hero-content{
  position:relative;
  z-index:5;
  max-width:780px;                     /* etwas breiter, damit Trust-Row auf eine Linie passt */
  text-align:right;                    /* Kicker + H1 rechts-bündig */
  display:flex; flex-direction:column;
  align-items:flex-end;                /* Kicker + H1 rechts andocken */
}

/* Kicker: mittig zentriert (beide Dashes sichtbar) */
.ac-hero .kicker{
  margin-bottom:20px;
  align-self:center;
}

.ac-hero h1{
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(2.4rem, 4.6vw, 4rem);
  line-height:1.04; letter-spacing:-.025em;
  margin:0 0 20px;
  text-wrap:balance;
  color:var(--text);
}
.ac-hero h1 em{
  font-style:normal;
  background:linear-gradient(135deg,var(--gold),#b8942a 60%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
/* Lead: rechts-bündig, endet an derselben rechten Kante wie die Headline */
.ac-hero .lead{
  max-width:560px;
  margin:0 0 28px;
  align-self:flex-end;                 /* Element rechts andocken */
  text-align:right;                    /* Text rechts-bündig */
  color:var(--muted); font-size:1.08rem; line-height:1.65;
}
/* Trust-Row: auf einer Linie, rechts-bündig (endet an derselben Kante wie Headline + Lead) */
.ac-hero-trust{
  display:flex; gap:22px; flex-wrap:nowrap;
  justify-content:flex-end;
  align-self:stretch;
  margin-bottom:28px;
  color:var(--muted); font-size:.88rem;
  white-space:nowrap;
}
.ac-hero-trust span{ display:inline-flex; align-items:center; gap:8px; }
.ac-hero-trust i, .ac-hero-trust svg{ width:14px; height:14px; color:var(--gold); }
/* Nur ein Button, rechts andocken */
.ac-hero-actions{
  display:flex; gap:12px; flex-wrap:wrap;
  justify-content:flex-end;
  align-self:stretch;
}

/* ─────────────────────────────────────────
   02 · WARUM
   ───────────────────────────────────────── */
.ac-warum{ padding:80px 0 100px; }
/* ─────────────────────────────────────────
   Blindspots · Papier-Notizen mit Washi-Tape
   ───────────────────────────────────────── */
.ac-blindspots{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:32px 24px;
  margin:20px 0 56px;
  padding:20px 12px 32px;
}
.ac-blind{
  position:relative;
  padding:38px 26px 32px;
  background:
    linear-gradient(180deg, transparent 0, transparent 47px, rgba(20,15,5,.06) 47px, rgba(20,15,5,.06) 48px, transparent 48px),
    linear-gradient(180deg, #fdfcf8 0%, #fbfaf5 100%);
  border-radius:3px;
  box-shadow:
    0 1px 1px rgba(20,15,5,.04),
    0 8px 20px rgba(20,15,5,.09),
    0 22px 44px rgba(20,15,5,.10),
    inset 0 0 0 1px rgba(20,15,5,.03);
  transform-origin:50% 0;
  transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease;
}
/* Kein Icon — passt nicht zum Papier-Look */
.ac-blind-icon{ display:none; }

.ac-blind p{
  margin:0;
  font-family:'Kalam', 'Caveat', 'Bradley Hand', 'Marker Felt', cursive;
  font-weight:400;
  font-size:1.24rem;
  line-height:1.5;
  color:#1a1712;
  letter-spacing:.005em;
}

/* Washi-Tape · zwei Streifen oben in den Ecken */
.ac-blind::before,
.ac-blind::after{
  content:"";
  position:absolute;
  top:-10px;
  width:70px;
  height:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.28) 0%, transparent 30%, transparent 70%, rgba(0,0,0,.06) 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 2px, transparent 2px 8px),
    linear-gradient(90deg, #e07a5f 0%, #d16a52 100%);
  opacity:.78;
  box-shadow:0 2px 4px rgba(20,15,5,.10);
  pointer-events:none;
}
.ac-blind::before{
  left:14px;
  transform:rotate(-8deg);
}
.ac-blind::after{
  right:14px;
  transform:rotate(9deg);
}

/* Leichte Rotation je Karte für Authentizität */
.ac-blind:nth-child(1){ transform:rotate(-1.4deg); }
.ac-blind:nth-child(2){ transform:rotate(1.1deg); }
.ac-blind:nth-child(3){ transform:rotate(-.6deg); }
.ac-blind:nth-child(4){ transform:rotate(1.6deg); }
.ac-blind:nth-child(5){ transform:rotate(-1.2deg); }
.ac-blind:nth-child(6){ transform:rotate(.9deg); }

.ac-blind:hover{
  transform:translateY(-4px) rotate(0deg);
  box-shadow:
    0 2px 2px rgba(20,15,5,.04),
    0 14px 28px rgba(20,15,5,.12),
    0 30px 60px rgba(20,15,5,.14),
    inset 0 0 0 1px rgba(20,15,5,.03);
}

@media (max-width:640px){
  .ac-blindspots{ gap:34px 20px; padding:12px 0 24px; }
  .ac-blind{ padding:34px 22px 28px; }
  .ac-blind p{ font-size:1.15rem; }
}

.ac-callout{
  max-width:860px; margin:0 auto;
  padding:28px 32px;
  background:var(--white);
  border-radius:22px;
  border:1px solid rgba(20,15,5,.06);
  box-shadow:
    0 2px 4px rgba(20,15,5,.03),
    0 14px 40px rgba(20,15,5,.07);
  display:flex; gap:22px; align-items:center;
}
.ac-callout-icon{
  flex-shrink:0;
  width:56px; height:56px;
  border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--gold) 0%, #b8942a 100%);
  color:#fff;
  box-shadow:0 8px 20px rgba(201,151,31,.28);
}
.ac-callout-icon i,
.ac-callout-icon svg{ width:26px; height:26px; }
.ac-callout-body{ flex:1; min-width:0; }
.ac-callout-body p{
  margin:0;
  font-size:1.02rem; line-height:1.6;
  color:var(--text);
}
.ac-callout-body strong{
  color:var(--gold);
  font-weight:700;
}
@media (max-width:640px){
  .ac-callout{
    padding:24px 22px;
    flex-direction:column; align-items:flex-start;
    gap:14px;
  }
  .ac-callout-icon{ width:48px; height:48px; border-radius:14px; }
  .ac-callout-icon i, .ac-callout-icon svg{ width:22px; height:22px; }
  .ac-callout-body p{ font-size:.98rem; }
}

/* ─────────────────────────────────────────
   03 · WAS DU MITNIMMST
   ───────────────────────────────────────── */
.ac-value{
  padding:80px 0 100px;
  /* Section-Background transparent — Body-Gradient scheint durch */
}
.ac-values-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
  margin-bottom:32px;
}
.ac-value-card{
  background:var(--white);
  border-radius:24px;
  padding:36px 28px;
  text-align:center;
  box-shadow:0 12px 40px rgba(20,15,5,.06);
  transition:transform .3s ease, box-shadow .3s ease;
}
.ac-value-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 60px rgba(20,15,5,.1);
}
.ac-value-icon{
  width:56px; height:56px; margin:0 auto 20px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--gold),#b8942a);
  color:#fff;
}
.ac-value-icon i, .ac-value-icon svg{ width:24px; height:24px; }
.ac-value-card h3{
  font-family:'Manrope',sans-serif;
  font-weight:800; font-size:1.2rem;
  margin:0 0 10px;
}
.ac-value-card p{
  font-size:.95rem; line-height:1.55;
  color:var(--muted); margin:0;
}
.ac-value-note{
  text-align:center;
  color:var(--muted);
  font-size:.9rem;
  margin:0;
}

/* ─────────────────────────────────────────
   04 · WIZARD
   ───────────────────────────────────────── */
.ac-wizard-section{ padding:80px 0 100px; }

.ac-wizard{
  max-width:820px;
  margin:0 auto;
  background:var(--white);
  border-radius:28px;
  padding:32px 32px 24px;
  box-shadow:0 20px 60px rgba(20,15,5,.08);
  position:relative;
}

/* Progress */
.ac-wizard-progress{
  height:6px;
  background:rgba(20,15,5,.06);
  border-radius:999px;
  overflow:hidden;
  margin-bottom:20px;
}
.ac-wizard-progress-bar{
  height:100%;
  width:16.66%;
  background:linear-gradient(90deg, var(--gold), var(--gold2));
  border-radius:999px;
  transition:width .5s cubic-bezier(.22,.61,.36,1);
  box-shadow:0 0 12px rgba(212,175,55,.5);
}

/* Step Meta */
.ac-wizard-meta{
  display:flex; justify-content:space-between; align-items:baseline;
  margin-bottom:24px;
  gap:16px; flex-wrap:wrap;
}
.ac-wizard-meta > span:first-child{
  font-size:.75rem; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold);
}
.ac-wizard-meta > span:last-child{
  font-family:'Manrope',sans-serif;
  font-size:1.35rem; font-weight:800;
  line-height:1.2;
}

/* Steps */
.ac-steps{ position:relative; min-height:280px; }
.ac-step{
  display:none;
  animation:acSlideIn .35s cubic-bezier(.22,.61,.36,1);
}
.ac-step.is-active{ display:block; }
@keyframes acSlideIn{
  from { opacity:0; transform:translateX(20px); }
  to   { opacity:1; transform:translateX(0); }
}
.ac-step-hint{
  color:var(--muted); font-size:.85rem;
  margin:-8px 0 16px;
}

/* Cards Grid */
.ac-cards{
  display:grid; gap:12px;
}
.ac-cards[hidden]{ display:none; }
.ac-cards--3col{ grid-template-columns:repeat(3, 1fr); }
.ac-cards--stack{ grid-template-columns:1fr; }

/* Choice-Card */
.ac-choice{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px;
  padding:22px 16px;
  min-height:110px;
  background:#fdfbf5;
  border:2px solid transparent;
  border-radius:16px;
  cursor:pointer;
  font-family:'Manrope',sans-serif;
  font-weight:700; font-size:.9rem;
  color:var(--text);
  text-align:center;
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.ac-choice:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,.4);
  background:#fbf6e8;
}
.ac-choice.is-selected{
  border-color:var(--gold);
  background:linear-gradient(135deg, rgba(212,175,55,.14), rgba(212,175,55,.06));
  box-shadow:0 0 0 6px rgba(212,175,55,.12), 0 8px 24px rgba(212,175,55,.2);
}
.ac-choice i, .ac-choice svg{ width:26px; height:26px; color:var(--gold); }
.ac-choice.is-selected i, .ac-choice.is-selected svg{ color:#8a6d1a; }
.ac-choice--wide{
  flex-direction:row;
  justify-content:flex-start;
  padding:16px 22px;
  min-height:64px;
  text-align:left;
}
.ac-choice--wide i, .ac-choice--wide svg{ width:22px; height:22px; flex-shrink:0; }
.ac-choice--negative{
  background:#faf5ea;
  color:var(--muted);
}
.ac-choice--negative i, .ac-choice--negative svg{ color:var(--muted); }
.ac-choice--negative.is-selected{
  border-color:#b8942a;
  color:var(--text);
}

/* Form fields (Step 6) */
.ac-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:16px;
}
.ac-field{
  display:flex; flex-direction:column; gap:6px;
}
.ac-field > span{
  font-family:'Manrope',sans-serif;
  font-weight:700; font-size:.85rem;
}
.ac-field input{
  font: inherit;
  padding:12px 14px;
  border:1px solid rgba(20,15,5,.1);
  border-radius:10px;
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.ac-field input:focus{
  outline:0;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,175,55,.18);
}
.ac-consent{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px 16px;
  background:#fdfbf5;
  border-radius:12px;
  cursor:pointer;
  margin-bottom:12px;
}
.ac-consent input[type=checkbox]{
  width:18px; height:18px; margin-top:2px;
  accent-color:var(--gold);
  flex-shrink:0;
}
.ac-consent span{
  font-size:.86rem; line-height:1.5;
  color:var(--text);
}
.ac-consent a{ color:var(--gold); }

/* Wizard Nav */
.ac-wizard-nav{
  display:flex; justify-content:space-between; gap:12px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(20,15,5,.06);
}

/* ─────────────────────────────────────────
   RESULT
   ───────────────────────────────────────── */
.ac-result{
  max-width:820px; margin:0 auto;
  animation:acFadeIn .5s ease;
}
@keyframes acFadeIn{
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}
.ac-result-inner{
  background:var(--white);
  border-radius:28px;
  padding:44px 40px 40px;
  box-shadow:0 20px 60px rgba(20,15,5,.1);
  text-align:center;
}
.ac-result-head h2{
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(2rem, 4vw, 2.8rem);
  line-height:1.1; letter-spacing:-.02em;
  margin:0 0 8px;
  background:linear-gradient(135deg,var(--gold),#b8942a 60%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ac-result-sub{
  color:var(--muted); font-size:1.05rem;
  margin:0 0 28px;
}

/* Aura-Ring */
.ac-ring-wrap{
  position:relative;
  width:240px; height:240px;
  margin:0 auto 24px;
}
.ac-ring{
  width:100%; height:100%;
  transition:filter .5s ease;
}
.ac-ring-center{
  position:absolute; inset:0;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
}
.ac-ring-value{
  font-family:'Manrope',sans-serif;
  font-weight:800; font-size:3.6rem; line-height:1;
  background:linear-gradient(135deg,var(--gold),#b8942a 60%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ac-ring-unit{
  font-size:.72rem; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted);
  margin-top:4px;
}

.ac-result-tagline{
  max-width:520px; margin:0 auto 32px;
  color:var(--text);
  font-size:1rem; line-height:1.55;
  font-style:italic;
}

/* Hints-Liste */
.ac-hints{
  text-align:left;
  background:#faf7ee;
  border-radius:20px;
  padding:24px 28px;
  margin:0 0 32px;
}
.ac-hints ul{
  list-style:none;
  padding:0;
  margin:0;
}
.ac-hints li{
  position:relative;
  padding-left:32px;
  padding-bottom:14px;
  font-size:.95rem;
  line-height:1.55;
  color:var(--text);
}
.ac-hints li:last-child{ padding-bottom:0; }
.ac-hints li::before{
  content:"";
  position:absolute; left:0; top:6px;
  width:20px; height:20px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),#b8942a);
  box-shadow:0 0 0 4px rgba(212,175,55,.15);
}
.ac-hints li::after{
  content:"";
  position:absolute; left:6px; top:11px;
  width:8px; height:8px;
  background:#fff;
  clip-path:polygon(20% 50%, 40% 70%, 80% 30%, 65% 15%, 40% 45%, 30% 35%);
}

/* Followup-Formular */
.ac-followup{
  background:linear-gradient(160deg, #ffffff 0%, #fdf7e4 100%);
  color:var(--text);
  border:1px solid rgba(10,10,10,.06);
  border-radius:24px;
  padding:36px 32px;
  margin-bottom:24px;
  text-align:left;
  position:relative; overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 4px rgba(80,60,20,.04),
    0 10px 24px rgba(80,60,20,.08);
}
.ac-followup::before{
  content:"";
  position:absolute; top:-50%; right:-20%;
  width:400px; height:400px;
  background:radial-gradient(circle, rgba(212,175,55,.10) 0%, transparent 60%);
  pointer-events:none;
}
.ac-followup > *{ position:relative; z-index:1; }
.ac-followup h3{
  font-family:'Manrope',sans-serif;
  font-weight:800; font-size:1.4rem;
  margin:0 0 10px;
  color:var(--text);
}
.ac-followup > p{
  color:var(--muted);
  font-size:.95rem; line-height:1.55;
  margin:0 0 20px;
}
.ac-followup .ac-field > span{ color:var(--text); }
.ac-followup .ac-field input{
  background:#fff;
  border-color:rgba(10,10,10,.10);
  color:var(--text);
}
.ac-followup .ac-field input::placeholder{ color:rgba(10,10,10,.35); }
.ac-followup .ac-field input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,175,55,.20);
}
.ac-followup .ac-consent{
  background:rgba(20,15,5,.03);
  color:var(--muted);
}
.ac-followup .ac-consent a{ color:var(--gold); }
.ac-followup-status{
  margin:12px 0 0;
  font-size:.9rem;
  padding:12px 16px;
  border-radius:10px;
}
.ac-followup-status.is-ok{
  background:rgba(39,174,96,.16); color:#5be08a;
}
.ac-followup-status.is-err{
  background:rgba(192,57,43,.18); color:#ff8a7a;
}

.ac-result-secondary{
  padding-top:8px;
  display:flex; justify-content:center; gap:12px; flex-wrap:wrap;
}

/* ─────────────────────────────────────────
   05 · FAQ
   ───────────────────────────────────────── */
.ac-faq{ padding:80px 0 100px; }
.ac-faqs{ display:flex; flex-direction:column; gap:10px; }
.ac-faq-item{
  background:var(--white);
  border-radius:16px;
  border:1px solid rgba(20,15,5,.05);
  overflow:hidden;
  transition:box-shadow .2s ease;
}
.ac-faq-item[open]{ box-shadow:0 8px 24px rgba(20,15,5,.06); }
.ac-faq-item summary{
  list-style:none;
  padding:20px 24px;
  cursor:pointer;
  display:flex; justify-content:space-between; align-items:center;
  gap:16px;
  font-family:'Manrope',sans-serif;
  font-weight:800; font-size:1rem;
}
.ac-faq-item summary::-webkit-details-marker{ display:none; }
.ac-faq-item summary i, .ac-faq-item summary svg{
  width:18px; height:18px;
  color:var(--gold);
  transition:transform .3s ease;
  flex-shrink:0;
}
.ac-faq-item[open] summary i, .ac-faq-item[open] summary svg{
  transform:rotate(45deg);
}
.ac-faq-a{
  padding:0 24px 22px;
  color:var(--muted);
  line-height:1.6;
  font-size:.95rem;
}

/* ─────────────────────────────────────────
   06 · KONTAKTFORMULAR (eigene Section, ersetzt altes Footer-CTA)
   ───────────────────────────────────────── */
.ac-kontakt{ padding:60px 0 120px; }
.ac-kontakt-card{
  background:linear-gradient(135deg,#0f0e0c 0%, #1a1712 100%);
  color:#fff;
  border-radius:28px;
  padding:44px 40px 36px;
  position:relative; overflow:hidden;
  box-shadow:0 24px 60px rgba(20,15,5,.18);
}
.ac-kontakt-card::before{
  content:"";
  position:absolute; top:-40%; right:-20%;
  width:500px; height:500px;
  background:radial-gradient(circle, rgba(212,175,55,.16) 0%, transparent 60%);
  pointer-events:none;
}
.ac-kontakt-card > *{ position:relative; z-index:1; }

/* Dark-Form-Styles innerhalb der Card */
.ac-kontakt-card .ac-field > span{ color:rgba(255,255,255,.85); }
.ac-kontakt-card .ac-field > span em{ color:var(--gold2); font-style:normal; }
.ac-kontakt-card .ac-field input{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.15);
  color:#fff;
}
.ac-kontakt-card .ac-field input:focus{
  border-color:var(--gold2);
  box-shadow:0 0 0 3px rgba(212,175,55,.28);
  background:rgba(255,255,255,.1);
}
.ac-kontakt-card .ac-consent{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.85);
  margin-top:6px;
}
.ac-kontakt-card .ac-consent a{ color:var(--gold2); }

.ac-kontakt-note{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin:20px 0 0;
  color:rgba(255,255,255,.65);
  font-size:.85rem;
}
.ac-kontakt-note i, .ac-kontakt-note svg{ width:14px; height:14px; color:var(--gold2); }

/* Section-Header innerhalb der Kontakt-Section behält Cream-Ton */
.ac-kontakt .ac-section-head h2{ text-wrap:balance; }

/* ─────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────── */
@media (max-width: 900px){
  .ac-values-grid{ grid-template-columns:1fr; }
  .ac-cards--3col{ grid-template-columns:repeat(2, 1fr); }
  .ac-form-grid{ grid-template-columns:1fr; }
}
@media (max-width: 900px){
  .ac-hero-bg{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.55) 0%,
        rgba(255,255,255,.35) 40%,
        rgba(255,255,255,.15) 70%,
        rgba(255,255,255,.75) 100%),
      linear-gradient(90deg,
        rgba(255,255,255,.94) 0%,
        rgba(255,255,255,.72) 40%,
        rgba(255,255,255,.35) 75%,
        rgba(255,255,255,.15) 100%),
      url("../../assets/11 - DSCF0978.jpg") right 30% / cover no-repeat;
  }
}
@media (max-width: 640px){
  .ac-hero{ min-height:auto; }
  .ac-hero-main{
    width:calc(100% - 40px);
    padding:60px 0 100px;
  }
  .ac-wizard{ padding:24px 20px 20px; border-radius:20px; }
  .ac-cards--3col{ grid-template-columns:1fr; }
  .ac-cards--4col{ grid-template-columns:repeat(2, 1fr); }
  .ac-choice{ min-height:80px; padding:18px 14px; }
  .ac-cta-card{ padding:48px 24px; border-radius:24px; }
  .ac-result-inner{ padding:32px 20px 24px; border-radius:20px; }
  .ac-followup{ padding:28px 20px; }
  .ac-hints{ padding:20px; }
  .ac-hints li{ padding-left:28px; }
}

/* ─────────────────────────────────────────
   Step 2 · Haushalt (Familienstand + Kinder)
   ───────────────────────────────────────── */
.ac-cards--4col{ grid-template-columns:repeat(4, 1fr); }
.ac-household-group{
  display:flex; flex-direction:column;
  gap:28px;
}
.ac-household-block + .ac-household-block{
  padding-top:20px;
  border-top:1px dashed rgba(20,15,5,.08);
}
.ac-household-label{
  margin:0 0 14px;
  font-family:'Manrope',sans-serif;
  font-size:12px; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold);
}
.ac-choice--compact{
  min-height:82px;
  font-size:.98rem;
}
@media (max-width:640px){
  .ac-cards--4col{ grid-template-columns:repeat(2, 1fr); }
}

/* ─────────────────────────────────────────
   Result · Estimate-Block (3 Kategorien-Cards im WDB-Stil)
   ───────────────────────────────────────── */
.ac-estimate{
  margin:48px 0 0;
  padding:36px 8px 8px;
  border-top:1px solid rgba(20,15,5,.06);
}
.ac-estimate-head{
  text-align:center;
  max-width:640px; margin:0 auto 32px;
}
.ac-estimate-head h3{
  margin:0 0 12px;
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(1.4rem, 2.4vw, 1.9rem);
  line-height:1.2; letter-spacing:-.015em;
  color:var(--text);
}
.ac-estimate-lead{
  margin:0;
  font-size:.98rem; line-height:1.6;
  color:var(--muted);
}
.ac-estimate-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
  margin-bottom:28px;
}
.ac-estimate-card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:32px 26px 28px;
  background:linear-gradient(160deg, #ffffff 0%, #fdf7e4 100%);
  border:1px solid rgba(10,10,10,.06);
  border-radius:22px;
  text-align:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(201,151,31,.08),
    0 2px 4px rgba(80,60,20,.04),
    0 12px 30px rgba(80,60,20,.10),
    0 24px 48px rgba(80,60,20,.08);
  overflow:hidden;
}
.ac-estimate-card .ac-estimate-icon{ align-self:center; }
.ac-estimate-card .ac-estimate-value{ align-self:center; }
.ac-estimate-card .ac-estimate-bar{ margin-top:auto; }
.ac-estimate-card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    #b8942a 20%,
    var(--gold) 50%,
    #b8942a 80%,
    transparent 100%);
}
.ac-estimate-num{
  display:inline-block;
  margin-bottom:12px;
  font-family:'Manrope',sans-serif;
  font-size:11px; font-weight:800;
  letter-spacing:.22em;
  color:var(--gold);
}
.ac-estimate-icon{
  width:52px; height:52px;
  margin:0 auto 14px;
  border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--gold) 0%, #b8942a 100%);
  color:#fff;
  box-shadow:0 8px 20px rgba(201,151,31,.24);
}
.ac-estimate-icon i, .ac-estimate-icon svg{ width:24px; height:24px; }
.ac-estimate-title{
  margin:0 0 10px;
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(20px, 1.6vw, 24px);
  letter-spacing:-.02em;
  color:var(--text);
}
.ac-estimate-text{
  min-height:64px;
  margin:0 0 20px;
  font-family:'DM Sans',sans-serif;
  font-size:.94rem; line-height:1.55;
  color:var(--muted);
}
.ac-estimate-bar{
  position:relative;
  width:100%; height:8px;
  margin:0 0 14px;
  border-radius:100px;
  background:rgba(20,15,5,.06);
  overflow:hidden;
}
.ac-estimate-bar-fill{
  position:absolute; inset:0;
  border-radius:100px;
  background:linear-gradient(90deg, var(--gold) 0%, #b8942a 100%);
  transform-origin:left center;
  transform:scaleX(0);
  transition:transform 1.2s cubic-bezier(.22,.61,.36,1);
}
.ac-estimate-value{
  display:inline-flex; align-items:baseline; gap:6px;
  padding:10px 18px;
  background:linear-gradient(135deg, rgba(243,211,106,.20), rgba(201,151,31,.12));
  border:1px solid rgba(201,151,31,.35);
  border-radius:100px;
  font-family:'Manrope',sans-serif;
  font-weight:800; font-size:.95rem;
  color:#8a6d1a;
  letter-spacing:.005em;
  white-space:nowrap;
}
.ac-estimate-value small{
  font-weight:600; opacity:.8;
  font-size:.85em;
}

.ac-estimate-total{
  max-width:520px;
  margin:0 auto 20px;
  padding:22px 28px;
  background:linear-gradient(160deg, #ffffff 0%, #fdf7e4 100%);
  border:1px solid rgba(10,10,10,.06);
  color:var(--text);
  border-radius:20px;
  text-align:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 4px rgba(80,60,20,.04),
    0 10px 24px rgba(80,60,20,.08);
}
.ac-estimate-total-label{
  font-family:'Manrope',sans-serif;
  font-size:11px; font-weight:800;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold);
  margin-bottom:6px;
}
.ac-estimate-total-value{
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:clamp(1.6rem, 2.6vw, 2.1rem);
  letter-spacing:-.01em;
  color:var(--text);
  white-space:nowrap;
}

.ac-estimate-disclaimer{
  max-width:680px;
  margin:0 auto;
  padding:16px 20px;
  display:flex; gap:12px; align-items:flex-start;
  background:rgba(20,15,5,.03);
  border-radius:14px;
  font-size:.85rem; line-height:1.55;
  color:var(--muted);
}
.ac-estimate-disclaimer i,
.ac-estimate-disclaimer svg{
  flex-shrink:0;
  width:18px; height:18px;
  color:var(--gold);
  margin-top:1px;
}
.ac-estimate-disclaimer strong{
  color:var(--text);
  font-weight:700;
}

@media (max-width:900px){
  .ac-estimate-cards{ grid-template-columns:1fr; gap:16px; }
  .ac-estimate-text{ min-height:0; }
}