/* @import url("animate.min.css"); */
/* @import url("transition.min.css"); */
/* @import url("fonts.css"); */
/* @import url("popup.css"); */
/* @import url("cookieconsent.css"); */

/* general */
header {
  overflow-y: hidden;
}

main,
footer {
  overflow: hidden;
}

section {
  position: relative;
}

/* startup-animation */
.startup-animation {
  position: fixed;
  inset: 0;
  background: #FFFFFF;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  /* animation-name: wipe-out-bottom;
  animation-delay: 1.5s;
  animation-duration: 1s; */
}

body.ready .startup-animation {
  animation-name: circle-out-hesitate;
  animation-delay: 1.5s;
  animation-duration: 1.5s;
}
@keyframes circle-out-hesitate {
  0% {
    clip-path: circle(125%);
  }
  40% {
    clip-path: circle(40%);
  }
  100% {
    clip-path: circle(0%);
  }
}

[transition-style="out:circle:hesitate"] {
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-out-hesitate both;
}

.startup-animation .startup-logo-entry {
  /* clip-path: circle(0%); */
}

body.ready .startup-animation .startup-logo-entry {
  animation-name: circle-in-hesitate;
  animation-delay: 0s;
  animation-duration: 1s;
}

@keyframes circle-in-hesitate {
  0% {
    clip-path: circle(0%);
  }
  40% {
    clip-path: circle(40%);
  }
  100% {
    clip-path: circle(125%);
  }
}

[transition-style="in:circle:hesitate"] {
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) circle-in-hesitate both;
}

/* maps */
.map-container {
  position: relative;
  overflow: hidden;
}

.map-container .generate-maps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

.map-container .map-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}

.map-container.active .generate-maps {
  display: block;
}

.map-container.active .map-image {
  display: none;
}