.plor-row {
    margin: 6rem 0 3rem;
    padding-left: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.plor-row + .plor-row {
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .plor-row {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.plor-row li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 5rem;
    position: relative;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.055), 0 0 30px 0 rgba(0, 0, 0, 0.03);
    border-radius: var(--borderRadius);
}

@media screen and (min-width: 768px) {
    .plor-row li {
        margin-bottom: 6rem;
        margin-right: 1.25rem;
        -ms-flex-preferred-size: calc((100% - 1.25rem * (2 - 1)) / 2);
        flex-basis: calc((100% - 1.25rem * (2 - 1)) / 2)
    }

    .plor-row li:last-child {
        margin-right: 0
    }

    .plor-row li:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .plor-row li {
        margin-right: 1.25rem;
        -ms-flex-preferred-size: calc((100% - 1.25rem * (3 - 1)) / 3);
        flex-basis: calc((100% - 1.25rem * (3 - 1)) / 3)
    }

    .plor-row li:last-child {
        margin-right: 0
    }

    .plor-row li:nth-child(2n) {
        margin-right: 1.25rem
    }

    .plor-row li:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1280px) {
    .plor-row li {
        margin-right: 1.25rem;
        -ms-flex-preferred-size: calc((100% - 1.25rem * (4 - 1)) / 4);
        flex-basis: calc((100% - 1.25rem * (4 - 1)) / 4)
    }

    .plor-row li:last-child {
        margin-right: 0
    }

    .plor-row li:nth-child(2n), .plor-row li:nth-child(3n) {
        margin-right: 1.25rem
    }

    .plor-row li:nth-child(4n) {
        margin-right: 0
    }
}

.plor-row__heading {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 3rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9375rem;
    line-height: 1.25;
    color: var(--baseDark100);
}

.plor-row__heading:before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    content: '';
    background-color: rgba(166, 166, 166, 0.5);
    transform: translateY(-1px)
}

.plor-row__heading span {
    padding-right: 2rem;
    background-color: #fff
}

.plor-employee {
    position: relative;
    width: 100%;
    display: block;
    -ms-flex-direction: column;
    flex-direction: column
}

.plor-employee.icon--plus {
    cursor: pointer
}

.plor-employee.icon--plus .plor-employee__picture:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    background-color: var(--primaryColor500);
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media screen and (min-width: 768px) {
    .plor-employee:before {
        position: absolute;
        top: 0;
        left: calc(50% + 2rem);
        z-index: 2;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        line-height: 40px;
        color: #fff;
        background-color: var(--lightBlue);
        opacity: 0;
        transition: all var(--transitionTime) ease-in-out;
        transform: scale(0.7)
    }
}

.plor-employee__header {
    background: var(--primaryColor500);
    background: linear-gradient(200deg, var(--primaryColor500) 0%, var(--primaryColor500) 50%, var(--primaryColor600) 100%);
    height: 65px;
    border-top-left-radius: var(--borderRadius);
    border-top-right-radius: var(--borderRadius);
}

.plor-employee__picture {
    display: flex;
    align-items: center;
    position: absolute;
    top: -50px;
    left: 1.5rem;
    z-index: 3;
    height: 100px;
    width: 100px;
    margin: 0 0 .5rem;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    background: var(--lightBlue) url(/ui/kortom/images/placeholders/profile--placeholder.svg) no-repeat 50% 50%;
    background-size: 200% 200%;
    border: 4px solid #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2)
}

.plor-row--company .plor-employee__picture {
    background-image: url(/ui/kortom/images/placeholders/company--placeholder.svg);
}

.plor-employee__picture img {
    width: 100%
}

.plor-employee__content {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 1.25rem 1.5rem 2.25rem;
    background: #fff;
    border-bottom-left-radius: var(--borderRadius);
    border-bottom-right-radius: var(--borderRadius);
}

.plor-employee__content > a {
    text-decoration: none;
}

.plor-employee__content > a:hover .plor-employee__name {
    border-bottom: 1px solid var(--primaryColor500);
}

.plor-employee__content .plor-employee__firstName {
    display: none
}

@media screen and (min-width: 768px) {
    .plor-employee__header {
        height: 115px;
    }

    .plor-employee__content {
        display: block;
        width: 100%
    }

    .plor-employee__content:after {
        display: none
    }

    .plor-employee__picture {
        height: 140px;
        width: 140px;
    }
}

.plor-employee__content--secondary {
    width: 100%
}

.plor-employee__content--secondary :first-child {
    margin-top: .5rem
}

.plor-employee__name {
    display: inline;
    color: var(--primaryColor500);
    transition: color .2s ease-in-out;
    margin-bottom: .25rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    border-bottom: 1px solid transparent;
}

.plor-employee__phoneNumber, .plor-employee__emailAddress {
    display: block;
    word-break: break-all;
    font-size: 1.0625rem
}

.plor__typeName {
    font-size: 1rem;
    color: var(--baseDark100);
}

.plor-employee__phoneNumber {
    margin-bottom: .2rem;
    font-size: 1.125rem;
    color: var(--baseDark500);
}

.plor-employee__phoneNumber:before {
    content: "";
    background: transparent url(/ui/kortom/images/icon--phone--gray.svg) no-repeat 50% 50%;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 3px
}

.plor-employee__phoneNumber a {
    color: var(--baseDark500);
    text-decoration: none
}

.plor-employee__emailAddress {
    line-height: 1.35;
    padding-left: 24px;
    display: inline-block;
    position: relative
}

.plor-employee__emailAddress:before {
    content: "";
    background: transparent url(/ui/kortom/images/icon--email--primaryColor.svg) no-repeat 50% 50%;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    top: 4px;
    left: 0
}

.plor-employee__emailAddress a {
    text-decoration: none
}

.plor-employee__bio {
    margin-bottom: 1rem;
}

.plor-employee__bio .plor-employee__firstName, .plor-employee__bio .plor-employee__name {
    display: block;
    font-size: .9375rem;
    font-weight: 600;
    color: #fff
}

.plor-employee__label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.has-js .plor-employee__story {
    display: none
}

@media screen and (max-width: 767px) {
    .plor-employee::before, .plor-employee__story .plor-employee__content {
        display: none
    }

    .plor-employee__story p {
        margin: 0;
        padding: 0 0 2rem calc(80px + 1rem)
    }

    .plor-employee.open .plor-employee__story {
        display: block
    }

    .plor-employee h3 {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .plor-employee.open::before {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100vw;
        height: 100vh;
        display: block;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.5);
        transform: scale(1);
        opacity: 1;
        content: ''
    }

    .plor-employee:hover:before {
        transform: scale(1);
        opacity: 1
    }

    .plor-employee:hover .plor-employee__picture::before {
        opacity: .6
    }

    .plor-employee .plor-employee__story {
        position: fixed;
        z-index: 1000;
        top: 50%;
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 760px;
        transform: translate(-50%, -30%);
        font-size: 1rem;
        background: #fff;
        opacity: 0;
        transition: all var(--transitionTime) ease-in-out;
        visibility: hidden
    }

    .plor-employee.open .plor-employee__story {
        opacity: 1;
        transform: translate(-50%, -50%);
        transition: all var(--transitionTime) ease-in-out;
        visibility: visible;
        background: var(--primaryColor500);
    }

    .plor-employee__story > div {
        -ms-flex: 0 70%;
        flex: 0 70%;
        max-height: 100vh;
        overflow: auto;
        padding: 5rem;
        text-align: left;
        color: var(--baseDark100);
        background: var(--primaryColor500);
    }

    .plor-employee__story .plor-employee__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 0 40%;
        flex: 0 40%;
        padding: 2rem;
        text-align: center;
        background: #fff
    }

    .ploremployee__story .plor-employee__content img {
        margin: 3rem auto;
        border-radius: 100%
    }
}

.plor-logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1em -5px;
    padding: 0;
    list-style: none
}

.plor-logos li {
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
    position: relative;
    display: block;
    margin: 5px;
    padding-top: calc(50% - 10px);
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08)
}

@media screen and (min-width: 768px) {
    .plor-logos li {
        -ms-flex: 0 0 calc(20% - 10px);
        flex: 0 0 calc(20% - 10px);
        padding-top: calc(20% - 10px)
    }
}

.plor-logos a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    text-indent: -999em;
    box-shadow: 0 0 10px 0 transparent;
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.plor-logos a:hover {
    box-shadow: 5px 5px 40px 0 rgba(0, 0, 0, 0.18)
}

.plor-logos__imageWrapper {
    margin: 0
}

.plor-logos img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100px;
    height: 100px;
    margin: auto
}

.plor-company {
    list-style: none;
    padding-left: 0
}

.plor-company li {
    border-bottom: 1px solid var(--baseLight200);
    padding: 3rem 0
}

@media screen and (min-width: 768px) {
    .plor-company li {
        position: relative;
        padding-left: 30.3%
    }
}

.plor-company__name {
    display: block;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.35;
    color: var(--baseDark500);
}

@media screen and (min-width: 768px) {
    .plor-company__name {
        margin-bottom: 1rem
    }
}

.plor-company__country {
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
    font-size: .9375rem
}

@media screen and (min-width: 768px) {
    .plor-company__country {
        position: absolute;
        top: 40px;
        left: 0;
        font-size: 1rem;
        line-height: 1.4;
        color: var(--baseDark500);
        text-transform: none
    }
}

.plor-company__contact {
    font-size: 1rem;
    color: var(--baseDark100);
}

@media screen and (min-width: 768px) {
    .plr-company__contact a {
        color: inherit
    }
}

.plor-logos--signature li {
    box-shadow: none
}

.plor-logos--signature li:hover {
    opacity: .7
}

.plor-logos--signature li a:hover {
    box-shadow: none
}

.ContactPersonList {
    max-width: 45rem;
    padding: 0;
    list-style: none;
    font-size: 1rem
}

.ContactPersonList li {
    white-space: nowrap;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .ContactPersonList li + .ContactPersonList li {
        margin-top: 2rem
    }
}

@media screen and (min-width: 768px) {
    .ContactPersonList li {
        -ms-flex-preferred-size: calc((100% - 2rem * (2 - 1)) / 2);
        flex-basis: calc((100% - 2rem * (2 - 1)) / 2);
        min-width: 18em;
        margin: 0 2rem 2rem 0;
    }

    .ContactPersonList li:last-child {
        margin-right: 0
    }
}

.ContactPersonList img {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    margin-right: .5rem;
    border-radius: 50%
}

p + .ContactPersonList {
    border-top: 0
}

.ContactPersonList__content {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    word-break: break-word;
    max-width: 35em
}

.ContactPersonList__name {
    color: var(--baseDark500);
}

/* search */
.public_relation_list_search {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.public_relation_list_search .formpanel {
    display: flex;
    flex-direction: row;
}

.public_relation_list_search #obj_0 {
    width: 100%;
}

.public_relation_list_search .mc-plor-toggle-filter {
    width: 100%;
}

.public_relation_list_search #obj_0 .formpanelelement.first {
    width: 100%;
    margin-right: 1rem;
}

.public_relation_list_search .mc-plor-toggle-filter .fieldinput {
    padding-left: 0;
}

@media screen and (min-width: 768px) {
    .public_relation_list_search {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .public_relation_list_search #obj_0 {
        width: 75%;
    }

    .public_relation_list_search .mc-plor-toggle-filter {
        width: 25%;
    }

    .public_relation_list_search .mc-plor-toggle-filter .fieldinput {
        padding-left: 1rem;
    }
}

/* Content bottom relationlist */
.contentBottom__article .relation-list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 3rem 0 3.25rem;
    padding: 0;
}

.contentBottom__article .relation-list li {
    margin-right: 3rem;
}

.contentBottom__article .relation-list li:last-child {
    margin-right: 0
}

/* plor-relation-details */
.plor-relation-details .content__top,
.plor-relation-details aside {
    display: none;
}

.plor-relation-details .plor-employee {
    margin-top: 4rem;
    padding: 1.25rem;
    border: 1px solid var(--baseLight200);
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.055), 0 0 30px 0 rgba(0, 0, 0, 0.03);
    margin-bottom: var(--articleMarginBottomSmall);
}

.plor-relation-details .plor-employee__header {
    background: none;
    height: 85px;
}

.plor-relation-details .plor-employee__content {
    padding-top: 0;
}

.plor-relation-details .plor-employee__content:hover {
    background-color: #fff;
}

.plor-relation-details .plor-employee__name {
    font-size: var(--h2Size);
    font-family: var(--specialFont);
    margin: 0.469rem 0 1rem;
}

.plor-back-to-overview:before {
    margin-right: 0.5rem;
    content: '\e801';
    font-family: var(--iconFont);
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .plor-relation-details .plor-employee__header {
        height: 0;
    }

    .plor-relation-details .plor-employee__content {
        padding-top: 0.6rem;
        padding-left: 172px;
    }
}