:root{
      --brand-blue:#151E37;
      --dark-blue:#1a2137;
      --dark-blue-2:#2a3146;
    }

  .top-hero {
  background: var(--brand-blue);
  padding-top: 60px;
  /* Wir brauchen unten mehr Padding, da der Bogen Platz wegnimmt */
  padding-bottom: 60px; 
  
  /* Erzeugt den runden Abschluss unten */
  clip-path: ellipse(65% 90% at 50% 0%);
}




    .text-dark-blue{ color: var(--dark-blue) !important; }
    .text-dark-blue-2{ color: var(--dark-blue-2) !important; }

    .contact-link{
      color: var(--dark-blue-2);
      text-decoration: none;
    }


  /* Smartphone Start */
  @media (max-width: 575px) {


}
   /* Smartphone End */


   /* Tablet Start */ 
   @media (min-width: 576px) and (max-width: 767px) {

  

   }
   /* Tablet End */ 




   /* Laptop Start */
   @media (min-width: 768px) and (max-width: 991.99px) {


   }
   /* Laptop Start */




   /* Bigscreen Start */
   @media (min-width: 992px) and (max-width: 1199px) {

    

   }
   @media (min-width: 1200px) {


    }
   /* Bigscreen End */