range-slider .element-input-floating-label{display:inline-block;position:relative;background:#fff;color:#292929;font-family:Circular,Segoe UI,Candara,Bitstream Vera Sans,DejaVu Sans,Trebuchet MS,Verdana,Verdana Ref,"sans-serif";font-size:1rem;font-weight:450;height:auto;line-height:1.375rem;border-radius:10px}range-slider .element-input-floating-label input{font-family:inherit;font-size:inherit;font-weight:inherit;height:inherit;line-height:inherit;width:100%;padding:20px 45px 2px 8px;border:2px solid #bfbfbf;border-radius:10px}range-slider .element-input-floating-label input:invalid{border-color:#d10000}range-slider .element-input-floating-label input[error]{border-color:#d10000}range-slider .element-input-floating-label input[success]{border-color:#03773a}range-slider .element-input-floating-label:has([error],[success]):after{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}range-slider .element-input-floating-label:has([error]):after{background-image:url(/ocsassets/suchocs/range-slider/assets/icon-achtung.dee8e86b453357e6c8cf-dee8e86b453357e6c8cfe360d81f4c46.svg);background-repeat:no-repeat}range-slider .element-input-floating-label:has([success]):after{background-image:url(/ocsassets/suchocs/range-slider/assets/icon-erfolg.1d6a25da8c56e6a37fbd-1d6a25da8c56e6a37fbd4dc1f05f1a91.svg);background-repeat:no-repeat}@supports ((-webkit-mask:url("")) or (mask:url(""))){range-slider .element-input-floating-label:has([success]):after{background-color:#03773a;background-image:none;mask-image:url(/ocsassets/suchocs/range-slider/assets/icon-erfolg.1d6a25da8c56e6a37fbd-1d6a25da8c56e6a37fbd4dc1f05f1a91.svg);-webkit-mask-image:url(/ocsassets/suchocs/range-slider/assets/icon-erfolg.1d6a25da8c56e6a37fbd-1d6a25da8c56e6a37fbd4dc1f05f1a91.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}range-slider .element-input-floating-label:has([error]):after{background-color:#d10000;background-image:none;mask-image:url(/ocsassets/suchocs/range-slider/assets/icon-achtung.dee8e86b453357e6c8cf-dee8e86b453357e6c8cfe360d81f4c46.svg);-webkit-mask-image:url(/ocsassets/suchocs/range-slider/assets/icon-achtung.dee8e86b453357e6c8cf-dee8e86b453357e6c8cfe360d81f4c46.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}}range-slider .element-input-floating-label input:not([data-no-border]):placeholder-shown{border-color:#bfbfbf}range-slider .element-input-floating-label::-webkit-input-placeholder{color:#292929}range-slider .element-input-floating-label::placeholder{color:#292929}range-slider .element-input-floating-label [data-floating-label]{display:inline-block;font-size:11px;color:#292929;position:absolute;top:2px;left:8px;cursor:text}range-slider .element-input-floating-label input:-ms-input-placeholder{color:transparent}@supports not (-ms-ime-align:auto){range-slider .element-input-floating-label input::-webkit-input-placeholder{color:transparent}range-slider .element-input-floating-label input::placeholder{color:transparent}range-slider .element-input-floating-label input{background-color:transparent}range-slider .element-input-floating-label [data-floating-label]{transition:all .2s;top:13px;left:10px;font-size:15px}range-slider .element-input-floating-label input:focus:placeholder-shown~[data-floating-label]{transition:all .2s ease;top:2px;left:10px;font-size:11px}range-slider .element-input-floating-label input:not(:placeholder-shown)~[data-floating-label]{top:2px;left:10px;font-size:11px}range-slider .element-input-floating-label input:-webkit-autofill~[data-floating-label]{-webkit-transition:all .2s ease;transition:all .2s ease;top:2px;left:10px;font-size:11px}range-slider .element-input-floating-label input:autofill~[data-floating-label]{transition:all .2s ease;top:2px;left:10px;font-size:11px}}range-slider .element-input-floating-label input[data-no-border]{border:1px solid transparent}range-slider{--color-main-01a:#d10000}range-slider *{margin:0;padding:0;border:none;box-sizing:border-box}range-slider{--low:0%;--high:100%;--preis-range-color:#d10000;--preis-range-color:var(--color-main-01a);--track-background:linear-gradient(to right,#d3d3d3 var(--low),var(--preis-range-color) 0,var(--preis-range-color) var(--high),#d3d3d3 0) no-repeat 0 100% /100% 100%;display:block;position:relative}range-slider .range-slider{height:30px;margin:0 0 25px;cursor:pointer}range-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;width:100%;height:30px;position:absolute;left:0;top:0;background:transparent;pointer-events:none}range-slider .progress-bar{height:5px;width:100%;position:absolute;left:0;top:13px;border-radius:2.5px;background:undefined;background:var(--track-background)}range-slider input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;pointer-events:auto;height:26px;width:26px;border-radius:26px;background-color:undefined;background-color:var(--preis-range-color);padding:0 5px 0 0}range-slider input[type=range]:hover::-webkit-slider-thumb{height:29px;width:29px;border-radius:29px}range-slider input[type=range]::-webkit-slider-runnable-track{cursor:pointer}range-slider input[type=range]::-moz-range-thumb{cursor:pointer;height:26px;width:26px;border-radius:13px;background-color:undefined;background-color:var(--preis-range-color);border:none;position:relative;-moz-appearance:none;pointer-events:auto}range-slider input[type=range]:hover::-moz-range-thumb{height:29px;width:29px;border-radius:15px}range-slider input[type=range]::-moz-range-track{cursor:pointer}range-slider input[type=range]::-ms-track{width:100%;height:0;cursor:pointer;background:transparent;border-color:transparent;color:transparent}range-slider input[type=range]::-ms-thumb{cursor:pointer;height:26px;width:26px;border-radius:13px;background-color:#d10000;background-color:var(--color-main-01a);pointer-events:auto}range-slider input[type=range]:hover::-ms-thumb{height:29px;width:29px;border-radius:15px}range-slider input[type=range]::-ms-fill-lower,range-slider input[type=range]::-ms-fill-upper,range-slider input[type=range]::-ms-tooltip{display:none}range-slider .text-input{display:flex;flex-wrap:nowrap;align-items:center;gap:0 40px}range-slider .text-input>*{flex:1 1 auto}