/* ============================================================
   SENIW-FEHRER IMMOBILIEN · DESIGN TOKENS
   Einzige Datei mit Farbwerten. Keine Hex-Werte außerhalb.
   ============================================================ */
/* Schriften selbst gehostet (Agentur-Standard seit 2026-09-11): kein Request an Google,
   kein IP-Abfluss. Variable Schriften, eine Datei je Schnitt und Subset. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/manrope-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/manrope-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/noto-serif-italic-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/noto-serif-italic-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/noto-serif-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/noto-serif-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{

  /* ---------- Farben: Grundflächen ---------- */
  /* Palette V2 (Nutzer, 03.07.2026): kühles Warm-Weiß statt Beige,
     tieferes Kornblau, weiche Schatten/Rundungen bleiben. */
  --bg:#F4F4F0;                /* kühles Warm-Weiß, Seitengrund (deutlich weniger Beige) */
  --surface-cool:#EAEEF4;      /* Kühlfläche, leicht kühler */
  --card:#FFFFFF;              /* Karten / Panels, reines Weiß für mehr Kontrast */
  --dark:#22252B;              /* Anthrazit, Footer */
  --white:#FFFFFF;

  /* ---------- Farben: Text ---------- */
  --text:#23262B;
  --text-2:#6E6E6E;

  /* ---------- Farben: Akzente (Corporate Design HSF 7/26) ---------- */
  /* Primärfarbe laut CD: Stahlblau #5A82A0. Für Flächen mit weißem Text
     auf ein AA-sicheres Tiefblau abgedunkelt (>= 4,5:1). */
  --blue:#5A82A0;              /* CD-Primärfarbe, Akzente / Highlight / Linien-Töne */
  --blue-deep:#3F647F;         /* abgedunkelt für Vollflächen (Band) + Buttons, weißer Text >=4,5:1 */
  --blue-btn:#3F647F;          /* Buttonfläche mit weißem Text */
  --blue-btn-hover:#33546A;
  --blue-soft:#E4EBF2;         /* getönte Fläche für Status-Pill Verfügbar */
  --gold:#C29A43;              /* CD-Akzent Gold matt, NUR Linien, Punkte, Ziffern */
  --gold-soft:#F1EAD6;         /* getönte Fläche für Status-Pill Im Aufbau */
  --rust:#A52800;              /* CD-Akzentfarbe (sehr sparsam, Details) */
  --green-extra:#3E6B52;       /* Salbeigrün für Wohnungs-Extras (Kundenwunsch 28.09.2026) */
  --green-soft:#E5EFE8;        /* zartgrüne Hinterlegung der Extras, Text darauf 5,2:1 */

  /* ---------- Farben: Linien ---------- */
  --hairline:#E3E4E1;          /* Haarlinie auf Grund */
  --hairline-cool:#D5DBE4;     /* Haarlinie auf Kühl/Karte */

  /* ---------- Farben: auf Kornblau (Zahlen-Band) ---------- */
  --on-blue:#FFFFFF;
  --on-blue-soft:#DEE6F4;
  --on-blue-line:rgba(249,247,240,.22);

  /* ---------- Farben: auf Anthrazit (Footer) ---------- */
  --on-dark:#F9F7F0;
  --on-dark-soft:rgba(249,247,240,.64);
  --on-dark-line:rgba(249,247,240,.14);

  /* ---------- Overlays & Schatten ---------- */
  --chip-photo-bg:rgba(35,38,43,.74);
  --chip-photo-text:#F4F1E7;
  --shadow-card:0 12px 34px rgba(40,55,90,.08);
  --shadow-card-hover:0 20px 46px rgba(40,55,90,.14);
  --shadow-header:0 1px 0 rgba(35,38,43,.05);

  /* ---------- Typografie (Corporate Design: Noto Serif + Manrope) ---------- */
  --font-display:"Noto Serif",Georgia,"Times New Roman",serif;
  --font-body:"Manrope","Helvetica Neue",Arial,sans-serif;

  --fs-body:17px;
  --lh-body:1.65;
  --fs-display:clamp(2.6rem,5.3vw,4.75rem);      /* Hero-Display, ca. 4,5x Body */
  --fs-h2:clamp(2.05rem,3.5vw,3.15rem);
  --fs-h3:1.375rem;
  --fs-group:clamp(1.9rem,3vw,2.6rem);           /* Gruppenkopf Objektliste */
  --fs-small:.9375rem;                            /* 15px */
  --fs-eyebrow:.8125rem;                          /* 13px */
  --ls-eyebrow:.11em;

  /* ---------- Layout ---------- */
  --container:1216px;
  --pad:clamp(20px,4vw,44px);
  --space-section:clamp(88px,14vh,160px);
  --space-section-s:clamp(64px,9vh,110px);
  --hero-overlap:72px;

  /* ---------- Radien ---------- */
  --radius-card:10px;
  --radius-btn:6px;            /* weicher, konsistent mit den Karten (vorher 2px, brach den Stil) */
  --radius-pill:999px;
  --radius-input:6px;
}