/* ==============================================================
   vertrauen.css  ·  Besitzer: P4 Start-Bausteine  ·  v4 „Passer“ (25.09.2026)
   Plan 8.3 K24 Vertrauen „seit 2008“. Markup: includes/vertrauen.php.
   Nur Tokens. Gemeinsame P4-Regeln (.sb, .sb-kopf) stehen in bento.css.

   Inhalt
     1 K24: Etikett + Passer-Zahl (K03, passer.css), H2, Peters Absaetze,
       ein Bogen (K02)
     2 ALTBESTAND v3 (.proof ...) - nur noch fuer index.php, bis P12 die
       Startseite auf kh_vertrauen() umstellt; danach zurueckbauen (P14)
   ============================================================== */

/* ---- 1 K24 ------------------------------------------------------------ */
.vt-raster{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem, 1rem + 2vw, 3.5rem);align-items:center;
}
@media (min-width:56rem){
  .vt-raster{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
}
.vt-text{min-width:0}
/* „Im Markt seit“ als Etikett ueber der grossen Zahl. */
.vt-seit{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;
  margin:0 0 clamp(1rem, .7rem + 1vw, 1.6rem);
}
.vt-seit .etikett{flex-basis:100%}
/* Passer-Zahl kleiner als Mega: Plan 7 (Laengenbudget) und die H1-Vorgabe
   (max. 3rem) - die Zahl traegt den Groessenkontrast, ohne die Seite zu
   dehnen. 56 px bei 390, 125 px bei 1440. */
.vt-zahl{font-size:clamp(3.5rem, 1.9rem + 6.6vw, 8rem)}
.vt h2{margin:0 0 .9rem;max-width:24ch}
.vt-absatz{margin:0 0 .9rem;color:var(--muted);max-width:62ch}
.vt-absatz:last-child{margin-bottom:0}
/* Der zweite Absatz ist die Aussage (hauseigenes Labor): in Tinte. */
.vt-absatz + .vt-absatz{color:var(--text);font-weight:500}
.vt-bild{min-width:0}
@media (max-width:47.99rem){
  .vt-absatz{font-size:1rem;line-height:1.55}
  .vt-bild .bogen-bild img{aspect-ratio:2 / 1;object-fit:cover}
}

/* ##############################################################
   2 ALTBESTAND v3 - nur fuer .proof in index.php (bis P12 montiert).
   Unveraendert aus style.css (CSS_VER 56). Danach zurueckbauen (P14).
   ############################################################## */
/* ===== Vertrauen mit echtem Foto ============================== */