/* ==========================================================================
   Workbench Advisory - Stylesheet
   Alle Schriften lokal gehostet (TTF). Keine externen Abhängigkeiten.
   ========================================================================== */

@font-face {
  font-family: 'Source Serif 4';
  src: url('assets/fonts/SourceSerif4.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('assets/fonts/SourceSerif4-Italic.ttf') format('truetype');
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('assets/fonts/HankenGrotesk.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('assets/fonts/HankenGrotesk-Italic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Reset */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #F6F2EC;
  color: #2B2723;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #F1C7A8; }
img { max-width: 100%; }

/* ---- Hover / Focus (in Plain-HTML als echte CSS-Regeln) ---- */

/* Navigations-Textlinks */
.navlink:hover { color: #D45A1C; }

/* "Gespräch anfragen" (Umriss-Button in der Navi) */
.btn-ghost:hover {
  background: #D45A1C;
  color: #F6F2EC !important;
  border-color: #D45A1C !important;
}

/* Primär-Buttons (Hero-CTA, Absenden) */
.btn-primary:hover { background: #B4470F; }

/* Fließtext-Links mit Unterstrich */
.ilink:hover { border-bottom-color: #D45A1C; }
.ilink-c:hover { color: #D45A1C; border-bottom-color: #D45A1C; }

/* Goodpoint-Logo-Link */
.logolink:hover { opacity: 0.65; }

/* News-Kacheln */
.newscard:hover { background: #FFFFFF; }

/* Footer-Rechtslinks */
.footlink:hover { color: #E8620E; }

/* Sprachumschalter */
.langlink:hover { color: #D45A1C; }

/* Formularfelder */
.field:focus {
  border-color: #D45A1C;
  background: #FFFFFF;
}

/* Mobile: Navigationslinks ab schmaler Breite ausblenden (CTA bleibt) */
@media (max-width: 860px) {
  .wb-navlinks { display: none !important; }
}
@media (max-width: 620px) {
  .wb-formrow { grid-template-columns: 1fr !important; }
  .wb-split { grid-template-columns: 1fr !important; }
}