/* Marke Seminarready – nur Variablen (Kontrastwerte in DESIGN.md) */
:root {
  --marke: #1b5e66;
  --marke-dunkel: #13454b;
  --marke-hell: #e3f0f0;
  --akzent: #c98a2b;
  --flaeche: #f4f6f5;
  --radius: 12px;
}
/* Folien im Probemodul: 16:9-Karten, wenige Zeilen, nur für probemodul.html */
.folie { container-type: inline-size; aspect-ratio: 16 / 9; background: #fff; border: 1px solid var(--linie); border-radius: var(--radius-klein); padding: clamp(1rem, 3vw, 2.25rem); display: flex; flex-direction: column; gap: .6rem; overflow: hidden; margin-bottom: 1.25rem; break-inside: avoid; }
.folie h3 { margin: 0 0 .4rem; color: var(--marke-dunkel); font-size: max(1.3rem, 3.8cqi); }
.folie li, .folie > p:not(.oberzeile):not(.quelle) { font-size: max(1rem, 2.15cqi); line-height: 1.35; }
.folie .oberzeile { font-size: max(.8rem, 1.5cqi); margin: 0; }
.punkt { display: inline-block; width: .8em; height: .8em; border-radius: 50%; margin-right: .4em; vertical-align: -.05em; }
.punkt.gruen { background: #1d7a46; } .punkt.gelb { background: #e0a526; } .punkt.rot { background: #b42318; }
.folie ul { margin: 0; }
.folie .quelle { margin-top: auto; font-size: max(.78rem, 1.4cqi); color: var(--text-leise); }
@media (max-width: 640px) { .folie { aspect-ratio: auto; } }
@media print { .kopf, .fuss nav, .nicht-drucken { display: none; } .abschnitt { padding-block: 1rem; } }
.folie ul.ampel { list-style: none; padding-left: 0; }
.folie ul, .folie ol, .folie p { max-width: none; } .folie li + li { margin-top: .35em; }