:root {
	--wd-text-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-transform: capitalize;
	--wd-title-color: rgb(153,153,153);
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(18,136,121);
	--wd-alternative-color: rgb(234,53,123);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 8px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* =========================================================
   SPECIAL CAMPERS – TISCHER TRAIL 260 S VERKOOPPAGINA
   Veilige styling – alleen elementen met sc- classes
   ========================================================= */


/* ---------------------------------------------------------
   ALGEMEEN
   --------------------------------------------------------- */

.sc-hero,
.sc-highlights,
.sc-story,
.sc-tischer,
.sc-dark-section,
.sc-ranger,
.sc-ranger-specs,
.sc-equipment,
.sc-gallery,
.sc-smart,
.sc-travel,
.sc-condition,
.sc-maintenance,
.sc-maintenance-note,
.sc-specifications,
.sc-dimensions,
.sc-price-section,
.sc-contact,
.sc-contact-form,
.sc-final {
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.sc-hero {
    max-width: 1450px;
    margin: 0 auto;
    padding: 55px 35px 65px;
    align-items: center;
}

.sc-hero .sc-hero-text {
    padding-right: 55px;
}

.sc-hero .sc-hero-image {
    padding-left: 20px;
}

.sc-hero .sc-hero-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

.sc-hero-content h1 {
    font-size: 42px;
    line-height: 1.15;
    margin: 0 0 22px;
}

.sc-hero-content .sc-hero-subtitle {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.sc-hero-content p {
    line-height: 1.75;
}


/* Prijs in hero */

.sc-hero .sc-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 30px 0 32px;
}

.sc-hero .sc-price strong {
    font-size: 42px;
    line-height: 1.1;
    font-weight: 700;
}

.sc-hero .sc-price span {
    font-size: 17px;
}

.sc-hero .sc-price small {
    font-size: 14px;
    opacity: 0.6;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.sc-button {
    display: inline-block;
    padding: 15px 30px;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .3px;
    transition: all .2s ease;
}

.sc-button:hover {
    transform: translateY(-1px);
}


/* ---------------------------------------------------------
   HIGHLIGHTS
   --------------------------------------------------------- */

.sc-highlights {
    max-width: 1450px;
    margin: 0 auto;
    padding: 20px 35px 55px;
}

.sc-highlights .sc-highlight {
    padding: 22px 25px;
    border-left: 2px solid rgba(0,0,0,.12);
}

.sc-highlights .sc-highlight strong {
    display: block;
    font-size: 23px;
    line-height: 1.2;
    margin-bottom: 7px;
}

.sc-highlights .sc-highlight span {
    display: block;
    font-size: 15px;
}


/* ---------------------------------------------------------
   STORY
   --------------------------------------------------------- */

.sc-story {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
    align-items: center;
}

.sc-story-text {
    padding-right: 55px;
}

.sc-story-image img,
.sc-tischer-image img,
.sc-ranger-image img,
.sc-smart-image img,
.sc-travel-image img,
.sc-contact-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.sc-story-text h2,
.sc-tischer-text h2,
.sc-ranger-text h2,
.sc-smart-text h2,
.sc-travel-text h2,
.sc-contact-text h2 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 22px;
}

.sc-story-text p,
.sc-tischer-text p,
.sc-ranger-text p,
.sc-smart-text p,
.sc-travel-text p,
.sc-contact-text p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   TISCHER
   --------------------------------------------------------- */

.sc-tischer {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
    align-items: center;
}

.sc-tischer-text {
    padding-right: 45px;
}

.sc-intro {
    font-size: 18px;
    line-height: 1.65;
}


/* ---------------------------------------------------------
   DONKERE SECTIE
   --------------------------------------------------------- */

.sc-dark-section {
    margin: 45px 0;
    padding: 75px 35px;
}

.sc-dark-content {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sc-dark-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 18px;
}

.sc-dark-intro {
    font-size: 20px;
    margin-bottom: 30px;
}

.sc-dark-content p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   RANGER
   --------------------------------------------------------- */

.sc-ranger {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
    align-items: center;
}

.sc-ranger-text {
    padding-left: 45px;
}


/* ---------------------------------------------------------
   RANGER SPECS
   --------------------------------------------------------- */

.sc-ranger-specs {
    max-width: 1450px;
    margin: 0 auto;
    padding: 20px 35px 60px;
}

.sc-ranger-specs .sc-spec,
.sc-dimensions .sc-spec {
    text-align: center;
    padding: 20px 10px;
}

.sc-spec strong {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 7px;
}

.sc-spec span {
    display: block;
    font-size: 14px;
    opacity: .7;
}


/* ---------------------------------------------------------
   EQUIPMENT
   --------------------------------------------------------- */

.sc-equipment {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
}

.sc-equipment-box {
    height: 100%;
    padding: 30px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
}

.sc-equipment-box h3 {
    font-size: 23px;
    margin-bottom: 20px;
}

.sc-equipment-box ul {
    margin: 0;
    padding-left: 20px;
}

.sc-equipment-box li {
    margin-bottom: 10px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   GALERIJ
   --------------------------------------------------------- */

.sc-gallery {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
}

.sc-gallery img {
    width: 100%;
    display: block;
    border-radius: 5px;
}

.sc-section-title {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.sc-section-title span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    opacity: .65;
}

.sc-section-title h2 {
    font-size: 36px;
    margin-bottom: 15px;
}

.sc-section-title p {
    line-height: 1.7;
}


/* ---------------------------------------------------------
   SMART DETAILS
   --------------------------------------------------------- */

.sc-smart {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
    align-items: center;
}

.sc-smart-text {
    padding-right: 45px;
}

.sc-smart-text ul {
    margin-top: 25px;
    padding-left: 20px;
}

.sc-smart-text li {
    margin-bottom: 9px;
}


/* ---------------------------------------------------------
   TRAVEL
   --------------------------------------------------------- */

.sc-travel {
    max-width: 1450px;
    margin: 0 auto;
    padding: 70px 35px;
    align-items: center;
}

.sc-travel-text {
    padding-left: 45px;
}


/* ---------------------------------------------------------
   CONDITION
   --------------------------------------------------------- */

.sc-condition {
    padding: 75px 35px;
}

.sc-condition-content {
    max-width: 1200px;
    margin: 0 auto;
}

.sc-condition-content h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.sc-condition-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 40px 0;
}

.sc-condition-grid > div {
    padding: 28px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
}

.sc-condition-grid h3 {
    font-size: 21px;
    margin-bottom: 15px;
}

.sc-condition-grid ul {
    padding-left: 20px;
    margin: 0;
}

.sc-condition-grid li {
    margin-bottom: 8px;
}


/* ---------------------------------------------------------
   ONDERHOUD
   --------------------------------------------------------- */

.sc-maintenance {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 35px 35px;
}

.sc-maintenance-box {
    padding: 30px;
    height: 100%;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
}

.sc-maintenance-box h2 {
    font-size: 25px;
    margin-bottom: 20px;
}

.sc-maintenance-box li {
    margin-bottom: 10px;
}

.sc-maintenance-note {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 35px 60px;
    text-align: center;
}


/* ---------------------------------------------------------
   TECHNISCHE SPECIFICATIES
   --------------------------------------------------------- */

.sc-specifications {
    max-width: 1300px;
    margin: 0 auto;
    padding: 70px 35px;
}

.sc-specification-box {
    padding: 35px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
}

.sc-specification-box h2 {
    font-size: 27px;
    margin-bottom: 25px;
}

.sc-specification-list > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,.07);
}

.sc-specification-list > div:last-child {
    border-bottom: none;
}

.sc-specification-list strong {
    font-weight: 600;
}

.sc-specification-list span {
    text-align: right;
}

.sc-dimensions {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 35px 70px;
}


/* ---------------------------------------------------------
   PRIJS
   --------------------------------------------------------- */

.sc-price-section {
    padding: 85px 35px;
    text-align: center;
}

.sc-price-content {
    max-width: 850px;
    margin: 0 auto;
}

.sc-eyebrow {
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
    opacity: .65;
}

.sc-price-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin-bottom: 20px;
}

.sc-price-large {
    font-size: 52px;
    line-height: 1.1;
    font-weight: 700;
    margin: 25px 0 5px;
}

.sc-price-vat {
    font-size: 18px;
    margin: 0 0 5px;
}

.sc-price-excl {
    font-size: 15px;
    opacity: .6;
    margin: 0 0 30px;
}

.sc-price-intro {
    font-size: 18px;
    line-height: 1.7;
    margin: 25px auto;
    max-width: 750px;
}


/* ---------------------------------------------------------
   CONTACT
   --------------------------------------------------------- */

.sc-contact {
    max-width: 1300px;
    margin: 0 auto;
    padding: 75px 35px;
    align-items: center;
}

.sc-contact-text {
    padding-right: 45px;
}

.sc-contact-image {
    padding-left: 20px;
}


/* ---------------------------------------------------------
   CONTACT FORM
   --------------------------------------------------------- */

.sc-contact-form {
    max-width: 950px;
    margin: 0 auto;
    padding: 80px 35px;
}

.sc-form-intro {
    max-width: 750px;
    margin: 0 auto 35px;
    text-align: center;
}

.sc-form-intro h2 {
    font-size: 36px;
    margin-bottom: 15px;
}

.sc-form-intro p {
    line-height: 1.7;
}


/* ---------------------------------------------------------
   AFSLUITING
   --------------------------------------------------------- */

.sc-final {
    margin-top: 20px;
    padding: 90px 35px;
    text-align: center;
}

.sc-final-content {
    max-width: 900px;
    margin: 0 auto;
}

.sc-final-content h2 {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 20px;
}

.sc-final-content p {
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.7;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .sc-hero,
    .sc-story,
    .sc-tischer,
    .sc-ranger,
    .sc-smart,
    .sc-travel,
    .sc-contact {
        padding: 55px 25px;
    }

    .sc-hero-content h1 {
        font-size: 35px;
    }

    .sc-condition-grid {
        grid-template-columns: 1fr;
    }

    .sc-hero .sc-hero-text {
        padding-right: 25px;
    }

}


/* =========================================================
   MOBIEL
   ========================================================= */

@media (max-width: 767px) {

    .sc-hero,
    .sc-story,
    .sc-tischer,
    .sc-ranger,
    .sc-smart,
    .sc-travel,
    .sc-contact {
        padding: 40px 20px;
    }

    .sc-hero .sc-hero-text,
    .sc-story-text,
    .sc-tischer-text,
    .sc-ranger-text,
    .sc-smart-text,
    .sc-travel-text,
    .sc-contact-text {
        padding: 0;
    }

    .sc-hero .sc-hero-image,
    .sc-contact-image {
        padding: 25px 0 0;
    }

    .sc-hero-content h1 {
        font-size: 30px;
    }

    .sc-hero-content .sc-hero-subtitle {
        font-size: 18px;
    }

    .sc-hero .sc-price strong {
        font-size: 34px;
    }

    .sc-highlights {
        padding: 10px 20px 40px;
    }

    .sc-highlights .sc-highlight {
        padding: 15px 10px;
        border-left: none;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .sc-story-text h2,
    .sc-tischer-text h2,
    .sc-ranger-text h2,
    .sc-smart-text h2,
    .sc-travel-text h2,
    .sc-contact-text h2 {
        font-size: 29px;
    }

    .sc-dark-section {
        padding: 55px 20px;
    }

    .sc-dark-content h2 {
        font-size: 30px;
    }

    .sc-equipment,
    .sc-gallery,
    .sc-condition,
    .sc-specifications {
        padding: 50px 20px;
    }

    .sc-equipment-box {
        margin-bottom: 20px;
    }

    .sc-section-title h2 {
        font-size: 30px;
    }

    .sc-condition-grid {
        display: block;
    }

    .sc-condition-grid > div {
        margin-bottom: 20px;
    }

    .sc-specification-box {
        padding: 25px 20px;
        margin-bottom: 20px;
    }

    .sc-specification-list > div {
        flex-direction: column;
        gap: 3px;
    }

    .sc-specification-list span {
        text-align: left;
    }

    .sc-price-section {
        padding: 60px 20px;
    }

    .sc-price-content h2 {
        font-size: 29px;
    }

    .sc-price-large {
        font-size: 38px;
    }

    .sc-contact-form {
        padding: 60px 20px;
    }

    .sc-form-intro h2 {
        font-size: 30px;
    }

    .sc-final {
        padding: 65px 20px;
    }

    .sc-final-content h2 {
        font-size: 30px;
    }

}
/* Hero foto groter */
.sc-hero .sc-hero-image {
    padding-left: 10px;
}

.sc-hero .sc-hero-image img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    border-radius: 8px;
}
/* Hero CTA knop */
.sc-hero .sc-button {
    background: #168c7a;
    color: #ffffff !important;
    padding: 17px 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    display: inline-block;
    transition: all .2s ease;
}

.sc-hero .sc-button:hover {
    background: #117263;
    color: #ffffff !important;
    transform: translateY(-2px);
}
@media (max-width: 767px) {

    .sc-hero .sc-hero-image img {
        max-height: none;
        object-fit: contain;
    }

    .sc-hero .sc-button {
        width: 100%;
        text-align: center;
        padding: 16px 20px;
    }

}