|
|
@ -19,10 +19,19 @@ body { |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-position: center top; |
|
|
|
background-position: center top; |
|
|
|
background-attachment: fixed; |
|
|
|
background-attachment: fixed; |
|
|
|
|
|
|
|
background-size: auto; /* Standard für Fenster bis 1920px */ |
|
|
|
|
|
|
|
min-height: 100vh; /* Mindesthöhe für vollständige Abdeckung */ |
|
|
|
padding-top: 20px; |
|
|
|
padding-top: 20px; |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Für Fenster breiter als 1920px das Bild dynamisch an die Breite anpassen */ |
|
|
|
|
|
|
|
@media (min-width: 1921px) { |
|
|
|
|
|
|
|
.background { |
|
|
|
|
|
|
|
background-size: 100% auto; /* Bild passt sich der vollen Fensterbreite an */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#map { |
|
|
|
#map { |
|
|
|
background-image: url("image/map.png"); |
|
|
|
background-image: url("image/map.png"); |
|
|
|
} |
|
|
|
} |
|
|
@ -411,7 +420,4 @@ h3, |
|
|
|
pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */ |
|
|
|
pointer-events: none; /* Deaktiviert alle Hover- und Klickereignisse */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Kein Hover-Effekt für inaktive Buttons */ |
|
|
|
/* Kein Hover-Effekt für inaktive Buttons - deaktiviert durch pointer-events: none */ |
|
|
|
.nav-button.inactive:hover { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|