@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400&display=swap');

a {
color: inherit;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all 0.2s ease-in-out;
}
img {
max-width: 100%;
-webkit-backface-visibility: hidden;
}
#body-wrapper {
position: relative;
overflow: hidden;
}
#body-wrapper:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
content: ' ';
z-index: 899;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
visibility: hidden;
opacity: 0;
}
.dropdown-visible #body-wrapper:before {

opacity: 1;
visibility: visible;
}
svg{

    padding:0px 0px 0px 0px;
}

.container>.main.left,
.container>.sidebar.left {
float: left
}
.container>.main.right,
.container>.sidebar.right {
float: right;
}
.container>.main {
width: 70%;
}
.container>.sidebar {
width: 24%;
}
.container-md {
width: 860px;
}
::selection {
background: #ddae71;
color: #fff;
}
*::-moz-selection {
background: #ddae71;
color: #fff;
}
.relative {
position: relative;
z-index: 2;
}
.border-bottom {
border-bottom: 1px solid black;
;
font-size: 1.5rem;
font-weight: 600;
color: black;
}
.fullheight {
height: 100vh;
}
.min-fullheight {
min-height: 100vh;
}
#header {
position: absolute;
top: 0;
padding: 0;
width: 100%;
background-color: #fff;
z-index: 900;

}
#header.absolute {
position: absolute;
}
#header.light {
background-color: white;

}
#header .module {
line-height: 45px;
display: inline-block;
}
#header .module:not(.module-logo) {
padding-top: 20px;
height:100px;
}
#header .module.right {
float: right;
}
#header .module.left {
float: left;
}
#header .module-logo {
position: absolute;
top: 0;
left: 5px;
right: 2px;
height: 100%;
text-align: center;
width: 99%;
padding: 0rem 0rem;
}

#header .module-logo img {
margin: 5px 0 0 0px;
max-height: 90px;
}
#header-mobile .module-logo img {
margin: 5px 0 0 0px;
max-height: 65px !important;
}
#header .module-cart {
position: absolute;
height: 98% !important;
left: 10px;
width: 100%;
}
#header .module-cart:hover,
#header .module-cart:focus {
color: inherit;
}
#header .module-cart:hover .cart-value,
#header .module-cart:focus .cart-value {
opacity: .6;
}
#header .module-cart .cart-icon {
font-size: 4rem;
position: absolute;
left: 20px;
top: 12px;
margin: 0 auto;
color: black;
}
#header .module-cart .cart-icon .notification {
position: absolute;
width: 4rem;
left: -3px;
top: 13px;
text-align: center;
color: white;
font-weight: 600;
font-size: 22px;
}
#header .module-cart .cart-value {
position: absolute;
font-size: 22px;
font-weight: 600;
font-family: inherit;
padding-left: 80px;
text-align: right;
top: 37px;
color: black;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
}
#header .module-cart .cart-value .valuta {
font-size: 20px;
}
#header-mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 78px;
z-index: 900;
display: none;
}
#header-mobile.light {
background-color: white;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#header-mobile.dark {
background-color: #282b2e;
}
#menu-navigation {
width: 270px;
display: block;
margin:0;
border-radius:20px;
}
#header-mobile .module {

}
#header-mobile .module-logo {
width: calc(100% - 0px);
margin: 0 auto;
text-align: center;
}
#header-mobile .module-nav-toggle {
position: absolute;
top: 0;
left: 0;
width: 45px;
text-align: center;
height: 65px;
background-color: black;

}
#header-mobile .module-cart {
position: absolute;
top: 5px;
right: 0px;
line-height: 12px;
color: black;
}
#header-mobile .module-cart i {
position: relative;
top: 4px;
font-size: 3.2rem;
display: inline-block;
color: black;
}
#header-mobile .module-cart .notification {
position: absolute;
top: 1.2rem;
right: 0px;
color: white;
font-weight: 600;
font-size: 1.3rem;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
padding: 5px;
line-height: 1;
margin-top: 3px;
width: 100%;
text-align: center;
}
#nav-toggle {
width: 26px;
height: 26px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: inline-block;
margin-top: 17px;
}
#nav-toggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: black;

opacity: 1;
left: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: 0.25s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 3px
}
#nav-toggle span:nth-child(2),
#nav-toggle span:nth-child(3) {
top: 11px
}
#nav-toggle span:nth-child(4) {
top: 19px;
}
#nav-toggle.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#nav-toggle.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
#nav-toggle.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#nav-toggle.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%
}
.dark #nav-toggle span {
background: #fff
}
#panel-mobile {
position: fixed;
top: 0;
left: 0;
bottom: 0;
background-color: #fff;
width: 300px;
z-index: 9999;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
display: none;
visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
overflow: auto
}
#panel-mobile.show {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
#panel-mobile .module-logo {
text-align: center;
padding: 1rem 1rem;
display: block;
height:100px;
}
#panel-mobile .module-navigation {
padding: 1rem 1rem
}
#panel-mobile .module-social {
padding: 1rem;
text-align: center
}
#panel-mobile .close {
position: absolute;
top: 1.5rem;
left: 1.5rem;
font-size: 1.3rem
}
.nav-main-mobile {
font-family: inherit text-transform: uppercase;
-webkit-flex-direction: column;
flex-direction: column;

}
.nav-main-mobile li {
position: relative;
font-size: 1.2rem
}


.downimg {
margin-top: -5px;
}
.nav-main-mobile>li {
position: relative;
border-bottom: 1px dashed ;
}
.nav-main-mobile>li>a {
padding: 0.55rem 0;
display: block
}
.nav-main-mobile ul {
list-style: none;
margin: 0 0.5rem 1rem;
padding: 0 1rem;
font-size: 0.9rem
}
.nav-main-mobile ul>li>a {
padding: 0.25rem 0;
display: block
}
.nav-main-mobile ul ul {
padding: 0;
display: none
}

#content {
position: relative;
overflow: hidden;
}
.post {
margin-bottom: 1.5rem;
}
.nav-menu {
-webkit-flex-direction: column;
flex-direction: column;
padding: 1rem 0 1.0rem 1rem;
font-family: inherit;
text-transform: uppercase;
margin-bottom: 2rem;
background: black;
border-radius:10px;
}
.nav-menu li {
width: 100%;
height: 100%;

padding: 3px 0;
font-size: 1rem;
display: block;
cursor: pointer;
border-bottom: thin solid white;
color: white;
font-size:0.95em; 
padding-left:5px;

}
.nav-menu li:hover {
background-color: #ffe599;
color: black;
}
.menu-category {
position:relative;
width:100%;


}
.menu-category .menu-category-title {
text-transform: uppercase;
position: relative;
min-height: 150px;
padding: 3rem;
line-height: 14px;
font-weight: 500;
font-size: 2rem;
border-radius:10px 10px 10px 10px;

}
.menu-category .menu-category-titlenoimg {
text-transform: uppercase;
position: relative;
min-height: 70px;
color: white;
padding: 0.2rem;
background-color: black;
line-height: 28px;
font-weight: 500;
font-size: 2rem !important;
border-radius:10px 10px 10px 10px;

}
.menu-category .menu-category-title h2 {
width: 100%;
font-weight: 300;
color: white;
font-size: 2rem;
font-family: inherit text-transform: uppercase;
text-align: center;
margin-top: 5px;
text-shadow: 1px 1px 2px black, 0 0 25px white; 0 0 5px black;
}
.groepomschrijving {
font-family: inherit;
font-size:0.9em;
line-height: 16px;
color: #e8ca9a;

padding: 10px;
text-align: center;
font-weight: 300;
min-height: 10px;
width: 100%;

}


.menu-category .menu-category-title .bg-image:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -2px;
content: ' ';
background-image: linear-gradient(to bottom, rgba(255, 123, 6, 0.36), transparent)
border-radius:10px 10px 10px 10px;
}
.menu-category .menu-category-title .title {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}


.menu-item {
width:100%;
padding: 1rem;
border: 1px solid black;
margin:0 0 10px 0;
background:white;


}

.menu-grid-item {
line-height: 1.2;
margin-bottom: .3rem;
}
.menu-grid-item:not(:last-child) {
border-bottom: 1px solid #e0e0e0
}
.rate>i {
margin-right: 0.5em;
color: #bbc4c6;
}
.rate>i.active {
color: #ebd072 !important
}
.rate.rate-lg {
font-size: 1.3em;
}
.rate.rate-sm {
font-size: 0.8em;
}
.dark .rate>i {
color: rgba(255, 255, 255, 0.4);
}
.ratedreview {
color: #ebd072 !important;
}
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: left
}
.rating>i {
cursor: pointer;
}
.rating>i:hover,
.rating>i:hover~i {
color: #ebd072
}
.bg-light .special-offer .special-offer-content {
background-color: #fff
}
.panel-details:not(:last-child) {
border-bottom: 1px solid #e0e0e0
}
.panel-details .panel-details-title {
margin: 0;
padding: 0.75rem 1rem;
font-size: 1.2rem;
background: black;
color: white;
border-radius:10px;
margin:5px;
}

.panel-details .panel-details-title-info {
margin: 0;
padding: 0.75rem 1rem;
font-size: 1.2rem;
background: #ff8400;
color: white;
border-radius:10px;
margin:5px;
}
.optietitels {
margin-bottom: 10px;
font-weight: bold;
color: black;
}
.panel-details>label {
top: -0.25em;
margin-bottom: 0;
margin-right: 0;
display: inline-block;
vertical-align: middle;
float: left;
pointer-events: none color:black;
}
.panel-details .panel-details-content {
padding: 0.65rem 0.8rem;
}






.panel-detailsinfo:not(:last-child) {
border-bottom: 1px solid #e0e0e0
}
.panel-detailsinfo .panel-detailsinfo-title {
margin: 0;
padding: 0.75rem 1rem;
font-size: 1.2rem;
background: black;
color: white;
border-radius:10px;
margin:5px;
}

.panel-detailsinfo .panel-detailsinfo-title-info {
margin: 0;
padding: 0.75rem 1rem;
font-size: 1.2rem;
background: #ff8400;
color: white;
border-radius:10px;
margin:5px;
}
.optietitels {
margin-bottom: 10px;
font-weight: bold;
color: black;
}
.panel-detailsinfo>label {
top: -0.25em;
margin-bottom: 0;
margin-right: 0;
display: inline-block;
vertical-align: middle;
float: left;
pointer-events: none color:black;
}
.panel-detailsinfo .panel-detailsinfo-content {
padding: 0.65rem 0.8rem;
}













.inputGroup {
  background-color: #fff;
  display: block;
  margin: 10px 0;
  position: relative;
  border-radius: 10px;
}
.inputGroup label {
  padding: 10px 10px;
  width: 100%;
  border-radius: 10px;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  border: 1px solid black;
  
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: black;
  position: absolute;
  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 16px;
  height: 16px;
  content: "";
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: white;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #03da3f;
  border-color: #03da3f;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}














utility-box {
background-color: #fff
}
.utility-box .utility-box-title,
.utility-box .utility-box-content {
padding: 2rem;
position: relative
}
.utility-box .utility-box-btn:hover,
.utility-box .utility-box-btn:focus {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.image-box {
margin-bottom: 2rem;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out
}
.image-box:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05)
}
.image-box .image img {
width: 100%
}
.image-box .title {
padding: 1.5rem;
text-align: center;
background-color: #fff
}
.product-single .product-content {
background: #fff;
padding: 1rem 1rem
}
.product-single .product-content .product-header {
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
border-bottom: 1px solid #e8ca9a;
color: #e8ca9a;
}
.product-title {
font-family: inherit;
font-size:2rem !important;
margin-bottom: 0.25rem;
font-weight:600;
}
.product-single .product-content .product-title {
margin-bottom: 0.25rem
}
.product-single .product-content .product-caption {
font-size: 1.3rem;
line-height:1;
display: block;
margin-bottom:10px;
}
.product-single .product-content .product-price {
font-size: 2.5rem;
color: #e8ca9a;
}
.example-box {
border: 1px solid #E1E1E8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.example-box-content {
padding: 20px
}
.example-box-content>*:last-child {
margin-bottom: 0
}
.example-box-title {
padding: 10px 20px;
text-transform: uppercase;
font-size: 11px;
border-bottom: 1px solid #E1E1E8;
background-color: #F7F8F9;
color: #9b9fa1;
font-weight: 500
}
.example-box+pre {
margin-top: -1px !important;
border-top-left-radius: 0;
border-top-right-radius: 0
}
pre {
tab-size: 4
}
.prettyprint .tag {
font-size: 13px;
font-weight: normal;
padding: 0
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border-color: #ddae71;
background-color: #fff
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-color: #e0e0e0
}
.page-title {
position: relative;
margin-top: 100px;
padding: 30px 10px;
border-bottom: thin solid black;
max-height: 20px;
}
.page-title.bg-dark {
background-color: #ffbc00 !important
}
.page-title.page-title-lg {
padding: 1rem 0
}
.page-title h1 {
font-size: 1.5rem
}
section,
.section {
position: relative;
padding-top: 120px;
padding-bottom: 5rem
}
section.cover,
.section.cover {
padding-top: 0;
padding-bottom: 0
}
section.section-lg,
.section.section-lg {
padding-top: 8em;
padding-bottom: 8rem
}
section.section-sm,
.section.section-sm {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
section.protrude,
.section.protrude {
z-index: 2
}

.header-absolute .section-main {
height: calc(100vh - 30px)
}
.section-gallery {
position: relative
}
.section-gallery .set-fullscreen {
position: absolute;
top: 2rem;
right: 2rem;
color: #fff;
z-index: 10;
font-size: 1.5rem
}
.section-gallery .gallery-carousel {
position: relative;
height: 100vh
}
.section-gallery .gallery-carousel .slide {
position: relative
}
.section-gallery .gallery-carousel .slick-list,
.section-gallery .gallery-carousel .slick-track {
height: 100%;
overflow: hidden
}
.section-gallery .gallery-carousel:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
content: ' ';
z-index: 1
}
.section-gallery .gallery-nav {
position: absolute;
width: 500px;
bottom: 30px;
left: calc(50% - 250px);
background-color: #fff;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
z-index: 3
}
.section-gallery .gallery-nav .slick-slide {
cursor: pointer;

opacity: .4;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out
}
.section-gallery .gallery-nav .slick-slide.slick-current {

opacity: 1
}
.section-gallery .gallery-nav .slick-prev,
.section-gallery .gallery-nav .slick-next {
visibility: visible;

opacity: 1
}
.section-gallery .gallery-nav .slick-prev:before,
.section-gallery .gallery-nav .slick-next:before {
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
#footer .footer-first-row {
padding-top: 5.5rem;
padding-bottom: 5.5rem;
z-index: 0
}
#footer .footer-second-row {
border-top: 1px solid rgba(255, 255, 255, 0.15);
font-size: 0.9em;
padding-top: 3rem;
padding-bottom: 3rem
}
#back-to-top {
position: fixed;
bottom: 18px;
right: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: #ffe599 !important;
background: black !important;
width: 36px;
height: 36px;
font-size: 14px;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
z-index: 650;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: -3px 1px 7px 0px rgba(50, 50, 50, 0.83);
-moz-box-shadow: -3px 1px 7px 0px rgba(50, 50, 50, 0.83);
box-shadow: -3px 1px 7px 0px rgba(50, 50, 50, 0.83);
}
#back-to-top:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px)
}
#back-to-top.visible {
visibility: visible;

opacity: 1
}
#back-to-top>* {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.nav-footer {
list-style: none;
margin: 0 0 1.5rem;
padding: 0;
display: inline-block
}
.nav-footer>li {
display: block;
margin-bottom: 0.2em
}
.nav-footer>li>a {
font-weight: 500;
font-size: 0.95rem;
font-family: inherit color: #a4a7a9
}
.nav-footer>li>a:hover,
.nav-footer>li>a:focus {
color: #ddae71
}
.nav-footer>li.active>a {

opacity: 1
}

.team {
    margin: 10px 0;
    padding-bottom: 10px;
    background: white;
    color:black;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
 border-radius: 5px !important;
}

.team h4 {
    margin: 10px 0;

}

.team .cover .overlay {
    height: 150px;
    padding-top: 60px;
    opacity: 0;
    background: rgba(0, 168, 255, 0.9);
    -webkit-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease;
    background-color: #fff; 
}



.team .avatar {
    position: relative;
    z-index: 2;
    margin-top: -60px;
    border-radius: 50%;
    background: #ff0000;

}

.team .title {
    padding: 0px 0;
}

.team .title h4 {
    font-size: 1.2rem;
    color:black;
    text-transform: uppercase;
}
.team .title h5 {
font-size: 1.1rem;
padding:5px;
color:black;
}
.text-center {
        text-align: center !important;
}

.alert {
border: none;
font-weight: 300;
padding: 1rem 1.5rem;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.alert-primary {
background-color: #fcf7f1
}
.alert-primary .close {
background-color: #fff;
color: #ddae71;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-primary .close:hover,
.alert-primary .close:focus {
background-color: #ddae71;
color: #fff
}
.alert-secondary {
background-color: #e9eaea
}
.alert-secondary .close {
background-color: #fff;
color: #25282a;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-secondary .close:hover,
.alert-secondary .close:focus {
background-color: #25282a;
color: #fff
}
.alert-info {
background-color: #eef7fc
}
.alert-info .close {
background-color: #fff;
color: #56aee5;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-info .close:hover,
.alert-info .close:focus {
background-color: #56aee5;
color: #fff
}
.alert-warning {
background-color: #fdf5ec
}
.alert-warning .close {
background-color: #fff;
color: #ec9744;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-warning .close:hover,
.alert-warning .close:focus {
background-color: #ec9744;
color: #fff
}
.alert-danger {
background-color: #fceeee
}
.alert-danger .close {
background-color: #fff;
color: #e15757;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-danger .close:hover,
.alert-danger .close:focus {
background-color: #e15757;
color: #fff
}
.alert-success {
background-color: #edf6f0
}
.alert-success .close {
background-color: #fff;
color: #4aa36b;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-success .close:hover,
.alert-success .close:focus {
background-color: #4aa36b;
color: #fff
}
.alert-dark {
background-color: #eaeaea
}
.alert-dark .close {
background-color: #fff;
color: #282b2e;
-webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07)
}
.alert-dark .close:hover,
.alert-dark .close:focus {
background-color: #282b2e;
color: #fff
}
.bg-image,
.bg-slideshow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: white;
z-index: 0;
border: none

}
.bg-image.bottom,
.bg-slideshow.bottom {
background-position-y: bottom
}
.bg-image>img {
display: none;
}
.bg-image+* {
position: relative
}
.bg-fixed {
background-attachment: fixed
}
.bg-slideshow .slick-list,
.bg-slideshow .slick-track {
height: 100%;
overflow: hidden
}
.bg-multiply {
mix-blend-mode: multiply
}
.bg-overlay {
mix-blend-mode: overlay
}
.bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.bg-video-placeholder {
display: none
}
.bg-white {
background-color: transparent;
}
.bg-light {
background-color: white;
}
.bg-light-transparent {
background-color: white;
}
.bg-footer {
background-color: black;
color: #ffe599;
width:100%;
left:0;
font-size:0.7rem;
}
.bg-footer a {

color: #ffe599 !important;
}
.bg-black {
background-color: #fff
}
.bg-dark {
background-color: white!important;
}
.btntmp {
border: none;
font-family: inherit;
font-size: 0.8rem;
color: #ffe599;
background: black;
cursor: pointer;
padding: 10px;
display: inline-block;
margin: 3px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 30%;
height: 120px;
text-align: center;
overflow-wrap: break-word;
word-wrap: break-word;
border:1px solid black;
}
.btntmp:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btntmp:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-heart:before {}
.icon-heart:after,
.icon-heart-2:before {
content: "";
}
.btntmp-3 {
background: black;
color: red #ffe599;
}
.btntmp-3:hover {
background: #ffe599;
color: black;
}
.btntmp-3:active {
background: #ffe599;
top: 2px;
}
.btntmp-3:before {
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 3;
font-size: 1.4rem;
width: 30%;
}
.btntmp-3c {
padding: 80px 5px 5px 5px;
border-radius: 10px;
}
.btntmp-3c:before {
height: 60px;
width: 100%;
line-height: 60px;
background: #ffe599;
color: black;
}
.bewerken:before {
content: '\f044';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
font-size:3rem;

margin-top:15px;
}
.spaarpunten:before {
content: '\f4d3';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
font-size:3rem;
margin-top:15px;
 
}
.historie:before {
content: '\f1da';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
font-size:3rem;
margin-top:15px;

}

.btn {
position: relative;
font-family: inherit font-weight: 400;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 0.75rem 0.75rem 0.75rem 0.75rem;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
outline: none;
background: transparent;
border-width: 2px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer
}
.btn:before {
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
content: ' ';
visibility: hidden;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0)
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:focus:active {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn>span {
position: relative;
z-index: 2
}
.btn i {
position: relative;
top: 1px
}
.btn i>i {
display: inline-block;
-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
-moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
-o-transition: -o-transform .2s ease-out, opacity .2s ease-out;
transition: transform 0.2s ease-out, opacity 0.2s ease-out
}
.btn img {
height: 1em;
position: relative;
top: -0.05em;
display: inline-block;
vertical-align: middle
}
.btn-lg {
padding: 1.5rem 3rem 1.75rem;
font-size: 1.2rem;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}

.btn-primary {
border: none;
background-color: #f39c12;
color: white !important;
font-weight: bold;
height: 60px;
border-radius:10px;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus:active {
background-color: #f39c12;
color: black !important;
}
.btn-secondary {
border: none;
background-color: #329c03;
color: white;
padding:2rem;
border-radius:5px;

}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:focus:active {

background-color: white;
color: #329c03;
}

.inner-controls .slick-prev:before,
.inner-controls .slick-next:before {
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}
.inner-controls .slick-prev {
left: 25px
}
[dir="rtl"] .inner-controls .slick-prev {
right: 25px
}
.inner-controls .slick-next {
right: 25px
}
[dir="rtl"] .inner-controls .slick-next {
left: 25px
}
.inner-controls .slick-dots {
position: absolute;
bottom: 20px
}
.inner-controls .slick-dots li button:before {
background-color: #fff
}
.inner-controls .slick-dots li.slick-active button:before {
background-color: #fff
}
.form-group {
margin: 0 0 0.5rem 0;
padding: 0.3rem;
}
.form-group label {
color: black;
}
.input-group .btn:hover,
.input-group .btn:focus,
.input-group .btn:active,
.input-group .btn:focus:active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
margin-left: -2px
}
.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-color: black;
font-weight: normal;
padding: 0.4rem;
border: 1px solid black;
-webkit-box-shadow: inset 1px 1px 2px 0 rgba(40, 43, 46, 0.06);
-moz-box-shadow: inset 1px 1px 2px 0 rgba(40, 43, 46, 0.06);
box-shadow: inset 1px 1px 2px 0 rgba(40, 43, 46, 0.06);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.form-control:focus {
border-color: black;
border: 2px solid black;
 }
.form-control.error {
border-color: #f6cdcd;
background-color: #fefcfc
}
.form-control.input-qty {
text-align: center;
font-weight: normal;
}
.form-control:-ms-input-placeholder {
color: inherit;
opacity: .5
}
.form-control:-moz-placeholder {
color: inherit;
opacity: .5
}
.form-control::-moz-placeholder {
color: inherit;
opacity: .5
}
.form-control::-webkit-input-placeholder {
color: inherit;
opacity: .5
}
.form-control-sm {
padding: 0.75rem;
font-size: 0.9rem;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.form-control-lg {
padding: 1.625rem;
font-size: 1.2rem;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}

.select-container select {
background: white;
width: 100%;
font-size: 1rem;
line-height: 1.2rem;
border: 0;
border-radius: 10px;
height: 40px;
-webkit-appearance: none;
padding-left: 20px;
border:1px solid black;
color: black;
border-radius:10px;
}
.select-container {
width: 100%;

overflow: hidden;
border: red !important;
font-size: 1rem;
border-radius:10px;
}
.select-container option {
padding:10px;
font-size: 1rem;
}
.select-container option span {

font-size: 0.2rem;
}
.select-container:before {
position: absolute;
right: 20px;
margin: 10px 0 10px 0;
content: '\f107';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
color: black;
border-radius:10px;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.50rem + 4px)
}
label {
font-weight: 400
}
.custom-controlcb {
min-height: 1.5em;
padding-left: 0em;
margin-right: 1em;
}
.icon {
position: relative;
display: inline-block;
font-size: 40px;
width: 52px;
vertical-align: middle
}
.icon.icon-sm {
font-size: 18px;
width: 30px
}
.icon.icon-lg {
font-size: 76px;
width: 88px
}
.icon.icon-xl {
font-size: 120px;
width: 130px
}
.icon.icon-primary {
color: #ddae71
}
.icon.icon-secondary {
color: #25282a
}
.icon.icon-info {
color: #56aee5
}
.icon.icon-warning {
color: #ed0000
}
.icon.icon-danger {
color: #e15757
}
.icon.icon-success {
color: #4aa36b
}
.icon.icon-dark {
color: #282b2e
}
.icon.icon-dark {
color: rgba(0, 0, 0, 0.4)
}
.icon.icon-default {
color: #bbc4c6
}
.icon.icon-facebook {
color: #bbc4c6
}
.icon.icon-facebook:hover,
.icon.icon-facebook:focus {
color: #213553
}
.icon.icon-twitter {
color: #bbc4c6
}
.icon.icon-twitter:hover,
.icon.icon-twitter:focus {
color: #3aa8db
}
.icon.icon-google {
color: #d04f3e
}
.icon.icon-google:hover,
.icon.icon-google:focus {
color: #d04f3e
}
.icon.icon-instagram {
color: #bbc4c6
}
.icon.icon-instagram:hover,
.icon.icon-instagram:focus {
color: #4f86ac
}
.icon.icon-linkedin {
color: #bbc4c6
}
.icon.icon-linkedin:hover,
.icon.icon-linkedin:focus {
color: #008bc2
}
.icon.icon-pinterest {
color: #bbc4c6
}
.icon.icon-pinterest:hover,
.icon.icon-pinterest:focus {
color: #cb1f24
}
.icon.icon-youtube {
color: #bbc4c6
}
.icon.icon-youtube:hover,
.icon.icon-youtube:focus {
color: #ed4533
}
.icon.icon-circle {
height: 52px;
font-size: 20px;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center
}
.icon.icon-circle>* {
position: relative;
z-index: 2;
line-height: 48px
}
.icon.icon-circle.icon-xs {
height: 26px;
font-size: 11px
}
.icon.icon-circle.icon-xs>* {
line-height: 26px
}
.icon.icon-circle.icon-sm {
height: 30px;
font-size: 12px
}
.icon.icon-circle.icon-sm>* {
line-height: 30px
}
.icon.icon-circle.icon-lg {
height: 88px;
font-size: 36px
}
.icon.icon-circle.icon-lg>* {
line-height: 88px
}
.icon.icon-circle.icon-primary {
background-color: #ddae71
}
.icon.icon-circle.icon-secondary {
background-color: #25282a
}
.icon.icon-circle.icon-info {
background-color: #56aee5
}
.icon.icon-circle.icon-warning {
background-color: #ed0000
}
.icon.icon-circle.icon-danger {
background-color: #e15757
}
.icon.icon-circle.icon-success {
background-color: #4aa36b
}
.icon.icon-circle.icon-dark {
background-color: #282b2e
}
.icon.icon-circle.icon-white {
color: #ddae71
}
.icon.icon-circle.icon-white:before {
background-color: #fff
}
.icon.icon-circle.icon-facebook {
color: #fff;
background-color: #213553;
}
.icon.icon-circle.icon-facebook:hover,
.icon.icon-circle.icon-facebook:focus {
color: #fff;
background-color: #213553
}
.icon.icon-circle.icon-twitter {
color: #fff;
background-color: #bbc4c6
}
.icon.icon-circle.icon-twitter:hover,
.icon.icon-circle.icon-twitter:focus {
color: #fff;
background-color: #3aa8db
}
.icon.icon-circle.icon-google {
color: #fff;
background-color: #d04f3e
}
.icon.icon-circle.icon-google:hover,
.icon.icon-circle.icon-google:focus {
color: #fff;
background-color: #d04f3e
}

.icon.icon-circle.icon-instagram {
color: #fff;
background-color: #bbc4c6
}
.icon.icon-circle.icon-instagram:hover,
.icon.icon-circle.icon-instagram:focus {
color: #fff;
background-color: #4f86ac
}
.icon.icon-circle.icon-linkedin {
color: #fff;
background-color: #bbc4c6
}
.icon.icon-circle.icon-linkedin:hover,
.icon.icon-circle.icon-linkedin:focus {
color: #fff;
background-color: #008bc2
}
.icon.icon-circle.icon-pinterest {
color: #fff;
background-color: #bbc4c6
}
.icon.icon-circle.icon-pinterest:hover,
.icon.icon-circle.icon-pinterest:focus {
color: #fff;
background-color: #cb1f24
}

.icon.icon-circle.icon-youtube {
color: #fff;
background-color: #bbc4c6
}
.icon.icon-circle.icon-youtube:hover,
.icon.icon-circle.icon-youtube:focus {
color: #fff;
background-color: #ed4533
}
.icon.icon-circle.icon-hover:hover:before,
.icon.icon-circle.icon-hover:focus:before {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.dark .icon-circle.icon-facebook {
background-color: #3e4043
}
.dark .icon-circle.icon-twitter {
background-color: #3e4043
}
.dark .icon-circle.icon-google {
background-color: #3e4043
}
.dark .icon-circle.icon-behance {
background-color: #3e4043
}
.dark .icon-circle.icon-dribbble {
background-color: #3e4043
}
.dark .icon-circle.icon-flickr {
background-color: #3e4043
}
.dark .icon-circle.icon-instagram {
background-color: #3e4043
}
.dark .icon-circle.icon-linkedin {
background-color: #3e4043
}
.dark .icon-circle.icon-pinterest {
background-color: #3e4043
}
.dark .icon-circle.icon-skype {
background-color: #3e4043
}
.dark .icon-circle.icon-slack {
background-color: #3e4043
}
.dark .icon-circle.icon-tumblr {
background-color: #3e4043
}
.dark .icon-circle.icon-vimeo {
background-color: #3e4043
}
.dark .icon-circle.icon-vine {
background-color: #3e4043
}
.dark .icon-circle.icon-youtube {
background-color: #3e4043
}
.i-before {
margin-right: 8px
}
.i-after {
margin-left: 8px
}
.i-before-after {
margin-right: 8px;
margin-left: 8px
}
.animsition-loading {
border-width: 2px;
border-style: solid;
border-left-color: #383c40;
border-right-color: #e0e0e0;
border-top-color: #e0e0e0;
border-bottom-color: #e0e0e0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-animation: loaderAnimation 1s linear infinite;
-moz-animation: loaderAnimation 1s linear infinite;
-ms-animation: loaderAnimation 1s linear infinite;
-o-animation: loaderAnimation 1s linear infinite;
animation: loaderAnimation 1s linear infinite
}
@-moz-keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}}
@-webkit-keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}}
@-o-keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}}
@-ms-keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}}
@keyframes loaderAnimation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}}
.nav-pills>.nav-item>.nav-link {
font-family: inherit font-size: 1rem;
font-weight: 300;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 1rem 1.8rem;
background-color: #f3f4f4
}
.nav-pills>.nav-item>.nav-link.active {
background-color: #5fae4d;
color: #fff
}
.nav-pills>.nav-item>.nav-link.active:hover,
.nav-pills>.nav-item>.nav-link.active:focus {
background-color: #5fae4d
}
.nav-pills>.nav-item+.nav-item {
margin-left: 0
}
.nav-tabs>.nav-item>.nav-link {
position: relative;
font-family: inherit padding: 1rem 2rem;
font-weight: 300;
margin-right: 0;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.nav-vertical {
-webkit-flex-direction: column;
flex-direction: column;
margin-bottom: 1.5rem
}
.nav-vertical li a {
font-weight: 500;
padding: 0.75rem 0;
display: block
}
.nav-vertical li a:hover,
.nav-vertical li a:focus {
background: transparent
}
.nav-vertical>li:not(:last-child) {
border-bottom: 1px solid #e0e0e0
}
.nav-vertical>li>a:hover,
.nav-vertical>li>a:focus {
color: #5fae4d
}
.nav-vertical>li>a.active {
color: #5fae4d
}
.nav-vertical>li>a.active+ul {
display: block
}
.nav-vertical>li>ul {
padding: 0 0.75rem;
margin: 0 0 0.75rem;
list-style: none;
display: none
}
.nav-vertical>li>ul li a {
padding: 0.2rem 0;
font-size: 0.9rem;
opacity: .5
}
.nav-vertical>li>ul li a.active,
.nav-vertical>li>ul li a:hover,
.nav-vertical>li>ul li a:focus {
color: inherit;

opacity: 1
}
.nav-icons {
margin-bottom: 40px
}
.nav-icons a {
margin-right: 15px;
opacity: .5
}
.nav-icons a:hover,
.nav-icons a:focus {

opacity: 1
}
#nav-additional {
position: fixed;
top: 0;
left: 460px;
bottom: 0;
width: 300px;
background-color: #f3f4f4;
z-index: 899;
padding: 2.25rem;
overflow: auto;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}
#nav-additional.show {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible
}
#nav-additional .close {
position: absolute;
top: 20px;
right: 20px
}

.modal.fade .modal-dialog .modal-postcode {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
.modal.show .modal-dialog .modal-postcode {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.modal-content {

-webkit-box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.3);
border: none;
overflow: hidden;
padding-bottom:100px;

}
.modal-header {
position: relative;
height:50px;
background-color: black;
color: #ffe599;
}
.modal-product-details {
background-color: black;
padding: 1.5rem 1rem;
color: white;
border-radius:10px;
margin-top:-4px;
}
.modal-body {
padding: 1.5rem 2rem
}
.modal-footer {
padding: 1.5rem 2rem
}
.modal-backdrop {
background-color: #282b2e
}
.modal-backdrop.show {
opacity: .4
}
.modal-video {
text-align: center
}
.modal-video iframe {
width: 768px;
max-width: 100%;
display: block
}
.modal-video:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%
}
.modal-video .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
margin-top: 70px
}
.modal-postcode {
display: inline-block;
text-align: left;
vertical-align: middle;
width: 100%;
height: 100%;
background: #fff;
}
.modal-video .modal-content {
background-color: #fff
}
#body-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
background-color: rgba(0, 0, 0, 0.5);
z-index: 899;
content: ' ';
z-index: 925;
display: none
}
hr {
margin-top: 3rem;
margin-bottom: 3rem
}
hr.hr-md {
margin-top: 2rem;
margin-bottom: 2rem
}
hr.hr-sm {
margin-top: 1rem;
margin-bottom: 1rem
}
hr.hr-primary {
border-width: 2px;
border-color: #ddae71
}
.dark hr {
border-color: rgba(255, 255, 255, 0.15)
}
.shape {
display: inline-block;
width: 64px;
height: 64px
}
.shape.circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.shape.square {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px
}
.close {
color: inherit;
text-shadow: none;
opacity: .6;
font-size: 14px;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out
}
.close:hover,
.close:focus,
.close:active,
.close:focus:active {
outline: none;
color: inherit;

opacity: 1
}
.dark .close {
color: #fff
}
.img-thumbnail,
.rounded {
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
-ms-border-radius: .25rem;
-o-border-radius: .25rem;
border-radius: .25rem
}
.action-icon {
color: #a4a7a9;
margin: 0 0.1em
}
.action-icon:hover,
.action-icon:focus {
color: #383c40
}
.pagination>.page-item {
display: inline-block;
vertical-align: middle
}
.pagination>.page-item>.page-link {
border: none;
color: #383c40;
font-weight: 600;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
display: block;
padding: .25rem .75rem;
background-color: transparent
}
.pagination>.page-item>.page-link.active {
color: #ddae71
}
.pagination>.page-item>.page-link:hover {
background-color: transparent;
color: #ddae71
}
.pagination>.page-item:first-child>.page-link,
.pagination>.page-item:last-child>.page-link {
padding: 0;
width: 2rem;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
color: #383c40
}
.pagination>.page-item:first-child>.page-link>i,
.pagination>.page-item:last-child>.page-link>i {
line-height: 26px;
font-size: 0.8rem
}
.pagination>.page-item:first-child>.page-link:hover,
.pagination>.page-item:last-child>.page-link:hover {
color: #a4a7a9
}
.pagination>.page-item:first-child>a:hover {
-webkit-transform: translateX(-2px);
-moz-transform: translateX(-2px);
-ms-transform: translateX(-2px);
-o-transform: translateX(-2px);
transform: translateX(-2px)
}
.pagination>.page-item:last-child>a:hover {
-webkit-transform: translateX(2px);
-moz-transform: translateX(2px);
-ms-transform: translateX(2px);
-o-transform: translateX(2px);
transform: translateX(2px)
}
.pagination>.page-item.active>.page-link {
color: #ddae71;
background-color: transparent
}
.pagination>.page-item.disabled {
pointer-events: none;
opacity: .5
}
#panel-cart {
position: fixed;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
width: 600px;
z-index: 9999;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
font-size: 0.95rem;
visibility: hidden;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.panel-cart-content {
margin-top: 10px;
margin-bottom:150px;
}
.panel-cart-voucher {
position: absolute;
top: 33px;
left: 1px;
width: 100%;
white-space: nowrap;
z-index: 3
}
#panel-cart.show {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
#panel-cart .panel-cart-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 90px;
overflow: auto;
z-index: 2;
background-color: #fff
}


#panel-cart .panel-cart-title-cart {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 1.5rem;
background-color: white;
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 9999999;
}
#panel-cart .panel-cart-title .title {
margin-bottom: 0
}
#panel-cart .panel-cart-title .close {
margin-left: auto
}
#panel-cart .panel-cart-action {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
white-space: nowrap;
z-index: 3;
font-weight: bold;
}
#panel-cart .panel-cart-action:hover,
#panel-cart .panel-cart-action:focus {
background: #ffe599;
color: black;
opacity:0.8;
}
.cart-summary {
padding: 1.5rem
}
.table-cart {
line-height: 1.25;
width: 100%
}
.table-cart th,
.table-cart td {
vertical-align: middle;
padding: 1rem 1.5rem;
border-bottom: 1px solid #e0e0e0
}
.table-cart .title .name {
font-weight: 500;
display: block
}
.table-cart .price {
font-weight: 500
}
.table-cart .actions {
white-space: nowrap
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 400;
}
h1,
.h1 {
font-size: 3.0rem;
font-weight: 100
}
h2,
.h2 {
font-size: 2.5rem;
font-weight: 100
}
h3,
.h3 {
font-size: 2.5rem
}
h4,
.h4 {
font-size: 1.75rem
}
h5,
.h5 {
font-size: 1.2rem;
font-weight: 400
}
h6,
.h6 {
font-size: 1.1rem;
font-weight: 500
}
p {
font-size: 1.2rem;
margin-bottom: 2rem;
}
.blockquote {
position: relative;
border: none;
padding: 0;
margin-bottom: 1.5rem;

}
.blockquoteinner {
font-size: 1.0rem;
padding: 5px;
margin-bottom: 10px;
}
.badge {
border: none;
padding: 0.5rem 0.5rem;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
-ms-border-radius: 2rem;
-o-border-radius: 2rem;
border-radius: 2rem;
font-weight: normal !important;
box-shadow: 1px 4px 5px 3px rgba(0, 0, 0, 0.54);
}
.badgefont {
box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.54) !important;
font-size: 1.2rem !important;
padding: 10px !important;
}
.badgefontsm {
box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.54) !important;
font-size: 0.9rem !important;
}
.badge-dark {
background-color: black!important;
color: white!important;
}

.text-muted {
color: rgba(255, 255, 255, 0.8) !important;
}

.picker {
font-size: 16px;
text-align: left;
line-height: 1.2;
color: #fff000;
position: absolute;
z-index: 10000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.picker__input {
cursor: default;
}
.picker__input.picker__input--active {
border-color: #0089ec;
}
.picker__holder {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.picker__holder,
.picker__frame {
bottom: 0;
left: 0;
right: 0;
top: 100%;
}
.picker__holder {
position: fixed;
-webkit-transition: background 0.15s ease-out, top 0s 0.15s;
-moz-transition: background 0.15s ease-out, top 0s 0.15s;
transition: background 0.15s ease-out, top 0s 0.15s;
}
.picker__frame {
position: absolute;
margin: 0 auto;
min-width: 256px;
max-width: 666px;
width: 100%;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.pageheaders {
position: relative;
width: 100%;
height: 100%;
color: white;
text-align: center;
margin-top: 8px;
font-size: 30px !important;
}
@media (min-height: 33.875em) {
.picker__frame {
overflow: visible;
top: auto;
bottom: -100%;
max-height: 80%;
}}
@media (min-height: 40.125em) {
.picker__frame {
margin-bottom: 7.5%;
}}
.picker__wrap {
display: table;
width: 100%;
height: 100%;
}
@media (min-height: 33.875em) {
.picker__wrap {
display: block;
}}
.picker__box {
background: #ffffff;
display: table-cell;
vertical-align: middle;
}
@media (min-height: 26.5em) {
.picker__box {
font-size: 1.25em;
}}
@media (min-height: 33.875em) {
.picker__box {
display: block;
font-size: 1.33em;
border: 1px solid #777777;
border-top-color: #898989;
border-bottom-width: 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
}}
@media (min-height: 40.125em) {
.picker__box {
font-size: 1.5em;
border-bottom-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}}
.picker--opened .picker__holder {
top: 0;
background: transparent;
zoom: 1;
background: rgba(0, 0, 0, 0.32);
-webkit-transition: background 0.15s ease-out;
-moz-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
top: 0;

filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
@media (min-height: 33.875em) {
.picker--opened .picker__frame {
top: auto;
bottom: 0;
}}
.product-top {
width: 100%;
}
.arttitle:first-letter {
text-transform: uppercase;
font-size: 1.3em;
font-weight: bold;
}
.artoms:first-letter {
text-transform: uppercase;
width: 70%;
margin-top: 5px;
}

.groepaantal {
float: left;
background: #fff;
width: 20px;
color: #fff;
text-align: center;
margin-right: 10px;
}
#groepselect {
text-align: center;
text-align-last: center;
}

.plusplus{
width:48px;
height:48px;
padding:5px;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 2.1em;
line-height: 0.9em;
cursor:pointer;
filter: invert(30%) sepia(92%) saturate(1085%) hue-rotate(82deg) brightness(96%) contrast(96%);
}
.minmin{
width:48px;
height:48px;
padding:5px;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 2.1em;
line-height: 0.9em;
cursor:pointer;
filter: invert(13%) sepia(100%) saturate(6339%) hue-rotate(3deg) brightness(92%) contrast(105%);
}
.plusminbox{
height:40px;
width: 40px;
text-align: center;
font-size: 22px;
border:1px solid #ddd;
border-radius:4px;
display: inline-block;
vertical-align: middle;
padding:5px 5px 5px 5px;
}



.plusplus:hover {
opacity:0.7;
}

.minmin:hover{
opacity:0.7;
}

.bold-font {
font-weight: bold;
}
.quantity-container {
width: 100px;
}
.center {
width: 100px;
margin: 40px auto;
}
.panelopen {}
#cartupdown {
position: absolute;
width: 80px;
height: 60px;
display: none;
top: 0;
right: 0;
background-color: #ff0000;
}
.postcodemodalweg {
left: 200px;
}
#panel-adres {
position: fixed;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
width: 100%;
z-index: 950;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
font-size: 0.95rem;
visibility: hidden;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.panel-adres-voucher {
position: absolute;
bottom: 80px;
left: 1px;
width: 100%;
white-space: nowrap;
z-index: 3
}
#panel-adres.show {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
#panel-adres .panel-adres-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
z-index: 2;
background-color: #fff
}
#panel-adres .panel-adres-title {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
background-color: #f3f4f4
}
#panel-adres .panel-adres-title .title {
margin-bottom: 0
}
#panel-adres .panel-adres-title .close {
margin-left: auto
}
#panel-adres .panel-adres-action {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
white-space: nowrap;
z-index: 3
}
#panel-adres .panel-adres-action:hover,
#panel-adres .panel-adres-action:focus {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.pac-item {
font-size: 1.2rem;
height: 30px;
}
.pac-matched {
font-size: 1.2rem;
color: #1a8b00;
}
input.toggle {
position: absolute;
visibility: hidden;
}
input.toggle+label {
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cc-selector input {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sofort {
background-image: url(../uiimages/nl/sofort.png);
}
.giropay {
background-image: url(../uiimages/nl/giropay.png);
}
.ideal {
background-image: url(../uiimages/nl/ideal.png);
}
.pinnen {
background-image: url(../uiimages/nl/pinnen.png);
}
.contant {
background-image: url(../uiimages/nl/contant.png);
}
.balie {
background-image: url(../uiimages/nl/balie.png);
}
.rekening {
background-image: url(../uiimages/nl/rekening.png);
}
.creditcard {
background-image: url(../uiimages/nl/creditcard.png);
}
.eps {
background-image: url(../uiimages/nl/eps.png);
}
.klarnapaynow {
background-image: url(../uiimages/nl/klarnapaynow.png);
}
.cc-selector input:active+.levering-cc {
opacity: .9;
}
.cc-selector input:checked+.levering-cc {
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
.levering-cc {
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
-webkit-filter: brightness(1.2) grayscale(1) opacity(.8);
-moz-filter: brightness(1.2) grayscale(1) opacity(.8);
filter: brightness(1.2) grayscale(1) opacity(.8);
}
.levering-cc:hover {
-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.cc-icon {
width: 100px;
height: 100px;
}
.cc-iconb {
width: 100px;
height: 100px;
}
.txtlowercase {
text-transform: lowercase;
}
.txtuppercase {
text-transform: uppercase;
}
.eersteletter:first-letter {
text-transform: uppercase;
}
.eersteletter {
border-radius:10px;
}



#bigmenu {
font-weight: bold;
text-transform: uppercase;
}
.artimg {
width: 120px;
float: right;
}
.arttitel {
font-size: 1.4em;
font-weight: bold;
width: 85%;
color: black;
margin-bottom:10px;
}

.prijsproduct{
	font-size:1.4rem;
	font-weight:600;
	position:absolute; 
	right:0;
	color: black;
}
.prijsoud{
opacity:.7;
text-decoration:line-through; 
font-size:0.7em; 
padding:5px;
}
.arttitel:first-letter {
text-transform: uppercase;
}
.artomschrijving {
color:black;
line-height:14px;
}
.artomschrijving:first-letter {
text-transform: uppercase;
}
.containertel {
position: relative;
width: 100%;
height: 50px;
margin-top: 0px;
}
.leftb {
width: auto;
height: 50px;
color: white!important;
overflow: hidden;
line-height: 50px;
text-align: center;
background: black!important;
font-size: 1.8rem;
font-weight: bold;
border:1px solid black;
}

.leftb:before {
font-size: 1.8rem !important;
position: absolute;
content: "\f245";
color: white!important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;

top: 5px;
right: 60px;
width: 40px;
}
.contenttop {
margin-top: 390px;
}
.resform {
margin-top: 80px;
padding: 5px;
margin-bottom: 50px;
}
.icon-social {
margin: 2px;
}
.buttonin {
padding: 0;
cursor: pointer;
border-radius: 5px;
background: black;
border: 2px solid black;
color: white;
font-size: 1.3rem;
text-align: center;
width: 44px;
height: 44px;
float: right;
margin: 3px 3px 0 0;
position: absolute;
right: 30px;
}
.buttonin:before {
font-size: 1.8rem !important;
position: absolute;
content: "\f007";
color: white;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
line-height: 1.7rem;
top: 10px;
left: 0px;
width: 40px;
}
.buttonout {
padding: 0;
cursor: pointer;
border-radius: 5px;
background: black;
border: 2px solid black;
color: white;
font-size: 1.3rem;
text-align: center;
width: 44px;
height: 44px;
float: right;
margin: 3px 3px 0 0;
position: absolute;
right: 30px;
}
.buttonout:before {
font-size: 1.8rem !important;
position: absolute;
content: "\f502";
color: white;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
top: 10px;
left: 0px;
width: 40px;
}
.buttonin:hover {
opacity: 0.7;
}
.afb {
width: 55px;
height: 55px;
float: left;
text-align: center;
color: #ffe599;
margin-top: -1px;
margin-left: 5px;
}
.leveringtot {
text-align: center;
margin-top: -2px;
width: 100%;
line-height:20px;
color: #ffe599;
font-size:14px;
}
.tijda {
width: 65px;
height: 54px;
float: left;
text-align: center;
color: #ffe599;
margin-top: 3px;
font-size: 12px;
margin-left: -5px;
}
.tijdb {
width: 65px;
height: 54px;
float: left;
text-align: center;
color: #ffe599;
margin-top: 3px;
font-size: 12px;
}
.tijdbalktextmobile {
line-height: 26px;
color: #ffe599;
font-size: 1.1rem;
text-align: center;
margin: 3px 0 0 20px;
width: 180px;
}
.afbiconstext {
position: absolute;
bottom: 5px;
text-align: center;
width: 55px;
line-height: 10px;
}
.tijdges {
width: 55px;
height: 54px;
float: left;
text-align: center;
font-size: 12px;
}


.fontsmall {
font-size: 0.8rem;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
width: 25%;
border-radius: 5px;
float: left;
margin: 5px;
padding-bottom: 10px;
height: 200px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.imgholder {
border-radius: 5px 5px 0 0;
height: 100px;
background-image: url('../images/content/thumb/4c5975a95ecc73b91cbe8f39d5f629c898dd143c.jpg');
background-repeat: no-repeat;
background-position: top 10px center;
background-size: 100%;
}
.containercard {
padding: 2px 10px;
}
.buttoncard {
padding: 5px 16px;
width: 90%;
border-radius: 5px;
position: absolute;
bottom: 0;
}
.text-center {
text-align: center !important;
}
.ui-draggable,
.ui-droppable {
background-position: top;
}
h2 {
margin: 10px 0 0 0;
}
fieldset {
border: 0;
}
label {
display: block;
}

.ui-icon.ideal_ABNANL2A {
background: url("../uiimages/bank/ABNAmro.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_INGBNL2A {
background: url("../uiimages/bank/ing.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_SNSBNL2A {
background: url("../uiimages/bank/bunq.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_BUNQNL2A {
background: url("../uiimages/bank/ABNAmro.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_FVLBNL22 {
background: url("../uiimages/bank/VanLanschot.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_RABONL2U {
background: url("../uiimages/bank/Rabobank.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_RBRBNL21 {
background: url("../uiimages/bank/RegioBank.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_KNABNL2H {
background: url("../uiimages/bank/Knab.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_MOYONL21 {
background: url("../uiimages/bank/moneyou.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_TRIONL2U {
background: url("../uiimages/bank/Triodos.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
.ui-icon.ideal_ASNBNL21 {
background: url("../uiimages/bank/ASNBank.png") 0 0 no-repeat;
background-size: 32px;
background-position: top 8px center;
}
option.avatar {
background-repeat: no-repeat !important;
padding-left: 20px;
}
.avatar .ui-icon {
background-position: left top;
}
#filesB-button {
width: 300px;
height: 50px;
padding-top: 15px;
}
.topmarge {
margin-top: 300px;
}
.sb-search {
position: absolute;
right: 0;
top: 50px;
width: 0%;
height: 38px;
line-height: 38px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
z-index: 9999;
border-top: 1px solid black;
border-bottom: 1px solid black;
color: white;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
width: 100%;
height: 38px;
margin: 0;
z-index: 10;
padding: 0px 0px 0px 5px;
font-size: 20px;
color: black;
line-height: 20px;
}
.sb-icon-search,
.sb-search-submit {
width: 100%;
height: 38px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 38px;
text-align: center;
cursor: pointer;
border-left:1px solid black!important;
}
.sb-search-submit {
background: #fff;
filter: alpha(opacity=0);
opacity: 0;
color: transparent;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: red;
background: #f39c12;
z-index: 90;
font-size: 18px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color:  white;
-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
width: 50%;
margin-right: 0px;

}
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
z-index: 11;
background: #f39c12;
z-index: 11;
width: 30%;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
.sb-search-submit-open {
background-color: #f39c12;
color: white;
width: 30%;

}
.sb-icon-search-open:after {
width: 50%;
content: 'CHECK';
color: #f39c12;

}
.sb-spaar-submit {
width: 50%;
height: 38px;
display: block;
position: absolute;
left: 0;
top: 50px;
padding: 0;
margin: 0;
line-height: 38px;
text-align: center;
cursor: pointer;
color: white;
background: #f39c12;
z-index: 90;
font-size: 18px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
border: none;
outline: none;
-webkit-font-smoothing: antialiased;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
text-transform: uppercase;
}
#sideindex {
display: block;
}
.tab {
width: 90%;
margin: 0 auto;
height: 15px;
margin-bottom: -5px;
background-color: #fff;
box-shadow: inset 0 0 35px #ddd;
border-radius: 50px
}
.pseudo {
position: relative;
}
.pseudo:before {
content: "";
position: absolute;
width: 96%;
top: 5px;
left: 2%;
}
.panel-dark {
background-color: #f7f7f7;
border-color: #f7f7f7;
box-shadow: 0 5px 15px #ccc;
}
.pseudo:after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 10px;
bottom: -10px;
left: 0;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 33.333%, #f7f7f7 33.333%, #f7f7f7 66.667%, rgba(0, 0, 0, 0) 66.667%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 33.333%, #f7f7f7 33.333%, #f7f7f7 66.667%, rgba(0, 0, 0, 0) 66.667%);
background-size: 20px 40px;
background-position: 50% -30px;
background-repeat: repeat-x;
z-index: 1;
}
.rightx {
text-align: right;
}
.gesloten {
position: absolute;
width: 150px;
height: 150px;
background: url(../uiimages/gesloten.png);
background-repeat: no-repeat;
background-size: 150px 150px;
top: 10px;
left: -30px;
z-index: 999999;
display: none;
}
.afhaalgesloten {
position: absolute;
width: 150px;
height: 150px;
background: url(../uiimages/geslotenafhaal.png);
background-repeat: no-repeat;
background-size: 150px 150px;
top: 10px;
left: -30px;
z-index: 999999;
display: none;
}
.icon-info:before {
content: url('../uiimages/infosm.png');
}
.icon-reserveren:before {
content: url('../uiimages/reserverensm.png');
}
.btn-5 {
color: inherit;
background: none;
cursor: pointer;
padding: 15px 15px;
display: inline-block;
margin-top: 2px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: black;
color: white;
height: 45px;
min-width: 100px;
line-height: 16px;
font-size: 16px;
overflow: hidden;
border-radius: 5px;
vertical-align: middle;
border: none;
outline: none;
}
.btn-5:active {
background: black;
top: 2px;
border: none;
outline: none;
}
.btn-5 span {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-webkit-backface-visibility: hidden;
-moz-transition: all 0.3s;
-moz-backface-visibility: hidden;
transition: all 0.3s;
backface-visibility: hidden;
}
.btn-5:before {
position: absolute;
height: 100%;
width: 100%;
line-height: 1.8;
font-size: 180%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn-5:active:before {
color: white;
}
.btn-5b:hover span {
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
.btn-5b:before {
left: -100%;
top: 0;
}
.btn-5b:hover:before {
left: 40%;
}
.icon-scooter {
background: black!important;
color: white!important;
}
.icon-scooter:before {
font-size: 2rem !important;
position: absolute;
content: "\f54e";
color: white;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
top: 10px;
}
@-webkit-keyframes moveToRight {
80% {
-webkit-transform: translateX(250%);
}81% {
opacity: 1;
-webkit-transform: translateX(250%);
}82% {
opacity: 0;
-webkit-transform: translateX(250%);
}83% {
opacity: 0;
-webkit-transform: translateX(-50%);
}84% {
opacity: 1;
-webkit-transform: translateX(-50%);
}100% {
-webkit-transform: translateX(0%);
}}
@-moz-keyframes moveToRight {
80% {
-moz-transform: translateX(250%);
}81% {
opacity: 1;
-moz-transform: translateX(250%);
}82% {
opacity: 0;
-moz-transform: translateX(250%);
}83% {
opacity: 0;
-moz-transform: translateX(-50%);
}84% {
opacity: 1;
-moz-transform: translateX(-50%);
}100% {
-moz-transform: translateX(0%);
}}
@keyframes moveToRight {
80% {
transform: translateX(250%);
}81% {
opacity: 1;
transform: translateX(250%);
}82% {
opacity: 0;
transform: translateX(250%);
}83% {
opacity: 0;
transform: translateX(-50%);
}84% {
opacity: 1;
transform: translateX(-50%);
}100% {
transform: translateX(0%);
}}
button {
border: none;
outline: none;
}
button:active {
border: none;
outline: none;
}
button:focus {
border: none;
outline: none;
}


.alergiconholder {
position:relative;
width:100%;
min-height:30px;
bottom:0;
padding:10px 10px 5px 0px!important;


}
.alergicon {
float: left;
margin-right: 4px;
width:20px;
height:20px;

}
.alergeneninfo {
margin-left: 60px;
font-size:1.2rem;
width:100%;
}
.imginfo {

top:20px;
}
.field-icon {
color: gray;
opacity: 0.7;
font-size: 2rem;
position: absolute;
top: 50px;
right: 10px;
z-index: 2;
}
.verberg {
display: none;
}
.toon {
display: block;
}
.centered {
position: fixed;
top: 50%;
left: 60%;
transform: translate(-50%, -50%);
}
.tijdover {
height: 100%;
width: 40%;
float: left;
font-size: 1rem;
margin-left: 0px;
}
.titlecart {
font-size: 1.3rem;
margin-top: -20px;
text-transform: uppercase;
color: black;
}



.addcart {
position: relative;
font-size: 3rem;
padding:0;
cursor: pointer;
}

.addcart:before {
color: black;
content: '\f290';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
position: relative;
top: -10px;
text-align:center;
}

.addcart i {
position: absolute;
font-size: 1.1rem;
color: black;
right:-7px;
top:-7px;
}

.btncart {
width: 90px;
height: 40px;
font-family: inherit;
font-size: 16px;
color: inherit;
cursor: pointer;
padding: 8px 7px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
position: relative;
border-radius: 5px;
line-height: 1;
}
.btncart:after {
content: '';
position: absolute;
z-index: -1;
}

.btncart:before {
position: relative;
color: black;
content: '\f067';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
}
.btncart-3e {
background: black;
color: black;
padding: 12px 30px 10px 3px;
overflow: hidden;
}
.btncart-3e:before {
position: absolute;
height: 100%;
top: 0;
line-height: 2.5;
font-size: 12px;
width: 20px;
left: auto;
right: 3px;
z-index: 2;
font-size: 16px;
}
.btncart-3e:after {
width: 38%;
height: 200%;
background: black;
z-index: 1;
right: 0;
top: 0;
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(-20deg);
-moz-transform-origin: 0 0;
-moz-transform: rotate(-20deg);
-ms-transform-origin: 0 0;
-ms-transform: rotate(-20deg);
transform-origin: 0 0;
transform: rotate(-20deg);
}


.divbtncart {
position: absolute;
right: 0;
top: 0;
width: 90px;
float: right;
text-align: center;
}
.headerbalk {
height: 62px;
background: black;
border-top: 1px solid white;
border-bottom: 1px solid white;
margin-top: -1px;
font-size: 0.8rem
}
.textkleurbalk {
color: #ffe599;
}
.balkmobile {
height: 58px;
padding: 1px;
background: black;
border-bottom: 1px solid black;
border-top: 1px solid black;
margin-top: 0px;
}
.productinfo {
background: white;
font-weight: 400;
color: #5e5e5e;
width: 100%;
text-align: center;
padding: 5px;
font-size: 0.9rem;
border-bottom: 1px solid #5e5e5e;
border-top: 1px solid #5e5e5e;
margin-top:20px;
}

.titelpopup{
font-size:1.4em;
line-height:1em;
padding:10px;

}

.productingredient {
line-height: 1em;
color: black!important;
font-size:1.2em;
font-weight:400;
text-align:left;
margin-top:30px;
font-style:italic;
}
.toevoegenbtn {
float: right;
font-size: 1.1em;
background: #ffe599;
color: black;
line-height: 0.8em;
font-weight: bold;
height:40px;
border-radius:10px;

}
.toevoegenbtn:hover {
background: #ffe599;
color: black;
opacity:0.8;
}
.popuptotaal {
width: 100%;
float: left;
padding: 10px;
font-weight: bold;
font-size: 1.5em;
color: #329c03;
}
.backbtn {
font-size: 35px;
color: #ffe599!important;
font-weight: bold;
line-height: 50px;
background-color: Transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
position: absolute;
left: 5px;
margin-top: 2px;
}
.button_aLeft {
width: 40px;
height: 40px;
background-color: #000;
color: #000;
top: 0px;
right: 0px;
position: absolute;
line-height: 18px;
text-align: center;
overflow: hidden;
}
.button_aLeft span {
display: none;
}
.button_c {
background-color: orange;
color: #fff;
text-transform: uppercase;
}
.button_c span {
color: #fff;
}
.mright {
padding-right: 20px;
}
.cbp_tmtimeline {
margin: 30px 0 0 0;
padding: 0;
list-style: none;
position: relative;
}
.cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 10px;
background: black;
left: 20%;
margin-left: -10px;
}
.cbp_tmtimeline>li {
position: relative;
}
.cbp_tmtimeline>li .cbp_tmtime {
display: block;
width: 25%;
padding-right: 100px;
position: absolute;
}
.cbp_tmtimeline>li .cbp_tmtime span {
display: block;
text-align: right;
}
.cbp_tmtimeline>li .cbp_tmtime span:first-child {
font-size: 0.9em;
color: black;
}
.cbp_tmtimeline>li .cbp_tmtime span:last-child {
font-size: 2em;
color: #ffe599;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
color: #ffe599;
}
.cbp_tmtimeline>li .cbp_tmlabel {
margin: 0 0 15px 25%;
background: black;
color: #ffe599;
padding: 2em;
font-size: 1.2em;
font-weight: 300;
line-height: 1.4;
position: relative;
border-radius: 5px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
background: black;
}
.cbp_tmtimeline>li .cbp_tmlabel h2 {
margin-top: 0px;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cbp_tmtimeline>li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: black;
border-width: 10px;
top: 10px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: black;
}
.cbp_tmtimeline>li .cbp_tmicon {
width: 40px;
height: 40px;
font-family: 'Font Awesome 5 Free';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 1.8em;
line-height: 40px;
-webkit-font-smoothing: antialiased;
position: absolute;
color: #ffe599;
background: black;
border-radius: 50%;
box-shadow: 0 0 0 8px black;
text-align: center;
left: 20%;
top: 0;
margin: 0 0 0 -25px;
}
.cbp_tmicon-phone:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: "\f10b";

}
.cbp_tmicon-screen:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: "\f108";
}
.cbp_tmicon-mail:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: "\f0e0";
}
.cbp_tmicon-earth:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: "\f0ac";
}
.historiebutton {
border-radius: 5px;
background: #ffe599;
border: none;
color: black;
cursor: pointer;
width: 100px;
padding: 5px;
}
@media screen and (max-width: 65.375em) {
.cbp_tmtimeline>li .cbp_tmtime span:last-child {
font-size: 1.5em;
}}
@media screen and (max-width: 47.2em) {
.cbp_tmtimeline:before {
display: none;
}
.cbp_tmtimeline>li .cbp_tmtime {
width: 100%;
position: relative;
padding: 0 0 20px 0;
}
.cbp_tmtimeline>li .cbp_tmtime span {
text-align: left;
}
.cbp_tmtimeline>li .cbp_tmlabel {
margin: 0 0 30px 0;
padding: 1em;
font-weight: 400;
font-size: 95%;
}
.cbp_tmtimeline>li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color: black;
top: -20px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: transparent;
border-bottom-color: black;
}
.cbp_tmtimeline>li .cbp_tmicon {
position: relative;
float: right;
left: auto;
margin: -55px 5px 0 0px;
}}
.fontsizeicon {
position:absolute;
font-size: 2rem !important;
margin-top:10px;

}
.sluitpanel {
position: fixed;
right:5px;
top:5px;
color: black;
font-size:2rem;
width:34px;
height:34px;
}
.bellen {
padding-top:10px;

color: white;
font-size:2.5rem;


}
.spaarpuntmob {
width: 100%;
background: black;
color: #ffe599;
}
.spaarpuntweb {
width: 100%;
background: black;
color: #ffe599;
}
.spaarpuntmoney {
background: #ffe599;
padding: 5px;
;
color: #ffe599;
font-size: 1.2rem;
width: 100%;
}

.spaarpuntmoney:before {

color: #ffe599;


font-size: 1.6rem !important;
position: absolute;
content: "\f51e";
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
top: 167px;
left: 32px;
}

.bsluiten {
position: absolute;
right: 5px;
top: 5px;
background-color: #de0808;
color: white;
border: none;
border-radius: 5px;
padding: 4px;
display: table-cell;
vertical-align: middle;
cursor: pointer;
}

.bsluitenprod {
position: absolute;
right: 0px;
top: 0px;
background-color: #ffe599;
color: black;
border: none;
border-radius: 5px;
padding: 10px 8px;
display: table-cell;
vertical-align: middle;
line-height:14px;
cursor: pointer;
}

.adreswijzigbut {
border-radius: 5px;
background: black;
border: none;
cursor: pointer;
color: #ffe599;
}

.buttonoffline,
.buttononline {
width: 100%;
border: none;
padding: 10px 0 10px 0;
font-size: 16px;
background:white;
}
.buttonoffline {
color:red;
}
.buttononline {
color:#5d9b05;
}
.buttononline:before {
font-size: 1.8rem !important;
position: absolute;
content: "\f007";
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
top: 110px;
left: 10px;
color:#5d9b05;
}

.buttonoffline:before {
font-size: 1.8rem !important;
position: absolute;
content: "\f502";
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
top: 110px;
left: 10px;
color: red ;
}

.reverse {
unicode-bidi: bidi-override;
direction: rtl;
}
.menu-category-titlenoimg .title {
padding-top: 0px !important;
margin-top: 0px !important;
width: 100%;
text-align: center;
}
.menu-category-titlenoimg h2 {
padding-top:0px;
	}
.menu-category-title .title {
width: 100%;
text-align: center;
margin-top: 0px;
}

.groeplisticonholder span {
width: 100%;
font-size: 1.8rem;
margin-top: 7px;
color: black;
}
.groeplisticonholder {
background: white;
color: black !important;

text-align: center;
border-left: 1px solid white;
position: fixed;
right: 0;
width: 39px;
height: 39px;
-webkit-box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.83);
-moz-box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.83);
box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.83);
}


.kortingicon {
font-size: 1.2rem;
position: absolute;
right: 70px;
top: -8px;
color: black;
}
.kortingicontxt {
font-size: 1rem;
color: black;
}
.kortingiconcart {
font-size: 0.9rem;
position: absolute;
right: 22%;
top: 30px;
color: black;
}
.kortingiconcarttxt {
font-size: 0.7rem;
color: white;
}
div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;
background: #ff7b06;
z-index: 98;
width: 90%;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 10px 10px 0 -10px;
}
div.cs-select:focus {
outline: none;
}
.cs-select select {
display: none;
}
.cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 0em 0em 0em 0.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 5px;
font-size: 0.8em;
}
.cs-select>span {
padding-right: 1em;
}
.cs-select>span::after,
.cs-select .cs-selected span::after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
color: black;
}
.cs-select>span::after {
content: '\25BE';
right: 0.3em;
}
.cs-select .cs-selected span::after {
content: '\2713';
margin-left: 0.1em;
}
.cs-select.cs-active>span::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
z-index: 200;
}
.cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #000;
visibility: hidden;
}
.cs-select.cs-active .cs-options {
visibility: visible;
}
.cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.cs-select ul span {
padding: 1em;
}
.cs-select ul li.cs-focus span {
background-color: #ffe599;
}
.cs-select li.cs-optgroup ul {
padding-left: 1em;
}
.cs-select li.cs-optgroup>span {
cursor: default;
background-color: #fff;
}
div.cs-skin-elastic {
background: transparent;
font-size: 1.2em;
font-weight: 700;
color: black;
width: 100%;
}
@media screen and (max-width: 30em) {
div.cs-skin-elastic {
font-size: 1em;
}}
.cs-skin-elastic>span {
background-color: #ffe599;
border: 2px solid black;
z-index: 100;
}
.cs-skin-elastic>span::after {
font-family: 'Font Awesome 5 Free';
content: '\f358';
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cs-skin-elastic .cs-options {
overflow: visible;
background: transparent;
opacity: 1;
visibility: visible;
pointer-events: none;
}
.cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
}
.cs-skin-elastic .cs-options>ul::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
background: #ffe599;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.cs-skin-elastic.cs-active .cs-options>ul::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: none;
transition: none;
-webkit-animation: expand 0.6s ease-out;
animation: expand 0.6s ease-out;
}
.cs-skin-elastic .cs-options ul li {
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity 0.15s, transform 0.15s;
color: #000;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
padding: 5px 0 5px 0;
background-color: #ffe599;
}
.cs-skin-elastic.cs-active .cs-options ul li {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
-webkit-transition: none;
transition: none;
-webkit-animation: bounce 0.6s ease-out;
animation: bounce 0.6s ease-out;
}
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: .5em 50%;
background-size: 2em auto;
padding: 0.3em 0.5em 0em 3em;
}
.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
color: #1e4c4a;
}
.cs-skin-elastic .cs-options .cs-selected span::after {
content: '';
}
.cs-skin-elastic .cs-options li.bezorgen span {
background-size: 30px 30px;
color: black;
}
.cs-skin-elastic .cs-options li.bezorgen span:before {
font-size: 1.6rem !important;
position: absolute;
content: "\f0d1";
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
left: 10px;
}
.cs-skin-elastic .cs-options li.afhalen span {
background-size: 30px 30px;
color: black;
}
.cs-skin-elastic .cs-options li.afhalen span:before {
font-size: 1.6rem !important;
position: absolute;
content: "\f54e";
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
line-height: 1.7rem;
left: 10px;
}@-webkit-keyframes expand {
0% {
-webkit-transform: scale3d(1, 0, 1);
}25% {
-webkit-transform: scale3d(1, 1.2, 1);
}50% {
-webkit-transform: scale3d(1, 0.85, 1);
}75% {
-webkit-transform: scale3d(1, 1.05, 1)
}100% {
-webkit-transform: scale3d(1, 1, 1);
}}
@keyframes expand {
0% {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}25% {
-webkit-transform: scale3d(1, 1.2, 1);
transform: scale3d(1, 1.2, 1);
}50% {
-webkit-transform: scale3d(1, 0.85, 1);
transform: scale3d(1, 0.85, 1);
}75% {
-webkit-transform: scale3d(1, 1.05, 1);
transform: scale3d(1, 1.05, 1);
}100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translate3d(0, -25px, 0);
opacity: 0;
}25% {
-webkit-transform: translate3d(0, 10px, 0);
}50% {
-webkit-transform: translate3d(0, -6px, 0);
}75% {
-webkit-transform: translate3d(0, 2px, 0);
}100% {
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}}
@keyframes bounce {
0% {
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
opacity: 0;
}25% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}50% {
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);
}75% {
-webkit-transform: translate3d(0, 2px, 0);
transform: translate3d(0, 2px, 0);
}100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}}
.cartborder {
height: 1px;
background-color: white;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: white;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}100% {
transform: scale(1);
}}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}100% {
transform: scale(0);
}}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}100% {
transform: translate(19px, 0);
}}
.vsbuttons {
margin-top: 30px;
}
.gdpr-cookie-notice {
position: fixed;
background: #333;
left: 0;
bottom: 0;
right: 0;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all ease 1s;
transition: all ease 1s;
-webkit-transform: translateY(100%);
transform: translateY(100%);
z-index: 1000
}
#menucontainer {
margin-bottom: 100px;
margin-top: 20px;
}
@media (max-width: 768px) {
.gdpr-cookie-notice {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}}
.gdpr-cookie-notice-loaded .gdpr-cookie-notice {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.gdpr-cookie-notice-description {
margin: 0;
padding: 0 16px 0 0;
color: rgba(255, 255, 255, 0.75);
font-size: 14px;
line-height: 20px;
text-align: left
}
@media (max-width: 768px) {
.gdpr-cookie-notice-description {
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;
line-height: 18px
}}
.gdpr-cookie-notice-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
background: none;
width: auto;
height: auto;
padding: 0
}
.gdpr-cookie-notice-nav-item {
text-decoration: none;
display: block;
height: 40px;
line-height: 40px;
white-space: nowrap;
color: #fff;
padding: 0 16px;
font-size: 15px;
font-weight: 600
}
.gdpr-cookie-notice-nav-item:hover {
text-decoration: none
}
.gdpr-cookie-notice-nav-item-btn {
background: black;
border-radius: 3px;
color:#ffe599;
}
.gdpr-cookie-notice-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg height="12" viewBox="0 0 8 12" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z" fill="black"/></svg>');
z-index: 1001;
background: rgba(0, 0, 0, 0.4);
overflow: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 10px;
display: none
}
.gdpr-cookie-notice-show-modal .gdpr-cookie-notice-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.gdpr-cookie-notice-modal-content {
width: 470px;
border-radius: 6px;
background: #fff;
margin: auto
}
.gdpr-cookie-notice-modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px;
border-bottom: 1px solid #f4f5f7
}
.gdpr-cookie-notice-modal-title {
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
font-weight: 600;
line-height: 18px;
margin: 0;
padding: 0
}
.gdpr-cookie-notice-modal-close {
width: 24px;
height: 24px;
margin: 0 0 0 auto;
background: none;
border: none;
outline: none;
padding: 0;
position: relative;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.gdpr-cookie-notice-modal-close:before,
.gdpr-cookie-notice-modal-close:after {
width: 18px;
height: 2px;
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #bdbdbd
}
.gdpr-cookie-notice-modal-close:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg)
}
.gdpr-cookie-notice-modal-close:hover {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 1
}
.gdpr-cookie-notice-modal-cookies {
display: block;
margin: 0;
padding: 0;
list-style-type: none
}
.gdpr-cookie-notice-modal-cookie {
display: block;
border-bottom: 1px solid #f4f5f7;
list-style-type: none;
padding: 0;
margin: 0
}
.gdpr-cookie-notice-modal-cookie-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 16px
}
.gdpr-cookie-notice-modal-cookie-title {
font-weight: normal;
font-size: 15px;
color: rgba(0, 0, 0, 0.8);
margin: 0;
padding: 0;
line-height: 1;
position: relative;
width: 60%;
}
.gdpr-cookie-notice-modal-cookie-title:after {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #bdbdbd transparent transparent transparent;
content: '';
display: block;
position: absolute;
right: -17px;
top: 50%;
margin-top: -2px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s
}
.open .gdpr-cookie-notice-modal-cookie-title:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.gdpr-cookie-notice-modal-cookie-state {
color: black;
margin-left: auto;
font-size: 15px
}
.gdpr-cookie-notice-modal-cookie-input {
opacity: 0
}
.gdpr-cookie-notice-modal-cookie-input:checked+.gdpr-cookie-notice-modal-cookie-input-switch {
background: black;
-webkit-box-shadow: inset 0px 0px 0px 1px black;
box-shadow: inset 0px 0px 0px 1px black}
.gdpr-cookie-notice-modal-cookie-input-switch {
width: 24px;
height: 24px;
border-radius: 50%;
-webkit-box-shadow: inset 0px 0px 0px 1px #bdbdbd;
box-shadow: inset 0px 0px 0px 1px #bdbdbd;
margin: 0 0 0 auto;
position: relative;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
cursor: pointer
}
.gdpr-cookie-notice-modal-cookie-input-switch:after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: url('data:image/svg+xml;utf8,<svg height="11" viewBox="0 0 14 11" width="14" xmlns="http://www.w3.org/2000/svg"><path d="m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat center 7px;
content: '';
display: block
}
.gdpr-cookie-notice-modal-cookie-info {
margin: 0;
padding: 0 16px 12px 16px;
font-size: 13px;
color: rgba(0, 0, 0, 0.8);
line-height: 16px;
display: none
}
.open .gdpr-cookie-notice-modal-cookie-info {
display: block
}
.gdpr-cookie-notice-modal-footer {
background: #f4f5f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 16px 16px 16px;
border-radius: 0 0 6px 6px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.gdpr-cookie-notice-modal-footer-item {
height: 40px;
line-height: 40px;
font-weight: 600;
font-size: 15px;
text-decoration: none;
margin: 0;
padding: 0;
color: black;
position: relative
}
.gdpr-cookie-notice-modal-footer-item:after {
position: absolute;
right: -16px;
top: 50%;
margin-top: -5px;
background: url('data:image/svg+xml;utf8,<svg height="12" viewBox="0 0 8 12" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z" fill="black"/></svg>') no-repeat left center;
height: 12px;
width: 8px;
content: '';
display: block
}
.gdpr-cookie-notice-modal-footer-item-btn {
padding: 0 16px;
color: #fff;
background: black;
border-radius: 3px;
position: relative;
}
.gdpr-cookie-notice-modal-footer-item-btn span {
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s
}
.gdpr-cookie-notice-modal-footer-item-btn:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
content: '';
opacity: 0;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
display: block;
background: url('data:image/svg+xml;utf8,<svg height="11" viewBox="0 0 14 11" width="14" xmlns="http://www.w3.org/2000/svg"><path d="m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat center
}
.gdpr-cookie-notice-modal-footer-item-btn.saved span {
opacity: 0
}
.gdpr-cookie-notice-modal-footer-item-btn.saved:after {
opacity: 1
}
.gdpr-cookie-notice-modal-footer-item:hover {
text-decoration: none;
opacity: 1
}
.gdpr-cookie-notice-modal-footer>a {
font-size: 0.9em !important;
}
.indextop {
margin-top: 120px;
padding: 10px;
}
.uppercase {
text-transform: uppercase;
}
.btn-lg {
border-color: #329c03 !important;
background-color: #329c03 !important;
color: white!important;
}
.hindex {
color:white!important;
font-size: 1.6rem;
line-height: 1.6rem;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
}




.badge:hover {
color: black !important;
background-color: white !important;
}
.bg-light-index {
background-color: white;
border-radius: 5px;
color: black;
box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.4);
}
.vandaag {
background-color: black;
color: white;
}
.nav-link {
padding: 10px !important;
}
.nav-item .active {
background: black!important;
color: white!important;
font-weight: bold !important;
}
.centerindex {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
}
.contentx {
display: flex;
justify-content: center;
align-items: center;
padding-top: 200px;
}
.btn-xlarge {
padding: 10px 20px;
font-size: 0.9em;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: black;
color: white;
border-color: white;
}
.btn-xlarge:hover {
opacity:0.8;
}
.hindexmargin {
text-align: center;
}
.toggle-password {
margin-top: -10px;
}
#notie-input-no {
color: #fff !important;
}
#notie-input-yes {
color: #fff !important;
}
#fb-root {
width: 100px;
}
.totaalmobile {
color: black;
margin: 10px 15px 0 0;
font-weight: bold;
height: 12px;
font-size:1.2rem;
}
#totaal {
color: black;
}

.driveinncheck {
background: green;
color: #fff !important;
border-top: solid 2px #777;
border-left: solid 2px #777;
border-bottom: solid 2px #eaeaea;
border-right: solid 2px #eaeaea;
}
.zonebut {
background: white;
width: 120px;
height: 25px;
position: absolute;
cursor: pointer;
line-height: 25px;
color: grey;
}
.zoneactief {
background: green;
color: white !important;
border: 2px solid yellow;
line-height: 22px;
}


.checkboxsol {
display: inline-flex;
cursor: pointer;
position: relative;
font-weight: bold;
color: black !important;
font-size: 1rem;
}
.checkboxsol>input {
height: 20px;
width: 20px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid black;
border-radius: 3px;
outline: none;
transition-duration: 0.3s;
background-color: #fff;
cursor: pointer;
}
.checkboxsol>input:checked {
border: 1px solid black;
background-color: black;
font-size: 0.9rem;
}

.checkboxsol>input:active {
border: 2px solid black;
}
.checkboxsol>input:disabled {
border-color: red;
background: red;
}



.checkbox {
display: inline-flex;
cursor: pointer;
position: relative;
font-weight: bold;
color: black !important;
font-size: 1rem;
}
.checkbox>input {
height: 20px;
width: 20px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid black;
border-radius: 3px;
outline: none;
transition-duration: 0.3s;
background-color: #fff;
cursor: pointer;
}
.checkbox>input:checked {
border: 1px solid black;
background-color: black;
font-size: 0.9rem;
}
.checkbox>input:checked::before {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
display: block;
text-align: center;
color: white;
position: absolute;
left: 3px;

font-weight: bold;
}
.checkbox>input:active {
border: 2px solid black;
}
.checkbox>input:disabled {
border-color: red;
background: red;
}



.fooibtn {
background: black !important;
color: #ffe599 !important;
cursor: pointer;
font-size: 0.7rem !important;
font-weight:600;
border:1px solid black !important;
}

.fooibtn:hover,
.fooibtn:focus,
.fooibtn:active
{
background: black !important;
color: #ffe599 !important;

}
.activex {
outline: 2;
background: #ffe599 !important;
color: black !important;
border:1px solid black !important;

}

.frontimg {
width: 100%;
height: 550px;
object-fit: cover;
object-position: 50% 50%;
}
img.expand {
width: 10em;
}
#element,
#element * {
margin: 0;
padding: 0;
}
.page-content-contact {
padding-bottom: 2rem;
width: 100%;
margin-top: 120px;
}
.page-content-info {
padding-bottom: 2rem;
width: 100%;
margin-top: 120px;
}
.page-content-spaarpunt {
padding-bottom: 2rem;
width: 100%;
margin-top: 190px;
}
.page-content-historie {
padding-bottom: 2rem;
width: 100%;
margin-top: 200px;
}
.page-content-afgerond {
padding-bottom: 2rem;
width: 100%;
margin-top: 10px;
}
.page-content {
margin-top: 20px;
}
.page-content-edit {
padding-bottom: 2rem;
width: 100%;
margin-top: 220px;
}
.page-content-pass {
padding-bottom: 2rem;
width: 100%;
margin-top: 220px;
}
.page-content-index {
padding-bottom: 2rem;
width: 100%;
margin-top: 218px;
}
.page-content-galery {
padding-bottom: 2rem;
width: 100%;
margin-top: 190px;
}
.page-content-tourview {
width: 100%;
margin-top: 180px;
height: 100vh;
padding-bottom: 8rem;
}
.melding {
clear: both;
margin: 180px 0 0 0;
width: 101%;
}

.meldingcontent {
margin-top:0px;  
width:100%; 
padding:0px;

}
.meldingtitel {
font-weight:bold;
text-transform: uppercase;
color: white;
}

.meldinginnerbt {
border-top: 5px solid white;
}
.meldinginner {
color: white;
padding: 5px;
border-bottom: 5px solid white;

}
.bestelcontent {
margin-top: 0px;
width:100%;
}
@media only screen and (max-width: 1199px) {
.container {
width: 100%;
}
#menu-navigation {

width: 250px;
}}
.bg-image,
.bg-slideshow {
height: 140px;
border-radius:10px 10px 10px 10px;
}
@media only screen and (max-width: 991px) {
	.menu-category-titlenoimg{
margin-bottom:10px;
	}
.menu-category-titlenoimg > .groepomschrijving {
margin-top:10px !important;
}
.meldingcontent {
margin-top:10px;
}

.bg-image,
.bg-slideshow {
height: 140px;
border-radius:10px 10px 10px 10px;
}
.alergiconholder {
padding:0px 5px 5px 5px!important;
}
#menucontainer {
margin-bottom: 100px;
margin-top: 0px;
}
.tijdbalktextmobile {
line-height: 26px;
color: #ffe599;
font-size: 1.1rem;
text-align: center;
margin: 0 20px 0 0px;
width: 100%;
}
.leveringtot {
text-align: center;
margin-top: -5px;
width: 100%;
color: #ffe599;
}div.cs-select {
margin: 7px 0 0 0;
}
.tijda {
width: 65px;
height: 64px;
float: left;
text-align: center;
color: #ffe599;
font-size: 11px;
margin: 5px 0 3px -10px;
}
.tijdb {
width: 65px;
height: 64px;
float: left;
text-align: center;
color: #ffe599;
font-size: 11px;
margin: 5px 0 3px 0;
}h3,
.h3 {
font-size: 2rem
}h2,
.h2 {
font-size: 1.5rem;
font-weight: bold
}
.h-sm,
.h-md,
.h-lg,
.fullheight {
height: auto;
}
#header {
display: none;
}
#header-mobile {
display: block;
}
#menu-navigation {
display: none;
}
#panel-mobile {
display: block;
background:white;
color: black;
}
.post.single .post-content {
padding: 1rem
}
.menu-sample .title {
font-size: 3rem
}
.menu-category .menu-category-title {
min-height: 100px;
text-align: center;
}
.menu-category .menu-category-title .title {
font-size: 1.2rem;
bottom: 40px;
left: 0;
}
.page-title h1 {
font-size: 1rem
}
.section-main {
height: auto
}
.header-absolute .section-main {
height: auto
}
.section-main-1>.container .content {
width: 100%;
margin-top: 90px;
margin-bottom: 90px
}
.product-single {
margin-top: 20px;
}
.section-main-2 .slide {
min-height: 400px;
padding-top: 5rem;
padding-bottom: 5rem
}
.stick-to-content {
position: relative !important;
top: 0 !important
}
.section-main-1>.container .content .content-inner {
padding: 2.5rem
}
.section {
margin: 0 !important;
padding: 0 !important;
}
.artimg {
width: 100%;
vertical-align:bottom:
}
.resform {
margin-top: 30px;
padding: 5px;
margin-bottom: 50px;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.arttitel {
width: 70%;
font-size: 1.2em;
font-weight: bold;
}
.prijsproduct{
font-size: 1.2em;	
}

.pindex {
margin-top: 150px;
}
.product-content {
margin-top: 80px;
}
.topmarge {
margin-top: 220px;
}
#content-index {
margin-top: 40px;
}
.page-content-index {
padding-bottom: 2rem;
width: 100%;
margin-top: 130px;
}
.page-content-galery {
padding-bottom: 2rem;
width: 100%;
margin-top: 155px;
}
.page-content-tourview {
width: 100%;
margin-top: 130px;
height: 100vh;
padding-bottom: 8rem;
}
.page-content-info {
padding-bottom: 2rem;
width: 100%;
margin-top: 130px;
}
.page-content-contact {
padding-bottom: 2rem;
width: 100%;
margin-top: 150px;
}
#content {
margin-top: 60px;
}
.page-content {
margin-top: 100px !important;
}
.page-content-edit {
padding-bottom: 2rem;
width: 100%;
margin-top: 150px;
}
.page-content-historie {
padding-bottom: 2rem;
width: 100%;
margin-top: 150px;
}
.page-content-afgerond {
padding-bottom: 2rem;
width: 100%;
margin-top: 140px;
}
.page-content-pass {
padding-bottom: 2rem;
width: 100%;
margin-top: 50px;
}
.row {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.bestelcontent {
width: 100% !important;
margin-top: 0px;
padding:10px !important;
}
.container {
width: 100% !important;
padding: 0;
margin: 0;
}
.display-2 {
font-size: 3.5rem
}
#navholder {
display: none;
}

.melding {
margin-top: 170px !important;
}}
.devide {
border-bottom: 1px solid #fff;
padding-top: 5px;
}

.checkboxactie {
	padding-top:5px;
cursor: pointer;
position: relative;
color: #ffe599 !important;
font-size: 0.7rem;
background-color: black;
height:100%;
}
.checkboxactie>input {
height: 28px;
width: 28px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid black;
border-radius: 3px;
outline: none;
transition-duration: 0.3s;
background-color: #ffe599;
cursor: pointer;
}
.checkboxactie>input:checked {
border: 1px solid black;
background-color: #ffe599;
font-size: 1.4rem;

}
.checkboxactie>input:checked::before {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
display: block;
text-align: center;
color: black;
position: absolute;
left: 20px;
top: -2px;
padding-top:5px;

}

.searchbox {
position: absolute;
min-width: 55px;
width: 0%;
height: 60px;
right: 200px;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
z-index: 99;

}
.searchbox-input {
top: 0;
right: 220px;
border: 0;
outline: 0;
background: black;
width: 100%;
height: 60px;
margin: 0;
padding: 0px 0px 0px 70px;
font-size: 16px;
color: #ffe599;

;
}
.searchbox-input::-webkit-input-placeholder {
color: #ffe599;
;
}
.searchbox-input:-moz-placeholder {
color: #ffe599;
;
}
.searchbox-input::-moz-placeholder {
color: #ffe599;
;
}
.searchbox-input:-ms-input-placeholder {
color: #ffe599;
;
}
.toonacties {

position: absolute;
display: none;
text-align: center;
background: white;
border-right: 1px solid #ffe599;
width:60px;
height: 100%;
background:#ffe599;

}


.searchbox-icon{
width: 55px;
height: 60px;
display: block;
position: absolute;
top: 0;
font-size: 22px;
right: 0;
padding-top: 2px;
margin: 0;
border: 0;
outline: 0;
line-height: 60px;
text-align: center;
cursor: pointer;
color: black !important;
background: #ffe599;	
}
.searchbox-submit {
width: 55px;
height: 60px;
display: block;
position: absolute;
top: 0;
font-size: 22px;
right: 0;
padding: 0;
margin: 0;
border: 0;
outline: 0;
line-height: 60px;
text-align: center;
cursor: pointer;
color: black !important;
background: #ffe599;

}

.searchbox-open {
width: 75%;
right: 200px;
}

.searchbox-submit {
font-size: 32px;
color: #ffe599;
}
@media only screen and (max-width: 991px) {
.menu-item {
padding:0.7rem 0.7rem 0.2rem 0.7rem !important;
width:100%;
margin:0 0 10px 0 !important;

}

.searchbox-icon{
padding-top: 0px;
}
.searchbox-submit {
line-height: 60px;
font-size: 32px;
}
.searchbox {
height: 55px;
right: 0;
}
.searchbox-open {
width: 100%;
}
.searchbox-input {
height: 55px;
color: #ffe599;
}
.cc-icon {
width: 70px;
height: 70px;
}
#first {
order: 1;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
#second {
order: 2;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
#third {
order: 3;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
box-ordinal-group: 3;
}
#fourth {
order: 4;
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
box-ordinal-group: 4;
}
#fifth {
order: 5;
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
box-ordinal-group: 5;
}}
@media only screen and (max-width: 575px) {
#panel-cart {
width: 100%;
}
.cc-icon {
width: 60px;
height: 60px;
}
.pageheaders {
position: relative;
width: 100%;
height: 100%;
color: white;
text-align: center;
margin-top: 17px;
font-size: 20px !important;
}
.badge {
border: none;
padding: 0.5rem 1rem;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
-ms-border-radius: 2rem;
-o-border-radius: 2rem;
border-radius: 2rem;
font-weight: 400;
}
.badgefont {
box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.54) !important;
font-size: 0.9rem !important;
}
.badgefontsm {
box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.54) !important;
font-size: 0.9rem !important;
}}
.module,
.module-navigation {
background-color: rgba(255, 255, 255, 0.0) !important;
background: rgba(255, 255, 255, 0.0) !important;
}
.kortingback {
width: 100%;
border: none;
padding: 10px !important;
background-color: black;
color: white;
}
.kortingbacktot {
width: 100%;
border: none;
padding: 10px !important;
background-color: black;
color: white;
}
#footer {
margin-left: 0px;
}
ul.simple-post-list li {
border-bottom: 1px dotted black;
color: black;
}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
z-index: 9999;
background: black;
align-content: center;
color: white;
}
.loadertxt {
width: 100%;
position: fixed;
top: 30%;
text-align: center;
font-size: 1.2rem;
color: white;
}
@keyframes pacmaninner-1 {
0% {
transform: rotate(0deg)
}50% {
transform: rotate(-45deg)
}100% {
transform: rotate(0deg)
}}
@keyframes pacmaninner-2 {
0% {
transform: rotate(180deg)
}50% {
transform: rotate(225deg)
}100% {
transform: rotate(180deg)
}}
.pacmaninner>div:nth-child(2) {
transform: translate(-15px, 0);
}
.pacmaninner>div:nth-child(2) div {
position: absolute;
top: 40px;
left: 40px;
width: 120px;
height: 60px;
border-radius: 120px 120px 0 0;
background: white;
animation: pacmaninner-1 1s linear infinite;
transform-origin: 60px 60px
}
.pacmaninner>div:nth-child(2) div:nth-child(2) {
animation: pacmaninner-2 1s linear infinite
}
.pacmaninner>div:nth-child(2) div:nth-child(3) {
transform: rotate(-90deg);
animation: none;
}
@keyframes pacmaninner-3 {
0% {
transform: translate(190px, 0);
opacity: 0
}20% {
opacity: 1
}100% {
transform: translate(70px, 0);
opacity: 1
}}
.pacmaninner>div:nth-child(1) {
display: block;
}
.pacmaninner>div:nth-child(1) div {
position: absolute;
top: 92px;
left: -8px;
width: 16px;
height: 16px;
border-radius: 50%;
background: white;
animation: pacmaninner-3 1s linear infinite
}
.pacmaninner>div:nth-child(1) div:nth-child(1) {
animation-delay: -0.67s
}
.pacmaninner>div:nth-child(1) div:nth-child(2) {
animation-delay: -0.33s
}
.pacmaninner>div:nth-child(1) div:nth-child(3) {
animation-delay: 0s
}
.pacman {
width: 200px;
height: 170px;
display: inline-block;
overflow: hidden;
display: block;
margin-left: auto;
margin-right: auto;
}
.pacmaninner {
margin-left: 10px;
width: 200px;
height: 170px;
position: absolute;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0;
/* see note above */
}
.pacmaninner div {
box-sizing: content-box;
}
.infoheaders {
background: black;
padding: 10px;
margin: 20px 0px 20px 0px;
color: #ffe599;
border-radius: 10px;
font-size: 1.8rem;
text-transform: uppercase;
}
.cupload::-webkit-file-upload-button {
border: none;
color: #ffe599;
padding: 8px;
border-radius: 4px;
background-color: black;
}
a:focus,
*:focus {
outline: none;
}
.cs-placeholder {
margin-top: -3px;
margin-bottom: 3px;
}
.acties {

font-size: 0.9rem;
color: white;
border-radius: 3px;
background: black;

padding: 3px;
margin: 5px 3px 10px 0;
display: inline-block;
font-weight: 100;
}
.cartpnaam {
padding-bottom: 2px;
padding-top: 2px;
width: 70%;
vertical-align: top;
}
.cartpaantal {
width: 5%;
padding-bottom: 2px;
padding-top: 2px;
vertical-align: top;
}
.cartpkorting {
padding-bottom: 2px;
padding-top: 2px;
text-align: right;
width: 15%;
vertical-align: top;
}
.cartpdelete {
padding-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
text-align: right;
width: 10%;
vertical-align: top;
}
.cartdeletebut {
background-color: red;
color: white;
border: none;
padding: 3px;
width: 24px;
height: 24px;
border-radius: 5px;
}
.dropdown-container a:hover {
color: white;
}
.blog-posts:not(.blog-posts-no-margins) article {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
margin-bottom: 50px;
padding-bottom: 20px;
}
.blog-posts:not(.blog-posts-no-margins) .pagination {
margin: -10px 0 20px;
}
.blog-posts.blog-posts-no-margins .pagination {
margin-top: 28.8px;
margin-top: 1.8rem;
}

/* Post */

article.post h2 a {
text-decoration: none;
}
article.post .post-meta {
font-size: 0.9em;
margin-bottom: 7px;
color: black;
}
article.post .post-meta>span {
display: inline-block;
padding-right: 8px;
}
article.post .post-meta i {
margin-right: 3px;
}
article.post .post-date {
float: left;
margin-right: 10px;
text-align: center;
}
article.post .post-date .month {
display: block;
background: #CCC;
border-radius: 0 0 2px 2px;
color: #FFF;
font-size: 0.8em;
line-height: 1.8;
padding: 1px 10px;
text-transform: uppercase;
}
article.post .post-date .day {
background: #f7f7f7;
border-radius: 2px 2px 0 0;
color: #CCC;
display: block;
font-size: 18px;
font-weight: 900;
padding: 10px;
}
article.post .post-image .owl-carousel {
width: 100.1%;
}
article .post-video {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 0;
background-color: #FFF;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 8px;
display: block;
height: auto;
position: relative;
margin: 0 0 30px 0;
padding-bottom: 61%;
}
article .post-video iframe {
bottom: 0;
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 100%;
padding: 4px;
position: absolute;
right: 0;
top: 0;
width: auto;
}
article .post-audio {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 0;
background-color: #FFF;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 8px;
display: block;
height: auto;
position: relative;
margin: 0 0 30px 0;
padding-bottom: 35%;
min-height: 160px;
}
article .post-audio iframe {
bottom: 0;
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 100%;
padding: 4px;
position: absolute;
right: 0;
top: 0;
width: auto;
}
article.post-medium .post-image .owl-carousel {
width: 100.2%;
}
article.post-large {
margin-left: 60px;
}
article.post-large h2 {
margin-bottom: 5px;
}
article.post-large .post-image,
article.post-large .post-date {
margin-left: -60px;
}
article.post-large .post-image {
margin-bottom: 25px;
}
article.post-large .post-image.single {
margin-bottom: 30px;
}
article.post-large .post-video {
margin-left: -60px;
}
article.post-large .post-audio {
margin-left: -60px;
}

/* Single Post */

.single-post article {
border-bottom: 0;
margin-bottom: 0;
}
article.blog-single-post .post-meta {
margin-bottom: 20px;
}

/* Post Block */

.post-block h3 {
font-size: 1.8em;
font-weight: 200;
margin: 0 0 20px;
text-transform: none;
}
.post-block h3 i {
margin-right: 7px;
}

/* Post Author */

.post-author img {
max-height: 80px;
max-width: 80px;
}
.post-author p {
font-size: 0.9em;
line-height: 22px;
margin: 0;
padding: 0;
}
.post-author p .name {
font-size: 1.1em;
}
.post-author .img-thumbnail {
display: inline-block;
float: left;
margin-right: 20px;
}

/* Post Comments */

ul.comments {
list-style: none;
margin: 0;
padding: 0;
}
ul.comments li {
clear: both;
padding: 10px 0 0 70px;
}
ul.comments li img.avatar {
height: 48px;
width: 48px;
}
ul.comments li ul.reply {
margin: 0;
}
ul.comments li a {
text-decoration: none;
}
ul.comments li .img-thumbnail {
margin-left: -70px;
position: absolute;
}
ul.comments li .comment {
margin-bottom: 10px;
}
ul.comments .comment-arrow {
border-bottom: 12px solid transparent;
border-right: 12px solid #f7f7f7;
border-top: 12px solid transparent;
height: 0;
left: -12px;
position: absolute;
top: 12px;
width: 0;
}
ul.comments .comment-block {
background: #f7f7f7;
border-radius: 5px;
padding: 20px 20px 30px;
position: relative;
}
ul.comments .comment-block p {
font-size: 0.9em;
line-height: 21px;
margin: 0;
padding: 0;
}
ul.comments .comment-block .comment-by {
display: block;
font-size: 1em;
line-height: 21px;
margin: 0;
padding: 0 0 5px 0;
}
ul.comments .comment-block .date {
color: #999;
font-size: 0.9em;
}

/* Leave a Comment */

.post-leave-comment h3 {
margin: 0 0 40px;
}

/* Recent Posts */

.recent-posts h4 {
margin-bottom: 7px;
}
.recent-posts article.recent-post h4 {
margin: 0 0 3px 0;
}
.recent-posts article.recent-post h4 a {
display: block;
}
.recent-posts .date {
margin-right: 10px;
text-align: center;
}
.recent-posts .date .month {
background: #CCC;
color: #FFF;
font-size: 0.9em;
padding: 3px 10px;
position: relative;
top: -2px;
}
.recent-posts .date .day {
background: #F7F7F7;
color: #CCC;
display: block;
font-size: 18px;
font-weight: 500;
font-weight: bold;
padding: 8px;
}
section.section .recent-posts .date .day {
background: #FFF;
}

/* Simple Post List */

ul.simple-post-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.simple-post-list li {
border-bottom: 1px dotted black;
padding: 15px 0;
}
ul.simple-post-list li::after {
clear: both;
content: "";
display: block;
}
ul.simple-post-list li:last-child {
border-bottom: 0;
}
ul.simple-post-list .post-image {
float: left;
margin-right: 12px;
}
ul.simple-post-list .post-meta {
color: black;
font-size: 0.8em;
}
ul.simple-post-list .post-info {
line-height: 20px;
}

/* Responsive */

@media (max-width: 575px) {
ul.comments li {
border-left: 8px solid rgba(0, 0, 0, 0.06);
clear: both;
padding: 0 0 0 10px;
}ul.comments li .img-thumbnail {
display: none;
}ul.comments .comment-arrow {
display: none;
}}
.kostencheckout{
background: black;
color: #ffe599 !important;
margin-bottom:3px;
}
.nav-main {
font-family: inherit text-transform: uppercase;
width: 100%;
color: black;
}
.nav-main>li {
position: relative;
}
.nav-main>li:not(:last-child) {
margin-right: 1.0rem
}
.nav-main>li.has-dropdown>a:before {
position: absolute;
right: -18px;
margin-top: 3px;
content: '\f107';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
}



.nav-main>li.has-dropdown>a:hover,
.nav-main>li.has-dropdown>a:focus {
opacity:0.8;
}


.nav-main>li.has-dropdown.dropdown-show>a:after {

opacity: 1;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px)
}
.nav-main>li.has-dropdown.dropdown-show>.dropdown-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
background:white;
width:300px;
margin:0;
padding:0;
z-index:999;
}
.nav-main>li>a {
line-height: 45px;
font-weight: 400;
font-size: 1.3rem;width:300px;
}
.nav-main>li>a:hover,
.nav-main>li>a:focus {
color: rgba(255, 123, 6, 0.562);
}
.nav-main>li .dropdown-container {
top: calc(100% + 5px);
left: 0;
position: absolute;

display: -webkit-flex;
display: flex;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
color: black;
text-align: left;

border-radius:10px;
box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.4);
z-index:999;

}





.nav-main ul {
list-style: none;
margin: 0;
line-height: 1.5;
width: 100%;

}
.nav-main ul li {
position: relative;

}
.nav-main ul li:not(:last-child) {
border-bottom: 1px solid black;
}
.nav-main ul li a {
display: block;
padding: 0.75rem;
font-size: 0.9rem;
}
.nav-main ul li.has-dropdown:after {
position: absolute;
font-size: 0.75em;
opacity: .5
}
.nav-main ul li>ul {
position: absolute;
top: 0;
left: calc(100% + 8px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all 0.25s ease-out;
visibility: hidden;
opacity: 0
}
.nav-main ul li.dropdown-show.has-dropdown:after {

opacity: 1
}
.nav-main ul li.dropdown-show>ul {

opacity: 1;
visibility: visible

}
.dropdown-container{
    width:300px;
}
.dropdown-container ul{
padding:0 !important;
margin:0 !important;
}
.dropdown-container li{
padding:15px;

}
.dropdown-container a{
margin-left:35px;
}
.dropdown-container li:hover,
.dropdown-container> li:focus {
color: white !important;
background: black !important;
}
.controletimer{
font-size:1.5rem;
color:#e8ca9a;
}
.productaanpas {
background: #e8ca9a !important; 
font-weight: 400; 
color: white; 
width: 100%; 
text-align: center; 
padding: 5px; 
font-size: 1rem; 
margin-bottom: 10px;
}
.cartplus{
width:28px; 
height:28px;
display: inline-block;
background-color:#329c03;  
color:white;  
border:none; 
padding:5px 5px 5px 5px;
border-radius:5px;
font-size:1.8em;
font-weight: bold;
text-align:center;
line-height:18px;
text-align:center;
margin:2px;
cursor: pointer;
}
.cartmin{
width:28px; 
height:28px; 
display: inline-block;
background-color:#de0808;  
color:white; 
border:none; 
padding:5px 5px 5px 5px;
border-radius:5px;
font-size:2em;
font-weight: bold;
line-height:16px;
text-align:center;
margin:2px;
cursor: pointer;
}

.btncart-3e::first-letter {
font-size: 0.9rem !important;
color:red;
margin-right:3px;
}
.btnnw {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #fcad26;
    cursor: pointer;

    display: inline-block;
    
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 50px 3px 10px 3px;
    border-radius: 10px;
    width: 90px;
    text-align: center;


}

.btnnw:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btnnw:before {
    font-family: 'icomoon';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2;
    font-size: 140%;
    height: 40px;
    width: 100%;
    background: #f58500;
    color: #f29e0d;
    border-radius: 10px 10px 0 0;
    content: "\f0d6";
}

.btnnw:active {
    background: #f58500;
    top: 2px;
}

.artnaamoms{
 position:relative; 
 width: 85%; 
 float: left; 
 padding:1rem; 
 padding:0;

}
.buttonimagecont{
position:relative; 
width: 15%;  
float: right; 
text-align: right; 
}

////////////////////

@keyframes laadbalkl-o {
    0%    { opacity: 1; transform: translate(0 0) }
   49.99% { opacity: 1; transform: translate(40px,0) }
   50%    { opacity: 0; transform: translate(40px,0) }
  100%    { opacity: 0; transform: translate(0,0) }
}
@keyframes laadbalkl {
    0% { transform: translate(0,0) }
   50% { transform: translate(40px,0) }
  100% { transform: translate(0,0) }
}
.laadbalkl div {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 15px;
  left: 5px;
}
.laadbalkl div:nth-child(1) {
  background: green;
  animation: laadbalkl 1s linear infinite;
  animation-delay: -0.5s;
}
.laadbalkl div:nth-child(2) {
  background: green;
  animation: laadbalkl 1s linear infinite;
  animation-delay: 0s;
}
.laadbalkl div:nth-child(3) {
  background: green;
  animation: laadbalkl-o 1s linear infinite;
  animation-delay: -0.5s;
}
.loadingbalkl {
  width: 100px;
  height: 60px;
  display: inline-block;
  overflow: hidden;
  background: transparent;
}
.laadbalkl {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.laadbalkl div { box-sizing: content-box; }

///////////////////////////


@keyframes laadbal-o {
    0%    { opacity: 1; transform: translate(0 0) }
   49.99% { opacity: 1; transform: translate(80px,0) }
   50%    { opacity: 0; transform: translate(80px,0) }
  100%    { opacity: 0; transform: translate(0,0) }
}
@keyframes laadbal {
    0% { transform: translate(0,0) }
   50% { transform: translate(80px,0) }
  100% { transform: translate(0,0) }
}
.laadbal div {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 60px;
  left: 20px;
}
.laadbal div:nth-child(1) {
  background: black ;
  animation: laadbal 1s linear infinite;
  animation-delay: -0.5s;
}
.laadbal div:nth-child(2) {
  background: black ;
  animation: laadbal 1s linear infinite;
  animation-delay: 0s;
}
.laadbal div:nth-child(3) {
  background: black ;
  animation: laadbal-o 1s linear infinite;
  animation-delay: -0.5s;
}
.loadingbal {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: transparent;
}
.laadbal {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.laadbal div { box-sizing: content-box; }

.pimageback {
    width: 100px;
    height: 100px;
    float:right;
    shape-outside: square();
    margin:5px 10px 10px 10px;
    border: 1px solid transparent;
    background-position: center; 
    background-size: 100%; 
    background-repeat: no-repeat;
    object-fit: cover;


}

.stickyfooter{
position: fixed;
bottom: 0;
right: 0;
width:100%;
}
.help-block{
	background:red;
	padding:5px;
	color:white;
	border-radius:0px 0px 5px 5px;
}
.img-thumbnail {
    padding: .15rem;
    background-color: white;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}
.artaantalback{
	position: absolute;
	font-size:1.4rem;
	height:30px;
	
	top:7px;
	right:0px;
	color: white;;
	width:37px;
	text-align:center;
	z-index:10;
}

.regbutton {
	border: 1px solid black;
	padding:3px;
	border-radius:3px;
	color: black;
}

.alergtitel {
    font-size:1.2rem;
    font-weight:bold;
    color:black;
    margin:0 0 20px 0
}

.alergcont {
	color: #e8ca9a;
	list-style:none; 
	font-size:0.8rem ;
	border:1px solid black;
	margin-bottom:5px;
	padding:5px;
  text-align:left !important;
  line-height:18px;
  font-weight:200;
}
.alergcontall {
    color: #e8ca9a;

    font-size:0.9rem;
    border:1px solid black;

    padding:5px;

    line-height:12px;

}


.alergicoondiv {
    width:10%;
    float:left;

}

.uitverkocht{
	font-size:0.8em; 
	color:#f39c12; 
	font-weight:bold;

}
.statiegeld{
	font-size:0.9em; 

}



.fieldsetws {
    position: absolute !important;
top: 50px;
left: 0;
    width: 100%;
    height: 48px;
   
    background: #e1e1e1;

    border: 4px solid #e1e1e1;
    padding: 0;
}
.fieldsetws:hover {
    border-color: #d5d5d5;
}
.fieldsetws input.input-switch {
    position: absolute;
    opacity: 0;
    z-index: -10;
}
.fieldsetws span.switch-bg {
    position: absolute;
    z-index: 0;
    width: 50%;
    height: inherit;
    left: 50%;
    background: #f39c12;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 5px;
    height: 40px;
}
.fieldsetws span.switch-labels {
    position: absolute;
    z-index: 1;
    width: inherit;
    height: inherit;
}
.fieldsetws span.switch-labels:before,
.fieldsetws span.switch-labels:after {
    height: 50px;
    width: 50%;
    line-height: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: center;
}
.fieldsetws span.switch-labels:before {
    content: attr(data-on);
    left: 0;
    position: absolute;
    color: #fff;
}
.fieldsetws span.switch-labels:after {
    content: attr(data-off);
    position: absolute;
    right: 0;
    color: #fff;
}
.fieldsetws label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.input-switch:checked ~ .switch-bg {
    left: 0%;
    background: #f39c12;
}
.input-switch:checked ~ .switch-labels:before {
    color: white;
}
.input-switch:checked ~ .switch-labels:after {
    color: #b7b7b7;
}
.fsmall {
    font-size: 0.8rem;
}
.button-wrapper{
   width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.aspin-btn{
    width: 100%;
    background:#fffff;

    padding-left:90px;
    padding-right:15px;
    height:90px;
    display:inline-block;
    position:relative;
    border:1px solid grey;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.aspin-btn img{
    position:absolute;
    left:15px;
    top:13px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.aspin-btn .aspin-btn-slide-text{
    position:absolute;
    font-size:36px;
    top:18px;
    left:18px;
    color:#6d954e;
    opacity:0;

    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
}
.aspin-btn-text{
    padding-top:13px;
    display:block;
    font-size:26px;

}
.aspin-btn-text small{
    display:block;
    font-size:11px;
    letter-spacing:1px;
}
.aspin-btn:hover{
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.aspin-btn:hover img{
    -webkit-transform:scale(10);
    -moz-transform:scale(10);
    -ms-transform:scale(10);
    -o-transform:scale(10);
    transform:scale(10);
    opacity:0;
}
.aspin-btn:hover .aspin-btn-slide-text,
.aspin-btn:hover .aspin-btn-icon-right span{
    opacity:1;
}
.aspin-btn:active{
    position:relative;
    top:1px;
    background:#80ab5d;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#a9db80;
}
.aspin-btn:active .aspin-btn-icon-right span{
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -o-transform:scale(1.4);
    transform:scale(1.4);
}
.img-responsive {
  width: 100%;
  height: auto;
}

#klok {
  color: red;
   stroke: red;
}

.datepicker{
    border-radius:4px;
    direction:ltr
}
.datepicker-inline{
    width:220px
}
.datepicker.datepicker-rtl{
    direction:rtl
}
.datepicker.datepicker-rtl table tr td span{
    float:right
}
.datepicker-dropdown{
    top:0;
    left:0;
    padding:4px
}
.datepicker-dropdown:before{
    content:'';
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid rgba(0,0,0,.15);
    border-top:0;
    border-bottom-color:rgba(0,0,0,.2);
    position:absolute
}
.datepicker-dropdown:after{
    content:'';
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-top:0;
    position:absolute
}
.datepicker-dropdown.datepicker-orient-left:before{
    left:6px
}
.datepicker-dropdown.datepicker-orient-left:after{
    left:7px
}
.datepicker-dropdown.datepicker-orient-right:before{
    right:6px
}
.datepicker-dropdown.datepicker-orient-right:after{
    right:7px
}
.datepicker-dropdown.datepicker-orient-bottom:before{
    top:-7px
}
.datepicker-dropdown.datepicker-orient-bottom:after{
    top:-6px
}
.datepicker-dropdown.datepicker-orient-top:before{
    bottom:-7px;
    border-bottom:0;
    border-top:7px solid rgba(0,0,0,.15)
}
.datepicker-dropdown.datepicker-orient-top:after{
    bottom:-6px;
    border-bottom:0;
    border-top:6px solid #fff
}
.datepicker table{
    margin:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:16px;
    font-weight:700
}
.datepicker table tr td,.datepicker table tr th{
    text-align:center;
    width:40px;
    height:40px;
    border-radius:4px;
    border:none
}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{
    background-color:transparent
}
.datepicker table tr td.new,.datepicker table tr td.old{
    color:#777
}
.datepicker table tr td.day:hover,.datepicker table tr td.focused{
    background:#eee;
    cursor:pointer
}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{
    background:0 0;
    color:red;
    cursor:default;
    text-decoration:line-through
}
.datepicker table tr td.highlighted{
    color:#000;
    background-color:#d9edf7;
    border-color:#85c5e5;
    border-radius:0
}
.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{
    color:#000;
    background-color:#afd9ee;
    border-color:#298fc2
}
.datepicker table tr td.highlighted:hover{
    color:#000;
    background-color:#afd9ee;
    border-color:#52addb
}
.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{
    color:#000;
    background-color:#afd9ee;
    border-color:#52addb
}
.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{
    color:#000;
    background-color:#91cbe8;
    border-color:#298fc2
}
.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{
    background-color:#d9edf7;
    border-color:#85c5e5
}
.datepicker table tr td.highlighted.focused{
    background:#afd9ee
}
.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{
    background:#d9edf7;
    color:#777
}
.datepicker table tr td.today{
    color:#000;
    background-color:#ffdb99; 
    border-color:#ffb733
}
.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{
    color:#000;
    background-color:#ffc966;
    border-color:#b37400
}
.datepicker table tr td.today:hover{
    color:#000;
    background-color:#ffc966;
    border-color:#f59e00
}
.datepicker table tr td.today.active,.datepicker table tr td.today:active{
    color:#000;
    background-color:#ffc966;
    border-color:#f59e00
}
.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{
    color:#000;
    background-color:#ffbc42;
    border-color:#b37400
}
.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{
    background-color:#ffdb99;
    border-color:#ffb733
}
.datepicker table tr td.today.focused{
    background:#ffc966
}
.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{
    background:#ffdb99;
    color:#777
}
.datepicker table tr td.range{
    color:#000;
    background-color:#eee;
    border-color:#bbb;
    border-radius:0
}
.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{
    color:#000;
    background-color:#d5d5d5;
    border-color:#7c7c7c
}
.datepicker table tr td.range:hover{
    color:#000;
    background-color:#d5d5d5;
    border-color:#9d9d9d
}
.datepicker table tr td.range.active,.datepicker table tr td.range:active{
    color:#000;
    background-color:#d5d5d5;
    border-color:#9d9d9d
}
.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{
    color:#000;
    background-color:#c3c3c3;
    border-color:#7c7c7c
}
.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{
    background-color:#eee;
    border-color:#bbb
}
.datepicker table tr td.range.focused{
    background:#d5d5d5
}
.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{
    background:#eee;
    color:#777
}
.datepicker table tr td.range.highlighted{
    color:#000;
    background-color:#e4eef3;
    border-color:#9dc1d3
}
.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{
    color:#000;
    background-color:#c1d7e3;
    border-color:#4b88a6
}
.datepicker table tr td.range.highlighted:hover{
    color:#000;
    background-color:#c1d7e3;
    border-color:#73a6c0
}
.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{
    color:#000;
    background-color:#c1d7e3;
    border-color:#73a6c0
}
.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{
    color:#000;
    background-color:#a8c8d8;
    border-color:#4b88a6
}
.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{
    background-color:#e4eef3;
    border-color:#9dc1d3
}
.datepicker table tr td.range.highlighted.focused{
    background:#c1d7e3
}
.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{
    background:#e4eef3;
    color:#777
}
.datepicker table tr td.range.today{
    color:#000;
    background-color:#f7ca77;
    border-color:#f1a417
}
.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{
    color:#000;
    background-color:#f4b747;
    border-color:#815608
}
.datepicker table tr td.range.today:hover{
    color:#000;
    background-color:#f4b747;
    border-color:#bf800c
}
.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{
    color:#000;
    background-color:#f4b747;
    border-color:#bf800c
}
.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{
    color:#000;
    background-color:#f2aa25;
    border-color:#815608
}
.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{
    background-color:#f7ca77;
    border-color:#f1a417
}
.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{
    background:#f7ca77;
    color:#777
}
.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{
    color:#fff;
    background-color:#777;
    border-color:#555;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{
    color:#fff;
    background-color:#5e5e5e;
    border-color:#161616
}
.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{
    color:#fff;
    background-color:#5e5e5e;
    border-color:#373737
}
.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{
    color:#fff;
    background-color:#5e5e5e;
    border-color:#373737
}
.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{
    color:#fff;
    background-color:#4c4c4c;
    border-color:#161616
}
.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{
    background-color:#777;
    border-color:#555
}
.datepicker table tr td.active,.datepicker table tr td.active.highlighted{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{
    color:#ffe599;
    background-color:black;
    border-color:#122b40
}
.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{
    color:#ffe599;
    background-color:black;
    border-color:#204d74
}
.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{
    color:#ffe599;
    background-color:black;
    border-color:#204d74
}
.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{
    background-color:#337ab7;
    border-color:#2e6da4
}
.datepicker table tr td span{
    display:block;
    width:23%;
    height:54px;
    line-height:54px;
    float:left;
    margin:1%;
    cursor:pointer;
    border-radius:4px
}
.datepicker table tr td span.focused,.datepicker table tr td span:hover{
    background:#eee
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{
    background:0 0;
    color:#777;
    cursor:default
}
.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{
    color:#ffe599;
    background-color:black;
    border-color:#122b40
}
.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{
    color:#ffe599;
    background-color:black;
    border-color:#204d74
}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{
    color:#ffe599;
    background-color:black;
    border-color:#204d74
}
.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{
    background-color:#337ab7;
    border-color:#2e6da4
}
.datepicker table tr td span.new,.datepicker table tr td span.old{
    color:#777
}
.datepicker .datepicker-switch{
    width:145px
}
.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{
    cursor:pointer
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{
    background:#eee
}
.datepicker .cw{
    font-size:10px;
    width:12px;
    padding:0 2px 0 5px;
    vertical-align:middle
}
.input-group.date .input-group-addon{
    cursor:pointer
}
.input-daterange{
    width:100%
}
.input-daterange input{
    text-align:center
}
.input-daterange input:first-child{
    border-radius:3px 0 0 3px
}
.input-daterange input:last-child{
    border-radius:0 3px 3px 0
}
.input-daterange .input-group-addon{
    width:auto;
    min-width:16px;
    padding:4px 5px;
    line-height:1.42857143;
    text-shadow:0 1px 0 #fff;
    border-width:1px 0;
    margin-left:-5px;
    margin-right:-5px
}
.datepicker-title{
    background:black;
    color:#ffe599;
}

.modal-content {

    
    padding:0px;
    padding-bottom:10em;
    border-radius:10px;

}
@media only screen and (max-width: 991px) {
.modal-dialog {
position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
    
    padding:0px;
    margin:0;
    background:white;
    height:100% !important;
}
.modal-content {
height:100% !important;
    
     padding:60px 10px 100px 10px;
    margin-bottom:2em;
    overflow:scroll !important;
}


#optiehead {
    width:100%;
    padding:10px 20px 10px 10px !important;
    vertical-align:middle;
    position: fixed;
    right: 0;
    top: 0px;
    left: 0;

    z-index:999;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
    border-radius:0px 0px 0px 0px;

}

.modal {

    
    padding:0;
    margin:0;
    background:white !important;

}

.bsluitenprod {

border-radius:0px 0px 0px 5px;
z-index:9999;

}


.popuptotaal {
width: 50%;
float: left;
padding: 0px;
font-weight: bold;
font-size: 1.4em;
color: #329c03;
position:fixed;
bottom:55px;
left:10px;
z-index:999;

}

.menu-category .menu-category-title {
text-transform: uppercase;
position: relative;
min-height: 150px;
padding: 3rem;
line-height: 14px;
font-weight: 500;
font-size: 2rem;
border-radius:10px 10px 10px 10px;

}
.menu-category-titlenoimg + .groepomschrijving {
margin-top:0px !important;
margin-bottom:0px !important;
}

}
.modaltoevoegenfoot {
    width:100%;
    padding:10px;
    vertical-align:middle;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color:black !important;
    z-index:999;
    -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.36);
    border-top:3px solid white;
}

.panel-details {
    width:100%;
    padding:10px;
 overflow:auto;
}