.elementor-1912 .elementor-element.elementor-element-37692a8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-3da14221{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1912 .elementor-element.elementor-element-1e3514ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-75cf9f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-1f469fe0{--display:flex;}.elementor-1912 .elementor-element.elementor-element-3534bc7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-a8e7161{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-673d7093{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-5dfd97a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-d9e487{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-14845d36{--display:flex;}.elementor-1912 .elementor-element.elementor-element-66ec7f1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-397020a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-278eaf41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1912 .elementor-element.elementor-element-23acbd75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){ .elementor-1912 .elementor-element.elementor-element-3da14221{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-1912 .elementor-element.elementor-element-3da14221{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for html, class: .elementor-element-64239adf */body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom right, #fff0f8, #f0faff);
  font-family: 'Comic Neue', cursive, sans-serif;
  color: #6a006a;
  text-align: center;
}

.video-box {
  padding: 3rem 1rem;
  max-width: 800px;
  margin: 0 auto;
  background: #fffafc;
  border: 4px dashed #ffb6c1;
  border-radius: 25px;
  box-shadow: 0 0 20px rgba(255, 200, 255, 0.3);
}

.video-box h1 {
  font-size: 2.5rem;
  color: #ff3399;
  margin-bottom: 1rem;
  text-shadow: 1px 1px 4px #ffcce6;
}

.video-box p {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #6a006a;
  margin-bottom: 2rem;
}

.video-frame {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

.video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 15px;
}

/* 📱 Für kleine Bildschirme */
@media (max-width: 600px) {
  .video-box h1 {
    font-size: 1.8rem;
  }

  .video-box p {
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e3a94c4 */.sprechblase {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  max-width: 700px;
  margin: 2rem auto;
  /* Entfernt transform von Container – ersetzt durch Animation im Inhalt */
}

.labertes-kopf {
  font-size: 3rem;
  animation: wobbleHead 3s ease-in-out infinite;
}

.blase-text {
  position: relative;
  background: #fff0f8;
  color: #6a006a;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  font-size: 1.1rem;
  padding: 1rem 1.5rem;
  border-radius: 20px;
  border: 2px solid #ff99cc;
  box-shadow: 0 4px 10px rgba(255, 150, 200, 0.2);
  overflow: visible; /* WAR: hidden → verhindert fixed-Elemente */
  animation: bubbleFloat 3s ease-in-out infinite;
}

.blase-text::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 20px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right-color: #fff0f8;
}

/* 🐾 Pfoten */
.pfote {
  position: absolute;
  font-size: 1.5rem;
  animation: hop 2s infinite;
  opacity: 0.8;
  pointer-events: none;
}

.pfote1 { top: -20px; left: 20px; animation-delay: 0s; }
.pfote2 { top: -25px; right: 30px; animation-delay: 0.5s; }
.pfote3 { bottom: -20px; left: 40px; animation-delay: 1s; }
.pfote4 { bottom: -25px; right: 50px; animation-delay: 1.5s; }

/* NEU: Animationen nur für Inhalt */
@keyframes wobbleHead {
  0%, 100% { transform: rotate(-10deg); }
  25% { transform: rotate(-8deg); }
  75% { transform: rotate(-12deg); }
}

@keyframes bubbleFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes hop {
  0%, 100% { transform: translateY(0); opacity: 0.8; }
  50% { transform: translateY(-10px); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6b0080 */.twini-whatsapp-box {
  text-align: center;
  background: linear-gradient(135deg, #fff0f8, #f0f9ff);
  padding: 2rem;
  border-radius: 25px;
  max-width: 500px;
  margin: 3rem auto;
  font-family: 'Comic Sans MS', cursive;
  box-shadow: 0 0 20px rgba(255, 170, 220, 0.3);
  /* ✂️ Entfernt: position + overflow */
}

.twini-text {
  color: #802468;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

.regenbogen-button {
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  background: linear-gradient(90deg, #ff6ec4, #ffb86c, #faff70, #8aff90, #70d6ff, #b077ff);
  background-size: 400% 400%;
  color: white;
  text-shadow: 1px 1px 2px #aa0066;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  animation: rainbowShift 6s ease infinite;
  box-shadow: 0 0 20px rgba(255, 120, 200, 0.4);
  transition: transform 0.3s ease;
}

.regenbogen-button:hover {
  transform: scale(1.05);
}

.twini-hinweis {
  margin-top: 1.5rem;
  font-size: 1rem;
  color: #bb4499;
}

/* Regenbogen Animation */
@keyframes rainbowShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d6b0eae */.download-button {
  display: inline-block;
  background: #ff99cc;
  color: white;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  border-radius: 30px;
  text-decoration: none;
  font-family: 'Comic Sans MS', cursive;
  box-shadow: 0 0 10px rgba(255, 100, 150, 0.3);
  transition: transform 0.2s ease;
}

.download-button:hover {
  background: #ff66aa;
  transform: scale(1.05);
}/* End custom CSS */