html{--bg:#fefefe;--margin:10px;--padding:10px;--menucolor:#999;--iconcolor:#999;--hovercolor:#bbb;--border-color:#ddd;--border-radius:8px;--shadow:0 2px 10px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);--green:#5fc331;--info-bg:#e9f7e2;--info-bd:var(--green);--info-tx:#2a7d12;--error-bg:#fff0e6;--error-bd:#f60;--error-tx:#b34800;--warn-bg:#fff4e0;--warn-bd:#f5a623;--warn-tx:#8a5a00;--help-bg:#e3f0fd;--help-bd:#1c8cff;--help-tx:#0a5db8;--transition-duration:0.3s ease}svg, svg path{width:28px;height:28px}a img{border:none;outline:none}label{cursor:pointer;padding:0 0 0 8px}hr{border-style:solid;border-width:1px 0 0 0;border-color:#ccc}h1{font-size:1.5em}h2{font-size:1.3em}div.info,
div.error{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:calc(100% - 2 * (--margin));margin:var(--margin) 0;padding:14px 16px;border-radius:var(--border-radius);box-shadow:var(--shadow);border-left:4px solid;font-size:1.05em;font-weight:600;line-height:1.4}div.info{color:var(--info-tx);background:var(--info-bg);border-left-color:var(--info-bd)}div.error{color:var(--error-tx);background:var(--error-bg);border-left-color:var(--error-bd)}div.info svg,
div.error svg{flex:0 0 22px;width:22px;height:22px}div.info span,
div.error span{flex:1 0 calc(100% - 32px);min-width:0}div.error ul{margin:4px 0 0;padding:0 0 0 22px;list-style-image:none}div.error ul li{margin:2px 0}div.error ul li::marker{color:var(--error-bd)}.center{text-align:center}span.ewloader{display:none;animation:fadein 0.4s ease-in}div.ewloader{margin:0;padding:0;text-align:center;animation:fadein 0.4s ease-in}.ewloader svg,
.ewloader svg path{fill:#999;width:80px;height:30px}main div.ewloader{margin:100px auto}#addtocart_result div.ewloader{margin:0 auto}#ewloading{display:none}svg.caret, svg.caret path{vertical-align:middle;width:16px;height:16px;margin-left:4px}input, select, textarea{border:1px solid var(--border-color);border-radius:4px;margin:0px 0 8px 0;padding:10px;font-size:1rem}select option{padding:10px}input:focus, textarea:focus{background:#eee}input[type="checkbox"],
input[type="radio"]{border:0;outline:none;cursor:pointer;vertical-align:bottom}td.double input:first-child{margin-right:16px}td.double input[size="10"]{width:100px}.tr_submit td{padding-top:20px}.leftbuttons a:not(:last-child),
.leftbuttons input{margin-right:var(--margin)}.rightbuttons{text-align:right}.rightbuttons a{margin-left:var(--margin)}.cp{display:inline-block;margin:0 0 0 4px;vertical-align:middle}.cp svg{width:16px;height:16px;margin:0 0 3px 0;animation:fadein .2s ease-in forwards}.cpwarn{display:inline;vertical-align:top;font-size:0.8em;color:#f60;font-weight:bold}svg path[fill="#5FC331"]{fill:#5fc331}svg path[fill="#F60"]{fill:#f60}svg path[fill="#FF5632"]{fill:#ff5632}svg.ic{width:24px;height:24px;margin:0 6px 0 0;vertical-align:middle}.pw-eye{position:absolute;cursor:pointer;fill:#222;transform:translateX(-36px) translateY(6px)}table{border:0;margin:0 auto;width:100%;border-spacing:0}th{padding:12px 0;text-align:left}tr.hover:hover{background:#f6f6f6;cursor:pointer}.formtable{border-spacing:6px;margin:0 -3px 0 -3px}.formtable td:first-of-type{width:30%}#mnav{display:none}#cart,
#lang{white-space:nowrap}#lang span, #lang svg{vertical-align:middle}div[class^='pay-']{border:1px solid #CCC;margin:4px;opacity:0.85;transition:opacity 0.3s}div[class^='pay-']:hover{opacity:1}#search_form{display:flex;margin:0 auto;text-align:center;max-width:330px}#search_form input{}#search_form input[type="search"]{width:67%;min-width:none;flex-grow:2;padding:6px 4px;margin-right:10px;border-radius:0;border-width:0 0 1px 0;font-size:1.1em;background:#fff}#search_form input[type="submit"]{width:33%}.search_time{color:#aaa;font-size:0.9rem}.webshop_breadcrumb{color:#888;font-size:0.9rem}.webshop_breadcrumb a{margin:0 6px;color:#888;text-decoration:none}.webshop_breadcrumb a:hover{text-decoration:underline}.webshop_breadcrumb a:first-child{margin-left:0}.webshop_breadcrumb span{margin-left:6px}div.columns{display:flex;flex-flow:row wrap;justify-content:space-around}div.columns > div{flex-grow:1;flex-basis:0;min-width:140px;min-height:24px}#prodhead{text-align:right;margin-bottom:var(--margin)}.panel{display:inline-block;padding:0 12px;text-align:left;cursor:pointer}.panel > svg,
.panel > svg path{margin:0 6px 4px 0;vertical-align:middle;fill:#999;transition:0.3s fill}.panel > span{font-weight:bold;color:#999;transition:0.3s color}.panel:hover span{color:#f90}.panel:hover svg,
.panel:hover svg path{fill:#f90}.panel > div{display:none}#panelpop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1070;text-align:center;background:rgba(0,0,0,0.8);opacity:0;transition:opacity 0.3s}#panelpop > div{display:inline-block;max-width:400px;color:#fff;font-size:1.8em;text-align:left}#panelpop > div > h1{font-size:1.4em;padding-left:24px}#panelpop > div div{width:100%;padding:6px 24px 8px 24px;cursor:pointer;border-radius:8px}#panelpop > div svg{margin-right:12px;vertical-align:middle}#panelpop > div svg,
#panelpop > div svg path{fill:#fff}#panelpop > div div:hover:not(.active){background:rgba(255,255,255,0.1)}#panelpop > div div.active{color:#999;cursor:default}#panelpop > div div.active svg,
#panelpop > div div.active svg path{fill:#999}/* Category and Productlist display <div id="productlist"> contains <ul id="prodlist"> instances which are added by lazy loading
*/
#catlist{width:100%;font-weight:bold}#noproductsfound{color:#f60;font-size:1.4em;text-align:center;font-weight:bold;opacity:0;transition:opacity 0.3s}#prodbody{display:flex}#filtersform{position:sticky;align-self:flex-start;top:0;margin:0;padding:0;width:200px;min-width:200px;height:100vh;overflow:auto;transition:opacity 0.3s, min-width 0.5s ease-out}#prodbody > ul{flex-grow:2}#prodlist, #catlist{display:inline-flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-evenly;gap:10px;margin:0;padding:0;list-style:none;text-align:center;overflow:hidden;transition:opacity 0.2s linear, max-height 0.5s ease-out}#prodlist > li, #catlist > li{flex-grow 1;width:260px;max-width:512px;transition:max-height 3s ease, height 3s ease, opacity 0.5s linear}#catlist.hqphoto li,
#productlist.hqphoto li{width:calc(33% - 30px);margin:0 12px}#prodlist > li > a, #catlist > li > a{display:flex;flex-direction:column;height:100%;margin:0;padding:0;text-decoration:none;outline:none;color:#666}#catlist > li > a > div:nth-of-type(1), #prodlist > li > a > div:nth-of-type(1){display:flex;align-items:center;height:100%;overflow:hidden}#catlist > li > a > div:nth-of-type(2){}#prodlist > li > a > div:nth-of-type(2){}#catlist > li > a > div > img,
#prodlist > li > a > div > img{margin:10px auto;max-width:100%}#catlist > div > div, #prodlist > div > div{padding:2px 0}#prodlist .webshop_subphotos{display:flex;align-items:flex-start;gap:1%}#catlist.uniform_photos > li > a > div:nth-of-type(1),
#productlist.uniform_photos #prodlist > li > a > div:nth-of-type(1){width:230px;height:230px;margin:20px 0;background-position:center;background-size:cover;background-repeat:no-repeat}#catlist.hqphoto.uniform_photos > li > a > div:nth-of-type(1),
#productlist.hqphoto.uniform_photos #prodlist > li > a > div:nth-of-type(1){min-width:230px;width:auto}#prodlist.view-2 > li{min-width:310px;display:flex;flex-direction:column;justify-content:space-between}#prodlist.view-2 > li > a{height:auto}#prodlist.view-2 > li > .webshop_prodlist_addtocart{min-height:60px}#prodlist.view-2 > li > .webshop_prodlist_addtocart .webshop_stylebutton{margin-top:8px}#prodlist.view-3 > li > a > div:nth-of-type(2),
#catlist.view-3 > li > a > div:nth-of-type(2){display:none}#prodlist.view-4 > li{min-width:calc(100% - 20px);text-align:left}#prodlist.view-4 > li > a{height:auto}#prodlist.view-4 > li > a > div{display:inline-block;vertical-align:top}#prodlist.view-4 > li > a > div:nth-of-type(1){width:28%;margin-right:2%;max-width:260px}#productlist.hqphoto.uniform_photos #prodlist.view-4 > li > a > div:nth-of-type(1){max-width:360px}#prodlist.view-4 > li > a > div:nth-of-type(2){width:70%}#prodlist.view-4 > li > a > div:nth-of-type(2) > div{margin:5px 10px}#prodlist.view-4 > li > a > div:nth-of-type(2) > div:first-of-type{font-weight:bold}#prodlist.view-4 .webshop_prodlist_addtocart{text-align:right}#prodlist.view-4 a.webshop_stylebutton{margin:5px 0 10px 10px}#catlist.view-5 > li > a > div:nth-of-type(1){display:none}#catlist.view-5 > li > a > div:nth-of-type(2){padding:30px 0 25px 0}#prodlist.view-5{gap:0}#prodlist.view-5 > li{display:flex;width:100%;align-items:center;gap:8px;max-width:100%;border-width:0 0 1px 0;border-style:solid;border-color:#eee;transition:background 0.3s}#prodlist.view-5 > li > a{flex-grow:3;outline:none}#prodlist.view-5 > li > a > div{display:flex;align-items:flex-start;min-width:80%;height:auto;min-height:0}#prodlist.view-5 > li > a > div > div{flex-grow:1;text-align:left;width:30%}#prodlist.view-5 .webshop_old_price{padding-left:0;display:block;line-height:0.5em;position:absolute}#prodlist.view-5 .webshop_units{padding-left:0;display:inline-block}#prodlist.view-5 > li > a > div > div:first-of-type{width:40%}#prodlist.view-5 > li > div{height:auto;min-height:auto;min-width:234px;text-align:right;white-space:nowrap}#prodlist.view-5 a.webshop_stylebutton{margin:2px 0 2px 10px}#prodlist.view-5 li:hover{background:rgba(204,204,204,0.4)}#prodlist.view-5 > li > a > div:nth-of-type(1){max-height:50px;line-height:50px}#catlist > li.hidden,
#prodlist > li.hidden{margin:0;border:none}span[class^=label]{position:absolute}.webshop_price{font-weight:bold}.webshop_price > div{display:inline-block}.webshop_old_price{text-decoration:line-through;margin-right:6px}.webshop_units{vertical-align:super;font-size:0.9em;font-weight:normal;margin-left:5px}.webshop_status_ok,
.webshop_status_warning,
.webshop_status_error{display:inline-block;padding:6px 8px;border-radius:6px;font-weight:bold}.webshop_status_ok{background:#5fc331;color:#eee}.webshop_status_warning{padding:0;color:#f60}.webshop_status_error{background:#d62828;color:#eee}#photo-div{position:fixed;top:0;left;0;width:100%;height:100%;background:#fff;z-index:1071}#photo-div > svg{position:fixed;top:40vh;left:5vw;width:10vw;height:10vw;min-width:50px;min-height:50px;max-width:90px;max-height:90px;z-index:1072;fill:#ccc;cursor:pointer}#photo-div > svg:last-child{left:auto;right:5vw}#photo-div > svg path{fill:#ccc}#photo-div > img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;object-fit:scale-down;cursor:pointer}#photo-div > svg:hover,
#photo-div > svg:hover path{fill:#999}#slidedivcont{position:fixed;width:100%;left:0;top:0;margin:0;padding:0;text-align:center;z-index:1070}#slidedivcont > div{display:inline-block;width:1130px;max-width:90vw;vertical-align:top;text-align:left;box-shadow:0px 0px 25px 0px rgba(165, 165, 165, 0.7);background:#fff;max-height:0;transition:max-height 1s;overflow-y:hidden}#slideup{text-align:right;opacity:0;transition:opacity .5s}#slideup svg{position:absolute;width:32px;height:32px;margin:-5px 0 0 -52px;cursor:pointer;fill:#999;color:#999}#slideup svg{fill:#999;color:#999}#slideup svg:hover,
#slideup svg:hover path{fill:#ccc;color:#ccc}#slidediv{height:calc(100% - 70px);padding:10px 30px;opacity:0;transition:opacity 0.5s;margin-bottom:40px}#slidediv .ewloader{margin-top:40px}.slidelang a{display:inline-block;width:194px;color:#333;text-decoration:none;padding:10px;border-radius:4px}.slidelang a:hover{background:#eee}#prodlist #prod-detail{width:100%;margin:16px;text-align:left;opacity:0;transition:min-height 0.1s, max-height 0.1s, opacity 0.5s}#prod-detail > div{padding:0}.webshop_detail{display:flex;gap:10px;margin-bottom:10px}.webshop_detail_left{text-align:left;flex-grow:1;width:19%}.webshop_detail_right{flex-grow:2}.webshop_detail_photos a{display:inline-block;width:107px;text-align:center;margin:0 16px 16px 0}.webshop_detail_photos a:first-of-type{display:block;width:100%;text-align:left;margin:0}.webshop_detail_photos a > div{}.webshop_detail_photos a img{max-width:100%}p.webshop_price{margin:0 0 12px 0;font-size:1.3em}.prod-color{display:inline-block;vertical-align:top;margin:3px 0 0 10px;width:44px;height:26px;border:1px solid #ccc;border-radius:3px}.webshop_addtocart label{padding-left:0}.webshop_addtocart input[name="amount"]{margin:0 12px 0 12px;border-radius:8px;padding:12px}.webshop_properties{width:100%}.webshop_properties tr td{padding:8px 0 0 0}.webshop_properties tr th,
.webshop_properties tr:not(:last-child) td{padding:8px 0 0 0;border-style:dashed;border-color:#ccc;border-width:0 0 1px 0}.webshop_paramstable td{vertical-align:top;width:50%;min-width:280px}.obligatedfield{color:#c00;margin-left:3px;font-weight:bold}.paramerror{color:#c00;font-weight:bold}.webshop_addtocart{margin:20px 0}.webshop_detail th,
.webshop_detail td{padding-left:0}table.webshop_tierprices{width:100%;text-align:left;margin:10px 0 30px 0}.webshop_addtowishlist svg{vertical-align:top;margin:2px 0 0 10px;width:36px;height:36px;cursor:pointer}.webshop_addtowishlist svg path{fill:#ff4c4c}.webshop_addtowishlist svg:hover path{fill:#f00}.wishlist-tooltip{font-weight:bold;color:#666}#zp{position:absolute;width:400px;height:400px;border:1px solid #999;z-index:1080}#detail_colors{margin:0 0 12px 0;display:flex;gap:12px;flex-wrap:wrap}#detail_colors > a{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;position:relative;min-width:44px;min-height:44px;font-size:0;color:transparent;display:block;text-decoration:none}#detail_colors > a:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.3)}#detail_colors > a:active{transform:scale(0.95)}#detail_colors > a.selected{border-color:#333;border-width:4px;box-shadow:0 0 0 2px #fff, 0 2px 8px rgba(0, 0, 0, 0.3)}#detail_colors > a::after{content:attr(data-name);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px);background-color:#666;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:2}#detail_colors > a::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(1px);border:6px solid transparent;border-top-color:#666;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:2}#detail_colors > a:hover::after{opacity:1;transform:translateX(-50%) translateY(-10px)}#detail_colors > a:hover::before{opacity:1;transform:translateX(-50%) translateY(1px)}#detail_colors > a:focus{outline:2px solid #ccc}@media (hover:none){#detail_colors > a:active::after{opacity:1;transform:translateX(-50%) translateY(-10px)}#detail_colors > a:active::before{opacity:1;transform:translateX(-50%) translateY(-1px)}}.prod-close{border-width:1px 0 0px 0;border-style:dashed;border-color:#ddd;text-align:right;font-weight:bold}.prod-close a{display:block;padding:var(--padding) 0;color:#999;text-decoration:none;transition:0.3s color}.prod-close a:hover{text-decoration:none;color:var(--hovercolor)}.prod-close a > svg{width:24px;height:24px;fill:var(--iconcolor);vertical-align:middle;margin:0 10px;transition:0.3s fill}.prod-close a:hover > svg,
.prod-close a:hover > svg path{fill:var(--hovercolor)}.numnav{text-align:center}.numnav a, .numnav span{display:inline-block;margin:6px;padding:6px 12px;border-radius:3px;text-decoration:none}.numnav a{border:1px solid #eee}.numnav a:hover{text-decoration:none;background:#f6f6f6}#uparrow{display:none;position:fixed;bottom:20px;right:25px;z-index:1070}#uparrow a{display:block;width:40px;height:40px;outline:none}#uparrow svg,
#uparrow svg path{width:36px;height:36px;fill:#999;color:#999}#uparrow a:hover svg,
#uparrow a:hover svg path{fill:#ccc;color:#ccc}#shipping_estimation{max-height:200px;overflow:auto;margin-bottom:20px}#shipping_estimation table{width:100%}.pm svg{width:64px;height:64px;margin-right:8px}.webshop_login{display:inline-block;width:50%;vertical-align:top}.webshop_login p{padding:10px 10px 10px 0}.webshop_login .tr_submit td{padding-top:5px}#orderlist{width:100%;border-spacing:6px;margin:0 -3px 0 -3px}#orderlist th{text-align:left;border-style:dashed;border-width:0 0 1px 0;border-color:#ddd;padding:0 0 6px 0}#orderlist td{vertical-align:middle;padding:2px 0}#orderlist tr.separator td{border-style:dashed;border-width:1px 0 0 0;border-color:#ccc;padding-top:8px}#orderlist td.orderlist_img{height:62px;width:62px}#orderlist td.orderlist_img a{float:left;width:60px;height:60px;border:1px solid #ccc;background-repeat:no-repeat;background-position:center center;background-size:cover}#orderlist td.orderlist_img a:hover{filter:brightness(110%)}#orderlist td:nth-child(2){vertical-align:top}#orderlist td:nth-child(2) a{text-decoration:none;color:#333;font-weight:bold}#orderlist tbody td:nth-child(4) input{margin-right:5px;color:#666;padding:4px;vertical-align:top;height:18px}#orderlist tbody td:nth-child(4) a{display:inline-block;height:20px;border:1px solid #ccc;border-radius:3px;padding:3px;margin-right:5px;outline:0;vertical-align:top}#orderlist tbody td:nth-child(4) a:hover{background:#eee}#enter_couponcode{text-align:right}ul.checkoutprogress{list-style:none;margin:30px 0;padding:0;text-align:right;color:#333}ul.checkoutprogress li{display:inline-block;position:relative;width:200px;margin:0 6px 6px 0;line-height:40px;text-align:center;background:#eee}ul.checkoutprogress li:before{content:"";position:absolute;height:0;width:0;left:0;top:0;border:20px solid transparent;border-left:8px solid #fff}ul.checkoutprogress li:after{content:"";position:absolute;height:0;width:0;left:100%;top:0;border:20px solid transparent;border-left:8px solid #eee;z-index:2}ul.checkoutprogress li:hover{background:#f3f3f3}ul.checkoutprogress li:hover:after{border-left:8px solid #f3f3f3}ul.checkoutprogress li.active{background:#d6ebad}ul.checkoutprogress li.active:after{border-left:8px solid #d6ebad}ul.checkoutprogress li a{display:block;text-decoration:none;color:#333;outline:none}div.paymentdescription,
div.shippingdescription{margin:8px 3px 8px 3px;color:#090;font-size:0.8em;font-weight:bold}#wepopcontainer{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1070;text-align:center;background:rgba(0,0,0,0.7)}#wepop{display:inline-block;width:100%;height:100%;max-width:960px;max-height:550px;margin:1% 0;background:#fff;border:1px solid #333;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;overflow:hidden}#weinner{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.cust_order table{width:100%;margin-bottom:50px}.cust_order table table{width:100%;margin:20px 0;padding:0}.cust_order th{text-align:left;background:#eee;padding:4px}.cust_order td{vertical-align:top}.webshop_slideshow{width:100%;margin:0;padding:0}.webshop_slide{display:none;position:absolute;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;background-repeat:no-repeat;background-position:center center;background-size:cover;justify-content:center;cursor:pointer}.webshop_slide a{display:inherit;justify-content:inherit;width:100%;height:100%;text-decoration:none;color:#fff}.webshop_slide div{padding:6px 12px;color:#fff;background:#000;font-weight:bold;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}.sprev, .snext{position:absolute;width:64px;height:64px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;outline:none}.sprev:hover, .snext:hover{background-position:0 -64px}.sprev{background-image:url(/img/icons/prev.png)}.snext{background-image:url(/img/icons/next.png)}.slideshow_bullets{position:absolute;text-align:center}.slideshow_bullets > div{display:inline-block;width:15px;height:15px;border-radius:1px;border:1px solid #999;margin:0 8px 0 8px;cursor:pointer;box-shadow:0 1px 3px #999}.slideshow_bullets_active{background:#ccc}.slideshow_progressbar{height:2px;position:absolute;background:#ccc;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}h1.blog, h2.blog{margin-bottom:0}img.blog{float:left;max-width:200px;margin:0 12px 5px 0;border-style:solid;border-color:#ccc;border-width:0 1px 0 0;padding:0 12px 0 0}p.blog_date{color:#999;font-size:0.9em;margin-top:0;padding-top:0}p.blog_more{text-align:right}a.social{outline:none}a.social svg{vertical-align:bottom;width:36px;height:36px;margin:6px}a.social use[href$="facebook"]{fill:#1977f3}a.social use[href$="instagram"]{fill:#e03967}a.social use[href$="mastodon"]{fill:#3088d4}a.social use[href$="nostr"]{fill:#8d45dd}a.social use[href$="twitter"]{fill:#333}a.social:hover{filter:brightness(150%)}p.rss{text-align:right}p.rss svg,
p.rss svg path{width:48px;height:48px;fill:#f36f23}p.rss svg:hover,
p.rss svg:hover path{fill:#f90}#webshop_chat{position:fixed;bottom:0;right:80px;height:116px;display:flex;gap:var(--padding);border-width:1px 1px 0 1px;border-style:solid;border-color:var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--bg);transform:translateY(100%);transition:transform var(--transition-duration)}#webshop_chat.open{transform:translateY(0)}#webshop_chat > div{padding:var(--padding)}#webshop_chat > div:first-child{padding-right:0;cursor:pointer}#webshop_chat > div:last-child{flex-grow:2;padding-left:0}#webshop_chat img{width:96px;height:96px;border-radius:var(--border-radius);max-width:none !important}#webshop_chat span{display:block}#webshop_chat span:first-of-type{font-weight:bold}#webshop_chat svg,
#webshop_chat svg path{width:20px;height:20px;fill:var(--iconcolor);float:right;cursor:pointer;transition:fill var(--transition-duration)}#webshop_chat svg:hover,
#webshop_chat svg:hover path{fill:var(--hovercolor)}#webshop_chat > div > div{display:flex;gap:var(--padding)}#webshop_chat button{display:inline-block;margin:0 0 10px 0;padding:0 12px;cursor:pointer;line-height:44px;border:0;border-radius:var(--border-radius);font-family:Open Sans, Helvetica, Arial, sans-serif;font-weight:bold;font-size:1rem;white-space:nowrap;text-decoration:none;text-align:center;color:#fff;background:#f80;background:linear-gradient(135deg, #ff8800, #ff9f1a);transition:background 0.25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;min-width:auto;min-height:40px;line-height:40px;margin-top:6px}#webshop_chat button.red{background:linear-gradient(135deg, #ed333b, #f15158) !important}#webshop_chat button.red:hover{background:linear-gradient(135deg, #f15158, #f56e74) !important}#webshop_chat button.green{background:linear-gradient(135deg, #2ea44f, #3bb563)}#webshop_chat button.green:hover{background:linear-gradient(135deg, #3bb563, #4cc474)}@media all and (max-width:640px){#webshop_chat{left:0;right:auto;width:100%;border-width:1px 0 0 0;border-radius:0}#webshop_chat img{margin:0;max-width:none}}@media all and (max-width:440px){#webshop_chat img{width:60px;height:60px}#webshop_chat button{font-size:0.9em}}.userrating{display:inline-block;padding:5px;max-width:180px}.userrating .webshop_stylebutton{float:right}.userrating svg{fill:#fa0;width:24px;height:24px;margin-right:2px}.userrating svg path{fill:#fa0}.userrating svg.disabled path{fill:#ccc}div.legalmsg{display:inline-block;margin:20px 0;padding:0 12px;border-width:1px 0 1px 0;border-style:solid;border-color:#eee;font-size:0.9em}div.legalmsg strong{font-size:1.1em}p.ewr{display:flex;justify-content:center;padding:10px;border:1px solid #ddd}p.ewr > img{min-width:200px;margin-right:16px}.soc-facebook, .soc-instagram, .soc-linkedin, .soc-pinterest, .soc-twitter, .soc-youtube{display:inline-block;background:url('/img/sprite.png') no-repeat;overflow:hidden;text-indent:-9999px;text-align:left}.soc-facebook{background-position:-48px -712px;width:48px;height:48px}.soc-instagram{background-position:-48px -760px;width:48px;height:48px}.soc-linkedin{background-position:-0px -808px;width:48px;height:48px}.soc-pinterest{background-position:-48px -808px;width:48px;height:48px}.soc-twitter{background-position:-0px -856px;width:48px;height:48px}.soc-youtube{background-position:-0px -904px;width:48px;height:48px}.fadein{animation:fadein 0.25s ease-in}.fadeout{animation:fadeout 0.25s ease-out}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@media all and (max-width:1200px){/*#prodlist, ul[class*='webshop_catlist']{margin:0}*/ #catlist.hqphoto li, #productlist.hqphoto li{width:calc(50% - 10px)}#productlist.hqphoto #prodlist.view-5 li{width:100%}.sprev{left:3vw}.snext{right:3vw}}@media all and (max-width:1000px){body img, body iframe{max-width:100%;height:auto !important}#prodlist.view-4 .webshop_description{display:none}.webshop_detail{flex-wrap:wrap}.webshop_detail_left{width:auto}.webshop_slideprogress{display:none}.webshop_login{display:block;width:100%}ul.checkoutprogress{text-align:center}#slidedivcont > div{width:100%;max-width:none}.slidelang a{width:133px}}@media all and (max-width:800px){.formtable td{display:block}.formtable td:first-of-type{width:auto}.formtable input, .formtable textarea{max-width:80vw}#summary_form td{display:table-cell;width:50%}#filtersform{position:fixed;left:0;top:0;width:0;min-width:0;height:100%;background:rgba(0,0,0,0.8);color:#fff;opacity:0;transition:opacity 0.3s;z-index:1070;overflow:auto}.plineimg{max-width:48px;max-height:48px}#prodlist > li{width:180px}#prodlist.view-5 > li{display:block !important}#prodlist.view-5 > li > a > div{display:block;text-align:left}#prodlist.view-5 > li > a > div > div{display:inline-block;width:auto;margin:0 4px 0 0;vertical-align:top}.webshop_slideshow{max-height:240px}.slideshow_bullets{margin-top:210px !important}.slideshow_progressbar{margin-top:238px !important}}@media all and (max-width:600px){#prodlist.view-2 div{text-align:center}#orderlist tr{display:grid;grid-template-columns:72px auto 130px;grid-template-rows:34px minmax(36px, auto);grid-template-areas:"photo desc amount";"photo desc price"}#orderlist thead tr{grid-template-rows:auto auto}#orderlist tfoot tr{grid-template-columns:auto 130px;grid-template-rows:auto;grid-template-areas:"numproducts total"}#orderlist tbody td:nth-child(1){grid-row:span 2}#orderlist tbody td:nth-child(2){grid-row:span 2}#orderlist thead th:nth-child(2), #orderlist tbody td:nth-child(3){display:none}#orderlist tbody td:nth-child(5){align-self:start}.cust_order table table th, .cust_order table table tbody td{display:inline-block !important}#zp{display:none}p.ewr{flex-wrap:wrap}p.ewr a{display:block;margin-left:auto;margin-right:auto;max-width:fit-content}}@media all and (max-width:460px){#slidediv{padding:var(--padding)}#search_form{margin-right:50px}ul.checkoutprogress{margin:0}ul.checkoutprogress li{width:auto;padding:0 10px 0 20px}#prodhead > div{padding:0 6px}#prodlist > li{width:calc(50% - 6px)}#productlist.hqphoto #prodlist > li > a > div:nth-of-type(2){margin-left:8px;margin-right:8px}#catlist.hqphoto li, #productlist.hqphoto li{width:100%}.cust_order td{display:inline-block;margin-left:4px}}@media all and (max-width:420px){td.double input:first-child{margin-right:12px}td.double input[size="10"]{width:90px}td.double input[size="20"]{width:160px}}@media all and (max-width:360px){td.double input:first-child{margin-right:12px}td.double input[size="10"]{width:80px}td.double input[size="20"]{width:150px}}@font-face{font-family:'Droid Sans';src:local('Droid Sans'), url('/scripts/font/Droid Sans.woff2') format('woff2'), url('/scripts/font/Droid Sans.woff') format('woff')}html{--color1:#ffffff;--color2:#1a73e8;--color3:#ffffff;--color4:#0d47a1;--color5:#1a73e8;--color6:#ff6d00;--color-bg:#f0f4ff;--color-card:#ffffff;--color-card-border:#c5d8ff;--color-accent:#ff6d00;--color-text:#1e2a3a;--color-muted:#5f6d7e;--color-cat-bg:#e8f0fe;--color-cat-border:#1a73e8;--shadow-card:0 4px 16px rgba(26,115,232,0.10), 0 1px 4px rgba(26,115,232,0.07);--radius-card:12px}/* ===================== ALGEMENE BODY & LAYOUT ===================== */ body{margin:0;padding:0;font-family:Droid Sans, Helvetica, Arial, sans-serif;background:var(--color-bg);color:var(--color-text)}/* ===================== HEADER BALK 1 (top info balk) ===================== */ #header1{background:var(--color2);color:var(--color3);font-size:0.85em;text-align:right;padding:5px 20px;border-bottom:2px solid var(--color4)}/* ===================== HEADER BALK 2 (logo + nav) ===================== */ #header2{display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:auto auto;grid-template-areas:"logo nav nav" "logo . header3";margin:0 auto;padding:0 20px;background:var(--color-card);box-shadow:0 2px 12px rgba(26,115,232,0.10);border-bottom:3px solid var(--color2)}#logo{grid-area:logo;display:flex;align-items:center;padding:10px 0}#logo img{max-height:60px}nav{grid-area:nav}#header3{grid-area:header3;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:6px 0}/* ===================== HOOFDINHOUD ===================== */ #cont1{max-width:1180px;margin:20px auto;min-height:60vh;display:flex;gap:20px}main{flex:1;padding:20px;background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-card-border)}#asidecontent{width:210px;min-width:180px;padding:16px;background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:2px solid var(--color2);float:right}/* ===================== NAVIGATIE ===================== */ nav{margin-left:6px;font-weight:bold;max-height:auto;transition:max-height 1s}nav ul, nav li{list-style:none;margin:0;padding:0}nav > ul{margin:0;display:inline-block}nav li{display:inline-block}nav a{display:block;text-decoration:none;line-height:42px;font-weight:bold;outline:none;color:var(--color-text);transition:0.25s color, 0.25s background;border-radius:6px;padding:0 12px}nav a svg, nav a svg path{fill:var(--color2)}nav > ul > li > a{line-height:50px;padding:0 16px;color:var(--color-text)}nav > ul > li > a:hover{color:var(--color2);background:var(--color-cat-bg)}nav > ul ul{position:absolute;border-radius:0 0 10px 10px;margin-left:-4px;min-width:170px;z-index:2;max-height:0;opacity:0;overflow:hidden;background:var(--color2);box-shadow:0 8px 24px rgba(26,115,232,0.18);border:1px solid var(--color4);transition:max-height 0.3s linear 0s, opacity 0.2s linear 0s}nav > ul ul > li{display:block}nav > ul ul a{padding:0 18px;color:var(--color3);line-height:40px;border-radius:0}nav > ul li:hover > ul{opacity:1;max-height:600px}nav > ul ul a:hover{color:var(--color6);background:rgba(255,255,255,0.10)}/* ===================== MOBIELE NAVIGATIE ===================== */ #mnav{display:none;grid-area:mnav;margin:6px}#mnav a{outline:none}/* ===================== CATEGORIE NAVIGATIE (balk) - gecentreerd ===================== */ #cat{background:var(--color2);border-bottom:3px solid var(--color6);text-align:center}#cat ul{background:var(--color2);display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:1180px;margin:0 auto;padding:0}#cat ul, #cat ul li{list-style:none}#cat > ul > li{display:inline-block}#cat a{display:inline-block;line-height:44px;padding:0 18px;text-decoration:none;font-weight:bold;outline:none;color:var(--color3);transition:0.25s background, 0.25s color;white-space:nowrap;border-right:1px solid rgba(255,255,255,0.15)}#cat li:hover{background:var(--color4)}#cat li:hover > a{color:var(--color6)}#cat > ul ul{position:absolute;border-radius:0 0 10px 10px;margin-left:-4px;min-width:170px;z-index:2;max-height:0;opacity:0;overflow:hidden;background:var(--color-card);box-shadow:0 8px 24px rgba(26,115,232,0.15);border:1px solid var(--color-card-border);transition:max-height 0.3s linear 0s, opacity 0.2s linear 0s}#cat > ul ul > li{display:block}#cat > ul ul a{color:var(--color-text);line-height:38px;padding:0 18px;font-weight:normal;transition:0.2s background, 0.2s color}#cat > ul ul a:hover{background:var(--color-cat-bg);color:var(--color2)}#cat li:hover > ul{opacity:1;max-height:600px}/* ===================== CATEGORIE KAARTEN - verbeterde afbeeldingsweergave ===================== */ #catlist{width:100%;font-weight:bold;gap:20px}#catlist > li{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:2px solid var(--color-cat-border);overflow:hidden;transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;position:relative}#catlist > li:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 36px rgba(26,115,232,0.22);border-color:var(--color6)}#catlist > li > a > div:nth-of-type(1){display:flex;align-items:center;justify-content:center;width:100%;height:200px;overflow:hidden;background:linear-gradient(145deg, var(--color-cat-bg) 0%, #dceaff 100%);position:relative}#catlist > li > a > div:nth-of-type(1) > img{width:100%;height:100%;object-fit:cover;object-position:center center;margin:0;transition:transform 0.45s ease, filter 0.35s ease;display:block}#catlist > li > a > div:nth-of-type(1)::after{content:'';position:absolute;inset:0;background:linear-gradient( to bottom, rgba(255,255,255,0.08) 0%, rgba(26,115,232,0.06) 60%, rgba(26,115,232,0.18) 100% );pointer-events:none;transition:opacity 0.35s ease;opacity:1}#catlist > li:hover > a > div:nth-of-type(1) > img{transform:scale(1.08);filter:brightness(1.05) saturate(1.1)}#catlist > li:hover > a > div:nth-of-type(1)::after{opacity:0.7}#catlist > li > a > div:nth-of-type(2){padding:12px 14px 16px 14px;font-size:1em;font-weight:bold;color:var(--color2);background:linear-gradient(135deg, var(--color-card) 60%, var(--color-cat-bg) 100%);border-top:2px solid var(--color-cat-border);text-align:center;letter-spacing:0.01em;transition:color 0.25s ease, background 0.25s ease;position:relative}#catlist > li > a > div:nth-of-type(2)::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--color6);border-radius:2px;opacity:0;transition:opacity 0.25s ease}#catlist > li:hover > a > div:nth-of-type(2)::before{opacity:1}#catlist > li:hover > a > div:nth-of-type(2){color:var(--color6);background:linear-gradient(135deg, #fff8f0 60%, #ffe5cc 100%)}/* ===================== TEAM SHOPS CATEGORIE AFBEELDING ===================== */ #catlist > li.teamshops > a > div:nth-of-type(1){background:linear-gradient( to bottom, transparent 48%, rgba(255,255,255,0.85) 48%, rgba(255,255,255,0.85) 52%, transparent 52% ), radial-gradient( circle at 50% 50%, transparent 28%, rgba(255,255,255,0.75) 28%, rgba(255,255,255,0.75) 31%, transparent 31% ), linear-gradient( to right, transparent 14%, rgba(255,255,255,0.55) 14%, rgba(255,255,255,0.55) 16%, transparent 16% ), linear-gradient( to right, transparent 84%, rgba(255,255,255,0.55) 84%, rgba(255,255,255,0.55) 86%, transparent 86% ), repeating-linear-gradient( -55deg, rgba(26,115,232,0.55) 0px, rgba(26,115,232,0.55) 18px, rgba(13,71,161,0.65) 18px, rgba(13,71,161,0.65) 36px );overflow:visible}#catlist > li.teamshops > a > div:nth-of-type(1) > img{position:relative;z-index:2;mix-blend-mode:multiply;opacity:0.92}#catlist > li.teamshops > a > div:nth-of-type(1)::before{content:'';position:absolute;z-index:3;left:18%;top:18%;width:52px;height:58px;clip-path:polygon( 0% 30%, 18% 18%, 28% 8%, 38% 20%, 50% 12%, 62% 20%, 72% 8%, 82% 18%, 100% 30%, 88% 44%, 78% 42%, 78% 100%, 22% 100%, 22% 42%, 12% 44% );background:linear-gradient( 160deg, #2196f3 0%, #1565c0 55%, #0d3c7a 100% );box-shadow:2px 4px 12px rgba(0,0,0,0.35);filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.4))}#catlist > li.teamshops > a > div:nth-of-type(1)::after{content:'';position:absolute;z-index:3;right:18%;top:18%;width:52px;height:58px;clip-path:polygon( 0% 30%, 18% 18%, 28% 8%, 38% 20%, 50% 12%, 62% 20%, 72% 8%, 82% 18%, 100% 30%, 88% 44%, 78% 42%, 78% 100%, 22% 100%, 22% 42%, 12% 44% );background:linear-gradient( 160deg, #ff9800 0%, #e65100 55%, #bf360c 100% );box-shadow:2px 4px 12px rgba(0,0,0,0.35);filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.4));pointer-events:none}#catlist > li.teamshops::before{content:'';position:absolute;inset:0;z-index:10;border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient( to bottom, rgba(255,255,255,0.10) 0%, rgba(26,115,232,0.04) 60%, rgba(26,115,232,0.20) 100% );pointer-events:none;height:200px;transition:opacity 0.35s ease;opacity:1}#catlist > li.teamshops:hover::before{opacity:0.6}#catlist > li.teamshops > a > div:nth-of-type(1) > img[src=""], #catlist > li.teamshops > a > div:nth-of-type(1) > img:not([src]){display:none}#catlist > li.teamshops > a > div:nth-of-type(2){background:linear-gradient(135deg, #0d3c7a 0%, #1a73e8 100%);color:#ffffff;border-top:2px solid var(--color6)}#catlist > li.teamshops > a > div:nth-of-type(2)::after{content:'⚽ Team Shops';display:none}#catlist > li.teamshops:hover > a > div:nth-of-type(2){background:linear-gradient(135deg, #e65100 0%, #ff9800 100%);color:#ffffff}/* ===================== JAKO BASKETBAL 2026 CATEGORIE AFBEELDING Voeg de class "jakobasketbal2026" toe aan het <li> element van de "JAKO Basketbal 2026" categorie in de CMS om dit te activeren. Ontwerp:basketbalveld-achtergrond (parketvloer) met een gestileerde basketbal in het midden, een basket-ring aan de rechterkant en JAKO-kleuraccenten (zwart + oranje). ===================== */ #catlist > li.jakobasketbal2026 > a > div:nth-of-type(1){background:radial-gradient( circle at 50% 108%, transparent 48%, rgba(255,255,255,0.80) 48%, rgba(255,255,255,0.80) 50%, transparent 50% ), linear-gradient( to bottom, transparent 62%, rgba(255,255,255,0.70) 62%, rgba(255,255,255,0.70) 64%, transparent 64% ), linear-gradient( to right, transparent 30%, rgba(255,255,255,0.55) 30%, rgba(255,255,255,0.55) 32%, transparent 32% ), linear-gradient( to right, transparent 68%, rgba(255,255,255,0.55) 68%, rgba(255,255,255,0.55) 70%, transparent 70% ), repeating-linear-gradient( 180deg, rgba(0,0,0,0.10) 0px, rgba(0,0,0,0.10) 1px, transparent 1px, transparent 22px ), linear-gradient( 160deg, #c8740a 0%, #b5600a 35%, #9e4f08 65%, #7a3a06 100% );overflow:visible;position:relative}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(1) > img{position:relative;z-index:2;mix-blend-mode:multiply;opacity:0.92}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(1) > img[src=""], #catlist > li.jakobasketbal2026 > a > div:nth-of-type(1) > img:not([src]){display:none}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(1)::before{content:'';position:absolute;z-index:4;left:50%;top:50%;transform:translate(-68%, -54%);width:72px;height:72px;border-radius:50%;background:linear-gradient( to right, transparent 48%, rgba(0,0,0,0.35) 48%, rgba(0,0,0,0.35) 52%, transparent 52% ), linear-gradient( to bottom, transparent 48%, rgba(0,0,0,0.35) 48%, rgba(0,0,0,0.35) 52%, transparent 52% ), radial-gradient( circle at 36% 34%, #ffab40 0%, #ff6d00 45%, #e64a00 75%, #bf360c 100% );box-shadow:3px 6px 18px rgba(0,0,0,0.55), inset -4px -6px 14px rgba(0,0,0,0.25), inset 3px 3px 8px rgba(255,200,100,0.30);filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.5))}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(1)::after{content:'';position:absolute;z-index:4;right:10%;top:22%;width:44px;height:26px;background:linear-gradient( to bottom, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.92) 28%, transparent 28% );border-radius:3px 3px 0 0;box-shadow:0 18px 0 0 rgba(0,0,0,0), 0 2px 6px rgba(0,0,0,0.40);outline:3px solid #ff6d00;outline-offset:-1px;filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.45));pointer-events:none}#catlist > li.jakobasketbal2026::before{content:'2026';position:absolute;top:12px;right:12px;z-index:12;background:linear-gradient(135deg, #1a1a1a 0%, #333333 100%);color:#ff6d00;font-size:0.72em;font-weight:bold;letter-spacing:0.08em;padding:4px 9px;border-radius:6px;border:1.5px solid #ff6d00;box-shadow:0 2px 8px rgba(0,0,0,0.45);pointer-events:none;transition:opacity 0.35s ease;opacity:1;line-height:1.4}#catlist > li.jakobasketbal2026::after{content:'';position:absolute;inset:0;z-index:10;border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient( to bottom, rgba(255,255,255,0.08) 0%, rgba(200,116,10,0.04) 60%, rgba(0,0,0,0.22) 100% );pointer-events:none;height:200px;transition:opacity 0.35s ease;opacity:1}#catlist > li.jakobasketbal2026:hover::before{opacity:1;color:#ffab40;border-color:#ffab40}#catlist > li.jakobasketbal2026:hover::after{opacity:0.55}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(2){background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);color:#ff6d00;border-top:2px solid #ff6d00}#catlist > li.jakobasketbal2026:hover > a > div:nth-of-type(2){background:linear-gradient(135deg, #ff6d00 0%, #ff8f00 100%);color:#ffffff}/* ===================== PRODUCT KAARTEN ===================== */ #prodlist > li{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:2px solid var(--color-card-border);overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease}#prodlist > li:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 10px 32px rgba(26,115,232,0.17);border-color:var(--color2)}#prodlist > li > a > div:nth-of-type(1){display:flex;align-items:center;justify-content:center;height:200px;overflow:hidden;background:linear-gradient(145deg, #f4f8ff 0%, #e8f0fe 100%);position:relative}#prodlist > li > a > div:nth-of-type(1) > img{width:100%;height:100%;object-fit:contain;object-position:center center;margin:0;padding:10px;box-sizing:border-box;transition:transform 0.4s ease, filter 0.3s ease;display:block}#prodlist > li:hover > a > div:nth-of-type(1) > img{transform:scale(1.07);filter:brightness(1.04)}#prodlist > li > a > div:nth-of-type(2){padding:10px 14px 14px 14px;background:var(--color-card);border-top:2px solid var(--color-cat-bg)}#prodlist > li > a > div:nth-of-type(2) > div:first-of-type{font-weight:bold;color:var(--color-text);font-size:0.97em;margin-bottom:4px}.webshop_price{font-weight:bold;color:var(--color2);font-size:1.1em}.webshop_old_price{color:var(--color-muted);font-size:0.9em}/* ===================== PRODUCT DETAIL PAGINA ===================== */ .webshop_detail{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:2px solid var(--color-card-border);padding:20px;gap:20px}.webshop_detail_left{text-align:left;flex-grow:1;width:19%}.webshop_detail_right{flex-grow:2}/* ===================== ZOEKVELD EN ICONEN ===================== */ #search a, #cart a, #lang a{display:flex;align-items:center;padding:6px 10px;border-radius:8px;transition:background 0.2s}#search a:hover, #cart a:hover, #lang a:hover{background:var(--color-cat-bg)}#cart, #lang{margin:0 4px}#cart a{text-decoration:none}#cart span{display:inline-block;margin:-3px 0 0 5px;vertical-align:top;padding:4px 7px 3px 7px;color:#fff;background-color:var(--color6);font-size:0.78em;font-weight:bold;border-radius:12px}#lang{margin:4px 3px 3px 3px;font-weight:bold}#lang a{color:var(--color-text);text-decoration:none;transition:0.2s color}svg, svg path{fill:var(--color2);transition:0.3s fill}#cart svg, #cart svg path, #lang svg, #lang svg path, #search svg, #search svg path{fill:var(--color2)}svg:hover, svg:hover path, nav a:hover svg, #lang a:hover svg, nav a:hover svg path, #lang a:hover svg path{fill:var(--color6)}nav a:hover, #lang a:hover{color:var(--color4)}/* ===================== KNOPPEN ===================== */ .webshop_stylebutton, input[type=submit], input[type=button]{display:inline-block;min-width:160px;margin:0 0 10px 0;padding:0 18px;min-height:44px;cursor:pointer;line-height:44px;border:0;border-radius:8px;font-family:Droid Sans, Helvetica, Arial, sans-serif;font-weight:bold;font-size:1rem;white-space:nowrap;text-decoration:none;text-align:center;color:#ffffff;background:var(--color2);background:linear-gradient(135deg, #1a73e8, #1558b0);box-shadow:0 2px 8px rgba(26,115,232,0.25);transition:background 0.22s ease, box-shadow 0.22s ease, transform 0.15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.webshop_stylebutton:hover, input[type=submit]:hover, input[type=button]:hover{background:linear-gradient(135deg, #1558b0, #0d3c7a);box-shadow:0 4px 16px rgba(26,115,232,0.35);transform:translateY(-1px);text-decoration:none}input[type=submit]:disabled, input[type=button]:disabled{background:#ccc;cursor:default;box-shadow:none;transform:none}/* ===================== FORMULIEREN ===================== */ input, select, textarea{border:1.5px solid var(--color-card-border);border-radius:7px;margin:0 0 8px 0;padding:10px;font-size:1rem;background:#f8fbff;transition:border-color 0.2s, background 0.2s}input:focus, textarea:focus{border-color:var(--color2);background:#e8f0fe;outline:none}/* ===================== SLIDESHOW ===================== */ #slideshow{max-width:1180px;margin:16px auto;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 4px 20px rgba(26,115,232,0.12);border:2px solid var(--color2)}/* ===================== FOOTER ===================== */ #footer1{color:var(--color3);background:linear-gradient(135deg, #1a2540, #1a73e8);padding:30px 20px 10px 20px;border-top:4px solid var(--color6);margin-top:30px}#footer2{max-width:1180px;margin:0 auto}footer a{display:inline-block;color:var(--color3);padding:3px 8px;border-radius:5px;transition:background 0.2s}footer a:hover{background:rgba(255,255,255,0.15);color:var(--color6)}footer #cat, #footnav{margin-bottom:30px}footer #cat ul, #footnav ul{list-style:none;margin:0;padding:0}footer #cat li, #footnav li{display:inline-block;width:190px;vertical-align:top}footer #cat ul ul, #footnav ul ul{margin:0 0 10px 3px;font-size:0.9em}footer #cat a, #footnav a{line-height:32px;text-decoration:none;color:rgba(255,255,255,0.85)}footer #cat a:hover, #footnav a:hover{color:var(--color6);background:transparent}#footnav svg{display:none}footer address{width:380px;display:inline-block;font-style:normal;background:rgba(255,255,255,0.07);border-radius:10px;padding:14px 18px;border:1px solid rgba(255,255,255,0.13)}address p{margin-top:0}address a{text-decoration:none;color:var(--color3)}address svg{width:14px;height:14px;margin-right:6px;fill:var(--color6)}address svg path{fill:var(--color6)}#footercontent{display:inline-block;vertical-align:top;margin-left:30px}#terms{clear:both;padding:12px 0 0 0;font-size:0.85em;color:rgba(255,255,255,0.5);text-align:right;border-top:1px solid rgba(255,255,255,0.12);margin-top:16px}#terms span{margin-right:16px}#terms a{color:rgba(255,255,255,0.7);margin-right:16px}#terms a:hover{color:var(--color6);background:transparent}/* ===================== ACCOUNT NAVIGATIE ===================== */ #accountnav{text-align:right}#accountnav a{padding-right:10px;text-decoration:none;color:var(--color2)}/* ===================== PAGINAKOP h1, h2 ===================== */ main h1{color:var(--color2);border-bottom:3px solid var(--color6);padding-bottom:8px;margin-bottom:18px}main h2{color:var(--color2)}/* ===================== LINKS IN MAIN ===================== */ main a{color:var(--color2);font-weight:bold}main a:hover{color:var(--color6)}/* ===================== PRODUCTLIJST SECTIE OMKADERING ===================== */ #productlist{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:2px solid var(--color-card-border);padding:18px}#prodhead{text-align:right;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--color-cat-bg)}/* ===================== STATUS BADGES ===================== */ .webshop_status_ok{background:#1a73e8;color:#fff;border-radius:7px;padding:5px 10px}.webshop_status_warning{color:var(--color6);font-weight:bold}.webshop_status_error{background:#e53935;color:#fff;border-radius:7px;padding:5px 10px}/* ===================== RESPONSIVE - MOBIEL ===================== */ @media all and (max-width:600px){#header2{grid-template-columns:1fr 4fr;grid-template-rows:auto auto;grid-template-areas:"mnav header3" "logo logo";padding:8px 0 0 0}#logo{text-align:center}#cont1{flex-direction:column;gap:10px;margin:10px}main, #asidecontent{padding:8px;border-radius:8px}#asidecontent{width:auto;float:none;min-width:unset}nav{position:absolute;z-index:2;left:0;max-height:0;width:100%;margin:0;overflow:hidden;background:var(--color2);box-shadow:0 8px 24px rgba(26,115,232,0.18)}nav ul, nav ul li{display:block}nav > ul ul{position:static;opacity:1;margin-left:20px;background:var(--color4)}nav > ul > li > a{padding:0 16px;color:var(--color3)}nav > ul > li > a:hover{background:rgba(255,255,255,0.10)}nav > ul li:hover > ul{max-height:0}#mnav{display:inline-block;margin-top:0}#search, #cart, #lang{padding:0}footer address{float:none;width:auto}#footercontent{margin-left:0;display:block;margin-top:16px}#slideshow{margin:8px 0;border-radius:0;border-left:none;border-right:none}#cat{text-align:center}#cat ul{justify-content:center}#catlist > li{width:calc(50% - 12px)}#catlist > li > a > div:nth-of-type(1){height:140px}#prodlist > li > a > div:nth-of-type(1){height:150px}#catlist > li.teamshops > a > div:nth-of-type(1)::before, #catlist > li.teamshops > a > div:nth-of-type(1)::after{width:38px;height:42px;top:14%}#catlist > li.teamshops > a > div:nth-of-type(1)::before{left:12%}#catlist > li.teamshops > a > div:nth-of-type(1)::after{right:12%}#catlist > li.teamshops::before{height:140px}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(1)::before{width:52px;height:52px;transform:translate(-62%, -50%)}#catlist > li.jakobasketbal2026 > a > div:nth-of-type(1)::after{width:34px;height:20px;right:8%;top:18%}#catlist > li.jakobasketbal2026::before{font-size:0.62em;padding:3px 7px;top:8px;right:8px}#catlist > li.jakobasketbal2026::after{height:140px}}