section.m28_kreislauf {
	overflow: hidden;
	position: relative;
}

section.m28_kreislauf .m28_kreislauf_shadow {
	position: absolute;
	width: 100%;
	height: 20%;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,.3) 30%, rgba(0,0,0,.2) 60%, rgba(0,0,0,0) 100%);
}

section.m28_kreislauf .m28_elemente_beschreibung p {
	width: 100%;
}

section.m28_kreislauf .m28_elemente_beschreibung p > span {
	display: inline-block;
}

section.m28_kreislauf .m28_elemente_beschreibung p > span:not(:first-child) {
	color: #7d7d7d !important;
	width: calc(100% - 20px);
}

section.m28_kreislauf .m28_elemente_beschreibung p > span:first-child {
	width: 20px;
	font-weight: 700;
	vertical-align: top;
}

section.m28_kreislauf .m28_titel {
	margin-bottom: 60px;
	color: #1db1e8;
}

section.m28_kreislauf .m28_elemente_container_main {
	position: relative;
}

section.m28_kreislauf.bottom_shadow .m28_image_cont img {
	position: relative;
	z-index: 5;
}

section.m28_kreislauf.bottom_shadow .m28_titel_container {
	margin-bottom: 120px;
}

section.m28_kreislauf.bottom_shadow .m28_cont {
	display: flex;
	align-items: flex-end;
}

section.m28_kreislauf.bottom_shadow .m28_cont .m28_image_cont {
	position: relative;
}

section.m28_kreislauf.bottom_shadow .m28_cont .m28_image_cont .m28_img_desc {
	position: absolute;
	right: 10%;
	bottom: 20px;
	z-index: 5;
	font-size: .9rem;
}

@media screen and (max-width: 2199px) {
	section.m28_kreislauf .m28_elemente_container:after {
		height: 150px;
		background-size: 1045px;
	}
}

@media screen and (max-width: 1920px) {
	section.m28_kreislauf .m28_elemente_container:after {
		height: 140px;
		background-size: 900px;
	}
}

@media screen and (max-width: 1399px) {
	section.m28_kreislauf .m28_elemente_image {
		height: 220px;
	}
	
	section.m28_kreislauf .m28_elemente_container:after {
		height: 120px;
		background-size: 780px;
	}
	
	section.m28_kreislauf.bottom_shadow .m28_image_cont img {
		max-width: 120%;
		width: 120%;
		margin-left: -10%;
	}
	
	section.m28_kreislauf .m28_kreislauf_shadow {
		height: 15%;
	}
}

@media screen and (max-width: 1199px) {
	section.m28_kreislauf .m28_elemente_container:after {
		display: none;
	}

	section.m28_kreislauf .m28_mobile_arrow {
		display: flex;
		align-items: center;
	}
	
	section.m28_kreislauf .m28_mobile_arrow:after {
		content: "";
		display: inline-block;
		background-image: url("https://sun-x.energy/wp-content/uploads/2023/03/arrow-long-mobile-new01.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 95%;
	}
	
	section.m28_kreislauf .m28_titel_container {
		margin-bottom: 150px;
	}
	
	section.m28_kreislauf .m28_mobile_arrow {
		max-width: 95px;
		width: 100%;
	}
	
	section.m28_kreislauf .m28_cont {
		display: flex;
		align-items: flex-end;
	}
	
	section.m28_kreislauf .arrow_desktop {
		display: none;
	}
	
	section.m28_kreislauf .arrow_mobile {
		display: block;
	}
	
	section.m28_kreislauf.bottom_shadow .m28_image_cont img {
		max-width: 140%;
		width: 140%;
		margin-left: -20%;
	}
	
	section.m28_kreislauf .arrow_mobile svg {
		width: auto;
		height: 50px;
		object-fit: contain;
	}
	
	section.m28_kreislauf .m28_elemente_image {
		position: relative;
	}
	
	section.m28_kreislauf .m28_elemente_arrow.arrow_mobile {
		top: inherit;
		bottom: -50%;
		left: 75%;
		right: inherit;
		transform: translate(-75%, 50%);
	}
}

@media screen and (max-width: 991px) {
	section.m28_kreislauf .arrow_mobile svg {
		height: 50px;
	}
	
	section.m28_kreislauf.bottom_shadow .m28_image_cont img {
		max-width: 100%;
		width: 100%;
		margin-left: 0;
	}
	
	section.m28_kreislauf.admin .m28_titel_container {
		margin-bottom: 50px;
	}
	
	section.m28_kreislauf:not(.admin) .m28_titel_container,
	section.m28_kreislauf.admin .m28_image_cont {
		margin-bottom: 50px;
	}
	
	section.m28_kreislauf .m28_titel {
		margin-bottom: 30px;
	}
	
	section.m28_kreislauf .m28_elemente_container .m28_elemente_item {
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 767px) {
	section.m28_kreislauf .m28_elemente_image {
		height: 170px;
	}
	
	section.m28_kreislauf .m28_elemente_arrow.arrow_mobile {
		bottom: -100% !important;
		left: 50% !important;
		transform: translate(-50%, 100%) !important;
	}
	
	section.m28_kreislauf .m28_mobile_arrow::after {
		height: 90%;
	}
	
	section.m28_kreislauf .m28_elemente_image:hover {
		border: 2px solid #1db1e8;
	}
	
	section.m28_kreislauf .m28_titel .kreislauf_blue {
		color: #1db1e8 !important;
	}
	
	section.m28_kreislauf.bottom_shadow .m28_image_cont img {
		max-width: 120%;
		width: 120%;
		margin-left: -10%;
	}
}

@media screen and (max-width: 575px) {
	section.m28_kreislauf.bottom_shadow .m28_image_cont img {
		max-width: 130%;
		width: 130%;
		margin-left: -15%;
	}
	
	section.m28_kreislauf.bottom_shadow .m28_cont .m28_image_cont .m28_img_desc {
		right: 0;
		bottom: 10px;
	}
}


/* Pfeil ende */


@media screen and (max-width: 1199px) {
	section.m28_kreislauf .m28_elemente_container {
		flex-direction: column;
	}
	
	section.m28_kreislauf .m28_elemente_container .m28_elemente_item {
		width: 100%;
	}
	
	section.m28_kreislauf .m28_elemente_container .m28_elemente_item:nth-child(2),
	section.m28_kreislauf .m28_elemente_container .m28_elemente_item:last-child {
		margin-top: 75px;
	}
	
	section.m28_kreislauf .m28_elemente_arrow {
		right: 50%;
		transform: translate(50% , -50%);
		top: 150%;
	}
	
	section.m28_kreislauf .m28_elemente_arrow > img {
		transform: rotate(90deg);
	}
	
	section.m28_kreislauf .m28_elemente_container {
		max-width: 100%;
		width: 100%;
	}
	
	section.m28_kreislauf .m28_elemente_container_main {
		width: 100%;
	}
	
	section.m28_kreislauf .m28_elemente_long_arrow_spitze,
	section.m28_kreislauf .m28_elemente_long_arrow {
		display: none;
	}
	
	section.m28_kreislauf .m28_elemente_arrow.arrow_mobile {
		bottom: -70%;
		left: 50%;
		transform: translate(-50%, 70%);
	}
	
	section.m28_kreislauf .m28_elemente_long_arrow,
	section.m28_kreislauf .m28_elemente_long_arrow_top,
	section.m28_kreislauf .m28_elemente_long_arrow_spitze {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	section.m28_kreislauf .m28_elemente_arrow {
		top: 155%;
	}
	
}

@media screen and (max-width: 767px) {
	section.m28_kreislauf .m28_elemente_container .m28_elemente_item:nth-child(2), 
	section.m28_kreislauf .m28_elemente_container .m28_elemente_item:last-child {
		margin-top: 105px;
	}
}

@media screen and (max-width: 575px) {
	section.m28_kreislauf .m28_elemente_image img {
		max-height: 60px;
	}
}

@media screen and (max-width: 575px) {
	
	section.m28_kreislauf .arrow_mobile svg {
		height: 40px;
	}
}

@media screen and (max-width: 470px) {
	section.m28_kreislauf .m28_elemente_item:nth-child(2) .m28_elemente_arrow.arrow_mobile {
		bottom: -115%;
		left: 50%;
		transform: translate(-50%, 115%);
	}
}

@media screen and (max-width: 450px) {
	section.m28_kreislauf .m28_elemente_arrow.arrow_mobile {
		bottom: -110% !important;
		transform: translate(-50%, 110%) !important;
	}
}

@media screen and (max-width: 425px) {
	section.m28_kreislauf .m28_elemente_item:first-child .m28_elemente_arrow.arrow_mobile {
		bottom: -115%;
		left: 50%;
		transform: translate(-50%, 115%);
	}
}