/************************************ Start: Include Fix ************************************/
.block_50000.cms_padding_1 { padding: 0; }
/************************************ Ende: Include Fix ************************************/
/************************************ Start: Google Maps ************************************/
.art_map_box { position: relative; width: 100%; height: 0; padding: 0 0 66.66666666666667% 0; overflow: hidden; }
.art_map_box > div { position: absolute; inset: 0; }
.art_map_box > div > iframe { width: 100%; height: 100%; border: none !important; }
/************************************ Ende: Google Maps ************************************/
/************************************ Start: Video ************************************/
.art_video_box { position: relative; width: 100%; min-height: auto; padding: 0 0 56.25% 0; background: var(--black); overflow: hidden; }
.art_video_box iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; min-height: 0; }
/************************************ Ende: Video ************************************/
/************************************ Start: Youtube Video ************************************/
.cms_video_box { display: flex; flex-direction: column; width: 100%; }
.cms_video_title { position: relative; z-index: 2; max-width: 500px; width: 100%; margin: 0 0 30px 0; }
.cms_video_title h2 { font-size: 62px; line-height: 74px; }
.cms_video_player { position: relative; z-index: 1 !important; width: 100%; padding: 0 0 56.25% 0; background: var(--black); border-radius: var(--border-radius-default); box-shadow: 0 0 100px 0 rgba(0,0,0,0.1); overflow: hidden; }
.cms_video_player > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; min-height: 0; }
@media screen and (max-width: 959px) {
	.cms_video_title { margin: 0 0 20px 0; }
	.cms_video_title h2 { font-size: 32px; line-height: 38px; }
}
/* Start: Animation */
.cms_video_title { transform: translateY(-50px); opacity: 0; visibility: hidden; }
.cms_video_player { transform: translateY(50px); opacity: 0; visibility: hidden; }
/* End: Animation */
/************************************ Ende: Youtube Video ************************************/
/************************************ Start: Vimeo Video ************************************/
.cms_vimeoVideo_box { display: flex; flex-direction: column; width: 100%; }
.cms_vimeoVideo_title { position: relative; z-index: 2; max-width: 500px; width: 100%; margin: 0 0 30px 0; }
.cms_vimeoVideo_title h2 { font-size: 62px; line-height: 74px; }
.cms_vimeoVideo_player { position: relative; z-index: 1 !important; width: 100%; padding: 0 0 56.25% 0; background: var(--black); border-radius: var(--border-radius-default); box-shadow: 0 0 100px 0 rgba(0,0,0,0.1); overflow: hidden; }
.cms_vimeoVideo_player > div { position: absolute; inset: 0; width: 100%; height: 100%; }
.cms_vimeoVideo_player > div > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; min-height: 0; }
@media screen and (max-width: 959px) {
	.cms_vimeoVideo_title { margin: 0 0 20px 0; }
	.cms_vimeoVideo_title h2 { font-size: 32px; line-height: 38px; }
}
/* Start: Animation */
.cms_vimeoVideo_title { transform: translateY(-50px); opacity: 0; visibility: hidden; }
.cms_vimeoVideo_player { transform: translateY(50px); opacity: 0; visibility: hidden; }
/* End: Animation */
/************************************ Ende: Vimeo Video ************************************/
/************************************ Start: CMS IMG Klasse ************************************/
.block_20000 .cms_imgBlock_imgContainer { width: 100%; }
.block_20000 .cms_imgBlock_imgBox { position: relative; width: 100%; border-radius: var(--border-radius-small); overflow: clip; }
.block_20000 .cms_imgBlock_imgBox > .full_article_link { border-radius: var(--border-radius-small); }
.block_20000 .cms_imgBlock_imgBox > picture,
.block_20000 .cms_imgBlock_imgBox > picture > img { display: flex; width: 100%; transition: var(--transition); will-change: transform; }
.block_20000 .cms_imgBlock_imgBox:has(.full_article_link):hover > picture > img { transform: scale(1.05); }
.block_20000 .cms_imgBlock_imgLegend { font-weight: 350; font-size: 15px; line-height: 23px; margin: 10px 0 0 0; }
/************************************ End: CMS IMG Klasse ************************************/
/************************************ Start: Trennlinie ************************************/
.block hr, .block_60000 hr { border: none; outline: none; height: 1px; background: var(--tertiary-100); }
/************************************ Ende: Trennlinie ************************************/
/************************************ Start: Galerie Title und Beschreibung ************************************/
.cms_gallery_header { font-family: "IBM Plex Sans", sans-serif; font-weight: 600; font-size: 36px; line-height: 43px; color: var(--black); padding: 0 0 15px 0; }
.cms_gallery_intro { font-size: 24px; line-height: 36px; padding: 0 0 30px 0; }
@media screen and (max-width: 959px) {
	.cms_gallery_header { font-size: 24px; line-height: 29px; }
	.cms_gallery_intro { font-size: 19px; line-height: 29px; }
}
/************************************ Ende: Galerie Title und Beschreibung ************************************/
/************************************ Start: Gallery Three Four ************************************/
.cms_galleryThreeFour_box { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin: -15px; }
.cms_galleryThreeFour_33 { width: 33.333%; padding: 15px; }
.cms_galleryThreeFour_25 { width: 25%; padding: 15px; }
.cms_galleryThreeFour_imgContainer { cursor: pointer; position: relative; width: 100%; }
.cms_galleryThreeFour_imgFixZindex { z-index: 10 !important; }
.cms_galleryThreeFour_imgBox { width: 100%; }
.cms_galleryThreeFour_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: var(--transition); }
.cms_galleryThreeFour_imgBox:hover:before { visibility: visible; opacity: 1; }
.cms_galleryThreeFour_imgBox:after { content: "\f002"; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%,-50%); font: 28px 'FontAwesome'; line-height: 30px; color: var(--white); text-align: center; visibility: hidden; opacity: 0; transition: var(--transition); }
.cms_galleryThreeFour_imgBox:hover:after { visibility: visible; opacity: 1; }
.cms_galleryThreeFour_imgBox > picture { display: block; width: 100%; padding: 0 0 80.97165991902834% 0; }
.cms_galleryThreeFour_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.cms_galleryThreeFour_imgLegend {
position: absolute; z-index: 10; bottom: 15px; left: 15px; max-width: calc(100% - 30px); font-style: italic; font-size: 18px; line-height: 24px; text-align: center; padding: 10px; background: rgba(255,255,255,0.75); }
@media screen and (max-width: 959px) {
	.cms_galleryThreeFour_33 { width: 50%; }
	.cms_galleryThreeFour_25 { width: 50%; }
	.cms_galleryThreeFour_imgLegend { display: none; }
}
@media screen and (max-width: 320px) {
	.cms_galleryThreeFour_33 { width: 100%; }
	.cms_galleryThreeFour_25 { width: 100%; }
}
/************************************ End: Gallery Three Four ************************************/
/************************************ Start: Download-Manager ************************************/
/* Ohne Navigationsbaum */
.dn_list > div > div { display: block; float: left; width: 100%; background: rgba( 255,255,255,0.5); padding: 15px; }
.dn_list > div { display: block; float: left; width: 100%; }
.cms_dn_list_anchor { display: block; float: left; clear: both; width: 100%; padding: 10px; }
.cms_dn_list_icon { display: block; float: left; margin: 0 10px 0 0; }
.cms_dn_list_name { display: block; float: left; }
.cms_dn_list_date { display: block; float: right; }
.dn_list a:nth-of-type(2N-1) { background: rgba( 0,0,0,0.0625); }
.dn_list a:hover { color: #FFFFFF; background: #3EA2F7; cursor: pointer; }
/* Mit Navigationsbaum */
.dn_list > div { display: block; float: left; width: 100%; }
.dm_list > div > div { display: block; float: left; width: 100%; background: rgba( 255,255,255,0.5); padding: 15px; }
.cms_dm_list_anchor { display: block; float: left; clear: both; width: 100%; padding: 10px; }
.cms_dm_list_icon { display: block; float: left; margin: 0 10px 0 0; }
.cms_dm_list_name { display: block; float: left; }
.cms_dm_list_date { display: block; float: right; }
.dm_list a:nth-of-type(2N-1) { background: rgba( 0,0,0,0.0625); }
.dm_list a:hover { color: #FFFFFF; background: #3EA2F7; cursor: pointer; }
/************************************ End: Download-Manager ************************************/