body {
    background-image: url('../images/logo3punkt1.png');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
:root {
    cassiopeia-color-primary: #f1b5b8; /* Ihre Hauptfarbe */
    cassiopeia-color-hover: #f1b5b8;   /* Hover-Farbe */
    cassiopeia-color-link: #f1b5b8;    /* Link-Farbe */
}
.header {
    padding-top: 0rem;    /* Wert nach Bedarf anpassen */
    padding-bottom: 0rem; /* Wert nach Bedarf anpassen */
    min-height: 100px;    /* Alternative: Feste Mindesthöhe */
}
/* Header-Inhalt (Logo/Text) zentrieren */
.header .navbar-brand {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: block;
}
.container-header {
    background-image: url('../images/logo3punkt1.png');
    background-size: cover;
}
.container-header .mod-menu a {
   justify-content: center;
   font-size: 1.3rem;
   font-color: #1b5b8;
}
.container-header .grid-child {
    display: flex;
    justify-content: center;
    width: 100%;
}
.container-header {
  background-color: #f1b5b8;
  background-image: url('.../images/mein-hintergrund.png');
}
.login-form {
    justify-content: center;
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 5px;
}
/* Footer Inhalt zentrieren */
.footer .grid-child {
    display: flex;
    justify-content: center; /* Horizontal zentrieren */
    align-items: center;     /* Vertikal zentrieren */
    width: 100%;             /* Breite anpassen */
    background-color: #f1b5b8;
}
.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #f1b5b8;
}
/* Optional: Verbesserung der Menüstruktur bei horizontalen Links */
.footer .nav {
    justify-content: center;
}
container-footer.footer {
    justify-content: center;
    background-color: #f1b5b8;
}
/* Maximale Breite für das statische Layout anpassen */
.container-component {
    max-width: 800px; /* Ihr gewünschter Wert */
    margin-left: auto;
    margin-right: auto;
}

/* Optional: Das gesamte Grid-Layout begrenzen */
.site-grid {
    max-width: 800px;
    margin: 0 auto;
}