@charset "UTF-8";
#main-menu{display:flex;margin-left:auto;align-items:center}#main-menu .mobile-background{display:none;bottom:0;position:absolute;z-index:-2;height:100vh;width:100%}#main-menu .mobile-background .bottom{position:absolute;bottom:0}#main-menu #main-nav{list-style:none;padding:0px;margin:0px;display:flex;position:relative;bottom:-10px}#main-menu #main-nav li{height:fit-content;min-width:fit-content;margin-left:30px;transform:scale(1) rotate(6deg);transition:200ms all ease-in-out;z-index:1;position:relative;display:block;position:relative;will-change:transform;transform-style:preserve-3d;transition:transform 0.08s ease-out}#main-menu #main-nav li:nth-child(odd){transform:scale(1) rotateZ(-6deg)}#main-menu #main-nav li:has(.active){pointer-events:none}#main-menu #main-nav li .nav-item{position:relative;display:block;padding:0px 20px}#main-menu #main-nav li .nav-item .sub-title{color:#FFF;font-size:clamp(12px, 1vw, 14px);font-style:normal;font-weight:900;line-height:150%;text-transform:uppercase;background:var(--colorPrimary);filter:drop-shadow(var(--boxShadowSmall));display:block;padding:0px 5px;letter-spacing:1px;width:fit-content;padding-right:40px;transform:skewX(-5deg);margin-bottom:5px}#main-menu #main-nav li .nav-item span:not(.sub-title){color:var(--colorDark);font-size:clamp(16px, 1vw, 20px);font-weight:900;text-transform:uppercase;display:block;position:relative;transform:rotateZ(-4deg)}#main-menu #main-nav li .nav-item span:not(.sub-title)::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:5px}#main-menu #main-nav li .nav-item::after{content:"";background:var(--White, #FFF);border:3px solid var(--colorDark);filter:drop-shadow(-6px 6px 0 #111017);width:100%;height:100%;display:block;position:absolute;top:10px;z-index:-1;min-width:fit-content;left:0px;transform:skewX(-14deg)}#main-menu #main-nav li .nav-item.active .sub-title{background:var(--colorSecondary)}#main-menu #main-nav li .nav-item.active::after{background:var(--colorDark);border:3px solid var(--colorSecondary)}#main-menu #main-nav li .nav-item.active span:not(.sub-title){color:var(--colorWhite)}#main-menu #main-nav li:hover{transform:scale(1.2) rotate(-6deg);z-index:5}#main-menu #main-nav li:hover:nth-child(odd){transform:scale(1.2) rotateZ(6deg)}#main-menu #main-nav-small{display:flex;list-style:none;margin:0px;padding:0px;height:fit-content}#main-menu #main-nav-small li{height:fit-content;margin-left:30px;transform:scale(1) rotate(0deg);transition:200ms all ease-in-out;z-index:1;position:relative}#main-menu #main-nav-small li .nav-item{color:#FFF;font-size:clamp(12px, 1vw, 16px);font-weight:900;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}#main-menu #main-nav-small li .nav-item::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:5px;font-size:inherit}#main-menu #main-nav-small li .nav-item span{font-size:inherit}#main-menu #main-nav-small li .nav-item.active{color:var(--colorSecondary)}#main-menu #main-nav-small li:has(.active){pointer-events:none}#main-menu #main-nav-small li:hover{transform:scale(1.2) rotate(-6deg);z-index:5}#main-menu #main-nav-small li:hover:nth-child(odd){transform:scale(1.2) rotateZ(6deg)}#main-menu .mobile-background{overflow:hidden;width:100vw;height:100svh;perspective:800px}#main-menu .mobile-background .background{background:url(/fileadmin/user_upload/Lizenzen/Grafiken/Snow-Forest-bg.webp);background-size:cover;background-position:right center;position:absolute;top:0;left:0;width:110%;height:100%;transform-style:preserve-3d;transition:transform 0.1s ease-out;z-index:-3}#main-menu .mobile-background .dark-left{clip-path:polygon(100% 83.927%, 0% 0%, -0.966% 100%, 100% 83.927%);height:80vh;width:36vw;background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/Texture/header_left.webp), var(--colorWhite);position:absolute;animation:wobble-left 22s ease-in-out infinite alternate;will-change:clip-path;background-size:cover;background-repeat:no-repeat}#main-menu .mobile-background .dark-right{clip-path:polygon(100% 100%, 0% 0%, 100% 0%, 100% 100%);height:70vh;width:50vw;background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/Texture/header_right.webp), var(--colorWhite);position:absolute;right:0;background-size:cover;background-repeat:no-repeat;animation:wobble-right 30s ease-in-out infinite alternate;will-change:clip-path}#main-menu .mobile-background .dark-bottom{clip-path:polygon(100% 0%, 0% 40%, 0% 100%, 100% 100%);height:20vh;width:100%;background:linear-gradient(174deg, #000 37.35%, #1D1D2C 60.71%, #221D26 100%);position:absolute;bottom:0;animation:wobble-bottom 25s ease-in-out infinite alternate;will-change:clip-path, height;min-height:200px}#main-menu .mobile-background .shadow-left{clip-path:polygon(100% 83.927%, 0% 0%, -0.966% 100%, 100% 83.927%);height:calc(80vh + 15px);width:36vw;background:#000;position:absolute;z-index:-1;animation:wobble-left 22s ease-in-out infinite alternate;will-change:clip-path}#main-menu .mobile-background .shadow-right{clip-path:polygon(100% 100%, 0% 0%, 100% 0%, 100% 100%);height:calc(70vh + 15px);width:calc(50vw + 15px);background:#000;position:absolute;right:0;z-index:-1;animation:wobble-right 30s ease-in-out infinite alternate;will-change:clip-path}@keyframes wobble-left{0%{clip-path:polygon(100% 63.375%, 0% 0%, -0.881% 100%, 100% 63.375%)}100%{clip-path:polygon(100% 83.927%, 0% 0%, -0.966% 100%, 100% 83.927%)}}@keyframes wobble-right{0%{clip-path:polygon(100% 100%, 0% 0%, 100% 0%, 100% 100%)}100%{clip-path:polygon(100% 75%, 0% 0%, 100% 0%, 100% 100%)}}@media screen and (max-width:1400px){#main-menu{max-height:100vh;height:100vh;position:absolute;flex-direction:column;padding-top:100px;z-index:-2;width:100%;top:0}#main-menu .mobile-background{display:flex}#main-menu.collapsed{transform:scaleY(0);max-height:0px}#main-menu #main-nav{flex-direction:column;align-items:center;width:100%}#main-menu #main-nav li{margin:5svh 0px;transform:scale(1) rotate(-8deg);margin-left:16svw}#main-menu #main-nav li:first-child{transform:scale(1) rotateZ(-11deg);margin-left:3svw}#main-menu #main-nav li:last-child{transform:scale(1) rotateZ(0deg);margin-left:15svw}#main-menu #main-nav li .nav-item{padding:0px 30px}#main-menu #main-nav li .nav-item .sub-title{font-size:clamp(14px, 3vw, 18px)}#main-menu #main-nav li .nav-item span:not(.sub-title){font-size:clamp(18px, 3vw, 24px)}#main-menu #main-nav-small{flex-direction:row;margin:0px;margin-top:22vh;transform:rotate(-4deg);flex-wrap:wrap;justify-content:center}#main-menu #main-nav-small li{margin:15px}#main-menu #main-nav-small li .nav-item{font-size:clamp(16px, 2vw, 20px);white-space:nowrap}#main-menu #main-nav-small li .nav-item span{font-size:inherit}}