/* ═══════════════════════════════════════════════════════════════
   css-gr.css — Nur für griechische Seiten einbinden
   ═══════════════════════════════════════════════════════════════

   SCHRIFTARTEN-SYSTEM für GR-Seiten:
   ─────────────────────────────────
   Zwei Display-Schriften stehen zur Verfügung:

   1. Sofia Sans Extra Condensed (für griechischen Text)
      → Klasse: HL-Sofia
      → Wird automatisch 2px größer angezeigt als Barlow

   2. Barlow Condensed (für lateinischen/englischen Text)
      → Klasse: HL-Barlow
      → Wird in der normalen Größe angezeigt

   VERWENDUNG im HTML:
   ──────────────────
   Griechische Headline:  <h2 class="section-headline HL-Sofia">Κείμενο</h2>
   Lateinische Headline:  <h2 class="section-headline HL-Barlow">Text</h2>

   STANDARD (wenn keine Klasse gesetzt):
   Die Variable --fd ist auf Sofia Sans gesetzt.
   Das bedeutet: alle Headlines verwenden automatisch Sofia Sans
   auf GR-Seiten, ohne dass du eine Klasse setzen musst.

   GRÖßEN-ANPASSUNG:
   ─────────────────
   Sofia Sans erscheint optisch kleiner als Barlow Condensed.
   Deshalb wird mit .HL-Sofia automatisch font-size um den
   Faktor --sofia-size-boost vergrößert (Standard: 1.08 = +8%).
   Zum Anpassen: nur --sofia-size-boost ändern.

   EINBINDEN in GR-Seiten (nach css.css):
   <link href="../css/css.css" rel="stylesheet">
   <link href="../css/css-gr.css" rel="stylesheet">
   (Bei gr/jobs/ zwei Ebenen tiefer: ../../css/css-gr.css)
═══════════════════════════════════════════════════════════════ */


/* ── @font-face: Sofia Sans Extra Condensed ─────────────────── */
/* Alle Schnitte werden geladen damit du auch 700 etc. nutzen kannst */

@font-face {
  font-family: 'Sofia Sans Extra Condensed';
  font-style: normal; font-weight: 900; font-display: swap;
  src: url('../fonts/sofia-sans/sofia-sans-extra-condensed-v6-greek_latin_latin-ext-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Sofia Sans Extra Condensed';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/sofia-sans/sofia-sans-extra-condensed-v6-greek_latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Sofia Sans Extra Condensed';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/sofia-sans/sofia-sans-extra-condensed-v6-greek_latin_latin-ext-regular.woff2') format('woff2');
}


/* ── CSS-Variablen ───────────────────────────────────────────── */
:root {
  /* Standard Display-Schrift für GR-Seiten → Sofia Sans */
  --fd: 'Sofia Sans Extra Condensed', 'Barlow Condensed', sans-serif;

  /* Größen-Boost für Sofia Sans gegenüber Barlow Condensed.
     Wert anpassen wenn Sofia zu groß/klein erscheint:
     1.08 = 8% größer | 1.05 = 5% größer | 1.0 = gleich groß */
  --sofia-size-boost: 1.08;
}


/* ── Utility-Klassen: Schriftwahl im HTML ───────────────────── */

/* .HL-Sofia → Griechische Headlines mit Sofia Sans Extra Condensed
   Automatisch etwas größer damit optisch gleich wie Barlow wirkt */
.HL-Sofia {
  font-family: 'Sofia Sans Extra Condensed', 'Barlow Condensed', sans-serif !important;
  font-size: calc(1em * var(--sofia-size-boost)) !important;
}

/* .HL-Barlow → Lateinische/englische Headlines mit Barlow Condensed
   Nützlich wenn du auf einer GR-Seite einen englischen Titel hast */
.HL-Barlow {
  font-family: 'Barlow Condensed', sans-serif !important;
  /* Keine Größen-Anpassung — Barlow ist die Referenzgröße */
}


/* ── Spezifisch für GR Legal-Seiten: inline :root überschreiben ─
   Die Impressum/Datenschutz-Seiten haben einen inline <style>-Block
   der --fd auf Barlow setzt. Dieser Block kommt NACH den externen CSS.
   Wir überschreiben das hier mit !important auf alle fd-Elemente. */


/* SO STEHT ES JETZT — lang-btn und mobile-lang-btn rausnehmen: */
.page-headline,
.section-heading,
.nav-logo-text,
.sidebar-title,
.section-num,
.footer-logo-text,
.mobile-menu a,
.btn-gold-sm {
  font-family: 'Sofia Sans Extra Condensed', 'Barlow Condensed', sans-serif !important;
}