@font-face {font-family: 'Cairo'; src: url('/dm-fonts/Cairo-VariableFont_slnt,wght.ttf') format('truetype');}
            @font-face {font-family: 'Noto'; src: url('/dm-fonts/Noto-Bold.ttf') format('truetype'); font-weight: bold;}

            img.logo { width: 25%; }

            @media screen {
            #header * {  }
            #dm-container, #dm-container li, #footer {  }
            #dm-container li, #dm-container p  {  }
            h1, h2, h3, h4, h5 {  }
            }

            #dm-container li, #dm-container p  { font-family: 'Cairo', sans-serif; font-weight: normal; }
            h1, h2, h3, h4, h5 { font-family: 'Noto', sans-serif; font-weight: bold; }

            li.dietary_restriction {  }
            li.custom_tag {  }
            div.allergens {  }

            @font-face { font-family: Champagne-Limousines; 
			 src: url(https://assets.foratable.com/ClientAssets/18351-stadttheater/Champagne%20_%20Limousines%20Bold.ttf); 
}

@font-face { font-family: Antro_Vectra; 
			 src: url(https://assets.foratable.com/ClientAssets/18351-stadttheater/Antro_Vectra.otf); 
}


body {
background-image: url("https://assets.foratable.com/ClientAssets/18351-stadttheater/adobestock.jpeg");
background-size: repeat;
}

@media only screen and (min-width: 620px)
#menuPopupContainer {
    background-color: transparent !important;
}

.list-group-item {
    background-color: transparent !important;
}

    #menuPopupContainer {
        background: none !important;
    }

img.logo {
    float: right;
}

.h1, h1 {
    font-size: 5rem;
}

.h4, h4 {
    font-size: 2rem;
}

h1, h2, h3, h4, h5 {
    font-family: Antro_Vectra;
    font-weight: 700;
}

#dm-container li div, #dm-container li div li, #dm-container p {
    font-family: Champagne-Limousines; 
    font-weight: 400;
    font-size: 18px;
}

#dm-container li em {
    font-family: Antro_Vectra;
    font-weight: 700;
    font-size: 2rem;
}