/************************************ Start: KB ************************************/
.cms_kb_box { display: flex; align-items: center; gap: 35px 30px; width: 100%; }
.cms_kb_imgContainer { position: relative; display: flex; flex-shrink: 0; max-width: 270px; width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: clip; }
.cms_kb_imgBox { display: flex; width: 100%; }
.cms_kb_imgBox > .full_article_link { border-radius: 50%; }
.cms_kb_imgBox > picture { display: flex; width: 100%; }
.cms_kb_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.cms_kb_imgLegend { display: none; }
.cms_kb_text { flex: 1; }
.cms_kb_text h3:has(+*) { padding-bottom: 1px; }
@media screen and (max-width: 959px) {
    .cms_kb_box { flex-direction: column; align-items: center; }
    .cms_kb_imgContainer { flex-shrink: unset; }
    .cms_kb_text { flex: none; width: 100%; }
    .cms_kb_text h3:has(+*) { padding-bottom: 10px; }
}
/************************************ Ende: KB ************************************/

/************************************ Start: KB Tel + Mail ************************************/
.cms_kb_text a.tel,
.cms_kb_text a.mailto { display: flex; align-items: center; gap: 7px; }
.cms_kb_text a.tel:before,
.cms_kb_text a.mailto:before { content: ""; flex-shrink: 0; width: 27px; height: 27px; border-radius: 50%; background-color: var(--secondary); background-position: center center; background-repeat: no-repeat; transition: var(--transition); }
.cms_kb_text a.tel:before { background-image: url("/pages/img/kb/phone.svg"); background-size: 15px 15px; }
.cms_kb_text a.mailto:before { background-image: url("/pages/img/kb/envelope.svg"); background-size: 17px 11px; }
.cms_kb_text a.tel:hover:before,
.cms_kb_text a.mailto:hover:before { background-color: var(--secondary); }
/************************************ Ende: KB Tel + Mail ************************************/

/************************************ Start: KB Tel + Mail Spacing Fix ************************************/
.cms_kb_text p:has(.tel,.mailto) { display: flex; flex-direction: column; gap: 12px; padding-top: 32px; }
.cms_kb_text p:has(.tel,.mailto) br { display: none; }
@media screen and (max-width: 959px) { .cms_kb_text p:has(.tel,.mailto) { padding-top: 43px; } }
/************************************ Ende: KB Tel + Mail Spacing Fix ************************************/