/* Logo Größe für Mobile anpassen */
@media (max-width: 1023px) {
.header__logo {
max-height: 50px !important;
}
.header__logo-wrapper {
height: 100% !important;
align-items: center !important;
top: 0 !important;
padding-top: 0 !important;
}
}
@media (max-width: 575px) {
.header__logo {
max-height: 40px !important;
}
.header__logo-wrapper {
height: 100% !important;
align-items: center !important;
justify-content: center !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
header.header {
min-height: 60px !important;
padding: 10px 15px !important;
}
}
/* Mobile Navigation Position korrigieren - zentriert */
@media (max-width: 1199.98px) {
.navigation {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) translateX(100%) !important;
max-width: 85vw !important;
width: 85vw !important;
min-width: 280px !important;
}
.navigation.is-open {
transform: translateX(-50%) !important;
}
.navigation__content {
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 auto !important;
}
.navigation [data-navigation-slide] {
left: 0 !important;
right: 0 !important;
max-width: 100% !important;
width: 100% !important;
margin: 0 auto !important;
}
.navigation [data-navigation-slide="1"],
.navigation [data-navigation-slide="2"] {
left: 0 !important;
right: 0 !important;
transform: none !important;
transform-origin: center !important;
}
}
Zum Inhalt springen
Leider ist Ihr Webbrowser veraltet. Die Inhalte unserer Webseite werden möglicherweise nur unzureichend
angezeigt.