.site-main a {
    position: relative;
    text-decoration: none; /* Optional: Unterstrich entfernen */
    color: #409b1f; /* Standardfarbe für E-Mail-Links */
    }

.site-main a[href^="mailto:"] {
    position: relative;
    padding-left: 28px; /* Platz für das Icon links vom Text */
    text-decoration: none; /* Optional: Unterstrich entfernen */
    color: #409b1f; /* Standardfarbe für E-Mail-Links */
    }

.site-main a[href^="mailto:"]:before {
    content: "\2709"; /* Unicode für das E-Mail-Icon */
    font-family: Arial, sans-serif;
    position: absolute;
    left: 0;
    top: -6;
    font-size: 16px;
    font-weight: 900;
    color: #409b1f;
    content: "\2709";
  font-family: Arial, sans-serif;
  position: absolute;
  left: 1px;
  top: -6px;
  font-size: 22px;
  color: #409b1f;
    }

.site-main a[href^="mailto:"]:before:hover {
    top: -6;
    }

.site-main a[href^="mailto:"]:hover {
    position: relative;
    padding-left: 28px; /* Platz für das Icon links vom Text */
    text-decoration: none; /* Optional: Unterstrich entfernen */
    color: #4ee816; /* Standardfarbe für E-Mail-Links */
    color: #28750c;;
    }


.site-main a::hover {
    position: relative;
    padding-left: 28px; /* Platz für das Icon links vom Text */
    text-decoration: none; /* Optional: Unterstrich entfernen */
    color: #4ee816;; /* Standardfarbe für E-Mail-Links */
   color: #28750c;
    }