Kopfzeile
/* Anchortext-Styling */
a {
color: #986f38; /* Farbcode für Anchortexte */
text-decoration: none; /* Optional: Entfernt Unterstreichungen von Links */
}
/* Optional: Pseudo-Klasse für Hover-Effekt */
a:hover {
color: #000; /* Farbcode für Hover-Effekt (z.B., schwarz) */
}
/* Standardwert für alle Bildschirmgrößen */
html {
scroll-padding-top: 50px; /* Anpassen an die Smartphone Header-Höhe */
scroll-behavior: smooth;
}
/* Für Tablets (Bildschirmbreiten über 996px) */
@media (min-width: 996px) {
html {
scroll-padding-top: 120px; /* Anpassen an die Tablet Header-Höhe */
}
}
/* Für Desktops (Bildschirmbreiten über 1024px) */
@media (min-width: 1025px) {
html {
scroll-padding-top: 120px; /* Anpassen an die Desktop Header-Höhe */
}
}