:root {
    --bloembraaden-default-paper-color: #fff;
    --bloembraaden-default-key-color: #000;
}

/**
 * Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
main, section, article, nav, figure, figcaption,
header, footer, aside, mark, details, summary, time,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: var(--bloembraaden-default-key-color);
}

html, body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6em;
    background-color: var(--bloembraaden-default-paper-color);
}

fieldset, legend {
    display: inline;
    vertical-align: top;
}

img {
    display: block;
    line-height: 0;
    border: 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

s {
    text-decoration: line-through;
}

/**
 * basic margins
 */
p, h2, h3, h4, h5, h6 {
    margin-top: .8rem;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 0;
}

ol li {
    margin-bottom: .6rem;
}

ol label {
    display: block;
}

/* links and wannabe links */
a, .peatcms-link {
    text-decoration: underline;
    cursor: pointer;
}

/**
 * formatting headers
 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

h1 {
    font-size: 2em;
    font-weight: bold;
}

h2 {
    font-size: 1.8em;
    font-weight: bold;
}

h3 {
    font-size: 1.6em;
    font-weight: bold;
}

h3 {
    font-size: 1.4em;
    font-weight: bold;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
}

h5 {
    font-weight: bold;
}

h6 {
    font-weight: bold;
}

[data-peatcms-placeholder] {
    display: none !important;
}

html, body {
    height: 100%;
    width: 100%;
    font-size: 16px;
}

/**
 * handy standard css classes
 */
.nodisplay,
.display-none {
    display: none;
}

/* nice embed https://stackoverflow.com/a/20130011 */
.embed-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #CCC
}

.embed-iframe {
    position: relative;
    padding-top: 56.25%; /* 16 × 9 */
}

.embed-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.attention-grabber,
.peatcms_attention_grabber {
    animation: peatcms_attention_grabber .2s 6 ease-in-out; /* 6 = iteration count, used to be infinite but removing the class does not stop the animation in IE11 then */
}

@keyframes peatcms_attention_grabber {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateX(-6px)
    }
    75% {
        transform: translateX(6px)
    }
    100% {
        transform: translateX(0)
    }
}

.peatcms_signal_change {
    animation: peatcms_pulsating .3s 2 ease-in;
}

/**
 * Messages
 */
#message_wrapper {
    position: fixed;
    width: 80vw;
    top: 0;
    left: 10vw;
    display: block;
    z-index: 101;
}

.message {
    position: relative;
    display: block;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--bloembraaden-default-paper-color);
    box-shadow: 0 .3rem 1rem rgba(0, 0, 0, .28);
}

.log {
    color: rgb(48, 63, 123);
}

.warn {
    color: rgb(216, 136, 16);
}

.error {
    color: rgb(200, 0, 0);
    font-weight: bold;
}

.note {
    background-color: #ffc;
}

.message .button.close::before {
    content: '×';
}

.message .button.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    color: var(--bloembraaden-default-paper-color);
    border-radius: 5px; /* same as message */
    background-color: rgb(90, 90, 90);
    font-weight: bold;
    width: auto;
    height: auto;
}

.message .button.close:hover {
    background-color: rgb(0, 180, 20);
}

/**
 * prompts
 */
#bloembraaden-prompt-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

#bloembraaden-prompt-wrapper .bloembraaden-prompt {
    background-color: rgb(255, 255, 255);
    padding: 1em;
    border-radius: 1em;
    max-width: 400px;
}

/**
 * from parser
 */
.nowrap {
    white-space: nowrap;
}

/**
 * Form elements
 */
textarea,
button,
input[type="submit"],
input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="password"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    background: transparent;
    color: #484844;
    padding: .25em;
    margin-bottom: .25em;
    outline: none;
    outline-offset: -1px;
}

textarea,
input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="password"] {
    outline: solid 1px #484844;
}

button,
input[type="submit"] {
    padding: .25em .5em;
}

@keyframes peatcms_pulsating {
    25% {
        opacity: 1;
    }
    75% {
        opacity: .31;
    }
}

.bloembraaden-fade-out {
    animation: bloembraaden_fade_out .5s forwards ease-in-out;
}

@keyframes bloembraaden_fade_out {
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.bloembraaden-fade-in {
    animation: bloembraaden_fade_in .4s forwards ease-in-out;
}

@keyframes bloembraaden_fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/**
 * Pretty select lists
 */
body select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    padding: .25em 1.6rem .25em .25em;
    margin-bottom: .25em;
    /* border for select can only be done with outline */
    outline: none;
    outline-offset: -1px;
    /* the arrow image (https://www.filamentgroup.com/lab/select-css.html): */
    /* the color is the 484844 slightly after 'fill' */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23484844%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    /*linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);*/
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

body select::-ms-expand {
    display: none;
}

/**
 * slider https://cheewebdevelopment.com/boilerplate-vanilla-javascript-content-slider/
 */

.peatcms-slideshow-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    transition: 300ms;
}

/* ensure that we can adjust z-index or position elements absolutely within the slideshow itself (e.g., navigation) */
.peatcms-slideshow {
    position: relative;
}

/* set all slides as absolute positioning so they will stack on top of each other, and hidden from one another */
.peatcms-slide-entry {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: opacity .6s;
}

.peatcms-slide-entry.active { /* this is how we transition the slides in/out */
    opacity: 1;
    visibility: visible;
}

/* set up our basic left/right navigation, would should ideally be vertically centered */

.peatcms-slide-nav {
    list-style: none;
}

.peatcms-slide-nav li {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    color: #333;
    background-color: var(--bloembraaden-default-paper-color);
    font-size: 25px;
}

/* pull our navigation out of the slider container to avoid z-index issues */

#peatcms-prev-slide {
    left: 0;
}

#peatcms-next-slide {
    right: 0;
}

/* src sets */
[data-srcset] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0; /* will be set to 1 by javascript */
    transition: opacity .4s ease;
}

/* carousel */
.carousel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carousel .slide {
    flex: 0 0 auto;
    cursor: grab;
    height: 100%;
}

.carousel[data-mouse-is-down] .slide {
    cursor: grabbing;
}

/* just common sense */
[hidden] {
    display: none;
}

/* prevent CLS */
.cf-turnstile {
    height: 72.5px;
}

.cf-turnstile.invisible {
    max-height: 0;
    max-width: 0;
}
:root {
    /*primary color:*/
    --primary: rgb(71, 81, 72); /*#101010 */
    --primary-lighter: rgb(81, 92, 83); /*#515c53;*/
    --primary-darker: rgb(52, 59, 53); /*#343b35;*/
    --primary-background: rgba(71, 81, 72, .1);
    --primary-background-light: rgba(71, 81, 72, .09);

    /*secondary color:*/
    --gold: rgb(230, 180, 40); /*rgb(216, 153, 41);*/
    --gold-light: rgba(230, 180, 40, 0.16);
    --gold-very-light: rgba(230, 180, 40, 0.09);

    /*tertiary color:*/
    --burgundy: rgb(141, 10, 48); /*#8d0a30;*/

    --paper: rgb(255, 255, 255);
    --paper-overlay: rgba(255, 255, 255, .82);
    --vague-darkness: rgb(85, 99, 85); /*rgb(125, 131, 125); /*#919791;*/
    --kermit: #006132; /* rgb(0, 125, 70); /*#008f4b; /*#70ad47;*/
    --fail: rgb(220, 0, 0);
    --black: rgb(6, 10, 6); /*#000;*/
}

@font-face {
    font-family: 'Cantarell';
    src: url('/_site/petitclos/Cantarell-Regular-webfont.woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* to avoid FOIT */
}

/*@font-face {
    font-family: 'CantarellBold';
    src: url('/_site/petitclos/Cantarell-Bold-webfont.woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}*/

/**
 * Reset font and default color
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
main, section, article, nav, figure, figcaption,
header, footer, aside, mark, details, summary, time,
table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {
    font-family: 'Cantarell', 'sans-serif';
    letter-spacing: 0;
    line-height: 1.5em;
    color: var(--primary);
}

#filtermenu_content header {
    font-size: 2em;
    font-weight: bold;
    margin-left: .5em;
}

/* for keywords / redirect old links */
.peatcms-curr {
    font-size: 50%;
    opacity: .8;
}

.peatcms-curr:before {
    content: 'Extra zoekwoorden: ';
}

/*strong.price {
    font-family: CantarellBold, serif;
}*/

.price,
.price_from {
    font-family: arial, sans-serif;
    letter-spacing: 0;
}
.price_from + .price {
    color: var(--kermit);
}

.burgundy {
    color: var(--burgundy);
}

.kermit {
    color: var(--kermit);
}

input[name="quantity"] {
    appearance: textfield; /* for firefox */
}

input[name="quantity"]::-webkit-inner-spin-button,
input[name="quantity"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/**
 * style
 */
html, body {
    background-color: var(--paper);
    font-size: 16px;
}

.PEATCMS_data_stasher {
    display: none !important; /* TODO remove when done developing this part */
}

.peatcms-email-link {
    color: var(--gold);
    cursor: pointer;
}

li {
    list-style-type: none;
}

hr {
    border: none;
    border-bottom: solid 1px var(--primary);
    width: 80%;
    margin: 0 auto 40px auto;
    padding: 40px 0 0 0;
    clear: both;
    float: none;
    height: 0;
}

/* normal styles */
#header, main, #footer, body > section {
    display: block;
    clear: both;
    float: none;
    margin: 0 20px;
    /*transition: height .7s;*/
}

.no-results-wrapper {
    margin: 0 20px 0 0;
}

@media (min-width: 1500px) {
    section.wide-center,
    body:not(.search) main {
        margin: 0 auto;
        max-width: 1460px;
    }
}

/* variant unfortunately has own breakpoints */
@media (min-width: 1040px) {
    body.variant main {
        margin: 0 auto;
        max-width: 997px;
    }

    body.variant #product_photo .pluses {
        margin-left: calc((100vw - 1040px) / 2);
    }
}

main img {
    max-width: 100%;
}

section {
    margin-bottom: 20px;
}

aside {

}

.log {
    color: var(--primary);
}

ol li {
    list-style-type: decimal;
    margin-left: 1.2em;
}

/* standard lists */
body.pagina main ul.minuses,
body.product main ul.minuses {
    margin-top: .8rem;
}

body.pagina main ul.minuses > li,
body.product main ul.minuses > li {
    list-style-type: none;
    margin-left: .8em;
}

body.pagina main ul.minuses > li:before,
body.product main ul.minuses > li:before {
    position: absolute;
    content: "-";
    margin-left: -.8em;
}

/* forms */
body select {
    /* the color is the 515c53 slightly after 'fill' */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23515c53%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-color: var(--paper);
}

#darkness-is-upon-us {
    clear: both;
    float: none;
    margin-top: 1.5rem;
    padding: 23px 20px 22px 20px;
    background-color: var(--vague-darkness);
    overflow: auto;
}

#darkness-is-upon-us * {
    color: var(--paper);
}

/* nieuwsbrief */
#darkness-is-upon-us .nieuwsbrief input[type="text"],
#darkness-is-upon-us .nieuwsbrief input[type="email"] {
    outline: none;
    border: solid 1px var(--paper); /* rgba(255, 255, 255, .4);*/
    padding: .1em .25em;
    width: calc(72% - .5em);
}

#darkness-is-upon-us input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--paper);
    opacity: 1; /* Firefox */
}

#darkness-is-upon-us input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--paper);
}

#darkness-is-upon-us input::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--paper);
}

#darkness-is-upon-us .nieuwsbrief input[type="submit"] {
    background-color: var(--gold);
    color: var(--black);
}

#popup {
    width: 100%;
    height: 100%;
    background-color: var(--paper-overlay);
    color: var(--black);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
}

#popup .wrapper {
    background-color: var(--paper);
    padding: 20px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 50vw;
    max-height: 90vh;
    overflow-y: scroll;
    border: solid 1px var(--gold);
}

/* prevent body from scrolling */
.with-popup {
    overflow: hidden;
}

#popup .close {
    right: .5rem;
    top: -.5rem;
    position: fixed;
    font-size: 2rem;
    color: var(--primary-lighter);
    cursor: pointer;
}

#popup .cta {
    margin: 0 0 .8em 0;
    padding: 0 .6em;
    border-radius: 4px;
}

#popup h2 {
    margin: 0 0 .2em 0;
}

.nieuwsbrief form > * {
    font-size: 1.1rem;
}

#darkness-is-upon-us h2,
#footer h2 {
    font-family: 'Cantarell', 'serif';
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}

#darkness-is-upon-us .wrapper a,
#darkness-is-upon-us .wrapper .peatcms-link,
#footer .wrapper a,
#footer .wrapper .peatcms-link {
    text-decoration: none;
}

.follow img {
    display: inline-block;
}

/* hide offline stuff, TODO hide it from the server using sql... */
[data-online="false"] {
    display: none;
}

.the_admin_is_present [data-online="false"] {
    display: inherit;
    background-color: rgba(255, 0, 0, .1);
}

.gold {
    color: var(--gold);
}

.account-forms > .form-wrapper > form [type="checkbox"] {
    display: none; /* because they are pretty */
}

.pretty_checkbox {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: .4em;
    margin-bottom: -.2em;
    margin-left: .2em;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyYy0xLjY1NCAwLTMgMS4zNDYtMyAzdjE0YzAgMS42NTQgMS4zNDYgMyAzIDNoMTRjMS42NTQgMCAzLTEuMzQ2IDMtM3YtMTRjMC0xLjY1NC0xLjM0Ni0zLTMtM2gtMTR6bTE5IDN2MTRjMCAyLjc2MS0yLjIzOCA1LTUgNWgtMTRjLTIuNzYyIDAtNS0yLjIzOS01LTV2LTE0YzAtMi43NjEgMi4yMzgtNSA1LTVoMTRjMi43NjIgMCA1IDIuMjM5IDUgNXoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pretty_checkbox.checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMDQxIDE3bC00LjUtNC4zMTkgMS4zOTUtMS40MzUgMy4wOCAyLjkzNyA3LjAyMS03LjE4MyAxLjQyMiAxLjQwOS04LjQxOCA4LjU5MXptLTUuMDQxLTE1Yy0xLjY1NCAwLTMgMS4zNDYtMyAzdjE0YzAgMS42NTQgMS4zNDYgMyAzIDNoMTRjMS42NTQgMCAzLTEuMzQ2IDMtM3YtMTRjMC0xLjY1NC0xLjM0Ni0zLTMtM2gtMTR6bTE5IDN2MTRjMCAyLjc2MS0yLjIzOCA1LTUgNWgtMTRjLTIuNzYyIDAtNS0yLjIzOS01LTV2LTE0YzAtMi43NjEgMi4yMzgtNSA1LTVoMTRjMi43NjIgMCA1IDIuMjM5IDUgNXoiLz48L3N2Zz4=");
}

.changing .pretty_checkbox {
    animation: checkbox-loading .51s infinite;
}

@keyframes checkbox-loading {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

.count { /* indicator with a number in it */
    display: block;
    position: absolute;
    color: var(--black);
    /*border: solid 1px var(--primary-lighter);*/
    background-color: var(--gold);
    height: 30px;
    width: 30px;
    margin-top: -36px;
    margin-left: -28px;
    line-height: 30px;
    -moz-border-radius: 15px; /* or 50% */
    border-radius: 15px; /* or 50% */
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);*/
}

#taalkeuze {
    display: inline;
    height: .6em;
    cursor: pointer;
}

#filtermenu_content li {
    white-space: nowrap;
}

#filtermenu_content h2 {
    padding-left: .5em;
    margin-top: -.25em;
}

#filtermenu2 #filtermenu_content {
    max-width: 300px;
}

#filtermenu2 .active:before {
    font-size: 1rem;
    /*position: absolute;*/
    display: inline-block;
    content: '\2713';
    /*    line-height: 0;*/
    margin-left: -1em;
    width: 1em;
}

#filtermenu2 #label-area {
    padding-left: 1em;
}

#filtermenu2 #label-area-alles-wissen {
    padding-left: 1.2em;
    margin-top: .1em;
    margin-bottom: 1em;
    cursor: pointer;
    color: var(--burgundy);
    font-size: .9rem;
}

#filtermenu2 #label-area h4 {
    margin-top: 0;
}

#filtermenu2 #label-area .label {
    display: inline-block;
    padding: 0 .35em .11em .25em;
    border-radius: 1em;
    background-color: var(--gold);
    color: var(--black);
    cursor: pointer;
    margin: 0 .23em .13em 0;
}

#filtermenu2 #label-area .label .remove {
    opacity: 0.5;
    color: var(--black);
    margin-left: .12em;
}

#filtermenu2 #label-area .label:hover {
    opacity: .5;
}

#filtermenu2 #label-area .label:hover .remove {
    opacity: 1;
}

.checks li:before {
    content: url('/_site/petitclos/laurens_checkmark.png');
    color: green;
    margin-right: .4em;
}

/* embed https://stackoverflow.com/a/20130011 */
.embed-wrapper {
    background: var(--vague-darkness);
}

/* headers */
h1, h2, h3, h4, h5, h6, h1 > *, h2 > *, h3 > * {
    /*    text-transform: uppercase;
        font-weight: normal;*/
}


button,
.button,
input[type="button"],
input[type="submit"] {
    cursor: pointer;
    border-radius: 2em;
}

/* other elements */
figcaption {
    font-size: 85%;
    background-color: rgba(230, 250, 240, .1);
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/**
 * big elements that retreat into the shadow for focus
 */
.pc-ordering-page #footer {
    display: none;
}

.shoppinglist #footer {
    display: none;
}

.shoppinglist #darkness-is-upon-us {
    clear: left;
}


/**
 * main header (peatcms permanent)
 */
#header {
    min-height: 0;;
    margin: 0;
}

/* progress */
#bloembraaden-loading-bar {
    position: fixed;
    top: 0;
    z-index: 6;
    height: 2px;
    background-color: var(--gold);
}

/* nav */
#mainmenu {
    position: absolute;
    top: 90px; /* under fixed menu */
    width: 100%;
    background-color: var(--paper); /* for hiding what’s behind it */
    text-align: center;
    max-height: 86px;
    overflow: hidden;
    border-bottom: solid 1px var(--primary);
}

#mainmenu .close-menu {
    display: none; /* visible for smaller screens */
    font-size: 1.9em;
    margin-left: 260px;
    cursor: pointer;
    position: absolute;
}

#mainmenu li {
    display: inline-block;
}

#mainmenu li.acties a {
    padding: .3em .7em;
    border-radius: 2em;
    background-color: var(--gold);
    color: var(--black);
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    margin-top: 27px;
    margin-left: 1.2em;
}

/* laurens */
.homepage .variants h2:first-of-type,
.homepage .pc-link-is-cta h2:first-of-type {
    font-family: Cantarell, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
}

#mainmenu li a {
    display: block;
    font-family: Cantarell, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    height: 86px;
    line-height: 86px;
    padding: 0 1.2em;
}

#mainmenu li a[data-open_filter]:after {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 220.3' style='enable-background:new 0 0 512 220.3;' xml:space='preserve'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M199,5117.1c-62-9-100-31-142-79c-63-74-73-176-25-263c19-33,229-195,1203-926c649-487,1198-895,1220-908 c56-32,154-32,210,0c22,13,571,421,1220,908c1269,953,1217,910,1231,1013c13,95-49,205-137,240c-49,20-132,23-174,6 c-16-6-528-385-1137-842l-1108-830l-1115,836c-613,460-1119,836-1123,836s-23,4-42,8C261,5121.1,224,5121.1,199,5117.1z'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: 40px;
    margin-left: 8px;
    transition: all .2s;
}

#mainmenu li a[data-open_filter].peatcms-current-slug:after,
#mainmenu li a[data-open_filter]:hover:after {
    transform: translateY(3px);
}

#mainmenu li a[data-open_filter=""]:after {
    display: none;
}

/* menu bar stays on top of page */
#fixedmenu {
    position: fixed;
    top: 44px;
    left: 0;
    padding: 4px 0;
    height: 38px; /* height of the input element + border */
    z-index: 5;
    width: 100%;
    text-align: center;
    color: var(--paper);
    background-color: var(--vague-darkness);
    transition: top .2s;
}

[data-peatcms-scrolled] #fixedmenu {
    top: 0;
}

[data-filter-on]:not([data-filter-minimized]) #fixedmenu {
    /*display: none;*/
}

[data-filter-on]:not([data-filter-minimized]) #mainmenu {
    /*top: 0;*/
}

#fixedmenu ul {
    position: absolute;
    right: 20px;
    margin-top: -37px;
}

#fixedmenu li {
    display: inline-block;
    margin-left: .8em;
}

#fixedmenu li a {
    text-decoration: none;
}

#fixedmenu li a span {
    color: var(--paper);
}

#fixedmenu li a svg,
#fixedmenu li a img {
    fill: var(--paper);
    height: 24px;
    display: none;
}

#fixedmenu li a .reverse_fill {
    fill: var(--vague-darkness);
}

/* searchbox */
#fixedmenu input {
    display: inline-block;
    width: 544px;
    max-width: 544px;
    padding: 0 18px;
    font-size: 1.2em;
    border-radius: 36px;
    border: solid 2px var(--vague-darkness);
    height: 34px;
    background-color: var(--paper);
    outline: none;
    letter-spacing: -.07em; /* was cached in browsers? */
}

#fixedmenu input:focus {
    border-color: var(--gold);
}

@media (max-width: 1300px) {
    #fixedmenu input {
        width: 400px;
        max-width: 400px;
    }
}

@media (max-width: 780px) {
    #fixedmenu input {
        width: 80%;
        max-width: 780px;
    }
}

#fixedmenu input ~ button {
    fill: var(--gold);
    margin-left: -46px;
    position: absolute;
    width: 38px;
    height: 38px;
}

/*
.pc-searching body > :not(#header),
.pc-searching #mainmenu,
.pc-searching #spacer2,
.pc-searching #usps {
    opacity: .1;
}*/

#suggest_titles {
    z-index: 4;
    background-color: var(--paper);
    width: 544px;
    max-width: 100%;
    text-align: left;
    padding: 4px;
    margin: 0 auto;
    height: auto;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    border: solid 1px var(--vague-darkness);
}

#suggest_titles span {
    display: block;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 2px 2px 19px;
}

#suggest_titles span i {
    font-weight: normal;
    font-style: normal;
}

#suggest_titles span strong {
    white-space: nowrap; /* the prices*/
}

#suggest_titles h6 {
    font-weight: normal;
    margin-left: 12px;
    border-bottom: solid 1px var(--primary-background);
}

#suggest_titles h6:first-child {
    margin-top: 0;
}

#suggest_titles .active {
    background-color: var(--gold-light);
}

#usps {
    position: absolute;
    display: block;
    top: 9px; /* room for the loading bar */
    left: 0;
    width: 100%;
    text-align: center;
    height: 1.5em;
    overflow: hidden;
}

#usps li {
    display: inline-block;
    white-space: nowrap;
    margin-right: 1.8em;
    margin-left: 1.8em;
}

#usps li:before {
    margin-right: .1em; /* checkmarks are too far away here */
}

#spacer2 { /* to compensate for the horizontal filtermenu that is now gone */
    display: block;
    position: relative;
    pointer-events: none;
    width: 100%;
    height: 176px;
    margin-bottom: 20px;
    border-bottom: solid 1px var(--vague-darkness);
}

/**
 * Filtermenu 2
 */
#filtermenu2 {
    display: none;
}

body.search #filtermenu2 { /* only visible on pages that can be filtered, unlike the old filter, that could start anywhere */
    display: inline-block;
}

body.search .tips li {
list-style-type: circle;
    margin-left: 2em;
}
body.search .categories li {
    display: inline-block;
    font-size: 125%;
    padding: .2em .4em;
    margin: .4em .2em;
    border-radius: 3px;
    background-color: var(--gold-very-light);
}
body.search .categories li a {
    text-decoration: none;
}
body.search img.no-results {
    width: 200px;
    height: 300px;
    float: right;
}
@media (max-width: 651px) {
    body.search img.no-results {
        float: none;
        display: block;
        margin: 0 auto;
    }
}


/**
 * filtermenu
 */
#filter_indicator svg {
    width: 100%;
    height: 100%;
}

@keyframes shine {
    0% {
        background-position: right;
    }
    /*100% {
      background-position: left; it's the default value, no need to define it
    }*/
}

#filtermenu2.loading #filtermenu_content {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
}

#filtermenu2 * {
    color: var(--primary);
    fill: var(--primary);
    vertical-align: top;
}

#filtermenu2 ul {
    display: inline-block;
    width: calc(100% - 1em);
    padding: 0 0 0 1em; /* room needed for the .active checkmark */
    max-height: 10.5em;
    overflow: hidden;
    margin-bottom: 1em;
}

#label-area,
#filtermenu2 ul {
    max-width: calc(300px - 1.8em);
}

#filtermenu2 ul.searchable {
    max-height: 12.5em;
}

#filtermenu2 li.search {
    height: 2em;
}

#filtermenu2 li.search input {
    /*padding: .39em .8em;
    border: solid 1px var(--burgundy);*/
    border-radius: 1em;
    padding: 0.1em .48em;
    font-size: 1rem;
    margin-top: 2px;
    width: 179px;
    cursor: pointer;
    transform-origin: top left;
    transform: scale(91%);
}

#filtermenu2 .header {
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

#filtermenu2 .header:before {
    /* the color is the 515c53 slightly after 'fill' */
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 220.3' style='enable-background:new 0 0 512 220.3;' xml:space='preserve'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M199,5117.1c-62-9-100-31-142-79c-63-74-73-176-25-263c19-33,229-195,1203-926c649-487,1198-895,1220-908 c56-32,154-32,210,0c22,13,571,421,1220,908c1269,953,1217,910,1231,1013c13,95-49,205-137,240c-49,20-132,23-174,6 c-16-6-528-385-1137-842l-1108-830l-1115,836c-613,460-1119,836-1123,836s-23,4-42,8C261,5121.1,224,5121.1,199,5117.1z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: .5rem;
    margin-left: 130px; /* width of li.show-less minus own width */
    transition: all .2s;
    transform-origin: 50% 20%;
}

#filtermenu2 ul.closed {
    max-height: 1.5em;
}

#filtermenu2 ul.closed .header:before {
    transform: rotate(180deg);
}

#filtermenu2 ul.show-all {
    max-height: none;
}

#filtermenu2 ul.show-all li.show-all {
    display: none;
}

#filtermenu2 li.show-less,
#filtermenu2 li.show-all {
    border: solid 1px var(--burgundy);
    border-radius: 1em;
    padding: 0 .3em;
    /*margin-top: -2px;*/
    width: 142px;
    text-align: center;
    cursor: pointer;
    transform-origin: top left;
    transform: scale(91%);
}

#filtermenu2 ul.searching li.show-less {
    display: none;
}

#filtermenu2 ul .item-count {
    color: var(--burgundy);
}

#filtermenu2 ul .item-count:before {
    content: ' (';
}

#filtermenu2 ul .item-count:after {
    content: ')';
}

#filtermenu2 ul.irrelevant,
#filtermenu2 li.irrelevant,
#filtermenu2 li.not-found {
    display: none;
}

#filtermenu2 ul[data-slug="_prijsklasse"] li,
#filtermenu2 li[data-slug] {
    cursor: pointer;
}

#filtermenu2 li a {
    text-decoration: none;
    margin-left: .2rem;
}

#filtermenu2 li a:hover {
    text-decoration: underline;
}

#filtermenu2 li.header {
    font-weight: bold;
}

#filtermenu2 li.header a {
    font-weight: normal;
    text-decoration: underline;
    position: absolute;
    margin-top: 10.5rem;
    margin-left: -.1rem;
}

#logo { /* verhouding breedte / hoogte: 1.17840376 */
    fill: var(--primary);
    display: none; /* temporarily, don’t know anymore where they want it */
    position: absolute;
    left: 20px;
    top: 10px;
    width: 70px;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: fill .2s, top .6s;
    transition: fill .2s, top .6s;
}

[data-peatcms-scrolled] #logo {
    position: fixed;
    top: -70px;
}

#banner-established,
#logo-text {
    display: inline-block;
    position: absolute;
    left: 20px;
}

#logo-text svg {
    fill: var(--paper);
    max-height: 40px;
    width: 180px;
    max-width: 180px;
    margin-top: 8px;
}

#banner-established {
    left: 208px;
}

#banner-established svg {
    fill: var(--paper);
    height: 9px;
    margin-top: 21px;
}

/**
 * SECTION shoppinglist has id #shoppinglist, but also the shoppinglist on the winkelwagen page
 */
#shoppinglist .rows {
    float: left;
    display: table;
    width: 60%;
}

#shoppinglist .info {
    float: right;
    width: calc(40% - 40px);
}

#shoppinglist .order {

}

.account-forms [type="submit"],
#shoppinglist .order .button,
#shoppinglist .order button {
    padding: .3em .6em; /* zelfde als cta */
    background-color: var(--gold);
    color: var(--black);
    text-decoration: none;
}

#shoppinglist .order .button span,
#shoppinglist .order button span {
    display: inline-block;
    color: var(--paper);
    font-weight: bold;
    font-size: 150%;
    transition: color .1s;
    margin-right: .5em;
    margin-left: -.5em;
}

#shoppinglist .info .order {
    display: none;
}

#shoppinglist .order .button:hover span,
#shoppinglist .order button:hover span {
    color: var(--gold);
}

#shoppinglist .row.total:first-child {
    display: none;
}

#shoppinglist .quantity span.price { /* give it space */
    display: block;
    margin-top: 1em;
}

#shoppinglist .price,
#shoppinglist .price_from {
    font-weight: bold;
}

#shoppinglist .empty_message {
    display: none;
}

/* empty shoppinglist */
#shoppinglist hr[data-row_count="0"],
#shoppinglist .usps[data-row_count="0"],
#shoppinglist[data-row_count="0"] .order,
#shoppinglist .rows[data-row_count="0"],
#shoppinglist[data-row_count="0"] .rows {
    display: none;
}

#shoppinglist[data-row_count="0"] .empty_message {
    display: block;
}

@media (max-width: 1040px) {
    #shoppinglist .info,
    #shoppinglist .rows {
        width: 100%;
        clear: both;
        float: none;
    }
}

.shoppinglist #shoppinglist {
    max-width: 1200px;
}

.shoppinglist #shoppinglist .rows {
    width: calc(100% - 20px);
    float: none;
    padding-left: 20px; /* additional space for logos etc. */
}

#shoppinglist .row {
    display: table-row;
    width: 100%;
}

#shoppinglist .row .total {
    border-top: solid 2px var(--primary);
}

#shoppinglist .row.total {
    padding: 20px 0;
}

.shoppinglist #shoppinglist .row {
    margin: 1em 0;
}

#shoppinglist .row > div {
    display: table-cell;
}

#shoppinglist .row > div.prices {
    padding-left: 20px;
}

#shoppinglist .row h3 { /* title */
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    /*max-height: 1.5rem;*/
    overflow: hidden; /* long titles are shown on hover with title tag */
}

#shoppinglist .row picture {
    float: left;
    width: 40px;
    height: 100px;
    margin-top: 24px;
}

.shoppinglist #shoppinglist .row picture {
    width: 180px;
}

#shoppinglist .row picture img {
    max-width: 100%;
    max-height: 100%;
}

#shoppinglist .wine_house_with_icon {
    float: none;
}

#shoppinglist .row .pluses {
    margin-top: -5em;
    margin-left: -230px;
}

#shoppinglist .row .pluses li:nth-child(n+2) {
    margin-top: calc(-1.5em - 35px);
}

#shoppinglist .row [data-in_stock] {
    position: absolute;
    margin-left: -1em;
    margin-top: .6em;
}

#shoppinglist .row strong {
    display: block; /* display the price on its own row */
}

#shoppinglist .delete input[type="submit"] {
    font-weight: bold;
    font-size: 125%;
    color: #be1e2d;
    cursor: pointer;
}

.shippingcosts-message {
    display: none;
}

@media (max-width: 780px) {
    #shoppinglist .rows,
    #shoppinglist .row,
    #shoppinglist .row > div {
        display: inline-block;
    }

    #shoppinglist .row div.amount {
        position: absolute;
        right: 10px;
    }

    #shoppinglist .row .variant {
        display: block;
        width: calc(100% - 20px);
    }

    #shoppinglist .row > div.prices {
        position: absolute;
        left: 36px;
    }

    #shoppinglist .quantity form input,
    #shoppinglist .quantity form span.price {
        display: inline-block;
    }

    #shoppinglist .quantity {
        float: right;
    }

    #shoppinglist .delete {
        position: absolute;
        margin-top: -3em;
        right: 5px;
    }

    #shoppinglist .row.total {
        /*float: right;
        width: auto;*/
        margin-bottom: 2rem;
    }

    #shoppinglist .row > .order {
        position: absolute;
        left: 20px;
        margin-top: 3rem;
    }

    #shoppinglist .row > .order.right.quantity {
        position: absolute;
        margin-top: 0;
        right: 2px;
        text-align: right;
    }

    #shoppinglist .rows .row:last-child div:not(.quantity) {
        display: none;
    }

    #shoppinglist .rows .row:last-child {
        border-bottom: none;
        height: calc(40px + 3rem);
    }

    #shoppinglist .rows .row:first-child {
        border-bottom: none;
    }
}

#shoppinglist .row > .order.right.quantity {
    padding-bottom: 1em;
    transform: translateX(-.5rem);
}

#shoppinglist .row:last-child > .order.right.quantity {
    padding-top: 3rem;
}

@media (max-width: 555px) {
    .shoppinglist #shoppinglist .row picture {
        width: 55px;
    }

    #shoppinglist ul.stars {
        display: none;
    }

    #shoppinglist .order .button,
    #shoppinglist .order button {
        margin: 20px 0;
    }
}

/**
 * footer
 */
#footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#footer .wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#footer h2 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal;
}

#footer .social-media-icon, /* nieuwsbrief form social media icons */
#footer .logos li,
#footer .logos a {
    display: inline-block;
    line-height: 0;
    padding: 0 2px;
}

#footer .logos {
    clear: both;
    text-align: center;
    max-width: 910px;
    margin: 0 auto;
}

#footer .logos img {
    max-width: 120px;
    max-height: 60px;
    height: 60px;
}

@media (min-width: 1020px) {
    /* footer logos uitvullen... */
    #footer .wrapper,
    #footer .logos {
        max-width: 100%;
    }

    #footer .logos li,
    #footer .logos a {
        padding-left: calc((100% - 880px) / 14);
        padding-right: calc((100% - 880px) / 14);
    }
}

footer .logos {
    text-align: center;
}

#darkness-is-upon-us .logos svg,
footer .logos svg {
    height: 24px;
    max-width: 42px;
    margin: 16px 1%;
    vertical-align: middle;
    transform: translateY(-2px);
}

@media (min-width: 1150px) {
    footer .logos svg {
        padding-left: calc((100% - 800px) / 34);
        padding-right: calc((100% - 800px) / 34);
        margin: 16px 0;
    }
}


#contactmenu li span:first-child { /* utf-8 icon */
    display: inline-block;
    width: 1.6em;
}

.bio-logos,
.bio-logos ~ .logos {
    padding-top: 2em;
}

.bio-logos svg,
#footer .bio-logos img,
.bio-logos img {
    width: 60px;
    height: auto;
}

#darkness-is-upon-us nav,
#darkness-is-upon-us aside,
#footer nav,
#footer aside {
    float: left;
    width: calc(33.3% - 40px);
}

#darkness-is-upon-us aside.follow,
#footer aside.follow {
    width: 120px;
}

#darkness-is-upon-us .logos {
    clear: both;
    float: none;
    width: 100%;
    text-align: right;
}

#darkness-is-upon-us .logos svg {
    width: 36px;
    margin: 2px;
}

#pc-curly {
    position: absolute;
    width: 300px;
    margin-top: -48px;
    margin-left: 117px;
}

#pc-curly svg {
    width: 120px;
}

#peatcms_tagline,
.footer_text {
    clear: both;
    float: none;
    display: block;
    width: 100%;
    font-size: 75%;
    text-align: center;
    padding: 8px 0;
    margin: 0 auto;
}

#peatcms_tagline {
    padding-bottom: 2rem;
}

@media (max-width: 1040px) {
    #darkness-is-upon-us nav,
    #darkness-is-upon-us aside,
    #footer nav,
    #footer aside {
        width: 50%;
        margin-bottom: 20px;
    }

    #footer aside {
        margin-bottom: 0;
    }

    /* Laurens */
    #darkness-is-upon-us aside.nieuwsbrief,
    #darkness-is-upon-us nav#bestelmenu {
        width: 61%;
    }

    #darkness-is-upon-us nav#contactmenu {
        width: 39%;
    }
}

@media (max-width: 780px) {
    #darkness-is-upon-us .logos,
    #darkness-is-upon-us nav,
    #darkness-is-upon-us aside,
    #footer nav,
    #footer aside {
        width: 80% !important;
        text-align: center !important;
        margin: 0 10% 20px 10%;
    }

    #footer aside:last-child {
        margin-bottom: 0;
    }

    #pc-curly {
        display: none;
    }

    .logos img {
        margin: 5px;
    }
}

@media (max-width: 580px) {
    #darkness-is-upon-us #peatcms_tagline,
    #darkness-is-upon-us .logos,
    #darkness-is-upon-us nav,
    #darkness-is-upon-us aside,
    #footer nav,
    #footer aside {
        width: 100% !important;
        margin: 0 0 20px 0;
        padding: 0;
    }
}

/**
 * e-commerce add to cart
 */
[data-in_stock="false"] input:not(:disabled) {
    display: none;
}

[data-in_stock="true"] input:disabled {
    display: none;
}

[data-for_sale="false"] .price,
[data-for_sale="false"] .price_from,
[data-for_sale="false"] form {
    display: none;
}

.uitverkocht {
    display: none;
    font-size: 1.1em; /* same as buttons */
    margin-top: 35px;
    margin-bottom: 10px;
    padding: .3em .7em;
    border-radius: 1em;
    background-color: var(--gold-light);
    color: var(--black);
    cursor: not-allowed;
}

.product_to_cart .uitverkocht {
    position: absolute;
    /*margin-left: calc(50% - 10px);*/
    transform: translateX(-50%);
}

#product_to_cart .uitverkocht {
    border-radius: 2em;
}

[data-for_sale="false"] .uitverkocht {
    display: inline-block;
}

/* account */
.product_nudge_account,
#product_nudge_account {
    display: none;
}

body[data-is_account="false"] .account-only:not([data-for_sale="false"]) .product_nudge_account,
.account-only[data-is_account="false"] #variant_block:not([data-for_sale="false"]) #product_nudge_account {
    display: inherit;
}

body[data-is_account="false"] .account-only:not([data-for_sale="false"]) .product_to_cart,
.account-only[data-is_account="false"] #variant_block:not([data-for_sale="false"]) #product_to_cart {
    display: none;
}

.account[data-is_account="false"] .user,
.account[data-is_account="true"] .guest,
.account[data-is_account="true"] .red-line {
    display: none;
}

.thumb_footer,
.product_to_cart {
    margin: 10px 0;
    text-align: center;
    height: 88px;
}

.thumb_footer form,
.product_to_cart form {
    margin-top: 10px;
}

#product_to_cart em,
.thumb_footer em,
.product_to_cart em {
    display: block;
    font-size: .75rem;
    font-weight: normal;
    letter-spacing: 0;
    height: .95rem;
    max-height: .95rem;
    color: var(--kermit);
}

#product_to_cart em {
    transform: translateY(-.75rem);
}

.pc_confirm {
    display: inline-block;
    position: absolute;
    font-size: 1.4em;
    color: var(--kermit);
}

.pc_confirm.fail {
    color: var(--fail);
}

.product_nudge_account .submit-button {
    display: table;
    border-collapse: separate;
    margin: 10px auto 0 auto;
}

a.submit-button {
    text-decoration: none;
}

.submit-button,
#product_to_cart input[type="submit"],
.thumb_footer input[type="submit"],
.product_to_cart input[type="submit"] {
    text-align: center;
    font-size: 1.1em;
    padding: .3em .7em;
    background-color: var(--gold);
    color: var(--black);
    cursor: pointer;
}

#shipping_address_not_recognized,
#billing_address_not_recognized {
    position: relative;
    display: block;
    margin-top: -1em;
    margin-bottom: .4em;
    min-height: 1.5em;
    opacity: 0; /* until further notice by javascript */
    transition: opacity .4s ease;
    z-index: 2;
    background-color: var(--paper);
}

#product_to_cart input:disabled,
.thumb_footer input:disabled,
.product_to_cart input:disabled {
    background-color: var(--gold-light);
    color: var(--black);
    cursor: not-allowed;
}

#product_to_cart input.very-special {
    background-image: url('/_site/petitclos/laurens_winkelwagentje_zwart.png');
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 16px center;
    font-size: 30px;
    padding: 14px 22px 14px 59px;
    line-height: 1em;
    transform: translateY(2px);
}

input[type="submit"].with-shopping-cart {
    background-image: url('/_site/petitclos/laurens_winkelwagentje_zwart.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px center;
    padding-left: 40px;
}

/* quantity */
input[name="quantity"] {
    box-shadow: none;
    cursor: pointer;
    width: 1.4em;
    font-size: 1em; /* same as submit button next to it! */
    font-weight: bold;
    text-align: right;
    outline: solid 1px var(--primary-background); /*rgba(71, 81, 72, .4);*/
    padding: .2em 1em .2em 0; /* .2em = same as submit button next to it! */
    color: var(--primary);
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23484844%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, transparent 0%, transparent 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .22em top 60%, 0 0;
    background-size: .65em auto, 100%;
}

.quantity_nudge {
    position: absolute;
    background-color: var(--paper);
    text-align: left;
    padding: .4em;
    z-index: 4; /* same level as variant_bar */
    max-width: 296px;
    border-radius: 4px;
    border: solid 1px var(--gold);
}

.quantity_nudge h4 {
    margin: 0;
}

.quantity_nudge button {
    font-size: 1em;
    width: 2em;
    text-align: center;
    background-color: var(--gold);
    color: var(--black);
    margin-right: .3em;
}

/**
 * Variant detail page
 */
.variant.detail {

}

.variant.detail .usps {
    position: absolute;
    left: calc(20px + 40%);
    width: calc(60% - 20px);
    top: 589px; /* 669 for country selector */
    background-color: var(--paper);
}

/* shipping costs / country id selector */
.select-by-radio {
    display: inline-block;
    margin-bottom: 0;
}

.select-by-radio [type="radio"] {
    display: none;
}

.select-by-radio label {
    display: none;
    cursor: pointer;
}

.select-by-radio input:checked + label {
    display: block;
}

.usps .shipping-cost img,
.select-by-radio label img {
    height: 13px;
    display: inline;
}

/* first country is XX / afhalen, don’t show in the shipping-cost list */
.usps .shipping-cost.country0 {
    display: none;
}

/* don’t show without the accompanying shoppingcart */
#shoppinglist [data-row_count="0"] ~ .usps {
    display: none;
}

.select-by-radio:focus-visible label,
.select-by-radio:focus label {
    display: block;
    margin-bottom: .2rem;
}

/* improve display of the choose modal / overlay */
.select-by-radio:focus-visible,
.select-by-radio:focus {
    position: absolute;
    padding: 4px;
    background-color: var(--paper);
    border: solid 1px var(--gold);
}

/**/

@media (max-width: 780px) {
    .variant.detail .usps {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
    }
}

@media (min-width: 1040px) {
    .variant.detail .usps {
        top: 669px; /* 749 for country selector */
        left: calc(((100vw - 997px) / 2) + 412px);
        width: 500px;
    }
}

.variant.detail.bloembraaden-landscape .usps {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    clear: left;
}

.usps select {
    font-size: 1rem;
    padding: 0;
}

#crumbpath {
    position: relative;
    margin-top: -1.7rem;
    padding: 12px 0;
}

#crumbpath > * {
    display: inline-block;
}

#crumbpath a,
#crumbpath span.title {
    font-size: .7em;
    padding: 0 1em;
}

#crumbpath span.divider svg {
    height: .5em;
    max-width: .5em;
    max-height: .5em;
}

#crumbpath ul {
    width: 100%;
}

#crumbpath li {
    float: left;
    margin: 0;
}

#crumbpath li:not(:last-child):after {
    content: ' ';
    display: inline-block;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 111.8 220.3" xml:space="preserve"%3E%3Cpath d="M109.4,116.1c0.1-0.2,0.3-0.4,0.4-0.6c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.2-0.3,0.3-0.5c0.1-0.1,0.1-0.2,0.2-0.4c0.1-0.1,0.1-0.3,0.2-0.4c0.1-0.2,0.1-0.3,0.2-0.5c0-0.1,0.1-0.2,0.1-0.4c0.1-0.2,0.1-0.4,0.2-0.6c0-0.1,0-0.2,0.1-0.3c0-0.2,0.1-0.4,0.1-0.6c0-0.1,0-0.2,0-0.4c0-0.2,0-0.4,0.1-0.6c0-0.2,0-0.3,0-0.5c0-0.2,0-0.3,0-0.5c0-0.2,0-0.4-0.1-0.6c0-0.1,0-0.2,0-0.4c0-0.2-0.1-0.4-0.1-0.6c0-0.1,0-0.2-0.1-0.3c0-0.2-0.1-0.4-0.2-0.6c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.2-0.1-0.3-0.2-0.5c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.2-0.2-0.3-0.3-0.5c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.2-0.2-0.4-0.4-0.5c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.2-0.3-0.3-0.4-0.5c0,0,0,0,0,0L17.4,3.3C13.7-0.8,7.4-1.1,3.3,2.6c-4.1,3.7-4.4,10.1-0.6,14.1l85.2,93.4L2.6,203.5c-3.7,4.1-3.4,10.4,0.6,14.1c1.9,1.8,4.3,2.6,6.7,2.6c2.7,0,5.4-1.1,7.4-3.3l91.4-100.1c0,0,0,0,0,0c0.2-0.2,0.3-0.4,0.4-0.5C109.3,116.2,109.4,116.2,109.4,116.1z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    height: .5em;
    width: .25em;
}

.variant.detail h2 {
    font-size: 1.5em;
}

#product_photo {
    overflow: hidden; /* for the translation of the image in this picture */
    display: block;
    width: 100%;
    height: 50vh;
    padding-right: 20px;
}

#product_photo img {
    /*max-width: 100%;*/
    max-height: 600px;
    margin: 10px auto;
    transform: translateX(40px); /* make room for the balloons */
}

.variant.detail.bloembraaden-landscape #product_photo img,
#product_photo img.bloembraaden-landscape {
    transform: translateX(0);
}

/* the ratings and bio from the excerpt */
#product_photo .minuses {
    display: none;
}

#product_photo .stars {
    margin-top: 0 !important;
}

.variant.detail .pc_confirm {
    margin-left: .4em;
}

.variant.detail .wine_house_with_icon {
    margin-top: .8em;
}

.variant.detail_DEPRECATED ul:not(.keurmerk):first-of-type {
    display: block;
    width: calc(100% - 1.4em); /* padding for icons */
}

.variant.detail .minuses {
    display: block;
    width: calc(100% - 1.4em); /* padding for icons */
}

#product_to_cart form {
    margin-bottom: .4em;
}

#product_nudge_account .submit-button {
    display: inline-block;
    margin: .41em 0;
}

/**
 * the wish of petit clos is to make everything bigger:
 */
#product_to_cart .price,
#product_to_cart .price_from {
    font-size: 1.8em;
    font-family: 'Cantarell', 'sans-serif';
    letter-spacing: -.04em;
}

#product_to_cart > * {
    font-size: 150%;
}

#product_to_cart .price_from {
    margin-right: 21px;
}

#product_to_cart input[type="submit"] {
    text-align: left;
}

@media (max-width: 666px) {
    #product_to_cart_extra strong,
    #product_to_cart_extra span {
        display: none;
    }
}

figcaption *:first-of-type {
    margin-top: 0;
}

.extra_images figure:first-of-type { /* hide the product image from the extra images */
    display: none;
}

.extra_images img {
    max-width: 100%;
}

.wine_house_with_icon:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 56.69 56.69' enable-background='new 0 0 56.69 56.69' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%23FFFFFF' points='19.27,33.63 0,40.61 3.94,40.61 3.94,56.69 19.27,56.69 34.61,56.69 34.61,40.61 38.55,40.61 '/%3E%3Cpath fill='%23101010' d='M19.27,35.76l13.34,4.83v0.02v14.08H19.27H5.94V40.61v-0.02L19.27,35.76 M19.27,33.63L0,40.61h3.94v16.08h15.34h15.34 V40.61h3.94L19.27,33.63L19.27,33.63z'/%3E%3C/g%3E%3Cg%3E%3Crect x='9.39' y='43.77' fill='%23FFFFFF' width='6.97' height='12.92'/%3E%3Cpath fill='%23101010' d='M14.35,45.77v8.92h-2.97v-8.92H14.35 M16.35,43.77H9.39v12.92h6.97V43.77L16.35,43.77z'/%3E%3C/g%3E%3Cg%3E%3Crect x='19.23' y='43.77' fill='%23FFFFFF' width='9.12' height='8.01'/%3E%3Cpath fill='%23101010' d='M26.35,45.77v4.01h-5.12v-4.01H26.35 M28.35,43.77h-9.12v8.01h9.12V43.77L28.35,43.77z'/%3E%3C/g%3E%3Cg%3E%3Cellipse fill='%23FFFFFF' cx='39.41' cy='31.44' rx='5.61' ry='21.39'/%3E%3Cpath fill='%23101010' d='M39.56,12.02L39.56,12.02L39.56,12.02 M39.41,12.12c1.37,1.11,3.61,8.07,3.61,19.32s-2.24,18.21-3.61,19.32 c-1.37-1.11-3.61-8.07-3.61-19.32S38.03,13.23,39.41,12.12 M39.41,10.05c-3.1,0-5.61,9.58-5.61,21.39s2.51,21.39,5.61,21.39 s5.61-9.58,5.61-21.39S42.51,10.05,39.41,10.05L39.41,10.05z'/%3E%3C/g%3E%3Cg%3E%3Cellipse fill='%23FFFFFF' cx='46.92' cy='33.63' rx='5.42' ry='19.39'/%3E%3Cpath fill='%23101010' d='M47.06,16.22L47.06,16.22L47.06,16.22 M46.92,16.31c1.11,0.89,3.42,6.59,3.42,17.32s-2.31,16.43-3.42,17.32 c-1.11-0.89-3.42-6.59-3.42-17.32S45.8,17.2,46.92,16.31 M46.92,14.24c-2.99,0-5.42,8.68-5.42,19.39s2.43,19.39,5.42,19.39 s5.42-8.68,5.42-19.39S49.91,14.24,46.92,14.24L46.92,14.24z'/%3E%3C/g%3E%3Crect x='38.41' y='51.83' width='2' height='4.86'/%3E%3Crect x='45.92' y='52.02' width='2' height='4.67'/%3E%3Cg%3E%3Cpolyline fill='%23FFFFFF' points='7.64,37.84 8.24,31.16 9.15,31.16 9.88,37.03 '/%3E%3Cpolygon fill='%23101010' points='7.64,37.84 5.57,38.59 6.41,29.16 10.92,29.16 11.81,36.33 9.88,37.03 9.15,31.16 8.24,31.16 '/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    display: inline-block;
    height: 1.2em;
    width: 1.2em;
    margin-right: .32em; /* must be one space exactly... */
}

.wine_house img,
.wine_house figure {
    max-width: 100%;
    max-height: 50vh;
}

.variant .wine_house figure {
    max-width: 560px;
}

@media (min-width: 780px) {
    .variant .wine_house {
        clear: left;
    }

    .variant .wine_house figure {
        float: right;
        display: block;
        width: 50vw;
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

/* asides wine house (also in media queries) */
.wine_house.geen-foto figure {
    display: none;
}

/* no more link for non-bottle items: */
.proefdozen .wine_house_with_icon,
.overig .wine_house_with_icon {
    display: none;
}

.variant main > aside,
.variant main > aside:not(.count_1) + aside { /* one or two asides */
    margin-bottom: 2em;
    /* TODO inklapbaar maken... */
}

.variant main > aside:not(.count_1) + aside { /* the second aside when there are two */

}

.variant main > aside:not(.count_1) + aside > figure {

}

/* second aside is the only one displayed: */
.variant main > aside.count_1 + aside {

}

.variant main > aside.count_1 + aside > figure {

}

/**
 * CSS loaders
 * https://codepen.io/bassetts/pen/RqrPWG
 */
/*.loading:only-of-type,*/
.ripple:only-of-type {
    width: 2rem;
    height: 2rem;
    margin: 2rem;
    border-radius: 50%;
    border: 0.3rem solid var(--burgundy);
    transform: translate(50%);
    animation: 1s ripple ease-out infinite;
}

.multi-ripple:only-of-type {
    width: 2.6rem;
    height: 2.6rem;
    margin: 2rem;
}

.multi-ripple:only-of-type div {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 0.3rem solid var(--gold);
    animation: 1.5s ripple infinite;
}

.multi-ripple:only-of-type div:nth-child(2) {
    animation-delay: 0.5s;
}

/* checkout page: */
.pc-checkout-page .multi-ripple:not(:only-child) {
    display: none;
}

.pc-account-page form ~ .multi-ripple {
    display: none;
}

.shoppinglist .toggle-properties-filter,
.pc-account-page .toggle-properties-filter,
.pc-ordering-page .toggle-properties-filter,
.pc-checkout-page .toggle-properties-filter,
.shoppinglist #filter_toggle_button,
.pc-ordering-page #filter_toggle_button,
.pc-checkout-page #filter_toggle_button {
    display: none !important; /* laurens */
}

.pc-account-page main section {
    max-width: 460px;
    float: left;
}

.pc-account-page main section.boxed {
    max-width: 448px; /* because of padding */
}

.pc-account-page #orders {
    float: left;
    width: calc(100% - 460px);
    max-width: 1000px;
}

.pc-account-page #orders .order {
    padding: 0 17px 2rem 17px;
}

.pc-order-overview-page #footer,
.pc-order-overview-page section.if-paid {
    display: none;
}

.pc-order-overview-page .payment-confirmed ~ section.if-paid {
    display: block;
}

.pc-order-overview-page .payment-confirmed ~ section.if-paid .spam-message {
    clear: left;
    margin-top: 1rem;
}

.pc-order-overview-page table {
    border-collapse: collapse;
    margin-top: 1rem;
}

.pc-order-overview-page img {
    max-width: 100%;
}

#rating-success {
    opacity: 0;
}

input[name=order_rate] {
    display: none;
}

input[name=order_rate]:checked ~ #rating-success {
    opacity: 1;
}

input[name=order_rate] + .thumb svg {
    display: inline-block;
    height: 40px;
    width: 40px;
    color: var(--gold);
    cursor: pointer;
}

input[name=order_rate] + .thumb.down svg {
    transform: rotateZ(180deg);
}

input[name=order_rate]:checked + .thumb svg {
    color: var(--kermit);
}

@media (max-width: 900px) {
    .pc-account-page main,
    .pc-ordering-page main {
        width: auto;
        float: none;
        margin: 0 34px;
    }

    .pc-account-page #orders {
        display: block;
        clear: both;
        width: 100%;
    }

    .pc-ordering-page #shoppinglist_excerpt.stick,
    .pc-ordering-page #shoppinglist_excerpt {
        display: block;
        clear: both;
        width: 100%;
        margin-left: 0;
    }
}

@keyframes ripple {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        transform: scale(1);
        opacity: 0;
    }
}

[data-item_count="0"] > .multi-ripple {
    display: none;
}

/* end of overview */

#filtermenu2 {
    width: 296px;
    float: left;
    margin: 20px 2px;
    min-height: 100vh;
    position: relative;
    transition: transform .5s;
}

#filtermenu2 .close.button.cta {
    margin-left: 1em;
    display: none;
    cursor: pointer;
    width: 142px;
    text-align: center;
}

[data-filter-on][data-filter-overlayed] #filtermenu2 .close.button.cta {
    display: block;
}

body.search main {
    width: calc(100% - 300px);
    margin: 20px 0;
    clear: none;
    float: left;
}

#filter_indicator {
    position: fixed;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35.367' height='25.916' viewBox='0 0 35.367 25.916'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_22' data-name='Rectangle 22' width='35.367' height='25.916' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_26' data-name='Group 26' transform='translate(0 0)'%3E%3Cg id='Group_25' data-name='Group 25' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_23' data-name='Path 23' d='M7.509.235A7.783,7.783,0,0,0,5.021,3.468c-.435.871-.808,1.8-1.119,2.612L2.845,4.774l-.187-.187A1.481,1.481,0,0,0,.544,4.4,1.481,1.481,0,0,0,.358,6.515L3.4,10.184a1.412,1.412,0,0,0,1.119.56.789.789,0,0,0,.373-.062A1.472,1.472,0,0,0,6.016,9.562c.5-2.3,1.8-5.97,3.109-6.84A1.494,1.494,0,0,0,9.561.67,1.494,1.494,0,0,0,7.509.235' transform='translate(0 0)'/%3E%3Cpath id='Path_24' data-name='Path 24' d='M23.367,11.962H42.147a1.492,1.492,0,1,0,0-2.985H23.367a1.513,1.513,0,0,0-1.492,1.492,1.473,1.473,0,0,0,1.492,1.492' transform='translate(-8.272 -3.395)'/%3E%3C/g%3E%3Cpath id='Path_911' data-name='Path 911' d='M1.467,9V1.842H6.3v.845H2.415V4.9H5.774v.845H2.415V9ZM7.688,9V1.842h.947V9Zm2.578,0V1.842h.947V8.155h3.525V9Zm6.68,0V2.687H14.587V1.842h5.674v.845H17.893V9Zm4.307,0V1.842h5.176v.845H22.2V4.879h3.96v.84H22.2V8.155h4.395V9Zm6.665,0V1.842h3.174a4.224,4.224,0,0,1,1.455.193,1.591,1.591,0,0,1,.8.681,2.032,2.032,0,0,1,.3,1.079,1.8,1.8,0,0,1-.493,1.284,2.5,2.5,0,0,1-1.523.664,2.457,2.457,0,0,1,.571.356,4.922,4.922,0,0,1,.786.952L34.226,9H33.035l-.947-1.489q-.415-.645-.684-.986a2.149,2.149,0,0,0-.481-.479,1.422,1.422,0,0,0-.432-.19,2.846,2.846,0,0,0-.527-.034h-1.1V9Zm.947-4H30.9a3.054,3.054,0,0,0,1.016-.134,1.081,1.081,0,0,0,.557-.43,1.162,1.162,0,0,0,.19-.642,1.067,1.067,0,0,0-.369-.835,1.725,1.725,0,0,0-1.165-.327H28.865Z' transform='translate(0.183 15)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    padding: 8px 4px 2px 6px;
    width: 32px;
    height: 32px;
    background-color: var(--paper);
    border: solid 1px var(--primary);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);*/
    right: -1px;
    z-index: 5;
    top: 225px;
    display: none;
    cursor: pointer;
}

@media (max-width: 940px) {
    body.search #filtermenu2 {
        display: none;
    }

    .no-results-wrapper {
        margin-left: 20px;
    }

    [data-filter-overlayed] body.search #filtermenu2 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(
                to right,
                rgba(255, 255, 255, 1) 0,
                rgba(255, 255, 255, 1) 300px,
                rgba(100, 100, 100, .8) 300px,
                rgba(100, 100, 100, .56) 306px,
                rgba(100, 100, 100, .56) 100%
        );
        margin: 0;
        padding: 20px 2px;
        overflow-y: scroll;
    }

    [data-filter-overlayed] body.search {
        overflow: hidden;
    }

    [data-filter-overlayed] body.search #filtermenu2 #filtermenu_content {
        opacity: 1;
    }

    [data-filter-on][data-filter-minimized] body.search #filter_indicator {
        display: block;
    }

    body.search .tips .filters {
        text-decoration: underline;
        cursor: pointer;
    }

    body.search .tips .filters + .where {
        display: none;
    }

    [data-filter-on][data-filter-overlayed] #filter_indicator {
        display: none;
    }

    body.search main {
        width: 100%;
        float: none;
    }
}

.variant.thumb {
    width: calc(12.5% - 6px); /* 8 in a row */
    /* use 300px width minimum per variant thumb */
    float: left; /* you need to float because of the space (of unknown width) in between with inline-block */
    position: relative;
    margin: 20px 2px;
    /*transition: all .5s;  for width, background and shadow */
    transition: transform .5s;
    border-radius: 4px;
    border: solid 1px transparent;
    min-height: calc(400px + 12.3rem);
}

.variant.thumb.slide {
    display: block;
}

body:not(.no-hover) .variant.thumb:hover {
    background-color: var(--paper);
    z-index: 3;
    border: solid 1px var(--gold);
}

.variant.thumb.fade-in {
    animation: fade-in .8s;
}

@keyframes fade-in {
    0% {
        opacity: 0;
        background-color: var(--paper);
    }
    100% {
        opacity: 1;
        background-color: transparent;
    }
}

.variant.thumb.fade-out {
    animation: fade-out .4s forwards;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.carousel .next,
.carousel .previous {
    position: absolute;
    margin-top: 220px;
    z-index: 4;
    font-family: 'Arial', 'sans-serif';
    font-size: 2.4em;
    font-weight: bold;
}

.carousel-right {
    right: 3px;
}

.carousel-left {
    left: 3px;
}

.carousel .next:hover,
.carousel .previous:hover {
    color: var(--gold);
}

h2 + .carousel > h2 {
    display: none; /* hide the carousels own header if one is supplied directly before */
}

.variant.thumb h3,
.variant.thumb div {
    padding: 0 10px;
}

@media (max-width: 2700px) {
    main .variant.thumb {
        width: calc(14.28% - 6px); /* 7 in a row + filter */
    }

}

@media (max-width: 2400px) {
    .variant.thumb {
        width: calc(14.28% - 6px); /* 7 in a row */
    }

    main .variant.thumb {
        width: calc(16.66% - 6px); /* 6 in a row because of filter */
    }
}

@media (max-width: 2100px) {
    .variant.thumb {
        width: calc(16.66% - 6px); /* 6 in a row */
    }

    main .variant.thumb {
        width: calc(20% - 6px); /* 5 in a row because of filter */
    }
}

@media (max-width: 1800px) {
    .variant.thumb {
        width: calc(20% - 6px); /* 5 in a row */
    }

    main .variant.thumb {
        width: calc(25% - 6px); /* 4 in a row */
    }
}

@media (max-width: 1500px) {
    .variant.thumb {
        width: calc(25% - 6px); /* 4 in a row */
    }

    main .variant.thumb {
        width: calc(33.33% - 6px); /* 3 in a row */
    }
}

@media (max-width: 1200px) {
    .variant.thumb {
        width: calc(33.33% - 6px); /* 3 in a row */
    }

    main .variant.thumb {
        width: calc(50% - 6px); /* 2 in a row */
    }
}

@media (max-width: 1040px) {
    /* together with text size change */
    .variant.thumb,
    .variant.thumb {
        width: calc(50% - 6px); /* 2 in a row */
    }

    .variant.thumb .excerpt {
        font-size: .8em;
    }

    /* this has become too complex to fix, just hack it straight */
    .variant.detail #product_photo {
        margin-top: 52px;
    }

    .variant.detail #crumbpath {
        transform: translateY(54px);
    }
}

@media (max-width: 780px) {
    main .variant.thumb,
    .variant.thumb {
        margin: 20px 0;
        width: calc(50% - 2px); /* 2 - smaller margin */
    }

    main .variant.thumb .excerpt,
    .variant.thumb .excerpt {
        font-size: .7em;
    }
}

@media (max-width: 666px) {
    main .variant.thumb,
    .variant.thumb {
        width: calc(100% - 2px); /* 1 */
    }

    main .variant.thumb .excerpt,
    .variant.thumb .excerpt {
        font-size: 1em;
    }
}

/**
 * contents of .variant.thumb
 */

.variant.thumb > a:first-of-type { /* the variant image (links to the variant) */
    display: block;
    width: 100%;
    text-decoration: none;
    min-height: calc(3em + .8rem + 300px); /* to prevent items without picture being smaller, + included h3 */
    height: calc(3em + .8rem + 300px);
}

.variant.thumb > a:first-of-type img {
    opacity: 1;
    transition: opacity .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 300px;
    max-width: 99%;
}

.variant.thumb > a:first-of-type figure {
    margin-top: 10px;
    position: relative;
    min-height: 300px;
}

.variant.thumb h3 {
    height: 3em;
    overflow: hidden;
    text-align: center;
    font-size: 1em;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 1.5em;
}

.variant.thumb .excerpt {
    color: var(--vague-darkness);
    font-size: .9em;
    height: 6em;
    font-weight: normal;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.variant.thumb .excerpt .minuses li:first-child {
    display: none;
}

/* improved version of the above */
.variant.thumb .excerpt .minuses li:not(.with-svg) {
    display: none;
}

.variant_paging {
    display: block;
    clear: both;
    width: 100%;
    margin: 1.12em auto;
    text-align: center;
}

.variant_paging a {
    font-weight: bold;
    padding: 0 .5em;
    border-radius: 1.5em;
    background-color: var(--primary-background);
}

.variant_paging a.peatcms-current-slug {
    background-color: var(--gold);
    color: var(--black);
    text-decoration: none;
}

/* links petit clos style... */
#variant_block a {
    text-decoration: none;
}

#variant_block a:not(.button):hover {
    color: var(--kermit); /*#008f4b;*/
}

/* restaurant page */
.restaurant main .properties {
    margin: 1rem 0;
    line-height: 2rem;
}

.restaurant main .properties .property-values {
    display: inline-block;
    margin-right: .6rem;
}

.restaurant main .properties .property-values .peatcms-email-link,
.restaurant main .properties .property-values a {
    text-decoration: none;
    color: var(--primary);
}

.restaurant main .properties .property-values .peatcms-email-link:hover,
.restaurant main .properties .property-values a:hover {
    color: var(--kermit); /*#008f4b;*/
}

.restaurant main .properties .bi {
    margin-right: .41em;
}

/* add the actual svg’s... */
.vlaggetje, /* and laurens’ vlaggetjes */
li.with-svg:before {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 1.2em;
    width: 1.2em;
    margin-right: .32em;
    margin-left: -1.4em;
}

.vlaggetje {
    background-position: bottom center;
}

#variant_block ul.minuses {
    transform: translateX(1.4em);
}

.variant.thumb .vlaggetje,
.variant.thumb li.with-svg:before {
    margin-left: 0;
}

/* variant properties */
.druif.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45.5 44.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_21' data-name='Rectangle 21' width='45.5' height='44.111' transform='translate(0 0)' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cg id='Group_23' data-name='Group 23' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_21' data-name='Path 21' d='M41.07,31.631a6.462,6.462,0,0,0-4.725-5.593,6.023,6.023,0,0,0,.055-.727,6.443,6.443,0,0,0-6.1-6.385A6.451,6.451,0,0,0,24,13.611c-.164,0-.32.03-.481.043a6.4,6.4,0,0,0-12.719.957,6.3,6.3,0,0,0,1.021,3.418C7.1,13.069,3.066,6.2,3.9,1.119a.919.919,0,0,0-.8-1.1.919.919,0,0,0-1.1.8C1.13,6.636,5.161,13.58,9.641,18.516A6.308,6.308,0,0,0,6.4,17.611,6.391,6.391,0,0,0,5.2,30.282a6.293,6.293,0,0,0,.17,1.373A6.391,6.391,0,0,0,7.4,44.111a6.365,6.365,0,0,0,5.863-3.832,6.31,6.31,0,0,0,9.043-.368,6.368,6.368,0,0,0,11.394,1.2,6.388,6.388,0,1,0,7.37-9.476M39,31.316a6.427,6.427,0,0,0-5.3,3,6.5,6.5,0,0,0-3.343-2.652A4.384,4.384,0,0,1,39,31.316m-15.41,2.095a6.493,6.493,0,0,0-3.977-3.862A4.444,4.444,0,0,1,23.9,26.111a4.375,4.375,0,0,1,4.4,4.4,4.024,4.024,0,0,1-.087.8,6.391,6.391,0,0,0-4.619,2.1M11.6,34.611a4.4,4.4,0,1,1,0-8.8,4.375,4.375,0,0,1,4.4,4.4,4.439,4.439,0,0,1-4.4,4.4m10.3-10.9a4.1,4.1,0,0,1-.086.764,6.5,6.5,0,0,0-3.8,3.584,3.485,3.485,0,0,1-.385.039A6.486,6.486,0,0,0,13.118,24c-.008-.1-.018-.194-.018-.293a4.4,4.4,0,0,1,8.8,0m8.429-2.766A4.428,4.428,0,0,1,34.4,25.311a4.227,4.227,0,0,1-.053.518A6.409,6.409,0,0,0,29.818,28.1a6.508,6.508,0,0,0-2.254-2.816,6.444,6.444,0,0,0,2.765-4.344M28.4,20.111a4.431,4.431,0,0,1-3.077,4.169,6.255,6.255,0,0,0-1.423-.169h-.021c.008-.133.021-.266.021-.4a6.443,6.443,0,0,0-3.7-5.783,4.386,4.386,0,0,1,8.2,2.183m-11.2-9.9a4.429,4.429,0,0,1,4.35,3.917,6.488,6.488,0,0,0-3.338,3.226,6.214,6.214,0,0,0-.712-.043,6.3,6.3,0,0,0-2.985.755A4.379,4.379,0,0,1,17.2,10.211M2,24.011a4.439,4.439,0,0,1,4.4-4.4,4.365,4.365,0,0,1,4.386,4.259,6.474,6.474,0,0,0-5.292,4.442A4.448,4.448,0,0,1,2,24.011m5.4,18.1A4.385,4.385,0,0,1,6.147,33.52,6.427,6.427,0,0,0,11.6,36.611c.017,0,.033,0,.05,0a4.279,4.279,0,0,1,.15,1.1,4.439,4.439,0,0,1-4.4,4.4m10.2-2.1a4.416,4.416,0,0,1-3.8-2.249c0-.017,0-.034,0-.051a6.243,6.243,0,0,0-.171-1.428,6.373,6.373,0,0,0,4.281-5.04,4.389,4.389,0,0,1-.31,8.768m10.7,2.1a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4m10.8,0a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.wit .druif.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45.5 44.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_21' data-name='Rectangle 21' width='45.5' height='44.111' transform='translate(0 0)' fill='green'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cg id='Group_23' data-name='Group 23' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_21' data-name='Path 21' d='M41.07,31.631a6.462,6.462,0,0,0-4.725-5.593,6.023,6.023,0,0,0,.055-.727,6.443,6.443,0,0,0-6.1-6.385A6.451,6.451,0,0,0,24,13.611c-.164,0-.32.03-.481.043a6.4,6.4,0,0,0-12.719.957,6.3,6.3,0,0,0,1.021,3.418C7.1,13.069,3.066,6.2,3.9,1.119a.919.919,0,0,0-.8-1.1.919.919,0,0,0-1.1.8C1.13,6.636,5.161,13.58,9.641,18.516A6.308,6.308,0,0,0,6.4,17.611,6.391,6.391,0,0,0,5.2,30.282a6.293,6.293,0,0,0,.17,1.373A6.391,6.391,0,0,0,7.4,44.111a6.365,6.365,0,0,0,5.863-3.832,6.31,6.31,0,0,0,9.043-.368,6.368,6.368,0,0,0,11.394,1.2,6.388,6.388,0,1,0,7.37-9.476M39,31.316a6.427,6.427,0,0,0-5.3,3,6.5,6.5,0,0,0-3.343-2.652A4.384,4.384,0,0,1,39,31.316m-15.41,2.095a6.493,6.493,0,0,0-3.977-3.862A4.444,4.444,0,0,1,23.9,26.111a4.375,4.375,0,0,1,4.4,4.4,4.024,4.024,0,0,1-.087.8,6.391,6.391,0,0,0-4.619,2.1M11.6,34.611a4.4,4.4,0,1,1,0-8.8,4.375,4.375,0,0,1,4.4,4.4,4.439,4.439,0,0,1-4.4,4.4m10.3-10.9a4.1,4.1,0,0,1-.086.764,6.5,6.5,0,0,0-3.8,3.584,3.485,3.485,0,0,1-.385.039A6.486,6.486,0,0,0,13.118,24c-.008-.1-.018-.194-.018-.293a4.4,4.4,0,0,1,8.8,0m8.429-2.766A4.428,4.428,0,0,1,34.4,25.311a4.227,4.227,0,0,1-.053.518A6.409,6.409,0,0,0,29.818,28.1a6.508,6.508,0,0,0-2.254-2.816,6.444,6.444,0,0,0,2.765-4.344M28.4,20.111a4.431,4.431,0,0,1-3.077,4.169,6.255,6.255,0,0,0-1.423-.169h-.021c.008-.133.021-.266.021-.4a6.443,6.443,0,0,0-3.7-5.783,4.386,4.386,0,0,1,8.2,2.183m-11.2-9.9a4.429,4.429,0,0,1,4.35,3.917,6.488,6.488,0,0,0-3.338,3.226,6.214,6.214,0,0,0-.712-.043,6.3,6.3,0,0,0-2.985.755A4.379,4.379,0,0,1,17.2,10.211M2,24.011a4.439,4.439,0,0,1,4.4-4.4,4.365,4.365,0,0,1,4.386,4.259,6.474,6.474,0,0,0-5.292,4.442A4.448,4.448,0,0,1,2,24.011m5.4,18.1A4.385,4.385,0,0,1,6.147,33.52,6.427,6.427,0,0,0,11.6,36.611c.017,0,.033,0,.05,0a4.279,4.279,0,0,1,.15,1.1,4.439,4.439,0,0,1-4.4,4.4m10.2-2.1a4.416,4.416,0,0,1-3.8-2.249c0-.017,0-.034,0-.051a6.243,6.243,0,0,0-.171-1.428,6.373,6.373,0,0,0,4.281-5.04,4.389,4.389,0,0,1-.31,8.768m10.7,2.1a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4m10.8,0a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4' fill='green'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.rose .druif.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45.5 44.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_21' data-name='Rectangle 21' width='45.5' height='44.111' transform='translate(0 0)' fill='pink'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cg id='Group_23' data-name='Group 23' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_21' data-name='Path 21' d='M41.07,31.631a6.462,6.462,0,0,0-4.725-5.593,6.023,6.023,0,0,0,.055-.727,6.443,6.443,0,0,0-6.1-6.385A6.451,6.451,0,0,0,24,13.611c-.164,0-.32.03-.481.043a6.4,6.4,0,0,0-12.719.957,6.3,6.3,0,0,0,1.021,3.418C7.1,13.069,3.066,6.2,3.9,1.119a.919.919,0,0,0-.8-1.1.919.919,0,0,0-1.1.8C1.13,6.636,5.161,13.58,9.641,18.516A6.308,6.308,0,0,0,6.4,17.611,6.391,6.391,0,0,0,5.2,30.282a6.293,6.293,0,0,0,.17,1.373A6.391,6.391,0,0,0,7.4,44.111a6.365,6.365,0,0,0,5.863-3.832,6.31,6.31,0,0,0,9.043-.368,6.368,6.368,0,0,0,11.394,1.2,6.388,6.388,0,1,0,7.37-9.476M39,31.316a6.427,6.427,0,0,0-5.3,3,6.5,6.5,0,0,0-3.343-2.652A4.384,4.384,0,0,1,39,31.316m-15.41,2.095a6.493,6.493,0,0,0-3.977-3.862A4.444,4.444,0,0,1,23.9,26.111a4.375,4.375,0,0,1,4.4,4.4,4.024,4.024,0,0,1-.087.8,6.391,6.391,0,0,0-4.619,2.1M11.6,34.611a4.4,4.4,0,1,1,0-8.8,4.375,4.375,0,0,1,4.4,4.4,4.439,4.439,0,0,1-4.4,4.4m10.3-10.9a4.1,4.1,0,0,1-.086.764,6.5,6.5,0,0,0-3.8,3.584,3.485,3.485,0,0,1-.385.039A6.486,6.486,0,0,0,13.118,24c-.008-.1-.018-.194-.018-.293a4.4,4.4,0,0,1,8.8,0m8.429-2.766A4.428,4.428,0,0,1,34.4,25.311a4.227,4.227,0,0,1-.053.518A6.409,6.409,0,0,0,29.818,28.1a6.508,6.508,0,0,0-2.254-2.816,6.444,6.444,0,0,0,2.765-4.344M28.4,20.111a4.431,4.431,0,0,1-3.077,4.169,6.255,6.255,0,0,0-1.423-.169h-.021c.008-.133.021-.266.021-.4a6.443,6.443,0,0,0-3.7-5.783,4.386,4.386,0,0,1,8.2,2.183m-11.2-9.9a4.429,4.429,0,0,1,4.35,3.917,6.488,6.488,0,0,0-3.338,3.226,6.214,6.214,0,0,0-.712-.043,6.3,6.3,0,0,0-2.985.755A4.379,4.379,0,0,1,17.2,10.211M2,24.011a4.439,4.439,0,0,1,4.4-4.4,4.365,4.365,0,0,1,4.386,4.259,6.474,6.474,0,0,0-5.292,4.442A4.448,4.448,0,0,1,2,24.011m5.4,18.1A4.385,4.385,0,0,1,6.147,33.52,6.427,6.427,0,0,0,11.6,36.611c.017,0,.033,0,.05,0a4.279,4.279,0,0,1,.15,1.1,4.439,4.439,0,0,1-4.4,4.4m10.2-2.1a4.416,4.416,0,0,1-3.8-2.249c0-.017,0-.034,0-.051a6.243,6.243,0,0,0-.171-1.428,6.373,6.373,0,0,0,4.281-5.04,4.389,4.389,0,0,1-.31,8.768m10.7,2.1a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4m10.8,0a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4' fill='pink'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.rood .druif.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45.5 44.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_21' data-name='Rectangle 21' width='45.5' height='44.111' transform='translate(0 0)' fill='red'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cg id='Group_23' data-name='Group 23' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_21' data-name='Path 21' d='M41.07,31.631a6.462,6.462,0,0,0-4.725-5.593,6.023,6.023,0,0,0,.055-.727,6.443,6.443,0,0,0-6.1-6.385A6.451,6.451,0,0,0,24,13.611c-.164,0-.32.03-.481.043a6.4,6.4,0,0,0-12.719.957,6.3,6.3,0,0,0,1.021,3.418C7.1,13.069,3.066,6.2,3.9,1.119a.919.919,0,0,0-.8-1.1.919.919,0,0,0-1.1.8C1.13,6.636,5.161,13.58,9.641,18.516A6.308,6.308,0,0,0,6.4,17.611,6.391,6.391,0,0,0,5.2,30.282a6.293,6.293,0,0,0,.17,1.373A6.391,6.391,0,0,0,7.4,44.111a6.365,6.365,0,0,0,5.863-3.832,6.31,6.31,0,0,0,9.043-.368,6.368,6.368,0,0,0,11.394,1.2,6.388,6.388,0,1,0,7.37-9.476M39,31.316a6.427,6.427,0,0,0-5.3,3,6.5,6.5,0,0,0-3.343-2.652A4.384,4.384,0,0,1,39,31.316m-15.41,2.095a6.493,6.493,0,0,0-3.977-3.862A4.444,4.444,0,0,1,23.9,26.111a4.375,4.375,0,0,1,4.4,4.4,4.024,4.024,0,0,1-.087.8,6.391,6.391,0,0,0-4.619,2.1M11.6,34.611a4.4,4.4,0,1,1,0-8.8,4.375,4.375,0,0,1,4.4,4.4,4.439,4.439,0,0,1-4.4,4.4m10.3-10.9a4.1,4.1,0,0,1-.086.764,6.5,6.5,0,0,0-3.8,3.584,3.485,3.485,0,0,1-.385.039A6.486,6.486,0,0,0,13.118,24c-.008-.1-.018-.194-.018-.293a4.4,4.4,0,0,1,8.8,0m8.429-2.766A4.428,4.428,0,0,1,34.4,25.311a4.227,4.227,0,0,1-.053.518A6.409,6.409,0,0,0,29.818,28.1a6.508,6.508,0,0,0-2.254-2.816,6.444,6.444,0,0,0,2.765-4.344M28.4,20.111a4.431,4.431,0,0,1-3.077,4.169,6.255,6.255,0,0,0-1.423-.169h-.021c.008-.133.021-.266.021-.4a6.443,6.443,0,0,0-3.7-5.783,4.386,4.386,0,0,1,8.2,2.183m-11.2-9.9a4.429,4.429,0,0,1,4.35,3.917,6.488,6.488,0,0,0-3.338,3.226,6.214,6.214,0,0,0-.712-.043,6.3,6.3,0,0,0-2.985.755A4.379,4.379,0,0,1,17.2,10.211M2,24.011a4.439,4.439,0,0,1,4.4-4.4,4.365,4.365,0,0,1,4.386,4.259,6.474,6.474,0,0,0-5.292,4.442A4.448,4.448,0,0,1,2,24.011m5.4,18.1A4.385,4.385,0,0,1,6.147,33.52,6.427,6.427,0,0,0,11.6,36.611c.017,0,.033,0,.05,0a4.279,4.279,0,0,1,.15,1.1,4.439,4.439,0,0,1-4.4,4.4m10.2-2.1a4.416,4.416,0,0,1-3.8-2.249c0-.017,0-.034,0-.051a6.243,6.243,0,0,0-.171-1.428,6.373,6.373,0,0,0,4.281-5.04,4.389,4.389,0,0,1-.31,8.768m10.7,2.1a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4m10.8,0a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4' fill='red'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.dessert .druif.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45.5 44.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_21' data-name='Rectangle 21' width='45.5' height='44.111' transform='translate(0 0)' fill='gold'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cg id='Group_23' data-name='Group 23' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_21' data-name='Path 21' d='M41.07,31.631a6.462,6.462,0,0,0-4.725-5.593,6.023,6.023,0,0,0,.055-.727,6.443,6.443,0,0,0-6.1-6.385A6.451,6.451,0,0,0,24,13.611c-.164,0-.32.03-.481.043a6.4,6.4,0,0,0-12.719.957,6.3,6.3,0,0,0,1.021,3.418C7.1,13.069,3.066,6.2,3.9,1.119a.919.919,0,0,0-.8-1.1.919.919,0,0,0-1.1.8C1.13,6.636,5.161,13.58,9.641,18.516A6.308,6.308,0,0,0,6.4,17.611,6.391,6.391,0,0,0,5.2,30.282a6.293,6.293,0,0,0,.17,1.373A6.391,6.391,0,0,0,7.4,44.111a6.365,6.365,0,0,0,5.863-3.832,6.31,6.31,0,0,0,9.043-.368,6.368,6.368,0,0,0,11.394,1.2,6.388,6.388,0,1,0,7.37-9.476M39,31.316a6.427,6.427,0,0,0-5.3,3,6.5,6.5,0,0,0-3.343-2.652A4.384,4.384,0,0,1,39,31.316m-15.41,2.095a6.493,6.493,0,0,0-3.977-3.862A4.444,4.444,0,0,1,23.9,26.111a4.375,4.375,0,0,1,4.4,4.4,4.024,4.024,0,0,1-.087.8,6.391,6.391,0,0,0-4.619,2.1M11.6,34.611a4.4,4.4,0,1,1,0-8.8,4.375,4.375,0,0,1,4.4,4.4,4.439,4.439,0,0,1-4.4,4.4m10.3-10.9a4.1,4.1,0,0,1-.086.764,6.5,6.5,0,0,0-3.8,3.584,3.485,3.485,0,0,1-.385.039A6.486,6.486,0,0,0,13.118,24c-.008-.1-.018-.194-.018-.293a4.4,4.4,0,0,1,8.8,0m8.429-2.766A4.428,4.428,0,0,1,34.4,25.311a4.227,4.227,0,0,1-.053.518A6.409,6.409,0,0,0,29.818,28.1a6.508,6.508,0,0,0-2.254-2.816,6.444,6.444,0,0,0,2.765-4.344M28.4,20.111a4.431,4.431,0,0,1-3.077,4.169,6.255,6.255,0,0,0-1.423-.169h-.021c.008-.133.021-.266.021-.4a6.443,6.443,0,0,0-3.7-5.783,4.386,4.386,0,0,1,8.2,2.183m-11.2-9.9a4.429,4.429,0,0,1,4.35,3.917,6.488,6.488,0,0,0-3.338,3.226,6.214,6.214,0,0,0-.712-.043,6.3,6.3,0,0,0-2.985.755A4.379,4.379,0,0,1,17.2,10.211M2,24.011a4.439,4.439,0,0,1,4.4-4.4,4.365,4.365,0,0,1,4.386,4.259,6.474,6.474,0,0,0-5.292,4.442A4.448,4.448,0,0,1,2,24.011m5.4,18.1A4.385,4.385,0,0,1,6.147,33.52,6.427,6.427,0,0,0,11.6,36.611c.017,0,.033,0,.05,0a4.279,4.279,0,0,1,.15,1.1,4.439,4.439,0,0,1-4.4,4.4m10.2-2.1a4.416,4.416,0,0,1-3.8-2.249c0-.017,0-.034,0-.051a6.243,6.243,0,0,0-.171-1.428,6.373,6.373,0,0,0,4.281-5.04,4.389,4.389,0,0,1-.31,8.768m10.7,2.1a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4m10.8,0a4.4,4.4,0,1,1,4.4-4.4,4.439,4.439,0,0,1-4.4,4.4' fill='gold'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.gebied.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 56.69 56.69' enable-background='new 0 0 56.69 56.69' xml:space='preserve'%3E%3Cpath d='M46.05,26.54c0-10.22-8.29-18.51-18.51-18.51c-10.22,0-18.51,8.29-18.51,18.51c0,1.88,0.28,3.69,0.81,5.4h0 c0,0,8.63,24.67,17.71,24.67c8.78,0,16.28-20.54,17.51-24.11C45.69,30.63,46.05,28.63,46.05,26.54z'/%3E%3Ccircle fill='%23FFFFFF' cx='26.99' cy='26.54' r='9.39'/%3E%3C/svg%3E");
}

.smaakprofiel.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 56.69 56.69' enable-background='new 0 0 56.69 56.69' xml:space='preserve'%3E%3Ccircle fill='%23FFFFFF' cx='29.2' cy='35.39' r='19.31'/%3E%3Cpath d='M29.2,56.69c-11.75,0-21.31-9.56-21.31-21.31s9.56-21.31,21.31-21.31s21.31,9.56,21.31,21.31S40.95,56.69,29.2,56.69z M29.2,16.08c-10.65,0-19.31,8.66-19.31,19.31s8.66,19.31,19.31,19.31s19.31-8.66,19.31-19.31S39.85,16.08,29.2,16.08z'/%3E%3Cpath d='M34.22,29.92c0.11-0.12,0.23-0.23,0.35-0.34c0.04-0.04,0.11-0.09,0.03-0.03c0.06-0.05,0.13-0.09,0.2-0.14 c0.12-0.08,0.25-0.15,0.38-0.22c0.02-0.01,0.24-0.11,0.15-0.07c-0.08,0.03,0.09-0.03,0.11-0.04c0.15-0.05,0.31-0.1,0.47-0.14 c0.06-0.01,0.13-0.03,0.19-0.04c0.07-0.01,0.22-0.03,0.07-0.01c0.15-0.01,0.29-0.02,0.44-0.02c0.08,0,0.16,0,0.24,0.01 c0.02,0,0.28,0.02,0.16,0.01c-0.1-0.01,0.09,0.02,0.11,0.02c0.08,0.01,0.16,0.03,0.24,0.05c0.14,0.04,0.28,0.08,0.42,0.13 c0.1,0.03-0.08-0.05,0.08,0.03c0.06,0.03,0.12,0.06,0.17,0.09c0.16,0.09,0.32,0.19,0.47,0.3c0.53,0.41,1.02,1.05,1.46,1.61 c0.33,0.43,1.07,0.35,1.41,0c0.42-0.42,0.33-0.99,0-1.41c-0.58-0.75-1.18-1.45-1.96-1.99c-0.68-0.48-1.49-0.73-2.31-0.81 c-1.56-0.17-3.23,0.44-4.29,1.61c-0.36,0.4-0.4,1.02,0,1.41C33.18,30.28,33.86,30.32,34.22,29.92L34.22,29.92z'/%3E%3Cpath d='M25.59,28.5c-1.06-1.17-2.72-1.78-4.29-1.61c-0.82,0.09-1.63,0.34-2.31,0.81c-0.78,0.54-1.38,1.25-1.96,1.99 c-0.33,0.43-0.42,1,0,1.41c0.34,0.34,1.08,0.43,1.41,0c0.44-0.57,0.92-1.18,1.46-1.61c0.11-0.09,0.28-0.19,0.42-0.27 c0.06-0.03,0.11-0.06,0.17-0.09c0.05-0.03,0.2-0.09,0.07-0.04c0.14-0.05,0.28-0.1,0.42-0.13c0.08-0.02,0.16-0.04,0.24-0.05 c0.02,0,0.27-0.04,0.16-0.03c-0.1,0.01,0.09-0.01,0.11-0.01c0.08-0.01,0.16-0.01,0.24-0.01c0.15,0,0.29,0.01,0.44,0.02 c0.11,0.01-0.11-0.03,0.07,0.01c0.06,0.01,0.13,0.02,0.19,0.04c0.16,0.03,0.32,0.08,0.47,0.13c0.06,0.02,0.12,0.04,0.18,0.07 c-0.15-0.06,0.05,0.02,0.07,0.04c0.13,0.06,0.26,0.14,0.38,0.21c0.07,0.04,0.14,0.09,0.2,0.14c0.14,0.1-0.15-0.15,0.07,0.06 c0.12,0.11,0.24,0.22,0.35,0.34c0.36,0.4,1.05,0.37,1.41,0C25.99,29.52,25.96,28.9,25.59,28.5L25.59,28.5z'/%3E%3Cpath d='M39.87,42.38c-2.13,3.41-5.92,5.72-9.96,5.87c-4.15,0.16-8.23-1.9-10.61-5.29c-0.73-1.05-2.47-0.05-1.73,1.01 c2.78,3.96,7.45,6.48,12.33,6.28c4.76-0.19,9.17-2.84,11.68-6.87C42.28,42.29,40.55,41.29,39.87,42.38L39.87,42.38z'/%3E%3Cpath d='M39.21,45.17l-8.13,4.69c2.36,4.09,6.09,6.35,8.34,5.05S41.56,49.26,39.21,45.17z'/%3E%3C/svg%3E");
}

.land.with-svg:before { /* deprecated */
    content: url("data:image/svg+xml,%3Csvg class='herkomst' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 56.69 56.69' enable-background='new 0 0 56.69 56.69' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M6.08,34.94l1.94-4.93c0,0,5.52-2.99,8.23-5.72s2.9-4.22,2.9-4.22l3.19-1.67c0,0,4.16,2.46,5.9,2.38 l3.1,1.41l7.16,1.67c0,0,5.03,2.46,7.26,1.67c2.23-0.79,5.52-0.26,5.52,3.61s-0.48,4.66-1.94,5.81c-1.45,1.14-2.52,2.02-2.13,3.26 c0.39,1.23,1.84,2.2,1.84,2.2s4.26,1.23-0.19,4.75c0,0-2.71,3.87,0.97,6.69c3.68,2.82-0.48,1.32-0.48,1.32s-2.52-0.35-5.23,1.41 c-2.71,1.76-6.48-0.53-6.87-1.85c-0.39-1.32-0.68-4.14-2.13-4.66c-1.45-0.53-3.48-2.55-3.48-2.55l-4.16-0.7 c0,0-5.13,1.5-5.32-1.76c-0.19-3.26,0.77-7.81-1.55-6.24c-2.32,1.57-7.26,2.36-9.97,1.13C7.92,36.7,5.69,35.94,6.08,34.94z'/%3E%3Cpath d='M41.87,56.58c-0.72,0-1.48-0.12-2.24-0.37c-1.9-0.62-3.48-1.91-3.84-3.13c-0.09-0.29-0.17-0.66-0.26-1.05 c-0.15-0.67-0.55-2.44-1-2.71c-1.36-0.5-2.93-1.86-3.66-2.55l-3.33-0.56c-1.05,0.26-3.59,0.71-5.34-0.39 c-0.66-0.42-1.47-1.22-1.56-2.7c-0.05-0.92-0.02-1.9,0.01-2.84c0.02-0.57,0.04-1.3,0.02-1.89c-2.89,1.5-7.71,2.15-10.72,0.78 c-0.42-0.19-0.82-0.37-1.2-0.54c-2.5-1.1-4.87-2.14-4.09-4.14v0l2.12-5.39l0.46-0.25c0.05-0.03,5.36-2.92,7.88-5.46 c2.25-2.26,2.53-3.51,2.53-3.52l0.09-0.68l0.65-0.29l3.99-2.09l0.77,0.46c2,1.18,4.34,2.18,5,2.16l0.4-0.02l3.31,1.51l7.34,1.76 c2.14,1.04,5.06,1.94,6,1.6c1.85-0.66,3.89-0.51,5.32,0.38c1.02,0.63,2.24,1.93,2.24,4.5c0,3.94-0.48,5.29-2.45,6.84 c-1.25,0.98-1.78,1.48-1.67,1.85c0.16,0.51,0.77,1.09,1.14,1.37c0.66,0.25,2.18,0.98,2.52,2.5c0.31,1.37-0.46,2.83-2.29,4.33 c-0.39,0.65-1.56,2.99,0.76,4.77c1.13,0.87,2.68,2.05,1.82,3.36c-0.81,1.24-2.66,0.68-3.62,0.34c-0.47-0.02-2.16-0.02-4,1.18 C44.07,56.28,43.01,56.58,41.87,56.58z M27.37,43.4l5.03,0.85l0.34,0.34c0.75,0.75,2.16,1.92,2.93,2.21c1.9,0.69,2.42,3,2.8,4.68 c0.08,0.34,0.14,0.65,0.22,0.9c0.1,0.22,0.94,1.01,2.21,1.34c0.92,0.25,1.71,0.16,2.34-0.25c1.67-1.09,3.31-1.49,4.5-1.63 c-2.29-2.69-1.19-5.93-0.15-7.41l0.12-0.17l0.16-0.13c1.29-1.02,1.55-1.67,1.51-1.87c-0.04-0.2-0.5-0.46-0.8-0.55l-0.22-0.07 l-0.2-0.13c-0.19-0.13-1.88-1.29-2.39-2.93c-0.66-2.1,1.07-3.46,2.59-4.66c1-0.79,1.42-1.12,1.42-4.78c0-1.11-0.31-1.86-0.93-2.24 c-0.62-0.39-1.62-0.42-2.54-0.1c-2.6,0.92-7.11-1.07-8.35-1.66l-7.29-1.73l-2.8-1.28c-1.71-0.14-4.16-1.36-5.56-2.14l-1.88,0.99 c-0.32,0.82-1.11,2.26-3.07,4.23c-2.39,2.4-6.68,4.92-8.1,5.72L7.65,35c0.49,0.32,1.58,0.8,2.41,1.17 c0.4,0.17,0.81,0.36,1.24,0.55c2.19,1,6.52,0.27,8.4-1.01c1.17-0.79,2.07-0.65,2.62-0.39c1.47,0.7,1.42,2.51,1.34,5.03 c-0.03,0.89-0.06,1.81-0.01,2.62c0.03,0.45,0.19,0.55,0.26,0.6c0.65,0.41,2.34,0.16,3.1-0.06L27.37,43.4z'/%3E%3Cpath display='inline' d='M30.81,9.6v27.09h1.97V17.16h10.28V9.6H30.81z M40.97,15.27h-8.2v-3.78h8.2V15.27z'/%3E%3Crect x='32.77' y='11.49' display='inline' fill='%23FFFFFF' width='8.2' height='3.78'/%3E%3C/svg%3E");
}

.alcohol-percentage.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 56.69 56.69' enable-background='new 0 0 56.69 56.69' xml:space='preserve'%3E' +%3Cpath d='M13.4,32.96c-3.18,0-5.72-1.05-7.61-3.14c-1.89-2.1-2.84-4.9-2.84-8.4c0-3.83,1-6.84,3-9.05c2-2.2,4.7-3.31,8.1-3.31 c3.29,0,5.84,1.02,7.66,3.06c1.82,2.04,2.73,4.91,2.73,8.61c0,3.7-1.02,6.66-3.05,8.89S16.69,32.96,13.4,32.96z M13.85,12.61 c-2.04,0-3.66,0.76-4.84,2.27c-1.18,1.52-1.77,3.6-1.77,6.24c0,2.6,0.58,4.63,1.74,6.08c1.16,1.45,2.74,2.18,4.74,2.18 c2.02,0,3.6-0.75,4.74-2.26c1.14-1.5,1.71-3.59,1.71-6.26c0-2.6-0.56-4.63-1.69-6.08C17.35,13.34,15.81,12.61,13.85,12.61z M44.37,9.77L14.69,56.35h-4.61L39.72,9.77H44.37z M40.95,56.74c-3.18,0-5.72-1.05-7.61-3.16c-1.89-2.11-2.84-4.9-2.84-8.39 c0-3.83,1.01-6.85,3.03-9.08c2.02-2.23,4.71-3.34,8.06-3.34c3.27,0,5.82,1.03,7.64,3.1c1.83,2.06,2.74,4.96,2.74,8.68 c0,3.68-1.02,6.63-3.05,8.85C46.9,55.62,44.24,56.74,40.95,56.74z M41.4,36.42c-2.06,0-3.68,0.75-4.85,2.26s-1.76,3.59-1.76,6.26 c0,2.56,0.58,4.56,1.74,6.02c1.16,1.45,2.74,2.18,4.74,2.18c2.02,0,3.6-0.76,4.74-2.27c1.14-1.52,1.71-3.6,1.71-6.24 c0-2.62-0.56-4.64-1.69-6.06S43.35,36.42,41.4,36.42z'/%3E%3C/svg%3E");
}

.inhoud.with-svg:before {
    content: url("data:image/svg+xml,%3Csvg class='inhoud' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 56.69 56.69' enable-background='new 0 0 56.69 56.69' xml:space='preserve'%3E' +%3Cpath d='M47.02,4.2c0.6,0,1.32,0.71,1.34,0.73c0.03,0.02,1.37,1.03,0.78,1.72c-0.6,0.7-6.47,7.55-6.47,7.55s-3.16,3.7-3.15,8.45c0.01,4.75-0.84,5.88-2.17,7.43c-1.33,1.55-20.52,23.94-20.52,23.94s-0.21,0.38-0.6,0.38c-0.16,0-0.36-0.07-0.59-0.26c-0.76-0.65-10.92-9.36-10.92-9.36c-0.76-0.65-0.06-1.19-0.06-1.19S23.86,21.2,25.19,19.65c1.33-1.55,2.32-2.56,7.01-3.28c4.69-0.71,7.87-4.4,7.87-4.4s5.88-6.85,6.47-7.55C46.68,4.26,46.85,4.2,47.02,4.2 M47.02,2.2c-0.78,0-1.49,0.32-1.99,0.91l-6.47,7.55c-0.02,0.02-2.78,3.14-6.65,3.73c-5.19,0.79-6.57,2.02-8.23,3.95L3.23,42.19c-0.33,0.32-0.83,0.95-0.85,1.89c-0.01,0.48,0.11,1.41,1.05,2.22l10.92,9.36c0.72,0.61,1.42,0.74,1.89,0.74c1.02,0,1.78-0.59,2.2-1.18l20.44-23.84c1.66-1.93,2.66-3.49,2.65-8.74c-0.01-3.92,2.65-7.12,2.68-7.15l6.47-7.54c0.5-0.58,0.71-1.33,0.6-2.09c-0.18-1.21-1.15-2.1-1.6-2.45C49.26,3.02,48.24,2.2,47.02,2.2L47.02,2.2z'/%3E%3C/svg%3E");
}

.variant.detail .usps li:not(:last-child) {
    margin-bottom: 8px;
}

/* nice listing */
.property-values span:not(:first-child):before {
    content: ', ';
}

.property-values span:nth-last-child(1):not(:first-child):before {
    content: ' & ';
}

.property-values span.ea:nth-last-child(1):before {
    content: ' ';
}

.variant.thumb.destillaten .excerpt .minuses li:nth-child(2) {
    display: none;
}

.variant.thumb .excerpt.link {
    height: 1.5em;
}

.variant.detail .minuses,
.variant.thumb .minuses { /* the regular properties in overview pages */
    position: relative;
}

.variant.thumb .excerpt.text, /* replaces minuses when unavailable */
.variant.thumb .minuses { /* the regular properties in overview pages */
    height: 6em;
    max-height: 6em;
    min-height: 6em;
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.variant.thumb .excerpt.text p:first-child {
    margin-top: 0;
}
.variant.thumb .excerpt.text {
    display: none;
}
.variant.thumb.proefdozen .excerpt.text,
.variant.thumb.overig .excerpt.text {
    display: block;
}
.variant.thumb.proefdozen .minuses,
 .variant.thumb.overig .minuses {
     display: none;
 }

.variant.thumb .minuses li {
    max-height: 1.5em;
    overflow: hidden;
}

.variant.thumb .price_from,
.variant.thumb .price {
    margin-right: .2em;
}

/**
 * ratings (peñin, parker, etc.)
 */
#shoppinglist .stars,
#product_photo .stars,
.variant.thumb .stars { /* the location */
    position: absolute;
    margin-top: calc(-300px - 10.25em);
    margin-left: -20px;
    width: 90px;
    text-align: left;
    z-index: 2;
}

.variant.thumb .stars.excerpt { /* from the properties */
    overflow: visible;
    margin-top: -354px;
    margin-left: 0;
}

.next-to-slideshow .stars li:nth-child(n+3),
.variant.thumb .stars li:nth-child(n+3) { /* max 2 star ratings can be displayed, because they are sooo big! */
    display: none;
}

#shoppinglist .stars li:nth-child(n+2) {
    display: none; /* shoppinglist can hold only 1, that’s how big they are.... */
}

.shoppinglist ul.stars,
#shoppinglist ul.stars {
    display: none !important; /* pc does not want any stars in the shoppinglist anymore */
}


#product_photo .stars {
    margin-left: 0;
}

[data-peatcms-keep="shoppinglist"] .stars {
    display: none;
}

#shoppinglist .stars {
    margin-top: -120px;
    margin-left: -120px;
}

/* the logos, new style */
.stars li {
    text-transform: uppercase;
    line-height: 0;
}

#shoppinglist .stars li,
#product_photo .stars li,
.next-to-slideshow .stars li,
.variant.thumb .stars li { /* the rating */
    display: block;
    background-color: var(--black);
    border: none;
    height: 88px;
    width: 88px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 8.6px;
    letter-spacing: 0;
    margin-top: 13px;
    margin-left: 0; /* (90 / 2) - border-radius */
}

.stars li strong {
    color: var(--paper);
    font-size: 43px;
    line-height: 65px;
    font-weight: normal;
    display: block;
}

.stars li span {
    display: block;
    width: 84px;
    margin: 0 auto;
    transform: translateY(-13px); /* position snugly to score numbers */
    color: var(--paper);
}

/* aanbeveling variant: */
#shoppinglist .stars li.aanbeveling,
#product_photo .stars li.aanbeveling,
.variant.thumb .stars li.aanbeveling {
    background-color: var(--burgundy);
}

.stars li.aanbeveling strong {
    font-size: 36px;
}

.stars li.aanbeveling span {
    font-size: 14px;
    transform: translateY(calc(43px - 50%));
}

.stars li.aanbeveling strong + span {
    transform: translateY(-14px); /* position snugly and override single span line */
}

#product_photo .pluses {
    position: absolute;
    left: 10px;
    margin-top: 543px;
    z-index: 2;
}

#product_photo svg,
#product_photo .pluses img {
    width: 60px;
    height: auto;
}

#shoppinglist .pluses {
    position: absolute;
}

#shoppinglist .minuses li:first-child {
    display: none;
}

.pluses li img,
.pluses li svg,
.variant .excerpt svg, /* wijnhuis icoontje in overzicht */
.variant .minuses li svg { /* druif, herkomst, smaakprofiel icoontjes */
    display: inline-block;
    height: 1.2em;
    width: 1.2em;
    fill: var(--primary);
}

.variant.thumb .excerpt .pluses li img,
.variant.thumb .excerpt .pluses li svg {
    max-height: 45px;
    width: 40px;
    height: auto;
}

.variant.thumb .pluses { /* logo's below the ratings */
    position: absolute;
    margin-top: -15em;
    left: 0;
    padding: .4em;
}

.variant.thumb .pluses.keurmerk { /* the new ones are positioned below the title, so elevate them less */
    margin-top: -7em;
}


.pluses li {
    width: 84px;
    height: 35px;
    text-align: center;
}

.thumb .pluses.keurmerk li {
    height: 24px;
}

.pluses li:nth-child(n+2) { /* the second one must be above the first one... */
    margin-top: -90px;
}

.thumb .pluses.keurmerk li:nth-child(n+2) { /* the second one must be above the first one... */
    margin-top: -70px;
}

.pluses li:nth-child(n+3) { /* max 2 bio logos can be displayed, because they are sooo big! */
    display: none;
}

.keurmerk li {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.keurmerk li a {
    content: ' ' !important; /* remove original text */
}

.keurmerk .bio,
.keurmerk .biologisch {
    background-image: url("data:image/svg+xml,%3Csvg class='biologisch' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 153.07 102.05' enable-background='new 0 0 153.07 102.05' xml:space='preserve'%3E%3Cg%3E%3Crect y='0' fill='%2394C11C' width='153.07' height='102.05'/%3E%3C/g%3E%3Cpath fill='%23FFFFFF' d='M59.61,23.57c1.63,0.13,2.44,0.21,4.04,0.41c0.52,0.07,1.01-0.16,1.1-0.51c0.28-1.08,0.42-1.62,0.69-2.7c0.09-0.35,0.35-0.32,0.57,0.08c0.7,1.21,1.05,1.82,1.72,3.05c0.22,0.4,0.82,0.79,1.32,0.89c1.5,0.3,2.04,0.44,3.85,0.92c0.5,0.13,0.58,0.36,0.22,0.49c-1.11,0.39-1.69,0.49-2.84,0.96c-0.37,0.15-0.5,0.6-0.3,1.01c0.62,1.24,0.91,1.9,1.48,3.22c0.19,0.43,0.01,0.48-0.4,0.12c-1.26-1.11-1.91-1.52-3.23-2.45c-0.44-0.31-1.1-0.42-1.47-0.26c-1.13,0.49-1.69,0.83-2.83,1.35c-0.38,0.17-0.6,0.03-0.5-0.31c0.3-1.05,0.44-1.67,0.73-2.71c0.09-0.34-0.2-0.85-0.66-1.12c-1.42-0.84-2.14-1.25-3.59-2.03C59.04,23.7,59.09,23.53,59.61,23.57'/%3E%3Cpath fill='%23FFFFFF' d='M43.69,35.22c1.95-0.41,2.55-0.5,4.39-0.77c0.55-0.08,1.11-0.41,1.24-0.77c0.4-1.12,0.59-1.68,0.98-2.79c0.13-0.36,0.4-0.37,0.6-0.04c0.64,1.04,0.95,1.57,1.56,2.63c0.2,0.34,0.8,0.65,1.32,0.62c1.73-0.1,2.13-0.21,3.89-0.29c0.51-0.03,0.57,0.17,0.21,0.41c-1.35,0.88-1.76,1.23-2.96,1.95c-0.38,0.23-0.57,0.66-0.38,1.02c0.58,1.08,0.87,1.63,1.43,2.76c0.19,0.37-0.01,0.47-0.45,0.23c-1.31-0.74-1.98-1.08-3.34-1.7c-0.45-0.21-1.16-0.18-1.58,0.07c-1.26,0.75-1.69,1.03-3.38,2.09c-0.47,0.29-0.7,0.25-0.53-0.21c0.55-1.41,0.74-1.75,1.19-2.88c0.15-0.37-0.14-0.8-0.61-0.95c-1.47-0.45-2.22-0.64-3.76-0.96C43.04,35.55,43.11,35.35,43.69,35.22'/%3E%3Cpath fill='%23FFFFFF' d='M35.28,49.99c1.78-0.15,2.64-0.18,4.29-0.18c0.54,0,1.19-0.29,1.46-0.66c0.83-1.13,1.25-1.69,2.06-2.8c0.26-0.36,0.52-0.34,0.57,0.03c0.15,1.16,0.23,1.75,0.35,2.93c0.04,0.38,0.48,0.73,0.96,0.79c1.68,0.23,1.94,0.28,3.63,0.59c0.46,0.09,0.47,0.29,0.03,0.44c-1.35,0.45-2.04,0.7-3.46,1.25c-0.46,0.18-0.87,0.65-0.86,1.04c0.01,1.2,0.01,1.8-0.01,3.02c-0.01,0.4-0.25,0.49-0.54,0.21c-0.89-0.86-1.35-1.28-2.32-2.08c-0.32-0.26-1-0.29-1.5-0.08c-1.55,0.67-2.34,1.03-3.93,1.78c-0.52,0.25-0.71,0.14-0.39-0.25c0.94-1.18,1.41-1.76,2.33-2.92c0.31-0.38,0.26-0.88-0.09-1.1c-1.12-0.68-1.69-1-2.92-1.58C34.55,50.23,34.71,50.04,35.28,49.99'/%3E%3Cpath fill='%23FFFFFF' d='M63.85,69.68c-1.17,0.67-1.81,1.1-3.05,1.98c-0.4,0.28-0.65,0.89-0.55,1.35c0.31,1.4,0.46,2.12,0.76,3.61c0.1,0.49-0.11,0.65-0.46,0.35c-1.07-0.92-1.6-1.35-2.67-2.19c-0.35-0.28-0.98-0.25-1.4,0.08c-1.26,0.97-1.9,1.48-3.18,2.51c-0.42,0.34-0.6,0.2-0.4-0.3c0.61-1.53,0.91-2.28,1.49-3.73c0.19-0.48,0.06-1.07-0.31-1.31c-1.12-0.75-1.68-1.11-2.82-1.79c-0.37-0.22-0.27-0.45,0.21-0.51c1.5-0.19,2.25-0.26,3.72-0.38c0.48-0.04,1.02-0.43,1.2-0.87c0.56-1.38,0.84-2.05,1.38-3.35c0.18-0.42,0.41-0.43,0.52-0.02c0.34,1.26,0.51,1.9,0.85,3.22c0.11,0.43,0.58,0.77,1.04,0.76c1.44-0.03,2.16-0.06,3.56,0.1C64.19,69.24,64.23,69.47,63.85,69.68'/%3E%3Cpath fill='%23FFFFFF' d='M83.06,71.85c-1.03,0.34-1.54,0.52-2.58,0.89c-0.34,0.12-0.5,0.56-0.35,0.98c0.46,1.27,0.69,1.9,1.17,3.17c0.16,0.42-0.01,0.49-0.39,0.16c-1.13-1-1.68-1.51-2.77-2.54c-0.36-0.34-0.94-0.5-1.29-0.35c-1.06,0.45-1.59,0.68-2.68,1.19c-0.36,0.17-0.54-0.01-0.41-0.39c0.42-1.15,0.62-1.71,1.02-2.79c0.13-0.36-0.05-0.93-0.4-1.27c-1.07-1.06-1.6-1.6-2.64-2.66c-0.34-0.35-0.27-0.52,0.15-0.39c1.31,0.41,1.96,0.62,3.26,1.04c0.42,0.14,0.86-0.03,0.99-0.36c0.38-1.03,0.57-1.53,0.93-2.52c0.12-0.31,0.32-0.24,0.46,0.17c0.42,1.25,0.63,1.89,1.06,3.16c0.14,0.41,0.6,0.86,1.02,1c1.31,0.43,1.96,0.64,3.28,1.07C83.31,71.54,83.39,71.74,83.06,71.85'/%3E%3Cpath fill='%23FFFFFF' d='M100.29,66.76c-1.15,0.44-1.68,0.67-2.8,1.1c-0.36,0.14-0.5,0.58-0.3,0.98c0.59,1.22,0.89,1.83,1.52,3.03c0.2,0.39,0.02,0.48-0.41,0.17c-1.3-0.93-1.94-1.39-3.18-2.5c-0.41-0.37-1.02-0.58-1.37-0.47c-1.06,0.34-1.59,0.5-2.64,0.85c-0.35,0.11-0.55-0.08-0.45-0.42c0.32-1.04,0.48-1.55,0.79-2.57c0.11-0.34-0.13-0.91-0.51-1.29c-1.19-1.16-1.78-1.76-2.93-2.93c-0.37-0.38-0.32-0.54,0.13-0.37c1.37,0.56,2.05,0.84,3.44,1.37c0.45,0.17,0.91,0.05,1.02-0.28c0.33-1.02,0.5-1.52,0.85-2.53c0.11-0.33,0.33-0.24,0.5,0.18c0.51,1.32,0.77,1.98,1.31,3.3c0.18,0.43,0.69,0.9,1.16,1.06c1.43,0.48,2.18,0.57,3.68,0.87C100.57,66.42,100.66,66.61,100.29,66.76'/%3E%3Cpath fill='%23FFFFFF' d='M111.54,55.31c-1.1,0.76-1.63,1.12-2.7,1.76c-0.34,0.21-0.49,0.64-0.34,0.96c0.48,0.97,0.72,1.44,1.21,2.38c0.17,0.31-0.01,0.4-0.38,0.2c-1.12-0.6-1.67-0.93-2.76-1.63c-0.36-0.23-0.91-0.3-1.24-0.16c-0.99,0.45-1.47,0.66-2.43,1.07c-0.32,0.14-0.49,0-0.39-0.29c0.31-0.89,0.46-1.34,0.79-2.24c0.1-0.3-0.09-0.75-0.43-1.02c-1.05-0.83-1.56-1.31-2.57-2.2c-0.33-0.29-0.28-0.44,0.12-0.35c1.22,0.3,1.84,0.44,3.11,0.65c0.41,0.07,0.84-0.16,0.95-0.49c0.35-1.05,0.53-1.58,0.9-2.68c0.12-0.35,0.33-0.33,0.46,0.04c0.42,1.16,0.65,1.73,1.08,2.88c0.14,0.37,0.61,0.7,1.04,0.72c1.33,0.06,2.01,0.07,3.4-0.01C111.81,54.88,111.89,55.06,111.54,55.31'/%3E%3Cpath fill='%23FFFFFF' d='M120.66,37.96c-1.05,1.1-1.58,1.64-2.63,2.69c-0.34,0.33-0.52,0.86-0.41,1.17c0.36,0.92,0.54,1.38,0.92,2.26c0.12,0.29-0.05,0.46-0.38,0.38c-1.02-0.25-1.52-0.4-2.49-0.75c-0.32-0.12-0.85,0.04-1.18,0.35c-1.01,0.93-1.54,1.38-2.47,2.21c-0.3,0.27-0.46,0.19-0.35-0.17c0.34-1.09,0.6-1.68,1.01-2.83c0.14-0.38,0-0.81-0.31-0.95c-0.93-0.46-1.39-0.71-2.29-1.24c-0.29-0.17-0.22-0.36,0.15-0.41c1.16-0.19,1.75-0.3,2.95-0.59c0.39-0.1,0.82-0.5,0.96-0.9c0.43-1.23,0.64-1.85,1.08-3.11c0.14-0.41,0.34-0.47,0.44-0.13c0.3,1.05,0.46,1.56,0.79,2.56c0.11,0.32,0.53,0.48,0.93,0.34c1.25-0.43,1.88-0.67,3.16-1.21C120.95,37.46,121.01,37.61,120.66,37.96'/%3E%3Cpath fill='%23FFFFFF' d='M100.82,26.54c1.08,0.09,1.5,0.07,2.76,0.02c0.37-0.01,0.75-0.33,0.85-0.72c0.31-1.19,0.47-1.81,0.8-3.09c0.11-0.41,0.29-0.44,0.41-0.05c0.37,1.19,0.56,1.75,0.94,2.87c0.12,0.36,0.52,0.58,0.89,0.58c1.01,0,1.65-0.03,2.91-0.1c0.38-0.02,0.46,0.13,0.14,0.39c-0.93,0.73-1.41,0.98-2.32,1.71c-0.31,0.25-0.43,0.76-0.31,1.1c0.38,1.02,0.57,1.52,0.96,2.5c0.13,0.32-0.02,0.45-0.32,0.28c-0.93-0.5-1.39-0.76-2.32-1.31c-0.3-0.18-0.79-0.13-1.07,0.11c-0.86,0.72-1.29,1.07-2.13,1.72c-0.27,0.21-0.43,0.09-0.34-0.24c0.27-0.98,0.41-1.5,0.7-2.57c0.1-0.35-0.08-0.79-0.38-1c-0.94-0.68-1.39-1.06-2.29-1.82C100.41,26.68,100.46,26.5,100.82,26.54'/%3E%3Cpath fill='%23FFFFFF' d='M80.8,22.68c1.27,0.36,1.9,0.55,3.16,0.91c0.41,0.12,0.84-0.05,0.94-0.37c0.34-1.01,0.51-1.52,0.87-2.58c0.11-0.34,0.33-0.29,0.47,0.11c0.43,1.26,0.64,1.89,1.05,3.14c0.13,0.4,0.57,0.83,0.97,0.95c1.26,0.37,1.89,0.54,3.14,0.9c0.41,0.12,0.47,0.32,0.13,0.46c-1.03,0.42-1.53,0.62-2.53,1c-0.32,0.12-0.48,0.54-0.36,0.94c0.38,1.21,0.56,1.8,0.94,2.98c0.12,0.39-0.04,0.44-0.36,0.12c-0.96-0.98-1.44-1.47-2.42-2.45c-0.32-0.32-0.84-0.5-1.16-0.39c-0.95,0.32-1.41,0.47-2.35,0.76c-0.3,0.1-0.47-0.06-0.37-0.36c0.31-0.89,0.47-1.33,0.79-2.26c0.11-0.3-0.08-0.81-0.41-1.13c-1.04-0.97-1.57-1.45-2.64-2.38C80.34,22.71,80.39,22.56,80.8,22.68'/%3E%3Cpath fill='%23FFFFFF' d='M130.56,21.92c-0.92,0.84-1.41,1.28-2.4,2.18c-0.32,0.29-0.5,0.75-0.39,0.99c0.34,0.75,0.52,1.12,0.89,1.81c0.13,0.23-0.04,0.39-0.37,0.35c-0.99-0.11-1.48-0.19-2.44-0.38c-0.32-0.06-0.85,0.14-1.19,0.45c-1.03,0.95-1.55,1.43-2.61,2.38c-0.35,0.31-0.51,0.27-0.36-0.09c0.46-1.09,0.7-1.65,1.15-2.74c0.15-0.36,0.03-0.73-0.28-0.83c-0.93-0.29-1.39-0.45-2.29-0.81c-0.29-0.12-0.21-0.3,0.18-0.42c1.2-0.34,1.81-0.53,3.01-0.9c0.39-0.12,0.83-0.52,0.98-0.88c0.46-1.13,0.69-1.69,1.13-2.82c0.15-0.36,0.33-0.41,0.42-0.11c0.25,0.92,0.39,1.36,0.68,2.21c0.09,0.28,0.48,0.39,0.87,0.27c1.18-0.39,1.76-0.58,2.89-0.95C130.8,21.53,130.86,21.66,130.56,21.92'/%3E%3Cpath fill='%23FFFFFF' d='M89.73,41.94c0.67-0.18,0.77-0.52-0.03-0.48c-1.37,0.07-17.31,3.74-31.12,11.8C43.55,62.03,39.01,66.39,35.8,68.88c-0.85,0.66-1.48,0.67-1.63,0.27c-0.51-1.37-0.83-2.15-1.25-3.43c-0.13-0.39-0.5-0.35-0.66,0.2c-0.56,1.86-0.83,2.99-1.38,4.66c-0.17,0.54-0.36,1.13-1.36,1.82c-1.97,1.37-2.38,1.64-3.61,2.48c-0.45,0.3-0.68,0.64,0.21,0.8c0.86,0.16,1.03,0.19,2.18,0.4c0.92,0.17,0.62,0.79,0.49,1.34c-0.38,1.55-0.54,2.18-1.04,3.78c-0.17,0.52,0.05,0.59,0.48,0.15c1.31-1.37,1.74-1.83,3.13-3.28c0.52-0.54,1.01-1.17,1.56-1.07c1.36,0.24,1.52,0.29,3.42,0.64c0.84,0.16,0.84-0.23,0.61-0.78c-0.65-1.61-0.53-1.4-1.02-2.76c-0.16-0.44-0.19-1.25,0.31-1.73c7.92-7.71,11.2-10.22,22.08-17.32C66.84,49.48,78.17,45.06,89.73,41.94z'/%3E%3C/svg%3E");
}

.keurmerk .demeter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='744.09448' height='371.33856' id='svg2693'%3E%3Cdefs id='defs2695'%3E%3ClinearGradient x1='362.32599' y1='5.8388' x2='379.63699' y2='5.8388' id='id1' gradientUnits='userSpaceOnUse'%3E%3Cstop style='stop-color:%2371bf44;stop-opacity:1' offset='0' id='stop2504' /%3E%3Cstop style='stop-color:%23ffffff;stop-opacity:1' offset='1' id='stop2506' /%3E%3C/linearGradient%3E%3ClinearGradient x1='362.32599' y1='5.8388' x2='379.63699' y2='5.8388' id='linearGradient2761' xlink:href='%23id1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(17.570118,0,0,17.570118,-1735.4368,-2488.6967)' /%3E%3C/defs%3E%3Cg transform='translate(-567.33673,7.24261)' id='layer1'%3E%3Cg transform='matrix(5.5306677,0,0,5.5306677,-2552.6979,-1471.4656)' id='g2789'%3E%3Cpolygon points='115.107,185.05 151.259,185.05 151.259,196.787 144.182,198.33 133.339,198.888 115.097,201.773 115.107,185.05 ' transform='matrix(3.543307,0,0,3.543307,159.51276,-387.74164)' style='fill:%23f47920;fill-rule:nonzero' id='polygon2637' /%3E%3Cpath d='M 368.15625,284.25 C 367.21338,284.43709 364.4327,285.33217 364.34375,287 C 364.34127,287.07937 364.31675,288.47452 364.3125,289.3125 C 364.3125,289.50065 364.27005,289.78933 364.1875,289.90625 C 364.10494,290.02459 363.91002,290.03499 363.53125,290.125 C 362.19578,290.44177 362.04952,291.47833 361.96875,293.40625 C 362.2593,293.38995 363.12726,293.33228 363.5,293.28125 C 364.01484,293.20117 364.3434,293.56432 364.34375,294.0625 L 364.34375,307.59375 C 364.34375,307.71245 364.51741,307.85005 364.6875,307.8125 C 365.63037,307.62506 368.34821,307.22964 368.4375,305.5625 C 368.45628,305.03136 368.47405,296.75509 368.46875,293.75 C 368.46804,293.22276 368.40646,293.09037 368.65625,292.84375 C 368.83306,292.66977 368.80709,292.67956 369.25,292.625 C 371.72287,292.35535 371.58346,289.41669 371.59375,289.15625 L 368.875,289.4375 C 368.64469,289.46443 368.43609,289.39989 368.4375,289.09375 L 368.4375,284.46875 C 368.4375,284.34899 368.32632,284.2128 368.15625,284.25 z M 309.75,284.6875 C 309.37724,284.68644 303.08426,284.82853 302,286.78125 C 301.02807,288.53271 302.00135,289.71531 303.25,298.28125 C 299.85056,298.67314 292.6613,300.79579 292.375,305.28125 C 292.3091,306.31589 292.70835,307.54678 293.46875,308.78125 C 295.32403,311.79237 299.25314,314.87135 303.40625,315.46875 C 304.27188,315.59311 306.92517,315.66009 307.9375,313.21875 C 308.1742,312.83678 308.43232,311.13897 308.65625,308.78125 C 309.34294,301.55184 309.8976,287.93454 310,285.625 C 310.0124,285.39681 309.92752,284.65845 309.75,284.6875 z M 392.53125,288.53125 C 390.09664,288.74066 388.97573,289.84651 388.59375,289.8125 C 388.50411,289.80506 387.72573,289.31421 387.34375,289.28125 C 387.11839,289.26141 386.19768,289.06913 385.34375,289.34375 C 385.34375,289.34375 385.60457,290.25874 385.84375,292.125 C 386.42875,296.6987 386.42079,302.99991 386.40625,304.71875 C 386.4183,304.85871 386.40824,304.9455 386.5,305.03125 C 386.5652,305.09184 386.6518,305.13989 386.71875,305.125 C 390.45092,304.44043 390.14036,304.09232 390.1875,299.90625 C 390.1875,299.90625 390.05922,295.98151 390.1875,294.53125 C 390.35155,292.66109 394.2636,293.86816 394.3125,289.8125 C 394.31569,289.58644 394.26254,288.99115 394.15625,288.6875 C 393.95003,288.66057 392.53124,288.53126 392.53125,288.53125 z M 380.71875,290 C 377.76469,289.92772 371.66657,290.63706 370.71875,295.125 C 369.99591,298.54394 373.06367,305.85578 379.0625,306 C 381.13888,306.04961 383.45195,304.04514 384.53125,302.78125 C 384.54755,302.76141 384.55683,302.71371 384.5625,302.6875 C 384.57739,302.62053 384.56365,302.54691 384.4375,302.5625 C 382.53581,303.03022 378.92334,302.53365 377.5,301.6875 C 378.33764,300.94234 383.87385,295.76758 384.15625,292.3125 C 384.3366,290.08659 380.94233,290.00495 380.71875,290 z M 358.34375,292.8125 C 355.38864,292.74057 349.26032,293.44849 348.3125,297.9375 C 347.61021,301.26218 350.50865,308.26536 356.1875,308.78125 C 356.34659,308.79542 356.52451,308.80896 356.6875,308.8125 C 356.85014,308.81675 356.99185,308.80252 357.15625,308.78125 C 359.09408,308.54704 361.1304,306.75845 362.125,305.59375 C 362.14095,305.57462 362.18113,305.52727 362.1875,305.5 C 362.20238,305.43303 362.15844,305.35834 362.03125,305.375 C 360.12956,305.842 356.51602,305.31523 355.09375,304.46875 C 355.93068,303.72394 361.4999,298.58008 361.78125,295.125 C 361.96267,292.8991 358.56734,292.81818 358.34375,292.8125 z M 377.53125,293.65625 C 378.60048,293.63069 379.45756,294.06846 379.4375,295.21875 C 379.41412,296.52376 376.9516,299.90167 375.9375,300.5625 C 374.88303,299.74897 373.33135,297.53571 373.34375,296.34375 C 373.35748,294.99396 375.7492,293.69884 377.53125,293.65625 z M 341.8125,294.625 C 338.51262,294.87162 337.60517,295.77137 337.15625,296.28125 C 335.77613,295.42838 333.8619,295.41714 332.75,295.53125 C 330.73953,295.68219 328.79268,296.49084 328.34375,297 C 326.8421,295.87146 325.30928,296.70947 324.8125,296.6875 C 324.8125,296.6875 325.18899,297.58682 325.21875,299.4375 L 325.21875,312.09375 C 325.21875,312.09375 329.16048,311.92624 329.3125,309.71875 L 329.3125,300.375 C 330.95978,299.9204 334.27333,297.52858 334.21875,304.03125 L 334.21875,311.15625 C 334.21875,311.15625 338.31709,310.98909 338.46875,308.78125 L 338.46875,299.5 C 340.42891,298.69744 343.25568,296.71983 343.25,303.15625 L 343.25,310.25 C 343.25,310.25 347.27947,310.01446 347.28125,307.875 C 347.28125,307.875 347.30852,299.07103 347.28125,298.75 C 347.00239,296.04752 344.23398,294.44428 341.8125,294.625 z M 355.125,296.4375 C 356.19422,296.41195 357.05132,296.84931 357.03125,298 C 357.00823,299.3043 354.54499,302.71418 353.53125,303.375 C 352.47678,302.56253 350.9251,300.34822 350.9375,299.15625 C 350.95124,297.80626 353.34296,296.48008 355.125,296.4375 z M 320.5,297.15625 C 317.54489,297.08432 311.44784,297.79224 310.5,302.28125 C 310.14673,303.94943 310.67346,306.54544 312.03125,308.78125 C 313.45601,311.12834 315.77242,313.0829 318.84375,313.15625 C 320.92119,313.20657 323.20124,311.2014 324.28125,309.9375 C 324.29684,309.91872 324.33774,309.87101 324.34375,309.84375 C 324.35828,309.77713 324.34525,309.70281 324.21875,309.71875 C 322.31741,310.1854 318.70425,309.659 317.28125,308.8125 C 317.29507,308.8001 317.29585,308.79437 317.3125,308.78125 C 318.28726,307.90605 323.66041,302.86573 323.9375,299.46875 C 324.11927,297.24285 320.72289,297.16193 320.5,297.15625 z M 317.3125,300.8125 C 318.38166,300.78696 319.23881,301.19319 319.21875,302.34375 C 319.1957,303.64804 316.73249,307.05722 315.71875,307.71875 C 314.66426,306.90521 313.11331,304.69232 313.125,303.5 C 313.13939,302.15 315.53057,300.85506 317.3125,300.8125 z M 303.125,302.15625 C 303.51185,302.13251 303.79628,302.32898 304.03125,303 C 304.33952,304.38012 304.48397,305.23865 304.625,306.6875 C 304.69977,307.45215 304.72732,308.15481 304.75,308.78125 C 304.76417,309.18201 304.78728,309.56326 304.78125,309.90625 C 304.75327,311.50676 303.70321,311.20997 302.9375,311.09375 C 301.56305,310.884 299.38538,310.1309 297.8125,308.78125 C 297.30332,308.34401 296.86609,307.84214 296.53125,307.28125 C 295.59334,305.70979 299.87329,303.30546 302.3125,302.375 C 302.60801,302.26232 302.89289,302.17049 303.125,302.15625 z ' transform='translate(285.68901,-2.0935518)' style='fill:%23ffffff;fill-rule:nonzero' id='path2639' /%3E%3Cpolygon points='116.46,199.962 122.419,199.822 134.141,198.268 144.18,197.676 150.211,196.248 150.233,197.995 141.517,199.192 129.971,200.308 122.966,201.642 116.46,202.192 116.46,199.962 ' transform='matrix(3.543307,0,0,3.543307,159.51276,-387.74164)' style='fill:%2300805f;fill-rule:nonzero' id='polygon2645' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.keurmerk .nature {
    transform-origin: center bottom;
    transform: scale(1.4, 1.4);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 775.68 775.19'%3E%3Cpath d='M697.73,621.96c-81.54,101.24-186.61,155.96-317.88,153.12-135.54-2.92-240.06-64.98-317.72-175.26,1.94-1.42,2.76-2.37,3.79-2.73,9.68-3.47,14.06-11.18,14.8-20.58,.87-11.08,.56-22.27,.49-33.41-.04-6.94-.59-13.88-.91-20.82l1.38-.29c2.1,6.07,3.69,12.38,6.42,18.16,3.87,8.21,7.74,16.64,13.08,23.9,10.97,14.94,20.73,14.88,38.85,8.27,2.01-.73,3.84-1.98,5.7-3.07,7.24-4.28,9.83-11.18,7.28-19.19-.66-2.06-1.54-4.13-1.69-6.23-.23-3.24,.76-6.47,4.71-6.23,7.58,.48,9.01-1.55,10.4-10.95,5.28-35.78,8.25-71.73,9.36-107.94,.95-30.82,3.2-61.58,.82-92.4-.72-9.29-.78-18.93-3.49-27.69-3.71-12-10.58-22.67-22.31-28.84-7.01-3.68-12.12-1.03-13.3,6.76-1.32,8.71-2,17.51-3.21,26.23-2.43,17.64-5.26,35.24-7.49,52.9-2.55,20.15-4.69,40.35-6.89,60.54-.92,8.44-1.48,16.92-2.31,25.37-.25,2.58-.87,5.12-1.46,8.42-7.27-15.02-13.78-29.32-21.02-43.24-9.49-18.26-19-36.55-29.63-54.15-4.61-7.63-11.91-13.68-18.27-20.18-1.51-1.54-4.04-2.27-6.24-2.91-6.13-1.79-9.72,.53-10.61,6.84-1.87,13.17-3.9,26.33-5.36,39.55-2.43,22.01-5.01,44.03-6.49,66.11-1.16,17.27-.75,34.64-1.03,51.97-.03,1.61,0,3.23-1.16,5.06-1.37-4.62-2.91-9.2-4.08-13.87C1.04,440.69-2.62,395.6,1.86,349.88c2.61-26.58,7.9-52.59,15.85-78.11,11.06-35.51,26.97-68.68,47.61-99.54,20.62-30.83,45.26-58.13,73.74-81.95,24.48-20.48,51.03-37.74,79.73-51.62,25.98-12.56,53.06-21.96,81.19-28.61C341.28,.26,383.08-2.21,425.09,1.91c20.62,2.02,41.11,6.36,61.35,11,25.51,5.85,49.78,15.55,73.24,27.21,44.43,22.06,83.19,51.55,116.42,88.36,29.09,32.23,52.1,68.37,69.03,108.3,11.73,27.65,20.02,56.36,24.99,86.04,4.2,25.06,6.21,50.27,5.38,75.64-.8,24.32-3.65,48.41-8.86,72.27-5.02,23-12.12,45.29-21.03,67-4.16,10.14-9.36,19.84-14,29.78-1.14,2.44-2.48,2.93-5.1,1.99-8.19-2.94-9.39-2.33-13.54,5.32-.42,.78-1.36,1.32-2.14,1.85-19.58,13.24-39.81,25.36-61.35,35.16-1.96,.89-4.08,1.41-6.14,2.07-9.11,2.9-11.85,1.43-11.69-8.25,.16-9.6,1.58-19.21,2.94-28.75,.27-1.92,2.52-3.77,4.2-5.26,13.73-12.14,25.31-25.95,32.56-42.91,2.47-5.76,3.85-12.02,5.38-18.14,1.4-5.63-.6-10.07-5.66-13.11-2.28-1.37-4.34-3.11-6.64-4.43-5.04-2.9-9.65-3.53-15.29-.04-15.45,9.59-26.19,23.19-35.2,38.51-.84,1.43-1.82,2.81-2.47,4.33-1.25,2.95-3.08,3.23-6.01,2.3-7.3-2.3-8.69-1.42-8.34,6.32,.26,5.69,1.98,11.3,2.55,16.99,.3,3.04-.24,6.22-.78,9.27-3.39,19.26-1.34,37.54,9.96,54.02,7.24,10.56,18.8,13.55,30.31,16.43,11.68,2.92,22.04-1.48,32.09-6.3,8.8-4.22,17.2-9.29,25.78-13.99,.23,.36,.47,.72,.7,1.08ZM159.61,135.12c.75,5.8,1.28,14.17,3.01,22.28,4.52,21.14,9.2,42.26,14.55,63.2,3.25,12.7,7.64,25.13,11.93,37.54,6.8,19.7,19.53,36.05,30.67,53.31,9.44,14.63,20.49,27.66,33.72,38.99,11.88,10.17,25.05,12.53,39.58,7.61,10.6-3.59,21.08-3.54,31.23,.78,5.16,2.19,9.34,1.11,11.81-2.8,3.82-6.05,7.25-12.6,9.38-19.4,7.85-25.07,15.17-50.3,22.53-75.52,4.99-17.09,10.18-34.13,14.42-51.41,5.98-24.39,11.1-48.99,16.77-73.46,.48-2.08,1.9-5.04,3.53-5.56,6.32-1.99,6.25-6.5,5.64-11.55-.32-2.65-.4-5.33-.87-7.95-2.21-12.19-5.43-23.71-18.07-29.66-8.2-3.86-15.58-9.52-25.56-8.52-5.68,.57-9.31,2.84-11.34,8.03-2.85,7.28-6.09,14.43-8.57,21.84-7.03,20.94-14.24,41.84-20.48,63.02-7.33,24.87-13.66,50.04-20.56,75.04-1.95,7.08-4.87,7.69-9.82,2.3-14.23-15.5-25.49-33.15-36.66-50.86-11.95-18.95-23.03-38.53-38.75-54.82-12.06-12.49-26.28-20.88-44.13-19.52-13.36,1.01-13.59,3.21-13.93,17.11Zm205.43,533.67c.78,4.83,2.92,7.64,8.1,6.58,3.77-.77,7.61-1.19,11.39-1.93,1.86-.36,3.66-1.63,5.46-1.57,3.88,.13,6.19-1.21,6.33-5.22,.31-8.65,1.06-17.33,.63-25.95-.89-17.96-2.52-35.88-3.67-53.82-1.7-26.43-3.18-52.87-4.92-79.3-.2-2.98,.62-4.29,3.43-4.86,6.68-1.36,13.37-2.69,19.98-4.35,10-2.5,19.94-5.25,29.91-7.91,16.23-4.32,32.48-8.59,48.66-13.11,1.26-.35,2.84-2.52,2.83-3.83-.02-3.1,.64-5.06,3.85-6.05,.92-.28,2-2.1,1.93-3.14-.42-6.18-.19-6.9,5.98-7.66,4.31-.53,4.98-2.27,3.39-5.95-3.03-7-9.26-10.36-15.59-13.12-17.56-7.63-35.56-7.32-53.69-1.96-17.54,5.19-35.13,10.22-52.65,15.51-3.46,1.04-5.5,.24-5.32-3.28,.45-8.68-2.68-15.94-8.36-22.14-3.77-4.12-7.62-8.36-12.14-11.54-4.55-3.2-6.47-1.96-7.32,3.46-2.12,13.65-4.25,27.31-6.19,40.98-.49,3.47-1.64,5.33-5.33,6.62-18.18,6.36-36.22,13.15-54.25,19.94-2.25,.84-5.51,1.33-4.47,5.31,3.96,15.18,12.52,26.3,27.88,31.17,3.86,1.22,7.65,.94,9.21-4.04,.3-.95,1.42-2.11,2.35-2.33,6.1-1.41,12.26-2.59,19.17-4,0,3.55,.13,6.31-.02,9.06-1.99,37.52-.44,74.96,3.55,112.26,1.08,10.11,4.34,20.04,7.2,29.87,1.37,4.71,7.26,7.26,12.69,6.29Zm160.41-426.2c-.38,14.68,4.39,25.87,14.83,37.62,7.35,8.28,15.17,7.88,21.37-1.11,1.13-1.63,2.15-3.34,3.18-5.03,5.68-9.36,6.47-20.18,8.89-30.48,1.89-8.06,2.79-16.35,4.3-24.51,.22-1.22,1.35-2.26,2.05-3.39,1.29,.84,3.39,1.43,3.76,2.57,4.15,12.72,11.39,23.6,20.04,33.55,7.6,8.76,14.98,18.03,27.25,20.75,5.75,1.27,8.06-.29,8.85-6.05,.4-2.96,.36-6,.94-8.92,.46-2.32,1.36-4.62,2.41-6.75,3.13-6.33,7.97-12.26,9.35-18.93,2.99-14.44,3.75-29.33,6.37-43.86,2.23-12.38-5.09-20.03-12.03-28-2.17-2.49-5.17-2.81-7.2,1.11-3.13,6.05-7.43,11.64-9.61,17.98-4.08,11.91-6.94,24.24-10.46,36.35-.51,1.74-1.85,3.23-2.8,4.84-1.24-1.15-2.78-2.11-3.66-3.49-5.64-8.79-10.32-18.34-16.92-26.33-6.39-7.75-14.57-14.05-22.19-20.74-6.83-5.99-11.24-5.32-17.02,2.05-9.56,12.22-17.71,25.11-23.23,39.85-4.12,11-7.67,21.92-8.48,30.92ZM176.64,538.84c.26,17.64,3.16,30.26,13.13,40.95,7.01,7.52,15.3,8.87,24.04,6.71,8.66-2.14,13.6-9.05,15.82-17.69,.7-2.74,1.38-5.48,2.14-8.21,4.5-16.16,8.97-32.33,13.58-48.46,.44-1.54,1.77-2.82,2.68-4.23,.8,1.6,1.79,3.13,2.33,4.81,.45,1.4,.33,2.97,.53,4.45,2.43,17.48,4.65,34.99,7.41,52.41,1.25,7.85,3.23,15.64,5.53,23.26,1.92,6.36,5.81,11.53,12.12,14.48,7.39,3.46,13.52,.07,14-8.2,.26-4.62,.08-9.38-.71-13.94-3.08-17.71-5.99-35.47-9.92-53-3.34-14.89-7.18-29.78-15.53-42.96-.76-1.21-1.2-2.8-1.26-4.24-.34-7.85-3.81-12.64-11.19-14.89-4.33-1.32-8.11-3.03-11.31-6.66-1.94-2.19-5.8-3.78-8.78-3.75-6.33,.06-12.29,1.98-17.64,5.96-25.87,19.21-34.2,46.71-36.99,73.17Zm292.58,50.59c.41,.06,.83,.12,1.24,.18,0,3.83,.2,7.68-.12,11.48-.1,1.21-1.51,3.18-2.49,3.3-5.05,.58-9.59-3.54-10.12-8.72-1.96-19.04-3.67-38.11-5.98-57.11-1.23-10.09-3.28-20.1-11.99-27.09-5.51-4.42-7.08-4.17-9.65,2.26-.31,.77-.64,1.55-.81,2.35-5.76,26.45-8.72,53.22-8.33,80.27,.13,9.27,.9,18.8,6.7,26.71,8.05,10.97,20,14.18,32.67,15.01,6.37,.42,12.71-1.12,17.57-5.78,5.05-4.83,6.33-4.69,8.12,2.19,.96,3.67,2.94,5.1,6.48,4.33,7.37-1.61,15.13-10.98,15.08-18.54-.13-17.31-.62-34.63-.65-51.94-.02-13.14,.04-26.3,.78-39.42,.68-11.91-1.86-22.15-11.83-29.54-6.4-4.75-9.92-3.67-11.72,4.09-2.64,11.34-5,22.76-6.94,34.23-2.91,17.2-5.36,34.48-8.01,51.73Zm27.73-365.34c-1.24-10.09-2.81-24.95-5.07-39.71-.56-3.69-2.72-7.56-5.2-10.44-6.78-7.9-16.05-11.11-26.08-13.12-18.09-3.62-30.59,5.8-31.23,24.25-.88,25.4,3.86,49.88,11.45,74.05,4.68,14.91,12.99,23.94,29.39,23.65,.98-.02,2,.51,2.96,.41,3.77-.41,8.43,.25,11.1-1.73,5.97-4.42,9.84-11.14,10.62-18.55,1.18-11.23,1.27-22.58,2.06-38.81Zm63.88,250.9c-.8-2.16-1.53-4.54-2.55-6.77-2.22-4.86-4.49-9.7-10.01-11.83-4.46-1.71-6.8-.62-7.42,4.05-1.09,8.24-2.43,16.5-2.72,24.78-.34,9.93-1.67,19.14-9.61,26.19-1.45,1.28-2.52,3.13-3.37,4.91-.59,1.24-1.07,3.03-.62,4.18,2.19,5.54,4.85,10.88,7.06,16.41,.86,2.16,1.51,4.65,1.34,6.92-1.03,14.12-2.72,28.24,1.92,42.08,3.38,10.07,7.17,19.77,18.65,23.54,11.87,3.89,20.78-1.19,21.16-13.71,.39-12.76-.47-25.63-1.73-38.35-1.36-13.73-3.92-27.33-5.69-41.02-.3-2.3,0-5.39,1.34-7.08,6.12-7.77,13.56-14.2,22.57-18.42,4.32-2.02,8.72-2.27,13.02,1.36,5.57,4.72,13.48,2.4,16.52-4.32,1.41-3.11,1.17-5.86-1.94-7.82-5.75-3.62-11.46-7.31-17.33-10.73-7.59-4.43-15.86-5.43-24.08-2.56-5.54,1.93-10.63,5.2-16.53,8.17ZM451.21,93.86c4.86,3.98,6.8,8.05,2.24,12.5q5.15,4.11,6.73,10.99c1.56,6.8,5.72,9.69,11.64,8.1,.62,1.66,.85,3.69,1.97,4.89,1.51,1.61,4.13,4,5.52,3.58,4.39-1.32,7.65-.77,10.19,3.3,1.11-.78,2.1-1.98,2.67-1.8,4.95,1.52,8.7-1.22,12.65-3.29,1.49-.78,2.99-1.57,4.43-2.43,1.24-.74,2.5-1.47,3.59-2.4,1.75-1.49,3.97-2.83,4.94-4.76,3.74-7.45,7.05-15.1,10.53-22.68-2.15-2-3.95-4.1-3.67-5.87,.43-2.7,.99-4.76-1.84-6.39-.54-.31-.92-2.06-.56-2.58,2.62-3.78-.56-4.37-3.08-5.28,.27-1.65,.5-3.03,.76-4.56-4-2.52-9.45-4.09-11.26-7.55-2.5-4.79-4.44-5.28-9.53-4.98-4.73,.28-9.66-2.87-14.7-4.58-.97,3.45-1.7,7.46-7.01,5.75-6.17-1.99-10.57,.79-12.06,7.28-.26,1.13-2.03,1.83-2.8,2.94-1.98,2.86-5.76,6.25-5.26,8.7,1.13,5.57,.32,9.05-6.09,11.13Zm-59.02,255.26c-2.53-1.54-4.16-2.52-5.78-3.51-.81,1.72-2.3,3.43-2.33,5.16-.22,11.32-.12,22.65-.11,33.97,0,2.27,.16,4.88,3.3,4.06,1.22-.32,2.66-2.62,2.71-4.05,.26-7.99,.11-15.98,.14-23.98,.02-5.86,5.57-10.69,12.03-10.56,5.03,.11,6.76,2.67,6.76,10.03,0,9.44,0,18.89,0,28.78,2.3-.16,4-.28,6.08-.42,0-9.69-.04-18.83,.01-27.97,.03-5.49,5.62-10.46,11.61-10.47,5.2-.01,7.12,2.58,7.15,9.7,.03,8.49-.09,16.99,.18,25.48,.04,1.25,1.85,2.44,2.84,3.66,.96-1.19,2.74-2.36,2.76-3.56,.14-9.82,.18-19.65-.21-29.47-.32-8.21-5.72-12.46-13.81-10.64-4.03,.9-7.72,3.32-11.69,5.11-7.22-7.36-11.42-7.55-21.61-1.33Zm264.9,40.46c0-20.14,.04-39.07-.13-58,0-.97-1.94-2.72-2.9-2.67-1.02,.05-2.74,1.78-2.79,2.84-.28,5.56-.13,11.14-.13,17.43-2.02-.98-3.2-1.47-4.32-2.1-6.35-3.55-13.8-2.53-18.74,2.62-6.9,7.18-8.33,23.5-2.79,31.8,6.27,9.4,13.96,10.82,24.48,5.18,2.59,1.03,4.59,1.82,7.32,2.89Zm-119.11-38.97c0-6.57,.19-12.33-.14-18.05-.08-1.35-1.93-2.6-2.97-3.9-.99,1.2-2.82,2.39-2.84,3.61-.19,17.66-.19,35.32,0,52.97,.01,1.23,1.61,3.2,2.81,3.51,2.73,.72,3.17-1.38,3.16-3.65-.05-8-.02-15.99,0-23.99,.02-6.81,8.6-12.95,15.04-10.49,1.61,.62,3.23,2.39,3.89,4.02,.78,1.91,.67,4.23,.68,6.38,.06,9.11,.03,18.23,.03,27.36,3.95,1.01,6.03,.62,5.96-3.65-.16-9.16,.15-18.33-.12-27.48-.3-10.15-9.86-15.48-18.86-10.72-1.99,1.05-3.85,2.36-6.63,4.08Zm-78.57,18.67c.53-.3,.67-.45,.82-.45,7.49-.08,14.98-.03,22.46-.32,1.43-.06,3.69-1.2,4.05-2.33,1.98-6.22-2.81-16.47-8.77-19.59-6.66-3.48-15.26-1.59-20.25,4.45-6.36,7.7-6.6,24.01-.46,31.95,8.23,10.65,25.27,8.92,30.31-3.21-1.99-1.74-3.56-2.22-5.77,.21-4.33,4.76-10.17,6-14.83,3.75-5.13-2.48-8.19-8.29-7.56-14.47Zm246.18,10.78c-2.71-2.54-4.26-1.96-6.35,.5-3.59,4.22-10.16,5.33-14.58,3.11-5.24-2.62-8.14-8.4-7.11-15.05,1.51,0,3.12,0,4.74,0,6.15,0,12.31,.11,18.46-.11,1.31-.05,3.35-1.03,3.74-2.06,1.86-5.05-1.68-14.87-6.27-18.41-4.98-3.84-12.84-4.2-18.3-.83-8.77,5.41-11.91,19.59-7.13,31.45,2.97,7.37,8.72,10.94,16.18,11.3,7.24,.35,13.22-2.52,16.63-9.9Zm-129.1-13.24c.53,3.43,.81,6.93,1.63,10.29,1.74,7.06,8.36,12.49,15.39,12.96,7.26,.49,13.95-3.81,16.66-11.09,2.89-7.74,2.99-15.64-.09-23.35-4.57-11.42-18.89-14.5-27.4-5.83-4.55,4.63-5.75,10.67-6.19,17.02Zm-74.22-23.17c-3.07,1.95-5.05,3.2-7.03,4.46l5.81,4.42c.42-.29,.83-.58,1.25-.88,0,9.27,0,18.54,0,27.81,0,8.66,2.92,11.46,11.59,10.46,1.69-.19,3.19-1.97,4.78-3.01-1.52-.76-2.97-1.93-4.56-2.17-2.48-.38-5.43,.11-5.48-3.5-.13-9.77-.05-19.55-.05-30.03,2.41,0,4.44,.36,6.26-.12,1.36-.36,2.43-1.8,3.63-2.75-1.21-.94-2.54-2.8-3.6-2.66-5.6,.76-7.16-1.79-6.45-6.8,.14-.98,.02-1.99,0-2.99-.03-2.16,.35-4.52-3.11-4.33-3.26,.17-3.02,2.44-3.03,4.63-.01,2.94,0,5.89,0,7.46Zm-22.5-14.24c-7.46-1.69-9.64,.08-13.56,10.56,4.11,1.38,8.87-2.26,13.56-10.56Z'/%3E%3C/svg%3E");
}

.keurmerk .vegan,
.keurmerk .veganistisch {
    background-image: url('/_site/petitclos/icons/vegan_label.jpg');
}


/**
 * e-commerce styles
 */
[data-in_stock="true"] {
}

[data-in_stock="false"] {
}

.price_from { /* nice oblique strikethrough https://stackoverflow.com/a/40499367 */
    background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
    font-weight: normal;
}

/**
 * serie page
 */
.product_list_item {
    width: 300px;
    height: auto;
    float: left;
    padding: 10px;
}

/**
 * slider / peatcms-slider
 */
.peatcms-slide-entry {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.peatcms-slide-entry[data-online="false"] { /* for admin, for normal user javascript removes them */
    outline: solid 2px var(--fail);
    opacity: .8;
}

.product .peatcms-slide-nav {
    display: none;
}

.product .peatcms-slideshow-wrapper {
    width: 48vw;
    height: 35vw;
    overflow: hidden;
    float: right;
    margin-left: 1em;
}

.product .peatcms-slide-entry {
    height: 35vw;
}

.product .peatcms-slide-content {
    position: absolute;
    bottom: 0;
}

@media (min-width: 1560px) {
    .product .peatcms-slideshow-wrapper,
    .product .peatcms-slide-entry {
        width: 780px;
        height: 540px;
    }
}

@media (max-width: 950px) {
    .product .peatcms-slideshow-wrapper {
        clear: both;
        width: 100%;
        height: 65vw;
        overflow: hidden;
        margin-left: 0;
        margin-bottom: 1em;
    }

    .product .peatcms-slide-entry {
        height: 65vw;
    }
}


/* landing-page with big carousel (previously homepage) */
.landing-pagina .peatcms-slideshow-wrapper {
    height: calc(100vh - 320px); /* reserve the space already */
    margin-bottom: 20px;
    margin-top: -1.5em;
}

.landing-pagina .peatcms-slide-entry {
    height: calc(100vh - 320px);
    text-align: left;
}

.peatcms-slide-entry.slide-right {
    text-align: right;
}

.peatcms-slide-content {
    display: inline-block;
    font-size: 1em;
    text-align: left;
    margin: 0 20px;
    padding: 12px 20px;
    width: auto;
    border-radius: 3px;
}

@media (max-width: 666px) {
    .peatcms-slide-content {
        padding-bottom: 5px;
    }
}

.peatcms-slide-content > *:first-child {
    margin-top: 0;
}

.landing-pagina .peatcms-slide-content {
    max-width: 48vw;
}

.landing-pagina .peatcms-slide-content.excerpt {
    position: absolute;
    right: 0;
    bottom: 35px;
}

/**
 * for the homepage we have a slideshow
 */
.peatcms-slideshow {
    position: relative;
    margin: -1.5rem 0 0 0;
    padding: 0;
    width: 100%;
    height: calc(100vh - 320px);
    text-align: right;
    vertical-align: text-bottom;
}

.peatcms-slide-entry {
    display: block;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: opacity 601ms linear;
}

.peatcms-slide-entry.active {
    pointer-events: all;
    opacity: 1;
}

.peatcms-slideshow .peatcms-slide-content {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right; /* is only a button, align right please*/
}

.peatcms-slideshow .hero-left .peatcms-slide-content {
    display: table;
    left: 0;
    text-align: left;
}

.peatcms-slideshow .hero-left.shrink .peatcms-slide-content {
    max-width: 60%;
}

@media (max-width: 780px) {
    .peatcms-slideshow .hero-left.shrink .peatcms-slide-content {
        margin: 0;
    }
}

@media (max-width: 640px) {
    .peatcms-slideshow .hero-left.shrink .peatcms-slide-content {
        padding: 4px;
    }
}

main .peatcms-slideshow {
    margin-top: 0;
}

.landing-pagina .peatcms-slide-nav {
    margin-top: calc(50vh - 200px); /* half way */
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.landing-pagina .peatcms-slide-nav span {
    background: transparent;
    font-size: 2.4em;
    color: black; /* <- Nick january 7 2026 */
    /*color: var(--primary);*/
    padding: 0 3px;
}

.landing-pagina .peatcms-slide-nav span.next {
    margin-left: calc(90% - 4rem);
}

.peatcms-slide-entry.active.dark ~ .peatcms-slide-nav span {
    color: white;
}

.peatcms-slide-entry[data-total_items="1"] + .peatcms-slide-nav {
    display: none;
}

.homepage .peatcms-slideshow {
    width: 50%;
    height: auto;
    margin-top: -20px;
    float: left;
    margin-bottom: 1rem;
}

.homepage .peatcms-slideshow img {
    width: 100%;
    height: auto;
}

.homepage .peatcms-slide-entry {
    height: auto;
}

.homepage .peatcms-slide-nav {
    display: block;
    margin-top: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    bottom: calc(50% - 1.2em);
    right: 0;
}

.next-to-slideshow {
    width: 44vw;
    float: left;
    clear: none;
}

.carousel > .strip {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    /* iOS natural scrolling: */
    -webkit-overflow-scrolling: touch;
    /* remove the scrollbar... */
    scrollbar-width: none; /* Firefox */
}

.carousel > .strip::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* show / hide arrows when appropriate */
.carousel .button {
    transition: opacity .46s;
}

.carousel[data-scrolled-end] .button.next {
    opacity: 0;
}

.carousel[data-scrolled-start] .button.previous {
    opacity: 0;
}

@media (min-width: 667px) {
    /* new wine next to or below slideshow */
    .next-to-slideshow {
        height: 100%;
        overflow: hidden;
    }

    .next-to-slideshow > .image {
        float: left;
        width: 40%;
        height: 100%;
    }

    .next-to-slideshow > .image img {
        height: 100%;
        margin: 0 auto;
    }

    .next-to-slideshow > .data {
        float: left;
        width: 60%;
    }

    .next-to-slideshow .variant.thumb {
        width: 100%;
        height: auto;
        min-height: 0;
        margin: -20px 0 0 2px;
    }

    body:not(.no-hover) .next-to-slideshow .variant.thumb:hover {
        border-color: transparent;
        background-color: transparent;
    }

    /* hide the original image */
    .next-to-slideshow .variant.thumb > a {
        display: none;
    }

    .next-to-slideshow > .image {
        position: relative;
    }

    /* display icons next to the new image */
    .next-to-slideshow > .image .pluses.keurmerk {
        position: absolute;
        margin-left: -9px;
        bottom: 2em;
    }

    .next-to-slideshow > .image .pluses.keurmerk li {
        height: 24px;
    }

    .next-to-slideshow > .image .stars.excerpt {
        position: absolute;
        margin-left: 0;
        margin-top: 1em;
    }
}

@media (max-width: 999px) {
    .next-to-slideshow {
        display: none; /* Homepage III */
        width: calc(100% - 20px);
        height: auto !important; /* override the element style determined by image size */
        margin-bottom: 1.8rem;
    }

    .next-to-slideshow > .image {
        height: 65vh;
    }

    .homepage .peatcms-slideshow {
        float: none;
        clear: both;
        transform-origin: left top;
        width: 100%;
        margin-bottom: 40%;
    }

    .homepage .peatcms-slide-nav {
        bottom: 0;
    }
}

@media (max-width: 666px) {
    /* restore thumbnail for highlighted variant */
    .next-to-slideshow {
        width: calc(100% - 20px); /* why is this even necessary... */
    }

    .next-to-slideshow > .image {
        display: none;
    }

    .next-to-slideshow .usps {
        display: none;
    }

    /* no more carousel, regular scrolling is better ux */
    .carousel > .strip {
        display: flex;
        flex-wrap: wrap;
        overflow-x: auto;
        overflow-y: visible;
    }

    .carousel .slide {
        cursor: inherit;
    }

    .carousel > .button {
        display: none;
    }
}

@media (max-width: 490px) {
    .homepage .peatcms-slideshow.main {
        margin-bottom: calc(40% + 4rem);
    }

    .homepage .peatcms-slideshow.main .peatcms-slide-content {
        display: block;
        margin: .3em;
        padding: 0;
        width: calc(100% - 1.2em);
        max-width: calc(100% - 1.2em);
        transform: translateY(100%);
    }
}

.pc-link-is-cta a,
.peatcms-slide-content a,
input[type="submit"].cta,
#filtermenu2 .cta,
.cta {
    background-color: var(--gold);
    color: var(--black);
    display: inline-block;
    margin-top: .8rem;
    padding: .3em .6em;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 2em;
    cursor: pointer;
    transition: all .3s;
}

#filtermenu2 .cta {
    margin-left: 1em;
}

.cta,
.acties > a,
.pc-link-is-cta a,
.peatcms-slide-content a {
    text-align: center;
    outline-offset: .2em;
}

#footer input[type="submit"] {
    font-size: 134%;
}

@media (max-width: 1040px) {
    .landing-pagina .peatcms-slideshow-wrapper {
        margin-top: -22px
    }

    .landing-pagina .peatcms-slide-content {
        max-width: calc(100% - 80px);
        overflow: hidden;
    }
}

@media (max-width: 780px) {
    .peatcms-slide-entry {
        background-position: top left;
    }

    .peatcms-slide-entry.hero-left {
        background-position: top right;
    }

    .landing-pagina .peatcms-slide-content.excerpt {
        position: relative;
        left: 0;
    }

    .landing-pagina .peatcms-slide-content {
        width: calc(100% - 80px);
    }

    .landing-pagina .peatcms-slide-nav span.next {
        margin-left: calc(80% - 4rem);
    }
}

/**
 * winkel pagina
 */
.winkel-pagina section div.winkel {
    width: calc(33.3% - 14px);
    float: left;
}

@media (max-width: 1040px) {
    .winkel-pagina section div.winkel {
        width: calc(100% - 40px);
        float: none;
    }
}

.winkel-pagina .peatcms-slide-entry {
    height: 33vw; /* approx one third of the width */
    background-size: cover;
    text-align: left;
}

/**
 * speciale pagina’s
 */
#order_options_region {
    float: left;
}

#order_options_region div {
    vertical-align: text-top;
}

#order_options_region div input {
    width: 20px;
}

#order_options_region div label {
    width: 300px;
    font-size: .8em;
}

.validation_message {
    position: absolute;
    display: inline-block;
    z-index: 2;
    padding: .2em .6em;
}

.validation_message.invalid {
    background-color: rgb(255, 220, 220);
    color: rgb(200, 40, 40);
    padding: .1em .5em;
}

.account-forms .form-wrapper { /* like .boxed */
    background-color: var(--primary-background-light);
    border-radius: 8px;
    padding: 6px;
    /*max-width: 401px; <- resize full width on smaller screens */
    width: calc(100% - 12px);
    float: left;
}
@media (min-width: 901px) {
    .account-forms .form-wrapper {
        max-width: 401px;
    }
}

.account-forms > form {
    width: 389px;
    float: left;
}

#shoppinglist_excerpt {
    float: right;
    display: block;
    width: calc(100vw - 460px);
    max-width: 1000px;
}

#shoppinglist_excerpt .shoppinglist_excerpt {
    width: 100%;
}

#shoppinglist_excerpt .shoppinglist_excerpt .rows {
    width: 100%;
    border-collapse: collapse;
    display: table;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row {
    display: table-row;
    /*border-left: 1px solid var(--black);*/
    /*border-right: 1px solid var(--black);*/
    border-top: 1px solid var(--primary-lighter);
    padding: 5px;
    height: 64px;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row:first-of-type {
    border-top: none;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row.one-line {
    height: 24px;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row > * {
    display: table-cell;
    width: calc(15% - .67em);
    padding: .21em .67em 0 0;
}

#shoppinglist_excerpt .shoppinglist_excerpt h3 {
    font-family: inherit;
    font-size: 100%;
    margin: 0 0 0 65px; /* delete button + image */
}

#shoppinglist_excerpt .shoppinglist_excerpt h3 a {
    border-bottom: 1px solid var(--primary-background); /*rgba(0, 0, 0, .1);*/
    font-weight: normal;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row > .delete {
    padding-right: 0;
    position: absolute;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row > .quantity {
    padding-right: 0;
    width: 40px;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row > div:last-child {
    text-align: right;
    white-space: nowrap;
}

#shoppinglist_excerpt .shoppinglist_excerpt .row > .variant {
    width: auto;
}

#shoppinglist_excerpt .note {
    margin-bottom: 1rem;
}

#shoppinglist_excerpt .row picture {
    width: 50px;
    height: 50px;
    margin-left: 16px; /* delete button */
    display: block;
    padding: 2px;
    position: absolute;
    text-align: center;
}

#shoppinglist_excerpt .row picture img {
    max-height: 46px;
    max-width: 46px;
    margin: 0 auto;
}

#shoppinglist_excerpt .row [type="submit"] {
    padding: 0;
    background-color: transparent;
    color: var(--primary);
}

#shoppinglist_excerpt .row .delete {
    width: 16px;
    margin-left: 5px;
    z-index: 2;
}

#shoppinglist_excerpt .row .delete [type="submit"] {
    border: solid 1px var(--primary);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 0;
    font-size: 16px;
}

@media (max-width: 555px) {
    #shoppinglist_excerpt .shoppinglist_excerpt .row > .prices {
        display: none;
    }
}

.boxed {
    padding: 6px;
    border-radius: 8px;
    background-color: var(--primary-background-light);
    color: var(--black);
}

.boxed + .boxed {
    margin-top: 1em;
}

.boxed > *:first-child {
    margin-top: 0 !important;
}

.kassakoopjes {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.kassakoopjes li {
    display: table-row;
}

.kassakoopjes li:not(:first-of-type) {
    /*border-top: 1px solid var(--primary-lighter); <- Nick wil geen streepjes */
}

.kassakoopjes li > * {
    display: table-cell;
    vertical-align: middle;
    padding: 0 .5em;
}

.kassakoopjes li > img {
    height: 60px;
    margin: 2px auto;
}

.kassakoopjes .title a {
    display: block;
    max-height: 1.4em;
    overflow: hidden;
}

.kassakoopjes .prices strong {
    display: block;
}


/* remarks textarea (enhanced input auto-saved etc.) */
#shipping_remarks {
    width: calc(100% - 35px);
    margin-top: 2rem;
    outline: none;
    background-color: transparent;
    border: solid 2px var(--primary-background); /*rgba(0, 0, 0, .1);*/
    font-family: arial, sans-serif;
    font-size: 1rem;
}

#shipping_remarks_wrapper {
    margin-top: 0;
    display: none;
}

#shipping_remarks_wrapper textarea {
    margin-top: 0;
}

#shipping_remarks_checker:checked ~ #shipping_remarks_wrapper {
    display: block;
}

#order_button_region .button:disabled {
    opacity: .4;
}

/* the final submit order button */
#order_button_region input[type="submit"] {
    color: var(--paper);
    font-weight: bold;
    font-size: 1.4em;
    margin-top: .8em;
    padding: .3em .6em;
    width: auto;
    background-color: var(--kermit); /* was: green, which is slightly darker */
    border-bottom: none;
    transition: all .4s;
}

@media (max-width: 555px) {
    #order_button_region input[type="submit"] {
        font-size: 1.2em;
    }
}

/* media rules from variant page*/
#product_photo {
    width: 40%;
    float: left;
    height: 612px;
}

.bloembraaden-landscape #product_photo {
    height: auto;
    width: 100%;
    clear: both;
    float: none;
}

.bloembraaden-landscape #product_photo img {
    max-height: 60vh;
}

#variant_block {
    width: 100%;
    display: block;
    position: relative; /* this is necessary to be positioned above the #product_photo img */
}

#variant_bar {
    display: flex;
    justify-content: center;
    width: 100%;
    max-height: 121px;
    border-top: solid 2px var(--gold-light);
    background-color: var(--paper);
    z-index: 4; /* above carousel and its arrows (4) */
    position: fixed;
    bottom: 0;
    /* standard not active */
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    font-size: 14px;
}

#variant_bar.active {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}
@media (min-width: 700px) {
    #variant_bar .text {
        max-width: 997px;
        width: 50vw;
    }
}

#variant_bar h2 {
    font-size: 1.1em;
    margin-top: 10px;
}

#variant_bar h2:after {
    content: '';
    display: inline-block;
    width: .3em;
    height: .3em;
    border-radius: 50%;
    background-color: var(--kermit);
    margin-left: .4em;
    transform: translateY(-.2em);
    box-shadow: 0 0 3px 1px var(--kermit);
}

#variant_bar p {
    margin-top: 0;
}

#variant_bar .product_to_cart {
    margin-right: 50px; /* room for up button :-( */
    width: 105px; /* for ‘Toegevoegd’ text */
}

#variant_bar .quantity {
    padding: 34px .3em 0 .3em;
}

#variant_bar img {
    height: 72px;
    width: auto;
    margin: 7px 17px;
}

@media (max-width: 780px) {
    #variant_bar em + .excerpt {
        display: none;
    }
}

@media (max-width: 660px) {
    #variant_bar .excerpt {
        display: none;
    }
}

/* make room for fixed variant bar when present, will be inserted before footer by javascript */
#variant_bar + #white-footer {
    padding-bottom: 8rem;
}

#content_block {
    clear: left;
}

#variant_block * {
    line-height: 2em;
}

#variant_block h1 {
    line-height: 1.2em;
}

/**
 * Homepage
 */

.promotions h2 {
    clear: left;
    width: calc(100% - 20px);
}

.promotions article {
    display: block;
    float: left;
    margin: 10px;
    width: calc(50% - 20px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.promotions article.pc-link-is-cta:nth-of-type(2n + 1) {
    clear: left;
}

.promotions article div.image {
    height: 34vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--paper);
}

.promotions article.category {
    height: 300px;
    border-radius: 4px;
}

.promotions article.category .excerpt {
    background-color: var(--paper-overlay); /*rgba(255, 255, 255, .75);*/
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    overflow: hidden;
    padding: 20px;
    float: right;
    opacity: 0;
    margin: 0;
}

.promotions article.category:hover .excerpt {
    opacity: 1;
}

.promotions article.category .cta {
    /*background-color: var(--gold);*/
    float: right;
    margin-top: -46px; /* article is 320 px high */
    margin-right: 20px;
    z-index: 2;
}

.promotions article.category:hover .cta {
    background-color: var(--gold);
    color: var(--black);
}

.promotions article.category.rood {
    background-image: url('/_site/petitclos/category/V1/rood.jpg');
}

.promotions article.category.wit {
    background-image: url('/_site/petitclos/category/V1/wit.jpg');
}

.promotions article.category.mousserend {
    background-image: url('/_site/petitclos/category/V1/bubbels-3.jpg');
}

.promotions article.category.rose {
    background-image: url('/_site/petitclos/category/V1/rose-pik.jpg');
}

.promotions article.category.destillaten {
    background-image: url('/_site/petitclos/category/V1/destillaten.jpg');
}

.promotions article.category.dessert {
    background-image: url('/_site/petitclos/category/V1/dessert.jpg');
}

.promotions article.category.default {
    background-image: url('/_site/petitclos/category/V1/default.jpg');
}

.promotions article.category.acties {
    background-image: url('/_site/petitclos/category/V1/Acties-Laurens.jpg');
}

@media (max-width: 780px) {
    .promotions h2 {
        text-align: center;
    }

    .promotions article {
        width: calc(100% - 20px);
    }

    .promotions article div.image {
        height: 60vw;
    }
}

@media (min-width: 1560px) {
    .promotions article {
        /*width: calc(25% - 40px); /* 4 in a row (not for now) */
    }

    .promotions article.category {
        width: calc(33.333333% - 20px); /* 3 in a row */
    }

    .promotions article div.image {
        height: 17vw;
    }
}

#nieuwsbrief-banner {
    display: block;
    clear: both;
    float: left;
    background-image: url('/_site/petitclos/nieuwsbrief-achtergrond-2.jpg');
    background-position: center;
    background-size: cover;
    height: 600px;
    max-height: 50vh;
    border-radius: 4px;
    margin: 10px 30px 0 30px;
    width: calc(100% - 60px);
    /*outline: solid 1px var(--gold);
    outline-offset: -8px; Laurens: toch maar niet */
}

#nieuwsbrief-banner .content {
    display: block;
    width: 50%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

#nieuwsbrief-banner .content .the_darkness_again {
    width: 330px;
    max-width: calc(100% - 30px);
    margin: auto;
    padding: .61rem 5px 1.3rem 5px;
    border-radius: 5px;
    background-color: var(--primary);
}

#nieuwsbrief-banner h3 {
    font-family: 'Cantarell', 'serif';
    font-weight: normal;
    font-size: 1.5rem;
    text-transform: uppercase;
}

#nieuwsbrief-banner p {
    font-family: 'Cantarell', 'serif';
    font-weight: normal;
    font-size: 1.4rem;
}

#nieuwsbrief-banner .content * {
    color: var(--paper);
}

#nieuwsbrief-banner .content li:before {
    content: '';
    display: inline-block;
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpolygon style='fill:%23fff;' points='202.624,478.016 0,291.36 70.512,214.8 191.968,326.656 431.44,33.984 512,99.904 '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

#nieuwsbrief-banner form {
    width: 100%;
    margin-top: 1em;
}

#nieuwsbrief-banner form > * {
    font-size: 1rem;
}

#nieuwsbrief-banner input[type="email"],
#nieuwsbrief-banner input[type="submit"] {
    display: inline-block;
    border-radius: 1rem;
    padding: 5px 12px;
    margin: 0;
}

#nieuwsbrief-banner input[type="email"] {
    background: var(--paper);
    color: var(--black);
    width: 200px;
    /*border: solid 1px rgba(0,0,0,.3);*/
    outline: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#nieuwsbrief-banner input[type="submit"] {
    background-color: var(--gold);
    color: var(--black);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100px;
    padding-left: 4px;
    margin-left: -6px;
}

@media (max-width: 780px) {
    #nieuwsbrief-banner {
        background-position: 70% center;
        margin: 20px;
        width: calc(100% - 40px);
    }

    #nieuwsbrief-banner .content {
        width: 100%;
    }
}

@media (max-width: 420px) {
    #nieuwsbrief-banner {
        margin: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    #nieuwsbrief-banner .content .the_darkness_again {
        margin: 0;
        border-radius: 0;
        width: calc(100% - 10px);
        max-width: calc(100% - 10px);
    }

    #nieuwsbrief-banner input[type="email"] {
        display: block;
        border-radius: 0;
        width: calc(100% - 24px);
    }

    #nieuwsbrief-banner input[type="submit"] {
        padding: 5px 12px;
        margin-top: .3rem;
        border-radius: 1rem;
        margin-left: 0;
        width: auto;
    }
}

/**
 * media queries, variant detail left column is 240 + 40 = 280 px wide, outer margins are 20px
 */
@media (max-width: 1560px) {
    /* body.variant main > section, */
}

@media (max-width: 1300px) {
    /* four column layout */
    #fixedmenu li a span {
        display: none;
    }

    #fixedmenu li a svg,
    #fixedmenu li a img.light {
        display: block;
        max-height: 24px;
    }

    #fixedmenu li:not(:first-of-type):before {
        content: '';
    }
}

#hamburger {
    display: none;
}

@media (max-width: 1040px) {
    body, html, .nieuwsbrief form > * {
        /*font-size: 1.1rem;*/
    }

    /* mainmenu and filtermenu behave differently */
    #header {
        min-height: 90px;
    }

    #spacer2 {
        height: 90px;
    }

    #mainmenu li a[data-load_filter]:after {
        background-image: none;
        content: '→';
        margin-top: 0;
    }

    .variant.detail h1 {
        margin-top: 1.7em; /* make room for the #crumbpath */
    }

    #crumbpath {
        margin-top: -4.5em;
        max-height: 4.5em;
    }

    #filtermenu_content {
        padding-bottom: 8em;
    }

    #filtermenu_content ul {
        text-align: left;
        display: block;
        width: calc(100% - 20px);
        padding: 0 0 0 1em;
    }

    body[data-filter-on]:not([data-filter-minimized]) {
        overflow: hidden; /* no scrolling of the body while filters are seen */
    }

    #hamburger {
        display: block;
        position: absolute;
        left: 20px;
        width: 32px;
        height: 32px;
        margin-top: 7px;
        cursor: pointer;
    }

    #hamburger svg {
        fill: var(--paper);
        width: 100%;
        height: 100%;
    }

    #logo-text {
        left: 60px;
    }

    #logo-text svg {
        max-width: 100px;
        margin-top: 14px;
    }

    #banner-established {
        left: 166px;
    }

    #banner-established svg {
        margin-top: 17px;
    }

    #mainmenu {
        position: fixed;
        display: block;
        left: -1px;
        top: 0;
        z-index: 5;
        height: 100vh;
        max-height: 100vh;
        max-width: 0;
        border-right: solid 1px var(--vague-darkness);
        transition: max-width .4s;
    }

    #mainmenu .close-menu {
        display: block;
    }

    #mainmenu ul li {
        display: block;
        white-space: nowrap;
    }

    #mainmenu li.acties {
        float: none;
        margin: 0 auto;
        width: 40%;
    }

    #mainmenu > div,
    #mainmenu ul li a {
        max-height: calc(12vh - 6px); /* there are 8 items in the menu */
    }

    #mainmenu.active {
        width: 300px;
        max-width: 300px;
    }
}

@media (max-width: 850px) {
    #banner-established {
        display: none;
    }
}

@media (max-width: 780px) {
    body, html, .nieuwsbrief form > * {
        /*font-size: 1.2rem;*/
    }

    main, #footer, body > section, .no-results-wrapper {
        margin: 0 10px;
    }

    #usps { /* background color for visually hiding stuff that scrolls by behind the header */
        position: fixed;
        background-color: var(--paper);
        z-index: 5;
        height: 44px;
        left: 0;
        top: 0;
    }

    #usps li {
        display: none; /* not enough space */
    }

    #logo-text,
    #hamburger {
        position: fixed;
        top: 3px;
    }

    #logo-text svg,
    #hamburger svg {
        fill: var(--primary);
    }

    #banner-established {
        display: inline-block;
        position: fixed;
        top: 3px;
    }

    #banner-established svg {
        fill: var(--primary);
    }

    #usps ul {
        display: none;
    }

    [data-peatcms-scrolled] #fixedmenu {
        top: 44px;
    }

    #fixedmenu ul {
        position: fixed;
        right: 12px;
        top: 6px;
        margin-top: 0;
    }

    #fixedmenu li a svg {
        fill: var(--primary);
    }

    #fixedmenu li a .reverse_fill {
        fill: var(--paper);
    }

    /* laurens */
    #fixedmenu li a img.light {
        display: none;
    }

    #fixedmenu li a img.dark {
        display: block;
    }

    .count {
        margin-top: -36px;
    }

    .variant.detail #product_photo {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    #variant_block li.with-svg.property-values {
        margin-left: 0;
    }
}

/* the bolletjes need to be proportional */
.next-to-slideshow .image .stars li,
.variant.thumb .stars li {
    transform: scale(.7);
    margin-top: -18px;
}

@media (max-width: 340px) {
    #banner-established {
        display: none;
    }
}


/**
 * back to top
 */
#back-to-top:after {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 220.3' style='enable-background:new 0 0 512 220.3;' xml:space='preserve'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M199,5117.1c-62-9-100-31-142-79c-63-74-73-176-25-263c19-33,229-195,1203-926c649-487,1198-895,1220-908 c56-32,154-32,210,0c22,13,571,421,1220,908c1269,953,1217,910,1231,1013c13,95-49,205-137,240c-49,20-132,23-174,6 c-16-6-528-385-1137-842l-1108-830l-1115,836c-613,460-1119,836-1123,836s-23,4-42,8C261,5121.1,224,5121.1,199,5117.1z'/%3E%3C/g%3E%3C/svg%3E");
    position: fixed;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    z-index: 6; /* in front of #variant_bar */
    border: solid 1px var(--primary);
    background-color: var(--paper);
    display: inline-block;
    right: 10px;
    bottom: 10px;
    transform: rotateZ(180deg);
    opacity: 0;
    transition: opacity .4s;
}

[data-peatcms-scrolled-down] #back-to-top:after {
    opacity: 1;
}

/**
 * protect from copying
 */
main:not(form) {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

#cookiebar {
    position: fixed;
    z-index: 4; /* above homepage carousel */
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
    font-size: .9em;
    background-color: var(--paper);
    padding: .5em;
    width: calc(100vw - 1em);
    border-top: solid 1px var(--primary);
}

.small,
#cookiebar .small {
    font-size: .8em;
}

#cookiebar button {
    background-color: var(--gold);
    color: var(--black);
    font-weight: bold;
    font-size: 16px;
    width: 200px;
    padding: .2em;
}

.geen-carousel .peatcms-slideshow {
    display: none !important;
}

/**
 * Ordering and account forms
 */
#vat_number_section,
#shipping_collect,
#billing_address {
    display: none;
}

#supply_vat_number:checked ~ #vat_number_section,
#shipping_address_collect:checked ~ #shipping_collect,
#billing_address_different:checked ~ #billing_address {
    display: block;
}

#shipping_address_collect:checked ~ #preferred_delivery_day_section,
#shipping_address_collect:checked ~ #shipping_address {
    display: none;
}

section#preferred_delivery_day_section {
    margin-bottom: 0;
}

section#preferred_delivery_day_section h3 {
    margin-top: .5rem;
}

label.toggle {
    cursor: pointer;
}

label.toggle h3,
label.toggle h2 {
    display: inline-block;
}

label.toggle:after {
    content: ' ';
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23484844%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    width: 10px;
    height: 1em;
    margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#password-reset-locker ~ section {
    display: none;
}

form[data-type-of-checkout] {
    display: none; /* until javascript decides it’s ok */
}

[name="type-of-checkout"]:checked + label {
    font-weight: bold;
}

/* additional line with pretty checkbox ensures it appears checked properly */
.paging {
    display: none;
}

[data-paging="1"] .paging {
    display: inline-block;
    margin-bottom: 3px;
}

.account-forms h3 {
    margin-top: 1rem;
}

.account-forms .address ~ h3 {
    margin-top: 2.6rem;
}

.account-forms .error {
    clear: both;
    font-size: .8rem;
    margin: 0;
    height: 1.2em;
}

.account-forms input[type="submit"] {
    font-weight: normal;
    font-size: 1rem;
}

.account-forms input[type="submit"].delete {
    background-color: transparent;
    text-decoration: underline;
    color: #333;
    position: absolute;
    margin: -35px 0 0 56px;
}

.account-forms .button.cta {
    position: absolute;
    margin-top: 0;
}

.account-forms .hidden {
    visibility: hidden;
}

[for="billing_address_different"].hidden {
    display: none;
}

.account-forms .choose-address.active {
    cursor: pointer;
}

.toggle > header,
.pc-account-page main .toggle > section {
    width: calc(100% - 34px);
    max-width: calc(100% - 34px);
    clear: both;
}

.toggle > header {
    padding: 3px 17px;
}

.toggle header ~ section {
    display: none;
}

.toggle.open header ~ section {
    display: block;
}

.toggle header .order-number {
    font-weight: bold;
    display: inline-block;
    width: 140px;
}

.toggle .toggle_button:after {
    /* the color is the 515c53 slightly after 'fill' */
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 220.3' style='enable-background:new 0 0 512 220.3;' xml:space='preserve'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M199,5117.1c-62-9-100-31-142-79c-63-74-73-176-25-263c19-33,229-195,1203-926c649-487,1198-895,1220-908 c56-32,154-32,210,0c22,13,571,421,1220,908c1269,953,1217,910,1231,1013c13,95-49,205-137,240c-49,20-132,23-174,6 c-16-6-528-385-1137-842l-1108-830l-1115,836c-613,460-1119,836-1123,836s-23,4-42,8C261,5121.1,224,5121.1,199,5117.1z'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: -.5rem;
    margin-left: -12px;
    transition: all .2s;
    transform-origin: 50% 20%;
}

.toggle.open .toggle_button:after {
    transform: rotateZ(180deg);
}

#account-update > .hipster-input {
    float: none;
}

#account-update:after,
[data-peatcms_enhance_address_LAURENS_NIET]:after {
    position: absolute;
    content: 'Bijgewerkt';
    font-size: .78rem;
    opacity: .71;
    margin-top: 5px;
}

#account-update[data-updating]:after,
[data-peatcms_enhance_address_LAURENS_NIET][data-updating]:after {
    content: 'Bijwerken...';
}

.account-forms .choose-address, /* knopje */
.account-forms #account-logout [type="submit"] { /* uitloggen knopje */
    position: absolute;
    font-size: .78rem;
    background-color: transparent;
    margin: -23px 0 0 311px;
    padding: 0;
    color: var(--black);
    text-decoration: underline;
}

.account-forms .choose-address { /* knopje */
    margin-left: 255px;
}

.address + form {
    margin-top: 2.8rem;
}

#account-update + form {
    margin-top: 2rem;
}

.hipster-input {
    white-space: nowrap;
    float: left;
    width: 100%;
}

.account-forms > form .error {
    clear: left;
}

.hipster-input select,
.hipster-input input {
    position: relative;
    width: calc(100% - 8px);
    border: none;
    outline: none;
    height: 1.8rem;
    font-size: 1rem;
    line-height: 1.5em;
    padding: 1rem 4px 0 4px;
    background-color: var(--paper-overlay);
    color: var(--black);
}

.hipster-input.address_street {
    width: 70%;
}

.hipster-input.address_number {
    width: calc(30% - .3rem);
    margin-left: .3rem;
}

.hipster-input.address_postal_code {
    width: 40%;
}

.hipster-input.address_city {
    width: calc(60% - .3rem);
    margin-left: .3rem;
}


.hipster-input input[type="search"] { /* apparently search includes padding dimensions in browsers... :-P */
    height: 2.8rem;
    width: 100%;
    background-color: var(--gold-very-light);
}

.hipster-input.myparcel_suggest:before,
.hipster-input.myparcel_suggest:after {
    content: ' ';
    display: block;
    height: 1rem;
}

.hipster-input.myparcel_suggest.loading > input {
    /* background shine: https://stackoverflow.com/a/55989998 */
    background-image: linear-gradient(
            to right,
            transparent 33%,
            var(--gold-very-light) 50%,
            transparent 66%
    );
    background-size: 300% 100%;
    animation: shine 1s infinite;
}

.hipster-input select {
    width: 100%;
    height: 2.7rem;
}

.hipster-input select:focus,
.hipster-input select:active,
.hipster-input input:focus,
.hipster-input input:active {
    background: var(--paper);
    outline: solid 1px var(--primary);
}

.hipster-input label {
    display: block;
    position: absolute;
    font-size: .78rem;
    opacity: .89;
    margin-left: .2rem;
    transform: translateY(-3rem);
    transition: all .23s ease-in-out;
}

.hipster-input input:placeholder-shown:not(:focus) + label {
    font-size: 1rem;
    margin-top: .6em;
}

.hipster-input .suggestions {
    position: absolute;
    display: block;
    z-index: 3;
    background-color: var(--paper);
    outline: solid 1px var(--primary-darker);
    outline-offset: -1px;
}

.hipster-input .suggestions li {
    padding: .41rem .6rem;
}

.hipster-input .suggestions .active {
    background-color: var(--gold-very-light);
}

.hipster-input.done-suggesting .suggestions {
    display: none;
}

@media (max-width: 440px) {
    .account-forms > form {
        width: 100%;
    }

    .pc-account-page main,
    .pc-ordering-page main {
        width: auto;
        margin: 0 17px;
    }

    .account-forms .choose-address, /* knopje */
    .account-forms #account-logout [type="submit"] { /* uitloggen knopje */
        margin-left: 251px;
    }

    .account-forms .choose-address { /* knopje */
        margin-left: 198px;
        margin-top: 10px;
    }

    .kassakoopjes li {
        text-align: center;
    }

    .kassakoopjes li > * {
        display: block;
    }
}


/**
 * SVG’s to prevent use of unsafe-inline attribute csp
 */
.red-line {
    fill: none;
    stroke: var(--gold);
    stroke-width: 6;
    stroke-miterlimit: 10;
}

.nix0 {
    fill: #F47835;
}

.nix1 {
    fill: #FCB316;
}

.nix2 {
    fill: none;
}

.st0 {
    fill: #B0B3B5;
}

.st1 {
    clip-path: url(#SVGID_2_);
}

.st2 {
    fill: #F36E21;
}

.st3 {
    fill: #F36F21;
}

.st4 {
    fill: #F37021;
}

.st5 {
    fill: #F37121;
}

.st6 {
    fill: #F47222;
}

.st7 {
    fill: #F47322;
}

.st8 {
    fill: #F47422;
}

.st9 {
    fill: #F47522;
}

.st10 {
    fill: #F47622;
}

.st11 {
    fill: #F47722;
}

.st12 {
    fill: #F47822;
}

.st13 {
    fill: #F47923;
}

.st14 {
    fill: #F57A23;
}

.st15 {
    fill: #F57B23;
}

.st16 {
    fill: #F57C23;
}

.st17 {
    fill: #F57D23;
}

.st18 {
    fill: #F57E23;
}

.st19 {
    fill: #F57F23;
}

.st20 {
    fill: #F58024;
}

.st21 {
    fill: #F58124;
}

.st22 {
    fill: #F68224;
}

.st23 {
    fill: #F68324;
}

.st24 {
    fill: #F68424;
}

.st25 {
    fill: #F68524;
}

.st26 {
    fill: #F68624;
}

.st27 {
    fill: #F68725;
}

.st28 {
    fill: #F68825;
}

.st29 {
    fill: #F68925;
}

.st30 {
    fill: #F78A25;
}

.st31 {
    fill: #F78B25;
}

.st32 {
    fill: #F78C25;
}

.st33 {
    fill: #F78D25;
}

.st34 {
    fill: #F78E26;
}

.st35 {
    fill: #F78F26;
}

.st36 {
    fill: #F79026;
}

.st37 {
    fill: #F89026;
}

.st38 {
    fill: #F89126;
}

.st39 {
    fill: #F89226;
}

.st40 {
    fill: #F89326;
}

.st41 {
    fill: #F89427;
}

.st42 {
    fill: #F89527;
}

.st43 {
    fill: #F89627;
}

.st44 {
    fill: #F89727;
}

.st45 {
    fill: #F99827;
}

.st46 {
    fill: #F99927;
}

.st47 {
    fill: #F99A27;
}

.st48 {
    fill: #F99B28;
}

.st49 {
    fill: #F99C28;
}

.st50 {
    fill: #F99D28;
}

.st51 {
    fill: #F99E28;
}

.st52 {
    fill: #F99F28;
}

.st53 {
    fill: #FAA028;
}

.st54 {
    fill: #FAA128;
}

.st55 {
    fill: #FAA229;
}

.st56 {
    fill: #FAA329;
}

.st57 {
    fill: #FAA429;
}

.st58 {
    fill: #FAA529;
}

.st59 {
    fill: #FAA629;
}

.st60 {
    fill: #FAA729;
}

.st61 {
    fill: #FBA829;
}

.st62 {
    fill: #FBA92A;
}

.st63 {
    fill: #FBAA2A;
}

.st64 {
    fill: #FBAB2A;
}

.st65 {
    fill: #FBAC2A;
}

.st66 {
    fill: #FBAD2A;
}

.st67 {
    fill: #FBAE2A;
}

.st68 {
    fill: #FBAF2A;
}

.st69 {
    fill: #FCB02B;
}

.st70 {
    fill: #FCB12B;
}

.st71 {
    fill: #FCB22B;
}

.st72 {
    fill: #FCB32B;
}

.st73 {
    fill: #fff;
}

.st74 {
    fill: #292E86;
}

.ideal0 {
    fill: #CD0067;
}

.ideal1 {
    fill: #fff;
}

.mc0 {
    fill: none;
}

.mc1 {
    fill: #FF5F00;
}

.mc2 {
    fill: #EB001B;
}

.mc3 {
    fill: #F79E1B;
}

.amex0 {
    fill: #016FD0;
}

.amex1 {
    fill: #fff;
}

.bc0 {
    fill: #005697;
}

.bc1 {
    fill: #FBD500;
}

.mae0 {
    fill: #7673C0;
}

.mae1 {
    fill: #EB001B;
}

.mae2 {
    fill: #00A1DF;
}


/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 *
 * copied from: https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css
 * changes by Joeri
 * (re-)add icons you are using below, feel free to give them another name :-D
 */
@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url("/_site/petitclos/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"), url("/_site/petitclos/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bi-geo-alt::before {
    content: "\f3e8"
}

.bi-instagram::before {
    content: "\f437";
}

.bi-facebook::before {
    content: "\f344";
}

.bi-globe::before {
    content: "\f3ee";
}

.bi-envelope::before {
    content: "\f32f";
}

/* original: .bi-pin-map */
.bi-route::before {
    content: "\f64c";
}

.bi-telephone::before {
    content: "\f5c1";
}

/* better focus styles */
.icon-list a:focus-visible img,
.icon-list a:focus-visible svg,
input[type="submit"] {
    outline-offset: .2em;
}

.bloembraaden-email-link,
a {
    outline-offset: -1px;
}

input[type="submit"]:focus-visible,
[tabindex="0"]:focus-visible,
.icon-list a:focus-visible img,
.icon-list a:focus-visible svg,
a:focus-visible {
    outline: solid 2px var(--gold);
}

#mainmenu1 li:not(.acties) a:focus-visible {
    outline: none;
    color: var(--gold);
}

button.toggle_button:focus-visible ~ span,
.close-menu:focus-visible {
    color: var(--gold);
}

#hamburger:focus-visible svg {
    fill: var(--gold);
}