:root{--mw-blue:#0066ff;--mw-pink:#ff007a;--mw-bg:#f6f8fc;--mw-text:#101828;}
body{background:var(--mw-bg);color:var(--mw-text);font-family:var(--font-sans-local, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif)}
a{color:var(--mw-blue);text-decoration:none} a:hover{color:#0049b8}
.nav-glass{backdrop-filter:saturate(130%) blur(6px);background:rgba(255,255,255,.92)!important}
.gradient-text{background:linear-gradient(90deg,var(--mw-pink),var(--mw-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-gradient{border:none;color:#fff;background:linear-gradient(90deg,var(--mw-pink),var(--mw-blue));box-shadow:0 8px 22px rgba(67,97,238,.25)}
.btn-gradient:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 26px rgba(67,97,238,.28)}
.btn-apple{background:#111;color:#fff;border:none;box-shadow:0 8px 22px rgba(17,17,17,.20)}
.btn-apple:hover{background:#000;color:#fff}

.hero-gradient{background:radial-gradient(circle at 85% 10%, rgba(255,255,255,.15), transparent 35%),radial-gradient(circle at 10% 20%, rgba(255,255,255,.08), transparent 40%),linear-gradient(135deg, #0b2f8a 0%, #3a2083 42%, #7a1f8c 70%, #d52175 100%)}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:1.25rem;padding:.8rem;box-shadow:0 20px 50px rgba(5,10,40,.35)}
.hero-trust span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:.4rem .65rem;border-radius:999px}
.feature-card,.review-card{background:#fff;border-radius:1rem;padding:1.2rem;box-shadow:0 10px 30px rgba(16,24,40,.06);border:1px solid #eef1f7}
.icon-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;margin-bottom:12px;background:linear-gradient(135deg, rgba(0,102,255,.08), rgba(255,0,122,.08));font-size:1.2rem}
.shadow-soft{box-shadow:0 12px 34px rgba(16,24,40,.12)}
.section-head h2{font-size:clamp(1.45rem,2vw,2.1rem)}
.stars{color:#f59e0b;letter-spacing:1px;margin-bottom:.5rem}

.trust-badges{display:flex;flex-wrap:wrap;gap:.6rem}
.trust-badge{background:#fff;border:1px solid #e9eef6;border-radius:999px;padding:.5rem .8rem;font-size:.88rem;box-shadow:0 6px 14px rgba(16,24,40,.04)}

.compare-wrap{background:#fff;border:1px solid #e9eef6;border-radius:1rem;box-shadow:0 10px 24px rgba(16,24,40,.05);overflow:hidden}
.compare-table thead th{background:#f8faff;border-bottom:1px solid #eaf0fa;white-space:nowrap}
.compare-table td,.compare-table th{padding:.95rem}
.compare-table .yes{color:#059669;font-weight:700}
.compare-table .no{color:#6b7280}

.list-check{list-style:none;padding-left:0;margin-bottom:1.2rem}.list-check li{margin-bottom:.55rem;padding-left:1.7rem;position:relative}
.list-check li::before{content:"✓";position:absolute;left:0;top:-1px;width:1.1rem;height:1.1rem;border-radius:50%;display:grid;place-items:center;background:rgba(0,102,255,.10);color:var(--mw-blue);font-weight:700;font-size:.8rem}
.cta-panel{border-radius:1.25rem;background:radial-gradient(circle at 80% 10%, rgba(255,255,255,.15), transparent 35%),linear-gradient(90deg, #0f56d9, #7a28d9, #e11d79);box-shadow:0 18px 40px rgba(17,24,39,.18)}

.pricing-card{position:relative;background:#fff;border-radius:1rem;border:1px solid #edf1f7;padding:1.35rem;box-shadow:0 12px 30px rgba(16,24,40,.06)}
.featured-card{border:2px solid rgba(67,97,238,.25);box-shadow:0 18px 40px rgba(67,97,238,.14)}
.featured-pill{position:absolute;top:-12px;right:16px;padding:.35rem .75rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600;background:linear-gradient(90deg,var(--mw-pink),var(--mw-blue))}
.pricing-label{font-weight:700;margin-bottom:.4rem}.price-row{display:flex;align-items:end;gap:.4rem;margin-bottom:.6rem}.price{font-size:2rem;font-weight:800;line-height:1}.muted{color:#6b7280;font-size:.95rem}
.price-list{list-style:none;padding-left:0;margin:1rem 0 1.2rem}.price-list li{position:relative;padding-left:1.4rem;margin-bottom:.55rem}.price-list li::before{content:"•";position:absolute;left:.3rem;color:var(--mw-blue);font-weight:800}
.trust-strip{background:#fff;border:1px solid #edf1f7;border-radius:1rem;padding:1rem}

.faq-accordion .accordion-item{border:1px solid #e9eef6;border-radius:14px!important;overflow:hidden;margin-bottom:.8rem;box-shadow:0 8px 20px rgba(16,24,40,.04)}
.faq-accordion .accordion-button{font-weight:600}.faq-accordion .accordion-button:not(.collapsed){background:rgba(67,97,238,.05);color:#1f2a44}
.info-card{background:#fff;border:1px solid #edf1f7;border-radius:1rem;box-shadow:0 10px 24px rgba(16,24,40,.05)}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.about-pill{background:#fff;border:1px solid #e9eef6;border-radius:999px;padding:.55rem .8rem;font-size:.9rem;text-align:center}

.auth-wrap{background:radial-gradient(circle at 15% 15%, rgba(0,102,255,.05), transparent 40%),radial-gradient(circle at 85% 5%, rgba(255,0,122,.06), transparent 35%)}
.auth-card,.onboarding-card{background:#fff;border:1px solid #eef1f7;border-radius:1.1rem;padding:1.4rem;box-shadow:0 16px 35px rgba(16,24,40,.08)}
.form-control,.form-select,.input-group-text{border-radius:.8rem!important;border-color:#dfe5f0}
.form-control:focus,.form-select:focus{border-color:rgba(67,97,238,.4);box-shadow:0 0 0 .2rem rgba(67,97,238,.12)}
.input-group-text{background:#f8faff}

.stepper-wrap{display:flex;align-items:center;gap:.75rem;overflow:auto;padding:.25rem}
.step{display:flex;align-items:center;gap:.7rem;min-width:max-content;opacity:.75}
.step.aktiv,.step.done{opacity:1}
.step-num{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:700;background:#eef3ff;color:#3451d1}
.step.aktiv .step-num{background:linear-gradient(90deg,var(--mw-pink),var(--mw-blue));color:#fff}
.step.done .step-num{background:#dcfce7;color:#166534}
.step-line{height:2px;min-width:34px;background:#e5eaf3;border-radius:999px}

.availability-card{border-radius:1rem;padding:1rem;border:1px solid #e9eef6;background:#fff}
.availability-card.available{background:linear-gradient(180deg,#f8fffb,#ffffff);border-color:#c7f0d9}
.availability-card.taken{background:linear-gradient(180deg,#fff8f8,#ffffff);border-color:#f4cccc}
.availability-icon{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:700}
.suggestions{display:flex;flex-wrap:wrap;gap:.5rem}
.suggestion-chip{border:1px solid #dfe6f2;background:#fff;border-radius:999px;padding:.4rem .75rem;font-size:.9rem}
.suggestion-chip:hover{border-color:#b9c8eb;background:#f7faff}

.payment-options{display:grid;gap:.8rem}
.payment-option{display:block;cursor:pointer}
.payment-option input{display:none}
.payment-option-body{border:1px solid #e6ecf6;border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 6px 14px rgba(16,24,40,.03)}
.payment-option input:checked + .payment-option-body{border-color:#b9c8eb;box-shadow:0 10px 20px rgba(67,97,238,.08);background:#fafdff}
.payment-brand{display:flex;align-items:center;gap:.6rem;font-weight:600;margin-bottom:.25rem}
.payment-brand .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--mw-pink),var(--mw-blue))}
.payment-brand.apple .dot{background:#111}
.checkout-mock,.order-summary-card{background:#fff;border:1px solid #e9eef6;border-radius:1rem;box-shadow:0 10px 24px rgba(16,24,40,.05)}
.checkout-mock{padding:1rem}
.checkout-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #eef2f8}
.checkout-row:last-child{border-bottom:none}
.checkout-row.total{font-size:1.05rem}
.order-summary-card .summary-line{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0}

.legal-card{background:#fff;border:1px solid #e9eef6;border-radius:1rem;padding:1.5rem;box-shadow:0 12px 28px rgba(16,24,40,.05)}
.legal-card h2{font-size:1.15rem;margin-top:1rem}.legal-card h3{font-size:1rem;margin-top:1rem}
.footer-wrap{background:#fff;border-top:1px solid #edf1f7}.footer-card{background:linear-gradient(180deg,#f8faff,#f2f6ff);border:1px solid #e4ebfb;border-radius:14px}
.footer-wrap ul li{margin-bottom:.35rem}
.py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}

@media (max-width:991.98px){
  .hero-gradient h1{font-size:2.05rem}
  .nav-mobile-stack{padding: .75rem 0 .5rem; gap:.35rem}
  .nav-mobile-stack .nav-link{padding:.6rem .25rem}
  .w-mobile-full{width:100%}
  .navbar-collapse{background:#fff; margin-top:.5rem; border:1px solid #eef1f7; border-radius:14px; padding:.5rem .75rem; box-shadow:0 10px 24px rgba(16,24,40,.06)}
  .compare-table{font-size:.92rem}
  .price{font-size:1.8rem}
  .auth-card,.onboarding-card{padding:1rem}
}
@media (max-width:575.98px){
  .hero-trust span{font-size:.78rem}
  .cta-panel .btn{width:100%}
  .stepper-wrap{padding-bottom:.35rem}
}


/* V5 additions */
.nav-desktop-lg .navbar-brand.brand-lg{font-size:1.55rem;letter-spacing:.2px}
@media (min-width: 992px){
  .nav-desktop-lg{padding-top:.65rem;padding-bottom:.65rem}
  .nav-link-lg{font-size:1.02rem;padding-left:.8rem!important;padding-right:.8rem!important;font-weight:500}
  .nav-desktop-lg .btn{font-size:.98rem}
}

.payment-grid{display:grid;gap:1rem}
.payment-flow-card{background:#fff;border:1px solid #e9eef6;border-radius:1rem;padding:1rem;box-shadow:0 8px 18px rgba(16,24,40,.04)}
.erfolg-icon{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:#dcfce7;color:#166534;font-size:2rem;font-weight:800}
.funnel-steps-mini{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.funnel-steps-mini span{padding:.35rem .7rem;border-radius:999px;background:#f3f6fd;border:1px solid #e6ecf7;font-size:.85rem;color:#6b7280}
.funnel-steps-mini span.done{background:#ecfdf3;border-color:#cfeedd;color:#166534}
.funnel-steps-mini span.aktiv{background:#eef3ff;border-color:#d8e1ff;color:#3451d1;font-weight:600}

.apple-web-box{background:#fff;border:1px solid #e9eef6;border-radius:1rem;padding:1rem;box-shadow:0 8px 18px rgba(16,24,40,.04)}
.inapp-flow-list{display:grid;gap:.65rem}
.inapp-step{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid #e9eef6;border-radius:.85rem;padding:.7rem .8rem}
.inapp-step span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#eef3ff;color:#3451d1;font-weight:700;flex-shrink:0}

@media (max-width: 575.98px){
  .brand-lg{font-size:1.25rem!important}
  .payment-flow-card .btn{width:100%}
}


/* V5.1 nav + support dropdown */
.nav-desktop-lg .dropdown-menu .dropdown-item{font-size:.95rem}
.nav-desktop-lg .dropdown-toggle::after{margin-left:.35rem}
@media (min-width: 992px){
  .nav-desktop-lg .dropdown-menu{min-width: 240px}
}
@media (max-width: 991.98px){
  .navbar .dropdown-menu{
    border:1px solid #eef1f7;
    border-radius:12px;
    margin: .25rem 0 .5rem;
    box-shadow:none;
  }
}


/* V5.2 support dropdown icons + mobile bottom nav */
.dropdown-item span:first-child{width:1.2rem;display:inline-flex;justify-content:center}

.mobile-bottom-nav{
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(10px) saturate(130%);
  border:1px solid #e9eef6;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(16,24,40,.12);
  display:grid;
  grid-template-columns: repeat(4,1fr);
  z-index: 1040;
  padding: 6px;
}
.mobile-bottom-nav__item{
  min-height: 54px;
  border-radius: 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#4b5563;
  text-decoration:none;
  font-size:.72rem;
}
.mobile-bottom-nav__item .icon{font-size:1rem; line-height:1;}
.mobile-bottom-nav__item .label{line-height:1.05;}
.mobile-bottom-nav__item:hover{background:#f6f8fc;color:#111827}
.mobile-bottom-nav__item--cta{
  background: linear-gradient(90deg, var(--mw-pink), var(--mw-blue));
  color:#fff !important;
  box-shadow: 0 8px 16px rgba(67,97,238,.22);
}
.mobile-bottom-nav__item--cta:hover{opacity:.96;color:#fff}

@media (max-width: 991.98px){
  body{padding-bottom: 92px;}
  .footer-wrap{margin-bottom: 0 !important;}
}


/* V5.4 aktiv navigation states */
.navbar .nav-link.aktiv,
.navbar .nav-link.aktiv-dropdown{
  color: var(--mw-blue) !important;
  font-weight: 700;
}
.navbar .nav-link.aktiv{
  position: relative;
}
.navbar .nav-link.aktiv::after{
  content:"";
  position:absolute;
  left:.7rem;
  right:.7rem;
  bottom:.2rem;
  height:3px;
  border-radius:999px;
  background: linear-gradient(90deg, var(--mw-pink), var(--mw-blue));
  opacity:.95;
}
.navbar .dropdown-item.aktiv{
  background: linear-gradient(90deg, rgba(255,0,122,.08), rgba(0,102,255,.08));
  color: #1f2a44;
  font-weight: 600;
}
@media (max-width:991.98px){
  .navbar .nav-link.aktiv::after{
    left:0;
    right:auto;
    width:36px;
    bottom:.35rem;
  }
}


/* V5.5 premium hover animations + microinteractions */
:root{
  --ease-premium: cubic-bezier(.2,.8,.2,1);
}

/* Global smoothness (targeted, not too much) */
a, button, .btn, .nav-link, .dropdown-item, .feature-card, .review-card, .pricing-card, .info-card, .onboarding-card, .mobile-bottom-nav__item {
  transition:
    transform .22s var(--ease-premium),
    box-shadow .22s var(--ease-premium),
    background-color .22s var(--ease-premium),
    border-color .22s var(--ease-premium),
    color .22s var(--ease-premium),
    opacity .22s var(--ease-premium);
}

/* Navbar premium hover */
.navbar .nav-link{
  position: relative;
}
.navbar .nav-link:not(.aktiv):not(.aktiv-dropdown):hover{
  color: #1f2a44 !important;
}
.navbar .nav-link::before{
  content:"";
  position:absolute;
  left:.7rem;
  right:.7rem;
  bottom:.18rem;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(255,0,122,.55), rgba(0,102,255,.55));
  transform: scaleX(0);
  transform-origin: left;
  opacity: .0;
  transition: transform .22s var(--ease-premium), opacity .22s var(--ease-premium);
}
.navbar .nav-link:hover::before{
  transform: scaleX(1);
  opacity: .95;
}
.navbar .nav-link.aktiv::before,
.navbar .nav-link.aktiv-dropdown::before{
  display:none;
}

/* Dropdown menu polish */
.navbar .dropdown-menu{
  animation: dropdownFadeUp .18s var(--ease-premium);
  transform-origin: top right;
}
@keyframes dropdownFadeUp{
  from{opacity:0; transform: translateY(4px) scale(.985);}
  to{opacity:1; transform: translateY(0) scale(1);}
}
.navbar .dropdown-item:hover{
  background: rgba(67,97,238,.06);
  transform: translateX(2px);
}

/* Buttons micro interactions */
.btn{
  will-change: transform;
}
.btn:hover{
  transform: translateY(-1px);
}
.btn:aktiv{
  transform: translateY(0) scale(.985);
}
.btn-gradient{
  background-size: 140% 140%;
}
.btn-gradient:hover{
  background-position: 100% 0;
  box-shadow: 0 14px 28px rgba(67,97,238,.24), 0 6px 14px rgba(225,29,121,.14);
}
.btn-outline-primary:hover{
  box-shadow: 0 10px 22px rgba(67,97,238,.12);
}

/* Cards elevate on hover */
.feature-card:hover,
.review-card:hover,
.info-card:hover,
.onboarding-card:hover,
.order-summary-card:hover,
.payment-flow-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(16,24,40,.10);
}
.pricing-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 20px 42px rgba(16,24,40,.12);
}
.featured-card:hover{
  box-shadow: 0 22px 48px rgba(67,97,238,.16);
}

/* Table row hover for compare table */
.compare-table tbody tr{
  transition: background-color .18s var(--ease-premium);
}
.compare-table tbody tr:hover{
  background: rgba(67,97,238,.03);
}

/* Form control polish */
.form-control:hover, .form-select:hover{
  border-color: #cfd9ec;
}
.form-control:focus, .form-select:focus{
  transform: translateY(-1px);
}

/* Chips / small elements */
.suggestion-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(16,24,40,.05);
}
.trust-badge:hover, .about-pill:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(16,24,40,.06);
}

/* Hero image premium hover */
.hero-card img,
.shadow-soft{
  transition: transform .28s var(--ease-premium), box-shadow .28s var(--ease-premium), filter .28s var(--ease-premium);
}
.hero-card:hover img{
  transform: translateY(-2px) scale(1.01);
  filter: saturate(1.03);
}

/* Mobile bottom nav interactions */
.mobile-bottom-nav__item{
  position: relative;
}
.mobile-bottom-nav__item:hover{
  transform: translateY(-1px);
}
.mobile-bottom-nav__item:aktiv{
  transform: scale(.98);
}
.mobile-bottom-nav__item:not(.mobile-bottom-nav__item--cta)::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:4px;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(255,0,122,.5), rgba(0,102,255,.5));
  transform: scaleX(0);
  opacity:0;
  transition: transform .2s var(--ease-premium), opacity .2s var(--ease-premium);
}
.mobile-bottom-nav__item:hover::after{
  transform: scaleX(1);
  opacity:1;
}

/* Reduce motion accessibility */
@media (prefers-reduced-motion: reduce){
  *{
    animation: none !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }
}

.btn.is-pressed,
.mobile-bottom-nav__item.is-pressed{
  transform: scale(.985) !important;
}


/* V5.6 dashboard */
.dashboard-card{
  background:#fff;
  border:1px solid #e9eef6;
  border-radius:1rem;
  padding:1rem;
  box-shadow:0 10px 24px rgba(16,24,40,.05);
}
.dashboard-card__head{
  display:flex;
  align-items:center;
  gap:.85rem;
}
.dashboard-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(255,0,122,.08), rgba(0,102,255,.08));
  font-size:1.15rem;
  flex-shrink:0;
}
.dashboard-list{
  display:grid;
  gap:.5rem;
}
.dashboard-list__row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  font-size:.95rem;
  padding:.45rem .65rem;
  background:#fafcff;
  border:1px solid #eef2f8;
  border-radius:.75rem;
}
.storage-progress{
  height:12px;
  border-radius:999px;
  background:#eef3fb;
}
.storage-progress .progress-bar{
  background:linear-gradient(90deg, var(--mw-pink), var(--mw-blue));
  border-radius:999px;
}
.mail-list{
  display:grid;
  gap:.7rem;
}
.mail-item{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
  padding:.8rem;
  border:1px solid #e9eef6;
  border-radius:.9rem;
  background:#fff;
}
.mail-item.unread{
  background:linear-gradient(180deg, #f9fbff, #ffffff);
  border-color:#dfe9fb;
}
.mail-item__avatar{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(255,0,122,.1), rgba(0,102,255,.1));
  color:#1f2a44;
  font-weight:700;
  font-size:.8rem;
  flex-shrink:0;
}
.mail-item__content{
  min-width:0;
  flex:1;
}
.quick-actions{
  display:grid;
  gap:.65rem;
}
.quick-action{
  display:flex;
  gap:.75rem;
  align-items:center;
  padding:.75rem;
  border-radius:.85rem;
  border:1px solid #e9eef6;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.quick-action:hover{
  background:#f9fbff;
  border-color:#dbe6fb;
}
.quick-action__icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f3f6fd;
  flex-shrink:0;
}
.quick-action strong{
  display:block;
  font-size:.95rem;
  color:#1f2a44;
}
.quick-action small{
  display:block;
  color:#6b7280;
}
.security-checks{
  display:grid;
  gap:.5rem;
}
.security-check{
  display:flex;
  gap:.55rem;
  align-items:center;
  padding:.55rem .65rem;
  border:1px solid #e9eef6;
  border-radius:.75rem;
  background:#fff;
  font-size:.93rem;
}
.security-check input{
  width:16px;
  height:16px;
  accent-color:#2563eb;
}
@media (max-width: 575.98px){
  .dashboard-card{padding:.9rem}
  .mail-item{padding:.7rem}
  .dashboard-list__row{font-size:.9rem}
}


/* V5.7.3 mobile bottom nav aktiv state */
.mobile-bottom-nav__item--aktiv{
  background:#f6f8fc;
  color:#111827 !important;
}
.mobile-bottom-nav__item--aktiv .label{
  font-weight:700;
}
.mobile-bottom-nav__item--aktiv:not(.mobile-bottom-nav__item--cta)::after{
  transform: scaleX(1) !important;
  opacity: 1 !important;
}
.mobile-bottom-nav__item--aktiv .icon{
  transform: translateY(-1px);
}
.mobile-bottom-nav__item--cta.mobile-bottom-nav__item--aktiv{
  box-shadow: 0 10px 20px rgba(67,97,238,.28);
  filter: saturate(1.03);
}


/* V5.7.4 mobile footer cleanup */
@media (max-width: 767.98px){
  .footer-wrap .col-6.col-lg-2{display:none !important;}
}


/* V5.8 register funnel step polish */
.register-step-actions .btn{min-height:50px}
#registerSchrittForm .input-group-text{
  background:#f8faff;
  border-color:#dfe7f4;
  color:#475569;
  font-weight:600;
}
#registerSchrittForm .suggestion-chip{
  white-space:nowrap;
}
@media (max-width: 575.98px){
  #registerSchrittForm .d-grid.d-sm-flex.gap-2 > .suggestion-chip{
    width:100%;
  }
}


/* V5.8.1 navigation repair + integrated availability */
.navbar .btn.aktiv-btn,
.navbar .btn.aktiv-btn-outline{
  box-shadow: 0 0 0 3px rgba(67,97,238,.10);
}
@media (max-width: 991.98px){
  .nav-mobile-stack .nav-item{
    width: 100%;
  }
  .nav-mobile-stack .nav-item .btn{
    width: 100%;
    margin-top: .35rem;
  }
}

.register-availability-wrap .input-group .availability-inline-btn{
  white-space: nowrap;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.register-availability-wrap .input-group .form-control{
  min-width: 0;
}
@media (max-width: 575.98px){
  .register-availability-wrap .input-group{
    flex-wrap: wrap !important;
  }
  .register-availability-wrap .input-group .form-control{
    width: 100%;
    border-top-right-radius: .75rem !important;
  }
  .register-availability-wrap .input-group .input-group-text{
    width: auto;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: .75rem !important;
    margin-top: .5rem;
  }
  .register-availability-wrap .input-group .availability-inline-btn{
    margin-top: .5rem;
    border-radius: .75rem !important;
  }
}

/* V5.9 combined pricing/features + dashboard modules */
.dashboard-tabs-wrap{background:#fff;border:1px solid #e9eef6;border-radius:1rem;padding:.75rem;box-shadow:0 10px 24px rgba(16,24,40,.05)}
.dashboard-tabs .nav-link{border-radius:999px;padding:.55rem .9rem;color:#475569}
.dashboard-tabs .nav-link.aktiv{background:linear-gradient(90deg,var(--mw-pink),var(--mw-blue));color:#fff !important;font-weight:700}
.webmail-nav{display:grid;gap:.45rem}
.webmail-nav__item{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.65rem .75rem;border:1px solid #e9eef6;border-radius:.8rem;color:inherit;text-decoration:none;background:#fff}
.webmail-nav__item.aktiv{background:#f8fbff;border-color:#dbe6fb;font-weight:600}
.ticket-list{display:grid;gap:.7rem}
.ticket-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem;border:1px solid #e9eef6;border-radius:.85rem;background:#fff}
.ticket-item.aktiv{background:#f8fbff;border-color:#dbe6fb}
.ticket-thread{display:grid;gap:.75rem}
.ticket-msg{padding:.8rem .9rem;border-radius:.9rem;border:1px solid #e9eef6;background:#fff}
.ticket-msg--user{background:#f8fbff;border-color:#dbe6fb}
.ticket-msg--agent{background:#fffaf5;border-color:#fde7c7}

/* V5.9.1 Erfolgsseite im Bestelllayout */
.step.done .step-num{
  background: linear-gradient(90deg, var(--mw-pink), var(--mw-blue));
  color:#fff;
  border-color: transparent;
}
.step-line.done{
  background: linear-gradient(90deg, rgba(255,0,122,.35), rgba(0,102,255,.35));
}

/* V5.9.3 schöneres Webmail */
.webmail-shell{}
.webmail-nav{
  display:grid;
  gap:.55rem;
}
.webmail-nav__group-title{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
  color:#64748b;
  text-transform:uppercase;
  padding:.2rem .25rem;
}
.webmail-nav__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.8rem .9rem;
  border:1px solid #e7edf7;
  border-radius:.95rem;
  background:#fff;
  min-height:48px;
  font-size:.98rem;
  text-decoration:none;
  color:#1f2a44;
}
.webmail-nav__item .webmail-nav__left{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
  font-weight:600;
}
.webmail-nav__item .icon{
  width:26px;
  display:inline-flex;
  justify-content:center;
  font-size:1.05rem;
}
.webmail-nav__item .badge{
  font-size:.72rem;
  border:1px solid #e9eef6;
}
.webmail-nav__item.active{
  background:linear-gradient(180deg, #f7faff, #ffffff);
  border-color:#d6e4fd;
  box-shadow:0 8px 18px rgba(67,97,238,.08);
}
.webmail-nav__item:hover{
  background:#f9fbff;
  border-color:#dbe6fb;
  transform:translateY(-1px);
}

.webmail-toolbar .input-group-text{
  background:#f8faff;
  border-color:#dfe7f4;
}

.mail-list-scroll{
  max-height: 420px;
  overflow-y: auto;
  padding-right: .25rem;
  margin-right: -.1rem;
  scrollbar-width: thin;
  scrollbar-color: #c7d4ea transparent;
}
.mail-list-scroll::-webkit-scrollbar{
  width: 10px;
}
.mail-list-scroll::-webkit-scrollbar-track{
  background: transparent;
  border-radius: 999px;
}
.mail-list-scroll::-webkit-scrollbar-thumb{
  background: #d4deef;
  border-radius: 999px;
  border: 2px solid #fff;
}
.mail-list-scroll::-webkit-scrollbar-thumb:hover{
  background: #c3d0e7;
}

.mail-item{
  align-items:center;
  padding:.9rem;
  border-radius:1rem;
}
.mail-item__avatar{
  width:46px;
  height:46px;
  border-radius:14px;
  font-size:.84rem;
}
.mail-item__content .fw-semibold{
  font-size:.98rem;
}

@media (min-width: 992px){
  #tab-webmail .col-lg-3 .dashboard-card{
    position: sticky;
    top: 88px;
  }
}

@media (max-width: 991.98px){
  .mail-list-scroll{
    max-height: 360px;
  }
  .webmail-nav__item{
    min-height:52px;
    font-size:1rem;
  }
}

/* V5.10 Registrierung + Webmail */
.availability-inline-btn{
  min-width: 185px;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(67,97,238,.10);
}
.availability-inline-btn--hidden{
  opacity: .0;
  pointer-events: none;
  transform: translateX(6px);
  min-width: 0;
  width: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-width: 0 !important;
  overflow: hidden;
  transition: all .2s ease;
}
.availability-inline-btn--visible{
  opacity: 1;
  pointer-events: auto;
  width: auto;
  min-width: 185px;
  transform: translateX(0);
  border-width: 1px !important;
}
.availability-inline-btn.is-checking{
  opacity:.9;
  cursor: wait;
  filter: saturate(.9);
}
.availability-inline-btn.is-checking::after{
  content:"";
  display:inline-block;
  width:.85rem;
  height:.85rem;
  margin-left:.5rem;
  border:2px solid rgba(255,255,255,.55);
  border-top-color:#fff;
  border-radius:50%;
  animation: mw24spin .7s linear infinite;
  vertical-align:-2px;
}
@keyframes mw24spin{to{transform:rotate(360deg)}}

.webmail-split{
  display:grid;
  grid-template-columns: minmax(300px, 42%) 1fr;
  gap: 1rem;
  align-items:start;
}
.mail-preview-card{
  border:1px solid #e9eef6;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 8px 20px rgba(16,24,40,.04);
  padding:1rem;
  min-height:420px;
  display:flex;
  flex-direction:column;
}
.mail-preview-card__head{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  align-items:flex-start;
  margin-bottom:.5rem;
  flex-wrap:wrap;
}
.mail-preview-meta{
  border-bottom:1px solid #edf2fa;
  padding-bottom:.75rem;
}
.mail-preview-body{
  color:#1f2937;
  line-height:1.55;
  font-size:.96rem;
  overflow:auto;
  padding-right:.25rem;
}
.mail-preview-body ul{padding-left:1.1rem; margin-bottom:1rem}
.mail-preview-body p{margin-bottom:.75rem}

@media (max-width: 1199.98px){
  .webmail-split{
    grid-template-columns: 1fr;
  }
  .mail-preview-card{min-height: unset;}
}
@media (max-width: 575.98px){
  .availability-inline-btn--visible{
    min-width: 100%;
    margin-top: .5rem;
  }
}

/* V5.10.1 3-Spalten-Webmail */
.webmail-shell-3{
  display:grid;
  grid-template-columns: 280px 380px minmax(0,1fr);
  gap:1rem;
  align-items:start;
}
.webmail-col .dashboard-card,
.webmail-col .mail-preview-card{
  min-height: 620px;
}
.webmail-col--folders .dashboard-card{
  position: sticky;
  top: 88px;
}
.webmail-col--list .dashboard-card{
  display:flex;
  flex-direction:column;
}
.mail-list-scroll--xl{
  max-height: 480px;
  overflow-y:auto;
}
.mail-item.active{
  border-color:#cfe0ff;
  background:linear-gradient(180deg,#f7fbff,#fff);
  box-shadow:0 6px 14px rgba(67,97,238,.06);
}
.mail-preview-card.h-100{
  min-height: 620px;
}
.mail-preview-body{
  flex:1;
  min-height:0;
  overflow:auto;
}

@media (max-width: 1399.98px){
  .webmail-shell-3{
    grid-template-columns: 260px 340px minmax(0,1fr);
  }
}
@media (max-width: 1199.98px){
  .webmail-shell-3{
    grid-template-columns: 1fr;
  }
  .webmail-col .dashboard-card,
  .webmail-col .mail-preview-card{
    min-height: unset;
  }
  .webmail-col--folders .dashboard-card{
    position: static;
  }
  .mail-list-scroll--xl{
    max-height: 360px;
  }
}