.carousel{
    width: 100vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#skin-form{
    display: contents;
}
#skin-selector{
    height: 100vh;
    display: flex;
    padding-top: 2.08vw;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
}
.skin-selector-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.56vw;
}
.variant-buttons{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.04vw;
}
.carousel-container{
    width: 100vw;
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.04vw;
}
#carousel-image{
    width: 100%;
    height: 60vh;
    object-fit: contain;
    object-position: center;
}
@media screen and (min-width: 700px) {
    #carousel-image {
        max-height:50vh;
    }
}
.logo-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.52vw;
}
.image-header{
    width: 20vw;
    height: auto;
}

@media screen and (min-width: 3440px) {
  .skin-selector-container {
    gap: 1vw; /* Kleinere Lücken */
  }
  .variant-buttons {
    gap: 0.8vw;
  }
  .carousel-container {
    gap: 0.8vw;
  }
  #carousel-image {
    max-height: 50vh; /* Kleinere Bildhöhe */
  }
  .logo-header {
    gap: 0.4vw;
  }
  .image-header {
    width: 15vw; /* Kleinere Header-Breite */
  }
}