.page:not(.active) {
    display: none !important;
}

.page {
    display: none;
    height: 100%;
    width: 100%;
    position: relative;
    border: 2px solid #333;
    background: #e9d9d3;
}

.page.no-padding-page {
    padding: 0 !important;
}

.page.active {
    display: block;
}

.page-background-container {
    background-image: url("../../assets/background-confetti.png");
    height: 100%;
}

.page-container {
    width: 80%;
    max-height: 90vh;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    max-width: 1200px;
}

.page-container-inner {
    background-color: white;
    border-radius: 1.2rem;
    padding: 1.8rem;
    min-height: 80%;
    align-content: center;
}

.page-container-inner.no-background {
    background-color: transparent;
}

.page-container.open-bottom {
    max-height: none;
}

/* Für Screens kleiner als 992px Breite, Phones hauptsächlich */
@media (max-width: 991px) {
    .page-container {
        max-height: none;
    }
}

/* Für Screens kleiner als 768px Breite, Phones hauptsächlich */
@media (max-width: 767px) {
    .page-container {
        width: 90%;
        height: auto;
        max-height: none;
    }
}