:root {
  --navy: #000078;
  --dark-orange: #ef8533;
  --peach: #ffdbbe;
  --white: white;
}

.allin {
  margin-left: 22%;
  margin-right: 22%;
}

.logo-block {
  justify-content: center;
  display: flex;
}

.info-block {
  font-size: 2vw;
}

.info-block.slider {
  margin-top: 5%;
}

.heading-h1-navyblue {
  color: var(--navy);
  font-size: 100%;
  line-height: 100%;
}

.heading-h2-orange {
  color: var(--dark-orange);
  text-align: left;
  font-size: 75%;
  line-height: 125%;
}

.heading-h2-orange.center {
  text-align: center;
}

.heading-h2-orange.padding1 {
  padding-bottom: 3%;
  font-size: 100%;
}

.contact-field {
  justify-content: center;
  margin-top: 5%;
  margin-bottom: 5%;
  display: flex;
}

.contact-button {
  background-color: var(--navy);
  color: var(--dark-orange);
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-right: 3%;
  font-size: 100%;
}

.txt-info {
  color: #000;
  text-align: center;
  background-color: red;
  font-family: Oswald, sans-serif;
  font-size: 80%;
  font-style: italic;
  line-height: 120%;
}

.lightbox-link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lightbox-image {
  object-fit: fill;
}

.lightbox-image.hochformat {
  object-fit: contain;
  object-position: 50% 50%;
  width: 33vh;
}

.lightbox-image.querformat {
  width: 100vw;
}

.lightbox-image.quadrat {
  width: 33vw;
}

.lightbox-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.slide-nav {
  font-size: 1vw;
}

.slider {
  background-color: var(--navy);
  background-image: linear-gradient(to bottom, var(--navy), rgba(239, 133, 51, .69));
}

.slider-slide {
  height: 100%;
  padding-top: 0;
}

.link-orange {
  color: var(--dark-orange);
  font-style: normal;
}

.mask {
  height: 100%;
}

.right-arrow, .left-arrow {
  font-size: 2vw;
}

.body {
  background-color: rgba(0, 0, 0, 0);
}

.all-in {
  background-color: rgba(255, 255, 255, .95);
  margin-top: 2%;
  margin-left: 3vw;
  margin-right: 3vw;
  text-decoration: none;
}

.data-txt-wrapper {
  margin-left: 8%;
  margin-right: 8%;
  padding-top: 6%;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 118%;
}

.very-big-txt {
  font-size: 170%;
}

.black-link {
  color: #000;
}

.button-wrapper {
  justify-content: space-between;
  font-size: 1svh;
  display: flex;
}

.pagebutton {
  text-align: center;
  letter-spacing: .3svw;
  background-color: #d02c24;
  background-image: radial-gradient(circle closest-corner, #d02c24 36%, rgba(0, 0, 0, .34));
  border: 5px dashed rgba(255, 255, 255, .85);
  border-radius: 4%;
  width: 100%;
  margin-top: 20px;
  font-size: 1em;
}

.contact-wrapper {
  flex-direction: column;
  justify-content: center;
}

.txt-little {
  text-align: center;
  flex: 1;
  line-height: 100%;
  display: block;
}

.txt-little.center {
  text-align: center;
  margin-left: 0%;
  display: block;
}

.adresse-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  padding-bottom: 5%;
  display: flex;
}

.data-impressum-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bub-footer {
  justify-content: center;
  align-items: center;
  display: block;
}

.black-link-copy {
  color: #000;
}

@media screen and (max-width: 991px) {
  .allin {
    margin-left: 13%;
    margin-right: 13%;
  }

  .lightbox-image.quadrat {
    width: 54vh;
  }
}

@media screen and (max-width: 767px) {
  .allin {
    margin-left: 5%;
    margin-right: 5%;
  }

  .info-block {
    font-size: 4vw;
  }

  .slide-nav {
    font-size: 2vw;
    display: none;
  }

  .right-arrow, .left-arrow {
    font-size: 5vw;
  }
}

@media screen and (max-width: 479px) {
  .adresse-wrapper {
    font-size: .6em;
  }
}