.navidrop {
  --bg-color-mutter-aktiv: var(--logo-color-1-light);
  --bg-color-mutter-passiv-hover: var(--logo-color-1-light); 
  --bg-color-kind-aktiv: var(--logo-color-1-light, #aaa);
  --bg-color-kind-passiv-hover: var(--logo-color-1-light);
}
.navidrop .sub {
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.25) inset;
  border-radius: 20px;
  /* overflow: hidden; */
}
.navidrop .sub .container { box-shadow: none; transform: scale(1); }

.navidrop .container:hover > .sub, .navidrop .container.touch > .sub {
  transition: all 200ms 0ms;
  transform: translateX(-50%) scale(1, 1);
}
.navidrop .sub {
  transform: translateX(-50%) scale(0, 0);
  transform-origin: 50% 0;
  transition: all 200ms 200ms;
  position: absolute;
  left: 50%;
}
.navidrop .sub {
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.25) inset;
  border-radius: 20px;
}