/* DIESE CSS FILE REGELT ALLES REIN DEKORATIVE - VOR ALLEM HINSICHTLICH FARBEN, HINTERGRÜNDEN UND SCHRIFTART */

/* FARBEN:

Lila
  | #9534c1
  | #9957dc
  | #a075e9
  | #9e92f2
  | #acb0f6
Blau

Dunkel Grau
 | #0f0916
 | #201928 (Primäre Hintergrundfarbe)
 | #41374b
 | #685d72
 | #988ea3
Hell Grau

*/

body {
  background-color: #201928; /*Failsafe, falls das Hintergrundbild nicht lädt*/
  background-image: url('../images/bg.png');
  font-family: sans-serif;
}



/* PRIMARY NAVIGATION */

.primary-navigation {
  background-color: #9957dc;
  border-radius: 15px;
  box-shadow: 10px 10px 5px #0f0916,
              0px 0px 5px 3px #0f0916;
}

.primary-navigation a {
  font-size: 1.5rem;
  color: #0f0916;
  font-weight: bold;
  text-decoration: none;
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible {
  color: #201928;
}

.active-site {
  color: #41374b;
}


/* MAIN CONTENT */

section {
  background-color: #0f0916;
  color: #9e92f2;
}

.rand-textfenster {
  border: 5px solid #a075e9;
  border-radius: 15px;
  box-shadow: 10px 10px 5px #0f0916,
              0px 0px 5px 3px #0f0916;
  overflow: hidden; /*Dieser Befehl behebt das Problem, dass die Innere mit Hintergrundfarbe ausgefüllte Box den abgerundeten Rand eines Fensters überschneidet, indem es verhindert, dass jegliche Dinge die Grenze der Border überschreiten - falls ich irgendwann dieses Verhalten benötige, muss ich das Problem anders lösen; Zum Beispiel durch das abrunden der in der abgerundeten Border enthaltenen Box */
}

a {
  color: #acb0f6;
}

/* Schriftfarbe der Social Links */

.social-link a {
  color: #0f0916;
}



/* Rand der Kunstwerke auf der Kunstseite */

.two-column-layout-even img,
.two-column-layout-odd img {
  border: 5px solid #9e92f2;
}


/* Für Seitenleiste der generischen Review Seiten */

.seitenleiste section {
  background-color: #a075e9;
  color: #0f0916;
  border-radius: 15px;
  box-shadow: 10px 10px 5px #0f0916,
              0px 0px 5px 3px #0f0916;
}

.seitenleiste a {
  color: #0f0916;
}

.highlighter {
  color: #acb0f6;
}