/* Grundlayout - stammt aus dem <helmet>-Block des Design-Exports. */
@import url("fonts.css");

body { margin: 0; background: #FBFAF8; }
html { scroll-behavior: smooth; }
img { max-width: 100%; }
button { font-family: Jost, sans-serif; }

/* Mobil: mehrspaltige Raster des Entwurfs untereinander legen. */
@media (max-width: 900px) {
  header nav { gap: 18px !important; }
  header nav a { font-size: 11.5px !important; }
  footer > div:first-child { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  [style*="grid-template-columns: minmax(0, 1fr) 380px"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="grid-template-columns: 1.05fr 1fr"],
  [style*="grid-template-columns: 1fr 1.1fr"] { grid-template-columns: 1fr !important; }
  [style*="position: sticky"] { position: static !important; }
}
@media (max-width: 640px) {
  [style*="padding: 0 32px"] { padding-left: 18px !important; padding-right: 18px !important; }
  [style*="padding: 70px 32px 40px"] { padding: 48px 18px 32px !important; }
  [style*="padding: 22px 32px"] { padding: 18px !important; flex-direction: column; gap: 8px; }
  footer > div:first-child { grid-template-columns: 1fr !important; }
}

/* Hover-/Fokus-Zustaende aus dem Entwurf */
.h1:hover { color: #212936; }
.h2:hover { background: #2C5077; }
.h3:hover { border-color: #212936; }
.h4:hover { background: #B08D57; color: #212936; }
.h5:hover { color: #F5F2EC; }
.h6:hover { color: #A22E36; }
.f7:focus { border-color: #2C5077; }