html, body { overflow-x: hidden; 
margin:0px;}

main {
    margin-top: 80px;
    flex: 1;
    background-color: var(--pagebg);
    padding: 0 20px; /* 🔹 20px Abstand links und rechts vom Inhalt */
}

/* Textklassen */
.text-body {
    font-family: var(--font-sans);
    font-size: var(--font-md);
    font-weight: var(--fw-normal);
    line-height: var(--line-height-md);
    color: var(--color-text);
}

.text-h1 {
    font-family: var(--font-heading);
    font-size: var(--font-xxl);
    font-weight: var(--fw-bold);
    line-height: var(--line-height-lg);
    color: var(--color-text);
}

.text-h2 {
    font-family: var(--font-heading);
    font-size: var(--font-xl);
    font-weight: var(--fw-bold);
    line-height: var(--line-height-lg);
    color: var(--color-text);
}

.text-menu {
    font-family: var(--font-sans);
    font-size: var(--font-md);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text);
}
h2 {
    position: relative; /* damit wir das Pseudoelement positionieren können */
    padding-bottom: 5px; /* Abstand zwischen Text und Balken */
    display: inline-block; /* damit die Breite des Balkens genau an den Text angepasst wird */
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: var(--font-xxl);
    font-weight: var(--font-sans);
    line-height: var(--line-height-lg);
}

h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px; /* Höhe des Balkens */
    width: 100%;
    background: linear-gradient(90deg, var(--headeractbg), var(--headerbg)); /* Farbverlauf, kann angepasst werden */
    border-radius: 2px; /* optional, abgerundete Ecken */
}

h3 {
    color: var(--headeractbg);
    font-size: var(--font-xl);
    font-weight:var(--font-sans);
    line-height: var(--line-height-lg);
    color: var(--headeractbg);
}
h7 {
    color: #ffffff;
    font-size: var(--font-xl);
    font-weight:var(--font-sans);
    line-height: var(--line-height-lg);
}
p {
    font-size: 1.2rem;            /* Standardgröße, kann angepasst werden */
    line-height: 1.6;           /* angenehmer Zeilenabstand */
    color: var(--color-text-dark);    /* Standardtextfarbe über Variable */
    margin: 0 0 1.2em 0;        /* Abstand nach unten */
}