/* Grundstil der Startseite geo-rs.de – die Gestaltung der Abschnitte steht als Inline-Stil im HTML,
   hier nur das, was Inline nicht geht: Zustände, Handy-Anpassung, Hinweise. */
html { scroll-behavior: smooth; }
body { margin: 0; background: #F5F6FA; -webkit-font-smoothing: antialiased; }
a { color: #182686; }
a:hover { color: #0F1A5E; }
img { max-width: 100%; }

/* Menü: Hervorhebung beim Überfahren */
header nav a:not([href="#kontakt"]):hover { background: #F0F2F8; }
header nav a[href="#kontakt"]:hover { background: #182686; }

/* Knöpfe */
a[href="#kontakt"]:hover, button:hover { filter: brightness(0.95); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #F5A142; outline-offset: 2px;
}

/* Hinweis nach dem Absenden des Formulars */
#formular-hinweis { position: sticky; top: 0; z-index: 20; padding: 14px 24px; text-align: center; font: 500 16px/1.4 Inter, system-ui, sans-serif; }
#formular-hinweis.ok { background: #DDF3E4; color: #0B6B34; }
#formular-hinweis.fehler { background: #FFF1F3; color: #B00020; }

/* Handy: Menü unter dem Logo, Einstieg kompakter */
@media (max-width: 760px) {
  header nav { width: 100%; justify-content: flex-start; }
  header nav a { padding: 10px 12px; font-size: 14px; }
  #start { padding: 8px; }
  #start > div { border-radius: 20px; min-height: 0; }
  #start > div > div { padding: 48px 24px 24px; }
  h1 br { display: none; }
}