:root{--akzent: #f56104;--akzent-hell: #f7823a;--akzent-text: #b84800;--grund: #ffffff;--tinte: #171717}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--grund);color:var(--tinte);line-height:1.6}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;letter-spacing:-.5px}h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.6em;letter-spacing:-.3px}h3{font-size:1.15rem;margin-bottom:.3em}section{padding:72px 0}img{max-width:100%;display:block;border-radius:16px}.btn{display:inline-block;background:var(--akzent);color:#fff;text-decoration:none;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);padding:13px 28px;border-radius:50px;box-shadow:0 8px 24px color-mix(in srgb,var(--akzent) 35%,transparent);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.btn:hover{background:color-mix(in srgb,var(--akzent) 88%,black);transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--akzent) 45%,transparent)}.btn--ghost{background:#fff;color:var(--akzent-text);border:1.5px solid color-mix(in srgb,var(--akzent) 40%,transparent);box-shadow:none;text-shadow:none}.btn--small{padding:9px 20px;font-size:.92rem}.pill{display:inline-block;font-size:.85rem;font-weight:600;color:var(--akzent-text);background:color-mix(in srgb,var(--akzent) 10%,#fff);border:1px solid color-mix(in srgb,var(--akzent) 25%,transparent);border-radius:50px;padding:7px 16px;margin-bottom:20px}.nav{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav__brand{font-weight:800;font-size:1.1rem;color:var(--tinte);text-decoration:none}.nav__links{display:flex;align-items:center;gap:24px}.nav__links a{color:var(--tinte);text-decoration:none;font-weight:500}.nav__links a.btn{color:#fff}.nav__links a.aktiv:not(.btn){color:var(--akzent-text);font-weight:700;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2.5px}.hero{padding:110px 0 90px;background:radial-gradient(600px 300px at 15% 0%,color-mix(in srgb,var(--akzent) 14%,transparent),transparent),radial-gradient(500px 300px at 90% 20%,color-mix(in srgb,var(--akzent-hell) 12%,transparent),transparent)}.hero__inner{max-width:720px}.hero p{font-size:1.15rem;color:#475569;margin:18px 0 30px}.hero__cta{display:flex;gap:14px;flex-wrap:wrap}.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:28px}.karte{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px 22px;transition:transform .15s ease,box-shadow .15s ease}.karte:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0f172a14}.karte h3{color:var(--akzent-text)}.karte p{color:#475569;font-size:.97rem}.ueber{background:#fff;border-block:1px solid #e2e8f0}.ueber__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.ueber__bild{aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--akzent) 25%,#fff),color-mix(in srgb,var(--akzent-hell) 35%,#fff))}.ueber p{color:#475569}.haken{list-style:none;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.haken li{font-weight:600}.haken li:before{content:"✓ ";color:var(--akzent-text)}@media(max-width:720px){.ueber__inner{grid-template-columns:1fr}}.kontakt__box{background:linear-gradient(135deg,#171717,#2d2d2d);color:#fff;border-radius:24px;padding:56px 40px;text-align:center}.kontakt__box p{opacity:.92;margin-bottom:26px}.kontakt__box .hero__cta{justify-content:center}.kontakt__box .btn{background:#fff;color:var(--akzent-text);box-shadow:none;text-shadow:none}.kontakt__box .btn--ghost{background:transparent;color:#fff;border-color:#ffffff80}.footer{padding:28px 0}.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#64748b;font-size:.9rem}.entwurf-badge{position:fixed;bottom:14px;left:14px;z-index:100;background:#0f172ae0;color:#f1f5f9;text-decoration:none;font-size:.8rem;font-weight:600;padding:8px 16px;border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__raster{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}.hero__bild{width:100%;border-radius:20px;box-shadow:0 20px 50px #0f172a40}@media(max-width:860px){.hero__raster{grid-template-columns:1fr}}.modelle{background:radial-gradient(700px 320px at 10% -10%,color-mix(in srgb,var(--akzent) 7%,transparent),transparent),radial-gradient(600px 320px at 100% 110%,color-mix(in srgb,var(--akzent-hell) 6%,transparent),transparent),#fff;border-block:1px solid #e2e8f0;padding:70px 0}.modell{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.modell__masse{font-weight:700;font-size:1.05rem}.modell__preis{font-size:2rem;font-weight:800;color:var(--akzent)}.modell__preis span{font-size:.9rem;font-weight:600;color:#64748b}.modell .btn--small{margin-top:auto}.modelle__hinweis{margin-top:22px;color:#64748b;font-size:.88rem;max-width:760px}.ueber__foto{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.galerie{padding:70px 20px}.galerie__text{color:#475569;margin-top:6px}.galerie__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:26px}.galerie__raster img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;transition:transform .15s ease,box-shadow .15s ease}.galerie__raster img:hover{transform:scale(1.03);box-shadow:0 10px 26px #0f172a2e}.rechtliches__link{background:none;border:none;cursor:pointer;font:inherit;font-size:.9rem;color:#64748b;text-decoration:underline;padding:0}.anfrage__datenschutz{margin-top:.75rem;font-size:.85rem;line-height:1.5;color:#475569}.anfrage__falle{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.anfrage__hinweis--fehler{color:#b91c1c}.anfrage button[disabled]{opacity:.6;cursor:progress}.anfrage__datenschutz .rechtliches__link{font-size:inherit;color:inherit}.rechtliches{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px}.rechtliches__box{background:#fff;color:#0f172a;max-width:720px;max-height:85vh;overflow-y:auto;border-radius:16px;padding:36px;position:relative}.rechtliches__box h2{margin-top:.8em;font-size:1.4rem}.rechtliches__box h3{margin-top:1em;font-size:1rem}.rechtliches__box p{color:#475569;font-size:.93rem;margin:.4em 0}.rechtliches__box a{color:inherit}.rechtliches__zu{position:absolute;top:12px;right:16px;background:none;border:none;cursor:pointer;font-size:1.6rem;color:#64748b;line-height:1}.typen{padding:70px 0}.typen__text{color:#475569;max-width:62ch;margin-bottom:28px}.typen__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.typen__karte{display:block;text-align:left;cursor:pointer;font:inherit;color:inherit;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:0;transition:transform .15s ease,box-shadow .15s ease}.typen__karte:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0f172a1f}.typen__karte-bild{width:100%;aspect-ratio:16/9;object-fit:cover}.typen__karte-text{padding:18px 20px 20px}.typen__karte-text p{color:#475569;font-size:.94rem;margin:4px 0 12px}.typen__badge{display:inline-block;background:color-mix(in srgb,var(--akzent) 10%,#fff);color:var(--akzent-text);border:1px solid color-mix(in srgb,var(--akzent) 25%,transparent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:50px;padding:4px 12px;margin-bottom:8px}.typen__mehr{color:var(--akzent-text);font-weight:700;font-size:.92rem}.typdetail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:20px}.typdetail__box{background:#fff;max-width:860px;width:100%;max-height:88vh;overflow-y:auto;border-radius:18px;padding:36px;position:relative}.typdetail__box>p{color:#475569;margin:8px 0 16px}.typdetail__zu{position:absolute;top:12px;right:16px;background:none;border:none;cursor:pointer;font-size:1.7rem;color:#64748b;line-height:1}.typdetail__referenz{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;margin-bottom:18px}.typdetail__referenz h3{color:var(--akzent-text);font-size:1rem;margin-bottom:4px}.typdetail__referenz p{color:#475569;font-size:.94rem}.typdetail__bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:22px}.typdetail__bilder img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;transition:transform .15s ease}.typdetail__bilder img:hover{transform:scale(1.03)}.produkt{padding:22px 20px 70px}.brotkrumen{font-size:.9rem;color:#64748b;margin-bottom:16px}.brotkrumen a{color:#64748b;text-decoration:none}.brotkrumen a:hover{color:var(--tinte);text-decoration:underline}.brotkrumen span{margin:0 8px;color:#cbd5e1}.brotkrumen b{color:var(--tinte)}.produkt__raster{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:start}@media(max-width:860px){.produkt__raster{grid-template-columns:1fr}}.produkt__hauptbild{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #0f172a24}.produkt__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px;margin-top:12px}.produkt__thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:none}.produkt__thumbs button.aktiv{border-color:var(--akzent)}.produkt__thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.produkt__info h1{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:8px 0 12px}.produkt__beschreibung{color:#475569;margin-bottom:18px}.produkt__info .haken{grid-template-columns:1fr;margin-bottom:24px}.produkt__cta{display:grid;gap:10px;justify-items:start}.produkt__cta span{color:#64748b;font-size:.9rem}.produkt__daten{margin-top:54px}.produkt__daten h2{margin-bottom:16px}.produkt__daten table{width:100%;max-width:760px;border-collapse:collapse}.produkt__daten th,.produkt__daten td{text-align:left;padding:12px 16px;border-bottom:1px solid #e2e8f0;vertical-align:top}.produkt__daten th{color:var(--tinte);white-space:nowrap;width:190px;font-weight:700}.produkt__daten td{color:#475569}.produkt__daten tr:nth-child(odd){background:#fff}.produkt__referenz{margin-top:44px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--akzent);border-radius:12px;padding:22px 26px;max-width:760px}.produkt__referenz h2{font-size:1.15rem;color:var(--akzent-text);margin-bottom:6px}.produkt__referenz p{color:#475569}.produkt__zurueck{display:inline-block;margin-top:40px;color:var(--akzent-text);font-weight:700;text-decoration:none}.produkt__zurueck:hover{text-decoration:underline}.anfrage{max-width:560px;margin:6px auto 26px;display:grid;gap:12px;text-align:left}.anfrage__zeile{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.anfrage__zeile{grid-template-columns:1fr}}.anfrage input,.anfrage select,.anfrage textarea{width:100%;padding:13px 14px;border:none;border-radius:10px;font:inherit;font-size:.97rem;background:#fffffff2;color:var(--tinte)}.anfrage textarea{resize:vertical}.anfrage .btn{justify-self:center;background:#fff;color:var(--akzent-text);box-shadow:none;text-shadow:none}.anfrage__anhang{position:relative;display:flex;align-items:center;gap:12px;background:#fffffff2;border-radius:10px;padding:9px 12px;cursor:pointer}.anfrage__anhang input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.anfrage__anhang:focus-within{outline:2px solid #fff;outline-offset:2px}.anfrage__anhang-knopf{flex:none;background:var(--akzent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);font-weight:700;font-size:.9rem;border-radius:8px;padding:8px 14px}.anfrage__anhang-info{color:#52525b;font-size:.9rem;overflow-wrap:anywhere}.anfrage__hinweis{max-width:560px;margin:0 auto 22px;background:#ffffff29;border-radius:10px;padding:12px 16px;font-size:.95rem}.galerie__raster--teaser{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.galerie__alle{margin-top:22px}.galerieseite__titel{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:8px}.galerieseite__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:26px}.galerieseite__raster button{padding:0;border:none;background:none;cursor:pointer;border-radius:12px;overflow:hidden}.galerieseite__raster img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .15s ease}.galerieseite__raster button:hover img{transform:scale(1.04)}.lichtbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a101ceb;display:flex;align-items:center;justify-content:center;padding:56px 74px}.lichtbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.lichtbox__zu,.lichtbox__pfeil{position:fixed;background:#ffffff1a;color:#fff;border:none;cursor:pointer;border-radius:50px;width:46px;height:46px;font-size:1.6rem;line-height:1}.lichtbox__zu:hover,.lichtbox__pfeil:hover{background:#ffffff40}.lichtbox__zu{top:16px;right:16px}.lichtbox__pfeil--links{left:14px;top:50%;transform:translateY(-50%)}.lichtbox__pfeil--rechts{right:14px;top:50%;transform:translateY(-50%)}.lichtbox__zaehler{position:fixed;bottom:16px;left:50%;transform:translate(-50%);color:#cbd5e1;font-size:.9rem}@media(max-width:560px){.lichtbox{padding:56px 8px}.lichtbox__pfeil--links{left:4px}.lichtbox__pfeil--rechts{right:4px}}.produkt__aufbau{margin-top:54px}.produkt__aufbau h2{margin-bottom:20px}.aufbau__schritte{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:schritt}.aufbau__schritte li{counter-increment:schritt;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;padding-bottom:16px}.aufbau__schritte img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.aufbau__schritte b{display:block;padding:14px 18px 2px}.aufbau__schritte b:before{content:counter(schritt);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50px;background:var(--akzent);color:#fff;font-size:.85rem;margin-right:9px}.aufbau__schritte p{padding:0 18px;color:#475569;font-size:.9rem}.galerieseite__gruppe{margin-top:38px;font-size:1.25rem}.produkt__zoom{padding:0;border:none;background:none;cursor:zoom-in;display:block;width:100%}.produkt__galerie-hinweis{color:#64748b;font-size:.85rem;margin-top:10px}.varianten{margin:4px 0 22px}.varianten__label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px}.varianten__pills{display:flex;gap:8px;flex-wrap:wrap}.varianten__pills button{font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;background:#fff;color:var(--tinte);border:1.5px solid #cbd5e1;border-radius:10px;padding:9px 14px}.varianten__pills button:hover{border-color:var(--akzent)}.varianten__pills button.aktiv{border-color:var(--akzent);background:color-mix(in srgb,var(--akzent) 8%,#fff);color:var(--akzent-text)}.varianten__preis{display:flex;align-items:baseline;gap:12px;margin-top:14px;flex-wrap:wrap}.varianten__preis b{font-size:2.1rem;font-weight:800;color:var(--akzent);font-variant-numeric:tabular-nums}.varianten__preis span{color:#475569;font-size:.95rem}.varianten__hinweis{color:#64748b;font-size:.85rem;margin-top:4px}.varianten__sondermass{display:inline-block;margin-top:10px;color:var(--akzent-text);font-weight:700;font-size:.92rem;text-decoration:none}.varianten__sondermass:hover{text-decoration:underline}.produkt__mehr{margin-top:54px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}@media(max-width:820px){.produkt__mehr{grid-template-columns:1fr}}.produkt__mehr p{color:#475569}.produkt__mehr .haken{grid-template-columns:1fr;margin-top:6px}.aufbau-start{background:radial-gradient(650px 300px at 95% 0%,color-mix(in srgb,var(--akzent) 7%,transparent),transparent),#fff;border-block:1px solid #e2e8f0;padding:70px 0}.aufbau-start .aufbau__schritte{margin-top:26px}.aufbau-start li{background:var(--grund)}@media(max-width:700px){.nav__inner{height:auto;padding:12px 0 10px;flex-wrap:wrap;justify-content:center;gap:8px 12px}.nav__brand{width:100%;text-align:center}.nav__links{width:100%;justify-content:center;gap:12px 16px;flex-wrap:wrap;font-size:.9rem}.nav__links .btn--small{padding:7px 16px}}@media(max-width:560px){.produkt__daten th{white-space:normal;width:108px;padding:10px}.produkt__daten td{padding:10px;font-size:.92rem}.varianten__preis b{font-size:1.7rem}}.angebot{padding:0;margin-top:8px}.angebot__inner{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,#171717,#2d2d2d);color:#fff;border-radius:20px;padding:22px 28px}.angebot__marke{background:var(--akzent);color:#fff;font-weight:800;font-size:1.6rem;text-shadow:0 1px 2px rgba(0,0,0,.35);padding:10px 16px;border-radius:14px;white-space:nowrap}.angebot__titel{display:block;font-size:1.15rem;line-height:1.3}.angebot__inner p{color:#d4d4d4;font-size:.95rem;margin-top:4px}.angebot__btn{white-space:nowrap}@media(max-width:720px){.angebot__inner{grid-template-columns:1fr;gap:12px;padding:20px}.angebot__marke{justify-self:start;font-size:1.3rem}.angebot__btn{justify-self:start}}.angebot__pill{display:inline-block;background:var(--akzent);color:#fff;font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:50px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.varianten .angebot__pill{margin-top:14px}.karte.modell .modell__preis{font-size:1.75rem;font-weight:800;color:var(--akzent);line-height:1.2}.karte.modell .modell__preis span{font-size:.9rem}.preis__alt{font-size:.55em;font-weight:600;color:#64748b;margin-right:4px}.galerie__projekt{margin-top:30px;font-size:1.1rem}.galerieseite__projekt{margin-top:26px}.galerieseite__projekt h3{font-size:1.08rem}.galerieseite__projekt .galerieseite__raster{margin-top:16px}