﻿.module_career_banner {
    margin-top:60px;
    position: relative;
    padding:0;
}

.module_career_banner .banner_image{
    position: relative;
    height: 100%;
}

@media (max-width:991px)  {
    .module_career_banner .banner_image{
        height: 500px;
    }
}

@media (min-width:992px)  {
    .module_career_banner .banner_image{
        max-height: 650px;
    }
}

.module_career_banner .banner_image img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

@media (max-width:767px) {
    .module_career_banner .banner_image img{
        object-position: 74% center !important;
    }
}

@media (max-width:767px) {
    .module_career_banner .banner_image img{
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    @media (min-width:768px) {
        .module_career_banner .banner_image img{
            object-position: 50% center !important;
        }
    }

    .module_career_banner .banner_image:after{
        height: 100%;
        width: 100%;
        content:"";
        position: absolute;
        top:0;
        right:0;
        bottom:0;
        z-index: 2;
        background-color: #01010160;
    }
}

@media (min-width:1200px) {
    .module_career_banner .banner_image img{
        /*max-height: 950px;*/
        object-position: center bottom;
    }
}

@media (min-width:1600px) {
    .module_career_banner .banner_image img{
        object-position: top left;
    }
}

.module_career_banner .banner_text{
    /*position: absolute;*/
    /*top:15%;*/
    padding-left:0px;
    z-index: 3;
}

@media (min-width:768px) {
    .module_career_banner .banner_text{
        padding-left:25px;
    }
}

@media (min-width:992px) {
    .module_career_banner .banner_text{
        padding-left:0px;
    }
}


/*GPT Solution*/

.module_career_banner .container-fuid {
    display: grid;
}

.module_career_banner .banner_image {
    grid-area: 1 / 1;
    object-fit: cover;
    border-top: 1px solid #9e9e9e59;
}

.module_career_banner .banner_text {
    grid-area: 1 / 1;
    align-self: end; /* vertikal mittig, wie vorher mit absolute */
    justify-self: start; /* linksbündig */
    z-index: 3;
    padding-top: 25px;
    padding-bottom: 20px;
}

@media (min-width:768px) {
    .module_career_banner .banner_text {
        padding-top: 10%;
        padding-bottom: 5%;
    }
}

@media (min-width:992px) {
    .module_career_banner .banner_text {
        padding-top: 60px;
        padding-bottom: 80px;
        align-self: end;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*GPT Solution*/

.module_career_banner .banner_text .headline_outer .headline{
    color:#fff;
}

.module_career_banner .banner_text .topline_outer .topline {
    color:#00305D;
}

@media (max-width:767px) {
    .module_career_banner .banner_text  .headline{
        hyphens: auto;
    }
}

.module_career_banner .banner_text  .headline{
    font-size:36px;
    text-transform: uppercase;
    font-family:"ITCFranklinGothicLTDemi", sans-serif;
    line-height: 120%;
    hyphens: auto;
}

@media (min-width:992px) {
    .module_career_banner .banner_text .headline{
        font-size:34px;
        padding-bottom:0;
    }
}

@media (min-width:1400px) {
    .module_career_banner .banner_text .headline{
        font-size:40px;
    }
}

@media (min-width:992px) {
    .module_career_banner .banner_text .headline_outer {
        margin-bottom: 15px;
    }
}

@media (min-width:1200px) {
    .module_career_banner .banner_text .headline_outer .headline{
        font-size:48px;
        hyphens: none;
        word-break: keep-all;
    }
}

.module_career_banner .banner_text .topline_outer .topline{
    font-size:18px;
    font-family: "ITCFranklinGothicLTDemi", sans-serif;
}

@media (max-width:991px) {
    .module_career_banner .banner_text .topline_outer .topline{
        color:#fff !important;
    }
}

@media (min-width:992px) {
    .module_career_banner .banner_text .topline_outer .topline{
        font-size:18px;
    }
}