/* 1. HAUPT-BEREICH (Zentrierung) */
    .module-hero {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }

    /* 2. DIE GRÜNE BOX */
    .module-hero .container-fluid .row > div {
      background-color: rgba(0, 149, 65, 0.66) !important;
      border-radius: 4px; 
      width: fit-content !important;
      max-width: 90% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 30px 40px !important;
    }

    /* 3. TEXT-RESET */
    .module-hero h1.text-white,
    .module-hero p.text-white {
      background-color: transparent !important;
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      -webkit-text-stroke: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      text-align: left !important; 
      
      /* Reset Margin */
      margin-top: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* 4. ABSTÄNDE DEFINIEREN */
    
    /* Abstand Titel -> Text */
    .module-hero h1.text-white {
      margin-bottom: 15px !important;
    }

    /* NEU: Abstand Text -> Link */
    .module-hero p.text-white {
      margin-bottom: 25px !important; /* Hier die Grösse des Abstands anpassen */
    }