/* Farben anpassen */
header-lite fullwidth {
    background-color: #fffafc; /* ganz zartes Rosa als Hintergrund */
    color: #333;
    font-family: 'Segoe UI', sans-serif;
}

/* Überschriften weicher und Branding-Farben */
h1, h2, h3, h4 {
    font-family: 'Quicksand', sans-serif;
    color: #a5c6a0; /* hellgrün (pastellig) */
}

/* Buttons */
.button,
.button-primary,
a.button {
    background-color: #e9aa10; /* rosa */
    color: white;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    transition: background 0.3s ease;
}

.button:hover {
    background-color: #d78c94;
}

/* Navigation */
nav#navbar ul li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    color: #a5c6a0;
}

nav#navbar ul li a:hover {
    color: #e9aab0;
}

/* Bilder runder darstellen */
img {
    border-radius: 12px;
}

/* Boxen & Abschnitte abgerundet */
section {
    border-radius: 20px;
    padding: 20px;
}