/* Selbst gehostet, Quelle Google Fonts (SIL Open Font License). Nur latin + latin-ext. */
@font-face{font-family: 'Hanken Grotesk'; font-style: italic; font-weight: 300 800; font-display: swap; src:url(/fonts/HankenGrotesk-italic-300-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Hanken Grotesk'; font-style: italic; font-weight: 300 800; font-display: swap; src:url(/fonts/HankenGrotesk-italic-300-800-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 300 800; font-display: swap; src:url(/fonts/HankenGrotesk-normal-300-800-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 300 800; font-display: swap; src:url(/fonts/HankenGrotesk-normal-300-800-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src:url(/fonts/IBMPlexMono-normal-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src:url(/fonts/IBMPlexMono-normal-400-latin.woff2) format('woff2'); unicode-range: U+0000-00DE, U+00E0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src:url(/fonts/IBMPlexMono-normal-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src:url(/fonts/IBMPlexMono-normal-500-latin.woff2) format('woff2'); unicode-range: U+0000-00DE, U+00E0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-display: swap; src:url(/fonts/PlayfairDisplay-italic-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-display: swap; src:url(/fonts/PlayfairDisplay-italic-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Playfair Display'; font-style: italic; font-weight: 500; font-display: swap; src:url(/fonts/PlayfairDisplay-italic-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Playfair Display'; font-style: italic; font-weight: 500; font-display: swap; src:url(/fonts/PlayfairDisplay-italic-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Playfair Display'; font-style: italic; font-weight: 600; font-display: swap; src:url(/fonts/PlayfairDisplay-italic-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Playfair Display'; font-style: italic; font-weight: 600; font-display: swap; src:url(/fonts/PlayfairDisplay-italic-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}



/* Moretti-Schriften — entschieden in Schritt 2.
   Arbeitsschrift: Hanken Grotesk (humanistische Grotesk, verwandt mit dem Schriftzug).
   Akzentschrift: Playfair Display Italic — ausschließlich für EIN Wort in großen
   Überschriften, siehe readme.md > Typografie.
   Daten (Flächen, Preise, Termine): seit 06.10.2026 ebenfalls Hanken Grotesk, vorher IBM Plex Mono.
   Alle drei von Google Fonts; keine lizenzierten Hausschriften geliefert. */
:root{
  --font-sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-accent:"Playfair Display",Georgia,"Times New Roman",serif;
  --font-serif:var(--font-accent);
  --font-mono:var(--font-sans);   /* Zahlen ebenfalls in Hanken Grotesk (Leonardo, 06.10.2026; vorher IBM Plex Mono) */
  --font-display:var(--font-sans);
  --font-body:var(--font-sans);
  --font-editorial:var(--font-accent);
  --font-spec:var(--font-mono);
}

:root{
  /* Markenblau — direkt aus dem Logo (#03446C). --blue-500 ist die Markenfarbe. */
  --blue-50:#F1F5F9;
  --blue-100:#DCE7EF;
  --blue-200:#B4CBDB;
  --blue-300:#7FA6C1;
  --blue-400:#2A6690;
  --blue-500:#03446C;
  --blue-600:#023655;
  --blue-700:#01283F;
  /* Dunkle Flächen: Blau-Grau statt fast Schwarz (Wunsch Anja Nitzsche, 29.09.2026; vorher #011A2A) */
  --blue-900:#34495A;
  --blue-900-hover:#2A3C4A;
  /* Abdunklung über Fotos: dunklere Stufe desselben Blau-Graus, damit weiße Schrift lesbar bleibt (rgba(34,49,61,…)) */

  /* Logograu — das zweite Element des Zeichens (#B2B3B3) und seine Abstufungen. */
  --grey-50:#F7F8F8;
  --grey-100:#EFF0F0;
  --grey-200:#E2E3E3;
  --grey-300:#CBCCCC;
  --grey-400:#B2B3B3;
  --grey-500:#8E9090;
  --grey-600:#6B6D6D;
  --grey-700:#4D4F4F;
  --grey-800:#333535;
  --grey-900:#1C1E1E;
  --white:#FFFFFF;

  /* Signal — ausschließlich für Vermarktungsstatus */
  --moss-500:#1E7A52;
  --moss-100:#E3F0EA;
  --ochre-500:#8C5A2B;
  --ochre-100:#F5EBDF;
  --rust-500:#A83228;
  --rust-100:#F7E4E1;

  /* ---- Semantische Aliase: diese in Komponenten verwenden ---- */
  --text-strong:var(--blue-900);
  --text-body:var(--grey-700);
  --text-muted:var(--grey-500);
  --text-inverse:var(--white);
  --text-accent:var(--blue-500);
  --text-link:var(--blue-500);
  --text-link-hover:var(--blue-600);

  --surface-page:var(--grey-50);
  --surface-card:var(--white);
  --surface-sunken:var(--grey-100);
  --surface-raised:var(--white);
  --surface-inverse:var(--blue-500);
  --surface-accent:var(--blue-50);
  --surface-accent-strong:var(--blue-500);
  --surface-overlay:rgba(52,73,90,.62);

  --border-hairline:var(--grey-200);
  --border-default:var(--grey-300);
  --border-strong:var(--grey-400);
  --border-inverse:rgba(255,255,255,.22);
  --border-accent:var(--blue-500);
  --focus-ring:var(--blue-500);

  --status-success-fg:var(--moss-500);
  --status-success-bg:var(--moss-100);
  --status-warning-fg:var(--ochre-500);
  --status-warning-bg:var(--ochre-100);
  --status-danger-fg:var(--rust-500);
  --status-danger-bg:var(--rust-100);
  --status-neutral-fg:var(--grey-600);
  --status-neutral-bg:var(--grey-100);
}

:root{
  /* Scale — 1.25 major third above body, tightened at display sizes */
  --text-2xs:11px;
  --text-xs:12px;
  --text-sm:14px;
  --text-base:16px;
  --text-md:18px;
  --text-lg:21px;
  --text-xl:26px;
  --text-2xl:32px;
  --text-3xl:40px;
  --text-4xl:52px;
  --text-5xl:68px;
  --text-6xl:88px;

  --leading-tight:1.06;
  --leading-snug:1.2;
  --leading-normal:1.45;
  --leading-relaxed:1.65;

  --tracking-tightest:-0.03em;
  --tracking-tight:-0.015em;
  --tracking-normal:0em;
  --tracking-wide:0.06em;
  --tracking-widest:0.16em;

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* Composed roles */
  --type-display:var(--weight-medium) var(--text-5xl)/var(--leading-tight) var(--font-display);
  --type-h1:var(--weight-medium) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h2:var(--weight-medium) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --type-h3:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-body);
  --type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);
  --type-lead:var(--weight-light) var(--text-lg)/var(--leading-relaxed) var(--font-body);
  --type-quote:italic var(--weight-regular) var(--text-xl)/var(--leading-snug) var(--font-editorial);
  /* Akzentwort in Überschriften: kursiv, Regular, ~4 % größer als die Zeile,
     Laufweite zurück auf 0. Nur ab 32px und nur EIN Wort pro Überschrift. */
  --type-accent-display:italic var(--weight-regular) 1.04em/1 var(--font-accent);
  --accent-tracking:0em;
  --type-eyebrow:var(--weight-semibold) var(--text-xs)/1.2 var(--font-body);
  --type-spec:var(--weight-regular) var(--text-sm)/1.4 var(--font-spec);
  --type-label:var(--weight-medium) var(--text-sm)/1.3 var(--font-body);
}

:root{
  /* 4px base grid; architectural plan increments above 48 */
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;
  --space-40:160px;

  --gutter:var(--space-6);
  --section-y:var(--space-32);
  --section-y-sm:var(--space-20);
  --container-max:1280px;
  --container-narrow:720px;
  --container-wide:1560px;
  --grid-columns:12; /* @kind other */
}

:root{
  /* Formsprache: kantig (Architektur) trifft rund (Zugänglichkeit, Grünflächen) — als Diagonale.
     Zwei gegenüberliegende Ecken (oben links, unten rechts) rund, die andere Diagonale bleibt scharf. */
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:8px;
  --radius-pill:999px;
  --radius-diagonal-sm:12px var(--radius-sm) 12px var(--radius-sm);
  --radius-diagonal-md:16px var(--radius-sm) 16px var(--radius-sm);
  --radius-diagonal-lg:22px var(--radius-sm) 22px var(--radius-sm);
  --radius-card:var(--radius-diagonal-lg);
  --radius-control:var(--radius-diagonal-md);
  --radius-media:var(--radius-diagonal-lg);
}

:root{
  /* Warm-tinted, low, wide. Shadows read as daylight, never as glow. */
  --shadow-none:none;
  --shadow-hairline:0 0 0 1px var(--border-hairline);
  --shadow-xs:0 1px 2px rgba(1,26,42,.05);
  --shadow-sm:0 1px 3px rgba(1,26,42,.06),0 1px 1px rgba(1,26,42,.04);
  --shadow-md:0 4px 14px rgba(1,26,42,.07);
  --shadow-lg:0 12px 32px rgba(1,26,42,.10);
  --shadow-xl:0 28px 64px rgba(1,26,42,.14);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--blue-500);
  --scrim-bottom:linear-gradient(to top,rgba(1,26,42,.72) 0%,rgba(1,26,42,.35) 42%,rgba(1,26,42,0) 100%); /* @kind other */
  --scrim-top:linear-gradient(to bottom,rgba(1,26,42,.55) 0%,rgba(1,26,42,0) 100%); /* @kind other */
  --blur-panel:saturate(120%) blur(14px); /* @kind other */
}

:root{
  --duration-instant:80ms; /* @kind other */
  --duration-fast:160ms; /* @kind other */
  --duration-base:240ms; /* @kind other */
  --duration-slow:400ms; /* @kind other */
  --duration-reveal:640ms; /* @kind other */
  /* One easing family. No bounce, no elastic. */
  --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
  --transition-control:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-media:transform var(--duration-slow) var(--ease-out),opacity var(--duration-base) var(--ease-standard); /* @kind other */
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
h1{font:var(--type-h1);letter-spacing:var(--tracking-tight);color:var(--text-strong)}
h2{font:var(--type-h2);letter-spacing:var(--tracking-tight);color:var(--text-strong)}
h3{font:var(--type-h3);color:var(--text-strong)}
p{text-wrap:pretty}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--text-link) 35%,transparent);transition:var(--transition-control)}
a:hover{color:var(--text-link-hover);border-bottom-color:var(--text-link-hover)}
:focus-visible{outline:none;box-shadow:var(--ring-focus)}
img{display:block;max-width:100%}
::selection{background:var(--blue-200);color:var(--blue-900)}
.moretti-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}

/* Aus Design/website-final/index.dc.html (helmet), nur die finalen Varianten. */
    html.lenis, html.lenis body { height: auto; }
    .lenis.lenis-smooth { scroll-behavior: auto !important; }
    .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
    body{margin:0;background:var(--grey-50);color:var(--grey-700);font:var(--type-body)}
    a{color:var(--blue-500)}a:hover{color:var(--blue-600)}
    @keyframes ma-line{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}
    @keyframes ma-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
    @keyframes ma-scrollhint{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
    /* Einblendungen beim Hineinscrollen (Über uns): src/js/ueber.js setzt data-ein-gruppe auf „bereit“, dann „an“. Ohne Skript bleibt alles sichtbar. */
    @keyframes ein-hoch{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
    @keyframes ein-zeile{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
    @keyframes ein-bild{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
    /* Bühnenfotos der Startseite: weitere Projekte erst laden, wenn start.js data-geladen setzt; mobil kleinere Datei */
    [data-foto]{background-image:var(--fl)}
    [data-foto]:not([data-foto="0"]):not([data-geladen]){background-image:none}
    [data-ein-gruppe="bereit"] [data-ein]{opacity:0}
    [data-ein-gruppe="an"] [data-ein]{animation:ein-hoch .8s cubic-bezier(.2,0,.2,1) calc(var(--ein,0) * 90ms) both}
    [data-ein-gruppe="an"] [data-ein="zeile"]{animation-name:ein-zeile;animation-duration:.9s}
    [data-ein-gruppe="an"] [data-ein="bild"]{animation-name:ein-bild;animation-duration:1s;animation-delay:calc(var(--ein,0) * 70ms)}
    @keyframes ablaufLinie{0%{transform:scaleX(0);background:#A85536}78%{transform:scaleX(1);background:#A85536}100%{transform:scaleX(1);background:var(--grey-900);opacity:.0}}
    @keyframes ablaufPunkt{0%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.7)}100%{opacity:1;transform:scale(1)}}
    [data-ablauf="bereit"] [data-m~="ablauf-item"]>*:not([data-ablauf-punkt]){opacity:0;transform:translateY(22px)}
    [data-ablauf="bereit"] [data-m~="ablauf-item"]{border-right-color:transparent!important}
    [data-ablauf="an"] [data-m~="ablauf-item"]>*:not([data-ablauf-punkt]){opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,0,.2,1),transform .7s cubic-bezier(.2,0,.2,1)}
    [data-ablauf="an"] [data-m~="ablauf-item"]{transition:border-color .8s cubic-bezier(.2,0,.2,1)}
    [data-ablauf="an"] [data-ablauf-linie]{animation:ablaufLinie 1.9s cubic-bezier(.2,0,.2,1) both}
    [data-ablauf="an"] [data-ablauf-punkt]{animation:ablaufPunkt .6s cubic-bezier(.2,0,.2,1) both}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(1) [data-ablauf-punkt]{animation-delay:0.12s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(1){transition-delay:0.32s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(1)>*:nth-child(1){transition-delay:0.20s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(1)>*:nth-child(2){transition-delay:0.28s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(1)>*:nth-child(3){transition-delay:0.36s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(1)>*:nth-child(4){transition-delay:0.44s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(2) [data-ablauf-punkt]{animation-delay:0.42s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(2){transition-delay:0.62s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(2)>*:nth-child(1){transition-delay:0.50s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(2)>*:nth-child(2){transition-delay:0.58s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(2)>*:nth-child(3){transition-delay:0.66s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(2)>*:nth-child(4){transition-delay:0.74s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(3) [data-ablauf-punkt]{animation-delay:0.72s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(3){transition-delay:0.92s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(3)>*:nth-child(1){transition-delay:0.80s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(3)>*:nth-child(2){transition-delay:0.88s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(3)>*:nth-child(3){transition-delay:0.96s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(3)>*:nth-child(4){transition-delay:1.04s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(4) [data-ablauf-punkt]{animation-delay:1.02s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(4){transition-delay:1.22s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(4)>*:nth-child(1){transition-delay:1.10s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(4)>*:nth-child(2){transition-delay:1.18s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(4)>*:nth-child(3){transition-delay:1.26s}
    [data-ablauf="an"] [data-m~="ablauf-item"]:nth-child(4)>*:nth-child(4){transition-delay:1.34s}
  @keyframes detailRestEin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
    [data-m~="burger"]{display:none}
    @media (min-width:761px){[data-m~="menu"]{display:none!important}}
    @media (max-width:760px){
      html,body,*{scrollbar-width:none}
      ::-webkit-scrollbar{display:none;width:0;height:0}
      [data-m~="hdr"]{top:12px!important;left:12px!important;right:12px!important}
      [data-m~="hdr-glas"]{padding:0 14px 0 18px!important;gap:12px!important}
      [data-m~="hdr-nav"],[data-m~="hdr-tel"]{display:none!important}
      [data-m~="hdr-rechts"]{gap:14px!important;grid-column:3}
      [data-m~="hdr-rechts"]>:nth-child(2){padding:9px 16px 9px 14px!important;font-size:13px!important}
      [data-m~="burger"]{display:flex}
      [data-mk="E"] [data-m~="hdr-glas"]{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;clip-path:none!important;padding:0 0 0 6px!important}
      [data-mk="E"] [data-m~="hdr-glas"]>div[aria-hidden]{display:none!important}
      [data-mk="E"] [data-m~="hdr-glas"]>:nth-child(2) img:first-child{clip-path:none!important;-webkit-mask-image:var(--mB,none);mask-image:var(--mB,none)}
      [data-mk="E"] [data-m~="hdr-glas"]>:nth-child(2) img:last-child{clip-path:none!important;-webkit-mask-image:var(--mW,none);mask-image:var(--mW,none)}
      [data-mk="E"] [data-m~="hdr-glas"]>:nth-child(2){box-sizing:content-box;padding:10px 14px;margin-left:-14px;background:transparent!important}
            html[data-kopfhell="1"] [data-mk="E"] [data-m~="hdr-glas"]>:nth-child(2) img:last-child{filter:none}
      [data-mk="E"] [data-m~="hdr-rechts"]>:nth-child(2){display:none!important}
      [data-mk="E"] [data-m~="burger"]{width:52px;height:52px!important;justify-content:center;font-size:0!important;gap:0!important;background:#A85536;border-radius:16px 2px 16px 2px;box-shadow:var(--shadow-md)}
      [data-mk="E"][data-ml="L"] [data-m~="hdr-glas"]{padding:0 0 0 12px!important}
      [data-mk="E"][data-ml="L"] [data-m~="hdr-glas"]>:nth-child(2){height:36px!important;width:105px!important}
      [data-mk="E"][data-ml="L"] [data-m~="hdr-glas"]>:nth-child(2) img,[data-mk="E"][data-ml="M"] [data-m~="hdr-glas"]>:nth-child(2) img{height:36px!important;left:14px!important;top:10px!important}
      [data-mk="E"][data-ml="M"] [data-m~="hdr-glas"]>:nth-child(2){position:absolute!important;left:50%;top:50%;margin-left:0!important;transform:translate(-50%,-50%);height:36px!important;width:105px!important}
      [data-m~="hdr"]{transition:transform .32s cubic-bezier(.2,0,.2,1)}
      [data-m~="hdr-glas"]{transition:height .32s cubic-bezier(.2,0,.2,1),padding .32s cubic-bezier(.2,0,.2,1)}
      [data-m~="eins"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:32px!important}
      [data-m~="zwei"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
      [data-m~="sektion"]{padding-top:56px!important;padding-bottom:56px!important}
      [data-m~="sektion-y"]{padding-top:48px!important;padding-bottom:48px!important}
      [data-m~="stapel"]{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
      [data-m~="links"]{text-align:left!important}
      [data-m~="statisch"]{position:static!important}
      [data-m~="span"]{grid-column:auto!important}
      h2[style*="font-size:40px"]{font-size:30px!important}
      h2[style*="font-size:28px"]{font-size:24px!important}
      [data-m~="uebergang"]{height:auto!important}
      [data-m~="stage"]{position:relative!important;height:auto!important;overflow:visible!important}
      [data-m~="hero"]{position:relative!important;inset:auto!important;height:100svh;min-height:560px!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
      [data-m~="buehne"]{position:relative!important;inset:auto!important;opacity:1!important;pointer-events:auto!important}
      [data-m~="buehne-a"]{position:relative!important;inset:auto!important;z-index:1}
      [data-m~="buehne"]::after{content:"";position:absolute;left:0;right:0;top:-1px;height:180px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,var(--blue-900) 0%,rgba(52,73,90,.72) 35%,rgba(52,73,90,0) 100%)}
      [data-m~="hero"]>*:nth-child(n+3){z-index:1}
      [data-m~="scrollhint"]{transition:opacity .24s cubic-bezier(.2,0,.2,1)}
      html[data-gescrollt="1"] [data-m~="scrollhint"]{opacity:0!important;pointer-events:none}
      [data-m~="hero"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:0;pointer-events:none;background:linear-gradient(to top,var(--blue-900),rgba(52,73,90,0))}
      [data-m~="buehne-b"]{position:relative!important;top:auto!important;padding:40px 0!important;overflow:visible!important}
      [data-m~="notrans"]{transform:none!important}
      [data-m~="buehne-karte"]{min-height:300px!important;flex:none!important;height:300px}
      [data-m~="mosaik-lead"]{grid-row:auto!important;height:340px;clip-path:none!important}
      [data-m~="mosaik-item"]{min-height:150px;clip-path:none!important}
      [data-m~="film"],[data-m~="orte"]{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;clip-path:none!important;scrollbar-width:none}
      [data-m~="film"]{height:78svh!important;min-height:520px!important}
      [data-m~="film-item"]{flex:none!important;width:84vw!important;scroll-snap-align:start;border-right:1px solid rgba(255,255,255,.12)}
      [data-m~="film-detail"]{opacity:1!important;min-width:0!important}
      [data-mr]:not([data-mr="A"]) #start-referenzen [data-m~="film"]{display:none!important}
      #start-kontakt [data-m~="buero"]{display:none!important}
      #start-kontakt [data-m~="sektion"]{padding:96px 24px 20px!important;gap:0!important}
      #start-kontakt input[type="text"],#kontakt-5g input[type="text"]{height:46px!important}
      #start-kontakt textarea,#kontakt-5g textarea{min-height:76px!important;height:76px}
      #start-kontakt [data-m~="teamzeile"]{padding:9px 0!important;align-items:center!important;flex-direction:row!important;justify-content:space-between!important}
      #start-kontakt{border-top:none!important}
      #start-kontakt [data-m~="sektion"]{min-height:0!important;box-sizing:border-box}
      #start-kontakt [data-m~="teamzeile"]>span:first-child{font-size:0!important}
      #start-kontakt [data-m~="teamzeile"]>span:first-child>span{font-size:14px!important}
      #start-kontakt [data-m~="teamzeile"]>span:last-child{font-size:14px!important}
      #start-kontakt h2{font-size:28px!important;margin-top:10px!important}
      #start-kontakt a[href^="mailto"]{font-size:13px!important}
      #start-kontakt h2+div{margin-top:10px!important;gap:4px 16px!important}
      #start-kontakt label span{font-size:11px!important}
      #start-kontakt label{gap:6px!important}
      #start-kontakt label[style*="cursor:pointer"]>span{font-size:12.5px!important;line-height:1.4;letter-spacing:0!important;text-transform:none!important}
      #start-kontakt [data-senden]{padding:13px 26px!important}
      #kontakt-5g [data-m~="formkarte"]>div>div{gap:12px!important}
      #kontakt-5g label span:not([data-fehler]){font-size:11px!important}
      #start-kontakt [data-m~="eins"]{margin-top:20px!important;gap:12px!important}
      #start-kontakt>div>div:last-child{gap:20px!important}
      #start-ablauf{padding-top:96px!important;padding-bottom:40px!important}
      #start-ablauf [data-m~="eins"]{grid-template-columns:1fr 1fr!important;gap:0 16px!important;margin-top:24px!important}
      #start-ablauf [data-m~="ablauf-item"]{padding:14px 0!important}
      #start-ablauf [data-m~="ablauf-item"]>div:nth-child(2){font-size:17px!important;margin-top:8px!important}
      #start-ablauf [data-m~="ablauf-item"] p{font-size:13.5px!important;line-height:1.5!important;margin-top:6px!important}
      #journal{padding-top:96px!important}
      #journal [data-m~="eins"]{margin-top:24px!important;gap:12px!important}
      [data-m~="mosaik-lead"]{height:240px!important}
      [data-m~="finder-filter"],[data-m~="finder-desk"]{display:none!important}
      [data-m~="route"]{top:14px!important;bottom:auto!important}
      [data-m~="teamzeile"]{align-items:flex-start!important}
      [data-m~="teamzeile"]>span:first-child{flex-direction:column}
      [data-m~="m-wohnungen"]{display:block!important}
      [data-m~="mosaik-item"]{height:auto!important;min-height:124px!important}
      [data-m~="mosaik-item"]>div:last-child{padding:16px 18px!important}
      [data-m~="mosaik-item"]>div:last-child>div:last-child{font-size:17px!important;line-height:1.25!important;margin-top:8px!important}
      #kontakt-5g>div:first-child{padding-top:112px!important;gap:12px!important}
      #kontakt-5g>div:first-child>div:last-child{font-size:15px!important;padding-bottom:0!important}
      #kontakt-5g [data-m~="kacheln"]{height:calc(100svh - 290px);min-height:340px;box-sizing:border-box;padding:20px 24px 24px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr;gap:10px!important}
      #kontakt-5g [data-m~="kachel"]{height:auto!important;min-height:0!important;padding:14px!important}
      #kontakt-5g [data-m~="kachel"][style*="justify-content:flex-end"]{justify-content:flex-start!important}
      #kontakt-5g [data-m~="kachel"]>div[style*="bottom"]{left:14px!important;right:14px!important;bottom:14px!important}
      #kontakt-5g [data-m~="kachel"] div[style*="font-size:20px"]{font-size:16px!important;margin-top:6px!important}
      #kontakt-5g [data-m~="kachel"] div[style*="type-body-sm"]{font-size:12.5px!important;line-height:1.35}
      #kontakt-5g [data-m~="formkarte"]{padding:24px 20px!important}
      #kontakt-5g>div:last-child>div{padding:112px 24px 48px!important;gap:28px!important}
      #kontakt-5g [data-m~="person"]>div:first-child{text-wrap:balance;font-size:11px!important;line-height:1.6}
      #kontakt-5g [data-k="personen"]{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;margin-top:16px!important}
      #kontakt-5g [data-m~="person-karte"]{display:grid!important;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-items:center}
      #kontakt-5g [data-m~="person-karte"]>div:first-child{width:64px!important}
      #kontakt-5g [data-m~="person-karte"]>div:last-child{display:contents}
      #kontakt-5g [data-m~="person-karte"]>div:last-child>div:nth-child(1){grid-column:2;font-size:20px!important;align-self:end}
      #kontakt-5g [data-m~="person-karte"]>div:last-child>div:nth-child(2){grid-column:2;align-self:start}
      #kontakt-5g [data-m~="person-karte"] a{grid-column:1 / -1;display:flex!important;justify-content:space-between;align-items:center;margin-top:0!important;padding:12px 0;border-bottom:1px solid var(--border-hairline);text-decoration:none!important;color:var(--grey-900)!important;font-size:16px!important}
      #kontakt-5g [data-m~="person-karte"] a[href^="tel"]{margin-top:14px!important;border-top:1px solid var(--border-hairline)}
      #kontakt-5g [data-m~="person-karte"] a[href^="mailto"]{font-size:14px!important}
      #kontakt-5g [data-m~="person-karte"] a::after{content:"→";color:#A85536;font-family:var(--font-sans)}
      #refdetail-13a [data-m~="rd-hero"]{height:100svh!important;min-height:600px}
      #refdetail-13a [data-m~="rd-hero"]>div:last-child{bottom:28px!important}
      [data-md="A"] #refdetail-13a [data-m~="rd-hero"]>div:last-child{bottom:0!important;padding:120px 0 28px;background:linear-gradient(180deg,rgba(34,49,61,0) 0%,rgba(34,49,61,.35) 40%,rgba(34,49,61,.62) 100%);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 110px);mask-image:linear-gradient(to bottom,transparent 0,#000 110px)}
      [data-md="A"] #refdetail-13a [data-m~="rd-hero"]>div:nth-child(2){background:linear-gradient(180deg,rgba(34,49,61,.5) 0%,rgba(34,49,61,0) 28%,rgba(34,49,61,.2) 45%,rgba(34,49,61,.85) 100%)!important}
      #refdetail-13a [data-m~="rd-hero"] [data-m~="stapel"]{padding:0 24px!important}
      #refdetail-13a [data-m~="rd-hero"] [data-m~="links"]{display:none!important}
      #refdetail-13a [data-m~="rd-hero"] h1{font-size:36px!important;margin-top:14px!important}
      #refdetail-13a [data-m~="rd-mfakten"]{display:block!important}
      #refdetail-13a [data-m~="rd-fakten-desk"]{display:none!important}
      #refdetail-13a [data-m~="rd-fakten-wrap"]{padding:0!important}
      #refdetail-13a [data-m~="rd-text"]{padding:64px 24px 0!important;gap:40px!important}
      #refdetail-13a [data-m~="rd-text"] p{font-size:16px!important;line-height:1.65!important;margin-top:14px!important}
      #refdetail-13a [data-m~="rd-text"] blockquote{font-size:19px!important}
      #refdetail-13a [data-m~="dl"]{grid-template-columns:1fr!important;gap:3px!important;padding:12px 0!important}
      #refdetail-13a [data-m~="dl"] dt{font-size:12px!important;letter-spacing:.02em;color:var(--grey-500)!important}
      #refdetail-13a [data-m~="dl"] dd{font-size:15px!important;line-height:1.45!important;text-wrap:pretty}
      #refdetail-13a [data-m~="rd-bilder"]{display:none!important}
      #refdetail-13a [data-m~="rd-galerie"]{display:flex!important}
      #refdetail-13a [data-m~="rd-galerie"]{margin-top:40px!important;padding-top:84px!important}
      [data-md="A"] #refdetail-13a [data-m~="rd-galerie"]{box-shadow:0 -3px 0 var(--blue-900),0 3px 0 var(--blue-900)}
      #refdetail-13a [data-m~="rd-galerie"]>div:nth-child(2)::-webkit-scrollbar{display:none}
      #refdetail-13a [data-m~="rd-bl"]{padding:64px 24px 0!important;grid-template-columns:1fr!important;gap:56px!important}
      #refdetail-13a [data-m~="rd-bl"]>div:last-child{order:-1}
      #refdetail-13a [data-m~="rd-bl"]>div:last-child>div{height:260px!important}
      #refdetail-13a [data-m~="achse"]{padding-left:0!important;font-size:10px!important}
      #refdetail-13a [data-m~="achse"]>span:nth-child(even){visibility:hidden}
      #refdetail-13a [data-m~="zs"]{grid-template-columns:1fr!important;gap:5px!important;padding:6px 0!important}
      #refdetail-13a [data-m~="zs"]>span{font-size:12.5px!important}
      #refdetail-13a [data-m~="rd-bl"]+div{padding:56px 24px 0!important}
      #refdetail-13a [data-m~="rd-nach"]{margin-top:64px!important}
      #refdetail-13a [data-m~="rd-nach"]>div{padding:28px 24px 32px!important;grid-template-columns:1fr!important;gap:14px!important}
      #refdetail-13a [data-m~="nachbar"],#refdetail-13a [data-m~="nachbar-r"]{grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;text-align:left!important;background:var(--white);padding:10px;border-radius:14px 2px 14px 2px;border:1px solid var(--border-hairline)}
      #refdetail-13a [data-m~="nachbar-r"]>div:last-child{order:-1}
      [data-verbindung]>div:last-child{transform:none!important;opacity:1!important;filter:none!important;will-change:auto!important}
      [data-foto]{background-image:var(--fm)}
      #start-grundstueck{clip-path:none!important;position:relative;overflow:hidden}
      #start-grundstueck[data-wisch]::after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:var(--grey-50);transform:translateX(0);transition:transform 1.1s cubic-bezier(.2,0,.2,1)}
      #start-grundstueck[data-wisch="auf"]::after{transform:translateX(101%)}
      [data-verbindung="f"]>div:last-child{overflow:visible!important;clip-path:none!important}
      #journal{padding-bottom:56px!important}
      #start-grundstueck>div{padding-top:48px!important;padding-bottom:48px!important}
      #start-kontakt [data-m~="sektion"]{padding-top:88px!important}
      div:has(>[data-m~="statisch"]){padding-bottom:64px!important}
      [data-m~="mosaik-item"]{grid-template-columns:40% minmax(0,1fr)!important}
      [data-m~="mosaik-item"]>div:last-child{padding:18px 16px!important}
      [data-m~="mosaik-item"]>div:last-child>div:last-child{font-size:17px!important;hyphens:auto;overflow-wrap:break-word}
      #start-referenzen [data-m~="film"]{height:100svh!important;min-height:560px!important;clip-path:none!important}
      #start-referenzen [data-m~="film-item"]{width:100vw!important;border-right:none!important;scroll-snap-stop:always}
      #start-referenzen [data-m~="film-item"]>div:nth-child(5){display:none!important}
      #start-referenzen [data-m~="film-m"]{display:flex!important}
      #start-referenzen [data-m~="film-detail"]{left:24px!important;right:24px!important;bottom:60px!important;min-width:0!important}
      #start-referenzen [data-m~="film-detail"]>div:first-child{font-size:36px!important;line-height:1.05!important;letter-spacing:-.02em}
      #start-referenzen [data-m~="film-detail"]>div:nth-child(3){font-size:16px!important}
      #start-referenzen [data-m~="film-detail"]>span{padding:12px 20px!important;font-size:14px!important;margin-top:20px!important}
      [data-m~="orte"]{height:360px!important}
      [data-m~="orte-item"]{flex:none!important;width:62vw!important;scroll-snap-align:start}
      [data-m~="ablauf-item"]{border-right:none!important;margin-right:0!important;padding:20px 0!important;border-bottom:1px solid var(--border-hairline)}
      [data-m~="buero"]{min-height:300px!important}
      [data-m~="teamzeile"]{flex-direction:column!important;gap:4px!important}
      [data-m~="zahlen"]{gap:14px!important;flex-wrap:nowrap!important}
      [data-m~="zahl"]{padding-left:14px!important}
      [data-m~="zahlen"]>div>div:last-child{font-size:10px!important;letter-spacing:.1em!important;white-space:nowrap}
      [data-m~="leistung-text"]{padding-left:0!important}
      [data-m~="teamfoto"]{aspect-ratio:4/3!important}
      [data-m~="detail-hero"]{height:auto!important;min-height:max(100svh,760px)!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:128px 0 32px}
      [data-m~="detail-titel"]{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:0 24px}
      [data-m~="detail-karte"]{position:relative!important;right:auto!important;bottom:auto!important;width:auto!important;margin:auto 24px 0;flex:1 0 auto;display:flex;flex-direction:column}
      [data-m~="detail-karte"]>div:first-child{height:auto!important;flex:1;min-height:320px}
      [data-m~="detail-titel"]{margin-bottom:28px}
      [data-m~="finder"]{border-right:none!important}
      [data-m~="finder-zeile"]{grid-template-columns:minmax(0,1fr) 34px auto auto 12px!important;padding:16px 4px!important;font-size:14px!important;gap:0 10px!important}
      [data-m~="finder-zeile"]>span:first-child{white-space:normal!important;font-size:13px!important;line-height:1.3}
      [data-m~="kennzahlen"]>div>div:last-child{white-space:normal!important;font-size:14px!important;margin-top:3px!important;line-height:1.35!important;min-height:2.7em}
      [data-m~="wkarte"]{gap:8px!important;padding:10px!important}
      [data-m~="wkarte"]>span:nth-child(2){margin-left:2px}
      [data-m~="kennzahlen"]{gap:8px 16px!important;padding-top:10px!important}
      [data-m~="buehne-b"]{padding:96px 0 max(88px,calc(16px + 100lvh - 100svh))!important;min-height:100lvh;box-sizing:border-box;align-items:stretch!important}
      [data-m~="buehne-b"]>div{display:flex;flex-direction:column}
      [data-m~="buehne-b"] [data-m~="eins"]{display:flex!important;flex-direction:column;flex:1;gap:12px!important}
      [data-m~="buehne-b"] [data-m="notrans"]{flex:1}
      [data-m~="glaskarte"]{padding:18px 20px!important;gap:12px!important}
      [data-m~="glaskarte"] h2{font-size:min(26px,6.6vw)!important;line-height:1.05!important}
      [data-m~="glaskarte"] p{font-size:14px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
      [data-m~="glaskarte"] [style*="gap:clamp(12px"]{gap:6px!important}
      [data-m~="glaskarte"] [style*="gap:18px"]{gap:12px!important}
      [data-m~="glaskarte"] [style*="padding:14px"]{padding:11px 16px!important;font-size:14px!important}
      [data-m~="buehne-karte"]{flex:1 1 auto!important;height:auto!important;min-height:200px!important}
      [data-m~="bknoepfe"]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important}
      [data-m~="bknoepfe"]>*{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-height:42px;padding:10px 8px!important;font-size:13.5px!important;text-align:center;letter-spacing:0!important}
      [data-m~="finder-lage"]{display:none!important}
      [data-m~="finder-aside"]{position:static!important;max-height:none!important;padding:28px 0!important;background:transparent!important}
      [data-m~="dl"]{grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important}
      [data-m~="leiste"]{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:76px;overflow-x:auto;padding:4px}
      [data-m~="haus-reihe"]:has(>:nth-child(3))>*{flex-basis:78%!important}
      [data-m~="achse"]{padding-left:106px!important}
      [data-m~="zs"]{grid-template-columns:94px minmax(0,1fr)!important}
      [data-m~="nachbar"]{grid-template-columns:88px minmax(0,1fr)!important}
      [data-m~="nachbar-r"]{grid-template-columns:minmax(0,1fr) 88px!important}
      [data-m~="lb-l"]{left:12px!important}[data-m~="lb-r"]{right:12px!important}
      [data-m~="kacheln"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding-bottom:48px!important}
      [data-m~="kachel"]{height:190px!important;padding:16px!important}
      [data-m~="kachel"] div[style*="left:24px"]{left:16px!important;right:16px!important;bottom:14px!important}
      [data-m~="kachel"] div[style*="font-size:20px"]{font-size:17px!important}
      [data-m~="formkarte"]{padding:24px!important}
      [data-m~="tabs"]{flex-wrap:wrap!important;gap:0 22px!important}
      [data-m~="tabs"]>*{white-space:nowrap;flex:none;padding-top:12px!important}
      [data-m~="akt-zeile"]{grid-template-columns:minmax(0,1fr) 96px!important;gap:6px 16px!important;padding:24px 0!important}
      [data-m~="akt-datum"]{grid-column:1/-1}
      [data-m~="akt-titel"]{font-size:19px!important}
      [data-m~="cookie"]{flex-direction:column!important;align-items:stretch!important;gap:14px!important;bottom:12px!important;width:calc(100vw - 24px)!important;padding:18px!important}
      [data-m~="cookie-knoepfe"]>*{flex:1;text-align:center}
      [data-m~="cookie"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}
      #menu a[href^="mailto"],label a{padding:10px 0;margin:-10px 0}
      /* Projektkopf: Titel steht mobil oben, also auch oben abdunkeln (Untertitel lesbar) */
      [data-m~="detail-hero"]>div:nth-child(2){background:linear-gradient(180deg,rgba(34,49,61,.72) 0%,rgba(34,49,61,.3) 34%,rgba(34,49,61,0) 52%,rgba(34,49,61,.5) 100%)!important}
      /* Projektwahl Startseite: Namen auf zwei Zeilen statt abgeschnitten */
      [data-m~="wkarte"]>span:last-child{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2!important}
      /* Größere Tippflächen für kleine Textlinks, ohne das Layout zu verschieben */
      footer a,[data-m~="cookie"] p a,[data-m~="klein-link"]{padding:10px 0;margin:-10px 0}
      [data-m~="sp-kopf"]{flex-wrap:wrap!important;gap:4px 16px}
    }
    @media (max-width:760px) and (max-height:700px){#menu{padding-top:96px!important}#menu nav a{padding:13px 0!important;font-size:24px!important}}
    @media (min-width:761px) and (max-width:1240px){[data-m~="finder-lage"]{display:none!important}[data-m~="finder-zeile"]{grid-template-columns:minmax(0,1fr) 44px 96px 110px 12px!important;gap:0 12px!important}}
    @media (min-width:761px) and (max-width:980px){[data-m~="finder-desk"]{grid-template-columns:minmax(0,1fr)!important}[data-m~="finder-aside"]{position:static!important;max-height:none!important}[data-m~="finder"]{border-right:none!important}}
    /* Kopfleiste auf schmalen Tablets: Telefonnummer weg, sonst passt „Wohnträume kaufen“ nicht (Nummer steht im Fußbereich) */
    @media (min-width:761px) and (max-width:900px){[data-m~="hdr-tel"]{display:none!important}}
    /* Bauzeit-Achse: bei schmaler Spur nur jede zweite Jahreszahl, sonst laufen sie ineinander */
    [data-m~="achse"]{container-type:inline-size}
    @container (max-width:340px){[data-m~="achse"]>span:nth-child(even){visibility:hidden}}

/* Ergänzungen für die Live-Seite (nicht im Prototyp): echte Links und Knöpfe
   sehen exakt so aus wie die klickbaren span/div im Entwurf. */
[hidden]{display:none!important}
.ln{color:inherit;border-bottom:0;text-decoration:none}
.ln:hover{color:inherit}
.bn{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;letter-spacing:inherit;line-height:inherit}
.nurlesen{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sprung{position:fixed;left:16px;top:-80px;z-index:2000;background:var(--blue-900);color:var(--white);padding:12px 18px;border-radius:12px 2px 12px 2px;font:var(--type-label);border-bottom:0}
.sprung:focus{top:16px;color:var(--white)}
/* Seitenwechsel: Kartenfenster der Bühne wächst in den Projektkopf (Cross-Document View Transition) */
@view-transition{navigation:auto}
::view-transition-group(lageplan){animation-duration:.9s;animation-timing-function:cubic-bezier(.2,0,.2,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* 3D-Modell der Projektseite: Geschossknöpfe mobil als wischbare Reihe statt mehrerer Zeilen */
/* Filterleiste Handy: klebt sie oben, ist es dahinter weiß (auch hinter Logo und Menüknopf) */
[data-m~="m-filter"]{transition:background-color .2s,box-shadow .2s}
[data-m~="m-filter"]::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:80px;background:var(--white);opacity:0;pointer-events:none;transition:opacity .2s}
[data-m~="m-filter"][data-klebt]{background:var(--white)!important;box-shadow:0 8px 18px rgba(23,38,51,.07)}
[data-m~="m-filter"][data-klebt]::before{opacity:1}
/* 3D-Abschnitt: weicher Übergang vom grauen Abschnitt darüber ins Weiß, volle Breite */
[data-modell]::before{content:"";position:absolute;inset:0 -100vmax;z-index:-1;background:var(--white)}
/* 3D-Modell, Design B2 (dunkles Glas): Filter unten mittig, Etagen rechts mit Zahl frei, Wohnungskarte links */
[data-modell-filterbar]::-webkit-scrollbar{display:none}
[data-mf-gruppe] button:first-child{border-left:0!important}
@media (max-width:760px){[data-modell]{height:auto!important;min-height:0!important;padding:72px 0 40px!important}[data-m~="modell-text"]{font-size:16px!important}
  [data-modell-buehne]{flex:none!important;height:calc(100svh - 100px)!important;min-height:440px}
  [data-modell-filterbar]{left:8px!important;right:8px;top:8px!important;bottom:auto!important;transform:none!important;max-width:none!important;padding:5px 6px!important;overflow:visible!important}
  /* Handy: statt der abgeschnittenen Chips ein Knopf „Filter“ (Auswahl von unten) und der Röntgenblick */
  [data-modell-filterbar]>[data-mf-filter]{display:flex!important}
  [data-modell-filterbar]>[data-mf="frei"],[data-modell-filterbar]>span,[data-modell-filterbar]>[data-mf-gruppe],[data-modell-filterbar]>[data-mf="garten"]{display:none!important}
  [data-modell-sperre]{top:64px!important;right:auto!important;left:8px}
  [data-modell-geschosse]{right:8px!important;top:64px!important;transform:none!important;padding:4px!important}[data-modell-geschosse] button{width:52px!important;height:32px!important;padding:0 7px!important}
  [data-modell-plan]{display:none!important}
  [data-modell-info]{top:auto!important;bottom:62px;left:8px;right:8px!important;width:auto!important;padding:12px 14px!important;gap:6px!important}[data-modell-info] [data-i="we"]{font-size:18px!important}
  [data-modell-legende]{left:8px!important;bottom:10px!important}[data-zeitleiste]{top:auto!important;bottom:10px!important;left:8px!important;transform:none!important;max-width:calc(100% - 112px);gap:8px!important;padding:7px 10px!important}[data-zeitleiste] input{width:100%!important}[data-zeitleiste]>div:nth-of-type(2){min-width:0!important}[data-zeitleiste] [data-sonneninfo],[data-zeitleiste] svg:nth-of-type(2){display:none}[data-zeitleiste] input+div{display:none!important}[data-zeitleiste] [data-uhrzeit]{white-space:nowrap;font-size:13px!important}[data-zeitleiste]>div:last-child{min-width:0!important}[data-modell-legende] [data-m="modell-tipp"]{display:none}[data-modell-nach]:not([data-modell-filterbar]){right:8px!important;bottom:10px!important}}
/* Einwilligung als schmale Zeile unten rechts; mobil volle Breite unten */
@media (max-width:760px){[data-m~="cookie"]{left:12px!important;right:auto!important}}

/* Tageszeit-Regler: Verlauf Morgen, Tag, Abend, Nacht */
[data-tageszeit]{-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#3b4a66 0%,#f6c08a 12%,#e9f1f8 30%,#e9f1f8 65%,#f2a46a 80%,#1c2433 100%);outline:none;cursor:pointer}
[data-tageszeit]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #ffb35c;box-shadow:0 2px 8px rgba(0,0,0,.3)}
[data-tageszeit]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #ffb35c}

/* Kopfzeile Handy: sobald gescrollt und nichts Dunkles darunter liegt, weiße Fläche hinter Logo und Menü (nichts scheint mehr durch) */
@media (max-width:760px){
  [data-m~="hdr"]::before{content:"";position:absolute;left:-12px;right:-12px;top:-12px;height:76px;background:var(--white);box-shadow:0 1px 0 var(--border-hairline);opacity:0;transition:opacity .2s;pointer-events:none}
  html[data-gescrollt="1"][data-kopfhell="1"] [data-m~="hdr"]::before{opacity:1}
}
[data-m~="nur-mobil"]{display:none}@media (max-width:760px){[data-m~="nur-mobil"]{display:inline}[data-m~="nur-desk"]{display:none}}

/* Projektdetail: Titel und Zeile laufen ein, wenn man von der Bühne der Startseite kommt */
html[data-uebergang="1"] [data-detail-titel]{transform:translateY(110%)!important}
html[data-uebergang="1"] [data-detail-text]{opacity:0!important;transform:translateY(14px)!important}
::view-transition-group(lageplan){animation-duration:.9s}

/* Startseite: Regel für die mobile Namensliste T. Sie stand im Prototyp in einer Sammelzeile mit den
   verworfenen Varianten Q und R und ist beim Herausfiltern aus seite.css verloren gegangen. */
@media (max-width:760px){
  [data-mr="T"] [data-m~="mref-T"]{display:flex!important}
}

/* Zustände aus dem Entwurf */
@media (hover:hover){.z5d1d33:hover{background:var(--blue-600)!important;border-color:var(--blue-600)!important}}
.z0ffe1f:active{transform:translateY(1px)!important}
@media (hover:hover){.za2acc6:hover{color:#A85536!important}}
@media (hover:hover){.za86741:hover{transform:scale(1.03)!important}}
@media (hover:hover){.ze3211f:hover{background:var(--blue-600)!important}}
@media (hover:hover){.z373855:hover{color:#E3BFAE!important}}
.z1b32f0:focus{border-color:#A85536!important;box-shadow:0 0 0 3px var(--blue-100)!important}
@media (hover:hover){.zf4ef12:hover{background:var(--grey-100)!important}}
@media (hover:hover){.z5fb514:hover{background:#02344f!important}}
@media (hover:hover){.z34474c:hover{opacity:1!important}}
@media (hover:hover){.zc86d4c:hover{flex:4.5!important}}
@media (hover:hover){.zbfa873:hover{box-shadow:var(--shadow-md)!important}}
@media (hover:hover){.z52eaa9:hover{transform:scale(1.05)!important}}
@media (hover:hover){.zc0169b:hover{transform:scale(1.04)!important}}