/************************************ Start: Teaser ************************************/
.cms_aktuellTeaser_mainTitle.cms_padding_1 { padding: 15px 15px 30px 15px !important; }
.cms_aktuellTeaser_mainTitle > .cms_padding_1 { padding: 15px 15px 0 15px !important; }
.cms_aktuellTeaser_mainBtn.cms_padding_1,
.cms_aktuellTeaser_mainBtn > .cms_padding_1 { padding: 0 15px 15px 15px !important; }
/************************************ End: Teaser ************************************/

/************************************ Start: Lst ************************************/
.cms_aktuellLst_loadContainer { gap: 31px 0; }
/************************************ End: Lst ************************************/

/************************************ Start: Box ************************************/
.cms_aktuell_flexBox { display: flex; }
.cms_aktuell_box { position: relative; width: 100%; padding: 0 0 81.08108108108108% 0; background: linear-gradient(180deg, rgba(0, 80, 60, 0.00) 0%, rgba(0, 80, 60, 0.70) 100%), var(--secondary); border-radius: var(--border-radius-small); }
@property --vAktuellBoxVerlauf { syntax: '<percentage>'; initial-value: 0%; inherits: false; }
.cms_aktuell_box:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) var(--vAktuellBoxVerlauf), rgba(0, 0, 0, 0.70) 100%); border-radius: var(--border-radius-small); transition: --vAktuellBoxVerlauf .3s; }
.cms_aktuell_box:hover:before { --vAktuellBoxVerlauf: 39.9%; }
.cms_aktuell_box > .full_article_link { border-radius: var(--border-radius-small); }
.cms_aktuell_datum { position: absolute; z-index: 4; top: 0; left: 20px; transform: translateY(-50%); padding: 5px 12px; color: var(--white); background: var(--primary-100); border-radius: var(--border-radius-tiny); }
.cms_aktuell_imgContainer { position: absolute; z-index: 1 !important; inset: 0; display: flex; border-radius: var(--border-radius-small); overflow: clip; }
.cms_aktuell_imgBox { display: flex; width: 100%; }
.cms_aktuell_imgBox > picture { display: flex; width: 100%; }
.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.025); }
.cms_aktuell_imgLegend { display: none; }
.cms_aktuell_infoBox { position: absolute; z-index: 3; inset: 0; border-radius: var(--border-radius-small); overflow: clip; display: flex; align-items: flex-end; }
.cms_aktuell_info { display: flex; flex-direction: column; gap: 6px; padding: 16px 20px; transform: translateY(29px); transition: var(--transition); will-change: transform; }
.cms_aktuell_box:hover .cms_aktuell_info { transform: translateY(0); }
.cms_aktuell_titel { color: var(--white); }
.cms_aktuell_btn { opacity: 0; visibility: hidden; transition: var(--transition); }
.cms_aktuell_box:hover .cms_aktuell_btn { opacity: 1; visibility: visible; }
.cms_aktuell_btn .button-link-next > a { color: var(--white); }
.cms_aktuell_btn .button-link-next > a:hover { color: var(--white); }
.cms_aktuell_btn .button-link-next > a:before { background: center right / contain no-repeat url("/pages/img/button-link-next/arrow_white.svg"); }
@media screen and (max-width: 959px) {
    .cms_aktuell_flexBox.flex_box_12 { width: 50% !important; }
    .cms_aktuell_datum { left: 15px; }
    .cms_aktuell_info { padding: 15px; }
}
@media screen and (max-width: 640px) { .cms_aktuell_flexBox.flex_box_12 { width: 100% !important; } }
/************************************ End: Box ************************************/

/************************************ Start: Det ************************************/
.cms_aktuellDet_main { width: 100%; }
.cms_aktuellDet_staticBox { position: relative; }
.cms_aktuellDet_staticBox1 { padding: 90px 0; }
.cms_aktuellDet_staticBox2 { padding: 0 0 90px 0; margin: -30px 0 0 0; }
.cms_aktuellDet_static1 { margin: 0 auto 20px auto; }
.cms_aktuellDet_static2 > .cms_padding_1 { padding: 15px 15px 0 15px !important; }
.cms_aktuellDet_dynamicBox > .cms_padding_1 { padding: 0 15px 15px 15px !important; }
.cms_aktuellDet_bg { --vAktuellDetBgSpace: calc(calc(100% - 1230px) / 2) + 30px; position: absolute; z-index: -1; background: var(--tertiary); border-radius: var(--border-radius-small); }
.cms_aktuellDet_staticBox1 > .cms_aktuellDet_bg { inset: 0 max(30px,var(--vAktuellDetBgSpace)); }
.cms_aktuellDet_staticBox2 > .cms_aktuellDet_bg { inset: 153px max(30px,var(--vAktuellDetBgSpace)) 0 max(30px,var(--vAktuellDetBgSpace)); }
.cms_aktuellDet_imgContainer { width: 100%; }
.cms_aktuellDet_imgBox { position: relative; display: flex; flex-direction: column; 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 { width: 100%; }
.cms_aktuellDet_imgLegend { font-style: italic; font-size: 15px; line-height: 23px; margin: 11px 0 0 0; }
.cms_aktuellDet_datum { display: inline-flex; padding: 5px 12px; margin: 0 0 24px 0; color: var(--white); background: var(--primary-100); border-radius: var(--border-radius-tiny); }
.cms_aktuellDet_titel { margin: 0 0 26px 0; }
.cms_aktuellDet_titel > h1 { color: var(--secondary); }
@media screen and (max-width: 1005px) {
    .cms_aktuellDet_bg { border-radius: 0; }
    .cms_aktuellDet_staticBox1 > .cms_aktuellDet_bg { inset: 0; }
    .cms_aktuellDet_staticBox2 > .cms_aktuellDet_bg { inset: 153px 0 0 0; }
}
@media screen and (max-width: 959px) {
    .cms_aktuellDet_staticBox1 { padding: 30px 0; }
    .cms_aktuellDet_staticBox2 { padding: 0 0 30px 0; }
    .cms_aktuellDet_static1 { margin: 0 auto; }
}
/************************************ End: Det ************************************/