.vacancy-entry {
    border: solid 10px #f5f5f5;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    display: grid;
}
.vacancy-entry .vacancy-title {
    font-size: 1em;
    text-transform: none;
    margin: 5px 0;
}

.vacancy-entry [data-field] {
    font-size: 0.9em;
    margin: 6px 0;
}

.vacancy-entry [data-field="ClosingDate"],
.vacancy-entry [data-field="City"] {
    float:left; padding:0 30px 0 0
}
.vacancy-entry a.button {
    display: inline-table;
    margin: auto 0 10px;
}
.peoplehr_vacancy a.button {
    display: block;
    margin: 10px 0;
}
.vacancy-entry a.button,
.peoplehr_vacancy a.button {
    background: #000000;
    color: #ffffff !important;
    padding: 6px 10px !important;
    font-size: 0.75em !important;
    font-weight: normal;
    border: none;
    width: fit-content;
    letter-spacing: 0.5px;
}

.vacancy-entry a.button:hover ,
.peoplehr_vacancy a.button:hover {
    display: inline-block;
    font-size: 0.85em !important;
    font-weight:normal;
}

.peoplehr_vacancy a.button.disabled {background:#b9b6b6 !important;}
.peoplehr_vacancy a.button,
.peoplehr_vacancy a.button:hover  {
    margin-bottom:60px
}
.single-peoplehr_vacancy p.peoplehr-privacypolicy-intro {
    margin-top: 30px;
    }
.peoplehr-privacypolicy {
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: initial;
}
.peoplehr-privacypolicy .peoplehr-privacy-policy-checkbox {
    display:inline-block; 
    position:relative;
}
.peoplehr-privacypolicy label {
    display:inline-block; 
    text-indent:24px;
}
.peoplehr-privacypolicy label a,
.peoplehr-privacypolicy-intro a {
    color:#e20511;
    text-decoration: underline;
}
.peoplehr-privacypolicy label a:hover,
.peoplehr-privacypolicy-intro a:hover {
    text-decoration: none;
}

@media screen and (max-width: 593px) {
    .peoplehr-privacypolicy .peoplehr-privacy-policy-checkbox {top:23px;}
}

.single.single-peoplehr_vacancy main.main-content {
    max-width: 1200px;
}
.single .peoplehr_vacancy h1.entry-title {
    text-align: left;
}

@media screen and (max-width: 991px) {

    #main .vacancy-entry.mdc-card.mdc-layout-grid__cell  {
        border: solid 10px #f5f5f5; 
        margin-top: 0; 
        margin-bottom: 0;
        padding: 5px 15px;
        display: grid;
    }
}

@media screen and (min-width: 1px) and (max-width: 599px) {
    .vacancy-entry {
        min-height: auto;
    }
}
@media screen and (min-width: 600px) and (max-width: 940px) {
    .vacancy-entry {
        min-height: 218px;
    }
}
@media screen and (min-width: 941px) {
    .vacancy-entry {
        min-height: 175px;
    }
}