.PublicRelationList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.PublicRelationList__item {
    margin-bottom: 1em;
    padding: 1.5em;
    border: 1px solid rgba(0,0,0,0.1);
    list-style-image: none;
    container-type: inline-size;
    container-name: relationListItem;
}

@container relationListItem (min-width: 515px) {
    .PublicRelationList__profilePhotoWrapper {
        grid-row: 1/3;
    }

    .PublicRelationList__freeText {
        grid-column: 1/-1;
    }
}

@container relationListItem (min-width: 782px) {
    .PublicRelationList__freeText {
        grid-column: 2/-1;
    }
}

.PublicRelationList p,
.PublicRelationList span {
    margin-bottom: .5rem;
    font-size: .9rem;
}

.PublicRelationList__name {
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
}

p.PublicRelationList__specialism {
    margin-bottom: 1rem;
}

.PublicRelationList__organisation {
    margin-block: 0 .5rem;
}

.PublicRelationList__extraInfo {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    gap: 1rem;
}

.PublicRelationList__profilePhoto {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-size: contain;
}

.PublicRelationList__profilePhoto.--fallback {
    background: url(profielfoto.png) center center no-repeat;
}

.PublicRelationList__extraInfo span {
    display: block;
}

.PublicRelationList__contactInformation {
    font-size: .9rem;
}

.PublicRelationList__organisation,
.PublicRelationList__specialism,
.PublicRelationList a {
    color: var(--blue);
    text-decoration: none;
    transition: color ease-in-out .2s;
}

.PublicRelationList__organisation:hover,
.PublicRelationList a:hover {
    text-decoration: none;
    color: var(--blue-dark);
}