/* Story-Detail (EXT:news, templateLayout "storyDetail")
   Aufbau aus AmbassadorDetail.css (Spalten, Zurück, Datum, Teilen, Bild, Zitat-Box), hier die Ergänzungen. */

.c-story-detail__title {
    color: var(--ambassador-red);
    text-transform: uppercase;
    /* nur zwischen Wörtern umbrechen; sehr lange Wörter notfalls im Wort */
    hyphens: manual;
    overflow-wrap: break-word;
}

.c-story-detail__categories {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: -1rem 0 2rem;
    padding: 0;
    list-style: none;
}

.c-story-detail__category {
    padding: .2rem .8rem;
    border: 1.5px solid #1d1d1b;
    border-radius: 999px;
    font-size: 1rem;
    line-height: 1.4;
}

.c-story-detail .c-ambassador-detail__media figcaption {
    margin-top: .5rem;
    text-align: right;
}

.c-story-detail__intro {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
}

.c-story-detail__intro p:last-child {
    margin-bottom: 0;
}

/* Inhaltselemente der Story: Rahmen/Container des Bootstrap Package neutralisieren */
.c-story-detail__content .frame,
.c-story-detail__content .frame-container,
.c-story-detail__content .frame-inner {
    max-width: none;
    margin: 0;
    padding: 0;
}

.c-story-detail__content .frame + .frame {
    margin-top: 2.5rem;
}

.c-story-detail__content .frame-header {
    margin-bottom: 1rem;
}

.c-story-detail__content .element-header {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
}

.c-story-detail__content p:last-child,
.c-story-detail__content ul:last-child {
    margin-bottom: 0;
}

/* Bilder und Galerien */
.c-story-detail__content .gallery-row {
    gap: 1.5rem 0;
}

.c-story-detail__content img,
.c-story-detail__content video {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

.c-story-detail__content figure {
    margin: 0;
}

.c-story-detail__content figcaption,
.c-story-detail__content .caption {
    margin-top: .5rem;
    font-size: 1rem;
    opacity: .7;
}

/* Videos und YouTube-Einbettungen in voller Breite */
.c-story-detail__content video {
    width: 100%;
}

.c-story-detail__content iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 20px;
}

/* Text mit Bild (Interviews mit Foto, Teaser): Bild links, schmal */
.c-story-detail__content .frame-type-textmedia .gallery-item img {
    border-radius: 20px;
}

/* Zitat-Box aus AmbassadorDetail.css gilt hier für die Zitate der Stories */
.c-story-detail__content blockquote p:last-child {
    margin-bottom: 0;
}