@charset "UTF-8";

body {
    font-family: "Customfont1";
    color: var(--main-text-color);
    font-size: 110%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Customfont2";
    font-weight: 400;
    position: relative;
}

h1 {
    font-size: 3.8em;
    margin-block-end: .5em;
}

h6 {}

figcaption {
    font-family: "Customfont1";
    display: block;
    padding-top: 4px;
    margin-bottom: -15px;
    font-weight: 1000;
    font-style: normal;
}


/*FOOTER*/

.foot h4 {}

.foot:first-child {
    display: none;
}


/*MENU*/

.menucontent h2 {
    font-size: 4em;
}


/*FOODMENU*/

.dishes {
    margin-bottom: 3em;
}

.dishwrapper,
.dishwrapper2 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.dishwrapper2 {
    margin-bottom: 0;
}

.subchoice {
    margin-top: unset;
}

.dishwrapper2:last-of-type {
    margin-bottom: -10px;
}

.dishwrapper h2,
.dishwrapper2 h2 {
    font-family: "Customfont1";
    font-size: unset;
    align-self: start;
    position: absolute;
    top: .1em;
    width: 2em;
}

.dishwrapper p {}

.dishwrapper p:nth-of-type(1) {
    font-family: "Customfont2";
    position: relative;
    top: 0;
    left: 2em;
    font-weight: ;
    font-size: 100%;
    width: calc(100% - 30px);
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 3em;
    width: calc(100% - 0px) !important;
}

.dishwrapper p:nth-of-type(2) {
    position: relative;
    top: unset;
    left: 2em;
    font-weight: ;
    width: calc(100% - 2em);
    margin-bottom: 1em;
    display: block;
    padding-right: 5em;
    /* right: 0; */
}

.price {
    position: absolute;
    right: 0px;
    font-family: "Customfont1";
    font-size: 100%;
}

.ingredients {
    font-family: "Customfont1";
}

.diet {
    padding: 0;
    height: 1em;
}

.diet-V::after {
    content: '🌱';
}

.diet-S::after {
    content: '🌶';
}

.diet-SS::after {
    content: '🌶🌶';
}


/*FOODMENU CURRIES 'N NOODLES'*/

.dishwrapper2 p {
    width: calc(100% - 2em);
}

.dishwrapper2 p:nth-of-type(1) {
    font-family: "Customfont2";
    position: relative;
    top: 0;
    left: 2em;
    margin: 0;
}

.dishwrapper2 p:nth-of-type(2) {
    position: relative;
    top: unset;
    left: 2em;
    font-weight: ;
    width: calc(100% - 60px);
}

.dishwrapper2.subchoice+.dishwrapper2.subchoice p {
    margin-bottom: 2em;
}

p .price {
    top: -1.4em;
}

.dishwrapper2.subchoice p .price,
.is-noodles .dishwrapper2 p .price,
.is-curries .dishwrapper2 p .price {
    top: 0;
}

.is-noodles .dishwrapper2 h2+P,
.is-curries .dishwrapper2 h2+P {
    margin-right: 6EM;
}

.dishwrapper2.subchoice p .price .is-euro {
    display: none;
}


/*
.dishwrapper2:nth-of-type(2),
.dishwrapper2:nth-of-type(3), 
.dishwrapper2:nth-of-type(4), 
.dishwrapper2:nth-of-type(5), 
.dishwrapper2:nth-of-type(6) {
	    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 20px;
}

*/

.dishes.is-gaeng-pad-thai-curries-noodles .dishwrapper2 p .price {
    top: 0;
}

.dishes.is-gaeng-pad-thai-curries-noodles .dishwrapper2.subchoice p:first-of-type {
    margin-bottom: 0;
}

.dishes.is-gaeng-pad-thai-curries-noodles .dishwrapper2.subchoice p:nth-of-type(2) {
    margin-bottom: 0.5em;
}

.dishes.is-gaeng-pad-thai-curries-noodles .is-euro {
    display: none;
}

.dishwrapper2.one-line p {
    display: flex;
}

.dishwrapper2.one-line p .diet {
    order: 1;
}

.dishwrapper2.one-line p .ingredients,
.dishwrapper2.one-line p .diet {
    padding-left: .3em;
}

/* iPad  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}


/* iPad Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}


/* iPad Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


/*mobile*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.0) and (max-width: 767px) {}


/* Mobile Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {}


/* Mobile Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {

    .dishwrapper,
    .dishwrapper2 {
        width: calc(100% - 5em);
    }

    .dishwrapper p,
    .drankenkaart .dishwrapper p {
        width: 100%;
    }

    .price,
    .drankenkaart .price {
        right: -5em !important;
    }

    .drankenkaart h2 .price {
        right: 0 !important;
    }
}


/* ----------- iPhone 5 and 5S ----------- */


/* iPhone 5 Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {}


/* iPhone 5 Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    body {
        font-size: 80%;
    }
}


/* iPhone 5 Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {}


/* ----------- iPhone 6 ----------- */


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {}


/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {}

x-device-width: 667px) and (orientation: landscape) {}