/* nunito-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Vectora";
  font-style: normal;
  font-weight: 300;
  src: url("webfonts/VectoraLTStd-Light.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Vectora";
  font-style: italic;
  font-weight: 300;
  src: url("webfonts/VectoraLTStd-LightItalic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Vectora";
  font-style: normal;
  font-weight: 700;
  src: url("webfonts/VectoraLTStd-Bold.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  font-family: "Vectora";
}

em, i {
  font-style: italic;
}

blockquote * {
  font-style: italic;
  color: #555555;
  margin-bottom: var(--line-height);
}

h2 {
  font-weight: 700;
}

/* Popup
-----------------------------------------------------------*/
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow-y: auto;
}

.popup-box {
  background: #fff;
  border-radius: 8px;
  padding: 2rem;
  max-width: 600px;
  width: 90%;
  position: relative;
  margin: 2em auto;
}

#popup-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
}

.body-home #btn01 a,
.body-kuenstlerinnen #btn02 a,
.body-kunstwerke #btn03 a,
.body-fragen-aufgaben #btn04 a,
.body-team-kontakt #btn05 a,
.main-nav ul a:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.aufgabediv {
  display: inline-block;
  display: block;
  background: #e1e2ea;
  padding: 0.75rem;
  margin-bottom: var(--line-height);
}