.karten{padding-block:var(--abstand-abschnitt);background:var(--karten-bg, var(--c-hell))}.karten__titel{margin-block-end:48px}.karten__reihe{display:grid;gap:40px}.karte__bild{position:relative;aspect-ratio:350 / 263;overflow:hidden;border-radius:var(--r-gross)}.karte__bild:not(.buehne){background:var(--c-hell-2)}.karte__bild--video{background:#000}.karte__bild--video .film-video__knoepfe{inset-block-end:12px;inset-inline-end:12px}.karte__bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--kurve-raus)}.karte__etikett{position:absolute;inset-block-start:18px;inset-inline-start:18px}.karte__umschalter{display:none}.karte__text{padding-block-start:16px;text-align:center}.karte__titel{font-size:22px;line-height:24px;letter-spacing:.18px;font-weight:500}.karte__beschreibung{margin-block-start:8px;font-size:16px;line-height:22.4px;letter-spacing:.16px;color:var(--c-grau)}.karten__knopf{margin-block-start:48px}.karten__knopf .knopf{min-height:52px;padding:0 32px}@media(min-width:1024px){.karten__reihe{grid-auto-flow:column;grid-template-columns:var(--spalten, 615fr 333fr 333fr);gap:16px;height:454px;transition:grid-template-columns .6s var(--kurve)}.karte{position:relative;min-width:0;overflow:hidden;border-radius:var(--r-xl)}.karte__bild{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:var(--r-xl)}.karte__bild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#0000 48.7%,#0000004d 85%)}.karte:hover .karte__bild img{transform:scale(1.03)}.karte__bild video{transition:transform .5s var(--kurve-raus)}.karte:hover .karte__bild video{transform:scale(1.03)}.karte__bild--video .film-video__knoepfe{inset-block:13px auto;inset-inline-end:52px}.karte__bild--video .film-video__knopf{width:31px;height:31px}.karte__bild.buehne .freisteller{inset:7% 0 auto;height:60%}.karte__umschalter{position:absolute;inset-block-start:13px;inset-inline-end:13px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:var(--r-voll);background:#ffffff59;color:var(--c-weiss);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.karte__umschalter .icon{transition:transform .3s var(--kurve)}.karte.ist-offen .karte__umschalter .icon{transform:rotate(45deg)}.karte__text{position:absolute;inset-inline:32px;inset-block-end:32px;padding:0;text-align:start;color:var(--c-weiss)}.karte__beschreibung{max-width:402px;padding-block-start:8px;margin:0;font-size:18px;line-height:25.2px;color:var(--c-weiss);transition:opacity .3s var(--kurve)}.karte:not(.ist-offen) .karte__beschreibung{display:none}}@media(min-width:700px)and (max-width:1023px){.karten__reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.karte__bild{aspect-ratio:4 / 5}.karte__titel{font-size:19px;line-height:22px}.karte__beschreibung{font-size:14px;line-height:19px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/karten.css.map */
