.fs11{font-size:11px}.fs13{font-size:13px}.fs16{font-size:16px}.fs19{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}.fs24{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}.fs32{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}.fs40{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}.fs48{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}.fs52{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}.fs64{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}.fs11-xxs{font-size:11px}.fs13-xxs{font-size:13px}.fs16-xxs{font-size:16px}.fs19-xxs{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}.fs24-xxs{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}.fs32-xxs{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}.fs40-xxs{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}.fs48-xxs{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}.fs52-xxs{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}.fs64-xxs{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}@media only screen and (min-width:393px){.fs11-xs{font-size:11px}}@media only screen and (min-width:393px){.fs13-xs{font-size:13px}}@media only screen and (min-width:393px){.fs16-xs{font-size:16px}}@media only screen and (min-width:393px){.fs19-xs{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}}@media only screen and (min-width:393px){.fs24-xs{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}}@media only screen and (min-width:393px){.fs32-xs{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}}@media only screen and (min-width:393px){.fs40-xs{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}}@media only screen and (min-width:393px){.fs48-xs{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}}@media only screen and (min-width:393px){.fs52-xs{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}}@media only screen and (min-width:393px){.fs64-xs{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}}@media only screen and (min-width:576px){.fs11-sm{font-size:11px}}@media only screen and (min-width:576px){.fs13-sm{font-size:13px}}@media only screen and (min-width:576px){.fs16-sm{font-size:16px}}@media only screen and (min-width:576px){.fs19-sm{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}}@media only screen and (min-width:576px){.fs24-sm{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}}@media only screen and (min-width:576px){.fs32-sm{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}}@media only screen and (min-width:576px){.fs40-sm{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}}@media only screen and (min-width:576px){.fs48-sm{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}}@media only screen and (min-width:576px){.fs52-sm{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}}@media only screen and (min-width:576px){.fs64-sm{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}}@media only screen and (min-width:768px){.fs11-md{font-size:11px}}@media only screen and (min-width:768px){.fs13-md{font-size:13px}}@media only screen and (min-width:768px){.fs16-md{font-size:16px}}@media only screen and (min-width:768px){.fs19-md{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}}@media only screen and (min-width:768px){.fs24-md{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}}@media only screen and (min-width:768px){.fs32-md{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}}@media only screen and (min-width:768px){.fs40-md{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}}@media only screen and (min-width:768px){.fs48-md{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}}@media only screen and (min-width:768px){.fs52-md{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}}@media only screen and (min-width:768px){.fs64-md{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}}@media only screen and (min-width:992px){.fs11-lg{font-size:11px}}@media only screen and (min-width:992px){.fs13-lg{font-size:13px}}@media only screen and (min-width:992px){.fs16-lg{font-size:16px}}@media only screen and (min-width:992px){.fs19-lg{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}}@media only screen and (min-width:992px){.fs24-lg{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}}@media only screen and (min-width:992px){.fs32-lg{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}}@media only screen and (min-width:992px){.fs40-lg{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}}@media only screen and (min-width:992px){.fs48-lg{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}}@media only screen and (min-width:992px){.fs52-lg{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}}@media only screen and (min-width:992px){.fs64-lg{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}}@media only screen and (min-width:1280px){.fs11-xl{font-size:11px}}@media only screen and (min-width:1280px){.fs13-xl{font-size:13px}}@media only screen and (min-width:1280px){.fs16-xl{font-size:16px}}@media only screen and (min-width:1280px){.fs19-xl{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}}@media only screen and (min-width:1280px){.fs24-xl{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}}@media only screen and (min-width:1280px){.fs32-xl{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}}@media only screen and (min-width:1280px){.fs40-xl{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}}@media only screen and (min-width:1280px){.fs48-xl{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}}@media only screen and (min-width:1280px){.fs52-xl{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}}@media only screen and (min-width:1280px){.fs64-xl{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}}@media only screen and (min-width:1600px){.fs11-xxl{font-size:11px}}@media only screen and (min-width:1600px){.fs13-xxl{font-size:13px}}@media only screen and (min-width:1600px){.fs16-xxl{font-size:16px}}@media only screen and (min-width:1600px){.fs19-xxl{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}}@media only screen and (min-width:1600px){.fs24-xxl{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}}@media only screen and (min-width:1600px){.fs32-xxl{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}}@media only screen and (min-width:1600px){.fs40-xxl{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}}@media only screen and (min-width:1600px){.fs48-xxl{font-size:3rem;font-size:clamp(24px,3.84vw,48px)}}@media only screen and (min-width:1600px){.fs52-xxl{font-size:3.25rem;font-size:clamp(25px,4.16vw,52px)}}@media only screen and (min-width:1600px){.fs64-xxl{font-size:4rem;font-size:clamp(28px,5.12vw,64px)}}@media only screen and (min-width:393px){.xxs-and-down{display:none!important}}@media only screen and (min-width:393px){.xxs-only{display:none!important}}@media only screen and (max-width:392.98px){.xxs-none{display:none!important}}@media only screen and (min-width:576px){.xs-and-down{display:none!important}}@media only screen and (max-width:392.98px){.xs-only{display:none!important}}@media only screen and (min-width:576px){.xs-only{display:none!important}}@media only screen and (min-width:393px) and (max-width:575.98px){.xs-none{display:none!important}}@media only screen and (max-width:392.98px){.xs-and-up{display:none!important}}@media only screen and (min-width:768px){.sm-and-down{display:none!important}}@media only screen and (max-width:575.98px){.sm-only{display:none!important}}@media only screen and (min-width:768px){.sm-only{display:none!important}}@media only screen and (min-width:576px) and (max-width:767.98px){.sm-none{display:none!important}}@media only screen and (max-width:575.98px){.sm-and-up{display:none!important}}@media only screen and (min-width:992px){.md-and-down{display:none!important}}@media only screen and (max-width:767.98px){.md-only{display:none!important}}@media only screen and (min-width:992px){.md-only{display:none!important}}@media only screen and (min-width:768px) and (max-width:991.98px){.md-none{display:none!important}}@media only screen and (max-width:767.98px){.md-and-up{display:none!important}}@media only screen and (min-width:1280px){.lg-and-down{display:none!important}}@media only screen and (max-width:991.98px){.lg-only{display:none!important}}@media only screen and (min-width:1280px){.lg-only{display:none!important}}@media only screen and (min-width:992px) and (max-width:1279.98px){.lg-none{display:none!important}}@media only screen and (max-width:991.98px){.lg-and-up{display:none!important}}@media only screen and (min-width:1600px){.xl-and-down{display:none!important}}@media only screen and (max-width:1279.98px){.xl-only{display:none!important}}@media only screen and (min-width:1600px){.xl-only{display:none!important}}@media only screen and (min-width:1280px) and (max-width:1599.98px){.xl-none{display:none!important}}@media only screen and (max-width:1279.98px){.xl-and-up{display:none!important}}@media only screen and (min-width:10000px){.xxl-and-down{display:none!important}}@media only screen and (max-width:1599.98px){.xxl-only{display:none!important}}@media only screen and (min-width:10000px){.xxl-only{display:none!important}}@media only screen and (min-width:1600px) and (max-width:9999.98px){.xxl-none{display:none!important}}@media only screen and (max-width:1599.98px){.xxl-and-up{display:none!important}}:root{--width-full:100%;--paddinginline-full:var(--padding-inline,10px)}.width-full.padding-inline{padding-left:var(--paddinginline-full,0.5rem);padding-right:var(--paddinginline-full,0.5rem)}.width-full slideshow.navigation-outside,slideshow.navigation-outside.width-full{max-width:calc(100% - 120px);margin-left:auto;margin-right:auto}.width-full{margin-left:auto;margin-right:auto;width:var(--width-full,100%);max-width:100%}:root{--width-main:min(100%,1250px);--paddinginline-main:var(--padding-inline,10px)}@media only screen and (min-width:1279.98px){:root{--paddinginline-main:0}}.width-main.padding-inline{padding-left:var(--paddinginline-main,0.5rem);padding-right:var(--paddinginline-main,0.5rem)}@media only screen and (max-width:1369.98px){.width-main slideshow.navigation-outside,slideshow.navigation-outside.width-main{max-width:calc(100% - 120px);margin-left:auto;margin-right:auto}}.width-main{margin-left:auto;margin-right:auto;width:var(--width-main,100%);max-width:1250px}:root{--width-narrow:min(100%,910px);--paddinginline-narrow:var(--padding-inline,10px)}@media only screen and (min-width:768px){:root{--width-narrow:min(100%,893px)}}@media only screen and (min-width:992px){:root{--width-narrow:min(100%,85%)}}@media only screen and (min-width:1280px){:root{--width-narrow:min(100%,80%)}}@media only screen and (min-width:939.98px){:root{--paddinginline-narrow:0}}.width-narrow.padding-inline{padding-left:var(--paddinginline-narrow,0.5rem);padding-right:var(--paddinginline-narrow,0.5rem)}@media only screen and (max-width:1029.98px){.width-narrow slideshow.navigation-outside,slideshow.navigation-outside.width-narrow{max-width:calc(100% - 120px);margin-left:auto;margin-right:auto}}.width-narrow{margin-left:auto;margin-right:auto;width:var(--width-narrow,100%);max-width:910px}slideshow.navigation-outside .navigation.prev{translate:-50px -50%}slideshow.navigation-outside .navigation.next{translate:50px -50%}:root{--padding-inline:1rem;--color1:#a06c29;--color2:#eee;--logoColor1:var(--color2);--logoColor2:#fff;--color-white:#fff;--color-gray-500:#7f7f7f;--color-black:#000;--color-red:red;--basefont:Verdana,Arial,serif;--headfont:'Helvetica',sans-serif;--iconfont:"Font Awesome 6 Pro","Font Awesome 6 Free";--transition-duration:250ms;--transition-function:ease-in-out;--transition-delay:0ms;--transition-all:all var(--transition-duration) var(--transition-function) var(--transition-delay);--header-bg-color:var(--color-white);--header-fg-color:#000;--aside-bg-color:var(--color2);--footer-bg-color:var(--color2);--footer-fg-color:#fff;--href-color:currentColor;--href-color_hover:var(--color1);--href-color_active:var(--color1);--href-decoration:none;--href-decoration_hover:none;--href-decoration_active:none;--form_element-height:35px;--form_element-line-height:16px;--input-padding-inline:8px;--input-padding-block:calc(( ( var(--input-height) - var(--input-line-height) ) / 2 ) - var(--input-border-width));--input-height:var(--form_element-height);--input-line-height:var(--form_element-line-height);--input-bg-color:var(--color-white);--input-border-color:var(--color-gray-500);--input-border-color_hover:var(--color-gray-500d);--input-border-color_active:var(--color-gray-500);--input-border-width:1px;--input-border-radius:0;--input-color:var(--color-black);--input-placeholder:var(--color-gray-500);--input-font-weight:400;--btn-padding-inline:16px;--btn-padding-block:calc(( ( var(--btn-height) - var(--btn-line-height) ) / 2 ) - var(--btn-border-width));--btn-height:var(--form_element-height);--btn-line-height:var(--form_element-line-height);--btn-bg-color:var(--color1);--btn-border-color:var(--color1);--btn-fg-color:var(--color-white);--btn-bg-color_hover:var(--color1);--btn-border-color_hover:var(--color1);--btn-fg-color_hover:var(--color-black);--btn-bg-color_active:var(--color-black);--btn-border-color_active:var(--color-black);--btn-fg-color_active:var(--color-white);--btn-border-radius:0;--btn-border-width:1px;--btn-font-weight:400;--slider-navigation-bg:Transparent;--slider-navigation-fg:#000;--slider-navigation-fa_icon-left:'\f060';--slider-navigation-fa_icon-right:'\f061';--slider-navigation-bg_hover:#ccc;--slider-navigation-fg_hover:#000;--slider-navigation-bg_active:#aaa;--slider-navigation-fg_active:#fff;--slider-pagination-bg:#ccc;--slider-pagination-fg:Transparent;--slider-pagination-bg_hover:#000;--slider-pagination-fg_hover:Transparent;--slider-pagination-bg_active:#aaa;--slider-pagination-fg_active:Transparent;--slider-pagination-active-bg:#aaa;--slider-pagination-active-fg:Transparent}@media only screen and (min-width:800px){.mobile-only{display:none!important}}@media only screen and (max-width:799.98px){.desktop-only{display:none!important}}.slidemenu{z-index:902;display:none;position:fixed;left:0;top:0;bottom:0;width:400px}.slidemenu.right{left:auto;right:0}.slidemenu header{display:flex;justify-content:space-between;align-items:center}.slidemenu .scroll{position:absolute;top:32px;bottom:0;left:0;right:0;overflow:auto}.slidemenu .back{cursor:pointer}.slidemenu .close{cursor:pointer}.slidemenu-shadow{position:fixed;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,0.5);filter:blur(1px);z-index:-1;opacity:0;pointer-events:none;cursor:wait;transition:opacity 300ms ease-in-out,z-index 0ms 300ms}.slidemenu-shadow #spinner{display:none;line-height:1}body[data-slidemenu='mainmenu'] #mainmenu,body[data-slidemenu='filters'] .productListFilters{z-index:901;opacity:1;display:block}.shadow-active #slidemenu-active-shadow,[data-slidemenu='mainmenu'] #slidemenu-active-shadow,[data-slidemenu='filters'] #slidemenu-active-shadow{z-index:900;opacity:1;pointer-events:all;transition:opacity 300ms ease-in-out,z-index 0ms 0ms}.shadow-active #slidemenu-active-shadow{display:flex;justify-content:center;align-items:center;font-size:400%;color:#fff}.shadow-active #slidemenu-active-shadow #spinner{display:block}:root{interpolate-size:allow-keywords}html{font-family:var(--basefont);font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;overflow-y:scroll;isolation:isolate}*,*::before,*::after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--headfont)}h1{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}h2{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}h3{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}h4{font-size:16px}h5{font-size:13px}h6{font-size:11px}.large h1{font-size:2.5rem;font-size:clamp(22px,3.2vw,40px)}.large h2{font-size:2rem;font-size:clamp(20px,2.56vw,32px)}.large h3{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}.large h4{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}.large h5{font-size:16px}.large h6{font-size:13px}.small h1{font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}.small h2{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}.small h3{font-size:16px}.small h4{font-size:13px}.small h5{font-size:11px}.small h6{font-size:11px}a:not([role="button"]):not(.button),a:not([role="button"]):not(.button):visited{color:var(--href-color);text-decoration:var(--href-decoration)}a:not([role="button"]):not(.button):hover{color:var(--href-color_hover);text-decoration:var(--href-decoration_hover)}a:not([role="button"]):not(.button):hover:active{color:var(--href-color_active);text-decoration:var(--href-decoration_active)}b{font-weight:600}strong{font-weight:800}table th{text-align:left}table th[align='left'],table td[align='left']{text-align:left}table th[align='center'],table td[align='center']{text-align:center}table th[align='right'],table td[align='right']{text-align:right}slideshow .navigation{font-family:var(--iconfont)}slideshow .pagination .slick-dots li{display:flex;justify-content:center;align-items:center}slideshow.productsgrid{display:grid}slideshow.productsgrid .slides{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-auto-rows:auto;grid-auto-flow:column}slideshow.productsgrid .slick-list,slideshow.productsgrid .slick-track{grid-column:1 / -1;display:grid;grid-auto-rows:auto;grid-auto-flow:column}slideshow.productsgrid .slick-slide,slideshow.productsgrid .slick-slide>div{grid-row:span 4;display:grid;grid-template-rows:subgrid;grid-auto-flow:column}slideshow.productsgrid .slick-slide>div{grid-template-columns:subgrid}slideshow.productsgrid .product.slide{display:grid!important}.grid.productsgrid{grid-auto-rows:auto}.bodyGrid{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr;min-height:calc(100dvh);gap:1rem 0;padding-bottom:2rem}.bodyGrid aside.layout{display:none}@media only screen and (min-width:800px){.bodyGrid{grid-template-columns:auto minmax(0,1fr);padding-bottom:0}.bodyGrid header.layout{grid-column:2;grid-row:1}.bodyGrid aside.layout{grid-column:1;grid-row:1 / span 3;display:block}.bodyGrid main.layout{grid-column:2;grid-row:2}}.system-messages{background:#fff;border-radius:0 0 .5rem .5rem;overflow:hidden}.system-messages:not(.inline){position:absolute;z-index:1000;top:-16px;left:50%;translate:-50% 0}@media only screen and (min-width:768px){.system-messages:not(.inline){position:fixed;top:131px}}.system-messages:not(.inline) .msg{border-top:none}.system-messages .close{position:absolute;cursor:pointer;top:12px;right:0;width:2em;height:2em}.system-messages .close::after{content:'\f00d';display:inline;margin-left:.5rem;color:#000;font-family:var(--iconfont);font-weight:100;font-size:1.5em}.system-messages .msg{position:relative;padding:1em 2em 1em 1em;width:94vw;background-color:rgba(0,112,186,0.25);border:2px solid #0070ba;border-radius:0 0 .5rem .5rem;color:#000}.system-messages .msg:has(+.msg){border-radius:0}@media only screen and (min-width:768px){.system-messages .msg{width:720px}}.system-messages .msg.notice{background-color:rgba(0,0,255,0.25);border-color:blue}.system-messages .msg.error{background-color:rgba(255,0,0,0.25);border-color:red}.system-messages .msg.warning{background-color:rgba(255,165,0,0.25);border-color:orange}.system-messages .msg p{margin-bottom:.5em}.system-messages .msg p ~ p{margin-top:0}.blockforms #slidemenu-active-shadow{z-index:900;opacity:1;pointer-events:all;transition:opacity 300ms ease-in-out,z-index 0ms 0ms}.blockforms #slidemenu-active-shadow{display:flex;justify-content:center;align-items:center;font-size:500%;color:#fff}.blockforms #slidemenu-active-shadow #spinner{display:block}.placeholder-wrapper{position:relative}input[placeholder]:not([type='checkbox']):not([type='radio'])+label,select[placeholder]+label,.placeholder-wrapper textarea[placeholder]+label{display:inline-block;position:absolute;top:50%;left:var(--input-padding-inline,0.5rem);translate:0 -50%;transition:var(--transition-all);background:Transparent;font-size:1rem;font-weight:400;cursor:text}input[placeholder]:not([type='checkbox']):not([type='radio'])+label.small,select[placeholder]+label.small,.placeholder-wrapper textarea[placeholder]+label.small{z-index:11;padding:0 5px;line-height:.85rem;top:0;translate:-5px -50%;background:Transparent;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);font-size:.85rem}input[placeholder]:not([type=checkbox]):not([type=radio]):focus+label,.placeholder-wrapper textarea[placeholder]:focus+label,input[placeholder]:not([type=checkbox]):not([type=radio]):not(:placeholder-shown)+label,.placeholder-wrapper textarea[placeholder]:not(:placeholder-shown)+label{z-index:11;padding:0 5px;line-height:.85rem;top:0;translate:-5px -50%;background:Transparent;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);font-size:.85rem}select[placeholder]+label{pointer-events:none}select[placeholder]:valid+label{z-index:11;padding:0 5px;line-height:.85rem;top:0;translate:-5px -50%;background:Transparent;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);font-size:.85rem}.placeholder-wrapper.radio>label{display:inline-block;position:absolute;top:50%;left:var(--input-padding-inline,0.5rem);translate:0 -50%;transition:var(--transition-all);background:Transparent;font-size:1rem;font-weight:400;cursor:text;z-index:11;padding:0 5px;line-height:.85rem;top:0;translate:-5px -50%;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);font-size:.85rem}.placeholder-wrapper.radio>label.small{z-index:11;padding:0 5px;line-height:.85rem;top:0;translate:-5px -50%;background:Transparent;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);font-size:.85rem}input:not([type=checkbox]):not([type=radio]),textarea,select{height:var(--input-height);line-height:var(--input-line-height);background-color:var(--input-bg-color);border:var(--input-border-width) solid var(--input-border-color);color:var(--input-color);font-size:var(--input-font-size);font-weight:var(--input-font-weight);vertical-align:middle}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea:not([type=color]):not([type=file]),select:not([type=color]):not([type=file]){padding-left:var(--input-padding-inline);padding-right:var(--input-padding-inline);border-radius:var(--input-border-radius)}input:not([type=checkbox]):not([type=radio]):hover,textarea:hover,select:hover{border-color:var(--input-border-color_hover)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus,input:not([type=checkbox]):not([type=radio]):active,textarea:active,select:active{border-color:var(--input-border-color_active);outline:none}input:not([type=checkbox]):not([type=radio]).value-problem,textarea.value-problem,select.value-problem{border-color:red;outline:1px solid red}input:not([type=checkbox]):not([type=radio]).value-ok,textarea.value-ok,select.value-ok{border-color:green;outline:1px solid green}input:not([type=checkbox]):not([type=radio]).fluid,textarea.fluid,select.fluid{width:100%}@media only screen and (max-width:575.98px){input:not([type=checkbox]):not([type=radio]).fluid-xs,textarea.fluid-xs,select.fluid-xs{width:100%}}p.input input:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']),p.input select,p.input textarea{width:100%}textarea{padding-top:.5rem;padding-bottom:.5rem;line-height:normal!important}select{padding-left:calc(var(--input-padding-inline) - 6px)}span.radiocollection{display:inline-block;line-height:var(--input-height);border:var(--input-border-width) solid var(--input-border-color)}p.input span.radiocollection{width:100%}span.radiocollection input[type='radio']{margin-left:var(--input-padding-inline)}span.radiocollection.value-problem{border-color:red;outline:1px solid red}span.radiocollection.value-ok{border-color:green;outline:1px solid green}.btn-disabled{--btn-bg-color:var(--color-gray-150);--btn-border-color:var(--color-gray-150);--btn-fg-color:var(--color-white);--btn-bg-color_hover:var(--color-gray-150);--btn-border-color_hover:var(--color-gray-150);--btn-fg-color_hover:var(--color-white);--btn-bg-color_active:var(--color-gray-150);--btn-border-color_active:var(--color-gray-150);--btn-fg-color_active:var(--color-white)}button,[role="button"],input[type='button'],input[type='submit'],a.button,span.button{-webkit-appearance:button;display:inline-flex;flex-flow:row nowrap;justify-content:center;align-items:center;grid-gap:var(--padding-inline);padding:var(--btn-padding-block) var(--btn-padding-inline);line-height:var(--btn-line-height);font-family:var(--basefont);font-size:16px;font-weight:var(--btn-font-weight,400);text-align:center;vertical-align:middle;cursor:pointer;background-color:var(--btn-bg-color);border:var(--btn-border-width) solid var(--btn-border-color);border-radius:var(--btn-border-radius);color:var(--btn-fg-color);transition:var(--transition-all)}button:hover,[role="button"]:hover,input[type='button']:hover,input[type='submit']:hover,a.button:hover,span.button:hover{background-color:var(--btn-bg-color_hover,var(--btn-bg-color));border-color:var(--btn-border-color_hover,var(--btn-border-color));outline:none;color:var(--btn-fg-color_hover,var(--btn-fg-color))}button:hover:active,[role="button"]:hover:active,input[type='button']:hover:active,input[type='submit']:hover:active,a.button:hover:active,span.button:hover:active{background-color:var(--btn-bg-color_active,var(--btn-bg-color));border-color:var(--btn-border-color_active,var(--btn-border-color));color:var(--btn-fg-color_active,var(--btn-fg-color))}button.fluid,[role="button"].fluid,input[type='button'].fluid,input[type='submit'].fluid,a.button.fluid,span.button.fluid{width:100%}@media only screen and (max-width:575.98px){button.fluid-xs,[role="button"].fluid-xs,input[type='button'].fluid-xs,input[type='submit'].fluid-xs,a.button.fluid-xs,span.button.fluid-xs{width:100%}}button.clear,[role="button"].clear,input[type='button'].clear,input[type='submit'].clear,a.button.clear,span.button.clear{background:Transparent!important;color:var(--btn-bg-color)}button.clear:hover,[role="button"].clear:hover,input[type='button'].clear:hover,input[type='submit'].clear:hover,a.button.clear:hover,span.button.clear:hover{background:var(--btn-bg-color)!important;color:var(--btn-fg-color)}button.secondary,[role="button"].secondary,input[type='button'].secondary,input[type='submit'].secondary,a.button.secondary,span.button.secondary{background:var(--color2)!important;color:var(--color1)}button.secondary:hover,[role="button"].secondary:hover,input[type='button'].secondary:hover,input[type='submit'].secondary:hover,a.button.secondary:hover,span.button.secondary:hover{background:var(--color1)!important;color:var(--color-white)!important}button.no-border,[role="button"].no-border,input[type='button'].no-border,input[type='submit'].no-border,a.button.no-border,span.button.no-border,button.no-border:hover,[role="button"].no-border:hover,input[type='button'].no-border:hover,input[type='submit'].no-border:hover,a.button.no-border:hover,span.button.no-border:hover,button.no-border:active,[role="button"].no-border:active,input[type='button'].no-border:active,input[type='submit'].no-border:active,a.button.no-border:active,span.button.no-border:active{border-color:Transparent!important}button.circle,[role="button"].circle,input[type='button'].circle,input[type='submit'].circle,a.button.circle,span.button.circle{justify-content:center;padding:0;width:var(--btn-height)!important;height:var(--btn-height);line-height:var(--btn-height);border-radius:50%}button.circle [class^="icon-"],[role="button"].circle [class^="icon-"],input[type='button'].circle [class^="icon-"],input[type='submit'].circle [class^="icon-"],a.button.circle [class^="icon-"],span.button.circle [class^="icon-"]{margin-left:0;vertical-align:baseline}button.square,[role="button"].square,input[type='button'].square,input[type='submit'].square,a.button.square,span.button.square{--btn-height:50px;justify-content:center;padding:0;width:var(--btn-height)!important;height:var(--btn-height);line-height:var(--btn-height)}button.square [class^="icon-"],[role="button"].square [class^="icon-"],input[type='button'].square [class^="icon-"],input[type='submit'].square [class^="icon-"],a.button.square [class^="icon-"],span.button.square [class^="icon-"]{margin-left:0;vertical-align:baseline}button[disabled],[role="button"][disabled],input[type='button'][disabled],input[type='submit'][disabled],a.button[disabled],span.button[disabled],button.disabled,[role="button"].disabled,input[type='button'].disabled,input[type='submit'].disabled,a.button.disabled,span.button.disabled{--btn-bg-color:var(--color-gray-150);--btn-border-color:var(--color-gray-150);--btn-fg-color:var(--color-white);--btn-bg-color_hover:var(--color-gray-150);--btn-border-color_hover:var(--color-gray-150);--btn-fg-color_hover:var(--color-white);--btn-bg-color_active:var(--color-gray-150);--btn-border-color_active:var(--color-gray-150);--btn-fg-color_active:var(--color-white);opacity:1;cursor:not-allowed}button[disabled].clear:hover,[role="button"][disabled].clear:hover,input[type='button'][disabled].clear:hover,input[type='submit'][disabled].clear:hover,a.button[disabled].clear:hover,span.button[disabled].clear:hover,button.disabled.clear:hover,[role="button"].disabled.clear:hover,input[type='button'].disabled.clear:hover,input[type='submit'].disabled.clear:hover,a.button.disabled.clear:hover,span.button.disabled.clear:hover{background:Transparent!important;color:var(--color-gray-200)}a[role='button'],a.button,a[role='button']:hover,a.button:hover{text-decoration:none}.togglePassword{z-index:10;position:absolute;top:50%;right:.5rem;translate:0 -50%;text-decoration:none}input[type='password'] ~ .togglePassword .hide{display:none}input[type='text'] ~ .togglePassword .show{display:none}.breadcrumbs{padding:1em}.breadcrumbs ol{display:none}@media only screen and (min-width:576px){.breadcrumbs{margin-top:0;padding:27px 0;color:#000;transition:var(--transition-all)}.breadcrumbs ol{display:block;margin:0;padding:0}.breadcrumbs ol li{display:inline-block}.breadcrumbs ol li:last-child{display:none}.breadcrumbs ol li.hidden{width:0;opacity:0}.breadcrumbs ol li:not(.hidden) ~ li::before{content:"/";display:inline-block;margin:0 .5em}.breadcrumbs a{color:currentColor;font-weight:400;text-decoration:none}}@media only screen and (min-width:576px) and only screen and (min-width:576px){.breadcrumbs ol li:last-child{display:inline-block}}header.layout{--href-color:var(--header-fg-color);--href-color_hover:var(--header-fg-color);z-index:1;background:var(--color2);position:sticky;top:0;padding-top:1rem;color:var(--header-fg-color)}@media only screen and (min-width:800px){header.layout{background:transparent}}header.layout .mobileLogo{display:flex;border-bottom:1px solid var(--color-white);align-items:center;justify-content:center;padding-bottom:1rem}header.layout .mobileLogo img{width:75%;max-height:10dvh}@media only screen and (min-width:800px){header.layout .mobileLogo{display:none}}header.layout .headerLayout .mobileMenu{display:grid;grid-template-columns:auto auto auto auto;justify-content:space-around;align-items:center;gap:1rem 2rem;padding:1rem 0}@media only screen and (min-width:800px){header.layout .headerLayout .mobileMenu{display:none}}header.layout .headerLayout .mobileMenu a{color:var(--color1)}header.layout .headerLayout .mobileMenu .searchform{display:none;grid-column:1 / span 4;grid-row:2}header.layout .headerLayout .mobileMenu .searchform.active{display:block}header.layout .headerLayout .mobileMenu .headerbasket{position:relative}header.layout .headerLayout .mobileMenu .headerbasket span{position:absolute;top:-1.25rem;right:-1rem;background:var(--color1);color:var(--color2);border-radius:50%;padding:.2rem .4rem;font-size:13px}header.layout .headerLayout .desktopMenu{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0 2rem;height:115px;border-bottom:1px solid var(--color1)}@media only screen and (max-width:799.98px){header.layout .headerLayout .desktopMenu{display:none}}@media print{header.layout .headerLayout .desktopMenu{display:none}}header.layout .headerLayout .desktopMenu .searchform{align-self:center}header.layout .headerLayout .desktopMenu .mainmenu{justify-self:end;align-self:center}header.layout .headerLayout .desktopMenu .headerbasket{justify-self:end;align-self:center}header.layout .headerLayout .toggleMobileMenu{display:flex;align-items:center;margin-left:auto;text-decoration:none}@media only screen and (min-width:800px){header.layout .headerLayout .toggleMobileMenu{display:none}}header.layout .headerLayout .headerbasket{display:flex;align-items:center;text-decoration:none}@media only screen and (min-width:800px){header.layout .headerLayout{background:var(--header-bg-color)}header.layout .headerLayout .headerLayout{grid-template-columns:1fr auto auto;height:115px}}nav.topmenu ul{display:block;margin:0 0 0 auto;padding:0;list-style-type:none}nav.topmenu ul li{display:inline-block}nav.topmenu ul a{display:block;padding:0 .5rem}.slidemenu{width:100%;background-color:#fff}.slidemenu header{--href-color:var(--header-fg-color);--href-color_hover:var(--header-fg-color);padding:var(--padding-inline);height:100px;background:var(--header-bg-color);color:var(--header-fg-color);font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}.slidemenu header .logo{margin-right:auto;width:100%;max-width:128px;height:100%}.slidemenu header .logo svg{height:100%}.slidemenu header .close{font-size:2rem}.slidemenu .scroll{top:100px;padding-bottom:1rem;overflow-y:scroll;overscroll-behavior:contain}nav.mainmenu{display:block;margin:0;padding:0}nav.mainmenu ul{margin:var(--padding-inline);padding:0;list-style-type:none}nav.mainmenu ul li{display:block}@media only screen and (max-width:767.98px){nav.mainmenu{z-index:902;display:none;position:fixed;left:0;top:0;bottom:0;width:400px;width:100%;background-color:#fff;grid-column:revert!important;grid-row:revert!important;justify-self:revert!important;align-self:revert!important;width:0;overflow:hidden}nav.mainmenu.right{left:auto;right:0}nav.mainmenu header{display:flex;justify-content:space-between;align-items:center}nav.mainmenu .scroll{position:absolute;top:32px;bottom:0;left:0;right:0;overflow:auto}nav.mainmenu .back{cursor:pointer}nav.mainmenu .close{cursor:pointer}nav.mainmenu header{--href-color:var(--header-fg-color);--href-color_hover:var(--header-fg-color);padding:var(--padding-inline);height:100px;background:var(--header-bg-color);color:var(--header-fg-color);font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}nav.mainmenu header .logo{margin-right:auto;width:100%;max-width:128px;height:100%}nav.mainmenu header .logo svg{height:100%}nav.mainmenu header .close{font-size:2rem}nav.mainmenu .scroll{top:100px;padding-bottom:1rem;overflow-y:scroll;overscroll-behavior:contain}body[data-slidemenu="mainmenu"] nav.mainmenu{left:0;width:100%}nav.mainmenu li .submenu{position:fixed;top:0;bottom:100%;left:0;width:100%;background:#fff;overflow:hidden}nav.mainmenu li.active .submenu{bottom:0}}@media only screen and (min-width:768px){nav.mainmenu{position:static}nav.mainmenu header{display:none}nav.mainmenu ul{display:flex;flex-flow:row nowrap;justify-content:flex-end;grid-gap:1rem;margin:0 0 0 auto;padding:0}nav.mainmenu ul li{display:block;position:relative;white-space:nowrap}nav.mainmenu ul li:hover{background:#eee;cursor:pointer}nav.mainmenu ul li:hover>.submenu{display:block}nav.mainmenu ul .submenu{display:none;position:absolute;top:100%;right:0;padding:.5rem 1rem 1rem;background:#eee}nav.mainmenu ul .submenu ul{flex-flow:column nowrap}}.loadingscreen{display:none;position:fixed;inset:0;z-index:900;background-color:rgba(0,0,0,0.25);backdrop-filter:blur(2px)}.loadingscreen i{position:absolute;left:50%;top:50%;transform:translate(-50% -50%);color:#fff;font-size:4em}.loadingscreen.show{display:block}aside.layout{width:20rem;background:var(--aside-bg-color);padding:1rem;position:relative}aside.layout .closeMobileMenu{background:var(--color-white)!important;border-color:var(--color-white);position:absolute;right:1rem}@media only screen and (min-width:800px){aside.layout .closeMobileMenu{display:none}}aside.layout .logo{display:block;border-bottom:1px solid var(--color1)}aside.layout .logo img{width:100%;height:115px}@media only screen and (max-width:799.98px){aside.layout .logo{display:none}}aside.layout nav ul{padding:0;list-style-type:none;margin:0}aside.layout nav a,aside.layout nav summary{padding-block:.5rem}aside.layout nav details:focus-within>summary{color:var(--color1)}aside.layout nav summary:hover,aside.layout nav summary:focus{color:var(--color1)}aside.layout .accountItems{margin-block:2rem}aside.layout .accountItems a i{margin-right:.5rem;color:var(--color1)}aside.layout .webgroups .current{color:var(--color1);font-weight:bold}aside.layout nav ul li a,aside.layout nav ul li summary{border-bottom:1px solid var(--color-white);display:block;cursor:pointer}aside.layout .subgroup a,aside.layout .subgroup summary{padding-inline:1rem}aside.layout .subgroup .subgroup a,aside.layout .subgroup .subgroup summary{padding-inline:2rem}body[data-slidemenu="mainmenu"] aside.layout{z-index:901;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;width:50rem;max-width:85%;display:block;height:100vh}main.layout{isolation:isolate;position:relative}main.layout .webgroupList{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}main.layout .webgroupList .webgroup{display:flex;align-items:center;justify-content:center;background:var(--color2);min-height:150px;color:var(--color1);font-weight:500;padding:0 1rem;text-align:center;font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}search.searchform{position:relative;width:100%;max-width:480px}search.searchform .searchtext{--input-height:50px;--input-bg-color:var(--color-gray-200);padding-right:calc(var(--btn-height) + var(--btn-padding-inline)) !important;width:100%}search.searchform .searchtext[placeholder]+label{top:14px!important}search.searchform .searchtext[placeholder]:focus+label,search.searchform .searchtext[placeholder]:not(:placeholder-shown)+label{translate:0 -19px!important}search.searchform .searchbutton{--btn-padding-inline:0;--btn-height:50px;--btn-bg-color_hover:var(--color-gray-200);--btn-fg-color_hover:var(--color-gray-450);position:absolute;right:0;top:0;height:var(--btn-height);width:var(--btn-height);min-width:revert!important;justify-content:center;text-align:center;font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}@media only screen and (max-width:799.98px){#slidemenu-search{position:absolute;bottom:0;right:0;left:0;height:0;transition:var(--transition-all);display:none;flex-flow:row nowrap;justify-content:space-between;align-items:center;grid-gap:1rem;padding-left:var(--paddinginline-main);padding-right:var(--paddinginline-main);background:var(--color-white);overflow:hidden}#slidemenu-search>form{width:100%}#slidemenu-search>form .searchbutton{display:none}#slidemenu-search .close{flex:0 0 var(--btn-height)}body[data-slidemenu='search'] #slidemenu-search{height:80px}}#quickearchresults{display:none;margin:0 auto;padding:0;width:100%;max-width:100%;min-height:0;border:none;border-radius:0}@media only screen and (min-width:800px){#quickearchresults{position:absolute;top:100%;left:5vw;right:0;width:auto}}#quickearchresults .content{width:100%;max-height:calc(100vh - 78px);border-radius:0 0 var(--btn-border-radius) var(--btn-border-radius);overflow:auto}#quickearchresults .content .scroll{padding:0 var(--padding-inline);width:100%;background:#fff;color:#000}#quickearchresults .content .scroll table{border:none}#quickearchresults .content button{margin:1rem 0 0;width:100%}#quickearchresults .close{position:absolute;right:0;top:-38px;background:var(--color-orange);border-color:var(--color-orange);border-radius:0 var(--input-border-radius) 0 var(--btn-border-radius);color:#fff;font-weight:700}#quickearchresults .close:hover{cursor:pointer}#quickearchresults .loader{display:none;position:absolute;font-size:2em;top:1em;left:50%}#quickearchresults table{width:100%;border:0;border-collapse:collapse;border-spacing:0}#quickearchresults table tr[onclick]:hover{cursor:pointer}#quickearchresults table tr[onclick]:hover,#quickearchresults table tr[onclick]:hover a,#quickearchresults table tr[onclick]:hover a:hover{color:currentColor;text-shadow:.5px 0 0 currentColor}#quickearchresults table tr:nth-child(even) td{background:var(--color-gray)}#quickearchresults table th,#quickearchresults table td{line-height:1.5rem;border-bottom:1px solid var(--color-darkgray)}#quickearchresults table td.image{padding:0 .5rem;width:4rem}#quickearchresults table td.image img{width:3rem;height:3rem;object-fit:cover;object-position:center center;mix-blend-mode:multiply}#quickearchresults table td.desc{text-align:left}#quickearchresults table td.price{padding:0 .5rem;text-align:right}#quickearchresults table a{--href-color:#000;display:block}#quickearchresults table tfoot tr td{border:none}body[data-searchresults="true"] .topmenu{z-index:1}body[data-searchresults="true"] #autosearchresults{display:block}.productListContainer{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-gap:1rem}.productListPagination{display:grid;justify-content:flex-end;grid-template-columns:1fr}.productListPagination span.prev{grid-column:1;justify-self:end}.productListPagination span.pages{grid-column:2}.productListPagination span.pages .artpage.current{background-color:buttontext;color:buttonface;font-weight:700}.productListPagination span.next{grid-column:3}.productListPagination .artpage{margin:0 .25rem}@media print{.productListPagination{display:none}}.product{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem 2rem;padding:1rem;border-bottom:1px solid var(--color2)}.product .title .short{display:inline}@media only screen and (max-width:799.98px){.product{grid-template-columns:auto 1fr;grid-template-areas:"id title" "orderblock orderblock";padding:1rem 0}.product .articleID{grid-area:id}.product .title{grid-area:title}.product .orderblock{grid-area:orderblock}.product .orderblock .favorite{order:1}.product .orderblock .price{order:2}.product .orderblock .orderbutton{order:3}}.product .image{display:block;width:100%;aspect-ratio:1.777777778}.product .image img{width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply}.product .props{padding-left:1rem}.product .orderblock{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;grid-gap:2rem}@media only screen and (min-width:768px){.product .orderblock{padding:0 1rem}}.product .orderblock input{width:5rem;border-radius:10px 0 0 10px!important;background:var(--color2);border-color:var(--color2)}.product .orderblock .orderbutton{border-radius:0 10px 10px 0!important}.productList{grid-template-columns:1fr;grid-auto-rows:auto}.productListMode .productList,.productListMode .productGrid,.productListMode .productGrid-4{color:#ccc;font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}body[data-productlistmode="list"] .productListMode .productList,body[data-productlistmode="grid-4"] .productListMode .productGrid-4,body[data-productlistmode="grid"] .productListMode .productGrid,body:not([data-productlistmode]) .productListMode .productGrid{color:#000}body[data-productlistmode="grid-4"] .productList .grid{grid-template-columns:1fr;grid-auto-rows:auto}@media only screen and (min-width:393px){body[data-productlistmode="grid-4"] .productList .grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px){body[data-productlistmode="grid-4"] .productList .grid{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:1280px){body[data-productlistmode="grid-4"] .productList .grid{grid-template-columns:1fr 1fr 1fr 1fr}}body[data-productlistmode="grid-4"] .productList .grid .props{display:none}body[data-productlistmode="list"] .productList .grid{grid-template-columns:2fr 5fr 1fr;grid-auto-columns:auto}body[data-productlistmode="list"] .product{grid-column:span 3;grid-row:span 3;grid-template-columns:subgrid;grid-auto-columns:auto;grid-auto-flow:columns;grid-column-gap:.5rem;grid-template-areas:"image title   order" "image summary order" "image props   order"}body[data-productlistmode="list"] .product .title{grid-area:title;align-self:center}body[data-productlistmode="list"] .product .image{grid-area:image}body[data-productlistmode="list"] .product .props{grid-area:props}body[data-productlistmode="list"] .product .summary{grid-area:summary}body[data-productlistmode="list"] .product .orderblock{grid-area:order}body[data-productlistmode="list"] .product .orderblock{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;justify-items:end;align-items:center;width:100%}body[data-productlistmode="list"] .product .orderblock .price{grid-row:1}body[data-productlistmode="list"] .product .orderblock .orderbutton{grid-row:2;self-align:end}body[data-productlistmode="list"] .product .title{margin-bottom:0;text-align:left}body[data-productlistmode="list"] .product .title .short{display:none}body[data-productlistmode="list"] .product .title .long{display:inline}body[data-productlistmode="list"] .product .summary{display:block;margin:0 0 1rem 0;max-height:3.6rem;overflow:hidden;white-space:prewrap;text-overflow:ellipsis}body[data-productlistmode="list"] .product .props{margin:0}@media only screen and (max-width:767.98px){.productFilters{margin-left:auto}.productFilters .toggleFilters{font-size:1.1875rem;font-size:clamp(16.75px,1.52vw,19px)}.productListFilters{z-index:902;display:none;position:fixed;left:0;top:0;bottom:0;width:400px;width:100%;background-color:#fff;bottom:100%;background:#fff;transition:var(--transition-all);overflow:hidden}.productListFilters.right{left:auto;right:0}.productListFilters header{display:flex;justify-content:space-between;align-items:center}.productListFilters .scroll{position:absolute;top:32px;bottom:0;left:0;right:0;overflow:auto}.productListFilters .back{cursor:pointer}.productListFilters .close{cursor:pointer}.productListFilters header{--href-color:var(--header-fg-color);--href-color_hover:var(--header-fg-color);padding:var(--padding-inline);height:100px;background:var(--header-bg-color);color:var(--header-fg-color);font-size:1.5rem;font-size:clamp(18px,1.92vw,24px)}.productListFilters header .logo{margin-right:auto;width:100%;max-width:128px;height:100%}.productListFilters header .logo svg{height:100%}.productListFilters header .close{font-size:2rem}.productListFilters .scroll{top:100px;padding-bottom:1rem;overflow-y:scroll;overscroll-behavior:contain}body[data-slidemenu='filters'] .productListFilters{bottom:0}body[data-slidemenu='filters'] .productListFilters .scroll{overflow-y:scroll;overscroll-behavior:contain}body[data-slidemenu='filters'] .productListFilters .scroll #showFilterResults,body[data-slidemenu='filters'] .productListFilters .scroll #activefilters{padding-inline:var(--padding-inline)}}body[data-slidemenu='filters'] main.layout{z-index:901}@media only screen and (min-width:768px){.productFilters,.productListFilters header{display:none}}#artfilters{display:flex;flex-flow:column;grid-gap:.5rem 1rem}#artfilters>.title{font-weight:900;text-transform:uppercase}#artfilters>.title,#artfilters .artfilter>.title{line-height:2}#artfilters .artfilter{position:relative}#artfilters .artfilter .title{display:block;padding:0 1rem;background-color:#eee;border-radius:3px;cursor:pointer}#artfilters .artfilter .artfiltervals{z-index:1;display:none;padding:.5rem 1rem;width:100%;background-color:#eee;border-radius:0 0 3px 3px}#artfilters .artfilter.active .title{border-radius:3px 3px 0 0}#artfilters .artfilter .item.disabled{opacity:.35}.productdetails{display:grid;grid-template-columns:3fr 2fr 2fr;grid-template-areas:"title    title    title" "images   summary  summary" "images   cluster  props" "images   order    props" "desclong desclong desclong";grid-gap:1rem;margin-bottom:100px}.productdetails .title{grid-area:title}.productdetails .summary{grid-area:summary}.productdetails .desclong{grid-area:desclong}.productdetails .images{grid-area:images}.productdetails .props{grid-area:props}.productdetails .clusterselection{grid-area:cluster}.productdetails .order{grid-area:order}.productdetails .title{text-align:center}.productdetails .images{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-flow:columns;grid-gap:1rem}.productdetails .images picture{padding:1rem;background:#fcfbfa;aspect-ratio:1.777777778}.productdetails .images picture:first-child{grid-column:span 3;grid-row:span 3}.productdetails .images picture img{width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply}.productdetails .images slideshow{grid-column:span 3}.productdetails .props .value{font-weight:600}#accountHome{display:grid;grid-template-columns:1 r;grid-gap:2vh}#accountHome .yourOrders .history .amount{display:none}#accountHome section{padding:1rem;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0}@media only screen and (min-width:768px){#accountHome{grid-template-columns:1fr 2fr;grid-gap:2vw}#accountHome .yourFavorites{grid-column:span 2}}@media only screen and (min-width:1280px){#accountHome{grid-template-columns:1fr 2fr}#accountHome .yourOrders .history .amount{display:table-cell}#accountHome .yourFavorites{grid-column:span 1}}.quickorder{display:grid;grid-template-columns:1fr;padding-inline:1rem}@media only screen and (min-width:768px){.quickorder{padding-inline:0}}.quickorder .fastorder{display:grid;grid-template-columns:1fr auto auto;align-items:end}.quickorder .quickorder-remark textarea{width:100%}.orderpathbuttons{display:flex;flex-direction:column;gap:1rem}.orderpathbuttons button{width:100%}@media only screen and (min-width:800px){.orderpathbuttons{flex-direction:row}.orderpathbuttons button{width:auto}}.placeholder-wrapper span.optional,.placeholder-wrapper span.required{z-index:1;position:absolute;top:-2px;right:0;color:red}.placeholder-wrapper span.optional::after,.placeholder-wrapper span.required::after{content:'*'}.placeholder-wrapper span.optional{color:rgba(255,0,0,0.5)}.placeholder-wrapper input:not([type="radio"]):not([type="checkbox"]),.placeholder-wrapper select{width:100%}select{width:100%}.placeholder-wrapper{position:relative;margin:.5em 0;max-width:100%}.placeholder-wrapper.firstname,.placeholder-wrapper.middlename,.placeholder-wrapper.lastname{width:32%}.placeholder-wrapper.street{width:calc(98% - 80px)}.placeholder-wrapper.housenr{width:80px}.placeholder-wrapper.zipcode{width:120px}.placeholder-wrapper.city{width:calc(98% - 120px)}.placeholder-wrapper.country select{max-width:100%;padding-left:5px}.placeholder-wrapper.housenr input{width:100%;text-align:right}.placeholder-wrapper input:not([type="radio"]):not([type="checkbox"]){width:100%}.inputgroup{display:flex;justify-content:space-between;max-width:100%;margin:.5em 0}.inputgroup .input{margin:0}.businessdetails{display:none}.businessdetails.active{display:block}.favoriteList{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-gap:1rem;margin-bottom:100px}@media only screen and (min-width:768px){.favoriteList{grid-template-columns:1fr;grid-template-rows:auto 24px auto 22px}}table.favorites td{border-bottom:1px solid var(--color2)}section.favorites{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}section.favorites article{display:flex;flex-direction:column;justify-content:center;position:relative;gap:.5rem;padding:1rem;box-shadow:rgba(0,0,0,0.24) 0 3px 8px}section.favorites article img{object-fit:contain;object-position:center center;width:100%}section.favorites article .favorite.del{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem}section.favorites article .articleOrder{display:flex}section.favorites article .articleOrder input,section.favorites article .articleOrder button{flex:1 1 auto}.productListOptions{display:flex;justify-content:flex-end;gap:1rem}table.history{width:max-content}@media only screen and (min-width:992px){table.history{width:100%}}table.history td{border-bottom:1px solid var(--color2)}nav.orderpath ol{margin:0;padding:0;list-style-type:none;display:flex;flex-flow:column;gap:0;margin-top:1rem;margin-bottom:1rem}nav.orderpath ol ~ .orderpath .step{display:none}nav.orderpath ol ~ .orderpath .step.future{display:block}nav.orderpath ol .step{flex:0 0 100%}nav.orderpath ol .step.future{display:none}@media only screen and (min-width:992px){nav.orderpath ol{flex-flow:row wrap}nav.orderpath ol ~ .orderpath{display:none}nav.orderpath ol .step{flex:1 1 33.33333333%}nav.orderpath ol .step.future{display:block}}nav.orderpath ol .step{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding-left:.625rem;padding-right:1.25rem;width:100%;line-height:51px;background-color:var(--color-white);border:2px solid var(--color-gray-500);color:var(--color-black);font-size:16px}nav.orderpath ol .step .number{display:inline-block;margin-right:10px;margin-left:25px;width:30px;height:30px;line-height:30px;background-color:var(--color1);border-radius:50%;color:var(--color-black);text-align:center}nav.orderpath ol .step .text{display:inline-block;color:var(--color-black);text-decoration:none}nav.orderpath ol .step:has(+.step){border-right:none}nav.orderpath ol .step.passed{background-color:var(--color1)}nav.orderpath ol .step.passed .text{color:var(--color-white)}nav.orderpath ol .step.passed .number{background:var(--color-white);color:var(--color-black);font-size:0}nav.orderpath ol .step.passed .number::before{content:"\f00c";display:inline-block;width:30px;font-family:var(--iconfont);font-size:13px;font-weight:900;text-align:center}nav.orderpath ol .step.active{background-color:var(--color1)}nav.orderpath ol .step.active .number{background:var(--color-white)}nav.orderpath ol .step.active .text{color:var(--color-white);font-weight:600}table.basket{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}table.basket thead{display:none}table.basket tbody.basketlines{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem 0}table.basket tbody.basketlines tr{display:grid;justify-content:space-between;align-items:center;border:1px solid var(--color1);width:100%;gap:1rem 0;padding:1rem;grid-template-areas:"title title title remove" "price total order order"}table.basket tbody.basketlines tr td{padding:0}table.basket tbody.basketlines tr .remove{grid-area:remove}table.basket tbody.basketlines tr .desc{grid-area:title}table.basket tbody.basketlines tr .order{grid-area:order}table.basket tbody.basketlines tr .price{grid-area:price}table.basket tbody.basketlines tr .total{grid-area:total}table.basket tbody.basketlines tr .remove{display:flex;justify-content:flex-end}table.basket tbody.basketlines tr .order{display:flex;align-items:center;margin-left:auto}table.basket tbody.basketlines tr .order input{width:5rem;border-radius:10px 0 0 10px!important;background:var(--color2);border-color:var(--color2)}table.basket tbody.basketlines tr .order button{border-radius:0 10px 10px 0}table.basket tfoot.totals{display:block;background:var(--color2);padding:1rem}table.basket tfoot.totals tr{display:flex;align-items:center;justify-content:space-between}table.basket tfoot.totals tr th,table.basket tfoot.totals tr td{paddingh:0}table.basket .image{width:100px}table.basket .image picture{display:block;padding:.25rem;aspect-ratio:1.777777778;background:#fcfbfa}table.basket .image picture img{width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply}table.basket .totals .subtotal .linetotal,table.basket .totals .total .linetotal{border-top:1px solid currentColor}table.basket .totals .total .linetotal{border-bottom:3px double currentColor}@media only screen and (min-width:1280px){table.basket{display:table}table.basket thead{display:table-header-group}table.basket tbody.basketlines{display:table-row-group}table.basket tbody.basketlines tr{display:table-row;border:none;padding:0}table.basket tbody.basketlines tr td{padding-block:.5rem;display:table-cell!important;border-bottom:1px solid var(--color2)}table.basket tfoot.totals{display:table-footer-group;background:transparent}table.basket tfoot.totals tr{display:table-row}}.orderpathDetails{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-gap:2vw}.orderpathDetails .deliverymethod{order:1}.orderpathDetails .deliveryaddress{order:2}.orderpathDetails .payment{order:3}.orderpathDetails .orderinfo{order:4}.orderpathDetails .summary{order:5}@media only screen and (min-width:768px){.orderpathDetails{grid-template-columns:3fr 2fr}.orderpathDetails .deliverymethod,.orderpathDetails .deliveryaddress,.orderpathDetails .payment{grid-column:1}.orderpathDetails .orderinfo,.orderpathDetails .summary{grid-column:2}.orderpathDetails .deliveryaddress,.orderpathDetails .orderinfo,.orderpathDetails .summary{grid-row:span 2}}@media only screen and (min-width:992px){.orderpathDetails{grid-template-columns:repeat(2,2fr) 1fr}.orderpathDetails .deliverymethod,.orderpathDetails .deliveryaddress{grid-column:1}.orderpathDetails .deliveryaddress{grid-row:span 2}.orderpathDetails .orderinfo,.orderpathDetails .payment{grid-column:2}.orderpathDetails .orderinfo{grid-row:1}.orderpathDetails .summary{grid-column:3;grid-row:1 / span 2}}.orderpathDetails .orderinfo .reference input{width:100%}.orderpathDetails .orderinfo .remarks textarea{width:100%;height:3em}@media only screen and (min-width:992px){.orderpathDetails .orderinfo{display:flex;justify-content:space-between}.orderpathDetails .orderinfo .reference{flex:0 0 30%}.orderpathDetails .orderinfo .remarks{flex:0 0 65%}}table.basket tfoot.totals{position:relative}table.basket .linetotal{opacity:1;transition:var(--transition-all)}table.basket #reloadingTotals{position:absolute;top:-50px;right:25px;color:currentColor;font-size:4rem;opacity:0;transition:var(--transition-all);pointer-events:none}table.basket.reloading .linetotal{opacity:.25;filter:blur(2px)}table.basket.reloading #reloadingTotals{opacity:1}table.basket.reloading *{pointer-events:none}#deliveryaddress table.customer tr td{padding:.25rem 0}#deliveryaddress table.customer select{padding-left:.5rem;width:100%}#deliveryaddress .delivery-sub{display:none;transition:var(--transition-all);overflow:hidden}#deliveryaddress .delivery-sub.active{display:block}.payment-choices .paymentmethod{position:relative;display:grid;grid-template-columns:30px 1fr 60px;grid-template-rows:50px auto;align-items:center;border:1px solid currentColor}.payment-choices .paymentmethod ~ .paymentmethod{margin-top:.5rem}.payment-choices .paymentmethod .radio{grid-row:1}.payment-choices .paymentmethod label{grid-column:span 2;grid-row:span 2;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;align-items:center}.payment-choices .paymentmethod label:hover{cursor:pointer}.payment-choices .paymentmethod .name{grid-column:1;font-weight:600}.payment-choices .paymentmethod .image{grid-column:2}.payment-choices .paymentmethod .image img{margin-right:10px;width:50px;height:auto;max-height:50px;object-fit:contain;object-position:center center}.payment-choices .paymentmethod .desclong{padding-bottom:0;max-height:0;transition:var(--transition-all);overflow:hidden}.payment-choices .paymentmethod:has(input:checked){outline:2px solid currentColor}.payment-choices .paymentmethod .radio:has(input:checked)+label .desclong{padding-bottom:1rem;max-height:300px}.customerForm{display:grid;grid-template-columns:1fr;gap:2rem 2rem}@media only screen and (min-width:1280px){.customerForm{grid-template-columns:1fr 1fr}}.loginPage .loginGrid{padding:2rem}.loginPage .loginGrid .logo{border-bottom:1px solid var(--color1);display:flex;justify-content:center;padding-bottom:2rem;margin-bottom:2rem}.loginPage .loginGrid .logo img{width:75%;max-height:10dvh}.loginPage .loginGrid form{display:flex;flex-direction:column;gap:1rem}.loginPage .loginGrid form label{display:block}.loginPage .loginGrid form label input[type="text"],.loginPage .loginGrid form label input[type="password"]{width:100%}.loginPage .loginGrid form #username,.loginPage .loginGrid form #password,.loginPage .loginGrid form .login,.loginPage .loginGrid form .passwordForgot{width:100%}.loginPage .loginGrid form .password,.loginPage .loginGrid form .passwordContainer{position:relative}.loginPage .loginGrid form .togglePassword{position:absolute;top:50%;right:1rem}.loginPage .loginGrid form hr{width:100%;border-color:var(--color2)}.loginPage .loginGrid form .passwordForgot{border-color:var(--color2);color:var(--color-black)}@media only screen and (min-width:800px){.loginPage{display:flex;height:100vh;width:100%;align-items:center;justify-content:center;background:var(--color2)}.loginPage .loginGrid{align-items:flex-start;display:grid;grid-template-columns:1fr 2fr;background:var(--color-white);box-shadow:rgba(0,0,0,0.35) 0 5px 15px;max-width:80%;width:75rem}.loginPage .loginGrid .logo{border-bottom:none;display:block;padding-bottom:0;padding-right:2rem;margin-bottom:0}.loginPage .loginGrid .logo img{width:100%}.loginPage .loginGrid form{padding-left:2rem;border-left:1px solid var(--color1);display:grid;grid-template-columns:1fr}.loginPage .loginGrid form section{display:grid;justify-content:space-between;grid-template-columns:1fr 1fr}.loginPage .loginGrid form section .rememberMe,.loginPage .loginGrid form section .login,.loginPage .loginGrid form section .passwordForgot{grid-column:2}}