/* Feste Regel (Katja, 28.09.): Fotos in Boxen füllen immer die volle Breite aus, ohne Innenrand */
.card.card--img-photo:not(.card--plain){padding:0!important;overflow:hidden}
.card.card--img-photo:not(.card--plain) .card__media{margin:0!important;padding:0!important;border-radius:0!important;width:100%}
.card.card--img-photo:not(.card--plain) .card__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
/* Dokument-Cover (Whitepaper): Bild vollständig, nicht beschnitten */
.card.card--img-document:not(.card--plain){padding:0!important;overflow:hidden}
.card.card--img-document .card__media{margin:0!important;padding:0!important;width:100%;aspect-ratio:auto!important;background:#fff;border-radius:0!important;line-height:0}
.card.card--img-document .card__media img{display:block;width:100%;height:auto!important;object-fit:contain!important;border-radius:0}
.card.card--img-document:not(.card--plain) .card__body{padding:24px clamp(20px,2.2vw,32px) clamp(24px,2.4vw,32px)}
.card--plain.card--img-document .card__media{margin-bottom:20px}
/* Lange Wörter in Kartentiteln umbrechen statt über den Rand laufen */
.card .card__title{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
/* Ganze Karte klickbar (Standard seit Katja, 21.10.): Titel ist der Link, Fläche per Overlay klickbar */
.card.card--link-card{position:relative;transition:transform .25s ease,box-shadow .25s ease}
.card--link-card .card__stretch{color:inherit;text-decoration:none}
.card--link-card .card__stretch::after{content:"";position:absolute;inset:0;z-index:1}
.card--link-card .card__go{display:inline-block;margin-left:.3em;transition:transform .25s ease}
.card--link-card:not(.card--plain):hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(0,0,0,.4)}
.card--link-card:hover .card__stretch{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:5px}
.card--yellow.card--link-card:hover .card__stretch{text-decoration-color:var(--k)}
.card--link-card:hover .card__go{transform:translateX(5px)}
.card--link-card.card--img-photo:hover .card__media img{transform:scale(1.03)}
.card--link-card .card__media img{transition:transform .4s ease}
.card--link-card .card__stretch:focus-visible{outline:none}
.card--link-card:has(.card__stretch:focus-visible){outline:3px solid var(--y);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.card.card--link-card,.card--link-card .card__go,.card--link-card .card__media img{transition:none}.card--link-card:hover,.card--link-card:hover .card__go,.card--link-card:hover .card__media img{transform:none}}
/* Pfeil hinter dem Titel optional ausblenden (Katja 25.10.): Karte bleibt klickbar */
.card.card--arrow-hide .card__go{display:none}