.karriereblock {
    background-color: #154f66;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

section.karriereblock{
    margin-bottom: 0px!important;
    padding: 5rem 0;
}


.karriereblock .karriereblock-intro p{
    color: white;
    margin-bottom: 15px;
}

.karriereblock .jobs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.karriereblock .job-card {
    display: block;
    width: 100%;
    padding: 24px 32px;
    background-color: #ffffff;
    border-radius: 20px;
    text-decoration: none;
    color: #003f66;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    align-content:center;
    border: solid 1px var(--brand-primary-color);
}

.karriereblock .job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.karriereblock .job-card-title {
    margin:5px 0;
    font-size: 135%;
    font-weight: 800;
    line-height: 1;
    color: var(--brand-primary-color);
}
.karriereblock h2{
    color:var(--white);
}
#nebeneinander.karriereblock h2{
    color:var(--white);
}

.karriereblock .job-card-bereich {
    font-size: 100%;
    font-weight:600;
    line-height: 1;
    text-transform:uppercase;
    color: var(--brand-accent-color);
}

.karriereblock .job-card-art {
    font-size: 100%;
    padding-left:25px;
    position:relative;
}
.karriereblock .job-card-art:before{
    content:'';
    display:block;
    width:15px;
    height:15px;
    background:url('../../assets/img/time.svg');
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    top:5px;
    left:0;
}
.karriereblock .job-card-ort {
    font-size: 100%;
    padding-left:25px;
    margin-right:15px;
    position: relative;
}
.karriereblock .job-card-ort:before{
    content:'';
    display:block;
    width:15px;
    height:15px;
    background:url('../../assets/img/location.svg');
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    top:5px;
    left:0;
}

.karriereblock .btn{
    display:block;
    margin:25px auto 0;
}


#nebeneinander.karriereblock .jobs{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    gap:15px;
}
#nebeneinander.karriereblock .jobs .job-card{
    width:calc(33.33% - 10px)
}

@media(max-width:1199px){
    #nebeneinander.karriereblock .jobs .job-card{width:calc(50% - 10px);}
}
@media(max-width:991px){
    #nebeneinander.karriereblock .jobs .job-card{width:100%;}
}
@media (max-width: 767px) {
    .karriereblock .job-card {
        padding: 20px 22px;
        border-radius: 16px;
    }

    .karriereblock .job-card-title {
        font-size: 18px;
    }

    .karriereblock .job-card-meta {
        font-size: 14px;
    }
}