@media (min-height:600px){
    .site{
        min-height:100%
    }
}

/* 
 * ***********************************************************
 * 
 * removed this and added the class the commented out css
 * to avaoid unregularities on medium sized screens with
 * only two brand logos left. of there are more logos
 * the sizes are better justified and this code can be set 
 * back to the orinially intended values.
 * 
 * may the force be with you!
 * 
 * 2021-09-01 INCREON sj
 * 
 *********************************************************** 
*/

/*
@media screen and (min-width:618px) and (max-width:1203px){
    body.frontpage .brand-icons{
        height:auto;
        padding-bottom:50px
    }
    body.frontpage .brand-icons .container{
        max-width:870px
    }
    body.frontpage .brand-icons a{
        width:32%;
        display:inline-block;
        vertical-align:middle;
        text-align:center
    }
    body.frontpage .brand-icons a img{
        margin-bottom:40px;
        margin-left:0;
        margin-right:0
    }
    #navbar .container{
        width:95.2%
    }
} 

@media screen and (max-width:1203px) and (min-width:481px){
    body.frontpage .brand-icons{
        height:auto;
        padding-bottom:50px
    }
    body.frontpage .brand-icons .container{
        max-width:870px
    }
    body.frontpage .brand-icons a{
        width:48%;
        display:inline-block;
        vertical-align:middle;
        text-align:center
    }
    body.frontpage .brand-icons a img{
        margin-bottom:40px;
        margin-left:0;
        margin-right:0
    }
}
*/

@media screen and (max-width:1203px) and (min-width:481px){
    body.frontpage .brand-icons{
        height:auto;
        padding-bottom:5px
    }
    body.frontpage .brand-icons a{
        display:inline-block;
        width:45%;
        text-align:center;
        margin-bottom:40px;
        margin-left:2%;
        margin-right:2%
    }
    body.frontpage .brand-icons a img{
        margin-left:0!important;
        margin-right:0!important
    }
}


@media screen and (min-width:750px) and (max-width:960px){
    #navbar .container{
        width:100%
    }
    #navbar .container .navbar-brand{
        padding-right:10px
    }
    #navbar .container .nav>li>a{
        padding-left:6px;
        padding-right:6px
    }
}
@media screen and (max-width:881px){
    body.logged-in .navbar{
        top:0
    }
    #navbar .lang-menu{
        position:relative
    }
    #navbar .lang-menu li{
        float:none;
        text-align:right
    }
    #navbar .lang-menu li a{
        padding:9px 6px 11px;
        display:block
    }
    #navbar .lang-menu .lang-menu-collapse{
        position:absolute;
        right:-10px;
        top:100%;
        background:#fff;
        border-bottom:1px solid #00265e
    }
    #navbar .lang-menu .lang-menu-collapse a{
        color:#00265e!important;
        padding-right:10px
    }
    body.paulancer #navbar .lang-menu .lang-menu-collapse{
        border-bottom:1px solid #00265e
    }
    body.paulancer #navbar .lang-menu .lang-menu-collapse a{
        color:#00265e!important
    }
    body.kafer #navbar .lang-menu .lang-menu-collapse{
        border-bottom:1px solid #8b2041
    }
    body.kafer #navbar .lang-menu .lang-menu-collapse a{
        color:#8b2041!important
    }
    body.deli-bakery #navbar .lang-menu .lang-menu-collapse{
        border-bottom:1px solid #f58220
    }
    body.deli-bakery #navbar .lang-menu .lang-menu-collapse a{
        color:#f58220!important
    }
    body.ambrosia #navbar .lang-menu .lang-menu-collapse{
        border-bottom:1px solid #000
    }
    body.ambrosia #navbar .lang-menu .lang-menu-collapse a{
        color:#000!important
    }
    body.dian-shui-lou #navbar .lang-menu .lang-menu-collapse{
        border-bottom:1px solid #f4eddd
    }
    body.dian-shui-lou #navbar .lang-menu .lang-menu-collapse a{
        color:#f4eddd!important
    }
    body.banquet #navbar .lang-menu .lang-menu-collapse{
        border-bottom:1px solid #000
    }
    body.banquet #navbar .lang-menu .lang-menu-collapse a{
        color:#000!important
    }
}
@media screen and (min-width:881px){
    #navbar .sub-brand-mobile-nav{
        display:none!important
    }
}
@media screen and (max-width:881px){
    .navbar-header{
        padding-right:0
    }
    .site-main .breadcrumb{
        display:inline-block;
        padding:8px 20px
    }
    #navbar .container{
        position:relative
    }
    #navbar .navbar-header{
        margin-right:0
    }
    #navbar .navbar-toggle{
        margin-right:0
    }
    #navbar .lang-menu{
        position:absolute;
        right:60px;
        top:0;
        margin:0
    }
    #navbar .lang-menu .lang-menu-collapse{
        right:-60px
    }
    #navbar .lang-menu .lang-menu-collapse a{
        padding-right:65px
    }
    #navbar .navbar-nav{
        padding-left:10px;
        padding-right:10px
    }
    #navbar div.navbar-ex1-collapse,#navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #00265e;
        float:none!important;
        background:#fff;
        margin-left:-10px;
        margin-right:-10px
    }
    #navbar div.navbar-ex1-collapse li a,#navbar div.sub-brand-mobile-nav li a{
        color:#00265e
    }
    #navbar div.navbar-ex1-collapse li a:hover,#navbar div.sub-brand-mobile-nav li a:hover,#navbar div.navbar-ex1-collapse li a:focus,#navbar div.sub-brand-mobile-nav li a:focus,#navbar div.navbar-ex1-collapse li.active>a,#navbar div.sub-brand-mobile-nav li.active>a,#navbar div.navbar-ex1-collapse li.open a,#navbar div.sub-brand-mobile-nav li.open a,#navbar div.navbar-ex1-collapse li.mobile-open a,#navbar div.sub-brand-mobile-nav li.mobile-open a{
        color:#fff
    }
    #navbar div.navbar-ex1-collapse .mobile-open .dropdown-menu,#navbar div.sub-brand-mobile-nav .mobile-open .dropdown-menu{
        display:block!important;
        float:none!important;
        position:static
    }
    #navbar div.navbar-ex1-collapse .mobile-open .dropdown-menu>li>a,#navbar div.sub-brand-mobile-nav .mobile-open .dropdown-menu>li>a{
        line-height:20px;
        padding:5px 15px 5px 25px
    }
    #navbar div.navbar-ex1-collapse li.open>a{
        background:#00265e!important
    }
    #navbar .dropdown-menu{
        background:#fff;
        width:auto!important;
        text-align:left;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0
    }
    #navbar div.sub-brand-mobile-nav{
        padding:0 0 0 10px;
        margin-right:0
    }
    #navbar div.sub-brand-mobile-nav .navbar-nav{
        margin-left:0;
        margin-right:0
    }
    #navbar div.sub-brand-mobile-nav i.glyphicon-chevron-down{
        padding-left:5px
    }
    #navbar li:hover>a>i{
        display:inline!important
    }
    #navbar .sub-top-nav{
        display:none
    }
    body.paulancer #navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #00265e
    }
    body.paulancer #navbar div.sub-brand-mobile-nav li a{
        color:#00265e
    }
    body.paulancer #navbar div.sub-brand-mobile-nav li a:hover,body.paulancer #navbar div.sub-brand-mobile-nav li a:focus,body.paulancer #navbar div.sub-brand-mobile-nav li.active>a{
        color:#fff;
        background:#00265e
    }
    body.paulancer #navbar div.sub-brand-mobile-nav .dropdown-menu{
        background:#fff
    }
    body.kafer #navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #8b2041
    }
    body.kafer #navbar div.sub-brand-mobile-nav li a{
        color:#8b2041
    }
    body.kafer #navbar div.sub-brand-mobile-nav li a:hover,body.kafer #navbar div.sub-brand-mobile-nav li a:focus,body.kafer #navbar div.sub-brand-mobile-nav li.active>a,body.kafer #navbar div.sub-brand-mobile-nav li.mobile-open>a{
        color:#fff;
        background:#8b2041
    }
    body.kafer #navbar div.sub-brand-mobile-nav .dropdown-menu{
        background:#fff
    }
    body.deli-bakery #navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #f58220
    }
    body.deli-bakery #navbar div.sub-brand-mobile-nav li a{
        color:#f58220
    }
    body.deli-bakery #navbar div.sub-brand-mobile-nav li a:hover,body.deli-bakery #navbar div.sub-brand-mobile-nav li a:focus,body.deli-bakery #navbar div.sub-brand-mobile-nav li.active>a,body.deli-bakery #navbar div.sub-brand-mobile-nav li.mobile-open>a{
        color:#fff;
        background:#f58220
    }
    body.deli-bakery #navbar div.sub-brand-mobile-nav .dropdown-menu{
        background:#00265e
    }
    body.ambrosia #navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #000
    }
    body.ambrosia #navbar div.sub-brand-mobile-nav li a{
        color:#000
    }
    body.ambrosia #navbar div.sub-brand-mobile-nav li a:hover,body.ambrosia #navbar div.sub-brand-mobile-nav li a:focus,body.ambrosia #navbar div.sub-brand-mobile-nav li.active>a,body.ambrosia #navbar div.sub-brand-mobile-nav li.mobile-open>a{
        color:#fff;
        background:#000
    }
    body.ambrosia #navbar div.sub-brand-mobile-nav .dropdown-menu{
        background:#fff
    }
    body.dian-shui-lou #navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #f4eddd
    }
    body.dian-shui-lou #navbar div.sub-brand-mobile-nav li a{
        color:#f4eddd
    }
    body.dian-shui-lou #navbar div.sub-brand-mobile-nav li a:hover,body.dian-shui-lou #navbar div.sub-brand-mobile-nav li a:focus,body.dian-shui-lou #navbar div.sub-brand-mobile-nav li.active>a,body.dian-shui-lou #navbar div.sub-brand-mobile-nav li.mobile-open>a{
        color:#fff;
        background:#f4eddd
    }
    body.dian-shui-lou #navbar div.sub-brand-mobile-nav .dropdown-menu{
        background:#fff
    }
    body.banquet #navbar div.sub-brand-mobile-nav{
        border-bottom:1px solid #000
    }
    body.banquet #navbar div.sub-brand-mobile-nav li a{
        color:#000
    }
    body.banquet #navbar div.sub-brand-mobile-nav li a:hover,body.banquet #navbar div.sub-brand-mobile-nav li a:focus,body.banquet #navbar div.sub-brand-mobile-nav li.active>a,body.banquet #navbar div.sub-brand-mobile-nav li.mobile-open>a{
        color:#fff;
        background:#000
    }
    body.banquet #navbar div.sub-brand-mobile-nav .dropdown-menu{
        background:#fff
    }
    .site-info{
        height:auto
    }
    .site-info .footer-icons{
        float:none;
        display:block
    }
    .site-footer{
        padding-bottom:92px
    }
}
@media screen and (min-width:883px) and (max-width:870px){
    body.page-template-default.main-brand .page-header h1,body.page-template-default.main-brand .page-header h2,body.page-template-default.main-brand .entry-content{
        max-width:79.7%
    }
    .navbar-ex1-collapse{
        max-width:450px;
        overflow:hidden
    }
}
@media screen and (max-width:879px){
    body.page-template-default.main-brand article.hentry{
        margin-bottom:136px;
        margin-left:30px;
        margin-right:30px
    }
}
@media screen and (min-width:498px) and (max-width:500px){
    body.page-template-default.main-brand article.hentry{
        margin-bottom:206px!important
    }
}
@media screen and (max-width:480px){
    body.frontpage .brand-icons{
        height:auto;
        padding-bottom:5px
    }
    body.frontpage .brand-icons a{
        display:inline-block;
        width:45%;
        text-align:center;
        margin-bottom:40px;
        margin-left:2%;
        margin-right:2%
    }
    body.frontpage .brand-icons a img{
        margin-left:0!important;
        margin-right:0!important
    }
    body.page-template-default.main-brand .page-header h1,body.page-template-default.main-brand .page-header h2,body.page-template-default.main-brand .entry-content{
        max-width:85.1%
    }
    .site-info{
        padding:8px 0
    }
    .site-info p{
        line-height:1.5
    }
    .site-info .footer-icons{
        text-align:center;
        margin-top:5px;
        padding-bottom:5px
    }
    .site-info .footer-icons .links{
        display:block;
        padding-bottom:10px
    }
}
@media screen and (max-width:340px){
    .navbar-brand{
        width:190px;
        width:75.67vw
    }
    #navbar .lang-menu li a,.navbar-toggle{
        padding-left:4px;
        padding-right:4px
    }
    #navbar .lang-menu{
        right:45px
    }
    #navbar .lang-menu .lang-menu-collapse{
        right:-45px
    }
}
@media screen and (max-width:750px){
    body.frontpage .container,body.page-template-default .container{
        width:auto
    }
}
@media (max-width:1200px) and (min-width:870px){
    body.two-column .site-content .container{
        width:830px;
        position:relative
    }
    body.two-column .site-content .container .content-primary{
        float:none;
        width:auto;
        margin-right:305px
    }
    body.two-column .site-content .container .content-primary .main-content{
        float:left;
        width:100%
    }
    body.two-column .site-content .container .secondary-content{
        width:295px;
        margin-left:-10px;
        margin-right:-10px;
        float:right
    }
}

@media (max-width:1200px) and (min-width:870px){
    body.two-column .site-content .container .content-primary{
        margin-right:285px
    }
    body.two-column .site-content .container .secondary-content{
        width:275px;
        margin-right:10px
    }
    body.two-column .page-header .logo-container,body.two-column .page-header .logo-container a{
        display:block
    }
    body.two-column .teaser-box.combo{
        height:550px;
        width:265px
    }
    body.two-column .teaser-box.combo .inner{
        height:550px
    }
    body.two-column .teaser-box.combo img{
        padding-left:0;
        padding-top:20px
    }
    .gallery-container{
        margin-left:-8px;
        margin-right:-8px
    }
    .gallery-container .teaser-box.gallery{
        margin-left:8px;
        margin-right:8px
    }
}
@media screen and (max-width:869px){
    .site-footer .container{
        width:570px
    }
    .site-content .container{
        width:570px
    }
    body.sub-brand .page-header .logo-container{
        width:33%
    }
    body.sub-brand .page-header .title-container{
        width:66%
    }
    body.two-column .site-footer .container{
        width:570px
    }
    body.two-column .site-content .container{
        width:570px
    }
    body.two-column .site-content .container .content-primary .main-content{
        float:none
    }
    body.two-column .site-content .container .secondary-content{
        float:none;
        margin-top:20px
    }
    body.two-column .page-header .logo-container,body.two-column .page-header .logo-container a{
        display:block
    }
    body.two-column .teaser-box.combo .col-md-6{
        width:50%;
        float:left
    }
}
@media screen and (max-width:600px){
    .site-footer .container{
        width:auto;
        margin-left:30px;
        margin-right:30px
    }
    .site-content .container{
        width:auto;
        margin-left:30px;
        margin-right:30px
    }
    body.two-column .site-content .container,body.two-column .site-footer .container{
        width:auto;
        margin-left:30px;
        margin-right:30px
    }
    .page-header .logo-container{
        display:block;
        float:none;
        width:auto!important
    }
    .page-header .logo-container{
        text-align:center
    }
    .page-header .title-container{
        display:none
    }
    .teaser-box{
        width:46.46%;
        height:38.4vw;
        padding:3.6%;
        margin-left:1.78%;
        margin-right:1.72%;
        font-size:11px
    }
    .teaser-box h1,.teaser-box h2,.teaser-box h3{
        font-size:16px!important
    }
    .teaser-box.image .mask{
        padding-top:10%;
        width:84.8%;
        height:32.1vw;
        left:7.54%;
        top:3.2vw
    }
    .teaser-box.image .short-desc{
        width:84.8%;
        bottom:3vw;
        left:7.54%;
        font-size:11px
    }
    .teaser-box.image p,.teaser-box.image h2{
        font-size:11px!important
    }
    .teaser-box.image img{
        min-height:0;
        width:100%
    }
    .teaser-box .inner{
        height:32vw;
        overflow:hidden
    }
    .teaser-box.combo{
        width:96.5%;
        min-height:32vw;
        height:auto
    }
    .teaser-box.combo .inner{
        height:auto
    }
    .teaser-box-container{
        margin-left:-2%;
        margin-right:-2%
    }
}
@media screen and (max-width:799px) and (min-width:767px){
    body.one-column .teaser-box.image .mask{
        width:280px!important;
        height:280px!important;
        left:25px!important
    }
    body.one-column .teaser-box.image .short-desc{
        width:279px!important;
        left:25px!important
    }
}
@media screen and (max-width:484px){
    .gallery-container{
        margin-left:-6px!important;
        margin-right:-6px!important
    }
    .gallery-container .teaser-box.gallery{
        width:144px;
        height:144px;
        margin-left:6px;
        margin-right:6px
    }
    .gallery-container .teaser-box.gallery .inner,.gallery-container .teaser-box.gallery .mask{
        width:144px;
        height:144px
    }
    .gallery-container .teaser-box.gallery .inner .short-desc,.gallery-container .teaser-box.gallery .mask .short-desc{
        width:144px
    }
}
@media screen and (max-width:479px){
    .site-content .container,.site-footer .container{
        width:360px;
        margin-left:auto;
        margin-right:auto
    }
    body.two-column .site-content .container,body.two-column .site-footer .container{
        width:360px;
        margin-left:auto;
        margin-right:auto
    }
    .teaser-box{
        width:340px;
        height:340px;
        padding:20px;
        font-size:15px
    }
    .teaser-box h1,.teaser-box h2,.teaser-box h3{
        font-size:18px!important
    }
    .teaser-box.image .mask{
        padding-top:64px;
        width:300px;
        height:300px;
        left:20px;
        top:20px
    }
    .teaser-box.image .short-desc{
        width:300px;
        bottom:20px;
        left:20px;
        font-size:13px
    }
    .teaser-box.image p,.teaser-box.image h2{
        font-size:15px!important
    }
    .teaser-box.image img{
        height:100%;
        width:auto
    }
    .teaser-box .inner{
        height:300px;
        width:300px
    }
    .teaser-box.combo{
        width:340px;
        height:auto
    }
    .teaser-box-container{
        margin-left:-5px;
        margin-right:0
    }
}
@media screen and (max-width:379px){
    .site-content .container,.site-footer .container{
        width:360px
    }
    body.two-column .site-content .container,body.two-column .site-footer .container{
        width:360px
    }
    .teaser-box{
        width:260px;
        height:260px;
        padding:20px;
        font-size:13px;
        margin-left:10px;
        margin-right:10px
    }
    .teaser-box h1,.teaser-box h2,.teaser-box h3{
        font-size:18px!important
    }
    .teaser-box.image .mask{
        padding-top:64px;
        width:220px;
        height:220px;
        left:20px;
        top:20px
    }
    .teaser-box.image .short-desc{
        width:220px;
        bottom:20px;
        left:20px;
        font-size:13px
    }
    .teaser-box.image p,.teaser-box.image h2{
        font-size:13px!important
    }
    .teaser-box.image img{
        width:100%;
        height:auto;
        min-height:220px
    }
    .teaser-box .inner{
        height:220px;
        width:220px
    }
    .teaser-box.combo{
        width:260px
    }
    .teaser-box-container{
        margin-left:-10px;
        margin-right:-10px
    }
    .gallery-container{
        margin-left:-4px!important;
        margin-right:-4px!important
    }
    .gallery-container .teaser-box.gallery{
        width:106px;
        height:106px;
        margin-left:4px;
        margin-right:4px;
        margin-bottom:8px
    }
    .gallery-container .teaser-box.gallery .inner,.gallery-container .teaser-box.gallery .mask{
        width:106px;
        height:106px
    }
    .gallery-container .teaser-box.gallery .inner .short-desc,.gallery-container .teaser-box.gallery .mask .short-desc{
        width:106px;
        font-size:11px;
        padding-left:0;
        padding-right:0
    }
    .gallery-container .teaser-box.gallery img{
        min-height:106px
    }
}
@media screen and (max-width:649px){
    .page-header .logo-container{
        height:auto!important
    }
}
@media screen and (max-width:500px){
    body.single-news .main-content .wp-post-image,body.single-event .main-content .wp-post-image{
        margin-top:10px
    }
}
@media screen and (max-width:400px){
    body.single-news .main-content .wp-post-image,body.single-event .main-content .wp-post-image{
        float:none!important;
        display:block;
        margin:20px auto
    }
}
@media screen and (max-width:480px){
    body.two-column.template-event .event-excerpt .thumb{
        float:none!important;
        width:auto
    }
    body.two-column.template-event .event-excerpt .text{
        margin-left:10px;
        margin-right:10px
    }
    .panel-body .col-xs-8,.panel-body .col-xs-4{
        float:none;
        width:auto
    }
}
@media screen and (max-width:1200px) and (min-width:831px){
    body.one-column .container{
        width:830px
    }
    body.one-column .teaser-box-container{
        margin-left:-7px;
        margin-right:-7px
    }
    body.one-column .teaser-box{
        margin:0 7px 20px;
        width:260px;
        height:260px
    }
    body.one-column .teaser-box.image .mask{
        width:220px;
        height:220px
    }
    body.one-column .teaser-box.image .inner{
        height:100%;
        width:100%
    }
    body.one-column .teaser-box.image .short-desc{
        width:220px
    }
    body.one-column .teaser-box.image img{
        width:100%
    }
    body.one-column .teaser-box.combo{
        width:534px
    }
    body.one-column .teaser-box.combo .col-md-6{
        width:50%;
        float:left
    }
}
@media screen and (max-width:1119px){
    body.one-column .page-header .logo-container{
        display:block
    }
    body.one-column .page-header .logo-container a{
        display:block
    }
}
@media screen and (max-width:830px) and (min-width:750px){
    body.one-column .container{
        width:710px
    }
    body.one-column .teaser-box-container{
        margin-left:-15px;
        margin-right:-15px
    }
    body.one-column .teaser-box{
        margin:0 15px 20px;
        width:330px;
        height:330px
    }
    body.one-column .teaser-box .inner{
        height:100%;
        width:100%
    }
    body.one-column .teaser-box.image .mask{
        width:290px;
        height:290px
    }
    body.one-column .teaser-box.image .short-desc{
        width:290px
    }
    body.one-column .teaser-box.image img{
        width:100%
    }
    body.one-column .teaser-box.combo{
        width:690px
    }
    body.one-column .teaser-box.combo .col-md-6{
        width:50%;
        float:left
    }
}
@media screen and (max-width:649px){
    body.one-column .page-header .logo-container{
        display:block;
        float:none;
        width:auto!important
    }
    body.one-column .page-header .logo-container{
        text-align:center
    }
    body.one-column .page-header .title-container{
        display:none
    }
}
@media screen and (max-width:480px){
    .panel-body .col-xs-8,.panel-body .col-xs-4{
        float:none;
        width:auto
    }
    .breadcrumb{
        margin-left:0
    }
}
@media screen and (max-width:1180px){
    body.page-template-default.main-brand .entry-content{
        padding-bottom:1.72881355932203vw!important
    }
}
@media screen and (max-width:750px) and (min-width:600px){
    .site-footer .container{
        width:auto!important
    }
    .footer-widgets .row>div{
        width:49%;
        display:inline-block;
        float:none;
        vertical-align:top;
        margin-bottom:10px
    }
}
@media screen and (max-width:599px){
    .footer-widgets .row>div{
        margin-bottom:10px
    }
}
@media screen and (max-width:1202px) and (min-width:872px){
    .site-info .container{
        min-width:810px
    }
}
@media screen and (max-width:750px){
    .container{
        width:auto
    }
}
@media screen and (max-width:480px){
    body.error404 .site-content h1{
        font-size:140px
    }
    body.error404 .site-content h2{
        font-size:28px
    }
}
@media screen and (max-width:330px){
    body.error404 .site-content h1{
        font-size:100px
    }
    body.error404 .site-content h2{
        font-size:20px
    }
}
@media screen and (max-width:1200px){
    .two-level .sub-brand-nav li a{
        font-size:17px
    }
    .sub-brand-nav li a{
        padding:7px 15px 8px;
        font-size:17px
    }
}
@media screen and (max-width:871px){
    .sub-brand-nav li a{
        font-size:16px
    }
    .sub-brand-nav{
        padding-left:0;
        padding-right:0
    }
    body.sub-brand .page-header .entry-title{
        font-size:35px
    }
    body.sub-brand .page-header .entry-subtitle{
        font-size:20px
    }
    .breadcrumb>li{
        font-size:26px
    }
}
@media screen and (max-width:881px){
    .navbar-nav li a{
        font-size:16px
    }
    .lang-menu li a{
        font-size:14px
    }
    .lang-menu .lang-menu-collapse a{
        font-size:16px
    }
}
@media screen and (max-width:750px){
    body.sub-brand h1,body.sub-brand .h1{
        font-size:26px
    }
    body.sub-brand .main-content{
        font-size:14px
    }
    body.frontpage .page-header h1,body.frontpage .entry-content h1,body.frontpage .page-header h2,body.frontpage .entry-content h2{
        font-size:50px
    }
    body.frontpage .entry-content{
        font-size:18px
    }
    body.page-template-default.main-brand .page-header h1{
        font-size:36px
    }
    body.page-template-default.main-brand .entry-content{
        font-size:18px
    }
}
@media screen and (max-width:480px){
    body.frontpage .page-header h1,body.frontpage .entry-content h1,body.frontpage .page-header h2,body.frontpage .entry-content h2{
        font-size:40px
    }
    .breadcrumb>li{
        font-size:16px
    }
    .lang-menu li a{
        font-size:13px
    }
    .lang-menu .lang-menu-collapse a{
        font-size:14px
    }
    #navbar .lang-menu{
        padding-right:0
    }
    #navbar .lang-menu .lang-menu-collapse a{
        padding-right:50px
    }
}
@media only screen and (max-height:360px){
    .lightbox{
        overflow:hidden
    }
    .lb-outerContainer{
        width:80%!important;
        height:280px!important
    }
    .lightbox .lb-image{
        width:100%!important;
        height:auto!important
    }
    .lb-dataContainer{
        width:80%!important
    }
    .lb-data .lb-close{
        top:-270px
    }
}
@media screen and (min-width:830px){
    body.three-column .teaser-box.combo{
        width:265px;
        height:550px
    }
    body.three-column .teaser-box.combo .inner{
        height:510px
    }
}
@media screen and (min-width:566px) and (max-width:570px){
    .teaser-box{
        width:228px;
        height:228px;
        padding:17px;
        margin-left:8px;
        margin-right:8px
    }
    .teaser-box.image .mask{
        padding-top:17px;
        width:194px;
        height:194px;
        left:17px;
        top:17px
    }
    .teaser-box.image .short-desc{
        width:194px;
        bottom:17px;
        left:17px
    }
    .teaser-box .inner{
        height:194px
    }
    .teaser-box.combo{
        height:228px
    }
    .teaser-box-container{
        margin-left:-8px;
        margin-right:-8px
    }
}
@media screen and (min-width:478px) and (max-width:482px){
    .teaser-box{
        width:185px;
        height:185px;
        padding:14px;
        margin-left:6px;
        margin-right:6px
    }
    .teaser-box.image .mask{
        padding-top:14px;
        width:157px;
        height:157px;
        left:14px;
        top:14px
    }
    .teaser-box.image .short-desc{
        width:157px;
        bottom:14px;
        left:14px
    }
    .teaser-box .inner{
        height:157px
    }
    .teaser-box.combo{
        height:185px
    }
    .teaser-box-container{
        margin-left:-6px;
        margin-right:-6px
    }
}
@media screen and (max-width:869px) and (min-width:610px){
    body.banquet .page-header .logo-container{
        width:80%
    }
    body.banquet .page-header .title-container{
        width:10%
    }
    body.ambrosia .page-header .title-container .entry-title{
        font-size:35px
    }
    body.ambrosia .page-header .title-container .entry-subtitle{
        font-size:28px
    }
    body.kafer .page-header .title-container .entry-title{
        font-size:30px
    }
    body.kafer .page-header .title-container .entry-subtitle{
        font-size:25px
    }
    body.deli-bakery .page-header .logo-container{
        width:15%
    }
    body.deli-bakery .page-header .title-container{
        width:85%
    }
    body.deli-bakery .page-header .title-container .entry-title{
        font-size:33px
    }
    body.deli-bakery .page-header .title-container .entry-subtitle{
        font-size:26px
    }
    body.dian-shui-lou .page-header .logo-container{
        width:20%
    }
    body.dian-shui-lou .page-header .title-container{
        width:80%
    }
    body.dian-shui-lou .page-header .title-container .entry-subtitle{
        font-size:26px
    }
    body.dian-shui-lou .page-header .title-container .entry-title{
        font-size:22px
    }
}
@media screen and (max-width:1201px) and (min-width:870px){
    body.ambrosia .page-header .title-container .entry-title{
        font-size:45px
    }
    body.ambrosia .page-header .title-container .entry-subtitle{
        font-size:30px
    }
    body.kafer .page-header .title-container .entry-title{
        font-size:45px
    }
    body.kafer .page-header .title-container .entry-subtitle{
        font-size:35px
    }
    body.deli-bakery .page-header .logo-container{
        width:15%
    }
    body.deli-bakery .page-header .title-container{
        width:85%
    }
    body.deli-bakery .page-header .title-container .entry-title{
        font-size:45px
    }
    body.deli-bakery .page-header .title-container .entry-subtitle{
        font-size:35px
    }
    body.dian-shui-lou .page-header .logo-container{
        width:20%
    }
    body.dian-shui-lou .page-header .title-container{
        width:80%
    }
    body.dian-shui-lou .page-header .title-container .entry-subtitle{
        font-size:32px
    }
    body.dian-shui-lou .page-header .title-container .entry-title{
        font-size:47px
    }
}