/**
 * Theme Name:     Hello_Elemento_Child
 * Author:         Duschl Media
 * Template:       hello-elementor
 * Text Domain:	   hello_elemento_child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 * Theme URI:      https://sp-handwerk.talentseite.de
 * Author URI:     https://sp-handwerk.talentseite.de
 * Version:        1
 */

h1 {
  font-size: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);
}
h2 {
  font-size: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
}
h3 {
  font-size: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
}
h4 {
  font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
}
h5 {
  font-size: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
}
h6 {
  font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
}
body {
  font-size: clamp(1rem, 0.96107rem + 0.16393vw, 1.125rem);
}
p {
  font-size: 1rem;
}

/* #region Testimonials */

@media (max-width: 1366px) and (min-width: 880px) {
  .uael-heading .uael-heading-text.uael-size--xl {
    font-size: 30px !important;
  }
  /* #region FAQ */
  .uael-faq-accordion * {
    font-size: 22px !important;
  }
  /* #endregion FAQ */
}
/* #endregion Testimonials */

/* #region Tablet zu Mobil */

@media (max-width: 1024px) and (min-width: 360px) {
  h3.elementor-icon-box-title {
    font-size: 22px !important;
  }
}

/* #endregion Tablet zu Mobil landscape */

/* #region Mobil landscape zu Mobil */

@media (max-width: 880px) and (min-width: 360px) {
  .uael-heading .uael-heading-text.uael-size--xl {
    font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem) !important;
  }
}

/* #endregion Mobil landscape zu Mobil */

/* #region Überschrift 1 */

span.uael-heading-text.elementor-inline-editing.uael-size--default {
  font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
}

/* #endregion Überschrifdt 1 */


/* #region Swipe funktion */

body {
  overscroll-behavior-x: none !important;
  touch-action: pan-y !important;
}

html, body {
  overflow-x: hidden !important;
}


/* #endregion Swipe funktion */


/* #region Bitform anpassung */



/* #Animation stop JS */





/* #endregion Bitform anpssung */

/* #region Überschriften Dankeseite */
/* #region Überschriften Dankeseite */

/* Standard für größere Screens (ab 881px aufwärts) */
.page-id-1639
  span.uael-heading-text.elementor-inline-editing.uael-size--default {
  font-size: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
}

/* Für Devices zwischen 360px und 880px */
@media (min-width: 360px) and (max-width: 880px) {
  .page-id-1639
    span.uael-heading-text.elementor-inline-editing.uael-size--default {
    font-size: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
  }
}

.page-id-1639
  .uael-module-content.uael-heading-wrapper
  h5.uael-heading
  span.uael-heading-text.elementor-inline-editing.uael-size--default {
  font-size: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
}

.page-id-1639 .block {
  position: relative;
  display: inline-block;
  color: #fff; /* Textfarbe */
  font-weight: 700;
  z-index: 1;
}

.page-id-1639 .block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff5f15; /* Hier kannst du deine Farbe anpassen */
  transform-origin: left;
  transform: scaleX(0); /* Startzustand: Unsichtbar */
  animation: background-grow 1s ease forwards; /* Animationsdauer */
  z-index: -1; /* Damit der Hintergrund hinter dem Text liegt */
  border-radius: 5px; /* Optional: abgerundete Ecken */
}

/* Die Animation */
@keyframes background-grow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

/* #endregion Überschrift 1 Dankeseite */

/* #region Vimeo Viode */

.page-id-1639 button.Button_module_button__779846a6 {
  display: none !important;
}

/* #endregion Vimeo Viode */

/* #region Overflow Facebook verhindern */
html,
body {
  overflow-x: clip;
}
/* #endregion Overflow Facebook verhindern */

/* #region Checkbox Get leadform */

input#gdpr.leadforms-gdpr-input {
  width: 22px !important;
  height: 22px !important;
}

/* #endregion Checkbox Get leadform */


body, html {
    overflow-x: hidden;
}

.elementor-section {
    overflow: hidden;
}