body{

}

a{
    text-decoration: none;
    color: black;
}

.main-header{
    display: flex;
    justify-content: space-between;

    z-index: 10;
    background-color: #E8CCAA;

    padding:20px;
    margin: 0px auto;
    min-width: 1200px;

    height: 60px;

    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the bottom of the page */
    width: 100%; /* Full width */


}

.logo{
    float: left;
    padding: 0px;
    margin-left: 50px;

}

.navigation{
    margin: 0 auto;
    height: 100%;

    float: right;
    list-style: none;
    pointer-events:none;
    /*margin-right: 5%;*/
    font-size: 30px;
}

.navigationsListe{
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    margin-right: 35px;
}


.navigation li {
    float: left;
    padding-right: 10px;
    pointer-events: auto;
}

.navigation li a{
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #544842;

    transition: ease-in-out all 100ms;
}

.navigation li a:hover{
    /*background-color: #fcf0e4;
    border-bottom: 5px solid #544842;
    border-radius: 3px;
    */
    color: whitesmoke;
    transition: ease-in-out all 200ms;
}




.FoodTitleNavigation{                                               /*FoodTitleNavigation*/
    z-index: 9;
    background-color:#544842;
    position: fixed;
    text-align: center;

    height: auto;
    width: 100%;
    min-width: 960px;

    margin-top: 100px;
    padding-right: 50%;
}

.InnerFoodTitleNavigation{
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 880px;
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1100px;
    display: inline-block;
}

.FoodTitleNavigation a {
    margin-right: 15px;
    margin-left: 15px;
    color: #E8CCAA;
    display: inline-block;
    /*background-color: aqua;*/
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.content{
    display: block;
    background-color: white;
    margin: 0px auto;
    color: #544842;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 70px;
    padding-right: 70px;
    width: 1060px;
    text-align: center;
    min-height: 1120px;
}

.foodContainer{                                          /*foodContainer*/
    text-align: center;
    margin: auto;
    padding-top: 20px;
    overflow: hidden;
}

.foodContentTitleBox{
    /*background-color: aliceblue;*/

    padding-top: 175px;
    font-size: 40px;
}


.foodContent{
    white-space: pre-line;
}

.foodArticleContainer{
    display:inline-block;
    margin-left: 15px;
    margin-right: 15px;
    width: 250px;
}


.foodPicture{
    width: 250px;
    border-radius: 40px;
    transition: ease-in-out all 200ms;
}

.foodComment{
    /*background-color: whitesmoke;*/
    min-height: 100px;
    font-size: 20px;
    font-weight: 10;
    /*text-shadow: 1px 1px 2px black;*/

    padding-left: 20px;
    padding-right: 20px;
}

.foodComment p{
    overflow: hidden;
    margin: 0px;
}


.startseiteÜberschrift{                                             /*STARTSEITEs*/
    font-size: 65px;
    font-weight: 450;
    margin-top: 100px;
    margin-bottom: 0px;
    text-align: center;
}

.startseiteText{
    font-size: 40px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-top: 85px;
}

.foodPictureHome{
    margin: 10px;
    margin-top: 300px;
    margin-right: 600px;
    height: 200px;
    border-radius: 40px;
    float:right;
}


.ÜberUns p{
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    width: 80%;
    font-size: 25px;
}

.ÜberUns img{
    display: block;
    margin: 0 auto;
    margin-top: 100px;
}


.foot{                                                          /*FOOT*/
    margin: 0 auto;
    background-color: #544842;
    text-align: center;
    width: 1140px;
    height: 100px;
    color: #E8CCAA;
    padding: 30px;
    text-align: left;

}

.foot img{
    float: right;

}

.foot table{
    float: left;
}

#login{                                                         /*LOGIN*/
    margin-top: 150px;
}

#login h1{
    margin-bottom: 50px;
}

#login .textfield{
    margin-bottom: 30px;
}

#login button{
    margin-bottom: 30px;
}

#register{                                                      /*Register*/
    margin-top: 100px;
}

.g-recaptcha{                                                   /*captcha*/

    margin-bottom: 40px;
}

.button{                                                        /*inputs*/
    background-color: #544842; 
    color: #E8CCAA;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.button:hover{

    transform: translate(0px, -7px);           
    box-shadow: 0px 7px rgba(150,150,150,0.5);  
}

.textfield{
    background-color: #E8CCAA; 
    color: #544842;
}

input{
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
}

#account{                                                       /*DROPDOWN MENU*/
    cursor: pointer;
    font-size: 30px;

    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #544842;

    transition: ease-in-out all 100ms;
}

#account:hover{
    /*background-color: #fcf0e4;
    border-bottom: 5px solid #544842;
    border-radius: 3px;
    */
    color: whitesmoke;
    transition: ease-in-out all 200ms;
}

#accountDropDown{
    display: none;
    background-color: #E8CCAA;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#accountDropDown ul{
    padding: 0px;
}

#accountDropDown ul li{
    float: none;
    list-style: none;
    padding: 0px;
}


#accountDropDown ul li a{
    color: #544842;
    padding: 0px;
    text-align: center;
}

#accountDropDown li a:hover{
    color: whitesmoke;
}

.kategorieContainer{
    margin-top: 100px;
}

.kategorieContainer table{
    text-align: left;
    margin: 0 auto;
}

.kategorieContainer table tr{
    height: 60px;
}

.kategorieContainer table tr .textfield{
    padding: 5px;
    width: 60px;
    height: 30px;
    margin: 0 40px;
}

.Warenkorb .textfield{
    float: left;

    width: 60px;
}

.Warenkorb table{
    margin-top: 100px;
}

.Warenkorb table th, 
.Warenkorb table td{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

#bestellung table th, 
#bestellung table td{
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.column:hover{
    background-color: aliceblue;
    transition: all 0.25s ease-in-out;  
}

.DSGVO_P{
    text-align: justify;

}

.DSGVO_P strong{
    margin-top: 30px;
}