/* Daniele's homepage styles (kor-website, 19.10.2026), scoped to .kor-daniele via native CSS nesting.
   Generated from seite.css, a-lichtband.css, a-linse.css, a-lichtspur.css, a-landschaft.css, gemeinsam.css.
   Resets, @font-face and the .kopf header of his page are left out; @keyframes are hoisted to the top level. */
@keyframes zeile-hoch { to { transform: none; } }
@keyframes einblenden { to { opacity: 1; transform: none; } }
@keyframes blatt-auf { from { opacity: 0; } to { opacity: 1; } }
@keyframes bereich-raus { from { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(.4); } to { opacity: 1; transform: none; } }
.kor-daniele {
  & {
    --petrol: #0D3B35;
    --nacht: #071F1C;
    --stein: #F2F3F1;
    --weiss: #FFFFFF;
    --tinte: #0B1A18;
    --tinte-hell: #EEF2F0;
    --leise: #5B6B67;
    --blass: #9AA6A3;
    --leise-hell: #9FB3AE;
    --orange: #E08A00;
    --linie: #DCE1DF;
    --buehne: #050B0D;
  
    --schrift: "Schibsted Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --t-anzeige: clamp(3rem, 1rem + 8.5vw, 10rem);
    --t-titel: clamp(2.25rem, 1.2rem + 4.2vw, 5.5rem);
    --t-statement: clamp(1.375rem, 1rem + 1.4vw, 2.25rem);
    --t-text: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
    --t-klein: .875rem;
  
    --rand: clamp(1.25rem, 6vw, 7rem);
    --spalt: clamp(1rem, 1.6vw, 1.5rem);
    --kapitel: clamp(6rem, 4rem + 9vw, 15rem);
    --kopf: 68px;
  
    --kurve-aus: cubic-bezier(.22, 1, .36, 1);
    --kurve-ruhig: cubic-bezier(.4, 0, .6, 1);
    --d-hover: 200ms;
    --d-ui: 320ms;
  }
  *, *::before, *::after { box-sizing: border-box; }
  h1, h2, h3, p, figure, ol, ul { margin: 0; padding: 0; }
  .sprung:focus { top: 1rem; }
  .anzeige { font-size: var(--t-anzeige); line-height: .94; letter-spacing: -.045em; font-weight: 400; margin-inline-start: -.05em; }
  .titel { font-size: var(--t-titel); line-height: 1.0; letter-spacing: -.035em; font-weight: 400; margin-inline-start: -.04em; text-wrap: balance; }
  .statement { font-size: var(--t-statement); line-height: 1.2; letter-spacing: -.015em; max-width: 28ch; text-wrap: pretty; }
  .leise { color: var(--leise); }
  .raster {
    display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--spalt);
    padding-inline: var(--rand); max-width: 1920px; margin-inline: auto;
  }
  .knopf {
    display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 28px;
    background: var(--orange); color: var(--tinte); text-decoration: none; font-weight: 500; font-size: 1rem;
    letter-spacing: -.005em; border-radius: 0; white-space: nowrap;
    transition: background-color var(--d-hover) var(--kurve-ruhig), transform 140ms var(--kurve-ruhig);
  }
  .knopf:hover { background: #EC9A14; }
  .knopf:active { transform: scale(.98); }
  .knopf--klein { height: 40px; padding: 0 20px; font-size: .9375rem; }
  .textlink { text-decoration: underline; text-underline-offset: .3em; text-decoration-thickness: 1px; font-weight: 500; }
  .textlink:hover { text-decoration-thickness: 2px; }
  .js [data-auftritt] { opacity: 0; transform: translateY(28px); transition: opacity 900ms var(--kurve-aus), transform 1100ms var(--kurve-aus); transition-delay: calc(var(--i, 0) * 90ms); }
  .js [data-auftritt].ist-da { opacity: 1; transform: none; }
  .kopf {
    position: fixed; inset: 0 0 auto 0; z-index: 50; height: var(--kopf);
    display: flex; align-items: center; gap: 40px; padding-inline: var(--rand);
    background: rgba(255,255,255,1); color: var(--tinte);
    transition: background-color var(--d-ui) var(--kurve-ruhig), color var(--d-ui) var(--kurve-ruhig), transform 420ms var(--kurve-aus);
  }
  .kopf[data-ton="dunkel"] { background: var(--nacht); color: var(--tinte-hell); }
  .kopf[data-ton="buehne"] { background: transparent; color: var(--tinte-hell); }
  .kopf__marke { display: block; margin-right: auto; }
  .kopf__marke svg { fill: currentColor; width: 62px; height: 21px; }
  .kopf__nav { display: flex; gap: 36px; }
  .kopf__nav a { text-decoration: none; font-size: .9375rem; font-weight: 500; letter-spacing: -.005em; position: relative; padding-block: 6px; }
  .kopf__nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--d-hover) var(--kurve-aus); }
  .kopf__nav a:hover::after { transform: scaleX(1); }
  .blatt { position: relative; width: 100%; aspect-ratio: 1200 / 760; background: var(--weiss); }
  .blatt svg { width: 100%; height: 100%; overflow: visible; }
  .blatt--kette svg text { text-rendering: geometricPrecision; }
  .blatt canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
  .b-text { font-family: var(--schrift); text-rendering: geometricPrecision; }
  .b-text:not([fill]) { fill: var(--tinte); }
  .buehne { position: relative; height: 165vh; background: #EEEFEE; }
  .kette { position: relative; height: 740vh; background: var(--buehne); }
  .kette__versprechen { position: absolute; left: 0; right: 0; bottom: clamp(1rem, 3vh, 2rem); margin: 0; font-size: clamp(2rem, .8rem + 2.6vw, 3.25rem); line-height: 1.08; letter-spacing: -.03em; font-weight: 400; transition: opacity 600ms var(--kurve-aus), transform 800ms var(--kurve-aus); }
  .kette__versprechen span { display: block; transition: color 260ms var(--kurve-ruhig), opacity 700ms var(--kurve-aus), transform 900ms var(--kurve-aus); }
  .kv1 { color: rgba(238, 242, 240, .62); }
  .kv2 { color: #fff; opacity: 0; transform: translateY(18px); }
  .kette__haft.ist-hell .kv1, .kette__haft.ist-hell .kv1 { color: #8E9B98; }
  .kette__haft.ist-hell .kv2 { color: var(--tinte); opacity: 1; transform: none; }
  .kette__haft.ist-kette .kette__versprechen { opacity: 0; transform: translateY(-20px); pointer-events: none; }
  .kette__spur, .kette__saetze { transition: opacity 600ms var(--kurve-aus), transform 800ms var(--kurve-aus); }
  .kette__haft:not(.ist-kette) .kette__spur, .kette__haft:not(.ist-kette) .kette__saetze { opacity: 0; transform: translateY(16px); }
  .kette__raum { perspective: 1700px; perspective-origin: 50% 0%; }
  .kette__haft { position: sticky; top: 0; height: 100vh; overflow: clip; display: flex; flex-direction: column; padding: calc(var(--kopf) + clamp(1.25rem, 3.5vh, 2.5rem)) var(--rand) clamp(1.5rem, 4vh, 2.75rem); }
  .kette__kopf, .kette__raum { transition: opacity 700ms var(--kurve-aus), transform 900ms var(--kurve-aus); }
  .kette__haft.ist-finale .kette__kopf { opacity: 0; transform: translateY(-24px); }
  .kette__haft.ist-finale .kette__raum { opacity: 1; transform: translateY(17vh) scale(.46); }
  .kette__raum { transform-origin: 50% 50%; }
  .kette__kopf { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; min-height: clamp(6.5rem, 15vh, 8.5rem); padding-bottom: clamp(1rem, 3vh, 2rem); }
  .kette__spur { display: flex; align-items: center; font-size: clamp(1.5rem, .8rem + 1.9vw, 2.75rem); letter-spacing: -.03em; line-height: 1; color: var(--blass); white-space: nowrap; }
  .kette__spur li { position: relative; display: flex; align-items: center; transition: color 500ms var(--kurve-ruhig); }
  .kette__spur li + li::before { content: ""; display: inline-block; width: clamp(28px, 3vw, 56px); height: 1.5px; margin: 0 clamp(12px, 1.2vw, 20px); background: var(--linie); transform: translateY(-.1em); }
  .kette__spur li.ist-erledigt { color: var(--leise); }
  .kette__spur li.ist-aktiv { color: var(--tinte); }
  .kette__spur li > span { position: relative; }
  .kette__spur li > span::after { content: ""; position: absolute; left: 0; right: 0; bottom: -14px; height: 2px; background: var(--tinte); transform: scaleX(0); transform-origin: left; transition: transform 600ms var(--kurve-aus); }
  .kette__spur li.ist-aktiv > span::after { transform: scaleX(1); }
  .kette__saetze { position: relative; flex: 0 1 31ch; height: 2.8em; text-align: right; font-size: clamp(1rem, .85rem + .4vw, 1.25rem); }
  .kette__satz { position: absolute; inset: auto 0 0 0; line-height: 1.35; color: var(--leise); letter-spacing: -.005em; opacity: 0; transform: translateY(14px); transition: opacity 500ms var(--kurve-aus), transform 700ms var(--kurve-aus); }
  .kette__satz.ist-aktiv { opacity: 1; transform: none; }
  .kette__satz.ist-vorbei { opacity: 0; transform: translateY(-14px); }
  .kette__raum { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; }
  .blatt--kette { width: 100%; transform-origin: 50% 100%; transform: translateY(var(--ry, 0)) rotateX(var(--rx, 0deg)) scale(var(--rs, 1)); will-change: transform; }
  .kette__claim { position: absolute; left: var(--rand); right: var(--rand); top: calc(var(--kopf) + 7vh); font-size: clamp(2.25rem, 1rem + 3.6vw, 5rem); white-space: nowrap; color: var(--tinte); opacity: 0; transform: translateY(30px); transition: opacity 800ms var(--kurve-aus), transform 1000ms var(--kurve-aus); pointer-events: none; }
  .kette__claim.ist-da { opacity: 1; transform: none; }
  .ebenen { position: relative; height: 170vh; background: var(--stein); }
  .ebene { position: absolute; left: 0; right: 0; top: 56%; transform-style: preserve-3d; will-change: transform; }
  [data-ursache], [data-delta] { display: inline-block; transition: opacity 260ms var(--kurve-ruhig), transform 420ms var(--kurve-aus); }
  .werktag { background: var(--weiss); padding: 0 var(--rand) clamp(4rem, 2rem + 5vw, 8rem); }
  .werktag__rahmen { position: relative; height: min(82vh, 760px); overflow: clip; background: var(--nacht); }
  .werktag__bild { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(var(--hell, .6)); transform: scale(var(--wz, 1.1)); will-change: transform; }
  .werktag__text { position: absolute; left: clamp(2rem, 5vw, 5rem); bottom: clamp(2.5rem, 7vh, 5rem); right: 2rem; color: #fff; }
  .werktag__titel { font-size: var(--t-titel); line-height: 1; letter-spacing: -.035em; font-weight: 400; color: #fff; margin: 0 0 0 -.04em; }
  .werktag__satz { margin-top: 20px; font-size: var(--t-statement); line-height: 1.2; color: var(--leise-hell); letter-spacing: -.01em; }
  .landschaft { background: var(--weiss); padding-block: var(--kapitel); }
  .branchen { position: relative; background: var(--petrol); color: var(--tinte-hell); padding-top: var(--kapitel); overflow: clip; }
  .branchen__kopf { align-items: end; }
  .branchen__kopf .titel { grid-column: 1 / span 9; color: #fff; }
  .branchen__band { display: flex; gap: var(--spalt); align-items: flex-end; padding-inline: var(--rand); margin-top: clamp(3rem, 7vw, 6rem); transform: translateX(var(--bx, 0)); will-change: transform; width: max-content; }
  .br { flex: none; }
  .br img { width: 100%; height: 100%; object-fit: cover; }
  .br--quer { width: clamp(22rem, 38vw, 44rem); height: clamp(16rem, 27vw, 31rem); }
  .br--hoch { width: clamp(15rem, 22vw, 26rem); height: clamp(20rem, 33vw, 38rem); }
  .br figcaption { margin-top: 16px; font-size: 1.125rem; font-weight: 500; color: #fff; letter-spacing: -.005em; }
  .br { display: flex; flex-direction: column; }
  .br img { flex: 1; min-height: 0; }
  .quellen { margin-top: var(--kapitel); padding-bottom: clamp(4rem, 8vw, 8rem); }
  .quellen__werkzeug { grid-column: 1 / span 4; color: #fff; }
  .quellen__lauf { overflow: clip; margin-block: 0 48px; }
  .quellen__zeile { display: flex; gap: clamp(2.5rem, 5vw, 5rem); width: max-content; font-size: clamp(2.5rem, 1rem + 4.2vw, 5.5rem); letter-spacing: -.035em; color: #fff; padding-inline: var(--rand); transform: translateX(var(--qx, 0)); will-change: transform; }
  .quellen__zeile span:last-child { color: var(--leise-hell); }
  .ablauf { background: var(--weiss); padding-block: clamp(5rem, 3rem + 5vw, 9rem); }
  .ablauf__titel { grid-column: 1 / -1; white-space: nowrap; font-size: clamp(2.25rem, 1rem + 3.6vw, 5rem); }
  .ablauf__honorar { grid-column: 1 / span 6; margin-top: 28px; padding-top: 18px; color: var(--tinte); font-size: 1.0625rem; position: relative; }
  .ablauf__honorar::before { content: ""; position: absolute; left: 0; top: 0; right: 2rem; height: 1.5px; background: var(--linie); }
  .ablauf__dauer { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 28px; flex-wrap: wrap; margin-top: clamp(3.5rem, 6vw, 6rem); }
  .ablauf__dauer .anzeige { white-space: nowrap; font-size: clamp(3rem, 1rem + 6vw, 8rem); }
  .ablauf__dauer .statement { max-width: none; white-space: nowrap; }
  .ablauf__linie { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: var(--spalt); margin-top: clamp(3rem, 5vw, 5rem); position: relative; }
  .ablauf__linie::before { content: ""; position: absolute; left: 0; right: 0; top: 9px; height: 1.5px; background: var(--linie); }
  .ablauf__linie::after { content: ""; position: absolute; left: 0; right: 0; top: 9px; height: 1.5px; background: var(--tinte); transform-origin: left; transform: scaleX(var(--lp, 0)); }
  .ablauf__linie li { position: relative; padding-top: 48px; padding-right: 2rem; }
  .ablauf__punkt { position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--weiss); border: 1.5px solid var(--tinte); z-index: 1; transition: background-color 400ms var(--kurve-ruhig); }
  .ablauf__linie li.ist-erreicht .ablauf__punkt { background: var(--tinte); }
  .ablauf__linie li.ist-erreicht .ablauf__punkt--ziel { background: var(--orange); border-color: var(--orange); }
  .ablauf__linie strong { display: block; font-weight: 400; font-size: clamp(1.5rem, 1rem + 1.2vw, 2.25rem); letter-spacing: -.02em; line-height: 1.1; }
  .ablauf__linie span:not(.ablauf__punkt) { display: block; margin-top: 12px; color: var(--leise); max-width: 22ch; }
  .fuss { background: var(--stein); color: var(--tinte); padding: 0 0 2.5rem; }
  @media (max-width: 900px) {
    .kopf__nav { display: none; }
    .buehne__fuss { flex-direction: column; align-items: flex-start; }
      .kette__kopf { flex-direction: column; align-items: flex-start; }
    .kette__spur { font-size: 1.125rem; }
    .ebenen__titel, .ebenen__raum { grid-column: 1 / -1; }
    .vergleich__titel, .vergleich__wahl, .vergleich__feld, .landschaft__text, .landschaft__bild, .branchen__kopf .titel, .branchen__satz,
    .ablauf__titel, .ablauf__dauer, .menschen__text, .person, .person--zwei, .fuss__marke, .fuss__kontakt, .fuss__nav, .fuss__recht { grid-column: 1 / -1; }
    .vergleich__feld { grid-row: auto; margin-top: 48px; }
    .ablauf__linie { grid-template-columns: 1fr; row-gap: 32px; }
    .ablauf__linie::before, .ablauf__linie::after { display: none; }
    .person--zwei { margin-top: 32px; }
  }
  .a-lichtband {
    --a-lichtband-flaeche: #FFFFFF;
    --a-x: 90%;                /* Ursprung, per JS aus der hellsten Stelle des Fotos */
    --a-y: 60%;
    --a-r: 0px;                /* Radius der Lichtscheibe, per JS */
    position: absolute; inset: 0; pointer-events: none; overflow: hidden;
  }
  .a-lichtband__flaeche {
    position: absolute; inset: 0;
    background: radial-gradient(circle at var(--a-x) var(--a-y),
      var(--a-lichtband-flaeche) 0,
      var(--a-lichtband-flaeche) calc(var(--a-r) * .85),
      rgba(255, 238, 214, .92) calc(var(--a-r) * .9),
      rgba(255, 214, 160, .55) calc(var(--a-r) * .95),
      rgba(255, 196, 120, 0) var(--a-r));
  }
  .a-lichtband__licht {
    position: absolute; inset: 0;
    background: radial-gradient(circle at var(--a-x) var(--a-y),
      rgba(255, 214, 160, 0) calc(var(--a-r) * .6),
      rgba(255, 214, 160, .32) calc(var(--a-r) * .82),
      rgba(255, 214, 160, 0) calc(var(--a-r) * .9));
    opacity: var(--a-licht-staerke, 0);
  }
  .a-linse {
    --a-linse-schleier: #FFFFFF;
    position: absolute; inset: 0; width: 100%; height: 100%;
    pointer-events: none; overflow: visible; z-index: 5;
    color: var(--tinte, #0B1A18);
    transition: opacity 320ms cubic-bezier(.4, 0, .6, 1);
  }
  .a-linse--aus { opacity: 0; }
  .a-linse__schleier { fill: var(--a-linse-schleier); }
  .a-linse__bahn { fill: none; stroke: currentColor; stroke-width: 2; }
  .a-linse__segment { fill: none; stroke: var(--orange, #E08A00); stroke-width: 6; }
  .a-linse__punkt { fill: var(--orange, #E08A00); }
  .a-linse__spur { fill: none; stroke: var(--orange, #E08A00); stroke-width: 3; stroke-linecap: round; }
  .a-lichtspur { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
  .a-lichtspur__weg { fill: none; stroke: var(--orange, #E08A00); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1 1; stroke-dashoffset: 1; }
  .a-lichtspur__kopf { fill: var(--orange, #E08A00); opacity: 0; }
  .a-ring { position: relative; width: clamp(140px, 15vw, 260px); aspect-ratio: 1; }
  .a-ring svg { width: 100%; height: 100%; overflow: visible; display: block; }
  .a-ring circle { fill: none; transform: rotate(-90deg); transform-origin: 100px 100px; }
  .a-ring__bahn { stroke: currentColor; stroke-opacity: .3; stroke-width: 1; stroke-dasharray: 360; stroke-dashoffset: 360; }
  .a-ring__segment { stroke: var(--orange, #E08A00); stroke-width: 10; stroke-dasharray: 0 360; }
  .a-landschaft {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--spalt, 1.5rem); align-items: center;
    min-height: 100svh; padding: 7rem var(--rand, 6vw);
    background: var(--weiss, #FFFFFF); color: var(--tinte, #0B1A18);
  }
  .a-landschaft__titel {
    margin: 0 0 0 -.04em; font-size: clamp(2rem, .9rem + 2.7vw, 3.75rem); line-height: 1.04;
    letter-spacing: -.03em; font-weight: 400;
  }
  .a-landschaft__grafik { position: relative; width: min(100%, 92vh); aspect-ratio: 1; justify-self: end; margin-block: -4vh; }
  .a-landschaft__grafik svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
  .a-ls-grund { fill: var(--a-buehne, #050B0D); opacity: 0; }
  .a-ls-abdunklung { opacity: 0; }
  .a-ls-linse { opacity: 0; transform-origin: 500px 500px; }
  .a-ls-bahn-leise { fill: none; stroke: currentColor; stroke-opacity: .14; stroke-width: 2; }
  .a-ls-bahn { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-dasharray: 360; stroke-dashoffset: 360; }
  .a-ls-bogen { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
  .a-ls-segment { fill: none; stroke: var(--orange, #E08A00); stroke-width: 12; }
  .a-ls-faden { fill: none; stroke: #EEF2F0; stroke-opacity: .85; stroke-width: 2; stroke-linecap: round; }
  .a-ls-licht { fill: var(--orange, #E08A00); }
  .a-ls-punkt { fill: currentColor; }
  .a-ls-kor { fill: #FFFFFF; }
  .a-ls-kor__segment { fill: var(--orange, #E08A00); }
  .a-ls-bereiche { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; }
  .a-ls-bereich {
    position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%);
    font-size: clamp(1.25rem, .6rem + 1.1vw, 1.75rem); line-height: 1.1; letter-spacing: -.012em; white-space: nowrap;
    color: var(--tinte, #0B1A18); opacity: var(--o, .6); pointer-events: auto; cursor: default;
    transition: opacity 200ms cubic-bezier(.4, 0, .6, 1);
  }
  .a-ls-bereich[data-anker="links"] { transform: translate(-100%, -50%); }
  .a-ls-bereich[data-anker="rechts"] { transform: translate(0, -50%); }
  .a-ls-bereich[data-anker="oben"] { transform: translate(-50%, -100%); }
  .a-ls-bereich[data-anker="unten"] { transform: translate(-50%, 0); }
  .a-landschaft--fokus .a-ls-bereich:not(.a-ls-bereich--an) { opacity: .35 !important; }
  .a-landschaft--fokus .a-ls-faden:not(.a-ls-faden--an) { stroke-opacity: .22; }
  @media (max-width: 900px) {
    .a-landschaft { grid-template-columns: 1fr; row-gap: 3rem; }
    .a-landschaft__grafik { width: 100%; justify-self: center; }
  }
  .kette__haft > .a-buehne { position: absolute; inset: 0; height: auto; min-height: 0; z-index: 0; transition: opacity 400ms var(--kurve-ruhig); }
  .kette__haft > .a-buehne .a-buehne__text { transition: opacity 500ms var(--kurve-aus), transform 700ms var(--kurve-aus); }
  .kette__haft.ist-aufstieg > .a-buehne .a-buehne__text { opacity: 0; transform: translateY(-40px); pointer-events: none; }
  .kette__haft.ist-hell > .a-buehne { opacity: 0; }
  .kette__haft > .a-lichtband { z-index: 1; }
  .kette__haft > .kette__kopf, .kette__haft > .kette__raum { position: relative; z-index: 2; }
  .kette__raum { pointer-events: none; }
  .kette__raum > .blatt--kette, .kette__raum > .blatt__umschalter { pointer-events: auto; }
  .kette__haft > .a-lichtspur { z-index: 3; }
  .kette__haft > .kette__claim { z-index: 4; }
  .kette__haft:not(.ist-aufstieg) .kette__versprechen { opacity: 0; transform: translateY(20px); }
  .kette__haft:not(.ist-aufstieg) .blatt--kette { visibility: hidden; }
  .blatt__ring .a-ring__segment { stroke-width: 14; }
  .a-kontakt { min-height: auto; padding-top: clamp(5rem, 3rem + 5vw, 9rem); padding-bottom: clamp(5rem, 3rem + 5vw, 9rem); }
  .a-fuss { min-height: 92vh; }
  .kette__haft > .a-lichtspur { transition: opacity 400ms var(--kurve-ruhig); }
  .kette__haft.ist-finale > .a-lichtspur { opacity: 0; }
  .blatt__umschalter { position: absolute; transform: translate(-100%, -50%); display: flex; align-items: center; gap: 6px; background: var(--weiss); padding-left: 12px; opacity: 0; visibility: hidden; transition: opacity 260ms var(--kurve-ruhig), visibility 0s linear 260ms; z-index: 3; }
  .blatt__umschalter span { color: var(--leise); font-weight: 500; margin-right: 4px; }
  .blatt__umschalter button { appearance: none; border: 1.5px solid var(--tinte); background: var(--weiss); color: var(--tinte); height: 2.1em; padding: 0 .9em; font: inherit; font-weight: 500; cursor: pointer; border-radius: 0; transition: background-color 200ms var(--kurve-ruhig), color 200ms var(--kurve-ruhig); }
  .blatt__umschalter button[aria-selected="true"] { background: var(--tinte); color: var(--weiss); }
  .kette__haft.ist-umschalter .blatt__umschalter { opacity: 1; visibility: visible; transition: opacity 260ms var(--kurve-ruhig); }
  .kette__haft .kv1, .kette__haft .kv2 { transition-duration: 0ms; }
  .hinweis { color: var(--leise); }
  .kette__claim .titel { font-size: inherit; margin: 0; }
  .haus { background: var(--weiss); padding: clamp(4rem, 2rem + 4vw, 7rem) var(--rand); }
  .haus__bereiche { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; }
  .haus__bereiche li { position: absolute; font-size: clamp(1.25rem, .9rem + .7vw, 1.75rem); letter-spacing: -.015em; white-space: nowrap; pointer-events: auto; background: var(--weiss); padding: 4px 12px; transition: opacity 200ms var(--kurve-ruhig);
    --a: calc(var(--w) * 60deg - 90deg);
    left: calc(50% + cos(var(--a)) * 45%); top: calc(50% + sin(var(--a)) * 45%);
    transform: translate(-50%, -50%) translateY(calc((1 - var(--hw, 1)) * 18px));
    opacity: var(--hw, 1); }
  .haus__bereiche li:first-child { font-weight: 500; background: transparent; transform: translate(-50%, calc(-100% - 22px)) translateY(calc((1 - var(--hw, 1)) * 18px)); }
  .haus__bereiche:hover li { opacity: .35; }
  .haus__bereiche li:hover { opacity: 1; }
  .branchen { position: relative; background: var(--stein); color: var(--tinte); padding: clamp(4rem, 2rem + 4vw, 7rem) 0; overflow: clip; }
  .branchen__kopf .titel { grid-column: 1 / -1; color: var(--tinte); }
  .branchen__band { display: flex; gap: var(--spalt); align-items: stretch; padding-inline: var(--rand); margin-top: clamp(2.5rem, 4vw, 4rem); transform: translateX(var(--bx, 0)); will-change: transform; width: max-content; }
  .br { position: relative; flex: none; height: clamp(22rem, 36vw, 32.5rem); margin: 0; overflow: hidden; background: var(--petrol); }
  .br--quer { width: clamp(26rem, 41vw, 40.6rem); }
  .br--hoch { width: clamp(18rem, 28vw, 28rem); }
  .br img { width: 100%; height: 100%; object-fit: cover; }
  .br figcaption { position: absolute; left: 28px; bottom: 24px; font-size: clamp(1.75rem, 1rem + 1.4vw, 2.25rem); letter-spacing: -.025em; color: #fff; text-shadow: 0 1px 24px rgba(0,0,0,.35); }
  .quellen { margin-top: clamp(4rem, 6vw, 6rem); }
  .quellen__lauf { overflow: clip; }
  .quellen__zeile { display: flex; gap: clamp(2.5rem, 5vw, 5rem); width: max-content; font-size: clamp(2.5rem, 1rem + 4.2vw, 5.5rem); letter-spacing: -.035em; color: var(--tinte); padding-inline: var(--rand); transform: translateX(var(--qx, 0)); will-change: transform; }
  .quellen__zeile span:last-child { color: var(--leise); }
  .quellen__werkzeug { margin-top: 24px; font-size: var(--t-statement); letter-spacing: -.015em; }
  .quellen__werkzeug span { grid-column: 1 / -1; }
  .ki { margin-top: clamp(4rem, 6vw, 6rem); row-gap: 24px; }
  .ki__haelfte { grid-column: span 6; font-size: var(--t-statement); line-height: 1.2; letter-spacing: -.015em; padding-top: 24px; border-top: 2px solid var(--tinte); max-width: 22ch; }
  .ki__haelfte span { color: var(--leise); }
  .kette__haft > .a-linse { z-index: 3; }
  .kette__haft.ist-finale > .a-linse { opacity: 0; transition: opacity 400ms var(--kurve-ruhig); }
  .flug svg { display: block; width: 100%; height: 100%; }
  .flug.ist-an { visibility: visible; }
  .kette__raum.ist-geflogen .blatt--kette { visibility: hidden; }
  .quellen__werkzeug, .quellen__werkzeug span { color: var(--tinte); }
  .kette__versprechen h2 { margin: 0; font: inherit; letter-spacing: inherit; }
  .kv3 { margin-top: 18px; font-size: clamp(1.125rem, .9rem + .6vw, 1.5rem); line-height: 1.3; letter-spacing: -.01em; color: var(--leise); opacity: 0; transform: translateY(12px); transition: opacity 700ms var(--kurve-aus) 250ms, transform 900ms var(--kurve-aus) 250ms; }
  .kette__haft.ist-hell .kv3 { opacity: 1; transform: none; }
  .kette__haft .kette__kopf { min-height: clamp(8.5rem, 20vh, 11rem); }
  .a-kontakt__check { color: var(--leise-hell) !important; font-weight: 400; font-size: 1rem; }
  .ablauf__honorar { font-size: clamp(1.5rem, 1rem + 1.2vw, 2.25rem); letter-spacing: -.02em; line-height: 1.1; padding-top: 22px; }
  .ki__titel { grid-column: 1 / -1; margin-bottom: clamp(1.5rem, 3vw, 3rem); }
  .ablauf__dauer { margin-top: clamp(5rem, 15vh, 10rem) !important; margin-bottom: 0; }
  .kette__satz:not([data-wort="0"]) { display: none; }
  .blatt--kette svg { overflow: hidden; }
  .kette__haft.ist-fahrt .kette__spur { opacity: 0; transition: opacity 200ms var(--kurve-ruhig); }
  .kette__haft.ist-finale .kette__kopf { transition-duration: 200ms; }
  .kette__claim { transition-delay: 0ms; }
  .kette__claim.ist-da { transition-delay: 260ms; }
  .kette__haft.ist-aufstieg .kette__versprechen { transition-delay: 450ms; }
  .stapel { position: fixed; left: 0; top: 0; z-index: 40; pointer-events: none; transform-origin: 50% 50%; transform-style: preserve-3d; visibility: hidden; will-change: transform; }
  .stapel.ist-an { visibility: visible; }
  .stapel__lage { position: absolute; inset: 0; background: var(--weiss); outline: 1px solid var(--linie); transform-style: preserve-3d; }
  .stapel__lage svg { display: block; width: 100%; height: 100%; overflow: hidden; }
  .stapel__faden { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 41; pointer-events: none; visibility: hidden; }
  .stapel__faden.ist-an { visibility: visible; }
  .kette__haft.ist-stapel .kette__claim { opacity: 0; transform: translateY(-20px); transition-delay: 0ms; }
  .br { transform: translateY(calc((1 - var(--bt, 1)) * 40px)); opacity: var(--bt, 1); }
  .ki__haelfte:nth-of-type(1) { transform: translateX(calc((1 - var(--kt, 1)) * 60px)); opacity: var(--kt, 1); transition: none; }
  .ki__haelfte:nth-of-type(2) { transform: translateX(calc((1 - var(--kt, 1)) * -60px)); opacity: var(--kt, 1); transition: none; }
  .ablauf__linie::after { background: var(--orange); }
  .kette__haft.ist-vorkette .kette__versprechen { opacity: 0 !important; transform: translateY(-16px); transition: opacity 180ms var(--kurve-ruhig), transform 300ms var(--kurve-aus) !important; pointer-events: none; }
  .kette__haft.ist-kette .kette__spur, .kette__haft.ist-kette .kette__saetze { transition-delay: 220ms; }
  html:not(.js) .kette, .kein-js .kette { height: auto; background: var(--weiss); }
  html:not(.js) .kette__haft, .kein-js .kette__haft { position: relative; height: auto; overflow: visible; display: block; padding-bottom: 6rem; }
  html:not(.js) .kette__haft > .a-buehne, .kein-js .kette__haft > .a-buehne { position: relative; height: 100svh; }
  html:not(.js) .a-lichtband, .kein-js .a-lichtband, html:not(.js) .kette__raum, .kein-js .kette__raum { display: none; }
  html:not(.js) .kette__versprechen, .kein-js .kette__versprechen { position: static; opacity: 1 !important; transform: none; margin: 4rem 0 3rem; }
  html:not(.js) .kv1, .kein-js .kv1 { color: #8E9B98; }
  html:not(.js) .kv2, html:not(.js) .kv3, .kein-js .kv2, .kein-js .kv3 { opacity: 1; transform: none; color: var(--tinte); }
  html:not(.js) .kv3, .kein-js .kv3 { color: var(--leise); }
  html:not(.js) .kette__kopf, .kein-js .kette__kopf { position: static; }
  html:not(.js) .kette__spur, .kein-js .kette__spur { opacity: 1; transform: none; }
  html:not(.js) .kette__claim, .kein-js .kette__claim { position: static; opacity: 1; transform: none; margin-top: 3rem; white-space: normal; }
  .kein-js [data-auftritt] { opacity: 1; transform: none; }
  .werktag__rahmen::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 52%; background: linear-gradient(to top, rgba(4, 14, 12, .82), rgba(4, 14, 12, .55) 55%, rgba(4, 14, 12, 0)); pointer-events: none; }
  .werktag__text { z-index: 1; }
  .werktag__satz { color: rgba(238, 242, 240, .9); }
  .a-fuss :focus-visible { outline-color: var(--tinte); }
  .kette__haft.ist-aufstieg > .a-buehne .a-buehne__text .knopf { visibility: hidden; transition: visibility 0s linear 500ms; }
  html:not(.js) .kette__haft, .kein-js .kette__haft { padding-top: 0; }
  html:not(.js) .kopf, .kein-js .kopf { background: var(--nacht) !important; color: var(--tinte-hell) !important; }
  .blatt__umschalter { white-space: nowrap; }
  .a-buehne__titel { font-size: calc(2rem + 6.667vw); }
  .a-fuss__claim { font-size: calc(2rem + 6.667vw); }
  .kette__claim, .kette__claim .titel { font-size: min(calc(1.5rem + 5vw), calc((100vw - 2 * var(--rand)) / 19.6)); line-height: 1.04; letter-spacing: -.04em; }
  .kc1 { color: #878E8D; }
  .kette__claim .titel { white-space: nowrap; }
  .kette__versprechen { bottom: 0; line-height: 1.02; letter-spacing: -.035em; }
  .kette__versprechen h2 span { display: block; }
  .kette__versprechen .kv1 { font-size: calc(2rem + 1.25vw); }
  .kette__versprechen .kv2 { font-size: calc(2rem + 3.333vw); line-height: 1; white-space: normal; text-wrap: balance; max-width: 13em; letter-spacing: -.04em; }
  .js .kette__versprechen.kv-seite .kv3 { position: absolute; margin: 0; left: var(--kv3-x, 0px); bottom: var(--kv3-u, 0px); width: var(--kv3-b, auto); }
  .kette__haft.ist-aufstieg:not(.ist-vorkette) .kette__raum { transform: translateY(var(--kv-ty, 0px)) scale(var(--kv-s, 1)); }
  .werktag__titel, .branchen__kopf .titel, .ki__titel, .ablauf__titel { font-size: calc(2.5rem + 1.667vw); }
  .a-fuss { min-height: 0; }
  .werktag { padding-bottom: 9.5rem; }
  .branchen, .ablauf { padding-block: 9.5rem; }
  .kette__haft.ist-finale .kette__raum { opacity: 1 !important; transform: translateY(7vh) scale(.985) !important; }
  .blatt__ring--fc { position: absolute; left: calc(861 / 1200 * 100%); top: calc(267.5 / 760 * 100%); width: calc(15% + 16px); transform: translate(-50%, -50%); color: var(--tinte); opacity: 0; transition: opacity 240ms var(--kurve-ruhig); pointer-events: none; z-index: 2; }
  .kette__haft.ist-massnahme .blatt__ring--fc { opacity: 1; }
  .kette__haft > .a-lichtspur { z-index: 3; }
  .kette__haft.ist-finale > .a-lichtspur { opacity: 0; }
  .kette__entscheidung { position: absolute; left: 0; top: 0; z-index: 2; margin: 0; font-size: clamp(28px, 4vh, 40px); line-height: 1.12; letter-spacing: -.02em; color: var(--tinte); opacity: 0; transform: translateY(-16px); transition: opacity 240ms var(--kurve-ruhig), transform 240ms var(--kurve-ruhig); pointer-events: none; }
  .kette__entscheidung span { display: block; white-space: nowrap; }
  .kette__haft.ist-entscheidung .kette__entscheidung:not(.kette__entscheidung--massnahme),
  .kette__haft.ist-massnahme-satz .kette__entscheidung--massnahme { opacity: 1; transform: none; transition: opacity 800ms var(--kurve-aus) 260ms, transform 800ms var(--kurve-aus) 260ms; }
  .kette__haft.ist-beschluss .kette__spur { transform: translateY(var(--spur-hoch, 0px)); }
  .kette__haft.ist-finale .kette__entscheidung { opacity: 0 !important; transition: opacity 200ms var(--kurve-ruhig) !important; }
  .kette__haft.ist-beschluss .kette__spur { transition-delay: 0ms; }
  .kette__haft.ist-entscheidung .kette__entscheidung:not(.kette__entscheidung--massnahme) { transition-delay: 400ms; }
  .blatt--kette .b-aussage { transition: opacity 240ms var(--kurve-ruhig); }
  .kette__haft.ist-finale .blatt--kette .b-aussage { opacity: 0; }
  .kette__haft.ist-entscheidung > .a-linse .a-linse__segment { stroke-width: 3; }
  .kette__haft.ist-fahrt .kette__spur { opacity: 1 !important; }
  .werktag__rahmen .a-fensterlicht { position: absolute; inset: 0; width: 100%; height: 100%; transform: scale(var(--wz, 1.1)); pointer-events: none; }
  .a-landschaft { min-height: 0; }
  .quellen, .ki { margin-top: 4rem; }
  .a-landschaft { margin-top: -48vh; z-index: 2; position: relative; }
  .werktag__text { top: clamp(2.5rem, 7vh, 4.5rem); bottom: auto; }
  .werktag__rahmen::after { top: 0; bottom: auto; height: 60%; background: linear-gradient(to bottom, rgba(4, 14, 12, .7), rgba(4, 14, 12, .35) 60%, rgba(4, 14, 12, 0)); }
  .a-fuss__buehne { position: relative; overflow: hidden; }
  .schluss { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
  .schluss__grund { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .7; }
  .schluss__raum { position: absolute; inset: 0; perspective: 1600px; perspective-origin: 50% 30%; }
  .schluss__blatt { position: absolute; left: 50%; top: 50%; width: min(64vw, 1060px); aspect-ratio: 1200 / 760; background: var(--weiss); outline: 1px solid var(--linie); transform-origin: 50% 100%;
    transform: translate(-50%, calc(-50% + var(--sy, 0px))) rotateX(var(--sx, 0deg)) scale(var(--ss, 1)); opacity: var(--so, 1); will-change: transform; }
  .schluss__blatt svg { display: block; width: 100%; height: 100%; }
  .a-fuss__ring, .a-fuss__claim, .a-fuss__weg { position: relative; z-index: 1; }
  .a-fuss__ring, .a-fuss__claim { opacity: var(--co, 1); transform: translateY(calc((1 - var(--co, 1)) * 24px)) scale(calc(.94 + .06 * var(--co, 1))); }
  .a-fuss__weg { opacity: var(--co, 1); }
  .a-fuss__weg:focus-within { opacity: 1; }
  .a-fuss__weg .textlink:focus-visible { background: var(--stein); box-shadow: 0 0 0 .4em var(--stein); }
  .a-fuss { position: relative !important; bottom: auto !important; }
  .schluss-strecke { position: relative; height: 112vh; }
  .schluss-strecke > .a-fuss__buehne { position: sticky; top: 0; height: 100vh; min-height: 0; padding-top: calc(var(--kopf) + 2vh); }
  .a-fuss__bahn { stroke: var(--tinte); stroke-opacity: 1; stroke-width: 4.2; }
  .a-fuss__segment { stroke-width: 12; }
  .schluss__grund { transform: scale(2.3); transform-origin: 100% 100%; }
  html:not(.js) .a-ls-bereiche, .kein-js .a-ls-bereiche { position: static; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: center; margin-top: 1.5rem; list-style: none; padding: 0; }
  html:not(.js) .a-ls-bereich, .kein-js .a-ls-bereich { position: static; transform: none; opacity: 1; }
  html:not(.js) .branchen__band, .kein-js .branchen__band { width: auto; flex-wrap: wrap; transform: none; }
  html:not(.js) .quellen__zeile, .kein-js .quellen__zeile { width: auto; flex-wrap: wrap; transform: none; row-gap: .5rem; }
  .a-fuss { --zh: 13.5rem; }
  .schluss-strecke > .a-fuss__buehne { justify-content: flex-start; }
  .schluss-strecke > .a-fuss__buehne::before, .schluss-strecke > .a-fuss__buehne::after { content: ""; flex: 1 1 0; }
  @media (min-width: 901px) {
    .schluss-strecke > .a-fuss__buehne::before { min-height: max(0px, min(calc(16px + var(--zh) - 2vh), calc(55svh - var(--kopf, 68px) - 2rem))); }
  }
  .a-fuss__ring { width: min(clamp(96px, 9.7vw, 160px), 16svh); margin-bottom: 5svh; }
  .a-fuss__claim { font-size: min(calc(2rem + 6.667vw), 16.5svh); }
  .a-fuss__weg { margin-top: 4.5svh; }
  html:not(.js) .schluss__blatt, .kein-js .schluss__blatt { display: none; }
  html:not(.js) .a-fuss__segment, .kein-js .a-fuss__segment { stroke-dasharray: 70 290; transition: none; }
  .kein-js .a-fuss__ring, .kein-js .a-fuss__claim, .kein-js .a-fuss__weg { opacity: 1; transform: none; }
  html:not(.js) .kette__kopf, .kein-js .kette__kopf { flex-direction: column; align-items: flex-start; gap: 2rem; }
  html:not(.js) .kette__haft .kette__spur, .kein-js .kette__haft .kette__spur { flex-wrap: wrap; row-gap: 1.5rem; white-space: normal; opacity: 1; transform: none; }
  html:not(.js) .kette__haft .kette__saetze, .kein-js .kette__haft .kette__saetze { flex: none; height: auto; text-align: left; opacity: 1; transform: none; }
  html:not(.js) .a-landschaft, .kein-js .a-landschaft { margin-top: 0; }
  html:not(.js) .kette__spur li, .kein-js .kette__spur li { color: var(--tinte); }
  html:not(.js) .kette__satz, .kein-js .kette__satz { display: block; position: static; opacity: 1; transform: none; margin: 0 0 .6em; }
}