/* 01_reset.css — Reset + Basis. Phase 2: aus v7 <style> (Z. 857-877) extrahiert. */

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

body {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--farbe5);
  background-color: var(--bg-color);
  padding-top: 50px; /* Platz für fixed Steuerleiste */
  overflow-x: hidden;
  /* 2026-05-27 BUG A: explizit overflow-y auto + min-height 100vh.
     Verteidigung gegen externe Skripte/Inline-Styles, die overflow:hidden
     auf html setzen (hamburger.js bei non-touch + viewport<1200px) und
     gegen background-attachment:fixed-Scroll-Quirks auf Mobile Safari. */
  overflow-y: auto;
  min-height: 100vh;
  /* V7.13: min-width wird via JS nur auf Desktop gesetzt */
}

/* 2026-05-27 BUG 1c: background-image wird NICHT mehr hier gesetzt.
   Das macht page_layout.php als inline-style direkt am <body>, weil
   Custom-Property-URLs in externen CSS-Dateien vom Browser relativ zur
   CSS-Datei aufgeloest werden ("assets/assets/..."-Pfad-Duplikat).
   Hier bleibt nur die Begleit-Konfiguration (size/attachment/position). */
body.has-bgimage {
  background-size: cover;
  /* 2026-05-28: scroll statt fixed — background-attachment:fixed bricht das
     Scrollen in ALLEN Safari (Desktop M4 + iOS), nicht nur Mobile. Parallax
     wird zugunsten der Funktionalität aufgegeben. */
  background-attachment: scroll;
  background-position: center;
}

/* ===== UTILITY CLASSES ===== */
.rounded-xl {
  border-radius: 1rem;
}

.shadow {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ===== MARKDOWN STYLES ===== */
strong {
  font-weight: bold;
}

em {
  font-style: italic;
}
