@charset "utf-8";
/* CSS Document */

    /*<!-- Style - Hero) -->*/
   
        #section3, #section4 {
            margin-left: 120px
        }
        /* Remove margins from "page content" on small screens */
        @media only screen and (max-width:600px) {
            #section3, #section4 {
                margin-left: 0
            }
        }

        .heroBG {
            color: #fff !important;
            background-color: rgba(0,117,191,1.00) !important
        }
        /* heroBG = Leiste */
        .heroBG-hover:hover {
            color: white !important;
            background-color: black !important
        }

        .heroBG #leistungen #leistungen h1
        .hero-center {
            display: inline-block;
            text-align: center !important;
        }
        
        .heroLE {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #FFFFFF;
  transition: all 0.3s ease;
  background-color: #000000
}

.heroLE svg {
  fill: #fff; /* Standardfarbe für das Icon */
  transition: fill 0.3s ease;
}

.heroLE p {
  margin: 0;
  padding: 5px 0 0 0;
  text-align: center;
}

/* Hover-Effekt */
.heroLE-hover:hover {
  background-color: #FFFFFF; /* Hintergrundfarbe beim Hover */
  color: white; /* Textfarbe beim Hover */
  border-color: #FFFFFF; /* Rahmenfarbe beim Hover */
}

.heroLE-hover:hover svg {
  fill: black; /* Icon-Farbe beim Hover */
}