:root {
    --text-primary: rgba(0, 0, 0, 0.9);
    --text-secondary: rgba(0, 0, 0, 0.6);
    --white-gradient-start: #ECEEED;
    --white-gradient-end: #FFFFFF;
    --spacer-medium: 24px;
}

* {
    box-sizing: border-box;
}

body.white-mode {
    margin: 0;
    padding: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: var(--text-secondary);
    
    background: linear-gradient(
        to bottom, 
        var(--white-gradient-start), 
        var(--white-gradient-end)
    );
    
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    
    /* Zentriert das gesamte Paket aus Content + Footer als Einheit */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
}

.container {
    width: 100%;
    max-width: 480px;
    padding: 0 var(--spacer-medium);
    text-align: center;
}

.intro-text {
    line-height: 1.8;
    color: var(--text-secondary);
    letter-spacing: -0.01em;
}

.contact-line {
    margin-top: 40px;
    color: var(--text-secondary);
}

.contact-line a {
    color: var(--text-secondary);
    text-decoration: none;
    border-bottom: 1px solid var(--text-secondary);
}

/* Footer direkt unter der Contact Line */
.site-footer {
    margin-top: 20px; /* Exakt 20px Abstand zur contact-line */
}

.footer-line {
    font-size: 14px; /* Etwas größer, da keine Versalien mehr */
    color: var(--text-secondary);
    text-transform: none; /* Keine Versalien */
    letter-spacing: normal; /* Normales Spacing für Kleinschreibung */
}