.idf-attr-bars{--idf-attr-bar-color:var(--primary_color,#167ea0);--idf-attr-bar-track:rgba(0,0,0,.08);--idf-attr-bar-height:8px;--idf-attr-bar-radius:4px;--idf-attr-bar-gap:6px;--idf-attr-bar-label-width:11em;--idf-attr-bar-value-width:4.5em;--idf-attr-bar-font-size:.85em;--idf-attr-icon-height:32px;--idf-attr-icon-gap:8px;--idf-attr-swatch-size:18px;--idf-attr-swatch-radius:2px;--idf-attr-swatch-gap:6px;--idf-attr-swatch-border:rgba(0,0,0,.18);--idf-attr-tip-bg:#1d2327;--idf-attr-tip-text:#fff;--idf-attr-pill-radius:999px;--idf-attr-pill-bg:transparent;--idf-attr-pill-border:var(--idf-attr-bar-color);--idf-attr-pill-text:inherit;display:flex;flex-direction:column;gap:var(--idf-attr-bar-gap);font-size:var(--idf-attr-bar-font-size);line-height:1.35}.idf-attr-bar{display:flex;align-items:center;gap:.6em}.idf-attr-bar__label{flex:0 0 var(--idf-attr-bar-label-width);min-width:0;overflow-wrap:break-word}.idf-attr-bar__track{flex:1 1 auto;display:block;min-width:3em;height:var(--idf-attr-bar-height);border-radius:var(--idf-attr-bar-radius);background:var(--idf-attr-bar-track);overflow:hidden}.idf-attr-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--idf-attr-bar-color)}.idf-attr-bar__value{flex:0 0 var(--idf-attr-bar-value-width);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.idf-attr-bar__badges{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:.35em}.idf-attr-bar__grafiken{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--idf-attr-icon-gap)}.idf-attr-bar__symbol{position:relative;display:inline-flex}.idf-attr-bar__grafik{height:var(--idf-attr-icon-height);width:auto;max-width:100%;display:block}.idf-attr-bar__tip{position:absolute;bottom: calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:30;padding:4px 8px;border-radius:3px;background:var(--idf-attr-tip-bg);color:var(--idf-attr-tip-text);font-size:.75em;line-height:1.35;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}.idf-attr-bar__tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--idf-attr-tip-bg)}.idf-attr-bar__symbol:hover .idf-attr-bar__tip,.idf-attr-bar__symbol:focus-within .idf-attr-bar__tip{opacity:1;visibility:visible}.idf-attr-bar__farbfelder{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--idf-attr-swatch-gap)}.idf-attr-bar__farbfeld-huelle{position:relative;display:inline-flex}.idf-attr-bar__farbfeld{display:block;width:var(--idf-attr-swatch-size);height:var(--idf-attr-swatch-size);border-radius:var(--idf-attr-swatch-radius);box-shadow:inset 0 0 0 1px var(--idf-attr-swatch-border)}.idf-attr-bar__farbfeld-huelle:hover .idf-attr-bar__tip,.idf-attr-bar__farbfeld-huelle:focus-within .idf-attr-bar__tip{opacity:1;visibility:visible}.idf-attr-bar__badge,.idf-attr-bars--wert-pille .idf-attr-bar__value{padding:.1em .6em;border:1px solid var(--idf-attr-pill-border);border-radius:var(--idf-attr-pill-radius);background:var(--idf-attr-pill-bg);color:var(--idf-attr-pill-text);white-space:nowrap}.idf-attr-bars--wert-pille .idf-attr-bar__value{flex:0 0 auto;text-align:center}.idf-attr-bars--badge-text .idf-attr-bar__badges{gap:0}.idf-attr-bars--badge-text .idf-attr-bar__badge{padding:0;border:0;background:none;color:inherit}.idf-attr-bars--badge-text .idf-attr-bar__badge+.idf-attr-bar__badge::before{content:", "}.idf-attr-bars--placeholder{padding:.5em 0;opacity:.6}.idf-attr-bar--skala{display:flex;flex-direction:column;gap:var(--idf-attr-scale-head-gap,4px);font-size:var(--idf-attr-scale-font-size,.9em)}.idf-attr-bar--skala+.idf-attr-bar--skala{margin-top:var(--idf-attr-scale-gap,14px)}.idf-attr-bar__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1em}.idf-attr-bar--skala .idf-attr-bar__label,.idf-attr-bar--skala .idf-attr-bar__value{flex:0 1 auto;width:auto;text-align:left}.idf-attr-bar--skala .idf-attr-bar__value{text-align:right;white-space:nowrap}.idf-attr-bar__scale{position:relative;display:flex;width:100%;height:var(--idf-attr-scale-height,14px);border-radius:var(--idf-attr-scale-radius,3px);overflow:hidden}.idf-attr-bar__segment{flex:1 1 0;background: color-mix(
        in srgb,
        var(--idf-attr-scale-b) calc(var(--idf-attr-scale-step, 0) * 100%),
        var(--idf-attr-scale-a)
    )}@supports not (background: color-mix(in srgb, red 50%, blue)) {
    .idf-attr-bar__segment {
        background: var(--idf-attr-scale-mid, #d9a441);
    }
}.idf-attr-bar__marker{position:absolute;top:0;bottom:0;width:var(--idf-attr-scale-marker-width,3px);margin-left: calc(var(--idf-attr-scale-marker-width, 3px) / -2);border-radius:1px;background:var(--idf-attr-scale-marker,currentColor)}@media (max-width:480px){.idf-attr-bar{flex-wrap:wrap}.idf-attr-bar__label{flex:1 1 100%}}