html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  
  main {
    flex-grow: 1;
    display: flex;
    align-items: center; /* Zentriert vertikal */
    justify-content: center; /* Zentriert horizontal */
  }
  
  .social-media-item img {
    margin-right: 10px;
  }

  .social-media-item, .social-media-item a, .social-media-item strong {
    display: flex;
    align-items: center;
  }
  
  h2, h4 {
    text-align: center;
  }
  
  /* Optional: Adjust the size of the heading */
  h2 {
    font-size: 24px; /* Adjust the size accordingly */
    margin-bottom: -20px;
  }
  
  h4 {
    font-size: 18px; /* Adjust the size accordingly */
    margin-top: 20px;
    margin-bottom: 40px; /* Adjust the space accordingly */
  }