/* === Moderner CSS Reset - Start === */

/* 1. Box-Sizing für intuitivere Layouts setzen */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Standard-Margin entfernen (besonders vom Body) */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
  margin: 0;
}

/* 3. Standard-Padding von Listen entfernen */
ul,
ol {
    padding: 0;
}

/* 4. Standard-Listenstil entfernen (optional, aber üblich in Resets) */
/* Wenn du Standard-Listenpunkte/-nummern behalten willst, kommentiere dies aus */
ul,
ol {
    list-style: none;
}


/* 5. Body auf volle Viewport-Höhe setzen und Basisschrift verbessern */
body {
  min-height: 100vh;
  line-height: 1.5; /* Verbessert die Lesbarkeit */
  -webkit-font-smoothing: antialiased; /* Glättet Schrift in Webkit/Blink */
  -moz-osx-font-smoothing: grayscale; /* Glättet Schrift in Firefox (macOS) */
}

/* 6. Bilder und Medien responsive machen */
img,
picture,
video,
canvas,
svg {
  display: block; /* Verhindert ungewollten Leerraum unter Bildern */
  max-width: 100%;
}

/* 7. Schriftart von Formularelementen erben lassen */
input,
button,
textarea,
select {
  font: inherit;
}

/* 8. Textumbruch für Überschriften und Absätze verbessern */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word; /* Verhindert Überlaufen bei sehr langen Wörtern */
}

/* 9. Weiches Scrollen bei Fokusänderungen (optional, aber nett) */
html:focus-within {
  scroll-behavior: smooth;
}

/* === Moderner CSS Reset - Ende === */