/* Seitenhintergrund */
.wrapper {
    background-image: url('/application/view/Produktionen/Hintergrund-Produktionen.png');
}

.container { flex-direction: row; }

/* Proiduktionenübersicht */
.posterrahmen {
    width: 12rem;
    margin: 0.4rem;
    text-align: center;
    border-style: dotted;
    border-width: 1px;
    border-color: #343434;

    .poster {
        max-width: 100%;
        max-height: 18rem;
    }
}

/* Flyer-Bild */
.flyerbild {
    max-width: 100%;
    max-height: 7rem;
}

/* Gallerie-Bild */
.bilderrahmen {
    text-align: center;

    .bild { max-width: 100%; }
}
/* Desktop */
@media only screen and (min-width: 800px) {
    .bilderrahmen {
        margin: auto;

        .bild { max-height: 10rem;}
    }
}