.deck {
    display: flex;
    position: relative;
    overflow: hidden;
    border: .3em double;
    border-radius: 1em;
    margin: .3em;
    width: fit-content;

    /* background-color: gray; */
    transition: 0.5s ease-in-out;
    
}

.deck .cover {
    cursor: pointer;
}

.deckBox {
    display: flex;

    flex-direction: row;
    flex-wrap: wrap;
}

.deck img {
    width: 15em;
}

.deck .container {
    display: none;
    
    width: 60em;
    position: relative;
    top:0;
    
    flex-direction: row;
    flex-wrap: wrap;
}

.deck.open .container {
    display: flex;
}

.deck .container img {
    object-fit: fill;
}

.deck .imgContainer:hover:not(.big) {
    transform: scale(107%);
    transition: .3s ease-in-out;
}

.deck .imgContainer {
    border-radius: 1em .3em ;
    overflow: hidden;
    width: 10em;
    height: 10em;
    margin: .3em;
    display: inline-block;
    position: relative;
    transition: .3s ease-in-out;
}

.deck .imgContainer.big img {
    width: 52.6em;
    border-radius: 1em .3em ;
}

.deck .imgContainer.big {
    overflow: unset;
    background-color: unset;
    width: fit-content;
    height: fit-content;
}

.hidden {
    display: none;
}

.tipps {

    margin-top: 4em;
    border: 2px inset;
}