.ruwi-sp{--navy: var(--colorBtnPrimary, #132846);--navy-hell: var(--ruwi-navy-hell, var(--colorBtnPrimaryLight, var(--navy)));--rot: #b82329;--sand: var(--colorBody, #ede5d8);--weiss: var(--colorDrawers, #faf6f1);--tinte: var(--colorTextBody, #333333);--neben: color-mix(in srgb, var(--tinte) 75%, transparent);--kante: color-mix(in srgb, var(--tinte) 15%, transparent);--scene: var(--weiss);--head: var(--typeHeaderPrimary, "Jost"), var(--typeHeaderFallback, system-ui, -apple-system, Segoe UI, sans-serif);--body: var(--typeBasePrimary, "Inter"), var(--typeBaseFallback, system-ui, -apple-system, Segoe UI, sans-serif)}.ruwi-sp,.ruwi-sp *,.ruwi-sp *:before,.ruwi-sp *:after{box-sizing:border-box}.ruwi-sp{background:var(--sand);color:var(--tinte);font-family:var(--body);font-size:16px;line-height:1.6}.ruwi-sp{max-width:1400px;margin:0 auto;padding:32px 18px 64px}.ruwi-sp-kicker{font-family:var(--head);font-weight:400;font-size:18px;line-height:1.3;margin:0 0 8px}.ruwi-sp h1{font-family:var(--head);font-weight:400;font-size:30px;line-height:1.2;margin:0 0 10px;max-width:34ch;text-wrap:balance}.ruwi-sp h2{font-family:var(--head);font-weight:400;font-size:25px;line-height:1.2;margin:0 0 12px}.ruwi-sp-lead{max-width:62ch;margin:0 0 16px;font-size:16px}.ruwi-sp-stage{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;gap:18px 26px;align-items:start}.ruwi-sp-stage>.ruwi-sp-anw{grid-column:2;grid-row:1}.ruwi-sp-stage>.ruwi-sp-bild{grid-column:1;grid-row:1 / 3}.ruwi-sp-stage>.ruwi-sp-panel{grid-column:2;grid-row:2}#ruwi-sp-view{position:relative;background:var(--scene);border:1px solid var(--kante);aspect-ratio:16 / 10;max-height:min(62vh,640px);min-height:380px;overflow:hidden;touch-action:pan-y;cursor:grab}#ruwi-sp-view canvas{display:block;width:100%;height:100%}#ruwi-sp-view .ruwi-sp-tag{position:absolute;left:12px;bottom:10px;font-size:13px;color:var(--neben);pointer-events:none}#ruwi-sp-view .ruwi-sp-read{position:absolute;right:12px;top:10px;text-align:right;font-family:var(--head);font-weight:400;font-size:26px;line-height:1.1;pointer-events:none;font-variant-numeric:tabular-nums}#ruwi-sp-view .ruwi-sp-read small{display:block;font-family:var(--body);font-weight:400;font-size:13px;color:var(--neben)}#ruwi-sp-view .ruwi-sp-griffe{position:absolute;left:12px;top:10px;display:flex;gap:5px;pointer-events:none}#ruwi-sp-view .ruwi-sp-griffe i{display:block;width:26px;height:5px;background:var(--kante)}#ruwi-sp-view .ruwi-sp-griffe i.ruwi-sp-on{background:var(--navy)}#ruwi-sp-view .ruwi-sp-ausfall{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 24px;margin:0;text-align:center;font-size:15px;color:var(--neben);background:var(--scene)}.ruwi-sp-hinweis{font-size:14px;color:var(--neben);margin:8px 0 0;min-height:1.4em}.ruwi-sp-panel{display:grid;gap:18px}.ruwi-sp-panel__label{display:block;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--neben);margin-bottom:8px}.ruwi-sp-spec{font-size:14px;color:var(--neben);margin:8px 0 0;line-height:1.5}.ruwi-sp-spec:empty{display:none}.ruwi-sp-spec a{color:var(--navy)}.ruwi-sp-chips{display:flex;flex-wrap:wrap;gap:8px}.ruwi-sp-chip{border:1px solid var(--kante);background:var(--weiss);color:var(--tinte);font:400 14px/1.2 var(--body);padding:8px 12px;min-height:44px;cursor:pointer;border-radius:0;transition:border-color .15s ease}.ruwi-sp-chip:hover,.ruwi-sp-chip.ruwi-sp-on{border-color:var(--navy)}.ruwi-sp-chip.ruwi-sp-leise{color:var(--neben)}.ruwi-sp-tisch{border-top:1px solid var(--kante);padding-top:12px}.ruwi-sp-tisch .ruwi-sp-chip{font-size:13px;padding:6px 10px;min-height:36px;color:var(--neben)}.ruwi-sp-tisch .ruwi-sp-chip.ruwi-sp-on{color:var(--tinte)}.ruwi-sp-story{border-top:1px solid var(--kante);padding-top:14px}.ruwi-sp-story h3{font-family:var(--head);font-weight:400;font-size:19px;line-height:1.25;margin:0 0 6px}.ruwi-sp-warum{margin:0 0 10px;font-size:15px}.ruwi-sp-ehrlich{margin:0;padding:3px 0 3px 12px;border-left:2px solid var(--kante);font-size:14px;color:var(--neben)}.ruwi-sp-go{background:var(--navy);color:var(--weiss);border:1px solid var(--navy);font:700 13px/1.42 var(--body);text-transform:uppercase;letter-spacing:.2em;padding:11px 20px;cursor:pointer;border-radius:0;justify-self:start}.ruwi-sp-go:hover{background:var(--navy-hell);border-color:var(--navy-hell)}.ruwi-sp-chip:focus-visible,.ruwi-sp-go:focus-visible,.ruwi-sp-liste button:focus-visible,.ruwi-sp-mode button:focus-visible,.ruwi-sp-werkstatt a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.ruwi-sp [hidden]{display:none!important}.ruwi-sp-liste{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.ruwi-sp-rows{border-top:1px solid var(--kante)}.ruwi-sp-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--kante)}.ruwi-sp-row.ruwi-sp-leer b,.ruwi-sp-row.ruwi-sp-leer .ruwi-sp-preis,.ruwi-sp-row.ruwi-sp-leer .ruwi-sp-qty>span{color:var(--neben);font-weight:400}.ruwi-sp-row.ruwi-sp-hi{background:var(--weiss)}.ruwi-sp-qty{display:inline-flex;border:1px solid var(--kante);background:var(--weiss)}.ruwi-sp-qty button{width:30px;height:32px;border:0;background:transparent;cursor:pointer;font:400 16px/1 var(--body);color:var(--tinte)}.ruwi-sp-qty>span{width:30px;text-align:center;line-height:32px;font-variant-numeric:tabular-nums}.ruwi-sp .ruwi-sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}.ruwi-sp .ruwi-sp-teil{display:inline}.ruwi-sp-qty button{position:relative}.ruwi-sp-row b{display:block;font-weight:700;font-size:15px}.ruwi-sp-row small{display:block;font-size:13px;color:var(--neben)}.ruwi-sp-row .ruwi-sp-preis{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.ruwi-sp-row .ruwi-sp-preis>span{display:block}.ruwi-sp-summe{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 6px;flex-wrap:wrap}.ruwi-sp-summe .ruwi-sp-wert{font-family:var(--head);font-weight:400;font-size:26px;font-variant-numeric:tabular-nums}.ruwi-sp-summe .ruwi-sp-wert small{font-family:var(--body);font-size:13px;color:var(--neben)}.ruwi-sp-summe .ruwi-sp-wert>span{white-space:nowrap}.ruwi-sp-mode{display:inline-flex;border:1px solid var(--kante)}.ruwi-sp-mode button{border:0;background:var(--weiss);padding:6px 12px;font:400 13px/1.2 var(--body);cursor:pointer;color:var(--tinte)}.ruwi-sp-mode button.ruwi-sp-on{background:var(--navy);color:var(--weiss)}.ruwi-sp-aktionen{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;align-items:center}.ruwi-sp-aktionen .ruwi-sp-leise{background:transparent;border:1px solid var(--kante);color:var(--tinte);font:400 14px/1.2 var(--body);padding:10px 14px;cursor:pointer;border-radius:0}.ruwi-sp-meldung{font-size:14px;color:var(--neben);margin-top:8px;min-height:1.4em}.ruwi-sp-meldung a{color:var(--navy)}.ruwi-sp-vergleich{margin-top:36px}.ruwi-sp-vergleich .ruwi-sp-tabelle{overflow-x:auto;border-top:1px solid var(--kante)}.ruwi-sp table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.ruwi-sp th,.ruwi-sp td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--kante);vertical-align:top}.ruwi-sp th{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--neben)}.ruwi-sp td.ruwi-sp-z{font-variant-numeric:tabular-nums;white-space:nowrap}.ruwi-sp tr.ruwi-sp-ruwi td:first-child{font-weight:700}.ruwi-sp a{color:var(--navy)}.ruwi-sp-urteil{margin:14px 0 0;padding:3px 0 3px 12px;border-left:2px solid var(--kante);font-size:15px;max-width:70ch}.ruwi-sp-pruefen{color:var(--rot);font-size:12px;letter-spacing:.04em}.ruwi-sp-werkstatt{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;background:var(--navy);color:var(--weiss);padding:28px 30px;margin-top:40px}.ruwi-sp-werkstatt__text{flex:1 1 380px;min-width:0}.ruwi-sp-werkstatt h2{color:var(--weiss);margin:0 0 8px}.ruwi-sp-werkstatt p{margin:0;font-size:15px;color:color-mix(in srgb,var(--weiss) 85%,transparent);max-width:56ch}.ruwi-sp-werkstatt .ruwi-sp-lk{display:flex;flex-wrap:wrap;gap:10px 12px}.ruwi-sp-werkstatt a{background:var(--weiss);color:var(--navy);border:1px solid var(--weiss);font:700 13px/1.42 var(--body);text-transform:uppercase;letter-spacing:.2em;padding:11px 20px;text-decoration:none;white-space:nowrap}.ruwi-sp-werkstatt a:hover{background:var(--sand);border-color:var(--sand)}.ruwi-sp-fuss{font-size:13px;color:var(--neben);margin-top:24px;max-width:70ch}@media(max-width:860px){.ruwi-sp{padding:22px 16px 48px}.ruwi-sp h1{font-size:28px}.ruwi-sp-stage,.ruwi-sp-liste{grid-template-columns:minmax(0,1fr)}.ruwi-sp-stage{grid-template-rows:none}.ruwi-sp-stage>.ruwi-sp-anw,.ruwi-sp-stage>.ruwi-sp-bild,.ruwi-sp-stage>.ruwi-sp-panel{grid-column:1;grid-row:auto}#ruwi-sp-view{aspect-ratio:4 / 3;min-height:0;max-height:none}.ruwi-sp-lead{font-size:15px;margin-bottom:8px}#ruwi-sp-view .ruwi-sp-read{font-size:21px}.ruwi-sp-row{grid-template-columns:84px minmax(0,1fr)}.ruwi-sp-row .ruwi-sp-preis{grid-column:2}.ruwi-sp-werkstatt{flex-direction:column;align-items:flex-start}.ruwi-sp-vergleich .ruwi-sp-tabelle{overflow:visible}.ruwi-sp table{min-width:0}.ruwi-sp table,.ruwi-sp tbody,.ruwi-sp tr,.ruwi-sp td{display:block}.ruwi-sp thead{display:none}.ruwi-sp tr{padding:10px 0;border-bottom:1px solid var(--kante)}.ruwi-sp td{border:0;padding:3px 0}.ruwi-sp td.ruwi-sp-z{white-space:normal}.ruwi-sp td:before{content:attr(data-label);display:block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--neben)}}@media(prefers-reduced-motion:reduce){#ruwi-sp-demo{display:none}}.ruwi-sp .ruwi-sp-weg{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--kante)}.ruwi-sp .ruwi-sp-masse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ruwi-sp .ruwi-sp-masse label{display:grid;gap:3px;font-size:12px;color:var(--neben);position:relative}.ruwi-sp .ruwi-sp-masse input{font:400 15px/1.2 var(--body);color:var(--tinte);background:var(--weiss);border:1px solid color-mix(in srgb,var(--tinte) 55%,transparent);border-radius:0;padding:9px 26px 9px 10px;width:100%;min-height:40px;-moz-appearance:textfield}.ruwi-sp .ruwi-sp-masse input::-webkit-outer-spin-button,.ruwi-sp .ruwi-sp-masse input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ruwi-sp .ruwi-sp-masse input:focus-visible{outline:2px solid var(--navy);outline-offset:1px}.ruwi-sp .ruwi-sp-masse i{position:absolute;right:9px;bottom:11px;font-style:normal;font-size:12px;color:var(--neben);pointer-events:none}.ruwi-sp .ruwi-sp-telefon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:start;gap:10px;padding:24px 28px;background:var(--scene);text-align:left}.ruwi-sp .ruwi-sp-telefon b{font-family:var(--head);font-weight:400;font-size:20px;color:var(--navy)}.ruwi-sp .ruwi-sp-telefon p{margin:0;font-size:15px;max-width:46ch}.ruwi-sp .ruwi-sp-telefon a{font:700 13px/1.4 var(--body);text-transform:uppercase;letter-spacing:.15em;text-decoration:none;background:var(--navy);color:var(--weiss);padding:11px 18px;margin-top:4px}.ruwi-sp .ruwi-sp-schritt{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--head);font-weight:400;font-size:16px;color:var(--navy)}.ruwi-sp .ruwi-sp-schritt b{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--navy);color:var(--weiss);font:400 13px/1 var(--head);flex:0 0 auto}.ruwi-sp .ruwi-sp-chip.ruwi-sp-on{background:var(--navy);color:var(--weiss);border-color:var(--navy)}.ruwi-sp .ruwi-sp-chip:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.ruwi-sp .ruwi-sp-einladung{position:absolute;left:12px;right:12px;bottom:34px;margin:0;padding:9px 12px;background:color-mix(in srgb,var(--weiss) 92%,transparent);border-left:2px solid var(--kante);font-size:14px;line-height:1.4;color:var(--tinte);pointer-events:none}.ruwi-sp .ruwi-sp-einladung b{font-weight:700}.ruwi-sp details.ruwi-sp-mehr{border-top:1px solid var(--kante);padding:10px 0 4px}.ruwi-sp details.ruwi-sp-mehr summary{cursor:pointer;list-style:none;font-family:var(--head);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--neben);padding:4px 0}.ruwi-sp details.ruwi-sp-mehr summary::-webkit-details-marker{display:none}.ruwi-sp details.ruwi-sp-mehr summary:before{content:"+ ";color:var(--tinte)}.ruwi-sp details.ruwi-sp-mehr[open] summary:before{content:"\2212  "}.ruwi-sp details.ruwi-sp-mehr summary:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.ruwi-sp details.ruwi-sp-mehr>.ruwi-sp-chips,.ruwi-sp details.ruwi-sp-mehr>p{margin-top:10px}.ruwi-sp .ruwi-sp-anw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ruwi-sp .ruwi-sp-anw__k{display:grid;gap:6px;padding:0 0 8px;background:var(--weiss);border:2px solid var(--kante);border-radius:0;cursor:pointer;text-align:left;font:400 13px/1.25 var(--body);color:var(--tinte);min-height:44px}.ruwi-sp .ruwi-sp-anw__k img{display:block;width:100%;height:auto;aspect-ratio:8 / 5;object-fit:cover;background:var(--scene)}.ruwi-sp .ruwi-sp-anw__k span{display:block;padding:0 8px}.ruwi-sp .ruwi-sp-anw__k.ruwi-sp-on{border-color:var(--navy)}.ruwi-sp .ruwi-sp-anw__k.ruwi-sp-on span{font-weight:700;color:var(--navy)}.ruwi-sp .ruwi-sp-anw__k:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.ruwi-sp .ruwi-sp-satz{margin:4px 0 0;font-size:15px;line-height:1.5;max-width:46ch}.ruwi-sp a.ruwi-sp-go{display:block;text-align:center;text-decoration:none;box-sizing:border-box;justify-self:stretch;color:var(--weiss)}.ruwi-sp .ruwi-sp-leise.ruwi-sp-go{background:transparent;color:var(--navy);border:1px solid var(--kante)}.ruwi-sp details.ruwi-sp-mehr--gross{border-top:1px solid var(--kante);padding:18px 0 6px}.ruwi-sp details.ruwi-sp-mehr--gross summary{font-family:var(--head);font-weight:400;font-size:22px;letter-spacing:0;text-transform:none;color:var(--navy)}.ruwi-sp details.ruwi-sp-mehr--gross summary:before{font-size:20px}.ruwi-sp details.ruwi-sp-mehr#ruwi-sp-massDetails>.ruwi-sp-masse{margin-top:10px}.ruwi-sp details.ruwi-sp-mehr#ruwi-sp-massDetails>#ruwi-sp-lageBlock{margin-top:12px}.ruwi-sp .ruwi-sp-dreh{display:none;position:absolute;right:10px;bottom:8px;width:34px;height:34px;align-items:center;justify-content:center;color:var(--navy);background:var(--weiss);border:1px solid var(--kante);border-radius:0;pointer-events:none;opacity:.85}@media(max-width:860px){#ruwi-sp-view .ruwi-sp-read,#ruwi-sp-view .ruwi-sp-tag,#ruwi-sp-view .ruwi-sp-griffe{display:none}.ruwi-sp .ruwi-sp-dreh{display:flex}}.ruwi-sp-hinweis:empty{display:none}.ruwi-sp .ruwi-sp-hinweis{min-height:0}.ruwi-sp .ruwi-sp-masseBlock{border-top:1px solid var(--kante);padding-top:12px}.ruwi-sp .ruwi-sp-masseBlock .ruwi-sp-masse{margin-top:2px}.ruwi-sp .ruwi-sp-gruppe{flex-basis:100%;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--neben);margin:6px 0 0}.ruwi-sp .ruwi-sp-gruppe:first-child{margin-top:0}@media(max-width:860px){.ruwi-sp .ruwi-sp-kicker{display:none}.ruwi-sp h1{font-size:25px;margin-bottom:8px}.ruwi-sp-lead{font-size:14px;line-height:1.45;margin-bottom:12px}}.ruwi-sp .ruwi-sp-werkstatt a:focus-visible{outline-color:var(--weiss)}.ruwi-sp .ruwi-sp-ansicht{display:inline-flex;border:1px solid var(--kante);margin:0 0 8px}.ruwi-sp .ruwi-sp-ansicht button{border:0;background:var(--weiss);color:var(--tinte);font:400 14px/1.2 var(--body);padding:8px 16px;min-height:40px;cursor:pointer;border-radius:0}.ruwi-sp .ruwi-sp-ansicht button+button{border-left:1px solid var(--kante)}.ruwi-sp .ruwi-sp-ansicht button.ruwi-sp-on{background:var(--navy);color:var(--weiss)}.ruwi-sp .ruwi-sp-ansicht button:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.ruwi-sp .ruwi-sp-hoehe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:10px}.ruwi-sp .ruwi-sp-regler{display:grid;gap:4px;font-size:13px;color:var(--neben)}.ruwi-sp .ruwi-sp-regler b{color:var(--tinte);font-weight:700;font-variant-numeric:tabular-nums}.ruwi-sp .ruwi-sp-regler input{width:100%;accent-color:var(--navy);margin:0;min-height:28px}.ruwi-sp .ruwi-sp-regler input:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.ruwi-sp .ruwi-sp-hoehe__satz{grid-column:1 / -1;margin:0;padding:3px 0 3px 12px;border-left:2px solid var(--kante);font-size:14px;line-height:1.5;color:var(--tinte);max-width:78ch}@media(max-width:860px){.ruwi-sp .ruwi-sp-ansicht{display:flex}.ruwi-sp .ruwi-sp-ansicht button{flex:1 1 0}.ruwi-sp .ruwi-sp-hoehe{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ruwi-spannen.css.map */