.elementor-23 .elementor-element.elementor-element-6e6705f{--display:flex;--min-height:100vh;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-c17d6b7{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-bdb297b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-6e6705f{--min-height:100vh;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-23 .elementor-element.elementor-element-c17d6b7{--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-bdb297b.elementor-element{--flex-grow:0;--flex-shrink:1;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-6e6705f{--width:100%;}.elementor-23 .elementor-element.elementor-element-c17d6b7{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-6e6705f{--width:100%;}.elementor-23 .elementor-element.elementor-element-c17d6b7{--width:100%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-6e6705f{--width:100%;--min-height:100vh;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-23 .elementor-element.elementor-element-c17d6b7{--width:100%;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-bdb297b */@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Crafty+Girls");
/* ===== Állítható értékek ===== */
body {
  background: #c4c5cb;
  color: #747078;
  font-family: "Crafty Girls", cursive;
  font-size: 14px;
  text-align: center;
}

.loader {
  position: relative;
  width: 100%;
  top: 100px;
}

p {
  font-size: 20px;
  margin-bottom: 1em;
}

/* ===== Fonalszál ===== */
.rollout {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/641/blue-strand.svg") no-repeat 0 120%;
  background-size: 375px 24px;
  height: 45px;
  position: absolute;
  left: 45.5%;
  margin-left: calc(-375px / 2);
  width: 0;
  opacity: 1;
  animation: strand-unroll-roll 10s cubic-bezier(0.57, 0.27, 0.46, 0.79) infinite;
}

/* ===== Gombolyag ===== */
.yarn {
  position: absolute;
  right: -20px;
  top: 0;
  width: 40px;
  opacity: 1;
  animation: yarn-roll 10s cubic-bezier(0.57, 0.27, 0.46, 0.79) infinite;
}

/* ===== Szöveg ===== */
.loading-text {
  opacity: 0;
  text-align: center;
  animation: text-pulse-long 10s cubic-bezier(0.57, 0.27, 0.46, 0.79) infinite;
}

/* ===== Animációk ===== */
/* Kigurul → szünet → visszateker → szünet */
@keyframes strand-unroll-roll {
  0% {
    width: 0;
  }
  35% {
    width: 375px;
  }
  /* kigurul */
  55% {
    width: 375px;
  }
  /* kint marad */
  85% {
    width: 0;
  }
  /* visszateker */
  100% {
    width: 0;
  }
}
/* Előre gurul → visszagurul */
@keyframes yarn-roll {
  100% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(1146deg);
  }
  55% {
    transform: rotate(1146deg);
  }
  85% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* Szöveg hosszabb ideig látható */
@keyframes text-pulse-long {
  0% {
    opacity: 0;
  }
  /* 1. megjelenés – kigurulás után */
  38% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  /* 2. megjelenés – visszatekerés után */
  82% {
    opacity: 0;
  }
  88% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}/* End custom CSS */