/* CSS Document */
@media only screen and (max-width: 970px) {
/*
    body {
        --wp--style--global--content-size: 95%;
        --wp--style--global--wide-size: 100%;
    }
*/
    
    body {
        --wp--style--global--content-size: 90vw;
    }
    
    div#speisekarte .wp-block-columns {
        display: flex;
        flex-direction: column;
    }
    
    div#speisekarte img {
        width: 100%;
    }
    
    div#speisekarte figure {
        margin: 25px!important;
    }
    
    iframe {
        height: 600px!important;
    }
    
    #ueber-uns .wp-block-group.is-layout-grid  {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 0fr;
    }
}


@media only screen and (max-width: 650px) {
    #ueber-uns .wp-block-group.is-layout-grid  {
        grid-template-columns: 1fr;
    } 
    
    #galerie .wp-block-image img {
        height: 400px!important;
    }
}




@media only screen and (max-width: 480px) {
    .entry-content nav ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    #ueber-uns .wp-block-group.is-layout-grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    
    .wp-block-table.allergens table {
        table-layout: fixed;
    }
    
    .wp-block-table table tr td:first-of-type,
    .wp-block-table table tr th:first-of-type {
        width: 40px;
    }
    
    .has-petrol-background-color th:first-of-type {
        width: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}