/*
|--------------------------------------------------------------------------
| 2026-11-02
| Author: Claude
| Neuanlage (Startseite R12), Entscheidung Klaus 2026-11-02.
|
| VisionThinks UI / Foundation / Inhaltsachse
|
| Linke Kante aller Inhalte = sichtbare Kante der H1 im Small-Header
| (gemessen 2026-10-25, Glyphen berücksichtigt; Kontrolle 2026-11-02:
| 1920px Band 300 + 24 = 324, Untertitel 324).
| Gilt als Innenabstand in einem zentrierten Rahmen mit max. 1320px
| (.vt-band__inner in 02-layout/vt-band.css).
|
| Vorher seitenlokal: --vt-start-achse-* (Start), --vt-refs-achse-*
| (Referenzen), gleiche Werte.
|
| Bekannt: Bei 768–860px fehlt im Small-Header der text-indent:-4px;
| die H1 der Startseite steht bei 1920px 3px links der Achse (Kopf,
| nicht diese Datei).
|--------------------------------------------------------------------------
*/

:root {
    --vt-achse-l: 16px;
    --vt-achse-r: 16px;
}

@media (min-width: 481px) {
    :root { --vt-achse-l: 50px; --vt-achse-r: 24px; }
}

@media (min-width: 768px) {
    :root { --vt-achse-l: 40px; --vt-achse-r: 32px; }
}

@media (min-width: 861px) {
    :root {
        --vt-achse-l: calc(60px - max(0px, (100vw - 1320px) / 2));
        --vt-achse-r: 40px;
    }
}

@media (min-width: 1400px) {
    :root { --vt-achse-l: 24px; --vt-achse-r: 40px; }
}