/* EVOX Landingpages – ergänzt style.css (wird nach style.css geladen). Nur Ergänzungen, nichts überschrieben. */
.lp-back{font-size:.88rem;color:var(--navy);text-decoration:none;font-weight:600;white-space:nowrap}
.lp-back:hover{color:var(--gold-d);text-decoration:underline}
@media(max-width:700px){.lp-back{display:none}}

/* Hero: Telefon gross */
.lp-tel{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font:800 clamp(1.7rem,6.4vw,2.5rem)/1 var(--serif);font-stretch:112%;
  color:var(--white);text-decoration:none;letter-spacing:.01em}
.lp-tel svg{width:.8em;height:.8em;color:var(--gold);flex:none}
.lp-tel:hover{color:var(--gold-l)}
.lp-tel-note{display:block;margin-top:6px;font-size:.85rem;color:var(--on-dark-soft)}
.lp-hero .btns{margin-top:28px}
.lp-hero .placeholder{position:absolute;inset:0;border-radius:0;border-width:0 0 0 2px;min-height:0}
.lp-hero .hero-photo::after{display:none}
.lp-hero .hero-photo .ph{position:absolute;inset:0;border-radius:0}
.lp-hero .hero-photo .ph img{position:absolute;left:0;top:0;width:100%;height:100%}
@media(max-width:900px){.lp-hero .hero-photo{height:min(80vw,420px)}.lp-hero .placeholder{border-width:2px 0 0}}

/* Vorteile */
.vorteile{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.vorteil{background:var(--navy-2);border:1px solid var(--line-l);border-radius:16px;padding:26px 24px}
.vorteil .ic{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);color:var(--gold-l);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.vorteil .ic svg{width:22px;height:22px}
.vorteil p{color:var(--ink-soft);font-size:.96rem}
.lp-intro{max-width:70ch;color:var(--ink-soft);font-size:1.05rem}
.lp-intro+.lp-intro{margin-top:14px}

/* Fotos */
.lp-gal{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.lp-gal .ph{aspect-ratio:4/5}
.lp-gal-eng{grid-template-columns:repeat(2,1fr)}.lp-gal-eng figure{margin:0}.lp-gal-eng figure:first-child{grid-column:1/-1}.lp-gal-eng{align-items:start}.lp-gal-eng .ph{aspect-ratio:auto}.lp-gal-eng .ph img{width:100%;height:auto;display:block}.lp-gal-eng figcaption{margin-top:8px;color:var(--white);font-weight:600;font-size:.95rem}@media(max-width:560px){.lp-gal-eng{grid-template-columns:1fr}}
.lp-gal .ph:has(.placeholder){aspect-ratio:auto}
.lp-gal .placeholder{height:100%;min-height:260px;border-radius:14px}
.lp-cap{margin-top:20px;color:var(--ink-soft);font-size:.9rem}

/* Formular-Abschnitt */
.lp-form-sec .contact{grid-template-columns:.85fr 1.15fr}
.lp-form-sec .lp-tel{margin-top:6px}
.lp-datenschutz{font-size:.82rem;color:var(--ink-soft)}
.lp-datenschutz a{color:var(--gold-l)}
.lp-back-sec{padding:34px 0;background:var(--deep);text-align:center}
.lp-back-sec a{color:var(--gold-l);font-weight:600;text-decoration:none}
.lp-back-sec a:hover{text-decoration:underline}
@media(max-width:860px){.lp-form-sec .contact{grid-template-columns:1fr}}
@media(max-width:560px){section{padding:56px 0}.btn{width:100%;justify-content:center}}

/* ---- Ergänzung: WhatsApp, Firmendaten, Leistungsliste, Bewertungen, FAQ, Weiter-Links ---- */
.lp-wa-row{margin-top:18px}
.lp-wa svg{width:20px;height:20px;color:#25D366;flex:none}
.lp-planer-note{margin-top:14px;max-width:46ch}
.plzort{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.lp-firma-sec{padding:28px 0;background:var(--deep)}
.lp-firma{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:center;border:1px solid var(--line-l);border-radius:16px;padding:22px 26px;background:var(--navy-2)}
.lp-firma-t b{display:block;font-size:1.15rem;color:var(--white)}
.lp-firma-t span{color:var(--ink-soft);font-size:.9rem}
.lp-firma dl{display:grid;gap:14px 24px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0}
.lp-firma dt{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-l)}
.lp-firma dd{margin:2px 0 0;color:var(--on-dark);font-size:.95rem;overflow-wrap:anywhere}
.lp-firma dd a{color:inherit}
@media(max-width:860px){.lp-firma{grid-template-columns:1fr}}
.lp-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:80ch}
.lp-list li{padding:14px 18px;border:1px solid var(--line-l);border-radius:12px;background:var(--navy-2);color:var(--ink-soft)}
.lp-list b{color:var(--white)}
.lp-vn-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.lp-vn figure{margin:0}.lp-vn figcaption{margin-top:8px;color:var(--white);font-weight:600;font-size:.95rem}
.lp-vn .ph img{width:100%;height:auto;display:block}.lp-vn-grid+.lp-vn-grid{margin-top:22px}.lp-vn .lp-cap{margin-top:18px}
@media(min-width:700px){.lp-vn-grid{max-width:760px}}
/* FAQ */
.lp-faq{display:grid;gap:10px;max-width:80ch}
.lp-q{border:1px solid var(--line-l);border-radius:12px;background:var(--navy-2);padding:0 18px}
.lp-q summary{cursor:pointer;font-weight:700;padding:16px 0;color:var(--white);list-style-position:outside}
.lp-q p{margin:0 0 16px;color:var(--ink-soft)}
.lp-weiter{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.lp-weiter b{color:var(--white)}
.lp-weiter a{color:var(--gold-l);font-weight:600}
/* Bewertungsformular */
.lp-bewform{max-width:720px;margin:0 auto}
.lp-h1s{font-size:clamp(1.8rem,5vw,2.6rem)}
.stars-in{border:0;padding:0;margin:0 0 18px}
.stars-in legend{font-weight:600;margin-bottom:8px;padding:0}
.stars-in .row{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.stars-in input{position:absolute;opacity:0;width:1px;height:1px}
.stars-in label{font-size:2.6rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:0 3px}
.stars-in input:checked~label,.stars-in label:hover,.stars-in label:hover~label{color:var(--gold)}
.stars-in input:focus-visible+label{outline:3px solid var(--gold);border-radius:6px}
.lp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.lp-check input{margin-top:4px;flex:none}

/* Landingpages: Leistungs-/Regionen-Karten, Beispielfoto-Hinweis, Kopf */
.lp-svcs{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lp-svc{display:block;padding:18px 20px;border:1px solid var(--line-l);border-radius:14px;background:var(--navy-2);text-decoration:none}
.lp-svc b{display:block;color:var(--white);margin-bottom:4px}
.lp-svc span{color:var(--ink-soft);font-size:.92rem}
.lp-svc:hover{border-color:var(--gold)}
.lp-hero .hero-photo .ph{overflow:hidden}
.lp-bsp{position:absolute;left:12px;bottom:12px;background:rgba(32,35,38,.88);color:var(--on-dark);padding:5px 12px;border-radius:20px;font-size:.78rem;z-index:2}
@media(max-width:700px){.lp-bewlink{display:inline!important;font-size:.8rem}}

/* Inspiration (Gratis-Fotos, klar als Beispiel gekennzeichnet) */
.lp-insp .lp-gal{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.lp-insp .lp-gal .ph{aspect-ratio:3/2;position:relative;margin:0}
.lp-insp .lp-gal .ph img{width:100%;height:100%;object-fit:cover;display:block}
.lp-cap a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* lange Wörter im Titel (z. B. Fassadensanierung) auf dem Handy */
.lp-hero .hero-text{min-width:0}
.lp-hero h1{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:430px){.lp-hero h1{font-size:clamp(1.9rem,9vw,2.6rem)}}
main h2,main h3,main summary{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
main h1,main h2,main h3{overflow-wrap:anywhere}
.lp-form-sec .contact>*{min-width:0}

@media(min-width:901px){.steps.s4{grid-template-columns:repeat(4,1fr)}}