:root {
                    --accent-color: #0077AB;
                    --accent-background-secondary: #EBF4FF;
                    --background-primary: #ffffff;
                    --background-secondary: #f8f9fa;
                    --text-primary: #222222;
                    --text-secondary: #ffffff;
                }

                html[data-theme="dark"] {
                  --accent-color: #6EA6FF;
                  --accent-background-secondary: #282C34;
                  --background-primary: #1e1e1e;
                  --background-secondary: #282C34;
                  --text-primary: #e8eaed;
                  --text-secondary: #ffffff;
                }
body {
    padding-bottom: 56px; /* Mindesthöhe des Footers, dynamisch per JS anpassbar */
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--background-secondary);
    padding: 10px 0;
    text-align: center;
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footer ul li {
    margin: 0 15px;
}

.footer ul li a {
    text-decoration: none;
    color: var(--text-primary);
}