/* FH Wedel - Inhaltselement Text & Bild (Spec 9.6).
   Mobil steht das Bild ueber dem Text (DOM-Reihenfolge), ab 768 px je halb
   breit nebeneinander oder das Bild darueber. Mit "unten" steht der Text
   im DOM vor dem Bild, auch mobil (TASK-185). Bild oben oder unten: Text so
   breit wie das Bild, die Sektion regelt die Breite (Abweichung 31).
   PDF (TASK-184): Das Bild ist ein Link auf die Datei, darunter "PDF, 1,2 MB"
   als sichtbarer Linktext in Sekundaerfarbe wie die Bildunterschrift. */
.fhw-textbild {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
}

.fhw-textbild__bild {
    margin: 0;
}

.fhw-textbild__img {
    border-radius: var(--radius-l);
}

.fhw-textbild__link {
    display: block;
    text-decoration: none;
}

.fhw-textbild__datei {
    display: block;
    margin-top: var(--space-2);
    color: var(--text-leise);
    font-size: var(--text-caption);
    line-height: var(--leading-tight);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.fhw-textbild__link:hover .fhw-textbild__datei {
    text-decoration: none;
}

.fhw-textbild__titel {
    margin-bottom: var(--space-3);
}

@media (min-width: 48rem) {
    .fhw-textbild--links,
    .fhw-textbild--rechts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-6);
    }

    .fhw-textbild--rechts .fhw-textbild__bild {
        grid-column: 2;
        grid-row: 1;
    }

    .fhw-textbild--rechts .fhw-textbild__text {
        grid-column: 1;
        grid-row: 1;
    }
}