/* SEE-IT-Service 4.10.7 – Mitarbeiterseite: veröffentlichte Stellen exakt
   im bestehenden Teamraster direkt nach Herr M. Jezierski. */

/* Alte, fest im CMS gespeicherte Stellenkarten bleiben unsichtbar, falls eine
   ungewöhnliche Altstruktur vom PHP-Filter nicht erkannt wird. Die neuen
   dynamischen Karten sind davon ausdrücklich ausgenommen. */
.page-mitarbeiter-v4107 .text-wrapper .vacancy-card:not(.seeit-inline-job-card-v4107),
.page-mitarbeiter-v4107 .text-wrapper [class*="legacy-vacancy"],
.page-mitarbeiter-v4107 .text-wrapper img[src*="/wanted.png"] {
    display:none!important;
}
@supports selector(:has(*)) {
    .page-mitarbeiter-v4107 .employee-container > *:not(.seeit-inline-job-card-v4107):has(img[src*="wanted"]),
    .page-mitarbeiter-v4107 .employee-container > *:not(.seeit-inline-job-card-v4107):has(.vacancy-header) {
        display:none!important;
    }
}

/* Die aktive Stelle ist ein normales direktes Kind des vorhandenen
   employee-container und rückt deshalb Herr D. Rist und alle nachfolgenden
   Mitarbeiter exakt wie gewünscht nach hinten. */
.page-mitarbeiter-v4107 .employee-container > .seeit-inline-job-card-v4107 {
    display:block!important;
    box-sizing:border-box;
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #d9e0e4;
    border-radius:7px;
    box-shadow:0 2px 8px rgba(5,48,76,.04);
}
.page-mitarbeiter-v4107 .seeit-inline-job-link-v4107 {
    display:flex;
    min-height:100%;
    flex-direction:column;
    color:inherit;
    text-decoration:none!important;
    background:#fff;
}
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107 {
    position:relative;
    display:flex;
    min-height:190px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    margin:14px 14px 0;
    overflow:hidden;
    background:linear-gradient(145deg,#777 0%,#a4a4a4 100%);
    color:#fff;
}
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107::before,
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107::after {
    content:"";
    position:absolute;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
}
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107::before {width:150px;height:150px;right:-60px;top:-70px}
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107::after {width:110px;height:110px;left:-50px;bottom:-55px}
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107 span {
    position:relative;
    z-index:1;
    font-size:12px;
    font-weight:700;
    letter-spacing:.15em;
}
.page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107 b {
    position:relative;
    z-index:1;
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    font-size:38px;
    line-height:1;
    font-weight:300;
}
.page-mitarbeiter-v4107 .seeit-inline-job-copy-v4107 {
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:center;
    padding:16px 12px 17px;
    text-align:center;
}
.page-mitarbeiter-v4107 .seeit-inline-job-kicker-v4107 {
    margin-bottom:5px;
    color:#b4232d;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.page-mitarbeiter-v4107 .seeit-inline-job-copy-v4107 h3 {
    margin:0;
    color:#40494f;
    font-size:15px;
    line-height:1.35;
    font-weight:500;
}
.page-mitarbeiter-v4107 .seeit-inline-job-copy-v4107 p {
    margin:8px 0 0;
    color:#697980;
    font-size:11px;
    line-height:1.45;
}
.page-mitarbeiter-v4107 .seeit-inline-job-copy-v4107 strong {
    margin-top:auto;
    padding-top:12px;
    color:#087caf;
    font-size:11px;
    line-height:1.35;
}
.page-mitarbeiter-v4107 .seeit-inline-job-link-v4107:hover .seeit-inline-job-copy-v4107 strong,
.page-mitarbeiter-v4107 .seeit-inline-job-link-v4107:focus-visible .seeit-inline-job-copy-v4107 strong {
    text-decoration:underline;
}
.page-mitarbeiter-v4107 .seeit-inline-job-link-v4107:focus-visible {
    outline:3px solid rgba(8,124,175,.25);
    outline-offset:-3px;
}

/* Nur als Absicherung für alte Flex-Varianten des CMS-Rasters. In einer
   vorhandenen CSS-Grid-Definition greift die Breite automatisch über die
   Grid-Spalten; bei Flex bleiben es weiterhin vier Karten je Reihe. */
@supports not (display:grid) {
    .page-mitarbeiter-v4107 .employee-container > .seeit-inline-job-card-v4107 {
        flex:0 1 calc(25% - 16px);
    }
}

@media (max-width:900px) {
    .page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107 {min-height:165px}
}
@media (max-width:620px) {
    .page-mitarbeiter-v4107 .seeit-inline-job-visual-v4107 {min-height:150px}
}