.page-header{--nav-toggle-size: 36px;--nav-bar-offset: calc(var(--nav-toggle-size) / 3);--nav-button-size: 68px;position:sticky;top:0;background-color:var(--color-dark);z-index:100;font-weight:600}.page-header .sub-menu{display:none}.page-header .menu a{color:var(--color-white);text-decoration:none;letter-spacing:.05em}.page-header .logo{position:absolute;display:flex;align-items:center;font-weight:400;text-decoration:none;transition:color .2s ease;color:var(--color-white);left:var(--container-padding);top:50%;margin:calc(var(--logo-size)/-2) calc(var(--logo-size)/-8)}.page-header .logo img{position:relative;height:var(--logo-size);display:block;margin-right:calc(var(--logo-size)*.1);top:2px}.page-header .logo .title{display:block;font-weight:800;text-transform:uppercase;line-height:1.3;font-size:calc(var(--logo-size)*.22)}.page-header .logo .sub-line{font-size:calc(var(--logo-size)*.2);display:block;margin:0;line-height:1.3}@media(max-width: 767px)and (orientation: portrait){.page-header .main-navigation+.button{font-size:0;width:var(--nav-button-size);aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0) !important}.page-header .main-navigation+.button::before{content:"";display:inline-block;vertical-align:text-top;background-color:var(--icon-color, var(--text-color));width:var(--icon-size, 1em);height:var(--icon-size, 1em);-webkit-mask-size:contain;mask-size:contain;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;--icon: var(--icon-calendar);--icon-color: var(--color-neongreen);--icon-size: var(--nav-toggle-size)}}@media(min-width: 1200px){.page-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding)}.page-header::before{--text-color: var(--color-dark);--icon-color: var(--color-dark);display:inline-flex;align-items:center;justify-content:center;background:var(--color-neongreen);color:var(--color-dark);font-weight:600;padding:.5em 1em;border:0;border-radius:var(--border-radius-sm);transition:background .25s ease;text-decoration:none;margin:.5em 1em;text-align:center;font-size:var(--font-size-copy);content:"Beratungstermin buchen";margin-left:0;visibility:hidden}.page-header::before:first-child{margin-left:0}.page-header::before:last-child{margin-right:0}.page-header::before:hover{background:var(--color-turquoise)}.page-header .main-navigation{display:flex;justify-content:space-between;align-items:center;padding:0;height:var(--header-height)}.page-header .main-navigation+.appointment-link{margin-right:0}.page-header .menu{display:flex;margin:0;padding:0;list-style:none}.page-header .menu-item{margin:0 .5em}.page-header .menu-item a{display:block;padding:.5em;transition:.2s ease}.page-header .menu-item a:hover,.page-header .menu-item a[data-active=true]{color:var(--color-neongreen)}}@media(min-width: 1200px)and (max-width: 1299px){.page-header .menu-item a{padding:.35em}}@media(min-width: 1200px){.page-header .toggle-nav,.page-header .demo-link{display:none !important}}@media(max-width: 1199px){.page-header{font-weight:800;height:var(--header-height);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--container-padding);font-size:calc(1.5vw + 20px)}.page-header .toggle-nav{--nav-bar-offset: 12px;position:relative;display:block;width:var(--nav-button-size);aspect-ratio:1;padding:0;margin:0 calc(var(--nav-toggle-size)/2 - var(--nav-button-size)/2) 0 0;font-size:0;z-index:1;background:rgba(0,0,0,0);border:0;cursor:pointer}.page-header .toggle-nav::before,.page-header .toggle-nav::after,.page-header .toggle-nav span::before{content:"";position:absolute;top:50%;left:50%;width:var(--nav-toggle-size);height:2px;margin-top:0;background-color:var(--color-neongreen);transform:translate3d(-50%, -1px, 0) rotate(0deg);transition:margin .2s ease .2s,transform .2s ease 0s,background-color .2s ease 0s,opacity .2s ease 0s}.page-header .toggle-nav::after{margin-top:var(--nav-bar-offset)}.page-header .toggle-nav::before{margin-top:calc(var(--nav-bar-offset)*-1)}.page-header .main-navigation{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease 0s,visibility 0s ease 0.3s,z-index .3s linear 0s,transform .3s ease 0s;position:absolute;display:flex;flex-direction:column;padding:0 0 calc(3.5vw + 60px) 0;align-items:center;justify-content:center;top:100%;left:0;width:100%;height:calc(100vh - var(--header-height));background-color:var(--color-dark);text-align:center}.page-header .main-navigation::before,.page-header .main-navigation::after{content:"";display:block;flex-grow:2}.page-header .main-navigation::after{flex-grow:3}.page-header .main-navigation ul{list-style:none;padding:0;margin:0}}@media(max-width: 1199px)and (orientation: landscape){.page-header .main-navigation ul{display:flex;flex-wrap:wrap;justify-content:center;padding:calc(var(--container-padding) - .7em)}.page-header .main-navigation ul a{padding:.1em .3em}}@media(max-width: 1199px){.page-header .main-navigation li{margin:.3em 0;opacity:0;transform:translate3d(0, 1.5em, 0);transition:0s ease .4s;filter:blur(0.5em)}.page-header .main-navigation a[data-active=true]{color:var(--color-neongreen)}.page-header .demo-link{position:fixed;bottom:0;left:0;width:100%;padding:20px 30px 30px}.page-header .demo-link a{display:block;margin:0 auto;transform:scale(0.8);opacity:0;transition:0s var(--ease-in-out-quad) .5s;filter:blur(0.6em);font-size:calc(1.5vw + 14px);max-width:18em}}@media(max-width: 1199px)and (min-width: 768px)and (min-height: 500px){.page-header .demo-link{padding:50px}}@media(max-width: 1199px){.page-header[data-nav-open=true] .toggle-nav span::before{opacity:0}.page-header[data-nav-open=true] .toggle-nav::before,.page-header[data-nav-open=true] .toggle-nav::after{transform:translate3d(-50%, -1px, 0) rotate(45deg);transition:margin .2s ease 0s,transform .2s ease .2s,background-color .2s ease 0s,opacity .2s ease .2s;margin:0}.page-header[data-nav-open=true] .toggle-nav::after{transform:translate3d(-50%, -1px, 0) rotate(-45deg)}.page-header[data-nav-open=true] .main-navigation{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease 0s,visibility 0s ease 0s,z-index .3s linear 0s,transform .3s ease 0s}.page-header[data-nav-open=true] .main-navigation li{opacity:1;transform:translate3d(0, 0, 0);transition:.35s var(--ease-out-quad);filter:blur(0)}.page-header[data-nav-open=true] .main-navigation li:nth-child(1){transition-delay:0.15s}.page-header[data-nav-open=true] .main-navigation li:nth-child(2){transition-delay:0.2s}.page-header[data-nav-open=true] .main-navigation li:nth-child(3){transition-delay:0.25s}.page-header[data-nav-open=true] .main-navigation li:nth-child(4){transition-delay:0.3s}.page-header[data-nav-open=true] .main-navigation li:nth-child(5){transition-delay:0.35s}.page-header[data-nav-open=true] .main-navigation li:nth-child(6){transition-delay:0.4s}.page-header[data-nav-open=true] .main-navigation li:nth-child(7){transition-delay:0.45s}.page-header[data-nav-open=true] .main-navigation li:nth-child(8){transition-delay:0.5s}.page-header[data-nav-open=true] .demo-link a{transform:scale(1);opacity:1;transition:.3s var(--ease-in-out-quad) .5s;filter:blur(0)}}@media(max-width: 767px)and (orientation: portrait){.page-header{--nav-button-size: 58px;padding-right:calc(var(--container-padding) + 4px)}}@media(max-width: 349px){.page-header{--nav-button-size: 54px}}.menu-observable-wrapper{position:absolute;top:0;left:0;width:10px;z-index:11;pointer-events:none}.menu-observable-wrapper .observable{position:absolute;left:0;width:100%;top:calc(var(--top, 0) + 50.5vh);height:calc(var(--height, 0) - 101vh)}