/*
 * HÜRTHleben – custom.css  (Farben aus dem CD)
 * Dunkelgrün #26524A · Salbei #bdd2af · Lila #7c507d · Gelb #ffff8c
 */

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Hanken+Grotesk:ital,wght@0,300;0,400;0,500;0,700;0,800;1,300&display=swap');

/* Grundlagen: Salbei-Hintergrund, leichte Schrift */
body {
  background-color: #bdd2af !important;
  color: #1a1a1a !important;
  font-family: 'Hanken Grotesk', -apple-system, Arial, sans-serif !important;
  font-weight: 300 !important;
}
p, li, a { font-weight: 300 !important; }

/* Inhalts-Band durchsichtig -> Salbei scheint rundum durch */
main, #body-wrapper { background-color: transparent !important; }

/* Weiße Textkachel mit eckigen Ecken */
#body-wrapper .container {
  background-color: #ffffff !important;
  border-radius: 0 !important;
  padding: 2.5rem !important;
}
#body-wrapper, .content-item, main { border-radius: 0 !important; }

/* Nur die große Headline: Abril Fatface in Lila */
h1 {
  font-family: 'Abril Fatface', Georgia, serif !important;
  font-weight: 400 !important;
  color: #7c507d !important;
}
/* Subline & weitere Überschriften: schlicht in Dunkelgrün */
h2, h3, h4, h5, h6 {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 600 !important;
  color: #26524A !important;
}

/* Kopfbereich dunkelgrün, helle Schrift */
header, #header { background-color: #26524A !important; }
#header, #header a { color: #ffffff !important; }

/* Navigation: gelbe Buttons, Mouseover Salbei */
#header .navigation a {
  background-color: #ffff8c !important;
  color: #26524A !important;
  border-radius: 4px !important;
  padding: 0.35em 0.8em !important;
}
#header .navigation a:hover {
  background-color: #bdd2af !important;
  color: #26524A !important;
}

/* Fußbereich dunkelgrün, Schrift weiß */
footer, #footer { background-color: #26524A !important; }
footer, #footer, footer *, #footer * { color: #ffffff !important; }