@font-face {
  font-family: 'Jost';
  font-style: 'italic';
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-display: swap;
  src: url('./webfont/font_jost_italic300.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: 'normal';
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-display: swap;
  src: url('./webfont/font_jost_regular300.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Futura-light';
  font-style: 'normal';
  font-weight: 100;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-display: swap;
  src: url('./webfont/font_futura_condensed _light.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  margin: 0;
}
.logo {
  height: 12vh;
  display: flex;
  background-color: #FFFFFF;
  border-bottom: 3px rgb(82, 131, 255) solid;
  border-left: 3px rgb(82, 131, 255) solid;
  float: right;
  padding-left: 7.5%;
  padding-right: 5.9%;
  position: sticky;
  z-index: 100;
  justify-content: flex-end;
  align-items: center;
  top: 0;
}
.logo a {
  text-decoration: none;
}
.logo a:hover {
  transform: scale(1.02);
  transition: 250ms ease-in-out;
} 
.logo-font {
  font-family: 'Jost';
  font-style: normal;
  font-size: clamp(1.2rem, 2.364vw + 0.727rem, 2.5rem);
  font-weight: 300;
  color: #999999;
  text-align: left;
  vertical-align: bottom;
  z-index: 100;
}
@media (orientation: landscape) {
.datenschutz {
  right: 4%;
  }
}
@media (orientation: portrait) {
.datenschutz {
  right: 2.5%;
  }
}
.datenschutz {
  height: 4.8vh;
  width: 11vh;
  display: flex;
  position: fixed;
  bottom: -2vh;
  float: right;
  background-color: rgb(82, 131, 255, 0.5);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.datenschutz:hover {
  transition-duration: 0.2s;
  transform: translateY(-2vh);
  transition-timing-function: ease-in-out;
}
.daten-font {
  font-family: 'Jost';
  font-style: italic;
  font-size: clamp(0.4rem, 1.091vw + 0.182rem, 1rem);
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  margin-bottom: 2vh;
}
.datenschutz a {
  text-decoration: none;
}
.slideshow-behaelter {
  width: auto;
  height: 100vh;
  position: relative;
  z-index: 50;
  top: 0;
}
.slideshow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
.slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 2s;
  z-index: 50;
}
.slide-bild {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.indikatorenliste {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  list-style-type: none;
  font-size: 0px;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.indikator {
  padding: 0 10px;
  user-select: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 2s;
}
.aktiv {
  opacity: 1;
}