/* Gebruik geen // om te commenten, ook al is het less */
/* // calc(~"100% - 20px") */
/* // div:nth-of-type(1) { grid-area: ~"1 / 1 / 2 / 2"; } */

/* spiekbriefje */
/* var(--theme--colors--primary--600): #fece2e; geel
   var(--theme--colors--primary--700): #3b9ad5; blauw
   var(--theme--colors--primary--500): #08395a; donkerblauw
   var(--theme--colors--primary--800): #08395a; donkerblauw
   var(--theme--colors--primary--100): #ebf5fb; zachtblauw
   var(--theme--colors--primary--200): #c8e3f3; zachtblauw hover
 */

/* *** Opmerkingen *** */
/* // DM fout */ 
/* // instellingen van DM werken niet zoals verwacht */
 
/* // DM niet */
/* // kan niet ingesteld worden in DM, terwijl je dat wel zou verwachten */

/* // CMS fout */
/* // kan niet ingesteld worden, staat fout in CMS */

/* ----------------------------------------------- */
/* *** Eigen classes ***  */
/* ----------------------------------------------- */
.product-details-03{
	div:first-child{
		order:1;
	}
}
/* // address */
.address a {
    color: inherit;
    display: flex;
    align-items: flex-start;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
        color: var(--theme--colors--primary--500);
    }

    img {
        margin-right: 10px;
    }

    &[href^="mailto"] img {
        transform: translateY(5px);
    }
}

.header-11 {
    .icon-text>svg {
        display: none;
    }

    .address a {
        img {
            width: 17px;
            transform: translateY(4px);
        }

        &[href^="mailto"] img {
            transform: translateY(7px);
        }
    }
}

/* // hr */
hr.primary {
    border-color: var(--theme--colors--primary--600);
}

/* ----------------------------------------------- */
/* *** Algemene aanpassingen systeem *** */
/* ----------------------------------------------- */

/* // transitions */
a,
button, 
li,
label {
    transition: all .3s ease-in-out;

    &:hover {
        transition: all .3s ease-in-out;
    }
}

/* // lists */
ul,
ol {
    &.nav {
        margin-bottom: 0;
    }
}

[class^=category-details],
[class^=product-details],
[class^=content] {
    ul,
    ol {
        &:not(:last-child) {
            margin-bottom: var(--elements--body-text--paragraph--margin-bottom);
        }
    }
}


/* // headings */
@media only screen and (min-width: 768px) {
    .page-heading {
        font-size: 3rem;
        line-height: 3.25rem;
    }
}

/* // alerts */
/* // CMS fout */
.alert {
    margin-top: 3rem;
}

/* // loader offerteformulier */
/* // CMS fout */
.loading:after{
	border-top-color: rgb(255,255,255,var(--tw-border-opacity));
}

/* *** Formulieren *** */

/* // dikke rand verwijderen bij focus */
/* // DM niet */
:focus-visible:not(.loading) {
    box-shadow: none;
}

/* // opmaak rondom upload veld verwijderen */
/* // DM niet */
input[type=file] {
    border: none;
    background: transparent;
    box-shadow: none;
    padding-left: 0;
}

/* // radio en checkboxen zelfde font-size als labels */
/* // .form-control-radio,
// .form-control-checkbox {
//     .form-label {
//         font-size: var(--elements--forms--label--font-size);
//     }
// } */

/* Formulier onderdelen bestellen */
#form-content-3 {
    .form-field-group .form-fields {
        @media only screen and (min-width: 480px) {
            /* // radio's naast elkaar */
            .form-field:nth-of-type(9),
            .form-field:nth-of-type(10) {
                .form-control-wrapper {
                    flex-direction: row;
                }
            }
        }
    }
}

/* ----------------------------------------------- */
/* *** Vaste onderdelen ***  */
/* ----------------------------------------------- */

/* // header */
.header-06 {
    .nav-categories.nav-stacked .nav-sub-items-wrapper {
		min-width:295px;
	}

    .nav-sub-items {
        margin-bottom: 0;
    }

    /* // nieuw en occasion verwijderen onder pagina's op mobiel */
    .nav-item.nav-item-page-72,
    .nav-item.nav-item-page-73 {
        display: none;
    }

    /* // */
    
    .nav-pages .nav .nav-item:last-child {
        margin-left: inherit;
    }
    
    @media only screen and (min-width: 1024px) {
        .nav-item {
            /* // nieuw en occasion bij pagina's aan op desktop */
            &.nav-item-page-72,
            &.nav-item-page-73 {
                display: block;
            }

            /* // ruimte tussen Producten en Nieuw aanpassen op desktop */
            &.nav-item-page-72 {
                margin-left: -32px;
            }
        }

        /* // nieuw en occasion verwijderen onder producten op desktop */
        .nav-categories .nav .nav-item .nav-sub-item {
            &:nth-last-of-type(1),
            &:nth-last-of-type(2) {
                display: none;
            }
        }

        /* // home uit op desktop */
        .nav-item.nav-item-page-1 {
            display: none;
        }

        /* // niet shop pagina's moeten rechts lijnen, zodat nieuw en occasion links blijven staan */
        .nav-pages .nav-item {
            &:nth-of-type(4) {
                margin-left: auto !important;
            }

            &:nth-of-type(6) {
                margin-left: var(--header-06--nav-items--gap) !important;
            }
        }

        .nav-right {
            .nav-item .nav-sub-items-wrapper{
                right: auto;
            }

            .nav-sub-item{
                align-items: flex-start;
            }
        }

        /* // menu links en rechts laten lijnen met logo en shopicoon */
        /* // CMS fout */
        .nav-pages .nav .nav-item:last-child a {
            padding-right: 0;
        }
    
        .nav-categories .nav .nav-item a {
            padding-left: 0;
        }
    }
}

.header-11 {
    display: none;

    .hidden {
    	white-space:nowrap;
    }
    
    .text-wrapper {
        justify-content: flex-start !important;
    }

    .icon-text ul.usp {
        display: flex;
        
        li {
            padding-left: 1.5rem;
            position: relative;
            margin-right: 1rem;

            &:before {
                background-color: var(--product-details-01--usp--color);
                background-repeat: no-repeat;
                background-size: contain;
                content: "";
                display: inline-block;
                flex-shrink: 0;
                height: 1rem;
                left: 0;
                mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2338A169' d='M435.848 83.466 172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
                -webkit-mask-size: contain;
                mask-size: contain;
                position: absolute;
                top: .25rem;
                width: 1rem;
                margin-left: 5px;
            }
        }
    }

    @media only screen and (min-width: 480px) {
        display: flex;
    }

    @media only screen and (min-width: 500px) {
        /* // social media icons tonen */
        .container {
            justify-content: space-between;
        }

        .language-wrapper.hidden {
            display: flex;
            justify-content: flex-end;
            grid-column: span 5/span 5;
        }

        .language-wrapper.hidden {
            .hidden {
                display: flex;
            }
        }
    }

    @media only screen and (min-width: 1280px) {
        .text-wrapper {
            grid-column: span 4/span 4;
        }
    
        .container {
            grid-template-columns: repeat(10,minmax(0,1fr));
        }

        .language-wrapper.hidden {
            grid-column: span 3/span 3;
        }
    }
}

/* // footer */
.footer-05 {
    /* //verberg 5de kolom */
    .grid>div:nth-of-type(5) {
        display: none;
    }

    /* // DM niet */
    .footer-heading {
        font-weight: 300;
    }

    p:not(:last-child) {
        margin-bottom: var(--elements--body-text--body--line-height);
    }

    .footer-column img {
        max-width: 200px;
        margin-right: 0!important;
        margin-bottom: 10px;
    }

    .address a {
        flex-direction: column;
        align-items: center;
    }

    .dealer-logos img {
        display: block!important;
        margin: 0 auto 15px!important;
    }
    
    .container {
        > .grid > div {
            justify-items: center;
            text-align: center;
        }

        .layout-footer-bar-logo .flex {
            justify-content: center;
        }

        @media only screen and (min-width: 480px) {
            > .grid > div {
                justify-items: unset;
                text-align: unset;
            }

            .grid {
                grid-template-columns: repeat(2, 1fr)!important;
                grid-template-rows: repeat(2, 1fr)!important;
                            
                div:nth-of-type(1) { grid-area: ~"1 / 1 / 2 / 2"; }
                div:nth-of-type(2) { grid-area: ~"1 / 2 / 2 / 3"; }
                div:nth-of-type(3) { grid-area: ~"2 / 1 / 3 / 2"; }
                div:nth-of-type(4) { grid-area: ~"2 / 2 / 3 / 3"; }
            }

            .layout-footer-bar-logo {
                .flex {
                    justify-content: flex-start;
                }

                img {
                    max-width: 150px!important;
                }
            }
    
            .address a {
                flex-direction: row;
                align-items: start;
            }

            .footer-column img {
                margin-right: 10px!important;
                margin-bottom: 0;
            }

            .dealer-logos img {
                margin: 0 0 20px!important;
            }
        }

        @media only screen and (min-width: 768px) {
            .grid {
                grid-template-columns: repeat(3, 1fr)!important;
                grid-template-rows: repeat(3, 1fr)!important;
                
                div:nth-of-type(1) { grid-area: ~"1 / 1 / 2 / 4"; }
                div:nth-of-type(2) { grid-area: ~"2 / 1 / 4 / 2"; }
                div:nth-of-type(3) { grid-area: ~"2 / 2 / 4 / 3"; }
                div:nth-of-type(4) { grid-area: ~"2 / 3 / 4 / 4"; }
            }

            .layout-footer-bar-logo {
                .flex {
                    justify-content: center;
                }

                img {
                    max-width:200px!important;
                }
            }
        }

        @media only screen and (min-width: 1024px) {
            .grid {
                grid-template-columns: repeat(4,minmax(0,1fr))!important;
                grid-template-rows: repeat(1, 1fr)!important;
                
                div:nth-of-type(1),
                div:nth-of-type(2),
                div:nth-of-type(3),
                div:nth-of-type(4) { 
                    grid-template-columns: repeat(1,minmax(0,1fr))!important;
                    grid-area: unset;
                }
            }

            .layout-footer-bar-logo {
                .flex {
                    justify-content: flex-start;
                }

                img {
                    max-width:200px!important;
                }
            }
        }
    }
}

.footer-03 {
    .container {
        flex-direction: column;
        
        @media only screen and (min-width: 640px) {
            flex-direction: row;
        }
    }
}

/* ----------------------------------------------- */
/* *** Blokken ***  */
/* ----------------------------------------------- */

/* *** Content 01  *** */
.fw_iframe_wrapper .content-01,
.content-01 {
    .content-01-item {
        .icon,
        .icon + div {
            align-self: flex-start;
        }

        .icon + div {
            margin-left: 1rem;
        }
    }

    @media only screen and (min-width: 1024px) {
        .content-01-item:not(:last-child):after {
            height: 100%;
        }
    }
}

/* *** Content 06  *** */
.fw_iframe_wrapper .content-06,
.content-06 {
    /* // DM niet */
    .content-06-item {
        background-color: var(--theme--colors--primary--100);
        padding: calc(~"var(--theme--spacing--grid--margin) / 2");
        justify-content: flex-start;
        
        .content-06-item-heading {
            margin-top: 0!important;
        }
    }
    
    @media only screen and (min-width: 480px) {
        .content-06-item {
            padding: var(--theme--spacing--grid--margin);
        }
    }
}

/* *** Content 08  *** */
.fw_iframe_wrapper .content-08, 
.content-08 {
    .container {
        > div:nth-of-type(1) {
            order: 2;
        }

        > div:nth-of-type(2) {
            order: 1;
            padding: 0;
        }
    }

    .content-08-body {
        img {
            display: none;
        }
    }
    /* // DM niet */
    .card {
        border: none;
    }

    @media only screen and (min-width: 768px) {
        .container {
            > div:nth-of-type(2) {
                padding-right: var(--content-08--column--padding-x)
            }
        }
        
        .content-08-body {
            img {
                display: block;
            }
        }

        .card {
            border-color: var(--elements--cards--container--border-color);
            border-style: solid;
            border-width: var(--elements--cards--container--border-top-width) var(--elements--cards--container--border-right-width) var(--elements--cards--container--border-bottom-width) var(--elements--cards--container--border-left-width);
        }
    }

    @media only screen and (min-width: 1024px) {
        .content-08-body {
            img {
                max-width: 250px;
            }
        }
    }
}

/* *** Content 23 *** */
.fw_iframe_wrapper .content-23,
.content-23 {
    .content-23-image {
        height: 100%;
    }
    
    .content-heading h1 {
        color: var(--theme--colors--primary--700);
        font-family: 'Roboto Slab';
        font-size: 2rem;
        font-weight: 100;
        margin-bottom: 0;
    }

    .content-23-text {
        h2 {
            color: var(--content-23--text--color);
            margin-bottom: 1rem;
        }

        ul {
            list-style: disc;
            list-style-position: outside;
            margin-left: 2rem;

            li::marker {
                color: var(--theme--colors--primary--700);
            }
        }
    }
}

/* *** Content 30 *** */
.fw_iframe_wrapper .content-30,
.content-30 {
    .container:before {
        /* // voor de box-shadow staat er een before op de container, maar daardoor kun je niet klikken op links in de tekst *//* DM fout */
        z-index: -70;
    }

    @media only screen and (min-width: 768px) {
        .container {
            grid-template-columns: repeat(5,minmax(0,1fr))!important;

            > div:nth-of-type(1) {
                grid-column: span 2/span 2!important;
            }
            > div:nth-of-type(2) {
                grid-column: span 3/span 3!important;
            }
        }

        /* // kolommen omwisselen als er meerdere staan, omdat er geen omgekeerd blok van is */
        &:nth-of-type(2n+1) {
            .container {
                > div:nth-of-type(1) {
                    order: 2;
                }
                > div:nth-of-type(2) {
                    order: 1;
                    padding-left: 0;
                }
            }
        }
        
        &:nth-of-type(2n) {
            .container {
                > div:nth-of-type(2) {
                    order: 1;
                    padding-right: 0;
                }
            }
        }
    }
}

/* *** Content 33 *** */
.fw_iframe_wrapper .content-33, 
.content-33 {
    .card {
        border: none;
    }
    
    .card-body {
        padding: 0;
    }

    .column-one {
        .form-field {
            padding-bottom: 0;
        }
    }
    
    .card.col {
        margin-top: 6.5rem;
        padding: 0;
        
        .items-start {
            &:not(:last-child) {
                margin-bottom: 2rem;
            }
            
            .icon {
                display: none;
                
                + div {
                    margin-left: 0!important;
                }
            }
        }

        @media only screen and (min-width: 768px) {
            padding: 0 0 0 2rem;
        }

        @media only screen and (min-width: 1024px) {
            margin-top: 5.5rem;
        }
    }
    
    hr {
        display: none;
    }

    /* // kolommen anders indelen */
    @media only screen and (min-width: 768px) {
        .container {
            &.md\:grid-cols-2 {
                grid-template-columns: repeat(3,minmax(0,1fr))!important;
            }

             > div:first-of-type { 
                grid-column: span 2/span 2!important;
            }
        }
    }
}

/* *** Content 47 *** */
/* // gebruikt voor vacatures */
.fw_iframe_wrapper .content-47,
.content-47 {
    @media only screen and (min-width: 640px) {
        .container {
            width: calc(~"640px - (2 * var(--theme--spacing--grid--margin))");
        }
    }

    @media only screen and (min-width: 768px) {
        .container {
            width: calc(~"768px - (2 * var(--theme--spacing--grid--margin))");
        }
    }

    @media only screen and (min-width: 1024px) {
        .container {
            width: calc(~"1024px - (2 * var(--theme--spacing--grid--margin))");
        }
    }

    @media only screen and (min-width: 1280px) {
        .container {
            width: calc(~"100% - (2 * var(--theme--spacing--grid--margin))");
        }
    }

    @media only screen and (min-width: 1400px) {
        .container {
            width: calc(~"var(--layout--page--body--max-width-container) - (2 * var(--theme--spacing--grid--margin))");
        }
    }

    /* // intro */
    .content-47-heading,
    .content-47-text {
        background-color: rgba(0,0,0,.5);
        padding: 1.5rem;

        @media only screen and (min-width: 1024px) {
            width: 70%;
            margin: auto;
        }
    }
    
    .content-47-heading {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .content-47-text {
        font-size: 1rem;

        .fw_button {
            font-size: var(--elements--buttons--button-small--font-size);

            @media only screen and (min-width: 480px) {
                font-size: var(--elements--buttons--button--font-size);
            }
        }
    }

    /* // knoppen */
    .fw_button,
    .btn-primary {
        &:hover {
            background-color: var(--theme--colors--primary--500)!important;
            border-color: var(--theme--colors--primary--500)!important;
        }
    }
    
    .gap-element {
    	gap:0;
    }

    .item-wrapper,
    .content-47-item {
        background-color: #ffffff;
        padding: 1.5rem;
                    
        > a {
            display: none;
        }

        .item-subheading {
            display: none;
        }

        .item-heading {
            margin-top: 0!important;
        }

        .item-button a {
            font-size: var(--elements--buttons--button--font-size);
        }
    }

    /* // afbeelding verbergen */
    .item-wrapper .rounded {
        display: none;
    }

    /* // vacatureblok op home en over ons */
    .container {
        background: url(/files/verhuur-aartsheftruckservice) var(--content-47--container--background-color);
        background-blend-mode: luminosity;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    @media only screen and (min-width: 1024px) {
        .grid {
            display: flex!important;
            justify-content: center;
        }
        
        .item-wrapper,
        .content-47-item {
            width: 33%;
        }
    }
}

/* *** Content 55 *** */
.fw_iframe_wrapper .content-55,
.content-55 {
    .swiper {
        margin-top: 0!important;

		.swiper-wrapper {
			justify-content: center;
		}
    }

    .content-55-slider {
        .swiper-slide {
            aspect-ratio: 1/1;
            padding: 10px;
            margin-right: 10px!important;
            scale: .9;
            background-color: #ffffff;
        }
    }

    .swiper-button-prev {
        left: -30px;
        color: #ffffff;
    }

    .swiper-button-next {
        right: -30px;
        color: #ffffff;
    }
}

/* *** Content 61 *** */
.fw_iframe_wrapper .content-61,
.content-61 {
    background: linear-gradient(350deg, rgba(8,57,90,1) 56%, rgba(59,154,213,1) 100%);

    p {
        color: #ffffff;
    }
    
}

/* *** Content 62 *** */
.fw_iframe_wrapper .content-62,
.content-62 {
    .nav {
        margin-bottom: 0!important;

        /* // nieuw en occasion */
        .nav-item:nth-last-of-type(1),
        .nav-item:nth-last-of-type(2) {
            background-color: var(--theme--colors--primary--100);
        }

        .nav-sub-item:hover {
            background-color: var(--theme--colors--primary--200);
        }
    }

    /* // navigatie op mobiel hetzelfde als op desktop */
    .nav-item-link {
        border-top: 0;
        border-right: 0;
        border-left: 0;
    }
    /* // */

    .nav-sub-items {
        top: 10px;
    }

    .nav-sub-item {
        border-bottom-width: 1px;
        border-color: var(--theme--colors--primary--100);
    }

    /* // slider */
    .content-item-heading {
        font-size: calc(~"var(--content-62--heading--font-size) * .75");
        line-height: calc(~"var(--content-62--heading--line-height) * .75");
    }

    .swiper-wrapper .lg\:w-2\/3 {
        padding: 0;
    }

    .swiper-slide-active .content-item-box {
        padding: 0;
    }
    
    &:hover .swiper-button-next,
	&:hover .swiper-button-prev {
    	&.swiper-button-disabled {
        	opacity: .5
    	}
	}
    
    /* // categorieën ook op mobiel tonen */
    .container {
        > div:nth-of-type(1) {
            display: block!important;
            order: 2;
        }

        > div:nth-of-type(2) {
            order: 1;
        }
    }

    @media only screen and (min-width: 480px) {
        .swiper-wrapper .lg\:w-2\/3 {
            padding: var(--theme--spacing--column--padding-y) var(--theme--spacing--column--padding-x);
            width: 100%;
        }
    }

    @media only screen and (min-width: 768px) {
        .content-item-heading {
            font-size: var(--content-62--heading--font-size);
            line-height: var(--content-62--heading--line-height);
        }
        
        .swiper-slide-active .content-item-box {
            padding: var(--content-62--item--padding-y) calc(~"var(--content-62--navigation--offset) + var(--content-62--navigation--width) + .5rem - var(--theme--spacing--column--padding-x)");
        }

        /* // categorieën en slider naast elkaar */
        .container {
            grid-template-columns: repeat(3,minmax(0,1fr));

            > div:nth-of-type(1) {
                order: 1;
            }
    
            > div:nth-of-type(2) {
                order: 2;
            }

            >.relative {
                grid-column: span 2/span 2;
            }
        }
    }

    @media only screen and (min-width: 1024px) {
        .container {
            grid-template-columns: repeat(4,minmax(0,1fr));

            >.relative {
                grid-column: span 3/span 3;
            }
        }

        .nav-stacked-column .nav-sub-items-wrapper{
        	left:100% !important;
            top: 42px !important;
            padding: 0;
            min-width: 230px!important;
        }
    }
}

/* *** Shopping Cart *** */
.shopping-cart-01 {
    /* // CMS fout */ 
    .table-cart-product-amount {
        .form-control {
            margin-top: 0;
        }
    }

    /* // CMS fout */ 
    .table-cart-product-delete {
        .btn-icon {
            margin-top: 0;
        }
    }
}

/* *** Content News List 1 *** */
.fw_iframe_wrapper .content-news-list-01,
.content-news-list-01 {

     /* // DM fout */ /* border van 1 rem */
    .container fw-list > .grid > .item-wrapper,
    .container > .grid > .item-wrapper {
        border: 1px solid #d9d9d9;
        padding: 1rem;

        > .grid {

            /* // afbeelding verwijderen */
            .rounded {
                display: none;
            }
            
            .item-heading {
                /* // auteur en datum verbergen */
                + div {
                    display: none;
                }
            }

            /* // CMS fout */ /* //button */
            + div {
                text-align: left!important;
            }
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        /* // twee kolommen op tablet */
        .container > .grid {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }
    }
}

/* *** Content News Details 1 *** */
.fw_iframe_wrapper .content-news-details-01,
.content-news-details-01 {
    .container {
        /* // CMS fout */
        grid-template-columns: unset!important;
        
        /* // foto en tekst omwisselen */
        > div:nth-of-type(1) {
            order: 2;
            grid-column: span 2/span 2!important;
        }
        
        > div:nth-of-type(2) {
            margin-top: 0!important;
            order: 1;
        }
    }
    
    /* // tijd en auteur verbergen */
    h1.page-heading {
        + div {
            display: none;
        }
    }
    
    @media only screen and (min-width: 768px) {
        .container {
            grid-template-columns: repeat(3,minmax(0,1fr))!important;

            > div:nth-of-type(1) {
                grid-column: span 1/span 1!important;
            }
        }
    }
}

/* *** Category List 01 *** */
.fw_iframe_wrapper .category-list-01,
.category-list-01 {
    .card-image {
        padding: 0; /* // DM fout */

        &.cover {
            aspect-ratio: 3/2;
            box-sizing: border-box;
            width: 100%;
            height: auto;
        }
    }
    
    @media only screen and (min-width: 1024px) {
        .card-image.cover {
            height: unset;
        }
    }
}

/* *** Product List 01 *** */
.fw_iframe_wrapper .content-46,
.content-46,
.fw_iframe_wrapper .search-result-01,
.search-result-01,
.fw_iframe_wrapper .product-list-01,
.product-list-01 {
    /* // filters */ /* // DM fout */
    .product-filter-tags-more-handler {
        margin-top: calc(~"var(--theme--spacing--element--margin) / 3")!important;
        font-size: 0.875rem;
    }

    /* // DM niet */
    .form-row {
        margin-top: calc(~"var(--theme--spacing--element--margin) / 3")!important;
    }

    .form-control-checkbox {
        min-height: 1rem;
        
        .form-label {
            min-height: 1rem;
            font-size: .75rem;
            
            &:before {
                top: 2px;
            }
            
            &:after {
                top:unset
            }
        }
    }

    /* // extra Bekijk product button (zie Instellingen > Externe scripts) voor de js */
    .card-footer button {
        width: 100%;
    }

    /* // lijst in korte omschrijving */
    .product-list-short-text ul {
        margin-left: 0;
        margin-top: 1.5rem;
        padding-top: 0.1rem;
        border-top: 1px solid var(--elements--tables--column--border-bottom-color);

        li {
            list-style: none;
            border-bottom: 1px solid var(--elements--tables--column--border-bottom-color);
            font-size: calc(~"var(--elements--cards--sub-sub-title--font-size) * 1.25");
            line-height: calc(~"var(--elements--cards--sub-sub-title--line-height) * 1.25");
            text-align: right;
            color: var(--elements--cards--title--color);

            &::marker {
                display: none!important;
            }

            strong {
                width: 40%;
                text-align: left;
                float: left;
                color: var(--elements--cards--sub-sub-title--color);
            }
        }
    }
    
    /*// lijst in lange omschrijving*/ /*// DM Niet */
    .category-text-alt ul {
        list-style: disc;
    	padding-left: 2.5rem;
    
    	&:not(:last-child) {
			margin-bottom: var(--elements--body-text--paragraph--margin-bottom);
		}
    }
}

/* // label Meerdere uitvoeringen in blauw */
.card-label.card-label-3 {
    background: var(--theme--colors--primary--700);
    color: #fff;
}

/* // kenmerk verwijderen op categoriepagina's */ /* // CMS fout */
.fw_iframe_wrapper .product-list-01,
.product-list-01 {
    .card-sub-title.product-list-feature-names {
        display: none;
    }
    
    .page-title-01 h1 {
        margin-bottom: 1rem; /* // DM fout */
    }
}

.fw_iframe_wrapper .search-result-01,
.search-result-01 {
    /* // kenmerk verplaatsen in zoekresultaat */ /* // CMS fout */
    .product-list-search-result {
        .card-body {
            .flex-grow {
                display: flex;
                flex-direction: column;

                .product-list-product-name {
                    order: 1;
                }

                .product-list-article-number {
                    order: 3;
                }

                .product-list-feature-names {
                    order: 2;
                }

                .product-list-short-text {
                    order: 4;
                }
            }
        }
    }

    /* // label Meerdere uitvoeringen hoeft niet op zoekresultaat */
    .card-label.card-label-3 {
        display: none;
    }
}

/* // prijsschuiver verbergen */
.fw_iframe_wrapper #product-filter-price,
#product-filter-price {
    display: none;
}

/* // afbeelding product card */
.card-product .card-image {
    aspect-ratio: 1/1;
    height: unset!important;
    padding: 0;
}

/* // button product card */
.fw_iframe_wrapper .card-footer-button,
.card-footer-button {
    /* // CMS fout */
    padding: 0 var(--elements--cards--body--padding-x) calc(~"var(--elements--cards--body--padding-y) / 1.25");

    /* // DM niet */
    .btn-primary.btn-sm {
        background-color: var(--elements--buttons--default--background-color);
        border-color: var(--elements--buttons--default--border-color);
        font-size: var(--elements--buttons--button--font-size);
        color: #ffffff;

        &:hover {
            background-color: var(--elements--buttons--default--background-color-hover);
            border-color: var(--elements--buttons--default--border-color-hover);
        }
    }
}

/* // op mobiel filters onder footer vandaan halen */ /* Product list en Product Detail */
/* // CMS fout */
body.template-products,
body.template-product {
    padding-bottom: 65px;

    footer {
        z-index: 0;
    }

    @media only screen and (min-width: 1024px) {
        padding-bottom: 0;
    }
}

/* *** Product Details 02 / 17*** */
.fw_iframe_wrapper .product-details-02
.fw_iframe_wrapper .product-details-17,
.product-details-02,
.product-details-17 {
    hr.primary {
        display: none;
    }

    /* // Tags bovenaan plaatsen */
    .container > div:last-of-type {
        display: flex;
        flex-direction: column-reverse;

        .product-details-tags-wrapper {
            margin-top: 0;
            margin-bottom: var(--theme--spacing--element--margin);
        }
    }
    
    .product-details-17-advice-text {
	    transition:none;
	}
    
    /* // Kies een uitvoering aanpassen */
    #product-details-features {
        border-bottom: 1px solid var(--theme--colors--primary--600);
        padding-bottom: var(--elements--body-text--paragraph--margin-bottom);
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        
        div {
            height: fit-content;
            width: fit-content!important;
        }
        
        .flex-grow,
        .flex-grow div,
        .flex-grow select {
            margin: 0!important;
            flex-grow: unset!important;
        }
        
        @media only screen and (min-width: 480px) {
            align-items: center;
            flex-direction: row;

            .flex-grow select {
                margin-left: 10px!important;
            }

            .flex-grow div {
                display: flex;
                align-items: center;
            }
        }

        @media only screen and (min-width: 1024px) {
            justify-content: space-between;
        }
    }

    /* // */

    .card-body {
        > div > div:nth-of-type(2) {
            .pdf,
            .video {
                position: relative;

                a {
                    padding-left: 25px;
                }

                &:before {
                    content: "";
                    width: 20px;
                    height: 30px;
                    background-repeat: no-repeat;
                    position: absolute;
                    left: 0;
                }
            }
            
            .pdf:before {
                background-image: url(/files/file-pdf-solid.svg);
            }
            
            .video:before {
                background-image: url(/files/film-solid.svg);
            }

            hr.primary {
                margin-bottom: var(--elements--body-text--paragraph--margin-bottom);
            }

            > div.mt-space-element:nth-of-type(1) {
                margin-top: 0!important;
            }
        }
    }

    /* // titel kenmerken aanpassen */ /* // DM niet */
    .product-features-title {
        color: var(--theme--colors--primary--700)!important;
    }

    .product-feature {
        margin-top: 0;
    }

    .page-title-01+div {
        margin-top: 1rem;

        /* // verberg tekst artikelnummer */
        span:nth-of-type(1) {
            display: none;
        }

        span:nth-of-type(2) {
            margin-left: 0 !important;
        }
    }

    /* Gallerij */

    /* // witruimte oplossen */
    .swiper-gallery .swiper-slide {
        align-self: center;
    }

    .swiper-main {
        border: 1px solid #d9d9d9;
    }

    .swiper-main, 
    .swiper-thumbs {
        max-width: 640px;
    }

    /* // navigatiepijlen */
    #product-details-gallery.swiper-gallery {
        .swiper-button-prev,
        .swiper-button-next {
            /* // DM niet */
            &:hover {
                border-color: var(--product-details-02--swiper-navigation--color-hover);
            }
            /* // CMS fout */
            &.swiper-button-disabled {
                &:hover {
                    border-color: var(--product-details-02--swiper-navigation--border-color);
                    
                    &:after {
                        color: var(--product-details-02--swiper-navigation--color);
                    }
                }
            }
        }

        /* // CMS fout */
        .swiper-button-next {
            right: 1rem;
        }

        /* // CMS fout */        
        .swiper-button-prev {
            left: 1rem;
        }
    }

    /* // thumbs *//* // CMS fout */
    .swiper-thumbs .swiper-slide {
        border: 1px solid #d9d9d9;
    }

    /* // */

    /* // verberg tekst tags */
    .product-details-tags-wrapper {
        .icon-text {
            display: none;
        }

        /* // tags */
        .product-details-tags {
            margin-left: 0 !important;

            /* // alle tags verbergen, het zijn er teveel */
            a {
                display: none;
            
                &:hover {
                    background-color: var(--theme--colors--primary--700);
                    border-color: var(--theme--colors--primary--700);
                }
            }

            /* // een aantal tags wel tonen */
            a[href*="?tags=staat"],
            a[href*="?tags=motor"],
            a[href*="?tags=merk"] {
                display: inline-block;
            }
        }
    }

    /* // knop  */
    .btn.btn-success {
        /* // DM niet */
        &:hover {
            background-color: var(--theme--colors--primary--500);
            border-color: var(--theme--colors--primary--500);
        }

        svg {
            display: none;
        }
    }

    @media only screen and (min-width: 1024px) {
        hr.primary {
            display: block;
        }
    }
}

/* *** Product Details 03 *** */
.fw_iframe_wrapper .product-details-03,
.product-details-03 {
    #product-details-properties .card-body {
        /* // DM niet */
        .card-title:not(:first-of-type) {
            border-top: 1px solid var(--elements--tables--column--border-bottom-color);
            padding-top: calc(~"var(--theme--spacing--column--padding-y) / 4");
            margin-top: calc(~"var(--theme--spacing--element--margin) / 2")!important;
        }

        table {
            width: 100%;
            margin-top: 0!important;

            tr {
                display: flex;
                flex-direction: column;
                border: none;
            }

            td {
                text-align: left;
                padding-bottom: 0;
            }

            td:first-child {
                font-weight: 700;
            }

            td:last-child {
                padding-top: 0;
                padding-right: 0;
                color: var(--theme--colors--primary--700);
            }
        }
    }
    
    @media only screen and (min-width: 480px) {
        #product-details-properties .card-body {
            table {
                tr {
                    display: table;
                    width: 100%;
                }
                
                td{
                    padding-top: calc(~"var(--theme--spacing--column--padding-y) / 4")!important;

                    &:last-child {
                        text-align: right;
                    }
                }
            }
        }
    }
}

#layout-checkout-content {
    /* // Winkelwageninhoud naar onder */
    /* // CMS fout */
    .table-simple {
        margin-top: calc(~"var(--theme--spacing--element--margin) / 2")!important;

        tbody tr {
            border-bottom: 1px solid var(--elements--tables--column--border-bottom-color)!important;
            padding-bottom: calc(~"var(--theme--spacing--element--margin) / 1.5");
        }
    }

    /* // Knop dezelfde ruimte als de rest van het formulier */
    /* // CMS fout */
    .card-footer {
        padding: var(--elements--cards--body--padding-y) var(--elements--cards--body--padding-x);
    }

    @media only screen and (min-width: 1024px) {
        .table-simple {
            margin-top: calc(~"var(--theme--spacing--element--margin) * 2")!important;
        }
    }
}

/* ----------------------------------------------- */
/* *** Overige *** */
/* ----------------------------------------------- */

/* // account button uitschakelen */
.account-button {
    display: none;
}

/* // quick notifier aanpassen *//* // DM niet */
#quick-cart-notifier .card {
    .card-header {
        color: var(--theme--colors--primary--700);
    }

    .card-title {
        color: #000;
        font-size: .75rem;
        font-weight: 300;
    }
    
    /* // font knop */
    .card-footer a {
        font-size: var(--elements--buttons--button--font-size);
    }
}

/* ----------------------------------------------- */
/* *** Specifiek voor pagina's *** */
/* ----------------------------------------------- */

/* *** Home *** */

/* // logoblok */
.fw_iframe_wrapper #content-25-341,
#content-25-341 {
    .feature {
        aspect-ratio: 1/1;
        min-height: unset;
        background: #ffffff;
        align-items: center;

        .feature-image {
            max-width: 70%;
            left: unset;
            
            img {
                object-fit: contain;
            }
        }

        /* // EP logo kleiner */
        &:nth-of-type(2) .feature-image {
            max-width: 50%;
        }
    }

    .feature-body,
    .feature-link {
        display: none;
    }

    @media only screen and (min-width: 480px) {
        .container {
            grid-template-columns: repeat(2,minmax(0,1fr))!important;
        }
    }

    @media only screen and (min-width: 768px) {
        .container {
            grid-template-columns: repeat(4,minmax(0,1fr))!important;
            max-width: 800px;
        }
    }
}

/* // ruimte boven content-45 */
@media only screen and (min-width: 1024px) {
    #content-45-152 {
        > .container {
            margin-top: -32px;
        }
    }
}

/* *** Service *** */

/* // intro */
#page-text-01-323 {
    p {
        font-size: 1rem;
    }
}

/* // logo BMWT */
#content-30-326 {
    .content-30-image img {
        max-width: 250px;
        object-fit: unset!important;
        margin: auto;
    }
}

/* // outtro */
#content-29-328 {
    .content-29-text.text-center {
        padding-left: var(--theme--spacing--grid--margin);
        padding-right: var(--theme--spacing--grid--margin);

        @media only screen and (min-width: 640px) {
            max-width: 640px;
            margin: auto;
        }
        @media only screen and (min-width: 1024px) {
            max-width: 768px;
        }
    }
}

/* // transportafdeling */
#content-61-329 {
    .container {
        @media only screen and (min-width: 640px) {
            max-width: 640px;
        }
    }
}

/* *** Over ons *** */
#content-61-353 {
    .container {
        @media only screen and (min-width: 640px) {
            max-width: 640px;
        }
    }
}

/* *** Team *** */
.page-82 .content-06 {
    .content-06-item {
        background-color: transparent;
        text-align: center;
        padding-left: 0;
        padding-right: 0;

        .content-06-item-text,
        .content-06-item-button {
            display: none;            
        }

        .content-06-item-image {
            aspect-ratio: 1;
            width: 200px;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .content-06-item-text img {
            display: inline;
            margin-right: 15px;
        }
    }

    /* // Algemene titels van blok verbergen */
    .content-06-heading,
    .content-06-text,
    .content-06-item-button {
        display: none!important;
    }

    /* // Teksten onder bepaalde personen wel tonen */
    &#content-06-363 .content-06-item .content-06-item-text {
        display: block !important;
    }
    
    &#content-06-364 .content-06-item:first-of-type .content-06-item-text {
        display: block!important;
    }

    @media only screen and (min-width: 768px) {
        .content-06-item-image {
            width: 150px;
        }

        .gap-grid {
            grid-template-columns: repeat(3,minmax(0,1fr))!important;
        }
    }
}

/* *** Diensten *** */
#content-06-355 {
    /* // Knoppen onderaan uitlijnen */
    .content-06-item {
        display: flex;
        flex-direction: column;

        .content-06-item-text {
            flex-grow: 1;
        }
    }

    /* // Introtekst links */
    .content-06-text {
        text-align: left;
    }

    /* // Afbeeldingen verbergen */
    .content-06-item picture {
        display: none!important;
    }

    /* // Titels */
    .content-06-item-heading h2 {
        color: var(--elements--body-text--heading-2--color);
        font-size: var(--elements--body-text--heading-2--font-size);
    }
}

/* *** Algemene voorwaarden *** */
#page-text-01-358 {
    ul {
        margin-left: 0;
        
        li {
            list-style: none;
        }
    }
}

/* *** Nieuws *** */
.page-39 {
    /* //Afbeeldingen wel tonen */
    .fw_iframe_wrapper .content-news-list-01, 
    .content-news-list-01 {
        & .container fw-list > .grid > .flex, 
        & .container > .grid > .flex {
            & > .grid {
                .rounded {
                    display: block;
                }
            }
        }
    }
}

/* *** Shop categoriepagina's *** */
#fw_preview .cta-footer,
.cta-footer {
    display: flex;

    .col {
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 2rem 0;
    }
    
    .cta-image {
        display: none;
        z-index: 1;
        
        img {
            display: block;
            float: right;
        }
    }
    
    .cta-text {
        margin: auto;
        position: relative;
        z-index: 0;
        background: url(/files/verhuur-aartsheftruckservice) var(--theme--colors--primary--700);
        background-blend-mode: luminosity;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        
        &:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: var(--theme--colors--primary--500);
            opacity: 0.8;
        }
        
        .address {
            /* z-index: 50; */
            position: relative;
            
            p:last-child {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            a {
                text-decoration: underline;
                text-decoration-thickness: 1px;

                img {
                    width: 17px;
                    margin-right: 5px;
                }

                &:hover {
                    color: var(--theme--colors--primary--600);
                }
            }
        }
    }
    
    @media only screen and (min-width: 768px) {
        .col {
            width: 50%;
            padding: 2rem;
        }

        .cta-image {
            padding: 0;
            display: block;

            img {
                transform: translate(10%, -30px);
            }
        }
        
        .cta-text .address {
            padding: 1rem 0;
        }
    }
    
    @media only screen and (min-width: 1024px) {
        .col {
            font-size: 1.5rem;
            line-height: 2rem;
        }
        
        .cta-image img {
            transform: translate(10%, -50px);
        }
        
        .cta-text .address {
            padding: 2rem 0;

            a img {
                width: 23px;
                margin-right: 10px;
            }
        }
    }
    
    @media only screen and (min-width: 1280px) {
        .col {
            font-size: 2rem;
            line-height: 2.5rem;
        }
    
        .cta-text .address a img {
            width: 33px;
            margin-right: 20px;
        }
    }
}

#fw_preview #content-41-401,
#content-41-401 {
    .container > div {
        padding: 0;
    }

    @media only screen and (min-width: 768px) {
        margin-bottom: calc(~"var(--layout--main--container--padding-y) / -1");

        .container {
            transform: translateY(30px);
        }
    }
    
    @media only screen and (min-width: 1024px) {
        margin-bottom: calc(~"var(--layout--main--container--margin-bottom) / -1");

        .container {
            transform: translateY(50px);
        }
    }
}
/* --- FAQ Accordion Aarts Heftruck Service --- */
.faq-container-tm {
    margin: 40px 0;
    max-width: 800px;
}

.faq-item-tm {
    border: 1px solid #e0e0e0;
    margin-bottom: 12px;
    border-radius: 6px;
    background: #f9f9f9;
    transition: all 0.3s ease;
}

.faq-item-tm[open] {
    background: #ffffff;
    border-color: #333;
}

.faq-item-tm summary {
    font-weight: 600;
    padding: 18px;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222;
}

.faq-item-tm summary::-webkit-details-marker { 
    display: none; 
}

/* Plus/Min icon styling */
.faq-item-tm summary::after {
    content: '+';
    font-size: 1.5em;
    color: #666;
}

.faq-item-tm[open] summary::after { 
    content: '-'; 
    color: #000; 
}

/* Inhoud van de FAQ */
.faq-item-tm p {
    padding: 0 18px 18px 18px;
    margin: 0;
    color: #555;
    line-height: 1.6;
    border-top: 1px solid #eee;
    padding-top: 15px;
}