body {
  background: var(--green-100);
  background-image: url("/assets/custom/linien.svg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: -20%;
}
.shell {
  background: transparent;
}
.shell .content-container {
  background: transparent;
}

.shell .offCanvas {
  background: var(--primary-color);
  color: var(--primary-color-text);

  --panelmenu-color: var(--surface-400);
  --panelmenu-color-hover: var(--surface-900);
  --panelmenu-color-active: var(--surface-900);
  --panelmenu-color-link-active: var(--primary-color-text);
}
@media (min-width: 992px) {
  .shell .offCanvas {
    background: var(--shell-background);
  }
}