.h1-otte {
  font-family: 'BankGothic Md BT';
  color: #1d2548;
  text-align: center;
  font-size: 2.5rem;
  line-height: 1.7rem;
}

.h2-otte {
  font-family: 'Roboto Lt';
  color: var(--bs-gray);
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 1.8rem;
}

.deckkraft {
  opacity: 0.9;
}

.copy {
  font-family: 'Roboto Lt';
  color: var(--bs-gray-dark);
  font-size: 1.1rem;
}

.h3-otte {
  font-family: 'Roboto';
  font-size: 1.2rem;
  color: #1d2548;
}

.copy-referenzen {
  font-family: 'Roboto Lt';
  color: var(--bs-gray-dark);
}

.link-lesen {
  font-family: 'Roboto Lt';
}

.h4-otte {
  font-family: 'Roboto Lt';
  text-transform: uppercase;
  color: var(--bs-gray);
  font-size: 1rem;
  letter-spacing: 0.15rem;
}

.copy-link-impressum {
  text-align: end;
  font-family: 'Roboto Lt';
}

.copy-footer {
  font-family: 'Roboto Lt';
  color: var(--bs-gray-500);
}

.copy-footer-bold {
  font-family: 'Roboto';
  color: var(--bs-gray-500);
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

.nav-button {
  padding-left: 12px;
  margin-top: 6px;
}

.h2-unterseite {
  font-family: 'BankGothic Md BT';
  color: #1d2548;
  font-size: 2.5rem;
}

.h2-kategorie {
  font-family: 'BankGothic Md BT';
  color: var(--bs-gray);
  line-height: 2rem;
  font-size: 2.5rem;
}

@media only screen and (max-device-width: 1366px) {
  .parallax-container {
    background-attachment: scroll;
  }
}

.name-otte {
  font-family: 'Orbitron';
  color: #1d2548;
  font-size: 1.5rem;
}

.position-otte {
  font-family: 'Roboto';
  color: var(--bs-gray);
  font-size: 1.2rem;
}

.h3-jahr {
  font-family: 'Orbitron';
  color: #1d2548;
}

.h3-leistung {
  font-family: 'Roboto';
  color: var(--bs-gray-500);
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}

.icon-scroll {
  position: relative;
  z-index: 10;
}

@media (orientation: landscape) {
  .slide-div {
    height: 100vh;
  }
}

@media (orientation: portrait) {
  .slide-div {
    height: 40vh;
    margin-top: 40px;
  }
}

@media (orientation: landscape) {
  .slide-div {
    height: 100vh;
    background-image: url("../../assets/img/slider/otte-architektur-schumann-therapiezentrum.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

.a-link-blog {
  text-decoration: none;
}

.button-otte {
  background-color: grey;
}

.button-otte:hover {
  background-color: #1d2548;
}