/* --- Stylesheet 6101 () --------- */ 

.T3867 .wrapper {
	position: relative;
}
.T3867 .outer {
	position: relative;
}
.T3867 .outer:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 45.625%;
}
.T3867 .outer > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.T3867 .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	color: #FFF;
}

.T3867 .overlay .inner {
	position: absolute;
	bottom: 70px;
}
.T3867 .overlay .inner .leftside {
	float: left;
	width: 48%;
	margin-top: -22px;
	margin-right: 4%;
}
.T3867 .overlay .inner .text {
	float: left;
	width: 48%;
}
.T3867 .overlay .inner .leftside .datum {
	opacity: 0.7;
	margin: 0 0 5px 0;
}

.T3867 .overlay .inner .text p {
	margin: 0 0 30px 0;
}

.T3867 .arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	right: 40px;
	transform: translate(0,-50%);
	color: #FFF;
	text-decoration: none;
	border: 2px solid #FFF;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	
}

.T3867 .arrow i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
}



/* --- Stylesheet 6102 () --------- */ 

@media all and (min-width: 1024px) and (max-width: 1279px) {

	.T3867 .overlay .inner { bottom: 60px; }
	.T3867 .overlay .inner .leftside { width: 49%; margin-right: 2%; }
	.T3867 .overlay .inner .text { width: 49%; }
	.T3867 .overlay .inner .leftside .datum { margin: 0 0 4px 0; }
	.T3867 .overlay .inner .text p { margin: 0 0 25px 0; }
	.T3867 .arrow { right: 35px; width: 60px; height: 60px; }
	.T3867 .arrow i { font-size: 25px; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T3867 .overlay .inner { bottom: 40px; }
	.T3867 .overlay .inner .leftside { width: 49%; margin-right: 2%; }
	.T3867 .overlay .inner .text { width: 49%; }
	.T3867 .overlay .inner .leftside .datum { margin: 0 0 3px 0; }
	.T3867 .overlay .inner .text { width: calc(49% - 60px); }
	.T3867 .overlay .inner .text p { margin: 0 0 20px 0; }
	.T3867 .arrow { right: 30px; width: 50px; height: 50px; }
	.T3867 .arrow i { font-size: 20px; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3867 .overlay .inner { bottom: 30px; }
	.T3867 .overlay .inner .leftside { width: auto; float: none; margin: 0; }
	.T3867 .overlay .inner .leftside .datum { margin: 0 0 3px 0; font-size: 13px; }
	.T3867 .overlay .inner .text { width: calc( 100% - 60px ); float: none; margin: 0; }
	.T3867 .overlay .inner .text p { margin: 0 0 15px 0; }
	.T3867 .arrow { right: 20px; width: 40px; height: 40px; }
	.T3867 .arrow i { font-size: 20px; }
}

@media all and (max-width: 567px) {
	.T3867 .overlay {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		background-color: #FFF;
		color: #000;
		
	}
	.T3867 .overlay .inner {
		position: relative;
		bottom: auto;
		padding-top: 5px;
		padding-right: 10px;
		margin: 10px 0;
		background-color: #FFF;
		margin: -20px 10px 0 10px;
		box-shadow: 0px -10px 10px rgba(0,0,0,0.2);
	}
	.T3867 .overlay .inner .headline { color: #00303F; }
	.T3867 .overlay .inner .text p { margin: 0 0 5px 0; }
	.T3867 .overlay .inner .leftside { width: auto; float: none; margin: 0; }
	.T3867 .overlay .inner .leftside .datum { margin: 0 0 3px 0; font-size: 12px; }
	.T3867 .overlay .inner .text { width: calc( 100% - 60px ); float: none; margin: 0; }
	.T3867 .overlay .inner .text p { margin: 0 0 15px 0; }
	.T3867 .arrow { right: 20px; width: 40px; height: 40px; }
	.T3867 .arrow i { font-size: 20px; }
}