/*
      Author: Primosite

      LEEK
      site128
*/

@import "leek-vars-v1.0.css";

/* STRUCTURE
----------------------------------------------------*/
* {
  margin:0;padding:0;
  outline:none;
  quotes: "“" "”" "‘" "’";
}

html {height:100%;}
body {height:100%;
  font-family:'Inter',sans-serif;
  font-size: var(--font0);
  line-height:1.5;
  color:black;
  background-color: var(--offWhite);
  display:flex;
}

#main-wrapper {display:flex;flex-flow:column;width:100%;}
#header-wrapper {background-color:var(--rose);margin-bottom:2rem;
  position:fixed;top:0;left:0;z-index:1;
  width:100%;height:var(--headerH);box-shadow:var(--boxShadow)}
#content-wrapper {flex-grow:1;padding-top:var(--headerH);position:relative;z-index:0;}
#content-wrapper:has(.tox.tox-tinymce.tox-fullscreen){z-index:1;}

.checkingout #content-wrapper {padding-top:2rem;}

#footer-wrapper {padding:2rem 1rem;background-color:var(--darkBlue);}

.header {position:relative;
  display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-end;}
#version {position:absolute;top:0;left:50%;width:60px;text-align:center;margin:0 0 0 -15px;background:var(--red);color:white;
  padding:0 12px;font-size:var(--font-2);text-transform:uppercase;}
#logo {margin:1rem 1rem 0 0;position:relative;z-index:2;}
#logo .image {height:var(--logoH);}

#nav-trigger {display:none;}

#myprofile {position:absolute;right:1rem;top:1rem;}
#myprofile .un-wrapper {display:flex;justify-content:flex-end;align-items:baseline;}
#myprofile .un-wrapper:before {color:var(--purple);font-size:125%;}
#myprofile .un {color:var(--purple);text-align:right;}
#myprofile .un:before{margin-right:6px;}
#myprofile .un.morning:before {content:"Goedemorgen";}
#myprofile .un.afternoon:before {content:"Goedemiddag";}
#myprofile .un.evening:before {content:"Goedenavond";}
#myprofile .un.night:before {content:"Goedenacht";}
.myprofile {display:flex;flex-flow:column;align-items:flex-end;}
.myprofile > * {}

.footer {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-end;position:relative;}
.footer > * {color:white}
.footer > .editwrapper {position: absolute;top:-1.5rem;}
.footer > .contactdata {flex-basis:30%;flex-grow:1;min-width:var(--minW);}
.footer > .footerlinks {flex-basis:30%;flex-grow:1;min-width:var(--minW);}

.footerlinks a,.footerlinks a:hover {display:block;text-decoration:none;font-size:var(--font0);font-weight:var(--fontBold);}
.footerlinks a.level1 {text-align:center;margin-top:1rem;}
.footerlinks li.level1:hover {
		text-decoration:underline;
		text-underline-offset:.5em;
		text-decoration-thickness:2px;
		text-decoration-color: white;
}

.footer > .footerlinks,
.footer > .followus-wrapper {margin-top:1em;display:flex;flex-flow:row wrap;text-align:center;}
.footer > .followus-wrapper:before {content:"Volg ons op";flex-basis:100%;}
.footer .followus {font-size:var(--font5);background:none!important;}
.footer .followus-link span {display:none;}


.header,
.footer {width:var(--mainW);max-width:var(--maxW);margin:0 auto;}

.content > * > h1 {margin-top:1rem;}

/* MAIN WIDTH */
.content > .aclgroupnode-wrapper,
.content > .aclgroup,
.content > .aclgroupnode-wrapper.usermgt,
.content > .blends-wrapper,
.content > .catalog-wrapper > .catalog,
.content > .checkout-wrapper,
.content > .emailformbox,
.content > .html,
.content > .import-wrapper,
.content > .informationgroup-wrapper,
.content > .members-wrapper,
.content > .my-wrapper,
.content > .news-wrapper > .news,
.content > .library-wrapper,
.content > .notebook-wrapper,
.content > .orderbook,
.content > .recipes-wrapper,
.content > .sitemap,
.content > .taggroup-wrapper,
.content > .users-wrapper {width:var(--mainW);max-width:var(--maxW);margin-left:auto;margin-right:auto;}

/* CONTENT WIDTH */
.content > .agenda-wrapper > .agenda,
.content .ccform-wrapper,
.content > .emailform-wrapper,
.content > .error-wrapper,
.content > .folder,
.content > .information-wrapper,
.content > .invoicer-wrapper,
.content > .koffermgt-wrapper,
.content > .mailr-wrapper,
.content > .multiple.news,
.content > .news-wrapper .newsitem,
.content > .notebook,
.content > .order,
.content > .pricetags-wrapper,
.content > .psform-wrapper,
.content > .schoolguide-wrapper > .schoolguide,
.content > .schoolguide-wrapper .paragraph-wrapper:not(.hasimage),
.content > .siteparameters,
.content > .taggroup,
.content > .video-wrapper,
.content > .xlocations-wrapper {width:var(--contentW);max-width:var(--maxW);margin-left:auto;margin-right:auto;}

/* LOGIN WIDTH */
.content .Usernamepassword,
.content > .signin-wrapper,
.content > .passwordreminder-wrapper,
body > .signin-wrapper,
body > .passwordreminder-wrapper {width:var(--loginW);max-width:var(--maxW);margin-left:auto;margin-right:auto;}

.content > .signin-wrapper > .signin,
.content > .passwordreminder-wrapper > .passwordreminder {padding:0 0 50px;}

body > .signin-wrapper,
body > .passwordreminder-wrapper {margin-top:50px;
  box-shadow:0 0 15px #ccc;
  background-image:url(/images/layout/leek-logo-payoff.png);
  background-repeat:no-repeat;
  background-position:50% 40px;
  background-size:300px;
  background-color:#fff;
  align-self:flex-start;
}

body > .signin-wrapper > .signin,
body > .passwordreminder-wrapper  {padding:200px 1rem 1rem;}

/* NAV
----------------------------------------------------*/
.menu li {list-style:none;}

/* DEFAULTS
----------------------------------------------------*/
/* headers */
h1,h2,h3,h4 {color:var(--purple);}
h1 {font-weight:var(--fontBold);}
h2,h3 {font-weight:var(--fontMedium);line-height:1.25;margin-bottom:.5em;}
h1 {font-size:var(--font7);margin-bottom:..75em;}
h2 {font-size:var(--font5);}
h3 {font-size:var(--font1);}
h4 {font-size:var(--font0);}
h2,h3,h4 {margin-top:1em;}
h2:first-child,h3:first-child,h4:first-child {margin-top:0;}

/* blockquote */
blockquote {padding:0 .5em;margin-top:1rem;display:flex;flex-flow:column;align-items:center;}
blockquote:before {content:" ";display:block;background-color:var(--purple);width:30%;height:2px;margin:0 0 1rem;}
blockquote:after {content:" ";display:block;background-color:var(--purple);width:30%;height:2px;margin:0 0 1rem;}
blockquote {text-align:center;letter-spacing: 2px;
  font-size:var(--font-1);font-weight:var(--fontLight);text-transform:uppercase;}

/* hassubtitle */
.hassubtitle {padding:0 .5em;margin-top:1rem;display:flex;flex-flow:column;align-items:center;}
.hassubtitle:after {content:" ";display:block;background-color:var(--purple);width:70px;height:2px;margin:.5rem 0 0}
.hassubtitle + * {text-align:center;letter-spacing: 2px;
  font-size:var(--font-3);font-weight:var(--fontLight);text-transform:uppercase;}

/* links */
a {color:inherit;text-decoration:underline dotted 1px;text-underline-offset:4px;cursor:pointer;}
a:hover {text-decoration:underline solid 1px;}
a.back, a.myetb-editlink{display:inline-block;text-decoration:none;padding:.5em 1em;border:solid 1px;border-radius:3px;cursor:pointer;}
a.back:before {content:"<";margin-right:1em;font-weight:bold;}
a.backlink {margin-bottom:1em;}
a.cta,
.cta a {display:block;flex-grow:1;padding:1em;border-radius:.25rem;
  background-color:var(--darkRose);color:var(--darkGreen);  
  font-weight:var(--fontLight);text-decoration:none;text-align:center;
  text-transform:uppercase;letter-spacing:1px;font-size:var(--font2);
}
a.delete {color:var(--red);}
a.doclink[href$=".pdf"]:before {color:red;}
a.doclink[href$=".doc"]:before {color:blue;}
a.doclink[href$=".docx"]:before {color:blue;}
a.doclink.hasimage {padding:0;}
a.doclink.hasimage:before {position:absolute;border-radius:3px 0 3px 0}
a.doclink.hasimage img {display:block;border-radius:3px;}
#main-wrapper .followus-link {background-image:none;background-color:transparent;white-space:nowrap;
  text-indent:0;color:inherit;font-size:inherit;display:inline-block;width:auto;height:auto;}
a.loadlink {cursor:pointer;}

/* banner */
.banner > .image {height:var(--bannerH);background-size:cover;margin-bottom:2rem;}
.banner {text-align:center;}
.banner h1 {color:var(--purple);text-transorm:upper-case;letter-spacing:2px;margin-bottom:0;}
#content-wrapper .banner .text {color:var(--darkRose);font-size:var(--font20);font-weight:var(--fontBold);margin-bottom:1rem;}

/* buttons */
button,
button.submit,
button[type=submit] {background-color:var(--darkBlue);color:white;font-family:inherit;border-radius:0;font-size:var(--font0);}
button.checkout {background-color:var(--blue);}
button:hover,
button.submit:hover,
button[type=submit]:hover {background-color:black;color:white;}
button:disabled {background-color:grey;color:darkgrey;}
button.cancel {background-color:var(--tintBlue);color:black;}
button.cancel:hover {background-color:var(--darkBlue);color:white;}
button.yes {background:var(--red);color:white;}
button.yes:hover {background:var(--subRed);color:white;}
button.no {background:var(--blue);color:white;}
button.no:hover {background:var(--subBlue);}
button.delete {background-color:grey;}
button.delete:hover {background-color:black;}

button.club {background-color:var(--green);}
button.diamond {background-color:var(--orange);}
button.heart {background-color:var(--red);}
button.spade {background-color:var(--blue);}
button.notrump {background-color:black;}

/* contactdata */
.contactdata {display:flex;flex-flow:row wrap;}
.contactdata > * {flex-basis:100%;}
.contactdata > *:before {font-weight:var(--fontSemiBold);}
.contactdata .name {font-weight:bold;font-size:112.5%;margin-bottom:var(--marginW);}
.contactdata .address {margin-top:1em;}
.contactdata .zip {flex-basis:30px;white-space:nowrap;margin-right:.25em;}
.contactdata .city {flex-basis:100px;}
.contactdata .country {margin-bottom:20px;}
.contactdata .email {margin-top:1em;}
.contactdata .coc {margin-top:1em;}
.contactdata .coc:before {content:"Kvk: ";}
.contactdata .bank {margin-top:1em;}
.contactdata .bank:before {content:"Bank: ";}

/* dates */
.date-wrapper {display:flex;flex-flow:row wrap;}
.date-wrapper > .endtime {display:flex;}
.date-wrapper > .endtime:before {content:"-"}
.date-wrapper .date > * {margin:0 2px;}
.date-wrapper .minute:before{content:":"}
.date-wrapper .minute:after{content:" uur"}

/* google recaptcha */
.grecaptcha-badge {bottom:80px!important;}

/* map */
.map {width:100%;height:500px;}
.map .image {width:200px;}
.map .infowindow * {font-size:var(--font-2);}

/* misc */
.info {background-color:var(--subRed);color:white;padding:0 1em;margin-bottom:1em;}
.info * {color:white!important;}

[class^="icon-"]:before,
[class*=" icon-"]:before {text-decoration:none!important;margin-right:.3em!important;}

[class^="icon-"].green:before,
[class*=" icon-"].green:before {color:var(--green)!important;}

.ps-alert [class^="icon-"],
.ps-alert [class*=" icon-"] {display:inline-block;background-color:var(--blue);color:white;text-decoration:none;padding:3px 1em;margin:.5em;border-radius:3px;}

div.relatedlink:has(>a[class*="icon-"]):before,
.menu li[class^="icon-"]:before,
.menu li[class*=" icon-"]:before {display:none;}

.icon-whatsapp:before {color:green!important;}
.icon-leaf:before {color:green;}
li.icon-cancel-circled:before {color:red;}

li[class^="icon-"],
li[class*=" icon-"] {padding-left:2em;margin-left:0!important;}
li[class^="icon-"]::marker,
li[class*=" icon-"]::marker {content:"";}
li[class^="icon-"]:before,
li[class*=" icon-"]:before {margin-left:-1.5em;}

.relatedlink {margin-bottom:.5em;display:flex;align-items:center;}

strong {color:var(--darkBlue);}

.content ul {margin:0 0 1em;}
.content ol li {margin:0 0 1em 1em;}
.content li ul,
.ps-alerttext li ul {margin-top:0;}
.content ul:first-child {margin-top:0;}
.content ul li,
.ps-alerttext li {margin:0 0 .5em 1.25em;list-style:none;position:relative;}
.content li:not([class* =" icon-"]):before,
.ps-alerttext li:before {
  position:absolute;
  content: "\2022";  /* CSS Code/unicode for a bullet */
  color: var(--darkBlue);
  font-size:150%;
  line-height:0;
  font-weight: var(--fontBold);
  top:.5em;
  left:-.75em;
}
#content-wrapper .promo li {display:flex;align-items: baseline;margin:0 0 1em 1em;font-size:var(--font0);}
#content-wrapper .promo li:before {
  content:"\2714"; /* CSS Code/unicode for a checkmark */
  color:var(--darkBlue);
  font-size:75%;
  display:flex;justify-content:center;align-items:center;
  background-color:var(--yellow);
  width:1em;height:1em;padding:.35em;
  border-radius:50%;
  left:-1em;top:-.125em;position:relative;
}

.ps-alert.legend {text-align:left;}

.image:not(.formelement) {text-align:center;background-size:cover;background-position:50%;background-repeat:no-repeat;}
.image,video,.image img {border-radius:1rem;line-height:0;}
.image img {display:inline-block;max-width:100%;max-height:100%;}
.content p,.ps-alerttext p, .content .text {margin-bottom:1em;}

.ps-alert {color:inherit;}
.ps-alert video {display:block;max-height:400px;max-width:100%;margin:0 auto;}
.ps-alert h1 {font-size:var(--font3);font-weight:var(--fontMedium)}
.ps-alert .ps-alerttext {font-size:var(--font2);font-weight:var(--fontBold)}
.popup-msg .ps-alerttext,
.mailr-preview .ps-alerttext {text-align:left;}
.ps-alertbutton {background:var(--red);color:#fff;text-transform:uppercase;font-size:var(--font1)}
.ps-alertbutton:hover{background:black;}

.field {display:flex;flex-flow:row wrap;margin-bottom:1em;}
.field > .key,
.fieldheader {flex-basis:25%;min-width:25%;margin-right:1em;color:var(--red);}
.field > .value,
.fieldvalue {flex-basis:50%;min-width:var(--minW);flex-grow:1;}
.message {font-size:18px;font-weight:bold;color:red;}
.formelement.message {font-size:inherit;font-weight:inherit;color:inherit;}

.content table {width:100%;border-collapse:collapse;}
.content th {text-align:left;}
.content .sharelinks {justify-content:flex-start;margin-top:2em;}
.content .sharelink {margin-right:1em;border-radius:2px;}
.content .sharelink:hover {}

/* swiper */
.swiper-button-prev, .swiper-button-next {color:var(--darkBlue);}
.swiper-pagination-bullet {background-color:var(--purple);border-radius:0;}
.swiper-pagination-bullet-active {background-color:var(--darkBlue);}

/* tiny */
.tox-toolbar__overflow {width:100vw!important;}

/* webmaster */
.webmaster .ps-form {background:none;}

/* ACLGROUP
----------------------------------------------------*/
.aclgroupnode-wrapper h1 {text-align:center;}
.aclgroups {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -1rem;}
.aclgroups > * {margin:0 1rem 1rem;padding:1rem;flex-basis:var(--cardW);}
.aclgroupnode-wrapper .aclgroup-wrapper {margin-bottom:1rem;}
.user-card-wrapper {display:flex;align-items:center;min-height:50px;
  background-color:var(--tintBlue);margin-bottom:1rem;padding:.5rem;}
.user-card-wrapper > .image {flex-basis:50px;min-width:50px;height:50px;margin-right:.5rem;border-radius:50%;}
.user-card {flex-grow:1;}
.user-card-wrapper:hover {background-color:var(--blue);}
.user-card-wrapper:hover * {color:white!important;}
.user-card .fn {font-size:var(--font3);color:var(--blue);}
.user-card-wrapper:hover .fn {color:white;}
.user-card .function {font-size:var(--font1);font-variant:small-caps;color:var(--red);}

/* AGENDA
----------------------------------------------------*/
.agenda-wrapper .full-address {margin:1rem 0;font-weight:var(--fontBold)}
.agenda-wrapper > .image {margin-bottom:2rem;}
.agenda-wrapper .date-wrapper {font-weight:var(--fontBold);font-style:italic;}
.agendaindex {flex-basis:var(--minW);}
.agendaindex .date {flex-basis:100%;}
.short-agendaitem-wrapper {position:relative;}
.short-agendaitem-wrapper > .editwrapper {position:absolute;top:1rem;left:1rem;}

.agendaitem-wrapper {flex-basis:var(--minW);flex-grow:1;margin-bottom:2rem;}
.agendaitem-wrapper .image {margin-bottom:1rem;}
.agendaitem-wrapper h2 {font-size:var(--font10);}
.agendaitem-wrapper * {text-align:center;}
.agendaitem-wrapper .relatedlinks {display:flex;flex-flow:column;align-items:center;}
.agendaitem {display: flex;flex-flow: column;align-items: center;}

/* BLENDS
----------------------------------------------------*/
.blends {display:flex;flex-flow:row wrap;justify-content:center; margin:2rem 0;}
.blends > * {flex-basis:var(--blendW);margin:.5rem;}
.short-blend h2 {font-size:var(--font-1);text-align:center;}
.short-blend h2 + * {font-size:var(--font-4);}
.short-blend > .image {width:var(--blendW);min-height:var(--blendW);
  background-size:90%;
  transition: .5s background-size .0s;}
.short-blend:hover .image {
  background-size:95%;
  transition: .5s background-size .0s;}

.blend-wrapper > .blend {flex-grow:1;}
.blend h1 {text-align:center;font-size:var(--font15);margin-bottom:1rem;}
.blend .ingredients {font-size:var(--font-2);text-align:center;margin-bottom:1rem;font-style:italic;}
.blend .text {max-width:var(--subContentW);margin:2rem auto;}

/* CATALOG
----------------------------------------------------*/
.consumer .vatExcl,
.premium .vatIncl,
.gold .vatIncl {display:none;}

.catalog-wrapper > .schoolguide-wrapper {background-color:var(--rose);position:relative;}
.catalog-wrapper .schoolguide-main > .editwrapper {position:absolute;top:1rem;left:50%;}
.catalog-wrapper .paragraphs {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.catalog-wrapper .paragraph-wrapper {flex-basis:var(--cardW);margin:1rem;}
.catalog-wrapper .paragraph-wrapper h2 {text-align:center;}

.catalog-wrapper > .schoolguide-wrapper.about {background-color:var(--darkRose);box-shadow:var(--boxShadow);font-size:var(--font1);}
.catalog-wrapper > .schoolguide-wrapper.about h2 {font-size:var(--font10);}

.productfolder-wrapper h1 {text-align:center;font-size:var(--font20);}
.productfolder-wrapper {display:flex;flex-direction:column;align-items:center;}
.packagingqty {background-color:var(--darkRose);color:var(--darkGreen);width:2rem;height:2rem;line-height:1.9;
  display:flex;align-items:center;justify-content:center;flex-flow:row wrap;
  border-radius:50%;
}
.packagingqty:before {
  content:"porties";margin-top:-1.25rem;text-transform:uppercase;
  font-weight:var(--fontLight);font-size:var(--font-3);color:var(--purple);}
.shortproducts {display:flex;flex-flow:row wrap;justify-content:center;}

/* short-productfolder */
.shortproductfolders {display:flex;flex-flow:row wrap;justify-content:center;}
.shortproductfolder-wrapper {margin:.5rem;flex-basis:var(--cardW);text-align:center;}
.shortproductfolder {display:flex;flex-flow:column;box-shadow:var(--boxShadow);border-radius:1rem;}
.shortproductfolder .image {height:var(--cardW);
  background-size:100%;
  transition: .5s background-size .0s;}
.shortproductfolder:hover .image {background-size:110%;}

/* shortproduct */
.shortproduct-wrapper {
  flex-basis:var(--cardW);margin:2rem 1rem;position:relative;box-shadow:var(--boxShadow);background-color:white;
  display:flex;flex-flow:column;border-radius:1rem;
}
.shortproduct-wrapper.highlighted{;position:relative;margin:.5rem 1rem;box-shadow:var(--boxShadowDark)}
.shortproduct-wrapper.highlighted:before{content:"Populair";
  display:block;width:100%;text-align:center;
  font-size:var(--font10);color:var(--purple);font-weight:var(--fontBold);
  background:rgba(255, 255, 255, 0.65);
  text-transform:uppercase;
  position:absolute;top:50px;left:0;letter-spacing:4px;
}
.shortproduct-wrapper .buy-wrapper {margin:0 .5rem .5rem}

.shortproduct-wrapper .editwrapper{position:absolute;top:1rem;left:1rem;}
.shortproduct-wrapper .image {width:var(--cardW);height:var(--cardW);border-radius:1rem 1rem 0 0}
.shortproduct {flex-grow:1;display:flex;flex-flow:column;}
.shortproduct-body {display:flex;flex-flow:column;padding:0 1rem;text-align:center;flex-grow:1}
.shortproduct h2 {padding:0 .5em;margin-top:1rem;display:flex;flex-flow:column;align-items:center;}
.shortproduct-body .text {flex-grow:1;}
.shortproduct > .image {height:var(--cardW);
  background-size:100%;
  transition: .5s background-size .0s;}
.shortproduct:hover .image {background-size:110%;}
.shortproduct .packaging-plus-price {padding:0 2.75rem;display:flex;justify-content:center;align-items: center;}
.shortproduct .packaging-plus-price:has(.packagingqty){justify-content:space-between;}

.buy-wrapper {max-width:var(--cardW);}
.order-button {display:flex;}
.order-button * {}
.order-button input {flex-basis:2rem;width:3rem;text-align:center;font-size:var(--font2);padding:.5rem;}
.order-button button {flex-grow:1;font-size:var(--font-2);}
.buy-wrapper button {border-radius:1rem;margin:3px;}
.buy-wrapper button:hover {box-shadow:var(--boxShadow);}
.buy-wrapper input {border-radius:1rem;margin:1px;}

/* product */
.product-wrapper {display:flex;flex-flow:row wrap;margin:0 -1rem;}
.product-wrapper > * {flex-basis:40%;margin:1rem;flex-grow:1;}
.product-wrapper > .product-images {width:40%;}
.product-wrapper h1 {padding:0 .5em;margin-bottom:1rem;display:flex;flex-flow:column;align-items:center;font-size:var(--font20);}
.product .packagingqty {margin:2rem 0 1rem;}
.product li {display:flex;align-items:baseline;margin:0 0 1em 1em;font-size:var(--font0);}
.product li::before {
  content: "\2714";
  color: white;
  font-size: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--red);
  width: 1em;
  height: 1em;
  padding: .35em;
  border-radius: 50%;
  left: -1em;
  top: -.125em;
  position: relative;
}

/* product images */
.product-image {position:relative;}
.product-image .editwrapper {position:absolute;top:1rem;left:1rem;z-index:1;}
.product-image .picture-text {position:absolute;width:100%;top:4rem;left:0;text-align:center;}
.picture-text .title {margin-bottom:1rem;
  font-size:var(--font15);font-weight:var(--fontBold);
  color:var(--yellow);text-shadow:0px 0px 15px black;
} 
.picture-text .text {
  font-size:var(--font3);font-weight:var(--fontBold);
  color:white;text-shadow:0px 0px 10px black;
} 
.product-images > .images .swiper-slide {width:100%;}
.product-images > .thumbs {margin-top:1rem;}
/*
.product-images > .thumbs {height:100px;}
.product-images .thumbs .swiper-slide {height:100%;}
.product-images .thumbs .swiper-slide > .image {height:100%;}
.product-images .thumbs .swiper-slide > .image img {height:100%;}
*/

/* productprice */
.productprice {margin-bottom:1rem;display:flex;flex-flow:column;
  font-size:var(--font2);font-weight:var(--fontBold);color:var(--purple);}
.product .productprice {flex-flow:row;align-items: baseline;}
.productprice:after {content:"incl. btw";text-transform:uppercase;margin:0 .5rem;
  font-weight:var(--fontLight);font-size:var(--font-3);color:grey;}
.productprice.vatInclusief:after {content:"incl. btw";}
.productprice.vatExclusief:after {content:"excl. btw";}

body.pricingtype-consumer .productprice.vatExclusief {display:none;}
body:not(.pricingtype-consumer) .productprice.vatInclusief {display:none;}

/* cart */
#cart {position:absolute;top:var(--headerH);right:0;box-shadow:var(--boxShadow)}
#cart * {color:white;}
#cart:has(.cart) {padding:0rem;background-color:var(--purple);}
#cart .cart-header {display:flex;flex-flow:row wrap;justify-content: space-between;margin:0 -.25rem}
#cart .cart-header > * {margin:0 .25em;display:flex;align-items:center}
#cart .cart-header .nrItems {background-color:var(--blue);color:white;border-radius:3px;padding:0 1em;}
#cart .cart-header .title {font-weight:var(--fontLight);}
#cart.open .cart-header .title:before {transform: rotate(180deg);}
#cart .items-wrapper {position:relative;overflow:auto;
  max-height:0;overflow:hidden;transition:max-height .5s linear 0s;}
#cart.open .items-wrapper {max-height:500px;}
#cart .items-wrapper .close {display:none;}
#cart .items {padding:.5em;}
#cart .productId, 
#cart .casing,
#cart .packagingQty {display:none;}
#cart .item {display:flex;flex-flow:row wrap;align-items:baseline;font-size:var(--font-2)}
#cart .item-data {flex-grow:1;display:flex;flex-flow:row wrap;align-items:baseline;}
#cart .item-data > * {margin:.25em;}
#cart .deliverytext {flex-grow:1;}
#cart .productPrice:before {content:"à";margin-right:.5em;}
#cart .subgrandtotal {border-top:solid 1px;}
#cart .total {flex-grow:1;text-align:right;font-weight:var(--fontBold);}
#cart .subgrandtotal .total:before {content:"Subtotaal";margin-right:.5em;}
#cart .vat .total:before {content:"BTW";margin-right:.5em;}
#cart .grandtotal {border-top:solid 1px;}
#cart .grandtotal .total:before {content:"Totaal";margin-right:.5em;}

/* catalog reviews */
.catalog-wrapper > .reviews-wrapper {width:var(--maxW);margin-left:auto;margin-right:auto;}
.catalog-wrapper .review-wrapper .image {display:none;}

/* CHECKOUT
----------------------------------------------------*/
.checkout-wrapper {padding-bottom:2rem;display:flex;flex-flow:row wrap;margin:0 -.5rem;align-items:flex-start;}
.checkout-wrapper > * {min-width:var(--minW);flex-grow:1;margin:.5rem;}
.checkout-wrapper > .checkout-nav {flex-basis:100%;text-align:right;}
.checkout-wrapper > .checkoutform-wrapper {flex-basis:60%;box-shadow:var(--boxShadow);padding:2rem 1rem;
  background-color:white;
}
.checkout-wrapper > .reinforce {flex-basis:25%;font-size:125%}
.checkout-wrapper .usp-wrapper {padding:1rem;border-radius:1rem;
  background-color:var(--darkBlue);color:white;}
.checkout-wrapper .reviews {margin-top:2rem;font-size:75%;padding:0 1rem;max-height:900px;}
.checkout-wrapper .review-wrapper {margin:1rem 0;height:auto;width:calc(100% - 2rem);}
.checkout-wrapper .review-score-wrapper {margin:0 0 1rem}
.checkout-wrapper .short-review .text {font-style:italic;}

/* checkout form */
.checkout-wrapper h1 span:first-of-type {margin-right:.25em;}
.checkout-wrapper .terms label span {margin-right:.25em;}

.checkoutform label.error {display:none!important;}
.checkoutform input.error {background-color:var(--tintRed);}

.checkoutform {display:flex;flex-flow:row wrap;}
.checkoutform label.error {display:none;}
.checkoutform .formelement.required .fieldlabel {display:flex;}
.checkoutform .formelement.required .fieldlabel:after {display:inline-block;content:"verplicht";color:var(--purple);
  font-size:var(--font-3);margin:0 0 0 .5em;}

.checkoutform > * ,
.checkoutform .formelement {flex-basis:100%;}
.checkoutform .formelement.street {flex-basis:60%;flex-grow:1;}
.checkoutform .formelement.streetnumber {flex-basis:3em;min-width:6.5rem}
.checkoutform .formelement.streetnumber input {calc(100% - 1em);}
.checkoutform .formelement.zip,
.checkoutform .formelement.zip1,
.checkoutform .formelement.zip2 {flex-basis:20%!important;min-width:9em;}
.checkoutform .formelement.city,
.checkoutform .formelement.city1,
.checkoutform .formelement.city2 {flex-basis:60%!important;flex-grow:1;}

.checkoutform .addresses {display:flex;flex-flow:row wrap;margin:1rem 0;}
.checkoutform .addresses > .address {flex-basis:var(--minW);flex-grow:1;
  display:flex;flex-flow:row wrap;}
.checkoutform .address.invoiceaddress {margin-left:.5rem;}
.checkoutform .differentinvoiceaddress {flex-basis:100%;}
.checkoutform .addresses > .address > * {flex-basis:100%;}
.checkoutform > * {margin-bottom:1em;}

.checkoutform .item {display:flex;flex-flow:row wrap;}
.checkoutform .item .delete {display:none;}
.checkoutform .items-wrapper {border-radius:5px;}
.checkoutform .cart .item-data {flex-basis:var(--minW);flex-grow:100;margin-right:1em;display:flex;flex-flow:row wrap;}
.checkoutform .item {margin-bottom:2px;color:var(--darkBlue);}
.checkoutform .cart .productId {flex-basis:5em;display:none;}
.checkoutform .cart .casing.gift {display:none;}
.checkoutform .cart .packagingQty.gift {display:none;}
.checkoutform .cart .qty {margin-right:1em;}
.checkoutform .cart .casing {flex-basis:2em;}
.checkoutform .cart .packagingQty {flex-basis:1em;margin-right:.5em;}
.checkoutform .cart .packagingQty:before {content:"(";}
.checkoutform .cart .packagingQty:after {content:")";}
.checkoutform .cart .productTitle {flex-basis:5em;flex-grow:10;}
.checkoutform .cart .productPrice {flex-basis:3em;flex-grow:1;text-align:right;}
.checkoutform .cart .productPrice:before {content:"à";margin-right:.5em;}

.checkoutform .total {flex-grow:1;display:flex;}
.checkoutform .total:before {flex-grow:1;text-align:left;margin-right:1em;}

.checkoutform .subgrandtotal .total:before {content:"Subotaal";}
.checkoutform .item.vat .total:before {content:"BTW";}
.checkoutform .grandtotal .total:before {content:"Totaal";}

.checkoutform .totalPrice,
.checkoutform .grandtotalPrice {flex-basis:5em;! flex-grow:1; text-align:right;}
.checkoutform .grandtotalPrice {border-top:solid 1px;font-weight:var(--fontBold);}
.checkoutform .subgrandtotal,
.checkoutform .grandtotal {font-weight:var(--fontBold);border-top:solid 1px;}

.checkoutform .item .text,
.checkoutform .deliverytext {flex-grow:1;margin:0 1em 0 0;}
.checkoutform .formelement.checkoutmethod {margin-bottom:2rem;}
.checkoutform .terms .formfield {display:flex;flex-flow:row wrap;}
.checkoutform .terms label {flex-grow:1;}
.content .checkoutform label[for=terms] {font-weight:var(--fontRegular);margin-left:.5em;}
.checkoutform .formelement.buttons {margin-top:2rem;}

.checkoutform .formstep {
  margin-bottom:2rem;
  flex-basis:var(--minW);flex-grow:1;
  display:flex;flex-flow:row wrap;
}

.checkoutform .formstep.giftdata {background-color:var(--tintYellow);padding:1rem;}

/* EMAILFORMBOX
----------------------------------------------------*/
.emailformbox .emailheader h2 {display:flex;}
.emailformbox .emailheader h2 .date {flex-basis:110px;}
.emailformbox .emailheader h2 .time {flex-basis:60px;}
.emailformbox .emailheader h2 .subject {flex-grow:1;}

/* FORMS
----------------------------------------------------*/
#content-wrapper input, #content-wrapper textarea {font-size:16px!important;}
.formelement:not(.buttons) {min-width:var(--minW);}
form.ps-form {padding:1rem;}
form label,.fieldlabel {font-weight:var(--fontMedium);color:var(--darkBlue);}
form label.checkbox {color:inherit;font-weight:var(--fontRegular);}
form input[type=checkbox] {margin-right:.5em;}
.signin .ps-form {margin-bottom:2em;}
.content .fieldlabel,.content .formfield {flex-basis:calc(100%);}
.formfield label.checkbox {margin:0 1.5em .5em 0;display:flex;}
.multi-email label {display:block;}
.content-wrapper .formelement.grecatcha {background:none;}

.emailform-wrapper {padding-bottom:2rem;}
.emailform-body {display:flex;flex-flow:row wrap;align-items:flex-start;}
.emailform-body > * {flex-basis:100%;flex-grow:1;min-width:var(--minW);}
.emailform-body > .emailform-text {flex-basis:20%;margin-bottom:2em;}
.emailform-body > .emailform-form {flex-basis:60%;}
.emailform.ps-form {background:none;}
.emailform.ps-form input,
.emailform.ps-form textarea {background:none!important;}
.emailform.ps-form *:focus {background:var(--darkRose)!important;}
#content-wrapper .emailform input.ff-checkbox {width:auto!important;}

.emailform-body .xtoaddress.to1:before {content:"Bericht bestemd voor";
  display:block;flex-basis:100%;font-weight:var(--fontBold);font-size:var(--font2);}

input.confirmpassword {text-align:center;}

/* signin form */
.ps-form.signinform{background:var(--purple);}
.ps-form.signinform label{color:white;}

.ps-form.User .formelement.firstname {flex-basis:40%;}
.ps-form.User .formelement.lastname {flex-basis:40%;}
.ps-form.User .formelement.zip {flex-basis:8rem;flex-grow:0;min-width:auto;}
.ps-form.User .formelement.city {flex-basis:40%;}

/* recipe form */
.recipe-wrapper .ps-form {padding:0;background:none;}
.recipe-wrapper form button {background-color:var(--darkBlue);color:white;}
.recipe-wrapper input {border:0;border-bottom:solid 2px;background:none; }

/* HTML
----------------------------------------------------- */
.html.results > iframe {width:100%;height:600px;}

/* INFORMATION
----------------------------------------------------- */
.informationgroup {display:flex;flex-flow:row wrap;margin:0 -1rem;}
.informationgroup > * {margin:0 1rem;}
.content > .information-wrapper {padding-top:2rem;}

/* LIBRARY
----------------------------------------------------- */
.library-wrapper {margin:2em auto;}
.library-wrapper h1 {text-align:center;}
.folders {display:flex;flex-flow:row wrap;justify-content:center;}
.folders > * {margin:.5em;flex-basis:var(--cardW);flex-grow:1;}
.folder-item-wrapper {padding:1rem;background-color:var(--tintBlue);margin-bottom:1rem;}
.folder-item {font-size:var(--font-1);}
.folder-item .text {line-height:1.4;}
.folder-item .item-date {flex-basis:80px;font-size:var(--font-2);color:var(--blue);}
.folder-item button {font-size:var(--font1);}

/* MEMBERS
----------------------------------------------------*/
.substitutes-wrapper {display:none;}
.members-wrapper > .date {margin-bottom:1rem;font-style:italic;}
.members-wrapper > .date:before {content:"Bijgewerkt d.d.";margin-right:.25em;}
.members-wrapper > .date:after {content:"uur";margin-left:.25em;}
.member-wrapper:nth-child(odd) {background-color:var(--tintBlue);}
.member {display:flex;flex-flow:row wrap;padding:.25rem;}
.member * {font-size:var(--font-1);}
#members .member[href]:hover {background-color:var(--blue);color:white;}

.member > .image-wrapper {flex-basis:50px;margin:.25em;}
.member > .image-wrapper > .image {width:50px;height:50px;border-radius:6px;}
.member .nbb {flex-basis:7rem;}
.member .nbb > * {display:flex;}
.member .nbb > *:before {flex-basis:3em;}
.member .lidnr:before {content:"Lidnr.";color:var(--red);}
.member .mp:before {content:"MP";color:var(--red);}
.member .gender {flex-basis:1rem;}
.member .fn {flex-basis:16rem;}
.member .firstname {}
.member .initials {}
.member .lastname {font-size:var(--font1);font-weight:var(--fontBold)}
.member .middlename {flex-basis:3rem;}
.member .address {flex-basis:16em}
.member .contactinfo {flex-basis:10em;}
.member .contactinfo > * {margin-bottom:.5em;}
.member .addtogoogle button {font-size:var(--font-2);margin-top:.25em;}
.member .email {flex-basis:18em;flex-grow:1;}
.member .mp {flex-basis:3rem}
.member .birthdate {flex-basis:4rem}

/* MULTIPLE
----------------------------------------------------*/
.content > .multiple {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.multiple > .multiple-section-wrapper {flex-basis:100%;}
.multiple > .multiple-section-wrapper.picture {min-width:var(--minW);text-align:center;align-self: flex-start;}
.multiple .picfolder > * {color:var(--purple);}
.multiple .picolder-wrapper h1 {font-size:var(--font10);}
.multiple .picture .text {padding-bottom:.5rem;min-height:3rem;display:flex;align-items:center;justify-content:center;}

/* homepage */
.homepage .multiple-section-wrapper.p1 {}
.homepage .multiple-section-wrapper.picture {padding:2rem;flex-basis:var(--subContentW);margin:2rem 1rem;}
.homepage .multiple-section-information.promo {flex-basis:var(--subContentW);margin:2rem 1rem;border-radius:1rem;}
.homepage .multiple-section-information.promo {
  padding:3rem 2rem;
  background-color:var(--darkBlue);
  color:var(--darkRose);}
.homepage .multiple-section-information.promo h1 {color:white;font-size:var(--font15);}
.homepage .multiple-section-information.promo h1:has(+h2) {margin-bottom:0;}
.homepage .multiple-section-information.promo h2 {color:white;font-size:var(--font5);margin:0;}
.homepage .multiple-section-information.promo .relatedlinks {margin-top:3rem;}
.homepage .multiple-section-reviews {padding:1rem;}

.homepage .multiple-picture.gift {position:relative;}
.multiple-gift-wrapper {
  position:absolute;top:10%;right:5vw;
  max-width:calc(100% - 10vw - 2rem);
  background:rgba(246, 241, 240, 0.9);
  padding:1rem;color:white;border-radius:1rem;
  display:flex;flex-flow:row;justify-content:center;align-items:center;
}
.multiple-gift-wrapper > .image {
  flex-basis:30vw;height:30vw;min-width:100px;min-height:100px;max-width:200px;max-height:200px;
  margin:1rem;border-radius:.5em;}
.multiple-gift-wrapper > .multiple-gift {flex-basis:30vw;min-width:250px;flex-grow:1;min-width:200px;max-width:var(--subContentW);}
.multiple-gift-wrapper h2 {font-size:var(--font10);}
.multiple-gift-wrapper .text {font-size:var(--font10)!important;color:var(--purple)!important;font-weight:var(--fontLight)!important;}
.multiple-gift-wrapper a.cta {background-color:var(--darkBlue);color:white;}

.homepage .multiple-section-catalog {padding:2rem 0;}
.homepage .multiple-section-reviews {padding:2rem 0;width:100vw;}

/* multiple linkoverview */
.multiple-linkoverview {
  width:100%; padding:2rem 0;position:relative;
  background-color:var(--rose);
}
.multiple-linkoverview > .editwrapper {position:absolute;top:0;left:50%;}
.multiple-section-linkoverview h1 {
  text-align: center;font-size:var(--font20);font-weight:var(--fontLight);
}
.multiple-section-linkoverview .linkoverview {
  display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
}
.multiple-section-linkoverview .linkoverview > * {
  flex-basis:300px;margin:1rem;;
}

/* MY
----------------------------------------------------*/
.my-wrapper {display:flex;flex-flow:row wrap;margin:0 -.5rem}
.my-wrapper > * {margin:0 .5rem 1rem;}
.my-wrapper > .my-header {flex-basis:100%;}
.my-wrapper > .my-profile-wrapper {flex-basis:var(--asideW);}

.my-profile .userfields {display:flex;flex-flow:row wrap;}
.my-profile .field-wrapper {flex-basis:100%;display:flex;}

.my-profile .field-wrapper.function {margin-bottom:1em;}
.my-profile .field-wrapper.company {font-weight:var(--fontBold);}
.my-profile .field-wrapper.zip {flex-basis:60px;}
.my-profile .field-wrapper.city {flex-basis:150px;flex-grow:1;margin-bottom:1em;}

/* NEWS
----------------------------------------------------*/
.newsitem {margin-bottom:2rem;}
.short-newsitems {
  margin-top:1rem;
  column-count: 4;
  column-gap: var(--marginW);
}
.short-newsitem-wrapper {
  break-inside: avoid;
  margin-bottom: 16px;
  padding: 12px;
  background: #fff;
  border-radius: 10px;
  box-shadow:var(--boxShadow);
}
.short-newsitem {display:flex;flex-direction:column;align-items:center;text-align:center;}

.news .video-wrapper {position:relative;}
.video-wrapper > .editwrapper {position:absolute;top:.25rem;left:.25rem;z-index:1;}

.date-author {font-size:var(--font-2);font-variant:small-caps;
  display:flex;flex-flow:row wrap;margin:0 0 1em;}
.date {margin:0 .5em 0 0;}
.todate:before {content:"-";margin-right:5px;}
.author {font-weight:var(--fontBold);}

/* ORDER
----------------------------------------------------- */
.content > .order .invoiceform {margin-bottom:2em;}
.content > .order,
.content > .order .payment-wrapper {margin-bottom:2em;}
.content > .order .paymentstatus .payment {margin-bottom:1em;font-size:112.5%;font-weight:bold;}
.content > .order .paymentstatus .payment.ideal:before {content:"Betaald d.m.v. iDeal: ";}
.content > .order .paymentstatus .payment.banktransfer:before {content:"Betaald d.m.v. bankoverboeking: ";}

.content > .order .invoice {background-color:white;;padding:1rem 1rem 3rem;box-shadow:var(--boxShadow);}
.content > .order .invoiceheader {display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:2em;}
.content > .order .invoiceheader .image {width:var(--logoW)}
.content > .order .invoiceheader .colofon {flex-grow:1;text-align:right;}
.content > .order .invoiceheader .colofon .title {font-weight:bold;}
.content > .order .invoiceheader .colofon .title:after {content:" is een product van";}
.content > .order .invoiceheader .colofon .name {font-size:125%;font-weight:bold;margin-top:1em;}
.content > .order .invoiceheader .colofon .coc:before {content:"Kvk: ";font-weight:bold;}
.content > .order .invoiceheader .colofon .vat:before {content:"BTW: ";font-weight:bold;}
.content > .order .invoiceheader .colofon .bank:before {content:"Bank: ";font-weight:bold;}

.content > .order .orderdate:before {content:"Datum: ";font-weight:bold;}
.content > .order .invoicenumber:before {content:"Bestelnummer: ";font-weight:bold;}
.content > .order .addresses {display:flex;flex-flow:row wrap;margin:1em -1em;}
.content > .order .addresses > * {margin:0 1em;flex-basis:300px;flex-grow:1;}
.content > .order .sendaddress:before {content:"Verzendadres";font-weight:bold;}
.content > .order .invoiceaddress:before {content:"Factuuradres";font-weight:bold;}
.content > .order .orderlines {border-top:solid 1px;}
.content > .order .orderline {display:flex;flex-flow:row wrap;margin:1em -.5em;}
.content > .order .orderline > * {margin:0 .5em;display:flex;flex-flow:column;}
.content > .order .orderline > *:before {font-size:75%;color:#BDA073;}
.content > .order .orderline .productid {flex-basis:100px;}
.content > .order .orderline .productid:before {content:"Productcode";}
.content > .order .orderline .producttitle {flex-grow:1;}
.content > .order .orderline .producttitle:before {content:"Omschrijving";}
.content > .order .orderline .qty {align-items:center;}
.content > .order .orderline .qty:before {content:"Aantal";}
.content > .order .orderline .price {align-items:flex-end;;}
.content > .order .orderline .price:before {content:"Prijs/stuk";}
.content > .order .orderline .totalprice {align-items:flex-end;}
.content > .order .orderline .totalprice:before {content:"Totaal";}

.content > .order .ordertotalexvat {text-align:right;margin-top:2em;}
.content > .order .ordertotalexvat:before {content:"Excl. BTW";font-weight:bold;margin-right:1em;}
.content > .order .ordertotalvat {text-align:right;margin-bottom:2em;}
.content > .order .ordertotalvat:before {content:"BTW";font-weight:bold;margin-right:1em;}
.content > .order .ordertotal {text-align:right;border-top:solid 1px;font-weight:bold;font-size:125%;margin-bottom:1em;}
.content > .order .ordertotal:before {content:"TOTAAL";margin-right:1em;}

/* ORDERMANAGEMENT
----------------------------------------------------- */
.ordermgt h2,.ordermgt h3 {text-transform:capitalize;}
.legend {margin:0 -.25em .5em;}
.legend span {margin:.25em;padding:.5em 1em;font-size:75%;}
.ordermgt .paid {background:#bffcc3;}
.ordermgt .open {background:#f7bebe;}
.ordermgt .cancelled {background:#fcf3b0;}
.ordermgt .expired {background:#eee;}
.ordermgt .cancelled {background:#fcf3b0;}

.ordermgt .order-wrapper {display:flex;flex-flow:row wrap;background-color:lightgrey;margin-bottom:2px;}
.ordermgt .order {padding:.5em;flex-grow:1;
  display:flex;flex-flow:row wrap;}
.ordermgt .order > * {margin:0 3px;}
.ordermgt .order-wrapper:hover {background:var(--purple);}
.ordermgt .order-wrapper:hover .delete {color:white;}

.ordermgt .order span {margin:0 .25em;}
.ordermgt .order .date {flex-basis:6em;}
.ordermgt .order .time {flex-basis:3em;}
.ordermgt .order .orderrid {flex-basis:3em;}
.ordermgt .order .attn1 {flex-basis:8em;}
.ordermgt .order .extrafield1 {flex-basis:5em;flex-grow:1;}
.ordermgt .order .ordertotal {font-weight:var(--fontBold);}
.ordermgt .order .ordertotal:before {content:"Ordertotaal:";margin-right:.5em;}
.ordermgt .order .method {flex-basis:60px;}
.ordermgt .order .amount {flex-basis:80px;text-align:right;}

.ordermgt .orderlines {flex-basis:15em;flex-grow:1;}
.ordermgt .orderlineitem {}
.ordermgt .orderlineitem.productid {width:3em;}
.ordermgt .orderlineitem.producttitle {width:5em;flex-grow:1;}
.ordermgt .orderlineitem.qty {width:50px;}
.ordermgt .orderlineitem.productprice {width:100px;text-align:right}
.ordermgt .orderlineitem.orderlineprice {width:100px;float:right;text-align:right}

.ordermgt .payments {flex-basis:100%;margin:0;}
.ordermgt .payment {text-align:right;padding:.5em;margin-bottom:1px;}
.ordermgt .method.ideal:after {content:"iDeal: ";}
.ordermgt .amount {margin:0 .5em}

.orderpayment.open {background:red;color:#fff;}
.orderpayment.paid {background:green;color:#fff;}
.orderpayment.cancelled {background:orange;color:#fff;}

/* PICFOLDER
----------------------------------------------------*/
.swiper.picfolder-wrapper {position:relative;}
.picfolder-wrapper .editwrapper {position:absolute;top:0;left:0;}
.swiper .pictures {overflow:hidden;}

/* usp pics */
.picfolder-wrapper.usp {padding:2rem 0;text-align:center;background-color:var(--darkGreen);}
.picfolder-wrapper.usp h1 {color:white;font-size:var(--font20);}
.picfolder-wrapper.usp .pictures .-wrapper {display:flex;flex-flow:row wrap;justify-content:center;}
.picfolder-wrapper.usp .pictures .-wrapper > * {margin:1rem;position:relative; }
.picfolder-wrapper.usp .pictures .-wrapper .picture {
  padding-top:7rem;background-color:white;border-radius:2rem;border:solid .25rem var(--offWhite);
  box-shadow:0 1rem 25px black;
}
.picfolder-wrapper.usp .pictures .-wrapper .picture > h2 {
  margin:1rem 0 .5em;
  font-size:var(--font15);font-weight:var(--fontBold);color:var(--darkPurple);
  position:absolute;top:0;left:0;width:100%;text-align:center;
}
.picfolder-wrapper.usp h1:after,
.picfolder-wrapper.usp .pictures .-wrapper .picture > h2:after{
  content:" ";display:block;width:50%;height:6px;margin:.25rem 25% 1rem;
  border-radius:60%;box-shadow:0 2px 4px var(--darkGreen);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc402+0,ede090+100 */
  background: radial-gradient(ellipse at center,  #ffc402 0%,#ede090 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.picfolder-wrapper.usp .pictures .-wrapper .picture img {
  width:180px;border-radius: 0 0 2rem 2rem;
}

.picfolder-wrapper.usp .pictures .-wrapper .picture > .text {
  font-size:var(--font1);font-weight:var(--fontBold);
  position:absolute;top:5rem;width:100%;text-align:center;
}

/* PRICINGTAGS
----------------------------------------------------*/
.pricetags-wrapper .pricetags {display:flex;flex-flow:row wrap;margin:0 -1rem;}
.pricetag-wrapper {margin:1rem;padding:1rem;}
.pricetag-wrapper > * {color:white;}
.pricetag .price {display:flex;white-space:nowrap;border-bottom:solid 1px;padding:.25rem 0; }
.pricetag .price:before {flex-basis:150px;margin-right:.5rem;font-weight:var(--fontBold);}
.pricetag .price1:before {content:"1. Consumentenprijs"}
.pricetag .price2:before {content:"2. 1-500 stuks"}
.pricetag .price3:before {content:"3. 501-1000 stuks"}
.pricetag .price4:before {content:"4. 1001+ stuks"}

/* recipes
----------------------------------------------------- */
.recipes-wrapper {display:flex;flex-flow:column;align-items:center;}
.recipes {display:flex;flex-flow:column-reverse;}
.recipes > * {margin:0 1rem;}
.recipes .recipes-index {flex-grow:1;
  display:flex;flex-flow:row wrap;justify-content:center;}
.short-recipe-wrapper {flex-basis:var(--cardW);padding:0 0 .5rem;margin:.5rem .5rem 1rem;position:relative;}
.short-recipe-wrapper > .image {height:200px;margin-bottom:1rem;
  background-size:100%;
  transition: .5s background-size .0s;}
.short-recipe-wrapper:hover .image {
  background-size:110%;
  transition: .5s background-size .0s;}
.short-recipe {display:flex;flex-flow:column;}
.short-recipe h2 {text-align:center;}
.short-recipe .tagvalues {position:absolute;top:-5px;right:-5px;width:100%;
  display:flex;flex-flow:row wrap;justify-content: flex-end}
.short-recipe .tagvalue {margin:1px;}
.short-recipe .tagvalue .image{width:28px;line-height:0;}
.recipes-wrapper:has(.recipe) .recipes-index {flex-basis:var(--asideW);flex-grow:0;align-self:flex-start;}
.recipes .recipe-wrapper {flex-basis:var(--subContentW);flex-grow:1;}
.recipe-wrapper h1 {margin-bottom:0;text-align:center;}
.recipe-wrapper .subtitle {font-size:var(--font1);letter-spacing:4px;text-align:center;margin:.5em 0 2rem;}
.recipe {display:flex;flex-flow:row wrap;margin:0 -.5rem 1rem;}
.recipe > * {margin:.5rem;}
.recipe .ingredients {flex-basis:30%;flex-grow:1;font-size:var(--font-2);}
.recipe .tagvalues {display:flex;flex-flow:row wrap;margin:0 -1em;}
.recipe .tagvalue {flex-basis:30%;margin:1em;}
.recipe .preparation {flex-basis:55%;flex-grow:1;min-width:var(--minW);}
.send-recipeform-wrapper {margin-top:2rem;background-color:var(--darkRose);padding:2rem;}
.send-recipeform-wrapper h2 {color:var(--darkGreen);}

/* REVIEWS
----------------------------------------------------*/
.reviews {/*! width:100%; */overflow:hidden;padding:1rem 0;}

.reviews-wrapper {position:relative;}
.reviews-wrapper > .editwrapper {position:absolute;left:50%;top:1rem;}
.reviews-wrapper > h1 {font-size:var(--font15);font-weight:var(--fontLight);text-align:center;}
.reviews-wrapper > .text {font-size:var(--font15);font-weight:var(--fontLight);}

.review-wrapper {height:250px;border-radius:1rem;
  box-shadow:var(--boxShadow);
  width:var(--cardW);background-color:white;padding:1rem;
  display:flex;flex-flow:column;
}
.review-wrapper > .editwrapper {position:absolute;left:0;top:0;}
.review-wrapper h1 {font-size:var(--font1)}
.review-wrapper > h1:before,
.review-wrapper > .text > p:first-child:before{
    content: open-quote;
}
.review-wrapper > h1:after,
.review-wrapper > .text > p:last-child:after{
    content: close-quote;
}
.review-wrapper > .text {flex-grow:1;font-size:var(--font-2);}
.review-wrapper .name {font-weight:var(--fontBold);}
.review-wrapper .name:before {content:"-";margin-right:.25em;}

.review-score-wrapper {display:flex;margin:1rem 0;}
.review-score {width:20px;height:20px;
  background-image:url(/images/layout/review-star.png);
  background-size:cover;
}

/* SCHOOLGUIDE
----------------------------------------------------*/
.schoolguide-wrapper h1 {font-size:var(--font20);text-align:center;}
.schoolguide-wrapper h2 {font-size:var(--font10);}

.schoolguide-wrapper > .image {height:var(--bannerH);background-size:100%;margin-bottom:1rem;}
.schoolguide-wrapper > * {flex-basis:var(--subContentW);min-width:var(--minW);}

.schoolguide-wrapper > .schoolguide {padding-top:2rem;}
.paragraph-wrapper {}
.paragraph-wrapper.hasimage {
  display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
}
.paragraph-wrapper.hasimage > * {min-width:var(--minW);margin:2rem;}
.paragraph-wrapper.hasimage > .paragraph {flex-basis:var(--subContentW);}
.paragraph-wrapper.hasimage > .image {flex-basis:30%;}
.paragraph-wrapper.hasimage h2 {text-align:center;}
.paragraph-wrapper.hasimage .paragraph-data {padding:1rem;}

.paragraph-wrapper:nth-child(even) > .image {order:2;}

/* faq */
.schoolguide-wrapper.faq h2 {display:flex;align-items:baseline;}
.schoolguide-wrapper.faq .icon-down-open:before{
  transition:transform .3s linear 0s;
}
.schoolguide-wrapper.faq .icon-down-open.open:before{
  transform:rotate(180deg);
  transition:transform .3s linear 0s;
}
.schoolguide-wrapper.faq .paragraph-wrapper {}
.schoolguide-wrapper.faq h2+* {
  max-height:0;padding:0;overflow:hidden;
  transition:max-height .2s linear .01s;
}
.schoolguide-wrapper.faq h2.open+* {
  max-height:1000px;
  transition:max-height .5s linear .1s;
}

/* usp */
.schoolguide-wrapper.usp .paragraphs-wrapper {}
.schoolguide-wrapper.usp .paragraphs {display:flex;flex-flow:row wrap;justify-content:center;margin:2rem 0;}
.schoolguide-wrapper.usp .paragraphs > *  {flex-basis:var(--cardW);margin:1rem!important;}
.schoolguide-wrapper.usp .paragraphs > *:first-child  {flex-basis:100%;font-size:125%;}
.schoolguide-wrapper.usp .paragraph ol {list-style:none;}
.schoolguide-wrapper.usp .paragraph li:before {font-size:125%;}
.schoolguide-wrapper.usp .paragraph .icon-bug:before {color:red;}


.catalog-wrapper .schoolguide h1 {font-size:var(--font10);}
.paragraph-wrapper.usp {flex-basis:var(--contentW);max-width:var(--maxW);}
.paragraph-wrapper.usp table {border:none;}
.paragraph-wrapper.usp td {padding:.25em .5em;border:none;text-align:center;border-radius:2rem}
.paragraph-wrapper.usp tbody tr:first-child td:nth-child(1) {color:var(--darkPurple);font-size:var(--font10)}
.paragraph-wrapper.usp tbody tr:first-child td:nth-child(3) {color:var(--red);font-size:var(--font5)}
.paragraph-wrapper.usp tbody tr:first-child td {font-weight:var(--fontBold);}

.paragraph-wrapper.usp tr:not(:first-child) td {border-bottom:solid 2px var(--rose);}

.paragraph-wrapper.usp td:before {font-family: "fontello";margin-right:.25em;}
.paragraph-wrapper.usp tr:not(:first-child) td:nth-child(1):before {content: '\e825';}
.paragraph-wrapper.usp tr:not(:first-child) td:nth-child(3):before {;content: '\e806';}

.paragraph-wrapper.usp tr:not(:first-child) td {font-size:var(--font2);}
.paragraph-wrapper.usp tr:not(:first-child) td:nth-child(1) {background-color:rgba(29, 80, 39, 0.15);color:var(--darkGreen);font-size:var(--font2);width:25%;}
.paragraph-wrapper.usp tr:not(:first-child) td:nth-child(2) {color:var(--darkBlue);}
.paragraph-wrapper.usp tr:not(:first-child) td:nth-child(3) {background-color:rgba(198, 43, 43, 0.15);color:var(--red);width:25%;}

/* SITEMAP
----------------------------------------------------*/
.content > .sitemap {display:flex;flex-flow:row wrap;}
.content > .sitemap > .subsitemap {margin:1em;min-width:200px;flex-grow:1;}
.content > .sitemap li {display:flex;flex-flow:row wrap;}
.content > .sitemap li > .submenu {flex-basis:100%;}

/* VIDEO
----------------------------------------------------*/
.video-overlay {display:none;
  background-color:var(--rose);color:var(--malibu);opacity:.7;box-shadow:var(--boxShadowBlack);}

/* WHATSAPP BA
----------------------------------------------------*/
.whatsappba-wrapper .token .value {overflow:auto;padding-bottom:.5em;}
.wa-logitem-wrapper {}
.wa-logitem-wrapper:nth-child(odd){background-color:var(--tintBlue);}
.wa-logitem {display:flex;flex-flow:row wrap;align-items:baseline;margin:.5rem;}
.wa-logitem .date-time {flex-basis:10em;color:var(--red);}
.wa-logitem .field {margin:0 .25em;}
.wa-logitem .field.name {flex-basis:15em;}
.wa-logitem .field.phone {flex-basis:8em;}
.wa-logitem .field.text {flex-grow:1;}
.wa-logitem .itemactions {color:var(--red);}
.wa-logitem .origin {flex-basis:100%;overflow:auto;padding:.5em;margin-top:1em;
  background-color:var(--tintYellow);
}

/* XLOCATIONS
----------------------------------------------------*/
.xlocation-wrapper {display:flex;flex-flow:row wrap;padding:1rem;margin:0 -.5rem 2rem;background:var(--purple);}
.xlocation-wrapper h2, .xlocation-wrapper .text {color:white;}
.xlocation-wrapper > * {margin:.5rem;}
.xlocation-wrapper .image {flex-basis:var(--minW);margin-bottom:1em;}
.xlocation-wrapper .xlocation {flex-basis:var(--minW);flex-grow:1;}
.xlocation-wrapper .text {}
.xlocation-wrapper .full-address {padding-top:1em;color:white;font-weight:var(--fontBold);}
.xlocation-wrapper .zip {margin-right:.5em;}