/*-----| CONTAINER													|--------------------------------------------------------------------------------------------------------------*/
.cms_jssor_section													{ position: relative; width: 100%; min-height: 320px; }
.cms_jssor_section_art.cms_jssor_section						{ min-height: 0; }

@media screen and (max-width: 960px) {
.cms_jssor_container													{ position: absolute; left: 50%; top: 0; width: 960px; height: 320px; margin: 0 0 0 -480px; }
}

.cms_slider_static													{ line-height: 1px; background-repeat: no-repeat; background-size: cover; background-position: center; }

/*-----| SLIDES														|--------------------------------------------------------------------------------------------------------------*/
.cms_jssor .slides													{ cursor: default; position: relative; top: 0px; left: 0px; overflow: hidden; }
.cms_jssor .slide														{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.cms_jssor .slide picture											{ position: absolute; z-index: 1 !important; left: 0; top: 0; right: 0; bottom: 0; }
.cms_jssor .slide picture img										{ width: 100%; height: 100%; object-fit: cover; }
/*.cms_jssor .slide > div												{ background-repeat: no-repeat; background-position: center; background-size: cover; }*/

.cms_jssor .slide > div > div > div .cms_jssor_img			{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.cms_jssor .slide > div > div > div .cms_jssor_txt			{ padding: 15px; }
.cms_jssor .slide > div > div > div .cms_jssor_txt > div	{ padding: 15px; background: rgba( 0,0,0,0.35 ); }
.cms_jssor .slide .flex_box_12_12								{ width: 100.0%; }
.cms_jssor .slide .flex_box_12_11								{ width:  91.6666%; }
.cms_jssor .slide .flex_box_12_10								{ width:  83.3333%; }
.cms_jssor .slide .flex_box_12_9									{ width:  75.0%; }
.cms_jssor .slide .flex_box_12_8									{ width:  66.6666%; }
.cms_jssor .slide .flex_box_12_7									{ width:  58.3333%; }
.cms_jssor .slide .flex_box_12_6									{ width:  50.0%; }
.cms_jssor .slide .flex_box_12_5									{ width:  41.6666%; }
.cms_jssor .slide .flex_box_12_4									{ width:  33.3333%; }
.cms_jssor .slide .flex_box_12_3									{ width:  25.0%; }
.cms_jssor .slide .flex_box_12_2									{ width:  16.6666%; }
.cms_jssor .slide .flex_box_12_1									{ width:   8.3333%; }
@media screen and (min-width: 641px) and (max-width: 959px) {
.cms_jssor .slide > div > div > div .cms_jssor_img			{ display: none; }
.cms_jssor .slide > div > div > div .cms_jssor_txt			{ min-width: 50%; }
}
@media screen and (max-width: 640px) {
.cms_jssor .slide > div > div > div .cms_jssor_img			{ display: none; }
.cms_jssor .slide > div > div > div .cms_jssor_txt			{ min-width: 100%; }
}
/*-----| ARROWS														|--------------------------------------------------------------------------------------------------------------*/
.cms_jssor_section													{ overflow: hidden; }
.cms_jssor > div:nth-last-of-type(1),
.cms_jssor > div:nth-last-of-type(2)							{ position: absolute; top: 50% !important; width: 64px !important; height: 64px !important; margin-top: -32px !important; cursor: pointer; }
.cms_jssor > div:nth-last-of-type(1)							{ right: 0 !important; }
.cms_jssor > div:nth-last-of-type(2)							{ left: 0 !important; }
@media screen and (max-width: 959px) {
.cms_jssor > div:nth-last-of-type(1)							{ right: 50% !important; margin-right: -50vW !important; }
.cms_jssor > div:nth-last-of-type(2)							{ left: 50% !important; margin-left: -50vW !important; }
.cms_padding_1 .cms_jssor > div:nth-last-of-type(1)		{ right: 53.4% !important; margin-right: -50vW !important; }
.cms_padding_1 .cms_jssor > div:nth-last-of-type(2)		{ left: 53.4% !important; margin-left: -50vW !important; }
}
/*.cms_container_narrow .cms_jssor > div:nth-last-of-type(1),
.cms_container	 .cms_jssor > div:nth-last-of-type(1),
.cms_container_wide .cms_jssor > div:nth-last-of-type(1)	{ right: 0 !important; margin-right: 0 !important; }
.cms_container_narrow .cms_jssor > div:nth-last-of-type(2),
.cms_container	 .cms_jssor > div:nth-last-of-type(2),
.cms_container_wide .cms_jssor > div:nth-last-of-type(2)	{ left: 0 !important; margin-left: 0 !important; }*/

.cms_jssor > div > .cms_jssor_arrow								{ position: relative; width: 64px; height: 64px; background: rgba( 0,0,0,0.35 ); }
.cms_jssor > div > .cms_jssor_arrow:before					{ display: block; content: ""; position: absolute; top: 22px; width: 18px; height: 18px; border: solid #ffffff; border-width: 2px 2px 0 0; }
.cms_jssor_arrow.cms_jssor_arrow_left:before					{ transform: rotate(225deg); left: 27px; }
.cms_jssor_arrow.cms_jssor_arrow_right:before				{ transform: rotate(45deg); left: 16px; }
/*.cms_jssor > div > .cms_jssor_arrow:before					{ display: block; position: absolute; left: 16px; top: 16px; right: 16px; bottom: 16px; line-height: 32px; font-size: 24px; font-family: "FontAwesome"; text-align: center; color: #ffffff; }
.cms_jssor_arrow.cms_jssor_arrow_left:before					{ content: "\f053"; }
.cms_jssor_arrow.cms_jssor_arrow_right:before				{ content: "\f054"; }*/
@media screen and (min-width: 1920px) {
.cms_jssor > div:nth-last-of-type(1)							{ margin-right: -960px !important; }
.cms_jssor > div:nth-last-of-type(2)							{ margin-left:  -960px !important; }
}

/*-----| BULLETS														|--------------------------------------------------------------------------------------------------------------*/
.cms_jssor > div:nth-last-of-type(3)							{ position: absolute; left: 0 !important; bottom: 0 !important; right: 0 !important; width: 100% !important; height: 16px !important; }
.cms_jssor > div:nth-last-of-type(3) > div					{ display: flex !important; flex-wrap: nowrap; justify-content: center; position: static !important; width: 100% !important; height: 16px !important; }
.cms_jssor > div:nth-last-of-type(3) > div > div			{ position: relative !important; z-index: 1000000000000 !important; left: 0 !important; width: 32px !important; height: 16px !important; cursor: pointer; }
.cms_jssor > div:nth-last-of-type(3) > div > div > svg	{ display: none; }
.cms_jssor > div:nth-last-of-type(3) > div > div:after	{ display: block; content: ""; position: absolute; left: 2px; top: 4px; right: 2px; bottom: 4px; border: 1px solid #ffffff; }
.cms_jssor > div:nth-last-of-type(3) > div > div:hover:after	{ background: rgba( 255,255,255,0.5 ); }
.cms_jssor > div:nth-last-of-type(3) > div > div.iav:after	{ background: rgba( 255,255,255,1 ); }

.cms_jssor																{ position: relative; margin: 0 auto; overflow: hidden; visibility: hidden; }
.cms_jssor_blocker													{ position: absolute; left: 0px; top: 0px; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); }
.cms_jssor_blocker:after											{ display: block; content: ""; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background: url("/pages/img/spinner.svg") no-repeat center; background-size: contain; }
#cms_jssor_shadow.cms_jssor										{ visibility: visible; }

.cms_slider_static													{ position: relative; }
.cms_slider_static picture											{ position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }
.cms_slider_static picture img									{ width: 100%; height: 100%; object-fit: cover; }

/************************************ Start: CMS jssor-Slide Object Fit  ************************************/
#cmsShadowSlider .cms_jssor .slide picture { display: flex; align-items: center; justify-content: center; }
#cmsShadowSlider .cms_jssor .slide picture img { max-width: 75vW; max-height: 75vH; object-fit: contain !important; }
/************************************ End: CMS jssor-Slide Object Fit ************************************/

/************************************ Start: Slider ************************************/
/* Start: Dots */
.cms_jssor > div:nth-last-of-type(3) { right: auto !important; bottom: 15px !important; left: 15px !important; width: calc(100% - 30px) !important; height: auto !important; }
.cms_jssor > div:nth-last-of-type(3) > div { flex-wrap: wrap; align-items: center; gap: 15px; height: auto !important; }
.cms_jssor > div:nth-last-of-type(3) > div > div { inset: auto !important; width: 15px !important; height: 15px !important; }
.cms_jssor > div:nth-last-of-type(3) > div > div:after { inset: 0; border: 2px solid var(--white); border-radius: 50%; background: rgba(255,255,255,0.35); }
.cms_jssor > div:nth-last-of-type(3) > div > div:hover:after { background: var(--white); }
.cms_jssor > div:nth-last-of-type(3) > div > div.iav:after { background: var(--white); }
/* End: Dots */

/* Start: Arrows */
.cms_jssor > div:nth-last-of-type(1),
.cms_jssor > div:nth-last-of-type(2) { transform: translateY(-50%); width: 63px !important; height: 63px !important; margin-top: 0 !important; }
.cms_jssor > div > .cms_jssor_arrow { inset: auto !important; width: 63px !important; height: 63px !important; border: 2px solid var(--white); background: rgba(255,255,255,0.35); transition: var(--transition); }
.cms_jssor > div > .cms_jssor_arrow:hover { background: var(--primary); }
.cms_jssor > div > .cms_jssor_arrow:before { inset: 50% auto auto 50% !important; width: 21px; height: 35px; background: center / contain no-repeat url("/pages/img/article_slider/arrow-small-down-white.svg"); border: none !important; }
.cms_jssor_arrow.cms_jssor_arrow_left:before { transform: translate(-50%, -50%) rotate(-180deg); }
.cms_jssor_arrow.cms_jssor_arrow_right:before { transform: translate(-50%, -50%); }
/* End: Arrows */

/* Start: Responsive */
@media screen and (max-width: 1366px) {
	.cms_jssor > div:nth-last-of-type(3) { bottom: 54px !important; left: 78px !important; width: calc(100% - 156px) !important; }
	.cms_jssor > div:nth-last-of-type(1), .cms_jssor > div:nth-last-of-type(2) { transform: none; top: auto !important; bottom: 30px; }
	.cms_jssor > div:first-of-type > div { transform: none !important; }
}
@media screen and (max-width: 959px) {
	.cms_jssor > div:nth-last-of-type(3) { bottom: 27.5px !important; left: 55px !important; width: calc(100% - 110px) !important; }
	.cms_jssor > div:nth-last-of-type(1),
	.cms_jssor > div:nth-last-of-type(2) { bottom: 15px; width: 40px !important; height: 40px !important; }
	.cms_jssor > div > .cms_jssor_arrow { width: 40px !important; height: 40px !important; }
	.cms_jssor > div > .cms_jssor_arrow:before { width: 15px; height: 25px; }
}
/* End: Responsive */
/************************************ Ende: Slider ************************************/