/* CSS Document */

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

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

.blau .hi-lr-animation p {
	margin-bottom:0px;
}

.blau .hi-lr-animation .hi-top {
	padding:30px;
	color:#FFFFFF;
	background-color:#005CA9;
}

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

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


.blau .hi-lr-animation .hi-bottom {
	padding:30px;
	color:#FFFFFF;
	background-color:#005CA9;
}

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

@media (min-width: 1200px) {

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

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

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

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

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

	.blau .hi-lr-animation .hi-bottom {
		margin-top:-50px;
		width:300px;
	}
}

@media (min-width: 1400px) {

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

		width:440px;
	}

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

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

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

	.blau .hi-lr-animation .hi-bottom {
		margin-top:-50px;
		width:300px;
	}
}