/* Muster-Zusatz auf Stil A (stil.css bleibt unveraendert). Erzeugt von build_from_A.py */
:root{--blau:#0b5cd5;--blau-d:#0848a8}
.hero-bild{object-position:50% 30%}
/* Bild-Slot ohne freigegebenes Foto */
.ph{display:flex;align-items:flex-end;background:#dfe6ef;border-radius:var(--r);aspect-ratio:4/3;width:100%}
.ph span{font:600 12px/1 Inter,sans-serif;color:#5c6b80;padding:12px;letter-spacing:.04em}
.ueber-bild .ph{border-radius:12px}
/* Demo-Formular */
.demo-tag{justify-self:start;font:700 11px/1 Inter,sans-serif !important;letter-spacing:.08em;text-transform:uppercase;color:#5b6472 !important;border:1px dashed #a9b4c2;border-radius:4px;padding:5px 8px}
/* .klein ist in stil.css global hell (fuer Navy); auf weissen/hellen Flaechen dunkler */
.abschnitt:not(.abschnitt-blau) .klein{color:var(--grau)}
/* Sample-Hinweis: Desktop in der Topbar, fixierte Pille nur auf dem Handy (verdeckt sonst die 4. Trust-Kachel) */
.tb-muster{color:#fff;font-weight:600}
.preview{display:none}
/* Vorher/Nachher */
.ba-raster{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.ba-bild{position:relative}
.ba-bild img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
.ba-label{position:absolute;top:14px;font:800 13px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border-radius:5px;background:#fff;color:var(--navy)}
.ba-l{left:14px;background:var(--blau);color:#fff}
.ba-r{right:14px}
@media (max-width:860px){
  .preview{display:block}
  .ba-raster{grid-template-columns:1fr;gap:28px}
}