.s3d{--bg: #e9ece4;--fg: #1a2015;--muted: #535c49;--line: rgba(26, 32, 21, .12);--glass: rgba(255, 255, 255, .84);--glass-edge: rgba(255, 255, 255, .75);--accent: #3d6b22;--accent-hell: #a4d77c;--accent-weich: #e6f0d8;--on-accent: #ffffff;--tief: #20361a;--display: var(--font-heading-family, "Assistant", sans-serif);--body: var(--font-body-family, "Assistant", sans-serif);position:relative;isolation:isolate;background:var(--bg);color:var(--fg);font:400 17px/1.55 var(--body);letter-spacing:normal}.s3d *,.s3d *:before,.s3d *:after{box-sizing:border-box}.s3d [hidden]{display:none!important}.s3d h1,.s3d h2,.s3d h3{font-family:var(--display);font-weight:700;line-height:1.04;text-wrap:balance;margin:0;color:inherit;letter-spacing:-.01em}.s3d p{margin:0}.s3d a{color:inherit}.s3d img{max-width:100%}.s3d .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font:700 16px/1.2 var(--body);text-decoration:none;border:2px solid var(--accent);color:var(--accent);background:transparent;cursor:pointer;letter-spacing:normal}.s3d .btn.voll{background:var(--accent);color:var(--on-accent)}.s3d .btn:hover{background:var(--accent-hell);border-color:var(--accent-hell);color:var(--tief)}.s3d .btn:focus-visible,.s3d a:focus-visible{outline:3px solid var(--accent-hell);outline-offset:3px}.s3d .btn.gross{font-size:18px;padding:14px 26px}.s3d .btn.klein{font-size:15px;padding:9px 16px}.s3d .panel>.btn{justify-self:start}.s3d .mitte .panel>.btn{justify-self:center}.s3d .knopfreihe{display:flex;flex-wrap:wrap;gap:8px}.s3d .rechner-teaser .btn.klein{color:var(--accent-hell);border-color:var(--accent-hell)}.s3d__fix{position:sticky;bottom:18px;z-index:6;height:0;display:flex;justify-content:flex-end;padding-inline:18px;pointer-events:none}.s3d__fix .btn{pointer-events:auto;transform:translateY(-100%);box-shadow:0 12px 30px #1e281440}.s3d[data-modus=rechner] .s3d__fix{display:none}.s3d__hero{position:relative;z-index:3;background:var(--bg);padding:clamp(24px,4vw,56px) 16px clamp(40px,6vw,80px)}.s3d__hero-in{max-width:1280px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:min(calc(100vh - 140px),760px)}.s3d__hero-text{display:grid;gap:18px;justify-items:start}.s3d__hero h1{font-size:clamp(42px,5.4vw,78px)}.s3d__hero h1 span{color:var(--accent)}.s3d__lead{font-size:19px;color:var(--muted);max-width:33em}.s3d__aktionen{display:flex;flex-wrap:wrap;gap:10px}.s3d__zert{display:grid;gap:8px}.s3d__zert>b{font:700 12.5px/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}.s3d__vorteile{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-weight:600;font-size:15px;color:var(--fg)}.s3d__vorteile li{display:inline-flex;gap:8px;align-items:center}.s3d__vorteile li:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--accent-hell)}.s3d__bild{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4 / 3;box-shadow:0 24px 60px #1e281429;background:#d9ddd2}.s3d__bild img{width:100%;height:100%;object-fit:cover;display:block}.s3d__bild figcaption{position:absolute;left:14px;bottom:14px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;color:var(--fg)}.s3d__weiter{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--accent);font-size:15px;text-decoration:none}.s3d__weiter i,.s3d .scroll i{width:20px;height:32px;border:2px solid currentColor;border-radius:11px;position:relative;flex:none}.s3d__weiter i:after,.s3d .scroll i:after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:currentColor;animation:s3d-rad 1.6s ease-in-out infinite}@keyframes s3d-rad{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}to{opacity:0}}.s3d__szene{position:relative}.s3d__buehne{position:sticky;top:0;z-index:0;height:100vh;background:linear-gradient(#f1f3ec,#e3e7dc 62%,#d6dbcf)}.s3d__buehne canvas{display:block;width:100%;height:100%}.s3d.ohne3d .s3d__buehne{background:linear-gradient(#e9ece48c,#e9ece4d9),var(--s3d-ersatz, none) center / cover}.s3d.ohne3d .s3d__buehne canvas,.s3d.ohne3d .zaehler{display:none}.s3d .verlauf{display:none}.s3d__inhalt{position:relative;z-index:2;padding-inline:16px;margin-top:-100vh}.s3d .abschnitt{min-height:88vh;display:flex;align-items:center;max-width:1280px;margin-inline:auto;padding-block:48px}.s3d .abschnitt.rechts{justify-content:flex-end}.s3d .abschnitt.mitte{justify-content:center;text-align:center}.s3d .panel{width:min(640px,100%);background:var(--glass);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);border:1px solid var(--glass-edge);border-radius:22px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 60px #1e28141f;display:grid;gap:14px;min-width:0}.s3d .panel.breit{width:min(820px,100%)}.s3d .mitte .panel{width:min(860px,100%);justify-items:center}.s3d .augenbraue{font:700 12.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:inline-flex;gap:8px;align-items:center}.s3d .panel h2{font-size:clamp(30px,3.3vw,46px)}.s3d .panel h1 span,.s3d .panel h2 span{color:var(--accent)}.s3d .panel>p{color:var(--muted);font-size:17.5px}.s3d .siegel{display:flex;flex-wrap:wrap;gap:8px}.s3d .siegel span{font:700 12px/1 var(--body);letter-spacing:.06em;border:1.5px solid var(--accent);color:var(--accent);border-radius:999px;padding:6px 10px}.s3d .wer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s3d .wer a{display:grid;gap:2px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}.s3d .wer b{font:700 19px/1.1 var(--display);color:var(--fg)}.s3d .wer span{font-size:14.5px;color:var(--muted)}.s3d .wer a:hover{border-color:var(--accent)}.s3d .scroll{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--accent);font-size:15px}.s3d .zahlen{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s3d .zahl{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:2px}.s3d .zahl b{font:700 32px/1 var(--display);color:var(--accent);font-variant-numeric:tabular-nums}.s3d .zahl span{font-size:14.5px;color:var(--muted)}.s3d .zahl.gruen{background:var(--tief);border-color:var(--tief)}.s3d .zahl.gruen b{color:var(--accent-hell)}.s3d .zahl.gruen span{color:#d4e4c4}.s3d .haken{list-style:none;padding:0;margin:0;display:grid;gap:3px;font-weight:600}.s3d .haken li{display:flex;gap:10px;align-items:baseline;line-height:1.4}.s3d .haken li:before{content:"";flex:none;width:10px;height:10px;border-radius:2px;background:var(--accent-hell);transform:translateY(-1px)}.s3d .foto{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;display:block}.s3d .systeme{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.s3d .system{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px;align-content:start;min-width:0;position:relative}.s3d .system:hover{border-color:var(--accent)}.s3d .system header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.s3d .system h3{font-size:27px}.s3d .system h3 a{text-decoration:none}.s3d .system h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px}.s3d .system .preis{font-weight:700;font-variant-numeric:tabular-nums}.s3d .system .dicke{display:block;height:8px;border-radius:3px;background:linear-gradient(90deg,#ece8de 0 14%,#c8a265 14% 86%,#ece8de 86%)}.s3d .system small{color:var(--muted);font-size:14px;display:block}.s3d .system em{font-style:normal;font-weight:700;color:var(--accent);font-size:14.5px}.s3d .system .co2{font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-weich);border-radius:999px;padding:3px 8px;justify-self:start}.s3d .system .mehr{font-weight:700;font-size:14.5px;color:var(--accent);text-decoration:none;margin-top:2px}.s3d .system:hover .mehr{text-decoration:underline}.s3d .gruppen{display:grid;gap:10px}.s3d .gruppe{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;align-items:center}.s3d .gruppe img{width:96px;height:96px;object-fit:cover;border-radius:10px;display:block}.s3d .gruppe h3{font-size:20px;margin-bottom:2px}.s3d .gruppe p{font-size:15px;color:var(--muted)}.s3d .schritte{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}.s3d .schritte li{counter-increment:s;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.s3d .schritte li:before{content:counter(s,decimal-leading-zero);font:700 22px/1 var(--display);color:var(--accent);padding-top:2px}.s3d .schritte h3{font-size:19px;margin-bottom:2px}.s3d .schritte p{font-size:15px;color:var(--muted)}.s3d .tabelle{overflow-x:auto;border-radius:14px;border:1px solid var(--line);background:#fff}.s3d table{border-collapse:collapse;width:100%;font-size:15px;min-width:420px}.s3d th,.s3d td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}.s3d th{font:700 12.5px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.s3d td:nth-child(2),.s3d th:nth-child(2){background:var(--accent-weich);font-weight:700;color:var(--accent)}.s3d tr:last-child td{border-bottom:0}.s3d .wege{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;text-align:left}.s3d .weg{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}.s3d .weg h3{font-size:24px}.s3d .weg p{color:var(--muted);font-size:15px}.s3d .weg .btn{justify-self:start}.s3d .hinweis{font-size:13.5px;color:var(--muted)}.s3d .rechner-teaser{background:var(--tief);color:#fff;border-color:var(--tief)}.s3d .rechner-teaser>p{color:#d4e4c4}.s3d .rechner-teaser h2 span,.s3d .rechner-teaser .augenbraue{color:var(--accent-hell)}.s3d .rechner-teaser .btn.voll{background:var(--accent-hell);border-color:var(--accent-hell);color:var(--tief)}.s3d .vorschau{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.s3d .vorschau div{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px}.s3d .vorschau b{font:700 24px/1 var(--display);color:var(--accent-hell);display:block}.s3d .vorschau span{font-size:13px;color:#d4e4c4}.s3d .blatt{width:16px;height:16px;flex:none}.s3d__rechner{position:relative;z-index:2;max-width:1280px;margin:-100vh auto 0;padding:32px 16px 64px;min-height:100vh}.s3d__rechner .panel{width:min(500px,100%);gap:14px}.s3d__rechner .panel>p{font-size:15.5px}.s3d .zurueck{font-weight:700;color:var(--accent);text-decoration:none;font-size:15px;justify-self:start}.s3d .feld{display:grid;gap:6px}.s3d .feld .kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700}.s3d .feldname{font-weight:700}.s3d .zahlfeld{display:inline-flex;align-items:center;gap:6px;font:700 20px/1 var(--display);color:var(--accent)}.s3d .zahlfeld input{width:96px;font:700 20px/1 var(--display);color:var(--accent);text-align:right;border:1.5px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;box-shadow:none;min-height:0}.s3d input[type=range]{width:100%;accent-color:var(--accent);margin:0}.s3d .typen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.s3d .typen label{border:1.5px solid var(--line);border-radius:10px;padding:8px 4px;text-align:center;cursor:pointer;background:#fff;display:grid;gap:2px;position:relative}.s3d .typen input{position:absolute;opacity:0;pointer-events:none}.s3d .typen b{font:700 18px/1 var(--display)}.s3d .typen small{font-size:12px;color:var(--muted)}.s3d .typen label:has(input:checked){border-color:var(--accent);background:var(--accent-weich)}.s3d .typen label:has(input:focus-visible){outline:3px solid var(--accent-hell);outline-offset:2px}.s3d .optionen{display:grid;gap:7px;font-size:15px}.s3d .optionen>label{display:flex;gap:9px;align-items:flex-start;cursor:pointer;line-height:1.35}.s3d .optionen small{color:var(--muted)}.s3d .optionen input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex:none;margin:1px 0 0}.s3d .ecke{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:14px}.s3d .ecke label{display:inline-flex;align-items:center;gap:6px}.s3d .ecke input,.s3d .ecke select{font:inherit;color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:4px 6px;background:#fff;min-height:0}.s3d .ecke input{width:64px}.s3d .kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.s3d .kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px;min-width:0}.s3d .kpi b{font:700 26px/1 var(--display);font-variant-numeric:tabular-nums}.s3d .kpi span{font-size:13px;color:var(--muted)}.s3d .kpi.gruen{background:var(--tief);border-color:var(--tief)}.s3d .kpi.gruen b{color:var(--accent-hell)}.s3d .kpi.gruen span{color:#d4e4c4}.s3d .listentitel{font-size:21px;margin-top:4px}.s3d .liste{display:grid;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 12px;font-size:15px}.s3d .liste div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.s3d .liste div:last-child{border-bottom:0}.s3d .liste a{text-decoration:none}.s3d .liste a:hover{color:var(--accent);text-decoration:underline}.s3d .liste .menge{color:var(--muted);font-variant-numeric:tabular-nums}.s3d .liste .betrag{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.s3d .summe{display:flex;justify-content:space-between;align-items:baseline;font:700 26px/1 var(--display)}.s3d .summe small{font:400 13px/1.3 var(--body);color:var(--muted);display:block}.s3d button.btn{width:100%;-webkit-appearance:none;appearance:none;min-height:0;box-shadow:none}.s3d .btn[disabled]{opacity:.55;cursor:not-allowed}.s3d .uhr{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative;display:inline-block;vertical-align:-2px;margin-right:4px}.s3d .uhr:after{content:"";position:absolute;left:50%;top:1px;width:2px;height:5px;background:currentColor;transform-origin:50% 100%;margin-left:-1px}.s3d .bauen .uhr:after{animation:s3d-zeiger 1s linear infinite}@keyframes s3d-zeiger{to{transform:rotate(360deg)}}.s3d .mass{position:fixed;z-index:5;pointer-events:none;transform:translate(-50%,-50%);left:0;top:0;font:700 14.5px/1 var(--body);color:var(--tief);background:#ffffffeb;border:1.5px solid var(--accent);border-radius:999px;padding:5px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}.s3d .marke3d{position:fixed;z-index:5;pointer-events:none;transform:translate(-50%,-100%);opacity:0;transition:opacity .25s;left:0;top:0;font:700 13px/1.15 var(--body);background:var(--fg);color:#fff;padding:6px 10px;border-radius:8px;white-space:nowrap}.s3d .marke3d:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--fg);transform:translate(-50%) rotate(45deg)}.s3d .zaehler{position:absolute;z-index:6;left:16px;bottom:16px;font:600 14.5px/1.1 var(--body);color:var(--fg);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-edge);border-radius:999px;padding:8px 14px;font-variant-numeric:tabular-nums;display:inline-flex;gap:10px;align-items:center;box-shadow:0 8px 24px #1e28141a}.s3d .zaehler b{color:var(--accent)}.s3d .zaehler .sep{width:1px;height:16px;background:var(--line)}@media(max-width:899px){.s3d__hero{padding-top:12px}.s3d__hero-in{grid-template-columns:1fr;min-height:0;gap:18px}.s3d__bild{order:-1;aspect-ratio:4 / 3;border-radius:18px}.s3d__hero h1{font-size:40px}.s3d__lead{font-size:16.5px}.s3d__aktionen{width:100%}.s3d__aktionen .btn{flex:1 1 auto}.s3d__buehne{height:46vh;height:46svh;z-index:4}.s3d__inhalt{margin-top:0}.s3d__rechner{margin-top:0;min-height:0;padding:12px 16px 40px}.s3d__rechner .panel{width:100%}.s3d__fix{bottom:12px;padding-inline:12px}.s3d__fix .btn{padding:10px 16px;font-size:15px}.s3d .system .mehr{font-size:13px}.s3d .kpi b,.s3d .summe{font-size:22px}.s3d .verlauf{display:block;position:absolute;left:0;right:0;top:100%;height:26px;pointer-events:none;background:linear-gradient(var(--bg),rgba(233,236,228,0))}.s3d .marke3d{z-index:5}.s3d .abschnitt,.s3d .abschnitt.rechts,.s3d .abschnitt.mitte{min-height:0;align-items:flex-start;justify-content:center;padding-block:18vh 8vh}.s3d .abschnitt:first-child{padding-top:22px}.s3d .abschnitt:last-child{padding-bottom:30vh}.s3d .panel{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--line);box-shadow:0 10px 30px #1e281414;padding:18px;gap:10px;border-radius:18px}.s3d .rechner-teaser{background:var(--tief)}.s3d .panel h2{font-size:28px}.s3d .panel>p{font-size:15.5px}.s3d .augenbraue{font-size:11px}.s3d .wer{gap:8px}.s3d .wer a{padding:10px}.s3d .wer b{font-size:17px}.s3d .wer span{font-size:13px}.s3d .siegel span{font-size:11px;padding:5px 8px}.s3d .zahl{padding:10px}.s3d .zahl b{font-size:24px}.s3d .zahl span{font-size:13px}.s3d .foto{aspect-ratio:21 / 9}.s3d .haken{font-size:15px;gap:2px}.s3d .systeme{gap:8px}.s3d .system{padding:10px;gap:4px}.s3d .system header{display:grid;gap:2px}.s3d .system h3{font-size:22px}.s3d .system .preis{font-size:13px}.s3d .system small{display:none}.s3d .system em{font-size:13px}.s3d .gruppe{grid-template-columns:64px minmax(0,1fr);padding:8px}.s3d .gruppe img{width:64px;height:64px}.s3d .gruppe h3{font-size:17.5px}.s3d .gruppe p{font-size:13.5px}.s3d .schritte li{grid-template-columns:30px minmax(0,1fr);padding:10px}.s3d .schritte li:before{font-size:18px}.s3d .schritte h3{font-size:17px}.s3d .schritte p{font-size:13.5px}.s3d table{font-size:13px}.s3d th,.s3d td{padding:7px 8px}.s3d .wege{grid-template-columns:1fr}.s3d .weg{padding:14px}.s3d .weg h3{font-size:20px}.s3d .weg p{font-size:14px}.s3d .scroll{font-size:13.5px}.s3d .zaehler{left:50%;transform:translate(-50%);bottom:10px;font-size:13px;padding:6px 12px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.s3d .marke3d{transition:none}.s3d__weiter i:after,.s3d .scroll i:after,.s3d .bauen .uhr:after{animation:none}}.s3d__hero{isolation:isolate;overflow:hidden;background:#1d2418;color:#fff;padding:clamp(48px,7vw,110px) 16px}.s3d__hero-in{grid-template-columns:minmax(0,660px);min-height:min(calc(100vh - 200px),700px)}.s3d__bild{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:0;border-radius:0;aspect-ratio:auto;box-shadow:none;background:#1d2418;order:0}.s3d__bild img{object-position:60% center}.s3d__bild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e140adb,#0e140ab3 38%,#0e140a40 68%,#0e140a0d)}.s3d__bild figcaption{display:none}.s3d__hero h1{color:#fff}.s3d__hero h1 span,.s3d__hero .augenbraue{color:var(--accent-hell)}.s3d__hero .s3d__lead{color:#ffffffe6}.s3d__hero .s3d__zert>b,.s3d__hero .s3d__vorteile,.s3d__hero .s3d__weiter{color:#fff}.s3d__hero .siegel span{color:var(--accent-hell);border-color:var(--accent-hell);background:#0e140a59}.s3d__hero .btn:not(.voll){color:#fff;border-color:#fff}.s3d__hero .btn:not(.voll):hover{background:#fff;color:var(--tief)}@media(max-width:899px){.s3d__hero{padding:36px 16px 40px}.s3d__hero-in{min-height:0}.s3d__bild{aspect-ratio:auto;border-radius:0}.s3d__bild img{object-position:30% center}.s3d__bild:after{background:linear-gradient(180deg,#0e140a9e,#0e140acc)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sevitec-3d.css.map */