/* BASIC SETTINGS */
@import url(sanitize.css);
@font-face {
  font-family: "hauora";
  src: url("../font/HauoraVF.woff2");
  font-variation-settings: "wght" 500;
}
@font-face {
  font-family: "valid";
  src: url("../font/maxvalid.woff2");
}
::-webkit-scrollbar {
  display: none;
}

body {
  overflow-y: hidden;
  display: flex;
  background-image: linear-gradient(to bottom, #0d5a37, #0d5a37, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142, #414142);
  color: rgb(0, 0, 0);
  padding: 0;
  margin: 0;
  height: 100vh;
  width: 100vw;
  font-family: "hauora";
  font-variation-settings: "wght" 500;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: url("../material/cursor_icons/cursor.png"), auto;
  transition: font-size 0.5s ease, height 0.5s ease, width 0.5s ease, margin 0.5s ease, cursor 0.4s ease;
}

.face {
  display: none;
  z-index: 8;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 1vh;
  width: 11vh;
  height: 11vh;
}

#max {
  z-index: 12;
  all: unset;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  position: relative;
  color: rgb(0, 0, 0);
  height: 8vh;
  margin: 0;
  padding: 0vh 0 0.5vh 1vh;
  top: 0;
  letter-spacing: 0vw;
  font-size: 12vh;
  width: 49.6vh;
  line-height: 0.8;
  font-family: "valid";
  text-align: left;
  transition: transform 0.5s ease, color 0.7s ease;
}

#headslider:hover button {
  left: 0;
  z-index: 20;
  margin: 0;
  transform: translateY(8.6vh) translateX(5vh) skewX(-40deg);
  color: #4c23df;
}

#headslider:hover span {
  z-index: 12;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  font-variation-settings: "wght" 800;
  transition: font-variation-settings 1.5s ease;
}

#headslider {
  position: fixed;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 50vh;
  max-width: 90vw;
  top: 0;
  left: 0;
}

.biobox {
  z-index: 5;
  position: absolute;
  display: block;
  top: 9.6vh;
  left: 0;
  margin-left: 1vh;
  padding-left: 1vh;
  width: 100%;
  height: 15.5vh;
  transition: transform 0.5s ease;
}

.biobox2 {
  z-index: 5;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin: 0;
  padding: 0 0 0 1vh;
  right: 0;
  background-color: #4c23df;
  border-radius: 1vh;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
}

#headslider:hover .biobox2 {
  height: 100%;
  bottom: 0;
}

#headslider:hover .biobox {
  transform: translateY(8.5vh);
}

#bio {
  z-index: 9;
  font-family: "hauora";
  position: absolute;
  top: -9vh;
  width: 100%;
  height: 80%;
  margin: 0;
  padding: 8vh 0.5vh 0vh 0.5vh;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800 !important;
}

.legal {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 50;
  background-color: #ffffff;
  color: #000000;
  bottom: 0;
  width: 100vw;
  height: 1.5vh;
}

.checklabelIM {
  z-index: 80;
  display: block;
  position: fixed;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 25vw;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  text-align: left;
  font-size: 1.5vh;
  letter-spacing: 0;
  font-variation-settings: "wght" 800;
  transition: font-variation-settings 0.5s ease;
  cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;
}

.checklabelIM:hover {
  font-variation-settings: "wght" 400;
}

.checklabelDS {
  z-index: 80;
  display: block;
  position: fixed;
  margin: 0;
  padding: 0;
  bottom: 0;
  right: 25vw;
  text-decoration: none;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5vh;
  letter-spacing: 0;
  font-variation-settings: "wght" 800;
  transition: font-variation-settings 0.5s ease;
  cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;
}

.checklabelDS:hover {
  font-variation-settings: "wght" 400;
}

#checkDS {
  display: none;
}

#checkIM {
  display: none;
}

#checkDSEN {
  display: none;
}

#checkIMEN {
  display: none;
}

.impressum {
  z-index: 99;
  background-color: #4b4953;
  display: none;
  color: rgb(0, 0, 0);
  font-family: "hauora";
  position: fixed;
  overflow-y: scroll;
  width: 100vw;
  height: 140vh;
  top: -20vh;
  bottom: -20vh;
  left: 0;
  margin: 0;
  padding: 25vh 5vw 45vh 5vw;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800;
}

.closeIM {
  z-index: 100;
  display: block;
  position: relative;
  color: rgb(0, 0, 0);
  font-variation-settings: "wght" 500;
  transition: font-variation-settings 0.5s ease;
  text-align: right;
}

.closeIM:hover {
  font-variation-settings: "wght" 800;
}

#checkIM:checked ~ .impressum {
  display: block;
}

.datenschutz {
  z-index: 99;
  background-color: #4b4953;
  display: none;
  color: rgb(0, 0, 0);
  font-family: "hauora";
  position: fixed;
  overflow-y: scroll;
  width: 100vw;
  height: 140vh;
  top: -20vh;
  bottom: -20vh;
  left: 0;
  margin: 0;
  padding: 25vh 5vw 45vh 5vw;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800;
}

.close img:hover {
  transform: scale(0.5vh);
  cursor: url("../material/cursor_icons/cursor_hover.png") 20 20, auto;
}

#checkDS:checked ~ .datenschutz {
  display: block;
}

.close img {
  z-index: 100;
  display: block;
  position: absolute;
  height: 4vh;
  width: auto;
  top: 25.5vh;
  right: 5vw;
  transition: font-variation-settings 0.5s ease;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
  transition: transform 0.5s ease;
  cursor: url("../material/cursor_icons/cursor_hover.png") 20 0, auto;
}

.links:hover {
  transform: translateY(3.8vh) translateX(-0.3vh);
}

.links {
  position: fixed;
  font-family: "hauora";
  text-decoration: none;
  background-color: #4c23df;
  color: rgb(0, 0, 0);
  border-radius: 5vh;
  font-size: 2vh;
  letter-spacing: 0;
  font-variation-settings: "wght" 800;
  z-index: 11;
  position: fixed;
  text-align: right;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0.5vh 1.5vh 1vh 1.5vh;
  transition: transform 0.5s ease, font-variation-settings 0.5s ease;
  transform: scale(1) translateX(1.3vh) translateY(4vh) rotate(-50deg);
}

/*.topblock{
    z-index: 5;
    position:fixed;
   // background-color: $background;
    top:0;
    height: 9vh;
    width: 100vw;
}*/
/*
.bottomblock{
    z-index: 5;
    position:fixed;
    background-color: transparent;
    bottom: 0;
    height: 5vh;
    width: 100vw;
}
*/
.gallerycontainer {
  z-index: 1;
  position: absolute;
  margin: 0;
  padding: 8.5vh 1vh 1vh 1vh;
  width: 100vw;
  height: 95vh;
  top: 0;
  overflow-y: hidden;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 1vh;
}

.galleryitem {
  touch-action: pan-x;
  position: sticky;
  display: relative;
  align-self: baseline;
  max-height: 90vh;
  width: 60vh;
  max-width: 96vw;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 1.5vh rgba(0, 0, 0, 0.4156862745);
}

.fading {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100vw;
  height: 15vh;
  scroll-behavior: none;
  background-image: linear-gradient(to top, #ff0d00, transparent);
}

.checklabel {
  height: 8.65vh;
  width: 20vh;
  z-index: 11;
  position: fixed;
  font-family: "valid";
  font-size: 8vh;
  color: #4c23df;
  margin: 0;
  padding: 0 0 0 1vh;
  bottom: 0;
  left: 0vh;
  cursor: url("../material/cursor_icons/cursor_hover.png") 40 40, auto;
  transform: translateX(2vh) skew(-40deg);
  transition: color 0.5s ease, transform 0.5s ease;
}

.checklabel:after {
  z-index: 10;
  height: 8.65vh;
  margin: 0;
  padding: 0 0 0 1vh;
  font-family: "valid";
  color: rgb(0, 0, 0);
  content: "en";
  position: fixed;
  bottom: 0;
  left: 7vh;
  cursor: url("../material/cursor_icons/cursor_hover.png") 40 40, auto;
  font-size: 8vh;
  transform: translateX(1vh) skew(40deg);
  transition: color 0.5s ease, transform 0.5s ease;
}

.check:checked + .checklabel {
  transform: skew(0deg);
  color: rgb(0, 0, 0);
}

.check:checked + .checklabel:after {
  transform: translateX(2vh) skew(-40deg);
  color: #4c23df;
}

.check {
  display: none;
}

.check:not(:checked) ~ .contentDE {
  display: block;
}
.check:not(:checked) ~ .contentEN {
  display: none;
}

.check:checked ~ .contentDE {
  display: none;
}
.check:checked ~ .contentEN {
  display: block;
}

#booking {
  position: fixed;
  z-index: 100;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  height: 8.65vh;
  color: rgb(0, 0, 0);
  margin: 0;
  padding: 0 1vh 0 0;
  font-size: 8vh;
  font-family: "valid" !important;
  text-align: right;
  right: 0;
  bottom: 0;
  transition: transform 0.5s ease, color 0.5s ease;
}

#booking:hover {
  cursor: url("../material/cursor_icons/cursor_hover.png") 40 40, auto;
  transform: translateX(-2.5vh) skewX(40deg);
  color: #4c23df;
}

#checkIMEN:checked ~ .impressumEN {
  display: block;
}

#checkDSEN:checked ~ .datenschutzEN {
  display: block;
}

.checklabelIMEN {
  z-index: 11;
  display: block;
  margin: 0;
  padding: 0;
  width: 15vh;
  text-decoration: none;
  text-align: left;
  transform: translateY(-1vh);
  font-size: 1.5vh;
  letter-spacing: 0;
  color: #414142;
  font-variation-settings: "wght" 500;
  transition: font-variation-settings 0.5s ease;
  cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;
}

.checklabelIMEN:hover {
  font-variation-settings: "wght" 800;
}

.checklabelDSEN {
  z-index: 11;
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0.5vh 0 0;
  text-decoration: none;
  text-align: right;
  left: 34vh;
  width: 15vh;
  transform: translateY(-2.5vh);
  font-size: 1.5vh;
  letter-spacing: 0;
  color: #414142;
  font-variation-settings: "wght" 500;
  transition: font-variation-settings 0.5s ease;
  cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;
}

.checklabelDSEN:hover {
  font-variation-settings: "wght" 800;
}

.impressumEN {
  z-index: 20;
  background-color: #4b4953;
  display: none;
  color: rgb(0, 0, 0);
  font-family: "hauora";
  position: fixed;
  overflow-y: scroll;
  width: 100vw;
  height: 140vh;
  top: -20vh;
  bottom: -20vh;
  left: 0;
  margin: 0;
  padding: 25vh 5vw 45vh 5vw;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800;
}

.datenschutzEN {
  z-index: 20;
  background-color: #4b4953;
  display: none;
  color: rgb(0, 0, 0);
  font-family: "hauora";
  position: fixed;
  overflow-y: scroll;
  width: 100vw;
  height: 140vh;
  top: -20vh;
  bottom: -20vh;
  left: 0;
  margin: 0;
  padding: 25vh 5vw 45vh 5vw;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800;
}

#bookingEN {
  z-index: 11;
  all: unset;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  height: 5vh;
  width: 100%;
  position: relative;
  color: rgb(0, 0, 0);
  margin: 0;
  padding: 0 0.5vh 0 0;
  letter-spacing: 0ch;
  font-size: 4.5vh;
  font-family: "valid" !important;
  text-align: right;
  right: 0;
}

#bookingEN:hover {
  cursor: url("../material/cursor_icons/cursor_hover.png") 40 40, auto;
  font-variation-settings: "wght" 800;
  transition-property: all;
  transition-duration: 0.5s;
  letter-spacing: 0.5vh;
}/*# sourceMappingURL=main.css.map */