html {
scroll-behavior: smooth;
}  .navbar,
.main-navigation,
#site-navigation,
.site-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !important;
width: 100% !important;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
} body.admin-bar .navbar,
body.admin-bar .main-navigation,
body.admin-bar #site-navigation,
body.admin-bar .site-header {
top: 32px !important;
}
@media (max-width: 782px) {
body.admin-bar .navbar,
body.admin-bar .main-navigation,
body.admin-bar #site-navigation,
body.admin-bar .site-header {
top: 46px !important;
}
}  .wp-block-navigation__responsive-container.has-modal-open {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100vh !important;
max-height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
z-index: 9999 !important;
padding: 20px !important;
box-sizing: border-box !important;
} body.admin-bar .wp-block-navigation__responsive-container.has-modal-open {
top: 32px !important;
height: calc(100vh - 32px) !important;
}
@media (max-width: 782px) {
body.admin-bar .wp-block-navigation__responsive-container.has-modal-open {
top: 46px !important;
height: calc(100vh - 46px) !important;
}
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-close {
position: fixed !important;
top: 20px !important;
right: 20px !important;
z-index: 100000 !important;
background: transparent !important;
} body.admin-bar .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-close {
top: 52px !important;
}
@media (max-width: 782px) {
body.admin-bar .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-close {
top: 66px !important;
}
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content {
width: 100% !important;
max-width: 100% !important;
overflow-y: visible !important;
overflow-x: hidden !important;
max-height: none !important;
padding: 60px 20px 40px 20px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item {
width: 100% !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content {
display: block !important;
width: 100% !important;
padding: 12px 20px !important;
text-align: center !important;
font-size: 18px !important;
box-sizing: border-box !important;
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container {
position: relative !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 10px 20px !important;
font-size: 16px !important;
opacity: 0.9 !important;
} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__container {
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .wp-block-navigation__responsive-container.has-modal-open ~ .site-header,
.wp-block-navigation__responsive-container.has-modal-open ~ .navbar,
.site-header:has(+ .wp-block-navigation__responsive-container.has-modal-open),
.navbar:has(+ .wp-block-navigation__responsive-container.has-modal-open) {
z-index: 10000 !important;
}  @media (max-width: 659px) {
.wp-block-navigation__responsive-container-open {
display: flex !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none !important;
}
} @media (min-width: 660px) {
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: block !important;
}
.wp-block-navigation__responsive-container-open {
display: none !important;
}
} .sprachumschalter {
display: flex;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
background: transparent;
align-items: center;
}
.sprachumschalter a {
display: block;
padding: 6px 12px;
font-size: 0.9rem;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
color: #ffffff;
background: transparent;
position: relative;
z-index: 1;
}
.sprachumschalter a.current-lang {
color: white;
font-weight: 600;
z-index: 2;
} .sprachumschalter a[hreflang="de"].current-lang,
.sprachumschalter a[lang="de"].current-lang {
background: #d4af37;
box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.3);
}
.sprachumschalter a[hreflang="de"]:hover:not(.current-lang),
.sprachumschalter a[lang="de"]:hover:not(.current-lang) {
color: #d4af37;
} .sprachumschalter a[hreflang="en"].current-lang,
.sprachumschalter a[lang="en"].current-lang {
background: #e74c3c;
box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.3);
}
.sprachumschalter a[hreflang="en"]:hover:not(.current-lang),
.sprachumschalter a[lang="en"]:hover:not(.current-lang) {
color: #e74c3c;
}
.sprachumschalter a.animating {
transform: scale(0.95);
opacity: 0.8;
transition: transform 0.3s ease, opacity 0.3s ease;
}