/* ------------------------- Opening ---------------------- */
.opening {
    position: relative;
    width: 100%;
    height: auto;

    overflow: hidden;
}

.opening_bg {
    position: absolute;
    width: 110%;
    height: 110%;
    z-index: -1;

    background-image: url(../img/bg_concrete.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20% 100%;
    filter: blur(3px);

    opacity: 1;
}

.opening_bg.floors { background-image: url(../img/opening_podlahoviny.jpg); filter: blur(0px); }
.opening_bg.doors { background-image: url(../img/opening_doors.jpg); background-position: center center; filter: blur(0px); }

.opening_text {
    text-align: center;
    line-height: 1.1;
    background-color: rgba(0, 0, 0, .4);

    width: 100%;
    padding: calc(var(--vh) * 14) 0 calc(var(--vh) * 14);
}

/* ---------------------------------------------------------- Tablet ---------------------------------- */
@media (min-width: 768px) and (orientation: portrait) {
    .opening_text {
        padding: calc(var(--vh) * 12) 0 calc(var(--vh) * 8);
    }
}

/* ------------------------------------------------------ Small Notebook ------------------------------ */
@media (min-width: 1024px) {
    .opening_text {
        padding: calc(var(--vh) * 16) 0 calc(var(--vh) * 14);
    }
}

/* ----------------------------------------------------- Standard Display ----------------------------- */
@media (min-width: 1280px) {
    .opening_text {
        padding: calc(var(--vh) * 16) 0 calc(var(--vh) * 14);
    }
}
/* Nadpis zachovává původní řádkování komponenty. */
.opening .font_opening { line-height: var(--lh-text); }