/* CSS Document */

@import url("/extern/animate.min.css");

.gruen .hi-lr-animation {
}
.gruen .hi-lr-animation h2 {
	margin:0px;
	padding:0px;
	font-weight:bold;
	text-transform:none;
	color:#FFFFFF;
}
.gruen .hi-lr-animation a {
	color:#FFFFFF;
}


.gruen .hi-lr-animation .hi-top {
	padding:30px;
	color:#FFFFFF;
	background-color:#39A032;
}

.gruen .hi-lr-animation .hi-img {
	width:100%;
}

.gruen .hi-lr-animation .hi-img img {
	width:100%;
}


.gruen .hi-lr-animation .hi-bottom {
	padding:30px;
	color:#FFFFFF;
	background-color:#39A032;
}

.gruen .hi-lr-animation .hi-animate-left,
.gruen .hi-lr-animation .hi-animate-right {
	opacity:0;
}

@media (min-width: 1200px) {

	.gruen .hi-lr-animation .hi-top {
		position:relative;
		z-index:100;

		width:440px;
		margin-left:-30px;
	}

	.gruen .hi-lr-animation .hi-img {
		text-align:center;
		margin-top:-50px;
		padding-right:50px;
	}

	.gruen .hi-lr-animation .hi-img img {
		width:750px;
	}

	.gruen .hi-lr-animation .hi-bottom-wrapper {
		display:flex;
		justify-content:right;
	}

	.gruen .hi-lr-animation .hi-bottom {
		margin-top:-50px;
		width:700px;
	}
}

@media (min-width: 1400px) {

	.gruen .hi-lr-animation .hi-top {
		position:relative;
		z-index:100;

		width:440px;
	}

	.gruen .hi-lr-animation .hi-img {
		text-align:center;
		margin-top:-50px;
		padding-right:75px;
	}

	.gruen .hi-lr-animation .hi-img img {
		width:900px;
	}

	.gruen .hi-lr-animation .hi-bottom-wrapper {
		display:flex;
		justify-content:right;
	}

	.gruen .hi-lr-animation .hi-bottom {
		margin-top:-50px;
		width:700px;
	}
}