/* ── Link Icons ─────────────────────────────────────────────────────────────────
 *
 * Stile für Links mit zugewiesenen Icons.
 * Verfügbare CSS-Klassen:
 *
 *   link-icon--extern-fliesstext   → Externer Link im Fließtext (Icon rechts)
 *   link-icon--intern-freistehend  → Interner freistehender Link (Icon links)
 *   link-icon--extern-freistehend  → Externer freistehender Link (Icon links)
 * ─────────────────────────────────────────────────────────────────────────── */

/* Linkfarbe und Unterstreichung für alle Icon-Link-Typen */
a.link-icon--extern-fliesstext,
a.link-icon--intern-freistehend,
a.link-icon--extern-freistehend {
    color: #1A658F;
    text-decoration: underline;
}

/* Unterstreichung wird beim Hovern entfernt */
a.link-icon--extern-fliesstext:hover,
a.link-icon--intern-freistehend:hover,
a.link-icon--extern-freistehend:hover {
    text-decoration: none;
}

/* Grundstile für alle SVG-Icons (12×12px) */
.link-icon-svg {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
}

/* Externer Link – Fließtext: Icon rechts neben dem Linktext */
a.link-icon--extern-fliesstext .link-icon-svg {
    margin-left: 6px;
    position: relative;
    top: -1px;
}

/* Interner Link – Freistehend: Pfeil-Icon links neben dem Linktext */
a.link-icon--intern-freistehend {
    display: inline-flex;
    align-items: center;
}

a.link-icon--intern-freistehend .link-icon-svg {
    margin-right: 6px;
}

/* Externer Link – Freistehend: Icon links neben dem Linktext */
a.link-icon--extern-freistehend {
    display: inline-flex;
    align-items: center;
}

a.link-icon--extern-freistehend .link-icon-svg {
    margin-right: 6px;
}

/* Screenreader-Text: visuell versteckt, für Barrierefreiheit */
.link-icon-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}