/* Anzeigeoptionen: Schriftgröße und ruhige Darstellung (db/067, Mein Konto).
 *
 * Schriftgröße am <html>, nicht am Body: Bootstrap und das Theme rechnen in
 * rem. Nur so wachsen Abstände, Knöpfe und Kästen mit, statt dass große
 * Buchstaben in kleine Kästen gequetscht werden.
 *
 * Die ruhige Darstellung nimmt weg, was ablenkt: Farbverläufe, Kursbilder,
 * schwebende Knöpfe, Bewegung. Sie ändert nichts an den Inhalten und an
 * keiner Bedienung - alles bleibt erreichbar, nur unaufgeregter.
 */
html.schrift-gross { font-size: 112.5%; }
html.schrift-sehr_gross { font-size: 131.25%; }

/* Auf schmalen Bildschirmen ist weniger Luft: dort eine Stufe zurückhaltender */
@media (max-width: 575.98px) {
    html.schrift-gross { font-size: 106.25%; }
    html.schrift-sehr_gross { font-size: 118.75%; }
}

body.anzeige-fokus {
    background-image: none !important;
    background-color: var(--adminuiux-bg-1, #fff) !important;
}

body.anzeige-fokus .kursbild,
body.anzeige-fokus picture:has(.kursbild),
body.anzeige-fokus .coverimg,
body.anzeige-fokus .card-img-top,
body.anzeige-fokus .schwebeknoepfe {
    display: none !important;
}

/* Grosse Schrift: Menuepunkte duerfen umbrechen, statt abgeschnitten zu werden */
html.schrift-gross .adminuiux-sidebar .menu-name,
html.schrift-sehr_gross .adminuiux-sidebar .menu-name {
    white-space: normal;
    overflow-wrap: anywhere;
}

body.anzeige-fokus .card,
body.anzeige-fokus .adminuiux-card {
    box-shadow: none !important;
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .12)) !important;
    background-image: none !important;
}

/* Bewegung nur auf Wunsch - unabhängig davon gilt weiter die Einstellung
   des Betriebssystems (prefers-reduced-motion). */
body.anzeige-fokus *,
body.anzeige-fokus *::before,
body.anzeige-fokus *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
}