body.scrolled .blackbackground.mobile{opacity:1}body.menu-opened header .blackbackground.mobile{height:520px;transition:opacity 300ms ease,height 500ms ease}body header div.blackbackground.mobile{transition:opacity 500ms ease,height 600ms ease;transition-delay:170ms,170ms}body.menu-opened #openclose span{color:var(--black)}#openclose span{transition:color 500ms,top 500ms}body.menu-opened header #openclose .burgerbox.outside div.burgerbun.inside{background-color:var(--white);transition:background-color 500ms}body.no-header-start.menu-closed.scrolled header #openclose div.burgerbun{transition:background-color 500ms}body.no-header-start.unscrolled.menu-closed #openclose div.burgerbun{transition:background-color 500ms}body.no-header-start.unscrolled div.burgerbun{background-color:var(--black)}body.no-header-start.unscrolled.menu-opened div.burgerbun{background-color:var(--white)}body.menu-closed.no-header-start header #logo{background-image:url(../images/oliver-jahn_logo_on-dark.webp)}body.menu-closed.no-header-start.unscrolled header #logo{transition:background-image 500ms;transition-delay:0ms}body.menu-opened.no-header-start.unscrolled #logo{transition:background-image 500ms}body.menu-closed.no-header-start.scrolled #logo{transition:background-image 500ms}body.menu-opened div.mobile{opacity:1}#openclose{float:right;width:auto;height:44px;padding:0 15px;margin:0}#openclose>*{float:left}#openclose #label span{float:left;text-align:right;font-size:.7rem;line-height:.714rem;font-weight:600;width:100%}body.menu-opened #openclose #label span{color:var(--white)!important}#menuoverlay{height:0;width:100%;background-color:#fff0;transition:background-color 500ms,height 1ms;transition-delay:300ms,.5s;display:block;position:fixed;bottom:0;z-index:10}body.menu-opened #menuoverlay{height:100vh;background-color:rgb(255 255 255 / .85);transition:background-color 500ms}#statecontainer{overflow:hidden;width:3.125rem;height:.75rem;position:relative}#open,#close{position:absolute;left:0;transition:top 500ms ease-out}#open{top:0}#close{top:.75rem}body.menu-opened #open{top:-.75rem}body.menu-opened #close{top:0}#burgerbox{width:24px;height:24px;display:block;overflow:hidden;position:relative;margin-left:10px;padding-top:2px}div.burgerbun{width:60px;height:3px;background-color:var(--white);margin-bottom:5px;position:relative;top:0;left:0;right:0;bottom:0;opacity:1}body.menu-opened div.burgerbun{background-color:var(--white)}body.no-header-start.unscrolled.menu-closed div.burgerbun{transition:background-color 500ms}div.burgerbun:nth-child(1),div.burgerbun:nth-child(4){transition:top 500ms,opacity 1ms;transition-delay:500ms,500ms}div.burgerbun:nth-child(2),div.burgerbun:nth-child(3){transition:transform 500ms,top 500ms,height 500ms,opacity 1ms;transition-delay:0s,0s,0s,500ms}div.burgerbun:nth-child(3){margin-top:-8px}#mobile-menu{height:0;width:100%;overflow:hidden;transition:height 1ms;transition-delay:2.3s}body.menu-opened #mobile-menu{height:340px;transition:height 1ms}#mobile-menu{position:relative}header .menus{position:absolute;width:100%}header .mainmenu{width:100%}header .mainmenu li{text-align:center;opacity:0;width:100vw;box-sizing:border-box;padding:0 15px;transition:opacity 500ms;position:absolute;top:0}body.menu-closed header .mainmenu li:nth-child(1){transition:opacity 200ms ease,top 200ms ease;transition-delay:0ms,0ms}body.menu-closed header .mainmenu li:nth-child(2){transition:opacity 250ms ease,top 250ms ease;transition-delay:50ms,50ms}body.menu-closed header .mainmenu li:nth-child(3){transition:opacity 200ms ease,top 200ms ease;transition-delay:100ms,100ms}body.menu-closed header .mainmenu li:nth-child(4){transition:opacity 250ms ease,top 250ms ease;transition-delay:150ms,150ms}body.menu-closed header .mainmenu li:nth-child(5){transition:opacity 300ms ease,top 300ms ease;transition-delay:170ms,170ms}body.menu-opened header .mainmenu li{opacity:1}body.menu-opened header .mainmenu li:nth-child(1){top:30px;transition:opacity 300ms ease,top 300ms ease;transition-delay:600ms,600ms}body.menu-opened header .mainmenu li:nth-child(2){top:calc(30px + 44px + 15px);transition:opacity 300ms ease,top 300ms ease;transition-delay:500ms,500ms}body.menu-opened header .mainmenu li:nth-child(3){top:calc(30px + (2 * 44px) + (2 * 15px));transition:opacity 300ms ease,top 300ms ease;transition-delay:400ms,400ms}body.menu-opened header .mainmenu li:nth-child(4){top:calc(30px + (3 * 44px) + (3 * 15px));transition:opacity 300ms ease,top 300ms ease;transition-delay:300ms,300ms}body.menu-opened header .mainmenu li:nth-child(5){top:calc(30px + (4 * 44px) + (4 * 15px));transition:opacity 300ms ease,top 300ms ease;transition-delay:200ms,200ms}body.menu-opened .burgerbun{transition:opacity 1ms;transition-delay:500ms}body.menu-opened .burgerbun:nth-child(1){top:8px;opacity:0;transition:top 500ms,opacity 1ms;transition-delay:0s,500ms}body.menu-opened .burgerbun:nth-child(2){transform:skewY(30deg);top:11px;height:4px;transition:transform 500ms,top 500ms,height 500ms;transition-delay:500ms,500ms,500ms}body.menu-opened .burgerbun:nth-child(3){transform:skewY(-36deg);top:-13px;height:4px;transition:transform 500ms,top 500ms,height 500ms;transition-delay:500ms,500ms,500ms}body.menu-opened .burgerbun:nth-child(4){top:-8px;opacity:0;transition:top 500ms,opacity 1ms;transition-delay:0s,500ms}.mainmenu a.active .line{width:0;left:50%;margin-left:-3rem;bottom:0;transition:width 500ms ease-in,bottom 500ms ease-in}body.menu-opened .mainmenu a.active .line{width:6rem;bottom:2px;transition:width 500ms ease-in,bottom 500ms ease-in;transition-delay:800ms,800ms}