/* egw-links.css – erkennbare Links auf allen Seiten (WCAG 1.4.1, 1.4.3, 2.4.4)
   Stand 03.10.2026. Master: egw-live/master/resources/egw-links.css
   Eingebunden und Markierungen gesetzt per fix-2026-10-03-links.py.
   Regeln:
   - Textlinks im Inhalt und im Fußbereich sind unterstrichen; die Unterstreichung ist
     das Kennzeichen, die Farbe allein reicht nicht.
   - Textlinks im Inhalt in dunklerem Markenrot #a51517 (mind. 5,6:1 auf allen hellen Flächen
     der Seite, auch auf #e5ddc8).
   - Externe Links tragen ein sichtbares Symbol (Pfeil aus Kasten) und einen versteckten Text
     für Screenreader: „externer Link, öffnet in neuem Tab“ bzw. englisch.
   - Interne Links haben kein Symbol: unterstrichen ohne Symbol = interne Seite.
   - Buttons mit Hintergrundfläche bleiben Buttons (Fläche + Pfeil), externe Buttons bekommen
     zusätzlich das Symbol. */

/* Nur für Screenreader */
.egw-sr {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important;
}

/* Textlinks im Inhalt: in Absätzen, Listen, Tabellen, Bildunterschriften, Zitaten */
/* Nicht an <main> gebunden, weil die 404-Seite kein <main> hat; Kopf, Navigation und
   Fußbereich sind ausgenommen (Fußbereich: eigene Regel unten, helle Schrift auf Dunkel). */
:is(p, li, dd, dt, td, th, figcaption, blockquote, caption, address, label) a:not([class*="group/button"]):not(.sprunglink):not(header a):not(nav a):not(footer a),
a.egw-tl {
  /* gleiche Schriftstärke wie der umgebende Text (Elements setzt teils font-[600]) */
  font-weight: inherit !important;
  color: #a51517 !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.2em !important;
}
/* Textlinks auf dunklem Grund (falls vorhanden) behalten ihre helle Farbe */
footer a:not([class*="group/button"]) {
  font-weight: inherit !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.2em !important;
}
/* Sprungnavigation und Links ohne Fläche (Elements-Button ohne Hintergrund) */
a.egw-ul > :not(.order-last), a.egw-ul {
  text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.25em;
}
/* Hover und Tastaturfokus: Unterstreichung kräftiger */
a:is(:hover, :focus-visible):not(header a):not(nav a) {
  text-decoration-thickness: 2px !important;
}

/* Symbol für externe Links */
.egw-ext-icon {
  display: inline-block; width: 0.8em; height: 0.8em;
  margin-left: 0.25em; vertical-align: -0.05em; flex: none;
}

/* 404-Seite: Linklisten ohne <main> – Zielgröße mind. 24 px (WCAG 2.5.8) */
body:not(:has(main)) li > a {
  display: inline;
  padding-block: 0.25rem;
  hyphens: auto;
}