
section.m34_big_5 {
	background: #111516;
	padding: 226px 0 234px;
}

section.m34_big_5 .m34_big_5_main {
	display: flex;
	flex-direction: column;
	align-items: center;
}

section.m34_big_5 .m34_big_5_main * {
	text-align: center;
	color: #fff;
}

section.m34_big_5 .m34_big_5_main p {
	margin: 0;
}

section.m34_big_5 .m34_titel_container h2 {
	text-transform: uppercase;
	max-width: 500px;
}

section.m34_big_5 .m34_big_5_elements_container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 72px;
}

section.m34_big_5 .m34_big_5_elements_item {
	position: relative;
	width: 220px;
	cursor: pointer;
	isolation: isolate; 
}

section.m34_big_5 .m34_big_5_elements_item_capital_container {
	position: absolute;
	top: -50px; /* Startet weit oben */
	left: 50%;
	transform: translateX(-50%) translateY(var(--parallax-y)); /* Zentriert + Parallax Bewegung */
	z-index: -1; /* Liegt HINTER dem Text */
	
	/* Performance Optimierung */
	will-change: transform, color, filter, opacity;
	transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1); /* Sehr weicher Übergang */
	opacity: .4; /* Standardmäßig etwas blasser für Lesbarkeit */
}

section.m34_big_5 .m34_big_5_elements_item:hover .m34_big_5_elements_item_capital_container {
	opacity: 1; /* Volle Sichtbarkeit */
}

section.m34_big_5 .m34_big_5_elements_item_capital_container p {
	font-family: 'oswald', sans-serif;
	font-size: 100px;
	font-weight: 700;
	line-height: .8;
	
	/* Der cleane White-Outline Look */
	color: transparent;
	-webkit-text-stroke: 2px rgba(255, 255, 255, 0.3); /* Dünne, halb-transparente weiße Linie */
	
}

section.m34_big_5 .m34_big_5_elements_item:hover .m34_big_5_elements_item_capital_container p {
	color: #ffffff; /* Füllt sich weiß */
	-webkit-text-stroke: 0px transparent; /* Outline weg */
	
	/* Aktiviert das Pulsieren */
	animation: whitePulse 2s infinite ease-in-out;
}

 /* Keyframes für das Pulsieren beim Hover */
@keyframes whitePulse {
	0% { filter: drop-shadow(0 0 15px rgba(255,255,255,0.8)); }
	50% { filter: drop-shadow(0 0 25px rgba(255,255,255,1)); }
	100% { filter: drop-shadow(0 0 15px rgba(255,255,255,0.8)); }
}

section.m34_big_5 .m34_big_5_elements_item_title_text_container {
	position: relative;
	z-index: 2; /* Liegt VOR dem Buchstaben */
	padding-top: 100px; /* Platz, damit der Text unter dem oberen Teil des Buchstaben beginnt */
	text-shadow: 0 2px 10px rgba(0,0,0,0.8); /* Schatten für bessere Lesbarkeit über dem Leuchten */
	transition: transform .3s ease;
}

section.m34_big_5 .m34_big_5_elements_item:hover .m34_big_5_elements_item_title_text_container {
	transform: translateY(-10px);
}

section.m34_big_5 .m34_big_5_elements_item_title_container p {
	font-family: 'oswald', sans-serif;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 6px;
	letter-spacing: 1px;
}

section.m34_big_5 .m34_big_5_elements_item_text_container p {
	color: #a0a1a1;
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (max-width: 1199px) {
	section.m34_big_5 {
		padding: 166px 0 174px;
	}
	
	section.m34_big_5 .m34_big_5_elements_item {
		width: 20%;
	}
}

@media screen and (max-width: 991px) {
	section.m34_big_5 {
		padding: 80px 0;
	}
	
	section.m34_big_5 .m34_big_5_elements_container {
		gap: 10px;
	}
	
	section.m34_big_5 .m34_big_5_elements_item_title_container p {
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	section.m34_big_5 .m34_big_5_elements_container {
		gap: 15px;
	}
	
	section.m34_big_5 .m34_big_5_elements_item_title_container p {
		font-size: 16px;
	}
}

@media screen and (max-width: 575px) {
	section.m34_big_5 {
		padding: 50px 0;
	}
	
	section.m34_big_5 .m34_big_5_main * {
		text-align: start;
	}
	
	section.m34_big_5 .m34_big_5_elements_container {
		flex-direction: column;
		align-items: center;
	}
	
	section.m34_big_5 .m34_big_5_elements_item {
		width: 100%;
	}
	
	section.m34_big_5 .m34_big_5_elements_item_title_container p {
		font-size: 25px;
		text-align: center;
	}
	
	section.m34_big_5 .m34_big_5_elements_item_text_container p {
		text-align: center;
	}
}
