/* ============================================================
   Landingpages für Google Ads (Digitalsauria, 2026-10-21)
   Baut auf ds-zielgruppen.css auf (ds-zg-*), hier nur die Ergänzungen im Namensraum ds-lp-*.
   Geladen nur auf Seiten mit Meta _ds_landingpage, mu-plugins/ds-landingpages.php
   ============================================================ */

/* Gleiche Breite wie alle anderen Seiten: bündig mit der H1 über die ganze Inhaltsspalte (21.10.2026, Wunsch Martin).
   ds-zielgruppen.css begrenzt .ds-zg auf 1100 px, Einleitungen auf 820 px und CTA-Boxen auf 980 px, hier nur für Landingpages aufgehoben. */
.ds-zg.ds-lp{max-width:none}
.ds-lp .ds-zg-lead,.ds-lp .ds-lp-hinweis{max-width:none}
.ds-lp .ds-zg-cta{max-width:none}
/* Karten fest in 3 / 2 / 1 Spalten, sonst brechen 6 Karten auf der vollen Breite in 4 + 2 um */
.ds-lp .ds-zg-grid{grid-template-columns:1fr}
@media (min-width:600px){.ds-lp .ds-zg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.ds-lp .ds-zg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.ds-lp [id]{scroll-margin-top:110px}
.ds-lp a[target="_blank"]{position:relative}

/* Aktionsleiste unter der Kurzantwort */
.ds-lp-aktion{display:flex;flex-wrap:wrap;gap:.8rem;margin:-1.2em 0 3.2em}
.ds-lp .ds-lp-btn-ghost{background:#fff;color:#3e7d7a;border:2px solid #cfe3e2}
.ds-lp .ds-lp-btn-ghost:hover{background:#f6faf9;border-color:#51a19e;color:#3e7d7a}

/* Preistabelle */
.ds-lp .ds-lp-preise{min-width:0}
.ds-lp-preise tbody th{width:32%}
.ds-lp-preise tbody th a{font-weight:600;text-decoration:none;color:#3e7d7a}
.ds-lp-preise tbody th a:hover{text-decoration:underline}
.ds-lp-preise .ds-lp-preis{font-weight:700;color:#454545;white-space:nowrap}
.ds-lp-preise td:last-child{color:#6a6a6a;font-size:.88rem}
.ds-lp-preise .ds-lp-gruppe th{background:#fff;color:#8a8a8a;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding-top:1.4em;border-bottom:1px solid #ececec;width:auto}
.ds-lp-hinweis{font-size:.9rem;color:#6a6a6a;margin-top:1.2em;max-width:820px}
.ds-lp-zwischen{font-weight:600;margin:1.6em 0 .7em}

/* Vita */
.ds-lp-vita{list-style:none;margin:0 0 1.2em;padding:0}
.ds-lp-vita li{display:grid;grid-template-columns:9.5em 1fr;gap:1rem;padding:.7em 0;border-top:1px solid #ececec;line-height:1.6;font-size:.96rem}
.ds-lp-vita li:first-child{border-top:0;padding-top:0}
.ds-lp-vita strong{color:#3e7d7a}

/* Kontaktwege */
.ds-lp-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0 0 2rem}
.ds-lp .ds-lp-weg{display:flex;flex-direction:column;border:1px solid #e2e2e2;border-radius:10px;padding:1.3em 1.4em;background:#fff;text-decoration:none;color:#454545;transition:border-color .15s,box-shadow .15s}
.ds-lp .ds-lp-weg:hover,.ds-lp .ds-lp-weg:focus-visible{border-color:#51a19e;box-shadow:0 10px 30px rgba(62,125,122,.10)}
.ds-lp-weg-titel{font-weight:700;color:#3e7d7a;font-size:1.1rem;margin-bottom:.35em}
.ds-lp-weg-text{font-size:.93rem;line-height:1.6;margin-bottom:1em}
.ds-lp-weg-los{margin-top:auto;font-weight:600;color:#51a19e;font-size:.93rem}
.ds-lp-weg-los:after{content:" \203A";font-size:1.15em}

/* Rückruf */
.ds-lp-rueckruf{display:grid;grid-template-columns:1fr;gap:1.6rem;background:#f6faf9;border:1px solid #cfe3e2;border-radius:12px;padding:1.8em}
@media (min-width:900px){.ds-lp-rueckruf{grid-template-columns:5fr 6fr;gap:2.6rem;padding:2.2em 2.4em}}
.ds-lp-rueckruf h3{color:#3e7d7a}
.ds-lp-zeiten{font-size:.9rem;color:#6a6a6a}
.ds-lp-rueckruf-form .wpforms-container{margin:0}
.ds-lp-nw{white-space:nowrap}

/* Rückrufformular in der Optik des Kontaktformulars im Themer-Layout (Formular 5137) */
.ds-lp .ds-lp-rueckruf-form .wpforms-form input[type=text],
.ds-lp .ds-lp-rueckruf-form .wpforms-form input[type=tel],
.ds-lp .ds-lp-rueckruf-form .wpforms-form input[type=email],
.ds-lp .ds-lp-rueckruf-form .wpforms-form select,
.ds-lp .ds-lp-rueckruf-form .wpforms-form textarea{background:#fff;color:#454545;border:1px solid transparent;border-radius:13px;box-shadow:0 0 10px 0 #ccc;padding:12px 14px;height:auto;min-height:52px;line-height:1.4;font-size:16px;max-width:100%}
.ds-lp .ds-lp-rueckruf-form .wpforms-form textarea{min-height:110px}
.ds-lp .ds-lp-rueckruf-form .wpforms-form input:focus,
.ds-lp .ds-lp-rueckruf-form .wpforms-form select:focus,
.ds-lp .ds-lp-rueckruf-form .wpforms-form textarea:focus{border-color:#51a19e;outline:0}
.ds-lp .ds-lp-rueckruf-form .wpforms-form button[type=submit]{background:#5ea3a4;color:#fff;border:1px solid #ddd;border-radius:15px;padding:15px 30px;font-size:16px;line-height:1.7;height:auto;cursor:pointer;transition:background .15s}
.ds-lp .ds-lp-rueckruf-form .wpforms-form button[type=submit]:hover{background:#3e7d7a}

@media (max-width:600px){
  .ds-lp-aktion .ds-zg-btn{width:100%;text-align:center}
  .ds-lp .ds-zg-table.ds-lp-preise thead{display:none}
  .ds-lp-preise tbody tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #ececec}
  .ds-lp-preise tbody th,.ds-lp-preise tbody td{border-bottom:0;width:auto;padding:.6em .4em}
  .ds-lp-preise tbody td:last-child{grid-column:1 / -1;padding-top:0}
  .ds-lp-preise .ds-lp-gruppe{display:block}
  .ds-lp-vita li{grid-template-columns:1fr;gap:.1rem}
  .ds-lp-rueckruf{padding:1.3em}
}