#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;  
        }