:root {
  --bs-link-color: #7a7a7a;
  --bs-link-color-rgb: 122.15, 122.15, 122.15;
  --bs-body-font-family: "CopernicusBook", Georgia, serif;
  --bs-tertiary-bg-rgb: 236, 232, 214;
}
.navbar {
  --bs-navbar-brand-font-size: 1rem;
}
.modal {
  --bs-modal-bg: #262626;
  --bs-modal-color: #ffffff;
}
.btn-close {
  --bs-btn-close-color: #ffffff;
}
body,
html {
  background-color: #ece8d6;
  color: #262626;
}
.subslogan {
  font-family: "CosmicaMedium", Georgia, sans-serif;
}
.jochenweber {
  letter-spacing: -0.6px;
}
.nl2br {
  white-space: pre-line;
}
a {
  color: #262626;
}
a.nav-item {
  cursor: pointer;
}
header {
  margin-top: 30px;
}
#content .spacer.top {
  margin-top: 150px;
}
#content .spacer.bottom {
  margin-bottom: 300px;
}
#content h1.slogan {
  letter-spacing: -1px;
  font-size: 4rem;
  line-height: 1.3;
}
#content h1 .subslogan {
  letter-spacing: 0px;
  line-height: 1.3;
}
#content h2 {
  font-family: "CosmicaMedium", Georgia, sans-serif;
  margin-bottom: 60px;
}
#content .radial {
  min-height: 1080px;
  width: 100%;
  padding-bottom: 30px;
  background-image: radial-gradient(farthest-side at 0% 100%, #119da4, #fde789, #ece8d6);
}
#content .image-item {
  position: relative;
  display: inline-block;
}
#content .image-item img {
  display: block;
  width: 100%;
  opacity: 1;
  transition: opacity 0.75s ease;
  mix-blend-mode: multiply;
}
#content .image-item .caption {
  position: absolute;
  inset: 0;
  display: flex;
  color: #000;
  font-family: "CosmicaMedium", Georgia, sans-serif;
  font-size: 0.75rem;
  text-align: left;
  opacity: 0;
  height: 120px;
  width: 120px;
  transition: opacity 0.75s ease;
  pointer-events: none;
}
.modal-dialog {
  background-color: #262626;
  font-family: "CosmicaMedium", Georgia, sans-serif;
}
.modal-dialog .modal-header {
  border-bottom: none;
}
.modal-dialog h3 {
  font-size: inherit;
  margin-top: 30px;
}
.modal-dialog ul {
  list-style-type: none;
  padding-left: 0;
}
.modal-dialog a {
  color: #ffffff;
}
footer {
  font-family: "CosmicaMedium", Georgia, sans-serif;
}
footer a {
  text-decoration: none;
}
@media all and (max-width: 1199px) {
  #content h1.slogan {
    font-size: 3.5rem;
  }
}
@media all and (max-width: 991px) {
  #content h1.slogan {
    font-size: 2.7rem;
  }
}
@media all and (max-width: 767px) {
  .nl2br {
    white-space: inherit;
  }
}