/*
 * Steiner_Mitarbeiter: styles of the team page (widget "Mitarbeiter je Standort").
 * Taken over 1:1 from the <style> block of the former CMS pages "mitarbeiter" (AT/DE);
 * base styles (.personenbox, .mitarbeiterbox, .mitarbeiterbild img) come from the theme
 * (Steiner/Josefsteiner web/css/steiner-global.css).
 */
.mitarbeitername h4 {
    font-size: 15px;
}
.mitarbeitername {
    margin-top: 10px;
}
.mitarbeitermail {
    font-size: 12px;
    margin-bottom: 10px;
}
.mitarbeiternummer {
    font-size: 13px;
}
@media (min-width: 1048px) {
    .personenbox .mitarbeiterbox {
        width: 20%;
    }
    .personenbox .mitarbeiterbox:nth-of-type(5n+1) {
        clear: left;
    }
}
@media (min-width: 800px) and (max-width: 1047px) {
    .personenbox .mitarbeiterbox {
        width: 25%;
    }
    .personenbox .mitarbeiterbox:nth-of-type(4n+1) {
        clear: left;
    }
}
@media (min-width: 543px) and (max-width: 799px) {
    .personenbox .mitarbeiterbox {
        width: 33.3%;
    }
    .personenbox .mitarbeiterbox:nth-of-type(3n+1) {
        clear: left;
    }
}
@media (max-width: 542px) {
    .personenbox .mitarbeiterbox {
        width: 50%;
    }
    .personenbox .mitarbeiterbox:nth-of-type(2n+1) {
        clear: left;
    }
}
/* replaces the former global "h1 { clear: both; }": the widget output contains its floats */
.mitarbeiter-standort {
    display: flow-root;
}
.mitarbeiterbild picture {
    display: contents;
}
/* e-mail placeholder until js/mail.js has built the link: the "@" is not in the HTML (spam protection) */
.mitarbeitermail-at::before {
    content: "\0040";
}