.content-whopper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-content-whopper {
  width: 100%;
  height: 95vh;
  border-radius: 0px 0px 20px 20px;
  background-color: #d4d4d4;
  background-image: url('../images/aerial-pantanal-brazil.jpg.webp');
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.main-content-whopper.luft-seite {
  background-image: url('../images/Starling_Lab_Pantanal_-DJI_0220-PA.jpg');
}

.main-content-whopper.wasser {
  background-image: url('../images/shutterstock_1976886566-giant-otter-1.webp');
}

.main-content-whopper.wald {
  background-image: url('../images/Brasilien_Pantanal_Sumpfgebiet_Wald_MTur_CCO1.0.jpg');
}

.main-content-whopper.ufer {
  background-image: url('../images/7840_Pantanal_capybaras_JF2.jpg');
}

.main-content-whopper.luft-info {
  background-image: url('../images/Starling_Lab_Pantanal_-DJI_0220-PA.jpg');
}

.menu-whopper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.buttons-whopper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-lines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 10%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.button-lines.wasser {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #f5f7fc;
  box-shadow: -1px -1px 3px 2px #000;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.div-block:hover {
  width: 75px;
  height: 75px;
  -webkit-filter: brightness(133%);
  filter: brightness(133%);
}

.div-block.allgemein {
  width: 60px;
  height: 60px;
  background-color: #fff;
}

.div-block.allgemein:hover {
  width: 70px;
  height: 70px;
}

.title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title-whopper {
  width: 50%;
}

.nav-contanier {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link {
  padding-right: 20px;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.div-block-2 {
  width: 80%;
}

.div-block-2.luft1 {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 53%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-block-2.luft1.infos {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  height: 9.5%;
}

.div-block-2.ufer {
  width: 30%;
}

.div-block-3 {
  width: 45%;
}

.div-block-3.luftpage {
  width: 60%;
}

.div-block-3.wasserblock {
  width: 40%;
}

.div-block-3.wald {
  width: 65%;
}

.div-block-3.ufer {
  width: 55%;
}

.div-block-4 {
  width: 0%;
}

.div-block-5 {
  width: 75%;
}

.div-block-5.ufer {
  width: 90%;
}

.div-block-6 {
  width: 5%;
}

.image {
  max-height: 80%;
  max-width: 80%;
}

.image-2 {
  max-height: 90%;
  max-width: 90%;
}

.intro {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.div-block-7 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: #b8b8b8;
}

.background-video {
  width: 100%;
  height: 100%;
}

.div-block-8 {
  width: 70%;
  height: 90%;
  border-radius: 20px;
  background-color: #fff;
}

.slider {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.slide {
  border-radius: 20px;
  background-color: #fff;
}

.icon {
  color: #000;
}

.div-block-9 {
  width: 90%;
  height: 95%;
  padding-left: 5px;
}

.slide-2 {
  border-radius: 20px;
  background-color: #fff;
}

.icon-2 {
  color: #000;
}

.div-block-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 90%;
  height: 100%;
  padding-top: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.heading {
  color: #000;
  text-decoration: none;
}

.link-block {
  text-decoration: none;
}

.introduction {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #fff;
}

.image-3 {
  margin-bottom: 17px;
}

.button-2 {
  margin-top: 14px;
  background-color: #08f;
}

.div-block-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 50%;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #fff;
}

.text-block {
  text-align: center;
}

.button-3 {
  margin-top: 15px;
}

.image-4 {
  max-width: 70%;
}

.text-block-2 {
  padding-bottom: 12px;
}

.slide-3 {
  border-radius: 20px;
  background-color: #fff;
}

.slide-4 {
  border-radius: 20px;
  background-color: #fff;
}

.slide-5 {
  border-radius: 20px;
  background-color: #fff;
}

.image-5 {
  margin-top: 9px;
}

.slide-6 {
  border-radius: 20px;
  background-color: #fff;
}

.div-block-14 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100vw;
  height: 100vh;
}

.background-video-2 {
  display: block;
  width: 100%;
  height: 95%;
  border-radius: 0px 0px 20px 20px;
}

.link-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.link-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.link-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.text-block-3 {
  color: #fff;
  text-decoration: none;
}

.text-block-4 {
  color: #fff;
  text-align: center;
}

.text-block-5 {
  color: #fff;
  text-align: center;
}

.link-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.text-block-6 {
  color: #fff;
  text-align: center;
}

.div-block-15 {
  width: 25%;
}

.div-block-16 {
  width: 10%;
}

.div-block-16._66 {
  width: 30%;
}

.div-block-17 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 20px 20px 0px;
  background-color: #fff;
}

.div-block-17._2ndblock {
  width: 100%;
  margin-top: 1px;
  padding-top: 0px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.link-block-6 {
  width: 10%;
  height: 40%;
  color: #303030;
  text-decoration: none;
}

.link-block-6.luft {
  width: 18.87%;
}

.link-block-7 {
  width: 8%;
  height: 40%;
  color: #333;
  text-decoration: none;
}

.link-block-7.luft {
  width: 14.9%;
}

.link-block-7.luft.zur-auswahl {
  width: 13%;
}

.text-block-7 {
  padding-left: 4px;
}

.text-block-8 {
  padding-left: 4px;
}

.text-block-9 {
  text-align: center;
}

.text-block-10 {
  margin-top: 0px;
}

.text-block-11 {
  margin-top: 9px;
}

.slide-7 {
  border-radius: 20px;
  background-color: #fff;
}

.slide-8 {
  border-radius: 20px;
  background-color: #fff;
}

.div-block-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 100%;
  height: 70%;
  max-height: 70%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-12 {
  width: 50%;
}

.text-block-13 {
  margin-top: 10px;
}

.slide-9 {
  border-radius: 20px;
  background-color: #fff;
}

.background-video-3 {
  display: block;
  width: 100%;
  height: 100%;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 80%;
  height: 35%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  -o-object-fit: fill;
  object-fit: fill;
}

.background-video-4 {
  position: static;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}

.background-video-5 {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}