.elementor-1167 .elementor-element.elementor-element-9df5762{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1167 .elementor-element.elementor-element-9df5762:not(.elementor-motion-effects-element-type-background), .elementor-1167 .elementor-element.elementor-element-9df5762 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1167 .elementor-element.elementor-element-654a5fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1167 .elementor-element.elementor-element-2401a6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1167 .elementor-element.elementor-element-2401a6c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1167 .elementor-element.elementor-element-2401a6c .woocommerce-breadcrumb{color:var( --e-global-color-secondary );font-weight:600;}.elementor-1167 .elementor-element.elementor-element-2401a6c .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-1167 .elementor-element.elementor-element-48e9bd1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1167 .elementor-element.elementor-element-4194ae7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1167 .elementor-element.elementor-element-5e78be4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1167 .elementor-element.elementor-element-5e78be4.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1167 .elementor-element.elementor-element-4194ae7{--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1167 .elementor-element.elementor-element-9df5762{--content-width:1400px;}.elementor-1167 .elementor-element.elementor-element-654a5fd{--width:75%;}.elementor-1167 .elementor-element.elementor-element-48e9bd1{--width:25%;}.elementor-1167 .elementor-element.elementor-element-4194ae7{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-5e78be4 */<section class="ch-contact-new">

<style>

/* =========================
   BASE / TYPOGRAPHY
========================= */
.ch-contact-new {
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    padding: 0 20px;
}

.ch-contact-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* =========================
   HEADER
========================= */
.ch-contact-hero {
    margin-bottom: 40px;
    max-width: 700px;
}

.ch-contact-hero h1 {
    font-size: 2.2rem;
    margin-bottom: 10px;
    font-weight: var(--e-global-typography-primary-font-weight);
}

.ch-contact-hero p {
    font-size: 16px;
}

/* =========================
   GRID
========================= */
.ch-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 30px;
}

/* =========================
   CARDS
========================= */
.ch-card {
    background: #fff;
    padding: 28px;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.ch-card h3,
.ch-contact-hero h1,
.ch-opening h4 {
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
}

.ch-card h3 {
    font-size: 20px;
    margin-bottom: 18px;
}

.ch-opening h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.dot {
    color: #ff7a00;
}


/* =========================
   INFO
========================= */
.ch-info-block {
    margin-bottom: 18px;
    line-height: 1.6;
}

.ch-info-block a {
    color: #ff7a00;
    text-decoration: none;
}

.ch-info-block a:hover {
    text-decoration: underline;
}


/* =========================
   OPENING
========================= */
.ch-opening {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}


/* =========================
   FORM
========================= */
.ch-contact-form input,
.ch-contact-form textarea,
.ch-contact-form select {
    width: 100%;
    max-width: 100%;
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
    padding: 12px !important;
    font-family: inherit;
}

.ch-contact-form button {
    background: #ff6a00 !important;
    border: none !important;
    padding: 14px 22px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.ch-contact-form button:hover {
    background: #e55d00 !important;
}


/* =========================
   TABLET
========================= */
@media (max-width: 900px) {

    .ch-contact-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}


/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {

    .ch-contact-new {
        padding: 0 16px;
    }

    .ch-contact-container {
        width: 100%;
    }

    .ch-contact-hero {
        margin-bottom: 28px;
    }

    .ch-contact-hero h1 {
        font-size: 32px;
        line-height: 1.15;
    }

    .ch-contact-hero p {
        font-size: 15px;
        line-height: 1.5;
    }

    .ch-card {
        padding: 22px 18px;
        border-radius: 12px;
    }

    .ch-card h3 {
        font-size: 19px;
    }

    .ch-info-block {
        font-size: 15px;
    }

    .ch-contact-form button {
        width: 100%;
    }

}

</style>


<div class="ch-contact-container">

    <div class="ch-contact-hero">
      <h1>
        Contact opnemen<span style="color:#ff7a00;">.</span>
      </h1>
      <p>Heb je vragen of advies nodig? Wij helpen je graag verder.</p>
    </div>


    <div class="ch-contact-grid">


      <div class="ch-card ch-contact-info">

        <h3>Contactgegevens<span class="dot">.</span></h3>

        <div class="ch-info-block">
          <strong>CamperHulp</strong><br>
          Master de Jongwei 28<br>
          9219 VN De Tike
        </div>

        <div class="ch-info-block">
          <a href="mailto:info@camperhulp.com">info@camperhulp.com</a><br>
          <a href="https://wa.me/31626007175">06 26007175</a><br>
          KvK: 58259325
        </div>


        <div class="ch-opening">
          <h4>Bereikbaarheid<span class="dot">.</span></h4>
          <p>
            Maandag t/m vrijdag<br>
            08:30 – 12:00<br>
            13:00 – 16:30
          </p>
        </div>

      </div>


      <div class="ch-card ch-contact-form">

        <h3>Stuur ons een bericht<span class="dot">.</span></h3>

        [fluentform id="3"]

      </div>


    </div>

</div>

</section>/* End custom CSS */