/* ============================================================
   MASTER.CSS — Combined stylesheet
   Order: variables → animations → slick → hamburger menu
          → tune-icon → style_heinz → style_heinz_2026
   Do NOT edit this file manually — edit the source files.
   Generated: Tue Jun 16 17:37:55 CEST 2026
   ============================================================ */


/* ============================================================
   1. CSS CUSTOM PROPERTIES
   ============================================================ */

/* Green Bananas 2026 */

:root {
    /* Colors */
    --clr-one: white;
    --clr-two: #FF3100;
    /* orange */
    --clr-three: #0D0D0D;
    /* Almost black */

    /* Colors: woocommerce  */
    --clr-bg: #F7F7F7;
    --clr-dark: black;
    /* black */
    --clr-b: black;
    /* black */
    --clr-light: white;
    /* white */

    /* Font size */
    --fs-basic: 17px;
    /* basis font size voor bijv. p span ezv. */
    --fs-null: 100px;
    --fs-one: 55px;
    --fs-two: 40px;
    --fs-three: 35px;
    --fs-four: 30px;
    --fs-five: 25px;
    --fs-six: 21px;

    /* Line height */
    --lhf-basic: 27px;
    --lhf-null: 100px;
    --lhf-one: 65px;
    --lhf-two: 45px;
    --lhf-three: 43px;
    --lhf-four: 35px;
    --lhf-five: 30px;
    --lhf-six: 27px;

    /* Fonts */
    --f-one: "Aktiv Grotesk", sans-serif;
    --f-two: "Aktiv Grotesk", sans-serif;
}

/****************** Responsive ******************/
@media (max-width: 1540px) {
    :root {
        /* Font size */
        --fs-null: 80px;
        --fs-one: 35px;
        --fs-two: 30px;
        --fs-three: 27px;
        --fs-four: 24px;
        --fs-five: 20px;
        --fs-six: 19px;

        /* Line height */
        --lhf-null: 80px;
        --lhf-one: 45px;
        --lhf-two: 35px;
        --lhf-three: 32px;
        --lhf-four: 29px;
        --lhf-five: 25px;
        --lhf-six: 22px;
    }
}

@media (max-width: 1212px) {
    :root {
        /* Font size */
        --fs-basic: 15px;
        --fs-null: 60px;
        --fs-one: 35px;
        --fs-two: 32px;
        --fs-three: 28px;
        --fs-four: 23px;
        --fs-five: 19px;
        --fs-six: 18px;

        /* Line height */
        --lhf-basic: 22px;
        --lhf-null: 60px;
        --lhf-one: 42px;
        --lhf-two: 38px;
        --lhf-three: 33px;
        --lhf-four: 27px;
        --lhf-five: 24px;
        --lhf-six: 21px;
    }
}

@media (max-width: 1024px) {
    :root {
        /* Font size */
        --fs-basic: 15px;
        --fs-null: 60px;
        --fs-one: 30px;
        --fs-two: 27px;
        --fs-three: 24px;
        --fs-four: 21px;
        --fs-five: 18px;
        --fs-six: 17px;

        /* Line height */
        --lhf-basic: 25px;
        --fs-null: 60px;
        --lhf-one: 36px;
        --lhf-two: 32px;
        --lhf-three: 28px;
        --lhf-four: 25px;
        --lhf-five: 22px;
        --lhf-six: 20px;
    }
}

@media (max-width: 767px) {
    :root {
        /* Font size */
        --fs-basic: 15px;
        --fs-null: 45px;
        --fs-one: 27px;
        --fs-two: 24px;
        --fs-three: 23px;
        --fs-four: 22px;
        --fs-five: 19px;
        --fs-six: 18px;

        /* Line height */
        --lhf-basic: 25px;
        --lhf-null: 45px;
        --lhf-one: 33px;
        --lhf-two: 29px;
        --lhf-three: 28px;
        --lhf-four: 26px;
        --lhf-five: 23px;
        --lhf-six: 22px;
    }

}


/* ============================================================
   2. ANIMATIONS
   ============================================================ */

.pop-in {
    opacity: 0;
    transform: scale(1.2);
}

@media (prefers-reduced-motion: no-preference) {
    .pop-in {
        transition: opacity 1.5s ease, transform 1.5s ease;
    }
}

.pop-in-animation {
    opacity: 1;
    transform: none;
}

/* Fade in sequence */
.fade-item {
    opacity: 0;
    transform: scale(1.2);
}

@media (prefers-reduced-motion: no-preference) {
    .fade-item {
        transition: opacity 1.5s ease, transform 1.5s ease;
    }
}

.fade-item-animation {
    opacity: 1;
    transform: none;
}

/* Fade from left */
.fade-from-left {
    left: -100%;
    opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .fade-from-left {
        transition: left 1s ease, opacity 3s ease;
    }
}

.fade-from-left-animations {
    left: 0%;
    opacity: 1;
}

/* Fade from right */
.fade-from-right {
    right: -100%;
    opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .fade-from-right {
        transition: right 1s ease, opacity 3s ease;
    }
}

.fade-from-right-animations {
    right: 0%;
    opacity: 1;
}

/* Fade from bottom */
.fade-from-bottom {
    bottom: -200px;
    opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .fade-from-bottom {
        transition: bottom 1s ease, opacity 3s ease;
    }
}

.fade-from-bottom-animations {
    bottom: 0px;
    opacity: 1;
}


/* Fade from top */
.fade-from-top {
    top: -200px;
    opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .fade-from-top {
        transition: top 1s ease, opacity 3s ease;
    }
}

.fade-from-top-animations {
    top: 0px;
    opacity: 1;
}

/* Small to big to small scale - pop-effect*/
@keyframes pop-effect {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}


@media (prefers-reduced-motion: no-preference) {
    .pop-effect-animation a {
        animation-name: pop-effect;
        animation-duration: .7s;
        animation-timing-function: ease-in;
        border: 1px solid black;
    }
}

/* ============================================================
   3. SLICK SLIDER
   ============================================================ */

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/* ============================================================
   4. HAMBURGER MENU
   ============================================================ */

/********************* Hamburger menu *********************/
.gb-custom-overlay {
    position: fixed;
    top: 0;
    /* belangrijk */
    left: 0;
    width: 100%;
    height: 100vh;
    margin: auto !important;

    opacity: 0;
    transform: translateY(-100%);
    /* ⬅️ van boven */

    transition: transform 0.6s ease, opacity 0.6s ease;
    pointer-events: none;
    z-index: 9999;
    margin-top: 20px !important;
}

/* Active state */
body.gb-overlay-menu-active .gb-custom-overlay {
    opacity: 1;
    transform: translateY(0);
    /* ⬅️ naar beneden */
    pointer-events: auto;
}

.gb-custom-nav-top-left {
    display: flex;
    width: auto;
    position: absolute;
    top: 28px;
    margin-top: 5px;
    right: -2px;
    z-index: 999999;
    font-family: var(--f-one);
    text-transform: uppercase;
    cursor: pointer;
}

.gb-overlay-menu-active .gb-custom-nav-top-left {
    padding-top: 0px;
    padding-bottom: 0px;
}

.gb-custom-hamburger {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    width: auto;
    overflow: visible;
    text-indent: unset;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 18px;
    z-index: 11;
    transition: all 0.2s;
}

.gb-overlay-menu-active .gb-custom-hamburger-inner {
    border-radius: 50px;
    padding: 5px;
    padding-top: 1.5px;
    padding-bottom: 1.5px;
    padding-right: 20px;
    padding-left: 0px;
}

.gb-custom-overlay-top span:hover,
.gb-custom-nav-top-left:hover {
    color: white !important;
}

.gb-custom-overlay-top {
    cursor: pointer !important;
}

.gb-custom-overlay-top {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    /* zodat het boven alles staat */
}

.gb-custom-hamburger ul.gb-custom-hamburger-icon {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-direction: column;
    padding-bottom: 1px;
    margin-right: 0px;
    padding-left: 10px;
}


.gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-one,
.gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-two,
.gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-three {
    width: 50px;
    top: 0;
    position: relative;
    display: block;
    height: 1px;
    left: 0;
    background-color: #ffffff;
    border-radius: 100px;
}

.gb-custom-hamburger-inner {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    border-radius: 50px;
    padding-right: 20px;
}

.gb-custom-hamburger span {
    color: black !important;
    font-weight: 600;
}

body.gb-overlay-menu-active .gb-custom-overlay .gb-custom-overlay-inner {
    width: 100%;
    height: auto;
    margin: auto !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left: inherit;
    align-content: center;
    max-width: 1400px !important;
    background: white;
    border-radius: 10px 10px 0px 0px;
    position: relative;
    column-gap: 40px;
}


body.gb-overlay-menu-active .gb-custom-overlay-inner {
    padding-left: 50px !important;
    padding-right: 50px;
}

body.gb-overlay-menu-active .gb-custom-overlay-first li {
    font-size: 20px;
    padding-right: 35%;
}

body .menu-overlay {
    background: var(--clr-dark) !important;
}

.gb-custom-overlay-inner:before {
    content: "";
    background-image: url(/wp-content/uploads/2022/07/AdobeStock_216821112-scaled-1.avif);
    height: 100%;
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    background-position: center;
}

.gb-custom-menu-sec-inner ul.menu {
    padding-left: 0px !important;
}

.gb-custom-menu-sec-inner a {
    font-size: var(--fs-three);
    font-family: var(--f-one) !important;
    line-height: var(--lhf-three);
    margin-bottom: 40px !important;
    display: block;
    color: white;
}

.gb-custom-menu-sec-inner ul.submenu {
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
}

.gb-custom-menu-sec-inner li.active a,
.gb-custom-menu-sec-inner ul.submenu li a:hover,
.gb-custom-menu-sec-inner li a:hover {
    color: var(--clr-one);
}

.gb-custom-menu-sec-inner li.active li a {
    color: white;
}

.gb-custom-menu-sec-inner ul.submenu li a {
    font-size: var(--fs-six);
    line-height: var(--lhf-six) !important;
    margin-bottom: 15px !important;
}

.gb-custom-menu-sec-inner ul.submenu {
    padding-top: 40px;
}

.gb-custom-overlay-bottom {
    position: absolute;
    bottom: 30px;
    margin-top: 25px;
}

.gb-custom-overlay-bottom p,
.gb-custom-overlay-bottom a {
    color: white;
    display: block;
    margin-bottom: 15px;
    font-family: var(--f-two) !important;
    font-size: var(--fs-basic);
}

.gb-custom-overlay-bottom a[href^="tel:"] {
    color: white;
}

.gb-custom-overlay-bottom a:hover {
    text-decoration: underline;
}

.gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-two,
.gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-one,
.gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-three {
    background-color: white;
}

.gb-custom-overlay-top {
    position: absolute;
    top: 60px;
    right: 60px;
    z-index: 999999999;
    border: 1px solid var(--clr) !important;
}

.gb-custom-overlay-top span {
    font-family: var(--f-two) !important;
    text-transform: uppercase !important;
}

body.gb-overlay-menu-active .gb-custom-overlay-top span {
    color: black !important;
}

.gb-custom-overlay-first a img {
    position: absolute;
    left: 40px;
    top: 40px;
}

gb-custom-overlay-first img {
    width: 115px;
    height: auto;
}

.gb-custom-hamburger.gb-custom-close ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-two,
.gb-custom-hamburger.gb-custom-close ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-one,
.gb-custom-hamburger.gb-custom-close ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-three {
    background-color: black !important;
}

/* lijn 1 */
.gb-custom-hamburger.gb-custom-close .gb-custom-hamburger-line-one {
    transform: translateY(-50%) rotate(45deg);
}

/* lijn 2 */
.gb-custom-hamburger.gb-custom-close .gb-custom-hamburger-line-two {
    transform: translateY(-50%) rotate(-45deg);
}

.gb-custom-hamburger.gb-custom-close ul.gb-custom-hamburger-icon li:first-of-type {
    top: 15px;
}



.gb-custom-overlay .gb-custom-hamburger-inner {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: -20px;
}


.gb-custom-overlay-first {
    width: calc(40% - 80px);
}

.gb-custom-overlay-center {
    width: 30%;
}

.gb-custom-overlay-last {
    width: 30%;
}


.gb-custom-overlay-first,
.gb-custom-overlay-center,
.gb-custom-overlay-last {
    margin-top: 200px;
    z-index: 1;
}

.gb-custom-overlay-logo {
    position: absolute;
    top: 0;
    left: 0;
}

.gb-custom-overlay-logo img {
    width: 115px;
    height: auto;
    margin-top: 60px;
    margin-left: 50px;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg {
    width: 100%;
    height: auto;
    margin: auto !important;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: inherit;
    align-content: center;
    max-width: 1400px !important;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    background: white;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    padding-top: 50px;
}



body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span a {
    color: black !important;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span:hover a {
    color: white !important;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span {
    background: #E6E6E6;
    border-radius: 5px;
    color: black !important;
    margin-right: 10px;
    padding: 10px 15px;
}

body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span:hover {
    background: var(--clr-two) !important;
    border-radius: 5px;
    color: white !important;
    margin-right: 10px;
    padding: 10px 15px;
}

.gb-custom-overlay-first a {
    font-size: var(--fs-three);
    color: black !important;
}



body.gb-overlay-menu-active .gb-custom-overlay .menu_geg span.other span:hover {
    background: #E6E6E6 !important;
    color: black !important;
}



.gb-custom-overlay-first li a {
    color: black !important;
    font-weight: 500;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gb-custom-overlay-first li:last-of-type a {
    color: var(--clr-two) !important;
}

.gb-custom-overlay-first li a:after {
    content: " ";
    margin-left: 36px;
    background-image: url(/wp-content/uploads/2026/04/arrow_right_black.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 12px;
    display: inline-flex;
}

.gb-custom-overlay-first li:hover a {
    color: var(--clr-two) !important;
}

.gb-custom-overlay-first li:nth-last-of-type a:after,
.gb-custom-overlay-first li:hover a: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;
}

.gb-custom-overlay-first li:hover a: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;
}

.gb-custom-overlay-first li:last-of-type a: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;
}


.m-subtitle {
    text-transform: uppercase;
    font-weight: 400 !important;
    color: #AAAAAA;
    font-family: var(--f-one);
}

.gb-custom-overlay-center li,
.gb-custom-overlay-last li {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: uppercase;

}

.gb-custom-overlay-center li a,
.gb-custom-overlay-last li a {
    color: black !important;
}

.gb-custom-overlay-center li a:hover,
.gb-custom-overlay-last li a:hover {
    color: var(--clr-two) !important;
}

.gb-custom-overlay-center li:first-of-type,
.gb-custom-overlay-last li:first-of-type {
    padding-top: 30px;
}


@media only screen and (max-width: 1541px) {
    .gb-custom-overlay {

        width: calc(100% - 0px);
    }

    .gb-custom-overlay-first,
    .gb-custom-overlay-center,
    .gb-custom-overlay-last {
        width: 33.3%;
    }

    body.gb-overlay-menu-active .gb-custom-overlay .gb-custom-overlay-inner,
    body.gb-overlay-menu-active .gb-custom-overlay .menu_geg {
        width: calc(100% - 100px);
        max-width: 100% !important;
        column-gap: 40px;
        padding-left: 50px !important;
    }

    body.gb-overlay-menu-active .gb-custom-overlay-first li {
        padding-right: 0%;
    }

    body.gb-overlay-menu-active .gb-custom-overlay-first li a {
        font-size: 40px;
    }

    body.gb-overlay-menu-active .gb-custom-overlay .menu_geg {
        column-gap: 0px;
    }
}

@media only screen and (max-width: 1212px) {
    .gb-custom-nav-top-left {
        display: none;
    }
}

/* ============================================================
   5. TUNE ICON / HEADER OVERRIDES
   Note: power-bar icon size (50px) is intentionally overridden
   below by style_heinz_2026 (22px via .power-row-text img)
   ============================================================ */

img.power-bar__icon_tuned {
    color: orange !important;
    width: 50px !important;
    height: auto !important;
}

img.power-bar__icon_base {
    width: 50px !important;
    height: auto !important;
}

.power-row {
    gap: 20px;
    display: flex;
}

.power-bar__tuned_icon .power-bar__icon_base {
    opacity: 0;
}

#header.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
}

#header .container {
    display: flex !important;
    align-items: center !important;
}

#header #logo-navigation {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

#header #navigation {
    margin-top: 30px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-around !important;
}

#header #logo {
    order: -1 !important;
    float: none !important;
    margin-right: auto !important;
    flex-shrink: 0 !important;
}

.logo img {
    padding: 20px;
}

.gb-custom-nav-top-left {
    margin-top: 20px !important;
}


/* ============================================================
   6. STYLE HEINZ — BASE STYLES
   ============================================================ */

/* GENERAL */

.grecaptcha-badge {
    visibility: hidden;
}

:root {
    --borderSize-image: 10px;
    --borderSize-button: 5px;
}


.center p,
.center {
    text-align: center;
}

.non_title p {
    margin-bottom: 0px !important;
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
}

.non_title {
    margin-bottom: 45px !important;
    padding-bottom: 5px !important;
    position: relative !important;
}


/* HIDE PRICE */

.logged-in .pricing-item p {
    display: block !important;
}

.pricing-item p {
    display: none !important;
}

/* HOME */

/* HOME BANNER */

.banner .lefter {
    background: var(--clr-two);
    padding-bottom: 0px !important;
    height: 450px;
}

.banner .lefter .non_h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: white;
    line-height: 55px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.banner {
    height: 450px;
    background-position: right;
    background-size: 1100px !important;
    background-repeat: no-repeat !important;
    background-color: var(--clr-two);
    padding-top: 0px !important;
    margin-top: -25px !important;
}

.home .banner {
    margin-top: 90px !important;
}

.banner .desc p {
    color: white !important;
    font-size: 23px !important;
    line-height: 35px !important;
}

.banner .vc_row.wpb_row.vc_inner.vc_row-fluid.banner_inner.mpc-row {
    margin: 0 auto !important;
    max-width: 1200px !important;
    height: inherit;
    padding-bottom: 60px;
}

.right.wpb_column.vc_column_container.vc_col-sm-8.mpc-column {
    width: 800px;
    height: 300px;
}

/* HOME INTRO */

.h_intro .vc_col-sm-3\/5.mpc-column {
    padding-left: 15%;
}

.h_intro .vc_col-sm-2\/5.mpc-column img {
    height: 125px;
    margin-top: -15px;
    margin-bottom: -20px !important;
}

.h_intro .vc_row.wpb_row.vc_inner.vc_row-fluid.mpc-row,
.wpb_column.vc_column_container.vc_col-sm-3\/5.mpc-column {
    display: flex;
    align-items: center;
}

/* HOME USP */

.h_usp img {
    width: 70px;
}

.h_usp {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}


.wrapall {
    min-width: inherit !important;
}

/* HOME ACCOUNT */
.non_title.white p,
.non_title.white p span.highlight {
    color: white !important;
}

.non_title.white:after {
    background: url(/wp-content/uploads/2021/03/non_title_after_white.svg) no-repeat;
}

/* HOME PRICING */

.h_pricing .non_h4 p {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.h_pricing .vc_col-sm-4:nth-child(2) img,
.h_pricing .vc_col-sm-4:last-child img {
    width: 250px;
}

.h_pricing .payments img {
    max-width: 300px;
}

.h_pricing {
    margin-bottom: 75px !important;
}

/* HOME SERVICES */

.h_services {
    background: linear-gradient(90deg, var(--clr-two) 45%, #ffffff 0, #ffffff 55%);
    padding: 50px 0px !important;
    margin-bottom: 75px !important;
}

.h_services .vc_col-sm-6:first-child {
    width: 55%;
}

.h_services .vc_col-sm-6:first-child img {
    margin-top: 40px;
}

.h_services .vc_col-sm-6:last-child {
    width: 45% !important;
    font-size: 15px !important;
}

.h_services .vc_col-sm-6:last-child .wpb_content_element {
    margin-bottom: 10px !important;
}

.h_services .vc_row.wpb_row.vc_inner.vc_row-fluid.mpc-row {
    display: flex;
    align-items: center;
}

.h_services .vc_col-sm-6:last-child img {
    margin-right: 20px;
    width: 100px;
    box-shadow: 3px 3px 2px 1px rgb(175 175 175 / 10%);
    border-radius: 14px;
    margin-bottom: 15px;
}

/* HOME TEASERS */

.h_teaser .vc_col-sm-6:first-child {
    background: black;
    padding: 40px 30px !important;
    width: calc(50% - 20px);
    margin-right: 10px;
}

.h_teaser .vc_col-sm-6:last-child {
    background: var(--clr-two);
    padding: 40px 30px !important;
    width: calc(50% - 20px);
    margin-left: 10px;
}

.h_teaser .desc {
    margin-top: 60px !important;
}

.h_teaser .desc p {
    color: white;
}

.h_teaser .non_title p {
    font-weight: 300 !important;
}

/* HOME BLOG */

.h_blog {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.h_blog li.meta-category,
.h_blog li.meta-comment,
.h_blog li.meta-author,
.h_blog .entry_content {
    display: none !important;
}

.h_blog .entry-content,
.h_blog .blog-medium .entry-image,
.h_blog .blog-medium .entry-gallery,
.h_blog .blog-medium .entry-video,
.h_blog .blog-medium .entry-audio {
    display: none !important;
}

.h_blog .entry-meta li,
.h_blog .entry-title h2 {
    color: black !important;
    font-size: 17px !important;
    font-weight: 500 !important;
}

.h_blog .entry-title {
    width: calc(100% - 200px);
    padding-left: 110px;
}

.h_blog .entry-meta {
    width: 100px;
    /* top: 0; */
    position: absolute;
    margin-top: -45px;
}

.h_blog .entry-meta {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}

.h_blog .blog-page .post {
    margin: 0 0 20px 0;
    padding: 0 0 0px 0;
}

.h_blog .blog-page .post h1 a,
.h_blog .blog-page .post h2 a {
    color: black;
}

.h_blog .entry-meta ul li:after {
    display: none;
}

/* BLOG DETAIL */

.single-post div#post-navigation,
.single-post .entry-meta,
.single-post .sharebox,
.single-post div#author-info,
.single-post #comments,
.single-post .entry-image .entry-overlay {
    display: none;
}

#sidebar .widget ul li:after {
    display: none;
}

#sidebar .widget ul li a {
    color: black;
}

.entry-image a.prettyPhoto {
    pointer-events: none !important;
    cursor: default !important;
}

div#page-wrap {
    margin-top: 100px;
}

.single-post .entry-image {
    border-radius: 0px;
}

div#sidebar {
    padding: 0px !important;
    width: 20% !important;
    float: left;
}

.single-post .container .twelve.alt.sidebar-right {
    width: 75%;
    margin: 0% !important;
    padding: 0px !important;
}

#sidebar-widgets {
    padding-top: 0px;
}

.h_blog {
    background-image: url(/wp-content/uploads/2021/03/bg_c.svg) !important;
    background-position: left;
    background-size: 200px;
    margin-bottom: 75px !important;
}

/***** FILE SERVICE ****/

/* FILE SERVICE: INTRO */

.f_intro img {
    height: 125px;
    margin-top: -15px;
}

/* FILE SERVICE: USP */

.f_usp img {
    width: 100px;
    box-shadow: 3px 3px 2px 1px rgb(175 175 175 / 10%);
    border-radius: 14px;
    margin-bottom: 15px;
}

.f_usp {
    text-align: center;
    margin: 50px 0px !important;
}

.f_usp .vc_col-sm-12 {
    background: #f4f4f4;
    padding: 50px 20px !important;
    box-shadow: 10px 10px 0px 0px rgb(250 250 250);
    margin-bottom: 10px;
}

/* FILE SERVICE: STAGES */

.f_stages .vc_col-sm-12 {
    background: var(--clr-two);
    padding: 0px 30px !important;
}

.f_stages img {
    width: 100px;
    border-radius: 14px;
    margin-bottom: 15px;
}

.f_stages .bef img,
.f_stages .aft img {
    width: 5px !important;
}

.f_stages .bef img {
    margin-top: -15px !important;
}

.f_stages .aft img {
    margin-bottom: -1px !important;
    margin-top: 30px;
}

.f_stages p {
    color: white;
}

.f_stages .non_h4 p {
    font-weight: bold;
}

.f_stages .vc_col-sm-4:nth-child(2) img {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.f_stages .vc_col-sm-4:last-child img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* STEPS */

.f_step .vc_col-sm-6 {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
}

.f_step .col.span_12 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.f_step .desc {
    background: #f4f4f4;
    padding: 75px 20px 30px 20px !important;
    box-shadow: 10px 10px 0px 0px rgb(250 250 250);
}

.f_step_double .col.span_12.color-dark .vc_col-sm-6 {
    padding-top: 75px;
}

.f_step_double .vc_col-sm-6:last-child img {
    margin-top: -50px !important;
    margin-bottom: 50px;
}

.f_step_double .col.span_12.color-dark .vc_col-sm-6 .desc {
    background: #f4f4f4;
    min-height: 350px;
    padding-top: 60px;
}

.f_step_double .f_process .roman {
    margin-bottom: -40px !important;
}

.f_step_double .vc_col-sm-6:first-child img {
    margin-top: 10px;
    max-width: 300px;
}

.f_step_double .vc_col-sm-6:last-child img {
    margin-left: 10%;
    width: 80%;
    margin-top: 30px;
}

.f_step .non_h4,
.f_step_double .non_h4 {
    font-weight: bold;
}

.f_step .roman p,
.f_step_double .roman p {
    text-align: center;
    font-size: 40px !important;
    font-weight: bold;
}

.f_step .f_process,
.f_step_double .f_process {
    z-index: 2;
}

.f_step .roman,
.f_step_double .roman {
    background: #f4f4f4;
    width: 70px;
    height: 70px;
    border-radius: 20px;
    border: 5px solid white;
    box-shadow: 2px 3px 4px 1px rgb(175 175 175 / 10%);
    z-index: 2;
    margin-bottom: -40px !important;
    margin-left: 20px;
}

.f_step .col.span_12 {
    display: flex;
    align-items: center;
}

.f_step_double .roman {
    margin-bottom: 20px !important;
    margin-left: 0px;
    margin-top: -40px;
}

.f_yesno .vc_col-sm-6 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.f_yesno img {
    width: 100px;
}

.f_yesno .vc_col-sm-6:last-child img {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.f_yesno .non_h4 {
    font-weight: bold;
    margin-top: 20px;
}

/* BG BOVEN FOOTER */

.bg_under {
    margin-top: 50px !important;
}

/******* DEALER KIT *******/

.dealer_more img {
    width: 100px;
    box-shadow: 3px 3px 2px 1px rgb(175 175 175 / 10%);
    border-radius: 14px;
    margin-bottom: 15px;
    float: left;
}

.dealer_more p.non_h4 {
    font-size: 17px;
    text-transform: uppercase;
}

.dealer_more .wpb_text_column {
    width: calc(100% - 125px);
    margin-left: 125px;
    float: right;
    margin-top: -115px;
}

.d_desc .vc_row-fluid {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding: 0px 30px !important;
    box-shadow: 10px 10px 0px 0px rgb(250 250 250);
}

.d_desc {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    overflow: visible !important;
}

.d_desc .vc_row-fluid:first-child .vc_col-sm-6 {
    margin-top: -100px;
}

.d_desc .vc_row-fluid:last-child .vc_col-sm-6 {
    margin-bottom: -80px !important;
}

.d_desc .vc_row-fluid:last-child .vc_col-sm-6:last-child {
    margin-top: -40px;
}

.divide {
    column-count: 2;
}

.d_process .divide .vc_col-sm-12 {
    margin-bottom: 50px !important;
}

.d_process .vc_col-sm-4 {
    margin-bottom: 40px;
}

.d_process .roman {
    background: var(--clr-two);
    width: 90px;
    height: 90px;
    border-radius: 20px;
    border: 5px solid #ffa845;
    box-shadow: 2px 3px 4px 1px rgb(175 175 175 / 10%);
    margin-bottom: 20px !important;
}

.d_process .roman p {
    text-align: center;
    font-size: 40px !important;
    font-weight: bold;
    line-height: 90px !important;
}

/* FORM */
form.wpcf7-form--loading {
    position: relative;
}

form.wpcf7-form--loading::before {
    background-color: white;
    content: '';
    display: block;
    height: 100%;
    inset: 0;
    opacity: 0.75;
    position: absolute;
    width: 100%;
    z-index: 999;
}

form.wpcf7-form--loading::after {
    align-items: center;
    content: 'Processing...';
    display: flex;
    font-size: 3rem;
    font-weiight: 700;
    height: 10%;
    inset: 0;
    justify-content: center;
    opacity: 0.75;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.wpcf7-form input::placeholder,
textarea::placeholder {
    color: black !important;
}

.wpcf7-form input,
textarea {
    background: #f4f4f4 !important;
    border: none !important;
    margin-bottom: 15px !important;
}

.wpcf7-form br {
    display: none;
}

.wpcf7-response-output {
    display: inherit !important;
    border: none !important;
    color: black !important;
    padding: 0px !important;
}

form.wpcf7-form {
    margin-top: 50px;
}

form.wpcf7-form div {
    font-size: var(--fs-basic) !important;
    font-family: var(--f-one);
    padding: 0px !important;
    color: white !important;
}

form.wpcf7-form a {
    color: black;
}

form.wpcf7-form a:hover {
    color: var(--clr-two);
}

input.wpcf7-form-control.wpcf7-submit {
    margin-top: 20px;
    font-family: var(--f-one) !important;
    color: white !important;
    letter-spacing: 0px;
    background: var(--clr-two) !important;
    padding: 20px 30px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 14px !important;
    border-bottom: none !important;
}



input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: white !important;
    border-bottom: none !important;
    color: black !important;
}

.d_products ul.products li h2.woocommerce-loop-product__title,
.d_products ul.products li a.button {
    display: none;
}

.d_products {
    padding-top: 50px !important;
}

.d_products .products li img {
    border: 1px solid #dedede !important;
    width: calc(100% - 3px);
}

/* DEALERKIT STARTERSKIT */

.d_start {
    background: linear-gradient(90deg, #f8f8f8 50%, var(--clr-two) 50%);
    margin-bottom: 50px !important;
}

.d_start .vc_col-sm-6:last-child {
    width: 45%;
    background: var(--clr-two);
}

.d_start .vc_col-sm-6:first-child {
    background: #f8f8f8;
    width: 55%;
    padding-right: 25px !important;
}

.d_start .vc_col-sm-6:first-child {
    padding: 50px 0px;
}

.d_start .vc_row-fluid {
    display: flex;
    align-items: center;
}

.d_start .non_h4 p {
    font-weight: bold;
    margin-top: 85px !important;
}

.d_start .vc_col-sm-6:last-child .non_h4 p {
    margin-top: 0px !important;
}

.d_start a {
    color: white;
    font-weight: bold;
}

.d_start a:hover {
    text-decoration: underline;
    color: white;
}

.d_start .opsom ul {
    column-count: 2;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px !important;
}

.opsom ul {
    margin-left: 0px;
}

.opsom ul li {
    content: "d";
    margin: 0;
    padding: 6px 0 6px 25px;
    list-style: none;
    background-image: url(/wp-content/uploads/2021/03/i_check.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}

.d_start .price span.prev_price {
    color: black;
    font-size: 20px;
    text-decoration: line-through;
}

.d_start .price {
    font-size: 30px;
    font-weight: bold;
    color: var(--clr-two);
    margin-top: -40px !important;
    margin-bottom: 0px !important;
}

.d_start .vc_col-sm-6:last-child .wpb_text_column.desc {
    width: calc(100% - 100px);
    margin-left: 95px;
}

.d_start .vc_col-sm-6:last-child img {
    width: 75px;
    float: left;
}

.d_start .vc_col-sm-6:last-child .non_h4 p {
    margin-bottom: 35px !important;
}

.d_start .vc_col-sm-6:last-child p.non_h4 {
    font-weight: bold;
    font-size: 17px;
}

.d_start .vc_col-sm-6:last-child p {
    color: white !important;
}

.d_start .vc_col-sm-6:last-child .second img {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg) !important;
}

.d_start .vc_col-sm-6:last-child .third img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg) !important;
}

/***** CONTACT *****/

.c_bg {
    background-color: #f8f8f8;
    margin: 50px 0px !important;
    margin-bottom: 10px !important;
    padding: 50px 0px;
}

.c_bg .non_title {
    margin-bottom: 70px !important;
}

.c_bg .c_geg {
    background: #f5f5f5;
    color: black;
    padding: 30px;
    border: 1px solid #f1f1f1;
}

.c_bg .c_geg strong {
    width: 80px !important;
    display: inline-block;
}

/****** GDPR *******/

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: var(--clr-two);
    color: #ffffff;
    border-radius: 50px;
    font-weight: bold;
    text-transform: none !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn:hover {
    background: black;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
    border-radius: 50px;
    font-weight: bold;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:hover {
    border-radius: 50px;
    font-weight: bold;
    color: white;
    background: black;
}

.cli-bar-message a {
    color: white;
    text-decoration: underline;
}

.cli-bar-message a:hover {
    color: white;
    font-weight: bold;
}

/* NIEUWS */

/***** CONTACT *****/

.n_bg {
    background-color: #f8f8f8;
    margin: 50px 0px !important;
    margin-bottom: 10px !important;
    padding: 50px 0px;
    padding-bottom: 20px;
}

.n_bg .entry-meta {
    display: none;
}

.n_bg .entry-overlay {
    display: none !important;
}

/* PRODUCTOVERZICHT */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title span,
.woocommerce ul.products li.product .price {
    color: black;
}

.woocommerce ul.products li.product .price span.woocommerce-Price-currencySymbol {
    margin-right: 10px;
}

.woocommerce ul.products li.product .button {
    padding: 20px 30px !important;
    color: white !important;
    width: calc(100% - 70px);
}

ul.products li.product:hover .button {
    background: black !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    border-radius: 25px;
    background: var(--clr-two);
    text-transform: none;
    letter-spacing: 0px;
    font-size: 16px;
}

.woocommerce div.product form.cart .button {
    margin-left: 20px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #000000;
}

.woocommerce .quantity .btn.btn-plus {
    border-radius: 0px 100px 100px 0px;
}

.woocommerce .quantity .btn.btn-minus {
    border-radius: 100px 0px 0px 100px;
}

/******* SINGLE PRODUCT ********/

.single-product .product h1 {
    font-weight: bold;
    color: black;
}

.single-product .product .summary .price {
    margin-top: 5px !important;
    padding-bottom: 10px;
}

.single-product .product .summary bdi,
.single-product .product .summary .amount {
    font-size: 30px !important;
    color: var(--clr-two);
}

bdi {
    margin-right: 5px !important;
}

.single-product .product .summary span.woocommerce-Price-currencySymbol {
    margin-right: 5px !important;
}

.single-product .product .summary .product_meta {
    display: none;
}

.woocommerce-notices-wrapper a {
    background: white !important;
    color: black !important;
    font-weight: bold !important;
}

.woocommerce-notices-wrapper a:hover {
    background: black !important;
    color: white !important;
}

.single-product .woocommerce-message {
    padding-top: 25px !important;
}

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

.single-product #content {
    padding-top: 0px;
}

.woocommerce ul.products li.product .onsale {
    margin: -3.5em -2.5em 0 0 !important;
}

/****** CART *****/

.alert-message.info {
    margin-bottom: 40px !important;
}

.woocommerce-cart p.cart-empty.woocommerce-info {
    background: transparent;
}

.woocommerce-cart p.return-to-shop {
    display: none;
}

/****** WOOCOMMERCE CHECKOUT *****/

.woocommerce-checkout div#customer_details {
    width: 50%;
    float: left;
    margin-top: 0px !important;
    padding-top: 0px;
}

.woocommerce-checkout div#order_review {
    width: calc(50% - 20px);
    float: left;
}

.woocommerce-checkout h3#order_review_heading {
    margin: 0px !important;
    padding: 0;
    font-size: 20px;
    margin-bottom: 25px !important;
}

.woocommerce-checkout #customer_details:before {
    display: none;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th,
.woocommerce-address-fields button {
    font-weight: 600;
    text-transform: inherit;
    color: white;
    background: var(--clr-two) !important;
}

.woocommerce-address-fields button {
    border-radius: 50px;
}

.woocommerce-checkout span.woocommerce-Price-currencySymbol {
    margin-right: 5px;
}

.woocommerce-checkout tr.cart-subtotal th,
.woocommerce-checkout tr.order-total th,
tr.tax-rate.tax-rate-be-btw-1 th {
    background: transparent !important;
    border-top: 1px solid #efefef !important;
    color: black !important;
}



form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first,
form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
    margin-top: 20px !important;
}

.checkout_coupon p.form-row.form-row-last button {
    border-radius: 25px;
    color: white;
    text-transform: inherit;
    letter-spacing: 0px;
    background: var(--clr-two);
}

.checkout_coupon p.form-row.form-row-last button:hover {
    color: white;
    background: black;
}

/* ORDER RECEIVED */

.woocommerce-order-received div#content {
    width: 100%;
}

.woocommerce-order-received .non_title.no_line.center {
    display: none;
}

.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 0px !important;
    font-size: 35px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px !important;
}

.woocommerce-order-received tfoot th {
    background: white !important;
    color: black !important;
}

.woocommerce-order-received tr th,
.woocommerce-order-received tr td {
    padding: 10px 20px !important;
}

.woocommerce-order-received section.woocommerce-customer-details {
    margin-top: 50px;
}

.woocommerce-order-received ul {
    list-style-type: none;
    margin-left: 0px !important;
}

/***** MENU *****/

/* SUBMENU */

#navigation .sub-menu li a,
#navigation .sub-menu ul li a {
    border: none;
}

/* FAQ */

h3.ui-accordion-header {
    outline: none;
    border-radius: 0px !important;
    font-weight: bold;
    color: black !important;
}

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

.faq .mpc-row p {
    margin-bottom: 20px !important;
    font-size: 16px !important;
}

.ui-accordion-content {
    padding-bottom: 30px;
}

.ui-accordion-content p:first-child {
    display: none;
}


/***** RESPONSIVE ******/

#mobile-navigation,
#mobile-navigation ul.wpml-ls-sub-menu li a {
    background: var(--clr-two) !important;
}

#mobile-navigation ul.sub-menu {
    list-style-type: none;
    margin-left: 0px;
}

#mobile-navigation ul li a {
    border-bottom: none !important;
    color: white !important;
    text-align: center;
    font-size: 20px !important;
}

#mobile-navigation .wpml-ls-legacy-dropdown a {
    border: none !important;
}

.wpcf7-list-item {
    display: block !important;
    margin: 0 10px 0 0 !important;
}

.products .button.add_to_cart_button.added:after,
.products .button.add_to_cart_button.loading:after {
    top: 18px !important;
    right: 20px !important
}

#myuploadsul {
    list-style: none;
}

.item__subtitle,
.item__price {
    color: #000000;
}

.woocommerce-MyAccount-navigation-link--orders img {
    height: 24px;
}

#row_contactform {
    margin-bottom: 0 !important;
}

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

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

    /* DEALERKIT */
    .d_desc .mob_hide {
        display: none !important;
    }

    .d_desc .vc_row-fluid:nth-child(2) .vc_col-sm-6 {
        margin-top: -80px !important;
    }
}

@media only screen and (max-width: 1200px) {

    /* MOBILE MENU */
    .wpml-ls-legacy-dropdown {
        width: 100%;
        max-width: 100%;
        text-align: center !important;
    }

    div#mobile-navigation a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
        background: var(--clr-two) !important;
    }

    /* GENERAL */
    div#page-wrap {
        margin-top: 0px !important;
    }

    footer .container {
        width: inherit !important;
        max-width: 1200px !important;
    }

    footer .container .one-third.columns {
        width: 28%;
    }

    /* HOME BANNER */
    .banner {
        background-size: 900px !important;
    }

    .banner,
    .banner .lefter {
        height: 350px;
    }

    .banner .lefter {
        padding: 30px !important;
    }

    .banner .lefter .non_h1 {
        font-size: 40px;
        line-height: 45px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .banner .desc p {
        color: white !important;
        font-size: 18px !important;
        line-height: 25px !important;
        margin-top: 20px !important;
    }

    #header.header-transparent,
    .header-is-transparent #mobile-header {
        top: 0px !important;
    }

    /* HOME FILES */
    .h_files .vc_col-sm-12 {
        width: 100%;
        margin-left: 0% !important;
    }

    /* HOME PRICING */
    .h_pricing .vc_col-sm-4:first-child {
        width: 100%;
        margin-bottom: 30px;
    }

    .h_pricing .vc_col-sm-4:nth-child(2),
    .h_pricing .vc_col-sm-4:last-child {
        width: 50% !important;
    }

    /* HOME SERVICES */
    .h_services .vc_col-sm-6:last-child .wpb_content_element {
        margin-bottom: 40px !important;
    }

    .h_services .vc_col-sm-6:last-child img {
        width: 75px;
    }

    .h_services .vc_col-sm-6:first-child {
        width: 50%;
    }

    .h_services .vc_col-sm-6:last-child {
        width: 50% !important;
    }

    /* HOME TEASER */
    .h_teaser .non_title p {
        font-size: 35px;
        line-height: 45px;
    }

    /* DEALERKIT */
    .d_desc .desk_hide {
        display: none !important;
    }

    .d_desc .vc_col-sm-6 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .d_desc .dealer_img img {
        width: 50%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .d_desc .vc_row-fluid:last-child .vc_col-sm-6 {
        margin-bottom: 0px !important;
    }

    .d_desc .vc_row-fluid:last-child .vc_col-sm-6:first-child {
        display: none;
    }

    .d_desc {
        margin-top: 75px !important;
        overflow: inherit !important;
        background: #f4f4f4;
        padding: 0px 30px !important;
        box-shadow: 10px 10px 0px 0px rgb(250 250 250);
        padding-bottom: 40px !important;
        margin-bottom: 10px !important;
    }

    .d_desc .vc_row-fluid {
        display: inherit;
        align-items: inherit;
        background: none;
        padding: inherit !important;
        box-shadow: none;
        padding-bottom: inherit !important;
    }

    .d_desc .vc_col-sm-12.mpc-column {
        margin-bottom: 0px;
    }

    /* CONTACT */
    .c_bg .vc_col-sm-6 {
        width: 100%;
        margin-bottom: 30px;
    }

    /*CHECKOUT ORDER REVEIVED */
    .woocommerce-order-received div#page-wrap {
        width: calc(100% - 40px) !important;
        margin: 0px !important;
    }
}

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

    /* HOME BANNER */
    .banner .lefter:after {
        background: var(--clr-two);
        content: "";
        display: block;
        height: 100%;
        left: 0%;
        position: absolute;
        top: 0;
        transform-origin: top right;
        -ms-transform: skew(30deg, 0deg);
        -webkit-transform: skew(30deg, 0deg);
        transform: skew(30deg, 0deg);
        width: 100%;
        z-index: -1;
    }
}

@media only screen and (max-width: 1000px) {

    /* HOME BANNER */
    .banner {
        width: 100%;
        background-size: cover !important;
        background-color: inherit;
        background-position: inherit !important;
        margin-top: -25px !important;
        padding-top: 60px !important;
        height: auto !important;
    }

    .home_banner {
        margin-top: -10px;
    }

    .lefter {
        width: calc(100% - 120px) !important;
        margin: 60px !important;
        height: auto !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .right {
        width: 0% !important;
    }

    .banner .vc_row.wpb_row.vc_inner.vc_row-fluid.banner_inner.mpc-row {
        width: inherit !important;
    }

    /* HOME INTRO */
    .h_intro .vc_row.wpb_row.vc_inner.vc_row-fluid.mpc-row,
    .wpb_column.vc_column_container.vc_col-sm-3\/5.mpc-column {
        display: inherit;
        align-items: inherit;
    }

    .h_intro .wpb_column.vc_column_container.vc_col-sm-2\/5.mpc-column,
    .h_intro .wpb_column.vc_column_container.vc_col-sm-3\/5.mpc-column {
        width: 100%;
    }

    .h_intro {
        margin-top: 40px !important;
    }

    .h_intro .vc_col-sm-2\/5.mpc-column,
    .h_intro .vc_col-sm-3\/5.mpc-column {
        margin-bottom: 0px;
    }

    .h_intro .vc_col-sm-2\/5.mpc-column img {
        display: none !important;
    }

    .h_intro,
    .h_files,
    .h_blog {
        background-image: none !important;
    }

    /* HOME USP */
    .h_usp .wpb_column.vc_column_container.vc_col-sm-3.mpc-column {
        width: 50%;
        min-height: 325px;
    }

    .h_usp {
        margin-bottom: 25px !important;
    }

    /* HOME FILES */
    .h_files .vc_col-sm-4 {
        width: calc(50% - 40px);
        margin: 20px;
        height: auto;
        padding: 60px !important;
        display: inherit;
        align-items: inherit;
        margin-top: 20px !important;
        min-height: 325px;
    }

    .h_files .vc_col-sm-4:last-child {
        display: none;
    }

    /* HOME ACCOUNT */
    .h_account .vc_col-sm-12 {
        padding: 30px !important;
    }

    /* HOME SERVICES */
    .h_services .vc_row.wpb_row.vc_inner.vc_row-fluid.mpc-row {
        display: inherit;
        align-items: inherit;
    }

    .h_services .vc_col-sm-6:first-child,
    .h_services .vc_col-sm-6:last-child {
        width: 100% !important;
    }

    .h_services {
        background: none;
        padding: 0px 0px !important;
        margin-bottom: 0px !important;
        margin-top: 30px !important;
    }

    .h_services .non_title.white p {
        color: black !important;
    }

    .h_services .non_title.white:after {
        background: url(/wp-content/uploads/2021/03/non_title_after.svg) no-repeat;
    }

    .h_services .vc_col-sm-6:first-child img {
        margin-bottom: 40px;
    }

    /* HOME TEASER */
    .h_teaser .non_title p {
        font-size: 30px;
        line-height: 40px;
    }

    /* HOME BLOG */
    .h_blog {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    /* BLOG DETAIL */
    .single-post .container .twelve.alt.sidebar-right {
        width: 100%;
        margin: 30px !important;
    }

    .single-post div#sidebar {
        display: none;
    }

    .single-post .container .twelve.alt.sidebar-right {
        width: 100%;
        max-width: 100%;
        margin: 0px !important;
    }

    .single-post div#page-wrap {
        margin-top: 0px !important;
        margin: 20px !important;
        width: calc(100% - 40px);
    }

    /* STARTERSKIT */
    .d_start .vc_col-sm-6:first-child,
    .d_start .vc_col-sm-6:last-child {
        width: 100%;
    }

    .d_start .vc_row-fluid {
        display: inherit;
        align-items: inherit;
    }

    .d_start .vc_col-sm-6 {
        padding: 25px !important;
    }

    .d_start {
        background: none;
        padding: 20px;
    }

    .d_start .vc_col-sm-6 {
        margin-bottom: 20px;
    }

    /* CONTACT */
    .c_bg {
        margin-top: 0px !important;
    }

    /* BLOG */
    .entry-image,
    .entry-wrap {
        width: 100%;
    }

    .entry-image {
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    /* CHECKOUT */
    .woocommerce-checkout div#customer_details,
    .woocommerce-checkout #customer_details .col-1,
    .woocommerce-checkout div#order_review {
        width: 100%;
    }

    #customer_details .col-1 {
        margin-bottom: 0px;
    }
}

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

    /* FILE SERVICE: STEPS */
    .d_start .desk_hide,
    .f_step .desk_hide {
        display: none;
    }

    /* FILE SERVICE: STAGES */
    .f_stages {
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 767px) {

    /* GENERAL */
    .vc_responsive .page-section .standard-section .span_12 {
        max-width: 767px;
        margin: 0px 30px;
    }

    /* HOME INTRO */
    .h_intro .vc_row.wpb_row.vc_inner.vc_row-fluid.mpc-row,
    .wpb_column.vc_column_container.vc_col-sm-3\/5.mpc-column {
        display: inherit;
        align-items: inherit;
    }

    .h_intro .wpb_column.vc_column_container.vc_col-sm-2\/5.mpc-column,
    .h_intro .wpb_column.vc_column_container.vc_col-sm-3\/5.mpc-column {
        width: 100%;
    }

    .h_intro {
        margin-top: 40px !important;
    }

    .h_intro .vc_col-sm-2\/5.mpc-column,
    .h_intro .vc_col-sm-3\/5.mpc-column {
        margin-bottom: 0px;
    }

    .h_intro .vc_col-sm-2\/5.mpc-column img {
        display: none !important;
    }

    .h_intro,
    .h_files,
    .h_blog {
        background-image: none !important;
    }

    /* HOME USP */
    .h_usp .wpb_column.vc_column_container.vc_col-sm-3.mpc-column {
        width: 100%;
        min-height: inherit;
    }

    .h_usp .non_h4 {
        height: inherit;
    }

    .h_usp {
        margin-top: 50px !important;
        margin-bottom: 0px !important;
    }

    /* HOME FILES */
    .h_files .vc_col-sm-4 {
        width: calc(100% - 40px);
        margin: 20px;
        padding: 30px !important;
        margin-top: 20px !important;
        min-height: inherit;
        margin-bottom: 30px;
    }

    .h_files {
        margin-bottom: 25px !important;
    }

    /* HOME ACCOUNT */
    .h_account {
        margin-bottom: 50px !important;
    }

    /* HOME PRICING */
    .h_pricing .vc_col-sm-4:nth-child(2),
    .h_pricing .vc_col-sm-4:last-child {
        width: 50% !important;
        float: left;
    }

    .h_pricing .non_h4 p {
        font-size: 23px !important;
    }

    .h_pricing {
        margin-bottom: 0px !important;
    }

    /* HOME TEASER */
    .h_teaser .vc_col-sm-6 {
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    /* HOME BLOG */
    .h_blog .entry-meta {
        display: none;
    }

    .h_blog .entry-title {
        width: 100%;
        padding-left: 0px;
    }

    .h_blog .blog-page .post h2 {
        line-height: 30px;
    }

    /* FILES SERVICE STEPS */
    .f_step .col.span_12 {
        display: inherit;
        align-items: inherit;
    }

    .f_step .vc_col-sm-6 {
        width: 100% !important;
        margin-left: 0%;
        margin-right: 0%;
    }

    .f_step .roman {
        margin-bottom: -80px !important;
    }

    .f_step .step_img,
    .f_step .desk_hide {
        width: 70%;
        margin-left: 15%;
        margin-bottom: 25px !important;
    }

    .f_step .desk_hide {
        margin-top: 30px;
    }

    .f_step .mob_hide {
        display: none;
    }

    /* FILES SERVICE INTRO */
    .f_intro .non_title.no_line,
    .f_stages .non_title.no_line {
        margin-bottom: 0px !important;
    }

    .f_intro .vc_col-sm-2,
    .f_stages .vc_col-sm-2 {
        display: none;
    }

    .f_stages .vc_col-sm-4 p,
    .f_stages .vc_col-sm-4 {
        text-align: center !important;
    }

    /* FILES SERVICES STAP 6 @& 7 */
    .f_step_double .f_process .roman {
        margin-bottom: -80px !important;
    }

    .f_step_double .col.span_12.color-dark .vc_col-sm-6 .desc {
        background: #f4f4f4;
        min-height: inherit;
        padding-top: 60px;
        margin-top: -40px !important;
        padding-bottom: 30px;
    }

    /* STARTERSKIT */
    .d_start .opsom ul {
        column-count: 1;
    }

    .d_products {
        padding-top: 0px !important;
    }

    .d_desc .dealer_img img {
        width: 75%;
    }

    .dealer_more,
    .dealer_more .single_image.align-left {
        text-align: center;
    }

    .dealer_more img {
        float: inherit;
    }

    .dealer_more .wpb_text_column {
        width: 100%;
        margin-left: 0px;
        float: inherit;
        margin-top: -20px;
    }

    .d_desc .vc_col-sm-6:first-child {
        margin-bottom: 80px !important;
    }

    /* SINGLE PRODUCT */
    .single-product .container,
    .single-product #content,
    .woocommerce-cart .container,
    .woocommerce-cart #content,
    .woocommerce-checkout .container,
    .woocommerce-checkout #content {
        width: 100% !important;
        margin: 0px;
    }

    .single-product div#page-wrap,
    .woocommerce-cart div#page-wrap,
    .woocommerce-checkout div#page-wrap {
        margin: 0px;
        padding: 20px;
        visibility: visible !important;
        width: calc(100% - 40px) !important;
    }

    .single-product .images {
        width: 100%;
        margin: 0 0 0px;
        text-align: center;
    }

    .single-product .summary {
        width: 100%;
    }

    .single-product .summary button {
        width: 100%;
    }

    .single-product .summary .quantity {
        width: 100% !important;
    }

    .single-product .quantity .input-text {
        width: calc(100% - 20px) !important;
        border-radius: 50px !important;
        margin-bottom: 20px !important;
    }

    .single-product div#page-wrap {
        margin-right: 0px !important;
    }

    .on-mobile #page-wrap {
        overflow: visible !important;
    }
}

@media only screen and (max-width: 600px) {

    /* GDPR */
    .cli-bar-btn_container a {
        display: block !important;
        margin-top: 20px !important;
    }

    .cli-bar-btn_container,
    .cli-bar-btn_container a {
        width: 100% !important;
    }

    .cli-style-v2 .cli-bar-btn_container {
        display: block;
    }

    a#cookie_action_close_header {
        width: calc(100% - 30px) !important;
    }

    /* HOME BANNER */
    .banner .lefter .non_h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .banner a {
        width: calc(100% - 60px) !important;
    }

    /* GENERAL */
    .non_title p {
        font-size: 30px;
        line-height: 40px;
    }

    /* HOME ACCOUNT */
    .h_account a.button {
        width: calc(100% - 60px);
    }

    /* HOME PRICING */
    .h_pricing .vc_col-sm-4:nth-child(2),
    .h_pricing .vc_col-sm-4:last-child {
        width: 100% !important;
    }

    .h_pricing .vc_col-sm-4:nth-child(2) a,
    .h_pricing .vc_col-sm-4:last-child a {
        width: calc(100% - 60px);
    }

    .h_pricing .vc_col-sm-4:nth-child(2) .single_image,
    .h_pricing .vc_col-sm-4:last-child .single_image,
    .h_pricing .vc_col-sm-4:nth-child(2),
    .h_pricing .vc_col-sm-4:last-child {
        text-align: center;
    }

    /* HOME SERVICES */
    .h_services .vc_col-sm-6:first-child img {
        margin-bottom: 0px;
    }

    .h_services .vc_col-sm-6:last-child .wpb_content_element {
        margin-bottom: 20px !important;
        text-align: center;
    }

    .h_services .vc_col-sm-6:last-child img {
        display: block;
        width: 24%;
        margin-left: 38%;
    }

    /* HOME TEASER */
    .h_teaser a.button {
        width: calc(100% - 60px);
    }

    /* STARTERSKIT */
    .d_start .vc_col-sm-6:last-child .wpb_text_column.desc {
        width: 100%;
        margin-left: 0px;
    }

    .d_start .vc_col-sm-6:last-child img {
        float: inherit;
        margin-bottom: 20px;
    }

    .d_start .vc_col-sm-6:last-child {
        text-align: center;
    }

    .d_start {
        padding: 0px;
        margin-top: 75px !important;
    }

    .d_desc .dealer_img img {
        width: 100%;
    }

    /* SINGLE PRODUCT */
    .woocommerce-message {
        text-align: center !important;
    }

    .woocommerce-message a.button {
        float: none;
        width: calc(100% - 60px);
        margin-top: 20px !important;
        margin-bottom: 0px !important;
        display: block !important;
    }

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

    .single-product .woocommerce-message {
        padding-top: 35px !important;
        padding-bottom: 30px;
        border-radius: 40px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .woocommerce div.product form.cart .button {
        margin-left: 0px;
    }

    /* CART */
    .woocommerce-cart .vc_col-sm-8 {
        margin-bottom: 20px;
    }

    /* CHECKOUT */
    button#place_order {
        width: 100% !important;
    }

    .woocommerce-checkout form .form-row-last,
    .woocommerce-checkout form .form-row-first {
        width: 100% !important;
    }

    .woocommerce-checkout .checkout_coupon p.form-row.form-row-last button {
        width: 100%;
    }

    .woocommerce-checkout input#coupon_code {
        margin-bottom: 0px;
    }

    /* ORDER RECEIVED */
    .woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
        font-size: 25px !important;
        line-height: 35px !important;
    }

    .woocommerce-order-received .f_intro {
        height: 0px;
        margin-top: 30px !important;
    }

    .woocommerce-order-received p.order-again a.button {
        width: calc(100% - 60px);
    }
}

@media only screen and (max-width: 480px) {

    /* HOME BANNER */
    .banner .lefter {
        padding: 20px !important;
    }

    .banner .lefter {
        width: calc(100% - 60px) !important;
        margin: 30px !important;
    }

    .banner {
        padding-top: 30px !important;
    }

    /* HOME SERVICES */
    .h_services .vc_col-sm-6:last-child img {
        display: block;
        width: 40%;
        margin-left: 30%;
    }

    /* FILE SERVICES STEP 6 & 7*/
    .f_step_double .vc_col-sm-6:first-child img {
        max-width: 100%;
    }

    /* STARTERSKIT */
    .d_desc .dealer_more {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* CHECKOUT */
    table.shop_table.woocommerce-checkout-review-order-table th,
    table.shop_table.woocommerce-checkout-review-order-table td {
        padding-left: 10px !important;
    }
}

/* Aanpassingen Bert */

.header #navigation>ul {
    margin: 0 15px 0 0;
}

#navigation .header-icons .wpml-ls-statics-shortcode_actions {
    margin-left: 15px;
    margin-right: 5px;
}

.single-product div#page-wrap {
    padding-top: 50px;
}

.quantity .input-group-btn button.btn,
.woocommerce .quantity .qty {
    color: #000000 !important;
}

.quantity .input-group-btn button.btn:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.single-product .woocommerce-message {
    border: 0 !important;
    border-radius: 100px;
}

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

@media only screen and (max-width: 767px) {

    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content,
    .dashboard__column {
        width: 100%;
    }

    .dashboard__columns {
        display: block;
    }

    .woocommerce-MyAccount-content .dashboard__credits .credits {
        width: 85%;
    }

    .woocommerce-MyAccount-navigation ul .dashboard__credits {
        display: none !important;
    }

    .woocommerce-account .sixteen.account {
        padding-top: 0px !important;
    }
}

.heinz-brands {
    margin: 50px 0 !important;
}

.heinz-brands__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.heinz-brand-item {
    text-align: center;
    background: #f4f4f4;
    box-shadow: 10px 10px 0 0 rgb(250 250 250);
    border-top: 4px solid var(--clr-two);
}

.heinz-brand-item__logo-wrap {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.heinz-brand-item__logo {
    max-width: 100px;
    width: 100%;
    border-radius: 14px;
    box-shadow: 3px 3px 2px 1px rgb(175 175 175 / 10%);
}

.heinz-brand-item__title {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

@media only screen and (max-width: 1000px) {
    .heinz-brands__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 600px) {
    .heinz-brands__grid {
        grid-template-columns: 1fr;
    }
}

.heinz-configurator .heinz-brand-item,
.heinz-configurator .heinz-brand-item .heinz-brand-item__title {
    color: #000 !important;
}

.heinz-configurator .heinz-brand-item:link,
.heinz-configurator .heinz-brand-item:visited,
.heinz-configurator .heinz-brand-item:active {
    color: #000 !important;
}

.heinz-configurator .heinz-brand-item:hover,
.heinz-configurator .heinz-brand-item:hover .heinz-brand-item__title {
    color: #fff !important;
}

section.heinz-configurator {
    color: #fff;
    width: 100%;
    padding: 0;
    font-family: var(--f-one), sans-serif;
}

section.heinz-configurator *,
.stage-details-container,
.stage-details-container * {
    font-family: var(--f-one), sans-serif;
}

.cfg-steps-indicator {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
    background: transparent;
    border-bottom: 2px solid var(--clr-two);
    flex-wrap: wrap;
}

.step-item-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
}

.cfg-step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.cfg-step-item.active {
    opacity: 1;
    transform: scale(1.1);
}

.cfg-step-item.completed {
    opacity: 0.7;
}

/*
.cfg-step-number {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #333;
  border: 2px solid #666;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: bold;
  transition: all 0.3s ease;
}
*/

.cfg-step-number {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 2px solid #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    align-items: center;
    gap: 0.4rem;
    background: #222 !important;
    border: 1px solid #444;
    border-radius: 100%;
    font-size: 0.85rem;
    color: #fff;
    font-weight: 600;
    font-size: 1.25rem;
}

.cfg-step-item.active .cfg-step-number {
    background: var(--clr-two) !important;
    border-color: var(--clr-two) !important;
    box-shadow: 0 0 20px rgba(255, 136, 0, 0.5) !important;
}

.cfg-step-item.completed .cfg-step-number {
    background: #555;
    border-color: #999;
}

.cfg-step-label {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
    .cfg-steps-indicator {
        gap: 1rem;
        padding: 1.5rem;
    }

    .cfg-step-item {
        gap: 0.25rem;
    }

    .cfg-step-number {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1rem;
    }

    .cfg-step-label {
        font-size: 0.75rem;
    }
}

.heinz-configurator .heinz-config-step {
    background: #000;
    min-height: calc(100vh - 150px);
    padding: 2rem;
}

.heinz-configurator .cfg-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    padding: 0;
    max-width: 1400px;
    margin: 0 auto;
}

@media (min-width:768px) {
    .heinz-configurator .cfg-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (min-width:1024px) {
    .heinz-configurator .cfg-grid {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (min-width:1280px) {
    .heinz-configurator .cfg-grid {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (min-width:1536px) {
    .heinz-configurator .cfg-grid {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

.heinz-configurator .cfg-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    padding: 0 !important;
    border: none;
    margin: 0;
    border-radius: var(--borderSize-image);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    background: #ffffff;
    cursor: pointer;
    color: #000 !important;
    overflow: hidden;
    min-height: 0;
    transition: all 0.3s ease;
}

.heinz-configurator .cfg-card:hover {
    box-shadow: 0 4px 16px rgba(255, 136, 0, 0.4);
    transform: scale(1.05);
}

.heinz-configurator .cfg-card-media {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heinz-configurator .cfg-card-img {
    width: 80%;
    height: auto;
    max-height: 60%;
    object-fit: contain;
}

@media (min-width:640px) {
    .heinz-configurator .cfg-card-img {
        width: 66%;
    }
}

.heinz-configurator .cfg-card-title {
    width: 100%;
    text-align: center;
    line-height: 1.4;
    height: auto;
    font-size: 14px;
    color: #000 !important;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    hyphens: auto;
    margin-top: 0.75rem;
    font-weight: 600;
}

@media (min-width:640px) {
    .heinz-configurator .cfg-card-title {
        font-size: 14px;
    }
}

.heinz-configurator .cfg-grid:not(:has(> :nth-child(7))) {
    grid-template-columns: repeat(auto-fit, minmax(140px, 180px));
    justify-content: center;
    display: flex;
    gap: 2rem;
}

@media (max-width: 767px) {
    .heinz-configurator .cfg-grid:not(:has(> :nth-child(7))) {
        grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
        display: flex;
        gap: 2rem;
    }

}

.heinz-configurator .cfg-card.is-active {
    box-shadow: 0 4px 12px rgba(255, 136, 0, 0.3);
    background: #fff;
}

.cfg-type-filters {
    display: flex;
    margin-bottom: 1.5rem;
    width: 100%;
    justify-content: center;
    padding: 1rem 0;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.cfg-type-btn {
    padding: 0.6rem 1.5rem;
    background-color: transparent;
    border: 2px solid #666;
    border-radius: var(--borderSize-button);
    color: #fff;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 600;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cfg-type-btn:hover {
    border-color: var(--clr-two);
    color: var(--clr-two);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 136, 0, 0.2);
}

.cfg-type-btn.is-active {
    background-color: var(--clr-two);
    border-color: var(--clr-two);
    color: #fff;
    box-shadow: 0 4px 16px rgba(255, 136, 0, 0.4);
}

.heinz-configurator .cfg-card--text-only {
    aspect-ratio: auto;
    min-height: 72px;
    /* padding: 14px 12px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.heinz-configurator .cfg-card--text-only .cfg-card-title {
    margin: 0;
    text-align: center;
    min-height: 0;
    height: 1rem !important;
    font-size: 1.125rem !important;
    max-height: none;
    display: block;
    line-height: 1;
}

span .cfg-card-title {
    height: 1rem !important;
}

.cfg-card .heinz-brand-item .cfg-card--text-only .cfg-step-brand span {
    font-size: 2rem;
}

.cfg-step-brand img {
    max-width: 8rem;
    aspect-ratio: 1 / 1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.cfg-step-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0;
}

.heinz-step-brand-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.cfg-step-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    padding: 1.5rem 2rem;
    border-radius: 0;
    justify-content: center;
}

.cfg-back-btn {
    padding: 0.85rem 1.5rem;
    background-color: transparent;
    border: 1px solid var(--clr-two);
    border-radius: var(--borderSize-button);
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: 600;
    color: #fff;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
}

.cfg-back-btn::before {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    background-image: url('/wp-content/uploads/2026/04/arrow_right_orange.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(180deg);
}

.cfg-back-btn:hover {
    background-color: transparent;
    border-color: var(--clr-two);
    color: #fff;
    transform: translateX(-4px);
}

.cfg-back-btn:active {
    background-color: transparent;
}

@media (max-width: 768px) {
    .cfg-back-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }

    .cfg-step-header {
        gap: 0.5rem;
        margin-bottom: 1rem;
    }
}

.cfg-vehicle-detail {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.3rem;
}

.cfg-detail-label {
    font-weight: 600;
    color: #333 !important;
}

.cfg-card[data-type="vehicle"] {
    padding: 1rem;
    text-align: left;
}

.heinz-configurator .cfg-card[data-type="vehicle"].cfg-card--text-only {
    padding: 1.125rem 0.825rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    text-align: center;
    max-width: 20rem;
}

.heinz-configurator .cfg-card[data-type="vehicle"] .cfg-card-title {
    margin-top: 0;
    margin-bottom: 0.2rem;
    height: auto !important;
    min-height: 2.4em;
    max-height: none;
    font-size: 0.86rem !important;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.heinz-configurator .cfg-card[data-type="vehicle"] .cfg-vehicle-detail {
    margin-top: 0;
    font-size: 0.85rem;
    line-height: 1.1;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.heinz-configurator .cfg-card[data-type="vehicle"] .cfg-detail-label {
    color: #222 !important;
}

.vehicle_detail-item {}

.cfg-details-btn {
    margin-top: 1rem;
    padding: 0.65rem 1.25rem;
    background-color: var(--clr-two);
    color: #fff;
    border: none;
    border-radius: var(--borderSize-button);
    cursor: pointer;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.heinz-configurator .cfg-card[data-type="vehicle"] .cfg-details-btn {
    margin-top: auto;
    min-width: 6.25rem;
    padding: 0.42rem 0.8rem;
    border-radius: var(--borderSize-button);
    font-size: 0.72rem;
    line-height: 1;
    text-align: center;
}

.cfg-details-btn:hover {
    background-color: #ff9e1a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 136, 0, 0.4);
}

.cfg-details-btn:active {
    background-color: #e67e00;
    transform: scale(0.98);
}

.vehicle-details-container {
    background: #1a1a1a;
    padding: 2rem;
    border-radius: 8px;
    max-width: 1200px;
    margin: 0 auto;
}

.vehicle-details-container h2 {
    color: #fff;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--clr-two);
    padding-bottom: 0.75rem;
}

.vehicle-details-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.detail-item {
    padding: 1rem;
    background: #2a2a2a;
    border-radius: 6px;
    border-left: 4px solid var(--clr-two);
    color: #fff;
}

.detail-item strong {
    color: #fff;
}

.detail-item strong {
    color: #fff;
    display: block;
    margin-bottom: 0.5rem;
}

.detail-item strong:after {
    content: "";
}

.vehicle-details-error {
    background: #3a1a1a;
    color: #ff6b6b;
    padding: 1rem;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #ff6b6b;
}

.heinz-configurator [data-role="vehicle-details-grid"] {
    width: 100%;
}

.cfg-step-disclaimer_label {
    font-size: 0.75rem;
    color: #999;
    margin-top: 0.5rem;
    font-family: var(--f-one), sans-serif;
}

/* Stage Details Page Styles */
.stage-details-container {
    margin: 0 auto;
    padding: 2rem;
}

.stage-links {
    display: flex;
    gap: 2rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    justify-content: center;
}

.stage-link {
    position: relative;
}

.stage-link a {
    display: block;
    padding: 0.75rem 2rem;
    border: 1px solid var(--clr-two);
    border-radius: var(--borderSize-button);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    background: transparent;
}

.stage-link a:hover {
    border-color: var(--clr-two);
    color: #fff;
    background: transparent;
}

.stage-link.selected a {
    background: var(--clr-two);
    border-color: var(--clr-two);
    color: #fff;
    box-shadow: 0 4px 16px rgba(255, 136, 0, 0.4);
}

.stage-info {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    gap: 3rem;
    margin-bottom: 3rem;
    background: #111;
    padding: 2.5rem;
    border-radius: 12px;
    border: 1px solid #333;
}

.stage-table {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

.stage-table thead {
    background: #222;
    border-bottom: 2px solid var(--clr-two);
}

.stage-table th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.stage-table td {
    padding: 1.5rem 1rem;
}

.stage-table td strong {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.counter {
    display: inline-block;
    background: var(--clr-two);
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: var(--borderSize-button);
    margin-left: 0rem;
    font-weight: 700;
    font-size: 0.85rem;
}

.power-value {
    margin: 0.5rem 0;
    font-weight: 600;
    color: #fff;
}

.power-value.tuned {
    color: #fff;
}

.power-bar {
    height: 8px;
    border-radius: 4px;
    margin: 0.5rem 0;
    transform-origin: left center;
    animation: powerBarGrow 2s cubic-bezier(0, 0, 0, 0.91);
}

.power-bar.default {
    background: linear-gradient(90deg, #555, #777);
    animation-delay: 0.1s;
}

.power-bar.tuned {
    background: linear-gradient(90deg, #ff5a00, var(--clr-two));
    box-shadow: 0 0 10px rgba(255, 136, 0, 0.3);
    animation-delay: 0.5;
}

@keyframes powerBarGrow {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }

    100% {
        transform: scaleX(1);
        opacity: 1;
    }
}

.stage-info-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stage-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem;
}

.stage-title span {
    color: #fff;
}

.stage-features {
    list-style: none;
    margin: 0;
    padding: 0;
}

.stage-features li {
    padding: 0.75rem 0 0.75rem 2rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23ff8800"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: 0 0.25rem;
    background-size: 1.5rem;
    color: #fff;
    line-height: 1.6;
}

.stage-config {
    margin-bottom: 3rem;
    background: #111;
    padding: 2.5rem;
    border-radius: 12px;
    border: 1px solid #333;
}

.stage-config h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--clr-two);
}

.config-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.config-images {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

.car-diagram {
    width: 100%;
    max-width: 250px;
}

.config-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.config-list li {
    padding: 1rem;
    background: #222;
    border-left: 4px solid var(--clr-two);
    margin-bottom: 1rem;
    color: #fff;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.config-list li:hover {
    background: #2a2a2a;
    transform: translateX(4px);
}

.stage-general-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    background: #111;
    padding: 2.5rem;
    border-radius: 12px;
    border: 1px solid #333;
}

.general-info-left h2,
.general-info-right h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--clr-two);
}

.general-info-left p {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.info-box {
    background: #222;
    padding: 2rem;
    border-radius: var(--borderSize-image);
    border-left: 4px solid var(--clr-two);
}

.info-box strong {
    display: block;
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.info-box p {
    margin: 0.75rem 0;
    color: #fff;
}

.info-box span {
    color: #fff;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .stage-info {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .config-content {
        grid-template-columns: 1fr;
    }

    .stage-general-info {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .stage-details-container {
        padding: 1rem;
    }

    .stage-links {
        gap: 1rem;
    }

    .stage-info,
    .stage-config,
    .stage-general-info {
        padding: 1.5rem;
    }

    .stage-table th,
    .stage-table td {
        padding: 0.75rem 0.5rem;
        font-size: 0.9rem;
    }

    .power-value {
        font-size: 0.9rem;
    }
}

.stage-details-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: center;
}

.stage-details-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}


.heinz-configurator .cfg-card-media {
    overflow: hidden;
}

.heinz-configurator .cfg-card-img,
.stage-details-container img {
    border-radius: var(--borderSize-image);
}


.cfg-card-media:hover img {
    animation: hoverGrow 0.25s ease-in-out forwards;
}


@keyframes hoverGrow {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.cfg-card--text-only {
    padding: 1rem;
    text-align: center;
}

.stage-pane {
    color: white;
    text-align: center;
}

.cfg-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.cfg-loader-spinner {
    width: 44px;
    height: 44px;
    border: 4px solid rgba(128, 128, 128, 0.25);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: cfg-spin 0.75s linear infinite;
}

@keyframes cfg-spin {
    to {
        transform: rotate(360deg);
    }
}

.header #navigation {
    justify-content: space-between !important;
}

div #navigation {
    justify-content: space-between !important;
}



/* ============================================================
   7. STYLE HEINZ 2026 — OVERRIDES & CONFIGURATOR
   ============================================================ */

/* 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: 60px !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;
    justify-content: space-between !important;
}

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

.header #navigation {
    float: right;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    margin-top: 20px !important;
}

#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;
    }
}

.header .logo {
    margin-right: auto;
    padding: 16px;
}

.logo img {
    height: auto;
    width: 100px
}

select option {
    color: #ffffff !important;
    background-color: #000000 !important;
}

#mobile-navigation #mobile-nav {
    margin-right: 0px !important;
}


/* ==========================================================================
   Verbeterde Configurator Styling voor Mobile (< 767px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .logo img {
        padding: 0px !important;
    }

    .cfg-steps-indicator {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .heinz-configurator .heinz-config-step {
        padding: 0px !important;
        padding-top: 1rem !important;
    }

    /* Dwing de grid ALTIJD op exact 2 kolommen op mobiel, 
       ongeacht het aantal automodellen (heft de :has(:nth-child(7)) bug op).
    */
    .heinz-configurator .cfg-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        /* Iets strakkere spacing voor mobiel */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Zorg dat de witte model-blokjes netjes gecentreerd en leesbaar zijn */
    .heinz-configurator .cfg-grid>* {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        /* Voorkomt dat tekst buiten de blokjes breekt */
        padding: 15px 10px !important;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {

    /* Transformeer tabel naar block-elementen voor flexibele stapeling */
    .stage-table tbody,
    .stage-table tr,
    .stage-table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .stage-table tr {
        padding: 0px 0px;
    }

    /* Zorg dat op mobiel de Titel (Power) en winst (+10pk) netjes naast elkaar staan */
    .stage-table td[width="15%"] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 0px 0 !important;
        margin-bottom: 12px;
        display: flex !important;
    }

    .stage-table td strong {
        font-size: 16px;
    }

    .stage-table .counter {
        margin-top: 0;
    }

    /* Rechterkolom neemt nu de volledige breedte onder de titel in */
    .stage-table td[colspan="2"] {
        padding: 0 !important;
    }

    /* Iets compactere marge voor de tweede waarde op mobiel */
    .power-value.tuned {
        margin-top: 12px !important;
    }

    .stage-info {
        padding: 0px !important;
    }

    .stage-table tr {
        padding: 0px !important;
    }

    .stage-info-left {
        padding: 0px !important;
        margin: 0px !important;
    }

    .stage-info {
        padding: 0px !important;
        margin: 0px !important;
    }


    div#pane-stage1 {
        margin: 0px !important;
        padding: 0px !important;
    }

    table.stage-table {
        margin: 0px !important;
        padding: 0px !important;
        table-layout: fixed;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    /* power bar fix */
    .stage-table {
        display: block;
        width: 100%;
    }

    .stage-table tbody {
        display: block;
        width: 100%;
    }

    .stage-table tr {
        display: block;
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #333;
        padding-bottom: 1rem;
    }

    .stage-table td {
        display: block;
        width: 100% !important;
        padding: 0.25rem 0;
    }

    .stage-table td strong {
        margin-bottom: 0.5rem;
        font-size: 0.95rem;
    }

    .power-row {
        display: flex;
        align-items: center;
        gap: 5px !important;
        width: 100%;
        margin-bottom: 10px !important;
    }

    .power-bar__tuned_icon {
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

    .power-bar__icon_base,
    .power-bar__icon_tuned {
        width: 18px !important;
        height: 18px !important;
    }

    .power-row {
        display: flex;
        align-items: center;
        gap: 4px;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .power-bar__tuned_icon {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        width: 28px;
    }

    .power-bar {
        flex: 0 0 auto;
        min-width: 0;
        /* respect the inline width="X%" from PHP, but cap so icon stays visible */
        max-width: calc(100% - 36px);
        height: 8px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .power-value {
        font-size: 0.85rem;
        margin: 0.3rem 0;
    }

    .counter {
        display: inline-block;
        margin-left: 0.5rem;
        font-size: 0.72rem;
    }
}

/* ===== VEHICLE DETAIL CARD ===== */

.stage-details-container {
    padding: 2rem;
    max-width: 900px;
    margin: 0 auto;
    color: #fff;
}

.stage-details-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.stage-details-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin: 0;
}

/* Back button */
.stage-details-container .cfg-back-btn {
    margin-bottom: 1.5rem;
}

/* Stage tab links */
.stage-links {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.stage-link a {
    display: block;
    padding: 0.6rem 1.5rem;
    border: 2px solid #444;
    border-radius: var(--borderSize-button, 5px);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.stage-link.selected a {
    background: var(--clr-two);
    border-color: var(--clr-two);
    color: #fff;
    box-shadow: 0 4px 16px rgba(255, 136, 0, 0.35);
}

.stage-link:not(.selected) a:hover {
    border-color: var(--clr-two);
    color: var(--clr-two);
}

/* Stage info card */
.stage-info {
    background: #111;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
}

.stage-info-left {
    padding: 0 !important;
    margin: 0 !important;
}

/* Force table into block layout on all screen sizes */
table.stage-table {
    display: block !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.stage-table tbody {
    display: block !important;
    width: 100%;
}

.stage-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* Table rows */
.stage-table tr {
    display: block;
    padding: 2rem 0 !important;
    border-bottom: 1px solid #2a2a2a;
    margin-bottom: 0 !important;
}

.stage-table tr:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
}

.stage-table td[width="15%"] {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    padding: 0 0 1.1rem 0 !important;
    margin-bottom: 0;
}

.stage-table td[width="15%"] strong {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    margin-right: 0.5rem;
}

.stage-table td[colspan="2"] {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Power bar row layout — applies on all screen sizes */
.power-row {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.power-bar {
    flex: 0 0 auto;
    min-width: 0;
    max-width: calc(100% - 36px);
}

/* Power values */
.power-value {
    font-size: 1rem;
    color: #aaa;
    margin: 0 0 0.5rem 0;
    font-weight: 500;
}

.power-value.tuned {
    color: #fff;
    font-weight: 700;
    margin-top: 1.4rem;
    margin-bottom: 0.5rem;
}

/* Counter badge */
.stage-table .counter {
    background: var(--clr-two);
    color: #fff;
    padding: 0.25rem 0.7rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 700;
    vertical-align: middle;
}

/* Mobile overrides */
@media (max-width: 767px) {
    .stage-details-container {
        padding: 1rem 0rem 2rem 0rem !important;
    }

    .stage-details-title {
        font-size: 1.3rem;
    }

    .stage-links {
        gap: 0.5rem;
        margin-bottom: 1.25rem;
    }

    .stage-link a {
        padding: 0.45rem 1rem;
        font-size: 0.78rem;
        letter-spacing: 0;
    }

    .stage-info {
        padding: 1.25rem !important;
        margin-bottom: 1rem !important;
        border-radius: 8px;
    }

    .stage-table tr {
        padding: 0 !important;
        padding-bottom: 1rem !important;
        gap: 1rem !important;
    }

    img.power-bar__icon_base {
        object-fit: contain;
    }
}

/* Step indicator — selected value labels */
.cfg-step-label {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
}

.cfg-step-item.completed .cfg-step-label,
.cfg-step-item.active .cfg-step-label {
    color: #fff;
    font-size: 0.7rem;
}

.cfg-step-item.active .cfg-step-label {
    color: var(--clr-two);
}

/* Crumbs in step header */
.cfg-selection-crumbs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.power-row-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px !important;
}

.power-row-text img {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0;
    display: block;
    opacity: 0.75;
}

.power-row-text .power-value {
    margin: 0;
    line-height: 1;
}

.cfg-crumb {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #222;
    border: 1px solid #444;
    border-radius: 20px;
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
    color: #fff;
    font-weight: 600;
    font-size: 1rem !important;
}

.cfg-crumb img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 3px;
}

.cfg-crumb-sep {
    color: var(--clr-two);
    font-size: 1.1rem;
    font-weight: bold;
}

@media (max-width: 767px) {
    .cfg-step-label {
        max-width: 60px;
        font-size: 0.6rem;
    }

    .cfg-crumb {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .cfg-crumb img {
        width: 16px;
        height: 16px;
    }

    img.power-bar__icon_base {
        object-fit: contain;
    }
}

.img.power-bar__icon_base {
    object-fit: contain !important;
}


/* ============================================================
   THEME TOGGLE BUTTON
   ============================================================ */

.theme-toggle {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    padding: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
    margin-left: 8px;
    color: #fff;
}

.theme-toggle:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.5);
}

.theme-toggle svg {
    width: 18px;
    height: 18px;
    pointer-events: none;
    display: block;
}

/* Dark mode (default): show sun icon */
.theme-toggle .icon-sun {
    display: block;
}

.theme-toggle .icon-moon {
    display: none;
}

/* Light mode: show moon icon */
html[data-theme="light"] .theme-toggle .icon-sun {
    display: none;
}

html[data-theme="light"] .theme-toggle .icon-moon {
    display: block;
}

html[data-theme="light"] .theme-toggle {
    border-color: rgba(0, 0, 0, 0.18);
    color: #111;
}

html[data-theme="light"] .theme-toggle:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: rgba(0, 0, 0, 0.35);
}


/* ============================================================
   LIGHT THEME OVERRIDES — html[data-theme="light"]
   ============================================================ */

/* ---- Body / page ---- */
html[data-theme="light"] body,
html[data-theme="light"] .site-wrapper {
    background-color: #f2f2f2 !important;
    color: #111 !important;
}

html[data-theme="light"] p,
html[data-theme="light"] li {
    color: #333 !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
    color: #111 !important;
}

/* ---- Header ---- */
html[data-theme="light"] #navigation>ul>li>a,
html[data-theme="light"] .header #navigation>ul>li>a {
    color: #111 !important;
}

html[data-theme="light"] .header-icons a,
html[data-theme="light"] .header-icons i {
    color: #111 !important;
}

html[data-theme="light"] .gb-custom-hamburger span {
    color: #111 !important;
}

html[data-theme="light"] .gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-one,
html[data-theme="light"] .gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-two,
html[data-theme="light"] .gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-three {
    background-color: #111 !important;
}


/* ---- Configurator ---- */
html[data-theme="light"] section.heinz-configurator {
    background: #f2f2f2 !important;
    color: #111 !important;
}

html[data-theme="light"] .heinz-configurator .cfg-card {
    background: #fff !important;
    border-color: #ddd !important;
    color: #111 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .heinz-configurator .cfg-card:hover {
    border-color: var(--clr-two) !important;
    box-shadow: 0 4px 16px rgba(255, 49, 0, 0.15) !important;
}

html[data-theme="light"] .heinz-configurator .cfg-card-title,
html[data-theme="light"] .heinz-configurator .cfg-card-title * {
    color: #111 !important;
}

html[data-theme="light"] .cfg-steps-indicator {
    background: #fff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .cfg-step-number {
    background: #eee !important;
    border-color: #ccc !important;
    color: #555 !important;
}

html[data-theme="light"] .cfg-step-item.active .cfg-step-number {
    background: var(--clr-two) !important;
    border-color: var(--clr-two) !important;
    color: #fff !important;
}

html[data-theme="light"] .cfg-step-item.completed .cfg-step-number {
    background: #222 !important;
    border-color: #222 !important;
    color: #fff !important;
}

html[data-theme="light"] .cfg-step-label {
    color: #555 !important;
}

html[data-theme="light"] .cfg-step-item.active .cfg-step-label {
    color: var(--clr-two) !important;
}

html[data-theme="light"] .cfg-step-item.completed .cfg-step-label {
    color: #111 !important;
}

html[data-theme="light"] .cfg-step-header {
    border-color: #e0e0e0 !important;
}

html[data-theme="light"] .cfg-back-btn {
    color: #111 !important;
    border-color: #ccc !important;
    background: #eee !important;
}

html[data-theme="light"] .cfg-back-btn::before {
    border-color: #111 !important;
}

html[data-theme="light"] .cfg-back-btn:hover {
    background: #e0e0e0 !important;
    border-color: #aaa !important;
}

html[data-theme="light"] .cfg-type-filters {
    background: none !important;
    border-color: #ddd !important;
}

html[data-theme="light"] .cfg-type-btn {
    background: #e8e8e8 !important;
    color: #333 !important;
    border-color: #ccc !important;
}

html[data-theme="light"] .cfg-type-btn:hover,
html[data-theme="light"] .cfg-type-btn.is-active {
    background: var(--clr-two) !important;
    color: #fff !important;
    border-color: var(--clr-two) !important;
}

html[data-theme="light"] .cfg-crumb {
    background: #eee !important;
    border-color: #ddd !important;
    color: #111 !important;
}

/* ---- Stage details / vehicle card ---- */
html[data-theme="light"] .stage-details-container {
    color: #111 !important;
}

html[data-theme="light"] .stage-details-title {
    color: #111 !important;
}

html[data-theme="light"] .stage-info {
    background: #fff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .stage-table tr {
    border-bottom-color: #ebebeb !important;
}

html[data-theme="light"] .stage-table td[width="15%"] strong {
    color: #111 !important;
}

html[data-theme="light"] .power-value {
    color: #666 !important;
}

html[data-theme="light"] .power-value.tuned {
    color: #111 !important;
}

html[data-theme="light"] .power-bar.default {
    background: linear-gradient(90deg, #bbb, #ccc) !important;
    box-shadow: none !important;
}

html[data-theme="light"] .stage-link a {
    border-color: #ccc !important;
    color: #333 !important;
    background: transparent !important;
}

html[data-theme="light"] .stage-link a:hover {
    border-color: var(--clr-two) !important;
    color: var(--clr-two) !important;
}

html[data-theme="light"] .stage-link.selected a {
    color: #fff !important;
    border-color: var(--clr-two) !important;
    background: var(--clr-two) !important;
}

html[data-theme="light"] .stage-table .counter {
    background: var(--clr-two) !important;
    color: #fff !important;
}

/* ---- Power-row-text icons ---- */
html[data-theme="light"] .power-row-text img {
    opacity: 0.6 !important;
}

/* extra aanpassingen */
html[data-theme="light"] .h_usp .vc_col-sm-3>.vc_column-inner {
    background: rgb(231 231 231) !important;
}

html[data-theme="light"] .h-five {
    background: rgb(231 231 231) !important;
}

html[data-theme="light"] .h-five-below:before {
    color: #111 !important;
}

html[data-theme="light"] p,
html[data-theme="light"] li {
    color: #111 !important;
}

html[data-theme="light"] .vc_col-sm-6.wpb_column.column_container.col.no-padding.color-dark.mpc-column {
    background: rgb(255, 255, 255 / 0.35) !important;
}

html[data-theme="light"] .wpb_row.o-top {
    border-left: 25px solid #F2F2F2 !important;
    border-right: 25px solid #F2F2F2 !important;
    border-bottom: 25px solid #F2F2F2 !important;
}

/* ft-stages */

// .ft-stages .ft-stages-inner .vc_col-sm-4 .wpb_text_column .wpb_wrapper * {
//     color: #ffffff !important;
// }

html[data-theme="light"] .wpb_row.ft-stages {
    background-color: transparent !important;
}

/* Create account, Buy credits, Tune your car */
html[data-theme="light"] .ft-stages .ft-stages-inner .vc_col-sm-4 .non_h6 .wpb_wrapper * {
    color: #333 !important;
}

html[data-theme="light"] .ft-stages>.col>.vc_col-sm-12>.wpb_wrapper>.non_h4 .wpb_wrapper * {
    color: #333 !important;
}

/* Unlock tuning files for professionals */
.ft-stages>.col>.vc_col-sm-12>.wpb_wrapper>.non_h4 .wpb_wrapper * {
    color: #ffffff !important;
}

[data-column-id="mpc_column-996a32583ea087a"] .non_h3 .wpb_wrapper * {
    color: #ffffff !important;
}

html[data-theme="light"] .o-credits {
    background: #fefefe !important;
}

html[data-theme="light"] label.product-checklist-item span {
    color: black !important;
}

html[data-theme="light"] label.product-checklist-item {
    background: #fefefe !important;
    color: black !important;
}

[data-column-id="mpc_column-266a325bd75078b"] .wpb_text_column .wpb_wrapper * {
    background: #fefefe !important;
}

html[data-theme="light"] .wpb_row.o-top .o-top-inner>.vc_col-sm-12 {
    background-color: rgba(255, 255, 255, 0.35) !important;
}


html[data-theme="light"] .h-intro {
    background-image: url(/wp-content/uploads/2026/06/AB88E811-E0D4-40B8-BA5B-B822C9EAD9C8.jpeg) !important;
    background-size: cover;
    height: 90vh;
    margin-top: -100px !important;
    position: relative !important;
    z-index: 1;
    overflow: visible !important;
}

html[data-theme="light"] #footer {
    background-image: url(/wp-content/uploads/2026/06/AB88E811-E0D4-40B8-BA5B-B822C9EAD9C8.jpeg) !important;
}

html[data-theme="light"] #footer:before {
    background: linear-gradient(to bottom, rgb(0 0 0 / 14%), rgba(0, 0, 0, 0)) !important;
}

html[data-theme="light"] .wpb_row.h-intro .span_12:before {
    background: linear-gradient(to bottom, rgb(0 0 0 / 50%), rgba(0, 0, 0, 0)) !important;
}

html[data-theme="light"] .wpb_row.h-intro .span_12:after {
    background: linear-gradient(to top, rgb(0 0 0 / 0%), rgba(0, 0, 0, 0)) !important;
}

.theme-toggle {
    margin-right: 20px !important;
}

#navigation .cart-popup {
    margin-top: 0px !important;
}

html[data-theme="light"] div#navigation {
    background-color: rgb(255 255 255 / 50%) !important;
}

html[data-theme="light"] #nav>li>a::before {
    color: #111 !important;
}

html[data-theme="light"] .gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-one,
html[data-theme="light"] .gb-custom-hamburger ul.gb-custom-hamburger-icon li.gb-custom-hamburger-line-two {
    background-color: rgb(166 166 166) !important;
}

/* database */
html[data-theme="light"] .heinz-configurator .heinz-config-step {
    background: none !important;
}

html[data-theme="light"] .crumb-brand-name {
    color: #111 !important;
}

html[data-theme="light"] .cfg-crumb,
html[data-theme="light"] .cfg-crumb * {
    color: #111111 !important;
}

html[data-theme="light"] .stage-pane {
    color: black !important;
}

html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--news,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--files,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--car-config,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--faq,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--details,
html[data-theme="light"] li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--5 {
    background-color: rgb(0 0 0 /0.1) !important;
    color: #111 !important;
}

/* Active dashboard item: keep text/icons white in light theme */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active {
    background-color: #000 !important;
    color: #fff !important;
}

html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active a,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active .name,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active span,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active .name,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active span {
    color: #fff !important;
}

html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active i,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active i,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active svg,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active svg,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active svg *,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active svg * {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

/* Inactive icons should not stay white in light theme */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.is-active) i,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a:not(.is-active) i,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.is-active) svg,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a:not(.is-active) svg,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.is-active) svg *,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a:not(.is-active) svg * {
    color: #111 !important;
    fill: #111 !important;
    stroke: #111 !important;
}

html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.is-active) img,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a:not(.is-active) img {
    filter: brightness(0) saturate(100%) !important;
    opacity: 0.9;
}

html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active img,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li a.is-active img {
    filter: none !important;
    opacity: 1;
}

/* ==========================================================================
   Heinz Ols - Clean Navigation Backgrounds & Active State (Light Theme Only)
   ========================================================================== */

/* 1. Geef alle normale, inactieve menu-items hun grijze achtergrondkleur */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.dashboard__credits li) {
    background-color: #eaeaea !important;
    background: #eaeaea !important;
}

/* Zorg dat de tekst en iconen van de inactieve knoppen zwart zijn */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.dashboard__credits li) a,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.dashboard__credits li) .name,
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.dashboard__credits li) span {
    color: #000000 !important;
}

/* 2. Dwing de actieve knop (is-active) naar een strakke zwarte achtergrond */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Harde reset: ALLES binnen het actieve element MOET wit worden (overschrijft alle verborgen inner-tags) */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li.is-active * {
    color: #ffffff !important;
}

/* 3. Subtiele hover-status voor inactieve knoppen (iets donkerder grijs) */
html[data-theme="light"] .woocommerce-MyAccount-navigation ul li:not(.is-active):not(.dashboard__credits li):hover {
    background-color: #dfdfdf !important;
    background: #dfdfdf !important;
}


html[data-theme="light"] .entry-wrap .entry-title h2 a {
    color: #111 !important;
}

html[data-theme="light"] .wpb_text_column.non_title.no_line.center .wpb_wrapper * {
    color: #111 !important;
}


html[data-theme="light"] .wpb_row.vc_row-fluid.standard-section.section.section-no-parallax.h-seven.stretch.mpc-row {
    margin-bottom: 10rem !important;
}


html[data-theme="light"] .color-dark .vc_row.mpc-row .vc_col-sm-8 .wpb_text_column .wpb_wrapper * {
    color: #111 !important;
}

html[data-theme="light"] .color-dark .vc_row.mpc-row .vc_col-sm-8 .wpb_text_column .wpb_wrapper p .p1 {
    color: #111 !important;
}

html[data-theme="light"] .single_image.wpb_content_element.align-center {
    opacity: 0 !important;
}

html[data-theme="light"] [data-column-id="mpc_column-416a32891a45dba"] p.p1 {
    color: #000000 !important;
}

/* ---- News page: .f_intro + .n_bg ---- */
html[data-theme="light"] .f_intro p,
html[data-theme="light"] .f_intro span,
html[data-theme="light"] .f_intro h1,
html[data-theme="light"] .f_intro h2,
html[data-theme="light"] .f_intro h3,
html[data-theme="light"] .f_intro h4,
html[data-theme="light"] .f_intro a {
    color: #111 !important;
}

html[data-theme="light"] .n_bg .entry-title h2 a,
html[data-theme="light"] .n_bg .entry-title h2 {
    color: #111 !important;
}

html[data-theme="light"] .n_bg .entry-content,
html[data-theme="light"] .n_bg .entry-content p,
html[data-theme="light"] .n_bg .entry-content a {
    color: #333 !important;
}

html[data-theme="light"] .n_bg .entry-meta,
html[data-theme="light"] .n_bg .entry-meta li,
html[data-theme="light"] .n_bg .entry-meta a {
    color: #555 !important;
}

html[data-theme="light"] .n_bg .read-more-link {
    color: var(--clr-two) !important;
}

/* ---- Single blog post: blog-single ---- */
html[data-theme="light"] #page-wrap.blog-single .post-time .month,
html[data-theme="light"] #page-wrap.blog-single .post-time .day {
    color: #111 !important;
}

html[data-theme="light"] #page-wrap.blog-single .entry-title h1 a,
html[data-theme="light"] #page-wrap.blog-single .entry-title h1,
html[data-theme="light"] #page-wrap.blog-single .entry-title h2 a,
html[data-theme="light"] #page-wrap.blog-single .entry-title h2 {
    color: #111 !important;
}

html[data-theme="light"] #page-wrap.blog-single .entry-meta li,
html[data-theme="light"] #page-wrap.blog-single .entry-meta a {
    color: #555 !important;
}

html[data-theme="light"] #page-wrap.blog-single .entry-content,
html[data-theme="light"] #page-wrap.blog-single .entry-content p,
html[data-theme="light"] #page-wrap.blog-single .entry-content a {
    color: #333 !important;
}

html[data-theme="light"] #page-wrap.blog-single .sharebox a {
    color: #333 !important;
}

html[data-theme="light"] #page-wrap.blog-single .sharebox a:hover {
    color: var(--clr-two) !important;
}

html[data-theme="light"] #page-wrap.blog-single #author-info h4,
html[data-theme="light"] #page-wrap.blog-single #author-info p,
html[data-theme="light"] #page-wrap.blog-single #author-info a {
    color: #111 !important;
}

html[data-theme="light"] #page-wrap.blog-single #sidebar h3,
html[data-theme="light"] #page-wrap.blog-single #sidebar-widgets h3 {
    color: #111 !important;
}

html[data-theme="light"] #page-wrap.blog-single #sidebar ul li a,
html[data-theme="light"] #page-wrap.blog-single #sidebar-widgets ul li a {
    color: #333 !important;
}

html[data-theme="light"] #page-wrap.blog-single #sidebar ul li a:hover,
html[data-theme="light"] #page-wrap.blog-single #sidebar-widgets ul li a:hover {
    color: var(--clr-two) !important;
}

html[data-theme="light"] .h-three-two .vc_col-sm-8 .wpb_text_column p {
    color: #111 !important;
}

/* ---- Contact page: h-intro-left, h-bar, h-three-c, row_contactform ---- */
html[data-theme="light"] .h-intro.h-intro-left .non_title p,
html[data-theme="light"] .h-intro.h-intro-left .non_title span:not(.highlight) {
    color: #111 !important;
}

html[data-theme="light"] .h-bar .non_h2 p,
html[data-theme="light"] .h-bar .non_h2 span:not(.highlight) {
    color: #111 !important;
}

html[data-theme="light"] .h-three-c .non_h1 p,
html[data-theme="light"] .h-three-c .non_h1 span:not(.highlight),
html[data-theme="light"] .h-three-c .h-three-one .non_h3 p,
html[data-theme="light"] .h-three-c .h-three-two .non_h4 p,
html[data-theme="light"] .h-three-c .h-three-two .wpb_text_column p {
    color: #111 !important;
}

/* Extra specificity to beat broader .color-dark light-theme rules */
html[data-theme="light"] .h-three.h-three-c .color-dark .vc_row.mpc-row.h-three-two .vc_col-sm-8 .wpb_text_column .wpb_wrapper p {
    color: #111 !important;
}

html[data-theme="light"] #row_contactform .non_h2 p,
html[data-theme="light"] #row_contactform .c_geg p,
html[data-theme="light"] #row_contactform .c_geg span,
html[data-theme="light"] #row_contactform .c_geg a {
    color: #111 !important;
}

html[data-theme="light"] #row_contactform {
    background: transparent !important;
}

html[data-theme="light"] #row_contactform .wpcf7,
html[data-theme="light"] #row_contactform .wpcf7 label,
html[data-theme="light"] #row_contactform .wpcf7-response-output,
html[data-theme="light"] #row_contactform .wpcf7-not-valid-tip,
html[data-theme="light"] #row_contactform .wpcf7-form-control,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-text,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-email,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-textarea,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-submit {
    color: #111 !important;
}

html[data-theme="light"] #row_contactform .wpcf7-form-control::placeholder,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-text::placeholder,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-email::placeholder,
html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-textarea::placeholder {
    color: #111 !important;
    opacity: 1;
}

html[data-theme="light"] #row_contactform .wpcf7-form-control:focus {
    color: #111 !important;
}

html[data-theme="light"] #row_contactform .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: #111 !important;
}

/* ---- File service form: force black text in light theme ---- */
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"],
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] h1,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] h2,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] h3,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] p,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] label,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] span,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .version__name,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .version-status-text span,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .file-drop-not-found>span,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .file-drop-progress>span,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .file-drop-finished>span {
    color: #111 !important;
}

html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .form-group input,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .form-group select,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .form-group textarea,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] #messageToEngineer,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .wpcf7-form-control {
    color: #111 !important;
}

html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .form-group input::placeholder,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .form-group textarea::placeholder,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .wpcf7-form-control::placeholder {
    color: #111 !important;
    opacity: 1;
}

/* Keep CTA button text white for contrast */
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .version-action,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .version-action span,
html[data-theme="light"] .woocommerce-MyAccount-content [x-data="chipTuningForm"] .form-action {
    color: #fff !important;
}

/* ---- My Account details: black text in light theme ---- */
html[data-theme="light"] .woocommerce-MyAccount-content #my-details,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details h2,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details h3,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details h4,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details p,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details label,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details span,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details a {
    color: #111 !important;
}

html[data-theme="light"] .woocommerce-MyAccount-content #my-details .woocommerce-Input,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details .input-text,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details input[type="text"],
html[data-theme="light"] .woocommerce-MyAccount-content #my-details input[type="email"],
html[data-theme="light"] .woocommerce-MyAccount-content #my-details input[type="password"],
html[data-theme="light"] .woocommerce-MyAccount-content #my-details textarea,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details select {
    color: #111 !important;
}

html[data-theme="light"] .woocommerce-MyAccount-content #my-details input::placeholder,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details textarea::placeholder {
    color: #111 !important;
    opacity: 1;
}

html[data-theme="light"] .woocommerce-MyAccount-content #my-details .show-password-input,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details .show-password-input::before,
html[data-theme="light"] .woocommerce-MyAccount-content #my-details .show-password-input::after {
    color: #111 !important;
    border-color: #111 !important;
}


/* witta balk light theme bug */
html,
body {
    margin-top: 0px !important;
    padding-top: 0px !important;
    top: 0px !important;
}

#wpadminbar {
    display: none !important;
}

.site-wrapper.wrapall {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#header.header-v1-only.stuck {
    top: 0 !important;
    position: fixed !important;
}

#notitlebar {
    display: none !important;
}

html[data-theme="light"] .h-four-one .wpb_text_column .wpb_wrapper p,
html[data-theme="light"] .h-four-one .wpb_text_column .wpb_wrapper strong,
html[data-theme="light"] .h-four-one .wpb_text_column .wpb_wrapper span {
    color: #fff !important;
}

html[data-theme="light"] .h_account .non_h1 p,
html[data-theme="light"] .h_account .non_h1 strong,
html[data-theme="light"] .h_account .non_h6 p,
html[data-theme="light"] .h_account .non_h6 strong,
html[data-theme="light"] .h_account .non_h6 span {
    color: #fff !important;
}

html[data-theme="light"] .h-six .vc_col-sm-6:first-of-type .wpb_text_column .wpb_wrapper p,
html[data-theme="light"] .h-six .vc_col-sm-6:first-of-type .wpb_text_column .wpb_wrapper strong,
html[data-theme="light"] .h-six .vc_col-sm-6:first-of-type .wpb_text_column .wpb_wrapper span {
    color: #fff !important;
}

html[data-theme="light"] .wpb_row.o-top .non_h1 p,
html[data-theme="light"] .wpb_row.o-top .non_h1 strong,
html[data-theme="light"] .wpb_row.o-top .non_h1 span {
    color: #fff !important;
}