/* ---------- HERO ---------- */
.hero{max-width:1000px;margin:0 auto;padding:72px 40px 56px;text-align:center;}
.hero-kick{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f);font-weight:700;font-size:12.5px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--orange);margin-bottom:22px;
}
.hero-kick::before,.hero-kick::after{content:"";width:30px;height:2px;background:var(--orange);}
.hero h1{
  font-family:var(--f);font-weight:900;font-size:46px;line-height:1.14;
  letter-spacing:-.01em;color:var(--ink);max-width:760px;margin:0 auto 22px;
}
.hero h1 .hl{color:var(--blue);}
.hero .sub{font-size:18px;line-height:1.62;color:var(--muted);max-width:600px;margin:0 auto 36px;}
.hero-price{
  display:inline-flex;align-items:center;gap:18px;background:#fff;border-radius:16px;
  padding:18px 30px;box-shadow:0 14px 32px -16px rgba(13,34,48,.25);
}
.hp-amount{font-family:var(--f);font-weight:900;font-size:32px;color:var(--blue);}
.hp-divider{width:1px;height:32px;background:var(--line);}
.hp-detail{text-align:left;font-size:13.5px;color:var(--muted);line-height:1.5;}
.hp-detail b{display:block;font-family:var(--f);font-weight:700;color:var(--ink);font-size:14.5px;}
.hero-cta{margin-top:30px;}
.btn-book{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f);font-weight:700;font-size:16px;letter-spacing:.02em;
  background:var(--orange);color:#fff;padding:17px 32px;border-radius:10px;
  box-shadow:0 14px 30px -12px rgba(247,116,5,.75);
  transition:background .2s,transform .2s;
}
.btn-book:hover{background:var(--orange-dk);transform:translateY(-2px);}
.hero-note{margin-top:14px;font-size:12.5px;color:#8fa0b0;}


/* ---------- WARUM-SEKTION (Fehlinvestitionen) ---------- */
.why{background:#fff;border-top:1px solid var(--line);padding:72px 0;}
.why .in{max-width:1000px;margin:0 auto;padding:0 40px;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.section-kick{
  font-family:var(--f);font-weight:700;font-size:12px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--blue);margin-bottom:16px;
  display:flex;align-items:center;gap:10px;
}
.section-kick::before{content:"";width:26px;height:2px;background:var(--blue);}
.why h2{
  font-family:var(--f);font-weight:900;font-size:32px;line-height:1.2;color:var(--ink);margin-bottom:16px;
}
.why p.lead{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:14px;}
.why-stat{
  background:var(--blue-soft);border-radius:14px;padding:24px 26px;margin-top:24px;
}
.why-stat .big{font-family:var(--f);font-weight:900;font-size:30px;color:var(--blue);display:block;margin-bottom:6px;}
.why-stat p{font-size:14px;color:var(--ink);line-height:1.5;}
.why-list{list-style:none;}
.why-list li{
  display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);
}
.why-list li:last-child{border-bottom:0;}
.why-list .ico{font-size:24px;flex-shrink:0;}
.why-list h4{font-family:var(--f);font-weight:700;font-size:15.5px;color:var(--ink);margin-bottom:4px;}
.why-list p{font-size:14px;color:var(--muted);line-height:1.5;}


/* ---------- THEMEN-RASTER ---------- */
.topics{background:var(--bg);padding:76px 0;}
.topics .in{max-width:1100px;margin:0 auto;padding:0 40px;}
.section-h2{
  font-family:var(--f);font-weight:900;font-size:34px;line-height:1.18;
  color:var(--ink);text-align:center;max-width:680px;margin:0 auto 14px;
}
.section-sub{
  font-size:16.5px;line-height:1.62;color:var(--muted);text-align:center;
  max-width:580px;margin:0 auto 48px;
}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.topic-card{
  background:#fff;border-radius:16px;padding:30px 26px;
  box-shadow:0 6px 22px -16px rgba(13,34,48,.2);
  border-top:3px solid var(--blue);
  transition:transform .2s,box-shadow .2s;
}
.topic-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -16px rgba(13,34,48,.3);}
.topic-card .ico{font-size:32px;margin-bottom:14px;}
.topic-card h3{font-family:var(--f);font-weight:800;font-size:17.5px;color:var(--ink);margin-bottom:10px;line-height:1.3;}
.topic-card p{font-size:14px;color:var(--muted);line-height:1.55;}


/* ---------- ABLAUF ---------- */
.flow{background:#fff;border-top:1px solid var(--line);padding:76px 0;}
.flow .in{max-width:900px;margin:0 auto;padding:0 40px;}
.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.flow-step{text-align:center;position:relative;}
.flow-num{
  width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;
  font-family:var(--f);font-weight:800;font-size:18px;display:grid;place-items:center;
  margin:0 auto 16px;
}
.flow-step h4{font-family:var(--f);font-weight:700;font-size:16px;color:var(--ink);margin-bottom:8px;}
.flow-step p{font-size:13.5px;color:var(--muted);line-height:1.5;}


/* ---------- VERTRAUEN ---------- */
.trustband{background:var(--bg);padding:56px 0;}
.trustband .in{
  max-width:840px;margin:0 auto;padding:0 40px;
  display:flex;align-items:center;gap:30px;text-align:left;
}
.trustband img{width:120px;height:120px;border-radius:50%;border:4px solid #fff;
  box-shadow:0 8px 20px -8px rgba(13,34,48,.4);object-fit:cover;object-position:center 15%;flex-shrink:0;}
.trustband p{font-size:15.5px;line-height:1.6;color:var(--ink);}
.trustband p b{font-family:var(--f);font-weight:800;color:var(--blue);}


/* ---------- FINAL CTA ---------- */
.final{background:linear-gradient(165deg,var(--blue) 0%,var(--blue-dk) 100%);padding:84px 0;text-align:center;position:relative;overflow:hidden;}
.final::before{
  content:"";position:absolute;top:-35%;left:50%;transform:translateX(-50%);width:800px;height:560px;
  background:radial-gradient(circle,rgba(255,255,255,.13),transparent 70%);pointer-events:none;
}
.final .in{max-width:640px;margin:0 auto;padding:0 40px;position:relative;z-index:2;}
.final h2{font-family:var(--f);font-weight:900;font-size:34px;color:#fff;margin-bottom:16px;line-height:1.2;}
.final p{font-size:16.5px;color:rgba(255,255,255,.88);margin-bottom:32px;line-height:1.6;}
.final-price{
  display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:14px 24px;margin-bottom:30px;
}
.final-price .amount{font-family:var(--f);font-weight:900;font-size:26px;color:#fff;}
.final-price .detail{font-size:13px;color:rgba(255,255,255,.8);text-align:left;line-height:1.4;}
.final .btn-book{background:var(--orange);}
.final .btn-book:hover{background:var(--orange-dk);}