/*! * (c) 2026 SweetIT / Julien Suess. Alle Rechte vorbehalten. * All rights reserved. Proprietary and confidential code. * * Dieses Softwareprodukt und alle seine Quellcode-Dateien sind rechtlich geschuetzt. * Vervielfaeltigung, Verbreitung, Modifikation, Dekompilierung oder unbefugte * Nutzung (auch auszugsweise) ohne vorherige schriftliche Genehmigung von * SweetIT (Julien Suess) ist strengstens untersagt und wird zivilrechtlich verfolgt. * * This software code is proprietary. Copying, modification, distribution, * reverse engineering, or unauthorized use is strictly prohibited. */ @font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[x-cloak]{display:none!important}.konfigurator{--papier:#f8f7f4;--blatt:#fff;--tinte:#16241d;--tinte-leise:#4a5751;--wald:#1b4332;--wald-hell:#2d6a4f;--signal:#2e7d32;--kante:#ded9cf;--kante-fein:#ebe7e0;--rot:#8c2f1f;--masz:1180px;--radius:3px;--leiste:76px;color:var(--tinte);background-color:var(--papier);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,sans-serif}.konfigurator .font-sans{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.konfigurator .font-mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.konfigurator :where(a,button,summary,input,select,textarea,[tabindex],[role=button],[role=switch]):focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:2px}.konfigurator .knopf--voll:focus-visible{box-shadow:0 0 0 6px var(--wald);outline-color:#fff}html:has(.konfigurator){scroll-padding-top:110px;scroll-padding-bottom:90px}.konfigurator .bahn{width:100%;max-width:var(--masz);margin-inline:auto;padding-inline:20px}@media (width>=768px){.konfigurator .bahn{padding-inline:32px}}.konfigurator .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--wald);margin:0 0 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700}.konfigurator h1.titel{letter-spacing:-.025em;color:var(--wald);text-wrap:balance;margin:0 0 16px;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:700;line-height:1.06}.konfigurator .fliesstext{color:var(--tinte-leise);max-width:62ch;margin:0;font-size:1rem;line-height:1.6}.konfigurator .kopf{padding-block:36px 28px}@media (width>=900px){.konfigurator .kopf{padding-block:56px 40px}}.konfigurator .werk{align-items:start;gap:32px;padding-bottom:48px;display:grid}.konfigurator .werk>*{min-width:0}@media (width>=900px){.konfigurator .werk{grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding-bottom:80px}}.konfigurator .teil{border-top:1px solid var(--kante);padding-block:30px}.konfigurator .teil:first-child{border-top:0;padding-top:6px}.konfigurator .teil__kopf{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.konfigurator .teil__nr{letter-spacing:.1em;color:var(--signal);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700}.konfigurator h2.teil__titel{letter-spacing:-.02em;color:var(--wald);margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.konfigurator .teil__hinweis{color:var(--tinte-leise);max-width:60ch;margin:0 0 18px;font-size:1rem;line-height:1.55}.konfigurator .satz{border:0;min-width:0;margin:0;padding:0}.konfigurator .satz>legend{padding:0}.konfigurator .wahl{gap:10px;display:grid}@media (width>=700px){.konfigurator .wahl--drei{grid-template-columns:repeat(3,minmax(0,1fr))}}.konfigurator .wahl__feld{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.konfigurator .wahl__schild{background-color:var(--blatt);border:1px solid var(--kante);border-radius:var(--radius);cursor:pointer;padding:15px 16px;transition:border-color .15s,background-color .15s;display:block}.konfigurator .wahl__schild:hover{border-color:var(--wald-hell)}.konfigurator .wahl__feld:checked+.wahl__schild{border-color:var(--wald);border-width:2px;padding:14px 15px}.konfigurator .wahl__feld:focus-visible+.wahl__schild{outline:3px solid var(--signal);outline-offset:2px}.konfigurator .wahl__name{color:var(--tinte);font-size:1rem;font-weight:700;line-height:1.3;display:block}.konfigurator .wahl__feld:checked+.wahl__schild .wahl__name{color:var(--wald)}.konfigurator .wahl__text{color:var(--tinte-leise);margin-top:3px;font-size:.875rem;line-height:1.45;display:block}.konfigurator .wahl__preis{font-variant-numeric:tabular-nums;color:var(--tinte-leise);margin-top:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;font-weight:700;display:block}.konfigurator .wahl__mehr{min-height:44px;color:var(--wald);text-underline-offset:2px;align-items:center;margin-top:2px;font-size:.875rem;text-decoration:underline;display:inline-flex}.konfigurator .stufen{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}@media (width>=560px){.konfigurator .stufen{grid-template-columns:repeat(5,minmax(0,1fr))}}.konfigurator .stufe{background-color:var(--blatt);border:1px solid var(--kante);border-radius:var(--radius);font-variant-numeric:tabular-nums;min-width:62px;min-height:44px;color:var(--tinte);cursor:pointer;padding:10px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;font-weight:700;transition:border-color .15s,background-color .15s,color .15s}.konfigurator .stufe:hover{border-color:var(--wald-hell)}.konfigurator .stufe[aria-pressed=true]{background-color:var(--wald);border-color:var(--wald);color:#fff}.konfigurator .regler-kopf{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:6px;display:flex}.konfigurator .regler-wert,.konfigurator .beleg__betrag,.konfigurator .leiste__betrag,.konfigurator .wahl__preis{white-space:nowrap}.konfigurator .regler-wert{font-variant-numeric:tabular-nums;color:var(--wald);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.3125rem;font-weight:700}.konfigurator .regler-grenze{color:var(--tinte-leise);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.konfigurator .regler{cursor:pointer;appearance:none;background:0 0;width:100%;height:44px;margin:0;padding:0;display:block}.konfigurator .regler::-webkit-slider-runnable-track{border-radius:var(--radius);background-color:var(--kante-fein);border:1px solid var(--kante);height:6px}.konfigurator .regler::-moz-range-track{border-radius:var(--radius);background-color:var(--kante-fein);border:1px solid var(--kante);height:6px}.konfigurator .regler::-moz-range-progress{border-radius:var(--radius);background-color:var(--wald);height:6px}.konfigurator .regler::-webkit-slider-thumb{appearance:none;border-radius:var(--radius);background-color:var(--blatt);border:2px solid var(--wald);cursor:grab;width:20px;height:20px;margin-top:-8px}.konfigurator .regler::-moz-range-thumb{border-radius:var(--radius);background-color:var(--blatt);border:2px solid var(--wald);cursor:grab;width:18px;height:18px}.konfigurator .regler:active::-webkit-slider-thumb{cursor:grabbing;background-color:var(--wald)}.konfigurator .regler:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--signal)}.konfigurator .regler:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--signal)}.konfigurator .gruppe{margin-top:22px}.konfigurator .gruppe__marke{letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-leise);border-bottom:1px solid var(--kante);padding-bottom:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700;display:block}.konfigurator .modul{border-bottom:1px solid var(--kante-fein);grid-template-columns:1fr auto;align-items:start;gap:10px 16px;padding-block:16px;display:grid}.konfigurator .gruppe .modul:last-child{border-bottom:0}.konfigurator .modul__kopf{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.konfigurator .modul__name{color:var(--tinte);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.konfigurator .modul__preis{font-variant-numeric:tabular-nums;color:var(--tinte-leise);white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;font-weight:700}.konfigurator .modul__preis--frei{color:var(--signal)}.konfigurator .modul__text{color:var(--tinte-leise);max-width:58ch;margin:4px 0 0;font-size:.875rem;line-height:1.5}.konfigurator .modul__warnung{color:#92400e;align-items:flex-start;gap:6px;margin:8px 0 0;font-size:.8125rem;line-height:1.5;display:flex}.konfigurator .modul__warnung svg{flex:none;margin-top:2px}.konfigurator .modul__technik{margin-top:8px}.konfigurator .modul__technik summary{min-height:44px;color:var(--wald);cursor:pointer;align-items:center;gap:6px;font-size:.875rem;list-style:none;display:inline-flex}.konfigurator .modul__technik summary::-webkit-details-marker{display:none}.konfigurator .modul__technik summary:before{content:"›";font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;transition:transform .2s;display:inline-block}.konfigurator .modul__technik[open] summary:before{transform:rotate(90deg)}.konfigurator .modul__technik p{color:var(--tinte-leise);max-width:58ch;margin:4px 0 0;font-size:.875rem;line-height:1.5}.konfigurator .schalter{flex-shrink:0;grid-row:span 2;align-self:start;align-items:center;margin-top:2px;display:inline-flex;position:relative}.konfigurator .schalter__feld{opacity:0;cursor:pointer;width:52px;height:44px;margin:0;position:absolute}.konfigurator .schalter__bahn{border-radius:var(--radius);border:1px solid var(--tinte-leise);pointer-events:none;background-color:#b9b2a4;width:52px;height:30px;transition:background-color .18s,border-color .18s;display:block}.konfigurator .schalter__bahn:after{content:"";border:1px solid var(--tinte-leise);background-color:#fff;border-radius:2px;width:22px;height:22px;transition:transform .18s;position:absolute;top:4px;left:4px}.konfigurator .schalter__feld:checked+.schalter__bahn{background-color:var(--wald);border-color:var(--wald)}.konfigurator .schalter__feld:checked+.schalter__bahn:after{transform:translate(22px)}.konfigurator .schalter__feld:focus-visible+.schalter__bahn{outline:3px solid var(--signal);outline-offset:2px}.konfigurator .merk{background-color:var(--blatt);border:1px solid var(--kante);border-left:2px solid var(--signal);border-radius:var(--radius);margin-top:18px;padding:16px 18px}.konfigurator .merk__titel{color:var(--tinte);margin:0 0 4px;font-size:1rem;font-weight:700}.konfigurator .merk__text{color:var(--tinte-leise);max-width:60ch;margin:0;font-size:.875rem;line-height:1.55}.konfigurator .merk__wahl{color:var(--tinte);cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:.875rem;line-height:1.5;display:flex}.konfigurator .merk__wahl input{width:20px;height:20px;accent-color:var(--wald);cursor:pointer;flex-shrink:0;margin:1px 0 0}.konfigurator .beleg{background-color:var(--blatt);border:1px solid var(--kante);border-radius:var(--radius);box-shadow:0 1px 2px #16241d0a,0 12px 28px -22px #16241d4d}@media (width>=900px){.konfigurator .beleg{overscroll-behavior:contain;max-height:calc(100vh - 130px);position:sticky;top:110px;overflow-y:auto}}.konfigurator .beleg__kopf{border-bottom:1px solid var(--kante);padding:15px 20px}.konfigurator .beleg__marke{letter-spacing:.13em;text-transform:uppercase;color:var(--wald);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700}.konfigurator .beleg__summe{border-bottom:1px solid var(--kante-fein);padding:18px 20px 14px}@media (width>=900px){.konfigurator .beleg__kopf,.konfigurator .beleg__summe{z-index:2;background-color:var(--blatt);position:sticky;top:0}.konfigurator .beleg__kopf{top:0}.konfigurator .beleg__summe{top:51px}.konfigurator .beleg__fuss{z-index:2;background-color:var(--blatt);position:sticky;bottom:0}}.konfigurator .beleg__betrag{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--wald);font-family:JetBrains Mono,ui-monospace,monospace;font-size:2.25rem;font-weight:700;line-height:1.05;transition:color .15s;display:block}.konfigurator .beleg__betrag.wechselt{color:var(--signal)}.konfigurator .beleg__takt{color:var(--tinte-leise);margin-top:4px;font-size:.875rem;display:block}.konfigurator .beleg__fussnote{border-top:1px solid var(--kante);color:var(--tinte-leise);margin:14px 0 0;padding-top:12px;font-size:.8125rem;line-height:1.55}.konfigurator .beleg__alt{color:var(--rot);margin-left:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;text-decoration:line-through}.konfigurator .beleg__liste{margin:0;padding:14px 20px;list-style:none}.konfigurator .posten{align-items:baseline;gap:8px;padding-block:7px;font-size:.875rem;display:flex}.konfigurator .posten__text{color:var(--tinte)}.konfigurator .posten__fuehrung{border-bottom:1px dotted var(--kante);flex:auto;align-self:center;min-width:14px;transform:translateY(-2px)}.konfigurator .posten__betrag{font-variant-numeric:tabular-nums;color:var(--tinte);white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.konfigurator .posten--frei .posten__betrag{color:var(--signal)}.konfigurator .posten--einmalig{border-top:1px solid var(--kante-fein);margin-top:6px;padding-top:12px}.konfigurator .beleg__fuss{border-top:1px solid var(--kante);padding:14px 20px 18px}.konfigurator .beleg__steuer{color:var(--tinte-leise);margin:12px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.5}.konfigurator .gutschein{border-top:1px solid var(--kante-fein);padding:14px 20px}.konfigurator .gutschein__label{letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-leise);margin-bottom:7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700;display:block}.konfigurator .gutschein__reihe{gap:8px;display:flex}.konfigurator .gutschein__feld{background-color:var(--papier);border:1px solid var(--kante);border-radius:var(--radius);min-width:0;min-height:44px;color:var(--tinte);flex:auto;padding:10px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem}.konfigurator .gutschein__feld::placeholder{color:var(--tinte-leise)}.konfigurator .gutschein__knopf{border:1px solid var(--kante);border-radius:var(--radius);min-height:44px;color:var(--wald);cursor:pointer;background-color:#0000;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:700;transition:border-color .15s}.konfigurator .gutschein__knopf:hover:not(:disabled){border-color:var(--wald)}.konfigurator .gutschein__knopf:disabled{opacity:.55;cursor:not-allowed}.konfigurator .gutschein__meldung{margin:8px 0 0;font-size:.875rem;line-height:1.45}.konfigurator .gutschein__meldung--gut{color:var(--wald);font-weight:700}.konfigurator .gutschein__meldung--schlecht{color:var(--rot)}.konfigurator .knopf{border-radius:var(--radius);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:13px 22px;font-family:Space Grotesk,ui-sans-serif,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.konfigurator .knopf--voll{background-color:var(--wald);border-color:var(--wald);color:#fff}.konfigurator .knopf--voll:hover{background-color:var(--wald-hell);border-color:var(--wald-hell)}.konfigurator .knopf--linie{border-color:var(--kante);color:var(--wald);background-color:#0000}.konfigurator .knopf--linie:hover{border-color:var(--wald)}.konfigurator .knopf[aria-disabled=true],.konfigurator .knopf:disabled{background-color:var(--kante);border-color:var(--kante);color:var(--tinte-leise);cursor:not-allowed;pointer-events:none}.konfigurator .leiste{z-index:40;background-color:var(--blatt);border-top:1px solid var(--kante);justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;transition:transform .2s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.konfigurator .leiste[hidden]{display:none}@media (width>=900px){.konfigurator .leiste{display:none}}.konfigurator .leiste__marke{letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-leise);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;display:block}.konfigurator .leiste__betrag{font-variant-numeric:tabular-nums;color:var(--wald);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.375rem;font-weight:700;line-height:1.15;display:block}.konfigurator .leiste .knopf{white-space:nowrap;flex-shrink:0;width:auto}@media (width<=899px){.konfigurator{padding-bottom:calc(var(--leiste) + 12px)}}@keyframes posten-ein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html:has(.konfigurator){scroll-behavior:auto!important}.konfigurator *,.konfigurator :before,.konfigurator :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.konfigurator .ohne-js{border-radius:var(--radius);color:#5c4a12;background-color:#fdf6e3;border:1px solid #e6d9a8;margin:20px 0 0;padding:16px 18px;font-size:1rem;line-height:1.55}.konfigurator .ohne-js a{color:#5c4a12;font-weight:700}.konfigurator .stufe{transition:transform .12s cubic-bezier(.16,1,.3,1),border-color .18s,background-color .18s}.konfigurator .stufe:hover{transform:translateY(-1px)}.konfigurator .stufe:active{transform:translateY(1px)scale(.97)}@keyframes konfigurator-dazu{0%{background-color:color-mix(in srgb, var(--signal,#2e7d32) 14%, transparent)}to{background-color:#0000}}.konfigurator .posten--neu{animation:1.1s ease-out konfigurator-dazu}.konfigurator .beleg__summe-betrag,.konfigurator .posten__betrag{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;transition:color .25s}@media (prefers-reduced-motion:reduce){.konfigurator .stufe,.konfigurator .stufe:hover,.konfigurator .stufe:active{transition:none!important;transform:none!important}.konfigurator .posten--neu{animation:none!important}} :root{--sweetit-protected:"Copyright 2026 SweetIT. All rights reserved. Unauthorized copying is strictly prohibited."}