/* 
   ==========================================================================
   KORRIGIERTER Footer-Code mit korrekter Breitenverteilung
   ========================================================================== 
*/

footer {
	--RWC_Black: #1A1A1A;
	--RWC_Red: #E90006;
	--RWC_Gray_4: #888;
	--rw-footer-space-lg: 4.5rem;
	--rw-footer-space-sm: 2.25rem;
	display: flex !important;
	justify-content: center !important; /* Zentriert den Container horizontal */
	padding: var(--rw-footer-space-lg, 4.5rem) var(--rw-footer-space-lg, 4.5rem) var(--rw-footer-space-sm, 2.25rem) var(--rw-footer-space-lg, 4.5rem) !important;
	background: #D4D4D4 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Container mit maximaler Breite */
footer > .container {
	width: 100% !important;
	max-width: 1600px !important;
	padding: 0 !important;
	margin: 0 !important; /* Margin wird vom flex-parent (footer) gesteuert */
	display: flex !important;
	flex-direction: column !important;
	gap: var(--rw-footer-space-sm, 2.25rem) !important;
}

/* KEY CHANGE: Die Zeile mit den Hauptinhalten wird zur Flexbox */
/* Wir nehmen an, dass es eine Haupt-Reihe und eine Copyright-Reihe gibt */
footer > .container > .row:not(.copyright-row) {
	display: flex !important;
	justify-content: space-between !important; /* Verteilt die Spalten über die volle Breite */
	align-items: flex-start !important;
	flex-wrap: wrap !important; /* Erlaubt Umbruch auf kleineren Bildschirmen */
	width: 100% !important;
	gap: 2rem !important; /* Abstand zwischen den Spalten, wenn sie umbrechen */
	border: none !important; /* Entfernt alte Border-Stile */
	padding: 0 !important; /* Entfernt alte Padding-Stile */
}

/* KEY CHANGE: Styling für die Copyright-Zeile */
footer > .container > .copyright-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    border-top: 1px solid #444 !important; /* Dünne Trennlinie wie im Design */
    padding-top: var(--rw-footer-space-sm, 2.25rem) !important;
}


/* Styling für die Überschriften im Footer */
footer h3,
footer h4 {
	color: var(--RWC_Red, #E90006) !important;
	font-family: "Aeonik Extended Pro", sans-serif !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	line-height: 140% !important;
	letter-spacing: 0.0225rem !important;
	margin-bottom: 1rem !important;
}

/* Styling für alle Texte, Links und Adressinformationen */
body footer,
body footer p,
body footer a,
body footer address {
	color: var(--RWC_Gray_4, #888) !important;
	font-family: "Aeonik Extended Pro", sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 130% !important;
	letter-spacing: 0.03rem !important;
}

/* Spezifisches Link-Styling */
body footer a {
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

body footer a:hover,
body footer a:focus {
	color: #fff !important;
}

/* Styling für die Social Media Icons */
body footer svg path {
	fill: var(--RWC_Gray_4, #888) !important;
	transition: fill 0.3s ease !important;
}
body footer svg:hover path {
	fill: var(--RWC_Red, #E90006) !important;
}

/* Allgemeine Listen-Styles */
footer ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
footer ul li {
	margin-bottom: 0.75rem !important;
}


/* Responsive Anpassungen */
@media (max-width: 991px) {
	footer {
		padding: var(--Size-6, 2.25rem) !important;
	}
    
    footer > .container > .row:not(.copyright-row) {
		flex-direction: column !important; /* Spalten untereinander auf Mobilgeräten */
		align-items: flex-start !important;
	}

    footer > .container > .copyright-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
}