@font-face{font-family: "Fraunces";src: url("../fonts/fraunces-var.woff2") format("woff2");font-weight: 300 700;font-style: normal;font-display: swap}@font-face{font-family: "Archivo";src: url("../fonts/archivo-var.woff2") format("woff2");font-weight: 400 700;font-stretch: 100% 112.5%;font-style: normal;font-display: swap}:root{--anthrazit: #1F2430;--anthrazit-tief: #161A22;--anthrazit-2: #2A303C;--kupfer: #B5713A;--kupfer-hell: #D79A68;--kupfer-text: #8F5426;--papier: #F4F0E8;--papier-2: #EBE5DA;--weiss: #FFFFFF;--text: var(--anthrazit);--text-leise: #5E6470;--text-auf-dunkel: var(--papier);--text-auf-dunkel-leise: #A9AEB8;--linie: #D9D2C6;--linie-dunkel: rgba(244,240,232,.14);--fokus: #D79A68;--fehler: #A3361F;--ok: #2F6B45;--font-display: "Fraunces",Georgia,"Times New Roman",serif;--font-text: "Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display-settings: "SOFT" 50,"WONK" 0;--fs-hero: clamp(2.75rem,1.6rem + 5.2vw,6rem);--fs-h2: clamp(2rem,1.35rem + 2.8vw,3.5rem);--fs-h3: clamp(1.375rem,1.15rem + .9vw,1.75rem);--fs-lead: clamp(1.125rem,1.05rem + .35vw,1.3125rem);--fs-body: 1.0625rem;--fs-small: .875rem;--fs-kicker: .8125rem;--tracking-kicker: .16em;--lh-tight: 1.04;--lh-head: 1.12;--lh-body: 1.6;--s-1: .5rem;--s-2: 1rem;--s-3: 1.5rem;--s-4: 2rem;--s-5: 3rem;--s-6: 4rem;--s-7: 6rem;--s-8: 8rem;--s-9: 10rem;--sektion: clamp(4.5rem,3rem + 6vw,9rem);--rand: clamp(1rem,.5rem + 2.5vw,2.5rem);--breite: 76rem;--breite-text: 40rem;--radius-s: 6px;--radius: 12px;--radius-l: 20px;--haarlinie: 1px solid var(--linie);--schatten: 0 1px 2px rgba(22,26,34,.06),0 12px 32px -12px rgba(22,26,34,.22);--dauer: 420ms;--kurve: cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion: reduce){:root{--dauer: 0ms}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;background: var(--papier);color: var(--text);font-family: var(--font-text);font-size: var(--fs-body);line-height: var(--lh-body);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,svg,video,picture{display: block;max-width: 100%;height: auto}p,ul,ol,figure,dl,dd{margin: 0}ul[class],ol[class]{list-style: none;padding: 0}a{color: inherit}button,input,select,textarea{font: inherit;color: inherit}[hidden]{display: none !important}:focus-visible{outline: 2px solid var(--kupfer-text);outline-offset: 3px;border-radius: 2px}.dunkel :focus-visible,.kopf :focus-visible,.fuss :focus-visible,.cta-leiste :focus-visible{outline-color: var(--fokus)}::selection{background: var(--kupfer-hell);color: var(--anthrazit)}.vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.sprung{position: absolute;left: var(--rand);top: -5rem;z-index: 30;padding: .6rem 1rem;background: var(--papier);color: var(--anthrazit);border-radius: var(--radius-s);font-weight: 600;text-decoration: none}.sprung:focus{top: 1rem}:root{--fs-monument: clamp(5rem,3rem + 6.6vw,11rem);--fs-schluss: clamp(3.25rem,1.2rem + 8.4vw,10rem);--fs-titel: clamp(2.4rem,1.5rem + 3.3vw,5rem)}.huelle{width: min(100% - 2 * var(--rand),var(--breite));margin-inline: auto}.sektion{position: relative;padding-block: var(--sektion)}.dunkel{background: var(--anthrazit);color: var(--text-auf-dunkel)}.weiss{background: var(--weiss)}.raster{display: grid;gap: var(--s-5) var(--s-4)}@media (min-width: 60rem){.raster{grid-template-columns: repeat(12,minmax(0,1fr))}.sp-4{grid-column: span 4}.sp-5{grid-column: span 5}.sp-6{grid-column: span 6}.sp-7{grid-column: span 7}.sp-8{grid-column: span 8}.sp-12{grid-column: 1 / -1}.ab-6{grid-column: 6 / span 7}.ab-5{grid-column: 5 / span 8}.klebt{position: sticky;top: var(--s-4);align-self: start}}.raster-linien{position: absolute;inset: 0;z-index: 0;display: none;width: min(100% - 2 * var(--rand),var(--breite));margin-inline: auto;pointer-events: none;opacity: .4}.raster-linien i{border-left: 1px solid var(--linie-dunkel)}.raster-linien i:last-child{border-right: 1px solid var(--linie-dunkel)}@media (min-width: 48rem){.raster-linien{display: grid;grid-template-columns: repeat(12,1fr)}}.randnotiz{display: none}@media (min-width: 84rem){.randnotiz{position: absolute;left: calc((100vw - var(--breite)) / 4);top: var(--sektion);z-index: 2;display: block;transform: translateX(-50%) rotate(180deg);writing-mode: vertical-rl;font-size: .6875rem;font-weight: 600;letter-spacing: .32em;text-transform: uppercase;color: var(--text-leise)}.dunkel .randnotiz,.held .randnotiz,.fuss .randnotiz{color: var(--text-auf-dunkel-leise)}}h1,h2,h3{margin: 0;font-family: var(--font-display);font-variation-settings: var(--display-settings);font-optical-sizing: auto;font-weight: 500;line-height: var(--lh-head);letter-spacing: -.015em;text-wrap: balance;overflow-wrap: break-word}h2{font-size: var(--fs-h2);letter-spacing: -.022em}h3{font-size: var(--fs-h3);font-weight: 540}.titel{font-size: var(--fs-titel);font-weight: 420;line-height: 1;letter-spacing: -.035em}.monument{font-size: var(--fs-monument);font-weight: 330;line-height: .94;letter-spacing: -.05em;text-wrap: initial}.monument>span,.fuss-schluss>span{display: block}.einzug{padding-left: 1.65em}@media (max-width: 47.99rem){.einzug{padding-left: 0}}.punkt{font-style: normal;color: var(--kupfer)}.kicker{display: flex;align-items: center;gap: .75rem;margin: 0 0 var(--s-3);font-family: var(--font-text);font-size: var(--fs-kicker);font-weight: 600;font-stretch: 112.5%;letter-spacing: var(--tracking-kicker);line-height: 1.4;text-transform: uppercase;color: var(--kupfer-text)}.kicker::before{content: "";flex: none;width: 1.75rem;height: 1px;background: currentColor}.dunkel .kicker,.held .kicker{color: var(--kupfer-hell)}.lead{font-size: var(--fs-lead);line-height: 1.55;max-width: var(--breite-text)}.leise{color: var(--text-leise)}.dunkel .leise{color: var(--text-auf-dunkel-leise)}.klein{font-size: var(--fs-small)}.text{max-width: var(--breite-text)}.text>* + *{margin-top: var(--s-2)}.nw{white-space: nowrap}h2 + .lead,h2 + p{margin-top: var(--s-3)}.ziffer{display: block;font-family: var(--font-display);font-variation-settings: var(--display-settings);font-optical-sizing: auto;font-weight: 300;font-size: clamp(3.5rem,2.6rem + 3vw,5.5rem);line-height: 1;letter-spacing: -.05em;color: var(--kupfer);font-feature-settings: "lnum"}.kontur{color: transparent;-webkit-text-stroke: 1.2px var(--kupfer)}@supports not (-webkit-text-stroke: 1px currentColor){.kontur{color: var(--kupfer)}}.pfeil,.navi a{position: relative;text-decoration: none}.pfeil::before,.navi a::before{content: "";position: absolute;left: 0;bottom: -2px;height: 1px;width: 100%;background: var(--kupfer);transform: scaleX(0);transform-origin: left;transition: transform var(--dauer) var(--kurve)}.pfeil:hover::before,.pfeil:focus-visible::before,.navi a:hover::before,.navi a:focus-visible::before{transform: scaleX(1)}.pfeil{display: inline-flex;align-items: center;gap: .5rem;margin-top: var(--s-3);font-weight: 600;color: var(--kupfer-text)}.pfeil::after{content: "→";transition: transform var(--dauer) var(--kurve)}.pfeil:hover::after{transform: translateX(3px)}.dunkel .pfeil{color: var(--kupfer-hell)}.fliess a,.hilfe a,.datenschutz-hinweis a{color: var(--kupfer-text);text-decoration-thickness: 1px;text-underline-offset: .2em}.knopf{display: inline-flex;align-items: center;justify-content: center;gap: .6rem;min-height: 3.25rem;padding: .8rem 1.6rem;border: 1px solid var(--kupfer);border-radius: var(--radius-s);background: var(--kupfer);color: var(--weiss);font: 700 1.1875rem/1.25 var(--font-text);text-align: center;text-decoration: none;text-wrap: balance;cursor: pointer;transition: background-color var(--dauer) var(--kurve),border-color var(--dauer) var(--kurve)}.knopf:hover{background: var(--kupfer-text);border-color: var(--kupfer-text)}.knopf-kontur{background: transparent;color: var(--text);border-color: var(--kupfer-text);font-size: 1.0625rem;font-weight: 600}.knopf-kontur:hover{background: var(--papier-2);border-color: var(--kupfer-text)}.dunkel .knopf-kontur,.kopf .knopf-kontur,.held .knopf-kontur,.fuss .knopf-kontur{color: var(--papier);border-color: var(--kupfer-hell)}.dunkel .knopf-kontur:hover,.kopf .knopf-kontur:hover,.held .knopf-kontur:hover,.fuss .knopf-kontur:hover{background: var(--anthrazit-2);border-color: var(--kupfer-hell)}.knopf-klein{min-height: 2.75rem;padding: .5rem 1rem;font-size: .9375rem}.knopf[disabled]{opacity: .6;cursor: progress}.knopf-text{padding: .5rem 0;border: 0;background: none;color: var(--kupfer-text);font-weight: 600;cursor: pointer;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .25em}.knoepfe{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-top: var(--s-4)}.kopf{position: relative;background: var(--anthrazit);color: var(--papier)}.kopf-innen{position: relative;z-index: 2;display: flex;flex-wrap: wrap;align-items: center;gap: .5rem var(--s-3);min-height: 5rem;padding-block: 1rem}.marke img{height: 2.75rem;width: auto}.navi{display: flex;gap: var(--s-4);margin-left: auto}.navi a{padding-block: .5rem;font-size: .9375rem;font-weight: 500;color: var(--papier)}.navi b{margin-right: .45rem;color: var(--kupfer-hell);font-weight: 500;font-feature-settings: "tnum"}@media (max-width: 25rem){.kopf-innen{gap: .5rem}.marke img{height: 2rem !important}.kopf .knopf{min-height: 2.5rem;padding: .45rem .8rem;font-size: .875rem}}@media (max-width: 47.99rem){.marke img{height: 2.25rem}.kopf .knopf{margin-left: auto}.navi{order: 3;width: 100%;margin: 0;justify-content: space-between;flex-wrap: wrap;gap: 0 var(--s-2);padding-top: .25rem;border-top: 1px solid var(--linie-dunkel)}.navi a{font-size: .875rem}.navi b{display: none}}.held{position: relative;overflow: hidden;overflow: clip;display: grid;padding-block: var(--s-5) var(--s-6);background: var(--anthrazit);color: var(--text-auf-dunkel)}@media (min-width: 64rem){.held{min-height: min(88vh,62rem);align-content: end}}.held-mitte{position: relative;z-index: 2;padding-block: var(--s-5) var(--s-5)}.held-mitte .kicker{margin-bottom: var(--s-4)}@media (max-width: 25rem){.held{padding-top: var(--s-2)}.held-mitte{padding-block: var(--s-3) var(--s-4)}}.held-leiste{position: relative;z-index: 2;display: grid;gap: var(--s-5);padding-top: var(--s-4)}.held-leiste::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 1px;background: var(--kupfer);opacity: .45}@media (min-width: 64rem){.held-leiste{grid-template-columns: minmax(0,5fr) minmax(0,7fr);grid-template-areas: "text film" "aktion film";column-gap: var(--s-6);row-gap: var(--s-4);align-items: start}.held-leiste>.lead{grid-area: text}.held-leiste>.film,.held-leiste>.film-figur{grid-area: film}.held-leiste>.held-aktion{grid-area: aktion}.held{padding-top: var(--s-3)}.held-mitte{padding-block: var(--s-4) var(--s-3)}.held-mitte .kicker{margin-bottom: var(--s-3)}.held-leiste{padding-top: var(--s-3)}}@media (max-width: 63.99rem){.held-leiste>.film,.held-leiste>.film-figur{order: 1}}.held-leiste .lead{color: var(--text-auf-dunkel);max-width: 34rem}.held-aktion{display: grid;gap: var(--s-3);justify-items: start}.held-aktion .knoepfe{margin-top: 0}.stempel{display: flex;align-items: center;gap: .8rem;color: var(--text-auf-dunkel-leise);font-size: var(--fs-small);line-height: 1.35}.stempel b{font-family: var(--font-display);font-weight: 300;font-size: 3.5rem;line-height: .8;letter-spacing: -.05em;color: var(--kupfer-hell)}.startbild{display: flex;flex-direction: column;min-height: 100vh;min-height: 100svh;background: var(--anthrazit)}.startbild main{display: grid;flex: 1}.startbild .held{min-height: 0;padding-bottom: var(--s-5)}.startbild .fuss{padding-block: var(--s-4)}.startbild .pfeil{margin-top: 0;color: var(--kupfer-hell);font-size: var(--fs-small)}@media (min-width: 64rem){.startbild .held-leiste{grid-template-columns: minmax(0,7fr) minmax(0,5fr);grid-template-areas: "text aktion";align-items: end}.startbild .held-aktion{justify-items: end}}.motiv{position: absolute;z-index: 1;pointer-events: none;fill: none;stroke: var(--kupfer);opacity: .42}.held .motiv{right: -8%;top: -2%;width: min(60rem,66vw);stroke-width: .13}.seiten-kopf .motiv{right: -4%;top: -22%;width: min(34rem,70vw);stroke-width: .22;opacity: .26}@media (max-width: 63.99rem){.held .motiv{right: -38%;top: 4%;width: 112vw;stroke-width: .24;opacity: .3}}@media (prefers-reduced-motion: no-preference){.motiv path{stroke-dasharray: 1;stroke-dashoffset: 1;animation: zeichnen 2.6s var(--kurve) .2s forwards}.motiv path + path{animation-delay: 1.6s;animation-duration: 1.6s}}@keyframes zeichnen{to{stroke-dashoffset: 0}}@keyframes auf{from{opacity: 0}to{opacity: 1}}@keyframes weg{from{opacity: 1}to{opacity: 0}}.seiten-kopf{position: relative;overflow: hidden;overflow: clip;padding-block: var(--s-6);background: var(--anthrazit);color: var(--text-auf-dunkel)}.seiten-kopf .huelle{position: relative;z-index: 2}.seiten-kopf h1{max-width: 16ch;font-size: var(--fs-titel);font-weight: 400;line-height: 1;letter-spacing: -.035em}.seiten-kopf .lead{margin-top: var(--s-3)}.seiten-kopf .klein{margin-top: var(--s-2)}.film-figur{margin: 0}.film{position: relative;aspect-ratio: 16 / 9;border: 1px solid var(--kupfer);border-radius: var(--radius-s);background: var(--anthrazit-2);overflow: hidden;overflow: clip}.film video{width: 100%;height: 100%;object-fit: cover;background: var(--anthrazit-tief)}.film-linie{position: absolute;inset: 0;width: 100%;height: 100%;fill: none;stroke: var(--kupfer);stroke-width: .55;stroke-linejoin: round}.film-linie .frage{fill: var(--kupfer);stroke: none}.film-linie .haekchen{stroke-width: 1.7;stroke-linecap: round}@media (prefers-reduced-motion: no-preference){.film-linie .haus{stroke-dasharray: 1;stroke-dashoffset: 1;animation: zeichnen 2.4s var(--kurve) .4s forwards}.film-linie .frage{opacity: 0;animation: auf .6s ease 2.5s forwards,weg .6s ease 5.2s forwards}.film-linie .haekchen{stroke-dasharray: 1;stroke-dashoffset: 1;animation: zeichnen 1s var(--kurve) 5.6s forwards}}@media (prefers-reduced-motion: reduce){.film-linie .frage{display: none}}.film-play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;gap: .75rem;padding: 0;border: 0;background: none;color: var(--papier);font-weight: 600;font-size: .9375rem;cursor: pointer}.film-play-kreis{display: grid;place-items: center;width: 5rem;height: 5rem;box-shadow: 0 0 0 .5rem color-mix(in srgb,var(--kupfer) 25%,transparent);border-radius: 50%;background: var(--kupfer);transition: transform var(--dauer) var(--kurve)}.film-play-kreis svg{width: 1.25rem;height: 1.25rem;margin-left: 3px;fill: var(--weiss)}.film-play:hover .film-play-kreis{transform: scale(1.06)}.film-play-zeit{padding: .35rem .7rem;border-radius: var(--radius-s);background: var(--anthrazit-tief)}.film-hinweis{margin-top: .6rem;font-size: var(--fs-small);color: var(--text-auf-dunkel-leise)}.abschnitt-kopf{margin-bottom: var(--s-5)}.versprechen-liste{display: grid;gap: var(--s-6);margin-top: var(--s-4)}.versprechen-liste .ziffer{font-size: clamp(5rem,3.6rem + 4vw,8.5rem);line-height: .8;margin-bottom: var(--s-4)}.versprechen-liste h3{margin: 0 0 var(--s-1);font-size: clamp(1.5rem,1.3rem + .8vw,1.875rem)}@media (min-width: 60rem){.versprechen-liste{grid-template-columns: repeat(3,minmax(0,1fr));gap: 0}.versprechen-liste li{padding-inline: var(--s-5)}.versprechen-liste li:first-child{padding-left: 0}.versprechen-liste li + li{border-left: var(--haarlinie)}}.werk{display: grid;gap: var(--s-4) var(--s-6);align-items: center;padding-block: var(--s-5);border-top: var(--haarlinie)}.werk:last-child{border-bottom: var(--haarlinie)}@media (min-width: 60rem){.werk{grid-template-columns: minmax(0,7fr) minmax(0,5fr)}.werk-gespiegelt{grid-template-columns: minmax(0,5fr) minmax(0,7fr)}.werk-gespiegelt .werk-bild{order: 2}}.werk-bild{position: relative;margin: 0;aspect-ratio: 4 / 3;overflow: hidden;overflow: clip;border-radius: var(--radius-s);background: var(--papier-2)}.werk-bild picture,.werk-bild img{width: 100%;height: 100%;object-fit: cover}.werk-text .ziffer{font-size: clamp(4rem,3rem + 3vw,7rem);line-height: .8}.werk-text h3{margin: var(--s-3) 0 var(--s-2);font-size: clamp(2rem,1.4rem + 2vw,3.25rem);font-weight: 420;line-height: 1.05;letter-spacing: -.03em}.werk-text p{color: var(--text-leise);max-width: 30rem}.muster-schild{position: absolute;left: var(--s-2);top: var(--s-2);padding: .2rem .55rem;border-radius: var(--radius-s);background: var(--anthrazit);color: var(--papier);font-size: .75rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase}.zeichnung{width: 100%;height: 100%;fill: none;stroke: var(--anthrazit);stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round}.zeichnung .k{stroke: var(--kupfer);stroke-width: 2}.zeichnung .f{stroke-width: .8;opacity: .55}.zeichnung>*{stroke-dasharray: 1;stroke-dashoffset: 0}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.zeichnung{view-timeline: --zeichnung block}.zeichnung>*{stroke-dashoffset: 1;animation: zeichnen linear both;animation-timeline: --zeichnung;animation-range: entry 10% cover 45%}.zeichnung>.k{animation-range: entry 30% cover 55%}}}.partner{position: relative;overflow: hidden;overflow: clip;padding-block: var(--sektion)}.partner .huelle{position: relative;z-index: 2}.partner h2{max-width: 26ch;font-size: clamp(1.75rem,1.3rem + 1.6vw,2.75rem);font-weight: 420}.gewerke{display: flex;flex-wrap: wrap;margin-block: var(--s-5);font-family: var(--font-display);font-optical-sizing: auto;font-size: clamp(2.2rem,1.1rem + 4.4vw,5.25rem);font-weight: 330;line-height: 1.08;letter-spacing: -.04em;color: var(--papier)}.gewerke{column-gap: .32em}.gewerke li::after{content: ".";color: var(--kupfer)}.partner-fuss{display: grid;gap: var(--s-3) var(--s-5);padding-top: var(--s-4);border-top: 1px solid var(--linie-dunkel)}@media (min-width: 60rem){.partner-fuss{grid-template-columns: minmax(0,7fr) minmax(0,5fr);align-items: end}.partner-fuss .pfeil{justify-self: end}}.partner-fuss p{max-width: 38rem}.partner-fuss p + p{margin-top: var(--s-2)}.warum{display: grid}.warum li{padding-block: var(--s-3) var(--s-4);border-top: var(--haarlinie)}.warum h3{font-family: var(--font-text);font-size: 1.125rem;font-weight: 650;letter-spacing: 0}.warum h3::before{content: "";display: block;width: 1.5rem;height: 1px;margin-bottom: var(--s-2);background: var(--kupfer)}.warum p{margin-top: .35rem;color: var(--text-leise)}@media (min-width: 48rem){.warum{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--s-5)}}.erzaehlung{display: grid;gap: var(--s-5)}@media (min-width: 64rem){.erzaehlung{grid-template-columns: minmax(0,4fr) minmax(0,8fr);gap: var(--s-6)}.erzaehlung-links{position: sticky;top: var(--s-5);align-self: start}}.schritt-liste{margin-top: var(--s-4);counter-reset: s}.schritt-liste li{counter-increment: s;display: flex;gap: .9rem;padding-block: .7rem;border-top: var(--haarlinie);color: var(--text-leise);font-weight: 600;transition: color var(--dauer) var(--kurve)}.schritt-liste li::before{content: counter(s,decimal-leading-zero);font-family: var(--font-display);font-weight: 400;color: var(--kupfer-text)}.schritt-liste li.an{color: var(--text)}@media (max-width: 63.99rem){.schritt-liste{display: none}}.etappen{display: grid}.etappe{display: grid;gap: var(--s-4);align-items: center;padding-block: var(--s-5);border-top: var(--haarlinie)}@media (min-width: 48rem){.etappe{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--s-5)}}@media (min-width: 64rem){.etappe{min-height: 62vh}}.etappe .zeichnung{max-width: 26rem;height: auto}@media (max-width: 47.99rem){.etappe .zeichnung{max-width: 15rem}}.etappe .ziffer{font-size: clamp(3.5rem,2.6rem + 3vw,6rem);line-height: .8}.etappe h3{margin: var(--s-3) 0 var(--s-1);font-size: clamp(1.5rem,1.2rem + 1vw,2.125rem)}.etappe p{color: var(--text-leise);max-width: 26rem}.preis-marke{display: inline-block;margin-top: var(--s-2);padding: .35rem .75rem;border: 1px solid var(--kupfer);border-radius: var(--radius-s);color: var(--kupfer-text);font-size: var(--fs-small);font-weight: 600}.ablauf{position: relative;display: grid;gap: var(--s-5)}.ablauf::before{content: "";position: absolute;left: 2.25rem;top: 1rem;bottom: 1rem;width: 1px;background: var(--kupfer)}.ablauf li{position: relative;display: grid;grid-template-columns: 4.5rem minmax(0,1fr);gap: var(--s-3)}.ablauf .ziffer{position: relative;z-index: 1;padding-bottom: .4rem;font-size: 3rem;text-align: center;background: var(--papier)}.ablauf h3{margin: .45rem 0 .35rem}.ablauf p{color: var(--text-leise);max-width: 34rem}.referenzen{display: grid;gap: var(--s-5)}@media (min-width: 48rem){.referenzen{grid-template-columns: repeat(2,minmax(0,1fr))}.referenz:first-child:nth-last-child(odd){grid-column: 1 / -1}.referenz:first-child:nth-last-child(odd) .vergleich{aspect-ratio: 16 / 9}}.vergleich{--pos: 50%;position: relative;aspect-ratio: 4 / 3;overflow: hidden;overflow: clip;border-radius: var(--radius-s);background: var(--papier-2)}.vergleich picture,.vergleich img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.vergleich .nachher{clip-path: inset(0 calc(100% - var(--pos)) 0 0)}.vergleich input{position: absolute;inset: 0;z-index: 2;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: ew-resize}.vergleich-griff{position: absolute;top: 0;bottom: 0;left: var(--pos);z-index: 1;width: 2px;margin-left: -1px;background: var(--papier);pointer-events: none}.vergleich-griff::after{content: "‹ ›";position: absolute;top: 50%;left: 50%;display: grid;place-items: center;width: 3rem;height: 3rem;transform: translate(-50%,-50%);border: 2px solid var(--papier);border-radius: 50%;background: var(--kupfer);color: var(--weiss);font-weight: 700;letter-spacing: .1em;box-shadow: var(--schatten)}.vergleich input:focus-visible + .vergleich-griff::after{outline: 3px solid var(--fokus);outline-offset: 3px}.vergleich-etikett{position: absolute;top: var(--s-2);z-index: 1;padding: .2rem .55rem;border-radius: var(--radius-s);background: var(--anthrazit);color: var(--papier);font-size: .75rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase}.vergleich-nachher{left: var(--s-2)}.vergleich-vorher{right: var(--s-2)}.referenz figcaption{margin-top: var(--s-2);font-family: var(--font-display);font-size: 1.375rem}#referenzen .pfeil{margin-top: var(--s-4)}.projekte{display: grid}.projekt{display: grid;gap: var(--s-4) var(--s-6);align-items: center;padding-block: var(--s-5);border-top: var(--haarlinie)}.projekt:last-child{border-bottom: var(--haarlinie)}@media (min-width: 60rem){.projekt{grid-template-columns: minmax(0,7fr) minmax(0,5fr)}.projekt:nth-child(even){grid-template-columns: minmax(0,5fr) minmax(0,7fr)}.projekt:nth-child(even) .vergleich{order: 2}}.projekt-text h2{margin: var(--s-1) 0 var(--s-2);font-size: clamp(1.75rem,1.3rem + 1.6vw,2.75rem);font-weight: 420;line-height: 1.08;letter-spacing: -.03em}.projekt-text .kicker{margin-bottom: 0}.projekt-ort{color: var(--text-leise);font-weight: 600}.projekt-text p + p{margin-top: var(--s-2);max-width: 30rem}.muster{margin-left: .5rem;font-family: var(--font-text);font-size: .75rem;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;color: var(--kupfer-text)}.orte{margin-top: var(--s-3);color: var(--text-leise);font-size: var(--fs-small)}.karte{margin: 0}.karte svg{width: 100%}.karte .fluss{fill: none;stroke: var(--kupfer);stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1}.karte .neben{fill: none;stroke: var(--kupfer);stroke-width: 1.25;stroke-linecap: round;opacity: .55;stroke-dasharray: 1}.karte .ort circle{fill: var(--anthrazit)}.karte .heim path{fill: var(--kupfer)}.karte text{font-family: var(--font-text);font-size: 14px;font-weight: 500;fill: var(--anthrazit);paint-order: stroke;stroke: var(--papier);stroke-width: 4px;stroke-linejoin: round}.karte .heim text{font-weight: 700}.karte .fluss-name{font-size: 11px;font-weight: 600;letter-spacing: .2em;fill: var(--kupfer-text)}@media (max-width: 40rem){.karte text{font-size: 22px}.karte .fluss-name{font-size: 16px}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.karte svg{view-timeline: --karte block}.karte .fluss,.karte .neben{stroke-dashoffset: 1;animation: zeichnen linear both;animation-timeline: --karte;animation-range: entry 5% cover 40%}.karte .ort,.karte .heim,.karte .fluss-name{opacity: 0;animation: auf linear both;animation-timeline: --karte;animation-range: entry 25% cover 42%}.karte .heim{animation-range: entry 10% cover 28%}.karte .ort:nth-of-type(2n){animation-range: entry 30% cover 47%}.karte .ort:nth-of-type(3n){animation-range: entry 35% cover 52%}}}.faq{border-top: var(--haarlinie)}.faq details{border-bottom: var(--haarlinie)}.faq summary{display: flex;justify-content: space-between;align-items: baseline;gap: var(--s-3);padding-block: var(--s-3);cursor: pointer;list-style: none;font-family: var(--font-display);font-variation-settings: var(--display-settings);font-size: clamp(1.3125rem,1.15rem + .5vw,1.625rem);font-weight: 450;line-height: 1.3;letter-spacing: -.01em}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";flex: none;font-family: var(--font-text);font-size: 2rem;font-weight: 300;line-height: 1;color: var(--kupfer);transition: transform var(--dauer) var(--kurve)}.faq details[open] summary::after{transform: rotate(45deg)}.faq details p{max-width: var(--breite-text);padding-bottom: var(--s-4);color: var(--text-leise)}.punkte{display: grid;counter-reset: p}.punkte li{position: relative;counter-increment: p;padding: var(--s-3) 0 var(--s-3) 4.75rem;border-top: var(--haarlinie)}.punkte li:last-child{border-bottom: var(--haarlinie)}.punkte li::before{content: counter(p,decimal-leading-zero);position: absolute;left: 0;top: var(--s-3);font-family: var(--font-display);font-weight: 300;font-size: 2.75rem;line-height: .85;letter-spacing: -.05em;color: transparent;-webkit-text-stroke: 1px var(--kupfer)}.punkte strong{display: block;font-weight: 650}.punkte span{color: var(--text-leise)}.abgrenzung{margin-top: var(--s-3);max-width: var(--breite-text)}.tipp{margin-top: var(--s-5);padding: var(--s-4);border-top: 2px solid var(--kupfer);background: var(--weiss)}.tipp h3{font-size: 1.25rem;margin-bottom: var(--s-2)}.tipp p + p{margin-top: var(--s-1)}.tipp .punkte li{padding-left: 3.25rem}.tipp .punkte li::before{font-size: 1.875rem}.tipp .punkte li:first-child{border-top: 0}.tipp .punkte li:last-child{border-bottom: 0}.fliess{max-width: var(--breite-text)}.fliess h2{margin: var(--s-6) 0 var(--s-2);font-size: var(--fs-h3)}.fliess h2:first-child{margin-top: 0}.fliess h3{margin: var(--s-4) 0 var(--s-1);font-family: var(--font-text);font-size: 1.0625rem;font-weight: 650;letter-spacing: 0}.fliess p,.fliess ul,.fliess address{margin-top: var(--s-2)}.fliess address{font-style: normal}.fliess ul{padding-left: 1.2rem}.fliess li + li{margin-top: .35rem}.anfrage-band{position: relative;overflow: hidden;overflow: clip;padding-block: var(--sektion)}.anfrage-band .huelle{position: relative;z-index: 2}.anfrage-band h2{max-width: 16ch}.band-knopf{align-self: end}.anfrage-kopf .klein{margin-top: var(--s-2)}.anfrage{position: relative;margin-top: var(--s-5)}.pflicht-hinweis{margin-bottom: var(--s-3)}.schritte-anzeige{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .75rem;margin-bottom: var(--s-4);counter-reset: s}.schritte-anzeige li{counter-increment: s;padding-top: .7rem;border-top: 2px solid var(--linie);color: var(--text-leise);font-size: var(--fs-small);font-weight: 600;line-height: 1.3;transition: border-color var(--dauer) var(--kurve),color var(--dauer) var(--kurve)}.schritte-anzeige li::before{content: counter(s,decimal-leading-zero);display: block;margin-bottom: .2rem;font-family: var(--font-display);font-size: 2rem;font-weight: 300;line-height: 1;letter-spacing: -.04em;color: transparent;-webkit-text-stroke: 1px var(--text-leise)}.schritte-anzeige li.erledigt,.schritte-anzeige li[aria-current]{border-color: var(--kupfer);color: var(--text)}.schritte-anzeige li.erledigt::before,.schritte-anzeige li[aria-current]::before{-webkit-text-stroke-color: var(--kupfer)}.schritte-anzeige li[aria-current]::before{color: var(--kupfer)}@media (max-width: 40rem){.schritte-anzeige li{font-size: 0}.schritte-anzeige li::before{font-size: 1.75rem}}.schritt{min-width: 0;margin: 0;padding: 0;border: 0}.schritt + .schritt{margin-top: var(--s-7)}.mit-js .schritt + .schritt{margin-top: 0}.schritt:focus{outline: none}.schritt>legend{display: flex;flex-direction: column;gap: .4rem;padding: 0;margin-bottom: var(--s-3);font-family: var(--font-display);font-size: clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight: 420;line-height: 1.1;letter-spacing: -.025em}.schritt-nr{font-family: var(--font-text);font-size: var(--fs-kicker);font-weight: 600;font-stretch: 112.5%;letter-spacing: var(--tracking-kicker);text-transform: uppercase;color: var(--kupfer-text)}.hilfe{color: var(--text-leise);font-size: var(--fs-small)}.fehler{margin-top: .4rem;color: var(--fehler);font-size: var(--fs-small);font-weight: 600}.fehler-box{margin-bottom: var(--s-4);padding: var(--s-3);border-left: 3px solid var(--fehler);background: var(--papier);color: var(--fehler);font-weight: 600}.hinweis{margin-top: var(--s-2);padding: .75rem var(--s-3);border-left: 2px solid var(--kupfer);background: var(--papier);font-size: var(--fs-small)}.kacheln{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,12.5rem),1fr));gap: .75rem}.kachel{position: relative;display: block;cursor: pointer}.kachel input{position: absolute;inset: 0;z-index: 1;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.kachel span{position: relative;display: flex;flex-direction: column;justify-content: space-between;gap: var(--s-3);height: 100%;min-height: 9rem;padding: var(--s-3);border: 1px solid var(--linie);border-radius: var(--radius);background: var(--papier);font-size: 1.0625rem;font-weight: 600;line-height: 1.3;transition: border-color var(--dauer) var(--kurve),background-color var(--dauer) var(--kurve),transform var(--dauer) var(--kurve)}.kachel svg{width: 3rem;height: 3rem;fill: none;stroke: var(--kupfer);stroke-width: 1.3;stroke-linecap: round;stroke-linejoin: round}@media (max-width: 39.99rem){.kacheln{grid-template-columns: repeat(2,minmax(0,1fr))}.kachel span{min-height: 8rem;padding: var(--s-2);font-size: 1rem}.kachel svg{width: 2.5rem;height: 2.5rem}}.kachel:hover span{border-color: var(--kupfer);transform: translateY(-2px)}.kachel input:checked + span{border-color: var(--kupfer);background: var(--weiss);box-shadow: inset 0 0 0 1px var(--kupfer)}.kachel input:checked + span::after{content: "✓";position: absolute;top: var(--s-2);right: var(--s-2);display: grid;place-items: center;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: var(--kupfer);color: var(--weiss);font-size: 1rem}.kachel input:focus-visible + span{outline: 2px solid var(--kupfer-text);outline-offset: 3px}.block{padding-top: var(--s-4)}.block + .block{margin-top: var(--s-5);border-top: var(--haarlinie)}.block>h3{font-size: 1.5rem;font-weight: 450}.gruppe{min-width: 0;margin: var(--s-4) 0 0;padding: 0;border: 0}.gruppe>legend,.feld>label,.feld>.etikett{padding: 0;margin-bottom: .5rem;font-weight: 600}.feld{display: grid;gap: .1rem;margin-top: var(--s-3)}.felder{display: grid;gap: 0 var(--s-3)}@media (min-width: 40rem){.felder{grid-template-columns: repeat(2,minmax(0,1fr))}.felder .breit{grid-column: 1 / -1}.felder-plz{grid-template-columns: 9rem minmax(0,1fr)}}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{width: 100%;min-height: 3rem;padding: .65rem .8rem;border: 0;border-bottom: 1px solid var(--text-leise);border-radius: var(--radius-s) var(--radius-s) 0 0;background: var(--papier-2);color: var(--text);font-size: 1.0625rem;line-height: 1.4}textarea{min-height: 7rem;resize: vertical}input:focus,select:focus,textarea:focus{background: var(--weiss);outline: 2px solid var(--kupfer-text);outline-offset: 0}[aria-invalid="true"]{border-bottom: 2px solid var(--fehler) !important}.wahl{display: flex;flex-wrap: wrap;gap: .5rem}.wahl label{position: relative;cursor: pointer}.wahl input{position: absolute;width: 1px;height: 1px;opacity: 0}.wahl span{display: inline-flex;align-items: center;min-height: 2.75rem;padding: .45rem 1rem;border: 1px solid var(--text-leise);border-radius: 999px;background: var(--weiss);font-size: .9375rem;transition: background-color var(--dauer) var(--kurve),border-color var(--dauer) var(--kurve)}.wahl label:hover span{border-color: var(--kupfer)}.wahl input:checked + span{background: var(--anthrazit);border-color: var(--anthrazit);color: var(--papier)}.wahl input:focus-visible + span{outline: 2px solid var(--kupfer-text);outline-offset: 2px}.haken{display: flex;gap: .75rem;align-items: flex-start;margin-top: var(--s-3);font-weight: 600;cursor: pointer}.haken input{flex: none;width: 1.375rem;height: 1.375rem;margin: .1rem 0 0;accent-color: var(--kupfer-text)}.info-zeile{margin-top: var(--s-3);font-size: var(--fs-small);color: var(--text-leise)}.zeilen{display: grid;gap: var(--s-2)}.zeile{display: grid;grid-template-columns: minmax(0,1fr) 6.5rem;gap: .75rem;min-width: 0;margin: 0;padding: var(--s-2) 0 0;border: 0;border-top: var(--haarlinie)}.zeile>legend{float: left;grid-column: 1 / -1;width: 100%;padding: var(--s-1) 0 0;font-size: var(--fs-small);font-weight: 600;color: var(--kupfer-text)}.zeile label,.masse-titel{display: grid;gap: .3rem;font-size: var(--fs-small);font-weight: 600}.masse-titel{margin-bottom: .3rem}.feld-kurz{max-width: 16rem}.zeile .masse{grid-column: 1 / -1}.masse-felder{display: flex;align-items: center;gap: .5rem}@media (min-width: 48rem){.zeile{grid-template-columns: minmax(0,1.4fr) 6rem minmax(0,1.4fr) minmax(0,1.6fr);align-items: end}.zeile .masse{grid-column: auto}}.foto-tipps{display: grid;gap: .6rem;margin: var(--s-2) 0 var(--s-3)}.foto-tipps li{display: flex;gap: .75rem;align-items: flex-start;font-size: var(--fs-small)}.foto-tipps svg{flex: none;width: 1.75rem;height: 1.75rem;fill: none;stroke: var(--kupfer);stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round}.foto-feld{display: grid;justify-items: center;gap: .75rem;padding: var(--s-5) var(--s-3);border: 1px dashed var(--text-leise);border-radius: var(--radius);background: var(--papier);text-align: center}.foto-feld.ziel{border-color: var(--kupfer);background: var(--weiss)}.mit-js .foto-feld input{position: absolute;width: 1px;height: 1px;opacity: 0}.mit-js .foto-feld input:focus-visible + label{outline: 2px solid var(--kupfer-text);outline-offset: 3px}.vorschau{display: grid;grid-template-columns: repeat(auto-fill,minmax(6.5rem,1fr));gap: .75rem;margin-top: var(--s-3)}.vorschau li{position: relative;aspect-ratio: 1;overflow: hidden;border: var(--haarlinie);border-radius: var(--radius-s);background: var(--papier-2)}.vorschau img{width: 100%;height: 100%;object-fit: cover}.vorschau .datei{display: grid;place-items: center;height: 100%;padding: .5rem;font-size: .75rem;text-align: center;overflow-wrap: anywhere}.vorschau button{position: absolute;top: .35rem;right: .35rem;display: grid;place-items: center;width: 2rem;height: 2rem;padding: 0;border: 0;border-radius: 50%;background: var(--anthrazit);color: var(--papier);font-size: 1.25rem;line-height: 1;cursor: pointer}.foto-zaehler{margin-top: .75rem;font-size: var(--fs-small);color: var(--text-leise)}.vorab{margin-top: var(--s-5);padding: var(--s-4);border-top: 2px solid var(--kupfer);background: var(--papier)}.vorab h3{font-size: 1.375rem;font-weight: 450}.vorab ol{display: grid;gap: .75rem;margin-top: var(--s-2);counter-reset: v}.vorab li{display: grid;grid-template-columns: 2.25rem minmax(0,1fr);gap: .5rem;counter-increment: v}.vorab li::before{content: counter(v,decimal-leading-zero);font-family: var(--font-display);font-size: 1.5rem;line-height: 1.1;color: var(--kupfer)}.datenschutz-hinweis{margin-top: var(--s-3);font-size: var(--fs-small);color: var(--text-leise)}.absenden{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);margin-top: var(--s-4)}.sende-status{font-size: var(--fs-small);color: var(--text-leise)}.schritt-knoepfe{display: flex;justify-content: space-between;gap: var(--s-2);margin-top: var(--s-5);padding-top: var(--s-3);border-top: var(--haarlinie)}.schritt-knoepfe [data-weiter]{margin-left: auto}.hp{position: absolute !important;left: -10000px;width: 1px;height: 1px;overflow: hidden}.fuss{position: relative;overflow: hidden;overflow: clip;padding-block: var(--sektion) var(--s-5);background: var(--anthrazit-tief);color: var(--text-auf-dunkel-leise);font-size: var(--fs-small)}.fuss .huelle{position: relative;z-index: 2}.fuss-schluss{margin: 0 0 var(--s-5);font-family: var(--font-display);font-optical-sizing: auto;font-size: var(--fs-schluss);font-weight: 330;line-height: .94;letter-spacing: -.05em;color: var(--papier)}.fuss-leiste{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3) var(--s-5);padding-block: var(--s-4);border-top: 1px solid var(--linie-dunkel)}.fuss-zusage{color: var(--text-auf-dunkel-leise)}.fuss-unten{display: grid;gap: var(--s-3);padding-top: var(--s-4);border-top: 1px solid var(--linie-dunkel)}@media (min-width: 64rem){.fuss-unten{grid-template-columns: auto minmax(0,1fr);align-items: center;column-gap: var(--s-5)}}.fuss-logo{height: 2.75rem;width: auto}.fuss a:not(.knopf){color: var(--papier);text-decoration: none}.fuss a:not(.knopf):hover{text-decoration: underline;text-decoration-color: var(--kupfer);text-underline-offset: .25em}.fuss p a{text-decoration: underline !important;text-decoration-color: var(--kupfer) !important;text-underline-offset: .25em}.fuss-navi{display: flex;flex-wrap: wrap;gap: .5rem 1.5rem;margin-top: var(--s-2)}.fuss-navi a{padding-block: .3rem}.cta-leiste{position: fixed;left: 0;right: 0;bottom: 0;z-index: 10;padding: .75rem var(--rand) calc(.75rem + env(safe-area-inset-bottom,0px));background: var(--anthrazit);border-top: 1px solid var(--linie-dunkel);transform: translateY(105%);visibility: hidden;transition: transform var(--dauer) var(--kurve),visibility 0s linear var(--dauer)}.cta-leiste.an{transform: none;visibility: visible;transition-delay: 0s}.cta-leiste .knopf{width: 100%}@media (min-width: 48rem){.cta-leiste{display: none}}@media (max-width: 47.99rem){.js .fuss{padding-bottom: calc(var(--s-5) + 5rem)}}.js .einblenden{transition: opacity var(--dauer) var(--kurve),transform var(--dauer) var(--kurve)}.js .einblenden:not(.da){opacity: 0;transform: translateY(12px)}@media (prefers-reduced-motion: reduce),print{.js .einblenden:not(.da){opacity: 1;transform: none}}@media print{.kopf .knopf,.cta-leiste,.film,.anfrage,.motiv,.raster-linien,.randnotiz{display: none !important}.dunkel,.held,.seiten-kopf,.fuss{background: none;color: var(--text)}.monument,.fuss-schluss{color: var(--text)}}