.module_career_image_tiles {
    margin: 60px 0;
}

@media (min-width:768px) {
    .module_career_image_tiles {
        margin: 150px 0;
    }
}

@media (min-width:1200px) {
    .module_career_image_tiles {
        margin: 250px 0;
    }
}

@media (min-width:1440px) {
    .module_career_image_tiles {
        margin: 300px 0;
    }
}

.module_career_image_tiles .container{
    padding-left:35px;
    padding-right:35px;
}

@media (min-width:768px) and (max-width:991px){
    .module_career_image_tiles .container{
        padding-left: 0;
        padding-right: 0;
        width: auto;
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media (min-width:992px) {
    .module_career_image_tiles .container{
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (min-width:1200px) {
    .module_career_image_tiles .container{
        padding-left:0px;
        padding-right:0px;
    }
}

@media (min-width:1440px) {
    .module_career_image_tiles .container{
        padding-left:70px;
        padding-right:70px;
    }
}

@media (min-width:1440px) {
    .module_career_image_tiles .container{
        width: auto;
    }
}


.module_career_image_tiles .headline {
    margin-bottom: 75px;
    font-size: 38px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(
        165deg,
        #0C0F23 0%,
        #0e54df 100%
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Fallback */
    /*line-height: 1;*/
    color: #243c96;
   letter-spacing: -0.0416667em;
    line-height:1.2;
}

@media (min-width:768px) {
    .module_career_image_tiles .headline {
        font-size:50px;
        margin-bottom: 85px;
    }
}

@media (min-width:992px) {
    .module_career_image_tiles .headline {
        font-size: 62px;
        margin-bottom: 90px;
    }
}

@media (min-width:1200px) {
    .module_career_image_tiles .headline {
        font-size: 64px;
        margin-bottom: 105px;
    }
}

/* Grid */
.module_career_image_tiles .career_image_tile_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}

/* Tablet Landscape & größer */
@media (min-width: 768px) {
    .module_career_image_tiles    .career_image_tile_grid {
        gap: 6px;
    }
}

@media (min-width: 992px) {
    .module_career_image_tiles    .career_image_tile_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .module_career_image_tiles    .career_image_tile_grid {
        gap: 4px;
    }
}

.module_career_image_tiles .career_image_tile_item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1.4;
}

@media (min-width:768px) and (max-width:991px) {
    .module_career_image_tiles .career_image_tile_item {
        aspect-ratio: 1 / 0.8;
    }
}

@media (min-width:992px) {
    .module_career_image_tiles .career_image_tile_item {
        aspect-ratio: 1 / 1.3;
    }
}

@media (min-width:1200px) {
    .module_career_image_tiles .career_image_tile_item {
        aspect-ratio: 1 / 1;
    }
}

@media (min-width:1440px) {
    .module_career_image_tiles .career_image_tile_item {
        aspect-ratio: 1 / 0.8;
    }
}

.module_career_image_tiles .career_image_tile_item .image{
    height:100%;
    width:100%;
}

.module_career_image_tiles .career_image_tile_item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit:cover;
    height: 100%;
}

/* Button */
.module_career_image_tiles .career_image_tile_item .cta {
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: #ffffff;
    color: #000;
    padding: 20px 10px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width:calc(100% - 32px);
    text-align: center;
    justify-content: center;
    border-radius: 15px;
    font-family: 'Inter', sans-serif;
    font-size:15px;
}

@media (min-width:768px) {
    .module_career_image_tiles .career_image_tile_item .cta {
        font-size: 18px;
        padding:30px 16px;
        margin-bottom: 20px;
        left: 35px;
        width: calc(100% - 70px);
    }
}

@media (min-width:992px) {
    .module_career_image_tiles .career_image_tile_item .cta {
        padding: 30px 16px;
        margin-bottom: 15px;
        font-size:16px;
        left: 25px;
        width:calc(100% - 50px);
    }
}

@media (min-width:1200px) {
    .module_career_image_tiles .career_image_tile_item .cta {
        left: 35px;
        font-size:20px;
        width:calc(100% - 70px);
    }
}

@media (min-width:1440px) {
    .module_career_image_tiles .career_image_tile_item .cta {
        left: 70px;
        font-size:20px;
        width:calc(100% - 140px);
        margin-bottom: 25px;
    }
}

/*@media (min-width:992px) {
    .module_career_image_tiles .career_image_tile_item .cta {
        font-size:16px;
    }
}*/

@media (min-width:768px) {

    .module_career_image_tiles .career_image_tile_item .cta span {
        position: relative;
    }

    .module_career_image_tiles .career_image_tile_item .cta span::after {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #000; /* hier die Farbe des Pfeils */
        -webkit-mask: url(../../Icons/arrow-right.svg) no-repeat center;
        mask: url(../../Icons/arrow-right.svg) no-repeat center;
        -webkit-mask-size: cover;
        top:2px;
        position: absolute;
        right: -28px;
    }
}

@media (min-width:992px) {
    .module_career_image_tiles .career_image_tile_item .cta span::after {
        right: -24px;
    }
}

@media (min-width:1200px) {
    .module_career_image_tiles .career_image_tile_item .cta span::after {
        width: 21px;
        height: 21px;
        right: -30px;
    }
}

@media (min-width:1440px) {
    .module_career_image_tiles .career_image_tile_item .cta span::after {
        content: "";
        width: 23px;
        height: 23px;
        top: 1px;
        right: -35px;
    }
}

.module_career_image_tiles .career_image_tile_item .cta:hover {
    background: #0C1523;
    color: #fff;
}

.module_career_image_tiles .career_image_tile_item .cta:hover span::after {
    background-color: #fff;
}