/************************************ Start: Teaser ************************************/
.cms_einblickeTeaser_mainTitle.cms_padding_1,
.cms_einblickeTeaser_mainTitle > .cms_padding_1 { padding: 15px 15px 0 15px !important; }
.cms_einblickeTeaser_mainTitle h2 { text-transform: uppercase; }
.cms_einblickeTeaser_mainBtn > div { display: flex; justify-content: center; }
/************************************ End: Teaser ************************************/

/************************************ Start: Box ************************************/
.cms_einblicke_flexbox { display: flex; }
.cms_einblicke_box { position: relative; display: flex; flex-direction: column; width: 100%; }
.cms_einblicke_datum { position: absolute; z-index: 14 !important; top: 0; left: 0; max-width: calc(100% - 30px); padding: 5px 10px; background: #F36F23; border-radius: 0; }
.cms_einblicke_datumFont { font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #FFFFFF; text-align: center; }
.cms_einblicke_imgContainer { position: relative; z-index: 1 !important; width: 100%; overflow: hidden; }
.cms_einblicke_imgFixZindex { z-index: 12 !important; }
.cms_einblicke_imgBox { width: 100%; padding: 0 0 71.89189189189189% 0; }
.cms_einblicke_img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: all .3s ease-in-out; will-change: transform; }
.cms_einblicke_box:hover .cms_einblicke_img { transform: scale(1.05); }
.cms_einblicke_imgLegend { position: absolute; z-index: 12; bottom: 0; right: 0; max-width: calc(100% - 30px); padding: 10px; background: rgba(255,255,255,0.75); }
.cms_einblicke_imgLegendFont { font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000; text-align: center; }
.cms_einblicke_info { flex: 1; padding: 19px 22px; border: 1px solid #AEB1B4; }
.cms_einblicke_box_bevoelkerung .cms_einblicke_info { background: #007DC5; border: 1px solid #007DC5; }
.cms_einblicke_box_dienstleistende .cms_einblicke_info { background: #819484; border: 1px solid #819484; }
.cms_einblicke_titel > h2,
.cms_einblicke_titel > h3 {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #000000;
    text-align: left;
    text-transform: none;
    padding: 0 0 16px 0;
}
.cms_einblicke_box_bevoelkerung .cms_einblicke_titel > h2,
.cms_einblicke_box_bevoelkerung .cms_einblicke_titel > h3,
.cms_einblicke_box_dienstleistende .cms_einblicke_titel > h2,
.cms_einblicke_box_dienstleistende .cms_einblicke_titel > h3 { color: #FFFFFF; }
.cms_einblicke_txt p {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    text-align: left;
}
.cms_einblicke_box_bevoelkerung .cms_einblicke_txt p,
.cms_einblicke_box_dienstleistende .cms_einblicke_txt p { color: #FFFFFF; }
.cms_einblicke_btnTxtBox { display: flex; }
.cms_einblicke_btnTxt { position: relative; font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 18px; line-height: 23px; color: #F36F23; text-align: left; padding: 14px 27px 10px 32px; }
.cms_einblicke_btnTxt:before { content: ""; position: absolute; z-index: 1; top: 0; left: 22px; width: 1px; height: 47px; background: #F36F23; }
.cms_einblicke_btnTxt:after { content: ""; position: absolute; z-index: 1; top: 20px; right: 0; width: 19px; height: 14px; background: center / contain no-repeat url("/pages/img/cmsAktuellesLstArrow.svg"); opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }
.cms_einblicke_box:hover .cms_einblicke_btnTxt:after { opacity: 1; visibility: visible; }
.cms_einblicke_box_bevoelkerung .cms_einblicke_btnTxt { color: #007DC5; }
.cms_einblicke_box_dienstleistende .cms_einblicke_btnTxt { color: #819484; }
.cms_einblicke_box_bevoelkerung .cms_einblicke_btnTxt:before { background: #007DC5; }
.cms_einblicke_box_dienstleistende .cms_einblicke_btnTxt:before { background: #819484; }
@media screen and (max-width: 1024px) { .cms_einblicke_flexbox.flex_box_12 { width: 50% !important; } }
@media screen and (max-width: 959px) { .cms_einblicke_info { padding: 15px 20px; } }
@media screen and (max-width: 767px) {
    .cms_einblicke_datumFont { font-weight: 400 !important; font-size: 16px !important; line-height: 20px !important; }
    .cms_einblicke_imgLegendFont { font-weight: 400 !important; font-size: 16px !important; line-height: 20px !important; }
    .cms_einblicke_titel > h2,
    .cms_einblicke_titel > h3 { font-weight: 400 !important; font-size: 20px !important; line-height: 30px !important; letter-spacing: 0px !important; }
    .cms_einblicke_txt p { font-weight: 400 !important; font-size: 16px !important; line-height: 26px !important; }
    .cms_einblicke_btnTxt { font-weight: 400 !important; font-size: 16px !important; line-height: 20px !important; padding: 10px 24px 10px 26px; }
    .cms_einblicke_btnTxt:before { left: 15px; width: 1px; height: 40px; }
    .cms_einblicke_btnTxt:after { top: 14px; width: 16px; height: 12px; }
}
@media screen and (max-width: 720px) { .cms_einblicke_flexbox.flex_box_12 { width: 100% !important; } }
/************************************ End: Box ************************************/

/************************************ Start: Tag Nav ************************************/
.cms_einblickeLst_navBox { background: #E8E7E8; }
.cms_einblickeLst_nav { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; padding: 0 0 0 27px; }
.cms_einblickeLst_nav:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; bottom: -30px; width: 1px; background: #000000; }
.cms_einblickeLst_navItem { cursor: pointer; font-family: 'Mulish', sans-serif; font-weight: 700; font-size: 18px; line-height: 23px; color: #000000; text-align: left; text-decoration: none; transition: all .3s ease-in-out; }
.cms_einblickeLst_navItem:hover,
.cms_einblickeLst_navItem.active { color: #F36F23; text-decoration: none; }
@media screen and (max-width: 767px) { .cms_einblickeLst_navItem { font-weight: 700 !important; font-size: 18px !important; line-height: 23px !important; } }
/************************************ End: Tag Nav ************************************/

/************************************ Start: List ************************************/
.cms_einblickeLst_loadBtn > div { display: flex; justify-content: center; }
.cms_einblickeLst_loadBtn .knopf > a { cursor: pointer; position: relative; display: inline-flex; width: auto !important; font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFFFF; background: #F36F23; border: 1px solid #F36F23; padding: 8px 56.5px 8px 12.5px; margin: 0 30px 0 0; transition: all .3s ease-in-out; text-decoration: none; }
.cms_einblickeLst_loadBtn .knopf > a:hover { display: inline-flex; color: #F36F23; background: #FFFFFF; border: 1px solid #F36F23; text-decoration: none; }
.cms_einblickeLst_loadBtn .knopf > a:before { content: ""; position: absolute; z-index: 1; top: 8.5px; right: 13px; display: block; width: 25px; height: 21px; background: center / contain no-repeat url("/pages/img/cmsAktuellesLstBtn.svg"); transition: all .3s ease-in-out; }
.cms_einblickeLst_loadBtn .knopf > a:hover:before { transform: rotate(60deg); background: center / contain no-repeat url("/pages/img/cmsAktuellesLstBtnHover.svg"); }
/************************************ End: List ************************************/

/************************************ Start: Detail ************************************/
.cms_einblickeDet_main { display: block; width: 100%; padding: 24px 0; }
.cms_einblickeDet_static.cms_padding_1 { padding: 15px 15px 0 15px !important; }
.cms_einblickeDet_dynamicBox > .cms_padding_1 { padding: 0 15px 15px 15px !important; }
.cms_einblickeDet_datum { font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 18px; line-height: 23px; color: #000000; text-align: left; padding: 0 0 15px 0; }
.cms_einblickeDet_titel > h1 { font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 56px; line-height: 70px; letter-spacing: 1.12px; color: #000000; text-align: left; padding: 0 0 15px 0; }
.cms_einblickeDet_text > p { font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 18px; line-height: 23px; color: #000000; text-align: left; padding: 0 0 15px 0; }
.cms_einblickeDet_text > p:last-of-type { padding: 0; }
.cms_einblickeDet_imgContainer { position: relative; display: block; width: 100%; margin: 0 0 30px 0; }
.cms_einblickeDet_imgBox { display: block; width: 100%; }
.cms_einblickeDet_img { display: block; width: 100%; object-position: center; object-fit: contain; }
.cms_einblickeDet_imgLegend { position: absolute; z-index: 12; bottom: 0; right: 0; max-width: calc(100% - 30px); padding: 10px; background: rgba(255,255,255,0.75); border-radius: 0; }
.cms_einblickeDet_imgLegendFont { font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000; text-align: center; }
.cms_einblickeDet_main .knopf-back > a { cursor: pointer; position: relative; display: inline-flex; width: auto !important; font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFFFF; background: #F36F23; border: 1px solid #F36F23; padding: 8px 12.5px 8px 62.5px; transition: all .3s ease-in-out; text-decoration: none; }
.cms_einblickeDet_main .knopf-back > a:hover { display: inline-flex; color: #F36F23; background: #FFFFFF; border: 1px solid #F36F23; text-decoration: none; }
.cms_einblickeDet_main .knopf-back > a:before { content: ""; position: absolute; z-index: 1; top: 12px; left: 31px; display: block; width: 19px; height: 14px; background: center / contain no-repeat url("/pages/img/cmsAktuellesLstBtn2.svg"); transition: all .3s ease-in-out; transform: rotate(180deg); }
.cms_einblickeDet_main .knopf-back > a:hover:before { left: 23px; background: center / contain no-repeat url("/pages/img/cmsAktuellesLstBtn2Hover.svg"); }
@media screen and (max-width: 767px) {
    .cms_einblickeDet_datum { font-weight: 400 !important; font-size: 18px !important; line-height: 23px !important; }
    .cms_einblickeDet_titel > h1 { font-weight: 400 !important; font-size: 35px !important; line-height: 45px !important; letter-spacing: 1.12px !important; }
    .cms_einblickeDet_text > p { font-weight: 400 !important; font-size: 18px !important; line-height: 23px !important; }
}
@media screen and (max-width: 480px) { .cms_einblickeDet_titel > h1 { font-size: 25px !important; line-height: 35px !important; } }
/************************************ End: Detail ************************************/