#nav-container {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    overflow: hidden; /* Verhindere Überlauf von animierten Inhalten */
    height: auto; /* Automatische Höhe anpassen */
    /* width: content-box; */
    width: 100%;
    max-width: 600px;
    float: left;
}

/* Stile für die Sections (Inhalte) */
.nav-section {
    display: none; /* Standardmäßig verstecken */
    padding: 10px;
}

/* Stile für die aktive Section (sichtbar) */
.nav-active {
    display: block; /* Anzeigen, wenn aktiv */
    animation: fadeIn 0.5s ease-in-out forwards; /* Fade-In-Effekt */
}

/* Stile für Buttons */
button.myNav {
    padding: 10px 20px;
    margin-right: 10px;
    border: none;
    border-radius: 5px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    float: left;
    margin-top: 10px;
    flex-wrap: unset;
    width: auto;

    width: 90%;              /* Nimmt die volle Breite des übergeordneten Containers an */
    padding: 10px;            /* Optional: Polsterung für bessere Sichtbarkeit */
    margin-bottom: 10px;      /* Abstand zwischen den Buttons */
    box-sizing: border-box;   /* Inklusive Padding und Border in der Breitenberechnung */
    text-align: center;       /* Zentriert den Text innerhalb der Buttons */
}

.navRow {
    display: flex;
    flex-direction: column;  /* Anordnung der Buttons untereinander */
    /*align-items: stretch;    /* Alle Kinder auf volle Breite dehnen */

    align-items: center;
    justify-content: center
}

/* Stile für Buttons */
button.nav2 {
    padding: 10px 20px;
    margin-right: 10px;
    border: none;
    border-radius: 5px;
    background-color: #1eb63f;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    float: left;
    margin-top: 10px;
    width: auto;
}

.row-unten {
    display: flex;
    justify-content: space-between; /* Verteil die Buttons gleichmäßig */
    padding: 10px;                 /* Optional: Padding für besseren Look */
}
.row-unten-rechts {
    display: flex;
    justify-content: flex-end; /* Verteil die Buttons gleichmäßig */
    padding: 10px;                 /* Optional: Padding für besseren Look */
}

.nav2 {
    padding: 10px 20px;            /* Polsterung für die Buttons */
    font-size: 16px;               /* Schriftgröße */
}

button.myNav:hover {
    background-color: #0056b3;
}

.nav-selected {
    background-color: #1eb63f !important;
}

label.anfrage{
    font-weight: bold;
}

/* CSS-Animation für Fade-In */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.hidden {
    display: none !important;
}


.center-container{
    display: flex;
    justify-content: center; /* Zentriert horizontal */
    align-items: center;
}


.gesendet{
    text-align: center;
}