/* Zusätzliche Stile für den Bereich „vertrauen“ – nur von diesem Bereich ändern.
   Seiten: /preispakete/, /referenzen/ (+ Fallstudien), /website-check/, /ueber-uns/, /kontakt/ */

/* ---------- Preispakete: Paketkarten */
.vt-pakete{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.vt-paket{position:relative;display:flex;flex-direction:column;padding:28px 26px 26px;border-radius:16px;background:var(--papier);border:1px solid var(--linie);box-shadow:0 1px 2px rgba(26,35,32,.04),0 18px 40px -28px rgba(31,74,58,.45)}
.vt-paket--beliebt{border:2px solid var(--tanne);box-shadow:0 26px 54px -30px rgba(31,74,58,.6)}
.vt-paket__flag{position:absolute;top:-13px;left:24px;margin:0;padding:5px 12px;border-radius:999px;background:var(--gelb);color:var(--anthrazit);font:600 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.vt-paket__k{margin:0;font:600 12px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--see-tief)}
.vt-paket__p{margin:12px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.vt-paket__p b{font:600 clamp(30px,2.6vw,38px)/1.05 var(--sora);letter-spacing:-.03em;color:var(--anthrazit)}
.vt-paket__p small{font:500 13px/1 var(--mono);color:var(--leise)}
.vt-paket__satz{margin:6px 0 0;font-size:15.5px;color:var(--leise)}
.vt-paket__l{list-style:none;margin:20px 0 24px;padding:18px 0 0;border-top:1px dashed var(--linie);display:grid;gap:9px;font-size:15.5px;line-height:1.45;color:var(--text)}
.vt-paket__l li{position:relative;padding-left:26px}
.vt-paket__l li::before{content:"";position:absolute;left:2px;top:.32em;width:11px;height:6px;border-left:2.2px solid var(--see);border-bottom:2.2px solid var(--see);transform:rotate(-45deg)}
.vt-paket .btn{margin-top:auto;align-self:flex-start}
@media (max-width:1099px){ .vt-pakete{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:699px){ .vt-pakete{grid-template-columns:minmax(0,1fr);max-width:620px} }

.vt-fein{margin:24px 0 0;font-size:15px;color:var(--leise)}
.dunkel .vt-fein{color:var(--d-leise)}

/* ---------- Preispakete: Extras als Tabelle */
.vt-tabelle{width:100%;max-width:880px;border-collapse:collapse;font-size:16px;line-height:1.5}
.vt-tabelle th,.vt-tabelle td{padding:14px 16px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--linie)}
.vt-tabelle thead th{font:600 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--leise);border-bottom:2px solid var(--tanne)}
.vt-tabelle tbody th{font-weight:600;color:var(--anthrazit);white-space:nowrap}
.vt-tabelle td:nth-child(2){font:600 16px/1.5 var(--sora);color:var(--anthrazit);white-space:nowrap}
@media (max-width:639px){
  .vt-tabelle thead{display:none}
  .vt-tabelle tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--linie)}
  .vt-tabelle th,.vt-tabelle td{padding:0;border:0}
  .vt-tabelle tbody th{white-space:normal}
  .vt-tabelle td:nth-child(3){grid-column:1 / -1;font-size:15px;color:var(--text)}
}

/* ---------- Referenzen: weitere Projekte */
.vt-refs .ref{grid-column:span 4}
.vt-ref__satz{margin-top:10px!important;font-size:15px;line-height:1.5;color:var(--d-text)}
.vt-weitere{margin:28px 0 0;max-width:80ch;font-size:15.5px;line-height:1.6;color:var(--d-leise)}
@media (max-width:1099px){ .vt-refs .ref{grid-column:span 6} }
@media (max-width:639px){ .vt-refs .ref{grid-column:1 / -1} }

/* ---------- Fallstudie: Eckdaten dürfen umbrechen */
.fakten--fall li b{white-space:normal}

/* ---------- Fallstudie: Abbildung (z. B. Sichtbarkeitskurve) über die volle Textbreite */
.vt-abb{margin:26px 0 22px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--linie);box-shadow:0 22px 44px -34px rgba(31,74,58,.55)}
.vt-abb img{width:100%;height:auto;border-radius:8px}
.vt-abb figcaption{padding:10px 4px 2px;font:500 12.5px/1.45 var(--mono);color:var(--leise)}

/* ---------- Fallstudie: belegte Kennzahlen als Kacheln */
.vt-zahlen{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vt-zahlen li{padding:22px 22px 20px;border-radius:14px;background:var(--papier);border:1px solid var(--linie);font-size:15.5px;line-height:1.45;color:var(--text)}
.vt-zahlen li::marker{content:none}
.vt-zahlen b{display:block;margin-bottom:8px;font:600 clamp(30px,3vw,40px)/1 var(--sora);letter-spacing:-.03em;color:var(--see-tief)}
@media (max-width:519px){ .vt-zahlen{grid-template-columns:minmax(0,1fr)} }

/* ---------- Website-Check: die 10 Prüfpunkte */
.vt-wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.vt-weg{padding:26px 26px 22px;border-radius:16px;background:var(--papier);border:1px solid var(--linie);box-shadow:0 18px 40px -30px rgba(31,74,58,.45)}
.vt-weg__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:22px;letter-spacing:-.02em}
.vt-weg__h small{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}
.vt-punkte{list-style:none;margin:0;padding:0;counter-reset:vtp;display:grid;gap:0}
.vt-punkte[start="6"]{counter-reset:vtp 5}
.vt-punkte li{counter-increment:vtp;position:relative;display:grid;gap:4px;padding:14px 0 14px 46px;border-top:1px dashed var(--linie)}
.vt-punkte li::before{content:counter(vtp);position:absolute;left:0;top:14px;display:grid;place-items:center;width:32px;height:28px;border-radius:7px;background:var(--tanne);color:#fff;font:600 13px/1 var(--mono)}
.vt-punkte b{font:600 17px/1.3 var(--sora);color:var(--anthrazit)}
.vt-punkte span{font-size:15px;line-height:1.5;color:var(--text)}
@media (max-width:899px){ .vt-wege{grid-template-columns:minmax(0,1fr)} .vt-weg{padding:22px 18px 16px} }

/* ---------- Über uns: Orte und Fakten */
.vt-orte{list-style:none;margin:14px 0 0!important;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.vt-orte li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border-radius:999px;background:var(--papier);border:1px solid var(--linie);font:500 15px/1.2 var(--sans);color:var(--anthrazit)}
.vt-orte li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--see)}
.vt-orte li:last-child{background:none;border-style:dashed}
.vt-orte a{color:inherit;text-decoration:underline;text-decoration-color:var(--see);text-underline-offset:3px}
.vt-fakten{grid-template-columns:repeat(3,auto);margin:0!important;max-width:none}
@media (max-width:639px){ .vt-fakten{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- Kontakt */
.vt-umbruch{overflow-wrap:anywhere}

/* ---------- Fallstudien: lange Platzhalter dürfen umbrechen (sonst Querscrollen am Handy) */
.phero--fallstudie ~ section .ph{white-space:normal;overflow-wrap:anywhere}
.phero--fallstudie .hero__alt{margin-bottom:22px}