body {
    margin: 0;
    background: linear-gradient(to bottom, #4e4e4e, #000000); /* Anthrazit zu Schwarz */
    font-family: "Courier New", Courier, "Lucida Console", monospace;
    color: #bdbdbd;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;  
  }

  .name-container {
    width: 100%;
    text-align: left;
    font-size: 1em;
    padding: 20px;
    border-top: 0px solid rgb(155, 155, 155);
    border-bottom: 0px solid rgb(155, 155, 155);
    margin-bottom: 55vh; /* Verschiebt das Element nach unten */
  }

  .copyright {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #888;
  }

  ul.listdots {
    list-style-type: none; /* entfernt die Punkte */
    padding: 0;            /* optional: entfernt Einrückung */
    margin: 0;             /* optional: entfernt Außenabstand */
  }

  .icon-list-wrapper {
    display: flex;
    align-items: center; /* vertikale Zentrierung */
    gap: 20px;
  }

  .icon-link {
    text-decoration: none;
    font-size: 1rem;
    color: white;
    background-color: #7c7c7c;
    padding: 10px;
    border-radius: 0%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    transition: background-color 0.3s ease;
  }

  .icon-link:hover {
    background-color: #4f4f4f;
  }