.grid {
  display: grid;
  gap: var(--grid-gap);
}

/* Standard: 1 Spalte auf Mobile */
.grid-1 { grid-template-columns: 1fr; }

/* 2 Spalten */
.grid-2 { grid-template-columns: repeat(2, 1fr); }

/* 3 Spalten */
.grid-3 { grid-template-columns: repeat(3, 1fr); }

/* 4 Spalten */
.grid-4 { grid-template-columns: repeat(4, 1fr); }

/* Utility: volle Breite */
.col-span-2 { grid-column: span 2; }
.col-span-3 { grid-column: span 3; }
.col-span-4 { grid-column: span 4; }

#sticky {
    position: -webkit-sticky;
	position: sticky;
	top: 0em;
	right: 0em;
}

#sticky2 {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0em;
	right: 0em;
}