/* Finale Sektion Wrapper */
    .final-conversion-section {
        background-color: #ffffff; /* Reines Weiß für einen edlen Abschluss */
        padding: 100px 28%;
        font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
        border-top: 1px solid #eaeaea;
    }

    .final-container {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        gap: 80px;
        position: relative;
    }

  

    .final-column {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Typographie */
    .final-title {
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        font-size: 42px;
        color: #1a1a1a;
        margin-bottom: 45px;
        letter-spacing: -0.5px;
    }

    .final-text {
        font-size: 16px;
        line-height: 1.6;
        color: #666666;
        margin-bottom: 30px;
    }

    /* Early Bird Formular (Links) */
    .earlybird-form {
        display: flex;
        gap: 10px;
        max-width: 450px;
    }

    .earlybird-input {
        flex: 1;
        padding: 16px;
        border: 1px solid #cccccc;
        border-radius: 8px;
        font-size: 15px;
        outline: none;
        transition: border-color 0.3s;
    }

    .earlybird-input:focus {
        border-color: #1a365d; /* Dein Brand-Blau */
    }

    .earlybird-button {
        background-color: #1a365d; /* Fettes Brand-Blau */
        color: #ffffff;
        border: none;
        padding: 16px 24px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        white-space: nowrap;
        transition: background-color 0.3s;
    }

    .earlybird-button:hover {
        background-color: #11243f;
    }



/* ==========================================================================
	   REPARATUR FÜR DIE NEXT SECTION: FINAL CONVERSION
	   ========================================================================== */
	@media only screen and (max-width: 999px) {

		.final-conversion-section {
			padding: 60px 20px !important; /* Killt die einengenden 28% und setzt saubere 20px Seitenabstand */
			border-top: 1px solid #eaeaea !important;
		}
		
		

		/* 1. Den gesamten Listen-Container auf Mobile zentrieren */
		.final-conversion-section + div,
		div.container.flex-shrink-0 {
			padding: 30px 20px !important; /* Angenehmerer Abstand für den Abschluss */
			text-align: center !important;
		}

		ul.flex-wrap {
			display: flex !important;
			flex-direction: row !important; /* Behält die Links nebeneinander bei */
			justify-content: center !important; /* Zentriert die Links perfekt im Viewport */
			flex-wrap: wrap !important; /* Lässt Sprachen sanft in die nächste Zeile rutschen, falls Platz fehlt */
			padding-left: 0 !important;
			margin: 15px 0 !important;
		}

		/* 2. Die einzelnen Links lesbar trennen */
		ul.flex-wrap li {
			padding-right: 12px !important;
			padding-left: 12px !important;
			margin-bottom: 10px !important;
			display: inline-block !important;
		}

		ul.flex-wrap li a {
			display: inline-block !important;
			padding: 5px 0 !important;
			font-size: 14px !important;
		}

		/* 3. Copyright-Bereich und SVG visuell beruhigen */
		.flex-wrap.items-center.justify-between {
			display: flex !important;
			flex-direction: column !important;
			align-items: center !important;
			text-align: center !important;
		}

		.flex-wrap.items-center.justify-between p {
			margin-bottom: 0px !important;
        padding-bottom: 0px !important;
		}

		.flex-wrap.items-center.justify-between a {
			margin-top: 5px !important;
			margin-bottom: 0px !important;
			display: inline-block !important;
		}
	}