/* Start: Allgemein */
.cms_panorama_main { width: 100%; padding: 0 30px 30px 30px; }
.cms_panorama_box { position: relative; width: 100%; border-radius: var(--border-radius-small); overflow: clip; }
.cms_panorama_imgContainer { position: relative; z-index: 1; width: 100%; }
.cms_panorama_imgBox { width: 100%; }
.cms_panorama_img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.cms_panorama_imgLegend { display: none; }
.cms_panorama_info { --vPanoramaSpace: calc(calc(100% - 1640px) / 2); position: absolute; z-index: 3 !important; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.cms_panorama_title h1 { color: var(--primary-30); }
/* End: Allgemein */

/* Start: Types */
.cms_panorama_box_1 .cms_panorama_imgBox { /*padding: 0 0 max(550px,30.219780219780223%) 0;*/ padding: 0 0 550px 0; }
.cms_panorama_box_2 .cms_panorama_imgBox { /*padding: 0 0 max(560px,30.76923076923077%) 0;*/ padding: 0 0 560px 0; }
.cms_panorama_box_3 .cms_panorama_imgBox { /*padding: 0 0 max(270px,14.835164835164836%) 0;*/ padding: 0 0 270px 0; }
.cms_panorama_box_1 .cms_panorama_info { inset: auto max(0px,var(--vPanoramaSpace)) 35px max(0px,var(--vPanoramaSpace)); padding: 30px; }
.cms_panorama_box_2 .cms_panorama_info { inset: 0 auto 0 max(0px,var(--vPanoramaSpace)); padding: 30px 53px 30px 30px; max-width: 650px; }
.cms_panorama_box_3 .cms_panorama_info { inset: 0 max(0px,var(--vPanoramaSpace)); padding: 30px; }
.cms_panorama_box_1:before { content: ""; z-index: 2; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 116, 86, 0.00) 0%, rgba(0, 80, 60, 0.95) 100%); }
.cms_panorama_box_2 .cms_panorama_info:before { content: ""; position: absolute; z-index: -1; inset: 0 0 0 -100svw; background: linear-gradient(270deg, var(--primary-100, rgba(0, 116, 86, 1)) 0%, rgba(0, 80, 60, 1) 100%); opacity: 0.95; }
.cms_panorama_box_3:before { content: ""; z-index: 2; position: absolute; inset: 0; background: linear-gradient(270deg, var(--primary-100, rgba(0, 116, 86, 1)) 0%, rgba(0, 80, 60, 1) 100%); opacity: 0.95; }
.cms_panorama_box_1 .cms_panorama_title h1 { font-size: 120px; line-height: 132px; }
/* End: Types */

/* Start: Breadcrumbs */
.cms_panorama_bc { display: none; }
.cms_panorama_info .cms_breadcrumbs_box a { color: var(--white); }
.cms_panorama_info .cms_breadcrumbs_box a:hover { color: var(--white); }
.cms_panorama_info .cms_breadcrumbs_box a.active { color: var(--white); }
.cms_panorama_info .cms_breadcrumbs_box a.active:hover { color: var(--white); }
.cms_panorama_info .cms_breadcrumbs_box a + .cms_breadcrumbs_spacer > svg > path { stroke: var(--white); }
.cms_panorama_info .cms_breadcrumbs_box a:hover + .cms_breadcrumbs_spacer > svg > path { stroke: var(--white); }
/* End: Breadcrumbs */

@media screen and (max-width: 1280px) {
    /* Start: Types */
    .cms_panorama_box_1 .cms_panorama_title h1 { font-size: 75px; line-height: 85px; }
    /* End: Types */
}

@media screen and (max-width: 959px) {
    /* Start: Allgemein */
    .cms_panorama_main { padding: 0; }
    .cms_panorama_box { border-radius: 0; }
    .cms_panorama_title h1 { font-size: 28px !important; line-height: 34px !important; }
    .cms_panorama_info > div:last-of-type { display: none; }
    /* End: Allgemein */

    /* Start: Types */
    .cms_panorama_box_1 .cms_panorama_imgBox,
    .cms_panorama_box_2 .cms_panorama_imgBox,
    .cms_panorama_box_3 .cms_panorama_imgBox { padding: 0 0 200px 0; }
    .cms_panorama_box_1 .cms_panorama_info,
    .cms_panorama_box_2 .cms_panorama_info,
    .cms_panorama_box_3 .cms_panorama_info { inset: auto 0 0 0; padding: 30px 30px 21px 30px; }
    .cms_panorama_box_2 .cms_panorama_info { max-width: none; }
    .cms_panorama_box_1:before { background: linear-gradient(180deg, rgba(0, 116, 86, 0.00) 42.31%, rgba(0, 80, 60, 0.95) 100%); }
    .cms_panorama_box_2:before { content: ""; z-index: 2; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 116, 86, 0.00) 42.31%, rgba(0, 80, 60, 0.95) 100%); }
    .cms_panorama_box_2 .cms_panorama_info:before { content: none; }
    .cms_panorama_box_3:before { background: linear-gradient(180deg, rgba(0, 116, 86, 0.00) 42.31%, rgba(0, 80, 60, 0.95) 100%); }
    /* End: Types */

    /* Start: Breadcrumbs */
    .cms_panorama_bc { display: block; width: 100%; padding: 10px 30px 0 30px; }
    /* End: Breadcrumbs */
}