#usermainpage {
  margin-left: auto;
  margin-right: auto;
  --mp-space-scale: 1;
  overflow-x: clip;
}

@media (max-width: 768px) {
  #usermainpage {
    --mp-space-scale: .8;
  }
}

#usermainpage .ump-card__body,
#usermainpage .modulwraper {
  padding: var(--site-pad, 0) var(--site-gutter, 0);
  font-family: var(--site-font-body, inherit);
}

#usermainpage .ump-card__body {
  background: var(--site-bg, transparent);
}

#usermainpage .ump-card__body :where(h1, h2, h3, .modul-heading),
#usermainpage .modulwraper :where(h1, h2, h3, .modul-heading) {
  font-family: var(--site-font-heading, var(--site-font-body, inherit));
}

#usermainpage .ump-card + .ump-card,
#usermainpage .modulwraper + .modulwraper {
  margin-top: var(--site-gap, 0);
}

#usermainpage .modulwraper.site-var-light,
#usermainpage .modulwraper.site-var-tinted,
#usermainpage .modulwraper.site-var-dark,
#usermainpage .modulwraper.site-var-accent {
  background: var(--site-bg);
  box-shadow: 0 0 0 100vmax var(--site-bg);
  clip-path: inset(0 -100vmax);
  margin-top: 0;
  padding-top: calc(var(--site-pad, 0px) + var(--site-gap, 0px) / 2);
  padding-bottom: calc(var(--site-pad, 0px) + var(--site-gap, 0px) / 2);
}

#usermainpage .modulwraper.site-var-light + .modulwraper,
#usermainpage .modulwraper.site-var-tinted + .modulwraper,
#usermainpage .modulwraper.site-var-dark + .modulwraper,
#usermainpage .modulwraper.site-var-accent + .modulwraper {
  margin-top: 0;
}

#usermainpage .ump-card--header .ump-card__body,
#usermainpage [data-modulname="banner2scrolling"] .ump-card__body,
#usermainpage [data-modulname="banner3to5"] .ump-card__body,
#usermainpage [data-modulname="gmap"] .ump-card__body,
#usermainpage [data-modulname="photosphere"] .ump-card__body,
#usermainpage [data-modulname="spacer"] .ump-card__body,
#usermainpage [data-modulname="mainmenu1"] .ump-card__body,
#usermainpage [data-modulname="mainmenu2"] .ump-card__body,
#usermainpage .modulwraper[data-modulname="banner2scrolling"],
#usermainpage .modulwraper[data-modulname="banner3to5"],
#usermainpage .modulwraper[data-modulname="gmap"],
#usermainpage .modulwraper[data-modulname="photosphere"],
#usermainpage .modulwraper[data-modulname="spacer"],
#usermainpage .modulwraper[data-modulname="mainmenu1"],
#usermainpage .modulwraper[data-modulname="mainmenu2"] {
  padding: 0;
}

@media (max-width: 768px) {
  #usermainpage .ump-card__body,
  #usermainpage .modulwraper {
    padding-left: min(var(--site-gutter, 0px), 12px);
    padding-right: min(var(--site-gutter, 0px), 12px);
  }

  #usermainpage .modulwraper[data-modulname="image"] {
    padding-left: 0;
    padding-right: 0;
  }
}

#usermainpage .modulwraper.site-bleed .spacer {
  box-shadow: 0 0 0 100vmax var(--sp-bg);
  clip-path: inset(0 -100vmax);
}

#usermainpage .modulwraper:is(.site-var-light, .site-var-tinted, .site-var-dark, .site-var-accent, .site-bleed) + .modulwraper:is(.site-var-light, .site-var-tinted, .site-var-dark, .site-var-accent),
#usermainpage .modulwraper:is(.site-var-light, .site-var-tinted, .site-var-dark, .site-var-accent, .site-bleed) + .modulwraper.site-bleed .spacer {
  clip-path: inset(-1px -100vmax 0);
}

#usermainpage .modulwraper.site-bleed .sp-band {
  top: -1px;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
}

#usermainpage .site-split .spacer {
  --sp-bg: transparent;
  box-shadow: none;
}

#usermainpage .site-split .sp-band {
  background: linear-gradient(180deg, var(--site-split-top) 50%, var(--site-split-bot) 50%);
}

#usermainpage .site-split .sp-shape::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--site-split-bot);
}

#usermainpage .modulwraper.site-bleed .sp-shape::before {
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
}

#usermainpage .site-split .sp-shape .sp-band {
  background: var(--site-split-top);
}

#usermainpage .site-split .sp-shape.sp-flip::before {
  top: -1px;
  background: var(--site-split-top);
}

#usermainpage .site-split .sp-shape.sp-flip .sp-band {
  background: var(--site-split-bot);
}