/* General */
 html {
    scroll-behavior: smooth;
  }

html, body {
    overflow-x: hidden;
}

.fw .wpb_row.mpc-row {
    max-width: 1480px;
    margin: auto !important;
}

.fw > .col.span_12 {
	  border: 25px solid transparent !important;
    max-width: 100%;
    margin: auto;
}

.fw > .col.span_12 .wpb_single_image * {
    width: 100% !important;
}

.fw > .col.span_12 .wpb_single_image img {
	height:70vh;
	object-fit:cover;
}

.wpb_wrapper ul {
  list-style: none;
  padding-left: 0px;
	margin-left:0px;
}

.wpb_wrapper ul li {
  position: relative;
  padding-left: 20px;
	    font-size: var(--fs-basic);
}

.wpb_wrapper ul li::before {
  content: "";
  position: absolute;
  left: 0;
 top: 10px;
    width: 10px;
    height: 12px;
  background-image: url('/wp-content/uploads/2026/04/arrow_right_orange.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1542px) {
    .container {
        width: 1500px;
		max-width:1500px;
    }
}

.highlight p {
	color:var(--clr-two) !important;
}

p {
	font-size:var(--fs-basic);
	    line-height: var(--lhf-basic);
}

.wpb_row .wpb_row .wpb_content_element {
    margin-bottom: 20px;
}

.page-section .standard-section .span_12 {
    max-width: inherit;
}

.non_h1, h1, .non_h2, h2, .non_h3, h3, .non_h4, h4, .non_h5, h5, .non_h6, h6, span, p, a, li, ul, b, em {
	font-family:var(--f-one) !important;
	color:white !important; 
}

.non_h1 p, h1
{
	  font-size: var(--fs-one);
    line-height: var(--lhf-one)
}

.non_h2 p, h2 
{
	  font-size: var(--fs-two);
    line-height: var(--lhf-two)
}

.non_h3 p, h3
{
	  font-size: var(--fs-three);
    line-height: var(--lhf-three)
}

.non_h4 p, h4
{
	  font-size: var(--fs-four);
    line-height: var(--lhf-four)
}

.non_h5 p, h5
{
	  font-size: var(--fs-five);
    line-height: var(--lhf-five)
}

.non_h6 p, h6
{
	  font-size: var(--fs-six);
    line-height: var(--lhf-six)
}

body .site-wrapper, html {
    background: black !important;
}

.non_title p {
    font-size: var(--fs-null);
    line-height: var(--lhf-null);
}

span.highlight  {
	color:var(--clr-two) !important;
}

.vc_general.vc_btn3 {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: black !important;
    letter-spacing: 0px;
	border:none !important;
	padding: 20px 30px;
	text-transform:uppercase;
	background: white !important;
}

.h-four .orange .vc_general.vc_btn3:hover, .h-four .vc_general.vc_btn3:hover, .orange_bg .vc_general.vc_btn3:hover  {
    background: var(--clr-three) !important;
}

.h-four-two .orange .vc_general.vc_btn3:hover a, .h-four-two a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey:hover {
	color:white !important;
}


.orange .vc_general.vc_btn3, .vc_general.vc_btn3:hover {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px;
	background:var(--clr-two) !important; 
}

.orange .vc_general.vc_btn3:hover {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: black !important;
    letter-spacing: 0px;
	background:white !important; 
	text-transform:uppercase;
}

a.vc_general.vc_btn3:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

 a.vc_general.vc_btn3:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
}

.orange a.vc_general.vc_btn3:hover:after, .h-four .vc_general.vc_btn3:hover:after, .orange_bg .vc_general.vc_btn3:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}

.orange a.vc_general.vc_btn3:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
}

/* Menu */
.header .logo {
    margin-top: 5px !important;
}

header#header {
    background: transparent !important;
    box-shadow: none;
}

header#header {
    margin-top:20px;
}

div#navigation {
    width: calc(100% - 160px);
    height: 80px !important;
    padding-top: 0px;
    background-color: rgba(80, 80, 80, 0.25) !important;
    backdrop-filter: blur(70px) !important;
    -webkit-backdrop-filter: blur(10px);
    z-index: 2;
    width: calc(100% - 240px);
    background-color: rgba(80, 80, 80, 0.15);
    margin-right: 90px;
    border-radius: 5px;
}

.header #navigation > ul > li {
    height: inherit;
    padding-top: 0px;
}

.header #navigation {
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#navigation {
    display: flex;
    align-items: center;
}

#navigation ul {
    order: 1;
}

#navigation .header-icons {
    order: 2;
    margin-left: 20px;
}

.header-icons-divider {
    background: #3D3D3D;
	   height: 52px;
    margin-top: -27px;
}


#mobile-header .icon-cart, #navigation .icon-cart, #navigation .icon-minti-cart {
    content: url(/wp-content/uploads/2026/04/cart-icon.svg) !important;
    padding-top: 30px;
}

#shopping-btn span {
    background: white !important;
    margin-top: -27px;
    right: -17px;
    color: black !important;
}

.header #shopping-btn {
    margin: 0px 40px 0px 20px;
}

#mobile-header .icon-cart, #navigation .icon-cart, #navigation .icon-minti-cart {
    padding-top: 37px;
}

#nav {
    counter-reset: menu-item;
}

#nav > li {
    counter-increment: menu-item;
}

#nav > li > a::before {
    content: counter(menu-item) ".0 ";
    margin-right: 10px;
    opacity: 1; /* optioneel zoals in je design */
	    color: #8F8F8F;
}

#navigation > ul > li > a {
    text-transform: uppercase;
}

#navigation .btn_account a {
   
    background: transparent !important;
    border-radius: 0px !important;
	font-weight:inherit !important;
    color: var(--clr-two) !important;
}

#navigation > ul > li > a:hover {
	color:var(--clr-two) !important;
}

.header #navigation>ul {
    margin: 0 -5px 0 0;
    gap: 20px;
}

/* Home */
.h-intro .wpw-text h1 span:first-of-type {
    color: var(--clr-two) !important;
}

.h-intro  .wpw-text {
  opacity: 0;
}

.h-intro  .wpw-text.ready {
  opacity: 1;
}

.h-intro  .word {
  opacity: 0;
  transform: translateY(20px);
}

.h-intro  .word.fade-item-animation {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s ease, transform 0.8s ease;
}



.h-intro .wpw-text h1 span {
    font-weight: bold;
    font-size: var(--fs-null);
    line-height: var(--lhf-null);
}

.h-intro {
    background-image: url(/wp-content/uploads/2026/04/background-heinz-ols-1.jpg) !important;
    background-size: cover;
    height: 90vh;
    margin-top: -100px !important;
    position: relative !important;
    z-index: 1;
	   overflow: visible !important;
}

.h-intro .vc_btn3-container.vc_do_btn {
    margin-top: 40px;
}

.h-intro-no-image {
	background-image:none !important;
}

.h-intro-small {
		background-image:none !important;
    width: 100%;
    max-width: 1500px;
    margin: auto;
    padding: 20px !important;
    padding-top: 100px !important;
}

.h-intro-small {
    margin-top: 0px !important;
    height: inherit;
}

.h-intro-left p {
    text-align: left;
}

.wpb_row.h-intro .span_12 {
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wpb_row.h-intro .span_12:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35%;
	 background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
}

.wpb_row.h-intro .span_12:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 80%;
	 background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.wpb_row.h-intro.h-intro-small .span_12:before, .wpb_row.h-intro.h-intro-small .span_12:after, .wpb_row.h-intro.h-intro-no-image .span_12:before, .wpb_row.h-intro.h-intro-no-image .span_12:after {
	display:none;
}

.h-intro .vc_col-sm-12 {
    z-index: 1;
}

.standard-section.section {
    max-width: 1500px;
    margin-left: auto !important;
    margin-right: auto !important;
	padding-left: 21px;
    padding-right: 21px;
}

.h-one, .h-three {
    width: 70%;
margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.h-one
{
	margin-top: 125px !important;
}
.h-one .vc_col-sm-6 .mpc-row {
    margin-bottom: 50px !important;
}

.h-one.wpb_row .wpb_row .wpb_content_element {
    margin-bottom: 0px;
}

.h-one.wpb_row .vc_col-sm-6:first-of-type {
    padding-right: 100px;
}

/* nummer blokken */
.h-one.wpb_row .mpc-column > .wpb_wrapper {
    counter-reset: step;
}

.h-one.wpb_row .mpc-column > .wpb_wrapper > .vc_row {
    counter-increment: step;
}

.h-one.wpb_row .mpc-column > .wpb_wrapper > .vc_row > .wpb_column .vc_column-inner > .wpb_wrapper {
    position: relative;
    padding-left: 90px; 
}

.h-one.wpb_row .mpc-column > .wpb_wrapper > .vc_row > .wpb_column .vc_column-inner > .wpb_wrapper:before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    border: 4px solid var(--clr-two);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-two);
    font-weight: bold;
    font-size: var(--fs-four);
font-family: var(--f-one) !important;
}

/* GRID layout */
.h_usp .vc_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.h_usp .wpb_column>.wpb_wrapper>*:last-child:before {
    display: none;
}

.h_usp .vc_col-sm-3 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.h_usp .vc_col-sm-3 > .vc_column-inner {
    background: var(--clr-three);
    border-radius: 5px;
    padding: 50px 40px !important;
    height: 100%;
}

.h_usp .wpb_text_column.wpb_content_element.non_h5, .h_usp .wpb_single_image {
    margin-bottom: 20px !important;
}

.h_usp .vc_col-sm-3 {
    width: auto !important;
}

/* blok styling */
.h_usp .vc_col-sm-3 > .vc_column-inner {
    background: var(--clr-three);
    border-radius: 5px;
    padding: 20px;
    height: 100%;
}

.h-three .vc_btn3 {
    margin-top: 30px !important;
}

.h-three-one, .h-three-two {
    padding-left: 35% !important;
}

.h-three .h-three-one.mpc-row {
    margin-bottom: 40px !important;
}

.h-three-two .non_h4 p {
    font-weight: 500;
}

.h-four .wpb_single_image {
    width: 80%;
    margin-left: 10%;
}
.h-four img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 5px;
}

.h-four-one {
    width: 35%;
    background: var(--clr-two);
    top: 75px !important;
    position: absolute !important;
    padding: 40px 15px !important;
    padding-bottom: 10px !important;
    border-radius: 5px;
	    z-index: 1;
}

.h-four img {
    filter: grayscale(1);
    z-index: 0;
}

.h-four-two {
    width: 35%;
    background: white;
    bottom: 100px !important;
    position: absolute !important;
    padding: 40px 15px !important;
    padding-bottom: 10px !important;
    border-radius: 5px;
    right: 21px;
	    z-index: 1;
}

.h-four-two p {
    color: black !important;
}

.h-five > .col.span_12 {
    max-width: 1541px;
}

.h-five {
    background: var(--clr-three);
    max-width: 100% !important;
    padding-top: 125px !important;
    padding-bottom: 125px !important;
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.h-five .h-five-img img {
    aspect-ratio: 0.9 !important;
    object-fit: cover;
    border-radius: 10px;
}

.h-five .vc_col-sm-6:first-of-type {
    padding-top: 50px;
}

.h-five .vc_col-sm-6 .vc_col-sm-6:first-of-type {
    padding-top: 0px;
}

.h-five-below:before {
    content: 'Our services';
    color: white;
    letter-spacing: 0px !important;
    font-family: var(--f-one);
    font-size: var(--fs-six);
    margin-left: 21px;
    margin-bottom: 40px;
    border-bottom: 1px solid white;
    width: calc(100% - 42px);
    padding-bottom: 20px;
}

.h-five > .col.span_12 {
    display: flex !important;
}

.h-five > .col.span_12 > .vc_col-sm-6.column_container:first-child > .wpb_wrapper {
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.h-five > .col.span_12 > .vc_col-sm-6.column_container:first-child .h-five-below {
    margin-top: auto !important;
}

.h-five .vc_col-sm-6 .vc_col-sm-6 {
    padding-right: 130px;
}

.wpb_row.h-six {
    margin-top: 75px !important;
    margin-bottom: 150px !important;
}

.wpb_row.h-seven {
	margin-top:75px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Home: account */
.h_account .vc_col-sm-12 {
    background: var(--clr-two);
    width: 70%;
    margin-left: 15% !important;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 25px;
    padding: 75px !important;
    color: white;
    border-radius: 10px;
}

/* Home: specialists */
.h-six {
    padding-top: 125px;
    padding-bottom: 125px;
    margin-bottom: 75px !important;
}

.h-six > .col.span_12 {
    width: 1212px !important;
	max-width:100% !important;
    margin: auto;
}

.h-six .vc_col-sm-6:first-of-type {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding-left: 0px !important;
    padding: 50px !important;
	border-radius:10px;
}

#header .widget_shopping_cart {
    background: rgba(80, 80, 80, 0.25) !important;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 5px;
}

#header .widget_shopping_cart li:hover {
    background: var(--clr-two);
}

#header .widget_shopping_cart .total {
    border: none;
}

#header .widget_shopping_cart .buttons {
    background: white;
}

#header .widget_shopping_cart a.button {
    width: 100% !important;
    margin-bottom: 10px !important;
    text-align: left;
	font-size: 14px !important;
    width: calc(100% - 30px) !important;
    margin-bottom: 10px !important;
    text-align: left;
    border-radius: 5px;
    padding: 15px 14px;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
	    background: white;
    color: black !important;
}

#header .widget_shopping_cart li {
    border-bottom: 1px solid #211f1f !important;
}

#header .widget_shopping_cart a.button:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
    background-repeat: no-repeat;
    width: 6px !important;
    height: 12px;
    display: inline-flex;
    width: fit-content;
	    float: right;
}


#header .widget_shopping_cart a.button:hover {
    background: var(--clr-two);
}

#header .widget_shopping_cart a.button:hover:after {
   content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
    background-repeat: no-repeat;
    width: 6px !important;
    height: 12px;
    display: inline-flex;
    width: fit-content;
	    float: right;
}

#header .widget_shopping_cart .buttons {
    background: transparent !important;
}

/* Home: teasers bottom */
.h-seven {
	border:1px solid var(--clr-two) !important;
	border-radius:10px ;
}

.h-seven .vc_col-sm-6 {
    padding: 60px !important;
}

.h-seven .vc_col-sm-6:first-of-type span.highlight {
    font-weight: bold;
}

.h-seven .vc_col-sm-6:last-of-type {
    background: var(--clr-two);
    border-radius: 10px;
}


/* Bar small */
.h-bar {
    background: #505050;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 2;
    width: auto;
    background-color: rgba(80, 80, 80, 0.15);
    max-width: 1541px;
    margin: auto !important;
    margin-top: -100px !important;
    padding: 30px;
	border-radius:5px;
}

.h-bar span.highlight {
    font-weight: 500;
}

.h-bar .vc_btn3-container.vc_btn3-inline a {
    min-width: 230px;
    margin-left: 10px;
	    text-align: left;
	 display: flex;
    align-items: center;
	    margin-top: 5px;
    margin-bottom: 5px;
}

.h-bar a.vc_general.vc_btn3:after {
    margin-left: auto;
}

.h-bar .vc_col-sm-2\/5 {
    text-align: right;
}

.h-bar .vc_do_btn {
    margin-bottom: 0px;
}

.h-bar .span_12 {
    display: flex;
    align-content: center;
    align-items: center;
}

/* Footer */
#footer {
    background-color: transparent;
    padding-top: 50px;
    background-image: url(/wp-content/uploads/2026/04/footer-heinz-ols.jpg);
    background-size: cover;
    position: relative;
	    padding: 150px 0 0px 0;
}

footer#footer:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
		left:0;
}

footer#footer:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	left:0;
}

#footer > div {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    max-width: 1400px;
    padding: 0px 20px;
    margin: auto;
    background: white;
    border-radius: 10px;
    padding: 70px 50px;
	padding-bottom:90px;
    gap: 40px;
    padding-bottom: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#footer .four.columns {
    width: auto;
}

#footer > div .four.columns:first-of-type {
    width: 250px;
}

#footer > div .four.columns:first-of-type img {
    width: 85%;
}

#footer .four.columns:not(:first-child) {
    width: calc((100% - 250px) / 3);
}

#footer .widget h3 {
    color: #AAAAAA !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: var(--fs-basic);
	font-size:14px !important;
}

#footer .widget ul li a {
    color: black !important;
	font-size:14px !important;
    text-transform: uppercase;
}

#footer .widget ul li a:hover {
	color:var(--clr-two) !important;
}

#footer .widget ul li {
    border-bottom-color: #E6E6E6 !important;
	font-size:14px !important;
    padding: 20px 10px 20px 0;
}

#footer .widget ul li:after {
	display:none !important;
}

#footer .widget ul li:last-of-type {
    border-bottom: none;
}

#footer table.op-table.op-table-overview {
    font-family: var(--f-one);
}

#footer .op-table .op-cell-periods span {
    color: black !important;
}

.adress-overflow {
    display: block;
}

.adress-overflow br {
    display: none;
}

.widget_contact address span {
    float: left;
    background: #E6E6E6;
    padding: 10px 13px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    font-size: 13px !important;
}

.widget_contact address span,.widget_contact address a {
    color: black !important;
}

.widget_contact address span i {
    display: none;
}

#copyright {
    background-color: transparent !important;
    color: #ffffff;
    margin-top: -10px;
    padding-bottom: 20px !important;
    position: relative;
    z-index: 1;
    background-image: url(/wp-content/uploads/2026/04/heinz-ols-background-footer2.jpg) !important;
    background-size: cover !important;
	    padding-top: 0px;
background-position-x: center !important;
}

#copyright:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

#copyright .copyright-text {
    float: none;
    text-align: center;
    background: white;
    max-width: 1500px;
    margin: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
}

.widget_contact address span.adress-overflow {
    padding: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}

#copyright .copyright-text a, #copyright .copyright-text {
    color: black !important;
    font-family: var(--f-one);
}

#copyright .copyright-text {
    padding-bottom: 20px;
}


.h-seven.standard-section .span_12 {
  display: flex;
  flex-wrap: wrap;
}

.h-seven.standard-section .wpb_column {
  display: flex;
  flex-direction: column;
}

.h-seven.standard-section .wpb_wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* optioneel voor spacing */
}

.h-five .non_h1 {
    padding-right: 20px;
}

/****** File Service *******/
.wpb_row.o-top {
  margin-top: -130px;
  min-height: 85vh;
  padding-top: 200px;
  border-left: 25px solid black !important;
  border-right: 25px solid black !important;
  border-bottom: 25px solid black !important;
  border-bottom-left-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.wpb_row.o-top .col.span_12 {
  width: 100%;
  max-width: 1490px;
  margin: 0 auto;
  box-sizing: border-box;
}


.wpb_row.o-top .o-top-inner {
    bottom: 40px;
    right: 0px;
    width: 100%;

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.wpb_row.o-top .o-top-inner > .vc_col-sm-12 {
    padding: 40px !important;
    border-radius: 10px;
    background-color: rgba(80, 80, 80, 0.25) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px);
    width: 40%;
}

/* File service: steps */
.ft-stages-inner .mpc-column {
  position: relative;
  padding-top: 40px; /* ruimte boven de titel voor de lijn */
}

/* basislijn */
.ft-stages-inner .mpc-column::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background: rgba(255,255,255,0.15); /* grijze lijn */
}

/* rode animatielijn */
.ft-stages-inner .mpc-column::after {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  height: 2px;
  width: calc(100% - 30px);
  background: var(--clr-two);
  transform: scaleX(0);
  transform-origin: left;
  animation: stageLineGrow 1s ease forwards;
  animation-play-state: paused;
}

/* volgorde */
.ft-stages-inner.animate-lines .mpc-column:nth-child(1)::after {
  animation-delay: 0s;
	animation-duration: 2s;
}

.ft-stages-inner.animate-lines .mpc-column:nth-child(2)::after {
  animation-delay: 2s;
	animation-duration: 2s;
}

.ft-stages-inner.animate-lines .mpc-column:nth-child(3)::after {
  animation-delay: 4s;
	animation-duration: 2s;
}

.ft-stages-inner.animate-lines .mpc-column::after {
  animation-play-state: running;
}

.wpb_row.ft-stages {
    background-color: #0D0D0D !important;
    padding: 70px 20px !important;
    border-radius: 5px;
	margin-bottom:25px !important;
}

.ft-stages-one img {
    border-radius: 10px;
	filter: grayscale(100%);
}

.ft-stages .non_h4 p {
    margin-bottom: 60px !important;
}

.ft-stages .vc_col-sm-4 {
    padding-top: 60px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.ft-stages-one .vc_single_image-wrapper {
  position: relative;
}

.ft-stages-one .vc_single_image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0; /* shorthand voor top/right/bottom/left: 0 */
  background: rgba(0, 0, 0, 0.5); /* zwart met transparantie */
  z-index: 1;
}

.ft-stages-one .vc_single_image-wrapper img {
  display: block;
}

.ft-stages-one .vc_single_image-wrapper::before {
  pointer-events: none; /* zorgt dat je nog kan klikken op de image indien nodig */
}

.ft-stages-one .wpb_row.mpc-row {
    width: 30%;
    position: absolute;
    z-index: 999999999;
top: 100px;
    left: 40px;
}

.ft-stages-middle .span_12 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
	 gap: 20px;
}

.ft-stages-middle .span_12 .vc_col-sm-4 {
    padding: 50px 40px;
    background: white;
		width:100%;
	border-radius:5px;
}

.ft-stages-middle .span_12 .vc_col-sm-4 p {
    color: black !important;
}

.ft-stages-middle ul li {
    color: black !important;
}

.ft-stages-middle .wpb_text_column.wpb_content_element.non_h4 {
    margin-bottom: 20px;
}

.ft-stages-middle ul {
    column-count: 2;
}
.ft-stages-middle ul li {
    color: black !important;
    margin-bottom: 10px;
	    font-size: var(--fs-basic);
}

.ft-stages-middle .span_12 .vc_col-sm-4:nth-of-type(2) {
    background: var(--clr-two);
}

.ft-stages-middle .span_12 .vc_col-sm-4:nth-of-type(2) p, .ft-stages-middle .span_12 .vc_col-sm-4:last-of-type p, .ft-stages-middle .span_12 .vc_col-sm-4:last-of-type li {
    color: white !important;
}

.ft-stages-middle .span_12 .vc_col-sm-4:last-of-type {
    background: black;
}

.ft-stages-middle {
    margin-top: -150px !important;
	    margin-bottom: 100px !important;
}

.fs-info .vc_col-sm-4, .fs-info .vc_col-sm-8 {
    background: var(--clr-three);
    padding: 40px 50px !important;
	border-radius:5px;
	
}

 .fs-info .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element {
    text-align: center;
}

 .fs-info .vc_col-sm-8 {
    width: calc(100% - 220px) !important;
}

.fs-info {
	width:70%;
    margin-top: 105px !important;
	margin-bottom: 75px !important;
}

.fs-info .col.span_12 .mpc-row {
    margin-bottom: 20px !important;
}

.fs-info .vc_col-sm-4 {
    padding: 60px 50px !important;
    max-width: 200px;
    margin-right: 20px;
}

.fs-info .vc_col-sm-4 p {
    font-size: 50px;
    color: var(--clr-two) !important;
    text-align: center !important;
}

.h-three.fs-three {
	width:80%;
}

.fs-info .vc_row.mpc-row {
  display: flex;
  flex-wrap: wrap;
}

.fs-info .vc_row.mpc-row > .wpb_column {
  display: flex;
}

.fs-info .vc_row.mpc-row > .wpb_column > .vc_column-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
	    justify-content: center;
}

@keyframes stageLineGrow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.ft-stages-inner .vc_col-sm-4 .non_h6 p {
    position: relative;
    padding-left: 40px; /* ruimte voor nummer */
}

.ft-stages-inner .vc_col-sm-4 .non_h6 p:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
    content: "1";
    color: var(--clr-two);
    font-weight: bold;
    font-size: 30px;
}

.ft-stages-inner .vc_col-sm-4:nth-of-type(2) .non_h6 p:before {
    content: "2";
}

.ft-stages-inner .vc_col-sm-4:last-of-type .non_h6 p:before {
    content: "3";
}

/**** Contact ****/
.h-intro-left .vc_col-sm-12 {
    z-index: 1;
    margin: auto !important;
    max-width: 1460px;
    width: 100% !important;
}

.c_geg p {
    margin-bottom: 40px !important;
}

.c_geg .non_h4 {
    font-size: var(--fs-five);
    line-height: var(--lhf-five);
    color: var(--clr-two) !important;
}

.c_geg p {
    margin-bottom: 40px !important;
}

.c_geg .non_h4 {
    font-size: var(--fs-five) !important;
    line-height: var(--lhf-five) !important;
    color: var(--clr-two) !important;
    padding-bottom: 10px !important;
	background:transparent !important;
    margin-bottom: -20px !important;
	display:block;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="text"]::placeholder, .wpcf7-form input,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form input[type="date"]::placeholder, .wpcf7-form textarea,  .wpcf7-form textarea::placeholder {
    opacity: 1 !important; /* nodig voor sommige browsers */
	   font-size: 18px !important;
    line-height: 23px !important;
    color: white !important;
	margin-bottom: 30px !important;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="text"]::placeholder, .wpcf7-form input, .wpcf7-form textarea {
	   font-size: 18px !important;
    line-height: 23px !important;
    color: white !important;
	  	   background:transparent !important;
	border-bottom: 1px solid #2B2B2B !important;
	 padding: 15px 0px !important;
}

#row_contactform .non_h2 {
    margin-bottom: 50px !important;
}

.c_geg a {
    text-decoration: underline;
}

#row_contactform {
    background: var(--clr-three);
    max-width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
}

/**** 404 ****/
.error-404 h2 {
    color: var(--clr-two) !important;
}

.error-404 h3 {
	display:none;
}

.error-404 a.button {
 font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px !important;
    background: var(--clr-two) !important;
	background-color: var(--clr-two) !important;
    border: none !important;
    padding: 20px 20px !important;
	    border-radius: 5px !important;
}

.error-404 a.button:hover {
      font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: black !important;
    letter-spacing: 0px;
    background: white !important;
    text-transform: uppercase;
    border-radius: 5px !important;
}

.form-section .form-actions .form-action {
 font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px !important;
    background: var(--clr-two) !important;
	background-color: var(--clr-two) !important;
    border: none !important;
    padding: 10px 30px !important;
	    border-radius: 5px !important;
}

.form-section .form-actions .form-action:hover {
      font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: black !important;
    letter-spacing: 0px;
    background: white !important;
    text-transform: uppercase;
    border-radius: 5px !important;
}

.error-404 a.button:after {
	content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

.error-404 a.button:hover:after {
	content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

/* General pages with only text */
.ft-intro p {
    text-align: left !important;
    padding-bottom: 10px;
}
.ft-intro {
    margin-left: 0px;
    padding-left: 21px;
    text-align: left;
    padding-bottom: 20px;
}

ol, ul {
    margin-left: 0px;
}

ol li {
    font-size: var(--fs-basic);
    line-height: var(--lhf-basic);
}

#voorwaarden_ul {
    margin-left: 4px !important;
}

.txt-page ol, .txt-page ul {
    margin-left: 17px;
}

table {
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}

tbody, tr, td {
    color: white;
    border-color: #2B2B2B !important;
}

footer tbody, footer tr, footer td
{
	color:black;
}
table td, table tr {
    font-family: var(--f-one) !important;
}

/****** Reset pasword *****/
div.upme-head div {
    font-size: var(--fs-three) !important;
    font-weight: inherit;
    color: var(--clr-two);
}

.upme-main {
    padding-left: 20px;
}

.upme-field-type i {
    display: none;
}

.upme-field-type {
    float: left;
    width: inherit;
    display: block;
    margin-bottom: 20px;
}

.upme-field-type span, .upme-field-value span {
    font-family: var(--f-one) !important;
    font-size: var(--fs-basic);
    font-weight: inherit;
}

.upme-main input[type="text"].upme-input {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid white !important;
    color: white;
    padding: 20px 10px !important;
	padding-left: 0px !important;
    width: 50%;
	border-radius:0px !important;
}

input[type=button].upme-button, .upme-registration .upme-field .upme-field-value>[type=submit], .upme-login .upme-field .upme-field-value>input[type=submit], .upme-login .upme-forgot-pass input[type=button], .upme-registration .upme-field .upme-field-value>[type=submit] {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px;
    background: var(--clr-two) !important;
    border: none !important;
    padding: 20px 30px;
    text-transform: uppercase;
	border-radius:5px !important;
	height: inherit !important;
}

input[type=button].upme-button:hover, .upme-registration .upme-field .upme-field-value>[type=submit]:hover, .upme-login .upme-field .upme-field-value>input[type=submit]:hover, .upme-login .upme-forgot-pass input[type=button]:hover, .upme-registration .upme-field .upme-field-value>[type=submit]:hover {
    background: white !important;
	color:black !important;
}

.upme-login .upme-field .upme-field-value>input[type=submit] {
    width: fit-content;
    margin-top: 20px;
    margin-bottom: 20px;
}

.upme-field.upme-edit.upme-edit-show a:hover {
    color: var(--clr-two) !important;
}


div.upme-head div {
    color: var(--clr-two) !important;
}

.upme-field-value, .upme-registration .upme-main, .upme-registration .upme-head, .upme-login .upme-field, .upme-registration .upme-field {
    width: 100%;
}

.upme-login .upme-head::after, .upme-registration .upme-head::after {
	display:none !important;
}

.upme-login .upme-main, .upme-registration .upme-main {
    box-shadow: none;
    padding: 0px;
    background: transparent;
}

.upme-registration .upme-field {
    font-size: var(--fs-basic);
}

.upme-registration .upme-field .upme-field-value input {
   background: transparent !important;
    border: none !important;
    border-bottom: 1px solid white !important;
    color: #fff;
    padding: 20px 10px !important;
    padding-top: 0px !important;
    margin-bottom: 20px;
    padding-left: 0px !important;
    width: 100%;
    border-radius: 0px !important;
}

/* Container als grid */
#upme-registration-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
}

/* Elk veld netjes */
#upme-registration-form .upme-field {
    display: flex;
    flex-direction: column;
}

/* Username full width */
#upme-registration-form .upme-user_login {
    grid-column: 1 / -1;
    width: calc(50% - 20px);
}

/* E-mail bv ook full width indien gewenst */
/* #upme-registration-form .upme-user_email {
    grid-column: 1 / -1;
} */

/* Register button full width */
#upme-registration-form .upme-field:has(#upme-register) {
    grid-column: 1 / -1;
}

/* Die irritante clears uitschakelen */
#upme-registration-form .upme-clear {
    display: none;
}

#upme-registration-form .upme-field:has(.g-recaptcha) {
    grid-column: 1 / -1;
}

.upme-login .upme-field, .upme-registration .upme-field {
    margin: 0px;
}

.upme-field-value {
    text-align: left !important;
}
.upme-registration .upme-field .upme-field-value>[type=submit] {
    width: fit-content;
}

.upme-registration .upme-field .upme-field-value>select {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    padding-left: 0px !important;
}

.upme-stats {
	display:none;
}

/* my account logged out /login  */
.woocommerce-account .upme-login .upme-field .upme-field-value input[type='password'] {
    background: transparent !important;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0px !important;
	padding-left: 0px !important;
}

.woocommerce-account .upme-main input[type="text"].upme-input {
    padding: 10px 0px !important;
    margin-bottom: 30px;
}

.woocommerce-account .upme-main input[type="text"].upme-input {
	width:100% !important;
}

/* My account: files */
.woocommerce-account h1 {
    font-size: var(--fs-four) !important;
    line-height: var(--lhf-four) !important;
    font-weight: 400 !important;
}

.woocommerce-MyAccount-content .dashboard__block .btn_acc_around {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
	width:100%;
}

.woocommerce-MyAccount-content .dashboard__block a.btn_acc {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px;
    background: var(--clr-two) !important;
    padding: 20px 30px;
    border-radius: 5px;
    width: fit-content;
    text-transform: uppercase;
    margin-top: 20px;
}

.woocommerce-MyAccount-content .dashboard__block a.btn_acc:hover {
    color: black !important;
    background: white !important;
}

.woocommerce-MyAccount-content .dashboard__block a.btn_acc:after {
content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

.woocommerce-MyAccount-content .dashboard__block a.btn_acc:hover:after {
content: " ";
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}

.dashboard__block .item {
    gap: 0px;
}



/* Woocommerce */
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce .form-row input[type=password] {
    background: transparent;
    border-bottom: 1px solid white;
    color: white;
    border-radius: 0px;
	padding-left: 0px;
}

.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus, .woocommerce .form-row input[type=password]:focus {
    border: 1px solid var(--clr-two);
	padding-left:10px;
	border-radius:5px;
}

.woocommerce-account button.woocommerce-Button.button, .woocommerce-address-fields button {
    border: none !important;
    padding: 20px 30px !important;
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: var(--clr-two) !important;
    font-size: 14px !important;
    margin-top: 20px;
}


.woocommerce-account button.woocommerce-Button.button:hover, .woocommerce-address-fields button:hover {
	background:white !important;
	color:black !important;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row {
    width: calc(50% - 20px);
    margin-bottom: 20px;
}	

.u-column1.col-1.woocommerce-Address address {
    color: white;
    font-family: var(--f-one);
    font-style: inherit;
}

header.woocommerce-Address-title.title a {
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
}

header.woocommerce-Address-title.title a:hover {
color:var(--clr-two) !important;	
}

.woocommerce-account  form .form-row {
    margin-bottom: 20px;
}

.woocommerce-account form .form-row-first, .woocommerce-account form .form-row-last {
    width: 100%;
}	

.woocommerce-account .form-section {
    border: 1px solid #323238;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
}

.woocommerce-account .form-group label {
    color: white;
    font-family: var(--f-one);
}

.woocommerce-account .form-group input, .woocommerce-account .form-group select, .woocommerce-account .form-group textarea, .woocommerce-account .form-group  input[type='number'] {
    background: transparent !important;
    color: white !important;
    border: 1px solid transparent !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
	
}

.woocommerce-account .form-group input:focus, .woocommerce-account .form-group select:focus, .woocommerce-account .form-group textarea:focus , .woocommerce-account .form-group  input[type='number']:focus{
	padding-left:10px !important;
	border:1px solid var(--clr-two) !important;
	border-radius:5px !important;
	outline:none !important;
}

.file-drop-not-found > svg, .file-drop-progress > svg, .file-drop-finished > svg, .file-drop-area label > svg {
	color:var(--clr-two) !important;
	fill: var(--clr-two) !important;
}
.file-drop-process-bar--progress {
	background-color:var(--clr-two) !important;
}

.file-drop-not-found > span:last-of-type, .file-drop-progress > span:last-of-type, .file-drop-finished > span:last-of-type, .file-drop-area label > span:last-of-type {
    font-weight: 400 !important;
}

/* Woocommerce */
.woocommerce table.cart img, .woocommerce-page table.cart img, .woocommerce #content table.cart img, .woocommerce-page #content table.cart img
{
	border-radius:5px !important;
}

.quantity .input-group-btn button.btn {
    background: transparent;
    color: white !important;
}

.woocommerce .quantity .qty {
    background: transparent;
    color: var(--clr-two) !important;
    font-size: var(--fs-six);
    line-height: var(--lhf-six);
}

.woocommerce td.product-subtotal bdi {
    font-size: var(--fs-six);
    line-height: var(--lhf-six);
}



.woocommerce-page table.cart tr td.actions {
    background: var(--clr-three) !important;
    margin-top: 30px !important;
}

.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
    border-color: white !important;
    background: transparent !important;
    border-radius: 5px;
	color:white;
}

.woocommerce table.cart td.actions .coupon .input-text:focus, .woocommerce-page table.cart td.actions .coupon .input-text:focus, .woocommerce #content table.cart td.actions .coupon .input-text:focus, .woocommerce-page #content table.cart td.actions .coupon .input-text:focus {
    border-color: white;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
    padding: 16px 25px !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    background: var(--clr-two) !important;
    color: white !important;
	text-transform:uppercase;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
color:black !important;
    background: white !important;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover:after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover:after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover:after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover:after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}

.cart_totals .checkout-button.button.alt.wc-forward {
    text-align: left;
    text-transform: uppercase;
	    display: flex;
    justify-content: space-between;
}

#add_payment_method table.cart td.actions .coupon .coupon-error-notice, .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice, .woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice {
    font-size: var(--fs-basic);
    text-transform: none;
    font-weight: 400;
}

.woocommerce-message, .woocommerce-info {
    background: var(--clr-two);
    font-weight: 400 !important;
    font-family: var(--f-one);
    border-top: none !important;
	    color: white !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info a {
    text-decoration: underline;
}

form#woocommerce-checkout-form-coupon {
    border: 1px solid #2B2B2B;
    background-color: var(--clr-three);
}


.input-text#coupon_code {
    padding-left: 20px !important;
}

.woocommerce-checkout .input-text#coupon_code:focus, .woocommerce form .form-row.woocommerce-validated select {
    padding-left: 10px !important;
	border-radius:5px !important;
}

.woocommerce-checkout form .form-row-first, .woocommerce form .form-row-last {
	width:100%;
	margin: 0px;
}

.woocommerce-checkout #customer_details .col-1 {
    width: calc(100% - 40px);
}

.woocommerce-checkout form .form-row.woocommerce-validated input.input-text {
    padding-left: 10px;
    border-radius: 5px;
}

.woocommerce-checkout .woocommerce-error {
    background: var(--clr-two);
    border-top: none;
}

.checkout .shop_table tr td {
    background: transparent;
}

.woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th {
    color: white !important;
}

.woocommerce-checkout tr.cart-subtotal th, .woocommerce-checkout tr.order-total th, tr.tax-rate.tax-rate-be-btw-1 th {
    border-top: 1px solid #2B2B2B !important;
}

.woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th {
    text-align: left;
}

.woocommerce-checkout #payment ul.payment_methods {
    margin-bottom: 10px !important;
}

.woocommerce-checkout ul.wc_payment_methods.payment_methods.methods li {
    background: transparent !important;
}

.woocommerce-checkout #payment ul.payment_methods input[type="radio"] {
    accent-color: var(--clr-two);
}

.woocommerce-checkout #payment ul.payment_methods li {
    display: flex;
}


button#place_order {
    text-transform: uppercase;
}

.woocommerce-checkout #payment div.payment_box {
	display:none !important;
}

.woocommerce-checkout thead th {
	border:none !important;
}

.woocommerce-page.woocommerce-order-pay tfoot tr th {
    background: transparent !important;
}

.woocommerce-page.woocommerce-order-pay tr.order_item td {
    padding: 20px !important;
}


.woocommerce-page.woocommerce-order-pay tr.order_item td.product-subtotal {
    padding: 10px !important;
}


#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    margin: 2px 0 0 .5em;
}

/* Order received */
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    justify-content: center;
}

.woocommerce-order-received  table.shop_table tfoot th {
    background: transparent !important;
    border-top: 1px solid 
color-mix(in srgb, currentColor 20%, transparent) !important;
    border-bottom: none;
}

.woocommerce-order-received .woocommerce-customer-details address {
    padding: 0px 0px;
}

.woocommerce-order-received .woocommerce-customer-details {
    color: white;
    font-family: var(--f-one);
	  font-size: var(--fs-basic);
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--phone {
    font-size: var(--fs-basic);
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--phone {
    padding-left: 1.5em;
    margin-bottom: 5px;
}

.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-top: 50px;
	font-weight:inherit !important;
}

#header .widget_shopping_cart a.button {
    width: calc(100% - 50px) !important;
    color: white !important;
}

#header .widget_shopping_cart a.button:hover {
    color: black !important;
}

#header .widget_shopping_cart a.button:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
}

#header .widget_shopping_cart a.button:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}

/* Single product */
.single-product .container .sixteen.columns {
    width: 100% !important;
    max-width: calc(100% - 20px);
}

.single-product .woocommerce-message {
    border-radius: 5px;
}

.single-product .woocommerce-message a.button.wc-forward {
    background: white !important;
    color: black !important;
}

.single-product .woocommerce-message a.button.wc-forward:hover {
    background: black !important;
    color: white !important;
}

.single-product .woocommerce-message {
    padding-top: 0px !important;
    padding: 20px !important;
    display: flex;
    align-items: center;
}

.single-product .woocommerce-message a.button {
    margin: 0px !important;
}

.single-product .woocommerce-message a.button.wc-forward:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}
	
	.single-product .woocommerce-message a.button.wc-forward:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
}

.single-product .woocommerce-message a.button {
    margin-left: 20px !important;
}
.single-product .woocommerce-message {
    padding-top: 0px !important;
    padding: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 50px;
    column-gap: 10px;
}

.woocommerce-account .woocommerce-error {
    background-color: var(--clr-two);
    border-top: none;
}

/* products overview */
  .tuning-credit-table {
            max-width: 1600px;
            margin: 30px auto;
            color: #fff;
            font-family: Arial, sans-serif;
        }

        .tuning-credit-table .product-checklist {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .tuning-credit-table .product-checklist-item {
            display: grid;
       grid-template-columns: 30px 0.5fr 0.25fr 2fr auto;
            align-items: center;
            gap: 18px;
            background: #000;
            border: 1px solid #111;
            border-radius: 6px;
            padding: 10px 14px;
            cursor: pointer;
            transition: 0.2s ease;
        }

        .tuning-credit-table .product-checklist-item:hover {
            border-color: #ff4d00;
        }

        .tuning-credit-table .product-checklist-checkbox {
            appearance: none;
            -webkit-appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid #ff4d00;
            border-radius: 4px;
            background: transparent;
            cursor: pointer;
            display: inline-block;
            position: relative;
        }

        .tuning-credit-table .product-checklist-checkbox:checked {
            background: #ff4d00;
        }

        .tuning-credit-table .product-checklist-checkbox:checked::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 8px;
            height: 8px;
            background: #fff;
            border-radius: 2px;
        }

        .tuning-credit-table .col {
            display: block;
        }

        .tuning-credit-table .col-name {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
        }

        .tuning-credit-table .col-price {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
        }

        .tuning-credit-table .col-credit-price {
            font-size: 18px;
            color: #ff4d00;
        }

        .tuning-credit-table .col-saving {
            justify-self: end;
            background: #ff4d00;
            color: #fff;
            padding: 8px 16px;
            border-radius: 4px;
            font-size: 16px;
            white-space: nowrap;
            min-width: 210px;
            text-align: center;
        }

        .tuning-credit-table .col-saving:empty {
            background: transparent;
            padding: 0;
            min-width: 0;
        }

        .tuning-credit-table .product-checklist-item.checked {
            background: #f2f2f2;
        }

        .tuning-credit-table .product-checklist-item.checked .col-name,
        .tuning-credit-table .product-checklist-item.checked .col-price {
            color: #111;
        }

        .tuning-credit-table .product-checklist-item.checked .col-credit-price {
            color: #ff4d00;
        }

        .tuning-credit-table .product-checklist-actions {
            margin-top: 20px;
        }

        .tuning-credit-table .product-checklist-button {
            display: none;
    margin-bottom: 10px !important;
    text-align: left;
	font-size: 14px !important;
    margin-bottom: 10px !important;
    text-align: left;
    border-radius: 5px;
    padding: 20px 15px;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
	    background: var(--clr-two);
    color: white !important;
			border:none;
        }

 .tuning-credit-table .product-checklist-button:hover {
            display: none;
    margin-bottom: 10px !important;
    text-align: left;
	font-size: 14px !important;
    margin-bottom: 10px !important;
    text-align: left;
    border-radius: 5px;
    padding: 20px 15px;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
	    background:white;
    color: black !important;
			border:none;
        }

.tuning-credit-table .product-checklist-button:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
    background-repeat: no-repeat;
    width: 6px !important;
    height: 12px;
    display: inline-flex;
    width: fit-content;
	    float: right;
}

.tuning-credit-table .product-checklist-button:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}

.tuning-credit-table .product-checklist-button:hover {
            background: white;
        }

  .o-credits .non_h3 p {
    width: 100%;
    border-bottom: 1px solid white;
    padding-bottom: 40px;
}   

.o-credits {
    background: var(--clr-three);
    border-radius: 10px;
    margin-top: 25px !important;
    margin-bottom: 50px !important;
    padding-top: 50px;
    padding-bottom: 15px;
}

.tuning-credit-table .col-credit-price, .tuning-credit-table .col-credit-price span, .tuning-credit-table .col-credit-price.span span {
    font-weight: 400 !important;
	color:var(--clr-two) !important;
}

.tuning-credit-table .col-saving {
    padding: 5px 10px;
}

.tuning-credit-table .product-checklist-item.checked span.col.col-name, .tuning-credit-table .product-checklist-item.checked span.col.col-price span {
    color: black !important;
}


.cr-top img {
    margin-left: 10px;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--car-config:hover img, li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--faq:hover img {
    content: url(/wp-content/uploads/2026/04/i_carconfig_o.svg);
	  width: 1.5rem;
    height: 1.3rem;
    margin-right: 0.7rem;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--car-config:hover img, li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--faq:hover img {
    content: url(/wp-content/uploads/2026/04/i_faq_o.svg);
}

.cmplz-cookiebanner {
    border-top: none !important;
}

.cmplz-cookiebanner * {
    color: black !important;
	font-size:var(--fs-basic) !important;
}

.cmplz-cookiebanner p, .cmplz-cookiebanner a {
    font-size: 14px !important;
    line-height: 20px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-size: 14px !important;
    letter-spacing: 0px;
    color: white !important;
    justify-content: center;
    align-items: center;
}

.cmplz-cookiebanner details.cmplz-category div span, .cmplz-cookiebanner details.cmplz-category div {
    font-size: 14px !important;
    line-height: 27px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title, span.cmplz-always-active {
    font-size: 14px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
    padding-top: 0px;
}

#cmplz-manage-consent .cmplz-manage-consent {
    visibility: hidden !important;
}

/* Complianz page */
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    font-family: var(--f-one) !important;
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary h3, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary h3, #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary p, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary p {
    color: black !important;
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary {
	background:white !important;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header span {
    color: black !important;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
    background: white;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category, #cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: transparent;
}

 #cmplz-cookies-overview .cmplz-dropdown summary h3, #cmplz-document .cmplz-dropdown summary h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3
{
    font-size: 14px !important;
	  font-family: var(--f-one) !important;

}

#cmplz-cookies-overview .cmplz-dropdown summary h5, #cmplz-document .cmplz-dropdown summary h5, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h5 ,
#cmplz-cookies-overview .cmplz-dropdown summary h4, #cmplz-document .cmplz-dropdown summary h4, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h4, .cookies-per-purpose h4  , .cookies-per-purpose h5 {
	color:black !important;
}

/* Forgot pasword: not logged in */
.upme-login .upme-head {
    padding: 0px !important;
    margin-bottom: 30px !important;
}

.upme-login .upme-main {
    width: 50%;
}

.upme-login label.upme-field-type.upme-blank-lable {
    display: none;
}

/* Login on my account */
.upme-login input[type=button].upme-button {
    margin-top: 30px;
}

.upme-login input#login_user_pass, .upme-login .upme-field .upme-field-value>input[type=submit] {
    width: 100%;
}

.upme-login .upme-field.upme-edit.upme-edit-show {
    text-align: center !important;
}

/* Registration form */
.upme-registration-wrapper .upme-input-text-inline-error {
    color: var(--clr-two);
    font-weight: inherit;
}

#upme-registration-form .upme-user_login {
    width: 100%;
}

.upme-registration .upme-head {
    padding: 0px;
    margin-bottom: 40px;
}

.upme-registration-head div.upme-pic {
    display: none;
}

.upme-field.upme-separator.upme-edit.upme-edit-show.upme-clearfix.upme-account_info_separator {
    display: none !important;
}

.upme-registration .upme-errors {
    background: var(--clr-two);
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

/* FAQ */
.faq-block h3.ui-accordion-header {
    border: none;
    padding: 20px;
    margin-bottom: 10px !important;
    background: var(--clr-three) !important;
    color: white !important;
    font-size: 18px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
}


.faq-block .ui-accordion-content p:first-child {
    display: inherit;
}

.faq-block .ui-accordion-content p, .faq-block .ui-accordion-content a, .faq-block .ui-accordion-content span {
    font-size: var(--fs-basic) !important;
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
	color:black !important;
}

.faq-block .ui-accordion-content {
    padding: 40px 55px !important;
    margin-bottom: 10px !important;
    padding-bottom: 30px !important;
}

.faq-block h3.ui-accordion-header.ui-accordion-header-active {
    background: var(--clr-two) !important;
}

.faq-block span.ui-accordion-header-icon.ui-icon.fa.fa-angle-down {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange_down.svg);
    background-repeat: no-repeat;
    font-size: 0px;
    width: 6px;
    height: 7px;
    position: relative;
    /* top: -3px; */
    margin-right: 20px;
}

.faq-block span.ui-accordion-header-icon.ui-icon.fa.fa-angle-up {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_up.svg);
   background-repeat: no-repeat;
    font-size: 0px;
    width: 6px;
    height: 7px;
    position: relative;
    margin-right: 20px;
}

.wpb_row.faq-around {
	margin-top:50px !important;
}

.page-config div#navigation {
    background: var(--clr-three) !important;
}

/* Coupon on credits */
.heinz-coupon-block {
    background: var(--clr-three);
    padding: 50px !important;
    width: 60%;
    margin-bottom: 76px !important;
    margin: auto;

}

.heinz-coupon-block  .heinz-coupon-block__text {
    margin-top: 10px;
    margin-bottom: 20px;
}

.heinz-coupon-block .heinz-coupon-block__code {
    width: fit-content;
    background: var(--clr-two);
    padding: 20px;
    border-radius: 5px;
    font-family: var(--f-one) !important;
    font-size: var(--fs-basic);
    font-weight: bold;
    color: white;
    display: inline-block;
}


.woocommerce table.shop_table tfoot tr.cart-discount th {
    background: black !important;
}

.heinz-coupon-block__button-wrap {
    display: inline;
}

.heinz-coupon-block__button-wrap a.heinz-coupon-block__button {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: black !important;
    letter-spacing: 0px;
    border: none !important;
    padding: 27px;
    text-transform: uppercase;
    background: white !important;
    margin-left: 10px;
    border-radius: 5px;
}

.heinz-coupon-block__button-wrap a.heinz-coupon-block__button:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

/* Credits: blurred box login */
body.not-logged-in .product-checklist-login-gate {
    position: relative;
}

body.not-logged-in .product-checklist-wrap.credits-locked {
    position: relative;
    pointer-events: none;
    user-select: none;
}

/* Alleen de inhoud blurren, NIET de popup */
body.not-logged-in .product-checklist-wrap.credits-locked > * {
    opacity: 0.25;
    filter: blur(5px);
}

/* Popup blijft scherp */
.credits-login-popup {
    position: absolute;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(13, 13, 13, 0.45);
    pointer-events: auto;
    filter: none !important;
    opacity: 1 !important;
}



.credits-login-popup-inner {
    max-width: 420px;
    width: 100%;
    background: #fff;
    padding: 32px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    filter: none !important;
    opacity: 1 !important;
}

.credits-login-popup-inner h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #000;
}

.credits-login-popup-inner p {
    margin-bottom: 20px;
    color: #000;
}

.credits-login-button {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 999px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.credits-login-button:hover {
    background: #222;
    color: #fff;
}

a.credits-login-button {
    font-family: var(--f-one) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0px;
    border: none !important;
    padding: 10px 20px;
    text-transform: uppercase;
    background: var(--clr-two) !important;
    border-radius: 4px;
    display: flex;
    width: fit-content;
    justify-content: space-between;
    align-items: center;
    
}

.credits-login-popup-inner h3, .credits-login-popup-inner p {
    color: black !important;
    text-align: left;
}

a.credits-login-button:hover {
    background: black !important;
}


a.credits-login-button:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

a.credits-login-button:hover:after {
    background-image: url(/wp-content/uploads/2026/04/arrow_right_orange.svg);
}

.server-hours .op-is-open-shortcode span, .office-hours .op-is-open-shortcode span {
    color: black !important;
    font-weight: bold;
}
.server-hours div, .office-hours div {
    display: flex;
    align-content: center;
    align-items: center;
    color: green !important;
}

.server-hours .op-is-open-shortcode span.op-open:before, .server-hours .op-is-open-shortcode span.op-closed:before, .office-hours .op-is-open-shortcode span.op-closed:before, .office-hours .op-is-open-shortcode span.op-open:before {
     content: "";
    height: 8.5px;
    width: 8.5px;
    background: green;
    display: inline-flex;
    border-radius: 100px;
    margin-right: 10px;

    /* animatie */
    animation: glowPulse 1.5s infinite;
}
@keyframes glowPulse {
    0% {
        box-shadow: 0 0 3px rgba(20, 100, 40, 0.4);
    }
    50% {
        box-shadow: 0 0 12px rgba(10, 81, 30, 1);
    }
    100% {
        box-shadow: 0 0 3px rgba(20, 100, 40, 0.4);
    }
}
/*
body.gb-overlay-menu-active .gb-custom-overlay .gb-custom-overlay-inner, body.gb-overlay-menu-active .gb-custom-overlay .menu_geg {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

body.gb-overlay-menu-active .gb-custom-overlay .gb-custom-overlay-inner {
	border-top:1px solid black;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg {
	border-bottom:1px solid black;
}*/

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg {
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.35);
}

.office-hours .op-is-open-shortcode span.op-closed:before {
background:red;	
}

div#widget_op_overview-3 table.op-table.op-table-overview {
    margin-top: 0px !important;
}

#footer .widget {
    margin-bottom: 10px;
}

#footer .four.columns:last-of-type .widget:first-of-type {
    margin-bottom: 30px;
}

#footer .four.columns:last-of-type .widget:first-of-type h3, #footer .four.columns:last-of-type h3 {
    margin-bottom: 10px;
}


#footer #custom_html-8 {
    margin-top: -20px;
    margin-bottom: 20px !important;
}

#footer p.f-times {
    color: black !important;
    font-size: 14px;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span:nth-last-of-type(2), body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span.other {
    padding: 0px !important;
    background: transparent !important;
    margin-right: 0px;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span.other:hover {
    background: transparent !important;
	margin-right: 0px;
}


/******* Responsive *******/
@media only screen and (max-width: 1650px) {
	.vc_responsive .wpb_row .vc_col-sm-12 {
    padding-left: 21px;
    padding-right: 21px;
}
	
}


@media only screen and (max-width: 1541px) {
/* Header */		
header#header {
    width: calc(100% - 42px);
    margin-left: 21px;
}	
	
	   header .container {
        width: 100%;
        max-width: 100%;
    }
	
.h-intro-left .h-intro-inner.mpc-row {
    margin-left: 0px !important;
    padding-left: 21px;
    padding-right: 21px;
}	
	
	
/* Footer */	
footer#footer, 	#copyright {
    padding-right: 21px;
    padding-left: 21px;
}	
	
/* Home */	
	.standard-section.section {
    max-width: 1500px;
		   padding-right: 21px;
    padding-left: 21px;
}
	
	     .ft-stages-middle.standard-section.section {
        max-width: 100%;
        width: 100%;
			 padding-left:42px;
			 padding-right:42px;
    }
	
	 .vc_responsive .wpb_row.h-five .vc_col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
}
	
    .h-seven.standard-section.section {
        margin-left: 21px !important;
        width: calc(80% - 42px);
        padding: 0px;
        margin: auto !important;
    }
	
.h_usp {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}	
	
.h-one, .h-three {
    width: 80%;
	}
	
.h-five {
    padding-top: 75px;
    padding-bottom: 75px;
	}

.h-five-below .vc_col-sm-6 {
    padding: 0px 20px !important;
}	
	
.h-five-below {
    padding-right: 21px !important;
}	
	
    .wpb_row.h-six {
        margin-top: 0px !important;
        margin-bottom: 100px !important;
    }
	
.h-bar.standard-section.section {
   width: calc(100% - 42px) !important;
	margin-left:21px !important;
}	
	
	
/* Contact */
	#row_contactform.fw > .col.span_12 {
    border: none !important;
}
	
#row_contactform {
    padding-left: 0px;
    padding-right: 0px;
}	
	
div#row_contactform > .span_12 > .vc_col-sm-12 {
    padding: 10px;
}
	
	div#row_contactform {
		padding-top:50px;
		padding-bottom:50px;
	}
	
/* File tuning */
.wpb_row.o-top .col.span_12 {
    width: 100%;
    max-width: 100%;
    padding-left: 21px;
    padding-right: 21px;
	}
	
.wpb_row.ft-stages {
    max-width: 100%;
    margin: 21px !important;
}	
	
    .txt-page #page-wrap.container {
        max-width: 1420px;
        padding-left: 21px;
        padding-right: 21px !important;
        width: calc(100% - 42px);
    }
	
/* Account */
.woocommerce-account #page-wrap {
    max-width: 100%;
    padding-left: 21px;
    padding-right: 21px;
}
	
.woocommerce-account #content {
    padding-top: 0px;
    padding-bottom: 0px;
}
	
	.woocommerce-MyAccount-content #my-details {
    width: calc(100% - 20px);
        display: flex;
        flex-direction: column;
    }
	
/* Credits */
  .tuning-credit-table .product-checklist-item {
       grid-template-columns: 30px 0.75fr 0.5fr 2fr auto;
	}
	

}


@media only screen and (min-width: 1213px) {
	/* Top Banner button */	
.o-top .o-top-inner-one {
    max-width: 1480px;
    width: 100%;
    padding-left: 21px !important;
    padding-right: 21px !important;
}

.o-top .vc_col-sm-12 > .wpb_wrapper {
    display: flex;
    flex-direction: column;
        justify-content: space-between;
        height: 65vh;
	}
	
	/* Top Banner button */	
	.wpb_row.cr-top-btn {
    margin: auto;
    text-align: center;
    margin-top: -55px !important;
}
	
.cr-top img {
    margin-left: 10px;
    width: 225px;
}	
	
}


@media only screen and (min-width: 2500px) {
    .o-top .vc_col-sm-12>.wpb_wrapper {
        height: 85vh;
    }
}


@media only screen and (min-width: 1213px) {


/* Account */
nav.woocommerce-MyAccount-navigation .dashboard__credits {
    margin-bottom: 75px;
}
}

@media only screen and (max-width: 1212px) {
.h-four-one {
    width: 35%;
    background: var(--clr-two);
    top: 25px !important;
	}
	
.h-four-two {
    bottom: 75px !important;
	}
	
.h-five {
    padding-top: 100px !important;
    padding-bottom: 100px !important;	
}
	
.wpb_row.h-six {
    padding-left: 21px;
    padding-right: 21px;
}
	
#footer > div {
    padding: 40px 30px !important;
	}	
	
#footer > div .four.columns:first-of-type {
    width: 175px;
}	
	
#footer .four.columns:not(:first-child) {
    width: calc((100% - 175px) / 3);
}	
	
.h-seven .vc_col-sm-6 {
    padding: 40px !important;
}	
	
/* Mobile menu */	
    #mobile-header {
        width: calc(100% - 63px) !important;
        margin-top: 10px;
        padding-top: 10px !important;
        padding-left: 10px !important;
		padding-right: 10px !important;
        padding-bottom: 10px !important;
        margin-left: 21px;
        background-color: rgba(80, 80, 80, 0.25) !important;
        backdrop-filter: blur(70px) !important;
		height:60px !important;
		border-radius:5px !important
    }	
	
    #mobile-header {
        margin-top: 21px !important;
    }
	
	#mobile-header .logo {
    margin-top: 0px !important;
}
	
    #mobile-header .icon-cart, #navigation .icon-cart, #navigation .icon-minti-cart {
        padding-top: 16px;
    }

	
	#mobile-shopping-btn {
    border-right: 1px solid #3D3D3D;
    margin-top: 0px !important;
    padding-right: 30px !important;
    height: 60px !important;
}
	
    #mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn {
        line-height: 50px !important;
    }
	
#mobile-header .logo img {
    height: 50px;
    width: 120px;
    margin-top: 5px;
    object-fit: contain;
}
	
#mobile-header .logo {
    margin-top: 25px;
}	
	
#mobile-header i.fa.fa-bars:before {
    opacity: 0;
}
	
#mobile-header i.fa.fa-bars {
    background-image: url(/wp-content/uploads/2026/04/sidebar.svg);
    width: 40px;
        margin-top: 23px !important;
}	
	
	/* wanneer menu open is */
    #mobile-header i.fa.fa-bars.is-open {
        background-image: url(/wp-content/uploads/2026/04/close_white.svg);
        width: 40px;
        margin-top: 0px !important;
        background-repeat: no-repeat;
        height: 29px;
        background-position-x: center;
    }

#mobile-navigation {
 
    position: absolute;
    width: 100%;
    margin-left: 21px;
    width: calc(100% - 42px);
    border-radius: 10px;
    margin-top: 20px;
}	
	
#mobile-navigation, #mobile-navigation ul.wpml-ls-sub-menu li a {
    background-color: rgba(80, 80, 80, 0.25) !important;
    backdrop-filter: blur(70px) !important;
}	
	
#mobile-navigation #mobile-nav {
    margin-bottom: 0px;
}	
	
#mobile-navigation ul li a {
    text-transform: uppercase;
    font-size: 16px !important;
}	
	
	#mobile-navigation ul li a:hover {
color:var(--clr-two) !important;
	}
	
/* File tuning */
	.wpb_row.o-top {
    margin-top: -20px;
    padding-top: 40px;
		 border-top: 20px solid black !important;
    border-left: 20px solid black !important;
    border-right: 20px solid black !important;
    border-bottom: 20px solid black !important;
		border-radius:40px !important;
	}
	
	.wpb_row.o-top .o-top-inner-one {
  margin-bottom: auto; /* pushes it to top */
}
	

.wpb_row.o-top .o-top-inner {
  margin-top: auto; /* pushes it to bottom */
  display: block;
	position:relative;
    bottom: inherit;
     transform: inherit;
     right: inherit;
     width: inherit;
    max-width: inherit;
}
	
	.wpb_row.o-top .o-top-inner-one,
.wpb_row.o-top .o-top-inner {
  width: 100%;
  display: block;
	        left: 21px;
}
	
	.wpb_row.o-top .o-top-inner > .vc_col-sm-12 {
    width: 100%;
}
	
.wpb_row.o-top > .col > .vc_col-sm-12 > .wpb_wrapper {
  flex-direction: column;
}
	
	.wpb_row.o-top .vc_column-inner {
  padding-bottom: 0;
}
	
	.wpb_row.o-top .o-top-inner-one {
  margin-bottom: auto; /* duwt naar boven */
}

.wpb_row.o-top .o-top-inner {
  margin-top: auto; /* duwt naar onder */
}
	
	.wpb_row.o-top > .col > .vc_col-sm-12 > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(85vh - 100px);
        justify-content: space-between;
}

.wpb_row.o-top .o-top-inner-one { margin-bottom: auto; }
.wpb_row.o-top .o-top-inner { margin-top: auto; 
	}
	
.woocommerce-account .woocommerce-EditAccountForm .form-row {
    width: calc(100% - 20px);
}	
	
	
	
/* Credits */
.tuning-credit-table .product-checklist-item {
        grid-template-columns: 30px 1fr 0.5fr 1fr auto;
    }
	
.cr-top-btn {
    margin: auto !important;
    text-align: center;
}	
	
	
/* Credits: coupon */
	
.heinz-coupon-block {
    padding: 50px 25px !important;
    width: 80%;
    margin: auto;

}	
	
}


@media only screen and (max-width: 1199px) {
.woocommerce-account #page-wrap, .woocommerce-checkout div#page-wrap {
        max-width: calc(100% - 42px);
    padding-left: 21px;
    padding-right: 21px;
	        width: 100%;
}
	
.woocommerce-MyAccount-navigation ul {
    padding-right: 20px !important;
	}
}

@media only screen and (min-width: 1025px) {
.dashboard__columns {
  display: flex;
  gap: 20px; /* optional spacing */
}

.dashboard__column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.dashboard__block {
  flex: 1; /* 👈 makes blocks equal height */
  display: flex;
  flex-direction: column;
}
}

@media only screen and (max-width: 1024px) {
   .h-one, .h-three {
        width: 100%;
    }	

.h-one.wpb_row .mpc-column > .wpb_wrapper > .vc_row > .wpb_column .vc_column-inner > .wpb_wrapper:before {
    width: 35px;
    height: 35px;
    border: 2px solid var(--clr-two);
	}
	
.h-one.wpb_row .mpc-column > .wpb_wrapper > .vc_row > .wpb_column .vc_column-inner > .wpb_wrapper {
    padding-left: 60px;
}
	
.h_usp .vc_col-sm-3 > .vc_column-inner {
    padding: 30px 20px !important;
	}
	
.h_usp img {
    width: 50px;
}
	
.h-one {
    margin-top: 100px !important;
    margin-bottom: 50px !important;
}	
	
.h_account .vc_col-sm-12 {
    width: 80%;
    margin-left: 10% !important;
    padding: 50px !important;
	}
	
.h-intro {
    height: 75vh;	
	}
	
.h-three-one, .h-three-two {
    padding-left: 20% !important;
}	
	
    .h-five {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }	
	
    .h-seven .vc_col-sm-6 {
        padding: 30px 30px !important;
    }	
	
.h-seven .non_h1 {
    margin-bottom: 20px;
}	
	
    .h-seven.standard-section.section {
        margin-left: 21px !important;
        width: calc(100% - 42px);
	}
	
.h-seven .col.span_12 {
    max-width: 100% !important;
}	

.h-five .vc_col-sm-6:first-of-type {
    padding-top: 0px;
}	
	
#footer > div {
  display: flex;
  flex-wrap: wrap;
}

/* Alle kolommen resetten */
#footer .four.columns {
  box-sizing: border-box;
  padding: 15px;
}

/* Eerste kolom full width */
#footer .four.columns:first-child {
  flex: 0 0 100%;
  max-width: 100%;
	text-align:center;
}
	
	#footer .four.columns:first-child .widget {
    margin-bottom: 0px;
}
	
	#footer > div .four.columns:first-of-type img {
    width: 130px !important;
}

/* Andere kolommen 33.33% */
    #footer .four.columns:not(:first-child) {
        flex: 0 0 calc(33.333% - 30px);
        max-width: calc(33.333% - 30px);
    }
	
/* File tuning */	
.h-three.fs-three {
    width: 100%;
}	
	
.fs-info {
    width: 100%;
    margin-top: 75px !important;
    margin-bottom: 35px !important;
}
	
.fs-info .vc_col-sm-4 p {
    font-size: 40px;	

}	
	
.fw > .col.span_12 .wpb_single_image img {
    height: inherit;
    aspect-ratio: 16 / 9;
	}
	
.ft-stages-one .wpb_row.mpc-row {
    top: 50px;
	}
	
.ft-stages-middle .span_12 .vc_col-sm-4 {
    padding: 30px 20px;
	}
	
.ft-stages-middle ul li {
    margin-bottom: 0px;
	}
	
.h-intro-small {
    height: inherit;
}

	/* Account */
.woocommerce-MyAccount-content .dashboard__credits 	
	{
		
		
	}
	
	.woocommerce-MyAccount-content .dashboard__credits .credits {
    min-height: inherit;
		margin-bottom:0px;
		    padding: 20px 20px;
    width: calc(100% - 40px) !important;
	}
	
	.woocommerce-MyAccount-content .dashboard__credits .credits:last-of-type {
		margin-bottom:40px;
	}
	
.dashboard__columns {
    flex-direction: column;

}	
	
.dashboard__column {
    width: 100%;
}
	
.account .credits {
    flex-direction: column;
}	

.account .woocommerce-MyAccount-navigation .credits .credits__left {
    order: 2;
    width: 100%;
}	
	
	.account .woocommerce-MyAccount-navigation .credits .credits__right {
		   order: 1;
		margin-bottom:10px;
	} 	
	
	.account .woocommerce-MyAccount-navigation .credits {
    align-items: flex-start;
}
	
	.woocommerce-MyAccount-content .dashboard__credits .credits__left {
    order: 2;
    margin-top: 20px;
}

.woocommerce-checkout #customer_details .col-1 {
    width: 100%;
}
	
/* Credits */
.tuning-credit-table .product-checklist-item {
        grid-template-columns: 30px 1fr 0.5fr 1fr auto;
    }	


.tuning-credit-table .col-credit-price , .tuning-credit-table .col-name, .tuning-credit-table .col-price span, .tuning-credit-table .col-saving {
    font-size: var(--fs-basic);
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .vc_responsive .page-section .standard-section .span_12 {
        max-width: 100%;
    }
	
	
    #footer > div .four.columns:first-of-type {
        width: 150px;
    }
	
	    #footer .four.columns:not(:first-child) {
        width: calc((100% - 150px) / 3);
    }
	
	#footer > div .four.columns:first-of-type img {
    width: 100%;
}
	    #footer > div {
        padding: 40px 20px !important;
    }
	
	#copyright {
    margin-top: -35px;
	}
	
  
}

@media only screen and (min-width: 768px) {
.hide_desk {
		display:none !important;
	}
	
	#navigation .hide_desk {
		display:inherit !important;
	}
	
}

@media only screen and (min-width: 1201px) {
	#navigation .hide_desk, #navigation .hide_desk_bar {
		display:none !important;
	}
	

}

@media only screen and (max-width: 1200px) {
	#mobile-navigation .hide_desk {
		display:inherit !important;
	}
}



@media only screen and (max-width: 767px) {
    .vc_responsive .page-section .standard-section .span_12 {
        max-width: 100% !important;
    }
	
    .h-bar.standard-section.section {
        text-align: center;
    }
	
.h-bar .span_12 {
    flex-direction: column;
}	
	
    .h-bar.wpb_row .wpb_column {
        margin-bottom: 30px;
    }	
	
    .vc_responsive .page-section .standard-section .span_12 {
        margin: 0px 0px;
    }	
	
	
	
	.hide_mob {
		display:none !important;
	}
	
    .h-intro-left.full-width-section > .span_12 > .col {
        height: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }	
	

	
	.h-intro-left p {
		text-align:center;
	}
	
    .h-one {
        margin-top: 75px !important;
        margin-bottom: 50px !important;
    }	
	
  .h_usp .wpb_column.vc_column_container.vc_col-sm-3.mpc-column {
        min-height: inherit;
    }
	
	 .h_usp .vc_row {
    grid-template-columns: repeat(2, 1fr);	
}
	.h_usp .wpb_row .wpb_column{
	        margin-bottom: 0px;
}
	
	    .h_usp {
        margin-top: 75px !important;
	}
	
.h-three-one, .h-three-two {
        padding-left: 0px !important;	
}
	
	.h-three-two .wpb_column.vc_column_container.vc_col-sm-4.mpc-column {
    margin-bottom: 20px !important;
}
	
	.h-three {
    margin-top: 0px !important;
    margin-bottom: 24px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	
    .h-four-one, .h-four-two {
        width: 100%;
		    position: inherit !important;
	}
	
.h-four .wpb_single_image {
    width: 100%;
    margin-left: 0%;
}	
	
	.h-four .vc_col-sm-12 {
    padding: 0px !important;
}
	
.h-four-one, .h-four-two {
    width: calc(100% + 42px) !important;
	margin-left:21px !important;
}	

	.h-four-one .vc_do_btn, .h-four-two .vc_do_btn {
		margin-bottom:0px !important;
	}
	
	.h-four .wpb_single_image {
    margin-bottom: 20px;
    margin-top: 20px;
}
	
	.h-three-two .non_h4 {
    display: none !important;
}
	
	.h-three .h-three-one.mpc-row, .wpb_row.h-three-one .wpb_column {
    margin-bottom: 0px !important;
}
	
    .wpb_row.h-four-one, .h-four-two {
        width: 100% !important;
	}
	
	.vc_row.wpb_row.vc_inner.vc_row-fluid.h-four-one.mpc-row, .vc_row.wpb_row.vc_inner.vc_row-fluid.h-four-two.mpc-row {
    margin-left: 0px !important;
    padding: 40px 20px !important;
    padding-bottom: 10px !important;
}
	
		.h-three-c {
    margin-top: 75px !important;
}
	
.h-five > .col.span_12 {
    flex-direction: column;
}	
	

.h-five > .col.span_12 .vc_col-sm-6:first-of-type {
    order: 2;
    margin-top: 25px;
}	
	
.h-five .h-five-img img {
    aspect-ratio: 16/10 !important;
}	
	
    .h-five {
        padding-bottom: 0px !important;
		margin-bottom:25px !important;
    }
	
.h-five-below img {
    width: 50px;
}
	
    .h_account .vc_col-sm-12 {
        width: 100%;
        margin-left: 0% !important;
        padding: 30px 20px !important;
    }	
.h_account .vc_col-sm-6 {
    margin-bottom: 30px !important;
}	
	
.h_account .vc_btn3-container.orange_bg.vc_btn3-inline.vc_do_btn {
    margin-bottom: 0px;
}
	
.h-seven.standard-section .wpb_column {
    width: 100%;
}
	
	.h-seven.standard-section .wpb_column {
    margin-bottom: 10px;
}
	
	    .wpb_row.h-six {
        margin-bottom: 50px !important;
    }
	
 #footer .four.columns:not(:first-child) {
        flex: 0 0 100%;
        max-width: 100%;
    }	
	
#footer > div {
    gap: 10px;
	}
	
    #footer .widget {
        margin-bottom: 0px;
    }	
	
	
footer address {
    margin-top: 60px !important;
}	
	
footer#footer:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    left: 0px;
}	
	
#copyright {
    margin-top: -95px;
	}
	
#copyright {

	background-image:none !important;
}	
	
#footer .four.columns:last-child {
    padding-bottom: 80px;
}	
	
#copyright .copyright-text {
    padding-bottom: 20px;
    padding: 20px 40px;
}	
	
#footer .widget ul li {
    padding: 10px 10px 10px 0;
}	

/* File tuning */
.ft-stages-middle .span_12 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
}	
	
.ft-stages-middle .span_12 .vc_col-sm-4.wpb_column {
    margin-bottom: 20px;
}	
	
	.ft-stages-middle .span_12 .vc_col-sm-4.wpb_column:last-of-type, 	.ft-stages-middle .span_12 .vc_col-sm-4.wpb_column:nth-of-type(2) {
		  margin-bottom: 0px;
	}
	
.fs-info {
    margin-top: 0px !important;
}	
	
.fs-info .vc_col-sm-4.wpb_column, .fs-info .vc_col-sm-8.wpb_column {
    margin-bottom: 0px !important;
    padding: 30px 20px !important;
}
	
    .fs-info .vc_col-sm-4 p {
        font-size: 30px;
    }
	
.fs-info img {
    height: 30px;
}	
	
    .fw > .col.span_12 .wpb_single_image img {
        aspect-ratio: 4/3;
    }	

.wpb_row.o-top {
    margin-bottom: 50px !important;
}	
	
.ft-stages-middle {
    margin-bottom: 50px !important;
}	
	
.wpb_row.ft-stages {
    padding: 50px 20px !important;
	padding-bottom: 20px !important;
	}
	
.ft-stages-one .wpb_row.mpc-row {
    width: 100%;
	}
	
	.ft-stages-one .wpb_row.mpc-row {
    left: 0px;
    padding-left: 21px;
    padding-right: 21px;
}
	
/* Contact */
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="text"]::placeholder, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="text"]::placeholder, .wpcf7-form input, .wpcf7-form input[type="email"]::placeholder, .wpcf7-form input[type="tel"]::placeholder, .wpcf7-form input[type="date"]::placeholder, .wpcf7-form textarea, .wpcf7-form textarea::placeholder {
    font-size: var(--fs-basic) !important;
}	
	
div#row_contactform {
    padding-bottom: 0px;
}	
	
	#row_contactform .wpcf7-form .wpcf7-submit  {
    margin-bottom: 0px !important;
}
	
  .txt-page #page-wrap div#content {
    padding-top: 20px;
}	
	
.txt-page .ft-intro {
    margin-bottom: 20px;
}	
	
/* Login */
.upme-main input[type="text"].upme-input {
    width: 100%;
}	

/* Register */
#upme-registration-form {
    grid-template-columns: repeat(1, 1fr);
}	
	
#upme-registration-form .upme-user_login, .woocommerce-account div#page-wrap {
    width: 100% !important;
}	
	
/* My account nog logged in */
.woocommerce-account .upme-login .upme-main, .woocommerce-account .upme-login .upme-head {
        width: 100% !important;
        padding: 21px !important;
    }	
	

.woocommerce-account div#page-wrap {
    margin: 0px !important;
}	
	
.woocommerce-account .upme-login .upme-head {
    left: 21px;
}	
	
/* Account */
.woocommerce-MyAccount-content .dashboard__intro {
    padding: 0px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #323238;
    font-size: var(--fs-four) !important;
    margin-top: 50px;
}
	
/* Woocommerce */	
	.woocommerce .cart .button, .woocommerce .cart input.button {
    display: flex;
    justify-content: space-between;
}
	
.woocommerce-MyAccount-content .dashboard__credits .credits {
    margin-bottom: 20px;
}	
	
.woocommerce-page.woocommerce-order-pay tr.order_item td.product-subtotal {
   display: block;
		padding:20px !important;
    }	
	
.woocommerce-page.woocommerce-order-pay table.shop_table td {
    padding: 20px;	
	
	}
	
/* order received */
.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-top: 25px;
	}
	
.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    flex-direction: column;
}
	
.woocommerce ul.order_details li {
    font-size: 12px;
    margin-bottom: 20px;
	    border-right: none;
}	
	
.woocommerce ul.order_details li:last-of-type {
    margin-bottom: 0px;
}
	
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    padding: 16px 20px !important;
	}
	
/* Credits */
    .tuning-credit-table .product-checklist-item {
        display: grid;
        grid-template-columns: 30px 1fr;
        grid-template-areas:
            "check name"
            ". price"
            ". credit"
            ". saving";
        gap: 6px 10px;
        padding: 14px;
    }

    /* plaats elementen op juiste positie */
    .tuning-credit-table .product-checklist-checkbox {
        grid-area: check;
    }

    .tuning-credit-table .col-name {
        grid-area: name;
    }

    .tuning-credit-table .col-price {
        grid-area: price;
    }

    .tuning-credit-table .col-credit-price {
        grid-area: credit;
    }

    .tuning-credit-table .col-saving {
        grid-area: saving;
        justify-self: start;   /* links uitlijnen */
        width: 100%;           /* volle breedte */
        margin-top: 4px;
    }
	
		.tuning-credit-table .col-credit-price
	{
		width:fit-content;
	}
	
	.tuning-credit-table .col-credit-price::before {
  content: "(";
}

.tuning-credit-table .col-credit-price::after {
  content: ")";
	}
	
 .tuning-credit-table .product-checklist-item {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    grid-template-areas:
      "check name name"
      ". price credit"
      ". saving saving";
    gap: 6px 10px;
    padding: 14px;
  }
	
.tuning-credit-table .col-saving {
    width: calc(100% - 20px);
}
	
.tuning-credit-table .product-checklist-item {
            padding-right: 20px;
	padding-bottom:20px;
	}
	
.tuning-credit-table .col-name {
    font-size: var(--fs-five);
}	
	
	.tuning-credit-table .col-price span {
    font-size: var(--fs-five);
}
	
/* Credits */	
.wpb_row.cr-top {
    margin-bottom: 20px !important;
}	
	
.cr-top-btn {
    padding-left: 0px !important;
    padding-right: 0px !important;
}	

	.cr-top-btn .vc_btn3-container a {
    display: flex;
    justify-content: space-between;
}
	
	.cr-top-btn .vc_btn3-container, .cr-top-btn .vc_btn3-container a {
    width: 100% !important;
    margin-bottom: 50px;
}
	
	
.single-product.woocommerce div.product form.cart .button {
    margin-top: 20px !important;
}	
	
	    .single-product .quantity .input-text {
        border-radius: 5px !important;
	}	
	
.single-product.woocommerce span.onsale {
    top: 10px;
    left: 10px;
	}
	
.product .images {
    width: 100% !important;	

}
	
	.single-product .summary.entry-summary {
    width: 100%;
    padding-left: 0px;
}
	
	.single-product div#page-wrap {
		width: calc(100% - 20px) !important;
	}	
	
.single-product.woocommerce div.product form.cart .button {
    display: flex;
}	
	
/* Forgot pasword: not logged in */
.upme-login .upme-field.upme-edit.upme-edit-show {
    margin: 0% !important;
}	
	
.upme-login .upme-back-to-login {
    margin-top: 20px;
    text-align: center;
}	
	
/* Register */	
.upme-registration .upme-field .upme-field-value>[type=submit] {
    width: 100%;
}	
	
/* FAQ */	
.faq-block h3.ui-accordion-header {
    font-size: var(--fs-basic) !important;
    line-height: var(--lhf-basic) !important;	
}

	.wpb_row.faq-around {
    margin-top: 0px !important;
}

.faq-block .ui-accordion-content {
    padding: 20px 20px !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}	
	
.heinz-coupon-block__button-wrap {
    display: block;
}	
	
.heinz-coupon-block .heinz-coupon-block__code {
    display: block;
    margin-bottom: 40px;
	}
	


.heinz-coupon-block__button-wrap a.heinz-coupon-block__button {
    margin-left: 0px;
}
	
#footer .four.columns:last-of-type .widget:first-of-type h3 {
    margin-bottom: 10px;
}	
	
#footer .four.columns:last-of-type .widget:nth-of-type(2) h3 {
    margin-bottom: 10px !important;
}	
	

#footer .four.columns:last-of-type .widget:nth-of-type(2) {
    margin-bottom: 5px;
}	
}

@media only screen and (max-width: 600px) {
	/* Credits: coupon */
    .heinz-coupon-block {
        padding: 40px 25px !important;
        width: calc(100% - 50px);
        /* margin: 21px !important; */
        /* margin: auto; */
    }

	
.h-bar .vc_col-sm-2\/5 {
    text-align: inherit;
}
	
    .h-bar .vc_btn3-container, .h-bar .vc_btn3-container .vc_btn3 {
        width: 100%;
        min-width: 100% !important;
    }
	
.vc_general.vc_btn3, .vc_general.vc_btn3:hover {
    text-align: left !important;
    padding-left: 20px !important;
}	
	
    .h_usp .vc_row
 {
        grid-template-columns: repeat(1, 1fr);
    }	
	

.h-bar.wpb_row .wpb_column {
    padding: 0px !important;
}	
	
.h-bar .vc_col-sm-2\/5 {
    width: 100%;
}
	
.h-bar .vc_col-sm-2\/5 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}	
	
	.h-bar .vc_btn3-container.vc_btn3-inline a {
    margin-left: 0px;
	}
	
.h-six {
    padding-top: 50px;
    padding-bottom: 50px;	
}
	
    #footer > div {
        padding: 30px 10px !important;
    }	
	
#footer address span {
    width: calc(100% - 20px);
}	
	
/* File tuning */
	.fs-info .vc_col-sm-4.wpb_column, .fs-info .vc_col-sm-8.wpb_column
	{
		    padding: 20px !important;
	}
	
    .fs-info .vc_col-sm-4 p {
        font-size: 25px;
    }	
	
	    .fs-info img {
        height: 20px;
    }
	
	.fs-info .vc_col-sm-4 {
    margin-right: 10px;
}

	.fs-info .vc_col-sm-8 {
    width: calc(100% - 110px) !important;
}
	
	
.fs-info .col.span_12 .mpc-row {
    margin-bottom: 10px !important;
}
	
.fs-info .vc_col-sm-4 {

    max-width: 100px;
	}
	

.wpb_row.o-top .o-top-inner > .vc_col-sm-12 {
    padding: 20px !important;
    padding-bottom: 20px !important;
	}
	
	.wpb_row.o-top .o-top-inner-faq > .vc_col-sm-12 {
    padding-bottom: 20px !important;
}
	
.o-top .non_h3 {
    margin-bottom: 0px !important;
}	
	
/* Thank you page */	
.h-intro-small {
    padding-top: 0px !important;
}	

.h-intro .vc_btn3-container.vc_do_btn {
    margin-top: 10px;
}	
	
/* Product detail */

.single-product .woocommerce-message {
    justify-content: center;
    width: calc(100% - 20px);
    margin: auto;
    flex-direction: column;
    border-radius: 5px !important;
}	
	
    .single-product .woocommerce-message a.button {
        margin-left: 0px !important;
        margin-top: 20px !important;
        display: flex !important;
        justify-content: space-between;
    }

	
	.single-product .woocommerce-message {
		margin-bottom:20px !important
	}

	
/* Credits */
.cr-top img {
    max-width: 175px;
}	
	
.o-credits.standard-section.section {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}	
}