html, body {
    height: 100%; /* Stellt sicher, dass die gesamte Seite die volle Höhe des Viewports hat */
    margin: 0; /* Entfernt Standard-Margin */
    display: flex; /* Nutzt Flexbox für Layout */
    flex-direction: column; /* Anordnung von Inhalt und Footer in einer Spalte */
}

/* Footer-Styling */
footer {
    background-color: #333;
    color: white;
    padding: 20px;
    text-align: center;
    margin-top: auto; /* Sorgt dafür, dass der Footer immer ans Ende geschoben wird */
}

.footer-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-link {
    color: #ff6347;
    text-decoration: none;
    transition: color 0.3s;
    padding-left: 20px;
}

.footer-link:hover {
    color: white;
}