/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1500px) and (max-width: 1600px){ 

    .slider .inner .content .logo{
        width: 375px;
    }

    .slider .inner .content .text{
        margin-top: 75px;
    }

    .slider .inner .content .text:nth-child(3){
        font-size: 60px;
    }

    .container_1{
        grid-template-columns: 2fr 4.5fr 4.5fr;
    }

    .subpage .overlay .logo{
        width: 325px;
    }

    .subpage .overlay .header{
        font-size: 50px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1350px) and (max-width: 1499px){

    .slider .inner .content .logo{
        width: 375px;
    }

    .slider .inner .content .text{
        margin-top: 75px;
    }

    .slider .inner .content .text:nth-child(3){
        font-size: 60px;
    }

    .container_1{
        grid-template-columns: 2.25fr 5fr 3.75fr;
    }

    .subpage .overlay .logo{
        width: 325px;
    }

    .subpage .overlay .header{
        font-size: 50px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1349px){

    .jumpup{
        right: 0px;
        bottom: 50px;
    }

    .slider .inner .content .logo{
        width: 325px;
    }

    .slider .inner .content .text{
        margin-top: 50px;
        font-size: calc(22px / 1.05);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.10);
    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 40px;
    }

    .container_1{
        grid-template-columns: 2.25fr 5fr 3.75fr;
    }

    @media (min-width: 1200px) and (max-width: 1320px){
        .container_2 .content .box{
            width: 100%;
        }

        .container_2 .content .box .block{
            width: calc((100% - 120px) / 3);
        }

        .container_2 .content .box .contact{
            width: calc((100% - 120px) / 3);
        }
    }

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 50px;
        height: 50px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 25px;
        height: 25px;
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 40px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 6);
    }

    .subpage{
        padding-top: calc((100% / 16) * 5);
    }

    .subpage .overlay .logo{
        width: 300px;
    }

    .subpage .overlay .header{
        font-size: calc(56px / 1.15);
        margin-top: 30px;
    }

    .container_6 .content .form .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner{
        width: calc(100% - 120px);
    }

    .footer_2 .inner{
        width: calc(100% - 120px);
    }   

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1050px) and (max-width: 1199px){

    .jumpup{
        right: 0px;
        bottom: 50px;
    }

    .slider .inner .content .logo{
        width: 325px;
    }


    .slider .inner .content .text{
        margin-top: 50px;
        font-size: calc(22px / 1.05);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.10);
    }

    @media (min-width: 1050px) and (max-width: 1100px){

        .slider .inner .content .logo{
            width: 300px;
        }

        .slider .inner .content .text{
            margin-top: 40px;
        }

        .slider .inner .content .text:nth-child(3){
            font-size: calc(65px / 1.15);
        }

    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 40px;
    }    

    .container_1{
        grid-template-columns: 2fr 5fr 4fr;
    }

    .container_1 .block .subhead{
        margin-top: 40px;
    }

    .container_1 .block .content{
        width: calc(100% - 100px);
        padding: 50px;
    }

    .container_1 .block .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_1 .block .content .text{
        margin-top: 30px;
    }

    .container_1 .block .content .footer{
        margin-top: 50px;
    }

    .container_2 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_2 .content{
        width: calc(100% - 100px);
        padding: 50px;
    }

    .container_2 .content .box{
        width: 100%;
        margin-top: 40px;
    }

    .container_2 .content .box .block{
        width: calc((100% - 100px) / 3);
        margin-right: 50px;
    }

    .container_2 .content .box .block .button{
        font-size: calc(18px / 1.05);
    }

    .container_2 .content .box .block:hover .holder{
        bottom: 69px;
    }

    .container_2 .content .box .contact{
        width: calc((100% - 100px) / 3);
    }

    .container_3 .content .partname{
        margin-top: 50px;
    }

    .container_3 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_3 .content .gallery,
    .container_3 .content .gallery_s{
        margin-top: 40px;
    }

    .container_3 .content .gallery_s .part{
        width: calc((100% / 7) * 3);
        padding-top: calc((100% / 7) * 3);
    }

    .container_3 .content .gallery_s .part:nth-child(2){
        width: calc((100% / 7) * 2.5);
        padding-top: calc((100% / 7) * 3);
    }

    .container_3 .content .gallery_s .part:nth-child(3){
        width: calc((100% / 7) * 1.5);
    }

    @media (min-width: 1050px) and (max-width: 1100px){

        .container_3 .content .gallery .image{
            width: calc(100% / 4);
            padding-top: calc(100% / 4);
        }

    }

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 50px;
        height: 50px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 25px;
        height: 25px;
    }

    .container_4 .content{
        width: calc(100% - 100px);
        padding: 50px;
    }

    .container_4 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 40px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 7);
    }

    .subpage{
        padding-top: calc((100% / 16) * 5.5);
    }

    .subpage .overlay .logo{
        width: 300px;
    }

    .subpage .overlay .header{
        font-size: calc(56px / 1.15);
        margin-top: 30px;
    }

    .container_6 .content{
        width: calc(100% - 100px);
        padding: 50px;
    }

    .container_6 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_6 .content .form{
        margin-top: 40px;
    }

    .container_6 .content .form .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner{
        width: calc(100% - 100px);
        padding: 50px;
    }

    .footer_2 .inner{
        width: calc(100% - 100px);
        padding-left: 50px;
        padding-right: 50px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 900px) and (max-width: 1049px){

    .jumpup{
        right: 0px;
        bottom: 50px;
    }

    .slider{
        padding-top: calc((100% / 16) * 8.5);
    }

    .slider .inner .content .logo{
        width: 275px;
    }


    .slider .inner .content .text{
        margin-top: 40px;
        font-size: calc(22px / 1.1);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.15);
    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 40px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_1{
        grid-template-columns: 1.75fr 5.5fr 3.75fr;
    }

    .container_1 .block .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_1 .block .content .header{
        font-size: calc(36px / 1.15);
        margin-top: 20px;
    }

    .container_1 .block .content .icon{
        margin-top: 20px;
    }

    .container_1 .block .content .text{
        margin-top: 30px;
    }

    .container_1 .block .content .footer{
        margin-top: 40px;
        font-size: calc(35px / 1.1);
    }

    .container_2 .content{
        width: calc(100% - 80px);
        padding: 40px;

    }

    .container_2 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_2 .content .icon{
        margin-top: 20px;
    }

    .container_2 .content .box{
        width: 100%;
        margin-top: 30px;
    }

    .container_2 .content .box .block{
        width: calc((100% - 80px) / 3);
        margin-right: 40px;
    }

    .container_2 .content .box .block .button{
        width: calc(100% - 36px);
        font-size: calc(18px / 1.05);
        padding: 18px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .container_2 .content .box .block .holder{
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #a88f52;
    }

    .container_2 .content .box .block:hover .holder{
        bottom: 63px;
    }

    .container_3 .content .partname{
        margin-top: 40px;
    }

    .container_3 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_3 .content .icon{
        margin-top: 20px;
    }

    .container_3 .content .gallery,
    .container_3 .content .gallery_s{
        margin-top: 30px;
    }

    .container_3 .content .gallery_s .part{
        width: calc((100% / 7) * 3.5);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2){
        width: calc((100% / 7) * 1.75);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2) .images .image img{
        object-position: 29% center;
    }

    .container_3 .content .gallery_s .part:nth-child(3){
        width: calc((100% / 7) * 1.75);
    }

    .container_3 .content .gallery .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 50px;
        height: 50px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 25px;
        height: 25px;
    }

    .container_4 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_4 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.1);
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
        margin-top: 30px;
    }

    .container_2 .content .box .contact{
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
    }

    .container_2 .content .box .contact .icon{
        width: 50px;
        height: 50px;
    }

    .container_2 .content .box .contact .icon svg{
        width: 25px;
    }

    .container_2 .content .box .contact .text{
        font-size: calc(22px / 1.1);
    }

    .container_2 .content .box .contact .text:nth-child(3){
        font-size: calc(15px / 1.05);
        margin-top: 8px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 7);
    }

    .subpage{
        padding-top: calc((100% / 16) * 6);
    }

    .subpage .overlay .logo{
        width: 275px;
    }

    .subpage .overlay .header{
        font-size: calc(56px / 1.2);
        margin-top: 30px;
    }

    .container_1 .block .subhead{
        margin-top: 30px;
    }

    .container_1 .block .subcontent{
        margin-top: 20px;
    }

    .container_1 .block .content .text{
        margin-top: 20px;
    }

    .container_6 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_6 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_6 .content .icon{
        margin-top: 20px;
    }

    .container_6 .content .form{
        margin-top: 30px;
    }

    .container_6 .content .form .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .footer_2 .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 750px) and (max-width: 899px){  

    .jumpup{
        right: 0px;
        bottom: 50px;
    }

    .slider{
        padding-top: calc((100% / 16) * 10);
    }

    .slider .inner .content .logo{
        width: 275px;
    }


    .slider .inner .content .text{
        margin-top: 40px;
        font-size: calc(22px / 1.1);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.2);
        margin-top: 15px;
    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 30px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_1{
        grid-template-columns: 4fr 3fr;
    }

    .container_1 .block:nth-child(1){
        display: none;
    }

    .container_1 .block .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_1 .block .content .icon{
        margin-top: 20px;
    }

    .container_1 .block .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_1 .block .content .text{
        margin-top: 20px;
    }

    .container_1 .block .content .footer{
        margin-top: 40px;
        font-size: calc(35px / 1.1);
    }
    
    .container_2 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_2 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_2 .content .icon{
        margin-top: 20px;
    }

    .container_2 .content .box{
        width: 100%;
        margin-top: 30px;
    }

    .container_2 .content .box .block{
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
    }

    .container_2 .content .box .block .button{
        width: calc(100% - 28px);
        font-size: calc(18px / 1.1);
        padding: 14px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container_2 .content .box .block .holder{
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #a88f52;
    }

    .container_2 .content .box .block:hover .holder{
        bottom: 58px;
    }

    .container_3 .content .partname{
        margin-top: 40px;
    }

    .container_3 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_3 .content .icon{
        margin-top: 20px;
    }

    .container_3 .content .gallery,
    .container_3 .content .gallery_s{
        margin-top: 30px;
    }

    .container_3 .content .gallery_s .part{
        width: calc((100% / 7) * 3.5);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2){
        width: calc((100% / 7) * 1.75);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2) .images .image img{
        object-position: 29% center;
    }

    .container_3 .content .gallery_s .part:nth-child(3){
        width: calc((100% / 7) * 1.75);
    }

    .container_3 .content .gallery .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 45px;
        height: 45px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 22px;
        height: 22px;
    }

    .container_4 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_4 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.1);
        margin-top: 30px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_2 .content .box .contact{
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
    }

    .container_2 .content .box .contact .icon{
        width: 50px;
        height: 50px;
    }

    .container_2 .content .box .contact .icon svg{
        width: 25px;
        height: 25px;
    }

    .container_2 .content .box .contact .text{
        font-size: calc(22px / 1.2);
        margin-top: 20px;
    }

    .container_2 .content .box .contact .text:nth-child(3){
        font-size: calc(15px / 1.1);
        margin-top: 8px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 8);
    }

    .container_5 .content .button{
        bottom: 0;
        top: unset;
    }

    .subpage{
        padding-top: calc((100% / 16) * 7);
    }

    .subpage .overlay .logo{
        width: 275px;
    }

    .subpage .overlay .header{
        font-size: calc(56px / 1.2);
        margin-top: 30px;
    }

    .container_1 .block .subhead{
        margin-top: 30px;
    }

    .container_1 .block .subcontent{
        margin-top: 20px;
    }

    .container_6 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_6 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_6 .content .form{
        margin-top: 30px;
    }

    .container_6 .content .form .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .footer_2 .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 600px) and (max-width: 749px){

    .jumpup{
        right: 0px;
        bottom: 50px;
    }

    .slider{
        padding-top: calc((100% / 16) * 13);
    }

    .slider .inner .content .logo{
        width: 275px;
    }


    .slider .inner .content .text{
        margin-top: 40px;
        font-size: calc(22px / 1.1);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.2);
        margin-top: 15px;
    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 30px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_1{
        grid-template-columns: unset;
        display: flex;
        flex-direction: column-reverse;
    }

    .container_1 .block:nth-child(1){
        display: none;
    }

    .container_1 .block:nth-child(3){
        padding-top: calc((100% / 16) * 8);
        position: relative;
    }

    .container_1 .block:nth-child(3) img{
        top: 0;
        left: 0;
        object-position: center center;
    }

    .container_1 .block .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_1 .block .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_1 .block .content .icon{
        margin-top: 20px;
    }

    .container_1 .block .content .text{
        margin-top: 20px;
    }

    .container_1 .block .content .footer{
        margin-top: 40px;
        font-size: calc(35px / 1.1);
    }

    .container_2 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_2 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_2 .content .icon{
        margin-top: 20px;
    }

    .container_2 .content .box{
        width: 100%;
        margin-top: 30px;
    }

    .container_2 .content .box .block{
        width: calc(100% - 140px);
        max-width: 300px;
        margin-right: 0px;
        margin-bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        clear: both;
    }

    .container_2 .content .box .block:last-child{
        margin-bottom: 0px;
    }

    .container_2 .content .box .block .button{
        width: calc(100% - 36px);
        font-size: calc(18px / 1.05);
        padding: 18px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .container_2 .content .box .block .holder{
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
        border-bottom: 22px solid #a88f52;
    }

    .container_2 .content .box .block:hover .holder{
        bottom:63px
    }

    .container_3 .content .partname{
        margin-top: 40px;
    }

    .container_3 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_3 .content .icon{
        margin-top: 20px;
    }

    .container_3 .content .gallery,
    .container_3 .content .gallery_s{
        margin-top: 30px;
    }

    .container_3 .content .gallery_s .part{
        width: calc((100% / 7) * 3.5);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2){
        width: calc((100% / 7) * 1.75);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2) .images .image img{
        object-position: 29% center;
    }

    .container_3 .content .gallery_s .part:nth-child(3){
        width: calc((100% / 7) * 1.75);
    }

    .container_3 .content .gallery .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 45px;
        height: 45px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 22px;
        height: 22px;
    }

    .container_4 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_4 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 30px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_2 .content .box .contact{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 40px;
    }

    .container_2 .content .box .contact:last-child{
        margin-bottom: 0px;
    }

    .container_2 .content .box .contact .icon{
        width: 50px;
        height: 50px;
    }

    .container_2 .content .box .contact .icon svg{
        width: 25px;
        height: 25px;
    }

    .container_2 .content .box .contact .text{
        font-size: calc(22px / 1.2);
    }

    .container_2 .content .box .contact .text:nth-child(3){
        font-size: calc(15px / 1.1);
        margin-top: 8px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 9);
    }

    .container_5 .content .button{
        top:unset;
        bottom: 0px;
    }

    .subpage{
        padding-top: calc((100% / 16) * 8);
    }

    .subpage .overlay .logo{
        width: 275px;
    }

    .subpage .overlay .header{
        font-size: calc(56px / 1.2);
        margin-top: 30px;
    }

    @media (min-width: 600px) and (max-width: 675px){

        .subpage .overlay .header{
            font-size: calc(56px / 1.3);
        }

    }

    .container_1.catering .block:nth-child(3){
        display: none;
    }

    .container_1 .block .subhead{
        margin-top: 30px;
    }

    .container_1 .block .subcontent{
        margin-top: 20px;
    }

    .container_1 .block .subcontent .text{
        margin-top: 20px;
    }

    .container_6 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_6 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_6 .content .icon{
        margin-top: 20px;
    }

    .container_6 .content .form{
        margin-top: 30px;
    }

    .container_6 .content .form .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .footer_2 .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 450px) and (max-width: 599px){

    .holiday .text{
        font-size: calc(16px / 1.05);
    }

    .jumpup{
        right: 0px;
        bottom: 65px;
    }

    .slider{
        padding-top: calc((100% / 16) * 16);
    }

    .slider .inner .content .logo{
        width: 250px;
    }


    .slider .inner .content .text{
        margin-top: 30px;
        font-size: calc(22px / 1.15);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.3);
        margin-top: 15px;
    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 20px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_1{
        grid-template-columns: unset;
        display: flex;
        flex-direction: column-reverse;
    }

    .container_1 .block:nth-child(1){
        display: none;
    }

    .container_1 .block:nth-child(3){
        padding-top: calc((100% / 16) * 9);
        position: relative;
    }

    .container_1 .block:nth-child(3) img{
        top: 0;
        left: 0;
        object-position: center center;
    }

    .container_1 .block .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_1 .block .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_1 .block .content .icon{
        margin-top: 20px;
    }

    .container_1 .block .content .text{
        margin-top: 20px;
    }

    .container_1 .block .content .footer{
        margin-top: 40px;
        font-size: calc(35px / 1.1);
    }

    .container_2 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_2 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_2 .content .icon{
        margin-top: 20px;
    }

    .container_2 .content .box{
        width: 100%;
        margin-top: 30px;
    }

    .container_2 .content .box .block{
        width: calc(100% - 80px);
        max-width: 300px;
        margin-right: 0px;
        margin-bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        clear: both;
    }

    .container_2 .content .box .block:last-child{
        margin-bottom: 0px;
    }

    .container_2 .content .box .block .button{
        width: calc(100% - 32px);
        font-size: calc(18px / 1.05);
        padding: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container_2 .content .box .block .holder{
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
        border-bottom: 22px solid #a88f52;
    }

    .container_2 .content .box .block:hover .holder{
        bottom:58px;
    }

    .container_3 .content .partname{
        margin-top: 40px;
    }

    .container_3 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_3 .content .icon{
        margin-top: 20px;
    }

    .container_3 .content .gallery,
    .container_3 .content .gallery_s{
        margin-top: 30px;
    }

    .container_3 .content .gallery_s .part{
        width: calc((100% / 7) * 3.5);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2){
        width: calc((100% / 7) * 1.75);
        padding-top: calc((100% / 7) * 3.5);
    }

    .container_3 .content .gallery_s .part:nth-child(2) .images .image img{
        object-position: 29% center;
    }

    .container_3 .content .gallery_s .part:nth-child(3){
        width: calc((100% / 7) * 1.75);
    }

    .container_3 .content .gallery .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }
    

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 45px;
        height: 45px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 22px;
        height: 22px;
    }

    @media (min-width: 450px) and (max-width: 520px){

        .container_3 .content .gallery .image{
            width: calc(100% / 3);
            padding-top: calc(100% / 3);
        }

        .container_3 .content .gallery_s .part{
            width: 100%;
            padding-top: calc(100% / 3);
        }

        .container_3 .content .gallery_s .part:nth-child(1) .images{
            height: auto;
        }

        .container_3 .content .gallery_s .part:nth-child(1) .images .image{
            width: calc(100% / 3);
            padding-top: calc(100% / 3);
        }

        .container_3 .content .gallery_s .part:nth-child(1) .images .image:last-child{
            display: none;
        }

        .container_3 .content .gallery_s .part:nth-child(2){
            width: calc(100% / 3);
            padding-top: calc(100% / 3)
        }

        .container_3 .content .gallery_s .part:nth-child(3){
            width: calc((100% / 3) * 2);
        }

        .container_3 .content .gallery_s .part:nth-child(3) .images .image{
            width: calc(100% / 2);
            padding-top: calc(100% / 2);
        }

    }

    .container_4 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_4 .content .header{
        font-size: calc(36px / 1.1);
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.05);
        margin-top: 30px;
        padding: 13px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .container_2 .content .box .contact{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 40px;
    }

    .container_2 .content .box .contact:last-child{
        margin-bottom: 0px;
    }

    .container_2 .content .box .contact .icon{
        width: 50px;
        height: 50px;
    }

    .container_2 .content .box .contact .icon svg{
        width: 25px;
        height: 25px;
    }

    .container_2 .content .box .contact .text{
        font-size: calc(22px / 1.2);
    }

    .container_2 .content .box .contact .text:nth-child(3){
        font-size: calc(15px / 1.1);
        margin-top: 8px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 12);
    }

    .container_5 .content .button{
        top: unset;
        bottom: 0px;
    }

    .subpage{
        padding-top: calc((100% / 16) * 10);
    }

    .subpage .overlay .logo{
        width: 250px;
    }
    
    .subpage .overlay .header{
        font-size: calc(56px / 1.3);
        margin-top: 30px;
    }

    .container_1.catering .block:nth-child(3){
        display: none;
    }

    .container_1 .block .subhead{
        margin-top: 30px;
    }

    .container_1 .block .subcontent{
        margin-top: 20px;
    }

    .container_1 .block .subcontent .text{
        margin-top: 20px;
    }

    .container_6 .content{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .container_6 .content .header{
        font-size: calc(36px / 1.1);
        margin-top: 20px;
    }

    .container_6 .content .form{
        width: 100%;
        max-width: 440px;
        margin-top: 30px;
    }

    .container_6 .content .form .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .footer_2 .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    @media (min-width: 450px) and (max-width: 520px){

        .container_6 .content .form .success,
        .container_6 .content .form .error{
            flex-direction: column;
        }

        .container_6 .content .form .success .icon,
        .container_6 .content .form .error .icon{
            margin-top: 15px;
        }

        .container_6 .content .form .success .text,
        .container_6 .content .form .error .text{
            padding: 15px;
            text-align: center;
        }

        .footer_2 .inner .part{
            display: flex;
            flex-direction: column;
        }

        .footer_2 .inner .part .divider{
            display: none;
        }

        .footer_2 .inner .part .cookies{
            margin-top: 3px;
            margin-left: 0px;
            margin-right: auto;
        }

    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 449px){

    .holiday .text{
        font-size: calc(16px / 1.05);
    }

    .jumpup{
        width: 42px;
        height: 42px;
        right: 0px;
        bottom: 65px;
    }

    .jumpup svg{
        width: 22px;
        height: 22px;
    }

    .slider{
        padding-top: calc((100% / 16) * 15);
    }

    .slider .inner .social .icon{
        width: 22px;
        height: 22px;
    }

    .slider .inner .content .logo{
        width: 225px;
    }

    @media (min-width: 320px) and (max-width: 400px){

        .slider{
            padding-top: calc((100% / 16) * 18);
        }

        .slider .inner .content .logo{
            width: 225px;
        }

    }

    .slider .inner .content .text{
        margin-top: 20px;
        font-size: calc(22px / 1.2);
    }

    .slider .inner .content .text:nth-child(3){
        font-size: calc(65px / 1.4);
        margin-top: 10px;
    }

    @media (min-width: 320px) and (max-width: 360px){

        .slider .inner .content .text:nth-child(3){
            font-size: calc(65px / 1.45);
            margin-top: 10px;
        }

    }

    .slider .inner .content .button{
        font-size: calc(18px / 1.1);
        margin-top: 20px;
        padding: 12px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .container_1{
        grid-template-columns: unset;
        display: flex;
        flex-direction: column-reverse;
    }

    .container_1 .block:nth-child(1){
        display: none;
    }

    .container_1 .block:nth-child(3){
        padding-top: calc((100% / 16) * 10);
        position: relative;
    }

    .container_1 .block:nth-child(3) img{
        top: 0;
        left: 0;
        object-position: center center;
    }

    .container_1 .block .content{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .container_1 .block .content .header{
        font-size: calc(36px / 1.2);
        margin-top: 15px;
    }

    .container_1 .block .content .icon{
        margin-top: 15px;
    }

    .container_1 .block .content .text{
        margin-top: 20px;
        font-size: calc(15px / 1.05);
    }

    .container_1 .block .content .footer{
        margin-top: 30px;
        font-size: calc(35px / 1.15);
    }

    .container_2 .content{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .container_2 .content .header{
        font-size: calc(36px / 1.2);
        margin-top: 15px;
    }

    .container_2 .content .icon{
        margin-top: 15px;
    }

    .container_2 .content .box{
        width: 100%;
        margin-top: 20px;
    }

    .container_2 .content .box .block{
        width: 100%;
        max-width: 300px;
        margin-right: 0px;
        margin-bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        clear: both;
    }

    .container_2 .content .box .block:last-child{
        margin-bottom: 0px;
    }

    .container_2 .content .box .block .button{
        width: calc(100% - 28px);
        font-size: calc(18px / 1.1);
        padding: 14px;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .container_2 .content .box .block .holder{
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
        border-bottom: 22px solid #a88f52;
    }

    .container_2 .content .box .block:hover .holder{
        bottom: 54px;
    }

    .container_3 .content .partname{
        margin-top: 30px;
    }

    .container_3 .content .header{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        font-size: calc(36px / 1.2);
        margin-top: 15px;
    }

    .container_3 .content .icon{
        margin-top: 15px;
    }

    .container_3 .content .gallery,
    .container_3 .content .gallery_s{
        margin-top: 20px;
    }

    .container_3 .content .gallery .image{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .container_3 .content .gallery .image .overlay .zoom .button,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
        width: 45px;
        height: 45px;
    }

    .container_3 .content .gallery .image .overlay .zoom .button svg,
    .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
        width: 22px;
        height: 22px;
    }

    @media (min-width: 320px) and (max-width: 360px){

        .container_3 .content .gallery .image .overlay .zoom .button,
        .container_3 .content .gallery_s .part .images .image .overlay .zoom .button{
            width: 40px;
            height: 40px;
        }

        .container_3 .content .gallery .image .overlay .zoom .button svg,
        .container_3 .content .gallery_s .part .images .image .overlay .zoom .button svg{
            width: 20px;
            height: 20px;
        }

    }

    .container_4 .content{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .container_4 .content .header{
        font-size: calc(36px / 1.2);
    }

    .container_4 .content .button{
        font-size: calc(18px / 1.1);
        margin-top: 25px;
        padding: 12px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .container_2 .content .box .contact{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .container_2 .content .box .contact:last-child{
        margin-bottom: 0px;
    }

    .container_2 .content .box .contact .icon{
        width: 50px;
        height: 50px;
    }

    .container_2 .content .box .contact .icon svg{
        width: 25px;
        height: 25px;
    }

    .container_2 .content .box .contact .text{
        font-size: calc(22px / 1.2);
        margin-top: 20px;
    }

    .container_2 .content .box .contact .text:nth-child(3){
        font-size: calc(15px / 1.1);
        margin-top: 8px;
    }

    .container_5 .content{
        padding-top: calc((100% / 16) * 16);
    }

    .container_5 .content .button{
        top: unset;
        bottom: 0px;
    }

    @media (min-width: 320px) and (max-width: 360px){

        .container_5 .content{
            padding-top: calc((100% / 16) * 18);
        }

        .container_5 .content .button{
            padding: 13px;
            padding-left: 18px;
            padding-right: 18px;
        }

        .container_5 .content .button .text{
            font-size: calc(18px / 1.05);
        }

        .container_5 .content .button .text:nth-child(2){
            font-size: calc(13px / 1.05);
        }

    }

    .subpage{
        padding-top: calc((100% / 16) * 14);
    }

    .subpage .overlay .logo{
        width: 225px;
    }

    .subpage .overlay .header{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        font-size: calc(56px / 1.3);
        margin-top: 30px;
    }

    .subpage .social .icon{
        width: 22px;
        height: 22px;
    }

    @media (min-width: 320px) and (max-width: 360px){

        .subpage{
            padding-top: calc((100% / 16) * 15);
        }

        .subpage .overlay .logo{
            width: 225px;
        }

        .subpage .overlay .header{
            font-size: calc(56px / 1.4);
            margin-top: 20px;
        }

    }

    .container_1.catering .block:nth-child(3){
        display: none;
    }

    .container_1 .block .subhead{
        margin-top: 25px;
        font-size: calc(22px / 1.05);
    }

    .container_1 .block .subcontent{
        margin-top: 20px;
    }

    .container_1 .block .subcontent .text{
        margin-top: 15px;
    }

    .container_3 .content .gallery_s .part{
        width: 100%;
        padding-top: calc(100% / 3);
    }

    .container_3 .content .gallery_s .part:nth-child(1) .images .image{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .container_3 .content .gallery_s .part:nth-child(2){
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .container_3 .content .gallery_s .part:nth-child(3){
        width: calc((100% / 3) * 2);
        padding-top: calc(100% / 3);
    }

    .container_3 .content .gallery_s .part:nth-child(3) .images{
        width: 100%;
        height: 100%;
    }

    .container_3 .content .gallery_s .part:nth-child(3) .images .image{
        width: calc(100% / 2);
        padding-top: calc(100% / 2);
    }

    .container_6 .content{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .container_6 .content .header{
        font-size: calc(36px / 1.2);
        margin-top: 15px;
    }

    .container_6 .content .icon{
        margin-top: 15px;
    }

    .container_6 .content .form{
        width: 100%;
        max-width: 440px;
        margin-top: 20px;
    }

    .container_6 .content .form .success,
    .container_6 .content .form .error{
        flex-direction: column;
    }

    .container_6 .content .form .success .icon,
    .container_6 .content .form .error .icon{
        margin-top: 15px;
    }

    .container_6 .content .form .success .text,
    .container_6 .content .form .error .text{
        padding: 15px;
    }

    .container_6 .content .form .success .text .line,
    .container_6 .content .form .error .text .line{
        font-size: calc(16px / 1.05);
    }

    .container_6 .content .form .line{
        margin-top: 25px;
    }

    .container_6 .content .form .line .label{
        font-size: calc(16px / 1.05);
    }

    .container_6 .content .form .line .inputbox .input{
        font-size: calc(16px / 1.1);
    }

    .container_6 .content .form .line textarea{
        font-size: calc(16px / 1.1);
    }

    .container_6 .content .form .button{
        font-size: calc(16px / 1.05);
    }

    .container_6 .content .form .gdpr{
        margin-top: 25px;
    }

    .footer .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .footer .inner .header{
        font-size: calc(16px / 1.05);
    }

    .footer .inner .text{
        font-size: calc(15px / 1.05);
    }

    .footer_2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer_2 .inner .part{
        display: flex;
        flex-direction: column;
    }

    .footer_2 .inner .part .divider{
        display: none;
    }

    .footer_2 .inner .part .cookies{
        margin-top: 3px;
        margin-left: 0px;
        margin-right: auto;
    }

}