@charset "UTF-8";@font-face{font-family:icomoonCloth;src:url(./main.ttf) format("truetype"),url(./main.woff) format("woff");font-style:normal;font-weight:400;font-display:block}.dp-klaiber-partnersearch{width:100%;height:100%}main:has(.dp-klaiber-partnersearch)+footer.page-footer{margin-top:0}.cloth-search{display:flex;flex-direction:column;gap:3rem}.cloth-search .load-more-button{display:flex;margin:3.25rem auto 0;border:none;align-items:center;justify-content:center;color:#3c3c3b;background:none;gap:.875rem}.cloth-search .load-more-button span{font-size:max(14px,1.375rem);font-weight:700;text-transform:uppercase;letter-spacing:2px}.cloth-search .load-more-button:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never;font-size:2rem}.cloth-search .load-more-button:hover{cursor:pointer}.cloth-search .load-more-button:hover span{text-decoration:underline}.form{display:flex;gap:5.3125rem;align-items:center}.form-button-list{display:flex;gap:2.1875rem}.form .search-text-field{position:relative;min-width:22.5rem;flex-grow:1}.form .search-text-field input{width:100%;height:3.5rem;padding:max(10px,1rem);border:1px solid #3C3C3B;font-family:Roboto;font-size:max(14px,1.125rem);line-height:max(20px,1.5rem)}.form .search-text-field-button{position:absolute;top:50%;right:0;border:none;color:#000;background:none;cursor:pointer;translate:-1rem -50%}.form .search-text-field-button:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.form .form-button{display:flex;border:none;align-items:center;color:#3c3c3b;font-size:max(14px,1.375rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;background:none;gap:.9375rem}.form .form-button:hover{cursor:pointer}.form .form-button:hover span{text-decoration:underline}.form .form-button.open-filter-button:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.form .form-button.open-legend-button:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}@media screen and (max-width: 1024px){.form{flex-direction:column;gap:2.1875rem}.form .search-text-field{width:70%}}@media screen and (max-width: 560px){.form .search-text-field{width:100%}}@keyframes slide{0%{translate:100% 0}to{translate:0 0}}.filter-modal{width:43.125rem;height:100%;max-height:100%;margin:0 0 0 auto}.filter-modal[open]{animation:slide .2s}.filter-modal.closing{translate:100% 0;transition:translate .2s}.filter-modal .modal-heading{display:flex;padding:3.125rem 3rem;border-bottom:1px solid #D9D9D9;align-items:center;justify-content:space-between;font-family:Roboto;font-size:max(20px,1.875rem);font-weight:700;line-height:max(24px,2.25rem)}.filter-modal .modal-heading .close,.filter-modal .modal-heading .second-button{position:relative;top:unset;right:unset}.filter-modal .modal-heading .second-button:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-heading .second-button:before{content:"Filter zurücksetzen";position:absolute;top:50%;right:2.25rem;z-index:999;display:block;padding:.5rem .625rem;font-size:14px;white-space:nowrap;background-color:#fff;box-shadow:0 0 .625rem #00000040;opacity:0;pointer-events:none;transition:opacity .2s;translate:0 -50%}@media (hover: hover){.filter-modal .modal-heading .second-button:hover:before{opacity:1}}.filter-modal .modal-content{display:flex;flex-direction:column}.filter-modal .modal-content .filter-modal-container{padding:3rem;border-bottom:1px solid #D9D9D9;font-family:Roboto}.filter-modal .modal-content .filter-modal-container-heading{margin-bottom:1.5625rem;font-size:max(20px,1.875rem);font-weight:700;line-height:max(24px,2.25rem)}.filter-modal .modal-content .filter-modal-container .checkbox:not(:first-child){margin-top:2rem}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,min(15rem,1fr));grid-auto-flow:column;gap:2rem}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox{margin-top:0}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox input[type=checkbox]{width:max(16px,1.5rem);min-width:max(16px,1.5rem);height:max(16px,1.5rem);border:none;background-color:#606b73}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox input[type=checkbox]:before{width:max(24px,2.125rem);min-width:max(24px,2.125rem);height:max(24px,2.125rem);border:2px solid #606B73;box-shadow:none}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.yellow input[type=checkbox]{background-color:#ffd52c}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.yellow input[type=checkbox]:before{border-color:#ffd52c}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.orange input[type=checkbox]{background-color:#f1860b}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.orange input[type=checkbox]:before{border-color:#f1860b}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.red input[type=checkbox]{background-color:#c4000c}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.red input[type=checkbox]:before{border-color:#c4000c}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.green input[type=checkbox]{background-color:#9bc189}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.green input[type=checkbox]:before{border-color:#9bc189}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.blue input[type=checkbox]{background-color:#3a62ff}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.blue input[type=checkbox]:before{border-color:#3a62ff}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.beige input[type=checkbox]{background-color:#e3d0b5}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.beige input[type=checkbox]:before{border-color:#e3d0b5}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.gray input[type=checkbox]{background-color:#58585a}.filter-modal .modal-content .filter-modal-container.color .filter-modal-container-inputs .checkbox.gray input[type=checkbox]:before{border-color:#58585a}.filter-modal .modal-content .filter-modal-container.pattern .filter-modal-container-inputs .checkbox input[type=checkbox]{border:none;background-color:#fff}.filter-modal .modal-content .filter-modal-container.pattern .filter-modal-container-inputs .checkbox input[type=checkbox]:before{width:max(25px,2.125rem);min-width:max(25px,2.125rem);height:max(25px,2.125rem);border:2px solid #606B73;box-shadow:none}.filter-modal .modal-content .filter-modal-container.pattern .filter-modal-container-inputs .checkbox input[type=checkbox]:after{position:absolute;font-size:max(14px,1.125rem)}.filter-modal .modal-content .filter-modal-container.pattern .filter-modal-container-inputs .checkbox.uni input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .filter-modal-container.pattern .filter-modal-container-inputs .checkbox.pattern input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox input[type=checkbox]{border:none;background-color:#fff}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox input[type=checkbox]:before{width:max(25px,2.125rem);min-width:max(25px,2.125rem);height:max(25px,2.125rem);border:2px solid #606B73;box-shadow:none}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox input[type=checkbox]:after{position:absolute;font-size:max(16px,1.375rem)}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox.shadow input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox.anti-glare input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox.darkening input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox.water input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .filter-modal-container.usage .filter-modal-container-inputs .checkbox.fire input[type=checkbox]:after{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.filter-modal .modal-content .button{padding:3rem}@media screen and (max-width: 1024px){.filter-modal{width:34.375rem}}@media screen and (max-width: 460px){.filter-modal{width:100%;max-width:100%;margin:0}}html:has(.modal[open]){overflow:hidden}.modal{padding:0;border:none}.modal-wrapper{width:100%;height:100%}.modal-heading .button-group{display:flex;align-items:center;justify-content:center;gap:1.5625rem}.modal-heading .close,.modal-heading .second-button{position:absolute;top:1.5rem;right:1.5rem;display:flex;border:none;align-items:center;justify-content:center;background:none}.modal-heading .close:hover,.modal-heading .second-button:hover{cursor:pointer}.modal-heading .close:after,.modal-heading .second-button:after{content:"";font-family:icomoon!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never;color:#000;font-size:20px}.modal::backdrop{background-color:#000c}.modal:not([open]){display:none}.checkbox{display:flex;width:fit-content;align-items:center}.checkbox input[type=checkbox]{display:flex;width:max(18px,1.5rem);min-width:max(18px,1.5rem);height:max(18px,1.5rem);border:1px solid #3C3C3B;flex-direction:row;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox input[type=checkbox]:before{content:"";display:block;width:max(10px,.75rem);min-width:max(10px,.75rem);height:max(10px,.75rem);border-radius:50%;box-shadow:inset max(10px,.75rem) max(10px,.75rem) #606b73;opacity:0;transition:opacity .1s}.checkbox input[type=checkbox]:checked:before{opacity:1;transition:opacity .1s}.checkbox label{padding-left:1rem;font-family:Roboto;font-size:max(16px,1.125rem);line-height:max(20px,1.5rem);-webkit-user-select:none;user-select:none}.checkbox:hover,.checkbox:hover input[type=checkbox],.checkbox:hover label{cursor:pointer}.button .button-text{letter-spacing:2px}.button.back{margin-left:-1.4375rem}.button.back .button-text{padding-left:6.5625rem}.button.back .button-text span:before{left:1.25rem;rotate:180deg}.legend-modal{width:36.25rem;height:32.8125rem}.legend-modal .modal-wrapper{display:flex;flex-direction:column}.legend-modal .modal-heading{display:flex;padding:3.125rem 3rem 1.125rem;border-bottom:1px solid #D9D9D9;align-items:center;justify-content:space-between;font-family:Roboto;font-size:1.875rem;font-weight:700;line-height:2.25rem}.legend-modal .modal-heading .close{position:relative;top:unset;right:unset}.legend-modal .modal-content{display:flex;flex-direction:column;flex-grow:1;align-items:center}.legend-modal .modal-content .legend-modal-container{display:flex;width:100%;padding:2.1875rem 3.125rem;border-bottom:1px solid #D9D9D9;flex-grow:1;font-family:Roboto}.legend-modal .modal-content .legend-modal-container-left,.legend-modal .modal-content .legend-modal-container-right{display:flex;width:50%;flex-direction:column;gap:1.5625rem}.legend-modal .modal-content .legend-modal-container-left span,.legend-modal .modal-content .legend-modal-container-right span{display:flex;align-items:center;gap:.875rem}.legend-modal .modal-content .legend-modal-container-left span.uni:before,.legend-modal .modal-content .legend-modal-container-right span.uni:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .legend-modal-container-left span.pattern:before,.legend-modal .modal-content .legend-modal-container-right span.pattern:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .legend-modal-container-left span.shadow:before,.legend-modal .modal-content .legend-modal-container-right span.shadow:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .legend-modal-container-left span.anti-glare:before,.legend-modal .modal-content .legend-modal-container-right span.anti-glare:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .legend-modal-container-left span.darkening:before,.legend-modal .modal-content .legend-modal-container-right span.darkening:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .legend-modal-container-left span.water:before,.legend-modal .modal-content .legend-modal-container-right span.water:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .legend-modal-container-left span.fire:before,.legend-modal .modal-content .legend-modal-container-right span.fire:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.legend-modal .modal-content .button{padding:1.25rem 0;translate:-20px 0}@media screen and (max-width: 560px){.legend-modal{width:95vw}}@media screen and (max-width: 460px){.legend-modal{height:40.625rem}}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3.125rem}@media screen and (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 650px){.product-grid{grid-template-columns:repeat(2,1fr)}}.product{width:100%;border-bottom:1px solid #D9D9D9;scroll-margin-top:120px}.product img{width:100%;height:11.25rem;object-fit:cover}.product a{text-decoration:none}.product a span{display:flex;padding:.625rem 0;border-bottom:1px solid #D9D9D9;align-items:center;justify-content:space-between;color:#000;font-family:Roboto;font-size:1.875rem;font-weight:700;line-height:2.25rem;transition:padding-left .2s}.product a span:after{content:"";font-family:icomoon!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never;font-size:1.5rem;transition:translate .2s}.product a:hover span{padding-left:.3125rem;transition:padding-left .2s}.product a:hover span:after{translate:.3125rem 0;transition:translate .2s}.product-properties{display:flex;padding:.9375rem 0;gap:.9375rem}.product-properties div{position:relative}.product-properties div span{position:absolute;top:0;left:50%;display:none;width:max-content;padding:.75rem .875rem;background-color:#fff;border-radius:.1875rem;box-shadow:0 0 15px #0003;translate:-50% calc(-100% - 8px)}.product-properties div:hover{cursor:help}.product-properties div:hover span{display:block}.product-properties .uni:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.product-properties .pattern:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.product-properties .shadow:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.product-properties .anti-glare:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.product-properties .darkening:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.product-properties .water:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}.product-properties .fire:before{content:"";font-family:icomoonCloth!important;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;speak:never}