/* === Freiwillige Feuerwehr Burghasungen - Custom Styles === */

:root {
  --ffw-red: #cc0000;
  --ffw-red-dark: #a00000;
  --ffw-text: #1a1a1a;
}

/* Systemschriften - schnell, datenschutzfreundlich, gute Lesbarkeit */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--ffw-text);
}

/* Überschriften etwas kräftiger */
h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Header-Bereich in Feuerwehr-Rot */
.bg-black, .bg-black-90, .bg-black-80 {
  background-color: var(--ffw-red) !important;
}

/* Links in Akzentfarbe */
a, a:link, a:visited {
  color: var(--ffw-red);
}
a:hover, a:focus {
  color: var(--ffw-red-dark);
}

/* Im roten Header sollen Links/Text aber weiß bleiben */
.bg-black a, .bg-black-90 a, .bg-black-80 a,
header a, header a:link, header a:visited {
  color: #fff;
}
header a:hover {
  color: #ffd0d0;
}

/* Buttons (z.B. "Read More") */
.button, .btn, button {
  background-color: var(--ffw-red);
  color: #fff;
  border: none;
}
.button:hover, .btn:hover, button:hover {
  background-color: var(--ffw-red-dark);
}

/* Footer etwas dezenter */
footer {
  background-color: #2a2a2a;
  color: #ddd;
}
footer a {
  color: #fff;
}

/* Beitragsliste auf der Startseite: etwas Abstand */
article {
  margin-bottom: 2rem;
}