/* LAYOUT DER GENERISCHEN REVIEW SEITE */

.primary-navigation {
  margin-block-end: 30px;
}


/* GRID */

.review-gen-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: 4fr 1fr;
}

.seitenleiste {
  position: sticky;
  top: 20px;
  align-self: start; /* Der Standard für Flex-Boxen wäre hier stretch, was dazu führt, dass es bis ans Ende der Seite ausgedehnt wird. Somit würde es nicht mit sticky mitgenommen werden, da man nie das Ende der Box erreicht - das wird mit align-self: start geändert, das die Box nun nurnoch bis an das Ende des Contents geht */
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.seitenleiste p {
  margin: 5px;
}

.seitenleiste h2 {
  margin-block-start: 0;
}

.rand-textfenster { /* Das ist ein temporärer Fix für das Problem, dass manche Review zu klein sind und somit die Section-Hintergrundfarbe nicht das komplette Fenster ausfüllen würde. Indem ich die Hintergrundfarbe auf die darüberliegende div setze, füllt es das komplette Fenster. Der einzige Grund, weswegen ich das nicht ins artstyke sheet setze ist, dass ich nicht weiß, ob es nicht etwas anderes kaputt machen würde. */
  background-color: #0f0916;
}