/* =============================================================================================
   ELEMENT 09 – BILD MIT PARALLAX-TITEL
============================================================================================= */

.wf-element-09 {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
}

.wf-element-09-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70vh;
}

.wf-element-09-image-wrapper picture {
    display: block;
    width: 100%;	
}

.wf-element-09-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================
   OVERLAY
========================================= */
.wf-element-09-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    z-index: 1;
}


/* =========================================
   TITEL
========================================= */
.wf-element-09-title-wrapper { 
    position: absolute; 
    top: auto;
    bottom: 10%;
    left: 10%;
    width: auto;
    transform: none;
    z-index: 2;
    text-align: left;
}

.wf-element-09-title { 
    display: inline-block; 
    color: #fff;
    font-family: "Intervensi", cursive;
    font-size: 6em;
    font-weight: 400;
}



/* =========================================
   TABLET PORTRAIT 768–991px
========================================= */
@media (min-width: 768px) and (max-width: 991px) {

    .wf-element-09-image-wrapper {
        height: 50vh;
    }

    .wf-element-09-image-wrapper picture {
        height: 100%;
    }

    .wf-element-09-overlay {
        inset: 0;
    }

}


@media (max-width: 767px) and (orientation: portrait) {
    .wf-element-09-title {
        font-size: 2.2em;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .wf-element-09-title {
        font-size: 2.4em;
    }
}

/* =============================================================================================
   ELEMENT 09 – END
============================================================================================= */