img {

        width: 200px;
    }
    .tielundnav {
        display: flex;

      

        flex-direction: row;
        
        align-items: center;
        justify-content: space-between;
    }


p, H1{

  font-family: sans-serif;

}
    body {
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        background-color: #f4f4f4;
      }
  
      .carousel {
        position: relative;
        width: 80%;
        max-width: 800px;
        overflow: hidden;
        border: 2px solid #ddd;
        border-radius: 8px;
      }
  
      .carousel-images {
        display: flex;
        transition: transform 0.5s ease-in-out;
      }
  
      .carousel-images img {
        width: calc(100% / 3); /* Zeigt 3 Bilder gleichzeitig an */
        border-right: 2px solid #ddd;
        box-sizing: border-box;
      }
  
      .carousel-buttons {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        transform: translateY(-50%);
      }
  
      .carousel-buttons button {
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 16px;
        border-radius: 50%;
      }
  
      .carousel-buttons button:hover {
        background-color: rgba(0, 0, 0, 0.7);
      }