@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,700i&display=swap');
body {font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;color: #000;background: #faf7f5;}
a { background-color: transparent; color: #ff9900;transition: all 0.2s linear 0s; }
a:active, a:hover {outline: 0;color: #ff9900;transition: all 0.2s linear 0s; }
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
.error {color: #f00;}
.warning {background: #2199e8;color: #fefefe; padding: 0.2rem 0.5rem; margin: 0 0 0.5rem 0;}
.bggr {font-size: 3rem;margin: 0 0 0 1rem;padding: 0;}
.wttr {color: #fff;}


/* paddings */
.strtr {padding-top: 10rem;}
.contentpadz {padding: 3rem 1rem;}
.contentpadz_prod_detail {padding: 3rem 2rem;}
.nozzin {padding: 0;margin: 0;}
.hovermoi {opacity: 1; transition: all 0.3s linear 0s;}
.hovermoi:hover {opacity: 0.6; transition: all 0.3s linear 0s;cursor: pointer;}
.bg_white {background: #fff;}
.gen_message {margin: 0 ;}

/* topbar */
.sticky {width: 100%; z-index: 999;}
.reveal-overlay {z-index:999;}
.top-bar {background:#fff;transition: all 0.4s ease-in-out;padding-bottom: 0.5rem; }
.title-bar {background:#fff;padding: 1rem 1rem; }
.title-bar-title {position: absolute;right: 1rem;top:0.8rem; }
.top-bar ul {background:#fff; }
.top-bar ul li {background:#fff;text-transform: uppercase;}
.top-bar ul li i {font-size: 1.5rem;color: #000;transition: all 0.2s linear 0s;} /*#c60*/
.top-bar ul li sup {color: #000;transition: all 0.2s linear 0s;} /*#c60*/
.top-bar ul li i:hover, .top-bar ul li sup:hover {color: #f90;transition: all 0.2s linear 0s;}
.top-bar ul li a img {line-height: 1rem;margin-left: 0;}
.top-bar ul li a {color: #111;line-height: 2rem;text-transform: uppercase;font-weight: 700;padding-left: 0.5rem;}
.top-bar ul li:last-child {padding-right: 0;}
.top-bar ul li a:hover {color: #f90;background: #fff; }
.top-bar ul li.active a {color: #f90;background: #fff;text-decoration: underline; }
.menu-text {color: inherit;line-height: 1;padding-top: 0;padding-bottom: 0;padding: 0rem; }
.top-bar ul li .menu-text:hover {background: none !important;}
.top-bar ul li .headsearch {border: 0px;font-size: 0.8rem;background: #fff;color: #000;}
.button.search {background-color: #fff;color: #000;border: 0px;margin-left: 0rem;}
.button.search:hover, .button.search:focus {background-color: #fff;color: #000; }

/* submenu */
.submenu_pane {background: #f90;border-bottom: 1px solid #f1f1f1;padding:1rem 0 0.5rem 0; margin: 0; }
.menu_sub li {font-size: 0.9rem;color: #fff; }
.menu_sub a {color: #fff;padding: 0; }
.menu_sub a:hover {color: #fff; text-decoration: underline; }
.menu_sub li.active a {color: #f90;background: #fff;text-decoration: none; }

/* 2024 */
.callout_firestarter {margin: 4rem 0;padding: 2rem;background-color: #ccc;border-radius: 1rem;}
.callout_firestarter_white {margin: 4rem 0;padding: 2rem;background-color: #fff;border-radius: 1rem;}
.callout_firestarter_txt {margin: 1rem;padding: 2rem 2rem 1rem 2rem;background-color: #fff;border-radius: 1rem;border: 1px solid rgba(0,0,0, 0.1);}
.callout_firestarter_txt h1 {font-size: 3.5rem;line-height: 3.2rem;}
.callout_firestarter_txt p a{color: #f8991d;}
.callout_firestarter_txt p a:hover {color:#111; text-decoration: underline;}
.callout_firestarter_white {margin: 4rem 0;padding: 2rem;background-color: #fff;border-radius: 1rem;border: 1px solid rgba(0,0,0, 0.1);}
.callout_firestarter_white p a{font-weight: 700;color: #f8991d;}
.callout_firestarter_white p a:hover {color:#111;text-decoration: underline;}
.gen_white { background: #fff;padding: 4rem 0; }
.gen_bgorange {background: #f8991d;}

.callout_firestarter_orng {margin: 4rem 0;padding: 2rem;background-color: #f8991d;border-radius: 1rem;}

.callout_firestarter_prod {margin: 0rem;padding: 2rem 2rem 1rem 2rem;background-color: #fff;border-radius: 1rem;border: 1px solid rgba(0,0,0, 0.1);}
.callout_firestarter_prod h1 {font-size: 3.5rem;line-height: 3.2rem;}
.callout_firestarter_prod p a{font-weight: 700;color: #111;}
.callout_firestarter_prod p a:hover {color:#111;}

.callout_firestarter_hub {margin: 0rem;padding: 1rem;background-color: #fff;border-radius: 1rem;border: 1px solid rgba(0,0,0, 0.1);}
.callout_firestarter_hub p a{color: #111;}
.callout_firestarter_hub p a:hover {color:#111;}

.callout_firestarter_orng {margin: 1rem;padding: 2rem 2rem 1rem 2rem;background-color: #f8991d;border-radius: 1rem;border: 0px solid rgba(0,0,0, 0.1);cursor: pointer;}
.callout_firestarter_orng p b, .callout_firestarter_orng p b a{color: #fff !important;font-size: 1.3rem;}
.callout_firestarter_orng p a{color: #fff;}
.callout_firestarter_orng p a:hover {color:#fff; text-decoration: underline;}

.orgn {background: #f8991d;color: #fff;}

/* 2024 new categories */
.menu-cat ol, ul {margin-left: 0rem;list-style-type: none;}
.menu-cat li.heading {color: #000;font-size: 1rem;text-transform: uppercase;font-weight: 700; }
.menu-cat li.active a {color: #f90;font-weight: bold;}
.menu-cat > li > a {display: block;padding: 0.7rem 0rem;line-height: 1;color: #111;font-size: 0.95rem;border-bottom: 1px dotted #666;list-style-type: none;}
.menu-cat > li > a:hover {color: #f90;}
.menu-cat .is-accordion-submenu-parent > a::after {border-color: #666 transparent transparent;right: 0rem;}

/* 2021 */
.home_header_block {padding: 5rem;}
.home_header_block h1 {color: #fff;}
.home_header_block p a:hover  {color: #fff;}

.callout_cat_block {margin: 0 0 0 0;padding: 2rem 2rem 1rem 2rem;background-color: #f90;text-align: center; }
.callout_cat_block p a{font-weight: 700;color: #630;}
.callout_cat_block p a:hover {color:#fff;}

/* generic */
.content_home_blocks {margin: 0;padding: 0;}
.callout_home_block {margin: 0;padding: 2rem;position: relative;color: #0a0a0a;background-color: #fff;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1);height: 400px;transition: all 0.3s linear 0s; }
.callout_home_block_last {margin: 0 0 0 0;padding: 2rem;position: relative;color: #0a0a0a;background-color: #fff;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 0px solid rgba(0,0,0, 0.1);transition: all 0.3s linear 0s; }
.callout_home_block h2, .callout_home_block_last h2 {font-size: 1.5rem;}
.callout_home_block:hover, .callout_home_block_last:hover {background: #faf7f5;transition: all 0.3s linear 0s;}


/* homepage */
.content_home_intro {background: rgba(0,0,0,0.8);margin: 0;padding: 0;height: 400px; }
.callout_start {margin: 250px 0 0 0;padding: 2rem 2rem 1.5rem 2rem;position: relative;color: #0a0a0a;background-color: #fff;transition: all 0.3s linear 0s;border-radius: 1rem; }
.callout_start h2 {font-weight: 500;font-size: 1.2rem;}
.callout_start i {color: #f90;font-size: 1.8rem;font-weight: 700;}
.callout_start a {color: #000;}
.homecnt h2 {font-size: 2rem;padding-bottom: 2rem;}

.callout_info {margin: 0 0 0 0;padding: 2rem 2rem 1rem 2rem;position: relative;background-color: #fff;transition: all 0.3s linear 0s;border-radius: 0; text-align: center;}
.callout_info h2 {font-weight: 500;font-size: 1.2rem;}
.callout_info i {color: #f90;font-size: 1.8rem;font-weight: 700;}
.callout_info a {color: #000;}

/* home login row */
.callout_homelogin {margin: 0 0 0 0;padding: 1rem 0 0 0;background-color: #fff;text-align: center;border-bottom: 1px solid #ccc; }

/* home acties */
.callout_home_blockinfo {padding: 1rem 0;}
.content_home_blockintop {height: 200px;}
.content_home_blockinf {padding: 1rem;height: 200px;background: rgba(0,0,0,0.4);}
.content_home_blockinf p {color:#fff;}
.content_home_blockinf h2 {color:#fff; font-size: 1.5rem;}



/* product op homepage */
.callout_home_prod {margin: 0;padding: 1rem 1rem 0 1rem;position: relative;color: #0a0a0a;background-color: #faf7f5;border: 1px solid rgba(0,0,0, 0.1);height: 400px;transition: all 0.3s linear 0s; }
.callout_home_prod_last {margin: 0 0 0 0;padding: 2rem;position: relative;color: #0a0a0a;background-color: #fff;border: 1px solid rgba(0,0,0, 0.1);transition: all 0.3s linear 0s; }
.callout_home_prod h2, .callout_home_prod_last h2 {font-size: 1.5rem;}
/*.callout_home_block1:hover, .callout_home_block1_last:hover {background: #ccc;transition: all 0.3s linear 0s;}*/
.callout_home_prod .cnt {min-height: 120px;}

.callout_home_prod_w {margin: 0;padding: 1rem 1rem 0 1rem;position: relative;color: #0a0a0a;background-color: #fff;border: 1px solid rgba(0,0,0, 0.1);;height: 400px;transition: all 0.3s linear 0s; }
.callout_home_prod_w_last {margin: 0 0 0 0;padding: 2rem;position: relative;color: #0a0a0a;background-color: #fff;border: 1px solid rgba(0,0,0, 0.1);transition: all 0.3s linear 0s; }
.callout_home_prod_w h2, .callout_home_prod_w h2 {font-size: 1.5rem;}
/*.callout_home_block1:hover, .callout_home_block1_last:hover {background: #ccc;transition: all 0.3s linear 0s;}*/
.callout_home_prod_w .cnt {min-height: 120px;}


/* video */
.callout_home_block_video {margin: 0 0 0 0;padding: 0;position: relative;color: #0a0a0a;background-color: #000;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1);height: 400px !important;}
.callout_home_block_video iframe {height: 400px !important; border: 0px solid red;  }
.callout_home_block_video iframe, .flex-video  {height: 400px !important; padding: 0; margin: 0;}
/* nieuwsbrief */
.callout_home_block_nieuwsbrief {margin: 0 0 0 0;padding: 1rem 4rem 0rem 2rem;position: relative;color: #0a0a0a;background-color: #fff;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1);height: 400px;transition: all 0.3s linear 0s; }
.callout_home_block_nieuwsbrief h2, .callout_home_block_last h2 {font-size: 1.5rem;}
.callout_home_block_nieuwsbrief:hover, .callout_home_block_last:hover {background: #faf7f5;transition: all 0.3s linear 0s;}
/*map*/
.callout_home_block_map {margin: 0 0 0 0;padding: 0;position: relative;color: #0a0a0a;background-color: #fff;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1);height: 400px; }
/*shortcut*/
.content_home_shortcuts {margin: 0;padding: 4rem 0; }
.callout_home {margin: 0 0 1rem 0;padding: 0.8rem;border: 1px solid rgba(0,0,0, 0.1);border-radius: 0;position: relative;color: #0a0a0a;background-color: #fff; opacity: 1;transition: all 0.3s linear 0s; }
/*actie*/
.callout_actie {margin: 0 0 0 0;padding: 2rem 2rem 2rem 2rem;position: relative;color: #fff;background-color: #ff9900;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1); }
.callout_actie h2 {font-size: 1.5rem;}
.callout_actie p a {color: #fff;}
.callout_actie p a:hover {color: #000;}
.callout_actie_block {margin: 0 0 0 0;padding: 2rem;position: relative;color: #000;background-color: #fff;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1); }
.callout_actie_block h2 {font-size: 1.5rem;}
.callout_actie_block_small {margin: 0 0 0 0;padding: 2rem;position: relative;color: #000;background-color: #f1f1f1;border-bottom: 1px solid rgba(0,0,0, 0.1);border-right: 1px solid rgba(0,0,0, 0.1); }
/* over ons */
.block_overons {opacity: 1;transition: all 0.3s linear 0s;}
.block_overons:hover {opacity: 0.5; cursor: pointer;transition: all 0.3s linear 0s;}
.block_overons h2 {font-size: 1.5rem;}

/* credits */
.credits {background:#f90;padding: 3rem 0 3rem 0;color: #fff;font-size: 1rem; }
.credits h5 {font-size: 1.1rem;}
.credits p { color: #fff;line-height: 1.6rem;}
.credits a { color: #fff;}
.credits a:hover { color: #fff; text-decoration: underline;}
.credits_bottom {background:#fff;padding: 1rem 0 0rem 0;border-top: 0px solid #484848;}
.credits_bottom p { color: #111;margin-top: 0.5rem;font-size: 0.8rem;}
.credits_bottom a { color: #111;}
.credits_bottom a:hover { color: #111;text-decoration: underline;}

/* buttons */
.button {text-transform: uppercase;font-weight: 700;border-radius: 5px;}
.button_nomargin {margin-bottom: 0;}
.button_topmargin {margin-top: 1rem;margin-bottom: 0;}
.button.submit {background-color: #ff9900;color: #fff; }
.button.submit:hover, .button.submit:focus {background-color: #000;color: #fff; }
.button.white {background-color: #fff;color: #333; }
.button.white:hover, .button.white:focus {background-color: #333;color: #fff; }
.button.dark {background-color: #333;color: #fff; }
.button.dark:hover, .button.dark:focus {background-color: #fff;color: #333; }
.button.grey {background-color: #f1f1f1;color: #333; }
.button.grey:hover, .button.grey:focus {background-color: #000;color: #fff; }
.button.black {background-color: #000;color: #fff; }
.button.black:hover, .button.black:focus {background-color: #ff9900;color: #fff; }
.button.next {background-color: #ff9900;color: #fff; }
.button.next:hover, .button.next:focus {background-color: #333;color: #fff; }
.button.prev {background-color: #f1f1f1;color: #333; }
.button.prev:hover, .button.prev:focus {background-color: #333;color: #fff; }
.button.pay {background-color: #339900;color: #fff; }
.button.pay:hover, .button.pay:focus {background-color: #333;color: #fff; }

/* form */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  /*height: 2.4375rem;*/
  height: 2.53rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

/* specific forms */
#id_interesse-catering-van, #id_interesse-aankleding {margin-left: 0;margin-top: 0.5rem; list-style: none;}

ul#id_payment_provider {
  margin-left: 0;
  margin-top: 0.5rem;
  list-style: none;
}

/* stijn forms */
form small {float:right;color: #999;margin-top: -1.4rem;}
form small.error {margin-top: -1rem !important;border: 0px solid red; }
form div.help { color:#999; font-size: 80%; }
input.stijn-form-field-error {border: 2px solid #f04124; }
.alert-box {border-style: solid;border-width: 1px;display: block;font-weight: normal;margin-bottom: 1.25rem;position: relative;padding: 0.875rem 1.5rem 0.875rem 0.875rem;font-size: 0.8125rem;transition: opacity 300ms ease-out;background-color: #ff9900;border-color: #ff9900;color: #ffffff; }
.alert-box.success {background-color: #ff9900;border-color: #ff9900;color: #fff; }

/* check buttons */
button.check-button, button.check-button:hover, button.check-button:focus {background-color: #333;}
button.check-button-checked, button.check-button-checked:hover, button.check-button-checked:focus { background-color: #f90;}
button.check-button-checked:before {content: "\f126";margin-right: 5px;font-family: "foundation-icons";font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1rem;display: inline-block;text-decoration: inherit;}
/* tabs */
.tabs-title {float: left; }
.tabs-title > a {display: block;padding: 1.25rem 1.5rem;line-height: 1;font-size: 1rem; }
.tabs-title > a:hover {background: #fefefe; color: #ff9900; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {background: #e6e6e6;color: #000; }
/* pagination */
.pagination_padz {background: #fff;border-top: 1px solid #f1f1f1;padding:2rem 0; margin: 0; }
.pagination {margin-left: 0;margin-bottom: 0; }
.pagination a, .pagination button {color: #ff9900;display: block;padding: 0.1875rem 0.625rem;border-radius: 0; }
.pagination a:hover, .pagination button:hover {background: #ff9900; color: #fff; }
.pagination .current  {padding: 0.1875rem 0.625rem;background: #ff9900; color: #fff !important; }
.pagination .current a  {padding: 0rem;background: #ff9900;color: #fff !important; }
/* labels */
.label {display: inline-block;padding: 0.5rem 0.5rem;font-size: 1rem;line-height: 1;white-space: nowrap;cursor: default;border-radius: 0;background: #2199e8;color: #fefefe; }
.label.secondary {background: #777;color: #fefefe; }
.label.success {background: #3adb76;color: #fefefe; }
.label.warning {background: #ffae00;color: #fefefe; }
.label.alert, .label.error {background: #f00;color: #fff; }
.label.alert a, .label.error a { color: #fff;}
.label.black {background: rgba(0,0,0,0.7);color: #fff; }
.label.grey {background:rgba(0,0,0,0.2);color: #000; }

/* products */
.callout_list {margin: 0 0 1rem 0;padding: 0.8rem;border: 1px solid rgba(0,0,0, 0.1);border-radius: 0;position: relative;color: #0a0a0a;background-color: #fff; opacity: 1;transition: all 0.3s linear 0s; }
.callout_list:hover {cursor: pointer;opacity: 0.8;transition: all 0.3s linear 0s;}
.callout_list h2 {font-size: 1rem;font-weight: 700;}
.callout_list .label.black {position: absolute; left: 0.8rem; right: 0.8rem; top: 0.8rem; z-index: 1;}
.product_detail {background: #333; }
.callout_prod {margin: 0 0 1rem 0;padding: 0.8rem;border: 1px solid rgba(0,0,0, 0.1);border-radius: 0;position: relative;color: #0a0a0a;background-color: #fff; opacity: 1;transition: all 0.3s linear 0s; }
.badge.week {display: inline-block;padding: 1em 0.6rem;min-width: 3em;font-size: 1rem;text-align: center;border-radius: 50%;background: #f90;color: #fff;font-size: 0.8rem; font-weight: 700;margin-bottom: 1rem;transition: background-color 300ms ease-out 0s;}
.badge.week_no {display: inline-block;padding: 1em 0.6rem;min-width: 3em;font-size: 1rem;text-align: center;border-radius: 50%;background: #f1f1f1;color: #ccc;font-size: 0.8rem; font-weight: 700;margin-bottom: 1rem;transition: background-color 300ms ease-out 0s; }
.badge.week:hover, .badge.week_no:hover {background: #000; cursor: pointer;}
.badge.week.badge_small, .badge.week_no.badge_small {padding: 1em 0.4rem;font-size: 0.6rem;}
.badge.week.badge_small {background:#f00;}
.badge.week.badge_small:hover, .badge.week_no.badge_small:hover {background:#000; cursor: pointer;}


/* producer */
.producer_list {opacity: 1;transition: all 0.3s linear 0s;}
.producer_list:hover {opacity: 0.5; cursor: pointer;transition: all 0.3s linear 0s;}
.producer_detail_products {padding: 3rem 0;background: #fff;}
/* klantenservice */
.callout_qa {margin: 0 0 1rem 0;padding: 1rem 1rem 0 1rem;border: 1px solid rgba(0,0,0, 0.1);border-radius: 0;position: relative;color: #0a0a0a;background-color: #fff; opacity: 1;transition: all 0.3s linear 0s; }
/* news */
.panelnewz_img_eerste {border-style: solid;border-width: 1px;border-color: #f1f1f1;margin-bottom: 2rem;padding: 1.25rem;background: #f69220;min-height: 480px;opacity: 1;cursor:pointer;}
.panelnewz_img_eerste h1 {font-size: 4rem;font-weight: 600;}
.panelnewz_img_eerste a h1, .panelnewz_img_eerste p, .panelnewz_img_eerste p a { color: #fff;text-shadow: 0px 0px 1px #000; }
.panelnewz_img_eerste:hover {opacity: 0.8;transition: all 0.2s linear 0s;}
.panelnewz_img_eerste:hover p a {color: #000;}
.panelnewz_img {border-style: solid;border-width: 1px;border-color: #f1f1f1;margin-bottom: 2rem;padding: 1.25rem;background: #f69220;min-height: 480px;opacity: 1;cursor:pointer;}
.panelnewz_img h2 {font-size: 2rem;font-weight: 600;}
.panelnewz_img a h2, .panelnewz_img p, .panelnewz_img p a { color: #fff;text-shadow: 0px 0px 1px #000; }
.panelnewz_img:hover {opacity: 0.8;transition: all 0.2s linear 0s;}
.panelnewz_img:hover p a {color: #000;}
.panelnewz {border-style: solid;border-width: 1px;border-color: #f1f1f1;margin-bottom: 2rem;padding: 1rem;background: #fff;min-height: 480px;opacity: 1;cursor:pointer; }
.panelnewz h2 {font-size: 1.2rem;font-weight: 600;margin: 1rem 0 1rem 0;}
.panelnewz:hover {opacity: 0.8;transition: all 0.2s linear 0s;}
.panelnewz:hover p a {color: #000;}
.panelnewz_top {border-style: solid;border-width: 1px;border-color: #f1f1f1;margin-bottom: 2rem;padding: 1.25rem;background: #fff;opacity: 1;cursor:pointer; }
.panelnewz_top:hover {opacity: 0.8;}
.panelnewz_top:hover p a {color: #000;}
.panelnewz_color {border-style: solid;border-width: 1px;border-color: #f1f1f1;margin-bottom: 2rem;padding: 1.25rem;background: #f69220;min-height: 480px;opacity: 1;cursor:pointer; }
.panelnewz_color h2 {font-size: 2rem;font-weight: 600;}
.panelnewz_color a h2, .panelnewz_color p, .panelnewz_color p a { color: #fff; }
.panelnewz_color:hover {opacity: 0.8;transition: all 0.2s linear 0s;}
.panelnewz_color:hover p a {color: #630;}
/* winkelwagen */
@keyframes blink-animation {0% { color: #f69220;} 50% { color: #000;} 100% { color: #f69220;} }
#cart-menu-item.animate a {animation-name: blink-animation;animation-duration: 1s;animation-iteration-count: 3;}
.grid_winkelwagen {padding: 2rem 2rem 1rem 2rem; }
.grid_winkelwagen_list {padding: 0 2rem 0rem 2rem; }
.grid_winkelwagen_item {padding: 1rem 0rem; margin-bottom: 1rem; background: #fff;}
.grid_winkelwagen_item p {margin: 0;padding: 0;}
.grid_winkelwagen_actie {padding: 0 1rem 2rem 1rem; }
.grid_winkelwagen_korting {padding: 1rem 0rem 0rem 0rem; margin-bottom: 1rem; background: #fff;}
.grid_winkelwagen_korting p {padding: 0.3rem 0rem 0rem 0.5rem;}
.grid_winkelwagen_active  {color: #f90;}
.grid_winkelwagen_hub {padding: 1rem 0rem; margin-bottom: 1rem; background: #fff;}
.grid_winkelwagen_time {padding: 0 0rem;background: #fff;margin: 0 0 0.3rem 0;background: #f1f1f1;color: #000;}
.grid_winkelwagen_time:hover {background: #ff9900;color: #fff;cursor: pointer;}
.grid_winkelwagen_time .button {margin: 0; }
.grid_winkelwagen_time p {font-size: 1rem;margin: 0.3rem 0 0.3rem 0;line-height: 2.1rem;}
.grid_winkelwagen_time p a {color: #000;}
.grid_winkelwagen_time p a:hover {color: #fff;}
.grid_winkelwagen_time_active {color: #fff;background: #f90; font-weight: 700; }
.grid_winkelwagen_time_active a {color: #fff;}
.grid_winkelwagen_price {padding: 1rem 0rem 0rem 0rem; margin-bottom: 1rem; background: #fff;}
.grid_winkelwagen_ordered {padding: 1rem 0;background: #fff;margin-bottom: 0.3rem;background: #f1f1f1;}
.grid_winkelwagen_ordered p {font-size: 1rem;margin: 0.5rem 1rem 0.5rem 1rem;line-height: 2rem;}
.grid_winkelwagen_beheer {padding: 1rem 0rem;background: #fff;margin-bottom: 0.5rem;background: #f1f1f1;color: #000;}
.grid_winkelwagen_beheer:hover {background: #ccc;color: #fff;cursor: pointer;}
.grid_winkelwagen_message {padding: 1rem 1rem 1rem 1rem; margin-bottom: 1rem; background: #f00;}
.grid_detail_comments {padding: 0 2rem 2rem 2rem; border-bottom: 0px; }
.grid_detail_comments p {color: #333;font-size: 0.8rem;}

/* b2b */
/* side-nav */
.side-nav {display: block;margin: 0;padding:  0 0 0 0;list-style-type: none;list-style-position: outside;font-family: inherit; }
.side-nav li {margin: 0;font-size: 1rem;padding: 0.2rem 0;font-weight: normal;border-bottom: 1px dashed #ccc; }
.side-nav li a:not(.button) {display: block;color: #333;margin: 0;padding:0;  }
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {color: #ff9900; }
.side-nav li.active > a:first-child:not(.button) {color: #ff9900;}
.side-nav li.divider {border-top: 1px solid;height: 0;padding: 0;list-style: none;border-top-color: white; }
.side-nav li.heading {color: #000;font-size: 1rem;text-transform: uppercase;font-weight: 700; }

/*acties*/
.actie_bg_white { background: #fff; }
.actie_bg_white_form { background: #fff;border: 1px dashed #ccc; }
.actie_bg_black { background: #000; }
.actie_bg_lgrey { background: #f1f1f1; }
.actie_bg_lorange { background: #fff4e7; }

/* small */
@media screen and (max-width: 39.9375em) {
  .content_home_intro .orbit-slide {height: 330px;padding: 1rem; }
  .content_home_intro_block h1 {color: #fff;font-size: 2rem;margin-bottom: 1rem;}
  .panelnewz_img_eerste h1 {font-size: 3rem;}
  .panelnewz_img h2 {font-size: 1.5rem;}
  .content_home_intro {background: rgba(0,0,0,0.8);margin: 0;padding: 0; }
  .callout_start {margin: 2rem 0 0 0;}
  .callout_start h2 {font-size: 1.2rem;}
  .callout_start i {font-size: 0.8rem;}
}

/* Medium and up */
@media screen and (min-width: 40em) {
  .top-bar ul li a {font-size: 0.9rem;}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

.display-inline-block {
  display: inline-block;
}

.position-relative {
  position: relative;
}


/* update 01-02-2022 ----------------------------------------------------------------------------------------------------------------------- */

.ifnoimage {background: #ccc;height: 235px;}

.favright{float: right;padding-top:0.5rem;}

/* Mark product as favorite */
input[type="checkbox"].favorite {display: none;}
input[type="checkbox"].favorite + label i.add-favorite {display: initial;font-size: 0.9rem;border: 0px;} /*20pt*/
input[type="checkbox"].favorite + label i.remove-favorite {display: none;font-size: 0.9rem;border: 0px;} /*20pt*/
input[type="checkbox"].favorite:checked + label i.add-favorite {display: none;}
input[type="checkbox"].favorite:checked + label i.remove-favorite {display: initial;}
label.favorite.product-list {position: absolute;bottom: 0;right: 0;}
/* homepage map */
#map { height: 40vw; }
.home_map {background: #333; ;margin: 0; padding: 0;border-bottom: 1px solid #fff;z-index: 0;}
/* Locate Me */
.leaflet-locate-me svg {width: 100%;height: 100%;}
.leaflet-bar .leaflet-locate-me {padding: 2px;}
.leaflet-marker-icon.bounce {animation-name: bounce;animation-duration: 1.3s;animation-fill-mode: both;}
@keyframes bounce {
  0%, 20%, 55%, 75%, 100% { top: 0; }
  40% { top: -50px; }
  60% { top: -30px; }
}
.leaflet-marker-icon.glow circle#aura {animation-name: glow;animation-duration: 2s;animation-fill-mode: both;animation-iteration-count: 3;}
.leaflet-bar .leaflet-locate-me.glow circle#aura {animation-name: glow;animation-duration: 2s;animation-fill-mode: both;/* animation-iteration-count: 3; */}
@keyframes glow {
  0% { opacity: .7; }
  50% { opacity: .1; }
  100% { opacity: .7; }
}
.side-navmap {display: block;margin: 0;padding: 0;list-style-type: none;list-style-position: outside;font-family: inherit; }
.side-navmap li {margin: 0;font-size: 1rem;padding: 10px 20px 0px 15px;font-weight: normal;border-bottom: 1px solid #ccc;}
.side-navmap li:hover {background: #f1f1f1;}
.side-navmap li .active {background: #f1f1f1;}
.side-navmap li a:not(.button) {display: block;color: #333;margin: 0;padding:0;  }
.side-navmap li a:not(.button):hover, .side-nav li a:not(.button):focus {color: #ff9900; }
.side-navmap li.active > a:first-child:not(.button) {color: #ff9900;}
.side-navmap li.divider {border-top: 1px solid;height: 0;padding: 0;list-style: none;border-top-color: white; }
.side-navmap li.heading {color: #000;font-size: 1rem;text-transform: uppercase;font-weight: 700; }
.leaflet-sidebar {height: auto;padding: 1rem;width: 240px !important;}
.leaflet-sidebar > .leaflet-control {
  width: auto;
  height: auto;
  padding: 0 !important; /* 0.5rem 1rem  */
  font-size: inherit;
  background: #fff;
  box-shadow: none !important;
  -webkit-border-radius: 0px;
  border-radius: 0px; 
}
.leaflet-left {transition: none; }
.leaflet-sidebar .close { visibility: hidden;}
.leaflet-top .leaflet-control { margin-top: 1rem;}
.leaflet-bottom .leaflet-control {margin-bottom: 1rem;}
.leaflet-left .leaflet-control {margin-left: 1rem;}
.leaflet-right .leaflet-control {margin-right: 1rem;}
.leaflet-container a {color: inherit;}
.leaflet-touch .leaflet-sidebar > .leaflet-control {box-shadow: none;border: 1px solid rgba(0, 0, 0, 0.2);background-clip: padding-box; }
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {border: 1px solid rgba(0,0,0,0.2);background-clip: padding-box;}
.leaflet-popup-content-wrapper {padding: 1px 1px 0px 1px;text-align: left;border-radius: 0px;}
.leaflet-popup-content {margin: 0px 5px 0px 5px; /*13px 19px*/line-height: 1.4;}
.leaflet-popup-content p {margin: 1rem 0;font-size: 1.2rem;line-height: 1.4rem;font-weight: 700;}
.leaflet-popup-content p small {font-size: 0.8rem;line-height: 1.2rem;font-weight: 700;}  
.leaflet-popup-content img { width: 300px !important; height: auto !important;} 
  
@media (min-width: 1200px) {
  .leaflet-sidebar {width: inherit; }
}

@media screen and (max-width: 39.9375em) {
  #map { min-height:80vh; }
  .leaflet-sidebar {visibility: hidden; }
  
  .callout_firestarter {margin: 1rem 0;padding: 1rem;}
  .callout_firestarter_txt h1 {font-size: 2rem;line-height: 2rem;}
  .callout_firestarter_white {margin: 1rem 0;padding: 1rem;}
  
  .credits {text-align: center;}
  
}