.T3804:after { display: block; content: ""; clear: left; }
.T3804 .image {
	position: relative;
	float: left;
	width: 500px;
	margin: 0 50px 0 0;
}

.T3804 .image img {
	width: 100%;
	height:  auto;
	object-fit: cover;
	aspect-ratio:  3 / 2;
}

.T3804 .image.video img { aspect-ratio:  16 / 9; }


.T3804 .image .count {
	position: absolute;
	top: -30px;
	left: -30px;
	background-color: #FFF;
	width: 95px;
	height: 95px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	border-radius: 50%;
	transform: rotate(-4deg);
}


.T3804 .image .count.bgcolor-grey { background-color: #9B9B8C; }
.T3804 .image .count.bgcolor-blue { background-color: #00698C; }
.T3804 .image .count.bgcolor-orange { background-color: #FF8000; }
.T3804 .image .count.bgcolor-red { background-color: #d1492d; }

.Mandant_111 .T3804 .image .count { background-color: rgba(255,255,255,0.6); border-width: 3px; border-style: solid; }

.T3804 .image .count .int {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.T3804 .image a { 
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: none;
}
.T3804 .image i {
	color: #FFF;
	font-size: 110px;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}

.T3804 .image .count.count-bgcolor .int { color: #FFF !important; }


.T3804 .infos {
	float: left;
	width: 570px;
}

.T3804 .infos .headline {
	margin: 0 0 20px 0;
}

.T3804 .infos .buttons {
	margin: 30px 0 0 0;
	text-align: right;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
	.T3804 .image {
		width: 400px;
		margin: 0 40px 0 0;
	}

	.T3804 .image i { font-size: 90px; }
	.T3804 .image .count {
		top: -25px;
		left: -25px;
		width: 85px;
		height: 85px;
	}

	.T3804 .infos { float: left; width: 470px; }
	.T3804 .infos .headline { margin: 0 0 18px 0; }
	.T3804 .infos .buttons { margin: 25px 0 0 0; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T3804 { display: flex; }
	.T3804 .image {
		float: none;
		width: 350px;
		margin: 0 35px 0 0;
	}
	.T3804 .image i { font-size: 80px; }
	.T3804 .image .count {
		top: -20px;
		left: -20px;
		width: 75px;
		height: 75px;
	}

	.T3804 .infos { float: none; flex: 1; width: auto; }
	.T3804 .infos .headline { margin: 0 0 15px 0; }
	.T3804 .infos .buttons { margin: 20px 0 0 0; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3804 { display: flex; }
	.T3804 .image {
		float: none;
		width: 220px;
		margin: 0 28px 0 0;
	}
	.T3804 .image i { font-size: 60px; }
	.T3804 .image .count {
		top: -18px;
		left: -18px;
		width: 60px;
		height: 60px;
	}

	.T3804 .infos { float: none; flex: 1; width: auto; }
	.T3804 .infos .headline { margin: 0 0 12px 0; }
	.T3804 .infos .buttons { margin: 18px 0 0 0; }
}

@media all and (max-width: 567px) {
	.T3804 { display: flex;  flex-direction: column; }
	.T3804 .image {
		float: none;
		width: 260px;
		margin: 0 0 20px 0;
		background-size: 260px auto;
	}
	.T3804 .image i { font-size: 40px; }
	.T3804 .image .count {
		top: -12px;
		left: -12px;
		width: 50px;
		height: 50px;
	}

	.T3804 .infos { float: none; flex: 1; width: auto; }
	.T3804 .infos .headline { margin: 0 0 12px 0; }
	.T3804 .infos .buttons { margin: 18px 0 0 0; }
}