@charset "UTF-8";
/* BASIC SETTINGS */
@import url(sanitize.css);
@font-face {
  font-family: "hauora";
  src: url("../font/HauoraGX.ttf");
}

@font-face {
  font-family: "felix";
  src: url("../font/KCWidow.ttf");
}

::-webkit-scrollbar {
  display: none;
}

body {
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #000000;
  color: #cccccc;
  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") 30 30, auto;*/
  -webkit-transition: font-size 0.5s ease, height 0.5s ease, width 0.5s ease, margin 0.5s ease, cursor 0.4s ease;
  transition: font-size 0.5s ease, height 0.5s ease, width 0.5s ease, margin 0.5s ease, cursor 0.4s ease;
}

video {
  margin: 0 0.5vh 0 0;
  padding: 0;
}

#felix {
  z-index: 12;
  all: unset;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  background-color: #000000;
  position: relative;
  color: #cccccc;
  height: 8vh;
  margin: 0;
  padding: 0.5vh 0 0.5vh 0.5vh;
  letter-spacing: 0vw;
  font-size: 10vh;
  width: 49.6vh;
  line-height: 0.95;
  font-family: "felix";
  font-variation-settings: "wght" 200;
  text-align: left;
  -webkit-transition: font-variation-settings 1s ease, letter-spacing 1s ease, -webkit-transform 0.5s ease;
  transition: font-variation-settings 1s ease, letter-spacing 1s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, font-variation-settings 1s ease, letter-spacing 1s ease;
  transition: transform 0.5s ease, font-variation-settings 1s ease, letter-spacing 1s ease, -webkit-transform 0.5s ease;
}

.seven {
  font-family: "felix";
  font-size: 10vh;
  font-variation-settings: "wght" 200;
}

#headslider:hover button {
  left: 0;
  z-index: 20;
  margin: 0;
  padding: 0.5vh 0 1vh 0.5vh;
  letter-spacing: 2.4vh;
  font-variation-settings: "wght" 800;
  -webkit-transform: translateY(8.6vh);
          transform: translateY(8.6vh);
}

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

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

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

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

.checklabelDS {
  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;
  -webkit-transform: translateY(-2.5vh);
          transform: translateY(-2.5vh);
  font-size: 1.5vh;
  letter-spacing: 0;
  color: #cccccc;
  font-variation-settings: "wght" 500;
  -webkit-transition: font-variation-settings 0.5s ease;
  transition: font-variation-settings 0.5s ease;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;*/
}

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

.biobox {
  z-index: 5;
  position: absolute;
  display: block;
  top: 8.5vh;
  left: 0;
  width: 100%;
  height: 15.5vh;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

.biobox2 {
  z-index: 5;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  right: 0;
  background-color: #000000;
  overflow: hidden;
  width: 100%;
  height: 0;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

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

#headslider:hover .biobox {
  -webkit-transform: translateY(8.5vh);
          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;
}

.impressum {
  z-index: 20;
  background-color: #000000;
  display: none;
  color: #cccccc;
  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: 21;
  display: block;
  position: relative;
  color: #cccccc;
  font-variation-settings: "wght" 500;
  -webkit-transition: font-variation-settings 0.5s ease;
  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: 20;
  background-color: #000000;
  display: none;
  color: #cccccc;
  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 {
  -webkit-transform: scale(0.5vh);
          transform: scale(0.5vh);
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 20 20, auto;*/
}

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

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

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: "felix";
  color: #cccccc;
  font-variation-settings: "wght" 200;
  -webkit-transition: font-variation-settings 0.5s ease;
  transition: font-variation-settings 0.5s ease;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 20 0, auto;*/
}

a:hover {
  font-variation-settings: "wght" 800;
    color: aliceblue;
}

.links {
  line-height: 3.6vh;
  font-size: 4.5vh;
  z-index: 11;
  position: fixed;
  width: 30vh;
  height: 9vh;
  text-align: right;
  top: 0;
  right: 0;
  text-decoration: none;
  margin: 0;
  padding: 0.5vh;
}

.topblock {
  z-index: 5;
  position: fixed;
  background-color: #000000;
  top: 0;
  height: 9vh;
  width: 100vw;
}

.bottomblock {
  z-index: 5;
  position: fixed;
  background-color: #000000;
  bottom: 0;
  height: 5vh;
  width: 100vw;
}

.gallerycontainer {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  z-index: 1;
  position: absolute;
  margin: 8.5vh 0.5vh 5vh 0.5vh;
  padding: 0;
  width: 100vw;
  height: 86.5vh;
  overflow-y: hidden;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.5vh;
}

.galleryitem {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  height: 86.5vh;
}

.checklabel {
  background-color: #000000;
  height: 5vh;
  z-index: 11;
  position: fixed;
  font-family: "felix";
  margin: 0;
  padding: 0 0 0 0.5vh;
  bottom: 0;
  left: 0vh;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 40 40, auto;*/
  font-size: 4.5vh;
  font-variation-settings: "wght" 800;
  -webkit-transition: font-variation-settings 0.5s ease;
  transition: font-variation-settings 0.5s ease;
}

.checklabel:after {
  background-color: #000000;
  z-index: 10;
  height: 5vh;
  margin: 0;
  padding: 0 0 0 0.5vh;
  font-family: "felix";
  content: "EN";
  position: fixed;
  bottom: 0;
  left: 7vh;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 40 40, auto;*/
  font-size: 4.5vh;
  font-variation-settings: "wght" 200;
  -webkit-transition: font-variation-settings 0.5s ease, -webkit-transform 0.5s ease;
  transition: font-variation-settings 0.5s ease, -webkit-transform 0.5s ease;
  transition: font-variation-settings 0.5s ease, transform 0.5s ease;
  transition: font-variation-settings 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.check:checked + .checklabel {
  font-variation-settings: "wght" 200;
}

.check:checked + .checklabel:after {
  font-variation-settings: "wght" 800;
  -webkit-transform: translateX(-1vh);
          transform: translateX(-1vh);
}

.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;
}

.bookingslider {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
}

.buttonbox_bottom {
  z-index: 6;
  position: relative;
  right: 0;
  bottom: 0;
  margin: 0 0 -0.1vh 0;
  padding: 0 0.5vh 0 0;
  height: 5vh;
  width: 50vh;
  background-color: #000000;
}

#booking {
  z-index: 11;
  all: unset;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  width: 100%;
  height: 6vh;
  position: relative;
  color: #cccccc;
  margin: 0;
  padding: 0;
  letter-spacing: 0ch;
  font-size: 4.5vh;
  font-family: "felix";
  font-variation-settings: "wght" 200;
  -webkit-transform: translateY(-0.4vh);
          transform: translateY(-0.4vh);
  text-align: right;
  right: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

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

.bookingslider:hover #booking {
  font-variation-settings: "wght" 800;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  letter-spacing: 0.5vh;
}

#slidecontent_bottom {
  position: relative;
  display: none;
  right: 0;
  bottom: 0;
  background-color: #000000;
  height: 50vh;
  width: 50vh;
}

#regForm {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  text-align: left;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800;
  margin: 0;
  padding: 0.5vh 0.5vh 0.5vh 0.5vh;
}

/*.question {
  height: 30vh;
}*/

/* Style the input fields */
textarea {
  background-color: #000000;
  resize: none;
  padding: 0;
  color: #ffffff !important;
  text-decoration: none;
  margin: 1.5vh 0 0 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  height: auto;
  width: 98%;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

::-webkit-input-placeholder {
  padding: 0;
  color: #cccccc;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

:-ms-input-placeholder {
  padding: 0;
  color: #cccccc;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

::-ms-input-placeholder {
  padding: 0;
  color: #cccccc;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

::placeholder {
  padding: 0;
  color: #cccccc;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

/* Mark input boxes that gets an error on validation: */
.textareaDE.invalid {
  border-radius: 0;
  background-color: #cccccc;
  color: #000000 !important;
}

.textareaDE.invalid::-webkit-input-placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

.textareaDE.invalid:-ms-input-placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

.textareaDE.invalid::-ms-input-placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

.textareaDE.invalid::placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

textarea, input[type] {
  /*cursor: url("../material/cursor_icons/cursor_text.png") 15 12, text;*/
}

input {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #cccccc;
}

input[type=text]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=button] {
  all: unset;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  color: #cccccc;
  font-variation-settings: "wght" 800;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

#prevBtn {
  z-index: 6;
  position: absolute;
  display: block;
  bottom: 3.5vh;
  background-color: transparent;
  padding: 2vh 2vh 2vh 0.5vh;
  margin: 0;
  left: 0;
  border: none;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;*/
}

#nextBtn {
  z-index: 6;
  position: absolute;
  display: block;
  bottom: 3.5vh;
  background-color: transparent;
  color: #cccccc;
  font-size: 2vh;
  font-weight: 800 !important;
  padding: 2vh;
  margin: 0;
  right: 0;
  border: none;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;*/
}

.arrows {
  width: 5vh;
}

input[type=file] {
  display: none;
}

.uploadlabel {
  position: relative;
  display: block;
  background-color: #cccccc;
  color: #000000;
  padding: 0.5vh 1vh 0.5vh 1vh;
  -webkit-transform: translateY(0.5vh);
          transform: translateY(0.5vh);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  border-radius: 0;
  font-size: 2vh;
  font-variation-settings: "wght" 800 !important;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 20 20, auto;*/
}

/* Make circles that indicate the steps of the form: */
.steps {
  display: block;
  position: absolute;
  -webkit-transform: translate(22vh, 4vh);
          transform: translate(22vh, 4vh);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 10vh;
}

.step {
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1;
  font-variation-settings: "wght" 400;
  color: #cccccc;
  display: inline-block;
  opacity: 0;
}

/* Mark the active step: */
.step.active {
  position: absolute;
  left: 0;
  color: #cccccc;
  font-variation-settings: "wght" 800;
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  color: #cccccc;
  font-variation-settings: "wght" 800 !important;
}

.screenshots {
  all: unset;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  color: #cccccc;
  font-variation-settings: "wght" 800;
}

#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;
  -webkit-transform: translateY(-1vh);
          transform: translateY(-1vh);
  font-size: 1.5vh;
  letter-spacing: 0;
  color: #cccccc;
  font-variation-settings: "wght" 500;
  -webkit-transition: font-variation-settings 0.5s ease;
  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;
  -webkit-transform: translateY(-2.5vh);
          transform: translateY(-2.5vh);
  font-size: 1.5vh;
  letter-spacing: 0;
  color: #cccccc;
  font-variation-settings: "wght" 500;
  -webkit-transition: font-variation-settings 0.5s ease;
  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: #000000;
  display: none;
  color: #cccccc;
  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: #000000;
  display: none;
  color: #cccccc;
  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: #cccccc;
  margin: 0;
  padding: 0 0.5vh 0 0;
  letter-spacing: 0ch;
  font-size: 4.5vh;
  font-family: "felix";
  font-variation-settings: "wght" 200;
  text-align: right;
  right: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform: translateY(-0.4vh);
          transform: translateY(-0.4vh);
}

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

.bookingslider:hover #bookingEN {
  font-variation-settings: "wght" 800;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  letter-spacing: 0.5vh;
}

#slidecontent_bottomEN {
  position: relative;
  display: none;
  right: 0;
  bottom: 0;
  background-color: #000000;
  height: 50vh;
  width: 50vh;
}

#regFormEN {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  text-align: left;
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1.1;
  font-variation-settings: "wght" 800;
  margin: 0;
  padding: 0.5vh 0.5vh 0.5vh 0.5vh;
}

/* Hide all steps by default: */
.tabEN {
  display: none;
}

#prevBtnEN {
  z-index: 6;
  position: absolute;
  display: block;
  bottom: 3.5vh;
  background-color: transparent;
  padding: 2vh 2vh 2vh 0.5vh;
  margin: 0;
  left: 0;
  border: none;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;*/
}

#nextBtnEN {
  z-index: 6;
  position: absolute;
  display: block;
  bottom: 3.5vh;
  background-color: transparent;
  color: #cccccc;
  font-size: 2vh;
  font-weight: 800 !important;
  padding: 2vh;
  margin: 0;
  right: 0;
  border: none;
  /*cursor: url("../material/cursor_icons/cursor_hover.png") 30 30, auto;*/
}

.stepsEN {
  display: block;
  position: absolute;
  -webkit-transform: translate(22vh, 4vh);
          transform: translate(22vh, 4vh);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 10vh;
}

.stepEN {
  font-size: 2vh;
  letter-spacing: 0;
  line-height: 1;
  font-variation-settings: "wght" 400;
  color: #cccccc;
  display: inline-block;
  opacity: 0;
}

/* Mark the active step: */
.stepEN.activeEN {
  position: absolute;
  left: 0;
  color: #cccccc;
  font-variation-settings: "wght" 800;
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.stepEN.finishEN {
  color: #cccccc;
  font-variation-settings: "wght" 800 !important;
}

/* Mark input boxes that gets an error on validation: */
.textareaEN.invalidEN {
  border-radius: 0;
  background-color: #cccccc;
  color: #000000 !important;
}

.textareaEN.invalidEN::-webkit-input-placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

.textareaEN.invalidEN:-ms-input-placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

.textareaEN.invalidEN::-ms-input-placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}

.textareaEN.invalidEN::placeholder {
  padding: 0 0 0 0.1vh;
  color: #000000;
  text-decoration: none;
  opacity: 1;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 2vh;
  border: none;
  outline: none;
  text-decoration: none;
  font-variation-settings: "wght" 800 !important;
  font-family: "hauora";
}
/*# sourceMappingURL=main.css.map */