:root {
    --wildenau-darkgreen: #004A39;
    --wildenau-green: #248B00;
    --wildenau-lightgreen: #31BD00;
    --wildenau-limegreen: #31BD00;
    --wildenau-blue: #008fbe ;
    --wildenau-lightblue: #D6E7F8;
    --wildenau-darkblue: #0080b2 ;
    --wildenau-darkerblue: #024961 ;
    --wildenau-darkgrey: #1E2020;
    --wildenau-grey: #F8F6F1 ;
    --wildenau-brown: #403023;
    --wildenau-darkbrown: #2F2319 ;
    --transition: all 0.3s cubic-bezier(.25,.1,.25,1);
}


/* Wildenau General Query
--------------------*/
@media screen {
    body {
        font-family: Poppins, sans-serif;
        font-weight: 400;
        font-size: 1.2rem;
        background-color: #FCFAF6;
        background-color:  #F4F3F0;
        color: var(--wildenau-darkgrey);
        line-height: 1.5;
        --block-padding: 0.5;
    }

    /* text-deco */
    .text-deco {
        font-family: 'Delicious Handrawn';
        color: var(--wildenau-blue);
        font-size:  115%;
        margin-top: -0.5rem;
    }
    
    h2 > .text-deco {
        margin-top: -0.75rem;
        font-size:  100%;  
    }

    h1 > .text-deco {
        font-size:  110%;
    }

    /* Round-image */
    .round-image img {
        border-radius: 50%;
        position: relative;
        z-index: 1;
    }   

    .round-corner img {
        border-radius: 1rem;
    }   

    .round-image picture {
        position: relative !important;
    }

    /* just rice bottle */
    .circlebg .image_container {
        position: relative;
        min-width: 300px;
        height: 300px;
        text-align: center;
    }
    
    .circlebg .image_container:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        width: 250px;
        height: 250px;
        background-color: rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        margin: auto;
        margin-top: 2rem;
    }
    .circlebg img {
        margin-top: -1rem;
    }

    /* youtube */
    .ce_youtube iframe {
        border-radius: 1.5rem;
        overflow: hidden;
        border: none !important;
    }
    
    .text-lead {
        text-transform: uppercase;
        font-size: 30%;
        font-weight: 600 !important;
        display: inline-block;
        margin-bottom: 2rem;
    }    
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    h1 > .text-deco {
        margin-top: -1rem;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Wildenau General ends
--------------------*/


/* Mood Query
--------------------*/
@media screen {
	#mood_content .artbg:after {
        display: block;
        content: "";
        background: linear-gradient(0, rgba(43, 25, 0, 0.5) 0%, rgba(49, 29, 0, 0) 100%);
        width: 100%;
        height: 50%;
        position: absolute;
        bottom: 0;
    }

	#mood_content .artbg:before {   
        display: block;
        content: "";
        background: linear-gradient(180deg, rgba(50,50,50,0.5) 0%, rgba(0,0,0,0) 100%);
        width: 100%;
        height: 20%;
        position: absolute;
        top: 0;
    } 
}
/* Mood ends
--------------------*/


/* Home Risotto Query
--------------------*/
@media screen {
    .risotto.flex-col3 {
        --btn_bg: var(--wildenau-blue);
        --btn_color: #fff;
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--wildenau-darkblue);
        --border_col: var(--btn_bg);
        --border_hover_col: var(--btn_hover_bg);
    }

    .risotto.flex-col3 .ce_image figure {
        max-height: 80vh;
        text-align: center;
    }

    .risotto.flex-col3 .ce_image img {
        max-height: 60vh;
        min-height: 400px;
        width: auto;
    }

    .risotto.flex-col3 .ce_image figure {
        margin-top: -15%;
    }

}

/* Mobile-landscape (and larger) lansacape */

@media only screen and (max-width: 648px) {
    .risotto.flex-col3 .ce_image img {
    /*max-height: 200px;*/
        height: auto;
        width: auto;
    }
}

@media only screen and (min-width: 480px) {

    /* same as from flex-box */
    .flex-col3.risotto > .ce_multicolumnStart {
        width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
        box-sizing: border-box;
    }
    
    .risotto.flex-col3 .ce_image figure {
        margin-top: -10%;
    }
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {    
    .risotto.flex-col3 .ce_image figure {
        margin-top: -20%;
    }
}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .risotto.flex-col3 {
        margin-top: -2rem;
    }
    
    .risotto.flex-col3 .ce_image figure {
        margin-top: -15%;
    }

    .risotto.flex-col3 .ce_image img {
        max-height: unset;
    }

    .risotto.flex-col3 > .ce_text {
        order: -1;
        position: relative;
        z-index: 1;
    }

    .risotto.flex-col3 > .ce_text .inside_ce .content-div {
        width: 75%;
    }

    .risotto.flex-col3 > .ce_text:last-child {
        order: 0;
    }


    .risotto.flex-col3 > .ce_text:last-child .content-div{
        margin-left: auto;
    }

    .risotto.flex-col3 > .ce_text:after {
        content: "";
        position: absolute;
        top: 10%; 
        right: -125px;
        width: 200px;
        height: 70px;
        background-image: url(../images/icons/curve.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .risotto.flex-col3 > .ce_text:last-child:after {
        right: auto;
        top: 24%; 
        left: -125px;
        transform: rotate(180deg);
    }


    .risotto.flex-col3 .link-button {
        z-index: 2;
        position: relative;
    }
}


/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* Home Risotto ends
--------------------*/



/* Push Text Query
--------------------*/
@media screen {

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .text-push .inside_ce .content-div {
        padding-left: 10rem;
    }

    .text-push .content-div h1,
    .text-push .content-div h2 {
        margin-left: -7rem;
    }

    .text-push.float_right_box .inside_ce .content-div,
    .text-push.float_left_box .inside_ce .content-div {
        padding-left: 7rem;
    }

    .text-push.float_left_box .content-div h1,
    .text-push.float_left_box .content-div h2,
    .text-push.float_right_box .content-div h1,
    .text-push.float_right_box .content-div h2 {
        margin-left: -6rem;
    }

    .text-push > .inside_ce {
        max-width: calc(100% - 5rem);
    }

}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    [class*="-box"]:not(.text-push) .content-div {
        padding: 1rem 3rem;
    }

    .text-push .inside_ce .content-div {
        padding-left: 15rem;
    }

    .text-push .content-div h1,
    .text-push .content-div h2 {
        margin-left: -11rem;
    }

}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Push Text ends
--------------------*/


/* CE with Image Query
--------------------*/
@media screen {
    .float_left_box .inside_ce,
    .float_right_box .inside_ce {

    }

    .float_left_box .image_container,
    .float_right_box .image_container {
        margin: 0 10%;
        margin-bottom: 2rem;
    }

    .float_left_box .content-div,
    .float_right_box .content-div {
        width: 80%;
        margin: auto;
        text-align: center;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .float_left_box .image_container,
    .float_right_box .image_container {
        margin: 0 0 0 2rem;
        max-width: 370px;
    }

    .float_left_box .image_container {
        margin: 0 2rem 0 0 ;  
    }

    .float_left_box .inside_ce,
    .float_right_box .inside_ce {
        display: flex;
        align-items: center;
        --mwidth: 600px;
    }

    .float_left_box .content-div,
    .float_right_box .content-div {
        text-align: unset;
    }    

    .float_right_box figure {
        order: 1;
    }
    
}

/* CE with Image ends
--------------------*/



/* teaser-links Query
--------------------*/
@media screen {
    #teaser-links {}

    #teaser-links .round-image {
        margin-bottom: 2rem;
    }

    #teaser-links .image_container{
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 1rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    #teaser-links .image_container{
        margin-left: 5%;
        margin-right: 5%;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    #teaser-links .image_container{
        margin-left: 2%;
        margin-right: 2%;
    }    
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* teaser-links ends
--------------------*/




/* Content Silder Query
--------------------*/
@media screen {
    .slider-content {
        padding-bottom: 4rem;
        display: none;
    }

    .slider-content .slick-track  {
        height: auto !important;
        max-height: unset;
    }

    .slider-content .block { 
        overflow: hidden;
        padding-top: 1rem;
    }


    .slider-content .block:before {
        content: attr(data-number);
        display: block;
        width: 3rem;
        height: 2rem;
        border: 1px solid;
        border-radius: 1rem;
        text-align: center;
        line-height: 2rem;
        position: relative;
        left: calc(var(--block-padding) * -1rem);
    }

    .slider-content .block:after {
        content: "";
        width: calc(100% + 1rem);
        border-top: 1px solid;
        position: absolute;
        top: 2rem;
        left: calc(var(--block-padding) * 1rem + 2.5rem);
    }


    .slider-content .block.slick-current:before {
        /* color: #fff;
        background: #000; */
    }

    .slider-content .block:last-child:after {
        display: none;
    }


    .slider-content .inside_ce {
        text-align: center;
    }


    .slider-content .image_container {
        padding-top: 1rem;
    }

    .slider-content .block img {
        position: relative;
        width: 80%;
        margin: auto;
    }

    .slider-content .slick-arrow {
        top: auto;
        bottom: -1rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .slider-content {
        padding-bottom: 6rem;
    }

    .slider-content .inside_ce {
        padding-right: 3rem;
    }
    
    .slider-content .block img {
        width: 100%;
    }

    .slider-content .slick-arrow {
        bottom: -2rem;
    }

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

    .slider-content .image_container {
        padding-top: 2rem;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/