.card-noten{--noten-gap: 2.2cqw;--noten-tile: 27.88cqw;--noten-block: calc(3 * var(--noten-tile) + 2 * var(--noten-gap));display:none!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;align-items:center;justify-content:center;padding:5px;background:#fff;overflow:hidden;container-type:inline-size}.card-wrapper:hover .card-noten,.card-wrapper:focus-within .card-noten{display:flex!important}@media(hover:none){.card-wrapper:hover .card-noten,.card-wrapper:focus-within .card-noten{display:none!important}}.card-noten__inner{display:flex;flex-direction:column;gap:var(--noten-gap);width:100%}.card-noten__label{width:var(--noten-block);margin:0 0 1.2cqw;font-size:max(6.5px,2.5cqw);font-weight:500;line-height:1;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#2a2a2a}.card-noten__row{display:grid;grid-auto-flow:column;grid-auto-columns:var(--noten-tile);justify-content:start;gap:var(--noten-gap);margin:0;padding:0;list-style:none}.card-noten__row:has(.card-noten__item:nth-child(2)):not(:has(.card-noten__item:nth-child(3))){margin-left:calc((var(--noten-tile) + var(--noten-gap)) / 2)}.card-noten__row:not(:has(.card-noten__item:nth-child(2))){margin-left:calc(var(--noten-tile) + var(--noten-gap))}.card-noten__item{position:relative;aspect-ratio:1 / 1;border-radius:max(4px,2.8cqw);overflow:hidden;background-color:#111;background-size:cover;background-position:center;box-shadow:0 3px 10px #7864502e}.card-noten__item:nth-child(4){box-shadow:none;-webkit-mask-image:linear-gradient(to right,#000000 0%,#000000 6%,rgba(0,0,0,0) 36%);mask-image:linear-gradient(to right,#000 0% 6%,#0000 36%)}.card-noten__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000c7,#0006 34%,#0000 62%)}.card-noten__caption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:max(3px,2cqw) max(3px,2.4cqw);color:#fff;font-weight:500;font-size:max(6.5px,2.6cqw);letter-spacing:.01em;line-height:1.2;text-align:left;overflow-wrap:break-word}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-card-noten.css.map */