@media only screen and (min-width: 1101px){
  .subnavi {
    list-style: none;
    position: absolute;
    top: 100%;
    background-color: var(--submenu-background);
    padding: calc(.5 * var(--padding));
    opacity: 0;
    transition: opacity var(--transition-time) ease-in-out;
    z-index: 1;
    margin: 0;
  }
  .subnavi.sopen {
    opacity: 1;
  }
  .subnavi > li > a {
    padding: calc(.5 * var(--padding));
  }
}