.landing-hero-wrapper {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start; /* 👈 plak content aan de linkerkant */
  padding: 2rem 1rem 2rem;
  gap: 2rem;
  margin-top: 0 !important;
  max-width: 1200px; /* 👈 optioneel: begrens de breedte */
  margin-left: auto;
  margin-right: auto;
}
  
 
   .landing-hero-text {
     max-width: 600px;
     padding: 1rem;
     margin-top: 1rem; /* <-- duwt hero tekst iets naar beneden zonder te centreren */
   }
 
   .landing-hero-text h1 {
     font-size: 2.8rem;
     font-weight: 800;
     margin-bottom: 1rem;
     color: #000;
   }
 
   .landing-hero-text ul {
     list-style: none;
     padding-left: 1.2rem;
     margin-top: 1rem;
   }
 
   .landing-hero-text li {
     margin-bottom: 0.5rem;
     font-size: 1.1rem;
     position: relative;
     color: #111;
   }
 
   .landing-hero-text li::before {
     content: "✓";
     position: absolute;
     left: -1.2rem;
     color: #059669;
     font-weight: bold;
   }
 
   .landing-info-block {
    background: #f8f8f8;
    padding: 2.5rem 1rem; /* minder verticaal */
    text-align: center;
  }
  
 
   .landing-info-block h2 {
     font-size: 2rem;
     font-weight: 800;
     margin-bottom: 1rem;
   }
 
   .landing-info-block p {
     max-width: 800px;
     margin: 0 auto;
     font-size: 1.1rem;
     line-height: 1.8;
     color: #333;
   }
 
   @media (max-width: 768px) {
     .landing-hero-wrapper {
       flex-direction: column;
     }
 
     .landing-hero-text h1 {
       font-size: 2rem;
     }
 
   
 
   }
   .md-content__inner {
     padding-top: 0 !important;
     margin-top: 0 !important;
 }
 .cta-button {
   display: inline-block;
   margin-top: 1.5rem;
   background-color: #3f51b5;
   color: #ffffff !important; /* <-- forceer wit */
   font-weight: 600;
   font-size: 1rem; /* <-- zorg dat de tekstgrootte klopt */
   padding: 0.8rem 1.6rem;
   border-radius: 0.5rem;
   text-decoration: none;
   transition: background 0.2s ease;
   text-align: center;
 }
 
 .cta-button:hover {
   background-color: #2c3aa9;
   color: #ffffff !important; /* ook op hover */
 }
 @media (min-width: 1024px) {
  .landing-hero-text {
    max-width: 720px; /* of zelfs 800px */
  }
}

.landing-split-block {
  background: #fff; /* wit */
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 2rem 1rem;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap; /* mobiel fallback */
}

.landing-split-block .split-text {
  flex: 1 1 60%;
}

.landing-split-block .split-text h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.landing-split-block .split-text p {
  font-size: 1.1rem;
  color: #333;
  margin: 0;
}

.landing-split-block .split-button {
  flex: 1 1 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 768px) {
  .landing-split-block {
    flex-direction: column;
    text-align: center;
  }

  .landing-split-block .split-button {
    justify-content: center;
    margin-top: 1rem;
  }
}