@font-face{font-family: "Bricolage Grotesque";src: url(/assets/schriften/bricolage-grotesque.woff2) format("woff2");font-weight: 200 800;font-style: normal;font-display: swap}@font-face{font-family: "Geist";src: url(/assets/schriften/geist.woff2) format("woff2");font-weight: 100 900;font-style: normal;font-display: swap}@property --d{syntax: "<length>";inherits: true;initial-value: 7px}:root{color-scheme: dark light;--ink: #0e0f10;--flaeche: #17181a;--linie: #2a2c2f;--linie-stark: #5a5d62;--text: #eeede8;--leise: #9b9da1;--anzeige: "Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--fliess: "Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--rand: clamp(1rem,3.2vw,2.75rem);--max: 1680px;--zeile: clamp(8.5rem,12.4vw,15.5rem);--kopf: 6.5rem}@media (prefers-color-scheme: light){:root{--ink: #f3f3f0;--flaeche: #e8e8e4;--linie: #d6d6d1;--linie-stark: #8b8d90;--text: #101112;--leise: #595c60}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--kopf) + 1rem)}body{margin: 0;min-height: 100vh;display: flex;flex-direction: column;background: var(--ink);color: var(--text);font: 400 1.0625rem/1.6 var(--fliess);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}main{flex: 1 0 auto}img,picture,svg{display: block;max-width: 100%}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: .25em;text-decoration-color: color-mix(in srgb,currentColor 40%,transparent)}a:hover{text-decoration-color: currentColor}h1,h2,h3,p,ul,ol,dl,dd,figure{margin: 0}ul[class],ol[class]{list-style: none;padding: 0}button{font: inherit;color: inherit}::selection{background: var(--text);color: var(--ink)}:focus-visible{outline: 2px solid var(--text);outline-offset: 3px}.nur-leser{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.mono{font: 500 .72rem/1.3 var(--mono);text-transform: uppercase;letter-spacing: .1em}.leise{color: var(--leise)}.behaelter{width: 100%;max-width: var(--max);margin-inline: auto;padding-inline: var(--rand)}.sprung{position: fixed;left: 1rem;top: -4rem;z-index: 100;background: var(--text);color: var(--ink);padding: .7rem 1rem;text-decoration: none}.sprung:focus{top: 1rem}.kopf{position: sticky;top: 0;z-index: 50;view-transition-name: kopf;background: var(--ink);background: color-mix(in srgb,var(--ink) 84%,transparent);-webkit-backdrop-filter: blur(14px) saturate(1.4);backdrop-filter: blur(14px) saturate(1.4);border-bottom: 1px solid var(--linie)}.kopf-innen{display: flex;align-items: center;justify-content: space-between;gap: 1rem;height: var(--kopf)}.marke{display: inline-flex;align-items: center;gap: clamp(.8rem,1.3vw,1.25rem);text-decoration: none}.marke svg{width: clamp(3rem,5.3vw,4.7rem);height: auto;color: var(--text);flex: none}.marke-name{font: 700 clamp(1.3rem,2.3vw,2.04rem)/1 var(--anzeige);letter-spacing: .08em;text-transform: uppercase;white-space: nowrap}.marke-name span{display: block;margin-top: .45rem;font-weight: 300;font-size: clamp(.85rem,1.62vw,1.48rem);letter-spacing: .2em;color: var(--leise)}.nav{display: flex;align-items: center;gap: clamp(.9rem,2.4vw,2rem);font-size: .9375rem;font-weight: 500}.nav a{text-decoration: none;padding-block: .4rem;border-bottom: 1px solid transparent}.nav a:hover,.nav a[aria-current]{border-bottom-color: var(--text)}.nav .foto{border: 1px solid var(--linie-stark);padding: .4rem .8rem}.nav .foto:hover{background: var(--text);color: var(--ink);border-color: var(--text)}@media (max-width: 58rem){:root{--kopf: 5rem}.kopf .marke-name{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.kopf .marke svg{width: 3.4rem}}@media (max-width: 40rem){:root{--kopf: 4.5rem}.nav{font-size: .8125rem;gap: .65rem;white-space: nowrap}.nav .foto{padding: .3rem .5rem}.kopf .marke svg{width: 2.8rem}}@media (max-width: 22.5rem){.kopf-innen{gap: .5rem}.nav{font-size: .75rem;gap: .5rem}.nav .foto{padding: .3rem .4rem}.kopf .marke svg{width: 2.1rem}}.auftakt{padding-block: clamp(2.2rem,5.5vw,5rem) clamp(2rem,3.5vw,3rem)}.auftakt-raster{display: grid;gap: 2.5rem clamp(2rem,6vw,6rem);align-items: end;grid-template-columns: minmax(0,1.5fr) minmax(16rem,1fr)}.auftakt .mono{color: var(--leise);margin-bottom: 1.4rem}.auftakt h1{font: 800 clamp(2.8rem,7.6vw,7.4rem)/.92 var(--anzeige);letter-spacing: -.045em;text-wrap: balance}.auftakt h1 span{display: block}.auftakt h1 .ort{font-weight: 250;letter-spacing: -.035em}.auftakt .einleitung{max-width: 34rem;padding-bottom: .4rem;font-size: clamp(1.05rem,1.5vw,1.25rem);color: color-mix(in srgb,var(--text) 82%,var(--ink));text-wrap: pretty}@media (max-width: 62rem){.auftakt-raster{grid-template-columns: 1fr;gap: 1.4rem}}.auftakt .formate{margin-top: 1.1rem;color: var(--leise);line-height: 2;letter-spacing: .08em}.credits{display: grid;grid-template-columns: max-content 1fr;column-gap: 1.5rem;font-size: .96rem}.credits dt{font: 500 .7rem/1.4 var(--mono);text-transform: uppercase;letter-spacing: .11em;color: var(--leise);padding: .8rem 0;border-top: 1px solid var(--linie)}.credits dd{padding: .68rem 0;border-top: 1px solid var(--linie);overflow-wrap: anywhere}.credits dt:last-of-type,.credits dd:last-of-type{border-bottom: 1px solid var(--linie)}.credits a{text-decoration-color: color-mix(in srgb,currentColor 35%,transparent)}.projekte{padding-block: 1rem clamp(3rem,6vw,6rem)}.projekte-kopf{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: .9rem 2rem;padding-block: 1.1rem 1.4rem;border-top: 1px solid var(--linie)}.projekte-kopf h2{font: 700 1.15rem/1 var(--anzeige);letter-spacing: -.01em;display: flex;align-items: baseline;gap: .7rem}.anzahl{font: 500 .72rem/1 var(--mono);letter-spacing: .1em;text-transform: uppercase;color: var(--leise)}.filter{display: flex;flex-wrap: wrap;gap: .4rem}.filter button{cursor: pointer;background: transparent;border: 1px solid var(--linie);color: var(--leise);padding: .6rem .8rem;font: 500 .72rem/1 var(--mono);text-transform: uppercase;letter-spacing: .09em;transition: color .2s,border-color .2s,background-color .2s}.filter button:hover{color: var(--text);border-color: var(--linie-stark)}.filter button[aria-pressed="true"]{background: var(--text);border-color: var(--text);color: var(--ink)}.filter button .zahl{opacity: .55;margin-left: .35em}@media (scripting: none){.filter{display: none}}@media (max-width: 40rem){.projekte-kopf{padding-block: 1rem 1.1rem}.filter{flex-wrap: nowrap;overflow-x: auto;width: calc(100% + 2 * var(--rand));margin-inline: calc(-1 * var(--rand));padding-inline: var(--rand);scrollbar-width: none}.filter::-webkit-scrollbar{display: none}.filter button{flex: none}}.raster{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 2.6rem 1rem;padding-bottom: 1rem}.raster::after{content: "";flex: 1000 1 0}.kachel{flex: calc(var(--r) * 100) 1 calc(var(--r) * var(--zeile));min-width: 0}.kachel[hidden]{display: none}.kachel a{display: block;position: relative;text-decoration: none;color: #fff;--d: 7px;transition: --d .35s cubic-bezier(.2,.7,.2,1)}.kachel a:hover,.kachel a:focus-visible{--d: 11px}.rahmen{display: block;position: relative;overflow: hidden;aspect-ratio: var(--r);background: var(--c,var(--flaeche))}.rahmen picture,.rahmen img,.filmtab .bild picture,.filmtab .bild img,.weiter .bild picture,.weiter .bild img{position: absolute;inset: 0;width: 100%;height: 100%}.rahmen img{object-fit: cover;transition: transform .8s cubic-bezier(.2,.7,.2,1)}.kachel a:hover .rahmen img{transform: scale(1.035)}.clip{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;pointer-events: none;transition: opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.clip.laeuft{opacity: 1}.kachel a:hover .clip{transform: scale(1.035)}@media (prefers-reduced-motion: reduce){.clip{display: none}}.rahmen::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgb(0 0 0 / .8),rgb(0 0 0 / .32) 42%,transparent 68%);pointer-events: none}.kachel-text{position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;padding: .9rem 1rem .85rem;display: grid;gap: .3rem}.kachel h3{font: 650 clamp(1rem,1.25vw,1.2rem)/1.15 var(--anzeige);letter-spacing: -.012em;text-wrap: balance}.kachel .meta{font: 500 .66rem/1.2 var(--mono);text-transform: uppercase;letter-spacing: .1em;opacity: .78}.filmzahl{position: absolute;z-index: 1;top: .7rem;right: .7rem;padding: .35rem .5rem;background: rgb(0 0 0 / .62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);font: 500 .64rem/1 var(--mono);text-transform: uppercase;letter-spacing: .1em;color: #fff}.stapel-2 .rahmen{box-shadow: 0 calc(var(--d) * 1) 0 -3px var(--ink),0 calc(var(--d) * 1) 0 -2px var(--linie-stark)}.stapel-3 .rahmen{box-shadow: 0 calc(var(--d) * 1) 0 -3px var(--ink),0 calc(var(--d) * 1) 0 -2px var(--linie-stark),0 calc(var(--d) * 2) 0 -6px var(--ink),0 calc(var(--d) * 2) 0 -5px var(--linie-stark)}.stapel-4 .rahmen{box-shadow: 0 calc(var(--d) * 1) 0 -3px var(--ink),0 calc(var(--d) * 1) 0 -2px var(--linie-stark),0 calc(var(--d) * 2) 0 -6px var(--ink),0 calc(var(--d) * 2) 0 -5px var(--linie-stark),0 calc(var(--d) * 3) 0 -9px var(--ink),0 calc(var(--d) * 3) 0 -8px var(--linie-stark)}.stapel-5 .rahmen{box-shadow: 0 calc(var(--d) * 1) 0 -3px var(--ink),0 calc(var(--d) * 1) 0 -2px var(--linie-stark),0 calc(var(--d) * 2) 0 -6px var(--ink),0 calc(var(--d) * 2) 0 -5px var(--linie-stark),0 calc(var(--d) * 3) 0 -9px var(--ink),0 calc(var(--d) * 3) 0 -8px var(--linie-stark),0 calc(var(--d) * 4) 0 -12px var(--ink),0 calc(var(--d) * 4) 0 -11px var(--linie-stark)}.kachel a:hover .rahmen,.kachel a:focus-visible .rahmen{outline: 0}.kachel a:focus-visible{outline: 2px solid var(--text);outline-offset: 4px}@media (max-width: 40rem){:root{--zeile: 9rem}.raster{gap: 2.4rem .75rem}}.kurz{border-top: 1px solid var(--linie);padding-block: clamp(3rem,6vw,5.5rem)}.kurz-raster{display: grid;grid-template-columns: minmax(8rem,15rem) minmax(0,1fr);gap: clamp(1.5rem,5vw,5rem);align-items: center}.kurz img{width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;object-position: 50% 15%}.kurz h2{font: 750 clamp(1.7rem,3.4vw,2.7rem)/1.05 var(--anzeige);letter-spacing: -.03em;margin-bottom: 1.1rem;text-wrap: balance}.kurz p{max-width: 40rem;color: color-mix(in srgb,var(--text) 84%,var(--ink))}.knoepfe{display: flex;flex-wrap: wrap;gap: .6rem;margin-top: 1.6rem}.knopf{display: inline-flex;align-items: center;gap: .55rem;padding: .8rem 1.1rem;border: 1px solid var(--linie-stark);text-decoration: none;font-weight: 500;font-size: .95rem;transition: background-color .2s,color .2s,border-color .2s}.knopf:hover{background: var(--text);color: var(--ink);border-color: var(--text)}.knopf.voll{background: var(--text);color: var(--ink);border-color: var(--text)}.knopf.voll:hover{background: transparent;color: var(--text)}@media (max-width: 40rem){.kurz-raster{grid-template-columns: 1fr}.kurz img{max-width: 13rem}}.projekt-seite{--buehne: min(var(--max),max(44rem,calc((100svh - var(--kopf) - 15rem) * 1.7778)))}.projekt-seite .behaelter{max-width: calc(var(--buehne) + 2 * var(--rand))}.krumen{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding-block: 1.1rem}.krumen ol{display: flex;flex-wrap: wrap;gap: .5rem;align-items: center;list-style: none;margin: 0;padding: 0}.krumen li + li::before{content: "/";margin-right: .5rem;color: var(--linie-stark)}.krumen a{text-decoration: none;color: var(--leise)}.krumen a:hover{color: var(--text)}.krumen [aria-current]{color: var(--text)}.krumen .pfeile{display: flex;gap: .4rem}.krumen .pfeile a{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;border: 1px solid var(--linie);text-decoration: none;font-size: 1.05rem;color: var(--text);transition: background-color .2s,color .2s}.krumen .pfeile a:hover{background: var(--text);color: var(--ink)}.spieler{position: relative;aspect-ratio: 16 / 9;background: #000;overflow: hidden}.folie{position: absolute;inset: 0}.folie[hidden],.abspielen[hidden]{display: none}.folie picture,.folie img{width: 100%;height: 100%}.folie img{object-fit: cover}.folie.scope img{object-fit: contain}.folie iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;background: #000}.abspielen{position: absolute;inset: 0;z-index: 1;display: grid;place-items: center;width: 100%;padding: 0;border: 0;background: transparent;cursor: pointer;text-decoration: none;color: #fff}.abspielen::before{content: "";position: absolute;inset: 0;background: radial-gradient(ellipse at center,rgb(0 0 0 / .05),rgb(0 0 0 / .34));transition: opacity .3s}.play{position: relative;display: grid;place-items: center;width: clamp(4rem,8vw,6.25rem);aspect-ratio: 1;border-radius: 50%;background: #fff;color: #000;box-shadow: 0 0 0 0 rgb(255 255 255 / .35);transition: transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.play svg{width: 34%;margin-left: 8%}.abspielen:hover .play,.abspielen:focus-visible .play{transform: scale(1.09);box-shadow: 0 0 0 .7rem rgb(255 255 255 / .18)}.abspielen:focus-visible{outline-offset: -4px}.abspielen .label{position: absolute;left: 1rem;bottom: .9rem;z-index: 1;font: 500 .68rem/1 var(--mono);text-transform: uppercase;letter-spacing: .1em;text-shadow: 0 1px 8px rgb(0 0 0 / .7)}@media (scripting: none){.spieler{aspect-ratio: auto;background: none;display: grid;gap: 1.2rem;overflow: visible}.folie,.folie[hidden]{position: relative;display: block;aspect-ratio: 16 / 9}.abspielen .play{display: none}.filmwahl{display: none !important}}.filmwahl{margin-top: 1.1rem}.filmwahl-kopf{display: flex;justify-content: space-between;gap: 1rem;margin-bottom: .7rem;color: var(--leise)}.filmwahl-liste{display: flex;gap: .8rem;overflow-x: auto;padding: .35rem .35rem 1rem;margin: -.35rem;scroll-snap-type: x proximity;scrollbar-width: thin;scrollbar-color: var(--linie-stark) transparent}.filmtab{flex: 0 0 clamp(9.5rem,17vw,14rem);scroll-snap-align: start;display: grid;gap: .55rem;text-align: left;padding: 0;background: none;border: 0;cursor: pointer;color: var(--leise);transition: color .2s}.filmtab .bild{display: block;position: relative;aspect-ratio: 16 / 9;overflow: hidden;background: var(--flaeche);outline: 1px solid var(--linie);outline-offset: 0;transition: outline-color .2s}.filmtab img{object-fit: cover;opacity: .62;transition: opacity .25s}.filmtab .nr{position: absolute;left: .4rem;top: .4rem;padding: .25rem .4rem;background: rgb(0 0 0 / .7);color: #fff;font: 500 .62rem/1 var(--mono);letter-spacing: .08em}.filmtab .titel{font-size: .86rem;line-height: 1.3;font-weight: 500}.filmtab:hover{color: var(--text)}.filmtab:hover img{opacity: .9}.filmtab[aria-selected="true"]{color: var(--text)}.filmtab[aria-selected="true"] .bild{outline: 2px solid var(--text);outline-offset: 2px}.filmtab[aria-selected="true"] img{opacity: 1}.filmtab:focus-visible{outline: 2px solid var(--text);outline-offset: 4px}.projekt-info{display: grid;grid-template-columns: minmax(0,1.5fr) minmax(16rem,1fr);gap: 2.5rem clamp(2rem,6vw,6rem);padding-block: clamp(2rem,4vw,3.5rem) clamp(2.5rem,5vw,4.5rem)}.projekt-info .meta{color: var(--leise);margin-bottom: 1rem}.projekt-info .meta a{text-decoration: none}.projekt-info .meta a:hover{color: var(--text);text-decoration: underline}.projekt-info h1{font: 780 clamp(2.1rem,5.2vw,4.4rem)/.98 var(--anzeige);letter-spacing: -.04em;text-wrap: balance}.text{margin-top: 1.6rem;max-width: 40rem;color: color-mix(in srgb,var(--text) 86%,var(--ink))}.text p + p{margin-top: 1em}@media (max-width: 56rem){.projekt-info{grid-template-columns: 1fr}}@media (max-width: 40rem){.krumen li:last-child{display: none}.filmwahl-kopf span + span{display: none}}.weiter{border-top: 1px solid var(--linie);padding-block: clamp(2rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}.weiter-raster{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(1rem,3vw,2.5rem)}.weiter a{display: grid;grid-template-columns: minmax(6rem,11rem) 1fr;gap: 1rem;align-items: center;text-decoration: none}.weiter a.zurueck{grid-column: 1}.weiter a.vor{grid-column: 2;text-align: right;grid-template-columns: 1fr minmax(6rem,11rem)}.weiter a.vor .bild{order: 2}.weiter .bild{display: block;position: relative;aspect-ratio: 16 / 9;overflow: hidden;background: var(--flaeche)}.weiter img{object-fit: cover;transition: transform .6s cubic-bezier(.2,.7,.2,1)}.weiter a:hover img{transform: scale(1.05)}.weiter .mono{color: var(--leise);display: block;margin-bottom: .45rem}.weiter strong{font: 650 clamp(1rem,1.7vw,1.35rem)/1.15 var(--anzeige);letter-spacing: -.015em}@media (max-width: 40rem){.weiter-raster{grid-template-columns: 1fr}.weiter a.vor,.weiter a.zurueck{grid-column: 1;text-align: left;grid-template-columns: minmax(6rem,9rem) 1fr}.weiter a.vor .bild{order: 0}}.seite{padding-block: clamp(2.5rem,6vw,5.5rem) clamp(3rem,7vw,6rem)}.seite h1{font: 800 clamp(2.6rem,7vw,6rem)/.95 var(--anzeige);letter-spacing: -.045em;margin-bottom: clamp(1.5rem,3vw,2.75rem);text-wrap: balance}.prose{max-width: 44rem}.prose h2{font: 700 1.25rem/1.2 var(--anzeige);letter-spacing: -.015em;margin: 2.4em 0 .7em}.prose h2:first-child{margin-top: 0}.prose p,.prose ul{margin-block: 0 1em}.prose ul{padding-left: 1.2em}.prose li + li{margin-top: .4em}.prose strong{font-weight: 650}.ueber-raster{display: grid;grid-template-columns: minmax(12rem,26rem) minmax(0,1fr);gap: clamp(2rem,6vw,6rem);align-items: start}.ueber-raster img{width: 100%;height: auto}.ueber-raster .prose{font-size: clamp(1.08rem,1.5vw,1.28rem);line-height: 1.55}.ueber-raster .credits{margin-top: 2.5rem;max-width: 44rem;font-size: 1rem}@media (max-width: 52rem){.ueber-raster{grid-template-columns: 1fr}.ueber-raster figure{max-width: 20rem}}.kontakt-liste{display: grid;gap: 0;margin-top: 2.5rem;max-width: 52rem;border-top: 1px solid var(--linie)}.kontakt-liste a{display: flex;align-items: baseline;justify-content: space-between;gap: 1rem;padding-block: clamp(1rem,2vw,1.5rem);border-bottom: 1px solid var(--linie);text-decoration: none;transition: padding .3s cubic-bezier(.2,.7,.2,1)}.kontakt-liste a:hover{padding-left: 1rem}.kontakt-liste .gross{font: 700 clamp(1.5rem,4.4vw,3.4rem)/1.05 var(--anzeige);letter-spacing: -.035em;overflow-wrap: anywhere}.kontakt-liste .mono{color: var(--leise);flex: none}.fuss{border-top: 1px solid var(--linie);margin-top: auto;padding-block: 2.5rem 2rem;font-size: .92rem;color: var(--leise)}.fuss-raster{display: grid;grid-template-columns: minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap: 2rem 3rem}.fuss .marke{margin-bottom: 1.1rem;color: var(--text);text-decoration: none;gap: clamp(.7rem,2.6vw,1rem)}.fuss .marke:hover{text-decoration: none}.fuss .marke svg{width: clamp(2.5rem,9vw,3.6rem)}.fuss .marke-name{font-size: clamp(1.05rem,4.6vw,1.55rem)}.fuss .marke-name span{font-size: clamp(.7rem,3vw,1.05rem);margin-top: .35rem}.fuss .mono{color: var(--leise);margin-bottom: .9rem;display: block}.fuss ul{display: grid;gap: .45rem}.fuss a{color: var(--text);text-decoration: none}.fuss a:hover{text-decoration: underline}.fuss-klein{margin-top: 2.5rem;padding-top: 1.2rem;border-top: 1px solid var(--linie);display: flex;flex-wrap: wrap;justify-content: space-between;gap: .5rem 1.5rem;font-size: .82rem}@media (max-width: 52rem){.fuss-raster{grid-template-columns: 1fr 1fr}.fuss-raster > :first-child{grid-column: 1 / -1}}.fuss-schlank{padding-block: 1.2rem}.fuss-schlank .fuss-klein{margin-top: 0;padding-top: 0;border-top: 0}.fuss-klein nav{display: flex;gap: 1.2rem}.linklike{padding: 0;border: 0;background: none;color: var(--text);font: inherit;cursor: pointer;text-align: left}.linklike:hover{text-decoration: underline;text-underline-offset: .25em}.fuss-klein .linklike{color: inherit}.consent-hinter{position: fixed;inset: 0;z-index: 190;background: rgb(6 6 5 / .55);opacity: 0;visibility: hidden;transition: opacity .4s ease,visibility .4s}.consent-hinter.offen{opacity: 1;visibility: visible}.consent{position: fixed;left: 50%;bottom: 1.5rem;z-index: 200;display: flex;flex-direction: column;width: min(55rem,calc(100vw - 2 * var(--rand)));max-height: calc(100vh - 3rem);max-height: calc(100dvh - 3rem);background: var(--flaeche);color: var(--text);border: 1px solid var(--linie);box-shadow: 0 30px 80px rgb(0 0 0 / .45);opacity: 0;visibility: hidden;transform: translate(-50%,20px);transition: opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1),visibility .4s}.consent.offen{opacity: 1;visibility: visible;transform: translate(-50%,0)}.consent:focus{outline: none}.consent__tabs{display: grid;grid-template-columns: repeat(3,1fr);flex: none;border-bottom: 1px solid var(--linie)}.consent__tab{position: relative;padding: 1.2rem .75rem;border: 0;background: none;color: var(--leise);font: 500 .95rem/1.2 var(--fliess);cursor: pointer;transition: color .2s}.consent__tab:hover,.consent__tab[aria-selected="true"]{color: var(--text)}.consent__tab::after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;background: var(--text);transform: scaleX(0);transition: transform .4s cubic-bezier(.2,.7,.2,1)}.consent__tab[aria-selected="true"]::after{transform: scaleX(1)}.consent__body{overflow-y: auto;padding: 1.75rem 2rem}.consent__panel[hidden]{display: none}.consent__kopf{display: flex;align-items: center;gap: 1rem;margin-bottom: .9rem}.consent__titel{font: 700 1.25rem/1.2 var(--anzeige);letter-spacing: -.015em}.consent p{font-size: .95rem;line-height: 1.6;color: color-mix(in srgb,var(--text) 82%,var(--flaeche))}.consent p + p{margin-top: .8em}.consent a{text-decoration: underline;text-underline-offset: 3px}.consent__keks{position: relative;flex: none;width: 48px;height: 48px}.consent__keks img{width: 100%;height: 100%;-webkit-mask: radial-gradient(circle at 101% 26%,transparent 0 17%,#000 17.5%),radial-gradient(circle at 84% 4%,transparent 0 16%,#000 16.5%);-webkit-mask-composite: source-in;mask: radial-gradient(circle at 101% 26%,transparent 0 17%,#000 17.5%),radial-gradient(circle at 84% 4%,transparent 0 16%,#000 16.5%);mask-composite: intersect}.consent__keks::before,.consent__keks::after{content: "";position: absolute;border-radius: 50%;background: var(--text)}.consent__keks::before{width: 4px;height: 4px;right: -7px;top: 1px}.consent__keks::after{width: 3px;height: 3px;right: -1px;top: -6px;opacity: .7}.consent.offen .consent__keks{animation: knabbern .9s cubic-bezier(.2,.7,.2,1) .2s both}@keyframes knabbern{from{transform: rotate(-24deg) scale(.7);opacity: 0}to{transform: none;opacity: 1}}.consent__kategorie{padding: 1.1rem 0;border-bottom: 1px solid var(--linie)}.consent__kategorie:first-child{padding-top: 0}.consent__kategorie-kopf{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;margin-bottom: .4rem}.consent__kategorie-kopf h3{font: 650 1rem/1.3 var(--anzeige)}.consent__kategorie-kopf h3 span{margin-left: .35rem;color: var(--leise);font-weight: 400}.consent__liste{list-style: none;padding: 0;margin: .6rem 0 0;font-size: .875rem;color: var(--leise)}.consent__liste li + li{margin-top: .25rem}.consent__liste strong{color: var(--text);font-weight: 500}.schalter{position: relative;flex: none;width: 46px;height: 26px}.schalter input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer}.schalter span{position: absolute;inset: 0;border-radius: 999px;background: var(--linie-stark);transition: background .3s;pointer-events: none}.schalter span::after{content: "";position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background: var(--ink);transition: transform .3s cubic-bezier(.2,.7,.2,1)}.schalter input:checked + span{background: var(--text)}.schalter input:checked + span::after{transform: translateX(20px)}.schalter input:disabled{cursor: not-allowed}.schalter input:disabled + span{opacity: .55}.schalter input:focus-visible + span{outline: 2px solid var(--text);outline-offset: 3px}.consent__knoepfe{display: grid;grid-template-columns: repeat(3,1fr);gap: .75rem;flex: none;padding: 1.25rem 2rem 1.5rem;border-top: 1px solid var(--linie)}.consent__knopf{display: inline-flex;align-items: center;justify-content: center;gap: .4rem;height: 3.25rem;padding: 0 .75rem;border: 1px solid var(--linie-stark);background: transparent;color: var(--text);font: 500 .95rem/1 var(--fliess);cursor: pointer;transition: background-color .2s,color .2s,border-color .2s}.consent__knopf:hover{background: var(--text);color: var(--ink);border-color: var(--text)}.consent__knopf svg{width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 2}@media (max-width: 40rem){.consent{bottom: .6rem;width: calc(100vw - 1.25rem);max-height: calc(100vh - 1.25rem);max-height: calc(100dvh - 1.25rem)}.consent__tab{padding: 1rem .4rem;font-size: .875rem}.consent__body{padding: 1.4rem 1.25rem}.consent__knoepfe{grid-template-columns: 1fr;gap: .5rem;padding: .9rem 1.25rem 1.1rem}.consent__knopf{height: 2.9rem}}@media print{.consent,.consent-hinter{display: none}}.fehler{min-height: 60vh;display: grid;align-content: center}@view-transition{navigation: auto}::view-transition-group(*){animation-duration: .42s;animation-timing-function: cubic-bezier(.2,.7,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration: .24s}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none}html{scroll-behavior: auto}*,*::before,*::after{transition-duration: .001ms !important;animation-duration: .001ms !important}}@media print{.kopf,.fuss,.filter,.filmwahl,.krumen .pfeile,.weiter{display: none}body{background: #fff;color: #000}}