body {
    background-color: black;
}

#MainContent_Panel_01 {
    /* background-color: #3A3A3A;*/
    /*background-color: red;*/
}

#Site_Begruessung {
    display: none;
    /*  visibility:hidden;*/
}

#carouselExampleCaptions {
    display: none;
}



#Fitness_Kunden_Neu_Kasten {
    border: 2px solid gold;
    background-color: #23272A; /* Anthrazit für Kontrast */
    margin-top: 160px;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 24px 4px rgba(255, 215, 0, 1.35);
}





#Fitness_Kunden_Neu_Meldung_Zeile {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
    /*  border: 1px yellow solid;*/
}





#StudioStartText {
    text-align: center;
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 2.0em;
    margin-bottom: 30px;
    color: gold;
}



#paket_1,
#paket_2,
#paket_3,
#paket_4,
#paket_5 {
    /*margin: 10px;*/
    margin-bottom: 20px;
}

#einzel_paket_1,
#einzel_paket_2,
#einzel_paket_3,
#einzel_paket_4,
#einzel_paket_5 {
    float: right;
}

#einzel_paket_2,
#einzel_paket_4 {
    float: left;
}


.my-container {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.begruessung-container {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    border: whitesmoke 1px solid;
    border-radius: 10px;
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
}

.paket-ausgewaehlt {
    background-color: gold !important;
}

.ausrichtung_links {
    /* float: left;*/
}

.ausrichtung_rechts {
    /*float: right;*/
}

#Eingabe_Erklaerung_Kasten {
    border: 1px whitesmoke solid;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.eingabe_erklaerung_text {
    /*color: darkgreen;*/
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: silver;
}

.fitness_kunde_neu_gelb {
    background-color: yellow;
    background-color: goldenrod;
    background-color: gold;
}

.Fitness_Paket_Text_Rahmen {
    border: whitesmoke 1px solid;
    padding: 0px 15px;
    background-color: dimgray;
    /*color:white;*/
}




.Fitness_Paket_Bild_Rahmen_1,
.Fitness_Paket_Bild_Rahmen_2,
.Fitness_Paket_Bild_Rahmen_3,
.Fitness_Paket_Bild_Rahmen_4,
.Fitness_Paket_Bild_Rahmen_5 {
    float: left;
    border: whitesmoke 1px solid;
    /*border: yellow 3px solid;*/
    border-radius: 5px;
}

.Fitness_Paket_Bild_Rahmen_2,
.Fitness_Paket_Bild_Rahmen_4 {
    float: right;
}


.Fitness_Paket_Neu_Bild {
    width: 540px;
    height: auto;
}



.Paket_Neu_Preis_Rahmen {
    margin-top:20px;
    border: 1px whitesmoke solid;
    border-radius: 15px;
    padding: 10px;
}




.Fitness_Paket_Text_Auswahl {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: greenyellow;
    font-weight: bold;
    margin: 20px 0px;
    padding: 20px 10px;
    border: 1px whitesmoke solid;
    border-radius: 15px;
}

    .Fitness_Paket_Text_Auswahl:hover {
        font-weight: bolder;
        color: yellow;
        background-color: silver;
    }

.Paket_Preis_Text {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration: none;
    color: yellow;
}


#Kunden_neu_Eingabe_Felder {
    /*border: 1px whitesmoke solid;*/
    margin: 10px 0px;
}


#Kunden_Neu_Button_Rahmen {
    margin: 30px 0px 20px 0px;
    text-align: center;
}




.einzelpaket {
    /*border: 1px whitesmoke solid;*/
    /*border: 1px red solid;*/
    border: 1px gold solid;
    border-radius: 5px;
    padding: 10px;
    background-color: darkgray;
    /*background-color:dimgray;*/
}

.kontakt_feld {
    margin-bottom: 10px;
}




.meldung_anlegen_ok,
.meldung_green,
.meldung_red {
    border: 1px whitesmoke solid;
    font-size: 1.5em;
    color: green;
    padding: 10px 200px;
}

.meldung_anlegen_ok {
    /*border: 1px whitesmoke solid;*/
}

.meldung_green {
}

.meldung_red {
    color: red;
}




#myModal {
    margin-top: 130px;
}

.ModaleKopfText,
.ModaleText {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-decoration: none;
}

.ModaleText {
    font-size: 1.0em;
}




.paket_überschrift,
.fitness_paket_inhalt_text_01 {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 1.6em;
    text-decoration: none;
    padding-top: 10px;
    color: yellow;
}

.paket_überschrift {
    font-size: 2.0em;
    text-shadow: 2px 2px 2px darkgrey;
}

.fitness_paket_inhalt_text_01 {
    font-size: 1.0em;
    padding-top: 20px;
    width: 600px;
}



@media screen and (max-width: 1401px) {

    .Fitness_Paket_Neu_Bild {
        width: 320px;
    }
}


@media screen and (max-width: 1301px) {

    .Fitness_Paket_Neu_Bild {
        width: 280px;
    }
}

@media screen and (max-width: 1201px) {

    .Fitness_Paket_Neu_Bild {
        width: 250px;
    }
}

@media screen and (max-width: 1101px) {

    .Fitness_Paket_Neu_Bild {
        width: 220px;
    }
}


@media screen and (max-width: 1024px) {



    .Fitness_Paket_Bild_Rahmen_1,
    .Fitness_Paket_Bild_Rahmen_2,
    .Fitness_Paket_Bild_Rahmen_3,
    .Fitness_Paket_Bild_Rahmen_4,
    .Fitness_Paket_Bild_Rahmen_5 {
        float: none;
        margin: 10px;
        padding: 0px;
        text-align: center;
    }


    .Fitness_Paket_Text_Rahmen {
        float: none;
    }

    .Fitness_Paket_Neu_Bild {
        width: 100%;
    }

    #einzel_paket_1,
    #einzel_paket_2,
    #einzel_paket_3,
    #einzel_paket_4,
    #einzel_paket_5 {
        float: none;
    }


    #Fitness_Kunden_Neu_Kasten {
        margin: 0px;
        padding: 5px;
        margin-top: 70px;
    }


    #Fitness_Kunden_Neu_Meldung_Zeile {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #StudioStartText {
        font-size: 1.2em;
        margin-bottom: 10px;
    }

    #paket_1,
    #paket_2,
    #paket_3,
    #paket_4,
    #paket_5 {
        margin-bottom: 20px;
    }


    .einzelpaket {
        /*border: 0px whitesmoke solid;*/
        padding: 5px;
    }



    .meldung_anlegen_ok,
    .meldung_green,
    .meldung_red {
        border: 1px red solid;
        font-size: 1.1em;
        color: green;
        padding: 10px;
    }
}

@media screen and (max-width: 699px) {

    #infoButton {
        display: none;
    }

    .Fitness_Paket_Bild_Rahmen_1,
    .Fitness_Paket_Bild_Rahmen_2,
    .Fitness_Paket_Bild_Rahmen_3,
    .Fitness_Paket_Bild_Rahmen_4,
    .Fitness_Paket_Bild_Rahmen_5 {
        display: none;
    }

    .fitness_paket_inhalt_text_01 {
        width: 100%;
        word-break: break-word;
        white-space: normal;
        display: block;
    }
}