@import url(fonts/icomoon/style.css);@import url(fonts/overpass/style.css);@layer reset{*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-o-font-smoothing:antialiased}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}strong{font-weight:bold}p{margin-top:1em;margin-bottom:1em}button,input,textarea,select{font:inherit}}.os-swiper{padding:0;position:relative}.swipe-area{cursor:grab;overflow:hidden}.swipe-area:active{cursor:grabbing}.swipe-content{display:flex;align-items:center;padding:20px 0;position:relative;transition:.2s}.swipe-area.dragging .swipe-content{transition:none}.swipe-content>*{flex:1 0 100%;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.swipe-content img{}.os-swiper .buttons button{background:#fff;border:0;color:#000 !important;font-size:20px;font-style:normal;height:auto;line-height:1;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.os-swiper .buttons button::before{display:none}.os-swiper .buttons .btnPrev{left:0;padding:20px 32px 20px 44px}.os-swiper .buttons .btnNext{padding:20px 44px 20px 32px;right:-2px}@media (min-width:500px){.swipe-content>*{flex:1 0 50%}}@media (min-width:650px){.swipe-content>*{flex:1 0 33%}}@media (min-width:800px){.swipe-content>*{flex:1 0 25%}}@media (min-width:1024px){.os-swiper.mobile-only .swipe-area{cursor:default;overflow:visible}.os-swiper.mobile-only .swipe-content{flex-wrap:wrap}.swipe-content>*{flex:1 0 25%}}:root{--hellgrau:#f1f1f1;--gelb:#FBBB21;--schwarz:#000000}.hg-hellgrau{--bg-color:#f1f1f1; background-color:#f1f1f1}.hg-gelb{--bg-color:#FBBB21; background-color:#FBBB21}.hg-schwarz{color:#ffffff}.hg-schwarz{--bg-color:#000000; background-color:#000000;--textcolor:#ffffff;--linkcolor:#ffffff;color:#ffffff}.main-nav{color:var(--highlight-color);font-weight:500;position:absolute;z-index:20}.main-nav .btn-toggle-menu{background:var(--highlight-color);border:0 none;border-radius:50%;box-shadow:0px 0px 10px #0002;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8em;position:fixed;top:1rem;right:max(10px,var(--rand-rechts) / 2 - 1.85em);transition:top .3s var(--timing-fn);width:4em;height:4em;z-index:1}html:not(.nav-open) header.small .main-nav .btn-toggle-menu{top:1em}.main-nav .btn-toggle-menu svg{width:1.75em;transition:rotate .3s var(--timing-fn)}.main-nav .btn-toggle-menu rect{fill:000;transition:.3s var(--timing-fn);transition-property:rotate,translate}.main-nav .btn-toggle-menu:hover rect,.main-nav .btn-toggle-menu:focus rect{rotate:180deg}.main-nav .btn-toggle-menu rect.top{transform-origin:50% 6.5px}.main-nav .btn-toggle-menu rect.middle{transform-origin:50% 17.5px}.main-nav .btn-toggle-menu rect.bottom{transform-origin:50% 28.5px}.main-nav .btn-toggle-menu.active rect{width:40px;x:-2.5px}.main-nav .btn-toggle-menu.active rect.top{translate:0 11px;rotate:45deg}.main-nav .btn-toggle-menu.active rect.middle{opacity:0}.main-nav .btn-toggle-menu.active rect.bottom{translate:0 -11px;rotate:135deg}.main-nav .btn-toggle-menu.active:hover rect.top,.main-nav .btn-toggle-menu.active:focus rect.top{rotate:135deg}.main-nav .btn-toggle-menu.active:hover rect.bottom,.main-nav .btn-toggle-menu.active:focus rect.bottom{rotate:225deg}.main-nav>ul.nav{background-color:#fff;height:0;overflow:hidden;padding-top:0;position:fixed;top:0;left:0;right:0;-webkit-transition:.3s var(--timing-fn);transition:.3s var(--timing-fn)}.main-nav .nav>li{transition:.3s var(--timing-fn)}.main-nav .nav li{font-size:0em;--marker-size:.57em;display:block;position:relative}.main-nav .nav li::before{top:auto;bottom:.8em}.main-nav .nav button:hover,.main-nav .nav button:focus{filter:none}.main-nav .nav a{cursor:pointer; display:block}.main-nav .nav a:hover,.main-nav .nav a:focus,.main-nav .nav a.active{color:#000}.main-nav .nav ul{max-height:0;overflow:hidden}html.nav-open body,body:has(.main-nav a:focus){overflow:hidden}html.blocking-scrollbar.nav-open body{padding-right:10px}html.blocking-scrollbar.nav-open .main-nav .btn-toggle-menu,html.blocking-scrollbar.nav-open .sidebar{margin-right:10px}body:has(.main-nav a:focus) .main-nav>ul.nav,.nav-open .main-nav>ul.nav,.no-js .main-nav>ul.nav:hover,.no-js .main-nav .btn-toggle-menu:focus + ul.nav{height:100%;padding-top:7vh}body:has(.main-nav a:focus) .main-nav>ul.nav>li,.nav-open .main-nav>ul.nav>li,.no-js .main-nav>ul.nav:hover>li,.no-js .main-nav .btn-toggle-menu:focus + ul.nav>li{font-size:clamp(1.5em,3.5vw,2em)}.no-js .main-nav .btn-toggle-menu:focus{pointer-events:none}body:has(.main-nav a:focus) .main-nav>ul.nav::after,.nav-open .main-nav>ul.nav::after{content:'';height:1px;width:1px;position:absolute;bottom:-2px}.main-nav>ul.nav .logo{display:block;margin:0 auto min(3rem,6vh);padding:0;position:static;z-index:1}.main-nav>ul.nav .logo::before{display:none}.main-nav>ul.nav .logo img{width:min(75vw,300px)}.main-nav .nav>li{display:list-item;margin:min(.5em,1vh) auto;width:11.5em;z-index:2}.main-nav ul.nav li button.mobile{background:transparent;border:0;padding:.5em 0;position:absolute;top:0;right:0;width:4.5rem}.main-nav ul.nav a.active,.main-nav ul.nav a:focus,.main-nav ul.nav li:hover>a,.main-nav ul.nav li.open>a{background:rgba(255,255,255,0.3)}.main-nav .nav ul{background:rgba(255,255,255,0.2);font-size:0;text-align:center;transition:max-height .8s cubic-bezier(0,1,0,1) -.3s;width:auto}.main-nav .nav li.open ul{font-size:.85em;max-height:9999px;transition:max-height .8s cubic-bezier(0.5,0,1,0) 0s}.main-nav ul.nav ul a{color:#fff}@media (min-width:800px){.main-nav .btn-toggle-menu{font-size:.87em;top:3.9rem}body:has(.main-nav a:focus) .main-nav>ul.nav,.nav-open .main-nav>ul.nav,.no-js .main-nav>ul.nav:hover,.no-js .main-nav .btn-toggle-menu:focus + ul.nav{padding-top:15vh}.main-nav>ul.nav .logo{position:absolute;top:3.9rem;left:var(--rand-links);translate:-2.14%;width:300px}.main-nav>ul.nav>li{margin:.5em 0 .5em 40%}}@media (min-width:1200px){.main-nav .btn-toggle-menu{}}@keyframes pulseScrolldownBtn{0%{bottom:.5em}70%{bottom:.5em}85%{bottom:.25em}100%{bottom:.5em}}@keyframes slideInFromLeft{0%{transform:translateX(-10rem);opacity:0}50%{transform:translateX(-10rem);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(3rem);opacity:0}}@keyframes pulseAlert{0%{top:0; animation-timing-function:cubic-bezier(.39,.58,.57,1)}50%{top:-.5rem; animation-timing-function:cubic-bezier(.47,0,.74,.71)}100%{top:0}}:root{--font-size:20;--line-height:1.5;--max-content-width:1400px;--narrow-content-width:924px;--wide-content-width:1400px;--content-width:var(--max-content-width);--grid-gap:14px;--page-margin-left:1rem;--page-margin-right:1rem;--rand-links:max(var(--page-margin-left),50vw - var(--content-width) / 2);--rand-rechts:max(var(--page-margin-right),50vw - var(--content-width) / 2);--inhaltsbereich:min(var(--content-width),100vw - var(--page-margin-left) - var(--page-margin-right));--spaltenbreite:calc(var(--inhaltsbereich) / 12);--bg-color:#fff;--textcolor:#000;--linkcolor:var(--gelb);--highlight-color:var(--gelb);--font-family-text:Overpass,Arial,icomoon,sans-serif;--font-family-title:Overpass,Arial,icomoon,sans-serif;--timing-fn:cubic-bezier(.22,.61,.36,1);font-size:calc(1px * var(--font-size))}@media (min-width:800px){:root{--font-size:23}}body.loading,body.loading a{cursor:progress}.banner a.scrolldown{animation:6s ease-in-out 0s infinite pulseScrolldownBtn;color:#fff;cursor:pointer;font-size:100px;line-height:0;text-decoration:none;position:absolute;left:0;right:0;bottom:0.5em;width:100%;text-align:center}@layer base-theme{*,*::before,*::after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--linkcolor) var(--textcolor)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track-piece{background:var(--textcolor)}::-webkit-scrollbar-thumb{background:var(--linkcolor)}html,body{scroll-behavior:smooth}body{background:none #fff;border-top:1vh solid var(--highlight-color);color:var(--textcolor);font-family:var(--font-family-text);font-weight:300;line-height:var(--line-height);overflow-x:hidden;overflow-y:scroll}body.no-js .js,body.js .no-js{display:none}:focus-visible{outline:2px solid currentcolor;outline-offset:2px}small{font-size:.75em}p{margin:calc(1em * var(--line-height)) 0}a{color:var(--linkcolor);text-decoration:none;transition:.1s var(--timing-fn);transition-property:color,scale}a:hover,a:focus{text-decoration:underline;scale:1.01}a.mailto[data-server]::after{content:'@'attr(data-server)}.clear{clear:both}img,svg,video{height:auto;max-width:100%;object-fit:cover;vertical-align:middle}ul.nav li{display:inline-block}ul.nav a{color:currentcolor}body>.a11y-menu{position:absolute;top:-5em;left:0;z-index:30}body>.a11y-menu a{background:#000;padding:.5em 0 .5em 1em;position:absolute;top:0;width:11.5em}body>.a11y-menu a:focus-within{outline:0;top:5em}body>header,body>.breadcrumb,body>nav,.banner .inner,main>*,footer>*,.cookie-hinweis{padding:1rem;padding:0 max(1rem,50% - 41rem);padding:0 var(--rand-rechts) 0 var(--rand-links)}.textblock.schmal{--content-width:var(--narrow-content-width)}.textblock.breit{--content-width:var(--wide-content-width)}.textblock.randlos{padding-left:0;padding-right:0}body.modal-open .sidebar{display:none}nav.sidebar>:first-child a{margin-right:.5rem}nav.sidebar>:last-child a{margin-left:.5rem}.alert{animation-name:pulseAlert;animation-duration:.5s;animation-iteration-count:2;animation-timing-function:ease-in-out;border-radius:50%}header~* button,header~* .button{--bg:#000;--paddingTop:.55rem;--paddingRight:1rem;--paddingBottom:.4rem;--paddingLeft:1rem;background-color:var(--bg);background-clip:padding-box;border:1px solid var(--bg);border-radius:.5em;color:var(--bg-color);cursor:pointer;display:inline-block;font-weight:700;line-height:1.2;padding:var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);position:relative;scale:1;text-decoration:none;transition:.3s var(--timing-fn);transition-property:background-color,color;user-drag:none;user-select:none}header~* button:disabled{cursor:default;opacity:.7}header~* .button.disabled{cursor:default;pointer-events:none;opacity:.5}header~* button[type="button"],header~* .button{--bg:#000;--bg-color:var(--highlight-color)}header~* button,header~* button.submit,.button.submit{--bg:var(--highlight-color);--bg-color:#000}a:hover button,a:hover .button,a:hover button.ghost,a:hover .button.ghost,a:focus button,a:focus .button,a:focus button.ghost,a:focus .button.ghost,button:not(:disabled):hover,.button:hover,button.ghost:not(:disabled):hover,.button.ghost:hover,button:not(:disabled):focus,.button:focus,button.ghost:not(:disabled):focus,.button.ghost:focus{background-color:var(--bg-color);color:var(--bg)}main button:not(:disabled):not(.small):active,main .button:not(.small):active{box-shadow:inset 2px 3px 3px -3px var(--bg);padding:calc(var(--paddingTop) + .05rem) max(0px,var(--paddingRight) - .05rem) max(0px,var(--paddingBottom) - .05rem) calc(var(--paddingLeft) + .05rem)}button.ghost,.button.ghost{background:transparent;border:2px solid currentcolor}button.fw::after,.button.fw::after{content:'\232a';font-size:1.5em;font-weight:bold;line-height:1;vertical-align:middle}button.bw::before,.button.bw::before{content:'\2329';font-size:1.5em;font-weight:bold;line-height:1;vertical-align:middle}.row{clear:both;display:flex;flex-wrap:wrap;margin:0 calc(var(--grid-gap) * -1)}.row>*{margin-bottom:calc(var(--grid-gap) * 2);padding:var(--grid-gap)}.row.boxed>*[class^="col-"]{border:0 none;margin:0 0 var(--grid-gap);padding:1.5em 1.7em;position:relative;z-index:1}.row.boxed>*[class^="col-"]::before{content:'';background:var(--hellgrau);position:absolute;top:5px;right:var(--grid-gap);bottom:.33rem;left:var(--grid-gap);pointer-events:none;z-index:-1}*[class^="col-"]{flex:0 0 auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;width:100%;max-width:100%}.col-1,.sm1{width:50%}*[class^="col-grow"]{flex-grow:1;width:auto}*[class^="col-auto"]{width:auto}.grid{--items-per-row:4;--max-grid-width:var(--max-content-width)}.schmal .grid{--max-grid-width:var(--narrow-content-width)}.wide .grid{--max-grid-width:var(--wide-content-width)}.grid.w1{--items-per-row:1}.grid.w2{--items-per-row:2}.grid.w3{--items-per-row:3}.grid.w4{--items-per-row:4}.grid.w5{--items-per-row:5}.grid.w6{--items-per-row:6}.grid{display:grid;grid-gap:calc(var(--grid-gap) * 2);grid-template-columns:repeat(auto-fit,minmax(calc((var(--max-grid-width) / var(--items-per-row)) - var(--grid-gap) * (8 - var(--items-per-row))),1fr))}.grid>*{max-width:calc(100vw - 2 * var(--grid-gap))}div.grid-2{grid-template-columns:repeat(auto-fit,minmax(385px,1fr))}div.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}div.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid img{height:100%;object-fit:cover}h1,h2,h3,h4{font-family:var(--font-family-title);/* Berechnung:Min-Größe +{Prozentwert}* (Max-Größe - Min-Größe) * 1rem */--scale-start:450;--scale-end:1000;--percent:calc((100vw - 1px * var(--scale-start)) / (var(--scale-end) - var(--scale-start)));--dynsize:calc(1em * var(--factor-min) + var(--percent) * (var(--factor-max) - var(--factor-min)) * var(--font-size));font-size:clamp(1em * var(--factor-min),var(--dynsize),1em * var(--factor-max));font-weight:500;line-height:1.2;margin:0.6em 0}h1{margin-top:0}h1,h2{--factor-min:1.8;--factor-max:3}h3{--factor-min:1.2;--factor-max:1.5}h1 small,h2 small,h3 small{display:block;font-size:1.5rem;font-weight:400;text-transform:none}body>header{display:flex;align-items:baseline;justify-content:space-between;padding-top:3.9em}.banner + header{padding-top:calc(3.9em + 1vh);position:absolute;top:0;left:0;width:100%;z-index:3}body:not(.produktseite) .banner + header{--bg-color:#000;--textcolor:#fff;color:#fff}body>header .versandinfo{background:var(--highlight-color);color:#000;font-size:min(3vw,1.4em);font-weight:500;line-height:.8;padding:1.5em 0 .9em;position:absolute;top:0;left:50%;text-align:center;text-decoration:none;transition-property:background,color,scale;translate:-50%;width:13.5em}body>header .versandinfo:hover,body>header .versandinfo:focus-visible{background:#000;color:var(--highlight-color);scale:1}body>header .versandinfo::before,body>header .versandinfo::after{content:'';background:inherit;border-radius:0 0 .5em .5em;position:absolute;top:0;width:4.5em;height:100%;z-index:-1}body>header .versandinfo::before{left:-2.1em;transform:skewX(45deg)}body>header .versandinfo::after{right:-2.1em;transform:skewX(-45deg)}body>header .versandinfo small{font-size:.4em;font-weight:300}header>.logo img{height:17vw;margin:1em 0;transition:.2s;translate:-2.14% -3.97%}header>.logo:focus-visible img{filter:drop-shadow(2px 2px 0px var(--textcolor))}body>header .top-nav{font-size:0;line-height:1.5rem;margin-bottom:1rem}body>header .top-nav li{margin-left:1rem;position:relative;vertical-align:top}body>header .top-nav a{color:var(--textcolor);display:inline-block}body:not(.produktseite)>.banner + header .top-nav a:not(:hover,:focus-visible){filter:drop-shadow(0 0 1px #000)}body>header .top-nav a::before{display:inline-block;font-size:2.2rem;position:relative;top:0;transition:.3s var(--timing-fn)}body>header .top-nav a:hover::before,body>header .top-nav a:focus-visible::before{color:var(--highlight-color);top:-.5rem}body>header .top-nav ul{position:absolute}body>header .top-nav .item-amount{background:var(--highlight-color);border-radius:50%;color:var(--bg-color);font-size:.9rem;font-weight:500;line-height:1.4;position:absolute;top:-.3em;right:-.3em;text-align:center;transition:.3s var(--timing-fn);width:1.25em;height:1.25em}body>header .top-nav .item-amount.empty{background:var(--textcolor)}body>header .top-nav .icon-warenkorb:hover + .item-amount,body>header .top-nav .icon-warenkorb:focus-visible + .item-amount{top:-.8em}.lang-nav a{opacity:.3;transition:.3s var(--timing-fn)}.lang-nav a:hover{opacity:1}.lang-nav img{width:2.15em;height:2.15em}.social>a{background:var(--highlight-color);border-radius:2rem;color:var(--textcolor);display:inline-block;font-size:0;line-height:1;text-decoration:none;vertical-align:top}.social a::before{background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;padding:0;width:1.6em;height:1.6em}body div.breadcrumb{font-size:0.93em;font-weight:500;padding-top:1rem;padding-bottom:1rem;text-align:left}.breadcrumb a{color:currentcolor;margin-right:10px;text-decoration:none}.breadcrumb a:not(:first-child)::before{content:'»  '}.breadcrumb a:last-child{font-weight:500}nav.sidebar{display:flex;flex-wrap:wrap;justify-content:center;padding-top:1em}.banner~nav.sidebar{margin-top:-3.3em;position:relative;top:-2em;z-index:2}.nav-open .banner~nav.sidebar{z-index:1}.banner{position:relative;z-index:2}body.produktseite>.banner{top:2em}.banner .slick-track{display:flex}.banner .slide{float:none;height:auto;position:relative;text-decoration:none; width:100vw}.banner .slider>.slide:not(:first-child){display:none}.banner .image{position:absolute;top:0;bottom:0;left:0;right:0}.banner .image img:first-child{height:100%;width:100vw;object-fit:cover}body.produktseite .banner .image img:first-child{object-fit:contain}.banner .image img:nth-child(2){position:absolute;top:55%;left:50%;max-width:85%;height:min(220px,33%);translate:-50% -50%;object-fit:contain}.banner .image img:nth-child(2)[src$=".svg"]{filter:drop-shadow(0 min(0.35vw,.45vh) 0 #000)}.banner .inner{min-height:80vh;padding-top:4.5em;position:relative;z-index:2}.banner .text{color:#fff;position:relative;text-align:center;z-index:5}.js .banner .text{visibility:hidden}.js .banner .slick-slide .text{}.js .banner .slick-current .text{visibility:visible;animation:2s ease-out 0s 1 slideInFromLeft}.banner .title{color:#fff;font-size:clamp(1.5em,4vw,2.5em);text-shadow:0 0 .17em #000c}.banner .desc{line-height:1.2;transition:.2s}.banner .desc strong{font-size:1.2em;font-weight:500}.banner .button{font-size:1.5rem}.banner .button small{font-size:1rem}.banner .slick-dots{line-height:1.3;position:absolute;bottom:10%;right:5%}.banner .slick-dots button{background:#00356b;border-radius:50%;box-shadow:0 0 5px rgba(255,255,255,0.5);font-size:0;height:20px;padding:0;width:20px}.banner .slick-dots .slick-active button{background:#34ccff}body>button.scrollup{border:0;box-shadow:0 0 0 1px #fff;font-size:min(1em,7vw);line-height:2;opacity:0;padding:0;pointer-events:none;position:fixed;bottom:.5rem;right:.5rem;text-align:center;transition:.8s ease-in-out;width:2em;z-index:20}.scrollup.visible{opacity:1;pointer-events:all}@media (max-width:510px){body>footer{margin-bottom:-2.5em}body>footer .copyright{padding-bottom:4em}body>button.scrollup{margin-left:calc(100% - 2.5em);position:sticky}}body>main{position:relative;z-index:1}body main>*{padding-top:2rem;padding-bottom:2rem}main>h1{background:var(--hellgrau);margin-block:0;padding-top:1em;padding-bottom:.5em}body>main .textblock{--rand-links:max(var(--page-margin-left),50vw - var(--content-width) / 2);--rand-rechts:max(var(--page-margin-right),50vw - var(--content-width) / 2);--inhaltsbereich:min(var(--content-width),100vw - var(--page-margin-left) - var(--page-margin-right));--spaltenbreite:calc(var(--inhaltsbereich) / 12)}main a[name]{position:relative;top:-80px}body main>a[name]{padding:0}.textblock>h2:first-child{margin-top:0}.textblock ul:not(.row) li,ul.highlight li{--marker-size:1.12em;display:inline-block;margin-bottom:.65em;padding-top:.1em;position:relative;padding-left:calc(var(--marker-size) * 2);width:100%}.textblock ul:not(.row) li::before,ul.highlight li::before{content:"\276f";background:var(--highlight-color);border-radius:50%;color:#fff;display:inline-block;font-family:icomoon;font-size:var(--marker-size);line-height:1.43;padding:0 0 0 .28em;position:absolute;top:0;left:0;width:1.43em;height:1.43em;vertical-align:middle}.textblock p:last-child{margin-bottom:0}.textblock p>a:only-child{display:inline-block;font-weight:500;padding-top:.2em;padding-left:2em;position:relative;text-decoration:none;text-transform:uppercase}.textblock p>a:only-child::before{content:"\276f";background:var(--highlight-color);border-radius:50%;color:#fff;font-family:icomoon;font-size:1.12em;line-height:1.43;padding:0 0 0 .28em;position:absolute;top:0;left:0;width:1.43em;height:1.43em}.textblock.hg-bild{background:var(--hgbild) no-repeat top / cover}.textblock .txt-img-wrap>*{position:relative}.textblock .txt-img-wrap a{color:currentcolor;display:block;text-decoration:none}.textblock .txt-img-wrap .caption{font-size:1.5em;font-weight:400}.oeffnungszeiten span:first-child{display:inline-block;width:8em;max-width:50%}.js main>*>*{visibility:hidden}.js main>*>*.in-view{animation:.8s ease-in-out 0s 1 slideInFromBottom;visibility:visible}.seo-texte{max-height:2px;margin:0;overflow:hidden;padding:0}body>footer{--spacer-color:currentcolor;font-size:clamp(.85rem,4.5vw,1rem);overflow:hidden;padding-top:1em;text-align:center}body>footer>*{padding-top:1em;padding-bottom:1em}body>footer a{color:currentcolor;text-decoration:none}body>footer h3{--factor-max:1.3}body>footer div>a{hyphens:none}body>footer .abwicklung{justify-content:space-around}body>footer .abwicklung>*{text-align:center}body>footer .abwicklung .logos{display:flex;justify-content:center;margin:0 -.25em}body>footer .abwicklung .logos img{width:min(4.9rem,25%);padding:.25em}body>footer .abwicklung .versand span{background:#fff;border-radius:.3em;display:inline-flex;align-items:center;justify-content:center;min-height:2.95em;margin-top:.25em;padding:.5em}body>footer .info{--spacer-color:var(--highlight-color);padding-top:2em;padding-bottom:0}body>footer .row{text-align:left}body>footer .info .row.firmendaten{justify-content:space-around;gap:2em;padding-bottom:1.6em}body>footer .info .row>*{margin:0;padding-top:0;padding-bottom:0}body>footer .info .logo{align-self:center}body>footer .info .logo img{width:14.33em;max-width:66vw}body>footer .info .kontaktinfo{display:flex;flex-wrap:wrap;justify-content:space-around;gap:0 2em}body>footer .info .kontaktinfo>div{width:18.3em}body>footer .info .kontaktinfo strong{font-weight:500}body>footer .info .kontaktinfo a:last-child{margin-bottom:0}body>footer .info [class^="icon-"]{display:block;margin:.8em 0;min-height:1.7em;position:relative;padding-left:2.3em}body>footer .info [class^="icon-"]::before{background:#fff;border-radius:50%;color:#000;font-size:1.7em;padding:.04rem .075rem .11rem;position:absolute;top:-.15em;left:0}body>footer .info a>span{display:inline-block}body>footer .info a:hover span,body>footer .info a:focus-visible span{text-decoration:underline}body>footer .info .nav{flex-wrap:wrap;gap:2em;padding-top:1.4em}body>footer .info .nav>*{}body>footer .info .nav .links ul{display:flex;flex-direction:column;flex-wrap:wrap;width:100%}body>footer .info .nav .txt{line-height:1.9}body>footer .info .nav .txt strong{color:var(--highlight-color);font-size:1.3em;line-height:1.9rem}body>footer .info .nav .txt strong:first-child{margin-top:-0.2em;display:block}body>footer .info .nav .txt strong:first-child + br{display:none}body>footer .info ul{text-align:left}body>footer .info ul li{margin-bottom:.9em;width:auto}@media (min-width:550px){body>footer .info .nav .links{min-width:27em}body>footer .info .nav .links ul{max-height:12em}}@media (min-width:750px){body>footer .info .nav .links ul{max-height:8em}}@media (min-width:1120px){body>footer .info .nav .links{min-width:36em}body>footer .info .nav .txt{max-width:22em}}@media (min-width:1300px){body>footer .info .nav .links ul{max-height:8em}}body>footer ul a{display:inline-block}body>footer ul.highlight li{--marker-size:.7rem;line-height:1rem}body>footer .info ul.highlight li::before{color:#000}body>footer .info .logos-extern{border:none;display:flex;flex-wrap:wrap;gap:6vw 0;justify-content:space-between;margin:1em auto 0;max-width:49em}body>footer .info .logos-extern a{height:12.8vw;text-align:center;width:33%}body>footer .info .logos-extern img{height:100%}.logos-extern a:focus-visible img{filter:drop-shadow(5px 5px 35px var(--highlight-color))}body>footer .info .small_stern{display:block;}body>footer>*>div{padding-block:1em}body>footer>*>div:not(:last-child){border:solid var(--spacer-color);border-width:0 0 2px 0}body>footer .meta{color:#000;columns:4 5.5em}body>footer .meta li{display:block;text-align:left}body>footer .meta label{cursor:pointer}body>footer .meta label:hover{text-decoration:underline}body>footer .columns{columns:6 11.7em;hyphens:auto}body>footer .columns>div{break-inside:avoid}body>footer .columns ul{margin-bottom:1em}body>footer .small{font-size:.8em;text-align:left}body>footer .small h3{margin:0 0 .4em;text-transform:uppercase}body>footer .small ul.highlight li{margin-bottom:.3em}body>footer .copyright{font-size:.9em}@keyframes loading{0%{font-size:1em}40%{font-size:1.5em}80%{font-size:1em}100%{font-size:1em}}.sending-form main{position:static}.sending-msg{background:#000d;color:#fff;display:none;font-size:clamp(1em,3vw,2.5em);opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.sending-form .sending-msg{display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:1}.loading-animation{font-size:.5em;height:2em}.loading-animation i,.loading-animation::before,.loading-animation::after{animation:2s infinite loading;background:currentcolor;border-radius:50%;display:inline-block;margin:0 .2em;vertical-align:middle;width:1em;height:1em}.loading-animation::before,.loading-animation::after{content:''}.loading-animation::before{animation-delay:-.2s}.loading-animation::after{animation-delay:.2s}.embed-yt{color:#333;font-size:.93em;text-align:center;position:relative}.embed-yt>img{margin:auto;max-width:560px}.embed-yt .overlay{background:#fffa;margin:0 auto;max-width:850px;padding:1em 2em 2em;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.embed-yt>img,.embed-yt>.overlay{display:none}.embed-yt>iframe{display:inline}.embed-yt>.yt-decline{cursor:pointer;display:inline-block;margin-left:-12.9em;transform:translateY(1em)}.embed-yt.yt-cookie-not-set>img,.embed-yt.yt-cookie-not-set>.overlay{display:block}.embed-yt.yt-cookie-not-set>iframe,.embed-yt.yt-cookie-not-set>.yt-decline{display:none}.google_map{position:relative}.gmap_canvas{height:400px;margin-top:0;max-height:90vh}.gmap_canvas.gm-cookie-not-set{border:1px solid #999;color:#666;display:flex;align-items:center;font-size:.93em;padding:min(8vw,3rem);text-align:center;height:auto;min-height:31em;max-height:none}.gmap_canvas.gm-cookie-not-set>*{max-width:850px;margin:0 auto}.gmap_canvas .gm-style{color:#000}.gmap_canvas + .gm-hide-map{cursor:pointer;display:block;font-size:.7em;position:absolute;top:-1.5em;right:.3em}.gmap_canvas.gm-cookie-not-set + .gm-hide-map{display:none}.osm{display:inline-block;position:relative}.osm .copyright{background:#fff;background:#fffd;position:absolute;bottom:0;right:0;max-width:100%}.impressum .copyright li{display:flex;text-align:left;margin-bottom:20px}.impressum .copyright li>img{align-self:flex-start;margin-right:10px}.impressum .copyright li>span{align-self:center;line-height:1.3}.impressum .os{display:flex;align-items:center;flex-wrap:wrap}.impressum .os>*{flex:1 1 auto}.impressum .os .anschrift{margin:2em 2em 2em 0}.sitemap main ul ul{margin-left:.75em}.scrollbox{display:flex;flex-wrap:nowrap;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.scrollbox>*{flex:0 0 auto;scroll-snap-align:start}.immer_scrollbar .dots,.mobil_scrollbar .dots{display:none;text-align:center}.scrollbox + .dots{display:block}.scrollbox + .dots span{background:transparent;border:2px solid var(--highlight-color);cursor:pointer;display:inline-block;font-size:0;margin:.25rem;width:1.2rem;height:1.2rem}.scrollbox + .dots span.active{background:var(--linkcolor)}@media screen and (min-width:400px){.col-1-5{width:50%}}@media screen and (min-width:500px){.md1{width:25%}.md2{width:50%}.sm1{width:25%}.sm2{width:50%}.sm3{width:75%}.sm4{width:100%}}@media (min-width:540px){.nav.meta .city{display:none}}@media screen and (min-width:650px){.col-1{width:16.66%}.col-2,.col-1-5{width:33.33%}.col-3,.col-4,.col-5,.col-2-5{width:50%}.md1{width:16.66%}.md2{width:33.33%}.md3{width:50%}.md4{width:66.66%}.md5{width:83.33%}.md6{width:100%}body>footer .info .logos-extern{justify-content:space-between}body>footer .info .logos-extern a{height:min(3.9em,7.8vw);width:auto}}@media (min-width:765px){body>footer .info .kontaktinfo{flex-grow:1}body>footer .info .kontaktinfo>div{width:auto}}@media (min-width:800px){.mobile{display:none}.col-1{width:8.333%}.col-2{width:16.667%}.col-3,.col-1-4{width:25%}.col-4{width:33.333%}.col-5{width:41.667%}.col-6{width:50%}.col-7{width:58.333%}.col-8{width:66.667%}.col-9{width:75%}.col-10{width:83.333%}.col-11{width:91.667%}.col-1-5{width:25%}.col-2-5{width:40%}.col-3-5{width:60%}.col-4-5{width:80%}.lg1{width:8.333%}.lg2{width:16.667%}.lg3{width:25%}.lg4{width:33.333%}.lg5{width:41.667%}.lg6{width:50%}.lg7{width:58.333%}.lg8{width:66.667%}.lg9{width:75%}.lg10{width:83.333%}.lg11{width:91.667%}.lg12{width:100%}body>header{align-items:start}body>header>.logo img{margin:0 0 2em;height:157px}body>header .top-nav{margin-top:1rem}body>header .top-nav{margin-top:0;margin-right:clamp(0px,max(77px - var(--rand-rechts) / 2,120px - var(--rand-rechts)),4.2rem)}body>header .top-nav li{margin-left:1.5rem}body>header .top-nav a::before{font-size:2.75rem}.banner .inner{padding-top:6.5em}body>footer .abwicklung>div{margin:0}body>footer .abwicklung>div:not(:last-child){border-width:0 2px 0 0}body>footer .small h3{font-size:1rem}.textblock.bild_text img,.textblock.text_bild img{width:100%;height:100%}.bild_text .grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 var(--grid-gap);justify-content:center}.grid.r4x8{grid-template-columns:4fr 8fr}.bild_text .grid>:first-child{align-self:end;margin:0}.bild_text .grid>.img{grid-row:span 2;order:-1}}@media (min-width:860px){body>footer .meta{columns:auto}body>footer .meta li{display:inline-block}body>footer .meta li:not(:last-child)::after{content:'·';display:inline-block;margin-left:-.1em;text-align:center;width:.4em}}@media (min-width:1116px){body>footer .info .logo{flex-grow:1}body>footer .info .kontaktinfo{justify-content:space-between}}@media (min-width:1200px){.col-1{width:8.333%}.col-2{width:16.667%}.col-3,.col-1-4{width:25%}.col-4{width:33.333%}.col-5{width:41.667%}.col-6{width:50%}.col-7{width:58.333%}.col-8{width:66.667%}.col-9{width:75%}.col-10{width:83.333%}.col-11{width:91.667%}.col-1-5{width:20%}.col-2-5{width:40%}.col-3-5{width:60%}.col-4-5{width:80%}body>header .top-nav{margin-top:0;margin-right:clamp(0px,max(77px - var(--rand-rechts) / 2,120px - var(--rand-rechts)),4.2rem)}.textblock.columns-2{columns:2;column-gap:calc(3 * var(--grid-gap));text-align:left}.textblock.columns-2>h1,.textblock.columns-2>h2,.textblock.columns-2>.txt-img-wrap{column-span:all;text-align:center}.textblock.columns-2>p{margin-top:0}body>footer .info .kontaktinfo{}}@media (min-width:1600px){nav.sidebar,.banner~nav.sidebar{flex-direction:column;margin:0;padding:0;position:fixed;top:10em;right:max(20px,var(--rand-rechts) / 2 - 1em);z-index:25;transition:top .3s var(--timing-fn)}html:not(.nav-open) header.small~nav.sidebar{top:8em}nav.sidebar>:first-child a{margin-right:0}nav.sidebar>:last-child a{margin-left:0}nav.sidebar .lang-nav{margin-bottom:6.75em}nav.sidebar .lang-nav li{margin:0 0 0.65rem}nav.sidebar .social{display:flex;flex-wrap:wrap;justify-content:end;text-align:right;width:2.5em}nav.sidebar .social a{display:block;margin:0 0 0.65rem;transition:border-radius .2s .1s,box-shadow .2s}nav.sidebar .social.kontakt a:hover,nav.sidebar .social.kontakt a:focus-visible{border-radius:2rem 0 0 2rem;box-shadow:0 0 10px #0003;transition:border-radius .2s,box-shadow .2s}nav.sidebar .kontakt{white-space:nowrap}.social.kontakt a{position:relative}.social.kontakt a:hover,.social.kontakt a:focus-visible{}.social.kontakt a span{display:inline-block;font-size:1rem;height:2.25em;line-height:2.1em;max-width:0;overflow:hidden;padding:.15em 0 0;position:relative;transition:padding .2s var(--timing-fn),max-width .3s var(--timing-fn);vertical-align:top}.social.kontakt a:hover span,.social.kontakt a:focus-visible span{max-width:16em;padding-right:.5em}.social.kontakt a.icon-phone span{line-height:2.25}nav.sidebar .social.extern a{transition:.3s var(--timing-fn);transition-property:background,color}nav.sidebar .social.extern a:before{border:3px solid var(--highlight-color);border-radius:50%}nav.sidebar .social.extern a:hover,nav.sidebar .social.extern a:focus-visible{background:#fff;color:var(--highlight-color)}.sidebar .social.highlight{margin-top:1.3em}.sidebar .social.highlight a::before,.sidebar .social.highlight a span{background:#f00;color:#fff}.sidebar .social.highlight a::before{font-size:1.38rem}}@media (max-width:799px){.desktop{display:none}.bild_text .row>*{margin-bottom:0}.bild_text .grid>:first-child{grid-column:span 2}.bild_text .txt p:first-child{margin-top:0}.overflowing{max-height:620px;overflow:hidden;position:relative}.showMore{display:none}.overflowing>.showMore{background:linear-gradient(to bottom,transparent,#fff9 10%,#fff);display:flex;align-items:center;justify-content:center;height:3.5em;position:absolute;bottom:0;left:0;width:100%}}}button i[class*="icon-"]:last-child::before{display:inline-block;font-size:1.56em;line-height:0;margin:-.1em 0 0 .5em;vertical-align:middle}.startseite .gruende{position:relative;z-index:2}.startseite .iconbox{background-clip:content-box;border-radius:1.1em / .7em;color:var(--highlight-color);text-align:center;font-size:1.3em;font-weight:500;padding-block:0}.startseite .iconbox [class^="icon-"]{font-size:3em;line-height:1;margin-top:1rem}.startseite .iconbox p{hyphens:none;line-height:1.2;margin:0.15em 0 0.85em;padding:0 .3em}.startseite .merkmale .products{--bg-color:var(--gelb);border-radius:1.5em;margin-top:-7.25em;padding-top:6em;position:relative}.startseite .merkmale .products::before{content:'';background:inherit;border-radius:1.5em;position:absolute;top:0;right:max(-2.4em,50% - 50vw);bottom:0;left:max(-2.4em,50% - 50vw);z-index:-1}.startseite .merkmale .products a{background:var(--bg-color) padding-box;border:var(--grid-gap) solid transparent;border-radius:1.5em;color:currentcolor;font-weight:500;padding-bottom:4em;position:relative;text-align:center;text-decoration:none}.startseite .merkmale .products a h3{font-weight:700;--factor-max:1.25}.products a .konfig{background:#000;border-radius:1em;color:var(--highlight-color);display:flex;align-items:center;justify-content:center;font-weight:700;min-height:2.8em;position:absolute;right:0;bottom:-1%;left:0;text-transform:uppercase;transition:min-height .3s var(--timing-fn)}.products a:hover .konfig,.products a:focus-visible .konfig{min-height:102%}.startseite .liste-warum ul{columns:3 15em}.suche .searchform{position:relative}.suche .searchform input{padding:0 .6em;width:100%;height:3em}.suche .searchform button{--bg-color:var(--hellgrau);border:0;border-radius:0;padding:.55em .5em .4em;position:absolute;top:1px;right:1px;width:3rem;height:calc(3rem - 2px)}.suche .searchform button i{font-size:0}.suche .searchform button i::before{font-size:1.5rem;line-height:1;margin:0;vertical-align:baseline}.suche h1{margin-top:1.2em}.livesuche .liste{columns:8em}.livesuche .liste>*{break-inside:avoid;display:block}.produktliste{display:flex;flex-wrap:wrap}.produktliste .subnav{flex-grow:1;min-width:25%;width:100%}.produktliste .subnav ul{font-size:1.2em;font-weight:500;padding-top:2rem;position:sticky;top:0}.produktliste .subnav ul li{--marker-size:.7em;margin:0}.produktliste .subnav ul li::before{top:.1em}.produktliste .subnav ul a{display:block;line-height:1.2;margin-bottom:.3em;text-decoration:none}.produktliste .subnav ul a:hover{color:#000}.produktliste .liste{flex-grow:1;width:75%}.produktliste .products{padding-top:1em}.produktliste .products h2{font-size:1.2em;margin:0}.produktliste .wunschmaterial{border-radius:.5em;padding:1em}.produktliste .wunschmaterial strong{font-size:1.2em;font-weight:500;text-transform:uppercase}.produktliste .wunschmaterial .row{align-items:center}.produktliste .wunschmaterial .row>:first-child{flex:1 1 auto}.produktliste .wunschmaterial .button{--bg:var(--highlight-color);--bg-color:#fff;text-transform:uppercase}.products .item{height:100%;position:relative;text-align:center}.products .item>a{background:var(--hellgrau);border-radius:1em;color:currentcolor;display:flex;flex-direction:column;font-weight:500;height:100%;overflow:hidden;padding:1em 0 0;text-decoration:none}.item .title,.item .price{padding:.5em 1em}.item .title>*{font-size:0.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item .img{flex-grow:1}.item .img img{width:90%}.products a .button{--bg:var(--highlight-color);--bg-color:var(--textcolor);--paddingTop:.9em;--paddingBottom:.7em;border:0;border-radius:1em 1em 0 0;font-weight:700;margin-top:.5em;text-transform:uppercase}.item .price{background:var(--highlight-color);color:#fff;font-size:.87em;padding-left:1.5em;text-align:right}.item .price strong{font-size:1.35em;font-weight:500}.products .item .icon-info{position:absolute;bottom:.4em;left:.5em}.products .item .icon-info::before{color:#fff}@media (max-width:599px){.produktliste .subnav{height:0;min-width:2em;position:sticky;top:45vh;z-index:1}.produktliste .subnav::before{content:'\276f';background:var(--highlight-color);border-radius:0 1em 1em 0;box-shadow:0 0 5px #0003;color:#fff;font-family:icomoon;font-size:1.3rem;line-height:1.4em;padding-right:.3em;position:absolute;top:0;left:-1rem;text-align:center;width:1.2em;height:1.5em;z-index:1}.produktliste .subnav ul{background:#fff;box-shadow:0 0 .5em #0003;font-size:0;margin-top:1em;overflow:hidden;padding:1em;transition:.3s var(--timing-fn);translate:0 -50%}.produktliste .subnav:focus ul,.produktliste .subnav ul:hover{font-size:1em}.produktliste .subnav:focus::before{pointer-events:none}.produktliste .subnav ul li{padding:0}}@media (min-width:600px){.produktliste .subnav{background:#fff;margin:0 -1rem;padding:0 2.5rem 0 1rem;position:sticky;top:0;z-index:1}.produktliste .subnav ul{display:flex;flex-wrap:wrap;gap:0 .4em;font-size:.85em;padding:1rem 0 .5rem;white-space:nowrap}.produktliste .subnav ul li{width:auto}}@media (min-width:1200px){.produktliste .subnav{position:static;margin:0;padding:0;width:10em}.produktliste .subnav ul{display:block;font-size:1.2em;padding:2rem 0 0;white-space:wrap}.produktliste .subnav ul li{width:100%}}@media (max-width:1199px){.produktliste .subnav{box-shadow:0 5px 5px -2px #0002}.produktliste .subnav ul li::before{display:none}}.ueber-uns .textblock>ul{columns:12em}.textblock form[name="form_login"] p>a:only-child{text-transform:none}.konto .button i.icon-logout::before{vertical-align:top}.konto #tbl_konto tr{transition:0.5s}#tbl_konto .bnr{width:8em}#tbl_konto .bdatum{width:11em}#tbl_konto .bstatus{width:10.5em}#tbl_konto td.bbetrag{text-align:right; width:5.5em}.konto #tbl_konto tr.order.active td{background-color:#ddd}.konto #tbl_konto tr.order:not(.active):hover td{background-color:#f0f0f0}.konto #tbl_konto .order td{cursor:pointer;padding:10px 5px}.konto #bestellungen .details{display:none;border-bottom:5px solid #fff}.konto #bestellungen .details.active{display:table-row}.konto #bestellungen .details th{background-color:#ddd}.konto #bestellungen .details>td>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3em 1em}.konto #bestellungen .details h2{width:100%}.konto #bestellungen .details table.left{flex-grow:1}.konto #bestellungen .details .trenner hr{margin:5px 0}.konto #bestellungen .details .boxen{flex-grow:1;width:20em}.konto #bestellungen .details .box{background-color:#f6f6f6;border:1px solid #ccc;margin-right:5px;margin-bottom:20px}.konto #bestellungen .details .box div{padding:7px 10px}.konto #bestellungen .details .box .title{background-color:#ddd;font-weight:bold}.konto #bestellungen .product{background-color:#eee;border-top:1px solid #fafafa;cursor:pointer}.konto #bestellungen .options{background-color:#f3f3f3;font-size:0.95em;line-height:1.2em;border-bottom:4px solid #fafafa;display:none}.konto #bestellungen .options.active{display:table-row}.konto #warenkoerbe table td:last-child{text-align:center}.konto .content.adressbuch .col-4{margin:0}.konto .vcard{background:#f9f9f9;font-size:.8em;padding:0.1em 1em 1em}.vcard{font-size:0.93rem;position:relative;min-height:100%}.area .content.adressbuch>div{overflow:hidden}.vcard.aktiv{background-color:#f0f9f9;box-shadow:inset 0 0 0 5px var(--highlight-color)}.vcard.aktiv .btnDefault{display:none}.vcard h3{margin-bottom:1em}.vcard .del{position:absolute;top:5px;right:5px}.vcard.new a,a.vcard.new{display:flex;align-items:center;justify-content:center;font-size:13em;line-height:.66;overflow:hidden;padding:.2em 0 0;text-decoration:none}form .form_bottom{display:flex;align-items:center;flex-wrap:wrap;gap:1em;justify-content:space-between}form .form_bottom .hinweis{width:15em;flex:1 1 auto}.konto #reklamation textarea{--lines:6}#reklamation .filedrag.img_div:empty::before{content:'Um Ihre Reklamation schnellstmöglich zu bearbeiten, benötigen wir Ihre Mithilfe. Bitte laden Sie hier die relevanten Dateien hoch, die uns bei der Analyse des Problems unterstützen.'}.no-js .konto #reklamation_produkt{display:none}.konto form.form_newsletter label.lbl-chk,.konto #konto-loeschen label.lbl-chk{background:var(--hellgrau);box-shadow:0 -.2em 0 var(--hellgrau);font-size:1em;left:0;padding-left:.7em}.druckdaten .filedrag.img_div:empty::before{content:'Bitte laden Sie hier Ihre Druckdaten hoch. Sie können die Dateien auch direkt in dieses Feld ziehen.'}.druckdaten .area .content{overflow:hidden}.img_div *{max-width:100%}.bild_row{float:left;margin-right:5px;position:relative;margin:0 10px 10px 0}.bild_aktionen{display:inline-block;position:relative}.bild_aktionen button{position:absolute;top:3px;right:3px;padding:7px 2px 11px;height:auto;display:none}.bild_aktionen:hover button{display:block}.filedrag .uploadButtonsContainer{margin:0 auto;position:relative;height:3em}.progress{background-color:#ddd;border:1px solid #446;padding:4px 8px;margin-top:5px}.progress .percent{float:right}.cart-list td.menge{min-width:10rem}.cart-list td.menge input{margin-bottom:1em}.cart-list td.menge button,.cart-list td.menge .button{border:0;display:inline-flex;align-items:center;justify-content:center;padding:0;vertical-align:top;width:1.75em;height:1.75em}@media (max-width:800px){table.cart-list{display:block;overflow:auto;width:100%}}.cart-list div.produkt{box-shadow:0 0 5px #ccc;background:#f1f1f1;margin-bottom:1em;padding-bottom:.3em}.cart-list .produkt .header{color:var(--highlight-color);display:flex;justify-content:space-between}.cart-list .produkt .header .titel{line-height:1.4;padding:0.6rem 0 0.6rem 0.6rem}.cart-list .header .buttons{width:4em;text-align:right}.cart-list .header .buttons>*{--paddingTop:.2em;--paddingRight:.2em;--paddingBottom:.2em;--paddingLeft:.2em;border-radius:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;width:1.7em;height:1.7em}.cart-list .produkt .content{display:flex;align-items:center;gap:1.5em;padding:0 1em}.cart-list .produkt dl{flex:0 0 auto;font-size:.75em;hyphens:none;line-height:1.3;width:40em;max-width:100%}.cart-list .produkt dl>*{display:inline-block;max-width:100%;vertical-align:top}.cart-list .produkt dt{font-weight:500;width:13.5em}.cart-list .produkt dd{margin-bottom:.4em;width:26em}.cart-list .produkt .preise{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em 2em;justify-content:end;flex:1 1 auto;text-align:right}.cart-list .produkt .preise>*{break-inside:avoid}.cart-list .produkt .preise span{display:inline-block;min-width:5em}@media (max-width:1075px){.cart-list .produkt .content{flex-wrap:wrap}}.warenkorb-liste .gesamtkosten{line-height:1.25;text-align:right}.warenkorb-liste .gesamtkosten span{display:inline-block;hyphens:auto;max-width:calc(100% - 6.5em);vertical-align:top}.warenkorb-liste .gesamtkosten span.price{display:inline-block;width:6em}.warenkorb-liste .gesamtkosten button,.warenkorb-liste .gesamtkosten .button{margin:0 0 .5em .4em;vertical-align:top}.warenkorb .modal-infoblatt{margin-bottom:-.5em}.warenkorb .modal-infoblatt .button{--bg:var(--highlight-color);margin-top:.5em;width:13.2em}body.kasse h1{hyphens:auto}.kasse form div{text-align:inherit}.kasse form.area:not(.bestaetigung) label{cursor:pointer}.kasse .area .gruppe:not(:first-child){border-top:1px dashed #ccc;margin-top:.75em;padding-top:.75em}.kasse .area .gruppe .vcard{hyphens:none;margin-bottom:1.5em}.kasse .area .row input[type="radio"]{display:none}.kasse .area .row input[type="radio"] + label{margin-bottom:1em}.kasse .area .row input[type="radio"] + label>div{background:var(--hellgrau);height:100%;padding:.7em .5em .4em;position:relative}.kasse .area .row input[type="radio"]:checked + label>div{box-shadow:inset 0 0 0 5px var(--highlight-color)}.kasse .area.versand .gruppe .vcard.absender h3{font-size:1.3em}.kasse .area.versand .row input[type="radio"] + label>div{line-height:1;padding:.7em .5em .4em 5em}.kasse .area.versand img{max-width:4.1em;position:absolute;top:.7em;left:.4em}.kasse .modal .vcards-overview .col-4>div{background:#fff;border-radius:1em;display:flex;flex-direction:column;padding:.75em}.kasse .modal .vcards-overview .col-4>div>div:last-of-type{flex-grow:1}.kasse .lsDiv{margin:0;min-height:7.5em;position:relative}.kasse .lsDiv:empty::before{content:'Bitte laden Sie hier Ihren Lieferschein hoch.'}.kasse .lsDiv a{display:inline-block}.vcard.lschein .filedrag + .uploadButtonsContainer{margin:0;text-align:left;top:0}.kasse .area .row small{font-size:.6em}.kasse .area .zahlungsarten label div{text-align:center}@media (min-width:650px){.kasse .bestaetigung .lbl{display:inline-block;width:8em}.kasse .bestaetigung input[type="text"],.kasse .bestaetigung textarea{padding-block:0;width:min(30em,100% - 8.5em)}}@media (max-width:1150px){.kasse .bestaetigung .gutschein input{background:transparent;position:relative;z-index:1}.kasse .bestaetigung .gutschein button{border-radius:0 .5rem .5rem 0;font-size:0;margin-left:-2.25rem;padding:.55rem 0 0.1rem;width:2rem}.kasse .bestaetigung .gutschein button[name="btn_gutschein"]::before{content:'\2611';font-size:1.2rem}}.kasse .bestaetigung input[type="text"]{height:2.2em;vertical-align:top}.kasse .bestaetigung textarea{height:5em}.kasse .bestaetigung .anmerkungen div + div{margin-top:.5em}.kasse .bestaetigung .action{background:var(--hellgrau);padding:.5em}.kasse .action label.agb{margin-bottom:0}.kasse .action label.agb span.label{padding-top:1px}.kasse .bestaetigung .warenkorb-liste~*{line-height:1.25;text-align:right}.kasse .bestaetigung .gesamtkosten{margin-top:1em}.kasse .bestaetigung .gesamtkosten span{display:inline-block;hyphens:auto;max-width:calc(100% - 6.3em);vertical-align:top}.kasse .bestaetigung .gesamtkosten span span{max-width:none}.kasse .bestaetigung .gesamtkosten span.price{display:inline-block;width:6em}.kasse .bestaetigung p.red{color:red;font-weight:500}.kasse .datenuebergabe button,.kasse .datenuebergabe a.button{--bg:var(--highlight-color);--bg-color:#000;margin-bottom:.5em;text-align:center;width:17em}.has-3d{perspective:2000px}.has-3d .vcard.new{transform-style:preserve-3d;overflow:visible}.vcards-overview .vcard.new>*{position:absolute;top:0;left:0;width:250px;height:200px;padding:10px 20px}.has-3d .vcard.new>*{backface-visibility:hidden;transform-style:preserve-3d;transition:transform 1s ease 0s;width:100%;height:100%}.vcards-overview .vcard.new>form{--input-height:2.3em;display:flex;flex-wrap:wrap;gap:.5em;padding-bottom:15px}.vcards-overview form.vcards-form{padding-left:20px;clear:both;font-size:0.87rem;line-height:18px;text-align:left}.has-3d form.vcards-form{transform:rotateY(180deg)}.vcards-overview.no-3d form.vcards-form{left:100%;transition:left .3s ease 0s}.has-3d .flipped>a{transform:rotateY(-180deg)}.has-3d .flipped form{transform:rotateY(0deg)}.vcards-overview.no-3d .flipped form{left:0}form.vcards-form label{flex:1 0 45%;margin-bottom:0}form.vcards-form input:not([type="checkbox"]):not([type="radio"]),form.vcards-form select{font-size:.8em;margin:0;padding:.3em .3em 1px}form.vcards-form select{margin:0}.kasse .vcard.new form button{position:static;margin-top:5px;scale:unset}.kasse .vcard.new form button::after{display:none}.textblock.formular .columns{columns:2 500px;column-gap:calc(2 * var(--grid-gap));font-size:.8em}form.columns label{margin-bottom:1em}form.columns label.lbl-chk{align-items:end;margin-bottom:1.333em;min-height:calc(var(--input-height) / .75);left:0}form.columns label.lbl-chk .label{min-height:1.6em}form.columns label.lbl-chk .icon{align-self:end}.textblock~.kontaktform-wrap{padding-top:0}.kontakt .pflichtinfo{display:block;font-size:0.8rem;font-weight:400;padding:0.6em 0}form div.send{align-self:center;text-align:right}.kontakt .textblock.gmap-wrap{padding-bottom:0}.kontakt .google_map{margin-top:3em}.download h2{--factor-max:2;--factor-min:1.2;font-weight:300;margin:1em 0 .3em}.download .file{margin:0}.download .file .button{--bg:var(--hellgrau);--bg-color:#000;display:flex;align-items:center;font-weight:500;gap:.5em;padding:.5em;width:100%;height:100%}.download .file .button .icon{flex-shrink:0}.aktuelles .news.row h2{font-size:1.33em;margin:0}.aktuelles .news.row p{margin:.6em 0}.aktuelles .images{float:right;margin-left:1.5em;width:250px}body.referenzen main .row{align-items:end}body.referenzen main .row>a{color:inherit;display:block;font-size:.9em;text-decoration:none}body.referenzen main .row.details a{margin:0}.textblock.tabs h2{--factor-min:1.2;--factor-max:1.5}.infoseiten main>ul.kategorien{columns:2 25em}.infoseiten main>ul.kategorien>li{break-inside:avoid;margin-bottom:1em}.infoseiten main>ul.kategorien h3{margin:0 0 .2em}.ral_farben>.farbliste .farbe{font-size:.8em;margin-bottom:0}.ral_farben>.farbliste .farbbox{width:100%;padding-top:41%}.ral_farben>.farbliste .farbtitel{display:block;height:0;margin-bottom:1.5em}.konfigurator .ral_farben>.farbliste{--grid-gap:.2em;font-size:.66rem;max-height:0;overflow:hidden;transition:max-height .8s cubic-bezier(0,.5,0,1) -.1s}.konfigurator input:focus~.ral_farben>.farbliste{max-height:70vh;overflow:auto;transition:max-height .8s cubic-bezier(0.5,0,1,0) 0s}.konfigurator .ral_farben>.farbliste .farbe{color:#fff;position:relative;text-shadow:1px 1px 1px #000,1px 1px 1px #000}.konfigurator .ral_farben>.farbliste .farbbox{height:5em}.konfigurator .ral_farben .farbe:hover .farbbox{box-shadow:0 0 0px 1px #fff inset;border:1px solid #000}.konfigurator .ral_farben>.farbliste .farbtitel{position:absolute;top:1.4em;left:1em}button.spinnerDec:not(:hover),button.spinnerInc:not(:hover){}button.spinnerDec,button.spinnerInc{--bg:var(--highlight-color);--bg-color:#000;--paddingTop:.35rem;--paddingRight:0rem;--paddingBottom:0rem;--paddingLeft:0rem;border:0;box-shadow:inset 0 0 0 1px var(--bg-color);display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;vertical-align:top;width:1.75rem;height:1.75rem;height:round(1.75rem,1px)}.spinnerDec{border-right:0;border-radius:.5rem 0 0 .5rem}.spinnerInc{border-left:0;border-radius:0 .5rem .5rem 0}button.spinnerDec:focus:not(:hover),button.spinnerInc:focus:not(:hover){background-color:var(--bg);color:var(--bg-color)}input.spinner:focus-visible{}button.spinnerDec + input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:solid #000;border-width:1px 0;height:1.75rem !important;border-radius:0;height:round(1.75rem,1px) !important;padding:0.15em .5em 0 0 !important;text-align:center}button.spinnerDec + input::-webkit-outer-spin-button,button.spinnerDec + input::-webkit-inner-spin-button{display:none}table.styled th,table.styled td{border:1px solid var(--bg-color)}table.styled th{background:var(--highlight-color);color:var(--bg-color);Padding:.2rem .5rem;text-align:left}table.styled td{background:var(--hellgrau);padding:.5em}table.styled table{font-size:.8em;line-height:1.2}table.styled table th,table.styled table td{background:transparent;border:0;color:currentcolor}input + label>.icon:first-child svg,.lbl-chk .icon svg{fill:none;stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke:var(--highlight-color);vertical-align:middle}input + label>.icon:first-child svg .tick,.lbl-chk .icon svg .tick{opacity:0;stroke:var(--highlight-color);stroke-dasharray :0% 590%;stroke-dashoffset :0%;transition:stroke-dasharray .6s,stroke-dashoffset .6s,opacity .1s .5s}input + label>.icon:first-child svg .box,.lbl-chk .icon svg .box{fill:#fff;stroke:#999;transition:stroke .2s}input + label:hover>.icon:first-child svg .box,input + label:focus>.icon:first-child svg .box,.lbl-chk:hover .icon svg .box,.lbl-chk input:focus~.icon svg .box{fill:#eee}input + label>.icon:first-child svg .dot,.lbl-chk .icon svg .dot{fill:transparent;stroke:transparent;transition:fill .5s}.lbl-chk input:checked~.icon svg .tick,input:checked + label>.icon:first-child svg .tick{opacity:1;stroke-dasharray:100% 590%;stroke-dashoffset:-320%;transition:stroke-dasharray 1s cubic-bezier(0,.85,.5,.8),stroke-dashoffset .6s,opacity 0s}.lbl-chk input:checked~.icon svg .box,input:checked + label>.icon:first-child svg .box{stroke:var(--highlight-color);transition:stroke .3s .3s}.lbl-chk input:checked~.icon svg .dot,input:checked + label>.icon:first-child svg .dot{fill:var(--highlight-color);transition:fill 0.4s 0.2s}.lbl-chk input[type="radio"]:checked~.icon svg .tick,input[type="radio"]:checked + label>.icon:first-child svg .tick{stroke-dasharray:230% 590%;stroke-dashoffset:0%;transition:stroke-dasharray .3s,stroke-dashoffset .6s,opacity 0s}.lbl-chk input[type="radio"]:checked~.icon svg .dot,input[type="radio"]:checked + label>.icon:first-child svg .dot{transition:fill 0.3s 0.3s}.icon-info{position:relative}.icon-info::before{cursor:help;vertical-align:text-top}.icon-info:not(.button):hover::before,.icon-info:not(.button):focus-visible::before{color:var(--highlight-color)}.icon-info.button::before{margin-right:.2em}.info-content{background-color:#fff;display:inline-block;font-size:.66em;margin-left:1em;opacity:0;overflow:hidden;position:absolute;left:100%;top:-1em;transition:opacity .3s,max-height .4s -.1s;width:min(var(--inhaltsbereich),20em);max-height:0;z-index:1}.info-content.only-img{width:170px}.info-content:hover,.icon-info:focus .info-content,.icon-info:focus + .info-content,.icon-info + :checked + .info-content,.lblTitle .icon-info:hover .info-content{display:inline-block;opacity:1;padding:10px;border:1px solid #4d4d4d;max-height:1000px;transition:opacity .3s,max-height .6s}.info-content>img{float:left;margin:0 .3em .3em 0}.icon-info.button + input{opacity:0;position:absolute}.info-content.product-info{cursor:default;font-size:1em;font-weight:300;margin:0;overflow:auto;left:50%;position:fixed;top:5%;translate:-50% 0;width:min(90%,var(--max-content-width) - 4em);height:90%}.icon-info:focus .info-content.product-info,.icon-info:focus + .info-content.product-info,.icon-info + :checked + .info-content.product-info{padding:0}.info-content.product-info>.head{background:#4d4d4d;color:#fff;display:flex;justify-content:space-between;position:sticky;top:0;z-index:1}.info-content.product-info>.head h2{font-size:1.2em;margin:0}.info-content.product-info>.head h2,.info-content.product-info>.produkt-info{padding:10px var(--grid-gap)}.info-content.product-info>.produkt-info .bilder a{box-shadow:0 0 2px #0006;display:inline-block;margin:0 8px 10px 0}.info-content.product-info>.produkt-info .bilder img{width:200px;height:200px;object-fit:contain}.info-content.product-info + .button.btn-close{--bg-color:#fff;--bg:#000;border-radius:0;height:2.3em;margin:1px 1px 0 0;opacity:0;position:fixed;top:-2.5em;right:max(5%,50% - var(--max-content-width) / 2 + 2em);transition:opacity 0.3s,top 0s 1s;z-index:2}.icon-info + :checked + .info-content.product-info + .button.btn-close{opacity:1;top:5%;transition:opacity 0.3s,top 0s}main:has(.datenblatt .icon-info + :checked){z-index:2}.area{margin-bottom:.5em}.area.fold.disabled{opacity:.6;pointer-events:none}.area>.title{background:var(--hellgrau);border-radius:10px 10px 0 0;font-size:1.1em;font-weight:500;padding:1rem min(5%,1.4rem) .7rem}.area .title small{float:right;margin-right:2em;text-align:right}.area>.content{border-radius:0 0 10px 10px;box-shadow:0 0 0 2px var(--hellgrau) inset;padding:1rem min(5%,1.4rem)}.area.fold>.title{cursor:pointer;position:relative}.area.fold.closed .title{border-radius:10px;transition:border-radius .1s .35s}.area.fold:not(.disabled)>.title::after{content:'\2796';background:#000;border-radius:50%;color:var(--highlight-color);line-height:1;font-family:icomoon;margin-top:-.55em;padding:.0533em;position:absolute;right:min(5%,1.4rem);top:50%;text-align:center;transition:rotate .3s var(--timing-fn)}.area.fold.closed:not(.disabled)>.title::after{content:'\2795'}.area.fold>.title:hover::after{rotate:180deg}.area.fold.closed>.title:hover::after{rotate:90deg}.area.closed:not(:target) .content,.area.disabled .content{display:none}.modal{background-color:#666;background-color:rgba(0,0,0,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;display:none}.modal-inner{background-color:#FFFFFF;background-color:rgba(255,255,255,0.9);width:400px;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);left:0;right:0;margin-left:auto;margin-right:auto;max-width:90%;max-height:87%;overflow:auto;padding:20px}.modal-msg:after{content:'';display:block;clear:both;height:0;visibility:hidden}.modal button{margin-top:1em}.modal-template{display:none}.modal.confirm .btnConfirm{margin-right:.4em}#attention-wrap{background-color:#fff;box-shadow:0 0 8px 0 #ccc;font-size:.8em;padding:1rem;position:absolute;top:200px;left:0px;transition:left .4s ease-out;width:20em;z-index:99999}#attention-wrap.hidden{left:-19.7em}#attention-wrap a{color:currentcolor;text-decoration:none}#attention-wrap .toggler{background-color:#fff;box-shadow:0 0 8px 0 #ccc;color:red;font-size:5em;font-weight:700;height:.9em;line-height:1.1em;position:absolute;top:15px;right:-25px}.table-wrap{overflow-x:auto;position:relative;text-align:left;scrollbar-width:none}.table-wrap::-webkit-scrollbar{width:0;height:0}.table-wrap>button,.table-wrap.scroll.scrollStart>button.btn-l,.table-wrap.scroll.scrollEnd>button.btn-r{display:none}.js .table-wrap.scroll>button{display:inline-block;opacity:.7;padding:0;position:sticky;transform:translateY(-0.5em);width:3em;height:1.5em;z-index:1}.table-wrap>button:hover{opacity:1}.table-wrap>button.btn-l{left:0}.table-wrap>button.btn-l::before{content:'\276e'}.table-wrap>button.btn-r{left:calc(var(--inhaltsbereich) - 3em)}.table-wrap>button.btn-r::before{content:'\276f'}.table-wrap table{font-weight:400;table-layout:fixed;width:850px;min-width:100%}.table-wrap table tr,.table-wrap table td{}.table-wrap table tr:not(:first-child) th[colspan="4"]{padding:.25em 0}.table-wrap table tr:not(:first-child) th[colspan="4"]::before{content:'';border-top:1px solid currentcolor;display:block;margin:.5em  0}.cookie-hinweis{background-color:rgba(0,0,0,0.98);box-shadow:0 0 10px 0 #000;color:#fff;font-size:0.85em;max-height:90vh;overflow:auto;padding-top:1em;padding-bottom:1em;position:fixed;bottom:0;left:0;text-align:left;transition:max-height .4s var(--timing-fn);width:100%;z-index:99999}.cookie-hinweis .intro{width:40em}.cookie-hinweis .settings{flex-grow:1;width:15em}.cookie-hinweis .title{background:#fff2;color:currentcolor;display:inline-flex;font-family:var(--font-family-text);font-size:1.2em;margin:0 .5em .5em 0;padding:.5em;position:relative;text-transform:none;width:11em}.cookie-hinweis .title span{flex-grow:1}.cookie-hinweis .title a{color:currentcolor;text-decoration:none}.cookie-hinweis .title input{margin-right:.5em;vertical-align:text-bottom;width:1em;height:1em}.cookie-hinweis .buttons{display:block;margin-top:1em}.cookie-hinweis button,.cookie-hinweis .button{padding-inline:.5em;font-size:1.1em;font-weight:700}.cookie-hinweis .buttons button{margin-bottom:.5em;width:100%}.cookie-hinweis .details{background:#000e;box-shadow:0 0 0 50vmax #fffe;display:none;margin:auto;overflow:auto;padding:5vh 5vw;position:fixed;top:1em;right:max(1rem,50% - var(--content-width) / 2);bottom:1em;left:max(1rem,50% - var(--content-width) / 2);z-index:10000}.cookie-hinweis .details>button{--highlight-color:red;color:#fff}.cookie-hinweis .details>button:first-child{display:block;position:sticky;left:calc(100% - 3em);top:0;transform:translate(5vw,-5vh);width:3em}.cookie-hinweis .details strong{display:block;font-size:1.2em;margin:1em 0 .5em}.cookie-hinweis .details ul{columns:20em;list-style:'- ' inside}.cookie-hinweis .details li{break-inside:avoid}.cookie-hinweis .details li:only-child{column-span:all}#cbxCookies{opacity:0;position:fixed;left:-5em}#cbxCookies:not(:checked) + .cookie-hinweis{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;visibility:hidden}@media (min-width:640px){.cookie-hinweis .buttons button{margin:0 4px .5em 3px;width:15.5em}.cookie-hinweis .buttons button.none{width:31.6em}}@media (min-width:800px) and (max-width:950px){.cookie-hinweis .title{font-size:1.2em}.cookie-hinweis .title a{position:absolute;top:0;right:.33em}}@media (min-width:1260px){.cookie-hinweis .settings{flex-grow:0}.cookie-hinweis .buttons button{padding-inline:1.5em;margin:0 6px .5em 0;width:auto !important}}@layer overlay{input#cbxHideOverlay{display:none}input#cbxHideOverlay:checked + .overlay{display:none}body>.overlay{background:rgba(0,0,0,0.9);position:fixed;top:0;bottom:0;left:0;right:0;z-index:99}body>.overlay>.content{background:#fff;padding:1em 2em 2em;position:absolute;left:50%;top:50%;max-height:90%;max-width:1330px;width:95%;overflow:auto;transform:translate(-50%,-50%)}body>.overlay .btn-close{background:#c00;color:#fff;cursor:pointer;font-size:2em;line-height:1.5;position:absolute;top:0;right:0;text-align:center;width:1.5em}}.textblock .gmap_canvas button::after{display:none}.textblock .gmap_canvas img{object-fit:contain}main::before{background:linear-gradient(to right,transparent 11.765%,#0ac6 11.765%,#0ac6 88.235%,transparent 88.235%);background-size:calc(100% / 12);pointer-events:none;position:fixed;left:calc(var(--rand-links) - var(--grid-gap));right:calc(var(--rand-rechts) - var(--grid-gap));top:0;bottom:0;z-index:1}body.dragging{background:#eee}.filedrag{border:2px dashed #555;border-radius:7px;color:#555;cursor:default;display:none;font-weight:bold;min-height:7em;overflow:hidden;padding:1em 0 1em 1em}.filedrag.img_div:empty{text-align:center}.filedrag.img_div:empty::before{content:'Bitte laden Sie hier Ihre Dateien hoch. Sie können die Dateien auch direkt in dieses Feld ziehen.';display:block;margin-bottom:3em}.filedrag.hover{color:#00c9c9;border-color:#00c9c9;border-style:solid;box-shadow:inset 0 3px 4px #888}.filedrag img{margin:0 1em 1em 0;box-shadow:0 0 10px #444}body.dragging .filedrag + .uploadButtonsContainer{pointer-events:none}.progress{background-color:#ddd;border:1px solid #446;padding:4px 8px;margin-top:5px}.progress .percent{float:right}.uploadButtonsContainer.modern{position:relative}.uploadButtonsContainer.modern button{position:relative;z-index:1}.uploadButtonsContainer.modern .fileselect{position:absolute;left:-99999px;opacity:0;z-index:0}.filedrag + .uploadButtonsContainer{text-align:center;top:-3.5em}.smartphoto-img{background:#fff;border:10px solid #fff}