/* Verhindert horizontales Scrollen auf allen Shop-Seiten. */
html,
body {
  overflow-x: clip;
}

img,
video,
svg,
iframe {
  max-width: 100%;
}

.section,
.shopify-section,
footer,
header {
  max-width: 100%;
}

/* Der Original-Container läuft auf schmalen Screens 1 Gutter über den Rand. */
.container {
  max-width: calc(100vw - var(--scrollbar-width, 0px) - var(--container-gutter, 20px) * 2);
}

/* Lange Wörter/URLs im Fließtext umbrechen statt über den Rand laufen. */
.prose,
.page,
.page-spacer {
  overflow-wrap: break-word;
  word-break: break-word;
}