/* Blatt & Welle – Markenvariablen für das West-Labs-Design-Kit (Stil „warm“). Kontrastwerte in DESIGN.md. */
:root {
  --marke: #a63d28;         /* Zinnober, dunkel: Weiß darauf 6,33:1, auf Grund 5,97:1 */
  --marke-dunkel: #7f2e1e;
  --marke-hell: #f6e7e1;
  --akzent: #4a6b4f;        /* Blattgrün: Fokusrahmen, 5,65:1 auf Grund */
  --grund: #fbf8f2;         /* Papier */
  --flaeche: #f3ecdf;
  --text: #1f2a44;          /* Tinte */
  --text-leise: #545b6b;    /* 6,42:1 auf Grund, 5,79:1 auf Fläche */
  --linie: #e3d9c7;
  --radius: 10px;
}

/* Seitenspezifisch (wenige Zeilen): Motivkarten mit Bild, heller Rand um Drucke, Unterseiten-Abstand, Angabentabelle. */
.motiv-raster { grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); margin-bottom: 2rem; }
.motiv-karte { display: flex; flex-direction: column; gap: .4rem; padding: 1rem; margin: 0; color: var(--text); text-decoration: none; }
.motiv-bild { display: grid; place-items: center; aspect-ratio: 4 / 3; background: #fff; border-radius: var(--radius-klein); padding: .6rem; margin-bottom: .4rem; }
.motiv-bild img { max-height: 100%; width: auto; object-fit: contain; }
a.motiv-karte:hover h3 { color: var(--marke); }
.passepartout { display: block; padding: 6%; }
.seite { padding-block: clamp(2rem, 5vw, 3.5rem) var(--abstand); }
.seite h2 { margin-top: 2.5rem; }
.werk { align-items: start; margin-bottom: 1rem; }

.angaben th { width: 32%; }
.seite .hinweis { margin-top: 1.5rem; }
.ohne-umbruch { white-space: nowrap; }
.vorschau .klein { margin-top: 1rem; }