.T2862 {
	width: 100%;
	background-color: transparent !important;
	position: relative; 
}

.T2862.maxwidth {
    width: 1240px;
    margin-left: auto;
    margin-right: auto;
}


.T2862 .motiv {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: -1;
}

.T2862 .motiv picture {
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 0px;
}
.T2862 .motiv img {
	display: block; 
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 0px;
}

.T2862 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60%;	
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	pointer-events: var(--pointer, auto);
}

.T2862 .text p {
	margin: 0.2rem 0 0 0;
}

.T2862 .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:80%;
	padding: 60px 40px; 
	color: #fff;
	
	text-align: center;
}

.T2862 .inner h1 {
	font-weight: normal;
	line-height: 1.1;
	text-align: center;
	margin: 0px 30px 15px 30px !important;
	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
}

.T2862 .logo {
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 3vw;
	width: 10vw;
	max-width: 150px;
	
}

.T2862 .logo img { width: 100%; height: auto; }

.T2862 #pattern {
}

.S4653 { overflow: hidden; }
.S4653 .text {
	width: 450px;
	height: 450px;
	border-radius: 225px;
	background-color: rgba(246,153,0,0.7);
}


@media all and (min-width: 568px) and (max-width: 767px) {
	
	.S4653.T2862 .text {
		height: auto;
		border-radius: 0;
		
	}
}

@media all and (max-width: 567px) {
	
	.S4653.T2862 .text {
		height: auto;
		border-radius: 0;
		width: 100%;
	}
}

.S5212 .text {
	width: 450px;
	height: 450px;
	border-radius: 225px;
	background-color: rgba(194,58,51,0.7);
}


@media all and (min-width: 568px) and (max-width: 767px) {
	
	.S5212.T2862 .text {
		height: auto;
		border-radius: 0;
	}
}

@media all and (max-width: 567px) {
	
	.S5212.T2862 .text {
		height: auto;
		border-radius: 0;
	}
}

.S4507  {
	overflow: hidden;
	
}
.S4507 .text {
	width: 450px;
	height: 450px;
	border-radius: 225px;
}

@media all and (min-width: 568px) and (max-width: 767px) {
	
	.S4507.T2862 .text {
		height: auto;
		border-radius: 0;
	}

	.S4507.T2862 .text .inner { 
		background-color: rgba(0,0,0,0.5);
		width: 100vw;
		margin: 0;
		/*height: 100%;*/
	}
}

@media all and (max-width: 567px) {
	
	.S4507.T2862 .text {
		height: auto;
		border-radius: 0;
	}

	.S4507.T2862 .text .inner { 
		background-color: rgba(0,0,0,0.5); 
		width: 100vw;
		margin: 0;
		/*height: 100%;*/
	}
}

.S7014.T2862 .inner {
	width: 120%;
}.S6522 .text {
	width: 600px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.3);
}

.Mandant_1045 .S6522 .text {
	background-color: rgba(47,55,135,0.4);
}



@media all and (max-width: 767px) {
	
	.S6522.T2862 .text {
		width: 60vw;
		height: 40vw;
		margin: 0px auto;
	}

}

.T2862.S8051 .specialfont { 
	text-transform: uppercase !important;
	font-weight: 900 !important;
}.T2862.S4513 .motiv { background-color: #000000;  }
.T2862.S4513 .motiv picture img { opacity: 0.8; }

#body .T2862.S4513 .text a {
	color: #FFF !important;
}.T2862.S6542 .motiv { background-color: #000000; }
.T2862.S6542 .motiv picture img { opacity: 0.6; }

#body .T2862.S6542 .text a {
	color: #FFF !important;
}.T2862.S8120 .motiv { background-color: #000000; }
.T2862.S8120 .motiv picture img { opacity: 0.8; filter: grayscale(100%); }.T2862.S7539 .motiv::before{
	content: "";
	background-image: url('https://tramino.s3.amazonaws.com/s/root/1014023/line-pattern.png');
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	opacity: 0.8;
	z-index: 20;
	pointer-events: none;
}.T2862.S9095 { font-size: 1rem; }

.T2862.S9095 .motiv {
	padding: 0 1em;
}

.T2862.S9095 img {
	border-radius: 1em;
}



@media (min-width: 567px) {
	.T2862.S9095 .motiv {
		padding: 0 2.5em;
	}
}

@media (min-width: 768px) {

}

@media (min-width: 1024px) {

}

@media (min-width: 1280px) {

}
@media all and (max-width: 950px) {

	.T2862 .inner {
		width: auto;
	}	
}

@media all and (max-width: 767px) {
	
	.T2862 .inner {
		padding: 0;
	}
	
	
	#body .T2862 .inner h1 {
		font-size: 5vw !important;
		margin: 0px 10px 3px 10px !important;
	}
	
	#body .T2862 .inner p {
		font-size: 3.5vw !important;
		margin: 0px 10px 3px 10px !important;
	}

	.T2862.maxwidth {
		width: auto;
		margin-left: 20px; margin-right: 20px;
	}

}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T2862.maxwidth {
		width: auto;
		margin-left: 20px; margin-right: 20px;
	}
	
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
	
	.T2862.maxwidth {
		width: 980px;
	}

}





@media (min-width: 1900px) {
	/*.T2862 .motiv { min-width: 1900px; margin: 0 auto; }*/
}