.slider{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:stretch;align-content:stretch;width:100%;height:50px;margin-bottom:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider:before{position:absolute;top:50%;left:50%;width:100%;width:80%;height:2px;content:" ";background:#d1d5db;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider input,.slider label{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider label{position:relative;display:inline-block;width:16.6666%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .label:before{position:absolute;left:calc(50% - 1rem);width:2rem;height:2rem;padding-top:.5rem;margin-top:.5rem;font-size:1rem;font-weight:400;letter-spacing:.4px;white-space:nowrap;content:attr(data-slider);background-repeat:no-repeat;background-size:2rem 2rem;opacity:.85;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translate(-50%,45px);transform:translate(-50%,45px)}.slider label:after{position:absolute;top:50%;left:50%;z-index:1;width:30px;height:30px;pointer-events:none;cursor:pointer;content:" ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:2px solid rgb(209 213 219);border-radius:50%;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider label:hover:after{-webkit-transform:translate(-50%,-50%) scale(1.25);transform:translate(-50%,-50%) scale(1.25)}.slider input{display:none}.slider input:checked+label:before{font-weight:600;opacity:1}.slider input:checked~.pos{opacity:1}.slider input:checked:nth-child(1)~.pos{left:10%}.slider input:checked:nth-child(3)~.pos{left:30%}.slider input:checked:nth-child(5)~.pos{left:50%}.slider input:checked:nth-child(7)~.pos{left:70%}.slider input:checked:nth-child(9)~.pos{left:90%}.slider .pos{position:absolute;top:50%;z-index:2;display:block;width:16px;height:16px;background:#206090;border:2px solid #fff;border-radius:50%;opacity:0;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes svelte-xtne6r-pulse{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.2}70%{opacity:.18}to{opacity:0;-webkit-transform:scale(5);transform:scale(5)}}@keyframes svelte-xtne6r-pulse{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.2}70%{opacity:.18}to{opacity:0;-webkit-transform:scale(5);transform:scale(5)}}.freizeitbad.svelte-xtne6r{fill:#38bdf8}.hallenbad.svelte-xtne6r{fill:#007eb2}.freibad.svelte-xtne6r{fill:#2dd4bf}.sauna.svelte-xtne6r{fill:#fb923c}circle.svelte-xtne6r{fill:#475569}circle.svelte-xtne6r,line.svelte-xtne6r,path.svelte-xtne6r,rect.svelte-xtne6r,text.svelte-xtne6r{opacity:.4;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}line.svelte-xtne6r{fill:none;stroke:#475569}a.svelte-xtne6r{display:block;fill:#475569}a.svelte-xtne6r>circle:where(.svelte-xtne6r){-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.active.svelte-xtne6r circle:where(.svelte-xtne6r),.active.svelte-xtne6r line:where(.svelte-xtne6r),.active.svelte-xtne6r path:where(.svelte-xtne6r),.active.svelte-xtne6r rect:where(.svelte-xtne6r),.active.svelte-xtne6r text:where(.svelte-xtne6r),a.svelte-xtne6r:hover circle:where(.svelte-xtne6r),a.svelte-xtne6r:hover line:where(.svelte-xtne6r),a.svelte-xtne6r:hover path:where(.svelte-xtne6r),a.svelte-xtne6r:hover rect:where(.svelte-xtne6r),a.svelte-xtne6r:hover text:where(.svelte-xtne6r){opacity:1}a.svelte-xtne6r:hover>circle:where(.svelte-xtne6r),a.hovered.svelte-xtne6r>circle:where(.svelte-xtne6r){fill:#fff}circle.hovered.svelte-xtne6r{fill:transparent}a.svelte-xtne6r:hover>circle.hovered:where(.svelte-xtne6r){fill:#1e293b}a.hovered.svelte-xtne6r circle.hovered:where(.svelte-xtne6r){fill:#1e293b}.first-circle.svelte-xtne6r,.second-circle.svelte-xtne6r{display:none}a.hovered.svelte-xtne6r .first-circle:where(.svelte-xtne6r),a.svelte-xtne6r:hover .first-circle:where(.svelte-xtne6r){fill:#1e293b;display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:svelte-xtne6r-pulse 2s linear infinite;animation:svelte-xtne6r-pulse 2s linear infinite;-webkit-animation-delay:0;animation-delay:0;transform-box:fill-box}a.hovered.svelte-xtne6r .second-circle:where(.svelte-xtne6r),a.svelte-xtne6r:hover .second-circle:where(.svelte-xtne6r){fill:#1e293b;display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:svelte-xtne6r-pulse 2s linear infinite;animation:svelte-xtne6r-pulse 2s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;transform-box:fill-box}