.cb-contact-cards{
    color:#163642;
    margin-bottom:40px;
}
.cb-contact-cards *{
    box-sizing:border-box
}
.cb-contact-cards__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Genau 1 Element: 25 % Breite */
.cb-contact-cards__list:has(> :only-child) {
    grid-template-columns: minmax(260px, 25%);
}

/* Genau 2 Elemente: jeweils 25 %, zusammen 50 % */
.cb-contact-cards__list:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(260px, 25%));
}

/* Genau 3 Elemente: jeweils 25 %, zusammen 75 % */
.cb-contact-cards__list:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(260px, 25%));
}

/* Ab 4 Elementen: vier gleich breite Spalten */
.cb-contact-cards__list:has(> :nth-child(4)) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 991px) {
    /* Genau 1 Element: 25 % Breite */
    .cb-contact-cards__list:has(> :only-child) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* Genau 2 Elemente: jeweils 25 %, zusammen 50 % */
    .cb-contact-cards__list:has(> :nth-child(2):last-child) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* Genau 3 Elemente: jeweils 25 %, zusammen 75 % */
    .cb-contact-cards__list:has(> :nth-child(3):last-child) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* Ab 4 Elementen: vier gleich breite Spalten */
    .cb-contact-cards__list:has(> :nth-child(4)) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }   
}

.cb-contact-cards__card{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:16px;
    padding:18px;
    border:1px solid #d7e1e5;
    border-radius:16px 0 16px 0;
    background:#fff
}
.cb-contact-cards__avatar{
    display:grid;
    width:52px;
    height:52px;
    place-items:center;
    border-radius:50%;
    background:#8bc9e3;
    font-weight:800
}
.cb-contact-cards__avatar--green{
    background:#99c52d
}
.cb-contact-cards__avatar--yellow{
    background:#ffdc00
}
.cb-contact-cards__avatar--olive{
    background:#cbd38b
}
.cb-contact-cards__role{
    margin:2px 0 8px;
    color:#00759a;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase
}
.cb-contact-cards h3{
    margin:0 0 7px;
    font-size:1.0325rem;
    font-weight:700;
}
.cb-contact-cards-inside {
    line-height:1.3rem;
    font-size:0.815rem;
}
.cb-contact-cards-inside span {
    display:block;
    font-size:0.815rem;
    line-height:1.2rem;
}

.cb-contact-cards__details,.cb-contact-cards__content>p{
    margin:3px 0;
    color:#617985;
    font-size:.875rem;
    line-height:1.45
}
.cb-contact-cards__details>:first-child{
    margin-top:0
}
.cb-contact-cards__details>:last-child{
    margin-bottom:0
}
.cb-contact-cards a{
    color:#00759a;
    overflow-wrap:anywhere
}
.cb-contact-cards a:focus-visible{
    outline:3px solid #ffdc00;
    outline-offset:2px
}
@media(max-width:575.98px){
    .cb-contact-cards__list{
        grid-template-columns:1fr
    }
}