.cd-vergleich{padding:var(--abstand-xl) clamp(1rem,4vw,3rem)}.cd-vergleich__innen{max-width:46rem;margin:0 auto;display:grid;gap:var(--abstand-m)}.cd-vergleich__titel{font-size:var(--text-2xl);font-weight:var(--display-gewicht);text-align:center;max-width:16ch;justify-self:center}.cd-vergleich__schalter{border:0;margin:0;padding:0;display:grid;justify-items:center;gap:.6rem}.cd-vergleich__schalter legend{float:left;width:100%;padding:0;margin-bottom:.6rem;text-align:center;font-size:var(--text-s);color:var(--abschnitt-leise)}.cd-vergleich__segmente{display:inline-flex;padding:.3rem;border-radius:var(--radius-pille);background:color-mix(in srgb,var(--abschnitt-text) 7%,var(--abschnitt-grund))}.cd-vergleich__segmente label{position:relative;cursor:pointer}.cd-vergleich__segmente input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.cd-vergleich__segmente span{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem 1.4rem;border-radius:var(--radius-pille);font-weight:var(--text-gewicht-stark);color:var(--abschnitt-leise);transition:background .25s var(--ease-out),color .25s var(--ease-out)}@media(hover:hover){.cd-vergleich__segmente label:hover span{color:var(--abschnitt-text)}}.cd-vergleich__segmente input:checked+span{background:var(--dunkel-grund);color:var(--dunkel-text)}.cd-vergleich__segmente input:focus-visible+span{outline:2px solid var(--abschnitt-text);outline-offset:2px}.cd-vergleich__segmente label:active span{transform:scale(.98)}.cd-vergleich__tabelle{width:100%;border-collapse:separate;border-spacing:0;margin-top:var(--abstand-s)}.cd-vergleich:has(input[value=decke]:checked) .cd-vergleich__hoodie,.cd-vergleich:has(input[value=hoodie]:checked) .cd-vergleich__kuscheldecke{display:none}.cd-vergleich__tabelle th,.cd-vergleich__tabelle td{padding:1.05rem 1rem;border-bottom:var(--linie-staerke) solid var(--abschnitt-linie)}.cd-vergleich__tabelle thead th,.cd-vergleich__tabelle thead td{border-bottom:0}.cd-vergleich__tabelle thead th{font-family:var(--schrift-display);font-weight:var(--display-gewicht);font-size:var(--text-l);text-align:center;width:9rem}.cd-vergleich__tabelle thead th:not(.cd-vergleich__coodie){color:var(--abschnitt-leise)}.cd-vergleich__tabelle tbody th{text-align:left;font-weight:var(--text-gewicht);padding-left:0}.cd-vergleich__tabelle td{text-align:center}.cd-vergleich__tabelle .cd-vergleich__coodie{background:color-mix(in srgb,var(--abschnitt-text) 7%,var(--abschnitt-grund))}.cd-vergleich__tabelle thead .cd-vergleich__coodie{border-radius:var(--radius) var(--radius) 0 0}.cd-vergleich__tabelle tbody tr:last-child>*{border-bottom:0}.cd-vergleich__tabelle tbody tr:last-child .cd-vergleich__coodie{border-radius:0 0 var(--radius) var(--radius)}.cd-vergleich__tabelle tbody tr{animation:cd-vergleich-ein .3s var(--ease-out)}.cd-vergleich__tabelle .cd-vergleich__coodie .cd-vergleich__ja{color:var(--farbe-akzent)}@keyframes cd-vergleich-ein{0%{opacity:.4}to{opacity:1}}.cd-vergleich__ja,.cd-vergleich__nein{width:1.9rem;height:1.9rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}.cd-vergleich__nein{color:var(--abschnitt-leise);opacity:.7}.cd-vergleich__teils{font-size:var(--text-xs);font-weight:var(--etikett-gewicht);letter-spacing:var(--etikett-laufweite);text-transform:uppercase;color:var(--abschnitt-leise)}.cd-vergleich__schluss{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--abstand-s) var(--abstand-m)}.cd-vergleich__schluss p{font-family:var(--schrift-display);font-size:var(--text-l);line-height:1.25}@media(max-width:640px){.cd-vergleich__schluss{flex-direction:column;align-items:stretch;text-align:center}.cd-vergleich__knopf{width:100%}}.cd-vergleich__knopf{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.6rem;border-radius:var(--radius-pille);background:var(--farbe-akzent);color:var(--farbe-akzent-text);font-weight:var(--text-gewicht-stark);text-decoration:none;white-space:nowrap;transition:background .2s var(--ease-out),transform .15s var(--ease-out)}@media(hover:hover){.cd-vergleich__knopf:hover{background:var(--farbe-akzent-hover)}}.cd-vergleich__knopf:active{transform:scale(.98)}.cd-vergleich__knopf:focus-visible{outline:2px solid var(--abschnitt-text);outline-offset:3px}@media(max-width:640px){.cd-vergleich__titel{font-size:var(--text-xl)}.cd-vergleich__tabelle th,.cd-vergleich__tabelle td{padding:.85rem .5rem}.cd-vergleich__tabelle thead th{width:5.5rem;font-size:var(--text-m)}.cd-vergleich__tabelle tbody th{font-size:var(--text-s)}.cd-vergleich__ja,.cd-vergleich__nein{width:1.6rem;height:1.6rem}.cd-vergleich__segmente span{padding-inline:1.1rem}}@media(min-width:60rem){.cd-vergleich__innen{max-width:58rem}.cd-vergleich__schalter{display:none}.cd-vergleich:has(input[value=decke]:checked) .cd-vergleich__hoodie,.cd-vergleich:has(input[value=hoodie]:checked) .cd-vergleich__kuscheldecke{display:table-cell}.cd-vergleich__tabelle thead th{width:10rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/coodies-vergleich.css.map */