/* Start: Box */
.cms_aktuell_flexBox { display: flex; }
.cms_aktuell_box { position: relative; display: grid; grid-template-areas: "cs2-item"; place-items: end stretch; }
.cms_aktuell_imgContainer { position: relative; z-index: 1; grid-area: cs2-item; overflow: clip; }
@property --aktuellGradient { syntax: '<percentage>'; inherits: false; initial-value: 70%; }
.cms_aktuell_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, var(--aktuellGradient)) 100%); transition: --aktuellGradient .3s; }
.cms_aktuell_box:hover .cms_aktuell_imgBox:before { --aktuellGradient: 40%; }
.cms_aktuell_imgBox > picture { display: flex; }
.cms_aktuell_imgBox > picture > img { width: 100%; aspect-ratio: 1 / 1; 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_titel { pointer-events: none; z-index: 2; grid-area: cs2-item; padding: 15px 20px; }
.cms_aktuell_box_big .cms_aktuell_titel { padding: 30px; }
.cms_aktuell_titel h3,
.cms_aktuell_titel h4 { color: var(--white); }
.cms_aktuell_titel svg { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 10px; transition: var(--transition); will-change: transform; }
.cms_aktuell_box:hover .cms_aktuell_titel svg { transform: rotate(45deg); }
.cms_aktuell_titel svg > path { fill: var(--primary); }
@media screen and (max-width: 959px) {
    .cms_aktuell_flexBox { width: 50% !important; }
    .cms_aktuell_titel { padding: 15px; }
    .cms_aktuell_box_big .cms_aktuell_titel { padding: 15px; }
}
@media screen and (max-width: 640px) { .cms_aktuell_flexBox { width: 100% !important; } }
/* End: Box */

/* Start: Teaser */
.cms_aktuellTeaser_mainInfo.cms_padding_1 { padding: 15px 15px 30px 15px !important; }
.cms_aktuellTeaser_mainInfo > div > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 30px; }
.cms_aktuellTeaser_lst { display: grid; column-gap: 20px; row-gap: 20px; padding: 0 30px; }
.cms_aktuellTeaser_mainBtn.cms_padding_1 { padding: 13px 15px 15px 15px !important; }
.cms_aktuellTeaser_mainBtn > div { display: flex; justify-content: flex-end; }
@media screen and (min-width: 960px) {
    .cms_aktuellTeaser_lst { grid-auto-columns: 1fr; grid-template-areas: "one one two" "one one three"; }
    .cms_aktuellTeaser_mainBtn { display: none; }
}
@media screen and (min-width: 641px) and (max-width: 959px) { .cms_aktuellTeaser_lst { grid-auto-columns: 1fr; grid-template-areas: "one one" "two three"; } }
@media screen and (min-width: 641px) {
    .cms_aktuellTeaser_lst > .cms_aktuell_box:first-child { grid-area: one; }
    .cms_aktuellTeaser_lst > .cms_aktuell_box:nth-child(2) { grid-area: two; }
    .cms_aktuellTeaser_lst > .cms_aktuell_box:last-child { grid-area: three; }
}
@media screen and (max-width: 959px) {
    .cms_aktuellTeaser_mainInfo.cms_padding_1 { padding: 15px 15px 7px 15px !important; }
    .cms_aktuellTeaser_mainInfo > div > div > .button-link { display: none; }
    .cms_aktuellTeaser_lst > .cms_aktuell_box_big .cms_aktuell_imgBox > picture > img { aspect-ratio: 2 / 1; }
}
@media screen and (max-width: 640px) { .cms_aktuellTeaser_lst .cms_aktuell_imgBox > picture > img { aspect-ratio: 2 / 1; } }
/* End: Teaser */

/* Start: Lst */
.cms_aktuell_loadBtn > div { display: flex; justify-content: center; }
/* End: Lst */

/* Start: Det */
/*.cms_aktuellDet_main { padding: 24px 0; }*/
.cms_container_newsDefault { width: 100%; max-width: 1030px; margin: 0 auto; }
.cms_container_newsSmall { width: 100%; max-width: 830px; margin: 0 auto; }
.cms_aktuellDet_datum:not(:first-child) { margin-top: 20px; }
.cms_aktuellDet_titel:not(:first-child) { margin-top: 20px; }
.cms_aktuellDet_text:not(:first-child) { margin-top: 20px; }
.cms_aktuellDet_imgContainer { width: 100%; }
.cms_aktuellDet_imgBox { position: relative; width: 100%; }
.cms_aktuellDet_imgBox > img { display: flex; width: 100%; }
.cms_aktuellDet_imgLegend { font-style: italic; margin: 10px 0 0 0; }
/* End: Det */