/* Generell CSS */
:root {
  --navy-blue: #001440;
  --bage: #f5f4f0;
  --second-bage: #e8e7e2;
  --calender-sport: blue;
  --calender-freizeit: green;
  --card:      #FFFFFF;
  --tanne:      #1F3B2E;
  --moos:       #6E8C74;
  --nebel:      #EEF2EC;
  --weg:        #D9A441;
  --weg-dunkel: #8A5A1C;
  --berg:       #3E7C8C;
  --berg-dunkel:#2B5866;
  --tinte:      #172019;
  --karte:      #FFFFFF;
  --linie:      rgba(23,32,25,0.10);

  /* Eine Fluchtlinie fuer alle Seitenbereiche: Header, Filterleiste,
     Kalender, Katalog und Footer nutzen denselben Seitenabstand. */
  --seiten-rand: 40px;
}

@media (max-width: 1024px) {
  :root { --seiten-rand: 32px; }
}

@media (max-width: 640px) {
  :root { --seiten-rand: 16px; }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: white;
}

main {
  background: var(--bage);
}

/* Sichtbar nur fuer Vorlesegeraete: nimmt keinen Platz ein, bleibt aber im
   Textfluss - display:none oder visibility:hidden wuerden die Zeile auch
   dort verschwinden lassen, wo sie gebraucht wird. */
.nur-vorlesen {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}