#inhalt .content-access-card>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;object-position:top;background:#071522;border-bottom:1px solid #dce0df}
#inhalt .content-access-card>div{display:flex;flex-direction:column;flex:1;padding:27px}
#inhalt .content-access-card>div>.sales-link{margin-top:auto;padding-top:6px}
#inhalt .content-access-card h3{font-size:28px;line-height:1.2}
#inhalt .content-access-card img.content-podcast-cover{object-position:center}
@media(max-width:760px){#inhalt .content-access-card>div{padding:24px}#inhalt .content-access-card h3{font-size:27px}}

/* Meine Inhalte und Anwendungen: thematischer Hero, neben der Textfläche gut sichtbar. */
@media(min-width:701px){
 #inhalt section.unified-hero.unified-hero--background.unified-hero--inhalte div.unified-inner{min-height:610px;padding:64px 24px}
 #inhalt section.unified-hero.unified-hero--background.unified-hero--inhalte div.unified-copy{width:52%;max-width:700px}
 #inhalt section.unified-hero.unified-hero--background.unified-hero--inhalte img.unified-backdrop{inset:0 0 0 auto;top:0;bottom:0;right:0;width:auto;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:right center;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)!important;mask-image:linear-gradient(90deg,transparent,#000 12%)!important}
 #inhalt section.unified-hero.unified-hero--background.unified-hero--inhalte:before{background:var(--fl-hero-fade)!important}
}
@media(min-width:1101px){
 #inhalt section.unified-hero.unified-hero--background.unified-hero--inhalte div.unified-inner{min-height:640px;padding-block:84px}
}