/* ==========================================================================
   KHK Dettelbach – sitewide Typografie
   Ersetzt Roboto / Roboto Condensed (GROSSBUCHSTABEN) des Templates
   adventurestrap-wbce durch Inter – selbst gehostet (keine Google-Server,
   DSGVO), eine variable Datei je Schnitt deckt alle Stärken 100–900 ab.
   Eingebunden im Template-<head> NACH style.css, damit diese Regeln gewinnen.
   Schriftgrößen in px, weil das Template html{font-size:10px} setzt.
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-latin-wght-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --khk-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Fließtext: größer und luftiger als die 14px/1.5 des Templates */
body {
  font-family: var(--khk-font);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "cv11", "ss03";   /* einstöckiges a, rundere Ziffern/Satzzeichen */
}
p, li, td, th, dd, dt, blockquote { line-height: 1.65; }

/* Formularelemente und Buttons erben sonst Systemschriften */
button, input, select, textarea, .btn, .form-control { font-family: var(--khk-font); }

/* Überschriften: normale Groß-/Kleinschreibung statt VERSALIEN, kräftig, leicht enger gesetzt */
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
  font-family: var(--khk-font);
  text-transform: none;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
h1, .h1 { font-size: 34px; letter-spacing: -0.022em; }
h2, .h2 { font-size: 27px; }
h3, .h3 { font-size: 22px; font-weight: 650; }
h4, .h4 { font-size: 19px; font-weight: 650; letter-spacing: -0.005em; }
h5, .h5, h6, .h6 { font-size: 17px; font-weight: 650; letter-spacing: 0; }

/* Links: im Fließtext erkennbar unterstrichen statt nur halbfett */
a { font-weight: inherit; }
.page-body p a, .page-body td a { text-decoration: underline; text-underline-offset: 0.18em; text-decoration-thickness: 1px; }

/* Navigation und Buttons: Inter halbfett, ruhige Groß-/Kleinschreibung */
nav.navbar ul li a,
.nav-pills > li > a,
.btn {
  font-family: var(--khk-font);
  text-transform: none;
  font-weight: 600 !important;
  letter-spacing: 0;
}
nav.navbar ul li a { font-size: 17px; }
nav.navbar ul li.dropmenu ul li > a { font-size: 16px; font-weight: 500 !important; }

@media (max-width: 600px) {
  body { font-size: 16px; }
  h1, .h1 { font-size: 28px; }
  h2, .h2 { font-size: 23px; }
  h3, .h3 { font-size: 20px; }
}

/* Akkordeon-Chevron (▾/▴) der Aktuelles-Karten: Inter zeichnet das Dreieck sehr klein */
.ak-toggle { font-family: -apple-system, 'Segoe UI', Arial, sans-serif; }

/* Eingeklappte Karten: Titel in normaler Stärke, erst aufgeklappt fett */
.ak-event.ak-collapsed .ak-title { font-weight: 450; letter-spacing: -0.005em; }