/* Component-specific styles will be added via SCSS */


.mobile-nav-app[data-v-41387d86] {
  position: relative;
  z-index: 9998;
}
.mobile-menu-trigger {
&[data-v-41387d86] {
  width: 64px;
  height: 64px;
  background: #fff;
  cursor: pointer;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  transition: all 0.3s ease;
  border: none;
  margin-left: 10px;
  }
&.is-open {
.hamburger-line {
&[data-v-41387d86]:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
}
&[data-v-41387d86]:nth-child(2) {
        opacity: 0;
}
&[data-v-41387d86]:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
}
}
}
}
.hamburger-line[data-v-41387d86] {
  width: 24px;
  height: 3px;
  background: #284660;
  transition: all 0.3s ease;
  border-radius: 50%;
}

/* Hide trigger on desktop */
@media (min-width: 1024px) {
.mobile-nav-app[data-v-41387d86] {
    display: none;
}
}

/* Adjust trigger position on smaller screens */
@media (max-width: 480px) {
.mobile-menu-trigger[data-v-41387d86] {
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
}
}

.mobile-nav-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.mobile-nav-wrapper.is-open{pointer-events:all}.mobile-nav-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s ease;cursor:pointer}.mobile-nav-wrapper.is-open .mobile-nav-overlay{opacity:1}.mobile-nav{position:absolute;top:0;right:0;height:100%;background:#fff;transform:translateX(100%);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:-2px 0 10px rgba(0,0,0,.3)}@media(max-width: 768px){.mobile-nav{width:85%}}@media(min-width: 769px){.mobile-nav{width:85%}}.mobile-nav.is-open{transform:translateX(0)}.mobile-nav-level{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;list-style:none;background:#fff;transform:translateX(100%);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav-level.is-active{transform:translateX(0)}.mobile-nav-level:first-child{transform:translateX(0)}.mobile-nav-header{background:#d1e7f3;padding:0;border-bottom:1px solid #555;top:0;z-index:10;display:flex}.mobile-nav-header .mobile-nav-close,.mobile-nav-header .mobile-nav-back{background:none;border:none;color:#284660;padding:1rem 1.25rem;text-align:left;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background .2s ease}.mobile-nav-header .mobile-nav-close:hover,.mobile-nav-header .mobile-nav-back:hover{background:#d1e7f3}.mobile-nav-header .mobile-nav-close svg,.mobile-nav-header .mobile-nav-back svg{flex-shrink:0}.mobile-nav-header .mobile-nav-title{padding:1rem 1.25rem;color:#284660;font-weight:600;font-size:1.1rem;border-top:1px solid #555;background:#fff}.mobile-nav-item,.mobile-nav-group{border-bottom:1px solid rgba(85,85,85,.3)}.mobile-nav-item:last-child,.mobile-nav-group:last-child{border-bottom:none}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;color:#284660;text-decoration:none;font-size:1rem;line-height:1.4;transition:background .2s ease;cursor:pointer}.mobile-nav-link:hover,.mobile-nav-link:focus{background:#d1e7f3;outline:none}.mobile-nav-link.has-children .mobile-nav-arrow{opacity:.7;transition:transform .2s ease}.mobile-nav-link.has-children:hover .mobile-nav-arrow{transform:translateX(2px)}.mobile-nav-link.mobile-nav-main-link{background:rgba(0,124,186,.1);border-left:3px solid #007cba;font-weight:600}.mobile-nav-link.mobile-nav-main-link:hover{background:rgba(0,124,186,.2)}.mobile-nav-link.mobile-nav-header-item{font-weight:500;color:rgba(40,70,96,.8)}.mobile-nav-link.mobile-nav-header-item:hover{background:rgba(209,231,243,.5)}.mobile-nav-link.mobile-nav-group-header{font-weight:500;background:rgba(209,231,243,.5)}.mobile-nav-link.mobile-nav-group-header:hover{background:#d1e7f3}.mobile-nav-main-group{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-mainitem-text{font-weight:600;color:#284660;font-size:24px}.mobile-nav-mainitem-subheading{font-weight:400;font-size:14px;color:#64b0d8}.mobile-nav-subitems{list-style:none;padding:0;margin:0}.mobile-nav-subitems li{display:inline-block}.mobile-nav-subitems li:not(:last-child)::after{content:"|";margin:0 8px;color:#64b0d8}.mobile-nav-arrow{flex-shrink:0;margin-left:.5rem;opacity:.6}.mobile-nav-sublevel.is-active{transform:translateX(0)}.mobile-nav-sublevel.is-active~.mobile-nav-level{transform:translateX(-100%)}.mobile-nav-thirdlevel.is-active{transform:translateX(0)}.mobile-nav-thirdlevel.is-active~.mobile-nav-level{transform:translateX(-100%)}@media(max-width: 480px){.mobile-nav-link{padding:.875rem 1rem;font-size:.95rem}.mobile-nav-header .mobile-nav-close,.mobile-nav-header .mobile-nav-back{padding:.875rem 1rem}.mobile-nav-header .mobile-nav-title{padding:.875rem 1rem;font-size:1rem}}@media(prefers-reduced-motion: reduce){.mobile-nav,.mobile-nav-level,.mobile-nav-overlay{transition:none}}.mobile-nav-link:focus,.mobile-nav-close:focus,.mobile-nav-back:focus{outline:2px solid #007cba;outline-offset:-2px}.mobile-nav-level::-webkit-scrollbar{width:6px}.mobile-nav-level::-webkit-scrollbar-track{background:#1e1e24}.mobile-nav-level::-webkit-scrollbar-thumb{background:#d1e7f3;border-radius:3px}.mobile-nav-level::-webkit-scrollbar-thumb:hover{background:rgba(40,70,96,.8)}.vue-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.akademie-vue-component{padding:20px;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;background:#f9f9f9}.vue-button{background-color:#007cba;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.vue-button:hover{background-color:#005a87}