@import"/assets/bower_components/normalize-css/normalize.css";

div#oldbrowser {
    opacity: 0;
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0
}

div#oldbrowser>div.container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url(/img/oldbrowser/oldbrowser_bg_black.png) repeat top left
}

div#oldbrowser>div.container>div {
    width: 600px;
    padding: 20px;
    margin: 0 auto;
    border: 3px solid #000;
    background-color: #fff;
    font-family: serif;
    line-height: 150%
}

div#oldbrowser>div.container>div h1,
div#oldbrowser>div.container>div h2 {
    font-family: sans-serif;
    color: #000;
    font-size: 20px;
    margin-bottom: 30px
}

div#oldbrowser>div.container>div h2 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px
}

div#oldbrowser>div.container>div p {
    color: #000
}

div#oldbrowser>div.container>div table {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    color: #000
}

div#oldbrowser>div.container>div table td {
    text-align: center;
    font-size: 15px;
    line-height: 140%;
    width: 25%;
    cursor: pointer
}

div#oldbrowser>div.container>div table td a {
    outline: none;
    display: block;
    color: #737373;
    text-decoration: none;
    border: 1px solid #f9f7f2
}

div#oldbrowser>div.container>div table td a:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

div#oldbrowser>div.container>div table td p {
    text-align: center
}

div#oldbrowser>div.container>div table td p.pad {
    padding: 0px 50px 0 50px
}

div#oldbrowser>div.container>div table td .icon {
    height: 135px;
    width: 125px;
    margin: 0 auto;
    background: url(/img/oldbrowser/browsehappy-sprite.png) no-repeat
}

div#oldbrowser>div.container>div table td .icon.chrome {
    background-position: 0px 0px
}

div#oldbrowser>div.container>div table td .icon.firefox {
    background-position: -125px 0px
}

div#oldbrowser>div.container>div table td .icon.safari {
    background-position: -375px 0px
}

div#oldbrowser>div.container>div table td .icon.ie {
    background-position: -500px 0px
}

@media only screen and (max-width: 650px) {
    div#oldbrowser {
        position: absolute
    }

    div#oldbrowser>div.container>div {
        box-sizing: border-box;
        width: 100%;
        margin: 0
    }

    div#oldbrowser>div.container>div>img {
        width: 75%;
        height: auto
    }

    div#oldbrowser>div.container>div table td {
        display: block;
        width: 100%
    }

    div#oldbrowser>div.container>div table td div.icon {
        background-size: auto 130%;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 15%
    }

    div#oldbrowser>div.container>div table td div.icon.chrome {
        background-position: 3px 0px
    }

    div#oldbrowser>div.container>div table td div.icon.firefox {
        background-position: -47px 0px
    }

    div#oldbrowser>div.container>div table td div.icon.safari {
        background-position: -142px 0px
    }

    div#oldbrowser>div.container>div table td div.icon.ie {
        background-position: -190px 0px
    }

    div#oldbrowser>div.container>div table td p {
        padding: 0 100px
    }
}

body,
html {
    width: 100%;
    height: 100%
}

body ::-moz-selection,
html ::-moz-selection {
    background: #e40421;
    color: #fff;
    text-shadow: none
}

body ::selection,
html ::selection {
    background: #e40421;
    color: #fff;
    text-shadow: none
}

div.content:not(#template) {
    background-size: cover;
    min-height: 100%;
    background-color: #f5faf1;
    background-image: url(/img/bg_achtergrond.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed
}

div.content:not(#template) h1 {
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 60px;
    font-weight: normal;
    line-height: 125%;
    margin: 0;
    padding: 0
}

div.content:not(#template) h2 {
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 30px;
    font-weight: normal;
    padding: 0;
    margin: 0
}

div.content:not(#template) h3 {
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    margin: 0
}

div.content:not(#template) h4 {
    cursor: default;
    color: #1d1d1d;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0;
    margin: 0
}

div.content:not(#template) h5 {
    color: #1d1d1d;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0;
    margin: 0
}

div.content:not(#template) h6 {
    font-family: "Abel", sans-serif;
    color: #e40421;
    font-size: 25px;
    font-weight: normal;
    padding: 0;
    margin: 0
}

div.content:not(#template) p {
    color: #1d1d1d;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    padding: 0;
    margin: 0;
    line-height: 150%
}

div.content:not(#template) a.link,
div.content:not(#template) span.link {
    color: #e40421;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    padding: 0;
    margin: 0
}

div.content:not(#template) a.link.bottom,
div.content:not(#template) span.link.bottom {
    display: block;
    padding: 30px 0
}

div.content:not(#template) a.link.redbutton,
div.content:not(#template) span.link.redbutton {
    padding: 0;
    background-color: #e40421;
    color: #fff;
    display: inline-block;
    padding: 20px 25px !important;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 35px;
    font-family: "Abel", sans-serif;
    font-size: 30px;
    text-transform: none
}

div.content:not(#template) a.link.redbutton:hover,
div.content:not(#template) span.link.redbutton:hover {
    background-color: #fff;
    color: #e40421;
    text-decoration: none
}

div.content:not(#template) a.link:hover {
    text-decoration: underline;
    color: #1d1d1d
}

div.content:not(#template)>header {
    position: relative;
    z-index: 100;
    width: 1000px;
    margin: 0 auto;
    padding-top: 20px
}

div.content:not(#template)>header>a {
    display: inline-block;
    width: 566px;
    height: 176px;
    background-image: url(/img/logo_header_70years.png);
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    text-decoration: none
}

div.content:not(#template)>header>button {
    background: none;
    border: none;
    width: 50px;
    height: 50px;
    background-image: url(/img/icon_hamburger.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: fixed;
    left: calc((100% - 900px)/2 - 100px);
    top: 60px
}

div.content:not(#template)>header>button:hover,
div.content:not(#template)>header>button.show {
    background-position: top left
}

div.content:not(#template)>header>button:focus {
    outline: 0
}

div.content:not(#template)>nav {
    opacity: 0;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 1000;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-image: url(/img/bg_nav.png);
    background-repeat: repeat-y;
    background-position: left top
}

div.content:not(#template)>nav.show {
    transition: opacity 300ms ease;
    opacity: 1;
    left: 0px
}

div.content:not(#template)>nav.show>section {
    transition: left 500ms ease;
    left: 0px
}

div.content:not(#template)>nav>section {
    position: relative;
    left: -400px;
    width: 400px;
    height: 100%;
    overflow: hidden;
    background-color: #e40421
}

div.content:not(#template)>nav>section>button.back {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    display: none;
    background: none;
    border: none;
    background: url(/img/icon_back.png) no-repeat center bottom
}

div.content:not(#template)>nav>section>button.back.show {
    display: inline-block
}

div.content:not(#template)>nav>section>button.back.show:hover {
    background-position: right top
}

div.content:not(#template)>nav>section>button.back:focus {
    outline: 0
}

div.content:not(#template)>nav>section>button.cancel {
    border: 0;
    background: 0;
    display: none;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 50px;
    height: 50px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 27px;
    font-weight: bold
}

div.content:not(#template)>nav>section>button.cancel:hover {
    color: #1d1d1d
}

div.content:not(#template)>nav>section>button.cancel:focus {
    outline: 0
}

div.content:not(#template)>nav>section>#searchbutton {
    background-image: url(/img/icon_search.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position: right 20px bottom;
    cursor: pointer;
    position: relative;
    top: 20px;
    left: 320px;
    height: 50px;
    width: 80px
}

div.content:not(#template)>nav>section>#searchbutton:hover {
    background-position: right top;
    background-position: right 20px top
}

div.content:not(#template)>nav>section>#searchbutton.show {
    width: 320px;
    left: 80px;
    background-position: right top;
    background-position: right 20px top
}

div.content:not(#template)>nav>section>#searchbutton.show>input {
    display: block
}

div.content:not(#template)>nav>section>#searchbutton input {
    box-sizing: border-box;
    width: 230px;
    border: 0;
    height: 100%;
    background: none;
    border-bottom: 2px solid #1d1d1d;
    padding-left: 40px;
    padding-right: 20px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #1d1d1d;
    display: none
}

div.content:not(#template)>nav>section>#searchbutton input:focus {
    background-color: #fff;
    outline: 0
}

div.content:not(#template)>nav>section>article {
    transition: left 600ms ease;
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    margin-top: 50px;
    width: 400px;
    height: calc(100% - 50px - 50px - 50px);
    padding-left: 120px;
    overflow: hidden;
    overflow-y: auto
}

div.content:not(#template)>nav>section>article>div {
    height: 100%
}

div.content:not(#template)>nav>section>article a {
    transition: color 150ms ease;
    display: block !important;
    padding: 10px 0px 10px 0;
    margin-right: 25px;
    line-height: 200%;
    font-family: "Abel", sans-serif;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    outline: 0
}

div.content:not(#template)>nav>section>article a:hover {
    color: #1d1d1d
}

div.content:not(#template)>nav>section>article a.disabled {
    cursor: default
}

div.content:not(#template)>nav>section>article a.disabled:hover {
    color: #fff
}

div.content:not(#template)>nav>section>article a.selected {
    cursor: default;
    color: #1d1d1d
}

div.content:not(#template)>nav>section>article a.selected.sublevel {
    cursor: pointer
}

div.content:not(#template)>nav>section>article a>span {
    display: inline-block;
    line-height: 110%
}

div.content:not(#template)>nav>section>article.showlevel {
    left: 0px
}

div.content:not(#template)>nav>section>article.hidelevel {
    left: -400px
}

div.content:not(#template)>nav>section>article.sublevel {
    left: 400px
}

div.content:not(#template)>nav>section>div.taalkeuze {
    position: absolute;
    bottom: 20px;
    padding-left: 120px;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    color: #1d1d1d;
    margin-top: 15px
}

div.content:not(#template)>nav>section>div.taalkeuze span {
    color: #fff;
    padding: 0 7px
}

div.content:not(#template)>nav>section>div.taalkeuze a {
    color: #fff;
    text-decoration: none
}

div.content:not(#template)>nav>section>div.taalkeuze a:hover {
    color: #1d1d1d;
    text-decoration: underline
}

div.content:not(#template)>.first {
    margin-top: -70px;
    border-top: 10px solid #FFFFFF;
}

div.content:not(#template) .double::after {
    content: "";
    display: table;
    clear: both
}

div.content:not(#template) .double>.left {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: right
}

div.content:not(#template) .double>.left::after {
    content: "";
    display: table;
    clear: both
}

div.content:not(#template) .double>.left:nth-child(n) {
    margin-right: 0%;
    float: left;
    clear: none
}

div.content:not(#template) .double>.left:nth-child(2n) {
    margin-right: 0%;
    float: right
}

div.content:not(#template) .double>.left:nth-child(2n+1) {
    clear: both
}

div.content:not(#template) .double>.right {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%
}

div.content:not(#template) .double>.right::after {
    content: "";
    display: table;
    clear: both
}

div.content:not(#template) .double>.right:nth-child(n) {
    margin-right: 0%;
    float: left;
    clear: none
}

div.content:not(#template) .double>.right:nth-child(2n) {
    margin-right: 0%;
    float: right
}

div.content:not(#template) .double>.right:nth-child(2n+1) {
    clear: both
}

div.content:not(#template) .double+.double {
    margin-top: 20px
}

div.content:not(#template)>div.double.first.intro {
    height: 540px
}

div.content:not(#template)>div.double.first.intro .left section {
    box-sizing: border-box;
    display: inline-block;
    margin-top: 100px;
    padding-right: 60px;
    width: 450px
}

div.content:not(#template)>div.double.first.intro .left section h1 {
    color: #fff;
    margin-bottom: 20px
}

div.content:not(#template)>div.double.first.intro .left section p {
    color: #fff;
    padding-left: 60px
}

div.content:not(#template)>div.double.first.intro .left section a {
    color: #fff;
    display: block;
    margin-top: 10px
}

div.content:not(#template)>div.double.first.intro .right {
    background-color: #fff;
    height: inherit
}

div.content:not(#template)>div.double.first.intro .right figure {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #fff;
    height: 100%
}

div.content:not(#template)>section.slideshow {
    position: relative;
    height: 590px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-bottom: 10px solid white;
}

/*div.content:not(#template)>section.slideshow>div {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: calc(100% - 50px);
    background-image: url(/img/witte_waas.png);
    background-position: top left;
    background-size: 100% auto;
    background-repeat: no-repeat
}*/

div.content:not(#template)>section.slideshow>article {
    width: 100%;
    max-width: 1400px;
    height: inherit;
    position: absolute;
    z-index: 0;
    display: none
}

div.content:not(#template)>section.slideshow>article.show {
    display: block;
    z-index: 5
}

div.content:not(#template)>section.slideshow>article.show figure {
    transition: opacity 500ms ease;
    opacity: 0
}

div.content:not(#template)>section.slideshow>article.show figure.show {
    opacity: 1
}

div.content:not(#template)>section.slideshow>article.link {
    cursor: pointer
}

div.content:not(#template)>section.slideshow>article.last {
    display: block;
    z-index: 4
}

div.content:not(#template)>section.slideshow>article.last>div {
    display: none
}

div.content:not(#template)>section.slideshow>article>figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: inherit;
    position: relative;
    z-index: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

div.content:not(#template)>section.slideshow>article>figure.figureimage>img {
    object-fit: cover;
    object-position: center center
}

div.content:not(#template)>section.slideshow>article>div {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%
}

div.content:not(#template)>section.slideshow>article>div>div.left {
    display: none
}

div.content:not(#template)>section.slideshow>article>div>div.right {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    padding: 8px
}

div.content:not(#template)>section.slideshow>article>div>div.right>span {
    box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px;
    color: #fff;
    text-align: center;
    font-size: 1px;
    background-color: #fff;
    border-radius: 50%
}

div.content:not(#template)>section.slideshow>article>div>div.right>span.no-link {
    color: #e40421;
    cursor: default;
    background-color: #e40421
}

div.content:not(#template)>section.slideshow>article>div>div.right>span.link:hover {
    cursor: pointer
}

div.content:not(#template) figure.figureimage {
    overflow: hidden
}

div.content:not(#template) figure.figureimage>img {
    object-fit: cover;
    object-position: center left;
    width: 100%;
    height: 100%
}

div.content:not(#template) figure.figureimage.igenda>img {
    max-width: 500px;
    object-fit: cover
}

div.content:not(#template)>footer {
    margin-top: 160px
}

div.content:not(#template)>footer h3 {
    text-align: center;
    color: #fff;
    text-shadow: rgba(29, 29, 29, .5) 1px 1px 1px
}

div.content:not(#template)>footer p,
div.content:not(#template)>footer p>a {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 10px;
    line-height: 150%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none
}

div.content:not(#template)>footer p>a {
    background-size: 25px auto;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 8px;
    padding-top: 30px
}

div.content:not(#template)>footer p>a:hover {
    color: #1d1d1d
}

div.content:not(#template)>footer p>a.fb,
div.content:not(#template)>footer p>a.li,
div.content:not(#template)>footer p>a.insta,
div.content:not(#template)>footer p>a.gp {
    display: inline-block;
    width: 75px
}

div.content:not(#template)>footer p>a.fb {
    background-image: url(/img/logo_facebook.png)
}

div.content:not(#template)>footer p>a.li {
    background-image: url(/img/logo_linkedin.png)
}

div.content:not(#template)>footer p>a.insta {
    background-image: url(/img/logo_instagram.png)
}

div.content:not(#template)>footer p>a.gp {
    background-image: url(/img/logo_googleplus.png)
}

div.content:not(#template)>footer div {
    line-height: 100%;
    margin-top: 25px;
    background-color: #e40421;
    text-align: center;
    padding: 3px 0px
}

div.content:not(#template)>footer div p {
    color: #fff
}

div.content:not(#template)>footer div p a {
    color: #fff;
    text-decoration: underline;
    background: none;
    margin: 0px;
    padding: 0px
}

div.content:not(#template)>footer div p a:hover {
    color: #1d1d1d
}

div.content:not(#template)>footer div p span {
    padding: 0px 7px
}

div.content:not(#template)>footer span.taalkeuze {
    color: #1d1d1d
}

div.content:not(#template)>footer span.taalkeuze>span.separator {
    padding: 0px 3px
}

footer .solina{
    background-color: transparent !important;
    margin-bottom: 24px;
}

footer svg{
    width: 160px;
    height: auto;
}

#index div.double {
    display: flex
}

#index div.double>div {
    width: 50%;
    float: none !important;
    clear: both !important
}

#index div.double>div.left {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-content: baseline
}

#index div.double>div.left>section.promo {
    margin-top: 60px
}

#index div.double>div.left>section.promo>div {
    float: right
}

#index div.double>div.left>section.promo+section.jobs {
    margin-top: 0px
}

#index div.double>div.right {
    display: flex;
    flex-wrap: wrap
}

#index section.assortment {
    display: inline-block;
    width: 100%;
    max-width: 700px;
    text-align: right
}

#index section.assortment>a {
    text-decoration: none;
    display: inline-block;
    width: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    position: relative
}

#index section.assortment>a:hover span.link {
    text-decoration: underline;
    color: #1d1d1d;
    text-shadow: rgba(29, 29, 29, 0) 0px 0px 0px
}

#index section.assortment>a span.link {
    position: absolute;
    bottom: 13px;
    right: 40px;
    color: #fff;
    text-shadow: rgba(29, 29, 29, .25) 1px 1px 5px
}

#index section.assortment>a.image {
    width: 450px;
    height: 430px
}

#index section.assortment>a.video:hover>span.link.redbutton {
    background-color: #fff;
    color: #e40421;
    text-decoration: none
}

#index section.assortment>a.video>div>div {
    position: relative !important;
    top: 0px;
    height: 0px;
    pointer-events: none;
    transition: opacity 500ms ease;
    opacity: 0
}

#index section.assortment>a.video>div>div.show {
    opacity: 1
}

#index section.assortment>a.video>span.link.redbutton {
    border: 5px solid #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: auto;
    top: auto
}

#index section.company:not(.news) {
    padding-left: 38px;
    padding-top: 38px;
    padding-right: 58px;
    margin-bottom: 20px
}

#index section.company:not(.news)>a,
#index section.company:not(.news)>div {
    display: block;
    text-decoration: none;
    width: 372px
}

#index section.company:not(.news)>a h2,
#index section.company:not(.news)>div h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #fff
}

#index section.company:not(.news)>a h2>b,
#index section.company:not(.news)>div h2>b {
    font-size: 40px;
    font-weight: normal
}

#index section.company:not(.news)>a p,
#index section.company:not(.news)>div p {
    color: #fff
}

#index section.company:not(.news)>a span.link,
#index section.company:not(.news)>div span.link {
    color: #fff
}

#index section.company:not(.news)>a:hover span.link,
#index section.company:not(.news)>div:hover span.link {
    text-decoration: underline;
    color: #1d1d1d
}

#index section.promo {
    display: block;
    width: 100%
}

#index section.promo>div {
    box-sizing: border-box;
    padding: 20px;
    width: 250px;
    margin-left: 20px;
    margin-bottom: 20px;
    background-color: #e40421
}

#index section.promo>div h6 {
    color: #fff;
    padding-bottom: 10px
}

#index section.promo>div ul {
    margin: 0;
    padding: 0 0 0 18px;
    color: #fff;
    list-style-position: outside
}

#index section.promo>div ul li {
    font-family: "Abel", sans-serif;
    font-size: 18px;
    margin-bottom: 2px
}

#index section.promo>div ul li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

#index section.promo>div ul li a:hover {
    text-decoration: underline
}

#index section.eshop {
    display: inline-block
}

#index section.eshop>a {
    position: relative;
    display: block;
    width: 185px;
    height: 185px;
    background-color: #e40421;
    text-decoration: none;
    transition: background-color 300ms ease;
    background-image: url(/img/home/eshop.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

#index section.eshop>a:hover {
    background-color: #1d1d1d
}

#index section.eshop>a:hover span.link {
    color: #fff;
    text-decoration: underline
}

#index section.eshop>a:hover span.link>b {
    color: #fff
}

#index section.eshop>a span.link {
    position: absolute;
    color: #1d1d1d;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center
}

#index section.eshop>a span.link>b {
    color: #fff;
    font-weight: normal
}

#index section.jobs,
#index section.news {
    display: block;
    width: 100%;
    margin-top: 20px
}

#index section.jobs>a,
#index section.news>a {
    box-sizing: border-box;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    display: block;
    width: 375px;
    padding-top: 40px;
    padding-right: 40px;
    background-color: #fff;
    text-decoration: none;
    float: right
}

#index section.jobs>a:hover span.link,
#index section.news>a:hover span.link {
    color: #1d1d1d;
    text-decoration: underline
}

#index section.jobs>a h2,
#index section.news>a h2 {
    padding-bottom: 25px;
    color: #e40421
}

#index section.jobs>a ul,
#index section.news>a ul {
    list-style: none;
    color: #1d1d1d;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    padding: 0;
    margin: 0;
    line-height: 175%
}

#index section.jobs>a ul>li:after,
#index section.news>a ul>li:after {
    display: inline-block;
    content: " •";
    width: 17px;
    font-size: 15px;
    color: #e40421
}

#index section.news {
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    background-color: #fff;
    padding-left: 38px;
    padding-top: 38px;
    padding-bottom: 38px;
    display: block;
    width: 100%
}

#index section.news.company+.company:not(.news) {
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    width: 100%
}

#index section.news.company+.company:not(.news)>a {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 60px;
    box-sizing: border-box;
    width: 450px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff
}

#index section.news>a,
#index section.news>div {
    padding: 0px;
    display: block;
    text-decoration: none;
    width: 430px;
    float: left
}

#index section.news>a:hover h2,
#index section.news>div:hover h2 {
    color: #1d1d1d
}

#index section.news>a:hover div.button,
#index section.news>div:hover div.button {
    background-color: #1d1d1d
}

#index section.news>a h2,
#index section.news>div h2 {
    padding-bottom: 15px;
    font-size: 28px
}

#index section.news>a h3,
#index section.news>div h3 {
    font-size: 15px;
    font-weight: bold
}

#index section.news>a div.button,
#index section.news>div div.button {
    margin-top: 20px;
    box-sizing: border-box;
    display: inline-block;
    transition: background-color 300ms ease;
    border: 0;
    text-decoration: none;
    background: #e40421;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 13px;
    margin-top: 15px;
    height: 40px;
    font-family: "Lato", sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff
}

#index section.news>a div.video,
#index section.news>div div.video {
    height: 230px;
    margin-bottom: 20px
}

#index section.news>a img,
#index section.news>div img {
    width: 100%
}

#index section.news>a ul>li,
#index section.news>div ul>li {
    position: relative;
    padding-left: 20px
}

#index section.news>a ul>li:before,
#index section.news>div ul>li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    content: " •";
    width: 17px;
    font-size: 15px;
    color: #e40421
}

#index section.news>a ul>li:after,
#index section.news>div ul>li:after {
    display: none
}

#index section.news>a p+p,
#index section.news>div p+p {
    margin-top: 15px
}

#index section.news>a p>a,
#index section.news>div p>a {
    color: #e40421
}

#index section.news>a p>a:hover,
#index section.news>div p>a:hover {
    color: #1d1d1d
}

#index section.news>a span.link.bottom,
#index section.news>div span.link.bottom {
    padding-bottom: 0px
}

#index section.recipes {
    padding-left: 20px
}

#index section.recipes>a {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    display: block;
    width: 430px;
    height: 410px;
    text-decoration: none;
    padding-left: 18px;
    padding-top: 14px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative
}

#index section.recipes>a>span:not(.link) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/witte_waas.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

#index section.recipes>a>h2 {
    width: 70%;
    line-height: 110%
}

#index section.recipes>a>h3 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff
}

#index section.recipes>a>* {
    text-shadow: 0px 0px 30px #fff;
    position: relative;
    z-index: 1
}

#index section.recipes>a:hover span.link {
    color: #1d1d1d;
    text-decoration: underline
}

#index section.slideshow {
    height: 590px
}

#assortment h1 {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

#assortment div.intro .right {
    overflow: hidden
}

#assortment div.intro .right>div[data-wistia-movieid] {
    height: auto;
    width: 100% !important;
    display: block;
}

#assortment div.intro .right>div[data-wistia-movieid]>div {
    transition: opacity 300ms ease;
    opacity: 0;
    left: 0px !important;
    pointer-events: none
}

#assortment div.intro .right>div[data-wistia-movieid]>div.show {
    position: relative !important;
    opacity: 1
}

#assortment div.intro.detail .right figure.figureimage>img,
#assortment div.intro.overview .right figure.figureimage>img {
    object-fit: scale-down
}

#assortment div.intro+div.filter {
    box-sizing: border-box;
    padding-left: 30px;
    width: 900px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#assortment div.intro+div.filter>figure {
    position: relative;
    border: 3px solid #fff;
    padding: 10px;
    margin: 5px;
    width: 98px;
    height: 98px;
    box-sizing: border-box;
    background-color: #f0f0f0;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden
}

#assortment div.intro+div.filter>figure.cancel {
    display: none
}

#assortment div.intro+div.filter>figure:hover {
    cursor: pointer;
    border-color: #e40421
}

#assortment div.intro+div.filter>figure>img {
    position: absolute;
    top: 1%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 1
}

#assortment div.intro+div.filter>figure>span.dark {
    position: absolute;
    z-index: 0;
    display: block;
    left: 0;
    bottom: 0;
    height: 33px;
    background-color: rgba(0, 0, 0, .05);
    width: 100%
}

#assortment div.intro+div.filter>figure>span.content {
    position: absolute;
    z-index: 2;
    display: block;
    text-align: center;
    color: #1d1d1d;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    width: calc(100% - 20px);
    bottom: 8px;
    font-weight: bold
}

#assortment div.intro+div.filter>figure.selected {
    border-color: #e40421
}

#assortment div.intro+div.filter>figure.selected:hover {
    border-color: #e40421
}

#assortment div.intro+div.filter>figure.selected>span {
    color: #e40421
}

#assortment div.intro.overview .right figure {
    background-size: 100% auto;
    margin-top: 152px !important;
    height: calc(100% - 152px) !important
}

#assortment div.intro.detail .left h4 {
    font-size: 15px;
    text-transform: none;
    padding-bottom: 40px
}

#assortment div.intro.detail .left section {
    margin-bottom: 20px
}

#assortment div.intro.detail .right {
    position: relative
}

#assortment div.intro.detail .right>figure {
    background-size: contain !important;
    background-position: bottom left;
    margin-top: 112px !important;
    margin-bottom: 40px;
    height: calc(100% - 152px) !important
}

#assortment div.intro.detail .right>figure.pack_3xbakje-2kg,
#assortment div.intro.detail .right>figure.bereide-gerechten,
#assortment div.intro.detail .right>figure.plats-prepares,
#assortment div.intro.detail .right>figure.ready-meals {
    background-size: 110% auto !important;
    margin-top: 0px !important;
    height: 100% !important;
    background-position: center center
}

#assortment div.intro.detail .right>figure>img.icon {
    position: absolute;
    z-index: 10;
    width: 200px;
    height: 200px;
    top: 230px;
    left: 260px
}

#assortment div.intro.detail .right>div {
    position: absolute;
    bottom: 0
}

#assortment div.intro.detail .right>div>span {
    box-sizing: border-box;
    display: inline-block;
    width: 38px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding-top: 15px
}

#assortment div.intro.detail .right>div>span.no-link {
    background-color: #1d1d1d;
    cursor: default
}

#assortment div.intro.detail .right>div>span.link {
    transition: background-color 150ms ease;
    background-color: #e40421
}

#assortment div.intro.detail .right>div>span.link.hover,
#assortment div.intro.detail .right>div>span.link:hover {
    background-color: #1d1d1d;
    cursor: pointer
}

#assortment div.intro.detail>section.message {
    float: right;
    width: 50%;
    margin-top: 30px;
    margin-bottom: 30px
}

#assortment div.intro.detail>section.message>span {
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 20px 20px 40px;
    width: 400px;
    background-color: #e40421
}

#assortment div.intro.detail>section.message>span h6 {
    color: #fff
}

#assortment div.intro.detail>section.message>span p {
    color: #fff
}

#assortment section.categories {
    margin-top: 20px
}

#assortment section.categories>.cat {
    display: block;
    position: relative;
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    min-height: 250px
}

#assortment section.categories>.cat div.right {
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 60px
}

#assortment section.categories>.cat div.right h2 {
    padding-bottom: 10px
}

#assortment section.categories>.cat div.right p {
    padding-bottom: 60px
}

#assortment section.categories>.cat div.right span.bottom {
    position: absolute;
    padding-bottom: 0px;
    bottom: 20px;
    left: 50%
}

#assortment section.categories>.cat div.left {
    height: 100%
}

#assortment section.categories>.cat div.left figure {
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 50%;
    height: 100%
}

#assortment section.categories>.cat div.left figure>span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/img/assortment/category_scheiding.png);
    background-repeat: repeat-y;
    background-position: top right;
    right: 0;
    top: 0
}

#assortment section.categories>.cat:first-child,
#assortment section.categories>.cat:nth-child(4) {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    overflow: hidden
}

#assortment section.categories a.cat:hover span.bottom {
    color: #1d1d1d;
    text-decoration: underline
}

#assortment section.categories a.cat:hover span.bottom.redbutton {
    color: #fff;
    text-decoration: none;
    background-color: #1d1d1d
}

#assortment section.products {
    box-sizing: border-box;
    overflow: hidden;
    width: 900px;
    margin: 0 auto;
    margin-top: 20px
}

#assortment section.products>div {
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap
}

#assortment section.products>div>a {
    box-sizing: border-box;
    height: 300px;
    width: 23%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 40px bottom;
    background-size: 200px auto;
    margin-bottom: 2%;
    margin-left: 2%;
    padding: 20px;
    text-decoration: none;
    position: relative
}

#assortment section.products>div>a.hide {
    display: none
}

#assortment section.products>div>a>img.icon {
    position: absolute;
    left: 10px;
    bottom: 20px;
    width: 70px;
    height: 70px
}

#assortment section.products>div>a>span.link {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px
}

#assortment section.products>div>a.pack_4xpouch-1kg {
    background-color: #fff
}

#assortment section.products>div>a.pack_6x500g {
    background-color: #fff;
    background-position: 40px 110px
}

#assortment section.products>div>a.pack_6x550g {
    background-size: 90%;
    background-color: #fff;
    background-position: 40px 110px
}

#assortment section.products>div>a.pack_6x400ml-squeezer {
    background-color: #fff;
    background-position: 55px 100px
}

#assortment section.products>div>a.pack_6xtube-1l {
    background-size: 90%;
    background-color: #fff;
    background-position: 65px 98px
}

#assortment section.products>div>a.pack_can-23kg {
    background-color: #fff;
    background-position: 40px 112px
}

#assortment section.products>div>a.pack_2x3l-pet {
    background-size: 90%;
    background-color: #fff;
    background-position: 50px 105px
}

#assortment section.products>div>a.pack_emmer-3l {
    background-color: #fff;
    background-position: 35px 115px
}

#assortment section.products>div>a.pack_emmer-10l {
    background-size: 90%;
    background-color: #fff;
    background-position: 35px 125px
}

#assortment section.products>div>a.pack_emmer-10kg {
    background-size: 90%;
    background-color: #fff;
    background-position: 35px 125px
}

#assortment section.products>div>a.pack_emmer-5kg {
    background-color: #fff;
    background-position: 32px 117px
}

#assortment section.products>div>a.pack_jerrycan-6kg {
    background-color: #fff;
    background-position: 45px 105px
}

#assortment section.products>div>a.pack_emmer-1l {
    background-color: #fff;
    background-position: 40px 120px
}

#assortment section.products>div>a.pack_can-23l {
    background-color: #fff;
    background-position: 40px 112px
}

#assortment section.products>div>a.pack_emmer-32kg,
#assortment section.products>div>a.bereide-gerechten,
#assortment section.products>div>a.plats-prepares,
#assortment section.products>div>a.ready-meals {
    background-size: contain;
    background-color: #fff;
    background-position: 0px 120px
}

#assortment section.products>div>a.back {
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

#assortment section.products>div>a.back:nth-child(4n+1) {
    height: 150px
}

#assortment section.products>div>a.back>span {
    transition: background-color 300ms ease;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 150px;
    height: 150px;
    background-color: #e40421;
    background-image: url(/img/icon_back_big.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    color: #1d1d1d;
    line-height: 150%;
    padding-top: 110px
}

#assortment section.products>div>a.back>span>span {
    display: block;
    color: #fff
}

#assortment section.products>div>a.back:hover>span {
    background-color: #1d1d1d;
    color: #fff;
    text-decoration: underline
}

#assortment section.products>div>a:hover h3 {
    color: #e40421
}

#assortment section.techspec {
    box-sizing: border-box;
    border-bottom-left-radius: 100px;
    display: inline-block;
    background-color: #fff;
    width: 450px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px
}

#assortment section.techspec p {
    margin-top: 15px
}

#assortment section.techspec p span.link {
    display: inline-block;
    padding-right: 5px
}

#assortment section.pack {
    box-sizing: border-box;
    border-top-right-radius: 20px;
    display: inline-block;
    background-color: #fff;
    width: 300px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px
}

#assortment section.pack ol {
    margin: 0;
    padding: 0;
    list-style-position: inside
}

#assortment section.pack ol li {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    color: #1d1d1d;
    padding-top: 15px
}

#assortment section.pack ol li a,
#assortment section.pack ol li span {
    text-decoration: none;
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 25px;
    padding-left: 5px
}

#assortment section.pack ol li a.hover,
#assortment section.pack ol li a:hover {
    color: #e40421
}

#assortment section.pack ol li.selected {
    color: #e40421
}

#assortment section.pack ol li.selected a,
#assortment section.pack ol li.selected span {
    color: #e40421
}

#assortment section.pack ol+p {
    margin-top: 30px
}

#assortment section.promo {
    box-sizing: border-box;
    padding: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 280px;
    background-color: #e40421
}

#assortment section.promo h6 {
    color: #fff;
    padding-bottom: 10px
}

#assortment section.promo ul {
    margin: 0;
    padding: 0 0 0 18px;
    color: #fff;
    list-style-position: outside
}

#assortment section.promo ul li {
    font-family: "Abel", sans-serif;
    font-size: 18px;
    margin-bottom: 2px
}

#assortment section.promo ul li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

#assortment section.promo ul li a:hover {
    text-decoration: underline
}

#assortment section.recipes {
    padding-left: 20px
}

#assortment section.recipes>a {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    display: block;
    width: 430px;
    height: 410px;
    text-decoration: none;
    padding-left: 18px;
    padding-top: 22px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff
}

#assortment section.recipes>a>* {
    text-shadow: 0px 0px 20px #fff
}

#assortment section.recipes>a:hover span.link {
    color: #1d1d1d;
    text-decoration: underline
}

#assortment section.downloads {
    display: inline-block;
    width: 300px;
    text-align: right
}

#assortment section.downloads>div {
    box-sizing: border-box;
    width: 300px;
    background-color: #fff;
    padding: 20px;
    padding-right: 60px
}

#assortment section.downloads>div ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#assortment section.downloads>div ul li {
    padding-top: 15px
}

#assortment section.downloads>div ul li a,
#assortment section.downloads>div ul li span {
    text-decoration: none;
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 25px
}

#assortment section.downloads>div ul li a.hover,
#assortment section.downloads>div ul li a:hover {
    color: #e40421
}

#assortment section.downloads a.back {
    box-sizing: border-box;
    display: inline-block;
    height: 150px;
    width: 150px;
    padding: 20px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

#assortment section.downloads a.back>span {
    transition: background-color 300ms ease;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 150px;
    height: 150px;
    background-color: #e40421;
    background-image: url(/img/icon_back_big.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    color: #1d1d1d;
    line-height: 150%;
    padding-top: 110px
}

#assortment section.downloads a.back>span>span {
    color: #fff;
    display: block
}

#assortment section.downloads a.back:hover>span {
    background-color: #1d1d1d;
    color: #fff;
    text-decoration: underline
}

#assortment div.extra a.contactus {
    background-color: #e40421;
    width: 280px;
    height: 65px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    transition: background-color 300ms ease;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

#assortment div.extra a.contactus:hover {
    background-color: #1d1d1d
}

#assortment div.extra .left div+a.contactus {
    margin-top: 20px
}

#assortment div.extra .left a.contactus {
    justify-content: flex-end;
    padding-right: 60px;
    width: 300px
}

#assortment div.extra .right a.contactus {
    justify-content: flex-start;
    padding-left: 60px;
    margin-left: 20px
}

#company div.double div section h4 {
    color: #1d1d1d;
    font-size: 28px;
    font-family: "Abel", sans-serif;
    margin-bottom: 20px;
    text-transform: none
}

#company>section.slideshow>article>div>div.left {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

#company>section.slideshow>article>div>div.left>div>span {
    padding-top: 14px;
    padding-bottom: 14px
}

#company section.intro {
    background-color: #fff;
    padding: 40px
}

#company section.intro>div {
    width: 370px;
    padding-bottom: 20px
}

#company section.intro>div h3 {
    color: #e40421;
    font-size: 40px;
    font-family: "Abel", sans-serif;
    line-height: 110%
}

#company section.beeld {
    position: relative;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-position: bottom 0 right
}

#company section.history {
    background: #fff;
    background-size: contain;
    padding: 40px;
    padding-bottom: 140px
}

#company section.history p {
    width: 370px
}

#company section.quality {
    box-sizing: border-box;
    display: inline-block;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    text-align: right;
    margin-right: 20px;
    padding: 40px 20px 20px 30px;
    width: 375px;
    background-color: #fff
}

#company section.quality p {
    padding-bottom: 20px
}

#company section.quality a {
    outline: none;
    cursor: pointer
}

#company section.quality a img {
    cursor: pointer
}

#company section.quality span.link {
    padding-top: 10px;
    display: block
}

#company div.double.service {
    margin-top: 0px !important
}

#company div.double.service section.service {
    background: #fff
}

#company div.double.service section.service>div {
    box-sizing: border-box;
    display: inline-block;
    padding: 40px;
    background: url(/img/company/bg_service_waas.png) repeat-y top right;
    width: 480px
}

#company div.double.service a.vacature {
    transition: background-color 300ms ease;
    box-sizing: border-box;
    display: block;
    background-color: #e40421;
    margin-left: 20px;
    margin-top: 20px;
    padding: 20px;
    width: 205px;
    text-decoration: none;
    outline: none
}

#company div.double.service a.vacature h6 {
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px
}

#company div.double.service a.vacature span.link {
    display: block;
    color: #1d1d1d;
    margin-top: 20px
}

#company div.double.service a.vacature ul {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    color: #fff;
    padding-left: 18px
}

#company div.double.service a.vacature ul li {
    font-family: "Abel", sans-serif;
    font-size: 18px;
    margin-bottom: 2px
}

#company div.double.service a.vacature ul li span {
    font-size: 15px
}

#company div.double.service a.vacature:hover {
    background-color: #1d1d1d;
    cursor: pointer
}

#company div.double.service a.vacature:hover span.link {
    color: #fff;
    text-decoration: underline
}

#company .partner{
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 20px;
    margin-top: 0px;
    padding: 30px 40px 40px 40px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    max-width: 430px;
    width: 100%;
}

#company .partner .link{
    margin-top: 10px !important;
    display: inline-block;
}

@media only screen and (max-width: 950px) {
    #company .partner{
        margin-left: 0;
    }
}
@media only screen and (max-width: 600px) {
    #company .partner-wrap .right{
        width: 100% !important;
    }
    #company .partner{
        max-width: inherit;
        margin: 20px;
        width: auto;
        padding: 30px 20px;
    }
}

/* SUSTAINABILITY */

#sustainability div.double div section h4 {
    color: #1d1d1d;
    font-size: 28px;
    font-family: "Abel", sans-serif;
    margin-bottom: 20px;
    text-transform: none
}

#sustainability>section.slideshow>article>div>div.left {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

#sustainability>section.slideshow>article>div>div.left>div>span {
    padding-top: 14px;
    padding-bottom: 14px
}

#sustainability section.intro {
    background-color: #fff;
    padding: 40px
}

#sustainability section.intro>div {
    width: 370px;
    padding-bottom: 20px
}

#sustainability section.intro>div h3 {
    color: #e40421;
    font-size: 40px;
    font-family: "Abel", sans-serif;
    line-height: 110%
}

#sustainability section.beeld {
    position: relative;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-position: bottom 0 right
}

#sustainability section.history {
    background: #fff;
    background-size: contain;
    padding: 40px;
    padding-bottom: 140px
}

#sustainability section.history p {
    width: 370px
}

#sustainability section.quality {
    box-sizing: border-box;
    display: inline-block;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    text-align: right;
    margin-right: 20px;
    padding: 40px 20px 20px 30px;
    width: 375px;
    background-color: #fff
}

#sustainability section.quality p {
    padding-bottom: 20px
}

#sustainability section.quality a {
    outline: none;
    cursor: pointer
}

#sustainability section.quality a img {
    cursor: pointer
}

#sustainability section.quality span.link {
    padding-top: 10px;
    display: block
}

#sustainability div.double.service {
    margin-top: 0px !important
}

#sustainability div.double.service section.service {
    background: #fff
}

#sustainability div.double.service section.service>div {
    box-sizing: border-box;
    display: inline-block;
    padding: 40px;
    background: url(/img/company/bg_service_waas.png) repeat-y top right;
    width: 480px
}

#sustainability div.double.service a.vacature {
    transition: background-color 300ms ease;
    box-sizing: border-box;
    display: block;
    background-color: #e40421;
    margin-left: 20px;
    margin-top: 20px;
    padding: 20px;
    width: 205px;
    text-decoration: none;
    outline: none
}

#sustainability div.double.service a.vacature h6 {
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px
}

#sustainability div.double.service a.vacature span.link {
    display: block;
    color: #1d1d1d;
    margin-top: 20px
}

#sustainability div.double.service a.vacature ul {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    color: #fff;
    padding-left: 18px
}

#sustainability div.double.service a.vacature ul li {
    font-family: "Abel", sans-serif;
    font-size: 18px;
    margin-bottom: 2px
}

#sustainability div.double.service a.vacature ul li span {
    font-size: 15px
}

#sustainability div.double.service a.vacature:hover {
    background-color: #1d1d1d;
    cursor: pointer
}

#sustainability div.double.service a.vacature:hover span.link {
    color: #fff;
    text-decoration: underline
}

#sustainability .textblock{
    max-width: 760px;
    width: 100%;
    margin: 20px auto;
    background-color: white;
    box-sizing: border-box;
    border-radius: 0 20px 0 60px;
    padding: 60px;
    font-family: "Abel", sans-serif;
}

#sustainability .textblock h3{
    font-family: "Abel", sans-serif !important;
    color: #e40421 !important;
    font-size: 40px !important;
    line-height: 110% !important;
    margin-bottom: 20px !important;
}

#sustainability .textblock h4{
    font-family: "Abel", sans-serif !important;
    font-size: 28px !important;
    margin: 10px 0 0 0 !important;
    text-transform: none !important;
}

@media only screen and (max-width: 600px) {
    #sustainability .textblock{
        border-radius: 0 10px 0 30px;
        padding: 30px;
    }
}

#news>div.double.first.intro div.right {
    background-color: rgba(0, 0, 0, 0) !important
}

#news>div.double.first.intro div.right figure {
    border-bottom-left-radius: 100px
}

#news>div.double.first.intro div.right figure.figureimage>img {
    object-fit: cover;
    object-position: center center
}

#news>div.double.news h2 {
    color: #e40421;
    margin-bottom: 10px
}

#news>div.double.news h2>span {
    color: rgba(29, 29, 29, .5);
    white-space: nowrap;
    font-size: 20px
}

#news>div.double.news h3 {
    margin: 5px 0px
}

#news>div.double.news p {
    padding: 0
}

#news>div.double.news p a {
    color: #e40421;
    text-decoration: underline
}

#news>div.double.news p a:hover {
    color: #1d1d1d
}

#news>div.double.news ul {
    margin: 5px 0px;
    padding-left: 15px;
    color: #1d1d1d;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    line-height: 150%
}

#news>div.double.news div.button {
    margin: 10px 0
}

#news>div.double.news div.button>a {
    transition: background-color 300ms ease;
    display: inline-block;
    background-color: #e40421;
    margin: 0;
    padding: 20px 10px;
    color: #fff;
    font-size: 13px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    text-decoration: none
}

#news>div.double.news div.button>a:hover {
    background-color: #1d1d1d
}

#news>div.double.news div.button+div.button {
    margin-top: 0px
}

#news>div.double.news div.video {
    height: 250px
}

#news>div.double.news div.left>img {
    overflow: hidden;
    width: 100%;
    max-width: 450px
}

#news>div.double.news div.left>div.video {
    max-width: 450px;
    max-height: 350px;
    display: inline-block;
    height: 30vw;
    width: 100%
}

#news>div.double.news div.right section.item>img {
    width: 100%;
    height: auto;
    max-height: 450px
}

#news>div.double.news div.left section.item {
    border-bottom-left-radius: 50px;
    padding: 20px 40px 15px 40px;
    text-align: right
}

#news>div.double.news div.left section.item h2>span {
    display: block
}

#news>div.double.news section.item {
    box-sizing: border-box;
    display: inline-block;
    width: 450px;
    text-align: left;
    background-color: #fff;
    padding: 20px 20px 40px 40px
}

#news>div.double+div.double {
    margin-top: 40px !important
}

#news>div.nav {
    text-align: center;
    margin-top: 40px
}

#news>div.nav>a {
    transition: background-color 300ms ease;
    display: inline-block;
    background-color: #e40421;
    font-family: "Lato", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    padding: 20px 10px;
    font-size: 13px;
    cursor: pointer
}

#news>div.nav>a>span {
    font-size: 15px
}

#news>div.nav>a:hover {
    background-color: #1d1d1d
}

#news>div.nav>a+a {
    margin-left: 20px
}

#tradefairs>div.double.first.intro div.right {
    background-color: rgba(0, 0, 0, 0) !important
}

#tradefairs>div.double.first.intro div.right figure {
    border-bottom-left-radius: 100px
}

#tradefairs>div.double.first.intro div.right figure.figureimage>img {
    object-fit: cover;
    object-position: center center
}

#tradefairs>div.double.event h3 {
    color: #e40421
}

#tradefairs>div.double.event section.image {
    display: inline-block;
    overflow: hidden;
    width: 220px;
    background-repeat: no-repeat;
    background-position: top right;
    text-align: right;
    background-color: #fff;
    padding: 20px 60px 20px 20px
}

#tradefairs>div.double.event section.image.empty {
    height: 150px;
    display: none
}

#tradefairs>div.double.event section.image.figure {
    border-bottom-left-radius: 100px;
    height: 300px
}

#tradefairs>div.double.event section.beurs {
    box-sizing: border-box;
    display: inline-block;
    width: 450px;
    text-align: left;
    background-color: #fff;
    padding: 20px 20px 20px 40px
}

#tradefairs>div.double.event section.beurs p {
    padding: 10px 0
}

#tradefairs>div.double.event section.beurs a {
    outline: 0;
    padding: 10px 0
}

#downloads div.intro .right figure.figureimage>img {
    object-fit: cover
}

#downloads>form#form_file {
    margin-top: 0px
}

#downloads>form#form_file.sent button {
    display: none !important
}

#downloads>form#form_file section.data {
    display: inline-block;
    width: 300px;
    text-align: right
}

#downloads>form#form_file section.data input {
    box-sizing: border-box;
    width: 100%;
    border: 0;
    background: #fff;
    margin-bottom: 2px;
    text-align: right;
    padding-right: 60px;
    padding-left: 5px;
    height: 65px;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d
}

#downloads>form#form_file section.data input.error {
    border-right: 3px solid #e40421;
    padding-right: 57px;
    color: #e40421
}

#downloads>form#form_file section.data button {
    box-sizing: border-box;
    display: inline-block;
    transition: background-color 300ms ease;
    width: 100%;
    border: 0;
    background: #e40421;
    padding-right: 60px;
    height: 65px;
    font-family: "Lato", sans-serif;
    text-align: right;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff
}

#downloads>form#form_file section.data button:hover {
    background-color: #1d1d1d
}

#downloads>form#form_file section.data button:focus {
    outline: 0
}

#downloads>form#form_file section.data button:disabled:hover {
    background-color: #e40421
}

#downloads>form#form_file section.data div.privacy {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: #fff
}

#downloads>form#form_file section.data div.privacy label {
    display: block;
    margin-right: 30px
}

#downloads>form#form_file section.data div.privacy label a {
    color: #fff
}

#downloads>form#form_file section.data div.privacy label a:hover {
    color: #1d1d1d
}

#downloads>form#form_file section.data div.privacy input {
    position: absolute;
    right: 0;
    top: 0px;
    width: 20px;
    height: 20px
}

#downloads>form#form_file section.data div.privacy span.icon {
    display: none
}

#downloads>form#form_file section.data div.privacy.error {
    color: red
}

#downloads>form#form_file section.data div.privacy.error label a {
    font-weight: bold
}

#downloads>form#form_file section.data div.g-recaptcha {
    margin-bottom: 20px
}

#downloads>form#form_file section.data div.g-recaptcha>div {
    display: inline-block
}

#downloads>form#form_file section.data label.response {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 13px
}

#downloads>form#form_file section.data label.response.error {
    color: #fff;
    background-color: #800212;
    margin: 5px 0;
    padding: 5px 60px 5px 0
}

#downloads>form#form_file section.data label.response.error.notsent {
    padding-bottom: 20px;
    line-height: 150%
}

#downloads>form#form_file section.data label.response.sent {
    color: #1d1d1d;
    background-color: #fff;
    margin: 2px 0;
    padding: 5px 60px 20px 0px;
    line-height: 150%
}

#downloads>form#form_file section.data label.response.sent b {
    color: #e40421
}

#downloads>form#form_file section.select {
    margin-left: 20px;
    margin-top: 20px;
    width: 430px;
    background-color: #fff;
    padding: 20px;
    padding-bottom: 64px;
    border-bottom-left-radius: 60px;
    border-top-right-radius: 20px
}

#downloads>form#form_file section.select h5 {
    margin-bottom: 16px
}

.cat{
    color: grey;
    margin: 20px 0;
}

:root {
  --radio-border-color: #8b8c89;
  --radio-checked-color: #e40421;
  --radio-hover-color: #a3cef1;
  --radio-disabled-bg-color: #d9d9d9;
}

.radio{
    display: flex;
    align-items: center;
}

.radio:hover{
    color: #e40421;
}

.radio input[type="radio"] {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 6px 8px 6px 0;
  padding: 0;
  border: 2px solid var(--radio-border-color);
  border-radius: 50%;
  appearance: none;
  background-color: transparent;
  outline: none;
}

.radio input[type="radio"]:hover {
    border: 2px solid var(--radio-checked-color);
}

.radio input[type="radio"]:not(:disabled):checked {
  border-color: var(--radio-checked-color);
  background-color: var(--radio-checked-color);
  background-clip: content-box;
  padding: 2px;
  background-image: radial-gradient(
    circle,
    var(--radio-checked-color) 0%,
    var(--radio-checked-color) 50%,
    transparent 60%,
    transparent 100%
  );
}

/*#downloads>form#form_file section.select p.styleselect {
    height: 65px;
    overflow: hidden;
    background: #fff
}

#downloads>form#form_file section.select p.styleselect.error select {
    color: #e40421;
    background-position: bottom right 15px
}

#downloads>form#form_file section.select p.styleselect>select {
    transition: background-position 300ms ease;
    display: block;
    outline: 0;
    width: 110%;
    height: 100%;
    background: url(/img/jobs/select_arrow.png) no-repeat rgba(0, 0, 0, 0);
    background-position: top right 15px;
    padding-right: 20px;
    padding-left: 20px;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    border-bottom: 1px solid rgba(29, 29, 29, .2)
}

#downloads>form#form_file section.select p.styleselect>select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #1d1d1d
}

#downloads>form#form_file section.select p.styleselect>select optgroup {
    font-family: "Lato", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 5px 10px 5px 10px
}

#downloads>form#form_file section.select p.styleselect>select optgroup>option {
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d;
    text-transform: none;
    padding: 5px 10px 5px 10px
}

#downloads>form#form_file section.select p.styleselect>select:hover {
    background-position: bottom right 15px;
    color: #e40421;
    cursor: pointer;
    font-weight: normal
}

#downloads>form#form_file section.select p.styleselect>select:hover:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #e40421
}

#downloads>form#form_file section.select p.styleselect>select:hover optgroup,
#downloads>form#form_file section.select p.styleselect>select:hover option {
    color: #1d1d1d
}*/

#jobs div.intro .right figure.figureimage>img {
    object-fit: cover
}

#jobs>div.double.first.intro div.right {
    background-color: rgba(0, 0, 0, 0) !important
}

#jobs>div.double.first.intro div.right figure {
    border-bottom-left-radius: 100px
}

#jobs>div.double.job div.titel {
    font-family: "Abel", sans-serif;
    font-size: 20px;
    color: #1d1d1d;
    padding-top: 20px;
    padding-bottom: 20px
}

#jobs>div.double.job section.opdracht {
    box-sizing: border-box;
    display: inline-block;
    width: 300px;
    text-align: right;
    background-color: #fff;
    padding: 20px 60px 20px 20px
}

#jobs>div.double.job section.profiel {
    box-sizing: border-box;
    display: inline-block;
    width: 450px;
    text-align: left;
    background-color: #fff;
    padding: 20px 20px 20px 40px
}

#jobs>div.double.job section.profiel>div.titel {
    padding-top: 53px
}

#jobs>div.double.job section.profiel>p+div.titel {
    padding-top: 30px
}

#jobs>div.double.job section.profiel>p+div.titel+p {
    padding-bottom: 40px
}

#jobs>div.double.job section>button {
    background: 0;
    margin: 0;
    border: 0;
    padding: 0;
    transition: background-color 300ms ease;
    background-color: #e40421;
    color: #fff;
    padding: 20px 10px;
    font-size: 13px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    margin-top: 0px
}

#jobs>div.double.job section>button:hover {
    background-color: #1d1d1d;
    color: #e40421
}

#jobs>div.double.job:nth-child(odd) section.profiel {
    border-top-right-radius: 60px
}

#jobs>div.double.job:nth-child(even) section.opdracht {
    border-bottom-left-radius: 60px
}

#jobs>div.double.form section.uitleg {
    box-sizing: border-box;
    display: inline-block;
    border-bottom-left-radius: 60px;
    border-top-right-radius: 20px;
    width: 300px;
    text-align: right;
    background-color: #fff;
    padding: 20px 60px 100px 20px
}

#jobs>div.double.form section.uitleg p {
    padding-top: 20px
}

#jobs>div.double.form section.uitleg p a {
    color: #e40421;
    text-decoration: none
}

#jobs>div.double.form section.uitleg p a:hover {
    text-decoration: underline
}

#jobs>div.double.form section.form {
    width: 450px;
    margin-left: 20px;
    margin-top: 5px
}

#jobs>div.double.form section.form form input:not([type=checkbox]) {
    box-sizing: border-box;
    width: 100%;
    border: 0;
    background: #fff;
    margin-bottom: 2px;
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
    height: 65px;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d
}

#jobs>div.double.form section.form form input:not([type=checkbox]).error {
    border-right: 3px solid #e40421;
    color: #e40421
}

#jobs>div.double.form section.form form p.styleselect {
    height: 65px;
    overflow: hidden;
    margin-bottom: 2px;
    background: #fff
}

#jobs>div.double.form section.form form p.styleselect.error select {
    color: #e40421;
    background-position: bottom right 15px
}

#jobs>div.double.form section.form form p.styleselect>select {
    transition: background-position 300ms ease;
    display: block;
    outline: 0;
    width: 110%;
    height: 100%;
    padding-right: 20px;
    padding-left: 20px;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none
}

#jobs>div.double.form section.form form p.styleselect>select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #1d1d1d
}

#jobs>div.double.form section.form form p.styleupload {
    width: 100%;
    height: 65px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2px
}

#jobs>div.double.form section.form form p.styleupload.containsfile>button {
    width: calc(33.3333333333% - 40px);
    right: 40px
}

#jobs>div.double.form section.form form p.styleupload input[type=text] {
    box-sizing: border-box;
    border: 0;
    background: 0;
    float: left;
    height: 65px;
    background-color: #fff;
    width: 66.6666666667%
}

#jobs>div.double.form section.form form p.styleupload input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer
}

#jobs>div.double.form section.form form p.styleupload>span.delete {
    box-sizing: border-box;
    display: none;
    width: 40px;
    height: 65px;
    background-color: #fff;
    border: 0;
    padding: 10px;
    padding-top: 22px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    cursor: default;
    position: absolute;
    right: 0px
}

#jobs>div.double.form section.form form p.styleupload>span.delete:hover:not(.disabled) {
    cursor: pointer;
    color: #fff;
    background-color: #e40421
}

#jobs>div.double.form section.form form p.styleupload>button {
    border: 0;
    background: 0;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 65px;
    background-color: rgba(255, 255, 255, .5);
    padding-left: 20px;
    padding-right: 20px;
    width: 33.3333333333%;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    text-decoration: none
}

#jobs>div.double.form section.form form p.styleupload>button::before {
    display: none
}

#jobs>div.double.form section.form form p.styleupload>button:hover:not(:disabled) {
    background-color: #e40421;
    color: #fff
}

#jobs>div.double.form section.form form p.styleupload>button:focus {
    outline: 0
}

#jobs>div.double.form section.form form p.styleupload>button.error {
    border-color: red;
    color: red
}

#jobs>div.double.form section.form form>button {
    box-sizing: border-box;
    display: inline-block;
    transition: background-color 300ms ease;
    width: 66.6666666667%;
    border: 0;
    background: #e40421;
    padding-left: 20px;
    height: 65px;
    font-family: "Lato", sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff
}

#jobs>div.double.form section.form form>button:hover {
    background-color: #1d1d1d
}

#jobs>div.double.form section.form form>button:focus {
    outline: 0
}

#jobs>div.double.form section.form form>button:disabled:hover {
    background-color: #e40421
}

#jobs>div.double.form section.form form div.privacy {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: #fff
}

#jobs>div.double.form section.form form div.privacy label {
    display: block;
    margin-left: 30px;
    margin-right: 75px
}

#jobs>div.double.form section.form form div.privacy label a {
    color: #fff
}

#jobs>div.double.form section.form form div.privacy label a:hover {
    color: #1d1d1d
}

#jobs>div.double.form section.form form div.privacy input {
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px
}

#jobs>div.double.form section.form form div.privacy span.icon {
    display: none
}

#jobs>div.double.form section.form form div.privacy.error {
    color: red
}

#jobs>div.double.form section.form form div.privacy.error label a {
    font-weight: bold
}

#jobs>div.double.form section.form form div.g-recaptcha {
    margin-bottom: 20px
}

#jobs>div.double.form section.form form div.g-recaptcha>div {
    display: inline-block
}

#jobs>div.double.form section.form form label.response {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 13px
}

#jobs>div.double.form section.form form label.response.error {
    color: #fff;
    background-color: #800212;
    margin: 5px 0;
    padding: 5px 20px 5px 20px
}

#jobs>div.double.form section.form form label.response.error.notsent {
    padding-bottom: 20px;
    line-height: 150%
}

#jobs>div.double.form section.form form label.response.sent {
    display: none !important
}

#jobs>div.double.form section.form a.confirm {
    display: none;
    text-decoration: none
}

#jobs>div.double section>a.button {
    background: 0;
    margin: 0;
    border: 0;
    padding: 0;
    transition: background-color 300ms ease;
    background-color: #e40421;
    color: #fff;
    padding: 20px 10px;
    font-size: 13px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    margin-top: 40px;
    text-decoration: none;
    display: inline-block
}

#jobs>div.double section>a.button:hover {
    background-color: #1d1d1d
}

#jobs>div.double.overview section.profiel>p {
    margin-top: 25px
}

#jobs>div.double.overview section.profiel>p>br {
    display: none;
    margin: 0
}

#jobs>div.double.overview section.profiel>a.button {
    margin-top: 50px;
    margin-bottom: 20px
}

#jobs>div.double.detail section>p>br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 7px !important
}

#jobs>div.double.detail section>a.button {
    background-color: #1d1d1d;
    margin-top: 10px
}

#jobs>div.double.detail section>a.button:hover {
    color: #e40421
}

#recipes {
    overflow-x: hidden
}

#recipes>div.double.first.intro div.right figure {
    position: relative;
    background-position: right bottom !important
}

#recipes>div.double.first.intro div.right figure a {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-left: 40px;
    background-color: #fff;
    font-family: "Abel", sans-serif;
    color: #e40421;
    font-size: 20px;
    text-decoration: none
}

#recipes>div.double.first.intro div.right figure a>span.link {
    display: block;
    color: #1d1d1d;
    padding-bottom: 10px
}

#recipes>div.double.first.intro div.right figure a:hover {
    color: #1d1d1d
}

#recipes>div.double.first.intro div.right figure a:hover>span.link {
    text-decoration: underline
}

#recipes div.recipes {
    position: relative;
    width: 900px;
    margin: 0 auto;
    margin-top: 20px
}

#recipes article.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

#recipes article.header section.searchbox {
    box-sizing: border-box;
    width: 450px;
    background-color: #fff;
    border-bottom-left-radius: 60px;
    padding: 20px;
    padding-right: 60px;
    text-align: right
}

#recipes article.header section.searchbox>input {
    border: 0;
    background: 0;
    box-sizing: border-box;
    transition: background-position 300ms ease;
    width: 300px;
    border-bottom: 1px solid #ccc;
    font-family: "Abel", sans-serif;
    font-size: 20px;
    padding: 15px 60px 10px 10px;
    margin-bottom: 35px;
    background: url(/img/icon_search_red.png) no-repeat right top
}

#recipes article.header section.searchbox>input:focus {
    color: #e40421;
    background-position: right -50px
}

#recipes article.header section.searchbox>ul {
    position: relative;
    right: 40px;
    list-style: none;
    padding-right: 0px;
    width: 100%
}

#recipes article.header section.searchbox>ul>li {
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.5%;
    margin-left: 0%;
    margin-right: 1%;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d;
    padding-bottom: 10px
}

#recipes article.header section.searchbox>ul>li::after {
    content: "";
    display: table;
    clear: both
}

#recipes article.header section.searchbox>ul>li:nth-child(n) {
    margin-right: 1%;
    float: left;
    clear: none
}

#recipes article.header section.searchbox>ul>li:nth-child(2n) {
    margin-right: 0%;
    float: right
}

#recipes article.header section.searchbox>ul>li:nth-child(2n+1) {
    clear: both
}

#recipes article.header section.searchbox>ul>li:nth-child(odd):last-child {
    position: relative;
    left: 50.5%
}

#recipes article.header section.searchbox>ul>li:hover {
    color: #e40421;
    cursor: pointer
}

#recipes article.header section.searchbox>ul>li.selected {
    color: #e40421;
    cursor: default
}

#recipes article.header section.searchbox>ul>li>a {
    color: inherit;
    text-decoration: none
}

#recipes article.header section.kurt {
    background-color: #fff;
    width: calc(100% - 450px);
    display: flex;
    flex-direction: row
}

#recipes article.header section.kurt>figure {
    margin: 0;
    width: 225px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

#recipes article.header section.kurt>figure.figureimage>img {
    object-fit: cover;
    object-position: center center
}

#recipes article.header section.kurt>p {
    box-sizing: border-box;
    width: calc(100% - 225px);
    padding: 20px;
    padding-right: 0px
}

#recipes article.header section.kurt>p>br {
    margin-bottom: 10px
}

#recipes article.header section.kurt>p>a {
    color: #e40421;
    text-decoration: none
}

#recipes article.header section.kurt>p>a:hover {
    text-decoration: underline
}

#recipes section.list {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 5;
    padding-left: 20px;
    margin-top: 20px
}

#recipes section.list>div {
    overflow: hidden;
    margin-left: 20px
}

#recipes section.list a {
    float: left;
    clear: none;
    text-align: inherit;
    width: 23.125%;
    margin-left: 0%;
    margin-right: 2.5%;
    box-sizing: border-box;
    background-size: auto 55%;
    background-position: center bottom;
    height: 300px;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    text-decoration: none;
    position: relative
}

#recipes section.list a::after {
    content: "";
    display: table;
    clear: both
}

#recipes section.list a:nth-child(n) {
    margin-right: 2.5%;
    float: left;
    clear: none
}

#recipes section.list a:nth-child(4n) {
    margin-right: 0%;
    float: right
}

#recipes section.list a:nth-child(4n+1) {
    clear: both
}

#recipes section.list a::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    background-color: rgba(29, 29, 29, .5)
}

#recipes section.list a>div {
    text-shadow: 0px 0px 20px #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px
}

#recipes section.list a span.link {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px
}

#recipes section.list a span.info {
    display: none
}

#recipes section.list a:hover::before {
    background-color: #e40421
}

#recipes section.list a:hover h3 {
    color: #e40421
}

#recipes section.list a.empty {
    background: none
}

#recipes section.clone {
    opacity: 0;
    display: none !important
}

#recipes section.first.beeld {
    position: relative;
    height: 690px;
    overflow: hidden
}

#recipes section.first.beeld>article {
    width: 100%;
    height: inherit
}

#recipes section.first.beeld>article figure {
    padding: 0;
    margin: 0;
    width: 100%;
    height: inherit;
    position: relative;
    z-index: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#recipes section.first.beeld>article figure.figureimage>img {
    object-fit: cover
}

#recipes section.first.beeld>article>div {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 55px;
    background-color: #fff
}

#recipes section.first.beeld>article>div>div {
    width: 900px;
    margin: 0 auto
}

#recipes section.first.beeld>article>div>div>div {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 7px 0px 10px 0px
}

#recipes section.first.beeld>article>div>div>div::after {
    content: "";
    display: table;
    clear: both
}

#recipes section.first.beeld>article>div>div>div:nth-child(n) {
    float: left;
    clear: none
}

#recipes section.first.beeld>article>div>div>div:nth-child(2n) {
    float: right
}

#recipes section.first.beeld>article>div>div>div:nth-child(2n+1) {
    clear: both
}

#recipes section.first.beeld>article>div>div>div.left {
    text-align: left
}

#recipes section.first.beeld>article>div>div>div.left>a::before {
    content: "<";
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    text-align: center
}

#recipes section.first.beeld>article>div>div>div.left>a>span {
    padding-left: 40px
}

#recipes section.first.beeld>article>div>div>div.right {
    text-align: right
}

#recipes section.first.beeld>article>div>div>div.right>a {
    padding-right: 40px
}

#recipes section.first.beeld>article>div>div>div.right>a::after {
    content: ">";
    position: absolute;
    top: 5px;
    right: 0px;
    width: 40px;
    text-align: center
}

#recipes section.first.beeld>article>div>div>div.right>a>span {
    padding-right: 40px
}

#recipes section.first.beeld>article>div>div>div>a {
    font-family: "Abel", sans-serif;
    color: #e40421;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    position: relative
}

#recipes section.first.beeld>article>div>div>div>a>span.link {
    color: #1d1d1d;
    display: block
}

#recipes section.first.beeld>article>div>div>div>a:hover {
    color: #1d1d1d
}

#recipes section.first.beeld>article>div>div>div>a:hover>span.link {
    text-decoration: underline
}

#recipes div.info {
    overflow: hidden;
    margin-top: 20px
}

#recipes section.title {
    display: inline-block;
    box-sizing: border-box;
    width: 450px;
    padding: 20px;
    padding-right: 60px
}

#recipes section.ingr {
    background-color: #fff;
    padding: 40px 0px 40px 40px
}

#recipes section.ingr div.titel {
    font-family: "Abel", sans-serif;
    color: #e40421;
    font-size: 40px;
    font-weight: normal;
    padding-bottom: 10px
}

#recipes section.ingr ul {
    box-sizing: border-box;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    width: 400px;
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%
}

#recipes section.ingr ul>li:before {
    content: "-";
    position: absolute;
    margin-left: -15px
}

#recipes div.saus {
    overflow: hidden
}

#recipes div.saus a.back {
    box-sizing: border-box;
    display: inline-block;
    height: 150px;
    width: 150px;
    padding: 20px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

#recipes div.saus a.back>span {
    transition: background-color 300ms ease;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 150px;
    height: 150px;
    background-color: #e40421;
    background-image: url(/img/icon_back_big.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    color: #1d1d1d;
    line-height: 150%;
    padding-top: 110px
}

#recipes div.saus a.back>span>span {
    color: #fff;
    display: block
}

#recipes div.saus a.back:hover>span {
    background-color: #1d1d1d;
    color: #fff;
    text-decoration: underline
}

#recipes section.saus {
    box-sizing: border-box;
    display: inline-block;
    width: 300px;
    background-color: #fff;
    padding: 20px 0
}

#recipes section.saus div.titel {
    font-family: "Abel", sans-serif;
    color: #1d1d1d;
    font-size: 20px;
    font-weight: normal;
    padding-right: 60px;
    padding-left: 20px
}

#recipes section.saus a {
    display: block;
    width: 100%;
    text-decoration: none
}

#recipes section.saus a div.titel {
    font-size: 30px
}

#recipes section.saus a span.link {
    padding-right: 60px
}

#recipes section.saus a img {
    width: inherit
}

#recipes section.saus a:hover span.link {
    color: #1d1d1d;
    text-decoration: underline
}

#recipes section.bereiding {
    box-sizing: border-box;
    position: relative;
    width: 430px;
    margin-left: 20px;
    background-color: rgba(255, 255, 255, .85);
    padding: 20px;
    padding-bottom: 60px;
    padding-right: 50px;
    border-bottom-left-radius: 60px;
    border-top-right-radius: 20px
}

#recipes section.bereiding div.titel {
    font-family: "Abel", sans-serif;
    color: #e40421;
    font-size: 40px;
    font-weight: normal;
    padding-bottom: 10px
}

#recipes section.bereiding p+div.titel {
    margin-top: 40px
}

#recipes section.bereiding div.hiddenitems {
    display: none
}

#recipes section.bereiding div.link {
    position: absolute;
    bottom: 0;
    right: 0
}

#recipes section.bereiding div.link p {
    position: absolute;
    bottom: 3px;
    right: 80px;
    color: #1d1d1d;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    width: 200px;
    text-align: right;
    line-height: 130%
}

#recipes section.bereiding div.link p>span.button {
    color: #e40421
}

#recipes section.bereiding div.link p>span.button:hover {
    color: #1d1d1d;
    cursor: pointer;
    text-decoration: underline
}

#recipes section.bereiding div.link a.button {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-decoration: none;
    outline: none
}

#recipes section.bereiding div.link a.button.fb {
    background: url(/img/icon_facebook.png) no-repeat #e40421 center center
}

#recipes section.bereiding div.link a.button.pi {
    background: url(/img/icon_pinterest.png) no-repeat #e40421 center center
}

#recipes section.bereiding div.link a.button:hover {
    background-color: #1d1d1d
}

#contact div.intro .right figure.figureimage>img {
    object-fit: cover
}

#contact>div.double.first.intro div.left p b {
    font-size: 25px;
    font-weight: normal
}

#contact>div.double.first.intro div.left p a {
    color: #1d1d1d
}

#contact>div.double.first.intro div.left p a:hover {
    color: #e40421
}

#contact div.double.form {
    margin-top: 0px !important
}

#contact div.double.form section.map {
    padding-left: 20px;
    padding-top: 20px
}

#contact div.double.form section.map>a {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    display: block;
    width: 430px;
    height: 410px;
    text-decoration: none;
    outline: 0;
    background-position: center center;
    background-repeat: no-repeat
}

#contact div.double.form section.map>a>div {
    box-sizing: border-box;
    height: 100%;
    padding-left: 20px;
    padding-top: 20px;
    background-image: url(/img/contact/google_map_overlay.png);
    background-repeat: repeat-x
}

#contact div.double.form section.map>a:hover span.link {
    color: #1d1d1d;
    text-decoration: underline
}

#contact div.double.form section.representatives {
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 20px;
    margin-top: 74px;
    width: 430px;
    padding: 30px 40px 40px 40px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px
}

#contact div.double.form section.representatives h3 {
    font-size: 30px;
    margin-bottom: 10px
}

#contact div.double.form section.representatives>div>div>p.name {
    font-size: 20px
}

#contact div.double.form section.representatives>div>div>p.name>span {
    font-size: 15px
}

#contact div.double.form section.representatives>div>div>p>a {
    color: #e40421;
    text-decoration: none
}

#contact div.double.form section.representatives>div>div>p>a:hover {
    text-decoration: underline
}

#contact div.double.form section.representatives>div>div+div {
    margin-top: 10px
}

#contact div.double.form section.form {
    display: inline-block;
    width: 450px;
    text-align: right
}

#contact div.double.form section.form form input:not([type=checkbox]),
#contact div.double.form section.form form textarea {
    box-sizing: border-box;
    width: 300px;
    border: 0;
    background: #fff;
    margin-bottom: 2px;
    text-align: right;
    padding-right: 60px;
    padding-left: 20px;
    height: 65px;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d
}

#contact div.double.form section.form form input:not([type=checkbox]).error,
#contact div.double.form section.form form textarea.error {
    border-right: 3px solid #e40421;
    padding-right: 57px;
    color: #e40421
}

#contact div.double.form section.form form textarea {
    width: 450px;
    height: 240px;
    padding-top: 20px;
    resize: none;
    line-height: 150%
}

#contact div.double.form section.form form button {
    box-sizing: border-box;
    display: inline-block;
    transition: background-color 300ms ease;
    width: 300px;
    border: 0;
    background: #e40421;
    padding-right: 60px;
    height: 65px;
    font-family: "Lato", sans-serif;
    text-align: right;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff
}

#contact div.double.form section.form form button:hover {
    background-color: #1d1d1d
}

#contact div.double.form section.form form button:focus {
    outline: 0
}

#contact div.double.form section.form form button:disabled:hover {
    background-color: #e40421
}

#contact div.double.form section.form form div.privacy {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: #fff
}

#contact div.double.form section.form form div.privacy label {
    display: block;
    margin-right: 30px;
    margin-left: 75px
}

#contact div.double.form section.form form div.privacy label a {
    color: #fff
}

#contact div.double.form section.form form div.privacy label a:hover {
    color: #1d1d1d
}

#contact div.double.form section.form form div.privacy input {
    position: absolute;
    right: 0;
    top: 0px;
    width: 20px;
    height: 20px
}

#contact div.double.form section.form form div.privacy span.icon {
    display: none
}

#contact div.double.form section.form form div.privacy.error {
    color: red
}

#contact div.double.form section.form form div.privacy.error label a {
    font-weight: bold
}

#contact div.double.form section.form form div.g-recaptcha {
    margin-bottom: 20px
}

#contact div.double.form section.form form div.g-recaptcha>div {
    display: inline-block
}

#contact div.double.form section.form form label.response {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 13px
}

#contact div.double.form section.form form label.response.error {
    color: #fff;
    background-color: #800212;
    margin: 5px 0;
    padding: 5px 60px 5px 0
}

#contact div.double.form section.form form label.response.error.notsent {
    padding-bottom: 20px;
    line-height: 150%
}

#contact div.double.form section.form form label.response.sent {
    display: none !important
}

#contact div.double.form section.form a.confirm {
    display: none;
    text-decoration: none
}

#search div.double>.left {
    padding-top: 20px
}

#search div.double>.left>section {
    width: 450px;
    margin-bottom: 50px;
    display: inline-block
}

#search div.double>.left>section>h1 {
    font-size: 50px
}

#search div.double>.left>section>h2 {
    color: #e40421;
    font-size: 40px;
    padding-top: 5px
}

#search section.results {
    box-sizing: border-box;
    overflow: hidden;
    width: 900px;
    margin: 0 auto;
    margin-top: 20px
}

#search section.results>h4 {
    width: 450px;
    text-align: right;
    font-family: "Abel", sans-serif;
    text-transform: none;
    font-size: 25px
}

#search section.results>h5 {
    width: 450px;
    text-align: right;
    font-size: 10px;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    padding-right: 15px;
    padding-bottom: 20px
}

#search section.results>div {
    overflow: hidden;
    margin-left: 20px
}

#search section.results>div.recepten>a {
    background-size: 120% auto;
    background-position: bottom right;
    position: relative
}

#search section.results>div.recepten>a::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    background-color: rgba(29, 29, 29, .5)
}

#search section.results>div>a {
    float: left;
    clear: none;
    text-align: inherit;
    width: 23.125%;
    margin-left: 0%;
    margin-right: 2.5%;
    box-sizing: border-box;
    background-size: contain;
    height: 300px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 20px;
    padding: 20px;
    text-decoration: none
}

#search section.results>div>a::after {
    content: "";
    display: table;
    clear: both
}

#search section.results>div>a:nth-child(n) {
    margin-right: 2.5%;
    float: left;
    clear: none
}

#search section.results>div>a:nth-child(4n) {
    margin-right: 0%;
    float: right
}

#search section.results>div>a:nth-child(4n+1) {
    clear: both
}

#search section.results>div>a h5 {
    color: #e40421
}

#search section.results>div>a:hover * {
    color: #e40421
}

#search section.results>div+h4 {
    margin-top: 50px
}

#terms section.voorwaarden {
    width: 900px;
    margin: 0 auto
}

#terms section.voorwaarden h1 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center
}

#terms section.voorwaarden p {
    width: 75%;
    margin: 0 auto
}

#shop div.double.first.intro div.left section h1 {
    margin-bottom: 5px !important
}

#shop div.double.first.intro div.left section a.link {
    transition: background-color 300ms ease;
    display: inline-block;
    width: auto;
    color: #fff;
    background-color: #e40421;
    padding: 20px;
    margin-top: 20px
}

#shop div.double.first.intro div.left section a.link:hover {
    background-color: #1d1d1d;
    text-decoration: none
}

#shops>div.double.first.intro>div.right>figure {
    background-color: #fff
}

#shops>div.double.first.intro>div.right>figure>img {
    object-fit: cover;
    object-position: left bottom
}

#shops #map {
    width: 1050px;
    margin: 0 auto
}

#shops #map>div {
    display: none;
    margin-top: 20px
}

#shops #map>div.interactive {
    display: block;
    height: 500px;
    width: 100%
}

#shops #map>div.interactive button.gm-fullscreen-control {
    top: 0px !important
}

#shops #map input#search {
    display: block;
    border: 0;
    background: none;
    box-sizing: border-box;
    width: 50%;
    border: 0;
    background: #fff;
    margin-bottom: 2px;
    text-align: right;
    padding-right: 60px;
    padding-left: 5px;
    height: 65px;
    font-family: "Abel", sans-serif;
    font-size: 25px;
    color: #1d1d1d;
    background-image: url(/img/shop/icon_search.png);
    background-position: right 14px top 14px;
    background-repeat: no-repeat;
    background-size: auto 60%
}

#shops div.suggestions {
    width: 1050px;
    margin: 0 auto;
    margin-top: 0px
}

#shops div.suggestions>p {
    background-color: #e40421;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 17px
}

#shops div.representatives {
    width: 1050px;
    margin: 0 auto;
    margin-top: 40px;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    padding: 30px 20px 40px 20px;
    box-sizing: border-box
}

#shops div.representatives>h3 {
    text-align: center;
    font-size: 30px;
    padding-bottom: 20px
}

#shops div.representatives>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#shops div.representatives>div>div {
    width: 33.3333333333%;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center
}

#shops div.representatives>div>div>p {
    display: block
}

#shops div.representatives>div>div>p.name {
    font-size: 20px
}

#shops div.representatives>div>div>p a {
    color: #e40421;
    text-decoration: none
}

#shops div.representatives>div>div>p a:hover {
    text-decoration: underline
}

#promo div.first.intro.double>div.right {
    background: none !important
}

#promo div.first.intro.double>div.right figure.figureimage>img {
    object-fit: cover;
    object-position: bottom left
}

#promo div.first.intro ul {
    list-style: none
}

#promo div.first.intro ul li a {
    color: #e40421;
    text-decoration: none;
    font-family: "Abel", sans-serif;
    font-size: 20px
}

#promo div.first.intro ul li a:hover {
    color: #1d1d1d;
    text-decoration: underline
}

#promo div.promo .left section {
    display: inline-block;
    border-top-left-radius: 60px;
    min-height: 375px;
    width: 330px;
    margin: 0;
    padding-right: 30px;
    position: relative;
    overflow: hidden;
    background-color: #ce1719
}

#promo div.promo .left section>img {
    position: relative;
    left: 0;
    top: 0;
    width: 360px;
    height: auto
}

#promo div.promo .left section>div h3 {
    color: #fff;
    padding-left: 90px
}

#promo div.promo .left section>div ul {
    list-style: none
}

#promo div.promo .left section>div ul li {
    position: relative;
    padding-right: 12px
}

#promo div.promo .left section>div ul li a {
    color: #fff
}

#promo div.promo .left section>div ul li::before {
    position: absolute;
    top: 2px;
    font-weight: bold;
    right: 0px;
    color: #fff;
    content: "•";
    width: 10px;
    height: 10px
}

#promo div.promo .right section {
    box-sizing: border-box;
    width: 450px;
    padding: 0px;
    background-color: #fff
}

#promo div.promo .right section>div {
    padding: 20px 20px 40px 20px
}

#promo div.promo .right section>div h2 {
    color: #e40421
}

#promo div.promo .right section>div h3 {
    padding-top: 10px
}

#promo div.promo .right section>div ul {
    color: #e40421;
    padding: 0;
    margin: 0;
    padding-left: 15px
}

#promo div.promo .right section>div p a {
    color: #1d1d1d;
    font-weight: bold;
    cursor: pointer
}

#promo div.promo .right section>div p a:hover {
    color: #e40421
}

#promo div.promo .right section>div p i {
    font-size: 12px
}

#promo div.promo .right section>div>div {
    margin-top: 10px
}

#promo div.promo .right section>div>div.mobile {
    display: none
}

#promo div.promo .right section>div button,
#promo div.promo .right section>div a.button {
    box-sizing: border-box;
    display: inline-block;
    transition: background-color 300ms ease;
    border: 0;
    text-decoration: none;
    background: #e40421;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
    height: 40px;
    font-family: "Lato", sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff
}

#promo div.promo .right section>div button:hover,
#promo div.promo .right section>div a.button:hover {
    background-color: #1d1d1d
}

#promo div.promo .right section>div button:disabled,
#promo div.promo .right section>div a.button:disabled {
    background-color: #b6b6b6
}

#promo div.promo .right section>div button:disabled:hover,
#promo div.promo .right section>div a.button:disabled:hover {
    background-color: #b6b6b6
}

#promo div.promo .right section>div a.button {
    padding-top: 13px
}

#promo div.promo .right section>div form {
    padding-bottom: 20px
}

#promo div.promo .right section>div form div.label {
    position: relative;
    margin-top: 15px;
    width: 75%
}

#promo div.promo .right section>div form div.label label>span {
    padding-left: 25px;
    display: block;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: #1d1d1d;
    height: 40px
}

#promo div.promo .right section>div form div.label label>span.icon {
    display: none
}

#promo div.promo .right section>div form div.label label>span a {
    color: #e40421
}

#promo div.promo .right section>div form div.label label>span a:hover {
    color: #1d1d1d
}

#promo div.promo .right section>div form div.label label>input[type=checkbox] {
    width: auto;
    height: auto;
    position: absolute;
    left: 1px;
    top: 4px
}

#promo div.promo .right section>div form input {
    box-sizing: border-box;
    width: 75%;
    border: 0;
    border-bottom: 1px solid #1d1d1d;
    background: #fff;
    margin-bottom: 2px;
    text-align: left;
    padding: 0px;
    height: 40px;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: #1d1d1d
}

#promo div.promo .right section>div form input.error {
    border-right: 3px solid #e40421;
    color: #e40421
}

#promo div.promo .right section>div form input:focus {
    border-bottom-color: #e40421;
    outline: 0
}

#promo div.promo .right section>div form input.disabled {
    opacity: .5
}

#promo div.promo .right section>div form span.separator {
    display: block;
    height: 20px
}

#promo div.promo .right section>div form p.styleselect {
    height: 40px;
    width: 75%;
    overflow: hidden;
    margin-bottom: 2px;
    background: #fff;
    border-bottom: 1px solid #1d1d1d
}

#promo div.promo .right section>div form p.styleselect.error select {
    color: #e40421;
    background-position: right bottom -15px
}

#promo div.promo .right section>div form p.styleselect>select {
    display: block;
    outline: 0;
    width: 110%;
    height: 100%;
    background: url(/img/jobs/select_arrow.png) no-repeat rgba(0, 0, 0, 0);
    background-position: right -10px;
    padding-right: 20px;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: #1d1d1d;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none
}

#promo div.promo .right section>div form p.styleselect>select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #1d1d1d
}

#promo div.promo .right section>div form p.styleselect>select:hover {
    background-position: right bottom -15px;
    color: #e40421;
    cursor: pointer
}

#promo div.promo .right section>div form p.styleselect>select:hover:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #e40421
}

#promo div.promo .right section>div form p.styleselect>select:hover>option {
    color: #1d1d1d
}

#promo div.promo .right section>div form div.g-recaptcha {
    margin-bottom: 20px
}

#promo div.promo .right section>div form div.g-recaptcha>div {
    display: inline-block
}

#promo div.promo .right section>div form span.label.error>span:not(.box) {
    color: #e40421
}

#promo div.promo .right section>div form span.label>span {
    display: block;
    margin-top: 10px;
    font-family: "Lato", sans-serif;
    font-size: 10px;
    color: #1d1d1d;
    text-transform: uppercase
}

#promo div.promo .right section>div form span.label>span.box {
    text-transform: none;
    padding-bottom: 5px;
    margin-top: 5px
}

#promo div.promo .right section>div form span.label>span.box>label {
    display: block
}

#promo div.promo .right section>div form span.label>span.box>label input {
    width: 15px !important;
    height: 15px
}

#promo div.promo .right section>div form span.label>span.box>label span {
    padding-left: 10px;
    font-family: "Abel", sans-serif;
    font-size: 15px;
    color: rgba(29, 29, 29, .5)
}

#promo div.promo .right section>div form span.label>span.box>label.selected span {
    color: #1d1d1d
}

#promo div.promo .right section>div form label.hide {
    display: none
}

#promo div.promo .right section>div form label.response {
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 13px
}

#promo div.promo .right section>div form label.response.error {
    color: #fff;
    background-color: #800212;
    margin: 5px 0;
    padding: 5px 20px 5px 20px
}

#promo div.promo .right section>div form label.response.error.notsent {
    padding-bottom: 20px;
    line-height: 150%
}

#promo div.promo .right section>div form label.response.sent {
    color: #1d1d1d;
    background-color: #fff;
    margin: 2px 0;
    padding: 5px 20px 20px 20px;
    line-height: 150%
}

#promo div.promo .right section>div form label.response.sent b {
    color: #e40421
}

#promo div.promo .right section>div a.confirm {
    display: none;
    text-decoration: none
}

#promo a.button.overview {
    margin-left: calc(50% + 20px);
    box-sizing: border-box;
    display: inline-block;
    transition: background-color 300ms ease;
    border: 0;
    text-decoration: none;
    background: #e40421;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 23px;
    margin-top: 30px;
    height: 65px;
    font-family: "Lato", sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff
}

#promo a.button.overview:hover {
    background-color: #1d1d1d
}

#promo a.button.overview:disabled:hover {
    background-color: #e40421
}

#contact div.double.form.thanks,
#jobs div.double.form.thanks,
#promo div.double.form.thanks {
    margin-top: 0px
}

#contact div.double.form.thanks section.map,
#jobs div.double.form.thanks section.map,
#promo div.double.form.thanks section.map {
    padding-left: 20px;
    padding-top: 20px
}

#contact div.double.form.thanks section.map>a,
#jobs div.double.form.thanks section.map>a,
#promo div.double.form.thanks section.map>a {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 60px;
    display: block;
    width: 430px;
    height: 410px;
    text-decoration: none;
    outline: 0;
    background-position: center center;
    background-repeat: no-repeat
}

#contact div.double.form.thanks section.map>a>div,
#jobs div.double.form.thanks section.map>a>div,
#promo div.double.form.thanks section.map>a>div {
    box-sizing: border-box;
    height: 100%;
    padding-left: 20px;
    padding-top: 20px;
    background-image: url(/img/contact/google_map_overlay.png);
    background-repeat: repeat-x
}

#contact div.double.form.thanks section.map>a:hover span.link,
#jobs div.double.form.thanks section.map>a:hover span.link,
#promo div.double.form.thanks section.map>a:hover span.link {
    color: #1d1d1d;
    text-decoration: underline
}

#contact div.double.form.thanks section.assortment,
#jobs div.double.form.thanks section.assortment,
#promo div.double.form.thanks section.assortment {
    display: inline-block;
    width: 100%;
    max-width: 700px;
    text-align: right
}

#contact div.double.form.thanks section.assortment>a,
#jobs div.double.form.thanks section.assortment>a,
#promo div.double.form.thanks section.assortment>a {
    text-decoration: none;
    display: inline-block;
    width: inherit;
    height: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    position: relative
}

#contact div.double.form.thanks section.assortment>a:hover span.link,
#jobs div.double.form.thanks section.assortment>a:hover span.link,
#promo div.double.form.thanks section.assortment>a:hover span.link {
    text-decoration: underline;
    color: #1d1d1d;
    text-shadow: rgba(29, 29, 29, 0) 0px 0px 0px
}

#contact div.double.form.thanks section.assortment>a span.link,
#jobs div.double.form.thanks section.assortment>a span.link,
#promo div.double.form.thanks section.assortment>a span.link {
    position: absolute;
    bottom: 13px;
    right: 40px;
    color: #fff;
    text-shadow: rgba(29, 29, 29, .25) 1px 1px 5px
}

#contact div.double.form.thanks section.assortment>a.image,
#jobs div.double.form.thanks section.assortment>a.image,
#promo div.double.form.thanks section.assortment>a.image {
    width: 450px;
    height: 430px
}

#contact div.double.form.thanks section.assortment>a.video,
#jobs div.double.form.thanks section.assortment>a.video,
#promo div.double.form.thanks section.assortment>a.video {
    height: auto
}

#contact div.double.form.thanks section.assortment>a.video:hover>span.link,
#jobs div.double.form.thanks section.assortment>a.video:hover>span.link,
#promo div.double.form.thanks section.assortment>a.video:hover>span.link {
    color: #e40421
}

#contact div.double.form.thanks section.assortment>a.video>div>div,
#jobs div.double.form.thanks section.assortment>a.video>div>div,
#promo div.double.form.thanks section.assortment>a.video>div>div {
    position: relative !important;
    top: 0px;
    height: 0px;
    pointer-events: none;
    transition: opacity 500ms ease;
    opacity: 0
}

#contact div.double.form.thanks section.assortment>a.video>div>div.show,
#jobs div.double.form.thanks section.assortment>a.video>div>div.show,
#promo div.double.form.thanks section.assortment>a.video>div>div.show {
    opacity: 1
}

#contact div.double.form.thanks section.assortment>a.video>span.link,
#jobs div.double.form.thanks section.assortment>a.video>span.link,
#promo div.double.form.thanks section.assortment>a.video>span.link {
    text-shadow: rgba(29, 29, 29, 0) 0px 0px 0px;
    bottom: -30px
}

#contact div.double.form.thanks section.assortment>a.video>span.link:before,
#jobs div.double.form.thanks section.assortment>a.video>span.link:before,
#promo div.double.form.thanks section.assortment>a.video>span.link:before {
    content: "";
    position: absolute;
    right: -40px;
    top: -2px;
    width: calc(100% + 250px);
    height: 40px;
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0))
}

#contact div.double.form.thanks section.assortment>a.video>span.link>span,
#jobs div.double.form.thanks section.assortment>a.video>span.link>span,
#promo div.double.form.thanks section.assortment>a.video>span.link>span {
    position: relative;
    margin-top: 11px;
    padding-top: 4px;
    display: block;
    color: #e40421
}

#contact div.double.form.thanks section.company,
#jobs div.double.form.thanks section.company,
#promo div.double.form.thanks section.company {
    background-color: #fff;
    padding-left: 38px;
    padding-top: 38px
}

#contact div.double.form.thanks section.company>a,
#jobs div.double.form.thanks section.company>a,
#promo div.double.form.thanks section.company>a {
    display: block;
    text-decoration: none;
    width: 372px
}

#contact div.double.form.thanks section.company>a h2,
#jobs div.double.form.thanks section.company>a h2,
#promo div.double.form.thanks section.company>a h2 {
    font-size: 28px;
    margin-bottom: 15px
}

#contact div.double.form.thanks section.company>a h2>b,
#jobs div.double.form.thanks section.company>a h2>b,
#promo div.double.form.thanks section.company>a h2>b {
    color: #e40421;
    font-size: 40px;
    font-weight: normal
}

#contact div.double.form.thanks section.company>a:hover span.link,
#jobs div.double.form.thanks section.company>a:hover span.link,
#promo div.double.form.thanks section.company>a:hover span.link {
    text-decoration: underline;
    color: #1d1d1d
}

#april>header>a,
#december>header>a {
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2))
}

#april div.intro,
#december div.intro {
    height: auto !important
}

#april div.intro>div.center,
#december div.intro>div.center {
    width: 1000px;
    margin: 0 auto
}

#april div.intro>div.center>img,
#december div.intro>div.center>img {
    margin-top: -210px;
    width: 100%;
    overflow: hidden;
    border: 10px solid #fff;
    border-bottom-right-radius: 30%;
    overflow: hidden;
    box-sizing: border-box
}

#april>footer,
#december>footer {
    margin-top: 40px !important
}

@media only screen and (min-width: 1901px) {
    div.content:not(#template)>div.double.first.intro {
        height: 700px
    }

    div.content:not(#template)#index>.slideshow {
        height: 700px
    }

    div.content:not(#template)#index section.recipes a {
        width: 600px;
        height: 500px
    }

    div.content:not(#template)#index section.news a {
        width: 620px
    }

    div.content:not(#template)#index div.double>div.right {
        max-width: 800px
    }

    div.content:not(#template)#assortment .cat {
        min-height: 350px
    }

    div.content:not(#template)#assortment .cat div.left {
        min-height: 350px
    }

    div.content:not(#template)#assortment div.intro.overview div.right>div {
        width: 880px
    }

    div.content:not(#template)#assortment .intro.detail div.right>figure>img.icon {
        top: 350px;
        left: 300px;
        width: 300px;
        height: 300px
    }

    div.content:not(#template)#assortment .intro.detail div.right>div>span {
        height: 60px;
        width: 45px;
        padding-top: 20px
    }

    div.content:not(#template)#assortment div.filter {
        width: 1360px;
        padding-left: 40px
    }

    div.content:not(#template)#assortment div.filter>figure {
        width: 122px;
        height: 122px
    }

    div.content:not(#template)#assortment section.products {
        width: 1360px
    }

    div.content:not(#template)#assortment section.products>div>a {
        width: calc(16.6666666667% - 27px)
    }

    div.content:not(#template)#assortment section.products>div>a.back:nth-child(6n+1) {
        height: 150px
    }

    div.content:not(#template)#company>.slideshow, div.content:not(#template)#sustainability>.slideshow {
        height: 700px
    }

    div.content:not(#template)#company>.slideshow>div, div.content:not(#template)#sustainability>.slideshow>div {
        background-size: 100% 100%;
        height: 75%
    }

    div.content:not(#template)#company section.history {
        padding-bottom: 300px;
        background-size: contain
    }

    div.content:not(#template)#company section.service {
        background-size: 90% auto
    }

    div.content:not(#template)#downloads section.data {
        width: 450px
    }

    div.content:not(#template)#jobs section.opdracht {
        width: 450px;
        padding-left: 60px
    }

    div.content:not(#template)#recipes div.recipes {
        width: 1360px
    }

    div.content:not(#template)#recipes div.recipes article.header {
        align-items: stretch
    }

    div.content:not(#template)#recipes div.recipes article.header section.searchbox {
        width: 680px
    }

    div.content:not(#template)#recipes div.recipes article.header section.kurt {
        width: 680px
    }

    div.content:not(#template)#recipes div.recipes section.list a {
        float: left;
        clear: none;
        text-align: inherit;
        width: 15.25%;
        margin-left: 0%;
        margin-right: 1.7%
    }

    div.content:not(#template)#recipes div.recipes section.list a::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(n) {
        margin-right: 1.7%;
        float: left;
        clear: none
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(6n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(6n+1) {
        clear: both
    }

    div.content:not(#template)#recipes section.first.beeld {
        height: 800px
    }

    div.content:not(#template)#search section.results {
        width: 1360px
    }

    div.content:not(#template)#search section.results h4,
    div.content:not(#template)#search section.results h5 {
        width: 50%
    }

    div.content:not(#template)#search section.results>div>a {
        float: left;
        clear: none;
        text-align: inherit;
        width: 15.25%;
        margin-left: 0%;
        margin-right: 1.7%
    }

    div.content:not(#template)#search section.results>div>a::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#search section.results>div>a:nth-child(n) {
        margin-right: 1.7%;
        float: left;
        clear: none
    }

    div.content:not(#template)#search section.results>div>a:nth-child(6n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#search section.results>div>a:nth-child(6n+1) {
        clear: both
    }

    div.content:not(#template)#promo div.promo .left section {
        width: 400px
    }

    div.content:not(#template)#promo div.promo .left section>img {
        width: 430px
    }

    div.content:not(#template)#shops #map {
        width: 1600px
    }

    div.content:not(#template)#shops #map>div.interactive {
        height: 600px
    }

    div.content:not(#template)#shops div.suggestions {
        width: 1600px
    }

    div.content:not(#template)#shops div.suggestions>p {
        font-size: 20px
    }

    div.content:not(#template)#shops div.representatives {
        width: 1600px
    }

    div.content:not(#template)#shops div.representatives>div>div>p {
        font-size: 20px
    }

    div.content:not(#template)#shops div.representatives>div>div>p.name {
        font-size: 25px
    }

    div.content:not(#template)#april div.intro>div.center,
    div.content:not(#template)#december div.intro>div.center {
        width: 1200px
    }
}

@media only screen and (max-width: 1100px) {
    div.content:not(#template)>header {
        width: 900px
    }

    div.content:not(#template)>header>button {
        left: calc((100% - 900px)/2);
        top: 40px
    }

    div.content:not(#template)>header>a {
        margin-left: 60px;
    }

    div.content:not(#template)#downloads section.select {
        box-sizing: border-box;
        width: calc(100% - 20px)
    }

    div.content:not(#template)#company section.service {
        background-position: bottom center
    }

    div.content:not(#template)#assortment div.intro.detail .right>figure.pack_3xbakje-2kg {
        background-position: bottom center
    }

    div.content:not(#template)#shops div#map {
        width: 100%
    }

    div.content:not(#template)#shops div#map>input#search {
        margin-left: 25px;
        width: calc(50% - 25px)
    }

    div.content:not(#template)#shops div.suggestions {
        width: 100%
    }

    div.content:not(#template)#shops div.suggestions>p {
        padding: 10px
    }

    div.content:not(#template)#shops div.representatives {
        width: calc(100% - 50px);
        margin-left: 25px;
        margin-right: 25px
    }

    div.content:not(#template)#april div.intro>div.center,
    div.content:not(#template)#december div.intro>div.center {
        width: 100%
    }

    div.content:not(#template)#april div.intro>div.center>img,
    div.content:not(#template)#december div.intro>div.center>img {
        margin-top: -24vw
    }
}

@media only screen and (max-width: 950px) {
    body.menuopen {
        overflow: hidden
    }

    div.content:not(#template)>header {
        width: 100% !important
    }

    div.content:not(#template)>header>button {
        left: 20px;
        top: 30px
    }

    div.content:not(#template)>header>a {
        width: calc(50% - 50px - 15px);
        margin-left: 85px;
        height: 90px;
        background-size: contain;
        width: 395px
    }

    div.content:not(#template)>div.first.double.intro>div.left>section {
        width: 100%;
        padding-right: 20px
    }

    div.content:not(#template)>div.first.double.intro>div.left>section h1 {
        padding-left: 20px
    }

    div.content:not(#template) h1 {
        font-size: 50px
    }

    div.content:not(#template) .first {
        border-top: 6px solid white;
    }

    div.content:not(#template) section.slideshow {
        height: 490px;
        border-bottom: 6px solid white;
    }

    div.content:not(#template) section.slideshow article>div>div.right>span {
        width: 14px;
        height: 14px
    }

    div.content:not(#template)#index>.double .left {
        text-align: right
    }

    div.content:not(#template)#index>.double .left .assortment {
        width: 100%
    }

    div.content:not(#template)#index>.double .left .assortment>a.image {
        width: 100%
    }

    div.content:not(#template)#index>.double .left .jobs {
        width: 90%
    }

    div.content:not(#template)#index>.double .left .jobs a {
        width: 100%
    }

    div.content:not(#template)#index>.double .left .eshop a {
        background-size: contain;
        width: 100px;
        height: 100px;
        background-position: center -15px
    }

    div.content:not(#template)#index>.double .left .eshop a>span {
        padding: 10px 0
    }

    div.content:not(#template)#index>.double .right .company {
        padding-right: 20px
    }

    div.content:not(#template)#index>.double .right .company>a,
    div.content:not(#template)#index>.double .right .company>div {
        width: 100%
    }

    div.content:not(#template)#index>.double .right .company.news+.company:not(.news) {
        padding-right: 0px
    }

    div.content:not(#template)#index>.double .right .company.news+.company:not(.news)>a {
        border-bottom-right-radius: 0px;
        width: 100%
    }

    div.content:not(#template)#index>.double .right .recipes {
        width: calc(100% - 40px)
    }

    div.content:not(#template)#index>.double .right .recipes a {
        box-sizing: border-box;
        background-size: cover;
        width: 100%;
        height: 350px;
        background-position: bottom center
    }

    div.content:not(#template)#assortment .double.intro.detail {
        margin-bottom: 20px
    }

    div.content:not(#template)#assortment .double.intro.detail div.right>figure>img.icon {
        left: auto;
        right: 0;
        width: 25vw;
        height: 25vw
    }

    div.content:not(#template)#assortment section.message>span {
        width: 100%
    }

    div.content:not(#template)#assortment section.categories>a.cat,
    div.content:not(#template)#assortment section.categories>div.cat {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px
    }

    div.content:not(#template)#assortment section.categories>a.cat>div.right>span.link.redbutton,
    div.content:not(#template)#assortment section.categories>div.cat>div.right>span.link.redbutton {
        position: relative;
        margin-bottom: 20px;
        bottom: auto;
        left: 0;
        font-size: 20px
    }

    div.content:not(#template)#assortment div.filter {
        width: 100%;
        max-width: 610px
    }

    div.content:not(#template)#assortment div.filter>figure {
        width: 18%;
        height: 106px
    }

    div.content:not(#template)#assortment section.products {
        width: 600px
    }

    div.content:not(#template)#assortment section.products>div>a {
        width: calc(50% - 12px);
        background-size: 75%;
        background-position: right bottom !important
    }

    div.content:not(#template)#assortment section.products>div>a.back:nth-child(2n+1) {
        height: 150px
    }

    div.content:not(#template)#assortment section.products>div>a.bereide-gerechten {
        background-size: contain;
        background-position: 0px 90px !important
    }

    div.content:not(#template)#assortment section.techspec {
        width: 100%;
        padding-right: 20px
    }

    div.content:not(#template)#assortment section.techspec p {
        margin-top: 15px
    }

    div.content:not(#template)#assortment section.techspec p+p {
        margin-top: 5px
    }

    div.content:not(#template)#assortment section.techspec p span.link {
        display: block;
        padding: 0
    }

    div.content:not(#template)#assortment section.pack {
        width: calc(100% - 40px)
    }

    div.content:not(#template)#assortment section.promo {
        width: calc(100% - 20px)
    }

    div.content:not(#template)#assortment section.recipes a {
        box-sizing: border-box;
        background-size: cover;
        width: 100%;
        height: 350px;
        background-position: bottom center
    }

    div.content:not(#template)#assortment section.downloads {
        width: 100%
    }

    div.content:not(#template)#assortment section.downloads div {
        width: 100%
    }

    div.content:not(#template)#assortment div.extra .left a.contactus {
        width: 100%
    }

    div.content:not(#template)#assortment div.extra .right a.contactus {
        width: calc(100% - 60px)
    }

    div.content:not(#template)#recipes .double.intro.first .right figure {
        background-position: center center !important
    }

    div.content:not(#template)#recipes div.recipes {
        width: 580px
    }

    div.content:not(#template)#recipes div.recipes article.header {
        flex-direction: column-reverse;
        width: 100%
    }

    div.content:not(#template)#recipes div.recipes article.header::before {
        display: none
    }

    div.content:not(#template)#recipes div.recipes article.header section.searchbox {
        padding-right: 20px
    }

    div.content:not(#template)#recipes div.recipes article.header section.searchbox input {
        text-align: left
    }

    div.content:not(#template)#recipes div.recipes section.list a {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.1%;
        margin-left: 0%;
        margin-right: 3.8%;
        background-size: auto 60%;
        background-position: bottom -15px center
    }

    div.content:not(#template)#recipes div.recipes section.list a::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(n) {
        margin-right: 3.8%;
        float: left;
        clear: none
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(2n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(2n+1) {
        clear: both
    }

    div.content:not(#template)#recipes section.searchbox {
        width: 100%;
        text-align: left
    }

    div.content:not(#template)#recipes section.searchbox input {
        width: 100%;
        text-align: center
    }

    div.content:not(#template)#recipes section.first.beeld article>div>div {
        width: 100%
    }

    div.content:not(#template)#recipes section.title {
        box-sizing: border-box;
        width: 100%
    }

    div.content:not(#template)#recipes section.ingr {
        box-sizing: border-box;
        width: 100%
    }

    div.content:not(#template)#recipes section.ingr ul {
        box-sizing: border-box;
        width: 100%
    }

    div.content:not(#template)#recipes section.bereiding {
        box-sizing: border-box;
        width: calc(100% - 20px)
    }

    div.content:not(#template)#recipes section.saus {
        box-sizing: border-box;
        width: 100%
    }

    div.content:not(#template)#jobs div.double.job section.profiel {
        width: 100%
    }

    div.content:not(#template)#jobs div.double.form section.form {
        width: calc(100% - 20px)
    }

    div.content:not(#template)#tradefairs div.double.event section.beurs {
        width: 100%
    }

    div.content:not(#template)#news div.double.news section.item {
        width: 100%
    }

    div.content:not(#template)#downloads section.select p.styleselect>select {
        font-size: 20px;
        padding-left: 0px
    }

    div.content:not(#template)#contact>div.first.double.intro>div.left>section {
        margin-top: 150px
    }

    div.content:not(#template)#contact>div.first.double.intro>div.left>section h1>br {
        display: none
    }

    div.content:not(#template)#contact div.double.form section.map>a {
        width: calc(100% - 20px);
        height: 350px
    }

    div.content:not(#template)#contact div.double.form section.map>a>div {
        padding-right: 20px
    }

    div.content:not(#template)#contact div.double.form section.map>a>div h2 {
        display: none
    }

    div.content:not(#template)#contact div.double.form section.form {
        width: calc(100% - 20px)
    }

    div.content:not(#template)#contact div.double.form section.form input,
    div.content:not(#template)#contact div.double.form section.form textarea,
    div.content:not(#template)#contact div.double.form section.form button {
        width: 100%
    }

    div.content:not(#template)#contact div.double.form section.form input[type=checkbox] {
        width: 20px
    }

    div.content:not(#template)#contact div.double.form section.representatives {
        margin-top: 20px;
        width: calc(100% - 40px)
    }

    div.content:not(#template)#contact div.double.form section.representatives>h3 {
        font-size: 25px
    }

    div.content:not(#template)#contact div.double.form section.representatives>div>div>p.name {
        line-height: 130%
    }

    div.content:not(#template)#contact div.double.form section.representatives>div>div>p.name>span {
        display: block;
        font-size: 13px
    }

    div.content:not(#template)#contact div.double.form section.representatives>div>div>p.name+p {
        margin-top: 2px;
        margin-bottom: 2px
    }

    div.content:not(#template)#company div.double.lock section.intro>div {
        width: 100%
    }

    div.content:not(#template)#company section.quality {
        width: calc(100% - 20px)
    }

    div.content:not(#template)#company section.history p {
        width: 100%
    }

    div.content:not(#template)#company div.double.service {
        margin-top: 20px !important
    }

    div.content:not(#template)#company div.double.service>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#company div.double.service>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#company div.double.service>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#company div.double.service>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#company div.double.service>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#company div.double.service>div section.service {
        background-size: cover;
        text-align: right
    }

    div.content:not(#template)#company div.double.service>div section.service>div {
        display: inline-block;
        text-align: left
    }

    div.content:not(#template)#company div.double.service>div a.vacature {
        margin-left: 50%;
        width: 50%
    }

    div.content:not(#template)#search div.left,
    div.content:not(#template)#search div.right {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#search div.left::after,
    div.content:not(#template)#search div.right::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#search div.left:nth-child(n),
    div.content:not(#template)#search div.right:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#search div.left:nth-child(1n),
    div.content:not(#template)#search div.right:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#search div.left:nth-child(1n+1),
    div.content:not(#template)#search div.right:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#search div.left section,
    div.content:not(#template)#search div.right section {
        box-sizing: border-box;
        display: block;
        width: 600px;
        margin: 0 auto;
        padding-left: 20px
    }

    div.content:not(#template)#search section.results {
        width: 600px
    }

    div.content:not(#template)#search section.results h4,
    div.content:not(#template)#search section.results h5 {
        text-align: left;
        margin-left: 20px
    }

    div.content:not(#template)#search section.results>div>a {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48%;
        margin-left: 0%;
        margin-right: 4%;
        background-size: 75%;
        background-position: center bottom !important
    }

    div.content:not(#template)#search section.results>div>a::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#search section.results>div>a:nth-child(n) {
        margin-right: 4%;
        float: left;
        clear: none
    }

    div.content:not(#template)#search section.results>div>a:nth-child(2n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#search section.results>div>a:nth-child(2n+1) {
        clear: both
    }

    div.content:not(#template)#search section.results>div>a h5 {
        margin-left: 0px
    }

    div.content:not(#template)#search section.results>div.recepten>a {
        background-size: contain;
        background-position: bottom center !important
    }

    div.content:not(#template)#search section.results>div.recepten>a::before {
        top: calc(50% - 35px)
    }

    div.content:not(#template)#terms section.voorwaarden {
        width: 75%
    }

    div.content:not(#template)#terms section.voorwaarden h1 {
        margin-top: 0px;
        margin-bottom: 30px
    }

    div.content:not(#template)#promo div.promo div.left section {
        width: calc(100% - 30px)
    }

    div.content:not(#template)#promo div.promo div.left section>img {
        width: calc(100% + 30px)
    }

    div.content:not(#template)#promo div.promo div.left section>div h3 {
        padding-left: 30px
    }

    div.content:not(#template)#promo div.promo div.right section {
        width: 100%
    }

    div.content:not(#template)#promo div.promo div.right section form input,
    div.content:not(#template)#promo div.promo div.right section form p.styleselect {
        width: 100%
    }

    div.content:not(#template)#promo div.promo div.right section form input[type=checkbox] {
        width: 20px
    }

    div.content:not(#template)#promo div.promo div.right section form div.privacy {
        padding-bottom: 20px
    }

    div.content:not(#template)#contact .thanks section.map>a,
    div.content:not(#template)#jobs .thanks section.map>a,
    div.content:not(#template)#promo .thanks section.map>a {
        width: calc(100% - 20px);
        height: 350px
    }

    div.content:not(#template)#contact .thanks section.map>a>div,
    div.content:not(#template)#jobs .thanks section.map>a>div,
    div.content:not(#template)#promo .thanks section.map>a>div {
        padding-right: 20px
    }

    div.content:not(#template)#contact .thanks section.map>a>div h2,
    div.content:not(#template)#jobs .thanks section.map>a>div h2,
    div.content:not(#template)#promo .thanks section.map>a>div h2 {
        display: none
    }

    div.content:not(#template)#contact .thanks section.company,
    div.content:not(#template)#jobs .thanks section.company,
    div.content:not(#template)#promo .thanks section.company {
        padding-right: 20px
    }

    div.content:not(#template)#contact .thanks section.company a,
    div.content:not(#template)#jobs .thanks section.company a,
    div.content:not(#template)#promo .thanks section.company a {
        width: 100%
    }

    div.content:not(#template)#shops>div.double.first.intro div.left section h1 {
        font-size: 45px
    }

    div.content:not(#template)#april>div.intro>div.center>img,
    div.content:not(#template)#december>div.intro>div.center>img {
        margin-top: -19vw
    }
}

@media only screen and (max-width: 600px) {
    div.content:not(#template)>header>a {
        width: 220px
    }

    div.content:not(#template)>header>button {
        top: 17px
    }

    div.content:not(#template)>nav>section {
        width: 100%;
        left: -100%
    }

    div.content:not(#template)>nav>section>button.cancel {
        display: inline-block
    }

    div.content:not(#template)>nav>section>button.back {
        left: 10px
    }

    div.content:not(#template)>nav>section>#searchbutton {
        width: 50px;
        background-position: right 2px bottom;
        left: calc(100% - 100px)
    }

    div.content:not(#template)>nav>section>#searchbutton:hover {
        background-position: right 2px top
    }

    div.content:not(#template)>nav>section>#searchbutton.show {
        width: calc(100% - 100px);
        left: 60px;
        background-position: right 12px top
    }

    div.content:not(#template)>nav>section>#searchbutton.show>input {
        width: calc(100% - 60px)
    }

    div.content:not(#template)>nav>section>article {
        width: 100%;
        padding-left: 20%
    }

    div.content:not(#template)>nav>section>article a {
        font-size: 25px
    }

    div.content:not(#template)>nav>section>article.hidelevel {
        left: -100%
    }

    div.content:not(#template)>nav>section>article.sublevel {
        left: 100%
    }

    div.content:not(#template)>nav>section>div.taalkeuze {
        padding-left: 20%
    }

    div.content:not(#template)>div.double.first.intro {
        height: auto;
        margin-bottom: 50px
    }

    div.content:not(#template)>div.double.first.intro>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)>div.double.first.intro>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)>div.double.first.intro>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)>div.double.first.intro>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)>div.double.first.intro>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)>div.double.first.intro>div.right {
        display: none
    }

    div.content:not(#template)>div.double.first.intro>div.left>section {
        margin-top: 125px;
        padding-left: 20px;
        padding-right: 20px
    }

    div.content:not(#template)>div.double.first.intro>div.left>section h1 {
        padding: 0 40px;
        text-align: left
    }

    div.content:not(#template)>div.double.first.intro>div.left>section p {
        padding: 0px 40px;
        text-align: justify
    }

    div.content:not(#template)>div.double.first.intro>div.left>section p>a {
        padding-left: 0px
    }

    div.content:not(#template)>div.double.first.intro>div.left>section h4 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 20px
    }

    div.content:not(#template)>div.double.first.intro>div.left>section a {
        padding-left: 40px;
        padding-right: 40px
    }

    div.content:not(#template)>footer>div>p>span {
        display: none
    }

    div.content:not(#template)>footer>div>p>a {
        display: block
    }

    div.content:not(#template)#index>section.slideshow,
    div.content:not(#template)#company>section.slideshow,
    div.content:not(#template)#sustainability>section.slideshow {
        height: 60vw;
        border-top: 5px solid white;
    }

    div.content:not(#template)#index>section.slideshow>article,
    div.content:not(#template)#company>section.slideshow>article,
    div.content:not(#template)#sustainability>section.slideshow>article {
        margin-top: 0px
    }

    div.content:not(#template)#index>section.slideshow>article>div>div,
    div.content:not(#template)#company>section.slideshow>article>div>div,
    div.content:not(#template)#sustainability>section.slideshow>article>div>div {
        display: none
    }

    div.content:not(#template)#index>.double {
        flex-direction: column
    }

    div.content:not(#template)#index>.double>div {
        width: 100%
    }

    div.content:not(#template)#index>.double>div.left {
        display: none
    }

    div.content:not(#template)#index>.double>div.leftcopy {
        margin-top: 20px
    }

    div.content:not(#template)#index>.double>div.leftcopy .assortment a {
        background-size: auto 100%;
        text-align: center
    }

    div.content:not(#template)#index>.double>div.leftcopy .assortment a>span.link.redbutton {
        left: 20%
    }

    div.content:not(#template)#index>.double>div.leftcopy .jobs {
        width: 100%
    }

    div.content:not(#template)#index>.double>div.leftcopy .jobs>a {
        width: calc(100% - 40px);
        float: none;
        margin-left: 20px
    }

    div.content:not(#template)#index>.double>div.leftcopy .promo>div {
        width: calc(100% - 40px);
        text-align: center;
        float: none
    }

    div.content:not(#template)#index>.double>div.right {
        margin-top: 0px
    }

    div.content:not(#template)#index>.double>div.right .company {
        padding-top: 20px;
        padding-left: 40px;
        padding-right: 40px;
        text-align: justify
    }

    div.content:not(#template)#index>.double>div.right .company span,
    div.content:not(#template)#index>.double>div.right .company h2 {
        text-align: center
    }

    div.content:not(#template)#index>.double>div.right .company.news {
        padding-right: 40px
    }

    div.content:not(#template)#index>.double>div.right .company.news+.company:not(.news) {
        padding-left: 0px;
        margin-right: 20px
    }

    div.content:not(#template)#index>.double>div.right .company.news+.company:not(.news)>a,
    div.content:not(#template)#index>.double>div.right .company.news+.company:not(.news)>div {
        border-bottom-right-radius: 20px
    }

    div.content:not(#template)#index>.double>div.right .recipes {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }

    div.content:not(#template)#index>.double>div.right .recipes a>h2 {
        width: 80%
    }

    div.content:not(#template)#index>.double>div.right .promo>div {
        width: calc(100% - 40px);
        text-align: center;
        float: none
    }

    div.content:not(#template)#assortment>div.intro.detail>div.right {
        box-sizing: border-box;
        display: block;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: rgba(0, 0, 0, 0)
    }

    div.content:not(#template)#assortment>div.intro.detail>div.right>figure {
        border-top-right-radius: 20px;
        border-bottom-left-radius: 60px;
        padding: 0;
        margin: 0 !important;
        height: 230px !important;
        background-position: center center !important
    }

    div.content:not(#template)#assortment>div.intro.detail>div.right>figure.figureimage>img {
        object-position: center center
    }

    div.content:not(#template)#assortment>div.intro.detail>div.right>figure>img.icon {
        right: 20px !important;
        width: 40vw !important;
        height: 40vw !important;
        top: 5vw
    }

    div.content:not(#template)#assortment>div.intro.detail>div.right>div {
        display: none
    }

    div.content:not(#template)#assortment section.message {
        width: 100%
    }

    div.content:not(#template)#assortment section.message>span {
        padding-left: 80px;
        padding-right: 80px;
        text-align: center
    }

    div.content:not(#template)#assortment section.categories>.cat>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#assortment section.categories>.cat>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#assortment section.categories>.cat>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#assortment section.categories>.cat>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#assortment section.categories>.cat>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#assortment section.categories>.cat>div.left figure {
        position: relative;
        height: 200px;
        width: 100%
    }

    div.content:not(#template)#assortment section.categories>.cat>div.left figure>span {
        display: none
    }

    div.content:not(#template)#assortment section.categories>.cat>div.right {
        padding-left: 40px;
        padding-right: 40px;
        text-align: center
    }

    div.content:not(#template)#assortment section.categories>.cat>div.right>span {
        padding-right: 20px
    }

    div.content:not(#template)#assortment section.categories>.cat>div.right>p {
        text-align: justify
    }

    div.content:not(#template)#assortment div.filter {
        padding-top: 0px;
        padding-left: 0px;
        width: 90%;
        justify-content: space-evenly
    }

    div.content:not(#template)#assortment div.filter>figure {
        width: 120px;
        height: 120px
    }

    div.content:not(#template)#assortment section.products {
        box-sizing: border-box;
        width: 100%;
        padding-right: 20px
    }

    div.content:not(#template)#assortment section.products>div>a {
        width: 100%;
        background-size: 70% auto;
        background-position: right bottom !important
    }

    div.content:not(#template)#assortment section.products>div>a.back:nth-child(n+1) {
        height: 150px
    }

    div.content:not(#template)#assortment section.products>div>a.bereide-gerechten {
        background-size: auto auto;
        background-position: center 120px !important
    }

    div.content:not(#template)#assortment section.products>div>a img.icon {
        width: calc(20vw + 10px);
        height: calc(20vw + 10px);
        left: 25%
    }

    div.content:not(#template)#assortment div.lock>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#assortment div.lock>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#assortment div.lock>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#assortment div.lock>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#assortment div.lock>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#assortment div.lock>div section {
        border-radius: 0;
        box-sizing: border-box;
        width: calc(100% - 40px);
        margin-right: 20px;
        margin-left: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px !important
    }

    div.content:not(#template)#assortment div.lock>div section>h5 {
        text-align: center
    }

    div.content:not(#template)#assortment div.lock>div section.techspec {
        margin-top: 0px
    }

    div.content:not(#template)#assortment div.lock>div section.techspec>p>span {
        display: inline-block;
        padding-right: 5px
    }

    div.content:not(#template)#assortment div.lock>div section.pack {
        margin-top: 5px;
        padding-bottom: 20px !important
    }

    div.content:not(#template)#assortment div.extra>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#assortment div.extra>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#assortment div.extra>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#assortment div.extra>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#assortment div.extra>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#assortment div.extra>div.left {
        display: none
    }

    div.content:not(#template)#assortment section.recipes {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px
    }

    div.content:not(#template)#assortment section.downloads {
        margin-left: 20px;
        width: calc(100% - 40px)
    }

    div.content:not(#template)#assortment section.promo {
        width: calc(100% - 40px)
    }

    div.content:not(#template)#assortment div.extra .right a.contactus {
        width: calc(100% - 40px)
    }

    div.content:not(#template)#recipes div.recipes {
        width: 100%
    }

    div.content:not(#template)#recipes div.recipes section.searchbox {
        box-sizing: border-box;
        width: 100%;
        position: relative;
        height: auto;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        margin-bottom: 20px
    }

    div.content:not(#template)#recipes div.recipes section.searchbox li {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        position: static;
        left: 0
    }

    div.content:not(#template)#recipes div.recipes section.searchbox li::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#recipes div.recipes section.searchbox li:nth-child(n) {
        margin-right: 0%;
        float: left;
        clear: none
    }

    div.content:not(#template)#recipes div.recipes section.searchbox li:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#recipes div.recipes section.searchbox li:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#recipes div.recipes section.searchbox input {
        text-align: left;
        padding-left: 0px
    }

    div.content:not(#template)#recipes div.recipes section.list {
        box-sizing: border-box;
        width: 100%;
        padding-right: 20px
    }

    div.content:not(#template)#recipes div.recipes section.list a {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        background-size: cover;
        background-position: center center
    }

    div.content:not(#template)#recipes div.recipes section.list a::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(n) {
        margin-right: 0%;
        float: left;
        clear: none
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#recipes div.recipes section.list a:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#recipes div.recipes section.list a.empty {
        display: none
    }

    div.content:not(#template)#recipes div.recipes section.list a::before {
        display: none
    }

    div.content:not(#template)#recipes div.recipes section.list a>div {
        background: none
    }

    div.content:not(#template)#recipes section.first.beeld {
        height: 400px
    }

    div.content:not(#template)#recipes section.first.beeld div.left,
    div.content:not(#template)#recipes section.first.beeld div.right {
        padding-top: 10px
    }

    div.content:not(#template)#recipes section.first.beeld div.left>a,
    div.content:not(#template)#recipes section.first.beeld div.right>a {
        padding: 0;
        padding-top: 5px
    }

    div.content:not(#template)#recipes section.first.beeld div.left>a>span.link,
    div.content:not(#template)#recipes section.first.beeld div.right>a>span.link {
        display: none
    }

    div.content:not(#template)#recipes div.info>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#recipes div.info>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#recipes div.info>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#recipes div.info>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#recipes div.info>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#recipes div.info>div section.title {
        text-align: center;
        padding: 40px 20px;
        padding-top: 20px
    }

    div.content:not(#template)#recipes div.info>div section.ingr {
        padding: 20px 40px
    }

    div.content:not(#template)#recipes div.saus>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#recipes div.saus>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#recipes div.saus>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#recipes div.saus>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#recipes div.saus>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#recipes div.saus>.left {
        display: none;
        text-align: right
    }

    div.content:not(#template)#recipes div.saus section.bereiding {
        margin-right: 20px;
        width: calc(100% - 40px);
        margin-bottom: 20px
    }

    div.content:not(#template)#recipes div.saus section.saus {
        margin-bottom: 20px
    }

    div.content:not(#template)#recipes div.saus section.saus div.titel {
        margin-left: 20px;
        text-align: left
    }

    div.content:not(#template)#recipes div.saus section.saus a {
        text-align: center
    }

    div.content:not(#template)#recipes div.saus section.saus a span.link {
        display: block;
        text-align: left;
        margin-left: 40px
    }

    div.content:not(#template)#recipes div.saus section.saus a div {
        text-align: left;
        margin-left: 20px
    }

    div.content:not(#template)#recipes div.saus section.saus a img {
        height: auto;
        width: 250px;
        margin: 0 auto
    }

    div.content:not(#template)#jobs div.double.job>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#jobs div.double.job>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#jobs div.double.job>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#jobs div.double.job>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#jobs div.double.job>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#jobs div.double.job>div>section {
        border-radius: 0px;
        width: 100%;
        padding-left: 60px;
        text-align: left
    }

    div.content:not(#template)#jobs div.double.job>div>section div.titel {
        padding-top: 20px
    }

    div.content:not(#template)#jobs div.double.job>div>section.opdracht {
        padding-bottom: 0px
    }

    div.content:not(#template)#jobs div.double.job>div>section.profiel {
        padding-top: 0px
    }

    div.content:not(#template)#jobs div.double.job:nth-child(odd) {
        border-top-right-radius: 60px;
        overflow: hidden
    }

    div.content:not(#template)#jobs div.double.job:nth-child(even) {
        border-bottom-left-radius: 60px;
        overflow: hidden
    }

    div.content:not(#template)#jobs div.double.form>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#jobs div.double.form>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#jobs div.double.form>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#jobs div.double.form>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#jobs div.double.form>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#jobs div.double.form>div>section.uitleg {
        border-radius: 0px;
        width: 100%;
        padding-left: 60px;
        text-align: left;
        padding-bottom: 20px
    }

    div.content:not(#template)#jobs div.double.form>div>section.form {
        margin: 2px 2px 2px 2px;
        width: calc(100% - 4px)
    }

    div.content:not(#template)#tradefairs div.double.event>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#tradefairs div.double.event>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#tradefairs div.double.event>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#tradefairs div.double.event>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#tradefairs div.double.event>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#tradefairs div.double.event>div>section {
        border-radius: 0px;
        width: 100%;
        padding-left: 60px;
        text-align: left
    }

    div.content:not(#template)#tradefairs div.double.event>div>section.image {
        box-sizing: border-box;
        background-size: contain;
        background-position: top center;
        padding-bottom: 0px
    }

    div.content:not(#template)#tradefairs div.double.event>div>section.beurs {
        padding-top: 10px
    }

    div.content:not(#template)#news div.double.news>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#news div.double.news>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#news div.double.news>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#news div.double.news>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#news div.double.news>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#news div.double.news>div>section {
        border-radius: 0px;
        width: 100%;
        padding-left: 60px;
        text-align: left
    }

    div.content:not(#template)#news div.double.news>div.left>section {
        padding-bottom: 0px
    }

    div.content:not(#template)#news div.double.news>div.left>div.video {
        max-width: 100%;
        height: 60vw;
        max-height: 100%
    }

    div.content:not(#template)#news div.double.news>div.left>img {
        margin-bottom: -10px;
        width: 100%;
        height: auto;
        max-height: 100%;
        max-width: 100%
    }

    div.content:not(#template)#news div.double.news>div.right>section {
        padding-top: 10px
    }

    div.content:not(#template)#downloads form.double>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#downloads form.double>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#downloads form.double>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#downloads form.double>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#downloads form.double>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#downloads form.double>div.right {
        display: none
    }

    div.content:not(#template)#downloads form.double section.data {
        margin-left: 2px;
        margin-right: 2px;
        width: calc(100% - 4px)
    }

    div.content:not(#template)#downloads form.double section.data input {
        text-align: left;
        padding-left: 58px;
        padding-right: 58px;
        font-size: 20px
    }

    div.content:not(#template)#downloads form.double section.data button {
        text-align: left;
        padding-left: 58px;
        padding-right: 58px
    }

    div.content:not(#template)#downloads form.double section.select {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-top: 0px
    }

    div.content:not(#template)#company div.double.lock>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#company div.double.lock>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#company div.double.lock>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#company div.double.lock>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#company div.double.lock>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#company div.double.lock>div section.beeld {
        display: none
    }

    div.content:not(#template)#company div.double.lock>div section.intro {
        margin-top: 20px;
        padding: 20px 40px
    }

    div.content:not(#template)#company div.double.lock>div section.intro>div {
        padding-bottom: 0px
    }

    div.content:not(#template)#company div.double.info>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#company div.double.info>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#company div.double.info>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#company div.double.info>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#company div.double.info>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#company div.double.info>div section.quality {
        text-align: left;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 20px;
        width: calc(100% - 40px) !important;
        border-radius: 0px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 60px
    }

    div.content:not(#template)#company div.double.service section.service div {
        width: 100%;
        padding-left: 40px;
        text-align: right
    }

    div.content:not(#template)#company div.double.service div>a.vacature {
        width: calc(100% - 40px);
        margin: 20px
    }

    div.content:not(#template)#contact div.double.form>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#contact div.double.form>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#contact div.double.form>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#contact div.double.form>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#contact div.double.form>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#contact div.double.form section.map>a {
        width: calc(100% - 20px);
        height: 350px
    }

    div.content:not(#template)#contact div.double.form section.map>a>div {
        padding-right: 20px
    }

    div.content:not(#template)#contact div.double.form section.map>a>div h2 {
        display: none
    }

    div.content:not(#template)#contact div.double.form section.representatives {
        margin-top: 20px
    }

    div.content:not(#template)#contact div.double.form section.form {
        width: calc(100% - 40px);
        margin-left: 20px
    }

    div.content:not(#template)#contact div.double.form section.form input,
    div.content:not(#template)#contact div.double.form section.form textarea,
    div.content:not(#template)#contact div.double.form section.form button {
        text-align: left;
        padding-left: 40px;
        padding-right: 20px
    }

    div.content:not(#template)#contact div.double.form section.form input.error,
    div.content:not(#template)#contact div.double.form section.form textarea.error,
    div.content:not(#template)#contact div.double.form section.form button.error {
        border-right: 0px;
        border-left: 3px solid #e40421;
        padding-right: 20px;
        padding-left: 37px
    }

    div.content:not(#template)#contact div.double.form section.form label.response.error,
    div.content:not(#template)#contact div.double.form section.form label.response.sent {
        text-align: left;
        padding-right: 20px;
        padding-left: 40px
    }

    div.content:not(#template)#search div.double {
        margin-top: -75px
    }

    div.content:not(#template)#search div.double section {
        width: 100%
    }

    div.content:not(#template)#search section.results {
        box-sizing: border-box;
        width: 100%;
        padding-right: 20px
    }

    div.content:not(#template)#search section.results h4,
    div.content:not(#template)#search section.results h5 {
        box-sizing: border-box;
        width: 100%
    }

    div.content:not(#template)#search section.results>div.recepten>a {
        background-size: cover
    }

    div.content:not(#template)#search section.results>div.recepten>a::before {
        display: none
    }

    div.content:not(#template)#search section.results>div>a {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        background-size: auto auto
    }

    div.content:not(#template)#search section.results>div>a::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#search section.results>div>a:nth-child(n) {
        margin-right: 0%;
        float: left;
        clear: none
    }

    div.content:not(#template)#search section.results>div>a:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#search section.results>div>a:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#terms section.voorwaarden {
        width: 75%
    }

    div.content:not(#template)#terms section.voorwaarden h1 {
        margin-top: -60px;
        margin-bottom: 30px
    }

    div.content:not(#template)#terms section.voorwaarden p {
        text-align: justify
    }

    div.content:not(#template)#promo div.intro ul {
        margin: 0;
        padding: 0
    }

    div.content:not(#template)#promo div.promo>div {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }

    div.content:not(#template)#promo div.promo>div::after {
        content: "";
        display: table;
        clear: both
    }

    div.content:not(#template)#promo div.promo>div:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none
    }

    div.content:not(#template)#promo div.promo>div:nth-child(1n) {
        margin-right: 0%;
        float: right
    }

    div.content:not(#template)#promo div.promo>div:nth-child(1n+1) {
        clear: both
    }

    div.content:not(#template)#promo div.promo>div.right section {
        width: calc(100% - 40px);
        margin-left: 20px
    }

    div.content:not(#template)#promo div.promo>div.right section>div form p.styleselect>select {
        background-position: right 20px top -10px
    }

    div.content:not(#template)#promo div.promo>div.right section>div>div.mobile {
        display: block
    }

    div.content:not(#template)#promo div.promo>div.left section {
        background-position: top center;
        min-height: 375px;
        padding: 0px;
        margin-left: 20px;
        width: calc(100% - 40px)
    }

    div.content:not(#template)#promo div.promo>div.left section>div {
        display: none
    }

    div.content:not(#template)#promo div.form.thanks>div.left,
    div.content:not(#template)#promo div.form.thanks>div.right {
        width: 100%
    }

    div.content:not(#template)#shop div.double.intro.first div.left section h2,
    div.content:not(#template)#shop div.double.intro.first div.left section a.link {
        margin-left: 40px
    }

    div.content:not(#template)#contact .thanks section.map>a,
    div.content:not(#template)#jobs .thanks section.map>a,
    div.content:not(#template)#promo .thanks section.map>a {
        width: calc(100% - 20px);
        height: 350px
    }

    div.content:not(#template)#contact .thanks section.map>a>div,
    div.content:not(#template)#jobs .thanks section.map>a>div,
    div.content:not(#template)#promo .thanks section.map>a>div {
        padding-right: 20px
    }

    div.content:not(#template)#contact .thanks section.map>a>div h2,
    div.content:not(#template)#jobs .thanks section.map>a>div h2,
    div.content:not(#template)#promo .thanks section.map>a>div h2 {
        display: none
    }

    div.content:not(#template)#contact .thanks section.company,
    div.content:not(#template)#jobs .thanks section.company,
    div.content:not(#template)#promo .thanks section.company {
        padding-right: 20px
    }

    div.content:not(#template)#contact .thanks section.company a,
    div.content:not(#template)#jobs .thanks section.company a,
    div.content:not(#template)#promo .thanks section.company a {
        width: 100%
    }

    div.content:not(#template)#contact .thanks section.assortment span.link,
    div.content:not(#template)#jobs .thanks section.assortment span.link,
    div.content:not(#template)#promo .thanks section.assortment span.link {
        display: block;
        padding-bottom: 12px;
        text-align: left;
        position: relative;
        bottom: auto;
        top: auto;
        left: auto;
        right: auto
    }

    div.content:not(#template)#contact .thanks section.assortment span.link::before,
    div.content:not(#template)#jobs .thanks section.assortment span.link::before,
    div.content:not(#template)#promo .thanks section.assortment span.link::before {
        right: 0;
        top: -11px;
        width: 100vw
    }

    div.content:not(#template)#contact .thanks section.assortment span.link>span,
    div.content:not(#template)#jobs .thanks section.assortment span.link>span,
    div.content:not(#template)#promo .thanks section.assortment span.link>span {
        padding-left: 40px
    }

    div.content:not(#template)#shops div#map {
        margin-left: 25px;
        margin-right: 25px;
        width: calc(100% - 50px)
    }

    div.content:not(#template)#shops div#map>input#search {
        width: 100%;
        padding-right: 0px;
        padding-left: 60px;
        background-position: left 14px top 14px;
        text-align: left;
        margin-left: 0px
    }

    div.content:not(#template)#shops div.suggestions {
        width: calc(100% - 50px);
        margin-left: 25px;
        margin-right: 25px
    }

    div.content:not(#template)#shops div.representatives>div {
        flex-direction: column
    }

    div.content:not(#template)#shops div.representatives>div>div {
        width: 100%
    }

    div.content:not(#template)#shops div.representatives>div>div+div {
        margin-top: 20px
    }

    div.content:not(#template)#april>div.intro>div.center>img,
    div.content:not(#template)#december>div.intro>div.center>img {
        margin-top: -14vw
    }
}