@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(fonts/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(fonts/MaterialIcons-Regular.woff2) format('woff2'),url(fonts/MaterialIcons-Regular.woff) format('woff'),url(fonts/MaterialIcons-Regular.ttf) format('truetype');}
.material-icons::after,.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px; display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';}
body{font-family:Arial,sans-serif;font-size:12px;-webkit-text-size-adjust:none;}
input[type="text"],input[type="submit"],input[type="button"],input[type="email"],input[type="search"]{-webkit-border-radius:0;-webkit-appearance:none}
*{margin:0;padding:0;hyphens:auto;-webkit-hyphens:auto;}
.new,.sale{display:block !important;line-height:30px;height:30px;width:30px;min-width:inherit !important;margin:0;border-radius:30px;overflow:hidden;position:absolute;color:#fff;text-align:center;font-style:normal}
.new{background:#406625;left:auto;right:0;font-size:12px}
.new:before{content:"Neu"}
.sale{background-color:#c60f1d;left:0;right:auto;font-size:16px}
.sale:before{content:"%"}
.sale2{}
.success{color:#406625}
#menu2Overlayer,.overlayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:100;}
.mobile_vid{margin:0 0 20px 0}
.mobile_vid .crossheader{margin-bottom:5px;padding:0}
.mobile_vid > iframe,.mobile_vid > video{margin:0 auto;padding:0 10px;display:block;box-sizing:border-box}
.content iframe,.content video.video{width:100%}
@media only screen and (max-device-width:320px){.mobile_vid > video{width:270px;}
}
h1{font-size:14px}
img{border:0}
a{color:#000}
table,input,select{font-size:12px}
ul{padding:5px 25px}
input[type="submit"]{-webkit-appearance:none; -moz-appearance:none; border:none;border-radius:0px;}
.fehler,.error,.sp,.rot,.red{color:#c60f1d !important}
.cEDFBE0{background:#EDFBE0}
.clear,.c{clear:both}
.dn{display:none !important}
.db{display:block}
.posa{position:absolute}
.posf{position:fixed}
.lft{float:left}
.rgt:not(.checkbox){float:right;text-align:right}
.txtrgt{text-align:right}
.txtctr{text-align:center}
.ctr{width:100%;margin-left:auto;margin-right:auto;text-align:center}
.u{text-decoration:underline}
.fett{font-weight:bold}
.w100p{width:100%}
.nb{border:none !important}
.nw{white-space:nowrap}
.ohner{border:none}
.pje{font-size:10px !important;color:#555555}
input.chkbox{width:auto;border:none;padding:0;margin:0}
.cp{cursor:pointer}
.lt{text-decoration:line-through}
div.txt{padding:10px}
div.preiszusatz{text-align:center;margin:10px 5px;font-size:11px;color:#000}
#strmain{text-align:left;padding:5px 10px}
.ke_logo{margin:15px auto 10px auto;width:100%;text-align:center;background:url("../pics/1000/imagemap_mobile_ret2.png");background-size:330px;height:18px;width:164px;}
#boxmain .banner font{right:0;top:10px}
.element.wrr{margin-bottom:25px !important;margin-left:15px;}
.wrr p,#janolaw-footer,.janolaw-text{margin:0 10px 8px 0;}
.wrr h2,.janolaw-block{margin:8px 10px}
.wrr h2{font-size:12px;margin-left:0;margin-top:15px;}
.gopay{padding:0;margin:10px 5px;color:#000;text-align:right;position:relative}
.gopay a.button{display:block;line-height:40px;padding:0 15px;position:relative}
.gopay a.button .material-icons{position:absolute;top:3px;right:10px;font-size:30px}
td.pay{color:#000;font-weight:bold}
td.paychk,td.tdchk{width:10px}
span.hinweis{font-size:11px}
p.vorkassetxt{margin:15px auto;text-align:center;width:90%}
#cookieHinweis{display:none;text-align:left;width:100%;position:relative;background-color:#f3f3f3;padding:5px;}
#cookieHinweis > div > .cookieText{color:#666;font-size:12px;margin-right:10px;width:950px;}
#cookieHinweis > .cookieContent{width:90%;display:flex;margin:3px auto;align-items:center;}
#cookieHinweis > div > .cookieClose{cursor:pointer;margin-top:-2px;height:20px;font-size:15px;width:20px;color:#666;text-align:center;text-decoration:underline;}
#cookieHinweis > div > .cookieText > a{color:#666;cursor:pointer;text-decoration:underline;}
#demoshop{width:100%;height:auto;margin:0;padding:10px 0;position:relative;top:0;left:0;z-index:250;color:#FFFFFF;background:#FF0000;font-size:14px;font-family:Arial;text-align:center;font-weight:bold}
.fehler,.error{color:#F00}
textarea.error,select.error,input.error{border:1px solid #FF0000}
.fadeout{height:20px;width:auto;position:absolute;left:0;bottom:0;z-index:1;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(255,255,255) 90%) repeat scroll 0 0;}
.titel,.titel a{font-size:24px;font-weight:normal;text-align:center;margin-top:18px;color:#000;margin:18px 0 10px 0;text-decoration:none}
#home .topmarken{height:70px;line-height:80px;margin-left:auto;margin-right:auto;text-align:justify;-ms-text-justify:distribute-all-lines;text-justify:distribute-all-lines}
#home .topmarken a{vertical-align:middle;margin:5px;text-decoration:none}
#home .topmarken a img{max-height:50px;width:auto;vertical-align:middle}
#home .topmarken .stretch{width:100%;display:inline-block}
#home .box{margin:0 0 18px 0}
#home .box:last-child{margin-bottom:0}
#home .box p{letter-spacing:0.2px;line-height:1.2;font-size:16px}
#home .box .img img{text-align:center;width:auto;max-width:600px;height:auto}
#home .statxt{height:auto}
#home .content .box p{padding:0 0 10px 0}
#home .content .box p a{font-size:16px;color:#000;text-decoration:none}
#home .content .box > a:last-child{font-size:14px;color:#000}
#home #rezepteov .box{margin-bottom:18px}
#home #rezepteov .box:last-child{margin-bottom:0}
.startseitentext{text-align:left;position:relative;overflow:hidden;padding:10px 5px;z-index:0;}
.startseitentext h1{margin-bottom:5px}
.startseitentext > div{height:100px;overflow:hidden;position:relative;z-index:0;margin-bottom:15px}
.startseitentext > div.fadeout{height:50px;bottom:60px}
#home .startseitentext a{color:#000;text-decoration:none}
#home .startseitentext p{margin:0 0 8px 0}
#readMore,#readLess{padding:10px 0;position:absolute;right:10px;bottom:0;z-index:2;font-weight:bold;display:block;text-decoration:none;font-size:12px}
.crossheader{padding:5px 0 5px 0px;background:#fff;}
#bestellhinweis_text,#weihnachtsversand_text{display:none;padding-top:10px;padding-bottom:10px}
#bestellhinweis_text .icon,#weihnachtsversand_text .wtph{display:none}
.bestellhinweis{margin:0 0 15px 0;color:#84C44C;display:block;font-size:12px}
.boxmain{background-color:#FFF}
.centered{text-align:center;}
.banner{position:relative;height:45px;overflow:hidden}
.banner>*{display:inline-block;height:45px;min-width:45px;position:absolute;}
.banner>.title{left:45px;right:135px;text-align:center;}
.banner>.title.no-kundenlogin{right:90px;}
.banner>a{height:45px;text-decoration:none}
.banner>a>i,.banner>button>i{position:absolute;top:10.5px;left:10.5px;}
.banner.menu3>button{border:none;cursor:pointer;outline:none;}
.banner>button>i{color:#787777;}
.banner>a.kl{right:90px;}
.banner>a.kl>.loggedin{color:green;}
.banner>a.search{right:45px;}
.banner>a.shoppingcart{right:0;}
.banner .shoppingcart>span{border-radius:10px;display:block;font-size:10px;height:14px;line-height:7px;position:absolute;right:15px;text-align:center;top:5px;vertical-align:top;width:16px;font-family:Arial;background:none;}
.banner h1 a{display:block;text-decoration:none;}
.banner .title>span{display:inline-block;}
#wksum,.wkcount,.wklogo{display:none;visibility:hidden}
.inbasket{position:absolute;background-color:#FFFFFF;height:auto;min-height:430px;width:90%;width:calc(100% - 20px);margin:-215px 10px auto;top:50%;}
.inbasket.ifrm{margin:10px;top:0;}
.inbasket *{-webkit-user-select:none;user-select:none;}
.inbasket i.closer{position:absolute;top:0;right:0;padding:10px;opacity:.3;z-index:1;cursor:pointer;}
a.closer{cursor:pointer;}
.inbasket h2{position:relative;padding:30px 50px;font-size:1em;}
.inbasket h2>i{color:rgba(0,102,0,.7);font-weight:bold;font-size:2em;position:absolute;left:15px;top:50%;margin-top:-12px;}
.inbasket .table{position:relative;width:100%;height:48px;}
.inbasket .table>div{position:absolute;top:0;bottom:0;left:0;right:50%;display:block;margin:10px}
.inbasket .table>div:nth-child(2){right:0;left:50%;text-align:right;}
.inbasket .table>div:nth-child(2) a{background-color:#f06d04;color:#fff;text-transform:uppercase;}
.inbasket div>a{display:block;vertical-align:top;text-decoration:none;background:#EEE;height:32px}
.inbasket a>u,.inbasket a>i{line-height:32px;height:32px;display:inline-block;text-decoration:none;vertical-align:top;font-size:2em}
.inbasket a>u{font-size:1.1em}
.inbasket .details{position:relative;margin:10px}
.inbasket .details .img{width:100px;height:auto;display:inline-block;text-align:center}
.inbasket img{max-width:100%;width:auto;height:auto;}
.inbasket .title{display:block;position:absolute;top:0;left:110px;vertical-align:top;font-size:1.1em}
.inbasket .title>i{display:block;font-weight:normal;font-style:normal;font-size:.9em;}
.inbasket .a-carousel-containter,.inbasket .cs{display:none;margin:10px}
.inbasket .a-carousel{height:auto;width:auto;}
.inbasket .a-carousel li{width:33%}
.inbasket .a-carousel li .b{line-height:100px;height:100px}
.inbasket .a-carousel >div,.inbasket .a-carousel li .bewertung,.inbasket .a-carousel li .pa,.inbasket .a-carousel li .n{display:none}
@media only screen and (max-height:480px){.inbasket{height:265px;margin-top:-133px;right:0;left:0;}
.inbasket #CrossSelling,.inbasket .cs{display:none !IMPORTANT;margin:10px}
}
@media only screen and (orientation:landscape){.inbasket{height:auto;min-height:250px;margin-top:-125px;right:0;left:0;}
.inbasket #CrossSelling,.inbasket .cs{display:none !IMPORTANT;margin:10px}
}
.home{margin:10px}
.home ol{list-style:none;overflow:hidden}
.home ol li{margin-bottom:10px}
.home ol li img{width:100%}
.home ol li a,.home ol li a:hover{text-decoration:none;color:#000}
.home ol li > .name{margin:5px 0}
.home ol li > .name > a{text-decoration:none}
.home ol li > .name,.home ol li > .name > a{font-size:18px;font-weight:bold;color:#000}
.home ol li > .text{height:auto;position:relative;overflow:hidden}
.home ol li > .text img{width:auto;height:auto}
.home ol li > .text > .fadeout{display:block;height:20px;width:100%;position:absolute;bottom:0;left:0;z-index:0;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(255,255,255) 90%) repeat scroll 0 0;}
@keyframes sucheFadeIn{from{height:0;opacity:0;}
to{height:40px;opacity:1}
}
@keyframes sucheMove{0%{top:0px}
100%{top:-7px}
}
.suche{display:none;table-layout:fixed;border-collapse:separate;position:relative;background:#f2f2f2;border-spacing:5px;width:100%;}
.suche.is-visible{display:table;}
.suche.animation{animation-name:sucheFadeIn;animation-duration:.5s;}
.suche.animation form{overflow:hidden;animation-name:sucheFadeIn;animation-duration:.5s;}
.suche input{background:none;border:0;width:100%;height:28px;font-size:1.25em;outline:0}
.suche form>div{display:table-cell;border-radius:4px;margin:5px;height:30px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;}
.suche .search{padding:0 8px;background-color:#FFF;border:1px solid rgba(0,0,0,.1);width:100%;}
.suche .btn{width:100px;margin-left:0;padding:0 15px;background:rgba(255,255,255,.8)}
.suche .btn>input{height:30px}
.suche::after{position:absolute;content:'';top:-7px;right:60px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.05);}
.suche.animation::after{animation-name:sucheMove;animation-duration:.5s;}
#navi{margin:5px;color:#787777;position:relative}
#navi ul{width:100%;list-style:none;margin:0;padding:0;clear:both}
#navi ul li .material-icons{font-size:13px;width:11px;height:11px;line-height:11px;position:relative;top:2px}
#navi ul li.grey{color:#787777}
#navi ul li{display:inline-block;font-size:11px;margin-left:3px}
#navi ul li:first-child{margin:0}
#navi ul li a{text-decoration:none}
#navi #kathead{font-size:11px;padding:0;float:none;}
#artbwoben{margin:0;text-decoration:none;width:146px;text-align:left;float:left;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 38%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%);}
.h1kat{margin-left:10px}
#navi #kathead span{padding:0;font-size:11px}
#katteaser,#teaser{margin-bottom:10px}
#katteaser,#teaser a{text-align:left}
#katteaser img,#teaser a img{width:100%;max-width:610px;height:auto;margin:0 0 3px 0;display:block;text-align:left;overflow:hidden}
#menu{padding:5px}
.menu ul{width:100%;list-style:none;margin:0;padding:0;clear:both}
.menu li{margin:0 0 2px 0;white-space:nowrap;overflow:hidden;font-size:16px;line-height:40px}
.menu li.ml{height:10px;line-height:5px}
.menu li.ml.dn{display:none !important}
.menu li a{text-decoration:none;display:block;overflow:hidden}
.menu li.m1 a,.menu li.m1a a,.menu li.m1aa a{padding:0 15px 0 5px}
.menu li.m2 a,.menu li.m2a a,.menu li.m2aa a{padding:0 15px 0 20px}
.menu li.m3 a,.menu li.m3a a,.menu li.m3aa a{padding:0 15px 0 35px}
.menu li.m4 a,.menu li.m4a a,.menu li.m4aa a{padding:0 15px 0 50px}
#menu2.menu li.m1 a,#menu2.menu li.m1a a,#menu2.menu li.m1aa a{padding:0 5px 0 5px}
#menu2.menu li.m2 a,#menu2.menu li.m2a a,#menu2.menu li.m2aa a{padding:0 0 0 7px}
#menu2.menu li.m3 a,#menu2.menu li.m3a a,#menu2.menu li.m3aa a{padding:0 0 0 15px}
#menu2.menu li.m4 a,#menu2.menu li.m4a a,#menu2.menu li.m4aa a{padding:0 0 0 10px}
#menu2.menu li.m2 a,#menu2.menu li.m2a a,#menu2.menu li.m3 a,#menu2.menu li.m3a a,#menu2.menu li.m4 a,#menu2.menu li.m4a a{background:none;height:auto}
#menu2.menu li.m2aa a,#menu2.menu li.m3aa a,#menu2.menu li.m4aa a{background:none;border:none;font-weight:bold}
.menu li.m1 a,.menu li.m1a a,.menu li.m1aa a,.menu li.m2 a,.menu li.m2a a,.menu li.m2aa a,.menu li.m3 a,.menu li.m3a a,.menu li.m3aa a,.menu li.m4 a,.menu li.m4a a,.menu li.m4aa a{display:block;height:40px;position:relative}
.menu li a > i{display:block;height:40px;width:50px;position:absolute;top:0;right:0}
.menu li a > i.mi{font-family:'Material Icons';text-align:center;font-size:2em;font-style:normal;font-weight:normal;background:rgba(0,0,0,0) linear-gradient(to right,rgba(242,242,242,0) 0%,rgb(242,242,242) 30%) repeat scroll 0 0;}
.menu .lev1 > li > a > i.mi{background-image:none}
.menu li.m1aa a > i.mi,.menu li.m2aa a > i.mi,.menu li.m3aa a > i.mi,.menu li.m4aa a > i.mi{background:rgba(0,0,0,0) linear-gradient(to right,rgba(192,192,192,0) 0%,rgb(192,192,192) 30%) repeat scroll 0 0;}
.menu li.m1 a,.menu li.m1a a,.menu li.m2 a,.menu li.m2a a,.menu li.m3 a,.menu li.m3a a,.menu li.m4 a,.menu li.m4a a{background-color:#F2F2F2;border:1px solid #ddd}
#menu2.menu li.m2 a,#menu2.menu li.m2a a,#menu2.menu li.m3 a,#menu2.menu li.m3a a,#menu2.menu li.m4 a,#menu2.menu li.m4a a{background-color:#fff;border:none}
.lin-btn{border:medium none;cursor:pointer;outline:medium none;position:absolute;bottom:0;left:0;transition:all 0.3s ease 0s;z-index:99;width:60px;background:transparent;opacity:1;}
.lin{background:#787777;border-radius:0.28571rem;display:inline-block;height:0.1rem;position:relative;top:-6px;transition:all 0.3s ease 0s;width:2rem;}
.lin::before,.lin-btn.close .lin::after{background:#787777;border-radius:0.28571rem;content:"" !important;display:inline-block;height:0.1rem;left:0;position:absolute;transform-origin:0.28571rem center 0;transition:all 0.3s ease 0s;width:2rem;}
.lin::after{content:"Men\0000FC";color:#787777;font-size:0.75rem;font-weight:bold;display:inline-block;position:absolute;left:0;top:0.4rem;transform-origin:0.28571rem center 0;transition:all 0.3s ease 0s;}
.lin.debugMode::after{font-size:0.7rem;}
.lin::before{top:-0.5rem;}
.lin-btn.close .lin::after{top:0.4rem;}
.lin-btn.close{background:transparent;transform:scale3d(0.8,0.8,0.8);}
.lin-btn.x.close .lin{background:transparent;}
.lin-btn.x.close .lin::before,.lin-btn.x.close .lin::after{top:0;transform-origin:50% 50% 0;width:2rem;height:0.15rem;}
.lin-btn.x.close .lin::before{transform:rotate3d(0,0,1,45deg);}
.lin-btn.x.close .lin::after{transform:rotate3d(0,0,1,-45deg);}
#menu2Overlayer{display:none}
#menu2{position:absolute;left:5%;right:5%;top:45px;z-index:101;padding:10px;width:auto;display:none;background:#fff;overflow:auto;height:auto}
#menu2 a{text-decoration:none;outline:none;transition:all 0.2s ease 0s}
#menu2 ul{border:none;list-style:outside none;padding:0;margin:0;width:100%}
#menu2 ul.main-menu > li > ul{margin:10px 0;border-bottom:1px dotted #555}
#menu2 ul.main-menu > li a .trans{background:none}
#menu2 ul.main-menu > li ul.sub-menu{display:none}
#menu2 ul.main-menu > li ul.sub-menu li{display:block;height:auto;margin:0;width:auto;background:#fff;border:none}
#menu2 ul.main-menu > li ul.sub-menu li a{display:block;font-size:0.9rem;line-height:1rem;padding-top:7px;padding-bottom:7px;position:relative;white-space:normal;height:auto}
#menu2 ul.main-menu > li ul.sub-menu li > a .trans,#menu2 ul.main-menu > li ul.sub-menu li > a .mi{height:1.1rem;font-size:1.1rem;position:absolute;right:-0.1rem;left:auto;top:0.5rem;background:rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0%,rgb(255,255,255) 30%) repeat scroll 0 0;}
#menu2 ul.main-menu > li ul.sub-menu li > a .trans{background:rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0%,rgb(255,255,255) 60%) repeat scroll 0 0;}
#menu2 ul.main-menu > li ul.sub-menu.lev3 li > a .mi{right:-0.4rem}
#menu2 ul.main-menu > li ul.sub-menu.lev1{margin-left:0}
#menu2 ul.main-menu > li ul.sub-menu.lev1 li{padding-left:0}
#menu2 ul.main-menu > li ul.sub-menu.lev3{margin-left:10px;margin-bottom:10px}
#menu2 ul.main-menu > li ul.sub-menu.lev3 li{border-left:1px solid #555;width:95%}
#menu2 ul.main-menu > li ul.sub-menu.lev3 li > a,#menu2 ul.main-menu > li ul.sub-menu.lev4 li > a{width:auto}
#menu2 ul.main-menu > li ul.sub-menu.lev3 li > a .material-icons{right:0}
#menu2 ul.main-menu > li ul.sub-menu.lev4{margin-left:15px;margin-bottom:10px}
#menu2 ul.main-menu > li ul.sub-menu.lev4 li{width:95%}
 .content{margin:0;padding:5px 0}
.content ol{list-style:none;margin:0;padding:0;clear:both;width:100%}
.content li{padding:0;margin:0 0 2px 0;overflow:hidden;font-size:12px;background:#FFFFFF}
.content li span{display:block;position:relative}
.content li span span{text-decoration:none;display:block;overflow:hidden;padding:5px}
.content li span span.h{font-size:14px;font-weight:bold}
.content li span span.m{font-size:12px}
.content li span span.m > img{width:50%;height:auto;margin:0 0 0 5px;padding:0;display:block;overflow:hidden}
.content li span span.m > img.teaser{width:100%;margin:0 0 5px 0}
.content li span span.m > img.img{float:right;margin:0 0 5px 5px}
.content li span span.f{position:relative;height:12px;line-height:12px}
.content li span span.f a{text-decoration:none;line-height:14px;font-size:14px;font-weight:bold;position:absolute;left:20px;top:4px}
.content li span span.f a span{width:9px;height:10px;padding:0;margin:0;position:absolute;left:-15px;top:1px}
.content .video{width:100%}
.c4b{margin:0;padding:5px 5px 0 5px}
.c4b .pore{position:relative}
.c4b .pore a{text-decoration:none;margin:0}
.c4b .pore img{max-width:33%}
.c4b .c4bimg1{position:absolute;left:0;right:auto}
.c4b .c4bimg2{position:relative;left:33.5%;right:auto}
.c4b .c4bimg3{position:absolute;left:auto;right:0}
#kathead{padding:10px 5px;font-size:18px;font-weight:bold;float:left}
#kathead span{padding:10px 3px;font-size:16px;font-weight:normal;white-space:nowrap}
#prodsort{padding:10px 5px;width:150px;height:26px;margin-left:auto;margin-right:0;float:right}
#prodsort select{border:0 !important; -webkit-appearance:none; -moz-appearance:none; width:150px; text-indent:0.01px; text-overflow:""; color:#000;border-radius:0;padding:5px;box-shadow:none;cursor:pointer;height:26px;}
#prodsort select.sortc{background:#E9E9E9 url(../pics/1000/pfeilu.png) 130px 11px no-repeat}
#prodsort select.sorto{background:#E9E9E9 url(../pics/1000/pfeilo.png) 130px 11px no-repeat}
#products{margin:0 8px}
#products *:not("sale"):not("new"){padding:0;margin:0;border:0;line-height:15px;font-weight:400;font-style:normal}
#products ol{position:relative;list-style:none;clear:both;width:100%;text-align:center;vertical-align:top}
#products li::after{content:'';position:absolute;left:0;bottom:0;top:0;right:0;border:1px solid #EEE;border-width:0 1px 1px 0;z-index:-1}
#products li:nth-child(2n+2)::after{border-width:0 0 1px 0}
#products li:first-child{padding-top:10px}
#products li:first-child a b span{top:-6px}
#products li:last-child{border-bottom:none}
#products li{font-size:11px;width:100%;background-color:#FFF;position:relative;border-bottom:1px solid #d1d1d1;padding-bottom:10px}
#products li{margin:15px 0;text-decoration:none;display:block;color:#000;text-align:left}
#products li > *{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#products li .new,#products li .sale{left:0;right:auto;top:-6px;font-weight:normal;font-style:normal}
#products li .sale2{left:32px}
#products li a.kdt{text-align:center !important}
#products li .b{width:45%;opacity:1;text-align:center;padding-right:10px;position:relative}
#products li .b > img{width:auto;height:auto;max-height:190px;max-width:100%;vertical-align:middle;border:0}
#products .dt{width:55%;vertical-align:top}
#products .dt a{text-decoration:none}
#products .dt .txt{display:block;padding:unset;font-size:14px}
#products li .n{height:auto;overflow:hidden;padding:8px 0 3px 0;text-align:left;font-size:16px;width:100%;color:#000;line-height:19px}
#products li .n2{width:88% !important}
#products li .transp{height:20px;position:absolute;bottom:0;left:0;background:url('../pics/1000/proover_trans_v1p.png') left 1px repeat-x}
#products li .p{text-align:left;margin-top:3px;margin:0 auto;vertical-align:middle;font-size:1.25em}
#products li .pz{font-size:9px;font-weight:normal;text-align:left;display:block}
.pa{font-style:normal}
.pa .pr + div,.pa .preisalt + div{margin-top:5px !important}
.pa .pr{font-size:18px;color:#000;margin:0 10px 0 0}
.pa .preisalt{text-decoration:line-through;font-size:14px;color:#747272;display:inline-block;vertical-align:text-bottom}
.pa .przu{margin-bottom:3px;color:#747272;display:block}
.pa .bestav{font-size:11px;display:block;margin:3px 0 0 0}
.pa .gp{font-size:11px;color:#000;display:block}
.pa .wert{font-size:14px;color:#747272;margin-top:3px;display:block}
.pa .lzsofort{color:#406625;margin-bottom:3px;font-size:14px}
.pa .material-icons{font-size:16px;position:relative;top:3px;margin-right:3px;margin-top:-3px}
#products li .pa{text-align:left;padding:5px 0 6px 0;float:left;width:100%}
#products li .pa .nachfolge,#products li .pa .alternativ{display:block;margin-top:5px}
#products li .pa .wert{font-size:12px}
#products li .pa .wert>span{position:relative;top:-1px}
.a-carousel .pa .pr{font-size:14px}
.a-carousel .pa .preisalt{font-size:12px}
.a-carousel .pa .wert{font-size:12px}
.a-carousel .pa .wert>span{position:relative;top:-2px}
#merkzettel .pa{display:block;margin:5px 0}
#merkzettel .pa .pr{font-size:16px}
#merkzettel .pa .przu{font-size:11px}
#merkzettel .pa .preisalt{font-size:14px}
#newsletter #products li .pa{float:none}
@media only screen and ( min-width:620px ){#products li:nth-child(1n+1)::after{border-width:0 1px 1px 0}
#products li:nth-child(3n+3)::after{border-width:0 0 1px 0}
}
@media only screen and ( min-width:820px ){#products li:nth-child(1n+1)::after{border-width:0 1px 1px 0}
#products li:nth-child(4n+4)::after{border-width:0 0 1px 0}
}
@media only screen and ( min-width:1020px ){#products li:nth-child(1n+1)::after{border-width:0 1px 1px 0}
#products li:nth-child(5n+5)::after{border-width:0 0 1px 0}
}
 .bewertung{float:left;width:100%}
#products li span span.bewertung{margin:2px auto;font-weight:normal}
.bewertung a:hover{text-decoration:none}
#products .star{margin-right:3px}
.bewertung .star{width:8px;height:8px;margin-right:3px;position:relative;display:inline-block !important;line-height:22px;vertical-align:middle}
.bewertung .star{margin-top:-2px}
.kbewoverviewBox{margin:0 0 20px 0}
.kbewoverviewBoxBody{padding-left:5px}
.kbewoverviewBoxBody hr{margin:5px 0}
.kbewoverviewBoxBody .fett{margin-bottom:5px}
#kundenbewbtn{position:relative;margin:10px 0}
#kundenbew{padding:0 10px;margin-top:20px}
.kbewoverviewBoxImg{float:right;margin:0 0 15px 15px;}
.kbewoverviewBoxImg img{width:100%;max-width:150px;height:auto;}
#kbew{margin:0 8px 2px 8px;white-space:nowrap;overflow:hidden;background:#F2F2F2;border:1px solid #ddd;padding:10px 5px;}
.kbewoverviewBoxHead{margin:0 auto 10px 0;padding:0;text-align:left;display:block;color:#000;background:#F0F0F0;border:none;padding:5px;}
.kbewoverviewBoxHead > a{color:#000;font-weight:bold;text-decoration:none;}
.kbewoverviewBoxNote{white-space:nowrap;}
.kbewoverviewBoxNote,.kbewoverviewBoxName,.kbewoverviewBoxMarke,.kbewoverviewBoxDatum{margin-bottom:5px;display:block;}
.browse2{margin-top:20px}
.browse2 > a,.browse2 > span{font-size:1em;width:29px;height:29px;line-height:29px;display:inline-block;text-align:center;border:1px solid #E9E9E9;overflow:hidden;position:relative;}
.stars,starskl{width:57px;height:20px;display:inline-block;}
.stars,.starskl,.starsg{display:inline-block;vertical-align:middle}
.stars.star1,.stars.star2,.stars.star3,.stars.star4,.starskl.star1,.starskl.star2,.starskl.star3,.starskl.star4,.starsg.star1,.starsg.star2,.starsg.star3,.starsg.star4{transform:scaleX(-1);-ms-transform:scaleX(-1);-webkit-transform:scaleX(-1);}
.stars.star05{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:102px 0px;background-size:285.1px 21px}
.stars.star1{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:285px 0px;background-size:285.1px 21px}
.stars.star15{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:122px 0px;background-size:285.1px 21px}
.stars.star2{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:265px 0px;background-size:285.1px 21px}
.stars.star25{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:143px 0px;background-size:285.1px 21px}
.stars.star3{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:244px 0px;background-size:285.1px 21px}
.stars.star35{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:163px 0px;background-size:285.1px 21px}
.stars.star4{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:224px 0px;background-size:285.1px 21px}
.stars.star45{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:183px 0px;background-size:285.1px 21px}
.stars.star5{background:url("../pics/stars/m_bewsterne.png");width:102px;background-position:204px 0px;background-size:285.1px 21px}
.starskl.star05{background:url("../pics/stars/m_bewsterne.png") -98px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star1{background:url("../pics/stars/m_bewsterne.png") 0 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star15{background:url("../pics/stars/m_bewsterne.png") -87px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star2{background:url("../pics/stars/m_bewsterne.png") -11px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star25{background:url("../pics/stars/m_bewsterne.png") -76px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star3{background:url("../pics/stars/m_bewsterne.png") -22px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star35{background:url("../pics/stars/m_bewsterne.png") -65px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star4{background:url("../pics/stars/m_bewsterne.png") -33px 0 no-repeat;width:54px;background-size:152px auto;height:11px}
.starskl.star45{background:url("../pics/stars/m_bewsterne.png") -54px 0 no-repeat;width:54px;background-size:151px auto;height:11px}
.starskl.star5{background:url("../pics/stars/m_bewsterne.png") -43px 0 no-repeat;width:54px;background-size:151px auto;height:11px}
.starsg.star05{background:url("../pics/stars/m_bewsterne.png") -126px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star1{background:url("../pics/stars/m_bewsterne.png") 0 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star15{background:url("../pics/stars/m_bewsterne.png") -112px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star2{background:url("../pics/stars/m_bewsterne.png") -14px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star25{background:url("../pics/stars/m_bewsterne.png") -98px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star3{background:url("../pics/stars/m_bewsterne.png") -28px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star35{background:url("../pics/stars/m_bewsterne.png") -84px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star4{background:url("../pics/stars/m_bewsterne.png") -42px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star45{background:url("../pics/stars/m_bewsterne.png") -70px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.starsg.star5{background:url("../pics/stars/m_bewsterne.png") -56px 0 no-repeat;background-size:196px auto;width:70px;height:15px}
.stars.star{background-position:-845px -100px}
.stars.starh{background-position:-864px -88px}
.stars.staro{background-position:-931px -88px}
.artinfom table.txt td{border-bottom:1px solid #EFEFEF;}
#artbewtxt .txt{border-style:solid;border-color:#EFEFEF;border-width:1px 0 0 0;}
#artbewtxt .txt2{margin:0 5px}
#artbewtxt td{padding:10px 0}
.artbwfooter hr{display:none}
.prodb{text-align:right;margin:5px;position:relative;height:40px}
.sf.kbw .prodb{margin:5px 0}
.sf.kbw .prodb a.lft{left:0}
.sf.kbw .prodb a.rgt{right:0}
.prodb a{text-decoration:none;}
.prodb > *{font-size:1em;width:29px;height:29px;line-height:29px;display:inline-block;text-align:center;border:1px solid #E9E9E9;overflow:hidden;position:relative;}
.prodb a.lft,.prodb a.rgt{position:absolute;top:5px;font-size:18px;}
.prodb a.lft{left:5px;}
.prodb a.rgt{right:5px;}
.prodb > * > .material-icons{font-size:2em;position:relative;top:6px;}
.prodb a.lft .material-icons,.prodb a.rgt .material-icons{width:auto;height:auto;line-height:18px;}
.prodb a.lft .material-icons{right:4px;}
.prodb a.rgt .material-icons{right:2px;}
.prodb span.active{border:1px solid #444444;}
.blaettern_drop{position:relative;width:175px;top:5px;z-index:0;border:1px solid #E9E9E9;padding:0;margin:0 auto;border-radius:5px;display:block}
.blaettern_drop > select{border:none;outline:none;background:none;padding:0 5px;margin:0;width:100%;height:100%;z-index:1;position:absolute;left:0;top:0;color:#787777;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.blaettern_drop > select > option{width:100%;position:absolute}
.blaettern_drop > .material-icons{position:absolute;right:0%;top:3px;border:none;z-index:0;color:#787777}
div.oben{margin:5px;text-align:center;background-color:#E9E9E9}
div.oben a{padding:5px 0;width:100%;display:block;line-height:20px;text-decoration:none;font-weight:bold;font-size:14px}
div.oben a span{width:110px;position:relative;display:block;margin:0 auto}
a.oben2{margin:5px;text-align:center;background-color:#E9E9E9;position:fixed;right:0;bottom:0;display:none;height:45px;width:45px;opacity:0.5}
a.oben2.debugMode{bottom:35px} a.oben2 > .material-icons{font-size:2em;line-height:2em;color:#fff}
#art .bewertung .count{position:relative;font-size:15px;color:#000;vertical-align:middle}
#art .pran2{margin-top:15px}
#art .pran2 p{margin:0 !important;padding:0 !important}
#art .pran2 #preislabel{margin:0;display:inline-block;float:left}
#art .pran2 #preislabel,#art .pran2 #preislabel > span{color:#000;font-size:22px}
#art .pran2 .aktpr{width:auto;display:inline-block;padding:5px 10px;background-color:#787777;color:#fff;font-size:14px}
#art .pran2 .sp{color:#c60f1d !important}
#art .pran2 .pr{margin:5px 0;position:relative}
#art .pran2 .pr .uvp{margin:0}
#art .pran2 .pr .uvp,#art .pran2 .pr .rabattbox{float:left;margin:0 0 0 20px !important}
#art .uvp{color:#787777;text-decoration:line-through;font-size:11px}
#art .rabattbox{color:#c60f1d;font-size:11px}
#art .rabattbox > span{padding:2px 4px;border:1px solid #c60f1d;border-radius:3px;color:#c60f1d;font-size:11px;position:relative;top:-2px}
#art .rabattbox > i{position:relative;bottom:5px;left:-1px;font-size:11px}
#art .pran2 .pr .uvp,#art .pran2 .pr .rabattbox{position:relative;top:7px;left:0}
#art .gloss,#art .pran2 .przu,#vartab.v3 table.vtab3a .przu{color:#000 !important;font-size:11px}
#art .pran2 .przu a,#vartab.v3 table.vtab3a .przu a{color:#000 !important;font-size:11px;text-decoration:underline;font-weight:normal !important}
#art .pran2 .przu a:hover,#vartab.v3 table.vtab3a .przu a:hover{color:#003D8F !important;font-size:11px;text-decoration:none;font-weight:normal !important}
#art .pran2 #npr,#art .pran2 #npr > span,#art .pran2 #pje,#art .pran2 #pje > span{color:#000;font-size:11px;font-weight:bold}
#art .gloss,#art .pran2 .przu,#art .pran2 #pje,#art .pran2 #npr{margin-bottom:7px !important;display:block}
#art .pran2 .zuvk{margin-top:-7px !important;display:block}
#art .pran2 .abverkauf{color:#c60f1d;font-size:14px;margin:0 0 15px 0 !important}
#art a.verfueg{display:block;color:#000 !important;font-size:14px;margin:0 0 15px 0;text-decoration:underline;font-weight:normal !important}
#art a.verfueg:hover{text-decoration:none}
#art .pran2 p.folgelink{margin:0 0 15px 0 !important;color:#787777;font-size:11px}
#art .pran2 p.folgelink a{color:#787777 !important;font-size:11px;text-decoration:underline;font-weight:normal !important}
#art .pran2 p.folgelink a:hover{color:#787777 !important;font-size:11px;text-decoration:none;font-weight:normal !important}
#lieferzeit #ampel .ampel{position:relative;top:2px}
#lieferzeit.nl{color:#000} #lieferzeit.nl .folgelink{margin:15px 0}
#lieferzeit #lieferbarab{display:block;margin:0 0 5px 0;font-size:14px;color:#000}
#lieferzeit .ampel{margin-right:5px}
#bestellhinweis_text,#weihnachtsversand_text{width:100%;margin:15px 0;padding:0;box-sizing:border-box;color:#406625 !important;font-size:14px}
#bestellhinweis_text .bestellhinweis,#weihnachtsversand_text .bestellhinweis{margin:0;display:block;color:#406625 !important;font-size:14px}
#bestellhinweis_text .icon,#weihnachtsversand_text .wtph{display:none}
#art > *{margin:0 10px}
#art .element{margin:0}
#art .element span.hinweis{margin:10px 0;display:inline-block}
#art{margin:0 0 20px 0;padding:0;position:relative}
#art div.aname{position:relative;width:auto;margin:8px 0 5px 0}
#art div.aname .sale,#art div.aname .new{left:auto;right:auto;position:relative;float:right;line-height:40px;height:40px;width:40px;font-size:16px;border-radius:40px;font-style:normal}
#art div.aname .new:before{content:"Neu"}
#art div.aname .sale:before{content:"%"}
#art div.aname .sale2{margin-right:2px}
#art h1.aname{margin:0;padding:0;text-align:left;font-size:19px;display:block;vertical-align:middle;width:auto}
#art .ab{width:100%;min-width:100px;min-height:45px;margin:0;white-space:nowrap}
#art .ab .prev{width:26px;min-width:26px;min-height:45px;margin:0 5px 0 0;float:left;text-align:center}
#art .ab .next{width:26px;min-width:26px;min-height:45px;margin:0 0 0 5px;float:left;text-align:center}
#art .ab .img{width:60%;display:block;float:left;text-align:center}
#art .ab .img img{max-width:100%}
#art > form > .ats{margin:0 0 10px 0;padding:10px 10px 10px 40px;background-color:rgba(100,100,100,.1);position:relative;min-height:24px}
#art > form > .ats::after{content:'\e873';position:absolute;top:10px;left:7px;opacity:.1;z-index:1;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';}
#art #arteigtxt ul{padding:10px 0 10px 25px;margin:0}
#art #arteigtxt ul li{list-style-type:none}
#art #arteigtxt ul li ul{padding:0 0 10px 35px}
#art #arteigtxt ul li:not(:last-child) ul{padding:0 0 0 35px}
#art #arteigtxt ul li ul li{list-style-type:disc}
#art #zusatzinfotxt p.verlinkung{margin:0 0 10px 0;font-weight:bold}
#art #zusatzinfotxt ul.dt{padding:0 0 0 15px;margin:0 0 0 0}
#art #zusatzinfotxt ul.dt li{margin:0;padding:7px 0}
#art #zusatzinfotxt ul.dt li>a{text-decoration:none}
#art #zusatzinfotxt ul.dt.files{padding:0;margin-bottom:20px}
#art #zusatzinfotxt ul.dt.files li{list-style-type:none}
#art .artinfoo,#art .artinfou{position:relative;border:1px solid #DAD9D9}
#art .artinfoo{background:#FFFFFF url('../pics/1000/bg.png') repeat-x;margin-top:2px;margin-bottom:0}
#art .artinfom{display:none;font-size:12px}
#art .artinfom .txt{border-left:1px solid #DAD9D9;border-right:1px solid #DAD9D9;border-top:none;border-bottom:none}
#art .artinfom .txt p:not(:last-child):not(.verlinkung){margin-bottom:15px}
#art .artinfom .txt ul,#art .artinfom .txt ol{margin:15px 0 15px 15px;padding:0}
#art .artinfom .txt ol li,#art .artinfom .txt ul li{margin:0 0 5px 0}
#art .artinfom table.txt{width:100%}
#art .artinfom table.txt td{border-bottom:1px solid #DAD9D9;padding:5px 0 5px 0}
#art .artinfom table.txt td.last{border-bottom:none}
#art .artinfou{background:#FFFFFF url('../pics/1000/bg2.png') repeat-x}
#art .artinfoo,#art .artinfou{cursor:pointer;height:20px;line-height:20px;padding:4px 6px;text-align:left}
#art .artinfoo span.txt,#art .artinfou span.txt{white-space:nowrap;font-weight:bold}
#art .artinfoo span.pfeil,#art .artinfou span.pfeil,#art .artinfoo span.pfeilr,#art .artinfou span.pfeilr,#kundenbewbtn span.pfeilr i{display:block;width:11px;height:6px;position:absolute;right:13px;top:11px;padding:0}
#kundenbewbtn span.pfeilr{height:96%;width:40px;display:block;position:absolute;top:2%;bottom:2%;right:11px;background:rgba(0,0,0,0) linear-gradient(to right,rgba(242,242,242,0) 0%,rgb(242,242,242) 30%) repeat scroll 0 0;}
#art .zzinfo{width:calc(100% - 85px);display:inline-block;font-weight:100;line-height:1.2em;color:#000;padding:2px 1px;margin-top:9px}
#art .zzinfo p{margin:0 0 3px 0}
#art .zzinfo.lft{text-align:left}
#art .zzinfo > div > i{display:inline-block;font-style:normal;padding:0 5px 0 0}
 #dtslide .img-wrapper{margin:0 0 10px;}
#dtslide .img-wrapper.empty{}
#dtslide .img-wrapper.empty::after{content:'Bild folgt noch...';display:block;height:250px;line-height:250px;opacity:.1;color:#000;text-align:center;font-size:2em;font-style:italic;}
.rabatt > *:first-child{margin:20px 0;font-size:14px}
#art .rabatt .fett{margin:0 0 5px 0}
#art .rabatt .label{padding:3px 4px 3px 0;width:auto;white-space:nowrap}
#art .rabatt .fl{width:auto;display:inline-block}
#art table.wk tr td{padding-right:5px;padding-bottom:5px}
#art table.wk tr td.mengetxt{font-size:16px}
#art table.wk tr td.mengeinput input{width:100px}
#art table.wk input.menge{width:103px;height:32px;font-size:16px;text-align:center}
#art table.wk input.gs{width:211px;height:35px;font-size:16px;text-align:center}
#art div.vtab{margin:10px 0;padding:0}
#art table.set.vtab{border-collapse:collapse}
#art table.setvtab tr td{padding-right:5px}
#art table.set.vtab{border-left:1px solid #D4D4D4;border-right:1px solid #D4D4D4;border-top:1px solid #D4D4D4;width:100%}
#art table.set.vtab tr.cp:hover{background:#D4D4D4}
#art table.set.vtab td{border-bottom:1px solid #D4D4D4;padding:3px}
#art table.set.vtab td div{line-height:18px}
#art table.set.vtab td div.txtlft{margin-left:50px}
#art table.set.vtab td.vtabhead{border:1px solid #D4D4D4;height:25px;line-height:22px;font-size:14px;text-align:left;font-weight:bold}
#art table.set.vtab td:first-child{padding:3px 5px 0 5px}
#art table.set.vtab td{vertical-align:top}
#art table.set.vtab td:last-child{vertical-align:middle}
#art table.set.vtab td.varianten2{font-weight:bold;text-align:center}
#art table.set.vtab table tr:last-child td{border:none}
#art table.set.vtab table tr td:nth-child(1){width:5%;text-align:center}
#art table.set.vtab table tr td:nth-child(2){width:40%}
#art table.set.vtab table tr td:nth-child(3){width:10%}
#art table.set.vtab table tr td:nth-child(4){width:40%}
#art table.set.vtab table tr td:nth-child(5){width:5%}
#vartab.v3{width:100%;overflow:auto;margin-bottom:5px;margin-top:10px}
#vartab.v3.abs{margin:15px 0}
#vartab.v3 *{font-size:14px}
#vartab.v3 input[type="text"]{border:1px solid rgba(0,0,0,.3)}
#vartab.v3 tr.unavailable *:not(.lz):not(.nl):not(.verfueg){color:#787777 !important}
#vartab.v3 td sup{font-size:10px;font-weight:normal;position:relative;top:-3px}
#vartab.v3 div.label{margin:10px 0 5px 0;font-size:14px !important;color:#000 !important}
#vartab.v3 div.label.first{margin-top:0}
#vartab.v3 table.vtab3b{width:100%;border-collapse:collapse}
#vartab.v3 table.vtab3b tr td{padding:5px;border-bottom:1px solid #fff}
#vartab.v3 table.vtab3b tr td:first-child{padding-left:10px}
#vartab.v3 table.vtab3b tr td:last-child{padding-right:10px}
#vartab.v3 table.vtab3a{margin-bottom:15px}
#vartab.v3 table.vtab3a td{padding:0}
#vartab.v3 table.vtab3a .basis{color:#000;font-weight:bold;font-size:14px;display:block}
#vartab.v3 .txt{}
#vartab.v3 .txt > i{display:block;color:#c60f1d;font-size:12px;font-style:normal}
#vartab.v3 .lz > span{color:#406625;font-size:12px;width:100px}
#vartab.v3 .lz > span.nl{color:#000}
#vartab.v3 .lz .verfueg{font-size:12px;margin:0}
#vartab.v3 .pr{white-space:nowrap;margin:0;text-align:left;width:auto !important;color:#000 !important;font-size:15px}
#vartab.v3 .pr.aufpreis{font-weight:normal}
#vartab.v3 .pr.sp{color:#c60f1d !important}
#vartab .rabattbox > span{position:relative;top:-2px}
#vartab.v3 .pje,#vartab.v3 .pje > span,#vartab.v3 .uvp,#artikel .rabattbox > span,#artikel .rabattbox > i,#artikel .rabattbox > sup,#vartab.v3 .rabattbox{font-size:10px;font-weight:normal}
#vartab.v3 .pje{margin:3px 0 0 0;padding:0}
#vartab.v3 .uvp{margin:0 0 3px 0;padding:0}
 #vartab.v3 .col1{background:#f3f1ea}
#vartab.v3 .col2{background:#f3f1ea}
 #vartab.v3 .col1hover{background:#f3f1ea;cursor:pointer}
#vartab.v3 .col2hover{background:#f3f1ea;cursor:pointer}
#vartab.v3 .uvp{white-space:nowrap;text-align:left;font-weight:normal}
#vartab.v3 .recommendation{color:#787777;white-space:nowrap}
#vartab.v3 .recommendation span{color:#787777;font-weight:bold}
#vartab.v3 .recommendation2{color:#c60f1d;white-space:nowrap}
#vartab.v3 .recommendation2 span{color:#c60f1d;font-weight:bold}
#vartab.v3 .gloss{margin:5px 0 0 0;font-size:11px;padding:0;color:#787777;text-align:right;font-size:11px}
#avpop{display:none;position:absolute;padding:10px;left:5px;width:auto;max-width:400px;height:auto;font-size:12px;font-weight:bold;background-color:#FFFFFF;border:1px solid #D4D4D4;z-index:9999;text-align:center}
#avpop #avpopgfx{position:absolute;top:-10px;left:5px}
#vartab.v4{margin-top:20px;position:relative}
#vartab.v4 .pr{text-align:left;font-weight:normal;font-size:9px}
#vartab.v4 .bh h3{font-size:14px;margin:0 0 5px 0}
#vartab.v4 .bh .pr{font-size:18px;display:block}
#vartab.v4 .bh .przu,#vartab.v4 .bh .przu a{color:#787777;font-size:11px}
#vartab.v4 .bb{margin-top:10px;border:1px solid #999}
#vartab.v4 ul{list-style:none;margin:0;padding:0}
#vartab.v4 ul li{margin-bottom:5px;padding:5px;position:relative}
#vartab.v4 ul li span{display:block;padding-left:25px;padding-right:150px;font-size:14px}
#vartab.v4 ul li span.gp{padding:unset;font-size:unset}
#vartab.v4 ul li span.img{margin-top:10px}
#vartab.v4 ul li span.pr{padding:0}
#vartab.v4 ul li span.pr.noimg{position:absolute;right:6px;top:6px;left:auto;display:block;font-size:12px}
#vartab.v4 ul li span.imgbox{width:65px;padding:0;margin-left:10px}
#vartab.v4 ul li input[type="radio"]{float:left;left:3px;top:3px;position:relative}
#vartab.v4 ul li.imgav{padding:0;margin:0}
#vartab.v4 ul li.imgav ul{margin-left:4px}
#vartab.v4 ul li.imgav ul li{display:block;height:auto;min-height:110px;width:29%;padding:0;margin:0 4% 0 0;float:left;overflow:hidden}
#vartab.v4 ul li.imgav ul li span{padding:0}
#avpop span.empty,#vartab.v4 ul li.imgav ul li span.emptybox{display:block;padding:25px 3px;height:70px;width:70px;border:1px solid #ebebeb;box-sizing:border-box;text-align:center;font-size:10px}
#avpop span.empty{padding:30px;font-size:12px;font-weight:bold;width:100px;height:100px}
#vartab.v4 ul li.imgav ul li span.empty.a{border:2px solid red}
#vartab.v4 ul li.imgav ul li span.empty,#vartab.v4 ul li span.imgbox span.img,#vartab.v4 ul li.imgav ul li span.img{padding:3px;margin:0;width:80px;height:80px;overflow:hidden;box-sizing:border-box;text-align:center;border:2px solid #fff}
#vartab.v4 ul li.imgav ul li:hover span.empty,#vartab.v4 ul li.imgav ul li:hover span.img{border:2px solid #d4d4d4}
#vartab.v4 ul li span.imgbox span.img img,#vartab.v4 ul li.imgav ul li span.img img{vertical-align:middle;width:auto;max-width:70px;height:70px}
#vartab.v4 ul li.imgav ul li span.img.a{border:2px solid red}
#vartab.v4 ul li.imgav ul li span.pr{margin-top:5px}
#vartab.v4 .optgrp{border-bottom:1px solid #ADADAD}
#vartab.v4 .optgrp:last-child{border:none}
#vartab.v4 .optgrph{font-weight:bold;padding:5px 40px 5px 5px;position:relative}
#vartab.v4 .optgrph span.nr{float:left;font-size:14px}
#vartab.v4 .optgrph h3{padding:0 50px 0 15px;margin:0;display:block;font-size:14px;position:relative}
#vartab.v4 .optgrph.more h3{padding-left:23px}
#vartab.v4 .optgrph i{clear:both;display:block;position:absolute;right:10px;left:auto;top:0;font-size:2.5em;color:#ADADAD}
#vartab.v4 .optgrph span.av,#vartab.v4 .optgrph span.img,#vartab.v4 .optgrph span.pr{margin:0;display:block;font-size:10px}
#vartab.v4 .optgrph span.av{margin-top:3px}
#vartab.v4 .optgrph span.av,#vartab.v4 .optgrph span.pr{margin-left:15px}
#vartab.v4 .optgrph.more span.av,#vartab.v4 .optgrph.more span.pr{margin-left:23px}
#vartab.v4 .optgrph span.img{float:right;margin:-30px 15px 0 0;width:25px;height:25px;overflow:hidden}
#vartab.v4 .optgrph span.img img{height:25px;width:auto}
#vartab.v4 .optgrph br{display:none}
#vartab.v4 .optgrpb{padding:5px;margin-top:10px}
#lieferzeit{margin:10px 0 0 0}
#lieferzeit #lieferzeittext,#art .shippingfree{margin:0 0 5px 0;display:block}
#lieferzeit > #lieferzeittext > i,#vartab.v3 .lz > span > i,#art .shippingfree > i{font-size:18px;line-height:18px;vertical-align:middle;color:#406625;margin-right:5px}
#lieferzeit > #lieferzeittext > label,#art .shippingfree > label{display:inline;vertical-align:text-bottom;font-size:14px;line-height:18px;vertical-align:middle;color:#406625}
#lieferzeit.nl > #lieferzeittext > label{color:#000}
#art input.btnwk{font-size:1.8em;color:#FFFFFF;background-color:#444;width:100%;height:40px;line-height:40px;margin:15px 0;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);cursor:pointer;letter-spacing:2px;}
#art .element.indenwarenkorb{position:relative;margin-bottom:15px}
#art .element.indenwarenkorb>div.tobasket{width:calc(100% - 65px);display:inline-block;margin-left:5px;position:absolute;left:auto;right:0}
#art .element.indenwarenkorb>div.tobasket>input{margin:0}
#art .element.indenwarenkorb>input.menge,#art .element.vke>input.menge{width:60px;text-align:center;border-radius:0;font-family:inherit}
#art .element.vke>label{display:inline;font-size:18px;margin-right:5px}
 #footer{margin:0;padding:0px;text-align:center;font-size:13px}
.footer a{line-height:20px;text-decoration:none}
.footer .links{padding:10px 0 0 0;border-top:2px solid #F2F2F2;margin:10px 0}
.footer .links li{border-top:1px solid #F2F2F2;list-style:none;text-align:left;line-height:30px;margin:0 0 0;padding:0 2%}
.footer .links li:first-child{border-top:none}
.footer.wolke .links li{border:none;border-bottom-style:none;display:inline-block}
.footer .links li a img{display:block;margin:0 auto;margin-bottom:5px}
.tsreview{text-align:center}
p.ctr{margin:0 auto;padding:0 5px;box-sizing:border-box}
.cert{list-style:none;text-align:center;margin:20px 0;padding:0;}
.cert li:not(:first-child){margin-left:20px;}
.siegel{margin:10px 0}
.ekomi,.fehi,.trustedshops{background:url("../pics/1000/imagemap_mobile_ret2.png");background-size:500px;height:65px;width:65px;display:inline-block}
.ekomi{background-position:-1px -54px;}
.fehi{background-position:-67px -54px;}
.trustedshops{background-position:-134px -54px;}
.ekomi a,.fehi a,.trustedshops a{display:block;width:64px;height:64px;}
.dot{font-size:8px !important}
#google_translate_element{margin:20px auto}
#kontakt{padding:5px}
#kontakt h1{margin-bottom:10px}
#kontakt .dn{display:none}
#kontakt .form{margin-top:10px}
#kontakt .msg{margin-bottom:10px;display:block}
#kontakt div.txt{padding:20px 5px}
#sf404{margin:0;text-align:left;color:#000;border:none}
#sf404 #sf_body{margin:5px;float:left;padding-left:10px}
#sf404 #sf_body .h{font-size:15px;color:#000;font-weight:bold;margin:0}
#sf404 #sf_body .txt{margin:5px 0;padding:0}
#sf404 #sf_body #sf_box{padding:10px;background:#d4d4d4}
#sf404 #sf_body #sf_box span{padding:0 0 10px 0;display:block}
#sf404 #sf_body #sf_box select,#sf404 #sf_body #sf_box input{margin:0;border:none;height:20px;color:#999;margin-right:5px;float:left}
#sf404 #sf_body #sf_box input:first-child{padding:0 4px;width:100px}
#sf404 #sf_body #sf_box select{padding:1px 0 0 4px;width:100px}
#sf404 #sf_body #sf_box input.searchbutton404{padding:0 10px 0 10px;width:60px;color:#000;line-height:16px}
#sf404 #sf_body #sf_box input.searchbutton404:hover{cursor:pointer}
#sf404 #sf_body #sf_box .sf_search{width:100%;text-align:left;height:20px}
#sf404 #sf_body #sf_box .c{height:1px}
#order-process{margin-left:5px;margin-right:5px;font-size:12px;display:block}
#order-process table,#order-process table tr,#order-process table td{margin:0;padding:0}
#order-process table{width:100%;border-collapse:collapse;margin-left:auto;margin-right:auto}
#order-process td{text-align:center}
#order-process td a{display:block;text-decoration:underline}
#order-process td span{padding-top:7px;display:block;margin-left:12px;margin-right:12px}
#order-process td#step1{width:auto}
#order-process td#step2{width:auto}
#order-process td#step3{width:auto}
#order-process td#step4{width:auto}
#order-process td#step5{width:auto}
#order-process td div{height:29px;color:#505050;font-size:12px}
#order-process td.current div{color:#505050}
#order-process td div a{height:29px;color:#505050;font-size:12px}
#order-process td div a:hover{color:#000}
#order-process td{background:url('../pics/common/order.td.next.gif') repeat-x top left}
#order-process td div{background:url('../pics/common/order.td.next.div.gif') no-repeat top left}
#order-process td div div{background:url('../pics/common/order.td.next.div.div.gif') no-repeat top right}
#order-process td.previous,#order-process td.current{background:url('../pics/common/order.td.prev.gif') repeat-x top left}
#order-process td.current#step1 div,#order-process td.previous#step1 div{background:url('../pics/common/order.td.prev.step1.div.gif') no-repeat top left}
#order-process td.previous#step1 div div,#order-process td.previous div div{background:url('../pics/common/order.td.prev.div.div.gif') no-repeat top right}
#order-process td.previous div,#order-process td.current div{background:url('../pics/common/order.td.prev.div.gif') no-repeat top left}
#order-process td.current#step1 div div,#order-process td.current div div{background:url('../pics/common/order.td.cur.div.div.gif') no-repeat top right}
#order-process td#step5 div div{background:url('../pics/common/order.td.step5.div.div.gif') no-repeat top right}
#order-process td.current#step5 div div{background:url('../pics/common/order.td.cur.step5.div.div.gif') no-repeat top right}
#order-process td.current div div span{background:url('../pics/common/order.td.cur.div.div.span.gif') no-repeat top center}
#order-process.green td.current div,#order-process.green td div a{color:#4C5D2A}
#order-process.green td a:hover{color:#000}
#order-process.green td.previous,#order-process.green td.current{background:url('../pics/22974/order.td.prev.gif') repeat-x top left}
#order-process.green td.current#step1 div,#order-process.green td.previous#step1 div{background:url('../pics/22974/order.td.prev.step1.div.gif') no-repeat top left}
#order-process.green td.previous#step1 div div,#order-process.green td.previous div div{background:url('../pics/22974/order.td.prev.div.div.gif') no-repeat top right}
#order-process.green td.previous div,#order-process.green td.current div{background:url('../pics/22974/order.td.prev.div.gif') no-repeat top left}
#order-process.green td.current#step1 div div,#order-process.green td.current div div{background:url('../pics/22974/order.td.cur.div.div.gif') no-repeat top right}
#order-process.green td.current#step5 div div{background:url('../pics/22974/order.td.cur.step5.div.div.gif') no-repeat top right}
#order-process.green td.current div div span{background:url('../pics/22974/order.td.cur.div.div.span.gif') no-repeat top center}
.crossheader{margin:15px 10px;text-align:left;}
.a-carousel-container{position:relative;overflow:hidden;margin:0 0 20px 10px;}
.a-carousel-viewport{overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;text-align:left;}
.a-carousel-viewport::-webkit-scrollbar{-webkit-appearance:none;display:none;height:0 !important;width:0 !important;}
.a-carousel-viewport *{box-sizing:border-box;-webkit-box-sizing:border-box;font-weight:normal;}
.a-carousel{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;overflow-x:visible;white-space:nowrap;height:100%;list-style-type:none;text-align:left;justify-content:flex-start;-webkit-justify-content:flex-start;}
.a-carousel li{position:relative;display:inline-block;font-size:12px;width:145px;min-width:145px;white-space:normal;vertical-align:top}
.a-carousel li:not(:first-child){margin-left:2px}
.a-carousel li>a{text-decoration:none;text-align:center;display:block}
.a-carousel li>a>*{display:inline-block;box-sizing:border-box;}
.a-carousel .b{min-width:100%;max-width:100%;margin-bottom:10px;vertical-align:middle;line-height:150px;height:150px;}
.a-carousel .b>img{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;border:0}
.a-carousel .n{height:45px;line-height:15px;overflow:hidden;padding:0 10px;max-width:100%;font-weight:normal}
.a-carousel .p{font-weight:bold;text-align:center;margin-top:3px;margin:0 auto;vertical-align:middle;font-style:normal}
.a-carousel .p>*{font-size:.9em;font-weight:normal;font-style:normal;}
.a-carousel .pa,.a-carousel .pz{color:#000;font-size:12px;font-weight:normal;text-align:center;display:block;}
.a-carousel .pz{font-size:10px;}
.warenkorb{padding:0 5px;margin:10px 0 0;background:none;font-family:Arial,sans-serif}
.warenkorb .coupon{padding:5px 7px;height:30px;background:#D9D8D8;padding-bottom:4px}
.warenkorb span.mark{padding-left:15px;color:#008b00;font-weight:bold;display:inline-block}
.warenkorb table,#daten_lieferadresse table{padding:0;margin:0;width:100%;background:#FFFFFF;color:#000}
.warenkorb table hr.wkbotitem{width:100%;border-left:none;border-right:none;border-bottom:none;border-top:1px solid #E6E5E6;background:none}
.warenkorb #daten_lieferadresse .abweichend2{margin:10px 0 10px 10px}
.warenkorb th{padding:5px 0;margin:0;text-align:left;color:#000;}
.warenkorb th.normal{font-weight:400;}
.warenkorb th.thlft,.warenkorb td.tdlft{text-align:left}
.warenkorb th.thctr,.warenkorb td.tdctr{text-align:center;}
.warenkorb td.tdimg{vertical-align:middle;}
.warenkorb td.tdimg>a>img{padding:0 5px;}
 #kl .warenkorb td.tdimg{width:75px}
#kl .warenkorb td.tdctr >a>img{max-width:75px;max-height:75px;height:auto;width:auto;}
.warenkorb th.thrgt,.warenkorb td.tdrgt{text-align:right;}
.warenkorb th.thrgt.nw{width:80px}
.warenkorb select.wkselectland,.warenkorb select.wkselectvk{max-width:120px}
.warenkorb td{padding:5px 0;margin:0;text-align:left;color:#000;vertical-align:top}
.warenkorb table tr td table tr td:first-child{padding-right:8px}
.warenkorb td.tdmark{background:#F5F5F5;padding:5px 8px;border-left:1px solid white;border-right:none}
.warenkorb td.wkbotitem1{padding:0;border-left:1px solid white;border-right:1px solid white}
.warenkorb tr td div span{overflow:hidden}
.warenkorb .preis{text-align:right;width:auto;min-width:50px;float:right;margin-right:6px;}
.warenkorb.orderconfirm .preis{margin-right:0;}
.warenkorb.orderfinish .preis{margin-right:8px;}
.warenkorb .preis>div,.warenkorb .preis{display:inline-block;line-height:20px;vertical-align:baseline;}
.warenkorb .preis .strike{text-decoration:line-through;}
.warenkorb .preis strike,.warenkorb .preis div.einzelpreis{display:block;color:#787777;font-size:12px;}
.warenkorb .preis div.gesamtpreis{font-size:15px;font-weight:bold;}
.warenkorb .browse{position:relative;margin:5px 0 5px 0}
.warenkorb .browse .noprev,.warenkorb .browse .nonext{background:none;width:40px;height:35px}
.basket .browse > div{display:inline-block;width:40px;position:relative;z-index:1;}
.warenkorb .browse > div{vertical-align:middle;box-sizing:border-box;}
.warenkorb .browse > div > a{display:block;height:35px;text-align:center;opacity:.7}
.warenkorb .browse > span{width:85px;display:inline-block;overflow:hidden;}
.warenkorb .browse > div.c{width:0;height:0;}
.warenkorb .browse .material-icons{line-height:35px;}
.warenkorb .browse .seite{border:1px solid #BDBEBD;height:35px;}
.warenkorb .browse .seite > span,.warenkorb .browse .wkinputmenge{border:0;width:100%;text-align:center;margin:0;font-weight:bold;font-size:16px;line-height:32px}
.warenkorb .browse .seite > span{line-height:33px;display:block;}
.warenkorb .browse .preis{position:relative;z-index:0;width:auto;}
.preislist{display:list-item;}
.orderconfirm > .warenkorb .preis div.einzelpreis,.warenkorb.orderfinish .preis div.einzelpreis{display:block;}
.warenkorb ul.av{margin:5px 0 0 -25px;list-style:none}
.warenkorb ul.av li{margin-bottom:5px;padding:0;font-size:11px;list-style:none}
.warenkorb .info .txt1{margin-top:5px;color:red;display:block;text-align:left}
.warenkorb .info .txt2{margin-top:5px;color:black;display:block;text-align:left}
.warenkorb textarea.warenkorb{padding:0 0 0 4px;width:100%;border:1px solid black;background:white;height:65px}
.warenkorb textarea.warenkorb,.warenkorb input.warenkorb,.warenkorb input.error{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;   }
.warenkorb input.warenkorb{padding:5px 7px;height:30px;width:100%;border:1px solid #BDBEBD;margin:0;position:relative;top:-1px}
.warenkorb select.warenkorb{padding:5px 4px;height:29px;width:100%;border:1px solid black}
.warenkorb td.eingabepflichtfeld{padding:5px 3px 5px 0;text-align:left;vertical-align:middle;font-weight:bold}
.warenkorb td.eingabe{padding:5px 3px 5px 0;text-align:left;vertical-align:middle;font-weight:normal}
.warenkorb td.eingabeinput{text-align:left;font-weight:normal;width:100%}
.warenkorb td.bottom{padding:5px 0 !important}
#btnProtect, #kontakt .btn,.gopay a.button,#orderconfirm .bestellung,.klbtn a.btn,#kl .btn,#kbs .btn,.wkgi .btn,#newsletter .btn,.warenkorb input.bestellung{width:100%;height:40px;padding:0;display:inline-block;background-color:#f06d04;border:none;border-radius:0;color:#FFFFFF;cursor:pointer;font-size:18px;text-align:center;text-decoration:none;white-space:nowrap;text-transform:uppercase}
.gopay a.button{width:100%;text-decoration:none}
.warenkorb input.bestellung{margin-bottom:20px}
.btns{position:relative;height:auto;margin:0 5px}
.btns.ppexp{height:29px}
.btns.amazon{height:45px}
.oder{text-align:center;margin:5px 0 5px auto;width:140px;position:relative;right:5px;left:auto;font-size:16px}
#PayPalExpButton,#AmazonPayButton{position:absolute;right:0;left:auto}
#addressBookWidgetDiv,#walletWidgetDiv{height:250px;width:100%;margin:20px 0;box-sizing:border-box}
#orderconfirm #addressBookWidgetDiv,#orderconfirm #walletWidgetDiv{height:160px}
#orderconfirm h1.lft{font-size:20px}
#kontakt .btn,#kl:not(.no-padding)>.btn,.klbtn{padding:5px;}
#kontakt .btn,.klbtn a.btn,#newsletter .btn{background-color:#555}
#kontakt.spedition .element{margin:0}
#kontakt.spedition .btn:first-child{margin:10px 0}
body.p4352 #kontakt.spedition .btn{background-color:#f88f3a}
@media only screen and ( max-width:320px ){.klbtn a.btn{font-size:16px}
}
a.btn,a.button{line-height:40px}
#daten_kreditkarte input.error,select.error{border:2px solid red}
.warenkorb select.warenkorbkurz{padding:0px 0px 0px 4px;border:1px solid black;width:70px}
.warenkorb select.error{padding:0px 0px 0px 4px;width:70px}
.warenkorb th.head1{background:#E6E5E6;padding:5px 8px;border:1px solid white}
.warenkorb th.head2{background:#B7B6B7;padding:5px 8px;border:1px solid white}
.warenkorb th.head1:first-child,.warenkorb th.head2:first-child{border-left:none;border-right:none}
.warenkorb th.head1:last-child,.warenkorb th.head2:last-child{border-right:none}
.warenkorb div.artitem{margin:0 10px 5px 15px}
.warenkorb div.artitem.set ul{margin:0;padding:0;list-style:none}
.warenkorb div.artitem.set ul li{margin-bottom:5px}
.warenkorb div.artitem.set ul li .group{text-decoration:underline}
.warenkorb div.artitem.set ul li .artnr,.warenkorb div.artitem.artnr{color:#787777}
.warenkorb .alterskontrolletext{margin:10px 0px;padding:10px;background:#FFE9E5;border:1px dotted #ff0000;color:#000;}
.warenkorb #lieferadresse_aktiv,.warenkorb #packstation_aktiv{margin-right:4px}
.wkgi .btn{font-size:11px;height:20px;width:120px;}
#kunden_land,#payment{height:29px;background:#fff;border:1px solid #BDBEBD;border-radius:0;width:200px}
.element{text-align:left;-webkit-user-select:none;user-select:none;margin:0 10px;}
.element:not(:last-child){margin-bottom:10px}
.warenkorb>.element.tab{margin-left:20px}
.element{position:relative;}
.element>label{display:block;text-align:left;line-height:25px;text-align:left;}
.element:not(.checkbox)>label{font-weight:800}
.element>label>.info{display:inline-block;opacity:.7;font-size:.8em;font-weight:400;padding-left:1em}
.element.radio>div label.radio{font-size:16px}
.element.radio>div input[type="radio"]{margin-right:10px}
.element.radio>div input[type="radio"].m{margin-left:20px}
.element>input,.element>select,.element>textarea,.element>.input,.element>.select{position:relative;border-radius:4px;border:1px solid rgba(0,0,0,.3);background:#FFFFFF;padding:0 5px;width:100%;height:40px;line-height:40px;font-size:18px;box-shadow:none;padding:0 8px;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
.element>.select,.element>.input{display:inline-block}
.element>.input>i{position:absolute;top:50%;margin-top:-12px;color:rgba(0,0,0,.3);}
.element>.select>i{position:absolute;top:50%;margin-top:-12px;color:rgba(0,0,0,.3);right:4px}
.element>.select>select,.element>.input>input{position:relative;top:0;background:transparent;border:0;width:100%;box-sizing:border-box;padding:0 0 0 30px;outline:none;z-index:1;font-size:18px;-webkit-appearance:none;}
.element>.select>select{padding:0 30px 0 0}
.element>input.short{max-width:60px}
.element .half{width:50%;}
.element .half:nth-child(3n){margin-left:2px;width:calc(50% - 2px)}
.element>textarea{height:58px;margin:0;padding:5px;line-height:1em}
.element.checkbox{min-height:30px;}
.reg>.element.checkbox:nth-child(2){margin-top:10px}
.element.checkbox.agb{margin:20px 0}
.element.checkbox label{position:relative;padding:5px 0 0 30px;line-height:15px;z-index:1}
.element.checkbox input{position:absolute;left:7px;}
.a-js .element.checkbox input {position:absolute;opacity:0;visibility:hidden;}
.element.checkbox.inline,.element.radio.inline{margin:5px 0 0}
html:not(.a-js) .element.checkbox>.material-icons,html:not(.a-js) .element.radio>.material-icons{display:none;}
.element.checkbox>.material-icons {position:absolute;top:0;left:0;color:rgba(0,0,0,.3);opacity:0;line-height:25px;font-size:28px}
.element.checkbox:not(.checked):not(.disabled)>.material-icons:not(.checked){opacity:1}
.element.checkbox>.material-icons.checked,.element.radio .material-icons.checked{color:rgba(0,128,0,1);}
.element.checkbox.checked>.material-icons.checked,.element.radio.checked .material-icons.checked{opacity:1;animation-name:fadeIn;animation-duration:.5s;}
.element.checkbox.disabled>.material-icons.checked,.element.radio.disabled .material-icons.checked{opacity:.3}
.element.checkbox.rgt>label{padding:5px 30px 0 0;text-align:right}
.element.checkbox.rgt>.material-icons{left:auto;right:0;}
.element.checkbox.checkfehler{margin:15px -5px;padding:5px;background-color:rgba(255,0,0,.1);}
.element.checkbox.checkfehler>.material-icons{left:5px;top:5px;}
.element.checkbox.checkfehler:not(.checked)>.material-icons{color:#FF0000!IMPORTANT;}
.element.checkbox.ts{margin-top:15px;}
.element .error{border-color:rgba(255,0,0,.7)}
.element .error .material-icons{color:rgba(255,0,0,.7)}
.lieferadresse{background:rgba(0,0,0,.05);padding:10px}
.lieferadresse p{padding:10px 10px 10px 0;text-align:left;}
@keyframes checkboxed{0%{transform:scale(.7);color:rgba(0,0,0,.1)}
50%{transform:scale(1.5);opacity:.5}
100%{transform:scale(1.1);color:rgba(0,103,0,1)}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeInBox{0%{max-height:0;opacity:0}
50%{max-height:400px}
100%{max-height:400px;opacity:.6}
}
@keyframes colorChange{0%{color:rgba(0,0,0,.1)}
100%{color:rgba(0,103,0,1)}
}
.fixedPos{overflow:hidden;}
.show3{display:block !important;}
.menu3{box-sizing:border-box;padding-bottom:50px;-webkit-tap-highlight-color:transparent;}
#menu3Btn{-webkit-tap-highlight-color:transparent;hyphens:unset;-webkit-hyphens:unset;}
.menu3 li{list-style:none;}
.hideMenubtn{transform:translate(-100%,0px);-webkit-transform:translate(-100%,0px);-moz-transform:translate(-100%,0px);-ms-transform:translate(-100%,0px);-o-transform:translate(-100%,0px);}
.lin-btn{transition:0.25s;}
.menu3 a{text-decoration:none;font-family:Arial;font-weight:400;}
.menu3-wrap{background-color:#FFFFFF;position:fixed;top:0;height:100%;width:85%;transform:translate(-100%,0px);-webkit-transform:translate(-100%,0px);-moz-transform:translate(-100%,0px);-ms-transform:translate(-100%,0px);-o-transform:translate(-100%,0px);font-size:15px;overflow:auto;transition:.25s;z-index:10;}
.menu3-show{transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);-o-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);margin-left:0;}
.menu3-sidebar ul{padding:0;}
.menu3-sidebar li{padding:0;width:100%;position:relative;}
.menu3-sidebar li > a.a{top:0;padding:12px 25px 12px 15px;display:block;text-overflow:ellipsis;color:black;font-size:18px;position:relative;transition:.25s;overflow:hidden;white-space:nowrap;}
.menu3-sidebar li a.l{position:absolute;top:-1px;right:0;}
.menu3-sidebar li > a.a::after{content:"";display:block;height:20px;position:absolute;top:100%;width:100%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transition:background-position .2s .1s ease-out;background-size:200% auto;}
.menu3-sidebar li > a.a:hover::after{background-position:-100% 0;}
.ckeckedbg{background-color:#f0f0f0;}
.menu3-sidebar .menu3-item-has-children .sub-menu{display:none;}
.menu3-sidebar .menu3-item-has-children{transition:.25s;}
.pfeil3{padding:10px;font-size:28px; z-index:1;}
.kreuzMenu3{position:relative;padding:7px;float:right;font-size:36px !important;}
.homepage{margin-top:0;}
.overlayEffect{position:absolute;background-color:rgba(0,0,0,0.30);z-index:1;opacity:0;overflow:hidden;right:0;pointer-events:none; left:0;top:0;bottom:0;transition:.25s;}
.overlayEffectToggle{opacity:1;}
.stopper{position:sticky;z-index:9;background-color:white;left:0;width:100%;top:0;height:45px;}
.payments{list-style:none;margin:20px 10px}
.payments>li{position:relative;padding:0 0 0 40px;margin:0;}
.payments li>i,.payments label{line-height:25px;}
.payments li>i{position:absolute;top:0;left:0;color:rgba(0,0,0,.1);transform:scale(.7);}
.payments .act>i{color:rgba(0,103,0,1);transform:scale(1.1);animation-name:checkboxed;animation-duration:.5s;}
.payments>li:not(:last-child){margin:0 0 10px}
.payments li>label{display:block;font-weight:800;font-size:16px}
.payments li:not(.act)>label{opacity:.6}
.payments input[type=radio]{opacity:0;position:absolute;left:-10px}
.payments li>b{font-weight:400;display:block;right:0;text-align:right;font-size:10px;top:3px;line-height:10px;opacity:0;color:rgba(0,0,0,.7);}
.payments .act>b{opacity:1;animation-name:fadeIn;animation-duration:1s;}
.payments li>div{opacity:.6;font-size:.8em;padding:5px 0;}
.payments li:not(.act)>div{overflow:hidden;max-height:0;opacity:0;padding:0;}
.payments li.act>div{max-height:400px;opacity:.6;animation-name:fadeInBox;animation-duration:1s;padding:5px 0;}
.payments .paypal>a{position:absolute;right:0;top:-5px;}
.payments .element [data-tooltipslide]{position:absolute;left:-40px;top:28px;}
.payments .element [data-tooltipslide]>i{color:rgba(0,0,0,.3);}
*[data-tooltip]{position:relative;}
*[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:130%;left:20%;background:#888;padding:5px 15px;color:#FFF;-webkit-border-radius:10px;border-radius:10px;white-space:nowrap;opacity:0;-webkit-transition:all 0.4s ease;}
*[data-tooltip]::before{content:"";position:absolute;width:0;height:0;border-top:20px solid #ffcb66;border-left:20px solid transparent;border-right:20px solid transparent;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;opacity:0;left:30%;bottom:90%;}
*[data-tooltip]:active::after,*[data-tooltip]:focus::after{bottom:100%;}
*[data-tooltip]:active::before,*[data-tooltip]:focus::before{bottom:70%;}
*[data-tooltip]:active::after,*[data-tooltip]:active::before,*[data-tooltip]:focus::after,*[data-tooltip]:focus::before{opacity:1;}
#orderconfirm{margin:0 5px;text-align:left}
#orderconfirm .c{clear:both}
#orderconfirm .druck{margin:5px 0 0 0;line-height:14px}
#orderconfirm .druck a{padding-left:20px;background:url("../pics/common/drucker-icon.gif") 0 0 no-repeat;line-height:14px}
#orderconfirm .z .fllft p.inaktiv{color:#999}
#orderconfirm .lft{float:none;text-align:left}
#orderconfirm .rgt{float:none;text-align:right}
#orderconfirm .warenkorb tr th a{color:#406618}
#orderconfirm .druck a{background:url("../pics/22974/print.gif") 0 3px no-repeat}
.orderconfirm h1{color:#406618;margin:10px}
.orderconfirm>.txt{padding:0;margin:0 10px 10px}
.orderconfirm .z,.orderconfirm .z .fllft{margin:0 0 10px;}
.orderconfirm .z .fllft p{line-height:24px;font-size:.9em;opacity:.7;}
.orderconfirm .z .fllft a,.orderconfirm .z .fllft ul,.orderconfirm .z .fllft li{margin-left:0;margin:0;padding:0;list-style:none;z-index:1}
.orderconfirm .fllft{position:relative;background:rgba(0,0,0,.1);padding:10px}
.fllft>a{position:absolute;top:10px;right:10px;color:#646464}
.fllft>.inline{line-height:24px;font-weight:800}
table.dateneingabe td{padding:2px 8px 2px 0}
.warenkorb .fllft,.warenkorb table,.warenkorb table td,.warenkorb table th{background-color:transparent}
.orderconfirm .warenkorb{width:auto;padding:0;margin:0;}
.orderconfirm .warenkorb td{padding:5px 10px}
.orderconfirm hr{width:auto;height:1px;margin:0;padding:0;border:none;background:rgba(0,0,0,.3)}
.artitem > span{opacity:.7}
.warenkorb span>strong,.warenkorb span>a{text-decoration:none;margin:0 0 5px;display:inline-block;font-size:1.1em}
.orderconfirm .warenkorb span.mark{color:#000}
@media screen and (min-width:350px){.warenkorb select.wkselectland,.warenkorb select.wkselectvk{max-width:300px}
}
.versandkostentabelle{display:table;border-collapse:collapse;border:1px solid #CCC;border-width:1px 1px 0;margin:10px 0 0;width:100%;}
.versandkostentabelle .row{display:table-row;border-bottom:1px solid #CCC}
.versandkostentabelle div > div{display:table-cell;padding:10px;box-sizing:border-box}
.versandkostentabelle .title{display:table-row;background:rgba(0,0,0,.1)}
.versandkostentabelle .laender{box-sizing:border-box;width:70%}
.versandkostentabelle .preis{box-sizing:border-box;width:30%;border-left:1px solid #CCC;text-align:right}
.versandkostentabelle.cells_3 .cell{width:33.333%}
.versandkostentabelle.cells_4 .cell{width:25%}
.versandkostentabelle.cells_5 .cell{width:20%}
.versandkostentabelle.cells_6 .cell{width:16.667%}
.versandkostentabelle.cells_7 .cell{width:14.285%}
.versandkostentabelle .cell{border-left:1px solid #EEE}
.versandkostentabelle .cell:first-child{border-left:none}
.versandkostentabelle .title .cell{border-color:#CCC}
.versandkostentabelle .cell > span{display:block;font-size:12px;color:#999}
#trackinginfo{box-sizing:border-box;margin-bottom:30px;padding:5px}
#trackinginfo .t{display:table;border-collapse:collapse;border:1px solid #cccccc}
#trackinginfo .t.zugestellt,#trackinginfo .t.verlauf{margin-bottom:10px}
#trackinginfo .r{display:table-row;border-bottom:1px solid #cccccc}
#trackinginfo .r:last-child{border-bottom:1px solid #ccc}
#trackinginfo .r.m{background-color:#F2F1EE}
#trackinginfo .c{display:table-cell;padding:10px;box-sizing:border-box;position:relative;vertical-align:middle}
#trackinginfo .c.width5p{width:5%}
#trackinginfo .c.width15p{width:15%}
#trackinginfo .c.width20p{width:20%}
#trackinginfo .c.width25p{width:25%}
#trackinginfo .c.width50p{width:50%}
#trackinginfo .c.width85p{width:85%}
#trackinginfo .cells_3 .c{width:33.333%}
#trackinginfo .title{background:#ebebeb}
#trackinginfo .title > *{font-weight:bold}
#trackinginfo a.blau{color:blue;text-decoration:underline}
#trackinginfo a.blau:hover{text-decoration:none}
#trackinginfo a.link{color:blue;text-decoration:none}
#trackinginfo a.link:hover{text-decoration:underline}
#trackinginfo p{margin-bottom:5px}
#trackinginfo span.mark,#trackinginfo p.zugestellt{color:green}
#trackinginfo div.dhl-icon{width:78px;height:20px;float:right;background:url("../pics/common/dhl.png") no-repeat}
#trackinginfo div.box-ruecksendung{margin-bottom:10px;padding:10px;border:2px dashed #FFCC01;background-color:rgba(255,204,0,0.25);font-weight:bold}
#trackinginfo span.mark{font-weight:bold;font-size:20px}
.but-position{position:relative;}
.but-position .mi-position{color:#fff;font-size:30px;position:absolute;right:5px;top:10px;}
.but-position.no-padding .mi-position,.rgt.but-position .mi-position{top:5px;}
.filter_btn{background-color:#fff;width:auto;text-align:center;height:45px;font-size:15px;color:black;border-radius:0;border:0;padding-left:11px;width:100%;text-align:left;}
#sf_no_results{margin:0 10px;color:red}
#filter_product_overview_preis_min,#filter_product_overview_preis_max{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:3px;border:1px solid #ddd;-webkit-border-radius:3px;border-radius:3px;-o-text-overflow:clip;text-overflow:clip;outline:0;width:60px;height:18px;font-size:15px;margin-bottom:10px;}
#tm .btm,#tm .btm a,#tm .h1kat{color:#43671F}
#filter_lft ul{padding:0;margin-bottom:7px;list-style-type:none}
#filter_lft .selectBox .chooseBtn{padding:8px;margin-left:10px;background-color:#787777;color:#fff}
#filter_lft .preisBox{margin-bottom:10px}
#filter_lft .preisBox .minEuro,#filter_lft .preisBox .maxEuro{width:63px;padding:2px 5px}
.filter_marken{max-height:170px;overflow:auto;}
#tm .btm h3{padding:0 5px}
.filter_btn:focus{outline:none;}
.filter_btn_clicked{background-color:white;color:black;}
.filter_btn_arr{position:absolute;right:4px;margin:12px;color:#000;line-height:1 !important;}
.filter_btn_arr2{margin-top:-31px;margin-right:10px;float:right;line-height:1 !important;}
.filter_mb_hidden{display:none;}
.filter_mb_show{display:block;}
.mobile_bb{margin:0 10px;display:none;}
.mobile_bb > input[type="text"]{width:40px;}
.mobile_bb > ul{list-style:none;padding:10px 0;}
.mobile_bh{margin:0px 10px 0 10px;font-size:16px;border-top:solid;border-width:1px;border-color:#DDDDDD;padding:11px 0;}
.mobile_bb_show{margin:0 10px;display:block;}
.filter_shape{border:1px solid #DDD;font-size:15px;margin:5px 8px 10px 8px;}
.preisfilter_btn{position:absolute;border:1px solid #ddd !important;background-color:white;border-radius:3px !important;margin:1px;}
.filter_btn_reset{margin:15px 15px 15px 10px;padding:10px;width:auto;background-color:white;color:black;border:1px solid #DDD !important;}
#prodsort_filter{margin:0 10px;}
#sf_reset .reset_all > input{background-color:#fff;width:100%;text-align:center;height:35px;font-size:15px;border:1px solid #ddd;margin:5px 0;}
#prodsort_filter > select{font-size:16px !important;width:90%;outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;background-color:white;padding:12px 0;}
.clicked_arrow{color:black;content:"&#xE316;";}
#sf_reset{font-size:15px;margin:10px 5px 5px 5px;}
#sf_reset > .reset > input{background-color:white;border:1px solid #ddd;padding:4px 28px 4px 6px;font-size:15px;background:url(../pics/common/reset.svg) right center no-repeat #ffffff;background-position:98%;margin:4px 0;float:left;margin:0 5px 5px 0;border-radius:3px;outline:0;}
#sf_reset .label{margin-bottom:5px}
#muebt{margin:15px 8px}
#muebt h3{font-size:15px;color:#000;text-decoration:none;padding:5px;display:flex;align-items:center}
#muebt .muebt{max-width:600px}
@media (max-width:330px){#muebt h3{font-size:14px}
}
@media (max-width:315px){#muebt h3{font-size:12px}
}
#muebt .ub{background-color:#f2f2f2}
#muebt .wire{float:left;width:34%;height:100px;margin:13px 8%;position:relative}
#muebt img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#muebt .link{display:block;text-align:right;margin:0;padding:10px 0}
#kl{padding:5px}
#kl h1{font-size:1.3em}
#kl h2{margin-bottom:5px;font-size:1.2em}
#kl h3,#kl .likeh3{font-size:1.1em;font-weight:bold}
#kl h3{line-height:40px;padding-left:5px;background:#F2F2F2}
#kl div.txt{padding:5px}
#kl .msg,#kbs .msg{margin-bottom:10px}
#kl .msg.error,#kbs .msg.error{color:#ff0000}
#kl .msg.success,#kbs .msg.success{color:#008000}
#kbs .msg{text-align:center}
#kl .element.info{margin-top:3px}
#kl .btn{margin:10px auto;background-color:#555555}
#kl div.btn,#kl a.btn{line-height:40px}
#kl div.tobasket{width:150px;height:30px;line-height:30px;margin:0;font-size:1em;float:right;-webkit-transition:opacity .15s;transition:opacity .15s;}
#kl div.tobasket.load{opacity:.7;}
#kl td.tobasket{padding-top:0;padding-bottom:0}
#kl #kl_login .vergessen{padding:0;list-style:none}
#kl #kl_login .vergessen li{height:30px;line-height:30px}
#kl #kl_login .vergessen li a{display:block}
#kl #kl_reg{margin-top:20px}
#kl #kl_reg p,#kl #kl_reg .benefits{font-size:1.1em}
#kl .navigation{margin:5px 0 15px 0;text-align:center;font-size:1.1em}
#kl .navigation a{padding:5px;line-height:20px;text-decoration:none;display:block;color:#000}
#kl .navigation ul{padding:0}
#kl .navigation ul li{border:1px solid #F2F2F2;list-style:none;text-align:left;height:30px;line-height:30px;margin:0 0 0;border-bottom-style:none}
#kl .navigation ul li:last-child{border-bottom:1px solid #F2F2F2}
#kl .navigation ul li a{margin-left:5px}
#kl .kl_order{margin-bottom:20px}
#kl .kl_order ul{list-style:none;padding:0;position:relative}
#kl .kl_order ul > li.bestelldaten{border-bottom:1px solid #F2F2F2;margin-bottom:10px;padding-bottom:10px}
#kl .kl_order ul > li.bestelldaten:last-child{border:none}
#kl .kl_order ul > li.bestellnr{padding-left:5px;position:relative}
#kl .kl_order ul > li.bestellnr span{line-height:24px;display:block}
#kl .kl_order ul > li.bestellnr a.dt{position:absolute;top:5px;right:10px}
#kl .kl_order ul > li.aktiv{background-color:rgba(0,255,0,.1)}
#kl .kl_order ul > li > ul > li{padding-left:25px;margin-bottom:3px}
#kl .orderconfirm{margin:0 0 20px 0}
#kl .retourenschein a,#kl .sendungsverfolgung a{line-height:30px;display:inline-block}
#kl .kl_kundenanfragen{margin-bottom:20px}
#kl .kl_kundenanfragen > div{margin:0 10px}
#kl .kl_kundenanfragen table{width:100%;margin:0;border-collapse:separate;border:1px solid rgba(0,0,0,.1)}
#kl .kl_kundenanfragen table td{padding:3px}
#kl .kl_kundenanfragen table .bh2{text-align:left;background:rgba(0,0,0,.1);padding:2px}
#kl .kl_home{margin-bottom:20px}
#kl .kl_box{margin-bottom:10px;position:relative;background:rgba(0,0,0,.1);padding:10px}
#kl .kl_box > p{font-size:0.9em;line-height:24px;opacity:0.7}
#kl .kl_box > a{position:absolute;top:10px;right:10px;color:#646464}
#kl .kl_box > ul{margin:0;padding:0;list-style:none}
#kl #benutzerdaten{margin-bottom:15px}
#kl #bankdaten,#kl #newsletter{margin-bottom:5px}
#kl .hlk li{margin-bottom:5px}
#kl .hlk li label{float:left;font-weight:bold;margin-right:5px}
#pcts li{margin-bottom:15px;vertical-align:top}
#newsletter{margin:0 5px 10px 5px}
#newsletter h1{margin:0;font-weight:bold}
#newsletter #products h3,#newsletter #products h3 a,#newsletter #products b{color:#000}
#newsletter #products li:first-child{border-top:none}
#newsletter #products li:last-child{border-bottom:none}
#newsletter #products li{text-align:left}
#newsletter #products li .n{height:160px}
#newsletter #products li span{display:block;margin-top:10px}
#newsletter #products li i.pz,#newsletter #products li span.bew{margin:0;position:relative;top:3px}
#newsletter .teaser{width:100%;height:auto;margin-top:5px}
#newsletter .box2{padding:10px}
#newsletter .box2 h3{margin:5px 0 10px 0}
#newsletter .box2 img{width:100%}
#newsletter .box2 a.dt{margin-top:15px}
#newsletter > p{margin-bottom:10px}
#newsletter a.dt{text-decoration:none;line-height:14px;font-size:12px;font-weight:bold;position:relative;left:15px;display:block}
#newsletter a.dt span{width:9px;height:10px;padding:0;margin:0;position:absolute;left:-15px;top:1px}
#newsletter .info{margin:15px 0}
#newsletter iframe{margin:10px auto 0 auto;border:1px solid #DCE8BE;width:99%;height:2000px}
#newsletter input.button,.klsub{width:auto;min-width:125px;min-height:20px;padding:3px;text-align:center;color:#FFFFFF;border:none;font-weight:bold;cursor:pointer;}
#tm .btm{width:32%;margin:15px 0 26px 0;padding:0;float:left;display:block;background:#FFFFFF;text-align:center;}
#tm .bb{text-align:center;vertical-align:middle;margin:0;padding:0 5px 5px 5px;display:block;}
#tm .bh > a{text-decoration:none;}
#tm>div{width:90%;margin:0 5%}
#mz_mobile img{width:auto;height:auto;max-height:110px;max-width:100%;display:block;margin:0 auto}
#mz_mobile .msg{margin:5px 10px}
#mz_mobile .success{color:green}
#mz_mobile h2{font-size:16px}
#mz_mobile .b{padding:10px;height:110px}
#mz_mobile .mzleft{float:left;height:inherit;width:35%}
#mz_mobile span{font-size:15px}
#mz_mobile span.nachfolge,#mz_mobile span.alternativ{display:block;margin-top:10px}
#mz_mobile .mzright{float:right;width:64%;margin-bottom:5px}
#mz_mobile .mzu{padding:0 10px;margin-top:7px}
#mz_mobile .mznwk{width:100%;background-color:#f06d04;color:white;font-size:15px;height:30px;border:0;margin:5px 0;outline:0}
#mz_mobile .mzbox{margin:6px 0;border-bottom:solid 1px #F2F2F2}
#mz_mobile .mzbox:last-of-type{border:none}
#mz_mobile .mznpe{width:100%;background-color:white;color:black;font-size:15px;height:30px;border:1px solid #ddd;margin:5px 0;outline:0}
#mz_mobile .artitem{font-size:13px}
#art .merkzettel{position:relative;margin:0 0 15px 0;height:16px}
#art .merkzettel input.merkzettel_btn{height:100%;position:absolute;right:0;left:auto}
#art .preismelden{margin:0 0 15px 0;text-align:right}
#art .preismelden a{font-size:16px;color:#787777;display:block}
#newsletter .nl{display:table;border-collapse:collapse;margin-top:10px}
#newsletter .nl *{font-size:0.7rem}
#newsletter .r{display:table-row;border-bottom:1px solid #F2F2F2}
#newsletter .r:last-child{border:none}
#newsletter .c{display:table-cell;padding:7px 0;box-sizing:border-box}
#newsletter .c.w80{width:80px}
#newsletter .c a{}
#newsletter a{text-decoration:none;color:#000}
#newsletter form{margin-bottom:20px}
#kl .warenkorb th.thrgt.nw{width:100px}
#kl .warenkorb .preis>div{width:100px}
#kl .warenkorb .browse .preis{line-height:0}
#showdesigns{position:fixed;bottom:0;left:0;width:100%;height:auto;background-color:#fff;color:#000;font-weight:bold;z-index:999;border-top:1px solid black}
#showdesigns table td{padding:2px;height:35px}
#showdesigns table td a.shwbtn{padding:0 5px;width:auto;min-width:25px;height:30px;line-height:30px;white-space:nowrap;text-align:center;display:block;text-decoration:none;text-decoration:none}
#showdesigns table td a.shwbtn.on{background-color:#C0C0C0}
#showdesigns table td a.shwbtn.off{background-color:#97FFB1}
#showdesigns a{text-decoration:none;color:#000}
#showdesigns a:hover{text-decoration:underline;color:#000}
#showdesigns .dn{display:none}
.sf_sort > select{border:0 !important; -webkit-appearance:none; -moz-appearance:none; width:220px; text-indent:0.01px; text-overflow:""; color:#000;border-radius:0;padding:5px;box-shadow:none;cursor:pointer;height:26px;background:#E9E9E9 url(../pics/1000/pfeilu.png) 200px 11px no-repeat;}
#sf_sort select.sortc{background:#E9E9E9 url(../pics/1000/pfeilu.png) 130px 11px no-repeat}
#sf_sort select.sorto{background:#E9E9E9 url(../pics/1000/pfeilo.png) 130px 11px no-repeat}
#art .artinfoo,#art .artinfou{background:#fff}
#art .artinfom .txt{border:none}
#art #artbewbtnschreiben,#art #artbewbtnschreiben2,#art #artdescbtn,#art #artdescbtn2,#art #arteigbtn,#art #arteigbtn2,#art #artbewbtn,#art #artbewbtn2,#art .artinfoo,#art .artinfou{border-top:none;border-right:none;border-left:none;border-bottom:1px solid #F0F0F0;padding:10px 0;font-size:14px}
#art .artinfoo span.pfeil,#art .artinfou span.pfeil{top:18px}
#art .artinfoo .pfeilu,#art .artinfou .pfeilu{background:url("../pics/1000/pfeilu.png") top right no-repeat}
#art .artinfoo .pfeilo,#art .artinfou .pfeilo{background:url("../pics/1000/pfeilo.png") top right no-repeat}
#art .artinfou span.pfeilr{top:16px}
 #tooltip{text-align:left;color:#000;background:#EFEFEF;position:absolute;z-index:100;padding:15px;opacity:0.95;border-radius:5px}
#tooltip b{text-align:center;display:block;margin-bottom:10px}
#tooltip::after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #EFEFEF;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}
#tooltip.top::after{border-top-color:transparent;border-bottom:10px solid #EFEFEF;top:-20px;bottom:auto}
#tooltip.left::after{left:10px;margin:0}
#tooltip.right::after{right:10px;left:auto;margin:0}
#faq{width:100%;box-sizing:border-box}
#faq .t{display:table;width:100%;box-sizing:border-box}
#faq .r{display:table-row}
#faq .r1 .c{padding:20px 0}
#faq .r2 .c{padding:0 0 20px 0;border-bottom:1px solid #ccc}
#faq .r2:last-child .c{padding:0;border:none}
#faq .c{display:table-cell;clear:inherit}
#faq .sp1{width:20%}
#faq .sp2{width:80%}
#faq a{text-decoration:underline}
#faq a:hover{text-decoration:none}
.ui-slider{position:relative;text-align:left;margin-bottom:15px;width:80%;margin-left:1%;}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:10px;height:1.2em;cursor:col-resize;-ms-touch-action:none;touch-action:none;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5}
.ui-widget-header{border:1px solid #dddddd;background:#c5c5c5;font-weight:bold}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #cccccc;background:#ededed;font-weight:normal;color:#2b2b2b}
.colorBoxSelect{width:30px;height:30px;border:1px solid gainsboro;border-radius:28px;transition:0.3s;margin:3px;}
.colorBoxSelect.multicolored{background-image:linear-gradient(120deg,transparent 70%,#1a76b9 0),linear-gradient(120deg,transparent 50%,#fdc730 0),linear-gradient(120deg,transparent 30%,#406618 0),linear-gradient(120deg,transparent 10%,#fa2428 0);}
.colorBoxSelect:hover{transform:scale(1.14,1.14);-moz-transform:scale(1.14,1.14);-ms-transform:scale(1.14,1.14);-webkit-transform:scale(1.14,1.14);-o-transform:scale(1.14,1.14);}
.floatLeft{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.1s;}
.floatLeft:checked{border:#406618 2px solid}
.floatLeft:checked::before{content:"✔";color:#406618;font-weight:bold;position:relative;left:6px;top:3px;float:left;}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0.5rem;top:0.5rem;}
.fancybox-toolbar button{color:#000;padding:0.5rem 1rem;}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0;background:#fff;}
.fancybox-slide--image:before{display:none}
.fancybox-content{background:none;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;text-align:left;vertical-align:middle;padding:0px;}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:grabbing}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-button{background:rgba(255,255,255,0.8);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:auto;color:rgba(0,0,0,0.65);}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:rgba(0,0,0,0.85);}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{display:none;}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-button:focus,.fancybox-button:active{outline-style:none;border-color:transparent;}
#dtslide{margin-bottom:15px}
#dtslide > div.img-wrapper.siema > div > div > a:focus,#dtslide > div.img-wrapper.siema > div > div > a:active{outline-style:none;border-color:transparent;}
#dtslide > div.img-wrapper a{display:block;line-height:250px}
#dtslide > div.img-wrapper a.oneimage{display:block;line-height:100px;min-height:100px}
#dtslide > div.img-wrapper a img{display:inline;vertical-align:middle;max-width:100%;max-height:250px}
.siema{text-align:center;}
.btn-siema{width:16px;height:16px;background-color:#f2f2f2;margin:20px 6px 6px 6px;border-radius:100%;border:1px solid rgba(255,255,255,0.4);}
.btn-siema.btn-clicked{background-color:#666666;border:1px solid rgba(255,255,255,0.1);}
.siema a:focus,.siema a:active{outline:none;}
@media only screen and (max-width:1024px){.fancybox-bg{background:#FFFFFF;}
.fancybox-is-open .fancybox-bg{opacity:1;}
.fancybox-button{font-size:20px;height:auto;}
.fancybox-button > svg{width:25px;}
button.fancybox-button.fancybox-button--arrow_right{height:7rem;width:5rem;}
button.fancybox-button.fancybox-button--arrow_left{height:7rem;width:5rem;}
.fancybox-toolbar .fancybox-button{border:none;background:rgba(255,255,255,.5);}
}
#cat{margin:25px 8px 0 8px;max-width:600px}
#cat .box{float:left;margin:0 4% 4% 0;padding:5px 0;width:48%;max-width:300px;border:1px solid #ddd;box-sizing:border-box;position:relative;overflow:hidden}
#cat .box.m{margin-right:0}
#cat .box .img{margin:0 0 10px 0;display:block;width:100%;min-height:100px;text-align:center;position:relative}
#cat .box .img img{vertical-align:middle;width:auto;height:auto;max-height:100%;max-width:100%}
#cat .box h2{margin:0;padding:0 7px}
#cat .box h2 a{text-decoration:none}
#cat .box h2,#cat .box h2 *{font-size:16px;color:#000}
#cat .box h2 strong{font-weight:normal}



body{font-family:Calibri,Arial,sans-serif;font-size:15px}table,input,select{font-size:15px}
.banner,.banner div.bl,.banner div.br,.banner div.bm{background-color:#FFF}
.banner,.banner div{height:45px}
.banner{border-bottom:6px solid #F5A318}
.banner img{margin-top:11px}
.banner > div > a{left:50%;right:auto;position:absolute;margin-left:-75px;top:7px}
.footer{color:#000;background-color:#FFF}
.footer a{color:#000}
#suche{background-color:#FFF}
#suche .search{border:1px solid #F1F1F1}
#suche .search form table td:last-child div input{background:url("../pics/1000/imagemap_2319.png") 0px -19px no-repeat #FFFFFF}
.menu li.m1 a > i,.menu li.m2 a > i,.menu li.m3 a > i,.menu li.m4 a > i{background:url('../pics/1000/imagemap_2319.png') -100px 0px no-repeat}
.menu li.m1a a > i,.menu li.m2a a > i,.menu li.m3a a > i,.menu li.m4a a > i{background:url('../pics/1000/imagemap_2319.png') -150px 0px no-repeat}
.menu li.m1aa a > i,.menu li.m2aa a > i,.menu li.m3aa a > i,.menu li.m4aa a > i{background:url('../pics/1000/imagemap_2319.png') -200px 0px no-repeat}
.menu li.m1 a,.menu li.m1a a,.menu li.m2 a,.menu li.m2a a,.menu li.m3 a,.menu li.m3a a,.menu li.m4 a,.menu li.m4a a{background-color:#F1F1F1;border:1px solid #F1F1F1}
.menu li.m1aa a,.menu li.m2aa a,.menu li.m3aa a,.menu li.m4aa a{background-color:#DADADA;border:1px solid #DADADA;color:#000}
a.oben{background:#F1F1F1}
a.oben2 > .material-icons{position:relative;bottom:4px;color:#000}
#newsletter a.dt span,.content li span span.f a span{background:url('../pics/1000/imagemap_2319.png') -14px -19px no-repeat}
.content li span span.h{font-size:15px}
.content li span span.m{font-size:13px}
.content li span span.m img{margin:0 0 0 10px}
.content li span span.m.mlft img{margin:0 10px 0 0;float:left}
.content li{margin:10px 0 0 0;padding:0 0 10px 0;border-bottom:1px solid #c6c6c6}
.content li:last-child{padding:0;border:none}
.home{margin:0;padding:5px;}
.home h1{margin:10px;}
.home ol{list-style:none;margin:0;padding:0;clear:both;text-align:left;vertical-align:top;text-align:center}
.home li{padding:0;margin:10px;display:inline-block;font-size:12px;background:#FFFFFF;height:325px;width:calc(50% - 20px);border:none;}
#home li>div{display:table;position:relative;overflow:hidden;height:335px;width:140px;border:none;text-align:left}
#home li div a{text-decoration:none;font-size:12px;line-height:12px;display:block;text-align:left;font-weight:bold}
#home li div a span.bild{display:table-cell;width:140px;height:auto;display:block;border:none;margin-bottom:8px}
#home li div a span.bild img{max-width:140px;width:auto;height:auto;vertical-align:middle;margin:0 auto}
#home li div div{height:190px;overflow:hidden}
#home li div h2{display:block;font-size:12px;margin-bottom:3px}
#home li div div span.transp{display:block;height:20px;width:140px;position:absolute;bottom:0;left:0;background:url('../pics/1000/proover_trans_v1p.png') left 1px repeat-x}
#home.referenzen{padding:5px}
#home.referenzen h1{font-size:18px}
.testit{width:100%;margin:0 auto 20px auto;text-align:center;font-size:14px}
.testit .btn{margin:0 5px;text-decoration:none;text-align:center;font-size:20px}
.testit p{margin:10px 0 0 0}
#kathead,#kathead span{color:#000}
.prodb span.active{border:1px solid #000;background-color:#555;color:#FFF}
div.oben{margin:5px;text-align:center;background-color:#FFF}
div.oben a{text-decoration:underline}
 .btn{height:auto;padding:8px 16px !important;color:#ffffff !important;background:#B61505 !important;border:1px solid #D37369 !important;border-radius:6px !important;display:block;position:relative;cursor:pointer;text-transform:uppercase}
#kontakt.shoptesten h1{font-size:16px;text-transform:uppercase}
#kontakt.shoptesten h2{font-size:16px}
#kontakt.shoptesten h3{font-size:16px;margin:30px 0 15px}
#bildnachweisbox{margin:10px 0 0 0;cursor:pointer}
#bildnachweisbox span.open{margin:0 0 10px 0;display:block}
 #jobs{width:auto;padding:0 10px;margin:0;position:relative}
#jobs h1{margin:20px 0}
#jobs h2{margin-bottom:10px}
#jobs h3{margin-bottom:5px}
#jobs ol{margin-left:0;margin-bottom:10px;list-style:none}
#jobs ol li a{text-decoration:underline}
#jobs ol li a:hover{text-decoration:none}
#jobs ul{margin-top:0;margin-left:5px}
#jobs li{padding:3px 0 3px 3px}
#jobs .box{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #C6C6C6}
#jobs .box.last{border-bottom:none !important}
#jobs .hr{margin-bottom:50px;width:100%;border-bottom:2px solid #C6C6C6}
#jobs p a{text-decoration:underline}
#jobs a.pdf span{text-decoration:underline;display:block;margin:2px 0 10px 40px;padding:0}
#jobs a.pdf span.icon{margin:0;width:33px;height:36px;float:left;background:url("../pics/7/imagemap.png") -91px -38px no-repeat;text-decoration:none}