/* ibkarriere frontend styles */
:root {
    --ibkarriere-blue: #014189;
    --ibkarriere-border-width: 4px;
    --ibkarriere-box-gap: 2rem;
}

body.singlejob .singlejob-display-none {
    display: none !important;
}

/* Job list */
.tx-ibkarriere .stellenangebote .list-group-item,
.stellenangebote .list-group-item {
    padding: 1.25rem 1.5rem;
}

.tx-ibkarriere .list-stellenangebote,
.list-stellenangebote {
    width: 100%;
    align-items: center;
}

.tx-ibkarriere .list-stellenangebote h3,
.list-stellenangebote h3 {
    margin: 0 0 .35rem;
}

.tx-ibkarriere .list-stellenangebote p,
.list-stellenangebote p {
    margin-bottom: 0;
}

.tx-ibkarriere .list-stellenangebote .btn,
.list-stellenangebote .btn {
    white-space: nowrap;
}

.tx-ibkarriere .list-stellenangebote .btn i,
.list-stellenangebote .btn i {
    margin-left: .5rem;
}

/* Job detail: corporate-blue introduction/header area */
.tx-ibkarriere .layout-7,
.layout-7 {
    background: var(--ibkarriere-blue);
    padding: 3rem 0;
    margin-bottom: 0;
}

.tx-ibkarriere .layout-7 h2,
.layout-7 h2 {
    margin-top: .75rem;
    margin-bottom: 1.25rem;
}

.tx-ibkarriere .layout-7 h3,
.layout-7 h3 {
    color: inherit;
}

.tx-ibkarriere .layout-7 p:last-child,
.layout-7 p:last-child {
    margin-bottom: 0;
}

/* Detail boxes: reproduce the former layout with complete, strong frames. */
.tx-ibkarriere .border-box-blue-columns,
.border-box-blue-columns {
    --ibkarriere-border: var(--ibkarriere-blue);
    column-gap: var(--ibkarriere-box-gap);
    row-gap: var(--ibkarriere-box-gap);
}

.tx-ibkarriere .border-box-blue,
.tx-ibkarriere .border-box-blue-single,
.border-box-blue,
.border-box-blue-single {
    border: var(--ibkarriere-border-width) solid var(--ibkarriere-border, var(--ibkarriere-blue));
    padding: 1.5rem;
}

.tx-ibkarriere .border-box-blue h3,
.tx-ibkarriere .border-box-blue h4,
.tx-ibkarriere .border-box-blue-single h3,
.tx-ibkarriere .border-box-blue-single h4,
.border-box-blue h3,
.border-box-blue h4,
.border-box-blue-single h3,
.border-box-blue-single h4 {
    color: var(--ibkarriere-blue);
    text-align: center;
}

.tx-ibkarriere .border-box-blue-wrap,
.border-box-blue-wrap {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ibkarriere-box-gap);
}

.tx-ibkarriere .border-box-blue-wrap .border-box-blue-single,
.border-box-blue-wrap .border-box-blue-single {
    flex: 1 1 0;
    height: auto;
}

@media (min-width: 768px) {
    .tx-ibkarriere .border-box-blue-columns > .col-md-6,
    .border-box-blue-columns > .col-md-6 {
        flex: 0 0 calc(50% - (var(--ibkarriere-box-gap) / 2));
        width: calc(50% - (var(--ibkarriere-box-gap) / 2));
    }
}

.tx-ibkarriere .job-outro,
.job-outro {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.tx-ibkarriere .job-outro h4,
.job-outro h4 {
    margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
    .row.list-stellenangebote header + p {
        font-size: 1.1rem;
    }

    .tx-ibkarriere .list-stellenangebote .text-right,
    .list-stellenangebote .text-right {
        margin-top: 1rem;
        text-align: left !important;
    }

    .tx-ibkarriere .border-box-blue-columns,
    .border-box-blue-columns {
        row-gap: 1.5rem;
    }
}