.gr-raster{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:4px}.gr-raster__zeile{display:flex;flex-direction:column;gap:6px}.gr-raster__titel{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.gr-raster__kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.gr-raster__eingabe{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gr-raster__kachel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:56px;padding:7px 4px;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--small-blocks-radius, 6px);background:rgb(var(--color-background));cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.gr-raster__kachel:hover{border-color:rgba(var(--color-foreground),.45)}.gr-raster__mass{font-size:14px;font-weight:600;line-height:1.2;color:rgb(var(--color-foreground))}.gr-raster__preis{font-size:12px;line-height:1.2;color:rgba(var(--color-foreground),.7)}.gr-raster__watt{font-size:11px;line-height:1.2;color:rgba(var(--color-foreground),.5)}.gr-raster__eingabe:checked+.gr-raster__kachel{border-color:rgb(var(--color-button));box-shadow:inset 0 0 0 1px rgb(var(--color-button))}.gr-raster__eingabe:focus-visible+.gr-raster__kachel{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.gr-raster__eingabe.disabled+.gr-raster__kachel{color:rgba(var(--color-foreground),.4);border-style:dashed}.gr-raster__eingabe.disabled+.gr-raster__kachel .gr-raster__mass{text-decoration:line-through;color:rgba(var(--color-foreground),.45)}@media(max-width:480px){.gr-raster__kacheln{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.gr-raster__kachel{min-height:52px}}.gr-liste{width:100%;margin-top:4px}.gr-liste__feld{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--small-blocks-radius, 6px);background:rgb(var(--color-background));cursor:pointer;list-style:none;transition:border-color .15s ease}.gr-liste__feld::-webkit-details-marker{display:none}.gr-liste__feld:hover{border-color:rgba(var(--color-foreground),.45)}.gr-liste[open] .gr-liste__feld{border-color:rgb(var(--color-foreground));border-bottom-left-radius:0;border-bottom-right-radius:0}.gr-liste__wert{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;font-weight:600;color:rgb(var(--color-foreground))}.gr-liste__preis{font-size:13px;font-weight:400;color:rgba(var(--color-foreground),.65)}.gr-liste__hinweis{flex:none;font-size:12px;color:rgba(var(--color-foreground),.55)}.gr-liste__feld svg{flex:none;width:12px;height:12px;transition:transform .15s ease}.gr-liste[open] .gr-liste__feld svg{transform:rotate(180deg)}.gr-liste__inhalt{max-height:340px;overflow-y:auto;padding:14px;border:1px solid rgb(var(--color-foreground));border-top:0;border-bottom-left-radius:var(--small-blocks-radius, 6px);border-bottom-right-radius:var(--small-blocks-radius, 6px)}.gr-liste__inhalt .gr-raster{margin-top:0}@media(max-width:480px){.gr-liste__hinweis{display:none}.gr-liste__inhalt{max-height:300px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/groessen-raster.css.map */