/* Variablen für unterschiedliche Breakpoints */
%root% {
  --sw-col-count: 2;
  --sw-col-gap: 20px;
  --sw-row-gap: var(--sw-col-gap);
}

/* Abstände im Container */
%root% {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--sw-col-gap);
  row-gap: var(--sw-row-gap);
}

/* Breite der direkten Tochterelemente */
%root% > * {
  width: calc(100% / var(--sw-col-count) - calc(1 - 1 / var(--sw-col-count)) * var(--sw-col-gap));
}