:root{--waaier: linear-gradient(90deg, var(--beuk-paars) 0 20%, var(--beuk-groen) 20% 40%, var(--beuk-blauw) 40% 60%, var(--beuk-geel) 60% 80%, var(--beuk-roze) 80% 100%)}.logo.logo-beeld{width:64px;height:64px;background:none;clip-path:none}.logo.logo-beeld:before,.logo.logo-beeld:after{content:none;display:none}.logo.logo-beeld img{width:64px;height:64px;display:block}header{position:relative}header:after{content:"";display:block;height:6px;background:var(--waaier)}footer,.voet{border-top:6px solid transparent;border-image:var(--waaier) 1}.knop{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.knop-1:hover,.knop-1:focus-visible{background:var(--beuk-paars);color:var(--beuk-wit)}.knop-2:hover,.knop-2:focus-visible{background:var(--beuk-geel);color:var(--beuk-bruin);border-color:var(--beuk-geel)}.inlog:hover,.kop-knop:hover{background:var(--beuk-paars);color:var(--beuk-wit)}.kaart .knoprij button:hover,.kaart .toevoeg button:hover,.kaart .knoprij button:focus-visible{background:var(--beuk-blauw);color:var(--beuk-bruin)}.kaart[style*=--k]{border:3px solid var(--k)}.kaart .balk{height:8px}.kaart[style*=--k] .naam{border-bottom:2px solid var(--k);padding-bottom:6px;margin-bottom:6px}.kaart[style*=--k]:hover{box-shadow:0 6px 18px -8px var(--k)}.paginakop:after,.hero h1:after,.assortiment h2:after{content:"";display:block;width:72px;height:5px;margin-top:10px;border-radius:3px;background:var(--waaier)}.hero{background:linear-gradient(135deg,var(--beuk-wit) 0 62%,rgba(66,184,178,.18) 62% 74%,rgba(237,108,125,.18) 74% 86%,rgba(230,160,69,.22) 86%)}.uitgelicht{border-top:6px solid var(--beuk-groen)}.wagenlade-paneel{border-left:6px solid transparent;border-image:var(--waaier) 1;background:var(--beuk-wit)}.wagenlade-kop{border-bottom:3px solid var(--beuk-groen)}.wagenregel{background:var(--beuk-wit);border:1px solid var(--rand-zacht);border-left:5px solid var(--beuk-groen);border-radius:var(--radius-vlak, 8px);padding:10px;margin-bottom:10px}.wagentotaal{background:var(--vlak);border-radius:var(--radius-vlak, 8px);padding:12px;font-weight:800}.prijstabel thead th{background:var(--beuk-bruin);color:var(--beuk-wit)}.prijstabel tbody tr:nth-child(2n){background:var(--vlak)}.wagenvoet{background:var(--vlak);border-top:4px solid var(--beuk-groen);border-radius:var(--radius-vlak, 8px);padding:16px;margin-top:16px}.wagenvoet .totaal{font-size:20px;font-weight:800}.snel.snel-knoppen a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:72px;padding:14px 16px;border-radius:var(--radius-knop, 10px);border:0;background:var(--beuk-bruin);color:var(--beuk-wit);text-decoration:none;font-weight:800}.snel.snel-knoppen li:nth-child(1) a{background:var(--beuk-groen);color:var(--beuk-bruin)}.snel.snel-knoppen li:nth-child(2) a{background:var(--beuk-geel);color:var(--beuk-bruin)}.snel.snel-knoppen li:nth-child(3) a{background:var(--beuk-paars);color:var(--beuk-wit)}.snel.snel-knoppen a span{color:inherit;opacity:.9;font-weight:400}.snel.snel-knoppen a:hover{filter:brightness(1.08)}.eigen-afspraak{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin:22px 0;padding:16px 18px;background:var(--vlak);border-left:6px solid var(--beuk-paars);border-radius:var(--radius-vlak, 8px)}.eigen-afspraak .ea-kop{margin:0 0 4px;font-weight:800;font-size:18px}.eigen-afspraak .ea-uitleg{margin:0;max-width:60ch;color:var(--inkt-zacht)}.ea-dialoog{border:0;border-top:6px solid var(--beuk-paars);border-radius:12px;padding:0;max-width:560px;width:calc(100% - 32px);background:var(--beuk-wit);color:var(--beuk-bruin)}.ea-dialoog::backdrop{background:#4d372e80}.ea-form{display:grid;gap:10px;padding:20px}.ea-form h2{margin:0}.ea-form label{display:grid;gap:4px;font-weight:700}.ea-form input,.ea-form textarea{font:inherit;padding:10px;border:1px solid var(--rand-ui);border-radius:8px;background:#fff;color:var(--beuk-bruin)}.ea-looptijd{border:1px solid var(--rand-zacht);border-radius:8px;padding:8px 12px;display:flex;gap:18px}.ea-looptijd label{display:inline-flex;gap:6px;font-weight:400;align-items:center}.ea-lok{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ea-form .melding.goed{color:var(--beuk-bruin);background:#2cae802e;padding:8px;border-radius:6px}.ea-form .melding.fout{color:var(--beuk-bruin);background:#e94f3d26;padding:8px;border-radius:6px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/beuk-kleur.css.map */