/* Allgemeiner Footer-Stil */
footer {
    background-color: var(--color-primary); /* Gleiche Farbe wie die Navbar */
    padding: 20px 0px 5px; /* Abstand oben und unten */
    text-align: center; /* Zentriert den Inhalt */
    color: var(--color-title-negative); /* Textfarbe Weiß */
	position:relative;
	z-index:1;
}

/* Footer-Links */
.footer-links {
    margin-bottom: 40px; /* Abstand zwischen Links und Copyright */
	padding:40px 60px;
}

.footer-links a {
    text-decoration: none; /* Keine Unterstreichung */
    color: var(--color-title-negative); /* Linkfarbe */
    margin: 0 10%; /* Abstand zwischen den Links */
    font-size: 20px; /* Schriftgröße */
}

/* Hover-Effekt für Links */
.footer-links a:hover {
    text-decoration: underline; /* Unterstreichung bei Hover */
}

/* Copyright-Vermerk */
.footer-copy {
    font-size: 16px; /* Etwas kleinere Schriftgröße */
    margin-top: 10px 0px 0px; /* Abstand nach oben */
	padding:0px;
	color: var(--color-title-negative); /* Linkfarbe */
}

@media screen and (max-width: 768px) {
	.footer-links a {
		margin: 0 5%; /* Abstand zwischen den Links */
		font-size: 18px;
	}
	
	.footer-links {
		padding:40px 10px;
	}
	
	.footer-copy {
		font-size:14px;
	}
}