.elementor-21286 .elementor-element.elementor-element-e2b8cf5 > .elementor-container{max-width:800px;}.elementor-21286 .elementor-element.elementor-element-e2b8cf5{padding:10px 10px 10px 10px;}.elementor-21286 .elementor-element.elementor-element-839c5ba{text-align:center;font-size:17px;font-weight:400;line-height:26px;}.elementor-21286 .elementor-element.elementor-element-9412364 > .elementor-container{max-width:800px;}.elementor-21286 .elementor-element.elementor-element-9412364{padding:60px 30px 60px 30px;}.elementor-21286 .elementor-element.elementor-element-e2aa6e5{text-align:center;}.elementor-21286 .elementor-element.elementor-element-df6da7f{text-align:center;font-size:14px;font-weight:400;}.elementor-21286 .elementor-element.elementor-element-cb450f0 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-ff5935d );color:var( --e-global-color-ff5935d );}.elementor-21286 .elementor-element.elementor-element-cb450f0 .elementor-button:hover, .elementor-21286 .elementor-element.elementor-element-cb450f0 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-21286 .elementor-element.elementor-element-4c7241e:not(.elementor-motion-effects-element-type-background), .elementor-21286 .elementor-element.elementor-element-4c7241e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://becamper.be/wp-content/uploads/2022/01/carado_alkoven-a132_mood-web.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21286 .elementor-element.elementor-element-4c7241e > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.65;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-21286 .elementor-element.elementor-element-4c7241e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:65px 0px 65px 0px;}.elementor-21286 .elementor-element.elementor-element-c61c5d6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-21286 .elementor-element.elementor-element-32955d7{width:var( --container-widget-width, 650px );max-width:650px;--container-widget-width:650px;--container-widget-flex-grow:0;text-align:center;}.elementor-21286 .elementor-element.elementor-element-32955d7 > .elementor-widget-container{margin:0px 0px 010px 0px;}.elementor-21286 .elementor-element.elementor-element-32955d7 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-21286 .elementor-element.elementor-element-4c148d7{width:var( --container-widget-width, 650px );max-width:650px;--container-widget-width:650px;--container-widget-flex-grow:0;text-align:center;}.elementor-21286 .elementor-element.elementor-element-4c148d7 > .elementor-widget-container{margin:0px 0px 020px 0px;}.elementor-21286 .elementor-element.elementor-element-4c148d7 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-21286 .elementor-element.elementor-element-87ab088 > .elementor-widget-container{padding:025px 0px 025px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-21286 .elementor-element.elementor-element-e2b8cf5{padding:30px 30px 30px 30px;}.elementor-21286 .elementor-element.elementor-element-9412364{padding:30px 30px 30px 30px;}.elementor-21286 .elementor-element.elementor-element-32955d7 .elementor-heading-title{font-size:34px;}.elementor-21286 .elementor-element.elementor-element-4c148d7 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for section, class: .elementor-element-ac28325 */<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<style>
  :root {
    --green: #449b23;
    --green-light: #5cb83a;
    --navy: #002230;
    --navy-light: #003a52;
    --font: 'Montserrat', 'Gotham Rounded', sans-serif;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  .bc-hero {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--navy);
    font-family: var(--font);
  }

  /* Photo de fond */
  .bc-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url('https://www.knaus.com/fileadmin/_processed_/d/4/csm_KNAUS-Van-TI-Plus-650-MEG-VW-2023_1920x720_efc9c3a823.jpg');
    background-size: cover;
    background-position: center 55%;
    z-index: 0;
  }

  /* Double overlay : côté gauche très foncé pour lisibilité, droite légèrement transparent */
  .bc-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      100deg,
      rgba(0, 18, 30, 0.92) 0%,
      rgba(0, 34, 48, 0.82) 45%,
      rgba(0, 34, 48, 0.45) 70%,
      rgba(0, 34, 48, 0.15) 100%
    );
    z-index: 1;
  }

  /* Vague blanche en bas */
  .bc-hero__curve {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 3;
    line-height: 0;
  }

  .bc-hero__content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 48px 110px;
    width: 100%;
  }

  .bc-hero__eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--green-light);
    margin-bottom: 18px;
    opacity: 0;
    animation: fadeInUp 0.6s 0.1s ease forwards;
  }

  .bc-hero__title {
    font-size: clamp(36px, 5.5vw, 68px);
    font-weight: 900;
    color: #ffffff;
    line-height: 1.05;
    margin-bottom: 22px;
    opacity: 0;
    animation: fadeInUp 0.7s 0.2s ease forwards;
    max-width: 620px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.4);
  }

  .bc-hero__title span {
    color: var(--green-light);
    display: block;
  }

  .bc-hero__subtitle {
    font-size: 17px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.88);
    max-width: 500px;
    margin-bottom: 36px;
    opacity: 0;
    animation: fadeInUp 0.7s 0.3s ease forwards;
    line-height: 1.7;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3);
  }

  .bc-hero__subtitle strong {
    color: #ffffff;
    font-weight: 600;
  }

  .bc-hero__dates {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1.5px solid rgba(68, 155, 35, 0.5);
    border-radius: 50px;
    padding: 13px 26px;
    color: white;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font);
    opacity: 0;
    animation: fadeInUp 0.7s 0.4s ease forwards;
    letter-spacing: 0.3px;
  }

  .bc-hero__dates svg {
    color: var(--green-light);
    flex-shrink: 0;
  }

  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 640px) {
    .bc-hero__content {
      padding: 60px 24px 90px;
    }
    .bc-hero__title {
      font-size: 38px;
    }
    .bc-hero__subtitle {
      font-size: 15px;
    }
  }
</style>

<section class="bc-hero">
  <div class="bc-hero__bg"></div>
  <div class="bc-hero__overlay"></div>

  <div class="bc-hero__content">
    <p class="bc-hero__eyebrow">Concessionnaire Officiel KNAUS</p>
    <h1 class="bc-hero__title">
      Knaus
      <span>Discovery Days</span>
    </h1>
    <p class="bc-hero__subtitle">
      5 modèles d'exception, 60 ans de savoir-faire allemand.<br>
      Découvrez la gamme KNAUS 2026 chez BeCamper —&nbsp;votre <strong>partenaire officiel</strong> camping-car en Belgique.
    </p>
    <div class="bc-hero__dates">
      <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
        <rect x="3" y="4" width="18" height="18" rx="2"/>
        <path d="M16 2v4M8 2v4M3 10h18"/>
      </svg>
      Du 18 au 30 mai 2026 · Baelen (Eupen)
    </div>
  </div>

  <!-- Vague blanche -->
  <div class="bc-hero__curve">
    <svg viewBox="0 0 1440 60" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="display:block; width:100%; height:60px;">
      <path d="M0 60 C400 0 1040 60 1440 20 L1440 60 Z" fill="#ffffff"/>
    </svg>
  </div>
</section>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87ab088 */.custom-form input:not([type=file], [type=submit]),
.custom-form select{
    background-color: white!important;
}
.custom-form input:not([type=file], [type=submit]),
.custom-form select{
    border : 1px solid #E4E4E4!important;
    padding: 8px 10px!important;
    border-radius: 0px!important;
}

.custom-form ul li,
.custom-form ul{
    list-style-type: none;
    padding: 0px;
    margin: 0;
}

.custom-form .hs-error-msg {
    color:#f2545b!important;
}

.custom-form input.error,
.custom-form textarea.error,
.custom-form select.error{
    border:1px solid #f2545b!important;
}

.custom-form .hs-field-desc {
    display: none!important;
}

.custom-form .submit-btn {
    background-color: var( --e-global-color-primary )!important;
    color: #ffffff!important;
    border-radius: 100px;
    font-weight: bold;
    text-transform: none;
    font-size: 14px;
    margin-top: 15px;
    padding:0 10px;
}

.custom-form fieldset {
    color: #949494;
}

.custom-form .grecaptcha-badge {
    margin-top: 15px;
}

.custom-form label {
padding-bottom: 5px;
}


.custom-form .hs-form-field {
    padding:10px;
}

.custom-form .hs-error-msg {
    margin-top: 5px;
}

.custom-form .hs-fieldtype-booleancheckbox,
.custom-form .legal-consent-container .hs-richtext{
    padding: 0 10px;
}

.custom-form .hs-form-radio-display input {
    margin-right: 5px;
}

.elementor-21286 .elementor-element.elementor-element-87ab088 .submitted-message {
    color:rgba(0,0,0,.8);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4c7241e */.elementor-21286 .elementor-element.elementor-element-4c7241e .elementor-heading-title,
.elementor-21286 .elementor-element.elementor-element-4c7241e .elementor-widget-container p {
    color:white;
}

.elementor-21286 .elementor-element.elementor-element-4c7241e label, .elementor-21286 .elementor-element.elementor-element-4c7241e fieldset, .elementor-21286 .elementor-element.elementor-element-4c7241e h2 {
    color:white!important;
}
.elementor-21286 .elementor-element.elementor-element-4c7241e textarea {
    background-color: white!important;
}/* End custom CSS */