.dft{--r-papier:#ffffff;--r-flaeche:#f3f3f0;--r-tinte:#101114;--r-tinte2:#585c63;--r-linie:#e2e3df;font-family:Schibsted Grotesk,Helvetica Neue,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;background:var(--r-papier);color:var(--r-tinte);padding:28px 0 72px}.dft-inner{max-width:1040px;margin:0 auto;padding:0 40px}.dft-pfad{font-size:13.5px;color:var(--r-tinte2);margin-bottom:22px}.dft-pfad a{color:inherit;text-decoration:none}.dft-pfad a:hover{color:var(--r-tinte);text-decoration:underline;text-underline-offset:3px}.dft-pfad [aria-current]{color:var(--r-tinte);font-weight:600}.dft .dft-h1{font-family:inherit;font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 14px;text-transform:none;color:inherit}.dft-lead{margin:0 0 8px;max-width:68ch;font-size:16.5px;line-height:1.55;color:var(--r-tinte2)}.dft-hilfe{margin:0 0 24px;font-size:15px;color:var(--r-tinte2)}.dft-hilfe a,.dft-leer a{color:var(--r-tinte);font-weight:600;text-decoration:underline;text-decoration-color:var(--r-linie);text-decoration-thickness:1.5px;text-underline-offset:4px}.dft-hilfe a:hover,.dft-leer a:hover{text-decoration-color:currentColor}.dft-filter{position:sticky;top:calc(var(--dh-hoehe, 65px) + 8px);z-index:3;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0 16px;height:54px;background:var(--r-papier);border:1px solid #cfd0ca;border-radius:var(--p-rund-gross);box-shadow:0 10px 24px -18px #10111459}.dft-filter:focus-within{border-color:var(--r-tinte);box-shadow:0 0 0 3px #10111414}.dft-filter svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--r-tinte2);stroke-width:2;stroke-linecap:round}.dft-filter input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--r-tinte)}.dft-filter input::placeholder{color:#8a8e95}.dft-zahl{flex:none;font-size:13.5px;color:var(--r-tinte2);font-variant-numeric:tabular-nums}.dft-familien{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.dft-familien button{height:34px;padding:0 13px;border:1px solid #cfd0ca;border-radius:999px;background:var(--r-papier);font:inherit;font-size:14px;font-weight:500;color:var(--r-tinte);cursor:pointer;transition:background .12s ease,border-color .12s ease}.dft-familien button:hover{border-color:var(--r-tinte)}.dft-familien button[aria-pressed=true]{background:var(--r-tinte);border-color:var(--r-tinte);color:var(--r-papier)}.dft-familien button:focus-visible{outline:2px solid var(--r-tinte);outline-offset:2px}.dft-tabelle{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.dft-tabelle caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dft-tabelle thead th{text-align:left;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--r-tinte2);padding:10px 12px;border-bottom:1px solid var(--r-tinte)}.dft-tabelle tbody tr{border-bottom:1px solid var(--r-linie);transition:background .12s ease}.dft-tabelle tbody tr[hidden]{display:none}.dft-tabelle tbody tr:hover{background:var(--r-flaeche)}.dft-tabelle tbody th,.dft-tabelle tbody td{padding:11px 12px;vertical-align:baseline;text-align:left}.dft-tabelle tbody th{font-weight:700;white-space:nowrap;min-width:90px}.dft-tabelle tbody th a{color:var(--r-tinte);text-decoration:none}.dft-tabelle tbody th a:hover{text-decoration:underline;text-underline-offset:3px}.dft-tabelle tbody th a:focus-visible{outline:2px solid var(--r-tinte);outline-offset:2px;border-radius:4px}.dft-tabelle small{display:block;font-weight:500;font-size:12.5px;color:var(--r-tinte2);white-space:normal}.dft-tabelle tbody td:nth-of-type(1){font-weight:500}.dft-tabelle tbody td:nth-of-type(n+2){color:var(--r-tinte2);white-space:nowrap}.dft-leer{margin:18px 0 0;color:var(--r-tinte2);font-size:15px}@media(max-width:760px){.dft{padding:18px 0 56px}.dft-inner{padding:0 16px}.dft-pfad{margin-bottom:14px;font-size:13px}.dft-lead{font-size:15.5px}.dft-filter{top:calc(var(--dh-hoehe, 61px) + 6px);height:50px;padding:0 14px}.dft-familien{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:0 16px}.dft-familien::-webkit-scrollbar{display:none}.dft-familien button{flex:none;height:38px}.dft-tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dft-tabelle,.dft-tabelle tbody{display:block}.dft-tabelle tbody tr{display:grid;grid-template-columns:76px auto auto 1fr 18px;grid-template-rows:auto auto;column-gap:0;row-gap:2px;align-items:baseline;padding:11px 0;position:relative}.dft-tabelle tbody th{grid-column:1;grid-row:1 / span 2;padding:0 12px 0 0;min-width:0;white-space:normal;align-self:center}.dft-tabelle tbody th a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.dft-tabelle tbody tr:after{content:"";grid-column:5;grid-row:1 / span 2;align-self:center;width:18px;height:18px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23585c63' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")}.dft-tabelle tbody td{padding:0}.dft-tabelle tbody td:nth-of-type(1){grid-column:2 / 5;grid-row:1;font-size:15px;padding-right:8px}.dft-tabelle tbody td:nth-of-type(n+2){grid-row:2;font-size:13px}.dft-tabelle tbody td:nth-of-type(2){grid-column:2}.dft-tabelle tbody td:nth-of-type(3){grid-column:3}.dft-tabelle tbody td:nth-of-type(4){grid-column:4;white-space:normal;padding-right:8px}.dft-tabelle tbody td:nth-of-type(n+3):not(:empty):before{content:"\b7";margin:0 6px}.dft-tabelle tbody td:nth-of-type(2):empty+td:before,.dft-tabelle tbody td:nth-of-type(2):empty+td:empty+td:before{content:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ds-farbcode-tabelle.css.map */