:root{--grund:#ffffff;--flaeche:#f4f5f7;--fg:#111418;--fg-leise:#4a505a;--linie:#e1e4e8;--akzent:#7b2b20;--akzent-dunkel:#5e1f17;--rand:20px;--maxw:1200px;--radius:10px;--kopf-h:64px}@media (min-width:1000px){:root{--rand:40px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--grund);color:var(--fg);font-family:var(--font-text),ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit}p{margin:0 0 1em}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.022em;text-wrap:balance}:focus-visible{outline:3px solid var(--akzent);outline-offset:3px;border-radius:4px}.sprung{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px 14px}.sprung:focus{left:8px}.rahmen{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--rand)}.schmal{max-width:820px}.abschnitt{padding-block:clamp(72px,10vw,136px)}.abschnitt-flaeche,.abschnitt-ton{background:var(--flaeche)}.abschnitt-oben-eng{padding-top:16px}.leise{color:var(--fg-leise)}.klein{font-size:.9rem}.gross{font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.55;max-width:60ch}.abstand-oben{margin-top:48px}.titel-seite{font-size:clamp(2.5rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.034em;margin-bottom:20px}.titel-2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:22px;max-width:22ch}.titel-3{font-size:clamp(1.2rem,1.7vw,1.4rem);line-height:1.2;margin-bottom:8px;letter-spacing:-.015em}.textlink{color:var(--akzent);font-weight:600;text-underline-offset:3px}.textlink:hover{color:var(--akzent-dunkel)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 22px;border-radius:var(--radius);font:inherit;font-weight:650;text-decoration:none;cursor:pointer;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s}.knopf-voll{background:var(--akzent);color:#fff;border:1.5px solid var(--akzent)}.knopf-voll:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel)}.knopf-voll:disabled{opacity:.5;cursor:default}.knopf-weiss{background:#fff;color:var(--fg);border:1.5px solid rgb(17 20 24/.22)}.knopf-weiss:hover{border-color:var(--fg)}.knopf-hell{background:transparent;color:#fff;border:1.5px solid rgb(255 255 255/.75)}.knopf-hell:hover{background:rgb(255 255 255/.12);border-color:#fff}.knopf-klein{min-height:42px;padding:8px 16px;font-size:.95rem}.knopf-breit{width:100%}.knopf-reihe{display:flex;flex-wrap:wrap;gap:12px}.vorschau-leiste{margin:0;background:var(--fg);color:#fff;text-align:center;font-size:.85rem;padding:7px var(--rand)}.platzhalter{border:2px dashed #b06a00;background:#fff7e8;color:#4d3200;padding:16px 18px;border-radius:var(--radius);font-size:.95rem;margin-block:20px;max-width:70ch}.kopf{height:var(--kopf-h);background:#fff;border-bottom:1px solid var(--linie);position:relative;z-index:20}.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}.marke{font-weight:750;font-size:1.22rem;letter-spacing:-.025em;text-decoration:none;white-space:nowrap}.fuss .marke .und,.marke .und{color:var(--akzent)}.kopf-nav{display:none;gap:30px}.kopf-nav a{text-decoration:none;font-weight:550;color:var(--fg-leise)}.kopf-nav a:hover{color:var(--fg)}.kopf-rechts{display:flex;align-items:center;gap:14px}.kopf-telefon{font-weight:650;text-decoration:none}.kopf-menue{position:relative}.kopf-menue summary{list-style:none;width:44px;height:44px;display:grid;place-content:center;grid-gap:6px;gap:6px;cursor:pointer;border-radius:8px}.kopf-menue summary::-webkit-details-marker{display:none}.kopf-menue summary span{display:block;width:22px;height:2px;background:var(--fg);border-radius:2px}.kopf-menue nav{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;background:#fff;border:1px solid var(--linie);border-radius:12px;box-shadow:0 18px 40px -18px rgb(17 20 24/.35);padding:8px;display:grid}.kopf-menue nav a{padding:12px 14px;text-decoration:none;font-weight:600;border-radius:8px}.kopf-menue nav a:hover{background:var(--flaeche)}@media (min-width:900px){.kopf-nav{display:flex}.kopf-menue{display:none}}@media (max-width:640px){.kopf-rechts .knopf-klein{display:none}.kopf-innen{gap:12px}.marke{font-size:1.12rem}.kopf-telefon{font-size:.98rem}}.held{position:relative;isolation:isolate;display:flex;align-items:flex-end;color:#fff;overflow:clip;min-height:clamp(540px,calc(100svh - var(--kopf-h) - 8px),860px)}.held-foto{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#2a2622}.held-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform-origin:50% 30%;will-change:transform}.held-schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgb(12 13 15/.82) 0,rgb(12 13 15/.55) 38%,rgb(12 13 15/.12) 70%,rgb(12 13 15/0)),linear-gradient(90deg,rgb(12 13 15/.5) 0,rgb(12 13 15/0) 65%)}.held-inhalt{width:100%;padding-block:clamp(28px,6vh,88px)}.held-titel{font-size:clamp(2.2rem,9.4vw,3.4rem);line-height:1;letter-spacing:-.04em;font-weight:760}.held-titel span{display:block;white-space:nowrap}@media (min-width:700px){.held-titel{font-size:clamp(3rem,min(6.4vw,10.5vh),4.6rem)}}@media (min-width:1000px){.held-titel{font-size:clamp(3.4rem,min(5vw,10.5vh),4.7rem)}}@media (max-width:699px){.held{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(calc(100vw / 1.3),auto) auto auto auto;min-height:0;color:var(--fg)}.held-foto,.held-schleier{grid-row:1/2;grid-column:1/2}.held-foto img{object-position:50% 50%}.held-schleier{background:linear-gradient(0deg,rgb(12 13 15/.82) 0,rgb(12 13 15/.72) 40%,rgb(12 13 15/.5) 56%,rgb(12 13 15/.14) 68%,rgb(12 13 15/0) 78%)}.held .held-satz{margin-top:16px}.held .held-knoepfe{margin-top:18px;gap:10px}.held-inhalt{display:contents}.held-titel{grid-row:1/2;grid-column:1/2;align-self:end;color:#fff;padding:0 var(--rand) 18px}.held-klein,.held-knoepfe,.held-satz{padding-inline:var(--rand)}.held .held-satz{color:var(--fg)}.held .held-klein{color:var(--fg-leise);padding-bottom:8px}.held .knopf-hell{background:#fff;color:var(--fg);border-color:rgb(17 20 24/.22)}}@media (min-width:1000px){.held-foto img{width:125%;max-width:none;object-position:0 42%}.held-schleier{background:linear-gradient(90deg,rgb(12 13 15/.8) 0,rgb(12 13 15/.7) 40%,rgb(12 13 15/.58) 52%,rgb(12 13 15/.2) 62%,rgb(12 13 15/0) 72%),linear-gradient(0deg,rgb(12 13 15/.6) 0,rgb(12 13 15/0) 50%)}}.held-satz{font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.5;max-width:50ch;margin:20px 0 0;color:rgb(255 255 255/.93)}.held-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.held-klein{font-size:.92rem;margin:14px 0 0;color:rgb(255 255 255/.82)}.bausteine{display:grid;grid-template-columns:minmax(0,1fr);grid-column-gap:64px;column-gap:64px;margin-top:44px;border-top:1px solid var(--linie)}.baustein{padding:26px 0 22px;border-bottom:1px solid var(--linie)}.baustein p{margin:0;color:var(--fg-leise);max-width:52ch}@media (min-width:820px){.bausteine{grid-template-columns:repeat(2,minmax(0,1fr))}}.schaufenster{overflow-x:clip}.schaufenster-kopf{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px 40px}.schaufenster-reihe{display:flex;gap:clamp(18px,2.2vw,32px);margin-top:44px;padding:8px var(--rand) 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rand);scrollbar-width:none;overscroll-behavior-x:contain}.schaufenster-reihe::-webkit-scrollbar{display:none}.reihe-wandert .schaufenster-reihe{overflow:visible;will-change:transform;padding-left:max(var(--rand),calc((100vw - var(--maxw)) / 2 + var(--rand)))}.fenster{flex:0 0 auto;width:min(66vw,270px);scroll-snap-align:start;text-decoration:none;color:inherit}.fenster-geraet{border-radius:36px;padding:9px;background:#15181c;box-shadow:inset 0 1px 0 rgb(255 255 255/.06),0 34px 60px -32px rgb(17 20 24/.55);transform:perspective(1000px) rotateX(var(--kx,0deg)) rotateY(var(--ky,0deg));transition:transform .3s ease-out}.fenster-schirm{position:relative;aspect-ratio:390/664;border-radius:28px;overflow:hidden;background:#fff;container-type:size}.fenster-schirm img{width:100%;height:auto;transform:translateY(0);transition:transform 7s cubic-bezier(.45,0,.4,1)}.fenster:focus-visible .fenster-schirm img,.fenster:hover .fenster-schirm img{transform:translateY(calc(-100% + 100cqh))}.fenster-text{margin-top:16px}.fenster-branche{font-weight:700;font-size:1.05rem;display:block}.fenster-name{color:var(--fg-leise);font-size:.95rem}@media (hover:none){.fenster:hover .fenster-schirm img{transform:none}}.ablauf{position:relative;margin-top:44px;padding-left:40px;max-width:760px}.ablauf-liste{list-style:none;margin:0;padding:0;display:grid;grid-gap:36px;gap:36px}.ablauf-linie,.ablauf:before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;border-radius:2px}.ablauf:before{background:var(--linie)}.ablauf-linie{background:var(--akzent);transform-origin:top}.schritt{position:relative}.schritt:before{content:"";position:absolute;left:-38px;top:.45em;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--akzent)}.schritt p{margin:0;color:var(--fg-leise);max-width:58ch}.schritt-fenster{margin-top:22px}.schritt-fenster .fenster{display:block;width:min(56vw,220px)}.versprechen{margin-top:clamp(64px,8vw,104px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--linie);max-width:820px}.zwei-spalten{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:56px;gap:56px}@media (min-width:900px){.zwei-spalten{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:96px}}.kontakt-zeile{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:650;margin:0 0 8px}.kontakt-zeile a{color:var(--akzent);text-underline-offset:4px}.werkzeug{border-top:1px solid var(--linie);padding-top:28px;max-width:760px}.galerie-gruppe,.werkzeug{margin-top:64px}.galerie{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:48px 40px;gap:48px 40px;margin-top:28px}@media (min-width:640px) and (max-width:899px){.beispiel{grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}}@media (min-width:900px){.galerie{grid-template-columns:repeat(3,minmax(0,1fr))}}.beispiel{display:grid;grid-gap:18px;gap:18px;align-content:start;text-decoration:none;color:inherit}.beispiel .fenster-geraet{width:min(100%,300px)}.beispiel-titel{font-weight:700;font-size:1.1rem;line-height:1.25;margin:4px 0 6px}.beispiel p{margin:0 0 10px;color:var(--fg-leise);font-size:.97rem}.ansichten{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:40px;gap:40px;margin-top:40px}@media (min-width:900px){.ansichten{grid-template-columns:repeat(2,minmax(0,1fr))}.ansicht-gross{grid-column:1/-1}}.ansicht{display:grid;grid-gap:14px;gap:14px;text-decoration:none;color:inherit}.browser{border-radius:12px;border:1px solid var(--linie);box-shadow:0 30px 60px -36px rgb(17 20 24/.45)}.browser,.browser-leiste{display:block;overflow:hidden;background:#fff}.browser-leiste{padding:8px 14px;font-size:.8rem;color:var(--fg-leise);border-bottom:1px solid var(--linie);white-space:nowrap;text-overflow:ellipsis}.browser img{width:100%;height:auto}.ansicht-text{font-weight:650}.ansicht:hover .ansicht-text{color:var(--akzent)}.seiten-kopf{padding-top:clamp(48px,7vw,96px);padding-bottom:8px}.rechtstext{padding-bottom:96px}.rechtstext h2{margin-top:40px}.rechtstext li,.rechtstext p{max-width:72ch}.angaben{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px 48px;gap:20px 48px;margin:32px 0;padding:28px 0;border-block:1px solid var(--linie)}@media (min-width:760px){.angaben{grid-template-columns:repeat(2,minmax(0,1fr))}}.angaben h3{font-size:.95rem;letter-spacing:0;margin-bottom:4px}.angaben p{margin:0}.kontakt-raster{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:40px 64px;gap:40px 64px;margin-top:32px}@media (min-width:960px){.kontakt-raster{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.kontakt-raster .angaben{grid-template-columns:minmax(0,1fr);margin-top:44px}}.anfrage-rahmen{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:clamp(20px,3vw,32px);margin-top:14px}.anfrage{display:grid;grid-gap:18px;gap:18px}.anfrage-paar{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px}@media (min-width:560px){.anfrage-paar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.anfrage-feld{display:grid;grid-gap:6px;gap:6px;min-width:0}.anfrage-feld label{font-weight:600}.anfrage-feld input,.anfrage-feld textarea{width:100%;min-height:50px;padding:10px 14px;font:inherit;font-size:max(16px,1rem);color:var(--fg);background:#fff;border:1.5px solid #8a9099;border-radius:8px}.anfrage-feld textarea{min-height:150px;resize:vertical}.anfrage-feld input:focus-visible,.anfrage-feld textarea:focus-visible{outline:3px solid var(--akzent);outline-offset:1px}.anfrage-fangfeld{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.anfrage-hinweis{margin:0;padding:12px 14px;border-left:4px solid var(--akzent);background:var(--flaeche)}.anfrage .knopf{justify-self:start}.anfrage .klein{margin:0}.anfrage-danke{margin:0;font-size:1.15rem}.fuss{background:var(--flaeche);border-top:1px solid var(--linie);padding-top:64px;font-size:.97rem}.fuss-raster{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:40px;gap:40px}@media (min-width:900px){.fuss-raster{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);gap:56px}}.fuss-satz{margin-top:12px;max-width:36ch}.fuss-nav{display:grid;grid-gap:10px;gap:10px;align-content:start}.fuss-nav a{text-decoration:none;color:var(--fg-leise)}.fuss-nav a:hover{color:var(--fg);text-decoration:underline}.fuss-titel{font-size:1rem;letter-spacing:0;margin-bottom:12px}.impressum-block p{margin:0 0 10px;color:var(--fg-leise)}.impressum-block a,.impressum-block strong{color:var(--fg)}.fuss-unten{margin-top:48px;padding-block:22px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--linie);color:var(--fg-leise);font-size:.88rem}.fuss-unten p{margin:0}.handyleiste{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;padding:10px var(--rand) calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--linie);transform:translateY(110%);transition:transform .25s ease-out}.handyleiste[data-sichtbar=ja]{transform:none}.handyleiste a{flex:1 1;min-height:48px;display:grid;place-items:center;border-radius:var(--radius);text-decoration:none;font-weight:650;border:1.5px solid rgb(17 20 24/.2);text-align:center;line-height:1.2;padding:6px 10px}.handyleiste a.handyleiste-haupt{flex-grow:1.6;background:var(--akzent);border-color:var(--akzent);color:#fff}@media (min-width:900px){.handyleiste{display:none}}@media (max-width:899px){.fuss{padding-bottom:76px}}@media (prefers-reduced-motion:reduce){.fenster-geraet,.fenster-schirm img,.handyleiste{transition:none}.fenster:focus-visible .fenster-schirm img,.fenster:hover .fenster-schirm img{transform:none}}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk Fallback;src:local("Arial");ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.00%;size-adjust:100.94%}.__className_fba6e2{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.__variable_fba6e2{--font-text:"Hanken Grotesk","Hanken Grotesk Fallback"}