/* Basislayout für den Sprecher-Teaser-Block */

.cl-speaker-teaser {
    max-width: 600px;
}

/* Horizontal: Bild links, Text rechts */
.cl-speaker-teaser.cl-layout-horizontal .cl-speaker-teaser-inner,
.cl-speaker-teaser-preview.cl-layout-horizontal .cl-speaker-teaser-inner {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

/* Vertikal: Bild oben, Text unten */
.cl-speaker-teaser.cl-layout-vertical .cl-speaker-teaser-inner,
.cl-speaker-teaser-preview.cl-layout-vertical .cl-speaker-teaser-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Avatar-Bild immer auf Container-Größe skalieren */
.cl-speaker-teaser-avatar-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Titel, Rolle, Link */
.cl-speaker-teaser-name {
    margin: 0;
    font-weight: 700;
}

.cl-speaker-teaser-role {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-top: 0;
    margin-bottom: 0.4rem;
}

.cl-speaker-teaser-link {
    text-decoration: underline;
    text-underline-offset: 3px;
}