/* ================================================================
 * Landing Pages für Google Ads
 * Reduzierter Header, kein Haupt-Menü, fokussierter auf einen CTA.
 * Basis-Typo und Tokens aus style.css/components.css/utilities.css.
 * ================================================================ */

/* -------- Reset für LP-Seiten: kein Haupt-Nav, kein regulärer Footer -------- */
.lp-body { background:#fff; color:var(--charcoal,#1a1a1a); }

/* -------- Reduzierter Header -------- */
.lp-header {
  position:sticky; top:0; z-index:50;
  background:#fff; border-bottom:1px solid var(--gray-mid,#e1ddd4);
  padding:10px 0;
}
.lp-header__inner {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.lp-header__logo img { display:block; height:36px; width:auto; }
.lp-header__actions { display:flex; gap:8px; }

/* Mittlerer Nav-Link (zur Hauptseite des Themas) */
.lp-header__nav {
  display:inline-flex; align-items:center; gap:6px;
  color:var(--gray-muted,#5d6470); text-decoration:none;
  font-size:.88rem; font-weight:500;
  padding:8px 10px; border-radius:6px;
  transition:color .2s, background .2s;
  white-space:nowrap;
}
.lp-header__nav:hover { color:var(--gold,#b9a50b); background:rgba(185,165,11,.07); }
.lp-header__nav span:last-child { transition:transform .2s; }
.lp-header__nav:hover span:last-child { transform:translateX(3px); }
@media (max-width:900px){ .lp-header__nav { display:none; } }

.lp-header__tel,
.lp-header__wa {
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 14px; border-radius:6px;
  font-size:.88rem; font-weight:600; text-decoration:none;
  transition:background .2s, color .2s, border-color .2s;
}
.lp-header__tel { color:var(--charcoal,#1a1a1a); border:1px solid var(--gray-mid,#e1ddd4); }
.lp-header__tel:hover { border-color:var(--gold,#b9a50b); color:var(--gold,#b9a50b); }
.lp-header__wa { background:#25D366; color:#fff; }
.lp-header__wa:hover { background:#1fb458; }
@media (max-width:640px){
  .lp-header__tel span,
  .lp-header__wa span { display:none; }
  .lp-header__tel,
  .lp-header__wa { padding:8px 10px; }
  .lp-header__logo img { height:28px; }
}

/* -------- Hero -------- */
.lp-hero {
  position:relative; overflow:hidden; color:#fff;
  padding:90px 0 70px; text-align:center;
  background:#1a1a1a;
}
.lp-hero::before {
  content:""; position:absolute; inset:0; z-index:0;
  background-image:var(--lp-hero-bg);
  background-size:cover; background-position:center;
  opacity:.45;
}
.lp-hero::after {
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(26,26,26,.55) 0%, rgba(26,26,26,.85) 100%);
}
.lp-hero > .container { position:relative; z-index:2; }
.lp-hero__eyebrow {
  display:inline-block; font-size:.78rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold,#b9a50b);
  background:rgba(185,165,11,.14);
  padding:6px 14px; border-radius:20px; margin-bottom:20px;
}
.lp-hero h1 {
  font-size:clamp(1.9rem, 4.5vw, 3rem);
  line-height:1.15; margin:0 0 14px; color:#fff;
}
.lp-hero__sub {
  font-size:clamp(1rem, 1.8vw, 1.2rem);
  color:#e7e0ce; margin:0 auto 28px; max-width:720px;
}
.lp-hero__price {
  display:inline-flex; align-items:baseline; gap:10px;
  margin:0 auto 28px;
  padding:12px 22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(185,165,11,.4);
  border-radius:10px;
}
.lp-hero__price-prefix { font-size:1rem; color:#e7e0ce; font-weight:500; }
.lp-hero__price-value { font-size:2rem; font-weight:700; color:var(--gold,#b9a50b); line-height:1; }
.lp-hero__actions {
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  margin-top:6px;
}
.lp-hero__actions .btn { min-width:200px; }

/* Dezenter Info-Link unter den CTAs (führt zur Hauptseite) */
.lp-hero__info-link {
  display:inline-block;
  margin-top:18px;
  color:#e7e0ce; text-decoration:none;
  font-size:.92rem; font-weight:500;
  padding:6px 12px; border-radius:4px;
  border-bottom:1px dashed rgba(231,224,206,.4);
  transition:color .2s, border-color .2s;
}
.lp-hero__info-link:hover {
  color:var(--gold,#b9a50b);
  border-bottom-color:var(--gold,#b9a50b);
}
.lp-hero__trust {
  display:flex; gap:24px; justify-content:center; flex-wrap:wrap;
  margin-top:28px; font-size:.86rem; color:#cfc5a8;
}
.lp-hero__trust span { display:inline-flex; gap:6px; align-items:center; }
.lp-hero__trust strong { color:var(--gold,#b9a50b); }
@media (max-width:640px){
  .lp-hero { padding:60px 0 50px; }
  .lp-hero__actions .btn { min-width:0; width:100%; }
}

/* -------- Fact-Kacheln -------- */
.lp-facts {
  padding:56px 0;
  background:var(--gray-light,#f7f4ee);
}
.lp-facts__grid {
  display:grid; gap:18px;
  grid-template-columns:repeat(4, minmax(0,1fr));
  max-width:1100px; margin:0 auto;
}
.lp-fact {
  background:#fff; border:1px solid var(--gray-mid,#e1ddd4);
  border-radius:12px; padding:22px 20px;
  text-align:center; transition:border-color .2s, box-shadow .2s;
}
.lp-fact:hover { border-color:var(--gold,#b9a50b); box-shadow:0 4px 16px rgba(0,0,0,.04); }
.lp-fact__icon { font-size:1.8rem; line-height:1; margin-bottom:10px; color:var(--gold,#b9a50b); }
.lp-fact__title { font-size:1rem; font-weight:700; margin:0 0 6px; color:var(--charcoal,#1a1a1a); }
.lp-fact__text { font-size:.88rem; color:var(--gray-muted,#5d6470); line-height:1.45; margin:0; }
@media (max-width:900px){ .lp-facts__grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:500px){ .lp-facts__grid { grid-template-columns:1fr; } }

/* -------- Trust-Absatz + mittlerer CTA -------- */
.lp-trust-block {
  padding:64px 0;
  background:#fff;
}
.lp-trust-block__wrap {
  max-width:760px; margin:0 auto; text-align:center;
}
.lp-trust-block h2 {
  font-size:clamp(1.5rem, 3vw, 2rem); line-height:1.25;
  margin:0 0 14px; color:var(--charcoal,#1a1a1a);
}
.lp-trust-block__gold-line {
  display:block; width:60px; height:3px; background:var(--gold,#b9a50b);
  margin:12px auto 24px; border-radius:2px;
}
.lp-trust-block p { font-size:1rem; line-height:1.65; color:var(--charcoal-2,#2a2a2a); margin:0 0 16px; }
.lp-trust-block__cta {
  margin-top:32px;
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
}
.lp-trust-block__cta .btn { min-width:220px; }
@media (max-width:640px){ .lp-trust-block__cta .btn { min-width:0; width:100%; } }

/* -------- Leistungen -------- */
.lp-features {
  padding:64px 0;
  background:var(--gray-light,#f7f4ee);
}
.lp-features h2 {
  text-align:center; font-size:clamp(1.5rem, 3vw, 2rem);
  margin:0 0 14px; color:var(--charcoal,#1a1a1a);
}
.lp-features__lead {
  text-align:center; max-width:680px; margin:0 auto 36px;
  color:var(--gray-muted,#5d6470);
}
.lp-features__grid {
  display:grid; gap:16px; max-width:1000px; margin:0 auto;
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.lp-feature {
  background:#fff; border:1px solid var(--gray-mid,#e1ddd4); border-radius:10px;
  padding:20px 22px; display:flex; gap:14px; align-items:flex-start;
}
.lp-feature__check {
  flex-shrink:0; width:28px; height:28px; border-radius:50%;
  background:rgba(185,165,11,.12); color:var(--gold,#b9a50b);
  font-weight:700; display:inline-flex; align-items:center; justify-content:center;
  font-size:1rem;
}
.lp-feature__body strong {
  display:block; font-size:1rem; margin-bottom:4px; color:var(--charcoal,#1a1a1a);
}
.lp-feature__body span {
  display:block; font-size:.88rem; line-height:1.5; color:var(--gray-muted,#5d6470);
}
@media (max-width:640px){ .lp-features__grid { grid-template-columns:1fr; } }

/* -------- Story-Block: Bild links + Text/Form rechts -------- */
.lp-story {
  padding:72px 0;
  background:#fff;
}
.lp-story__grid {
  display:grid; gap:48px;
  grid-template-columns:1fr 1fr;
  align-items:center;
  max-width:1100px; margin:0 auto;
}
.lp-story__media {
  position:relative;
  border-radius:14px; overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.12);
}
.lp-story__media img {
  display:block; width:100%; height:auto;
  aspect-ratio:4/3; object-fit:cover;
}
.lp-story__media::after {
  content:""; position:absolute; inset:auto 0 0 0; height:45%;
  background:linear-gradient(180deg, transparent 0%, rgba(26,26,26,.35) 100%);
  pointer-events:none;
}
.lp-story__body h2 {
  font-size:clamp(1.6rem, 3vw, 2rem); line-height:1.22;
  margin:0 0 12px; color:var(--charcoal,#1a1a1a);
}
.lp-story__gold-line {
  display:block; width:54px; height:3px;
  background:var(--gold,#b9a50b); border-radius:2px;
  margin:10px 0 22px;
}
.lp-story__body p {
  font-size:1rem; line-height:1.65;
  color:var(--charcoal-2,#2a2a2a); margin:0 0 16px;
}

/* -------- Mini-Formular (Schritt 1 der Anfrage) -------- */
.lp-form {
  margin-top:28px;
  padding:24px;
  background:var(--gray-light,#f7f4ee);
  border:1px solid var(--gray-mid,#e1ddd4);
  border-radius:12px;
}
.lp-form__label-note {
  display:block; font-size:.78rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--gold-dark,#8a7608); margin-bottom:12px;
}
.lp-form__row { display:grid; gap:12px; }
.lp-form__field { display:flex; flex-direction:column; gap:5px; }
.lp-form__field label {
  font-size:.85rem; font-weight:600; color:var(--charcoal,#1a1a1a);
}
.lp-form__field input {
  width:100%; padding:12px 14px;
  border:1px solid var(--gray-mid,#e1ddd4); border-radius:8px;
  font-size:.98rem; font-family:inherit; background:#fff;
  transition:border-color .18s;
}
.lp-form__field input:focus {
  outline:none; border-color:var(--gold,#b9a50b);
  box-shadow:0 0 0 3px rgba(185,165,11,.12);
}
.lp-form__submit {
  margin-top:16px; width:100%;
}
.lp-form__alt {
  margin-top:14px; padding-top:14px;
  border-top:1px dashed var(--gray-mid,#e1ddd4);
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  font-size:.85rem; color:var(--gray-muted,#5d6470);
}
.lp-form__alt a {
  color:var(--gold-dark,#8a7608); text-decoration:none; font-weight:600;
}
.lp-form__alt a:hover { color:var(--gold,#b9a50b); }

@media (max-width:840px){
  .lp-story__grid { grid-template-columns:1fr; gap:28px; }
  .lp-story__media { max-width:520px; margin:0 auto; }
}

/* -------- Final CTA -------- */
.lp-final {
  padding:72px 0;
  background:var(--charcoal,#1a1a1a);
  color:#fff; text-align:center;
}
.lp-final h2 { font-size:clamp(1.6rem, 3.2vw, 2.2rem); margin:0 0 14px; color:#fff; }
.lp-final__sub { color:#cfc5a8; max-width:620px; margin:0 auto 32px; }
.lp-final__cta { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.lp-final__cta .btn { min-width:220px; }
.lp-final__cta .btn--outline-white { border:1px solid rgba(255,255,255,.5); color:#fff; background:transparent; }
.lp-final__cta .btn--outline-white:hover { border-color:var(--gold,#b9a50b); color:var(--gold,#b9a50b); }
.lp-final__note {
  margin-top:22px; font-size:.85rem; color:#a9a18b;
}
@media (max-width:640px){ .lp-final__cta .btn { min-width:0; width:100%; } }

/* -------- Minimaler Footer -------- */
.lp-footer {
  padding:22px 0;
  background:#fff;
  border-top:1px solid var(--gray-mid,#e1ddd4);
  font-size:.82rem; color:var(--gray-muted,#5d6470);
}
.lp-footer__inner {
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.lp-footer__links { display:flex; gap:18px; flex-wrap:wrap; }
.lp-footer__links a { color:var(--gray-muted,#5d6470); text-decoration:none; }
.lp-footer__links a:hover { color:var(--gold,#b9a50b); }