/* Design-Tokens — 1:1 aus Figma "Dälken – Website Relaunch v1" (l2SvsYvSdRvqOP43fOWHod).
   Letter-Spacings liegen in Figma als Prozentwerte vor und stehen hier als em. */

@font-face {
  font-family: "Neue DIN";
  src: url("../fonts/FwTRIAL-NeueDIN-subset.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Farben */
  --text-black: #1c1a15;
  --page-bg: #f6f4ec;
  --section-bg: #f0ece0;
  --linie-standard: #e3dcc9;
  --linie-black: #1c1a15;
  --linie-grey: #e5e5e5;
  --d-blue: #3cd0f2;
  --d-green: #89e600;
  --d-red: #feb39e;

  /* Gaps */
  --gap-xs: 24px;
  --gap-s: 25px;
  --gap-m: 50px;
  --gap-l: 75px;
  --gap-xl: 100px;

  --radius-voll: 999px;

  /* Raster */
  --page-w: 1440px;
  --page-pad: 30px;
  --content-w: 1380px;

  /* Typografie */
  --font: "Neue DIN", "Helvetica Neue", Arial, sans-serif;

  --hover-opacity: 0.7;
}

/* Typo-Rollen als Utility-Klassen — Namen folgen den Figma-Styles */
.t-wortmarke { font-size: 17px; font-weight: 700; line-height: 1; letter-spacing: 0.04em; }
.t-subline   { font-size: 17px; font-weight: 400; line-height: 1; letter-spacing: 0.04em; }

.t-display   { font-size: 110px; font-weight: 500; line-height: 1.12; letter-spacing: -0.015em; }
.t-h1        { font-size: 55px;  font-weight: 600; line-height: 1.12; letter-spacing: -0.015em; }
.t-h2        { font-size: 55px;  font-weight: 600; line-height: 1.12; letter-spacing: -0.015em; }

.t-38-medium { font-size: 38px; font-weight: 500; line-height: 1.2; letter-spacing: -0.01em; }
.t-34-medium { font-size: 34px; font-weight: 500; line-height: 1.2; letter-spacing: -0.015em; }
.t-34        { font-size: 34px; font-weight: 400; line-height: 1.3; letter-spacing: -0.015em; }
.t-24-medium { font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -0.005em; }
.t-24        { font-size: 24px; font-weight: 400; line-height: 1.3; letter-spacing: -0.005em; }
.t-17        { font-size: 17px; font-weight: 400; line-height: 1.65; }
.t-17-light  { font-size: 17px; font-weight: 300; line-height: 1.65; }
.t-15        { font-size: 15px; font-weight: 400; line-height: 1.5; }
.t-15-light  { font-size: 15px; font-weight: 300; line-height: 1.5; }
.t-13-light  { font-size: 13px; font-weight: 300; line-height: 1.5; }
.t-10-light  { font-size: 10px; font-weight: 300; line-height: 1.5; letter-spacing: 0.05em; }