/* Entfernt Standard-Margins und Padding des Browsers */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    scroll-behavior: smooth;
    font-family: 'Arial Narrow', Arial, sans-serif;

    /* Font-Smoothing für bessere Darstellung */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Definiert globale CSS-Variablen für Layout-Höhen */
:root {
    --navbar-height: 60px; /* Höhe der Navigationsleiste */
    --banner-height: 160px; /* Höhe des Banners */
    --total-offset: calc(var(--navbar-height) + var(--banner-height)); /* Kombinierte Höhe für Abstand oben */
}