/* -------- COLOR CODES ---------- */
@charset "utf-8";

:root {
  --light_gray: hsl(0, 0%, 80%);           /* Linien */
  --neutral_gray: hsl(0, 0%, 60%);         /* heller Text allgemein */
  --darker_neutral_gray: hsl(0, 0%, 45%);  /* Hervorhebungen - Überschriften */
  --dark_gray: hsl(0, 0%, 25%);            /* Titel, Text, aktive Links - Menu */
}

/*--------------------------- INDEX --------------------------*/

#index {
  position: relative;
  width: 100%;
  max-width: 34rem;
  margin-top: 6em;
  padding: 0 0.7em 3em 0.7em; /* shorthand für padding */
  color: var(--neutral_gray);
}

.poster_image {
  margin-bottom: 1em;
  padding-top: 0.5em;
}

.upcoming_news {
  margin-bottom: 2.5em;
  padding-bottom: 0.5em;
  width: 100%;
  border-bottom: 0.1em dotted var(--light_gray);
  color: hsl(0, 0%, 10%);
}

.archive {
  font-size: 1.3em;
  margin: 7.5em 0 2em 0;
  padding-bottom: 0.5em;
  width: 100%;
  border-bottom: 0.1em dotted hsl(0, 0%, 50%);
  color: hsl(0, 0%, 10%);
}

.separator_line {
  margin: 3.5em 0 3.2em 0;
  border-top: 0.1em dotted hsl(0, 0%, 75%);
  width: 100%;
}

.exhib_title_index {
  font-size: 1.25em;
  color: hsl(0, 0%, 0%);
}

.venue_index {
  margin-top: 0.2em;
  font-size: 1.2em;
  color: var(--dark_gray);
}

.exhib_duration,
.opening {
  margin-top: 0.8em;
  font-size: 1.2em;
  color: var(--darker_neutral_gray);
}

.curated_by,
.artists,
.announcement_text,
.link {
  margin-top: 1em;
  font-size: 1.2em;
}

.link a:hover {
  color: var(--dark_gray);
  text-decoration: underline;
}

.announcement_text_p_0 { margin: 0; padding: 0; }
.announcement_text_p_1 { margin-top: 1.3em; }
.announcement_text_p_2 { margin-top: 2.6em; }
.announcement_text_p_3 { margin-top: 3.9em; }

sup {
  position: relative;
  vertical-align: baseline;
  top: -0.4em;
}