.colour-chart-page{padding-block:32px 56px}.colour-chart-page__inner{grid-column:2;min-width:0}.colour-chart-page h1{margin:24px 0 16px}.colour-chart-page farveland-chart-page{display:block;margin-top:28px}.colour-chart-page label{display:grid;gap:8px;max-width:520px}.colour-chart-page input{font:inherit;color:inherit;width:100%;padding:12px;border:1px solid #aeb4c5;border-radius:4px}.colour-chart-page__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0}.colour-chart-page__tile{border:1px solid #d9dce5;border-radius:6px;overflow:hidden}.colour-chart-page__swatch{height:135px}.colour-chart-page__info{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.colour-chart-page__info h2{font-size:16px;line-height:1.4;margin:0}.colour-chart-page__info p{margin:0;font-size:14px}.colour-chart-page__info a,.colour-chart-page__info small{font-size:12px}.colour-chart-page__info button{font:inherit;font-size:13px;color:inherit;background:none;border:0;padding:4px 0;text-decoration:underline;cursor:pointer}.colour-chart-page__note{font-size:13px;max-width:800px;margin-top:28px}.colour-chart-page [hidden]{display:none!important}.colour-chart-page :focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:989px){.colour-chart-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:599px){.colour-chart-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.colour-chart-page__info{padding:12px}.colour-chart-page__swatch{height:105px}}.colour-chart-page__tile{text-decoration:none;color:inherit;display:block}.colour-chart-page__tile:hover{border-color:currentColor}.colour-chart-page__action{font-size:13px;text-decoration:underline;text-underline-offset:3px}.colour-chart-page select{font:inherit;color:inherit;background:#fff;padding:12px;border:1px solid #aeb4c5;border-radius:4px;width:100%}.colour-chart-page__toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px;align-items:end}.colour-chart-page__toolbar label{min-width:0;max-width:none;font-size:14px;font-weight:600;gap:8px}.colour-chart-page__toolbar input,.colour-chart-page__toolbar select{box-sizing:border-box;height:48px;min-width:0;margin:0;font-size:16px;font-weight:400}@media(max-width:599px){.colour-chart-page__toolbar{grid-template-columns:minmax(0,1fr) minmax(130px,.85fr);gap:12px}.colour-chart-page__toolbar label{font-size:13px}}@media(max-width:359px){.colour-chart-page__toolbar{grid-template-columns:minmax(0,1fr)}}.colour-chart-page__intro{max-width:900px;line-height:1.65}.colour-chart-page__intro>:last-child{margin-bottom:0}.colour-chart-page__wood{display:block;width:100%;object-fit:cover}.colour-chart-page__swatch--kalk{position:relative;overflow:hidden;isolation:isolate}.colour-chart-page__swatch--kalk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.007 .011' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.15 0 0 0 -0.075 1.15 0 0 0 -0.075 1.15 0 0 0 -0.075 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='600' height='400' filter='url(%23k)'/%3E%3C/svg%3E") var(--kalk-x,0) var(--kalk-y,0)/600px 400px;mix-blend-mode:soft-light;opacity:var(--kalk-styrke,.85);pointer-events:none}.colour-chart-page__toolbar:has(>label:nth-of-type(2):not([hidden])){grid-template-columns:minmax(0,2fr) repeat(2,minmax(180px,1fr))}@media(max-width:599px){.colour-chart-page__toolbar:has(>label:nth-of-type(2):not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.colour-chart-page__toolbar:has(>label:nth-of-type(2):not([hidden]))>label:first-child{grid-column:1/-1}}@media(max-width:359px){.colour-chart-page__toolbar:has(>label:nth-of-type(2):not([hidden])){grid-template-columns:minmax(0,1fr)}}.colour-chart-page__links-heading{font-weight:600;margin:28px 0 0}.colour-chart-page .colour-charts__links{margin:12px 0 0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/colour-chart-page.css.map */