@layer components{.bk-bento-raster{--bk-bento-abstand:clamp(12px, 1.6vw, 20px);gap:var(--bk-bento-abstand);grid-template-columns:minmax(0,1fr);display:grid}.bk-bento-raster__karte{--bk-bento-innen:clamp(20px, 2.2vw, 32px);--bk-bento-eck:var(--bk-eckschnitt-gross);--bk-bento-anhebung:4px;min-inline-size:0;padding:var(--bk-bento-innen);background:var(--bk-flaeche);color:var(--bk-text);clip-path:polygon(var(--bk-bento-eck) 0, 100% 0, 100% calc(100% - var(--bk-bento-eck)), calc(100% - var(--bk-bento-eck)) 100%, 0 100%, 0 var(--bk-bento-eck));flex-direction:column;gap:14px;display:flex;position:relative}.bk-bento-raster__kennung{font-family:var(--bk-schrift-mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--bk-text-leise);margin:0 0 clamp(16px,2vw,28px);font-size:.8125rem}@media (hover:hover) and (pointer:fine){.bk-bento-raster__karte:has(a[href]):hover{background:var(--bk-flaeche-hoch)}}@media (min-width:48rem){.bk-bento-raster{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(15rem,auto)}.bk-bento-raster__karte[data-groesse=normal]{grid-column:span 3}.bk-bento-raster__karte[data-groesse=breit]{grid-column:span 6}.bk-bento-raster__karte[data-groesse=hoch]{grid-area:span 2/span 3}.bk-bento-raster__karte[data-groesse=gross]{grid-area:span 2/span 6}}}@media (prefers-reduced-motion:no-preference){@media (hover:hover) and (pointer:fine){:root:not([data-bewegung=ruhig]) .bk-bento-raster__karte{transition-property:translate;transition-duration:var(--bk-dauer-rueckmeldung);transition-timing-function:var(--bk-kurve-aus)}:root:not([data-bewegung=ruhig]) .bk-bento-raster__karte:has(a[href]):hover{translate:0 calc(-1 * var(--bk-bento-anhebung))}}}