body {
    font-family: 'Inter', sans-serif;
  }
  .linkedin-logo {
    filter: grayscale(100%) brightness(0) sepia(100%) hue-rotate(190deg) saturate(500%) contrast(1);
    transition: filter 0.3s ease, transform 0.3s ease;
  }
  .linkedin-logo:hover {
    filter: grayscale(0%) brightness(0) sepia(100%) hue-rotate(0deg) saturate(500%) contrast(1);
  }
  .text-link {
    color: #008000; /* Green color for links */
    font-weight: bold;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 0.2em; /* Reduced padding to minimize space */
    margin-left: -0.2em; /* Adjusted margin to align better */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  .text-link::before,
  .text-link::after {
    position: absolute;
    content: '';
    border-bottom: 3px solid #008000; /* Green underline */
    border-radius: 1em;
    bottom: 0.2em; /* Reduced space between underline and text */
    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .text-link::before {
    width: 1em;
    transform-origin: left;
  }
  .text-link::after {
    width: 82%;
    left: 1em;
    transform: translateX(110%);
  }
  .text-link:hover::before {
    transform: scaleX(0.3);
  }
  .text-link:hover::after {
    transform: translateX(0);
  }
  .icon-link {
    text-decoration: none; /* Prevent underline for logos */
  }
  #background-animation {
    pointer-events: none; /* Verhindert, dass der Hintergrund anklickbar ist */
  }
  #counter {
    z-index: 10; /* Höher als die fallenden Bs */
  }