/************************************************/
/* Hero Overlay                                 */
/************************************************/

.frame-hero-overlay{
    position:relative !important;
    overflow:hidden !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    isolation:isolate;
}

.frame-hero-overlay .ce-textpic,
.frame-hero-overlay .ce-textmedia{
    position:relative !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
}

.frame-hero-overlay .ce-gallery{
    position:relative !important;
    z-index:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}

.frame-hero-overlay .ce-gallery::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        90deg,
        rgba(7,30,61,0.95) 0%,
        rgba(7,30,61,0.88) 25%,
        rgba(7,30,61,0.65) 50%,
        rgba(7,30,61,0.15) 75%,
        rgba(7,30,61,0.00) 100%
    );
    pointer-events:none;
}

.frame-hero-overlay .ce-row,
.frame-hero-overlay .ce-column,
.frame-hero-overlay figure,
.frame-hero-overlay picture{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

.frame-hero-overlay img{
    width:100% !important;
    height:auto !important;
    display:block !important;
}

.frame-hero-overlay .ce-bodytext{
    position:absolute !important;
    z-index:2 !important;
    left:70px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:35% !important;
    max-width:520px !important;
    color:#ffffff !important;
}

.frame-hero-overlay .ce-bodytext p:first-child{
    color:#009FE3 !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-transform:uppercase;
    letter-spacing:1px;
    margin:0 0 18px 0 !important;
}

.frame-hero-overlay .ce-bodytext p:first-child::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    margin-top:18px;
    background:#009FE3;
}

.frame-hero-overlay .ce-bodytext h2{
    color:#ffffff !important;
    font-size:72px !important;
    line-height:0.98 !important;
    font-weight:800 !important;
    margin:0 0 30px 0 !important;
}

.frame-hero-overlay .ce-bodytext p{
    color:#ffffff !important;
    font-size:24px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    margin:0 0 22px 0 !important;
}

.frame-hero-overlay .ce-bodytext p:last-child{
    display:inline-block;
    background:#009FE3;
    color:#ffffff !important;
    padding:16px 30px;
    border-radius:8px;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    margin-top:10px !important;
}

/************************************************/
/* Hero Bottom                                  */
/************************************************/

.frame-hero-bottom{
    position:relative !important;
    overflow:hidden !important;
    z-index:1 !important;
}

/* Bild */
.frame-hero-bottom img{
    width:100% !important;
    height:auto !important;
    display:block !important;
}

/* Textblock */
.frame-hero-bottom .ce-bodytext{
    position:absolute !important;

    left:70px !important;
    bottom:70px !important;

    z-index:2 !important;

    width:900px !important;
    max-width:85% !important;

    padding:20px !important;

    background:rgba(7,30,61,.45) !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.35);

    border-radius:8px;
}

/* Kicker */
.frame-hero-bottom .ce-bodytext p:first-child{
    color:#009FE3 !important;
    font-size:20px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:1px !important;
    margin:0 0 15px 0 !important;
}

.frame-hero-bottom .ce-bodytext p:first-child::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    margin-top:12px;
    background:#009FE3;
}

/* Headline */
.frame-hero-bottom .ce-bodytext h2{
    color:#ffffff !important;
    font-size:72px !important;
    line-height:1 !important;
    font-weight:800 !important;
    margin:0 0 20px 0 !important;
}

/* Text */
.frame-hero-bottom .ce-bodytext p{
    color:#ffffff !important;
    font-size:24px !important;
    line-height:1.4 !important;
}

/************************************************/
/* Responsive                                   */
/************************************************/

@media(max-width:768px){

    .frame-hero-bottom .ce-bodytext{
        left:24px !important;
        right:24px !important;
        bottom:24px !important;

        width:auto !important;
        max-width:none !important;

        padding:18px !important;
    }

    .frame-hero-bottom .ce-bodytext h2{
        font-size:38px !important;
    }

    .frame-hero-bottom .ce-bodytext p{
        font-size:18px !important;
    }
}