*{padding: 0; margin: 0; box-sizing:border-box;}

body{background:#000;}

.mod_article{
	position:relative;
	height:100svh;
	width:100vw;
	overflow:hidden;
	display:flex;
	flex-direction:row;
}

.content-element-group{
	position:relative;
	flex:1 1 33.3333%;
	width:33.3333%;
	height:100%;
	overflow:hidden;
	opacity:0.75;
	transition:opacity 500ms;
}
.content-element-group:hover{opacity:1;}

.content-element-group .ce_image.background,
.content-element-group .ce_image.background figure{width:100%;height:100%;}
.content-element-group .ce_image.background a{display:block;width:100%;height:100%;}
.content-element-group .ce_image.background picture,
.content-element-group .ce_image.background img{
	width:100%;height:100%;
	object-fit:cover;
	object-position:center center;
}

.content-element-group .ce_text.logo{
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	max-width:250px;
	transition:scale 500ms;
}
.content-element-group .ce_text.logo picture,
.content-element-group .ce_text.logo img{width:100%;height:auto;}
.content-element-group:hover .ce_text.logo{scale:1.2;}

/* Mobile: 3 Boxen übereinander, Höhe gedrittelt */
@media (max-width:499px) {
	.mod_article{flex-direction:column;}
	.content-element-group{
		width:100%;
		height:33.3333svh;
	}
	.content-element-group + .content-element-group{
		border-left:none;
	}
}

.logo p {
	text-align: center;
	font-family: Manrope, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	padding-top: 15px;
}
.logo p strong {
	color:#FFF;
}