.q-demo{--q-tinte:var(--a-tinte);--q-text:var(--a-text);--q-grau:var(--a-leise);--q-schwach:#6b7280;--q-dezent:#9aa0ab;--q-linie:var(--a-linie);--q-linie-innen:#f0f1f4;--q-linie-stark:var(--a-linie-stark);--q-flaeche:var(--a-flaeche);--q-ruhig:#fafbfc;--q-karte:#fff;--q-blau:var(--a-blau);--q-blau-dunkel:var(--a-blau-tief);--q-blau-flaeche:var(--a-blau-hell);--q-blau-linie:#c9d8ff;--q-markierung:#ef6820;--q-markierung-flaeche:#fff4ed;--q-radius:14px;--q-radius-klein:10px;--q-mono:var(--a-f-mono);--q-schrift:var(--a-f-text);font-variant-numeric:tabular-nums}.q-mono{font-family:var(--a-f-mono), "Geist Mono", ui-monospace, monospace}.q-nurleser{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.q-klein{color:#6b7280;font-size:13.5px;line-height:1.5}.q-demo{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.q-demo__fenster>*,.q-demo__raster>*,.q-demo__zwei>*,.q-demo__seite>*{min-width:0}.q-demo__hinweis{border-radius:var(--q-radius);background:var(--q-blau-flaeche);border:1px solid var(--q-blau-linie);color:var(--q-tinte);align-items:flex-start;gap:10px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.q-demo__hinweis svg{color:var(--q-blau);flex:none;margin-top:3px}.q-demo__fenster{background:var(--q-flaeche);border:1px solid var(--q-linie);border-radius:12px;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;display:grid}.q-demo__fehler{border-radius:var(--q-radius);color:#912018;background:#fef3f2;border:1px solid #fecdca;padding:12px 16px}.q-demo__kopf{gap:10px;display:grid}.q-demo__kopflabel,.q-feld__label,.q-kennzahlen__label,.q-teildaten dt{font-family:var(--q-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--q-schwach);font-size:11px;font-weight:500}.q-teilwahl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.q-teilwahl button{text-align:left;border-radius:var(--q-radius);border:1px solid var(--q-linie);background:#fff;gap:2px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:grid}.q-teilwahl button:hover{border-color:var(--q-linie-stark)}.q-teilwahl button[aria-pressed=true]{border-color:var(--q-blau);background:var(--q-blau-flaeche);box-shadow:inset 0 -2px 0 var(--q-blau)}.q-teilwahl__nummer{font-family:var(--q-mono), monospace;color:var(--q-blau);font-size:12px}.q-teilwahl__name{color:var(--q-tinte);font-size:16px;font-weight:600}.q-teilwahl__art{color:var(--q-schwach);font-size:13px}.q-demo__eingaben{border:1px solid var(--q-linie);border-radius:var(--q-radius);background:#fff;flex-wrap:wrap;align-items:flex-end;gap:14px 28px;padding:14px 16px;display:flex}.q-feld{gap:6px;display:grid}.q-segmente{border-radius:var(--q-radius);background:#f2f4f7;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.q-segmente--leer{width:320px;height:40px}.q-segmente button{border-radius:var(--q-radius-klein);color:var(--q-grau);background:0 0;border:1px solid #0000;min-height:34px;padding:6px 12px;font-size:14px;font-weight:500}.q-segmente button:hover{color:var(--q-tinte)}.q-segmente button[aria-pressed=true]{color:var(--q-tinte);border-color:var(--q-linie-stark);background:#fff}.q-segmente--klein button{min-height:30px;padding:4px 10px;font-size:13px}.q-demo__raster{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;display:grid}.q-demo__seite{align-content:start;gap:16px;display:grid}.q-modell{border-radius:var(--q-radius);border:1px solid var(--q-linie);background:#eef1f5;height:460px;position:relative;overflow:hidden}.q-modell__leinwand{position:absolute;inset:0}.q-modell__leinwand canvas{cursor:grab;touch-action:pan-y;display:block}.q-modell__leinwand canvas:active{cursor:grabbing}.q-modell__marken{pointer-events:none;position:absolute;inset:0}.q-modell__marke{pointer-events:auto;border:1.5px solid var(--q-tinte);width:24px;height:24px;color:var(--q-tinte);font-family:var(--q-mono), monospace;background:#fff;border-radius:50%;place-items:center;font-size:11.5px;font-weight:500;line-height:1;transition:background-color .12s,color .12s,border-color .12s;display:grid;position:absolute;top:0;left:0}.q-modell__marke[data-aktiv=true]{background:var(--q-markierung);border-color:var(--q-markierung);color:#fff}.q-modell__titel,.q-modell__mass{font-family:var(--q-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--q-tinte);pointer-events:none;font-size:11px;font-weight:500;position:absolute;left:14px}.q-modell__titel{top:12px}.q-modell__legende{color:var(--q-grau);pointer-events:none;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:32px;left:14px}.q-modell__legende span{background:#0072b2;border-radius:2px;width:10px;height:10px}.q-modell__mass{letter-spacing:.02em;text-transform:none;color:var(--q-grau);font-size:12px;bottom:12px}.q-modell__hilfe{color:var(--q-schwach);pointer-events:none;font-size:12px;position:absolute;bottom:11px;right:14px}.q-modell__werkzeuge{gap:4px;display:flex;position:absolute;top:8px;right:10px}.q-modell__werkzeuge button{border-radius:var(--q-radius-klein);border:1px solid var(--q-linie);width:30px;height:30px;color:var(--q-tinte);background:#ffffffe6;place-items:center;font-size:16px;line-height:1;display:grid}.q-modell__werkzeuge button:hover{border-color:var(--q-linie-stark);background:#fff}.q-modell__aktivieren,.q-modell__fertig{color:#fff;background:#101828db;border:0;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:500;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.q-modell--laden{place-items:center;display:grid}.q-modell__laden{color:var(--q-schwach);font-size:14px}@media (prefers-reduced-motion:no-preference){.q-modell--laden:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite q-schimmer;position:absolute;inset:0}}@keyframes q-schimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.q-kennzahlen{border:1px solid var(--q-linie);border-radius:var(--q-radius);background:#fff;overflow:hidden}.q-kennzahlen__haupt{border-bottom:1px solid var(--q-linie);padding:16px 18px 14px}.q-kennzahlen__wert{letter-spacing:-.035em;color:var(--q-tinte);font-variant-numeric:tabular-nums;margin-top:2px;font-size:56px;font-weight:600;line-height:1.05}.q-kennzahlen__wert span{color:var(--q-text);letter-spacing:-.02em;margin-left:6px;font-size:30px;font-weight:500}.q-kennzahlen__maschine{border-bottom:1px solid var(--q-linie);justify-content:space-between;align-items:flex-start;padding:14px 18px;display:flex}.q-kennzahlen__kuerzel{font-family:var(--q-mono), monospace;color:var(--q-tinte);margin-top:4px;font-size:22px;font-weight:500}.q-kennzahlen__bezeichnung{color:var(--q-grau);font-size:14px}.q-kennzahlen__paar{background:var(--q-ruhig);grid-template-columns:1fr 1fr;display:grid}.q-kennzahlen__paar>div{padding:12px 18px 14px}.q-kennzahlen__paar>div+div{border-left:1px solid var(--q-linie)}.q-kennzahlen__zahl{color:var(--q-tinte);font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:4px;margin-top:4px;margin-left:-2px;padding-inline:2px;font-size:22px;font-weight:600;display:inline-block}.q-abzeichen{height:22px;font-family:var(--q-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--q-blau);background:var(--q-blau-flaeche);border:1px solid var(--q-blau-linie);white-space:nowrap;border-radius:999px;align-items:center;margin-left:8px;padding:0 9px;font-size:11px;font-weight:500;display:inline-flex}.q-teildaten{border:1px solid var(--q-linie);border-radius:var(--q-radius);background:#fff;grid-template-columns:1fr 1fr;gap:12px 18px;padding:14px 18px;display:grid}.q-teildaten dd{color:var(--q-tinte);margin-top:2px;font-size:14.5px}.q-teildaten--breit{grid-column:1/-1}@media (prefers-reduced-motion:no-preference){.q-blink{animation:.9s ease-out q-blink}}@keyframes q-blink{0%{background-color:#dfe7ff}to{background-color:#0000}}.q-demo__zwei{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.q-karte{border:1px solid var(--q-linie);border-radius:var(--q-radius);background:#fff;padding:18px}.q-karte__kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.q-karte__titel{color:var(--q-tinte);margin-bottom:6px;font-size:16px;font-weight:600}.q-bohrungen{border-top:1px solid var(--q-linie);margin-top:12px;padding:0;list-style:none}.q-bohrungen li{border-bottom:1px solid var(--q-linie-innen);border-left:2px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-inline:-10px;padding:12px 10px;transition:background-color .12s,border-color .12s;display:flex}.q-bohrungen li[data-aktiv=true]{background:var(--q-markierung-flaeche);border-left-color:var(--q-markierung)}.q-bohrungen__text{color:var(--q-tinte);align-items:baseline;gap:10px;font-size:14.5px;display:flex}.q-bohrungen__nr{border:1.5px solid var(--q-tinte);height:22px;font-family:var(--q-mono), monospace;border-radius:50%;flex:0 0 22px;place-items:center;font-size:11px;display:inline-grid;transform:translateY(-1px)}.q-bohrungen li[data-aktiv=true] .q-bohrungen__nr{background:var(--q-markierung);border-color:var(--q-markierung);color:#fff}.q-bohrungen__schalter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.q-bohrungen__toleranz{align-items:center;gap:8px;display:flex}.q-bohrungen__fest{color:var(--q-schwach);font-size:13px}.q-bohrungen__fuss{margin-top:12px}.q-losgroesse__tage{color:var(--q-tinte);letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-radius:4px;margin:4px 0 10px;font-size:34px;font-weight:600}.q-losgroesse__tage span{color:var(--q-grau);letter-spacing:0;margin-left:8px;font-size:14px;font-weight:500}.q-losrechnung{border-top:1px solid var(--q-linie);margin-bottom:10px}.q-losrechnung>div{border-bottom:1px solid var(--q-linie-innen);justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.q-losrechnung dt{color:var(--q-grau)}.q-losrechnung dd{color:var(--q-tinte);font-variant-numeric:tabular-nums;white-space:nowrap}.q-losrechnung__summe dt,.q-losrechnung__summe dd{color:var(--q-tinte);font-weight:600}.q-anteilbalken{border-radius:6px;gap:2px;height:12px;margin-top:12px;display:flex;overflow:hidden}.q-anteilbalken span{min-width:3px;transition:flex-grow .4s}.q-anteilliste{color:var(--q-tinte);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin-top:14px;padding:0;font-size:14px;list-style:none;display:grid}.q-anteilliste li{align-items:baseline;gap:8px;display:flex}.q-anteilliste strong{font-weight:500}.q-anteilliste span{color:var(--q-schwach)}.q-anteilliste .q-anteilliste__farbe{border-radius:2px;flex:0 0 10px;height:10px;transform:translateY(1px)}.q-karte--reiter{padding-top:6px}.q-reiter{border-bottom:1px solid var(--q-linie);scrollbar-width:none;gap:26px;display:flex;overflow-x:auto}.q-reiter button{white-space:nowrap;color:var(--q-grau);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 2px;font-size:15px}.q-reiter button[aria-selected=true]{color:var(--q-tinte);border-bottom-color:var(--q-blau);font-weight:500}.q-reiterfeld{padding-top:16px}.q-schritte__kopf,.q-schritt__zeile{grid-template-columns:44px 72px minmax(0,1fr) 100px;align-items:baseline;gap:12px;display:grid}.q-schritte__kopf{background:var(--q-ruhig);border:1px solid var(--q-linie);border-radius:var(--q-radius-klein) var(--q-radius-klein) 0 0;font-family:var(--q-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--q-schwach);border-bottom:0;padding:8px 12px;font-size:11px}.q-schritte ol{border:1px solid var(--q-linie);padding:0;list-style:none}.q-schritt+.q-schritt{border-top:1px solid var(--q-linie)}.q-schritt__zeile{padding:12px 12px 4px}.q-schritt__nr{color:var(--q-grau);font-variant-numeric:tabular-nums}.q-schritt__maschine{font-family:var(--q-mono), monospace;color:var(--q-tinte)}.q-schritt__vorgang{color:var(--q-tinte)}.q-schritt__vorgang small{color:var(--q-schwach);font-size:12.5px;display:block}.q-schritt__zeit{font-variant-numeric:tabular-nums;color:var(--q-tinte);text-align:right;font-weight:500}.q-schritt__umschalter{color:var(--q-blau);background:0 0;border:0;padding:4px 12px 12px 68px;font-size:14px;font-weight:500}.q-schritt__umschalter:hover{text-underline-offset:3px;text-decoration:underline}.q-schritt__herleitung{gap:14px;padding:4px 12px 16px 68px;display:grid}.q-schritte__fuss{border:1px solid var(--q-linie);background:var(--q-ruhig);border-radius:0 0 var(--q-radius-klein) var(--q-radius-klein);border-top:0;justify-content:space-between;padding:10px 12px;display:flex}.q-schritte__fuss span{font-family:var(--q-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--q-schwach);font-size:11px}.q-schritte__fuss strong{color:var(--q-tinte);font-variant-numeric:tabular-nums}.q-postentabelle{border-collapse:collapse;width:100%;font-size:14px}.q-postentabelle thead th{text-align:left;font-family:var(--q-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--q-schwach);background:var(--q-ruhig);border-bottom:1px solid var(--q-linie);padding:8px;font-size:11px;font-weight:500}.q-postentabelle td,.q-postentabelle tbody th{border-bottom:1px solid var(--q-linie-innen);text-align:left;color:var(--q-tinte);font-variant-numeric:tabular-nums;padding:7px 8px;font-weight:400}.q-postentabelle td:nth-child(n+2),.q-postentabelle thead th:nth-child(n+2){width:110px}.q-postentabelle__knopf{text-align:left;color:var(--q-tinte);background:0 0;border:0;align-items:baseline;gap:8px;padding:0;display:inline-flex}.q-postentabelle__knopf:hover{color:var(--q-blau)}.q-postentabelle__zeichen{color:var(--q-schwach);width:10px;font-size:11px}.q-postentabelle__ohne{padding-left:18px;display:inline-block}.q-postentabelle__herleitung td{padding:4px 8px 12px}.q-herleitung{background:var(--q-ruhig);border:1px solid var(--q-linie);border-radius:var(--q-radius-klein);gap:8px;padding:12px 14px;display:grid}.q-herleitung__formel{color:var(--q-tinte);font-size:14px}.q-herleitung__werte{font-family:var(--q-mono), monospace;color:var(--q-grau);overflow-wrap:anywhere;font-size:12.5px;line-height:1.55}.q-herleitung__kalibrierung{border-top:1px solid var(--q-linie);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:8px;display:grid}.q-herleitung__kalibrierung dt{color:var(--q-schwach);font-size:12.5px}.q-herleitung__kalibrierung dd{font-family:var(--q-mono), monospace;color:var(--q-tinte);font-size:13.5px}.q-tabellenrahmen{border:1px solid var(--q-linie);border-radius:var(--q-radius-klein);margin-top:12px;overflow-x:auto}.q-tabelle{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.q-tabelle thead th{text-align:left;white-space:nowrap;color:var(--q-schwach);background:var(--q-ruhig);border-bottom:1px solid var(--q-linie);padding:10px 12px;font-size:12.5px;font-weight:500}.q-tabelle td,.q-tabelle tbody th,.q-tabelle tfoot th{border-bottom:1px solid var(--q-linie-innen);text-align:left;color:var(--q-tinte);white-space:nowrap;padding:9px 12px}.q-tabelle tbody th{font-weight:500}.q-tabelle small{color:var(--q-schwach);font-size:11.5px;font-weight:400;display:block}.q-tabelle tfoot th{font-weight:500}.q-tabelle tfoot tr:last-child th,.q-tabelle tfoot tr:last-child td{border-bottom:0;font-weight:600}.q-tabelle tr[data-empfehlung=true]{background:var(--q-blau-flaeche)}.q-ihrezeit{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);align-items:start;gap:24px;display:grid}.q-ihrezeit__felder{gap:12px;display:grid}.q-eingabe{color:var(--q-grau);gap:6px;font-size:13.5px;display:grid}.q-eingabe input{border:1px solid var(--q-linie-stark);border-radius:var(--q-radius-klein);height:42px;font:inherit;color:var(--q-tinte);font-variant-numeric:tabular-nums;background:#fff;padding:0 12px;font-size:16px}.q-eingabe input::placeholder{color:var(--q-dezent)}.q-eingabe input:focus{outline:2px solid var(--q-blau);outline-offset:0;border-color:var(--q-blau)}.q-ihrezeit__ergebnis{color:var(--q-tinte);background:var(--q-ruhig);border:1px solid var(--q-linie);border-radius:var(--q-radius-klein);gap:8px;min-height:80px;padding:12px 14px;font-size:15px;display:grid}.q-ihrezeit__ergebnis strong{margin-right:6px;font-weight:600}.q-ihrezeit__ergebnis a{color:var(--q-blau);text-underline-offset:3px}.q-demo__fenster{border-radius:24px;padding:clamp(12px,2vw,22px)}.q-demo__hinweis{border-radius:14px}.q-teilwahl button{transition:transform .3s var(--a-feder), border-color .2s ease, background-color .2s ease, box-shadow .2s ease;border-radius:16px;padding:14px 16px}.q-teilwahl button:hover{transform:translateY(-2px)}.q-teilwahl button:active{transform:translateY(0)scale(.99)}.q-teilwahl button[aria-pressed=true]{box-shadow:0 0 0 4px #2b66f824}.q-teilwahl__name{font-family:var(--a-f-display), sans-serif;letter-spacing:-.01em;font-weight:700}.q-segmente button{transition:background-color .2s,color .2s}.q-segmente button:active{transform:scale(.97)}.q-kennzahlen__wert{font-family:var(--a-f-display), sans-serif;letter-spacing:-.045em;font-weight:800}.q-kennzahlen__wert span{font-family:var(--a-f-text), sans-serif}.q-losgroesse__tage{font-family:var(--a-f-display), sans-serif;font-weight:800}.q-modell,.q-karte{border-radius:16px}@media (max-width:1100px){.q-demo__raster,.q-demo__zwei{grid-template-columns:1fr}.q-ihrezeit{grid-template-columns:1fr 1fr}.q-ihrezeit>div:first-child{grid-column:1/-1}}@media (max-width:760px){.q-demo__fenster{border-radius:18px;padding:10px}.q-teilwahl{grid-template-columns:1fr}.q-teilwahl button{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}.q-teilwahl__art{grid-column:1/-1}.q-modell{height:320px}.q-modell__hilfe{display:none}.q-kennzahlen__wert{font-size:46px}.q-anteilliste{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13.5px}.q-anteilliste li{flex-wrap:wrap;gap:0 6px}.q-ihrezeit{grid-template-columns:1fr}.q-schritte__kopf{display:none}.q-schritt__zeile{grid-template-columns:28px 52px minmax(0,1fr)}.q-schritt__zeit{text-align:left;grid-column:3}.q-schritt__umschalter,.q-schritt__herleitung{padding-left:12px}.q-postentabelle td:nth-child(n+2),.q-postentabelle thead th:nth-child(n+2){width:80px}.q-herleitung__kalibrierung{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.q-demo *,.q-demo :before,.q-demo :after{transition:none!important;animation:none!important}}