/*
----------------------------------------
Datei: hilfsklassen.css
Beschreibung: Kleine Hilfsklassen und die Screenreader-Klasse.
----------------------------------------
*/

@layer utilities {
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .text-gedaempft {
        color: var(--farbe-text-sekundaer);
    }

    .text-mono {
        font-family: var(--schrift-monospace);
        font-size: var(--schriftgroesse-2);
    }

    .text-rechts {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .text-nowrap {
        white-space: nowrap;
    }
}