.seatplan {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 30rem;
    margin-bottom: 4rem;
}

.seat-group {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;

}
.seat {
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}
.seat:active {
    transform: scale(.9);
}

.seat.vip {
background-color: rgb(67, 154, 228);
}

.seat.regular {
background-color: rgb(228, 161, 67);
}

.seat.standing {
background-color: rgb(28, 220, 115);
}

.seat.selected {
    background-color: beige;
   box-shadow: inset 0 0 3px rgb(226, 72, 169);
}

.legende li {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.legende .seat {
cursor: default;
}
.legende .seat:active {
transform: none;
}

.sitzplan-position {
    display: flex;
}