:root {
  --bs-primary-rgb: rgb(92, 197, 226);
  --bs-secondary-rgb: rgb(187, 22, 101);
  --bs-body-bg: #212529;
  --bs-body-color: rgb(92, 197, 226);
}

.modal {
  --bs-modal-bg: #212529;
}

.btn-primary {
  --bs-btn-color: #bb1665;
  --bs-btn-bg: #5cc5e2;
  --bs-btn-border-color: #bb1665;
  --bs-btn-hover-color: #5cc5e2;
  --bs-btn-hover-bg: #bb1665;
  --bs-btn-hover-border-color: #5cc5e2;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #5cc5e2;
  --bs-btn-active-bg: #bb1665;
  --bs-btn-active-border-color: #5cc5e2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #bb1665;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  font-weight: bolder;
}

.container-fluid {
  max-width: 2560px;
}

.carousel-item  {
  max-height: 50vh;
  max-width: 100vw;
}
.carousel-item img {
  filter: brightness(0.5) blur(3px);
}

.erhaben {
  text-shadow: -0.5px -0.5px 0px rgba(92, 197, 226, 0.3), 0.5px 0.5px 0px rgba(0, 0, 0, 0.8);
}

#marina {
  position: fixed;
  height: 20vh;
  width: auto;
  left: -200px;
  z-index: 1056;
}

#marina.left {
  top: 0;
  left: -200px;
  transition: left 5s linear;
  transform: rotate(76deg);
}

#marina.left.in {
  left: -50px;
}

#marina.top {
  bottom: auto;
  top: -200px;
  left: 50%;
  height: 1px;
}

#marina.top.in {
  top: 30vh;
  height: 50vh;
  transition: top 5s linear, height 10s ease-in;
}