/* ============================================================================
   HELLER Luftaufnahmen – Basis-Stylesheet
   Selbst gehostete Schriften (DSGVO) + Hover-/Fokus-Zustaende der Referenz.
   Layout und Farben stehen bewusst inline in den Seiten (1:1 aus dem
   Design-Handoff uebernommen); hier liegt nur, was inline nicht geht.
   ========================================================================== */

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Caveat';
  src: url('../fonts/caveat-variable.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body {
  margin: 0;
  background: #FFFFFF;
  color: #14213D;
  font-family: 'Archivo', sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: #2E7BF6; }
a:hover { color: #1E56C8; }

/* --- Hover-Zustaende (style-hover der Referenz) --------------------------- */

.btn-blau:hover { background: #1E56C8 !important; }

.btn-ghost:hover { background: rgba(255,255,255,0.15) !important; border-color: #FFFFFF !important; }
.btn-ghost-mail:hover { background: rgba(255,255,255,0.16) !important; border-color: #FFFFFF !important; }

.nav-link:hover { color: #FFFFFF !important; border-bottom-color: #3E86FF !important; }

.link-hell:hover { color: #FFFFFF !important; }
.link-blaulicht:hover { color: #7FB0FF !important; }

.kachel-link, .kachel-link:hover { color: inherit; }

/* Scrollbare Navigationszeile ohne sichtbaren Scrollbalken */
.nav-scroll { scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.nav-scroll::-webkit-scrollbar { display: none; }

/* Runder Platzhalter-Ring im runden Portraet-Rahmen */
[data-rund] .platzhalter-ring { border-radius: 50% !important; }

/* Sichtbarer Tastatur-Fokus */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #3E86FF;
  outline-offset: 2px;
}