/* BREMER TYPOGRAFIE – ZENTRALE DESIGN-TOKENS
   Einmal auf allen Seiten einbinden, direkt nach style-test.css und vor den Unterseiten-CSS.
   Die Variablen gelten ausschliesslich ab 851px. Darunter bleiben die
   urspruenglichen Werte aller Regeln als var()-Fallback erhalten.

   Die semantischen Typostufen sind unabhaengig von HTML h1/h2/h3:
   "display" = grosse, visuell einheitliche Abschnitts-Headlines.
   "section" = sekundäre Abschnittstitel (z.B. Rechtliches, Kontaktkarten).
   "sub" = Zwischenueberschriften.
   "kicker" = kleine Versalien ueber grossen Headlines.
*/
@media (min-width: 851px) {
  :root {

    /* Global design system – all values adjustable in this file. */
    --bremer-body-font: "Barlow", Arial, Helvetica, sans-serif;
    --bremer-body-size: 17px;
    --bremer-body-weight: 400;
    --bremer-body-line-height: 1.6;

    --bremer-intro-size: 20px;
    --bremer-small-size: 15px;

    --bremer-nav-font: "Barlow", Arial, Helvetica, sans-serif;
    --bremer-nav-size: 16px;
    --bremer-nav-weight: 500;

    --bremer-button-font: "Barlow Semi Condensed", "Barlow", Arial, Helvetica, sans-serif;
    --bremer-button-size: 15px;
    --bremer-button-weight: 600;

    --bremer-display-font: "Barlow Semi Condensed", "Barlow", Arial, Helvetica, sans-serif;
    --bremer-display-size: clamp(48px, 4.2vw, 78px);
    --bremer-display-weight: 700;
    --bremer-display-line-height: 1.02;
    --bremer-display-letter-spacing: -0.02em;

    --bremer-section-font: "Barlow Semi Condensed", "Barlow", Arial, Helvetica, sans-serif;
    --bremer-section-size: clamp(28px, 3vw, 42px);
    --bremer-section-weight: 600;
    --bremer-section-line-height: 1.12;
    --bremer-section-letter-spacing: -0.015em;

    --bremer-sub-font: "Barlow Semi Condensed", "Barlow", Arial, Helvetica, sans-serif;
    --bremer-sub-size: 24px;
    --bremer-sub-weight: 600;
    --bremer-sub-line-height: 1.16;
    --bremer-sub-letter-spacing: 0;

    --bremer-kicker-font: "Barlow", Arial, Helvetica, sans-serif;
    --bremer-kicker-size: 14px;
    --bremer-kicker-weight: 600;
    --bremer-kicker-line-height: 1.1;
    --bremer-kicker-letter-spacing: 0.14em;
    --bremer-kicker-color: #009fe3;
  }
}

/* Desktop-Korrektur fuer vorhandenes 900px-Breakpoint:
   Verhindert, dass die spaetere Ausstattung-Regel aus style-test.css
   zwischen 851 und 900px den zentralen Displaywert ueberschreibt.
   Bei <=850px bleibt die bestehende mobile Regel unangetastet. */
@media (min-width: 851px) and (max-width: 900px) {
  .bremer-ausstattung-headline {
    font-size: var(--bremer-display-size);
  }
}