.elementor-7 .elementor-element.elementor-element-877c771{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-0ce465f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:10vw;font-weight:900;letter-spacing:-5px;}.elementor-7 .elementor-element.elementor-element-dcbd09b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-0ce465f .elementor-heading-title{font-size:7.5em;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-0ce465f{width:100%;max-width:100%;text-align:center;}.elementor-7 .elementor-element.elementor-element-0ce465f.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-0ce465f .elementor-heading-title{font-size:3.5em;}}/* Start custom CSS for html, class: .elementor-element-ce50bf4 *//* Vnější kontejner pro běžící text */
.marquee-wrapper {
  width: 100%; /* přes celou šířku obrazovky */
  overflow: hidden; /* skryje text mimo viditelnou oblast */
  position: fixed; /* zůstává nahoře i při scrollování */
  top: 0;
  left: 0;
  background-color: rgba(101, 101, 102, 0.4); /* šedé pozadí s 60% průhledností */
  z-index: 9999; /* aby byl vždy navrchu ostatního obsahu */
}

/* Samotný text, který se bude pohybovat */
.marquee {
  display: inline-block;
  white-space: nowrap; /* text zůstává v jednom řádku, nezalamuje se */
  color: #6666666; /* barva textu */
  font-size: 20px; /* výchozí velikost textu pro desktop */
  padding: 10px 0; /* svislé odsazení textu */

  /* Animace posunu textu – definována níže */
  animation: marquee 30s linear infinite;

  /* výchozí pozice – začíná mimo obrazovku napravo */
  position: relative;
  left: 100%;
}

/* RESPONSIVNÍ ÚPRAVY TEXTU */

/* Pro tablety a menší obrazovky – zmenší velikost písma */
@media (max-width: 1024px) {
  .marquee {
    font-size: 18px;
  }
}

/* Pro mobily – ještě menší písmo */
@media (max-width: 768px) {
  .marquee {
    font-size: 15px;
  }
}

/* DEFINICE ANIMACE – text se přesune zprava doleva */
@keyframes marquee {
  0%   { left: 100%; }   /* začátek – mimo obrazovku napravo */
  100% { left: -100%; }  /* konec – mimo obrazovku nalevo */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0ce465f */.elementor-7 .elementor-element.elementor-element-0ce465f h1 {
  background: linear-gradient(
    30deg,
    #ffffff 0%,
    #b32e7e 25%, /* fialová */
    #ffffff 50%,
    #0099bd 75%, /* modrá */
    #ffffff 100%
  );

  background-size: 300% 100%;
  background-position: 0% 50%;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  filter: drop-shadow(6px 6px 6px #333); /* základní stín s větším rozptylem */

  animation: 
    h1-gradient-smooth 20s linear infinite alternate,
    h1-shadow-smooth 20s linear infinite alternate;
}

/* gradient animace */
@keyframes h1-gradient-smooth {
  from { background-position: 0% 50%; }
  to   { background-position: 100% 50%; }
}

/* smooth pohyb stínu s větším rozptylem */
@keyframes h1-shadow-smooth {
  0%   { filter: drop-shadow(6px 6px 6px #333); }
  10%  { filter: drop-shadow(6.5px 6px 6px #333); }
  20%  { filter: drop-shadow(7px 6.5px 6px #333); }
  30%  { filter: drop-shadow(7.5px 7px 6px #333); }
  40%  { filter: drop-shadow(8px 7px 6px #333); }
  50%  { filter: drop-shadow(8.5px 7.5px 6px #333); } /* maximum */
  60%  { filter: drop-shadow(8px 7px 6px #333); }
  70%  { filter: drop-shadow(7.5px 7px 6px #333); }
  80%  { filter: drop-shadow(7px 6.5px 6px #333); }
  90%  { filter: drop-shadow(6.5px 6px 6px #333); }
  100% { filter: drop-shadow(6px 6px 6px #333); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfc66f5 *//* =========================
   ZÁKLAD – DESKTOP (PC)
========================= */

.headline {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  margin: 0;
}

/* společný základ textů */
.headline-text {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;          /* PC */
  letter-spacing: 15px;
  line-height: 1;
  white-space: nowrap;
}

/* levá část textu */
.headline-text--left {
  font-weight: 400;         /* Regular */
  color: #666666;
}

/* pravá část textu */
.headline-text--right {
  font-weight: 500;         /* lehce výraznější */
  color: #111111;
}

/* kostka */
.headline-cube {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: 'Roboto', sans-serif;
  font-size: 15px;          /* PC */
  font-weight: 400;
  line-height: 1;
  color: #111111;

  width: 1em;
  height: 1em;

  transform-origin: 50% 50%;
  animation: cube-rotate 5s linear infinite;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1024px) {
  .headline-text {
    font-size: 12px;
  }

  .headline-cube {
    font-size: 13px;
  }
}

/* =========================
   MOBIL
========================= */

@media (max-width: 767px) {
  .headline-text {
    font-size: 10px;
    letter-spacing: 6px; /* zjemnění na mobilu */
  }

  .headline-cube {
    font-size: 12px;
  }
}

/* =========================
   ANIMACE KOSTKY
========================= */

@keyframes cube-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}/* End custom CSS */