/************************************ Start: Teaser ************************************/
.cms_aktuellTeaser_main { display: flex; flex-direction: column; width: 100%; }
.cms_aktuellTeaser_introContainer.cms_padding_1,
.cms_aktuellTeaser_introContainer > .cms_padding_1 { padding: 15px 15px 10px 15px; }
.cms_aktuellTeaser_intro { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 30px; }
.cms_at_slider { width: 100%; padding: 15px; }
.cms_at_swiper { overflow: visible; clip-path: inset(-100vw); }
.cms_at_slider .cms_aktuell_flexBox { width: 100% !important; padding: 0; }
/************************************ Ende: Teaser ************************************/

/************************************ Start: Lst ************************************/
.cms_aktuellLst_loadBtn > div { display: flex; justify-content: flex-end; }
/************************************ Ende: Lst ************************************/

/************************************ Start: Box ************************************/
.cms_aktuell_flexBox { display: flex; }
.cms_aktuell_box { position: relative; width: 100%; border-radius: var(--border-radius-small); overflow: clip; }
.cms_aktuell_box:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); transition: var(--transition); }
.cms_aktuell_box:hover:before {  opacity: 0; visibility: hidden; }
.cms_aktuell_box > .full_article_link { border-radius: var(--border-radius-small); }
.cms_aktuell_imgContainer { position: relative; z-index: 1; width: 100%; }
.cms_aktuell_imgBox { width: 100%; }
.cms_aktuell_imgBox > .full_article_link { border-radius: var(--border-radius-small); }
.cms_aktuell_imgBox > picture { display: flex; width: 100%; padding: 0 0 100% 0; }
.cms_aktuell_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: var(--transition); will-change: transform; }
.cms_aktuell_box:hover .cms_aktuell_imgBox > picture > img { transform: scale(1.05); }
.cms_aktuell_imgLegend { display: none; }
.cms_aktuell_info { position: absolute; z-index: 2; left: 30px; bottom: 22px; display: flex; flex-direction: column; gap: 22px; max-width: calc(100% - 60px); width: 100%; transform: translateY(44px); transition: var(--transition); will-change: transform; }
.cms_aktuell_box:hover .cms_aktuell_info { gap: 15px; transform: translateY(0); }
.cms_aktuell_info h2,
.cms_aktuell_info h3 { color: var(--white); }
@media screen and (max-width: 959px) {
    .cms_aktuell_flexBox { width: 50% !important; }
    .cms_aktuell_info { left: 20px; bottom: 19px; gap: 14px; max-width: calc(100% - 40px); transform: translateY(38px); }
    .cms_aktuell_box:hover .cms_aktuell_info { gap: 11px; transform: translateY(0); }
}
@media screen and (max-width: 640px) { .cms_aktuell_flexBox { width: 100% !important; } }
/************************************ Ende: Box ************************************/

/************************************ Start: Det ************************************/
.cms_aktuellDet_main { position: relative; width: 100%; }
.cms_aktuellDet_static.cms_padding_1,
.cms_aktuellDet_static > .cms_padding_1 { padding: 15px 15px 33px 15px; }
.cms_aktuellDet_lst { display: flex; align-items: center; gap: 30px; width: 100%; }
.cms_aktuellDet_left { display: flex; flex-direction: column; gap: 23px; width: 50%; }
.cms_aktuellDet_right { width: 50%; }
.cms_aktuellDet_titel > h1 { font-size: 54px; line-height: 65px; }
.cms_aktuellDet_imgContainer { width: 100%; }
.cms_aktuellDet_imgBox { position: relative; width: 100%; border-radius: var(--border-radius-small); overflow: clip; }
.cms_aktuellDet_imgBox > .full_article_link { border-radius: var(--border-radius-small); }
.cms_aktuellDet_img { display: flex; width: 100%; transition: var(--transition); will-change: transform; }
.cms_aktuellDet_imgBox:has(.full_article_link):hover .cms_aktuellDet_img { transform: scale(1.05); }
.cms_aktuellDet_imgLegend { font-weight: 350; font-size: 15px; line-height: 23px; margin: 10px 0 0 0; }
.cms_aktuellDet_dynamicBox > .cms_padding_1 { padding: 0 15px 55px 15px; }
@media screen and (max-width: 959px) {
    .cms_aktuellDet_lst { flex-direction: column; }    
    .cms_aktuellDet_left { width: 100%; }
    .cms_aktuellDet_right { width: 100%; }
    .cms_aktuellDet_titel > h1 { font-size: 28px; line-height: 34px; }
}
/************************************ End: Det ************************************/

/************************************ Start: Detail Background ************************************/
body:has(.cms_aktuellDet_main) { background: var(--tertiary-10); }
.cms_aktuellDet_main:before { content: ""; position: absolute; z-index: 1; inset: 190px 0 0 0; background: var(--white); }
footer:has(.cms_aktuellDet_main) .cat_color { background: var(--white); }
@media screen and (min-width: 1201px) { .cms_aktuellDet_main { margin: 0 0 -100px 0; } }
@media screen and (min-width: 992px) and (max-width: 1200px) { .cms_aktuellDet_main { margin: 0 0 -80px 0; } }
@media screen and (max-width: 991px) { .cms_aktuellDet_main { margin: 0 0 -54px 0; } }
/************************************ End: Detail Background ************************************/

/************************************ Start: Detail More ************************************/
.cms_aktuellMore_main { width: 100%; border-radius: var(--border-radius-small); background: var(--tertiary-10); padding: 89px 0 97px 0; margin: 127px 0 0 0; }
.cms_aktuellMore_intro.cms_padding_1,
.cms_aktuellMore_intro > .cms_padding_1 { padding: 15px 15px 2.5px 15px; }
@media screen and (max-width: 959px) { .cms_aktuellMore_main { padding: 20px 0; margin: 20px 0 0 0; } }
/************************************ End: Detail More ************************************/