/* Marke Solarstromblick – nur Variablen, Kontrastwerte in DESIGN.md */
:root {
  --marke: #1a5c55;
  --marke-dunkel: #134640;
  --marke-hell: #e5f1ef;
  --akzent: #e3a21a;
  --flaeche: #f4f6f3;
  --radius: 12px;
}
/* Seitenspezifisch (wenige Zeilen): Statusmarken der Kurzliste, Formular-Abstände, kompakte Vorschautabelle */
.st { display: inline-block; padding: .15rem .55rem; border-radius: 999px; font-size: .82rem; font-weight: 650; white-space: nowrap; }
.st-buchbar { background: #e3f2e8; color: #14532d; } .st-angekuendigt { background: #fff3d6; color: #6b4200; }
.st-eigen { background: #e8edf5; color: #23395d; } .st-eingestellt { background: #f6e3e1; color: #7a1d14; }
.feld { margin-bottom: 1rem; } .feld-check { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; }
.feld-check input { width: 1.3rem; min-height: 1.3rem; margin-top: .25rem; flex: none; }
.vorschau-tabelle { font-size: .86rem; } .vorschau-tabelle th, .vorschau-tabelle td { padding: .5rem .6rem; }
/* Produktvorschauen (Bilder und Video aus tools/produktvorschau.js) */
figure { margin: 0; }
.produkt-video video, .produkt-video img { width: 100%; height: auto; aspect-ratio: 960 / 600; background: #fff; }
.vorschau-bilder { margin-top: 2.5rem; align-items: start; }
.vorschau-bilder img, .bestell-bilder img { border-radius: var(--radius-klein); box-shadow: 0 0 0 1px var(--linie), var(--schatten); background: #fff; }
.vorschau-bilder figcaption, .bestell-bilder figcaption { margin-top: .6rem; }
.vorschau-bilder img.papier, .bestell-bilder img.papier { max-width: min(100%, 420px); }
.bestell-bilder { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1.5rem; margin: 1.5rem 0 2rem; align-items: start; }