section.m21_scroll {
/* 	height: 800px; */
 
	background-repeat: no-repeat !important;
	background-position: left bottom !important;
}

section.m21_scroll > .container {
	position: relative;
}

section.m21_scroll .m21_slide {
/* 	height: 800px; */
	height: calc(100vh - 107px);
	overflow: hidden;
	transition: transform .5s;
	display: flex;
}

section.m21_scroll .m21_slide_buttons {
/* 	max-height: 800px; */
	position: absolute;
	height: calc(75vh - 107px);
	width: auto;
	right: 0;
	top: 0;
	display: none;
}

section.m21_scroll .m21_button {
	width: 10px;
	height: calc(25% - 10px);
	background: #bababa;
	border-radius: 50px;
	transition: background .4s;
	cursor: pointer;
}

/*
section.m21_scroll .slick-dots li button::before {
	width: 10px;
	height: calc(25% - 10px);
	background: #bababa;
	border-radius: 50px;
	transition: background .4s;
	cursor: pointer;
}
*/

/*
section.m21_scroll .slick-dots {
	bottom: 100%;
}

section.m21_scroll .slick-dots li button::before {
	opacity: 1;
	color: #bababa;
	height: 210px;
}
*/

section.m21_scroll .slick-dots {
	top: 0;
	bottom: inherit;
	right: 0;
	width: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

section.m21_scroll .slick-dots li {
	width: auto;
	height: calc(20% - 10px);
}

section.m21_scroll .slick-dots li button {
	width: 10px ;
	height: 100%;
	background: #bababa;
	border-radius: 50px;
}

section.m21_scroll .slick-dots li.slick-active button::before {
	opacity: 1;
}

section.m21_scroll .slick-dots li button::before {
	width: 10px ;
	height: 100%;
	content: '';
	opacity: 1;
	border-radius: 50px;
}

section.m21_scroll .slick-dots li.slick-active button::before {
	color: #1db1e8;
	background: #1db1e8;
}

section.m21_scroll .m21_button:hover,
section.m21_scroll .m21_button.active {
	background: #1db1e8;
}

section.m21_scroll .m21_button:not(.m21_button1),
section.m21_scroll .slick-dots li:not(first-child) {
	margin: 20px 0 0 0;
}

section.m21_scroll .m21_slide div.m21_text_right_slide1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

section.m21_scroll .m21_slide div.m21_text_right_slide1 .m21_img img {
	max-width: 170%;
	width: 170%;
	margin-left: -70%;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_img img {
	position: relative;
	top: 5px;
}

section.m21_scroll .m21_slide > div {
	height: 100%;
}

section.m21_scroll .m21_text_icon_slide1 {
	display: flex;
}

section.m21_scroll .m12_icon_container_text {
	max-width: 75%;
}

section.m21_scroll .m12_icon_container_text {
	padding-left: 50px;
}

section.m21_scroll .m21_icon_container img {
	width: auto;
	max-height: 60px;
	object-fit: contain;
}

section.m21_scroll .m21_titel_container {
	padding-bottom: 65px;
}

section.m21_scroll .m21_untertitel {
	line-height: 1;
	font-weight: 700;
	color: #000;
}

section.m21_scroll .m21_untertitel {
	margin-bottom: 2rem;
}

section.m21_scroll .m21_untertitel .m21_text_slide {
	margin-bottom: 0;
}

section.m21_scroll .m21_text_slide2,
section.m21_scroll .m21_text_slide3,
section.m21_scroll .m21_text_slide4 {
	max-width: 75%;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button,
section.m21_scroll .m21_slide1 div.m21_text_right_slide1 {
	position: relative;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
	position: absolute;
	top: 100px;
	right: 43%;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
	top: 150px;
	right: 56%;
}
/*

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide1 {
	position: absolute;
	right: 25px;
	top: 32px;
	z-index: 5;
	background: #fff;
	padding: 20px;
	min-width: 400px;
	-webkit-transform: scale(0);
	-webkit-transform-origin: top right;
	-moz-transform: scale(0);
	-moz-transform-origin: top right;
	-ms-transform: scale(0);
	-ms-transform-origin: top right;
	-o-transform: scale(0);
	-o-transform-origin: top right;
	transform: scale(0);
	transform-origin: top right;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	-moz-transition: -moz-transform .4s, opacity .4s;
	-ms-transition: -ms-transform .4s, opacity .4s;
	-o-transition: -o-transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
}
*/

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.active .m21_text_slide1 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/*

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: #1db1e8;
	cursor: pointer;
	box-shadow: 2px 2px 7px 0 rgba(0,0,0,.4);
	-webkit-transition: background .4s;
	-moz-transition: background .4s;
	-ms-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;
}
*/

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button:hover,
section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.active .m21_text_slide_button {
	background: #fff;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button > svg {
	width: 18px;
	fill: #1db1e8;
	-webkit-transition: fill .4s;
	-moz-transition: fill .4s;
	-ms-transition: fill .4s;
	-o-transition: fill .4s;
	transition: fill .4s;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button:hover {
	background: #1db1e8;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button + p {
	opacity: 0;
	transition: .15s;
	background: #fff;
	padding: 35px;
	border-radius: 30px;
	z-index: 9;
	pointer-events: none;
	margin-bottom: 0;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button:hover + p {
	opacity: 1;
}

section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide_button:hover > svg,
section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.active .m21_text_slide_button > svg {
	fill: #fff;
}

section.m21_scroll .m21_slide_text_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 200px;
}



section.m21_scroll .m21_slides {
	margin-bottom: 0;
}

section.m21_scroll .m21_text_slide_button {
	background: #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

section.m21_scroll .m21_slide_button {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

@media screen and (min-width: 992px) {
	section.m21_scroll .m21_slides {
		background: url(https://sun-x.energy/wp-content/themes/mediaMEANS-V5/img/sensor_background.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position-y: bottom;
		background-position-x: center;
	}
	
	section.m21_scroll .m21_text_icon_image_container {
		display: none;
	}
}

@media screen and (max-width: 2199px) {
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 135px;
		right: 52%;
	}
}

@media screen and (max-width: 1920px) {
/*
	section.m21_scroll,
	section.m21_scroll .m21_slide_buttons,
	section.m21_scroll .m21_slide {
		height: 700px;
		max-height: 700px;
	}
*/
	
	section.m21_scroll .m12_icon_container_text {
		max-width: 90%;
	}
	
	section.m21_scroll .m21_img img {
		max-width: 200% !important; 
		width: 200% !important;
		margin-left: -100% !important; 
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
		top: 130px;
		right: 32%;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 175px;
		right: 47%;
	}
	
}

@media screen and (max-width: 1599px) {
	section.m21_scroll .m21_slide_text_container {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	section.m21_scroll .m21_titel_container {
		padding-bottom: 35px;
	}
	
/*
	section.m21_scroll .m21_slides {
		background-size: 75%;
	}
*/
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
	section.m21_scroll .m21_slide_text_container {
		width: 66.666667%;
	}
	
	section.m21_scroll .m21_text_right_slide1 {
		width: 33.333333%
	}
}

@media screen and (max-width: 1399px) {
/*
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
		right: 150px;
		top: 150px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 200px;
		right: 200px;
	}
*/
}

@media screen and (max-width: 1199px) {
	section.m21_scroll .m21_slide div.m21_text_right_slide1 {
		justify-content: flex-end;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
		right: 125px;
		top: 325px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 375px;
		right: 150px;
	}
}

@media screen and (max-width: 991px) {
/*
	section.m21_scroll .m21_slide > div {
		height: auto;
	}
	
	section.m21_scroll, 
	section.m21_scroll .m21_slide_buttons, 
	section.m21_scroll .m21_slide {
		height: 900px;
		max-height: 900px;
	}
	
	section.m21_scroll .m21_slide div.m21_text_right_slide1 {
		justify-content: flex-start;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
		right: 125px;
		top: 25px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 75px;
		right: 150px;
	}
	
	section.m21_scroll .m21_slide div.m21_text_right_slide1 .m21_img img {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
*/

/*
	section.m21_scroll {
		height: calc(100vh - 59px);
	}
*/
	
	section.m21_scroll > .container {
		height: 100%;
	}
	
	section.m21_scroll > .container > .row {
		height: 100%;
	}

	section.m21_scroll .slick-dots {
		display: none !important;
	}
	
	section.m21_scroll .m21_text_icon_slide1 {
		flex-direction: column;
	}
	
	section.m21_scroll .m12_icon_container_text {
		max-width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}
	
	section.m21_scroll .m21_icon_container img {
		max-height: 45px;
	}
	
	section.m21_scroll .m21_slide_text_container {
		justify-content: flex-start;
		padding-top: 80px;
	}
	
/*
	section.m21_scroll .m21_slide {
		background: url(https://sun-x.energy/wp-content/themes/mediaMEANS-V5/img/sensor_background.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position-y: bottom;
		background-position-x: center;
	}
*/

	section.m21_scroll .m21_slide {
		height: auto;
	}
	
	section.m21_scroll .m21_slide2 .m21_text_icon_image_container,
	section.m21_scroll .m21_slide3 .m21_text_icon_image_container,
	section.m21_scroll .m21_slide4 .m21_text_icon_image_container {
		display: none;
	}
	

	section.m21_scroll .m21_slide3 .m21_slide_text_container,
	section.m21_scroll .m21_slide4 .m21_slide_text_container {
		padding-top: 40px;
		margin-top: 50px;
		border-top: 2px solid #e1e3e6;
	}
	
	section.m21_scroll .m21_slide .m12_icon_container_text * {
		margin-bottom: 0;
	}
	
	section.m21_scroll {
		padding-bottom: 80px;
	}

}

/*
@media screen and (max-width: 767px) {
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
		right: 75px;
		top: 10px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 60px;
		right: 120px;
	}
}
*/

/*
@media screen and (max-width: 575px) {
	section.m21_scroll,
	section.m21_scroll .m21_slide_buttons,
	section.m21_scroll .m21_slide {
		height: 1000px;
		max-height: 1000px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button {
		right: 10px;
		top: -30px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button.button-2 {
		top: 30px;
		right: 10px;
	}
	
	section.m21_scroll .m21_slide1 div.m21_text_right_slide1 .m21_text_slide1_with_button .m21_text_slide1 {
		min-width: 275px;
		top: -75px;
	}
}
*/

@media screen and (max-width: 575px) {
/*
	section.m21_scroll {
		height: calc(100vh - 55px);
	}
*/
	
	section.m21_scroll .m21_titel_container {
		padding-bottom: 20px;
	}
	
	section.m21_scroll .m21_slide_text_container {
		padding-top: 70px;
	}
	
	section.m21_scroll {
		padding-bottom: 55px;
	}

	section.m21_scroll .m21_slide2 .m21_slide_text_container {
		padding-top: 55px;
	}
	
	section.m21_scroll .m21_slide3 .m21_slide_text_container, 
	section.m21_scroll .m21_slide4 .m21_slide_text_container {
		padding-top: 30px;
		margin-top: 40px;
		margin-left: 12.5px;
		margin-right: 12.5px;
		width: 95%;
	}
}

@media screen and (max-width: 400px) {
	section.m21_scroll .m21_text_slide1 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		word-break: break-word;
	}
}