/* fuhrmann film · Konzept "Zweiter Blick" · Tokens, Basis, Bausteine */
@font-face{font-family:"Big Shoulders";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/BigShoulders-VF.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/fonts/InstrumentSans-VF.woff2) format("woff2")}
:root{
--film:#0F0F0E;--film-2:#1A1917;--papier:#EDEEEC;--papier-2:#E0E2DF;--licht:#ECEAE4;--grau-hell:#A9A69E;--grau-dunkel:#52544F;
--linie-dunkel:rgb(236 234 228/.16);--linie-hell:rgb(15 15 14/.16);--rotstift:#E8452F;--rotstift-tief:#B32A1B;
--f-display:"Big Shoulders","Arial Narrow",sans-serif;--f-text:"Instrument Sans",system-ui,sans-serif;
--t-h1:clamp(2.75rem,1.6rem + 6vw,7rem);--t-h2:clamp(2.25rem,1.5rem + 3vw,4.1875rem);--t-zeile:clamp(1.75rem,1.35rem + 1.6vw,2.75rem);
--t-h3:clamp(1.5rem,1.25rem + 1vw,2rem);--t-vorspann:clamp(1.125rem,1.03rem + .4vw,1.375rem);--t-text:clamp(1rem,.95rem + .2vw,1.125rem);
--t-klein:.875rem;--t-etikett:.8125rem;--t-knopf:1rem;
--rand:clamp(20px,5vw,96px);--rand-breit:clamp(20px,2.8vw,40px);--container:1200px;--container-breit:1360px;--spalt:24px;
--abschnitt:clamp(72px,9vw,144px);--kopf-h:72px;--radius:2px;
--ease-out:cubic-bezier(.16,1,.3,1);--ease-inout:cubic-bezier(.65,0,.35,1);--dur-1:160ms;--dur-2:320ms;--dur-3:640ms;--dur-4:960ms;
--bg:var(--film);--fg:var(--licht);--fg-2:var(--grau-hell);--linie:var(--linie-dunkel);--ziffer:var(--rotstift);--ring:var(--licht)
}
@media(max-width:959px){:root{--spalt:16px;--kopf-h:60px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf-h) + 24px);background:var(--film)}
body{margin:0;background:var(--film);color:var(--licht);font:400 var(--t-text)/1.6 var(--f-text);overflow-wrap:break-word;hyphens:manual;-webkit-font-smoothing:antialiased}
img,picture,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,dl,dd,figure,address{margin:0;padding:0}
ul,ol{list-style:none}
address{font-style:normal}
a{color:inherit}
:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.skip{position:absolute;left:var(--rand);top:-100px;z-index:100;background:var(--licht);color:var(--film);padding:12px 20px;border-radius:var(--radius);font-weight:600}
.skip:focus{top:8px}
.nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fl-film{--bg:var(--film);--fg:var(--licht);--fg-2:var(--grau-hell);--linie:var(--linie-dunkel);--ziffer:var(--rotstift);--ring:var(--licht)}
.fl-film2{--bg:var(--film-2);--fg:var(--licht);--fg-2:var(--grau-hell);--linie:var(--linie-dunkel);--ziffer:var(--rotstift);--ring:var(--licht)}
.fl-papier{--bg:var(--papier);--fg:var(--film);--fg-2:var(--grau-dunkel);--linie:var(--linie-hell);--ziffer:var(--rotstift-tief);--ring:var(--film)}
.fl-papier2{--bg:var(--papier-2);--fg:var(--film);--fg-2:var(--grau-dunkel);--linie:var(--linie-hell);--ziffer:var(--rotstift-tief);--ring:var(--film)}
.fl-film,.fl-film2,.fl-papier,.fl-papier2{background:var(--bg);color:var(--fg)}
.abschnitt{padding-block:var(--abschnitt)}
.cont{width:min(var(--container),100% - 2*var(--rand));margin-inline:auto}
.breit{width:min(var(--container-breit),100% - 2*var(--rand-breit));margin-inline:auto}
.raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt)}
.display{font-family:var(--f-display);font-weight:600;font-optical-sizing:auto;letter-spacing:0}
.h2{font:600 var(--t-h2)/1 var(--f-display);font-optical-sizing:auto;margin:0}
.h-zeile{font:600 var(--t-zeile)/1.05 var(--f-display);font-optical-sizing:auto}
.h3{font:600 var(--t-h3)/1.05 var(--f-display);font-optical-sizing:auto}
.vorspann{font-size:var(--t-vorspann);line-height:1.55}
.etikett{font-size:var(--t-etikett);font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.3}
.nebentext{color:var(--fg-2)}
.zahl{font-variant-numeric:tabular-nums}
.lesen{max-width:62ch}

/* Kopfzeile */
.kopf{position:sticky;top:0;z-index:50;background:var(--film);color:var(--licht);border-bottom:1px solid transparent;transition:border-color var(--dur-2) var(--ease-out)}
.kopf--fest{border-bottom-color:var(--linie-dunkel)}
.kopf__in{min-height:var(--kopf-h);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 24px}
.wortmarke{font:600 22px/1 var(--f-display);text-decoration:none;letter-spacing:.01em;display:inline-flex;align-items:center;min-height:44px}
.kopf__menue{display:flex;align-items:center;flex-wrap:wrap;gap:0 32px}
.nav{display:flex;flex-wrap:wrap;gap:0 32px}
.nav a,.sprache a,.sprache span{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none}
.nav a{text-underline-offset:.35em;text-decoration-thickness:1px}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current=page]{text-decoration:underline}
.sprache{display:flex;gap:0}
.sprache a,.sprache span{justify-content:center;min-width:44px}
.sprache [aria-current]{text-decoration:underline;text-underline-offset:.35em}
.sprache a{color:var(--grau-hell);transition:color var(--dur-1)}
.sprache a:hover,.sprache a:focus-visible{color:var(--licht)}
.menuknopf{display:none;min-height:44px;padding:0 4px;background:none;border:0;color:inherit;font:500 15px var(--f-text);cursor:pointer}
.menue-mail{display:none}
@media(max-width:959px){
.kopf__menue{flex-basis:100%;gap:0 20px;padding-bottom:8px}
.nav{gap:0 20px}
}
@media(max-width:959px) and (scripting:enabled){
.kopf__in{flex-wrap:nowrap}
.menuknopf{display:inline-flex;align-items:center;position:relative;z-index:61}
.wortmarke{position:relative;z-index:61}
.kopf__menue{display:none}
.kopf--offen .kopf__menue{display:flex;position:fixed;inset:0;z-index:60;background:var(--film);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:calc(var(--kopf-h) + 16px) var(--rand-breit) 32px;overflow-y:auto;animation:ein var(--dur-1) linear}
.kopf--offen .nav{flex-direction:column;gap:0;width:100%}
.kopf--offen .nav a{font:600 40px/64px var(--f-display);min-height:64px;text-decoration:none}
.kopf--offen .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.2em}
.kopf--offen .sprache{margin-top:24px}
.kopf--offen .menue-mail{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}
}
@keyframes ein{from{opacity:0}to{opacity:1}}
body.menue-auf{overflow:hidden}

/* Knöpfe und Links */
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:var(--radius);font:600 var(--t-knopf)/1 var(--f-text);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color var(--dur-1),color var(--dur-1),opacity var(--dur-1);text-align:center}
.knopf--haupt{background:var(--rotstift);color:var(--film)}
.knopf--haupt:hover{background:var(--licht);color:var(--film)}
.fl-papier .knopf--haupt:hover,.fl-papier2 .knopf--haupt:hover{background:var(--film);color:var(--licht)}
.knopf--zweit{background:transparent;color:var(--fg);border-color:currentColor}
.knopf--zweit:hover{background:var(--fg);color:var(--bg)}
.knopf:active{opacity:.85}
.textlink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.textlink:hover{text-decoration-thickness:2px}
.weiter{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;font-weight:600}
.weiter:hover{text-decoration-thickness:2px}
.weiter svg{width:16px;height:16px;flex:none}
@media(max-width:599px){.knopf{width:100%}}

/* Scope-Streifen */
.streifen{position:relative;aspect-ratio:2.39/1;overflow:hidden;background:var(--film-2);margin:0}
.streifen picture,.streifen img{width:100%;height:100%}
.streifen img{object-fit:cover}
.streifen--schrift{display:flex;align-items:flex-end;padding:24px}
.schriftkachel{font:600 clamp(2rem,6vw,5rem)/1 var(--f-display);color:var(--grau-hell)}
.ausbruch{width:min(var(--container-breit),100% - 2*var(--rand-breit));margin-inline:auto}
@media(max-width:959px){.ausbruch{width:100%}}

/* Abschnittskopf */
.abs-kopf{margin-bottom:48px}
.abs-kopf .h2{grid-column:1/9}
.abs-teile{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);row-gap:32px}
.abs-teile>.abs-vor{grid-column:1/5}
.abs-teile>.abs-inhalt{grid-column:5/13}
@media(max-width:959px){.abs-kopf{margin-bottom:32px}.abs-kopf .h2,.abs-teile>.abs-vor,.abs-teile>.abs-inhalt{grid-column:1/-1}.abs-teile{row-gap:24px}}

/* Hero */
.hero{padding-top:clamp(32px,6svh,80px);padding-bottom:96px}
.hero__text{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);align-items:end;margin-bottom:56px}
.hero h1{grid-column:1/9;font:600 var(--t-h1)/.95 var(--f-display);font-optical-sizing:auto;margin:0}
.hero__seite{grid-column:9/13}
.hero__vor{font-size:18px;line-height:1.55;margin-bottom:24px}
.hero__aktion{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.hero__wrap{position:relative}
.hero .streifen{background:var(--film-2)}
.hero__fenster{position:absolute;left:0;right:0;top:-10%;height:120%}
.hero__fenster picture,.hero__fenster img{width:100%;height:100%}
.hero__fenster img{object-fit:cover;transform:scale(1.12);transform-origin:50% 30%}
.hero__korn{position:absolute;inset:0;background:url(/img/logo/korn.png);background-size:128px 128px;opacity:.07;pointer-events:none}
.hero__ff{position:absolute;right:32px;bottom:-60px;width:120px;height:120px;color:var(--licht);pointer-events:none}
.hero__zeile{margin-top:16px;color:var(--grau-hell);font-size:var(--t-etikett);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:959px){
.hero{padding-bottom:64px}
.hero__text{display:block;margin-bottom:28px}
.hero__vor{margin-top:16px;margin-bottom:24px}
.hero__aktion{flex-direction:column;align-items:stretch;gap:8px}
.hero__aktion .textlink{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.hero__wrap{margin-inline:calc(-1*var(--rand))}
.hero__zeile{margin-top:12px}
.hero__ff{width:64px;height:64px;right:20px;bottom:-32px}
}
@media(max-width:959px) and (min-width:600px){.hero__aktion{flex-direction:row;align-items:center}}

/* Leistungen auf Start */
.liste-pos{counter-reset:p}
.pos{display:grid;grid-template-columns:56px minmax(0,3fr) minmax(0,4fr);column-gap:var(--spalt);padding-block:28px;border-top:1px solid var(--linie)}
.pos:last-child{border-bottom:1px solid var(--linie)}
.pos__nr{font-size:var(--t-klein);font-weight:600;color:var(--ziffer);font-variant-numeric:tabular-nums;padding-top:.7em}
.pos h3{font:600 var(--t-zeile)/1.05 var(--f-display);font-optical-sizing:auto}
.pos p{font-size:var(--t-text)}
@media(max-width:1199px){.pos{grid-template-columns:56px minmax(0,1fr)}.pos p{grid-column:2;margin-top:12px}}
@media(max-width:959px){.pos{grid-template-columns:1fr;padding-block:24px}.pos p{grid-column:1}.pos__nr{padding-top:0;margin-bottom:8px}}
.zwischen{margin-top:64px}
.zwischen p{font-size:var(--t-vorspann);line-height:1.55;margin-top:16px}
.zwischen .weiter{margin-top:32px}

/* Showreel */
.showreel{padding-top:var(--abschnitt);padding-bottom:48px}
.showreel__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
.showreel__rahmen{position:relative;overflow:hidden;background:var(--film-2);transition:height var(--dur-3) var(--ease-out)}
.showreel__poster{display:block;position:relative;width:100%;aspect-ratio:2.39/1;padding:0;border:0;background:var(--film-2);color:var(--licht);cursor:pointer;text-align:left;font:inherit;text-decoration:none}
.showreel__poster::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to bottom,transparent,rgb(15 15 14/.7));pointer-events:none}
.showreel__poster picture,.showreel__poster img{width:100%;height:100%;object-fit:cover}
.showreel__bedien{position:absolute;left:32px;bottom:32px;z-index:2;display:flex;align-items:center;gap:20px;font-weight:600}
.showreel__play{width:64px;height:64px;border:1px solid var(--licht);display:grid;place-items:center;flex:none}
.showreel__play svg{width:22px;height:22px;margin-left:2px}
.showreel__hinweis{position:absolute;inset:0;z-index:3;background:rgb(15 15 14/.8);display:flex;align-items:center;padding:0 32px}
.showreel__hinweis[hidden]{display:none}
.showreel__hinweis>div{max-width:520px}
.showreel__hinweis p{margin-bottom:20px}
.showreel__hinweis .aktion{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.showreel iframe{display:block;width:100%;height:100%;border:0}
.showreel__nach{margin-top:12px}
.showreel__nach[hidden]{display:none}
.showreel__poster--nojs{display:none}
.showreel__poster--js{display:none}
@media(scripting:enabled){.showreel__poster--js{display:block}}
@media(scripting:none){.showreel__poster--nojs{display:block}.showreel__nojs-hinweis{display:block}}
.showreel__nojs-hinweis{display:none;margin-top:12px;font-size:var(--t-klein);color:var(--grau-hell)}
@media(max-width:959px){
.showreel__bedien{left:16px;bottom:16px}
.showreel__hinweis{position:static;background:var(--film-2);padding:20px var(--rand)}
.showreel__rahmen{overflow:visible}
.showreel__rahmen.laeuft{overflow:hidden}
}

/* Produktionen */
.prod-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spalt);row-gap:56px}
.prod--gross{grid-column:1/-1}
.prod--gross .streifen{width:min(var(--container-breit),100vw - 2*var(--rand-breit));margin-left:50%;transform:translateX(-50%)}
.prod figcaption{margin-top:12px}
.prod__kunde{font:600 var(--t-h3)/1.05 var(--f-display);display:block}
.prod__titel{color:var(--fg-2);font-size:var(--t-text)}
.prod--gross figcaption{width:min(var(--container),100%)}
.wert-weiter{margin-top:56px}
@media(max-width:959px){
.prod-liste{grid-template-columns:1fr;row-gap:40px}
.prod .streifen,.prod--gross .streifen{width:100vw;margin-left:calc(50% - 50vw);transform:none}
.prod figcaption{padding-inline:0}
}

/* Kunden */
.kunden-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--spalt);row-gap:0}
.kunden-logos li{aspect-ratio:5/3}
.kunden-logos img{width:100%;height:100%;object-fit:contain}
.kunden-namen{display:none;columns:4;column-gap:var(--spalt)}
.kunden-namen li{font:600 var(--t-h3)/1.3 var(--f-display);break-inside:avoid}
html[data-kunden=namen] .kunden-logos{display:none}
html[data-kunden=namen] .kunden-namen{display:block}
.kunden-nur-namen .kunden-logos{display:none}
.kunden-nur-namen .kunden-namen{display:block}
@media(max-width:1199px){.kunden-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){.kunden-namen{columns:2}}
@media(max-width:599px){.kunden-logos{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}}
.kunden{padding-top:96px}
.kunden .h3-kopf{margin-bottom:32px}
@media(max-width:959px){.kunden{padding-top:64px}}

/* Auszeichnungen */
.az-gruppe{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);margin-bottom:40px}
.az-gruppe>h3{grid-column:1/3;font:600 var(--t-zeile)/1.05 var(--f-display);font-variant-numeric:tabular-nums;padding-top:12px}
.az-gruppe>ul{grid-column:3/13;border-bottom:1px solid var(--linie)}
.az-gruppe li{display:grid;grid-template-columns:5fr 5fr;column-gap:var(--spalt);min-height:48px;padding-block:12px;border-top:1px solid var(--linie);align-items:baseline}
.az-gruppe li strong{font-weight:600}
.az-gruppe li span{color:var(--fg-2)}
.az-gruppe li.nur{display:block}
.az-gruppe--start{margin-bottom:32px}
@media(max-width:959px){
.az-gruppe{display:block;margin-bottom:32px}
.az-gruppe>h3{padding-top:0;margin-bottom:8px}
.az-gruppe li{display:block;padding-block:12px}
.az-gruppe li span{display:block}
}

/* Über mich */
.fakten{display:block}
.fakten div{border-top:1px solid var(--linie);padding-block:16px}
.fakten dt{font-size:var(--t-etikett);color:var(--fg-2);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.fakten dd{font:600 var(--t-h3)/1.15 var(--f-display);margin-top:4px}
.ueber p+p{margin-top:24px}
.ueber__schluss{margin-top:32px;font:600 var(--t-h3)/1.15 var(--f-display)}

/* Kontaktband */
.band .h2{max-width:min(100%,18ch)}
.band .vorspann{margin-top:24px;color:var(--fg-2)}
.band__aktion{margin-top:32px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.band--linie{border-top:1px solid var(--linie-dunkel)}

/* Fuß */
.fuss{background:var(--film-2);color:var(--licht);padding-top:64px;padding-bottom:32px}
.fuss__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);row-gap:40px}
.fuss__a{grid-column:1/6}.fuss__b{grid-column:6/10}.fuss__c{grid-column:10/13}
.fuss__ff{width:40px;height:40px;margin-bottom:16px}
.fuss__marke{font:600 28px/1 var(--f-display)}
.fuss p,.fuss address{color:var(--grau-hell)}
.fuss__marke{color:var(--licht)}
.fuss li a,.fuss address a{display:inline-flex;align-items:center;min-height:44px}
.fuss address{line-height:1.7}
.fuss__zeile{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;padding-top:20px;border-top:1px solid var(--linie-dunkel);color:var(--grau-hell);font-size:var(--t-klein)}
.fuss .sprache{margin-top:8px}
@media(max-width:959px){.fuss__a,.fuss__b,.fuss__c{grid-column:1/-1}}

/* Unterseiten */
.seitenkopf{padding-top:clamp(48px,8svh,96px);padding-bottom:clamp(48px,7vw,96px)}
.seitenkopf h1{grid-column:1/10;font:600 clamp(2.5rem,1.5rem + 4.2vw,5.25rem)/1 var(--f-display);font-optical-sizing:auto}
.seitenkopf .vorspann{grid-column:1/7;margin-top:24px;color:var(--grau-hell)}
@media(max-width:959px){.seitenkopf h1,.seitenkopf .vorspann{grid-column:1/-1}}
.pos-gross{padding-block:56px;border-top:1px solid var(--linie);scroll-margin-top:96px}
.pos-gross:last-of-type{border-bottom:1px solid var(--linie)}
.pos-gross__l{grid-column:1/5}
.pos-gross__l .nr{font:600 var(--t-h2)/1 var(--f-display);color:var(--ziffer);font-variant-numeric:tabular-nums;display:block;margin-bottom:12px}
.pos-gross__r{grid-column:6/13}
.pos-gross__r p:first-child{font-size:var(--t-vorspann);line-height:1.55}
.pos-gross__r p+p{margin-top:20px}
@media(max-width:959px){.pos-gross{padding-block:40px;scroll-margin-top:76px}.pos-gross__l,.pos-gross__r{grid-column:1/-1}.pos-gross__r{margin-top:16px}}
.zwei{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);row-gap:24px}
.zwei>:first-child{grid-column:1/5}.zwei>:last-child{grid-column:5/13}
.zwei--a>:first-child{grid-column:1/9}.zwei--a>:last-child{grid-column:5/13}
@media(max-width:959px){.zwei>*,.zwei--a>*{grid-column:1/-1!important}}
.l3{padding-block:clamp(64px,7vw,96px)}
.l3 .h2{grid-column:1/9}
.l3 p{grid-column:5/13;margin-top:32px;font-size:var(--t-vorspann);line-height:1.55}
@media(max-width:959px){.l3 .h2,.l3 p{grid-column:1/-1}.l3 p{margin-top:24px}}
.kontakt-wege{margin-top:40px;display:flex;flex-direction:column;gap:12px;align-items:stretch;max-width:384px}
.kontakt-wege .knopf{width:100%}
.kontakt-mail{margin-top:20px;font-size:var(--t-klein);color:var(--grau-hell)}
.kopieren-status{min-height:1.4em;margin-top:8px;font-size:var(--t-klein);color:var(--grau-hell)}
.kopieren-roh{display:none;margin-top:8px;user-select:all;background:var(--film-2);padding:10px 12px;border-radius:var(--radius)}
.kopieren-roh.zeigen{display:block}
.kopieren-knopf{display:none}
@media(scripting:enabled){.kopieren-knopf{display:inline-flex}}
.adresse{font-size:var(--t-vorspann);line-height:1.5}

/* Recht */
.recht{padding-block:clamp(48px,6vw,96px)}
.recht__spalte{max-width:62ch}
.recht h2{font:600 var(--t-h3)/1.1 var(--f-display);margin:48px 0 12px}
.recht h2:first-child{margin-top:0}
.recht p,.recht ul{margin-bottom:16px}
.recht ul{list-style:disc;padding-left:1.2em}
.recht li{margin-bottom:6px}
.recht dl{margin-bottom:16px}
.recht dt{font-size:var(--t-etikett);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin-top:20px}
.recht dd{margin:2px 0 0}
.recht-kredit{margin-top:48px;padding-top:16px;border-top:1px solid var(--linie)}
.hinweis-lang{font-size:var(--t-klein);color:var(--fg-2)}

/* 404 */
.nf{min-height:60svh;display:flex;align-items:center;padding-block:96px}
.nf h1{font:600 var(--t-h2)/1 var(--f-display)}
.nf p.zweit{margin-top:8px}
.nf__links{margin-top:32px;display:flex;gap:8px 32px;flex-wrap:wrap}
.nf__links a{display:inline-flex;align-items:center;min-height:44px}

/* Vorschau */
.offen{background:#FFE9A8;color:#2B2200;padding:0 .3em;border-radius:2px;font-size:.92em;font-weight:500}
.vorschau-leiste{position:fixed;left:0;right:0;bottom:0;z-index:70;min-height:40px;background:var(--film-2);color:var(--licht);border-top:1px solid var(--linie-dunkel);font-size:var(--t-klein);display:flex;align-items:center;gap:8px 20px;padding:0 var(--rand-breit);flex-wrap:wrap}
.vorschau-leiste button{background:none;border:1px solid var(--licht);color:var(--licht);font:inherit;font-size:13px;min-height:32px;padding:0 12px;border-radius:var(--radius);cursor:pointer}
.vorschau-leiste button[aria-pressed=true]{background:var(--licht);color:var(--film)}
.vorschau-leiste .gruppe{display:flex;gap:6px;align-items:center}
html.clean .vorschau-leiste{display:none}
body.hat-leiste{padding-bottom:48px}
html.clean body.hat-leiste{padding-bottom:0}
.vorschau-dialog{max-width:min(720px,92vw);max-height:80vh;overflow:auto;background:var(--film-2);color:var(--licht);border:1px solid var(--linie-dunkel);padding:24px}
.vorschau-dialog::backdrop{background:rgb(0 0 0/.6)}
.vorschau-dialog h2{font:600 var(--t-h3)/1.1 var(--f-display);margin-bottom:12px}
.vorschau-dialog ul{list-style:disc;padding-left:1.2em}
.vorschau-dialog li{margin-bottom:6px;font-size:var(--t-klein)}
.vorschau-dialog button{margin-top:16px;background:var(--licht);color:var(--film);border:0;min-height:44px;padding:0 20px;border-radius:var(--radius);font:600 1rem var(--f-text);cursor:pointer}

/* Bewegung */
@media(prefers-reduced-motion:no-preference){
@keyframes kasch{from{clip-path:inset(49.6% 0 49.6% 0)}to{clip-path:inset(0)}}
@keyframes ruhe{from{transform:scale(1.2)}to{transform:scale(1.12)}}
@keyframes ff-ein{from{opacity:0}to{opacity:1}}
.hero .streifen{animation:kasch var(--dur-4) var(--ease-out) 240ms backwards}
.hero__fenster img{animation:ruhe var(--dur-4) var(--ease-out) 240ms backwards}
.hero__ff{animation:ff-ein var(--dur-2) var(--ease-out) 880ms backwards}
@supports(animation-timeline:view()){
@keyframes wandern{from{transform:translateY(-5%)}to{transform:translateY(5%)}}
@keyframes wandern-ff{from{transform:translateY(16px)}to{transform:translateY(-16px)}}
.hero__fenster{animation:wandern linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.hero__ff{animation:ff-ein var(--dur-2) var(--ease-out) 880ms backwards,wandern-ff linear both;animation-timeline:auto,view();animation-range:normal,cover 0% cover 100%}
@media(max-width:959px){.hero__ff{animation:ff-ein var(--dur-2) var(--ease-out) 880ms backwards}}
}
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:var(--dur-2)}
}
@media(scripting:enabled) and (prefers-reduced-motion:no-preference){
.schnitt{opacity:0}
.schnitt.sichtbar{opacity:1;transition:opacity var(--dur-2) var(--ease-out)}
}
@media(prefers-reduced-motion:reduce){*{transition-duration:.15s!important;scroll-behavior:auto!important}}
.zl{display:block}
.recht__spalte{grid-column:1/9}
@media(max-width:959px){.recht__spalte{grid-column:1/-1}}