/* Überschriften: Google Sans Flex (Weite 130, Gewicht 800), feste Fassung ohne Überlappung für Konturen */
  body .cond,body .fett,body .logo b{font-variation-settings:var(--fvs,normal);font-stretch:var(--fst,100%);}
  body{font-synthesis:none;--disp:"Google Sans Flex",sans-serif;--disp2:"Google Sans Flex",sans-serif;--fst:130%;font-optical-sizing:auto;}
  body .cond,body .logo b{font-family:"GS Flex 800","Google Sans Flex",sans-serif;font-stretch:100%;font-weight:800;font-style:normal;letter-spacing:-0.035em;}
  /* Bildtafeln: Titel in der Überschriftenschrift */
  body .kachel figcaption b{font-family:var(--disp);font-weight:800;letter-spacing:-0.02em;}
  body .kachel figcaption b{font-family:"GS Flex 800","Google Sans Flex",sans-serif;font-weight:800;letter-spacing:-0.01em;}

  :root{
    --grund:#0E0E0D;--grund-2:#181816;--grund-3:#222220;
    --tinte:#F2F1EC;--text:#C9C6C0;--grau:#8E8B85;--linie:#2C2B28;
    --rot:#FF3B30;--af:#3BD67E;
    /* Sieben Größen: 216 · 133 · 60 · 37 · 23 · 18 · 14 (216 auf Peters Wunsch, 133 = 216/φ, sonst Stufen φ und √φ) */
    --t1:min(216px,13.4vw);--t2:min(133px,8.4vw);--t3:60px;--t4:37px;--t5:23px;--t6:18px;--t7:14px;
    --wrap:88rem;
  }
  :root[data-theme=hell]{--grund:#F4F2EE;--grund-2:#EAE7E1;--grund-3:#DEDAD3;--tinte:#0E0E0D;--text:#4A4844;--grau:#85827C;--linie:#D6D2CA;--rot:#FF3B30;--af:#14A35A;}
  @media (max-width:760px){:root{--t1:min(60px,14vw);--t2:min(37px,8.6vw);--t3:37px;--t4:29px;--t5:23px;}}
  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
  body{margin:0;background:var(--grund);color:var(--tinte);font-family:"Albert Sans",system-ui,sans-serif;font-size:var(--t6);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .5s ease,color .5s ease;}
  img{display:block;width:100%;height:100%;object-fit:cover;}
  a{color:inherit;}
  button{font:inherit;color:inherit;}
  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px;}
  @media (max-width:760px){.wrap{padding:0 16px;}}
  .cond{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:-0.035em;line-height:.88;}
  .fett{font-family:var(--disp);font-weight:700;letter-spacing:-0.02em;}
  .kl{font-size:var(--t7);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);}
  .blende{font-size:var(--t7);font-weight:700;letter-spacing:.08em;color:var(--rot);font-variant-numeric:tabular-nums;}
  section{padding:160px 0;}
  @media (max-width:760px){section{padding:96px 0;}}
  p{margin:0 0 16px;}
  .knopf{display:inline-flex;align-items:center;gap:12px;background:var(--tinte);color:var(--grund);text-decoration:none;font-weight:700;font-size:var(--t6);padding:16px 24px;border-radius:12px;border:0;cursor:pointer;transition:background .2s,color .2s;}
  .knopf:hover{background:var(--rot);color:#fff;}
  /* Kopf */
  header{position:fixed;inset:0 0 auto 0;z-index:40;transition:background .4s ease,color .4s ease;color:#F2F1EC;}
  header.fest{background:color-mix(in srgb,var(--grund) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--tinte);}
  header .logo span{color:inherit;opacity:.7;}
  .leiste{display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px;}
  .logo{text-decoration:none;line-height:1.05;white-space:nowrap;}
  .logo b{display:block;font-family:var(--disp);font-size:var(--t6);font-weight:800;letter-spacing:0;text-transform:uppercase;}
  .logo span{font-size:var(--t7);letter-spacing:.32em;text-transform:uppercase;}
  nav{display:flex;align-items:center;gap:28px;}
  nav a{text-decoration:none;font-size:var(--t7);font-weight:500;letter-spacing:.01em;white-space:nowrap;}
  nav a:hover{color:var(--rot);}
  .schalter{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;cursor:pointer;font-size:var(--t7);font-weight:500;letter-spacing:.01em;padding:8px 0;}
  .schalter svg{width:20px;height:20px;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  :root[data-theme=hell] .schalter svg{transform:rotate(180deg);}
  @media (max-width:980px){nav a.weit{display:none;}}
  @media (max-width:520px){.logo span{display:none;}.logo b{font-size:var(--t7);}nav{gap:16px;}nav a{display:none;}.schalter b{display:none;}}
  /* Hero */
  .hero{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0E0E0D;padding:0;color:#F2F1EC;}
  .bild{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;}
  .bild.an{opacity:1;}
  .bild img{filter:blur(18px) brightness(.9);transform:scale(1.06);transition:filter 1.1s cubic-bezier(.2,.7,.2,1),transform 7s ease-out;}
  .bild.scharf img{filter:saturate(1.06) contrast(1.02);transform:scale(1);}
  .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,transparent 20%,transparent 58%,rgba(0,0,0,.58) 100%);pointer-events:none;}
  .af{position:absolute;width:120px;height:90px;transform:translate(-50%,-50%) scale(1.5);opacity:0;z-index:3;transition:opacity .3s,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none;}
  .af.an{opacity:1;transform:translate(-50%,-50%) scale(1);}
  .af i,.sucher i{position:absolute;width:18px;height:18px;border:2px solid #fff;}
  .af i:nth-child(1),.sucher i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}
  .af i:nth-child(2),.sucher i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}
  .af i:nth-child(3),.sucher i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}
  .af i:nth-child(4),.sucher i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
  .af.ok i{border-color:var(--af);}
  .hero-unten{position:absolute;left:0;right:0;bottom:16px;z-index:4;}
  .hero-unten .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 32px;align-items:end;}
  .hero h1{font-size:var(--t1);margin:0 0 8px;line-height:.84;letter-spacing:-0.045em;}
  .hero h1 .m{display:block;overflow:hidden;padding:0 .12em .14em 0;margin:0 -.12em -.14em 0;}
  .hero-unten .wrap>div:first-child{display:contents;}
  .hero-unten h1{grid-column:1/-1;}
  .hero h1 .m>span{display:block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);}
  .hero.los h1 .m>span{transform:none;}
  .hero.los h1 .m:nth-child(2)>span{transition-delay:.12s;}
  .hero .zeile,.zaehler{opacity:0;transform:translateY(16px);transition:opacity .9s ease .5s,transform .9s cubic-bezier(.2,.7,.2,1) .5s;}
  .hero.los .zeile,.hero.los .zaehler{opacity:1;transform:none;}
  #bilder{position:absolute;inset:0;will-change:transform;}
  .hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--rot);}
  @media (max-width:760px){.hero h1 em{-webkit-text-stroke-width:1.4px;}}
  .hero .zeile{font-size:var(--t5);line-height:1.35;color:#E6E3DD;max-width:36rem;margin:0;}
  .zaehler{text-align:right;}
  .zaehler .nr{font-size:var(--t7);font-weight:700;letter-spacing:.14em;color:#E6E3DD;font-variant-numeric:tabular-nums;}
  .zaehler h2{font-size:var(--t6);margin:8px 0 2px;font-weight:700;}
  .zaehler p{font-size:var(--t7);color:#BDBAB4;margin:0 0 16px;}
  .punkte{display:flex;gap:8px;justify-content:flex-end;}
  .punkte button{width:32px;height:3px;background:rgba(255,255,255,.3);border:0;padding:0;cursor:pointer;border-radius:2px;}
  .punkte button.an{background:#fff;}
  @media (max-width:760px){.hero h1{margin-bottom:24px;}.zaehler{margin-top:21px;}.hero-unten .wrap{grid-template-columns:1fr;}.zaehler{text-align:left;}.punkte{justify-content:flex-start;}.hero-unten{bottom:32px;}}
  /* Einleitung */
  .einleitung{display:grid;grid-template-columns:2fr 7fr 3fr;gap:32px;align-items:start;}
  .einleitung p.gross{font-family:var(--disp2);font-size:var(--t4);line-height:1.12;font-weight:600;margin:0;letter-spacing:-0.02em;}
  .einleitung p.gross span{color:var(--grau);}
  .kennzahlen{display:grid;gap:24px;}
  .kennzahlen b{display:block;font-size:var(--t4);line-height:1;margin-bottom:6px;}
  .kennzahlen span{font-size:var(--t7);color:var(--grau);}
  @media (max-width:980px){.einleitung{grid-template-columns:1fr;}.kennzahlen{grid-template-columns:repeat(3,1fr);}}
  /* Disziplinen */
  .diszi{list-style:none;margin:48px 0 0;padding:0;}
  .diszi li{border-top:1px solid var(--linie);}
  .diszi li:last-child{border-bottom:1px solid var(--linie);}
  .diszi a{display:grid;grid-template-columns:112px 1fr;grid-template-areas:"f w" "t w";align-items:center;column-gap:24px;row-gap:6px;padding:16px 0;text-decoration:none;transition:padding .4s cubic-bezier(.2,.7,.2,1),color .3s;}
  .diszi a b{font-size:var(--t2);letter-spacing:-0.06em;line-height:.86;}
  .diszi li{position:relative;}
  .diszi li::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--rot);transition:width .6s cubic-bezier(.2,.7,.2,1);}
  .diszi li:hover::after{width:100%;}
  .diszi a .blende{grid-area:f;align-self:end;}
  .diszi a b{grid-area:w;}
  .diszi a span:last-child{grid-area:t;align-self:start;font-size:var(--t7);color:var(--grau);letter-spacing:.04em;line-height:1.4;}
  .diszi a:hover{color:var(--rot);}
  @media (max-width:760px){.diszi a{grid-template-columns:1fr;grid-template-areas:"w" "t";gap:4px;padding:16px 0;}.diszi a .blende{display:none;}}
  /* Arbeiten */
  .kopfzeile{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px;}
  .kopfzeile h2{font-size:var(--t2);margin:8px 0 0;}
  .filter{display:flex;gap:8px;flex-wrap:wrap;}
  .filter button{font-size:var(--t7);font-weight:500;letter-spacing:.02em;background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--linie);border-radius:999px;padding:5px 13px;cursor:pointer;transition:box-shadow .2s,background .2s,color .2s;}
  .filter button:hover{box-shadow:inset 0 0 0 1px var(--rot);}
  .filter button.an{background:var(--rot);color:#fff;box-shadow:none;}
  .voll{padding:0 16px;}
  .raster{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:8px;}
  .kachel{margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--grund-2);grid-column:span 4;aspect-ratio:4/5;cursor:pointer;}
  .kachel.gross{grid-column:span 8;aspect-ratio:auto;}
  .kachel.halb{grid-column:span 6;aspect-ratio:3/2;}
  .kachel img{filter:blur(12px);transform:scale(1.04);transition:filter .9s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1);}
  .kachel.scharf img{filter:none;transform:scale(1);}
  .kachel.scharf:hover img{transform:scale(1.03);}
  .kachel figcaption{position:absolute;left:0;right:0;bottom:0;padding:64px 21px 21px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;display:flex;justify-content:space-between;align-items:end;gap:12px;}
  .kachel figcaption b{display:block;font-family:var(--disp2);font-weight:700;font-size:var(--t5);line-height:1;letter-spacing:-0.02em;text-transform:uppercase;margin-bottom:6px;}
  .kachel figcaption small{font-size:var(--t7);opacity:.85;}
  .kachel figcaption .bnr{font-size:var(--t7);font-weight:700;letter-spacing:.1em;opacity:.8;font-variant-numeric:tabular-nums;}
  /* Peter 05.11.2026: lange Namen brechen um, die Bildnummer bleibt stehen */
  .kachel figcaption>span:first-child{min-width:0;flex:1 1 auto;}
  .kachel figcaption b{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;}
  .kachel figcaption .bnr{flex:0 0 auto;}
  @media (min-width:761px) and (max-width:1180px){.kachel figcaption{padding:48px 16px 16px;}.kachel figcaption b{font-size:var(--t6);}}
  .kachel.weg{display:none;}
  @media (max-width:760px){.raster{grid-template-columns:1fr 1fr;gap:8px;}.kachel,.kachel.gross,.kachel.halb{grid-column:span 2;aspect-ratio:4/3;}.kachel.hoch{grid-column:span 1;aspect-ratio:4/5;}.kachel.hoch figcaption small,.kachel.hoch .bnr{display:none;}}
  /* Olympioniken: Kontaktbogen */
  .bogen-kopf{display:grid;grid-template-columns:1fr;gap:32px;align-items:end;margin-bottom:48px;}
  .bogen-kopf h2{font-size:var(--t2);margin:8px 0 0;}
  .bogen-kopf .text{display:grid;grid-template-columns:minmax(0,40rem) auto;justify-content:space-between;gap:24px 48px;align-items:end;}
  @media (max-width:980px){.bogen-kopf .text{grid-template-columns:1fr;}}
  .bogen-kopf p{color:var(--text);margin:0;}
  .spiele{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;}
  .spiele span{font-size:var(--t7);font-weight:500;letter-spacing:.02em;color:var(--rot);}
  .bogen{background:var(--grund-2);border-radius:4px;padding:32px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px 16px;}
  .bild-k{margin:0;position:relative;cursor:pointer;}
  .bild-k .rahmen{aspect-ratio:3/2;overflow:hidden;background:#000;}
  .bild-k img{filter:grayscale(.2);transition:filter .4s;}
  .bild-k figcaption{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--t7);}
  .bild-k figcaption .fn{color:var(--rot);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;}
  .bild-k svg{position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);aspect-ratio:3/2;pointer-events:none;overflow:visible;}
  .bild-k svg ellipse{fill:none;stroke:var(--rot);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.4,.1,.2,1);}
  .bild-k:hover svg ellipse,.bild-k:focus-visible svg ellipse{stroke-dashoffset:0;}
  .bild-k:hover img{filter:none;}
  .oly-band{overflow:hidden;margin-top:8px;}
  .oly-lauf{display:flex;gap:8px;width:max-content;animation:lauf-rechts 57s linear infinite;will-change:transform;}
  .oly-band:hover .oly-lauf{animation-play-state:paused;}
  @keyframes lauf-rechts{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .oly-bild{margin:0;position:relative;height:clamp(288px,36vw,528px);flex:none;cursor:pointer;}
  .oly-bild img{height:100%;width:auto;filter:grayscale(1) contrast(1.08);transition:filter .6s ease;}
  .oly-bild:hover img,.oly-bild:focus-visible img{filter:none;}
  .oly-bild figcaption{position:absolute;left:16px;bottom:13px;font-size:var(--t6);font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;}
  .oly-bild:hover figcaption,.oly-bild:focus-visible figcaption{opacity:1;transform:none;}
  .oly-bild svg{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);pointer-events:none;overflow:visible;}
  .oly-bild svg ellipse{fill:none;stroke:var(--rot);stroke-width:.8;stroke-linecap:butt;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.4,.1,.2,1);}
  .oly-bild:hover svg ellipse,.oly-bild:focus-visible svg ellipse{stroke-dashoffset:0;}
  @media (prefers-reduced-motion:reduce){.oly-lauf{animation:none;}.oly-band{overflow-x:auto;}}
  @media (max-width:980px){.bogen-kopf{grid-template-columns:1fr;gap:16px;}.bogen{grid-template-columns:repeat(2,1fr);padding:16px;gap:24px 12px;}}
  /* Business */
  .biz{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end;}
  .biz .biz-zeile{font-family:var(--disp2);font-size:var(--t3);font-weight:600;line-height:1.08;letter-spacing:-0.02em;text-transform:none;margin:0 0 24px;}
  .biz .biz-zeile span{color:var(--rot);}
  .biz-titel{font-size:var(--t1);margin:8px 0 48px;}
  .biz .gross{font-size:var(--t5);line-height:1.35;font-weight:500;margin-bottom:0;max-width:40rem;}
  .biz .klein{font-size:var(--t7);line-height:1.65;color:var(--grau);margin-bottom:32px;max-width:30rem;}
  /* Christoph 30.10.2026: drei Bilder in ihrem Format, eine Reihe, als Ganzes ein Link zur Business-Seite */
  .biz-bilder{display:flex;gap:16px;margin-top:48px;position:relative;text-decoration:none;color:inherit;}
  .biz-bilder figure{margin:0;overflow:hidden;border-radius:4px;position:relative;background:var(--grund-2);}
  .biz-bilder img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .biz-bilder:hover img{transform:scale(1.03);}
  .biz-mehr{position:absolute;right:16px;bottom:16px;background:var(--rot);color:#fff;font-weight:700;font-size:var(--t7);letter-spacing:.04em;padding:8px 14px;border-radius:999px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;}
  .biz-bilder:hover .biz-mehr,.biz-bilder:focus-visible .biz-mehr{opacity:1;transform:none;}
  @media (max-width:980px){.biz{grid-template-columns:1fr;gap:24px;}}
  @media (max-width:760px){.biz-bilder{flex-direction:column;}.biz-bilder figure{flex:none!important;}.biz-mehr{opacity:1;transform:none;}}
  .leistungen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;}
  .leistung{background:var(--grund-2);border-radius:12px;padding:32px 24px;}
  .leistung.rv{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),scale .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease;}
  .leistung:hover{scale:1.03;box-shadow:0 0 0 1px rgba(255,59,48,.35),0 0 48px -4px rgba(255,59,48,.32);}
  :root[data-theme=hell] .leistung:hover{box-shadow:0 22px 48px -18px rgba(14,14,13,.32);}
  .leistung h3{font-family:var(--disp2);font-weight:700;letter-spacing:-0.01em;font-size:var(--t5);margin:12px 0 8px;line-height:1.2;}
  .leistung p{color:var(--text);margin:0;}
  @media (max-width:980px){.biz{grid-template-columns:1fr;gap:32px;}.leistungen{grid-template-columns:1fr 1fr;}}
  @media (max-width:520px){.leistungen{grid-template-columns:1fr;}}
  /* Anfrage */
  .anfrage{background:#F2EA4C;color:#0E0E0D;--tinte:#0E0E0D;--text:rgba(14,14,13,.8);--grau:rgba(14,14,13,.62);--grund:#F2EA4C;--grund-3:rgba(255,255,255,.6);border-radius:20px;padding:64px;margin-top:64px;display:grid;grid-template-columns:4fr 8fr;gap:64px;}
  .anfrage h3{font-family:var(--disp2);font-weight:700;letter-spacing:-0.02em;font-size:var(--t5);line-height:1.25;margin:12px 0 16px;}
  .anfrage .seite p{color:var(--text);}
  .frage{margin-bottom:32px;}
  .frage .ft{display:block;font-weight:700;margin-bottom:12px;}
  .chips{display:flex;flex-wrap:wrap;gap:8px;}
  .chips label{cursor:pointer;position:relative;}
  .chips input{position:absolute;opacity:0;pointer-events:none;}
  .chips span{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--grund-3);font-size:var(--t7);font-weight:700;letter-spacing:.04em;transition:background .2s,color .2s;}
  .chips input:checked+span{background:var(--rot);color:#fff;}
  .chips input:focus-visible+span{outline:2px solid var(--rot);outline-offset:2px;}
  .wahlen{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .wahl{display:block;font-size:var(--t7);font-weight:700;letter-spacing:.06em;color:var(--text);}
  .wahl select{appearance:none;-webkit-appearance:none;width:100%;font:inherit;font-size:var(--t6);font-weight:500;letter-spacing:0;padding:14px 44px 14px 16px;margin-top:8px;border:0;border-radius:8px;background:var(--grund-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23FF3B30' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--tinte);cursor:pointer;}
  .wahl select:focus{outline:2px solid var(--rot);}
  .wahl select:invalid{color:var(--grau);}
  @media (max-width:980px){.wahlen{grid-template-columns:1fr;}}
  .anfrage .kl{color:rgba(14,14,13,.7);}
  .anfrage .wahl select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230E0E0D' stroke-width='2'/%3E%3C/svg%3E");}
  .anfrage select option{color:#0E0E0D;}
  .anfrage .wahl select:focus,.anfrage .felder input:focus{outline:2px solid #0E0E0D;}
  .anfrage .knopf:hover{background:#FF3B30;color:#fff;}
  .felder{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;}
  .felder label{display:block;font-size:var(--t7);font-weight:700;letter-spacing:.06em;color:var(--text);}
  .felder input{width:100%;font:inherit;font-size:var(--t6);padding:14px 16px;margin-top:8px;border:0;border-radius:8px;background:var(--grund-3);color:var(--tinte);}
  .felder input:focus{outline:2px solid var(--rot);}
  .vertrauen{font-size:var(--t7);color:var(--grau);margin:16px 0 0;}
  @media (max-width:980px){.anfrage{grid-template-columns:1fr;padding:32px 24px;gap:32px;}.felder{grid-template-columns:1fr;}}
  /* Marken */
  .marken{overflow:hidden;border-top:1px solid var(--linie);}
  .marken .kopfzeile{margin-bottom:48px;}
  .marken .kopfzeile p{color:var(--grau);max-width:22rem;margin:0;font-size:var(--t7);}
  .band{display:flex;width:max-content;animation:lauf 80s linear infinite;}
  .band.zwei{animation-duration:100s;animation-direction:reverse;margin-top:8px;}
  .band span{font-family:var(--disp2);font-size:var(--t4);font-weight:700;line-height:1.15;white-space:nowrap;letter-spacing:-0.03em;text-transform:uppercase;color:var(--text);}
  .band span::after{content:"·";color:var(--rot);margin:0 .9em;}
  .band.zwei span{color:transparent;-webkit-text-stroke:1px var(--grau);}
  .band.zwei span::after{-webkit-text-stroke:0;}
  .band{will-change:transform;backface-visibility:hidden;}
  @keyframes lauf{to{transform:translateX(-50%);}}
  /* Über mich */
  .ueber{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;}
  .portrait{margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:4px;position:sticky;top:96px;}
  .portrait img{display:block;width:100%;height:100%;object-fit:cover;}
  .ueber blockquote{margin:16px 0 32px;font-family:var(--disp2);font-size:var(--t4);line-height:1.12;font-weight:600;letter-spacing:-0.02em;}
  .ueber blockquote b{color:var(--rot);font-weight:600;}
  .ueber-titel{font-size:var(--t2);margin:0 0 64px;}
  .ueber p{color:var(--text);}
  .fakten{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;}
  .fakten b{display:block;font-size:var(--t4);margin-bottom:6px;}
  .fakten span{font-size:var(--t7);color:var(--grau);}
  @media (max-width:980px){.ueber{grid-template-columns:1fr;gap:32px;}.portrait{position:static;}.fakten{grid-template-columns:1fr 1fr;}}
  /* Kontakt */
  .kontakt h2{font-size:var(--t1);margin:16px 0 64px;letter-spacing:-0.045em;line-height:.84;}
  .kontakt h2 a{text-decoration:none;color:inherit;transition:color .3s;}
  .kontakt h2 em{font-style:normal;}
  .kontakt h2 a:hover,.kontakt h2 a:focus-visible{color:var(--rot);}
  .kanaele{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .kanaele a,.kanaele div{display:block;text-decoration:none;background:var(--grund-2);border-radius:12px;padding:32px 24px;transition:background .2s,color .2s;}
  .kanaele .kl{display:block;margin-bottom:8px;}
  .kanaele b{font-size:var(--t5);font-weight:500;}
  .kanaele a:hover{background:var(--rot);color:#fff;}
  .kanaele a:hover .kl{color:#fff;}
  footer{padding:48px 0;font-size:var(--t7);color:var(--grau);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;}
  footer a{text-decoration:none;margin-left:16px;}
  /* Linkzeile umbrechbar, die Links stehen ohne Leerzeichen im HTML (26.10.) */
  footer>span:last-child{display:flex;flex-wrap:wrap;gap:8px 16px;}
  footer>span:last-child a{margin-left:0;}
  @media (max-width:760px){.kanaele{grid-template-columns:1fr;}}
  /* Sucher-Cursor */
  .sucher{position:fixed;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;z-index:60;pointer-events:none;transition:width .3s cubic-bezier(.2,.7,.2,1),height .3s,margin .3s,opacity .2s;opacity:0;}
  .sucher i{width:8px;height:8px;border-width:1.5px;border-color:var(--rot)!important;}
  .sucher::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--rot);}
  .sucher.gross{width:64px;height:48px;margin:-24px 0 0 -32px;}
  .sucher.klein{width:20px;height:20px;margin:-10px 0 0 -10px;}
  .sucher em{position:absolute;left:100%;top:100%;margin:6px 0 0 6px;font-style:normal;font-size:var(--t7);font-weight:700;letter-spacing:.14em;color:var(--rot);white-space:nowrap;opacity:0;transition:opacity .2s;}
  .sucher.gross em{opacity:1;}
  @media (hover:hover) and (pointer:fine){body.mit-sucher .hero,body.mit-sucher .kachel,body.mit-sucher .bild-k,body.mit-sucher .oly-bild,body.mit-sucher .diszi a,body.mit-sucher .biz-bilder figure,body.mit-sucher .portrait{cursor:none;}body.mit-sucher .punkte button{cursor:pointer;}}
  /* Auslöser-Blitz */
  .blitz{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:70;}
  .blitz.los{animation:blitz .45s ease-out;}
  @keyframes blitz{0%{opacity:.85}100%{opacity:0}}
  /* Leuchttisch */
  .leuchttisch{position:fixed;inset:0;z-index:80;background:rgba(8,8,7,.95);display:none;align-items:center;justify-content:center;padding:64px 32px;margin:0;}
  .leuchttisch.auf{display:flex;}
  .leuchttisch img{max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;}
  .leuchttisch figcaption{position:absolute;left:32px;bottom:24px;color:#E6E3DD;font-size:var(--t7);letter-spacing:.08em;}
  .leuchttisch button{position:absolute;top:24px;right:32px;background:transparent;border:0;color:#fff;font-size:var(--t7);font-weight:700;letter-spacing:.14em;cursor:pointer;}
  .badge{position:fixed;left:16px;top:88px;z-index:50;background:var(--tinte);color:var(--grund);font-size:var(--t7);font-weight:700;padding:8px 12px;border-radius:8px;letter-spacing:.04em;}
  .wipe{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1);}
  .wipe img{transform:scale(1.18);transition:transform 1.6s cubic-bezier(.2,.7,.2,1);}
  .wipe.in{clip-path:inset(0 0 0 0);}
  .wipe.in img{transform:scale(1);}
  .rv{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);}
  .rv.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){.wipe{clip-path:none}.wipe img{transform:none}.hero h1 .m>span,.hero .zeile,.zaehler{transform:none;opacity:1}.rv{opacity:1;transform:none;transition:none}.kachel img,.bild img{filter:none!important;transition:none}.band{animation:none}}
  /* Unternavigation Business (Peter, 26.10.2026): Hover und Tastatur, nur am Rechner */
  .unter-nav{position:relative;display:inline-flex;align-items:center;}
  .unter{position:absolute;top:calc(100% + 12px);left:-16px;display:flex;flex-direction:column;padding:8px 16px;min-width:160px;background:color-mix(in srgb,var(--grund) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--tinte);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;}
  .unter::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
  .unter a{padding:8px 0;}
  .unter-nav:hover .unter,.unter-nav:focus-within .unter{opacity:1;visibility:visible;transform:none;}
  @media (max-width:980px){.unter-nav{display:none;}}
  /* Lange Wörter in den Weiter-Kacheln trennen (26.10.) */
  .weiter>*{min-width:0;}
  .weiter b{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
  /* Fußlinks werden beim Darüberfahren rot (Peter, 26.10.) */
  footer a{transition:color .2s;}
  footer a:hover{color:var(--rot);}