.getraenke{
    height: max-content;
    width: 100vw;
    
    
}

table{
    width: 100%;
}
.flex-container{
    
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 90%;
    height: max-content;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid black;
    padding: 1%;
    flex-direction: row;
    border-radius: 5px;
    box-shadow:
    1.2px 1px 0.5px rgba(0, 0, 0, 0.011),
    2.8px 2.1px 1px rgba(0, 0, 0, 0.016),
    4.7px 3.7px 1.7px rgba(0, 0, 0, 0.02),
    7.3px 5.6px 2.7px rgba(0, 0, 0, 0.023),
    10.8px 8.4px 4px rgba(0, 0, 0, 0.027),
    15.9px 12.3px 5.8px rgba(0, 0, 0, 0.03),
    23.8px 18.4px 8.7px rgba(0, 0, 0, 0.034),
    37.9px 29.3px 13.9px rgba(0, 0, 0, 0.039),
    71px 55px 26px rgba(0, 0, 0, 0.05)
  ;
  

}

.table-container{
    width: 48%;
    height: 55%;
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
th{
    
    font-size: 2rem;
    font-family: 'Brush Script MT', cursive;
}
th:first-child{
    padding-top: 0;
}
.head{
    padding-top: 100px;
    border-bottom: 2px solid rgb(184, 7, 35);
}
.text-right{
    text-align: right;
}
.last{
    margin-bottom: 100px;
}

.verweis, .mwst{
    margin: auto;
    width: 90%;
    height: 10%;
    
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}

.allergien, .inhaltsstoffe{
    height: 100%;
    
    font-size: .8rem;
}
.allergien{
    width: 60%;
}
.inhaltsstoffe{
    width: 40%;
}

.mwst{
    font-size: 1.3rem;
}

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

    .flex-container{
        flex-direction: column;
    }

    .table-container{
        width: 100%;
    }

}