/* ==========================================================================
Import the default responsive css
========================================================================== */
@import url('defaults/responsive-vsh.css');


/* ==========================================================================
Media Queries
========================================================================== */


@media all and (min-width: 1440px) {

    .recepten .header-image .inner h2 { z-index:998; width: 30% !important; }

}


@media all and (max-width:1440px){

    .h2slider .cycle-prev { left: 30px; }
    .h2slider .cycle-next { right: 30px; }

    .b2imagehighlight .small-column .inner { max-width: 65%; }

    .logo-slider .cycle-slideshow { width: 98%; margin: 0 0 0 1%; }

    .logo-container .inner img.logo { width: 215px; }

}


@media all and (max-width:1350px){

    .h2slider .desc { padding: 0 7%; }
    .logo-slider .cycle-next { right: 15px; }
    .logo-slider .cycle-prev { left: 15px; }

    .b2imagehighlight .small-column .inner { max-width: 68%; }

}


@media all and (max-width:1280px){

    .h2slider .desc { padding: 0 10%; }

    .b2imagehighlight .small-column .inner { max-width: 72%; }
    .b2imagehighlight .image .b2logo img { width: 370px; }

    .logo-slider .cycle-next { right: 10px; }
    .logo-slider .cycle-prev { left: 10px; }

    .logo-container { padding:73px 0 66px; }

}


@media all and (max-width:1200px){

    .h2slider .desc { padding: 0 11%; }

    .logo-slider .cycle-next { right: 20px; }
    .logo-slider .cycle-prev { left: 20px; }
    .logo-slider .cycle-slideshow { width: 96%; margin: 0 0 0 2%; }

    .b2imagehighlight .small-column { width: 55%; background-size: 220% !important; }
    .b2imagehighlight .small-column .inner { max-width: 77%; }
    .b2imagehighlight .image { width: 45%; }

    .footer-columns .col_2 .socialmedia { padding: 25px 54px 0; }

}


@media all and (max-width:1120px){

    .inner { padding: 0; }

    .logo-slider .cycle-slideshow { width: 94%; margin: 0 0 0 3%; }
    .logo-slider .item { padding: 0 20px 0 18px; }

    .b2imagehighlight .small-column .inner { max-width: 83%; }

    .recepten .filter { width: 100%; }
    .recepten .cblock.filter { padding: 56px 0; }
    .recepten .highlights { width: 100%; }
    .recepten .cblock.highlights { padding: 0 0 80px; }
    .recepten .cblock.highlights.pagehighlights { padding: 58px 0 80px; }
    .recepten .well { width: 30.63% !important; margin: 0 4% 0 0; float: left; }
    .recepten .well:nth-child(3n+3) { margin: 0; }
    .pagination { width: 100%; margin: -50px 0 0 !important; }
    .recepten .btn-info {clear: both !important; float: left}

    .producten .a1paragraphadvanced .text { width: 56%; }

    .nieuws .h2slider .item { height: inherit; }
    .nieuws .h2slider .desc { padding: 12px 4% 19px; width: 37%; }
    .nieuws .h2slider .cycle-slideshow .item { background-image: none !important; }
    .nieuws .h2slider .item .overlay { display: none; }
    .nieuws .h2slider .item-inner { top: 0; box-shadow: none; -webkit-box-shadow: none; max-width: 1200px; }
    .nieuws .h2slider .item-inner .sm-image { width: 63%; }
    .nieuws .h2slider .cycle-pager { max-width: 1200px; bottom: 10px; padding: 0 4%; }


    .contact .contentcolumn .form-container > .inner { box-shadow: 0 0 0 0 #000; -webkit-box-shadow: 0 0 0 0 #000; }
    .form-container.cblock { margin: 0 0 50px; padding: 0; }
    .form-container .title { margin-top: 0; }
    .contact .contentcolumn .form-container > .inner { max-width: 1200px; padding: 4% 2% 4% 4%; }

    .footer-columns .col_2 .socialmedia { padding: 25px 45px 0; }

}


@media all and (max-width:1080px){

    .header-container .mainnavigation ul li a { font-size: 18px; padding: 8px 17px 10px }
    .controls .inner { right: 17px; }

    .h2slider .desc { padding: 0 12%; }
    .h2slider .desc-inner { width: 63%; }

    .content { top: 119px; }
    .sub-page-nav { top: 119px; }

    .b2imagehighlight .small-column .inner { max-width: 90% }
    .b2imagehighlight .small-column h2.title { font-size: 33px; }
    .b2imagehighlight .small-column a.link { font-size: 17px; margin: 15px 0 0; padding: 10px 16px; }
    .b2imagehighlight .small-column .text p { font-size: 18px; }
    .b2imagehighlight .small-column a.link .fa { padding: 0 0 0 12px; font-size: 20px; }

    .logo-container { padding: 53px 0 46px; }

    .recepten .cblock.filter { padding: 36px 0; }
    .recepten .cblock.highlights { padding: 0 0 60px; }
    .pagination { padding: 0 0 60px !important; }

    .header-image .image .inner h2.title { font-size: 45px; }

    .recipes-detail .inner iframe { height: 495px !important; }
    .news-detail .inner iframe { height: 480px !important; }

    .a1paragraphadvanced.right img { margin: 70px 0 0; }

    .footer-container { top: 119px; }
    .footer-columns .col_2 .socialmedia { padding: 25px 41px 0; }

}


@media all and (max-width:1000px) {

    .logo-slider .item { padding: 0 15px 0 13px; }
    .nieuws .highlight .desc .text p { font-size: 18px; }
    .nieuws .highlight .desc { min-height: 240px; }
    .b2imagehighlight .image .b2logo img { width: 320px; }
    .producten .a1paragraphadvanced img { padding: 50px 0 0 0; }
    .footer-columns .col_2 .socialmedia { padding: 25px 32px 0; }
    .producten .a1paragraphadvanced { padding: 40px 0; }

}


@media all and (max-width: 960px){

    .cblock.a1paragraph { padding: 2% 4% 0;}
    .controls .bgMusic { margin-top: -19px; }
    .header-container .select-language { margin-top: -20px; }

    .header-container { padding: 20px 0; }
    .header-container .logo { margin-left: 4%; }
    .header-container .logo img { width: auto; height: 66px; }
    .header-container .inner { padding: 0; }
    .header-container .dropdown { color: #57585b; font-size: 24px; right: 4%; top: 41px; }

    .sub-page-nav { position: relative; top: 0; }
    div.sub-page-nav + div.subpages { padding: 50px 4% 0; }
    .subpages .contentcolumn { padding: 50px 0; }

    .controls .inner { right: 10%; margin: 20px 0 0; }
    .controls button.fa.fa-volume-off { padding: 0 15.5px 0 5px; }
    .controls button.fa.fa-volume-up { padding: 0 8px 0 5px; }

    .header-container { padding: 0; height: 106px; }
    .header-container .inner { padding: 20px 0; }
    .header-container .mainnavigation.open { margin: 20px 0 0; background: #f8f8f8; }
    .header-container .mainnavigation ul { margin: 0 0 0 -5px; padding: 0; }
    .header-container .mainnavigation ul li { line-height: 24px; position: relative; }
    .header-container .mainnavigation ul li a { padding: 10px 4%; }
    .header-container .mainnavigation ul li a:hover { color: #57585b; }
    .header-container .mainnavigation ul li:hover a { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .header-container .mainnavigation ul li:hover ul.submenu ~ a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .header-container .mainnavigation ul li a.parent { position: absolute; top: 0; }
    .header-container .mainnavigation ul li ul.submenu ~ a { padding: 10px 4%; width: 100%; }
    .header-container .mainnavigation ul li:hover ul.submenu li { line-height: 24px; }

    .header-container .mainnavigation ul li ul.submenu { margin: 44px 0 3px 0; padding: 0; }
    .header-container .mainnavigation ul li:hover ul.submenu { margin: 44px 0 -3px 5px; padding: 0; background: none; width: 100%; position: relative; }
    .header-container .mainnavigation ul li:hover ul.submenu li a { font-size: 18px; padding: 10px 7%; }
    .header-container .mainnavigation ul li.active ul.submenu li.active a { background: #ffecc1; }
    .header-container .mainnavigation ul li ul.submenu li a { padding: 10px 7%; }

    .header-container .mainnavigation ul li.active a { background: #ffd970; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .header-container .mainnavigation ul li.active ul li a { background: none; }
    .header-container .mainnavigation ul li.active ul li.active a { background: #ffd970; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

    .h2slider.clear-mobile .desc { background: none; position: absolute; padding: 0 4%; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
    .h2slider.clear-mobile .desc-inner { width:100%; }
    .h2slider.clear-mobile .desc-inner .title { text-align: center; width: 65%; margin: 0 auto 18px; }
    .h2slider.clear-mobile a.link { font-size: 19px; float:none; }

    .producten .content-inner.subpages .h2slider .inner { padding: 0; }
    .producten .h2slider .backto { padding: 0 4%; }

    .logo-slider .cycle-slideshow { width: 92%; margin: 0 0 0 4%; }
    .logo-slider .slider-nav { top: 72%; }

    .content { top: 0; }
    .content-inner.subpages .inner { padding: 0; }

    .b2imagehighlight .small-column { float: none; position: absolute; padding: 0; }
    .b2imagehighlight .small-column.right { right: 0; }
    .b2imagehighlight .small-column .text p { font-size: 17px; }
    .b2imagehighlight .small-column a.link { padding: 8px 15px; font-size: 15px; margin: 10px 0 0; }
    .b2imagehighlight .small-column a.link .fa { font-size: 18px; padding: 0 0 0 10px; }
    .b2imagehighlight .small-column h2.title { font-size: 30px; margin: -8px 0 13px; }
    .b2imagehighlight .image .b2logo img { width: 300px; }

    .pagehighlights.recepten { background-size: inherit; }
    .pagehighlights.recepten .highlight { width: 48.75%; margin: 0 0 2.5% 2.5%; }
    .pagehighlights.recepten .highlight:nth-child(2n+1) { margin: 0 0 2.5%; }
    .pagehighlights.recepten .highlight:last-of-type { margin: 0 0 0 2.5%; }
    .pagehighlights.cblock { padding: 58px 0; }
    .pagehighlights.recepten .highlight .desc a.link { width: 90.6%; }
    .recepten .highlight .desc { min-height: 160px; }
    .recepten .highlight .desc a.link { left: 20px; }
    .pagehighlights h2.title { width: 68%; }

    .logo-container { padding: 43px 0 36px; }

    .producten .a1paragraphadvanced { padding: 30px 4%; }
    .producten .a1paragraphadvanced img { padding: 50px 0 0 0; }

    .nieuws .h2slider .desktop.cycle-slideshow { display: block; }
    .nieuws .h2slider .mobile.cycle-slideshow { display: none; }
    .nieuws .h2slider.clear-mobile .desc { width: 37%; top: 28px; transform: translateY(0); }
    .nieuws .h2slider.clear-mobile .desc-inner .title { text-align: left; width: 100%; }
    .nieuws .h2slider.clear-mobile a.link { float: left; font-size: 15px; }
    .nieuws .h2slider .cycle-pager { display: block; }

    .nieuws .cblock.highlights.nieuws { padding: 38px 0 60px; }
    .news-detail .inner iframe { height: 440px !important; }

    .recepten .header-image .inner h2 { width: 60% !important; }
    .header-image .image .inner h2.title { font-size: 40px; }
    .recipes-detail .inner iframe { height: 455px !important; }
    .recepten .highlights.pagehighlights .highlight { width: 48.75%; margin: 0 0 2.5% 2.5%; }
    .recepten .highlights.pagehighlights .highlight:nth-child(2n+2) { margin: 0 0 2.5%; }
    .recepten .highlights.pagehighlights .highlight:nth-child(3n+2) { margin: 0 2.5% 2.5% 0; }
    .recepten.recepten .highlights.pagehighlights .highlight:nth-child(3n+3) { margin: 0 2.5% 2.5% 0; }
    .recepten.recepten .highlights.pagehighlights .highlight:last-of-type { margin: 0 0 2.5%; }

    .contact .contentcolumn .form-container > .inner { padding: 6% 2% 6% 4%; }

    .footer-container { top: 0; }
    .footer-container .footer-columns_3 .column.col_1 { width: 60%; }
    .footer-container .footer-columns_3 .column.col_2 { width: 40%; }
    .footer-container .footer-columns .column .el-inner { padding: 3% 0; }
    .footer-container .footer-columns .col_2 .socialmedia { padding: 25px 0 0; }

    .footer-navigation { line-height: 26px; }

}

@media all and (max-width:880px){

    ul { font-size: 16px; }

    .nieuws .highlight:nth-child(2n+1) { margin: 0 0 2.5%; }
    .nieuws .highlight:nth-child(3n+1) { margin: 0 2.5% 2.5% 0; }
    .nieuws .highlight:first-of-type { margin: 0 2.5% 2.5% 0; }
    .nieuws .highlight { width: 48.75%; margin: 0 2.5% 2.5% 0; }

    .nieuws .highlight .desc { min-height: inherit; }
    .nieuws .h2slider .desc-inner h2.title { padding: 0 0 10px; }
    .nieuws .h2slider .desc-inner .title a { font-size: 20px; line-height: 26px; }
    .nieuws .h2slider .desc-inner .text { font-size: 18px; }

    .pagehighlights.nieuws .highlight:nth-child(2n+1) { margin: 0 2.5% 2.5% 0; }
    .pagehighlights.nieuws .highlight:nth-child(3n+2) { margin: 0 0 2.5%; left: 50%; transform: translateX(-50%); position: relative; }
    .pagehighlights.nieuws .highlight:nth-child(3n+1) { margin: 0 0 2.5%; }

    .pagehighlights.recepten .highlight .desc a.link { width: 88.5%; }

    .b2imagehighlight .small-column h2.title { font-size: 28px; }
    .b2imagehighlight .image .b2logo img { width: 280px; }

    .logo-slider .cycle-slideshow { width: 90%; margin: 0 0 0 5%; }
    .logo-slider .slider-nav { top: 74%; }

    .producten .a1paragraphadvanced { padding: 20px 4%; }
    .producten .a1paragraphadvanced img { padding: 50px 0 0 0; }
    .a1paragraphadvanced .text h2.title { padding: 0 0 20px; font-size: 28px; }
    .a1paragraphadvanced .text p { font-size: 16px; }
    .producten .a1paragraphadvanced .button { font-size: 17px; padding: 10px 20px 9px; }

    .recepten .highlight .desc { min-height: 180px; }

    .recepten .header-image .inner h2 { width: 71% !important; }
    .recipes-detail .inner iframe { height: 390px !important; }

    .nieuws.nieuws .pagehighlights.nieuws .highlight:nth-child(3n+2) { margin: 0 2.5% 2.5% 0; left:0; transform: translateX(0); }
    .nieuws.nieuws .pagehighlights.nieuws .highlight:nth-child(2n+1) { margin: 0 0 2.5% 0; }
    .nieuws.nieuws .pagehighlights.nieuws .highlight:nth-child(3n+1) { margin: 0 0 2.5%; left:50%; transform: translateX(-50%); position: relative; }

    .news-detail .inner iframe { height: 380px !important; }

    .a1paragraphadvanced.right img { margin: 56px 0 0; }
    .a1paragraph .text p { font-size: 16px; }
    .a1paragraph h2.title { font-size: 28px; padding: 0 0 20px; }
    .subpages .contentcolumn h1 { font-size: 28px; padding: 0 0 20px; }

    #map_g1googlemaps { height: 350px !important; }
    .form-container .form .form_action .button { font-size: 17px; }

    .footer-container .footer-columns_3 .column.col_1 { width: 65%; }
    .footer-container .footer-columns_3 .column.col_2 { width: 35%; }

}

@media all and (max-width:800px) {
    .contact .contentcolumn .form-container > .inner {
        padding: 6% 4%;
    }
}

@media all and (max-width:760px) {

    .subpages .contentcolumn { padding: 40px 0; }

    .controls .inner { right: 11%; margin: 20px 0 0; }

    .pagehighlights.recepten .highlight .desc a.link { width: 86.2%; }

    .b2imagehighlight .small-column { width: 57%; }
    .b2imagehighlight .small-column h2.title { font-size: 24px; margin: -8px 0 10px; }
    .b2imagehighlight .small-column .text p { font-size: 15px; line-height: 22px; }
    .b2imagehighlight .small-column a.link { font-size: 13px; padding: 8px 12px 8px 15px; margin: 5px 0 0; }
    .b2imagehighlight .small-column a.link .fa { font-size: 15px; }
    .b2imagehighlight .image { width: 43%; }
    .b2imagehighlight .image .b2logo img { width: 230px; }

    .logo-container { padding: 33px 0 26px; }

    .logo-slider { display: none; }
    .mobile.logo-slider { display: block; }
    .mobile.logo-slider .cycle-slideshow { width: 86%; margin: 0 0 0 7%; }
    .mobile.logo-slider .slider-nav { top: 70%; }
    .cblock.logoslider { margin-bottom: 40px; }
    .logo-slider.still .item { width: 33%; }

    .a1paragraphadvanced .text h2.title { font-size: 26px; padding: 0 0 15px; }
    .a1paragraphadvanced .text p { font-size: 15px; line-height: 22px; }
    .producten .a1paragraphadvanced .button { font-size: 15px; margin: 6px 0 0; padding: 8px 16px 7px; }
    .producten .pagehighlights.recepten { margin-top: 50px; }

    .recepten .highlights .highlight { width: 48.75%; margin: 0 2.5% 2.5% 0; }
    .recepten .highlights .highlight:nth-child(3n+3) { margin: 0 2.5% 2.5% 0; }
    .recepten .highlights .highlight:nth-child(2n+2) { margin: 0 0 2.5% 0; }

    .recepten .highlights #module-search-results .highlight:nth-child(3n+0) { margin: 0 0 2.5% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(3n+1) { margin: 0 0 2.5% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(2n+2) { margin: 0 0 2.5% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(3n+3) { margin: 0 0 2.5% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(2n+1) { margin: 0 0 2.5% 2.5%; }

    .recepten .header-image .inner h2 { width: 80% !important; }
    .recepten .header-image .inner .preptime { bottom: 20px; }
    .recipes-detail .goback { top: 19px; }
    .recipes-detail .left { width: 100%; padding: 0; }
    .recipes-detail .right { width: 100%; }
    .recipes-detail .right .title { margin: 22px 0 0; }
    .recipes-detail .text { padding: 25px 0 10px; }
    .recipes-detail .inner iframe { height: 330px !important; }

    .header-image .image .inner h2.title { font-size: 37px; }

    .h2slider.clear-mobile .desc-inner .title { width: 80%; }

    .nieuws .h2slider .item-inner .sm-image { width: 100%; }
    .nieuws .h2slider .cycle-pager { display: none; }
    .nieuws .h2slider .desc-inner h2.title { display: none; }
    .nieuws .h2slider.clear-mobile .desc { top: 0; padding: 4%; width: 100%; position: relative; }
    .nieuws .h2slider.clear-mobile .desc-inner .title a { font-size: 24px; }
    .nieuws .h2slider.clear-mobile .text { padding: 0 0 18px 0; width: 65%; }

    .nieuws .cblock.highlights.nieuws { padding: 28px 0 40px; }
    .news-detail .goback { top: 19px; }
    .news-detail .inner { padding: 65px 4%; }
    .news-detail .inner iframe { height: 320px !important; }

    .a1paragraphadvanced.right .text { width: 100%; padding: 0; }
    .producten .a1paragraphadvanced.right .text { width: 56%; padding: 0 4% 0 0; }
    .a1paragraphadvanced.right img { width: 100%; margin: 15px 0 8px; }

    .a1paragraph h2.title { font-size: 26px; padding: 0 0 15px; }
    .subpages .contentcolumn h1 { font-size: 26px; padding: 0 0 15px; }

    .contact .contentcolumn .form-container > .inner { padding: 7% 4%; }

    .footer-container .column.col_1 .a1paragraph .text p { font-size: 29px; }
    .footer-container .footer-columns_3 .column.col_1 { width: 68%; }
    .footer-container .footer-columns_3 .column.col_2 { width: 32%; }
    .footer-columns .col_2 a .fa { margin: 0 0 0 15px; }

}


@media all and (max-width:640px){

    .pagehighlights .all-label { font-size: 17px; padding: 5px 15px; }
    .pagehighlights h2.title { font-size: 30px;}
    .recepten .highlight .desc { min-height: 180px; }
    .pagehighlights.recepten .highlight .desc a.link { width: 84.3%; }
    .pagehighlights.cblock { padding: 40px 0; }

    .h2slider.clear-mobile .desc-inner .title { width: 90%; }

    .nieuws .highlight .desc .title a { font-size:19px; }
    .nieuws .highlight .desc .text p { font-size: 16px; padding: 0; }

    .nieuws .h2slider.clear-mobile .text { width: 80%; }

    .b2imagehighlight .small-column { background-size: 210%; }
    .b2imagehighlight .small-column .inner { width: 88%; }
    .b2imagehighlight .small-column h2.title { font-size: 18px; }
    .b2imagehighlight .small-column .text p { font-size: 14px; line-height: 19px; }
    .b2imagehighlight .small-column a.link { font-size: 13px; padding: 6px 11px 7px 13px; margin: 0; text-transform: none; }
    .b2imagehighlight .small-column a.link .fa { font-size: 13px; padding: 0 0 0 7px; }
    .b2imagehighlight .image .b2logo img { width: 200px; }

    .form-container .form-columns .col { width: 100%; }
    .form-container .title { font-size: 28px; margin-bottom: 22px; }
    .googlemaps .inner .title { font-size: 30px; }
    .form-container .form .form_action .button { margin: 20px 0 0; font-size: 16px; padding: 11px 23px 10px; }
    #map_g1googlemaps { height: 300px !important; }

    .logo-container { padding: 28px 0 21px; }

    .producten .a1paragraphadvanced img { padding: 20px 0 0; }
    .producten .a1paragraphadvanced.right img { width: 100%; }
    .producten .a1paragraphadvanced.left img { width: 100%; }
    .producten .a1paragraphadvanced .text { width: 100%; padding: 0; }
    .producten .a1paragraphadvanced .text p { font-size: 18px; line-height: 24px; }
    .producten .a1paragraphadvanced.right .text { width: 100%; padding: 0; }

    .a1paragraphadvanced .text p { font-size: 16px; line-height: 24px; }

    .recepten .cblock.filter { padding: 20px 0 40px; }
    .pagination { padding: 0 0 44px !important; }

    .recepten .header-image .inner h2 { width: 80% !important; }
    .recepten .header-image .inner .preptime { bottom: 15px; }
    .recipes-detail .goback { top: 14px; }
    .recipes-detail .inner iframe { height: 288px !important; }
    .recepten .cblock.highlights.pagehighlights { padding: 40px 0; }

    .header-image .image .inner h2.title { font-size: 30px; }

    .news-detail .goback { top: 14px; }
    .news-detail .inner { padding: 45px 4%; }
    .news-detail .inner iframe { height: 280px !important; }

    .mobile.logo-slider .cycle-slideshow { width: 82%; margin: 0 0 0 9%; }
    .mobile.logo-slider .slider-nav { top: 72%; }

    .footer-container .footer-columns .column .el-inner { padding: 0; }
    .footer-container .footer-columns_3 .column.col_1 { width: 100%; text-align: center; }
    .footer-container .footer-columns_3 .column.col_1 .cblock.a1paragraph { padding: 0 0 20px; }
    .footer-container .footer-columns_3 .column.col_2 { width: 100%; text-align: center; margin-left: -7px; }
    .footer-container .footer-columns .col_2 .socialmedia { float:none; padding: 0; }
    .footer-container > .inner { padding: 3% 4% 4.5%; }

}

@media all and (max-width:560px){


    .controls .inner { right: 4%; margin: -15px 0 0; }
    .header-container .dropdown { top: 44px; }

    .pagehighlights.recepten .highlight { width: 100%; margin: 0 0 4%; }
    .pagehighlights.recepten .highlight:nth-child(2n+1) { margin: 0 0 4%; }
    .pagehighlights.recepten .highlight:last-of-type { margin: 0 0 4%; }
    .pagehighlights.recepten .highlight .desc a.link { width: 87.5%; }
    .recepten .highlight .desc a.link { left: 30px; bottom: 14%; }
    .recepten .highlight .desc { min-height: 175px; padding: 26px 30px 30px; }
    .recepten .highlights .highlight:nth-child(2n+2) { margin: 0 0 4%; }
    .recepten .highlights .highlight:nth-child(3n+3) { margin: 0 0 4%; }

    .pagehighlights.recepten h2.title { font-size: 34px; width: 50%; line-height: 38px; }
    .pagehighlights.recepten .all-label { margin: 52px 0 0; }
    .producten .pagehighlights.recepten .all-label { margin: 24px 0 0; }
    .pagehighlights.news h2.title { font-size: 28px; }

    .b2imagehighlight .image { width: 100%; }
    .b2imagehighlight .small-column { width: 100%; position: relative; background: none !important; }
    .b2imagehighlight .small-column .inner { max-width: 100%; padding: 8% 4%; }
    .b2imagehighlight .small-column h2.title { margin: 0 0 15px; font-size: 24px; }
    .b2imagehighlight .small-column .text p { font-size: 16px; line-height: 23px; }
    .b2imagehighlight .small-column a.link { font-size: 15px; text-transform: uppercase; margin: 5px 0 0; }
    .b2imagehighlight .bg { margin-bottom: -5px; }
    .b2imagehighlight .image .b2logo img { width: 380px; }

    .logo-container { display: none; }

    .mobile.logo-slider .cycle-next { right: 15px; background-image: url('../images/cycle-next-mobile.png'); height: 30px; width: 30px; }
    .mobile.logo-slider .cycle-prev { left: 15px; background-image: url('../images/cycle-prev-mobile.png'); height: 30px; width: 30px; }
    .mobile.logo-slider .item { padding: 0 8px; }
    .mobile.mobile.logo-slider .slider-nav { top: 78%; }

    .a1paragraphadvanced .text p { font-size: 16px; line-height: 22px; }
    .a1paragraphadvanced.right img { padding: 0 0 20px; }

    .nieuws .highlight { width: 100%; margin: 0 0 4%; }
    .nieuws .highlight:nth-child(2n+1) { margin: 0 0 4%; }
    .nieuws .highlight:nth-child(3n+3) { margin: 0 0 4%; }
    .nieuws .highlight:nth-child(3n+1) { margin: 0 0 4%; }
    .nieuws .highlight:first-of-type { margin: 0 0 4%; }
    .nieuws .highlight .desc { width: 100%; }

    .nieuws .h2slider.clear-mobile .desc-inner .title a { font-size: 20px; }
    .nieuws .h2slider .desc-inner .text { font-size: 16px; padding: 0 0 15px; }
    .nieuws .h2slider .desc-inner h3.title { margin: 0 0 15px; }

    .nieuws.nieuws .pagehighlights.nieuws .highlight:nth-child(3n+2) { margin: 0 0 4%; }
    .nieuws.nieuws .pagehighlights.nieuws .highlight:nth-child(2n+1) { margin: 0 0 4%; }
    .nieuws.nieuws .pagehighlights.nieuws .highlight:nth-child(3n+1) { margin: 0 0 4%; }

    .pagehighlights.nieuws .highlight:nth-child(2n+1) { margin: 0 0 4%; }
    .pagehighlights.nieuws .highlight:nth-child(3n+1) { margin: 0 0 4%; }

    .recepten .highlights .highlight { width:100%; margin: 0 0 4% 0; }
    .recepten .well { width: 100% !important; }
    .recepten .highlight .desc a.link { width: 88.5%; }
    .recepten .highlights.pagehighlights .highlight { width: 100%; margin: 0 0 4%; }
    .recepten.recepten .highlights.pagehighlights .highlight:nth-child(3n+3) { margin: 0 0 4%; }
    .recepten .highlights.pagehighlights .highlight:nth-child(2n+2) { margin: 0 0 4%; }
    .recepten .highlights.pagehighlights .highlight:nth-child(3n+2) { margin: 0 0 4%; }

    .recepten .highlights #module-search-results .highlight:nth-child(3n+0) { margin: 0 0 4% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(3n+1) { margin: 0 0 4% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(2n+2) { margin: 0 0 4% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(3n+3) { margin: 0 0 4% 0; }
    .recepten .highlights #module-search-results .highlight:nth-child(2n+1) { margin: 0 0 4% 0; }

    .recepten .header-image .inner h2 { width: 92% !important; }
    .recipes-detail .goback { font-size: 17px; }
    .recipes-detail .goback .fa { padding: 0 15px 0 0; }
    .recipes-detail .inner iframe { height: 248px !important; }
    .recipes-detail h2.title { font-size: 28px; }
    .recipes-detail a.button { font-size: 17px; }

    .header-image .image .inner h2.title { font-size: 28px; }

    .sub-page-nav ul li a { font-size: 15px; padding: 0 6px; }

    .news-detail .goback { font-size: 17px; }
    .news-detail .goback .fa { padding: 0 15px 0 0; }
    .nieuws .title { font-size: 30px; }
    .news-detail .inner iframe { height: 240px !important; }

    #map_g1googlemaps { height: 250px !important; }

}


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

    .pagehighlights.recepten .highlight .desc a.link { width: 86.5%; }

    .b2imagehighlight .image .b2logo img { width: 350px; }

    .recepten .highlight .desc a.link { width: 86.6%; }

    .h2slider .desc-inner .title a { font-size: 40px; line-height: 40px; }
    .h2slider.clear-mobile a.link { font-size: 17px; }

}


@media all and (max-width:480px){

    .select-language .languages.select { right: -17px; }
    .a1paragraph .text p { margin: 0 0 10px; }

    article ul { padding: 0 0 0 40px !important; }

    .sub-page-nav ul { padding: 10px 4%; left: 0; }
    .sub-page-nav ul li { right: 0; }
    .sub-page-nav ul li a { line-height: 28px; }
    .subpages .contentcolumn { padding: 40px 0 30px; }
    div.sub-page-nav + div.subpages { padding: 60px 4% 0; }

    .nieuws .h2slider.clear-mobile .text { width: 100%; }
    .nieuws .h2slider.clear-mobile .desc-inner .title a { font-size: 22px; }
    .nieuws .title { font-size: 30px; margin: 16px 0 19px; }
    .nieuws .cblock.highlights.nieuws { padding: 18px 0 30px; }

    .pagehighlights h2.title { width: 60%; }
    .pagehighlights.recepten h2.title { font-size: 30px; width: 57%; }
    .pagehighlights .all-label { font-size: 16px; }
    .pagehighlights.recepten .highlight .desc a.link { width: 84%; }

    .b2imagehighlight .small-column .inner { padding: 10% 6%; }
    .b2imagehighlight .image .b2logo img { width: 320px; }

    .mobile.logo-slider .cycle-next { right: 10px; }
    .mobile.logo-slider .cycle-prev { left: 10px; }
    .mobile.mobile.logo-slider .slider-nav { top: 81%; }

    .a1paragraphadvanced .text h2.title { font-size: 24px; padding: 0 0 13px; }
    .producten .a1paragraphadvanced .text p { font-size: 16px; }
    .a1paragraph h2.title { font-size: 24px; padding: 0 0 13px; }
    .subpages .contentcolumn h1 { font-size: 24px; }

    .recepten .highlight .desc a.link { width: 84%; }
    .recipes-detail .goback { font-size: 16px; }
    .recipes-detail .goback .fa { padding: 0 10px 0 0; }
    .recipes-detail .inner iframe { height: 205px !important; }
    .recipes-detail h2.title { font-size: 26px; }
    .recipes-detail a.button { font-size: 16px; padding: 10px 16px 8px; }
    .recipes-detail .text { padding: 25px 0 0; }

    .header-image .image .inner h2.title { font-size: 24px; }

    .news-detail .goback { font-size: 16px; }
    .news-detail .goback .fa { padding: 0 10px 0 0; }
    .nieuws .title { font-size: 24px; }
    .news-detail .text p { font-size: 16px; }
    .news-detail .inner { padding: 35px 4%; }
    .news-detail .inner iframe { height: 200px !important; }

    .y1columns.columns_2 .column { margin: 0; }

    .form-container .title { font-size: 26px; }
    .googlemaps .inner .title { font-size: 28px; }
    .form-container.cblock { margin: 0 0 33px; }
    .contact .contentcolumn .form-container > .inner { padding: 8% 4%; }

    .footer-container .column.col_1 .a1paragraph .text p { font-size: 25px; }
    .footer-container > .inner { padding:0 4% 6.5%; }
    .footer-container .footer-columns_3 .column.col_1 .cblock.a1paragraph { padding: 0 0 10px; }
    .footer-container { padding: 4% 0 0; }

}


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

    .header-container .controls button { right: 120px; }
    .select-language .languages.select { right: -16px; width: 134px; }

    .pagehighlights.recepten h2.title { font-size: 27px; width: 52%; line-height: 32px; }
    .pagehighlights h2.title { font-size: 28px; width: 56%; }
    .pagehighlights .all-label { font-size: 15px; }
    .pagehighlights.cblock { padding: 30px 0 40px; }

    .b2imagehighlight .small-column .inner { padding: 10% 8%; }
    .b2imagehighlight .small-column a.link { text-transform: none; }
    .b2imagehighlight .small-column h2.title { font-size: 22px; margin: 0 0 10px; }
    .b2imagehighlight .small-column .text p { font-size: 15px; }

    .recepten .highlight .desc { padding: 20px; min-height: 160px; }
    .recepten .highlight .desc a.link { left: 20px; bottom: 11%; }
    .pagehighlights.recepten .all-label { margin: 44px 0 0; }
    .pagehighlights.recepten .highlight .desc a.link { width: 88.5%; }

    .producten .pagehighlights.recepten .all-label { margin: 21px 0 0; }

    .recepten .highlight .desc a.link { width: 89%; }
    .recipes-detail .goback { font-size: 15px; top: 9px; }
    .recipes-detail .goback .fa { padding: 0 7px 0 0; font-size: 13px; }
    .recepten .header-image .inner .preptime { bottom: 10px; }
    .recepten .header-image .inner .preptime .fa { font-size: 16px; }
    .recepten .cblock.highlights.pagehighlights { padding: 30px 0 40px; }
    .recipes-detail ul { font-size: 16px; }
    .recipes-detail .text ol { font-size: 16px; }
    .recipes-detail .text p { font-size: 16px; }
    .recipes-detail a.button { font-size: 15px; }


}


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

    .header-image .image .inner h2.title { font-size: 24px; }

    .header-container .controls button { right: 110px; font-size: 13px; }
    .header-container .dropdown { top: 46px; font-size: 22px; }
    .select-language .lng-label { font-size: 13px; }
    .header-container .languages a { font-size: 13px; }
    .select-language .languages.select { width: 125px; padding: 6px 15px 5px 0px; }

    .pagehighlights .all-label { font-size: 13px; }
    .pagehighlights h2.title { font-size: 24px; }
    .pagehighlights.recepten h2.title { font-size: 24px; line-height: 31px; }
    .pagehighlights.recepten .highlight .desc a.link { width: 86.3%; font-size: 14px; }

    .h2slider .desc-inner .title a { font-size: 35px; line-height: 35px; }

    .b2imagehighlight .small-column h2.title { font-size: 20px; }
    .b2imagehighlight .small-column a.link { font-size: 14px; }
    .b2imagehighlight .image .b2logo img { width: 280px; }

    .mobile.mobile.logo-slider .slider-nav { top: 86%; }
    .mobile.logo-slider .cycle-next { right: 5px; }
    .mobile.logo-slider .cycle-prev { left: 5px; }
    .mobile.logo-slider .item { padding: 0 6px; }

    .recepten .highlight .desc a.link { width: 86.5%; }

    .nieuws .title { font-size: 22px; }

    .form-container .title { font-size: 22px; margin-bottom: 18px; }
    .form-container .form-columns .col p { font-size: 16px; line-height: 22px; }
    .form-container .form .form_field span { font-size: 16px; }
    .form-container .form .form_field input[type=text], .form .form_field input[type=email] { height: 40px; }
    .form-container .form .form_action .button { font-size: 14px; padding: 9px 18px 8px; margin: 10px 0 0; }
    .contact .contentcolumn .form-container > .inner { padding: 10% 4%; }

    .footer-container { padding: 3% 0 0; }
    .footer-container .column.col_1 .a1paragraph .text p { font-size: 21px; }
    .footer-columns .col_2 a .fa { font-size: 18px; width: 33px; height: 33px; }
    .footer-container .footer-columns_3 .column.col_1 .cblock.a1paragraph { padding: 0 0 5px; }
    .footer-navigation { line-height: 20px; }
    .footer-navigation .footer-nav .footer-item a { font-size: 13px; }
    .footer-navigation .copyright-text { font-size: 13px; }

}