CSS

.backgr  {
	background-image: url("/fileadmin/LoccoZ/Bilder/Bild_Nachhaltigkeit.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center;
	background-size: cover;
	color: #000000;
	-webkit-background-image: url("/fileadmin/LoccoZ/Bilder/Bild_Nachhaltigkeit.png");
	-webkit-background-repeat: no-repeat;
	-webkit-background-attachment: scroll;
	-webkit-background-position: center;
	-webkit-color: #000000;
	-webkit-background-size: cover;
}
.color {
	background: rgba(255, 255, 255, 0.70);
	padding: 15px 30px 30px 15px; 
	background-clip: content-box;
	-webkit-background: rgba(255, 255, 255, 0.70);
	-webkit-padding: 15px 30px 30px 15px;      
	-webkit-background-clip: content-box;
}
@media (max-width: 768px) { 
	.backgr  {
		background-image: url("/fileadmin/LoccoZ/Bilder/Bild_Nachhaltigkeit_hoch.png");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center;
		color: #000000;
		background-size: cover;
		-webkit-background-image: url("/fileadmin/LoccoZ/Bilder/Bild_Nachhaltigkeit_hoch.png");
		-webkit-background-repeat: no-repeat;
		-webkit-background-attachment: scroll;
		-webkit-background-position: center;
		-webkit-color: #000000;
		-webkit-background-size: cover;

	}
	.color {
		background: rgba(255, 255, 255, 0.70);
		padding: 15px 30px 30px 15px;       
		background-clip: content-box;
		-webkit-background: rgba(255, 255, 255, 0.70);
		-webkit-padding: 15px 30px 30px 15px;       
		-webkit-background-clip: content-box;
		height: 100%;
		-webkit-height: 100%;
	}
}
@media (min-width: 768px) {
	.color {
		background: rgba(255, 255, 255, 0.70);
		padding: 15px 30px 30px 15px;       
		background-clip: content-box;
		-webkit-background: rgba(255, 255, 255, 0.70);
		-webkit-padding: 15px 30px 30px 15px;     
		-webkit-background-clip: content-box;
		height: 570px;
		-webkit-height: 570px;
	}
}
@media (min-width: 992px) {
	.color {
		background: rgba(255, 255, 255, 0.70);
		padding: 15px 30px 30px 15px;       
		background-clip: content-box;
		-webkit-background: rgba(255, 255, 255, 0.70);
		-webkit-padding: 15px 30px 30px 15px;      
		-webkit-background-clip: content-box;
		height: 425px;
		-webkit-height: 425px;
	}
}
@media (min-width: 1200px) {
	.color {
		background: rgba(255, 255, 255, 0.70);
		@hpadding: 120px;
		padding: 15px 30px 30px 15px;
		background-clip: content-box;
		-webkit-background: rgba(255, 255, 255, 0.70);
		-webkit-padding: 15px 30px 30px 15px;     
		-webkit-background-clip: content-box;
		height: 380px;
		-webkit-height: 380px;
	}
}