/* ==========================================================================
	   MOBILE OPTIMIZATION: BACKGROUND EXPANSION & TITLE SPACING
	   ========================================================================== */
	@media only screen and (max-width: 999px) {
		
		/* 1. Grünen Hintergrund nach unten hin massiv vergrößern */
		.row-bg-wrap, 
		.wpb_row.vc_row, 
		.vc_row-fluid {
			margin-top: -60px !important;
			padding-top: 40px !important;
			padding-bottom: 80px !important; /* Zieht den grünen Hintergrund weit unter das Video */
		}

		/* Hauptcontainer positionieren */
		.row_col_wrap_12.col.span_12 {
			margin-top: 180px !important; 
			padding-left: 30px !important;
			padding-right: 30px !important;
			box-sizing: border-box !important;
			position: relative !important;
		}

		/* 2. Deutlicher Abstand zwischen Titel und Lauftext */
		.wpb_text_column h1, 
		.wpb_text_column h2, 
		.row_col_wrap_12 h1 {
			margin-top: 0 !important;
			margin-bottom: 45px !important; /* Schafft ordentlich Luft vor dem Fließtext */
			font-size: 32px !important;
			line-height: 1.2 !important;
			font-weight: 700 !important;
		}

		/* Fliesstext / Lauftext */
		.wpb_text_column p {
			font-size: 16px !important;
			line-height: 1.6 !important;
			margin-bottom: 25px !important;
		}

		/* 3. Handwriting per TOP platziert (angepasst an den neuen Textfluss) */
		.video-hint-section {
			position: absolute !important;
			top: 610px !important; /* Leicht erhöht, da der Lauftext durch das neue Titel-Margin nach unten rutscht */
			left: 0 !important;
			width: 100% !important;
			text-align: center !important;
			display: block !important;
			z-index: 100 !important;
		}

		/* Pfeil und Text nebeneinander (Desktop-Look) */
		.video-hint-inline-wrapper {
			display: inline-flex !important;
			flex-direction: row !important;
			align-items: center !important;
			justify-content: center !important;
			gap: 12px !important;
		}

		.video-hint-text-side {
			font-size: 28px !important;
font-weight: 400 !important;
			margin-bottom: 0 !important;
		}

		.video-hint-arrow-side {
			max-width: 50px !important;
			height: auto !important;
			transform: none !important; /* Pfeil bleibt original geschwungen */
		}

		/* 4. Das Video rückt ebenfalls nach unten, damit Platz für das Handwriting ist */
		.row_col_wrap_12 > .wpb_video_widget {
			margin-top: 150px !important; /* Schafft genug Raum unter dem Text für das Handwriting */
			width: 100% !important;
			display: block !important;
		}
	}