body{
    padding: 0%;
    margin: 0%;
    background-color: #666666;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 24px;
    vertical-align: middle;
}

header {
    margin: 5px;
}

.mitte{
    display: flex;
    justify-content: center;
    align-items: center;
}

#teaser{
    width: 100%;
    height: 50px;
}

#teaser img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (min-width: 420px) {
    #teaser{
        height: 150px;
    }    
    
}
nav{
    position: sticky;
    top: 0;
    background-color: #666666;
}
footer ul, nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 24px;
    padding-bottom: 24px;
}
footer ul li a, nav ul li a{
    font-weight: bold;
    padding: 16px;
}
section{
}

#POTATO {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
th,td{
    padding-right: 12px;
    float: inline-end;
    margin-top: auto;
    margin-bottom: auto;

}

#speise{
    margin: 20px;
}
.food{
    
}
.navi{
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width: 420px){
.navi{
    padding-left: calc(8px + 1.5625vw);
    padding-right: calc(8px + 1.5625vw);
}
}