/**
 * Tydrys Single Reizen Page Styles
 * Cross-device compatible
 */

.reizen-header-inner {
    width: 100%;
    background: no-repeat;
    background-position: center;
    background-size: cover;
}

.reizen-header-inner .header-container {
    backdrop-filter: brightness(0.4);
    background: rgba(0, 0, 0, 0.4); /* fallback for unsupported browsers */
    font-weight: bold;
    padding: 15vh 0px;
    padding: 15dvh 0px;
}

@supports (backdrop-filter: brightness(0.4)) {
    .reizen-header-inner .header-container {
        background: transparent;
    }
}

.reizen-title {
    width: max-content;
    color: #fff !important;
}

#mapContainer {
    width: 100%;
    height: min(500px, 65vh);
    height: min(500px, 65dvh);
}

/* Phone landscape */
@media screen and (max-height: 500px) and (orientation: landscape) {
    #mapContainer {
        height: 80vh;
        height: 80dvh;
    }

    .reizen-header-inner .header-container {
        padding: 8vh 0px;
    }
}

/* Small phones */
@media screen and (max-width: 480px) {
    .reizen-title {
        width: auto;
        font-size: 1.3em;
    }
}