/* ══════════════════════════════════════════════════════════════════════════
   layout-ref.css — Exaktes Content-Layout nach Referenz-PDFs (V2)
   Phase 1: Homepage. Referenzbreite 1366px; 1 Referenz-px = var(--u).
   Alle Zahlenwerte stammen 1:1 aus reference-specs/pages/*.json (PDF-Messung).
   Das Design (Farben, Grain, Hover, Hero, Header, Footer) bleibt unangetastet —
   diese Datei positioniert ausschließlich den Content-Bereich.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  /* Skalierungseinheit: 1px bei 1366px Viewport, fluid darüber/darunter */
  --u: calc(100vw / 1366);

  /* ── Rastersystem aus Ebene „HL Pfade" (reference-specs/grid.json) ──
     8 Spalten à 134.5px, Gutter 20px, Ränder 75px, Content 1216px */
  --ref-colw:   calc(var(--u) * 134.5);
  --ref-gutter: calc(var(--u) * 20);
  --ref-margin: calc(var(--u) * 75);
  --col1: calc(var(--u) * 75);     --col2: calc(var(--u) * 229.5);
  --col3: calc(var(--u) * 384);    --col4: calc(var(--u) * 538.5);
  --col5: calc(var(--u) * 693);    --col6: calc(var(--u) * 847.5);
  --col7: calc(var(--u) * 1002);   --col8: calc(var(--u) * 1156.5);
}

/* Referenz-Grid als echtes CSS-Grid (für Elemente, die im Fluss bleiben) */
.ref-grid{
  width: calc(var(--u) * 1216);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--ref-gutter);
}

/* ── Bild-Platzhalter (Task: grau, Dateiname dezent mittig) ── */
.ph{
  position: relative;
  background: #CFD1D6;                  /* Referenz-Grau (0.81,0.82,0.84) */
  display: grid;
  place-items: center;
  overflow: hidden;
}
/* Befüllter Platzhalter (Bild-Import): Bild füllt die vermessene Box,
   Geometrie bleibt unangetastet (object-fit:cover) */
.ph--filled{padding:0}
.ph--filled .ph__label{display:none}
.ph__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/* Hohe Spezifität gegen Alt-Regeln wie `.content-wide img{width:…;height:auto}`,
   die das Bild sonst aus der Box lösen (grauer Rand, FB 18.07. #3) */
.ph.ph--filled > .ph__img{width:100%;height:100%;max-width:none;margin:0}
/* Pläne/Grafiken (z. B. Lavazza-Isometrie): ganzes Bild zeigen statt croppen,
   Transparenz schwebt auf dem Sektionshintergrund */
.ph.ph--filled.ph--contain{background:transparent}
.ph.ph--filled.ph--contain > .ph__img{object-fit:contain}
.ph__label{
  font: 500 calc(var(--u) * 16)/1.35 var(--font-sans);
  color: rgba(20,20,20,.55);
  text-align: center;
  padding: 0 1.2em;
  overflow-wrap: anywhere;
}

/* Unterhalb des Desktop-Breakpoints greift das Mobile-Layout —
   siehe „MOBILE (≤ 820 px)"-Block am Ende dieser Datei (MOBILE-KONZEPT.md,
   freigegeben 17.07.2026). Platzhalter erhalten dort ihre exakten
   Referenz-Seitenverhältnisse je Instanz. */

/* ════════════════════════════════════════════════════════════════════════
   HOMEPAGE (home-p1) — exakte Geometrie ab Desktop-Breakpoint.
   y-Ursprünge (Referenz): Hero-Unterkante 844.37 · Coral-Sektion bis 1716.69 ·
   Logo-Band 1716.69–1888.30 · Teal 1888.30–3400.65 · Blau 3400.65–4416.12
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width:821px){

  /* ── Sektion 1: Coral / Emotionen (Ursprung y=844.37) ── */
  .t-home .section--emotion{
    padding: 0;
    height: calc(var(--u) * 872.32);    /* 1716.69 − 844.37 */
  }
  .t-home .section--emotion .wrap{max-width:none;padding:0;position:static}
  .t-home .section--emotion .grid-2{display:block;position:static}
  .t-home .section--emotion .section__text{all:unset}

  .t-home #tl-emotion{
    position:absolute; margin:0;
    left: calc(var(--u) * 177.93);      /* Stift = PDF-x0 */
    top:  calc(var(--u) * 117.19);      /* Baseline 976.56 (kalibriert) */
    font-size: calc(var(--u) * 17);
    line-height: 1;
    letter-spacing: .208em;
  }
  .t-home .section--emotion h2.h-lg{
    position:absolute; margin:0;
    left: calc(var(--u) * 229.5);
    top:  calc(var(--u) * 160.45);      /* Baseline 1052.82 → iterativ */
    width: calc(var(--u) * 420);
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);   /* Baselines 1052.82 → 1110.82 */
    letter-spacing: .02em;              /* Referenz-Laufweite 20/1000em */
  }
  .t-home .section--emotion .lead{
    position:absolute; margin:0;
    left: calc(var(--u) * 229.5);
    top:  calc(var(--u) * 307.31);      /* Baseline 1180.68 → iterativ */
    width: calc(var(--u) * 588);        /* erzwingt die 4 Referenz-Umbrüche */
    max-width:none;
    font-size: calc(var(--u) * 26);
    line-height: calc(41 / 26);         /* Baselines 1180.68 → 1221.68 */
    letter-spacing: .0028em;            /* Referenz: optische Laufweite */
  }
  .t-home .section--emotion .pill-row{
    position:absolute; margin:0;
    left: calc(var(--u) * 538.5);
    top:  calc(var(--u) * 526.17);      /* Box 1370.543 − 844.37 */
    gap:  calc(var(--u) * 14.87);       /* 1431.947 − 1417.075 */
    width: calc(var(--u) * 289);
  }
  .t-home .founder{
    position:absolute; margin:0;
    left: calc(var(--u) * 946.81);
    top:  calc(var(--u) * 132.2);       /* 976.568 − 844.37 */
    width: calc(var(--u) * 419.19);
  }
  .t-home .founder .founder__ph-box{
    width: 100%;
    height: calc(var(--u) * 333.53);
  }
  .t-home .founder figcaption{
    position:absolute; margin:0;
    left: calc(var(--u) * 55.19);       /* 1002 − 946.81 */
    top:  calc(var(--u) * 354.15);      /* Baseline 1346.70 → iterativ */
    font-size: calc(var(--u) * 17);
    line-height: calc(21 / 17);         /* Baselines 1346.70 → 1367.70 */
    letter-spacing: .0254em;
    font-weight: 500;                    /* Referenz: FuturaPT-Medium, beide Zeilen */
    white-space: nowrap;
  }
  .t-home .founder figcaption strong{font-weight:500}

  /* Journey-Skizze: Referenzgeometrie, lokaler Raum (0..360 × 0..520),
     Offset in Referenzkoordinaten +80/+1450 (aus PDF-Kurvenboxen belegt) */
  .t-home .section--emotion .emo-journey{
    left: calc(var(--u) * 80);
    top:  calc(var(--u) * 605.63);      /* 1450 − 844.37 */
    bottom:auto;
    width: calc(var(--u) * 360);
    height: calc(var(--u) * 520);
  }
  .t-home .emo-journey__svg{width:100%;height:100%}

  /* ── Sektion 2: Logo-Band (Ursprung y=1716.69) ── */
  .t-home .logos{
    padding: 0;
    height: calc(var(--u) * 171.61);    /* 1888.30 − 1716.69 */
  }
  .t-home .logos .wrap{max-width:none;padding:0;position:static}
  .t-home .logos__viewport,
  .t-home.is-home .logos__viewport{
    position:absolute; margin:0;
    left: calc(var(--u) * 371.44);
    top:  calc(var(--u) * 31.04);       /* 1747.728 − 1716.69 */
    width: calc(var(--u) * 927.08);
    height: calc(var(--u) * 109.53);
    -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
            mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  }
  .t-home .logos__track{height:100%}

  /* ── Sektion 3: Teal / Studio (Ursprung y=1888.30) ── */
  .t-home .section--studio{
    padding: 0;
    height: calc(var(--u) * 1474.78);   /* 3363.08 − 1888.30 (sichtbare Teal-Kante: blaues Band deckt ab 3363.08) */
    overflow: visible;
  }
  .t-home .studio__grid{display:block;position:static}
  .t-home .studio__img--1{
    position:absolute; margin:0; z-index:4;
    left: 0;
    top:  calc(var(--u) * 401.01);      /* 2289.313 − 1888.30 */
    width: calc(var(--u) * 419.19);
    height: calc(var(--u) * 567.52);
  }
  .t-home .studio__text{all:unset}
  .t-home #tl-studioteaser{
    position:absolute; margin:0;
    left: calc(var(--u) * 497.62);      /* Stift = PDF-x0 */
    top:  calc(var(--u) * 193.81);      /* Baseline 2097.10 (kalibriert) */
    font-size: calc(var(--u) * 17);
    line-height: 1;
    letter-spacing: .208em;
  }
  .t-home .section--studio h2.h-lg{
    position:absolute; margin:0;
    left: calc(var(--u) * 534.77);
    top:  calc(var(--u) * 244.62);      /* Baseline 2180.41 → iterativ */
    width: calc(var(--u) * 620);
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing: .0221em;            /* Referenz-Laufweite (aus PDF-Zeilenbreite) */
  }
  .t-home .section--studio .lead{
    position:absolute; margin:0;
    left: calc(var(--u) * 537.77);
    top:  calc(var(--u) * 390.99);      /* Baseline 2308.27 → iterativ */
    width: calc(var(--u) * 599.5);      /* erzwingt die 6 Referenz-Umbrüche */
    max-width:none;
    font-size: calc(var(--u) * 26);
    line-height: calc(41 / 26);
  }
  .t-home .section--studio .pill-row{
    position:absolute; margin:0;
    left: calc(var(--u) * 538.5);
    top:  calc(var(--u) * 726.61);      /* Box 2614.914 − 1888.30 */
    gap:  calc(var(--u) * 14.87);
    width: calc(var(--u) * 289);
  }
  .t-home .studio__img--2{
    position:absolute; margin:0; z-index:4;
    left: calc(var(--u) * 946.81);
    top:  calc(var(--u) * 1002.27);     /* 2890.574 − 1888.30 */
    width: calc(var(--u) * 418.64);
    height: calc(var(--u) * 319.81);
    justify-self:auto;
  }
  /* studio__caption entfernt (17.07.): nur im PDF-Textlayer vorhanden, im Referenz-Render unsichtbar */

  /* ── Pills/Buttons: exakte Referenz-Anatomie (289 × 46.53, Pfeil 24.5) ── */
  .t-home .pill-row .btn{
    min-width:0;
    width: calc(var(--u) * 289);
    height: calc(var(--u) * 46.53);
    padding: 0;
    justify-content: center;
    gap: 0;
    font-size: calc(var(--u) * 17);
    line-height: 1;
    letter-spacing: .208em;
    position: relative;
  }
  /* Referenz: Label-Mitte konstant bei Boxmitte+4.96, Pfeil (24.5 lang) hängt
     links davor. Konstruktion: 0-breite Pfeilbox + Label mit 9.92 Einzug →
     Label-Mitte exakt +4.96; Pfeil absolut aus der Pfeilbox heraus. */
  .t-home .pill-row .btn__arrow{
    width: 0;
    flex: 0 0 0px;
    position: relative;
    overflow: visible;
    align-self: center;
    height: calc(var(--u) * 8.9);
  }
  .t-home .pill-row .btn__arrow svg{
    position: absolute;
    right: calc(var(--u) * -3.34);
    top: 0;
    width: calc(var(--u) * 24.5);
    max-width: none;                     /* Reset svg{max-width:100%} bei 0-breiter Ankerbox */
    height: calc(var(--u) * 8.9);
  }
  .t-home .pill-row .btn__label{
    margin-left: calc(var(--u) * 9.92);
  }
  /* Studio-Buttons: eigene Referenzgeometrie (Label-Mitte +12.05, Pfeil bei 593.63) */
  .t-home .section--studio .pill-row .btn__label{
    margin-left: calc(var(--u) * 24.52);
  }
  .t-home .section--studio .pill-row .btn__arrow svg{
    right: calc(var(--u) * -18.65);
  }

  /* ── Sektion 4: Blau / Methodik (Ursprung y=3400.65) ── */
  :is(.t-home, .t-project) .methodology{
    position: relative;
    padding: 0;
    height: calc(var(--u) * 1053.04);   /* 4416.12 − 3363.08 */
  }
  :is(.t-home, .t-project) .methodology .wrap{max-width:none;padding:0;position:static}
  :is(.t-home, .t-project) .methodology__inner{position:static}
  :is(.t-home, .t-project) .methodology__body{position:static;min-height:0}
  :is(.t-home, .t-project) .methodology__heading{
    position:absolute; margin:0;
    left: calc(var(--u) * 299.3);
    top:  calc(var(--u) * 537.63);      /* Baseline 3937.69 (Ursprung 3363.08) */
    padding: 0;                          /* app.css gab padding-top 5.5rem */
    width: calc(var(--u) * 392);        /* erzwingt 3 Zeilen wie Referenz */
    max-width: none;                     /* app.css: max-width 15ch */
    font-size: calc(var(--u) * 42);
    line-height: calc(45 / 42);         /* Baselines 3937.69 → 3982.67 */
    letter-spacing: .04em;              /* Referenz-Laufweite 40/1000em */
    text-wrap: nowrap; white-space: normal;
  }
  /* Journey-Diagramm: SVG nutzt Referenzkoordinaten (viewBox 500 3840 348 448) */
  :is(.t-home, .t-project) .journey{
    position:absolute; margin:0;
    left: calc(var(--u) * 500);
    top:  calc(var(--u) * 476.92);      /* 3840 − 3363.08 */
    width: calc(var(--u) * 348);
    height: calc(var(--u) * 448);
  }
  :is(.t-home, .t-project) .journey__svg{width:100%;height:100%}
  /* Wordmark: Position/Maß werden gegen die Buchstaben-Boxen der Referenz
     iterativ kalibriert (p: 399.43–539.77 / g: bis 933.86) */
  :is(.t-home, .t-project) .methodology__wordmark{
    position:absolute; margin:0;
    left: calc(var(--u) * 392);
    top:  calc(var(--u) * 199.81);
    width: calc(var(--u) * 552);
  }
  /* Wellen-Band: SVG in Referenzkoordinaten (viewBox 0 3068 1366 262) */
  :is(.t-home, .t-project) .methodology__wave{
    position:absolute; margin:0;
    background: transparent;             /* V1-Design: teal Streifen — in V2 endet teal als gerade Kante */
    left: calc(var(--u) * -188.65);
    top:  calc(var(--u) * -282.73);     /* 3080.35 − 3363.08 */
    width: calc(var(--u) * 1635.07);
    height: calc(var(--u) * 894.82);
    pointer-events:none;
  }
  :is(.t-home, .t-project) .methodology__wave-svg{width:100%;height:100%}
  /* V2: Welle liegt frei auf der Sektion darüber — kein Teal-Streifen mehr.
     (Fix 17.07.: Selektor traf versehentlich die ganze Methodik-Sektion →
     transparenter Hintergrund mit Grain-auf-Weiß.) */
  :is(.t-home.is-home, .t-project) .methodology__wave{background:transparent}
  :is(.t-home.is-home, .t-project) .methodology__wave::before{content:none}
  /* Welle + Bandtext ragen über die Sektionskante (Referenz: Band quert die
     Sektion darüber) — overflow:hidden aus app.css würde sie abschneiden. */
  :is(.t-home, .t-project) .methodology{overflow:visible}

  /* ── Echte Bold-Schnitte: Referenz = FuturaPT-Bold. Das Kit liefert die
     Bold-Schnitte als eigene Familie 'futura-pt-bold'; ohne diese Angabe
     würde der Browser futura-pt (500) synthetisch fetten → andere Breiten. */
  .t-home #tl-emotion, .t-home #tl-studioteaser,
  .t-home .section--emotion h2.h-lg, .t-home .section--studio h2.h-lg,
  .t-home .section--emotion h2.h-lg em, .t-home .section--studio h2.h-lg em,
  :is(.t-home, .t-project) .methodology__heading,
  .t-home .pill-row .btn,
  .t-home .studio__caption strong,
  :is(.t-home, .t-project) .journey__txt, .t-home .emo-journey__txt text,
  :is(.t-home, .t-project) .methodology__ribbon-text{
    font-family: var(--font-sans-bold);
  }

  /* ── Detail-Korrekturen auf Referenzwerte ── */
  .t-home .studio__ph{width:100%;height:100%}
  .t-home .emo-journey__txt text{font-size:17px}       /* Referenz: 17pt (war 19) */
  :is(.t-home, .t-project) .methodology__ribbon-text{font-size:17px;letter-spacing:.175em}  /* Referenz: 17pt, Laufweite kalibriert */
}

/* ════════════════════════════════════════════════════════════════════════
   STUDIO (home-p5) — exakte Geometrie. Hero-Unterkante (Referenz): 828.28.
   Bänder: Coral bis 1443.3 · Teal 1443.3–4629.9 · Weiß –5415.8 ·
   Blau 5415.8–6886.4 · Weiß –7426.02 (Footer-Zone ab 7426.02, Phase 4)
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width:821px){

  /* ── Coral-Intro (Ursprung y=828.28) ── */
  .t-studio .cat-intro{
    padding:0; position:relative;
    height: calc(var(--u) * 615.02);     /* 1443.3 − 828.28 */
  }
  .t-studio .cat-intro .wrap{max-width:none;padding:0;position:static}
  .t-studio .cat-intro__grid{display:block;position:static}
  .t-studio .cat-intro__text{all:unset}
  .t-studio .cat-intro .lead{
    position:absolute; margin:0;
    left: calc(var(--u) * 231.77);       /* Stift = PDF-x0 */
    top:  calc(var(--u) * 132.35);       /* Baseline 986.13 → iterativ */
    width: calc(var(--u) * 582);         /* erzwingt die 5 Referenz-Umbrüche */
    max-width:none;
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);          /* Baselines 986.13 → 1021.12 */
  }
  .t-studio .cat-intro__img{
    position:absolute; margin:0;
    left: calc(var(--u) * 947.7);
    top:  calc(var(--u) * 136.42);       /* 964.69 − 828.28 */
    width: calc(var(--u) * 418.3);
    height: calc(var(--u) * 361.55);
  }
  .t-studio .cat-intro__ph-box{width:100%;height:100%}
  .t-studio .studio-intro__jump{
    position:absolute; margin:0; display:flex; flex-direction:column;
    left: calc(var(--u) * 538.5);
    top:  calc(var(--u) * 388.05);       /* Box 1216.33 − 828.28 */
    gap:  calc(var(--u) * 16.81);        /* 1279.68 − 1262.87 */
    width: calc(var(--u) * 289);
  }
  /* Studio-Buttons: 15px-Label, Label-Mitte bei Boxmitte+17.63, Pfeil-Gap 10.76 */
  .t-studio .pill-row .btn{
    min-width:0;
    width: calc(var(--u) * 289);
    height: calc(var(--u) * 46.53);
    padding:0; justify-content:center; gap:0; position:relative;
    font-size: calc(var(--u) * 15);
    line-height:1;
    letter-spacing:.208em;
  }
  .t-studio .pill-row .btn__arrow{
    width:0; flex:0 0 0px; position:relative; overflow:visible;
    align-self:center; height: calc(var(--u) * 8.9);
  }
  .t-studio .pill-row .btn__arrow svg{
    position:absolute; top:0;
    right: calc(var(--u) * -24.51);
    width: calc(var(--u) * 24.5); max-width:none;
    height: calc(var(--u) * 8.9);
  }
  .t-studio .pill-row .btn__label{margin-left: calc(var(--u) * 35.27)}

  /* ── Teal-Band: Leistungs-Matrix + 3 Content-Blöcke (Ursprung y=1443.3) ── */
  .t-studio .studio-leistungen{
    position:relative; padding:0; margin:0;
    height: calc(var(--u) * 3186.6);     /* 4629.9 − 1443.3 */
  }
  .t-studio .studio-leistungen .content-block{position:static;padding:0;margin:0}
  .t-studio .studio-leistungen .wrap{max-width:none;padding:0;position:static}
  .t-studio .studio-leistungen .grid-2{display:block;position:static}
  .t-studio .studio-leistungen .section__text,
  .t-studio .studio-leistungen .section__media{all:unset}
  .t-studio .media-stack{display:block;position:static}

  .t-studio .slm{position:static}
  .t-studio #sl-topline{
    position:absolute; margin:0;
    left: calc(var(--u) * 171.10);
    top:  calc(var(--u) * 106.19);       /* Baseline 1562.69 → iterativ */
    font-size: calc(var(--u) * 15);
    line-height:1; letter-spacing:.208em;
  }
  .t-studio #sl-heading{
    position:absolute; margin:0;
    left: calc(var(--u) * 229.5);
    top:  calc(var(--u) * 143.93);       /* Baseline 1635.23 → iterativ */
    width:max-content;
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
    color:#fff;
  }
  .t-studio .slm__colhead{
    position:absolute; margin:0;
    top: calc(var(--u) * 272.19);        /* Baseline 1739.09 → iterativ */
    width:max-content;
    font-size: calc(var(--u) * 26);
    line-height: calc(var(--u) * 31.2);  /* Baselines 1739.09 → 1770.29 */
    letter-spacing:.02em;
    color:#fff; text-transform:uppercase;
  }
  .t-studio .slm__col--1 .slm__colhead{left: calc(var(--u) * 96.66)}
  .t-studio .slm__col--2 .slm__colhead{left: calc(var(--u) * 518.51)}
  .t-studio .slm__col--3 .slm__colhead{left: calc(var(--u) * 920.16)}
  .t-studio .slm__list{
    position:absolute; margin:0; padding:0; list-style:none;
    top: calc(var(--u) * 352.82);        /* Baseline 1821.62 → iterativ */
    width:max-content;
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);          /* 35px innerhalb eines Punkts */
    color:#fff;
  }
  .t-studio .slm__col--1 .slm__list{left: calc(var(--u) * 88.70)}
  .t-studio .slm__col--2 .slm__list{left: calc(var(--u) * 509.10)}
  .t-studio .slm__col--3 .slm__list{left: calc(var(--u) * 910.98)}
  .t-studio .slm__list li{
    position:relative;
    padding-left: calc(var(--u) * 17.99); text-indent: calc(var(--u) * 10.19); /* PDF: Zeile1 28.18, Umbruchzeilen 17.99 (FB 18.07.) *//* Text-Stift 17.99 hinter dem • (PDF-Tab) */
    margin-top: calc(var(--u) * 12);     /* Punktabstand 47 = 35 + 12 */
  }
  .t-studio .slm__list li:first-child{margin-top:0}
  .t-studio .slm__list li::before{content:"•";position:absolute;left:0;top:0}

  /* Content-Blöcke 1–3 */
  .t-studio .studio-leistungen .topline{position:absolute;margin:0;font-size:calc(var(--u) * 15);line-height:1;letter-spacing:.208em}
  .t-studio #svc-tl-1{left:calc(var(--u) * 455.56);top:calc(var(--u) * 890.20)}   /* bl 2346.70 */
  .t-studio #svc-tl-2{left:calc(var(--u) * 91.90); top:calc(var(--u) * 1716.94)}  /* bl 3173.44 */
  .t-studio #svc-tl-3{left:calc(var(--u) * 454.01);top:calc(var(--u) * 2455.67)}  /* bl 3912.17 */
  .t-studio .studio-leistung__title{
    position:absolute; margin:0; width:max-content;
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
    color:#fff;
  }
  .t-studio #svc-title-1{left:calc(var(--u) * 538.96);top:calc(var(--u) * 953.85)}  /* bl 2445.15 */
  .t-studio #svc-title-2{left:calc(var(--u) * 229.30);top:calc(var(--u) * 1780.60)} /* bl 3271.90 */
  .t-studio #svc-title-3{left:calc(var(--u) * 538.42);top:calc(var(--u) * 2519.32)} /* bl 4010.62 */
  .t-studio .studio-leistungen .lead{
    position:absolute; margin:0; max-width:none;
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);
  }
  .t-studio .studio-leistungen .lead p{margin:0}
  .t-studio .studio-leistungen .lead p + p{margin-top: calc(var(--u) * 22)}  /* Absatz 57 = 35 + 22 */
  .t-studio #svc-text-1 .lead{left:calc(var(--u) * 538.49);top:calc(var(--u) * 1116.04);width:calc(var(--u) * 599)}
  .t-studio #svc-text-2 .lead{left:calc(var(--u) * 229.31);top:calc(var(--u) * 1942.81);width:calc(var(--u) * 595)}
  .t-studio #svc-text-3 .lead{left:calc(var(--u) * 538.42);top:calc(var(--u) * 2620.28);width:calc(var(--u) * 590)}
  .t-studio .svc__ph-box{position:absolute;margin:0}
  .t-studio #svc-media-1 .svc__ph-box{left:0;                    top:calc(var(--u) * 1122.55);width:calc(var(--u) * 419.19);height:calc(var(--u) * 467.81)}
  .t-studio #svc-media-2 .svc__ph-box{left:calc(var(--u) * 946.81);top:calc(var(--u) * 1719.90);width:calc(var(--u) * 419.19);height:calc(var(--u) * 516.60)}
  .t-studio #svc-media-3 .svc__ph-box{left:0;                    top:calc(var(--u) * 2626.47);width:calc(var(--u) * 418.98);height:calc(var(--u) * 382.10)}

  /* ── Warum Auftraggeber (weiß, Ursprung y=4629.9) ── */
  .t-studio .studio-why{
    position:relative; padding:0; overflow:visible;
    height: calc(var(--u) * 785.9);      /* 5415.8 − 4629.9 */
  }
  .t-studio .studio-why .wrap{max-width:none;padding:0;position:static}
  .t-studio .studio-why__inner{all:unset}
  .t-studio .studio-why__blob{
    position:absolute; margin:0;
    left: calc(var(--u) * -71.51);
    top:  calc(var(--u) * 294.60);       /* 4924.5 − 4629.9 */
    width: calc(var(--u) * 440.09);
    height: calc(var(--u) * 398.77);
  }
  .t-studio #why-heading{
    position:absolute; margin:0; width:max-content;
    left: calc(var(--u) * 364.53);
    top:  calc(var(--u) * 137.37);       /* Baseline 4815.27 → iterativ */
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
    max-width:none;
  }
  .t-studio .facts-list{
    position:absolute; margin:0; padding:0; list-style:none;
    left: calc(var(--u) * 368.95);
    top:  calc(var(--u) * 283.17);       /* Baseline 4938.57 → iterativ */
    width:max-content;
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);
  }
  .t-studio .facts-list li{
    position:relative;
    padding-left: calc(var(--u) * 17.99); text-indent: calc(var(--u) * 10.19); /* PDF: Zeile1 28.18, Umbruchzeilen 17.99 (FB 18.07.) */
    margin-top: calc(var(--u) * 22);     /* Punktabstand 57 = 35 + 22 */
  }
  .t-studio .facts-list li:first-child{margin-top:0}
  .t-studio .facts-list li::before{content:"•";position:absolute;left:0;top:0}

  /* ── Team (blau, Ursprung y=5415.8) ── */
  .t-studio .studio-team{
    position:relative; padding:0;
    height: calc(var(--u) * 1470.6);     /* 6886.4 − 5415.8 */
  }
  .t-studio .studio-team .wrap{max-width:none;padding:0;position:static}
  .t-studio #tl-team{
    position:absolute; margin:0;
    left: calc(var(--u) * 209.50);
    top:  calc(var(--u) * 72.30);        /* Baseline 5501.30 → iterativ */
    font-size: calc(var(--u) * 15);
    line-height:1; letter-spacing:.208em;
  }
  .t-studio #team-heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 229.83);
    top:  calc(var(--u) * 126.70);       /* Baseline 5590.50 → iterativ */
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
  }
  .t-studio .studio-team__text{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 229.83);
    top:  calc(var(--u) * 284.37);       /* Baseline 5725.67 → iterativ */
    width: calc(var(--u) * 840);         /* erzwingt die 4 Referenz-Umbrüche */
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);
  }
  .t-studio .studio-team__photo{
    position:absolute; margin:0;
    left: calc(var(--u) * 233.42);
    top:  calc(var(--u) * 470.0);        /* 5885.8 − 5415.8 */
    width: calc(var(--u) * 903.1);
    height: calc(var(--u) * 596.3);
  }
  .t-studio .team__ph-box{width:100%;height:100%}
  .t-studio .studio-team__names{display:contents}
  .t-studio .studio-team__name{
    position:absolute; margin:0; width:max-content;
  }
  .t-studio .studio-team__name:nth-child(1){left:calc(var(--u) * 229.5); top:calc(var(--u) * 1135.62)}
  .t-studio .studio-team__name:nth-child(2){left:calc(var(--u) * 538.5); top:calc(var(--u) * 1135.62)}
  .t-studio .studio-team__name:nth-child(3){left:calc(var(--u) * 847.5); top:calc(var(--u) * 1135.62)}
  .t-studio .studio-team__name:nth-child(4){left:calc(var(--u) * 229.5); top:calc(var(--u) * 1294.43)}
  .t-studio .studio-team__name:nth-child(5){left:calc(var(--u) * 538.5); top:calc(var(--u) * 1294.43)}
  .t-studio .studio-team__name:nth-child(6){left:calc(var(--u) * 847.5); top:calc(var(--u) * 1294.43)}
  .t-studio .studio-team__name strong{
    display:block;
    font-size: calc(var(--u) * 24);
    line-height:1;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .t-studio .studio-team__name span{
    display:block;
    margin-top: calc(var(--u) * 15.33);  /* Baseline-Abstand 31.33 */
    font-size: calc(var(--u) * 15);
    line-height:1;
    letter-spacing:.208em;
    text-transform:uppercase;
  }
  .t-studio .studio-team__mail{
    display:block;
    margin-top: calc(var(--u) * 5.59);   /* Baseline-Abstand 20.59 */
    font-size: calc(var(--u) * 15);
    line-height:1;
    letter-spacing:.02em;
    text-transform:none;
  }

  /* ── Kontakt-CTA (weiß, Ursprung y=6886.4) ── */
  .t-studio .end-cta{
    position:relative; padding:0;
    height: calc(var(--u) * 539.62);     /* 7426.02 − 6886.4 (Footer-Zone) */
  }
  .t-studio .end-cta .wrap{max-width:none;padding:0;position:static}
  .t-studio .end-cta__inner{all:unset}
  .t-studio #tl-endcta{
    position:absolute; margin:0;
    left: calc(var(--u) * 209.31);
    top:  calc(var(--u) * 106.79);       /* Baseline 7006.39 → iterativ */
    font-size: calc(var(--u) * 15);
    line-height:1; letter-spacing:.208em;
  }
  .t-studio #endcta-heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 229.5);
    top:  calc(var(--u) * 184.08);       /* Baseline 7118.48 → iterativ */
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
  }
  .t-studio .end-cta .lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 229.51);
    top:  calc(var(--u) * 344.56);       /* Baseline 7256.46 → iterativ */
    width: calc(var(--u) * 555);
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);
  }

  /* Echte Bold-Schnitte (Kit: futura-pt-bold) */
  .t-studio #sl-topline, .t-studio .studio-leistungen .topline,
  .t-studio #sl-heading, .t-studio .slm__colhead,
  .t-studio .studio-leistung__title,
  .t-studio #why-heading, .t-studio #tl-team, .t-studio #team-heading,
  .t-studio #tl-endcta, .t-studio #endcta-heading,
  .t-studio .pill-row .btn,
  .t-studio .studio-team__name strong,
  .t-studio .studio-team__name span{
    font-family: var(--font-sans-bold);
  }
  .t-studio .studio-team__mail{font-family: var(--font-sans); font-weight:500}
}

/* ── Studio: Kalibrierung Runde 2 (Laufweiten je gemappter Referenzzeile,
   Alt-CSS-Neutralisierungen). Werte aus Delta-Tabelle 1 gelöst. ── */
@media (min-width:821px){
  .t-studio .cat-intro .lead{letter-spacing:.0034em}
  .t-studio .slm__colhead{letter-spacing:.0074em}
  
  
  
  
  
  .t-studio #svc-title-1{letter-spacing:.0283em}
  .t-studio #svc-title-2{letter-spacing:.0298em}
  .t-studio #svc-tl-3{letter-spacing:.2007em}
  .t-studio #svc-text-1 .lead p:first-child{letter-spacing:-.0026em}
  .t-studio #svc-text-2 .lead p{letter-spacing:.002em}
  .t-studio #svc-text-3 .lead p{letter-spacing:.0023em}
  .t-studio #why-heading{letter-spacing:.0252em}
  .t-studio #endcta-heading{letter-spacing:.0069em}
  .t-studio .facts-list{display:block;gap:0}
  .t-studio .facts-list li:first-child{letter-spacing:-.0047em}  /* Endkante ↔ PDF-Ink (FB 18.07.) */
  .t-studio .slm__col--1 .slm__list li:first-child{letter-spacing:.0239em}  /* optische Laufweite der Referenzzeile */
  .t-studio .facts-list li{padding-top:0;padding-bottom:0}
  
  
  .t-studio #tl-team, .t-studio #tl-endcta{transform:none}
  .t-studio .studio-team__name strong{letter-spacing:.033em}
  .t-studio .studio-team__name span{margin-top:calc(var(--u) * 12.37)}
  .t-studio .studio-team__name:nth-child(4) span{letter-spacing:.227em}
  .t-studio .studio-team__mail{margin-top:calc(var(--u) * 3.42);letter-spacing:.2022em}
}

/* ── Studio: Kalibrierung Runde 3 (Restwerte aus Delta-Tabelle 2) ── */
@media (min-width:821px){
  .t-studio .slm__col--1 .slm__colhead{letter-spacing:.0307em}
  .t-studio .slm__col--2 .slm__colhead{letter-spacing:.032em}
  .t-studio .slm__col--3 .slm__colhead{letter-spacing:.0274em}
  .t-studio #svc-title-1{letter-spacing:.0383em}
  .t-studio #svc-title-2{letter-spacing:.0398em}
  .t-studio #why-heading{letter-spacing:.0355em}
  .t-studio #endcta-heading{letter-spacing:.0173em}
  .t-studio .studio-team__name:nth-child(4) strong{letter-spacing:.0406em}
  .t-studio .studio-team__name:nth-child(4) .studio-team__mail{margin-top:calc(var(--u) * 6.42)}
}

/* ════════════════════════════════════════════════════════════════════════
   LANDINGPAGES (t-category) — Template-Geometrie, Instanz: MUSEEN (home-p2).
   Hero-Unterkante (Referenz): 828.08. Bänder Museen: Coral bis 1697.5 ·
   Weiß (Logos) –1871.6 · Hellblau (Cards) –2846.7 · Teal –5849.6 ·
   Hellblau (Testimonial) –6510.6 · Weiß (Kontakt) –7425.8 (Footer-Zone)
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width:821px){

  /* ── Coral-Intro ── */
  .t-category .cat-intro{padding:0;position:relative;overflow:visible}
  .cat-museen .cat-intro{height: calc(var(--u) * 869.42)}   /* 1697.5 − 828.08 */
  .t-category .cat-intro .wrap{max-width:none;padding:0;position:static}
  .t-category .cat-intro__grid{display:block;position:static}
  .t-category .cat-intro__text{all:unset}
  .t-category .cat-intro .lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 228.76);
    font-size: calc(var(--u) * 26);
    line-height: calc(35 / 26);
  }
  .cat-museen .cat-intro .lead{top: calc(var(--u) * 107.21); width: calc(var(--u) * 601)}
  .t-category .cat-intro .lead p{margin:0}
  .t-category .cat-intro .lead p + p{margin-top: calc(var(--u) * 22)}
  .t-category .cat-intro__img{position:absolute;margin:0;left:calc(var(--u) * 946.81);width:calc(var(--u) * 419.19);height:calc(var(--u) * 314.39)}
  .cat-museen .cat-intro__img{top: calc(var(--u) * 109.44)}
  .t-category .cat-intro__ph-box{width:100%;height:100%}
  /* Journey-Skizze: Referenzgeometrie im Original-Koordinatenraum */
  .t-category .cat-intro__journey{
    position:absolute; margin:0; z-index:3;
    left: calc(var(--u) * 101);
    width: calc(var(--u) * 378);
    height: calc(var(--u) * 481);
    bottom:auto; pointer-events:none;
  }
  .cat-museen .cat-intro__journey{top: calc(var(--u) * 580.92)}  /* 1409 − 828.08 */
  .t-category .emo-journey__svg{width:100%;height:100%}
  .t-category .ej-label{font-family:var(--font-sans-bold);font-size:15px;font-weight:700;letter-spacing:.02em}

  /* ── Logo-Band ── */
  .t-category .logos{padding:0;position:relative}
  .cat-museen .logos{height: calc(var(--u) * 174.1)}         /* 1871.6 − 1697.5 */
  .t-category .logos .wrap{max-width:none;padding:0;position:static}
  .t-category .logos__viewport{
    position:absolute; margin:0;
    width: calc(var(--u) * 927.08);
    height: calc(var(--u) * 109.53);
    -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
            mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  }
  .cat-museen .logos__viewport{left: calc(var(--u) * 334.87); top: calc(var(--u) * 31.98)}
  .t-category .logos__track{height:100%}

  /* ── Cards-Sektion (hellblau) ── */
  .t-category .cat-projects{padding:0;position:relative}
  .cat-museen .cat-projects{height: calc(var(--u) * 975.1)}  /* 2846.7 − 1871.6 */
  .t-category .cat-projects .wrap{max-width:none;padding:0;position:static}
  .t-category .cat-projects__head{all:unset}
  .t-category #tl-cards{
    position:absolute; margin:0; transform:none;
    left: calc(var(--u) * 269.65);
    font-size: calc(var(--u) * 15); line-height:1; letter-spacing:.208em;
  }
  .cat-museen #tl-cards{top: calc(var(--u) * 82.23)}         /* bl 1967.03 */
  .t-category .cat-projects__heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 322.21);
    font-size: calc(var(--u) * 54); line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
  }
  .cat-museen .cat-projects__heading{top: calc(var(--u) * 138.21)}  /* bl 2057.81 */
  .t-category .cat-projects__intro{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 322.21);
    font-size: calc(var(--u) * 26); line-height: calc(35 / 26);
  }
  .cat-museen .cat-projects__intro{top: calc(var(--u) * 215.43); width: calc(var(--u) * 741)}
  .t-category .cat-cards{display:block;position:static;margin:0;padding:0}
  .t-category .cat-card{position:absolute;margin:0;padding:0;display:block;width:calc(var(--u) * 329.04);background:transparent;box-shadow:none}
  .cat-museen .cat-card{top: calc(var(--u) * 347.64)}        /* Bild-y 2219.24 */
  .t-category .cat-card:nth-child(1){left: calc(var(--u) * 150.33)}
  .t-category .cat-card:nth-child(2){left: calc(var(--u) * 518.48)}
  .t-category .cat-card:nth-child(3){left: calc(var(--u) * 889.30)}
  .t-category .cat-card__ph{width:100%;height:calc(var(--u) * 224.66)}
  .t-category .cat-card__text{
    position:absolute; margin:0;
    left:0; width: calc(var(--u) * 331);
    font-size: calc(var(--u) * 26); line-height: calc(35 / 26);
  }
  .cat-museen .cat-card__text{top: calc(var(--u) * 262.01)}  /* bl 2506.75 − Bild-y − 25.5 */
  .t-category .cat-projects__more{all:unset}

  /* ── Content-Buttons (Landing): 15px-Label, exakte Referenz-Anatomie ── */
  .t-category .cat-more-btn, .t-category .cat-leistungen-btn, .t-category .cat-kontakt-btn{
    position:absolute; margin:0; min-width:0; padding:0;
    justify-content:center; gap:0;
    height: calc(var(--u) * 46.53);
    font-size: calc(var(--u) * 15); line-height:1; letter-spacing:.208em;
  }
  .t-category .cat-more-btn .btn__arrow, .t-category .cat-leistungen-btn .btn__arrow, .t-category .cat-kontakt-btn .btn__arrow{
    width:0; flex:0 0 0px; position:relative; overflow:visible;
    align-self:center; height: calc(var(--u) * 8.9);
  }
  .t-category .cat-more-btn .btn__arrow svg, .t-category .cat-leistungen-btn .btn__arrow svg, .t-category .cat-kontakt-btn .btn__arrow svg{
    position:absolute; top:0; width: calc(var(--u) * 24.5); max-width:none;
    height: calc(var(--u) * 8.9);
  }
  .t-category .cat-more-btn{width: calc(var(--u) * 360.87); background:#fff; color:#025259}
  .cat-museen .cat-more-btn{left: calc(var(--u) * 497.82); top: calc(var(--u) * 847.25)}
  .t-category .cat-more-btn .btn__label{margin-left: calc(var(--u) * -2.33)}
  .t-category .cat-more-btn .btn__arrow svg{right: calc(var(--u) * 13.08)}
  .t-category .cat-leistungen-btn{width: calc(var(--u) * 360.87)}
  .cat-museen .cat-leistungen-btn{left: calc(var(--u) * 548.65); top: calc(var(--u) * 2834.19)}
  .t-category .cat-leistungen-btn .btn__label{margin-left: calc(var(--u) * -2.52)}
  .t-category .cat-leistungen-btn .btn__arrow svg{right: calc(var(--u) * 13.28)}
  .t-category .cat-kontakt-btn{width: calc(var(--u) * 288.21)}
  .cat-museen .cat-kontakt-btn{left: calc(var(--u) * 539.28); top: calc(var(--u) * 498.84)}
  .t-category .cat-kontakt-btn .btn__label{margin-left: calc(var(--u) * 35.26)}
  .t-category .cat-kontakt-btn .btn__arrow svg{right: calc(var(--u) * -24.5)}

  /* ── Teal-Sektion (Themes + CTA) ── */
  .t-category .cat-themes{padding:0;position:relative;margin:0}
  .cat-museen .cat-themes{height: calc(var(--u) * 3002.9)}   /* 5849.6 − 2846.7 */
  .t-category .cat-theme--big, .t-category .cat-theme--one, .t-category .cat-cta{position:static;margin:0;padding:0;max-width:none}
  .t-category #tl-theme{
    position:absolute; margin:0; margin-left:0; max-width:none; transform:none;
    left: calc(var(--u) * 453.02);
    font-size: calc(var(--u) * 15); line-height: calc(var(--u) * 21);
    letter-spacing:.208em; text-transform:none;
  }
  .cat-museen #tl-theme{top: calc(var(--u) * 89.86)}         /* bl 2952.56 */
  .t-category .cat-theme__bighead{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 539.40);
    font-size: calc(var(--u) * 54); line-height: calc(var(--u) * 58);
    letter-spacing:.02em; color:#fff;
  }
  .cat-museen .cat-theme__bighead{top: calc(var(--u) * 156.32)}  /* bl 3051.02 */
  .t-category #theme-big-lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 539.42);
    font-size: calc(var(--u) * 26); line-height: calc(35 / 26); color:#fff;
  }
  .cat-museen #theme-big-lead{top: calc(var(--u) * 356.08); width: calc(var(--u) * 588)}
  .t-category .cat-themes .lead p{margin:0}
  .t-category .cat-themes .lead p + p{margin-top: calc(var(--u) * 22)}
  .t-category .theme-big__ph{position:absolute;margin:0;left:calc(var(--u) * 538.5);width:calc(var(--u) * 827.5);height:calc(var(--u) * 509.93)}
  .cat-museen .theme-big__ph{top: calc(var(--u) * 775.93)}   /* 3622.63 */
  .t-category .cat-theme__title{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 226.54);
    font-size: calc(var(--u) * 42); line-height: calc(var(--u) * 47.5);
    letter-spacing:.04em; color:#fff;
  }
  .cat-museen .cat-theme__title{top: calc(var(--u) * 1422.34)}   /* bl 4306.70 */
  .t-category #theme-one-lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 226.43);
    font-size: calc(var(--u) * 26); line-height: calc(35 / 26); color:#fff;
  }
  .cat-museen #theme-one-lead{top: calc(var(--u) * 1539.99); width: calc(var(--u) * 583)}
  .t-category .theme-one__ph{position:absolute;margin:0;left:calc(var(--u) * 946.81);width:calc(var(--u) * 419.19);height:calc(var(--u) * 292.99)}
  .cat-museen .theme-one__ph{top: calc(var(--u) * 1424.85)}  /* 4271.55 */
  .t-category .cat-cta__ph{position:absolute;margin:0;left:0;width:calc(var(--u) * 385.38);height:calc(var(--u) * 537.37)}
  .cat-museen .cat-cta__ph{top: calc(var(--u) * 2196.12)}    /* 5042.82 */
  .t-category .cat-cta__heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 540.86);
    font-size: calc(var(--u) * 54); line-height: calc(var(--u) * 58);
    letter-spacing:.02em; color:#fff;
  }
  .cat-museen .cat-cta__heading{top: calc(var(--u) * 2032.05)}   /* bl 4926.75 */
  .t-category .cat-cta__lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 540.86);
    font-size: calc(var(--u) * 26); line-height: calc(35 / 26); color:#fff;
  }
  .cat-museen .cat-cta__lead{top: calc(var(--u) * 2196.51); width: calc(var(--u) * 610)}
  .t-category .cat-cta__list{
    position:absolute; margin:0; padding:0; list-style:none; display:block; gap:0;
    left: calc(var(--u) * 540.86);
    width:max-content; max-width:none;
    font-size: calc(var(--u) * 26); line-height: calc(35 / 26); color:#fff;
  }
  .cat-museen .cat-cta__list{top: calc(var(--u) * 2501.7)}   /* bl 5373.90 */
  .t-category .cat-cta__list li{position:relative;color:#fff;padding-top:0;padding-bottom:0;padding-left:calc(var(--u) * 17.99); text-indent:calc(var(--u) * 10.19);margin-top:calc(var(--u) * 12)}
  .t-category .cat-cta__list li:first-child{margin-top:0}
  .t-category .cat-cta__list li::before{content:"•";position:absolute;left:0;top:0;color:#fff;opacity:1}
  .t-category .project-cta__btn{all:unset}

  /* ── Testimonial (hellblau) ── */
  .t-category .testimonial{padding:0;position:relative}
  .cat-museen .testimonial{height: calc(var(--u) * 661)}     /* 6510.6 − 5849.6 */
  .t-category .testimonial .wrap{max-width:none;padding:0;position:static}
  .t-category .testimonial__inner, .t-category .testimonial__grid, .t-category .testimonial__body{all:unset}
  .t-category .testimonial__photo{position:absolute;margin:0;left:calc(var(--u) * 105.76);width:calc(var(--u) * 313.24);height:calc(var(--u) * 349.73)}
  .cat-museen .testimonial__photo{top: calc(var(--u) * 159.07)}  /* 6008.67 */
  .t-category .testimonial__ph-box{width:100%;height:100%}
  .t-category .testimonial__quote{
    position:absolute; margin:0; width:max-content; max-width:none; padding:0;
    left: calc(var(--u) * 542.23);
    font-size: calc(var(--u) * 54); line-height: calc(var(--u) * 58);
    letter-spacing:.02em; font-style:italic;
  }
  .cat-museen .testimonial__quote{top: calc(var(--u) * 227.23)}  /* bl 6124.83 */
  .t-category .testimonial__quote::before,.t-category .testimonial__quote::after{content:none}
  .t-category .testimonial__cite{
    position:absolute; margin:0; width:max-content;
    left: calc(var(--u) * 544.23);
    font-size: calc(var(--u) * 22); line-height: calc(26 / 22);
    font-weight:500;
  }
  .cat-museen .testimonial__cite{top: calc(var(--u) * 354.6)}    /* bl 6223.77 */
  .t-category .testimonial__cite strong{font-weight:500}
  .t-category .testimonial__loop{display:none}

  /* ── Kontakt-CTA (weiß) + Wellen-Band ── */
  .t-category .end-cta{padding:0;position:relative;overflow:visible}
  .cat-museen .end-cta{height: calc(var(--u) * 915.2)}       /* 7425.8 − 6510.6 */
  .t-category .end-cta .wrap{max-width:none;padding:0;position:static}
  .t-category .end-cta__inner{all:unset}
  .t-category #tl-endcta{
    position:absolute; margin:0; transform:none; display:block; width:auto;
    left: calc(var(--u) * 338.21);
    font-size: calc(var(--u) * 15); line-height:1; letter-spacing:.208em;
  }
  .cat-museen #tl-endcta{top: calc(var(--u) * 130.71)}       /* bl 6654.51 */
  .t-category #endcta-heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 394.76);
    font-size: calc(var(--u) * 54); line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
  }
  .cat-museen #endcta-heading{top: calc(var(--u) * 177.2)}   /* bl 6735.80 */
  .t-category .end-cta .lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 397.76);
    font-size: calc(var(--u) * 26); line-height: calc(40 / 26);
  }
  .cat-museen .end-cta .lead{top: calc(var(--u) * 320.37); width: calc(var(--u) * 589)}
  .t-category .end-cta__wave{
    position:absolute; margin:0; pointer-events:none; z-index:0;
    left: calc(var(--u) * -188.65);
    width: calc(var(--u) * 1635.07);
    height: calc(var(--u) * 921.82);
  }
  .cat-museen .end-cta__wave{top: calc(var(--u) * 578.98)}   /* 7089.58 − 6510.6 */
  .t-category .end-cta__wave-svg{width:100%;height:100%;overflow:visible}
  .t-category .end-cta__ribbon-text{
    font-family: var(--font-sans-bold);
    font-size:15px; font-weight:700; letter-spacing:.262em; fill:#025259;
  }
  .t-category .end-cta__inner{position:relative;z-index:1}

  /* ── Echte Bold-Schnitte ── */
  .t-category #tl-cards, .t-category #tl-theme, .t-category #tl-endcta,
  .t-category .cat-projects__heading, .t-category .cat-theme__bighead,
  .t-category .cat-theme__title, .t-category .cat-cta__heading,
  .t-category #endcta-heading, .t-category .testimonial__quote,
  .t-category .cat-more-btn, .t-category .cat-leistungen-btn, .t-category .cat-kontakt-btn{
    font-family: var(--font-sans-bold);
  }
}

/* ── Landingpages: Kalibrierung Runde 2 (Museen-Delta-Tabelle 1) ── */
@media (min-width:821px){
  .t-category .cat-cta__list li:last-child{letter-spacing:-.0032em}  /* Endkante ↔ PDF-Ink (FB 18.07.) */
  .t-category .cat-intro .lead p:last-child{letter-spacing:.003em}
  .t-category .cat-projects__intro{letter-spacing:.0021em}
  .t-category .cat-card:nth-child(1) .cat-card__text{letter-spacing:.0086em}
  .t-category .cat-card:nth-child(2) .cat-card__text{letter-spacing:.0102em}
  .t-category .cat-card:nth-child(3) .cat-card__text{letter-spacing:.0062em}
  .t-category #theme-big-lead p:first-child{letter-spacing:.0041em}
  .t-category .cat-theme__title{letter-spacing:.0301em}
  .t-category #theme-one-lead p:last-child{letter-spacing:.0033em}
  .t-category .cat-cta__heading{letter-spacing:.0343em}
  .t-category .cat-cta__lead p:nth-child(2){letter-spacing:.0015em}
  .t-category .cat-cta__lead p:nth-child(3){letter-spacing:.0037em}
  
  
  .t-category .testimonial__quote{letter-spacing:.0169em}
  .t-category .testimonial__cite{letter-spacing:0}
  .t-category #endcta-heading{letter-spacing:.0173em}
  .t-category .end-cta .lead p{letter-spacing:.0035em}
}
@media (min-width:821px){
  .t-category .testimonial__cite{letter-spacing:-.0061em}
  
}
@media (min-width:821px){
  
}

/* ── Landingpage-Instanzen: INSTITUTE (home-p3) + MARKEN (home-p4) ── */
@media (min-width:821px){
  /* Institute: Bänder Coral–1697.5 · Blau 1872.8–2844.3 · Teal –5849.9 ·
     Hellblau –6510.9 · Weiß –7421.47 */
  .cat-institute .cat-intro{height: calc(var(--u) * 869.42)}
  .cat-institute .cat-intro .lead{top: calc(var(--u) * 107.28); width: calc(var(--u) * 596); left: calc(var(--u) * 229.50)}
  .cat-institute .cat-intro__img{top: calc(var(--u) * 109.44)}
  .cat-institute .cat-intro__journey{top: calc(var(--u) * 587.77)}
  .cat-institute .logos{height: calc(var(--u) * 175.3)}
  .cat-institute .logos__viewport{left: calc(var(--u) * 345.48); top: calc(var(--u) * 31.98)}
  .cat-institute .cat-projects{height: calc(var(--u) * 971.5)}
  .cat-institute #tl-cards{top: calc(var(--u) * 78.63)}
  .cat-institute .cat-projects__heading{top: calc(var(--u) * 134.61)}
  .cat-institute .cat-projects__intro{top: calc(var(--u) * 211.83); width: calc(var(--u) * 720)}
  .cat-institute .cat-card{top: calc(var(--u) * 344.04)}
  .cat-institute .cat-card__text, .cat-marken .cat-card__text{left: calc(var(--u) * -4.3)}
  .cat-institute .cat-card__text{top: calc(var(--u) * 262.01)}
  .cat-institute .cat-more-btn{left: calc(var(--u) * 497.82); top: calc(var(--u) * 843.65)}
  .cat-institute .cat-themes{height: calc(var(--u) * 3005.6)}
  .cat-institute #tl-theme{left: calc(var(--u) * 448.93); top: calc(var(--u) * 91.54)}
  .cat-institute .cat-theme__bighead{left: calc(var(--u) * 535.33); top: calc(var(--u) * 157.99)}
  .cat-institute #theme-big-lead{left: calc(var(--u) * 535.33); top: calc(var(--u) * 357.76); width: calc(var(--u) * 604)}
  .cat-institute .theme-big__ph{top: calc(var(--u) * 644.34); height: calc(var(--u) * 510.43)}
  .cat-institute .cat-theme__title{left: calc(var(--u) * 232.33); top: calc(var(--u) * 1351.63)}
  .cat-institute #theme-one-lead{left: calc(var(--u) * 232.33); top: calc(var(--u) * 1421.82); width: calc(var(--u) * 562)}
  .cat-institute .theme-one__ph{top: calc(var(--u) * 1356.16)}
  .cat-institute .cat-cta__heading{left: calc(var(--u) * 535.16); top: calc(var(--u) * 2034.46)}
  .cat-institute .cat-cta__lead{left: calc(var(--u) * 535.16); top: calc(var(--u) * 2198.92); width: calc(var(--u) * 610)}
  .cat-institute .cat-cta__list{left: calc(var(--u) * 535.16); top: calc(var(--u) * 2474.1)}
  .cat-institute .cat-cta__ph{top: calc(var(--u) * 2198.52); width: calc(var(--u) * 384)}
  .cat-institute .cat-leistungen-btn{left: calc(var(--u) * 542.95); top: calc(var(--u) * 2806.59)}
  .cat-institute .testimonial{height: calc(var(--u) * 661)}
  .cat-institute .testimonial__photo{top: calc(var(--u) * 158.77)}
  .cat-institute .testimonial__quote{top: calc(var(--u) * 226.94)}
  .cat-institute .testimonial__cite{top: calc(var(--u) * 354.31)}
  .cat-institute .end-cta{height: calc(var(--u) * 910.57)}
  .cat-institute #tl-endcta{top: calc(var(--u) * 130.63)}
  .cat-institute #endcta-heading{top: calc(var(--u) * 177.13)}
  .cat-institute .end-cta .lead{top: calc(var(--u) * 320.3); width: calc(var(--u) * 589)}
  .cat-institute .cat-kontakt-btn{left: calc(var(--u) * 539.28); top: calc(var(--u) * 498.54)}
  .cat-institute .end-cta__wave{top: calc(var(--u) * 578.68)}

  /* Marken: Bänder Coral–1636.6 · Blau 1802.8–2774.3 · Teal –5779.8 ·
     Hellblau –6440.9 · Weiß –7355.8 */
  .cat-marken .cat-intro{height: calc(var(--u) * 808.52)}
  .cat-marken .cat-intro .lead{top: calc(var(--u) * 107.28); width: calc(var(--u) * 598); left: calc(var(--u) * 231.77)}
  .cat-marken .cat-intro__img{top: calc(var(--u) * 109.44)}
  .cat-marken .cat-intro__journey{top: calc(var(--u) * 536.62)}
  .cat-marken .logos{height: calc(var(--u) * 166.2)}
  .cat-marken .logos__viewport{left: calc(var(--u) * 353.28); top: calc(var(--u) * 22.88)}
  .cat-marken .cat-projects{height: calc(var(--u) * 971.5)}
  .cat-marken #tl-cards{left: calc(var(--u) * 249.31); top: calc(var(--u) * 78.62)}
  .cat-marken .cat-projects__heading{left: calc(var(--u) * 290.38); top: calc(var(--u) * 134.61)}
  .cat-marken .cat-projects__intro{left: calc(var(--u) * 290.38); top: calc(var(--u) * 211.83); width: calc(var(--u) * 741)}
  .cat-marken .cat-card{top: calc(var(--u) * 344.04)}
  .cat-marken .cat-card__text{top: calc(var(--u) * 262.01)}
  .cat-marken .cat-more-btn{left: calc(var(--u) * 497.82); top: calc(var(--u) * 843.65)}
  .cat-marken .cat-themes{height: calc(var(--u) * 3005.5)}
  .cat-marken #tl-theme{left: calc(var(--u) * 453.13); top: calc(var(--u) * 112.53)}
  .cat-marken .cat-theme__bighead{left: calc(var(--u) * 539.53); top: calc(var(--u) * 157.98)}
  .cat-marken #theme-big-lead{left: calc(var(--u) * 539.53); top: calc(var(--u) * 305.56); width: calc(var(--u) * 588)}
  .cat-marken .theme-big__ph{left: calc(var(--u) * 539.53); top: calc(var(--u) * 617.1); width: calc(var(--u) * 826.47); height: calc(var(--u) * 550.31)}
  .cat-marken .cat-theme__title{left: calc(var(--u) * 229.50); top: calc(var(--u) * 1349.24)}
  .cat-marken #theme-one-lead{left: calc(var(--u) * 229.50); top: calc(var(--u) * 1419.43); width: calc(var(--u) * 580)}
  .cat-marken .theme-one__ph{top: calc(var(--u) * 1355.82)}
  .cat-marken .cat-cta__heading{left: calc(var(--u) * 540.86); top: calc(var(--u) * 1925.01)}
  .cat-marken .cat-cta__lead{left: calc(var(--u) * 540.86); top: calc(var(--u) * 2089.47); width: calc(var(--u) * 608)}
  .cat-marken .cat-cta__list{left: calc(var(--u) * 540.86); top: calc(var(--u) * 2429.65)}
  .cat-marken .cat-cta__ph{top: calc(var(--u) * 2095.73); width: calc(var(--u) * 419.19); height: calc(var(--u) * 586.61)}
  .cat-marken .cat-leistungen-btn{left: calc(var(--u) * 538.5); top: calc(var(--u) * 2762.13); width: calc(var(--u) * 289)}
  .cat-marken .cat-leistungen-btn .btn__label{margin-left: calc(var(--u) * 35.27)}
  .cat-marken .cat-leistungen-btn .btn__arrow svg{right: calc(var(--u) * -24.51)}
  .cat-marken .testimonial{height: calc(var(--u) * 661.1)}
  .cat-marken .testimonial__photo{top: calc(var(--u) * 168.38)}
  .cat-marken .testimonial__quote{top: calc(var(--u) * 236.54)}
  .cat-marken .testimonial__cite{top: calc(var(--u) * 363.91)}
  .cat-marken .end-cta{height: calc(var(--u) * 914.9)}
  .cat-marken #tl-endcta{top: calc(var(--u) * 110.79)}
  .cat-marken #endcta-heading{top: calc(var(--u) * 157.28)}
  .cat-marken .end-cta .lead{top: calc(var(--u) * 300.45); width: calc(var(--u) * 596)}
  .cat-marken .cat-kontakt-btn{left: calc(var(--u) * 539.28); top: calc(var(--u) * 441.87)}
  .cat-marken .end-cta__wave{top: calc(var(--u) * 559.06)}  /* Welle liegt 89.6 höher (PDF 7013.46, viewBox 6999.96) */

  /* BoldObl-CTA-Headings (Institute/Marken) */
  .t-category .cat-cta__heading--obl{font-style:italic}
}

/* ── Landingpages: Kalibrierung Runde 3 (per-Seite-Laufweiten, Card-Versätze) ── */
@media (min-width:821px){
  /* Card-Text-Versätze aus Referenz (handgesetzt je Karte) */
  .cat-institute .cat-card:nth-child(2) .cat-card__text, .cat-marken .cat-card:nth-child(2) .cat-card__text{left: calc(var(--u) * -3.82)}
  .cat-institute .cat-card:nth-child(3) .cat-card__text, .cat-marken .cat-card:nth-child(3) .cat-card__text{left: calc(var(--u) * -10.74)}
  /* Institute */
  .cat-institute .cat-intro .lead p:nth-child(1){letter-spacing:-.0027em}
  .cat-institute .cat-intro .lead p:nth-child(2){letter-spacing:.003em}
  .cat-institute .cat-intro .lead p:nth-child(3){letter-spacing:-.0032em}
  .cat-institute .cat-theme__bighead{letter-spacing:.0344em}
  .cat-institute #theme-big-lead p:first-child{letter-spacing:.0004em}
  .cat-institute .cat-theme__title{letter-spacing:.0276em}
  .cat-institute #theme-one-lead p:nth-child(2){letter-spacing:.0037em}
  /* Marken */
  .cat-marken .cat-intro .lead p:nth-child(1){letter-spacing:-.0019em}
  .cat-marken .cat-intro .lead p:nth-child(2){letter-spacing:-.0019em}
  .cat-marken .cat-projects__heading{letter-spacing:.0176em}
  .cat-marken .cat-projects__intro{letter-spacing:-.002em}
  .cat-marken .cat-card:nth-child(3) .cat-card__text{letter-spacing:.0024em}
  .cat-marken .cat-theme__bighead{letter-spacing:.0432em}
  .cat-marken #theme-big-lead p:first-child{letter-spacing:.001em}
  .cat-marken #theme-big-lead p:last-child{letter-spacing:.0017em}
  .cat-marken .cat-theme__title{letter-spacing:.0264em}
  .cat-marken #theme-one-lead p:last-child{letter-spacing:.001em}
  .cat-marken .cat-cta__lead p:nth-child(1){letter-spacing:.0029em}
  .cat-marken .end-cta .lead p{letter-spacing:.0015em}
}

/* Artboard-Verhalten: Inhalte, die seitlich über 1366 hinausragen (Wellen-Band,
   Blob), werden wie im Referenz-PDF beschnitten statt horizontal zu scrollen. */
html{overflow-x:clip}

/* Alte .lead-li-Deko-Kreise kollidieren mit den Referenz-Bullets (Doppel-Bullet,
   FB 18.07.) — in den Referenz-Listen neutralisieren; gilt für alle Breiten */
:is(.t-studio .slm__list, .t-studio .facts-list, .t-category .cat-cta__list) li::before,
.t-project #pblock-b-lead li::before{
  background:none; width:auto; height:auto; border-radius:0;
  text-indent:0;   /* text-indent ist vererbbar — Bullet bleibt am Zeilenanfang (FB 18.07.) */
}

/* Bandtext sitzt mittig IM Band (Referenz) — gilt für alle Breiten */

/* Button-Hover: Pfeil verlängert sich nach LINKS (Schwanz), die Spitze bleibt
   stehen — vorher wuchs die Spitze ins Label (FB 18.07.). Nur die neu
   gebauten Referenz-Buttons; unangetastete Seiten behalten das Alt-Verhalten. */
:is(.t-home,.t-studio,.t-category,.t-project) .btn .btn__arrow-line{transform-origin:right center}
:is(.t-home,.t-studio,.t-category,.t-project) .btn:hover .btn__arrow-head{transform:none}

.end-cta__ribbon-text{dominant-baseline:central}

/* ════════════════════════════════════════════════════════════════════════
   PROJEKTSEITEN (t-project) — Template, Instanz: DLR (projekte-p1).
   Hero-Unterkante (Referenz): 831.46. Bänder: Weiß bis 1913.3 (inkl.
   Kundenlogo-Band) · Teal 1913.3–4986.4 · Weiß –6062.9 · Hellblau
   (Methodik, identisch Homepage) –Seitenende. Footer folgt frei.
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width:821px){

  /* ── Weißes Intro mit Facts-Spalte + Kundenlogo ── */
  .t-project .project-intro{
    padding:0; position:relative;
    height: calc(var(--u) * 885.24);     /* Coral bis 1716.7 (FB 18.07.: Intro coral, darunter Logo-Band) */
  }
  .t-project .project-intro .wrap{max-width:none;padding:0;position:static}
  .t-project .project-intro__grid{display:block;position:static}
  .t-project .project-intro__main{all:unset}
  .t-project #tl-proj-client{
    position:absolute; margin:0; transform:none;
    left: calc(var(--u) * 150.29);
    top:  calc(var(--u) * 130.11);       /* Baseline 976.57 */
    font-size: calc(var(--u) * 17);
    line-height:1; letter-spacing:.208em;
  }
  .t-project .project-intro__heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 229.5);
    top:  calc(var(--u) * 184.38);       /* Baseline 1052.82 */
    font-size: calc(var(--u) * 42);
    line-height: calc(var(--u) * 45);
    letter-spacing:.04em;
  }
  .t-project .project-intro .lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 229.5);
    top:  calc(var(--u) * 359.44);       /* Baseline 1212.47 */
    width: calc(var(--u) * 580);
    font-size: calc(var(--u) * 22);
    line-height: calc(30 / 22);
  }
  .t-project .project-intro .lead p{margin:0}
  .t-project .project-intro .lead p + p{margin-top: calc(var(--u) * 24)}  /* Absatz 54 = 30+24 */
  .t-project .project-intro .result{font-weight:500}
  .t-project .project-intro .result span{font-weight:500}
  .t-project .spec{all:unset}
  .t-project .spec-table{position:static;margin:0}
  .t-project .spec-row{position:absolute;margin:0;display:block}
  .t-project .spec-row dt{
    position:absolute; margin:0; left:0; top:0;
    font-size: calc(var(--u) * 17); line-height:1; font-weight:500;
  }
  .t-project .spec-row dd{
    position:absolute; margin:0;
    left: calc(var(--u) * 116.31);       /* 1000.24 − 883.93 */
    top: calc(var(--u) * -4.37);
    font-size: calc(var(--u) * 18); line-height: calc(30 / 18);
    font-family: var(--font-sans-bold); width:max-content;
  }
  .t-project .spec-row{left: calc(var(--u) * 883.93); width: calc(var(--u) * 400)}
  .t-project .spec-row--1{top: calc(var(--u) * 365.41)}      /* dt-Baseline 1211.87 */
  .t-project .spec-row--2{top: calc(var(--u) * 405.41)}
  .t-project .spec-row--3{top: calc(var(--u) * 445.41)}
  .t-project .spec-list{margin:0;padding:0;list-style:none}

  /* ── Teal-Blöcke ── */
  .t-project .project-blocks{
    position:relative; padding:0; margin:0;
    height: calc(var(--u) * 3100.5);     /* Slider-Unterkante 3050.5 + 50 Luft (FB 18.07. #2; vorher 3073.1 = 4986.4 − 1913.3) */
  }
  .p-dlr .project-blocks{height: calc(var(--u) * 3248)}      /* tieferer Slider (abs 4345) + 50 */
  .p-liebe .project-blocks{height: calc(var(--u) * 3128.5)}  /* Slider-Unterkante 3078.5 + 50 */
  .t-project .project-blocks .content-block{position:static;padding:0;margin:0}
  .t-project .project-blocks .wrap{max-width:none;padding:0;position:static}
  .t-project .project-blocks .grid-2{display:block;position:static}
  .t-project .project-blocks .section__text,
  .t-project .project-blocks .section__media{all:unset}
  .t-project .media-stack{display:block;position:static}
  .t-project .content-wide{position:static;margin:0}
  .t-project .content-below__img{position:static;margin:0}
  .t-project .project-blocks .topline{
    position:absolute; margin:0;
    font-size: calc(var(--u) * 17);
    line-height: calc(var(--u) * 21); letter-spacing:.208em;
  }
  .t-project #proj-tl-0{left:calc(var(--u) * 445.04);top:calc(var(--u) * 169.37);line-height:1}
  .t-project #proj-tl-2{left:calc(var(--u) * 140.40);top:calc(var(--u) * 1675.16)}
  .t-project .pblock__title{
    position:absolute; margin:0; width:max-content; max-width:none;
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em; color:#fff;
  }
  .t-project #pblock-a-title{left:calc(var(--u) * 534.77);top:calc(var(--u) * 219.11)}  /* bl 2180.41 */
  .t-project #pblock-b-title{left:calc(var(--u) * 226.50);top:calc(var(--u) * 1746.14)} /* bl 3707.44 */
  .t-project .project-blocks .lead{
    position:absolute; margin:0; max-width:none;
    font-size: calc(var(--u) * 26);
    line-height: calc(40 / 26); color:#fff;
  }
  .t-project .project-blocks .lead p{margin:0}
  .t-project .project-blocks .lead p + p{margin-top: calc(var(--u) * 24)}  /* Absatz 64 = 40+24 */
  .t-project #pblock-a-lead{left:calc(var(--u) * 537.77);top:calc(var(--u) * 366.93);width:calc(var(--u) * 601)}
  .t-project #pblock-b-lead{left:calc(var(--u) * 229.50);top:calc(var(--u) * 1893.95);width:calc(var(--u) * 749)}
  .t-project #pblock-b-lead ul{
    margin:0; padding:0; list-style:none;
    margin-top: calc(var(--u) * 24);
  }
  .t-project #pblock-b-lead li{
    position:relative;
    padding-left: calc(var(--u) * 17.99); text-indent: calc(var(--u) * 10.19); /* PDF: Zeile1 28.18, Umbruchzeilen 17.99 (FB 18.07.) */
    margin-top: calc(var(--u) * 24);     /* Bullet-Abstand 64 = 40+24 */
  }
  .t-project #pblock-b-lead li:first-child{margin-top:0}
  .t-project #pblock-b-lead li::before{content:"•";position:absolute;left:0;top:0}
  .t-project .pblock-a__ph{position:absolute;margin:0;left:0;top:calc(var(--u) * 375.73);width:calc(var(--u) * 384);height:calc(var(--u) * 519.89)}
  .t-project .content-wide__ph{position:absolute;margin:0;left:calc(var(--u) * 538.5);top:calc(var(--u) * 1026.29);width:calc(var(--u) * 827.5);height:calc(var(--u) * 560.35)}
  .t-project .pblock-b__ph{position:absolute;margin:0;left:calc(var(--u) * 538.5);top:calc(var(--u) * 2548.39);width:calc(var(--u) * 597.77);height:calc(var(--u) * 407.91)}

  /* ── Weißer CTA ── */
  .t-project .project-cta{
    position:relative; padding:0;
    height: calc(var(--u) * 1076.5);     /* 6062.9 − 4986.4 */
  }
  .t-project .project-cta .wrap{max-width:none;padding:0;position:static}
  .t-project .project-cta__inner{all:unset}
  .t-project #tl-proj-cta{
    position:absolute; margin:0; margin-left:0; transform:none;
    left: calc(var(--u) * 446.62);
    top:  calc(var(--u) * 123.87);       /* bl 5125.51 */
    font-size: calc(var(--u) * 17);
    line-height: calc(var(--u) * 21); letter-spacing:.208em;
  }
  .t-project .project-cta__heading{
    position:absolute; margin:0; width:max-content; max-width:none;
    left: calc(var(--u) * 534.77);
    top:  calc(var(--u) * 194.85);       /* bl 5229.25 */
    font-size: calc(var(--u) * 54);
    line-height: calc(var(--u) * 58);
    letter-spacing:.02em;
  }
  .t-project .project-cta .lead{
    position:absolute; margin:0; max-width:none;
    left: calc(var(--u) * 537.77);
    top:  calc(var(--u) * 397.42);       /* bl 5411.86 */
    width: calc(var(--u) * 597);
    font-size: calc(var(--u) * 26);
    line-height: calc(40 / 26);
  }
  .t-project .project-cta .lead p{margin:0}
  .t-project .project-cta .lead p + p{margin-top: calc(var(--u) * 24)}
  .t-project .project-anfrage-btn{
    position:absolute; margin:0; min-width:0; padding:0;
    justify-content:center; gap:0;
    left: calc(var(--u) * 538.5);
    top:  calc(var(--u) * 695.16);       /* Box 5681.56 */
    width: calc(var(--u) * 360.87);
    height: calc(var(--u) * 46.53);
    font-size: calc(var(--u) * 17); line-height:1; letter-spacing:.208em;
  }
  .t-project .project-anfrage-btn .btn__arrow{
    width:0; flex:0 0 0px; position:relative; overflow:visible;
    align-self:center; height: calc(var(--u) * 8.9);
  }
  .t-project .project-anfrage-btn .btn__arrow svg{
    position:absolute; top:0; width: calc(var(--u) * 24.5); max-width:none;
    height: calc(var(--u) * 8.9);
    right: calc(var(--u) * -27.86);
  }
  .t-project .project-anfrage-btn .btn__label{margin-left: calc(var(--u) * 38.62)}
  .t-project .project-cta__btn{all:unset}

  /* ── Testimonial (hellblau, Museen-Muster; Fluss-Layout statt Festhöhe,
        da die Kunden-Zitate deutlich länger sind als das Museen-Kurzzitat).
        Gilt für Projektseiten UND Landingpages (FB 18.07. #4) — die
        expliziten position/left/top-Resets neutralisieren die vermessene
        t-category-Absolut-Geometrie. ── */
  :is(.t-project,.t-category) .testimonial--person{
    position:relative;height:auto;
    padding:calc(var(--u) * 159.07) 0 calc(var(--u) * 152.2);
  }
  :is(.t-project,.t-category) .testimonial--person .wrap{max-width:none;padding:0;position:static}
  :is(.t-project,.t-category) .testimonial--person .testimonial__inner{all:unset}
  :is(.t-project,.t-category) .testimonial--person .testimonial__grid{
    display:grid;
    grid-template-columns:calc(var(--u) * 313.24) minmax(0,1fr);
    column-gap:calc(var(--u) * 123.23);          /* 542.23 − 105.76 − 313.24 (Museen) */
    align-items:start;
    margin-left:calc(var(--u) * 105.76);
    margin-right:calc(var(--u) * 75);
  }
  :is(.t-project,.t-category) .testimonial--person .testimonial__photo{
    position:static;left:auto;top:auto;
    margin:0;width:calc(var(--u) * 313.24);height:calc(var(--u) * 349.73);
  }
  :is(.t-project,.t-category) .testimonial--person .testimonial__ph-box{width:100%;height:100%}
  :is(.t-project,.t-category) .testimonial--person .testimonial__body{padding-top:calc(var(--u) * 55)}
  :is(.t-project,.t-category) .testimonial--person .testimonial__quote{
    position:static;left:auto;top:auto;width:auto;
    margin:0;padding:0;max-width:calc(var(--u) * 680);
    font-size:calc(var(--u) * 36);line-height:calc(46 / 36);
    letter-spacing:.0169em;font-style:italic;text-align:left;color:var(--c-dark);
  }
  :is(.t-project,.t-category) .testimonial--person .testimonial__quote::before,
  :is(.t-project,.t-category) .testimonial--person .testimonial__quote::after{content:none}
  :is(.t-project,.t-category) .testimonial--person .testimonial__cite{
    position:static;left:auto;top:auto;width:auto;
    margin:calc(var(--u) * 32) 0 0 calc(var(--u) * 2);  /* +2 = Referenz-Einzug 544.23 vs 542.23 */
    text-align:left;
    font-size:calc(var(--u) * 22);line-height:calc(26 / 22);
    font-weight:500;letter-spacing:-.0061em;color:var(--c-dark);
  }
  :is(.t-project,.t-category) .testimonial--person .testimonial__cite strong{font-weight:500}

  /* Echte Bold-Schnitte */
  .t-project #tl-proj-client, .t-project .project-blocks .topline,
  .t-project #tl-proj-cta,
  .t-project .project-intro__heading, .t-project .pblock__title,
  .t-project .project-cta__heading,
  .t-project .testimonial--person .testimonial__quote,
  .t-project .project-anfrage-btn{
    font-family: var(--font-sans-bold);
  }
}

/* ── Projektseiten: Kalibrierung Runde 2 (DLR-Delta-Tabelle 1) ── */
@media (min-width:821px){
  .t-project .project-intro .lead p.result{
    margin-top: calc(var(--u) * 24); margin-bottom:0; padding:0; border:0;
    background:none; font-size: calc(var(--u) * 22); line-height: calc(30 / 22);
  }
  .t-project .spec-list li{margin:0;padding:0}
  .t-project #pblock-b-lead li{margin-bottom:0}
  .t-project .project-intro__heading{letter-spacing:.0246em}
  .t-project .project-intro .lead p:nth-child(1){letter-spacing:.0042em}
  .t-project .project-intro .lead p:nth-child(2){letter-spacing:-.0015em}
  .t-project #pblock-a-lead p:nth-child(1){letter-spacing:.0028em}
  .t-project #pblock-a-lead p:nth-child(2){letter-spacing:.0029em}
  .t-project #pblock-b-title{letter-spacing:.0227em}
  .t-project #pblock-b-lead p:nth-child(1){letter-spacing:.0026em}
  .t-project #pblock-b-lead p:nth-child(2){letter-spacing:.0025em}
  .t-project #pblock-b-lead p:nth-child(3){letter-spacing:-.0026em}
  
  
  .t-project #tl-proj-cta{letter-spacing:.2262em}
  .t-project .project-cta .lead p:last-child{letter-spacing:-.0048em}
}
@media (min-width:821px){
  .t-project .spec-list, .t-project #pblock-b-lead ul{display:block;gap:0}
  .t-project .project-intro .lead p.result{font-family:var(--font-sans)}
  .t-project #pblock-a-lead p:nth-child(2){letter-spacing:-.0005em}
}
@media (min-width:821px){
  .t-project .project-intro .lead p.result{letter-spacing:-.0017em}
}

/* ── Projektseiten-Instanz: KLIMAHAUS (projekte-p2) ── */
@media (min-width:821px){
  .p-klimahaus .project-intro .lead{width: calc(var(--u) * 598)}
  .p-klimahaus #pblock-a-lead{width: calc(var(--u) * 588)}
  .p-klimahaus #pblock-b-lead{width: calc(var(--u) * 753)}
  .p-klimahaus .project-cta .lead{width: calc(var(--u) * 603)}
  .p-klimahaus .pblock-a__ph{top: calc(var(--u) * 381.79)}
  .p-klimahaus .content-wide__ph{top: calc(var(--u) * 1026.47); height: calc(var(--u) * 560.85)}
  .p-klimahaus .pblock-b__ph{top: calc(var(--u) * 2548.39); width: calc(var(--u) * 598.02); height: calc(var(--u) * 404.49)}
  /* Kalibrier-Reset: DLR-Feinwerte gelten nicht für Klimahaus */
  .p-klimahaus .project-intro__heading{letter-spacing:.0246em}
  .p-klimahaus #tl-proj-cta{letter-spacing:.208em}
  .p-klimahaus .project-intro .lead p:nth-child(1),
  .p-klimahaus .project-intro .lead p:nth-child(2),
  .p-klimahaus #pblock-a-lead p:nth-child(1),
  .p-klimahaus #pblock-a-lead p:nth-child(2),
  .p-klimahaus #pblock-b-lead p:nth-child(1),
  .p-klimahaus #pblock-b-lead p:nth-child(2),
  .p-klimahaus #pblock-b-lead p:nth-child(3),
  .p-klimahaus .project-cta .lead p:last-child{letter-spacing:0}
}
@media (min-width:821px){
  .p-klimahaus .project-intro__heading{letter-spacing:.04em}
  .p-klimahaus .project-intro .lead p:nth-child(1){letter-spacing:.0032em}
  .p-klimahaus .project-intro .lead p:nth-child(2){letter-spacing:.0023em}
  .p-klimahaus .project-intro .lead p:nth-child(3){letter-spacing:-.0022em}
  .p-klimahaus #pblock-a-lead p:nth-child(1){letter-spacing:.0025em}
  .p-klimahaus #pblock-a-lead p:nth-child(2){letter-spacing:.0021em}
  .p-klimahaus #pblock-a-lead p:nth-child(3){letter-spacing:.0025em}
  .p-klimahaus #pblock-a-lead p:nth-child(4){letter-spacing:.0016em}
  .p-klimahaus #pblock-b-lead p:nth-child(2){letter-spacing:.0018em}
  .p-klimahaus #tl-proj-cta{letter-spacing:.2264em}
}

/* ── Projektseiten-Instanz: LANTHAN (projekte-p3) ── */
@media (min-width:821px){
  .p-lanthan #tl-proj-client{left: calc(var(--u) * 124.17)}
  .p-lanthan .project-intro .lead{top: calc(var(--u) * 314.58); width: calc(var(--u) * 596)}
  .p-lanthan .spec-row--1{top: calc(var(--u) * 320.66)}
  .p-lanthan .spec-row--2{top: calc(var(--u) * 360.66)}
  .p-lanthan .spec-row--3{top: calc(var(--u) * 400.66)}
  .p-lanthan #proj-tl-0{left: calc(var(--u) * 399.00)}
  .p-lanthan #pblock-a-lead{width: calc(var(--u) * 601)}
  .p-lanthan #pblock-a-lead p + p{margin-top: calc(var(--u) * 40)}  /* Absatz 80 = 40+40 */
  .p-lanthan #pblock-b-lead{width: calc(var(--u) * 756)}
  .p-lanthan .project-cta .lead{width: calc(var(--u) * 596)}
  .p-lanthan .pblock-a__ph{top: calc(var(--u) * 381.79); width: calc(var(--u) * 384.98)}
  .p-lanthan .content-wide__ph{left: calc(var(--u) * 539.48); width: calc(var(--u) * 826.47)}
  .p-lanthan .pblock-b__ph{left: calc(var(--u) * 539.48); top: calc(var(--u) * 2548.48); width: calc(var(--u) * 597.02); height: calc(var(--u) * 385.42)}
  .p-lanthan #proj-tl-2{left: calc(var(--u) * 131.37)}
  /* Kalibrier-Reset (DLR-Werte gelten nicht) */
  .p-lanthan .project-intro__heading{letter-spacing:.04em}
  .p-lanthan .project-intro .lead p:nth-child(1),
  .p-lanthan .project-intro .lead p:nth-child(2),
  .p-lanthan #pblock-a-lead p:nth-child(1),
  .p-lanthan #pblock-a-lead p:nth-child(2),
  .p-lanthan #pblock-b-lead p:nth-child(1),
  .p-lanthan #pblock-b-lead p:nth-child(2),
  .p-lanthan #pblock-b-lead p:nth-child(3),
  .p-lanthan .project-cta .lead p:last-child{letter-spacing:0}
}
@media (min-width:821px){
  .p-lanthan .project-intro .lead p:nth-child(2){letter-spacing:.0034em}
  .p-lanthan .project-intro .lead p:nth-child(3){letter-spacing:.0038em}
  .p-lanthan #pblock-a-lead p:nth-child(2){letter-spacing:.0016em}
  .p-lanthan #pblock-a-lead p:nth-child(3){letter-spacing:.0022em}
  .p-lanthan #pblock-b-title{letter-spacing:.0182em}
  .p-lanthan #pblock-b-lead p:nth-child(1){letter-spacing:.0012em}
  .p-lanthan #pblock-b-lead p:nth-child(2){letter-spacing:.0012em}
  .p-lanthan #pblock-b-lead p:nth-child(3){letter-spacing:-.0026em}
  .p-lanthan .project-cta .lead p:first-child{letter-spacing:.0019em}
  .p-lanthan .project-cta .lead p:last-child{letter-spacing:.0022em}
}
@media (min-width:821px){
  .p-lanthan #pblock-b-title{letter-spacing:.0193em}
}
@media (min-width:821px){
  .p-lanthan #pblock-b-title{letter-spacing:.0197em}
}

/* ── Projektseiten-Instanz: NORDDEICH (projekte-p4) ── */
@media (min-width:821px){
  .p-norddeich #tl-proj-client{left: calc(var(--u) * 166.26)}
  .p-norddeich .project-intro .lead{width: calc(var(--u) * 597)}
  .p-norddeich #proj-tl-0{left: calc(var(--u) * 399.00)}
  .p-norddeich #pblock-a-lead{width: calc(var(--u) * 601)}
  .p-norddeich #pblock-a-lead p + p{margin-top: calc(var(--u) * 40)}
  .p-norddeich #pblock-b-lead{width: calc(var(--u) * 748)}
  .p-norddeich .project-cta .lead{width: calc(var(--u) * 581)}
  .p-norddeich .pblock-a__ph{top: calc(var(--u) * 381.75)}
  .p-norddeich .content-wide__ph{top: calc(var(--u) * 1026.55); height: calc(var(--u) * 560.09)}
  .p-norddeich .pblock-b__ph{top: calc(var(--u) * 2548.48); width: calc(var(--u) * 598.0); height: calc(var(--u) * 404.4)}
  .p-norddeich #proj-tl-2{left: calc(var(--u) * 131.37)}
  .p-norddeich .project-intro__heading{letter-spacing:.04em}
  .p-norddeich .project-intro .lead p:nth-child(1),
  .p-norddeich .project-intro .lead p:nth-child(2),
  .p-norddeich .project-intro .lead p:nth-child(3),
  .p-norddeich #pblock-a-lead p:nth-child(1),
  .p-norddeich #pblock-a-lead p:nth-child(2),
  .p-norddeich #pblock-a-lead p:nth-child(3),
  .p-norddeich #pblock-b-lead p:nth-child(1),
  .p-norddeich #pblock-b-lead p:nth-child(2),
  .p-norddeich #pblock-b-lead p:nth-child(3),
  .p-norddeich .project-cta .lead p:last-child{letter-spacing:0}
}
@media (min-width:821px){
  .p-norddeich .spec-list{line-height:calc(40/18)}   /* Referenz: 40er-Schritte */
  .p-norddeich .project-intro__heading{letter-spacing:.0248em}
  .p-norddeich .project-intro .lead p:nth-child(1){letter-spacing:.0025em}
  .p-norddeich .project-intro .lead p:nth-child(2){letter-spacing:.0018em}
  .p-norddeich .spec-row--1 dd{letter-spacing:.0065em}
  .p-norddeich #pblock-a-lead p:nth-child(1){letter-spacing:.0018em}
  .p-norddeich #pblock-a-lead p:nth-child(2){letter-spacing:-.0029em}
  .p-norddeich #pblock-a-lead p:nth-child(3){letter-spacing:.0033em}
  .p-norddeich #pblock-b-lead p:nth-child(4){letter-spacing:-.0026em}
  .p-norddeich #tl-proj-cta{letter-spacing:.2047em}
  .p-norddeich .project-cta .lead p{letter-spacing:.0018em}
}
@media (min-width:821px){
  .p-norddeich .spec-row--3 dd{top: calc(var(--u) * -10.29)}  /* li1-Baseline bei 40er-lh */
  .p-norddeich .project-cta .lead p:last-child{letter-spacing:.0018em}
}

/* ── Projektseiten-Instanz: LIEBE (projekte-p5) ── */
@media (min-width:821px){
  .p-liebe #tl-proj-client{left: calc(var(--u) * 150.28)}
  .p-liebe .project-intro .lead{width: calc(var(--u) * 597)}
  .p-liebe #pblock-a-lead{width: calc(var(--u) * 601)}
  .p-liebe #pblock-a-lead p + p{margin-top: calc(var(--u) * 40)}
  .p-liebe #pblock-b-lead{width: calc(var(--u) * 750)}
  .p-liebe .project-cta .lead{width: calc(var(--u) * 590)}
  .p-liebe .project-cta .lead p + p{margin-top: calc(var(--u) * 40)}
  .p-liebe .pblock-a__ph{top: calc(var(--u) * 381.87); width: calc(var(--u) * 387.22)}
  .p-liebe .content-wide__ph{left: calc(var(--u) * 541.72); top: calc(var(--u) * 1026.55); width: calc(var(--u) * 824.28); height: calc(var(--u) * 560.09)}
  .p-liebe #proj-tl-2{left: calc(var(--u) * 140.39)}
  /* Slider (Referenz: SLIDER-Box + Pfeile) — Geometrie wie puzzle, Blocks-Ursprung 1913.3 */
  .p-liebe .proj-slider{top: calc(var(--u) * 2284.39)}
  .p-liebe .project-intro__heading{letter-spacing:.04em}
  .p-liebe .project-intro .lead p:nth-child(1),
  .p-liebe .project-intro .lead p:nth-child(2),
  .p-liebe .project-intro .lead p:nth-child(3),
  .p-liebe #pblock-a-lead p:nth-child(1),
  .p-liebe #pblock-a-lead p:nth-child(2),
  .p-liebe #pblock-b-lead p:nth-child(1),
  .p-liebe .project-cta .lead p:first-child,
  .p-liebe .project-cta .lead p:last-child{letter-spacing:0}
}
@media (min-width:821px){
  .p-liebe .project-intro__heading{letter-spacing:.0244em}
  .p-liebe .project-intro .lead p:nth-child(2){letter-spacing:-.0015em}
  .p-liebe .project-intro .lead p:nth-child(3){letter-spacing:.0073em}
  .p-liebe .spec-list li:first-child{letter-spacing:.0077em}
  .p-liebe #pblock-a-lead p:nth-child(1){letter-spacing:.0015em}
  .p-liebe #pblock-a-lead p:nth-child(2){letter-spacing:-.0025em}
  .p-liebe #pblock-b-title{letter-spacing:.0169em}
  .p-liebe #tl-proj-cta{letter-spacing:.2072em}
  .p-liebe .project-cta .lead p:last-child{letter-spacing:-.0071em}
}
@media (min-width:821px){
  .p-liebe #pblock-b-title{letter-spacing:.0183em}
}

/* ── Projektseiten-Instanz: LAVAZZA (projekte-p6) — Sonderlayout mit
   Testimonial. Bänder: Weiß bis 1885.15 · Teal –4975.4 · Hellblau
   (Testimonial) –5636.4 · Weiß (CTA) –6699.0 · Methodik –7769.8 ── */
@media (min-width:821px){
  .p-lavazza .project-intro{height: calc(var(--u) * 881.94)}   /* Coral bis 1713.4 */
  .p-lavazza .project-intro .lead{width: calc(var(--u) * 597)}
  .p-lavazza .project-blocks{height: calc(var(--u) * 3128.5)}   /* Slider-Unterkante 3078.5 + 50 (FB 18.07. #2; vorher 3090.1) */
  .p-lavazza #pblock-a-lead{width: calc(var(--u) * 601)}
  .p-lavazza #pblock-b-lead{width: calc(var(--u) * 815)}
  .p-lavazza .pblock-a__ph{top: calc(var(--u) * 409.79)}        /* 2295.09 − 1885.3 */
  .p-lavazza .content-wide__ph{left: calc(var(--u) * 209.5); top: calc(var(--u) * 1054.29); width: calc(var(--u) * 1081.5); height: calc(var(--u) * 570.8)}
  .p-lavazza #proj-tl-0{left: calc(var(--u) * 445.04)}
  .p-lavazza #proj-tl-2{left: calc(var(--u) * 140.40)}
  /* Blöcke relativ zum Teal-Start 1885.3 (Template rechnet ab 1913.3 → −28) */
  .p-lavazza #proj-tl-0{top: calc(var(--u) * 197.37)}
  .p-lavazza #pblock-a-title{top: calc(var(--u) * 247.11)}
  .p-lavazza #pblock-a-lead{top: calc(var(--u) * 394.93)}
  .p-lavazza #proj-tl-2{top: calc(var(--u) * 1703.16)}
  .p-lavazza #pblock-b-title{top: calc(var(--u) * 1774.14)}
  .p-lavazza #pblock-b-lead{top: calc(var(--u) * 1921.95)}
  /* Testimonial (hellblau) */
  .p-lavazza .project-testimonial{position:relative; padding:0; height: calc(var(--u) * 661)}
  .p-lavazza .project-testimonial .wrap{max-width:none;padding:0;position:static}
  .p-lavazza .testimonial__inner{all:unset}
  .p-lavazza .testimonial__quote{
    position:absolute; margin:0; padding:0; width:max-content; max-width:none;
    left: calc(var(--u) * 496.86); top: calc(var(--u) * 227.18);
    font-size: calc(var(--u) * 54); line-height: calc(var(--u) * 58);
    letter-spacing:.0169em; font-style:italic; font-family:var(--font-sans-bold);
  }
  .p-lavazza .testimonial__quote::before,.p-lavazza .testimonial__quote::after{content:none}
  .p-lavazza .testimonial__cite{
    position:absolute; margin:0; width:max-content;
    left: calc(var(--u) * 498.86); top: calc(var(--u) * 376.77);
    font-size: calc(var(--u) * 22); line-height: calc(26 / 22);
    font-weight:500; letter-spacing:-.0061em;
  }
  /* CTA (Ursprung 5636.4) */
  .p-lavazza #tl-proj-cta{top: calc(var(--u) * 109.96)}
  .p-lavazza .project-cta__heading{top: calc(var(--u) * 180.94)}
  .p-lavazza .project-cta .lead{top: calc(var(--u) * 383.51); width: calc(var(--u) * 600)}
  .p-lavazza .project-anfrage-btn{top: calc(var(--u) * 681.25)}
  .p-lavazza .project-cta{height: calc(var(--u) * 1062.6)}      /* 6699.0 − 5636.4 */
  /* Kalibrier-Reset */
  .p-lavazza .project-intro__heading{letter-spacing:.04em}
  .p-lavazza #tl-proj-cta{letter-spacing:.2262em}
  .p-lavazza .project-intro .lead p:nth-child(1),
  .p-lavazza .project-intro .lead p:nth-child(2),
  .p-lavazza .project-intro .lead p:nth-child(3),
  .p-lavazza #pblock-a-lead p:nth-child(n),
  .p-lavazza #pblock-b-lead p:nth-child(n),
  .p-lavazza .project-cta .lead p:last-child{letter-spacing:0}
}
@media (min-width:821px){
  .p-lavazza .project-intro__heading{letter-spacing:.0168em}
  .p-lavazza .project-intro .lead p:nth-child(1){letter-spacing:.0018em}
  .p-lavazza .project-intro .lead p:nth-child(3){letter-spacing:.0021em}
  .p-lavazza #pblock-a-title{letter-spacing:.0226em}
  .p-lavazza #pblock-a-lead p:nth-child(1){letter-spacing:.003em}
  .p-lavazza #pblock-a-lead p:nth-child(4){letter-spacing:-.0105em}
  .p-lavazza #pblock-b-lead p:nth-child(1){letter-spacing:-.0038em}
  .p-lavazza #pblock-b-lead p:nth-child(3){letter-spacing:.0016em}
  .p-lavazza #pblock-b-lead p:nth-child(4){letter-spacing:-.0049em}
  .p-lavazza #tl-proj-cta{letter-spacing:.2037em}
  .p-lavazza .project-cta .lead p:last-child{letter-spacing:.0027em}
}

/* ── Projektseiten-Instanz: PUZZLE (projekte-p7) — mit Slider und
   Adressblock. Bänder: Weiß bis 1885.4 · Teal –4986.4 · Weiß –6462.1 ·
   Methodik –7508.8 ── */
@media (min-width:821px){
  .p-puzzle .project-intro{height: calc(var(--u) * 882.44)}    /* Coral bis 1713.9 */
  .p-puzzle #tl-proj-client{line-height: calc(var(--u) * 21); top: calc(var(--u) * 133.87)}  /* bl1 980.57 */
  .p-puzzle .project-intro__heading{left: calc(var(--u) * 230.42); top: calc(var(--u) * 217.02)}  /* bl1 1085.46 */
  .p-puzzle .project-intro .lead{width: calc(var(--u) * 597)}
  .p-puzzle .project-intro .lead p:nth-child(3){margin-top: calc(var(--u) * 30)}  /* Referenz: 60er-Gap */
  .p-puzzle .project-blocks{height: calc(var(--u) * 3128.5)}    /* Slider-Unterkante 3078.5 + 50 (FB 18.07. #2; vorher 3101.1) */
  .p-puzzle #proj-tl-0{left: calc(var(--u) * 445.04); top: calc(var(--u) * 197.38)}
  .p-puzzle #pblock-a-title{top: calc(var(--u) * 247.12)}
  .p-puzzle #pblock-a-lead{top: calc(var(--u) * 394.93); width: calc(var(--u) * 588)}
  .p-puzzle #proj-tl-2{left: calc(var(--u) * 140.40); top: calc(var(--u) * 1703.17)}
  .p-puzzle #pblock-b-title{top: calc(var(--u) * 1774.14)}
  .p-puzzle #pblock-b-lead{top: calc(var(--u) * 1921.96); width: calc(var(--u) * 758)}
  .p-puzzle .pblock-a__ph{top: calc(var(--u) * 409.8)}
  .p-puzzle .content-wide__ph{top: calc(var(--u) * 1054.3)}
  .p-puzzle .pblock-b__ph{display:none}
  /* Slider: Referenz-Box (131.25,4197.69) 1097.42×742.14, Pfeile 35.83×104.16 */
  .t-project .proj-slider{
    position:absolute; margin:0;
    left: calc(var(--u) * 131.25);
    top:  calc(var(--u) * 2312.39);
    width: calc(var(--u) * 1097.42);
    height: calc(var(--u) * 742.14);
  }
  .t-project .proj-slider__track,.t-project .proj-slider__slide{position:absolute;inset:0}
  .t-project .proj-slider__slide{opacity:0;transition:opacity .35s ease;pointer-events:none}
  .t-project .proj-slider__slide.is-active{opacity:1;pointer-events:auto}
  .t-project .proj-slider__ph{width:100%;height:100%}
  .t-project .proj-slider__btn{
    position:absolute; margin:0; padding:0; border:0; background:transparent;
    color:#fff; cursor:pointer; z-index:2;
    width: calc(var(--u) * 35.83);
    height: calc(var(--u) * 104.16);
    top: calc(var(--u) * 330.84);
  }
  .t-project .proj-slider__btn svg{width:100%;height:100%;display:block}
  .t-project .proj-slider__btn:hover{color:#C1DFEB}
  .t-project .proj-slider__btn--prev{left: calc(var(--u) * 62.17)}
  .t-project .proj-slider__btn--next{left: calc(var(--u) * 1008.08)}  /* 1139.33 − 131.25 */
  /* Methodik-Welle: eigene viewBox (Haupt + Spirale + Zweitwelle rechts, PDF) */
  .p-puzzle .methodology__wave{
    top: calc(var(--u) * -296.65);      /* viewBox-y0 6165.45 − Methodik 6462.1 */
    height: calc(var(--u) * 1159.14);
  }
  /* Adress-Pfeil (Referenz: Doppel-Chevron + Linie, 241.25/5920.37, 112.75×114.17) */
  .p-puzzle .proj-adresse-arrow{
    position:absolute; margin:0;
    left: calc(var(--u) * 241.25);
    top:  calc(var(--u) * 933.97);      /* 5920.37 − 4986.4 */
    width: calc(var(--u) * 112.75);
    height: calc(var(--u) * 114.17);
  }
  /* CTA + Adressblock */
  .p-puzzle .project-cta{height: calc(var(--u) * 1475.7)}       /* 6462.1 − 4986.4 */
  .p-puzzle .project-cta .lead{width: calc(var(--u) * 590)}
  .p-puzzle .project-cta .lead p + p{margin-top: calc(var(--u) * 40)}
  .p-puzzle .project-adresse{position:static}
  .p-puzzle .project-adresse p{position:absolute;margin:0;font-size:calc(var(--u) * 26);line-height:calc(41/26)}
  .p-puzzle .project-adresse__name{left:calc(var(--u) * 538.5);top:calc(var(--u) * 931.19);font-family:var(--font-sans-bold);line-height:1}
  .p-puzzle .project-adresse__addr{left:calc(var(--u) * 538.5);top:calc(var(--u) * 972.26)}
  .p-puzzle .project-adresse__links{left:calc(var(--u) * 865.84);top:calc(var(--u) * 972.26)}
  /* Kalibrier-Reset */
  .p-puzzle .project-intro__heading{letter-spacing:.04em}
  .p-puzzle #tl-proj-cta{letter-spacing:.2072em}
  .p-puzzle .project-intro .lead p:nth-child(1),
  .p-puzzle .project-intro .lead p:nth-child(2),
  .p-puzzle .project-intro .lead p:nth-child(3),
  .p-puzzle #pblock-a-lead p:nth-child(1),
  .p-puzzle #pblock-b-lead p:nth-child(1),
  .p-puzzle .project-cta .lead p:first-child{letter-spacing:0}
  .p-puzzle .project-cta .lead p:last-child{letter-spacing:-.0071em}
}
@media (min-width:821px){
  .p-puzzle #tl-proj-client{letter-spacing:.2041em}
  .p-puzzle .project-intro__heading{letter-spacing:.0207em}
  .p-puzzle .project-intro .lead p:nth-child(1){letter-spacing:.0025em}
  .p-puzzle .project-intro .lead p:nth-child(3){letter-spacing:.0035em}
  .p-puzzle .spec-list li:first-child{letter-spacing:.0077em}
  .p-puzzle #pblock-b-title{letter-spacing:.0131em}
  .p-puzzle #pblock-b-lead{width: calc(var(--u) * 754.5)}
  .p-puzzle .project-adresse__name{top:calc(var(--u) * 927.67)}
  .p-puzzle .project-adresse__addr{top:calc(var(--u) * 968.74)}
  .p-puzzle .project-adresse__links{top:calc(var(--u) * 968.74)}
  .p-puzzle .project-adresse__addr{letter-spacing:-.0209em}
}
@media (min-width:821px){
  .p-puzzle #pblock-b-title{letter-spacing:.0141em}
}
@media (min-width:821px){
}

/* ── Phase 4: Footer-Pfeil neben „Kontakt" exakt nach Referenz (menu-p3).
   Form/Proportion/Farbe = Referenz-Pfade (130.68 × 132.77 bei 1366px);
   Verankerung im bestehenden Footer-Layout bleibt (Footer sonst unangetastet). */
@media (min-width:821px){
  .site-footer__chevron svg{
    width: calc(var(--u) * 130.68);
    height: calc(var(--u) * 132.77);
  }
}


/* ── FB 18.07.: Projektseiten — Intro CORAL + Logo-Slider-Band (Referenz-Render);
   Slider auf allen 7 Seiten (dlr/klimahaus/lanthan/norddeich an der Geometrie
   des bisherigen statischen Referenzbilds — Nutzer-Entscheidung) ── */
@media (min-width:821px){
  .t-project .logos{padding:0;position:relative;height:calc(var(--u) * 196.6)}   /* 1716.7–1913.3 */
  .p-lavazza .logos{height:calc(var(--u) * 171.75)}
  .p-puzzle .logos{height:calc(var(--u) * 171.5)}
  .t-project .logos .wrap{max-width:none;padding:0;position:static}
  .t-project .logos__viewport{position:absolute;margin:0;
    -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
            mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .t-project .logos__track{height:100%}
  /* Slider einheitlich wie puzzle (groß/mittig, FB 18.07.); dlr tiefer (Bullet-Liste),
     ragt bewusst in die weiße CTA-Zone (kollisionsfrei vor dem CTA-Text) */
  :is(.p-dlr,.p-klimahaus,.p-lanthan,.p-norddeich) .proj-slider{left:calc(var(--u) * 131.25);width:calc(var(--u) * 1097.42);height:calc(var(--u) * 742.14)}
  :is(.p-klimahaus,.p-lanthan,.p-norddeich) .proj-slider{top:calc(var(--u) * 2284.39)}   /* abs 4197.69 */
  .p-dlr .proj-slider{top:calc(var(--u) * 2431.7)}                                       /* abs 4345 */
  .p-dlr .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 53.47);width:calc(var(--u) * 1058.41);height:calc(var(--u) * 84.04)}
  .p-klimahaus .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 58.47);width:calc(var(--u) * 1075.8);height:calc(var(--u) * 104.87)}
  .p-lanthan .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 58.47);width:calc(var(--u) * 1075.8);height:calc(var(--u) * 104.87)}
  .p-norddeich .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 58.47);width:calc(var(--u) * 1075.8);height:calc(var(--u) * 104.87)}
  .p-liebe .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 58.47);width:calc(var(--u) * 1075.8);height:calc(var(--u) * 104.87)}
  .p-lavazza .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 61.77);width:calc(var(--u) * 1075.8);height:calc(var(--u) * 104.87)}
  .p-puzzle .logos__viewport{left:calc(var(--u) * 150.29);top:calc(var(--u) * 61.27);width:calc(var(--u) * 1075.8);height:calc(var(--u) * 104.87)}
}
@media (max-width:820px){
}

/* ════════════════════════════════════════════════════════════════════════
   MOBILE (≤ 820 px) — Umsetzung des freigegebenen Mobile-Konzepts
   (MOBILE-KONZEPT.md, Freigabe 17.07.2026, Korrektur: keine Outlines /
   abgerundeten Rechtecke, die es im Desktop-Design nicht gibt).

   Grundmechanik: Sektionen zurück in den normalen Fluss, Stapelreihenfolge
   = Leserichtung der Referenz (per flex/order, wo die DOM-Reihenfolge
   abweicht). Raster: 8 → 2 Spalten, Rand = clamp(20px, 5.49vw, 45px)
   (proportionaler Desktop-Rand 75/1366), Gutter 20 px fix.
   Typo-Skala: 54→32 · 42→28 · 26→19 · 22→17 · 17→15/14 · Topline/Button 13
   (alle Laufweiten unverändert). Abstände: 8/12/16/24/40/64.
   Scope: nur die 4 Referenz-Templates — unangetastete Seiten behalten ihr
   altes Mobile-Verhalten. Desktop (≥ 821 px) bleibt vollständig unberührt.
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width:820px){

  /* ── Basis: Rand, Toplines, Buttons, Platzhalter-Labels ── */
  :is(.t-home,.t-studio,.t-category,.t-project){
    --gutter: clamp(20px, 5.49vw, 45px);   /* = 75/1366, mobil begrenzt */
  }
  :is(.t-home,.t-studio,.t-category,.t-project) .topline{
    font-size:13px; line-height:1.3; letter-spacing:.208em; margin-bottom:12px;
  }
  :is(.t-home,.t-studio,.t-category,.t-project) .btn{
    font-size:13px; letter-spacing:.208em; line-height:1;
    padding:.85em 1.85em; white-space:nowrap;
  }
  :is(.t-home,.t-studio,.t-category,.t-project) .pill-row{
    width:max-content; max-width:100%; gap:12px; margin-top:24px;
  }
  :is(.t-home,.t-studio,.t-category,.t-project) .pill-row .btn{
    width:max-content; min-width:0; justify-content:flex-start; text-align:left;
  }
  :is(.t-home,.t-studio,.t-category,.t-project) .ph{min-height:0}
  :is(.t-home,.t-studio,.t-category,.t-project) .ph__label{
    font:500 12px/1.35 var(--font-sans);
  }
  :is(.t-home,.t-studio,.t-category,.t-project) .lead{max-width:none}

  /* ════ HOMEPAGE ════ */

  /* Coral / Emotionen: Topline → H2 → Lead → Pills → Gründer-Bild → Journey */
  .t-home .section--emotion{display:flex;flex-direction:column;padding-block:64px}
  .t-home .section--emotion .wrap{order:1}
  .t-home .section--emotion h2.h-lg{font-size:32px;line-height:1.08}
  .t-home .section--emotion .lead{font-size:19px;line-height:calc(30/19);margin-top:16px}
  .t-home .founder{justify-self:start;width:100%;max-width:440px}
  .t-home .founder .founder__ph-box{aspect-ratio:419.19/333.53;height:auto}
  .t-home .founder figcaption{margin-top:12px;font-size:14px;line-height:1.45}
  /* Journey-Skizze: bleibt mobil ausgeblendet (app.css) — die Coral-Linie
     stünde coral-auf-coral und wirkt als Leerfläche (Abweichung vom Konzept,
     im Report dokumentiert). Die Methodik-Journey (teal auf hellblau) bleibt. */

  /* Teal / Studio: Text → Buttons → Werkstatt-Bild → Studio-Bild → Caption */
  .t-home .section--studio{padding-block:64px}
  .t-home .studio__grid{display:flex;flex-direction:column;gap:0}
  /* Text mit Rand; die Bilder bleiben wie am Desktop randlos (Kanten-Bleed) */
  .t-home .studio__text{order:1;padding:0 var(--gutter);max-width:none}
  .t-home .section--studio h2.h-lg{font-size:32px;line-height:1.08}
  .t-home .section--studio .lead{font-size:19px;line-height:calc(30/19);margin-top:16px}
  .t-home .studio__img--1{order:2;width:100%;margin:40px 0 0;z-index:auto}
  .t-home .studio__img--1 .studio__ph{aspect-ratio:419.19/567.52;height:auto;width:100%}
  .t-home .studio__img--2{order:3;width:100%;margin:20px 0 0}
  .t-home .studio__img--2 .studio__ph{aspect-ratio:418.64/319.81;height:auto;width:100%}

  /* ════ METHODIK (Homepage + Projektseiten) ════
     Wellen-Band: nicht stauchen — Überbreite + seitlicher Beschnitt
     (html{overflow-x:clip}), Bandtext bleibt lesbar. */
  :is(.t-home,.t-project) .methodology__wave{
    position:relative; background:transparent; margin:0 0 -1px -40vw;
    padding:0; width:180vw; pointer-events:none;
  }
  :is(.t-home,.t-project) .methodology__wave::before{content:none}
  :is(.t-home,.t-project) .methodology__wave-svg{width:100%;height:auto}
  :is(.t-home,.t-project) .methodology__ribbon-text{font-size:34px;letter-spacing:.175em}
  :is(.t-home,.t-project) .methodology__heading{
    font-size:28px; line-height:calc(45/42); letter-spacing:.04em;
    max-width:16ch; margin-inline:0; padding-top:0; text-align:left;
  }
  :is(.t-home,.t-project) .methodology__wordmark{margin:0 0 24px;width:min(70%,320px)}

  /* ════ STUDIO ════ */

  .t-studio .cat-intro{padding-block:64px}
  .t-studio .cat-intro .lead{font-size:19px;line-height:calc(30/19)}
  .t-studio .cat-intro__ph-box{aspect-ratio:418.3/361.55;height:auto;width:100%}

  /* Leistungsmatrix: Kategorien gestapelt, reine Typo-Gliederung (keine Kästen) */
  .t-studio .studio-leistungen{padding:64px 0 0}
  .t-studio .slm{padding:0 var(--gutter)}
  .t-studio .slm__heading{font-size:32px;line-height:1.08;color:#fff;margin:0}
  .t-studio .slm__col{margin-top:32px}
  .t-studio .slm__colhead{
    font-size:17px;line-height:1.25;letter-spacing:.02em;
    color:#fff;text-transform:uppercase;margin:0 0 8px;
  }
  .t-studio .slm__list{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.6;color:#fff}
  .t-studio .slm__list li{position:relative;padding-left:1.084em;margin-top:6px}
  .t-studio .slm__list li:first-child{margin-top:0}
  .t-studio .slm__list li::before{content:"•";position:absolute;left:0;top:0}

  /* Content-Blöcke: Topline → Heading → Text → Bild */
  .t-studio .studio-leistungen .content-block{padding:40px var(--gutter)}
  .t-studio .studio-leistungen .content-block:last-of-type{padding-bottom:64px}
  .t-studio .content-block .grid-2{display:flex;flex-direction:column;gap:24px}
  .t-studio .content-block .section__text{order:1;max-width:none;padding:0}
  .t-studio .content-block .section__media{order:2;margin:0}
  .t-studio .studio-leistung__title{font-size:28px;line-height:1.13;color:#fff;margin:0 0 16px}
  .t-studio .studio-leistungen .lead{font-size:19px;line-height:calc(30/19);color:#fff}
  .t-studio .studio-leistungen .lead p + p{margin-top:16px}
  .t-studio .svc__ph-box{width:100%;height:auto}
  .t-studio #svc-media-1 .svc__ph-box{aspect-ratio:419.19/467.81}
  .t-studio #svc-media-2 .svc__ph-box{aspect-ratio:419.19/516.60}
  .t-studio #svc-media-3 .svc__ph-box{aspect-ratio:418.98/382.10}

  /* Warum-Sektion (Blob-Deko kleiner, damit die Liste frei bleibt) */
  .t-studio .studio-why{padding-block:64px}
  .t-studio .studio-why__inner{margin-left:0}
  .t-studio .studio-why__loop{width:150px;left:-44px;bottom:-20px}
  .t-studio #why-heading{font-size:32px;line-height:1.08;max-width:none}
  .t-studio .facts-list{margin-top:24px;max-width:none;font-size:17px;line-height:1.5;gap:8px}
  .t-studio .facts-list li{padding-left:1.084em}

  /* Team: Bild volle Breite, 6 Personen im 2er-Raster */
  .t-studio .studio-team{padding-block:64px}
  .t-studio .studio-team .topline{transform:none}
  .t-studio #team-heading{font-size:32px;line-height:1.08;max-width:none;margin-top:0}
  .t-studio .studio-team__text{font-size:19px;line-height:calc(30/19);margin-top:16px;max-width:none}
  .t-studio .studio-team__photo{margin:24px 0 0}
  .t-studio .team__ph-box{aspect-ratio:903.1/596.3;height:auto;width:100%}
  .t-studio .studio-team__names{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:24px}
  .t-studio .studio-team__name strong{font-size:16px;letter-spacing:.04em;text-transform:uppercase}
  .t-studio .studio-team__name span{font-size:11.5px;letter-spacing:.208em;text-transform:uppercase;margin-top:6px}
  .t-studio .studio-team__mail{font-size:13px;letter-spacing:.02em;margin-top:4px}

  /* End-CTA */
  .t-studio .end-cta{padding-block:64px}
  .t-studio .end-cta .topline{transform:none;display:block;width:auto}
  .t-studio #endcta-heading{font-size:32px;line-height:1.08;max-width:none}
  .t-studio .end-cta .lead{font-size:19px;line-height:calc(30/19);margin-top:16px}

  /* ════ LANDINGPAGES (Museen / Institute / Marken) ════ */

  .t-category .cat-intro{padding-block:64px}   /* ersetzt auch den 240px-Journey-Vorlauf */
  .t-category .cat-intro .lead{font-size:19px;line-height:calc(30/19)}
  .t-category .cat-intro .lead p + p{margin-top:16px}
  .t-category .cat-intro__ph-box{aspect-ratio:419.19/314.39;height:auto;width:100%}

  /* Projekt-Karten: Bild → Text, ohne Rahmen; ab 600 px 2-spaltig */
  .t-category .cat-projects{padding:64px var(--gutter)}
  .t-category .cat-projects__head{text-align:left;max-width:none;margin:0 0 24px}
  .t-category .cat-projects__head .topline{margin-bottom:12px}
  .t-category .cat-projects__heading{font-size:32px;line-height:1.08}
  .t-category .cat-projects__intro{font-size:19px;line-height:calc(30/19);max-width:none;margin:16px 0 0}
  .t-category .cat-cards{grid-template-columns:1fr;gap:40px}
  .t-category .cat-card__ph{aspect-ratio:329.04/224.66}
  .t-category .cat-card__text{margin-top:12px;font-size:17px;line-height:1.5}
  .t-category .cat-projects__more{margin-top:40px}

  /* Themen-Blöcke: Topline → Heading → Text → Bild */
  .t-category .cat-themes{padding-block:24px}
  .t-category .cat-theme--big,.t-category .cat-theme--one,.t-category .cat-cta{
    margin:0;max-width:none;padding:40px var(--gutter);
  }
  .t-category .cat-theme--big .topline{margin-left:0;max-width:none}
  .t-category .cat-theme__bighead{font-size:32px;line-height:1.08;color:#fff;max-width:none}
  .t-category .cat-themes .lead{font-size:19px;line-height:calc(30/19);color:#fff;margin-top:16px}
  .t-category .cat-themes .lead p + p{margin-top:16px}
  .t-category .theme-big__ph{width:100%;aspect-ratio:827.5/509.93;margin-top:24px}
  .cat-marken .theme-big__ph{aspect-ratio:826.47/550.31}
  .t-category .cat-theme__title{font-size:28px;line-height:1.13;color:#fff;max-width:none;margin-bottom:0}
  .t-category .theme-one__ph{width:100%;aspect-ratio:419.19/292.99;margin-top:24px}
  .t-category .cat-cta{display:flex;flex-direction:column;align-items:flex-start}
  .t-category .cat-cta__heading{order:1;font-size:32px;line-height:1.08;color:#fff;max-width:none}
  .t-category .cat-cta__lead{order:2}
  .t-category .cat-cta__list{order:3;margin-top:16px;font-size:19px;line-height:calc(30/19);max-width:none;gap:8px}
  .t-category .cat-cta__list li{padding-left:1.084em}
  .t-category .cat-cta__ph{order:4;width:100%;aspect-ratio:385.38/537.37;margin-top:24px}
  .cat-marken .cat-cta__ph{aspect-ratio:419.19/586.61}
  .t-category .cat-cta .project-cta__btn{order:5;margin-top:24px}

  /* Testimonial: Bild → Zitat → Zuschreibung */
  .t-category .testimonial{padding-block:64px}
  .t-category .testimonial__photo{width:min(60%,220px)}
  .t-category .testimonial__ph-box{aspect-ratio:313.24/349.73;height:auto;width:100%}
  .t-category .testimonial__quote{font-size:26px;line-height:1.2;letter-spacing:.0169em}
  .t-category .testimonial__cite{font-size:17px;line-height:1.35;margin-top:16px}

  /* End-CTA + Wellen-Band (beschnitten, unter dem Inhalt) */
  .t-category .end-cta{display:flex;flex-direction:column;padding:64px 0 0}
  .t-category .end-cta__inner{order:1;margin-left:0;max-width:none}
  .t-category .end-cta .topline{transform:none;display:block;width:auto}
  .t-category #endcta-heading{font-size:32px;line-height:1.08;max-width:none}
  .t-category .end-cta .lead{font-size:19px;line-height:calc(30/19);margin-top:16px;max-width:none}
  .t-category .end-cta .project-cta__btn{margin-top:24px}
  .t-category .end-cta__wave{
    order:2; position:relative; margin:40px 0 0 -40vw;
    width:180vw; pointer-events:none;
  }
  .t-category .end-cta__wave-svg{width:100%;height:auto;overflow:visible}
  .t-category .end-cta__ribbon-text{font-size:34px;letter-spacing:.2684em}

  /* ════ PROJEKTSEITEN ════ */

  .t-project .project-intro{padding-block:64px 48px}
  .t-project .project-intro__heading{font-size:28px;line-height:calc(45/42);letter-spacing:.04em;max-width:none;width:auto}
  .t-project .project-intro .lead{font-size:17px;line-height:calc(25/17);margin-top:16px;max-width:none}
  .t-project .project-intro .lead p + p{margin-top:16px}
  .t-project .project-intro .lead p.result{margin-top:16px;font-size:17px;line-height:calc(25/17)}

  /* Facts: kompakter Steckbrief (Label + Wert, ohne Linien) */
  .t-project .spec{padding-top:8px}
  .t-project .spec-table{gap:12px;margin:0}
  .t-project .spec-row{grid-template-columns:96px 1fr;gap:4px 16px}
  .t-project .spec-row dt{font-size:14px;line-height:1.5;font-weight:500}
  .t-project .spec-row dd{font-size:15px;line-height:1.5;font-family:var(--font-sans-bold)}
  .t-project .spec-list{display:block}
  .t-project .spec-list li{margin:0;padding:0}

  /* Kundenlogo-Zeile: eine Reihe, Proportionen wie Referenz */
  .t-project .project-intro__grid{
    display:grid;grid-template-columns:repeat(4,auto);
    justify-content:space-between;align-items:center;column-gap:16px;row-gap:0;
  }
  .t-project .project-intro__main{grid-column:1/-1}
  .t-project .spec{grid-column:1/-1;margin-top:24px}

  /* Teal-Blöcke: Topline → Heading → Text → Bild */
  .t-project .project-blocks{padding:24px 0 48px}  /* unten mehr Luft unter dem Slider (FB 18.07. #2) */
  .t-project .project-blocks .content-block{padding:40px var(--gutter)}
  .t-project .project-blocks .grid-2{display:flex;flex-direction:column;gap:24px}
  .t-project .project-blocks .section__text{order:1;max-width:none}
  .t-project .project-blocks .section__media{order:2;margin:0}
  .t-project .pblock__title{font-size:32px;line-height:1.08;color:#fff;max-width:none;width:auto;margin:0 0 16px}
  .t-project .project-blocks .lead{font-size:19px;line-height:calc(30/19);color:#fff;max-width:none}
  .t-project .project-blocks .lead p + p{margin-top:16px}
  .t-project #pblock-b-lead ul{margin:16px 0 0;padding:0;list-style:none;display:block}
  .t-project #pblock-b-lead li{position:relative;padding-left:1.084em;margin-top:8px}
  .t-project #pblock-b-lead li::before{content:"•";position:absolute;left:0;top:0}
  .t-project .pblock-a__ph{width:100%;height:auto;aspect-ratio:384/519.89}
  .t-project .content-wide{display:block;margin:0;padding:16px var(--gutter)}
  .t-project .content-wide__ph{width:100%;height:auto;aspect-ratio:827.5/560.35}
  .p-lavazza .content-wide__ph{aspect-ratio:1081.5/570.8}
  .t-project .content-below__img{margin:24px 0 0;width:100%}
  .t-project .pblock-b__ph{width:100%;height:auto;aspect-ratio:597.77/407.91}
  .p-puzzle .pblock-b__ph{display:none}

  /* Puzzle-Slider: volle Breite, Verhältnis bleibt, Pfeile unter dem Slide */
  .t-project .proj-slider{position:relative;margin:40px var(--gutter) 0;width:auto}
  .t-project .proj-slider__track{position:relative;aspect-ratio:1097.42/742.14}
  .t-project .proj-slider__slide{
    position:absolute;inset:0;opacity:0;transition:opacity .35s ease;pointer-events:none;
  }
  .t-project .proj-slider__slide.is-active{opacity:1;pointer-events:auto}
  .t-project .proj-slider__ph{width:100%;height:100%}
  .t-project .proj-slider__btn{
    position:static;display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:52px;margin:16px 0 0;padding:0;border:0;background:transparent;
    color:#fff;cursor:pointer;
  }
  .t-project .proj-slider__btn--prev{margin-right:12px}
  .t-project .proj-slider__btn svg{width:16px;height:46px;display:block}
  .t-project .proj-slider__btn:hover{color:#C1DFEB}

  /* Weißer CTA */
  .t-project .project-cta{padding-block:64px}
  .t-project .project-cta__inner{margin-left:0;max-width:none}
  .t-project .project-cta__heading{font-size:32px;line-height:1.08;max-width:none;width:auto}
  .t-project .project-cta .lead{font-size:19px;line-height:calc(30/19);margin-top:16px;max-width:none}
  .t-project .project-cta .lead p + p{margin-top:16px}
  .t-project .project-cta__btn{margin-top:24px}

  /* Puzzle: Adressblock + Pfeil davor */
  .p-puzzle .proj-adresse-arrow{position:static;display:block;width:64px;height:auto;margin:32px 0 12px}
  .p-puzzle .project-adresse{margin-top:0}
  .p-puzzle .project-adresse p{position:static;margin:0;font-size:17px;line-height:1.5}
  .p-puzzle .project-adresse__name{font-family:var(--font-sans-bold)}
  .p-puzzle .project-adresse__addr,.p-puzzle .project-adresse__links{margin-top:8px}

  /* Lavazza: Testimonial */
  .p-lavazza .project-testimonial{padding-block:64px}
  .p-lavazza .testimonial__quote{font-size:26px;line-height:1.2;font-style:italic;font-family:var(--font-sans-bold)}
  .p-lavazza .testimonial__cite{font-size:17px;line-height:1.35;margin-top:16px}

  /* Projekt- und Landingpages: Testimonial (Museen-Muster, FB 18.07. #4) */
  :is(.t-project,.t-category) .testimonial--person{height:auto;padding-block:64px}
  :is(.t-project,.t-category) .testimonial--person .testimonial__grid{grid-template-columns:1fr;gap:24px}
  :is(.t-project,.t-category) .testimonial--person .testimonial__photo{position:static;margin:0;width:min(60%,220px);height:auto}
  :is(.t-project,.t-category) .testimonial--person .testimonial__ph-box{aspect-ratio:313.24/349.73;height:auto;width:100%}
  :is(.t-project,.t-category) .testimonial--person .testimonial__quote{position:static;width:auto;margin:0;font-size:22px;line-height:1.3;font-style:italic;font-family:var(--font-sans-bold)}
  :is(.t-project,.t-category) .testimonial--person .testimonial__cite{position:static;width:auto;font-size:17px;line-height:1.35;margin-top:16px}
}

/* ── Feintuning 600–820 px: 2-spaltige Grids (Konzept-Entscheidung 3) ── */
@media (min-width:600px) and (max-width:820px){
  .t-category .cat-cards{grid-template-columns:1fr 1fr;gap:40px 20px}
  .t-studio .slm{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .t-studio .slm > .topline,.t-studio .slm__heading{grid-column:1/-1}
  /* Wellen-Bänder: auf großen Phones/Tablets weniger Überbreite */
  :is(.t-home,.t-project) .methodology__wave{width:130vw;margin-left:-15vw}
  .t-category .end-cta__wave{width:130vw;margin-left:-15vw}
}