/* CSS Document */

/* ##############################

<== STANDART SETTINGS ==>

01. BODY
02. TEXT
03. NAVIGATION
04. BANNER
05. BUTTONS / ICONS
06. TEXT-BOX
07. SECTION
08. GALLERY
09. FORM
10. FOOTER


<== PAGES ==>

11. INDEX

12. RESTAURANT
13. SPEISEKARTE
14. JOBS
15. GUTSCHEINE

16. FEIERN
17. HOCHZEITEN
18. WEIHNACHTEN
19. FIRMENFEIERN
20. IHRE FEIER
21. EINDRUECKE

22. RESERVIERUNGEN

23. KONTAKT

    ############################## */





/*  <== STANDART SETTINGS ==>  */



/*  ##############################
    01. BODY
    ############################## */

@media (max-width: 1199.98px) {
    .section-space {
        padding: 20px;
    }
}



@media (max-width: 575.98px) {
    .padding-top {
        padding-top: 135px;
    }
}



/*  ##############################
    02. TEXT
    ############################## */


@media (max-width: 1199.98px) {
    h1 {
        font-size: 10px;
    }
}

@media (max-width: 991.98px) {
    h1 {
        font-size: 35px;
    }
}

@media (max-width: 575.98px) {
    h1 {
        font-size: 30px;
    }
}



@media (max-width: 1199.98px) {
    h2 {
        font-size: 40px;
    }
}

@media (max-width: 991.98px) {
    h2 {
        font-size: 35px;
    }
}

@media (max-width: 575.98px) {
    h2 {
        font-size: 30px;
    }
}



@media (max-width: 1199.98px) {
    h5 {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    h5 {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    h5 {
        font-size: 18px;
    }
}



@media (max-width: 1199.98px) {
    h6 {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    h6 {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    h6 {
        font-size: 13px;
    }
}



@media (max-width: 1199.98px) {
    .hr-banner {
        width: 70px;
    }
}

@media (max-width: 991.98px) {
    .hr-banner {
        width: 50px;
    }
}

@media (max-width: 575.98px) {
    .hr-banner {
        width: 30px;
    }
}



@media (max-width: 1199.98px) {
    p {
        font-size: 17px;
    }
}

@media (max-width: 991.98px) {
    p {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    p {
        font-size: 15px;
    }
}



/*  ##############################
    03. NAVIGATION
    ############################## */

@media (max-width: 991.98px) {
    .bg-custom {
        background: #4e4e56;
    }
}



@media (max-width: 575.98px) {
    .logo-navbar {
        width: 207px;
        height: 63px;
        object-fit: fill;
    }
}



@media (max-width: 991.98px) {
    .nav-link {
        padding-right: 50px;
    }
}



/*  ##############################
    04. BANNER
    ############################## */

@media (max-width: 1199.98px) {
    .banner-large-text h1 {
        font-size: 60px;
    }
}

@media (max-width: 991.98px) {
    .banner-large-text h1 {
        font-size: 50px;
    }
}

@media (max-width: 575.98px) {
    .banner-large-text h1 {
        font-size: 25px;
    }
}



@media (max-width: 1199.98px) {
    .banner-small-text h1 {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .banner-small-text h1 {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .banner-small-text h1 {
        font-size: 10px;
    }
}



@media (max-width: 1199.98px) {
    .p-banner {
        font-size: 15px;
    }
}

@media (max-width: 991.98px) {
    .p-banner {
        font-size: 10px;
    }
}

@media (max-width: 575.98px) {
    .p-banner {
        font-size: 5px;
    }
}



/*  ##############################
    05. BUTTONS / ICONS
    ############################## */





/*  ##############################
    06. TEXT-BOX
    ############################## */

@media (max-width: 991.98px) {
    .textbox-dark {
        padding: 50px;
    }
}



@media (max-width: 991.98px) {
    .textbox-light {
        padding: 50px;
    }
}



/*  ##############################
    07. SECTION
    ############################## */

@media (max-width: 750px) {
    .section-text-light {
        padding: 50px 0;
    }
}



@media (max-width: 750px) {
    .section-text-dark {
        padding: 50px 0;
    }
}



/*  ##############################
    08. GALLERY
    ############################## */

@media (max-width: 991.98px) {
    .galerie-dark {
        padding: 0 0 30px 0;
    }
}



@media (max-width: 991.98px) {
    .galerie-light {
        padding: 0 0 30px 0;
    }
}



@media (max-width: 991.98px) {
    .galerie-dark .slick-prev:before {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .galerie-dark .slick-next:before {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .galerie-light .slick-prev:before {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .galerie-light .slick-next:before {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .img-slider {
        height: 350px;
        padding: 0;
    }
}



/*  ##############################
    09. FORM
    ############################## */





/*  ##############################
    10. FOOTER
    ############################## */

@media (max-width: 770px) {
    .footer-top {
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .footer-col {
        padding: 20px 10px;
    }
}



/*    <== PAGES ==>    */



/*  ##############################
    11. INDEX
    ############################## */

@media (max-width: 991.98px) {
    .header-index {
        height: 100%;
    }
}



@media (min-width: 992px) {
    .hidden-img {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .hidden-img {
        visibility: visible;
    }
}



@media (min-width: 992px) {
    .img-steak {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .img-steak {
        visibility: visible;
    }
}@media (min-width: 992px) {
    .background-steak {
        visibility: visible;
    }
}

@media (max-width: 991.98px) {
    .background-steak {
        visibility: hidden;
    }
}



@media (min-width: 992px) {
    .img-steak {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .img-steak {
        visibility: visible;
    }
}



/*  ##############################
    12. RESTAURANT
    ############################## */

@media (max-width: 991.98px) {
    .img-restaurant {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-restaurant-background {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-restaurant-mobile {
        display: inherit;
        width: 100% !important;
        object-fit: cover;
    }
}



/*  ##############################
    13. SPEISEKARTE
    ############################## */

@media (max-width: 1199.98px) {
    .tabcontent {
    }
}

@media (max-width: 991.98px) {
    .tabcontent {
    }
}

@media (max-width: 575.98px) {
    .tabcontent {
        padding: 0;
        border: none;
    }
}



@media (max-width: 1199.98px) {
    .headline-product {
        font-size: 25px;
    }
}

@media (max-width: 991.98px) {
    .headline-product {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .headline-product {
        font-size: 20px;
    }
}



@media (max-width: 1199.98px) {
    .price {
        font-size: 25px;
    }
}

@media (max-width: 991.98px) {
    .price {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .price {
        font-size: 20px;
    }
}



@media (max-width: 1199.98px) {
    .description-product {
        font-size: 17px;
    }
}

@media (max-width: 991.98px) {
    .description-product {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .description-product {
        font-size: 15px;
    }
}



@media (max-width: 1199.98px) {
    .quantity {
        font-size: 17px;
    }
}

@media (max-width: 991.98px) {
    .quantity {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .quantity {
        font-size: 15px;
    }
}



@media (max-width: 1199.98px) {
    .icon-food {
        width: 5%;
        height: 5%;
    }
}

@media (max-width: 991.98px) {
    .icon-food {
        width: 7%;
        height: 7%;
    }
}

@media (max-width: 575.98px) {
    .icon-food {
        width: 10%;
        height: 10%;
    }
}



@media (max-width: 1199.98px) {
    .icon-description {
        font-size: 25px;
    }
}

@media (max-width: 991.98px) {
    .icon-description {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .icon-description {
        font-size: 20px;
    }
}



@media (max-width: 1199.98px) {
    .icon-food-description {
        width: 15%;
        height: 15%;
    }
}

@media (max-width: 991.98px) {
    .icon-food-description {
        width: 7%;
        height: 7%;
    }
}

@media (max-width: 575.98px) {
    .icon-food-description {
        width: 10%;
        height: 10%;
    }
}



/*  ##############################
    14. JOBS
    ############################## */

@media (max-width: 750px) {
    .border-box {
        padding: 30px 0;
        border: none;
    }
}



@media(max-width: 992px){
    .wrapper{
        width: 100%;
    } 
}



/*  ##############################
    15. GUTSCHEINE
    ############################## */





/*  ##############################
    16. FEIERN
    ############################## */

@media (max-width: 991.98px) {
    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
}



/*  ##############################
    17. HOCHZEITEN
    ############################## */

@media (max-width: 991.98px) {
    .img-hochzeit {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-hochzeit-background {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-hochzeit-mobile {
        display: inherit;
        width: 100% !important;
        object-fit: cover;
    }
}



/*  ##############################
    18. WEIHNACHTEN
    ############################## */

@media (max-width: 991.98px) {
    .img-weihnachtsfeier {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-weihnachtsfeier-background {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-weihnachtsfeier-mobile {
        display: inherit;
        width: 100% !important;
        max-height: 500px;
        object-fit: cover;
    }
}



/*  ##############################
    19. FIRMENFEIERN
    ############################## */

@media (max-width: 991.98px) {
    .img-firmenfeier {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-firmenfeier-background {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-firmenfeier-mobile {
        display: inherit;
        width: 100% !important;
        max-height: 500px;
        object-fit: cover;
    }
}



/*  ##############################
    20. IHRE FEIER
    ############################## */

@media (max-width: 991.98px) {
    .img-ihre-feier {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-ihre-feier-background {
        display: none;
    }
}



@media (max-width: 991.98px) {
    .img-ihre-feier-mobile {
        display: inherit;
        width: 100% !important;
        max-height: 500px;
        object-fit: cover;
    }
}



/*  ##############################
    21. RESERVIERUNG
    ############################## */





/*  ##############################
    22. KONTAKT
    ############################## */





/*  ##############################
    23. IMPRESSUM
    ############################## */





/*  ##############################
    24. DATENSCHUTZ
    ############################## */





/*  ##############################
    25. NUTZUNGSBEDINGUNGEN
    ############################## */