/* Punktraster «Hintergrund / Raster Punkte» – exakte Figma-Kachel (48 px @2x, als 24 px gekachelt).
   Nullpunkt links am Viewport, oben an der Unterkante des Kopfs. */
.raster--punkte {
  background-color: var(--bg);
  background-image: url("../img/raster-punkte@2x.png");
  background-size: var(--raster-size) var(--raster-size);
  background-repeat: repeat;
  background-position: 0 var(--kopf-hoehe, 0);   /* erste Punktreihe direkt unter dem weissen Kopf */
}
@media (prefers-contrast: more) { .raster--punkte { background-image: none; } }
@media print { .raster--punkte { background-image: none; } }
.flaeche { background: var(--bg); }