.ref-vt{--rv-vorher: var(--amber-700);--rv-sim: var(--navy-700);--rv-nachher: var(--teal-700);--rv-zusatz: var(--brand-deep)}.ref-vt [hidden]{display:none!important}.ref-vt__kopf{max-width:760px;margin-bottom:40px}.ref-vt__hinweis{margin-top:12px;color:var(--slate-500);font-size:13px;line-height:1.55}.ref-vt figure{margin:0}.ref-vt figure img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;background:var(--slate-100)}.ref-vt figcaption{padding-top:10px;color:var(--slate-600);font-size:13px}.ref-vt :is(button,a,summary):focus-visible{outline:3px solid var(--teal-700);outline-offset:4px}.ref-modell__ansicht button,.ref-modell__kamera button,.ref-kurven__schalter button,.ref-hoeren__knoepfe button{min-height:44px;padding:10px 16px;border:1px solid var(--slate-300);border-radius:var(--r-pill);background:#fff;color:var(--ink);font:600 13px/1 var(--b);cursor:pointer;transition:border-color var(--dur),background var(--dur),color var(--dur)}.ref-modell__ansicht button:hover,.ref-modell__kamera button:hover,.ref-kurven__schalter button:hover,.ref-hoeren__knoepfe button:hover{border-color:var(--ink)}.ref-modell__ansicht button[aria-pressed=true],.ref-hoeren__knoepfe button[aria-pressed=true]{border-color:var(--navy-950);background:var(--navy-950);color:#fff}.ref-modell__layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:clamp(32px,5vw,64px);align-items:start}.ref-modell__spalte{position:sticky;top:96px;min-width:0}.ref-modell__leiste{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ref-modell__ansicht{display:flex;gap:6px}.ref-modell__titel{color:var(--slate-500);font-size:12px}.ref-modell__buehne{position:relative;aspect-ratio:1.16;overflow:hidden;border:1px solid var(--slate-200);border-radius:12px;background:#fff;touch-action:pan-y}.ref-modell__canvas{display:none;width:100%;height:100%;cursor:grab;touch-action:pan-y}.ref-modell__canvas:active{cursor:grabbing}.ref-modell.is-webgl .ref-modell__canvas{display:block}.ref-modell.is-webgl .ref-modell__plan{display:none}.ref-modell__plan{display:grid;height:100%;padding:6%;place-items:center}.ref-modell__plan svg{width:100%;max-height:100%}.ref-plan__boden{fill:var(--slate-50);stroke:var(--slate-500);stroke-width:.03}.ref-plan__glas{stroke:var(--slate-300);stroke-width:.05}.ref-plan__absorber{fill:var(--slate-500)}.ref-plan__leiste{fill:none;stroke:var(--slate-300);stroke-width:.06}.ref-plan__segel{fill:var(--teal-50);stroke:var(--teal-700);stroke-width:.018}.ref-plan__tafel{fill:var(--brand-deep)}.ref-plan__beamer{fill:var(--ink)}.ref-plan__tuer{fill:none;stroke:var(--slate-500);stroke-width:.02}.ref-modell__richtung{position:absolute;color:var(--slate-500);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;pointer-events:none;transition:opacity .3s}.ref-modell__richtung--n{top:14px;left:50%;transform:translate(-50%)}.ref-modell__richtung--s{bottom:40px;left:50%;padding:2px 8px;border-radius:var(--r-sm);background:#fff;white-space:nowrap;transform:translate(-50%)}.ref-modell__richtung--w{top:50%;left:10px;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%)}.ref-modell__richtung--o{top:50%;right:10px;writing-mode:vertical-rl;transform:translateY(-50%)}.ref-modell__buehne.is-space .ref-modell__richtung{opacity:0}.ref-modell__fuss{position:absolute;right:16px;bottom:12px;left:16px;display:flex;justify-content:space-between;gap:10px;color:var(--slate-600);font-size:12px;pointer-events:none}.ref-modell__staerken{white-space:nowrap}.ref-modell__kamera{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ref-modell__kamera button{min-width:44px}.ref-modell__kamera button:disabled{opacity:.45;cursor:default}.ref-modell__fokus{display:grid;gap:6px}.ref-modell__fokus button{display:flex;align-items:center;width:100%;gap:12px;padding:13px 14px;border:1px solid var(--slate-200);border-radius:var(--r-sm);background:#fff;color:var(--ink);font:600 14px/1.3 var(--b);text-align:left;cursor:pointer;transition:border-color var(--dur),background var(--dur)}.ref-modell__fokus button:hover{border-color:var(--teal-700)}.ref-modell__fokus button>span{color:var(--slate-500);font-size:12px;font-variant-numeric:tabular-nums}.ref-modell__fokus button>small{margin-left:auto;color:var(--slate-500);font-size:12px;font-weight:400}.ref-modell__fokus button[aria-pressed=true]{border-color:var(--teal-700);background:var(--teal-50)}.ref-modell__fokus button[aria-pressed=true]>span,.ref-modell__fokus button[aria-pressed=true]>small{color:var(--teal-700)}.ref-modell__details{margin-top:28px}.ref-modell__details article+article{margin-top:32px}.ref-modell__details h3{margin:0 0 12px;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;line-height:1.2}.ref-modell__details p{color:var(--slate-600);font-size:15px;line-height:1.65}.ref-modell__details figure{margin-top:18px}.ref-modell__marke{margin-bottom:8px;color:var(--teal-700)!important;font-size:12px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ref-modell__quelle{padding-top:16px;border-top:1px solid var(--slate-300)}.ref-kurven__schalter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ref-kurven__schalter button{display:inline-flex;align-items:center;gap:8px}.ref-kurven__schalter button[aria-pressed=false]{color:var(--slate-500)}.ref-kurven__schalter i{display:inline-block;width:18px;height:3px;border-radius:2px}.ref-kurven__schalter button[aria-pressed=false] i{opacity:.3}.ref-kurven__farbe--vorher{background:var(--rv-vorher)}.ref-kurven__farbe--sim{background:var(--rv-sim)}.ref-kurven__farbe--nachher{background:var(--rv-nachher)}.ref-kurven__farbe--zusatz{background:var(--rv-zusatz)}.ref-kurven__flaeche{overflow-x:auto;overscroll-behavior-x:contain;padding:12px 8px 4px;border:1px solid var(--slate-200);border-radius:12px;background:#fff}.ref-kurven__flaeche:focus-visible{outline:3px solid var(--teal-700);outline-offset:4px}.ref-kurven__svg{display:block;width:100%;height:auto;overflow:visible}.ref-kurven__svg text{fill:var(--slate-600);font:13px var(--b)}.ref-kurven__raster{stroke:var(--slate-200);stroke-width:1}.ref-kurven__soll{fill:var(--teal-600);opacity:.12}.ref-kurven__linie{fill:none;stroke-width:3}.ref-kurven__punkt{stroke:#fff;stroke-width:2}.ref-kurven__svg [data-rv-serie]{transition:opacity var(--dur)}.ref-kurven__svg [data-rv-serie].is-aus{opacity:.07}[data-rv-serie=vorher] .ref-kurven__linie{stroke:var(--rv-vorher)}[data-rv-serie=vorher] .ref-kurven__punkt{fill:var(--rv-vorher)}[data-rv-serie=sim] .ref-kurven__linie{stroke:var(--rv-sim);stroke-dasharray:8 5}[data-rv-serie=sim] .ref-kurven__punkt{fill:var(--rv-sim)}[data-rv-serie=nachher] .ref-kurven__linie{stroke:var(--rv-nachher)}[data-rv-serie=nachher] .ref-kurven__punkt{fill:var(--rv-nachher)}[data-rv-serie=zusatz] .ref-kurven__linie{stroke:var(--rv-zusatz);stroke-dasharray:3 5;stroke-linecap:round}[data-rv-serie=zusatz] .ref-kurven__punkt{fill:var(--rv-zusatz)}.ref-kurven__ring{fill:none;stroke:var(--amber-500);stroke-width:2.5}.ref-kurven__svg .ref-kurven__marke{fill:var(--ink);font-weight:700}.ref-kurven__scrollhinweis{display:none}.ref-kurven__unten{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start;margin-top:32px}.ref-kurven__unten>.table-scroll:only-child{grid-column:1 / -1}.ref-kurven__befund{padding:20px 22px;border-left:4px solid var(--amber-500);border-radius:0 10px 10px 0;background:var(--amber-50)}.ref-kurven__befund strong{display:block;margin-bottom:8px;color:var(--ink)}.ref-kurven__befund p{margin:0;color:var(--slate-600);font-size:15px;line-height:1.6}.ref-kurven__tabelle{min-width:560px}.ref-kurven__tabelle caption{padding:12px 22px;color:var(--slate-500);font-size:12px;text-align:left;caption-side:bottom}.ref-kurven__tabelle th,.ref-kurven__tabelle td{padding:12px 18px;font-variant-numeric:tabular-nums}.ref-kurven__tabelle td{font-size:16px}.ref-hoeren__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}.ref-hoeren__player{padding:clamp(24px,4vw,40px);border:1px solid var(--slate-200);border-radius:16px;background:var(--bg-raised)}.sec--gray .ref-hoeren__player{background:#fff}.ref-hoeren__kennung{margin:0 0 12px;color:var(--teal-700);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ref-hoeren__satz{margin:0;color:var(--ink);font-size:clamp(19px,2vw,23px);font-weight:600;line-height:1.45}.ref-hoeren__welle{display:flex;align-items:center;height:56px;margin:24px 0;overflow:hidden;gap:4px;color:var(--teal-700)}.ref-hoeren__welle span{flex:0 1 4px;min-width:1px;height:var(--h);border-radius:2px;background:currentColor;opacity:.35}.ref-hoeren__player.is-playing .ref-hoeren__welle span{animation:ref-stimme .9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -60ms)}@keyframes ref-stimme{to{opacity:.85;transform:scaleY(.22)}}.ref-hoeren__knoepfe{display:flex;flex-wrap:wrap;gap:8px}.ref-hoeren__status{margin:16px 0 0;color:var(--slate-500);font-size:13px}.ref-fragen__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start}.ref-fragen__liste details{padding:18px 0;border-bottom:1px solid var(--slate-200)}.ref-fragen__liste details:first-child{padding-top:0}.ref-fragen__liste summary{font-size:17px;font-weight:600;line-height:1.5;cursor:pointer}.ref-fragen__liste details p{margin:10px 0 0;color:var(--slate-600);font-size:15px;line-height:1.65}.case-product-cards{margin-top:24px}.vcard--foto .vcard__img{padding:0;aspect-ratio:4 / 3}.vcard--foto .vcard__img img{object-fit:cover;mix-blend-mode:normal}.vcard--foto .vcard__body{padding-top:20px}.vcard__text{margin:6px 0 0;color:var(--slate-600);font-size:14px;line-height:1.5}.ref-zitate__kopf{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start;margin-bottom:36px}.ref-zitate__karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.ref-zitate__karte blockquote{font-size:clamp(19px,2vw,24px)}.ref-zitate__karte figcaption strong{display:block}.ref-anfrage__schritte{display:grid;margin:24px 0;padding:0;gap:16px;list-style:none}.ref-anfrage__schritte li{display:flex;gap:16px;align-items:flex-start}.ref-anfrage__schritte li>span{flex:none;color:var(--teal-300);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.ref-anfrage__schritte strong{display:block;color:#fff}.ref-anfrage__schritte p{margin:4px 0 0;color:var(--slate-200);font-size:14.5px;line-height:1.55}.ref-anfrage .accent-link{color:var(--teal-300)}@media(max-width:980px){.ref-modell__layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media(max-width:899px){.ref-modell__layout,.ref-kurven__unten,.ref-hoeren__grid,.ref-fragen__grid,.ref-zitate__kopf{grid-template-columns:minmax(0,1fr)}.ref-modell__spalte{position:static}.ref-modell__fokus{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-modell__fokus button{flex-wrap:wrap;min-height:60px;gap:6px;font-size:13px}}@media(max-width:700px){.ref-kurven__svg{min-width:760px}.ref-kurven__scrollhinweis{display:block;margin-top:8px;color:var(--slate-500);font-size:13px}.ref-modell__buehne{aspect-ratio:1.03}.ref-modell__staerken{display:none}.ref-modell__richtung{font-size:9px}.ref-modell__richtung--s{bottom:36px}}@media(prefers-reduced-motion:reduce){.ref-hoeren__player.is-playing .ref-hoeren__welle span{animation:none}.ref-modell__richtung{transition:none}}.ref-guide form{gap:20px}.ref-guide__teil{margin:0;padding:0;border:0;min-width:0}.ref-guide__teil>legend,.ref-guide__raeume>summary{margin-bottom:10px;color:var(--ink);font-size:16px;font-weight:750}.ref-guide__teil>*+*{margin-top:12px}.ref-guide label>span small,.ref-guide summary small{margin-left:6px;color:var(--slate-500);font-size:12px;font-weight:500}.ref-guide__hilfe{margin:0;color:var(--slate-500);font-size:12.5px;line-height:1.5}.ref-guide__raeume{padding:16px;border:1px solid var(--slate-200);border-radius:var(--r-sm);background:var(--slate-50)}.ref-guide__raeume>summary{margin:0;cursor:pointer}.ref-guide__raeume[open]>summary{margin-bottom:12px}.ref-guide__raum{margin-top:12px;border:1px solid var(--slate-200);border-radius:var(--r-sm);background:#fff}.ref-guide__raum>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:700}.ref-guide__raum>summary small{margin-left:auto}.ref-guide__nr{color:var(--teal-700);font-variant-numeric:tabular-nums}.ref-guide__raum-inhalt{display:grid;gap:14px;padding:4px 14px 16px}.ref-guide__raum-inhalt input,.ref-guide__raum-inhalt select,.ref-guide__raum-inhalt textarea{background:#fff}.ref-guide__raum-inhalt textarea,.ref-guide__teil textarea{min-height:76px}.ref-guide__hinweis{margin:0;padding:10px 12px;border-left:3px solid var(--amber-500);background:var(--amber-50);font-size:13px}.ref-guide__nutzung{margin:0;padding:0;border:0}.ref-guide__nutzung legend{margin-bottom:6px;font-size:13.5px;font-weight:650}.ref-guide__wahl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.ref-guide .ref-guide__wahl label{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--slate-200);border-radius:var(--r-sm);font-weight:500;cursor:pointer}.ref-guide .ref-guide__wahl label:has(input:checked){border-color:var(--teal-700);background:var(--teal-50)}.ref-guide .ref-guide__wahl input{width:18px;height:18px;padding:0;accent-color:var(--teal-700);flex:none}.ref-guide__mehr{border-top:1px solid var(--slate-200);padding-top:12px}.ref-guide__mehr>summary{cursor:pointer;font-size:13.5px;font-weight:700}.ref-guide__mehr-inhalt{display:grid;gap:14px;margin-top:12px}.ref-guide__drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-guide__raum-fuss{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.ref-guide__textknopf{padding:8px 0;border:0;background:none;color:var(--teal-700);font:600 13px var(--b);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ref-guide__hinzu{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:14px}.ref-guide .ref-guide__anzahl{width:96px}.ref-guide__stand{margin-top:14px}.ref-guide__balken{height:6px;margin-bottom:8px;overflow:hidden;border-radius:var(--r-pill);background:var(--slate-200)}.ref-guide__balken span{display:block;width:0;height:100%;background:var(--teal-700);transition:width var(--dur)}.ref-guide__fehler{margin:0;padding:10px 12px;border-left:3px solid var(--amber-700);background:var(--amber-50);color:var(--ink);font-size:13.5px}.ref-guide__aktionen{display:flex;flex-wrap:wrap;gap:10px}.ref-guide__ueberblick h4{margin:0 0 6px;font-size:18px}.ref-guide__ueberblick h4:focus{outline:none}.ref-guide__text{max-height:420px;margin:14px 0;padding:16px;overflow:auto;border:1px solid var(--slate-200);border-radius:var(--r-sm);background:var(--slate-50);color:var(--ink);font:13px/1.6 var(--b);white-space:pre-wrap;overflow-wrap:anywhere}.ref-guide [hidden]{display:none!important}@media(max-width:599px){.ref-guide__wahl,.ref-guide__drei{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/referenz-vertiefung.css.map */