.e-signatur-wrapper {
  .gb-container-d3cd68aa {
    background-color: var(--easy-blue) !important;
  }

  .gb-headline-d2231376 {
    margin-bottom: 2rem !important;
  }

  #ec-lupe-animation {
    width: 50px; /* Breite der Lupe */
    height: 50px; /* Höhe der Lupe */
    background-color: transparent; /* Hintergrundfarbe */
    border: 2px solid black; /* Rahmen der Lupe */
    border-radius: 50%; /* Kreisform */
    /* Weitere Stile können je nach Bedarf hinzugefügt werden */
  }
}

.e-signatur-train {
  background-color: var(--easy-neonyellow);
  .gb-headline-large {
    font-size: var(--medium);
  }
}

.e-signatur-blog {
  .gb-container.mw-container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

/* --- Hero --- */

/* Fallback für ältere Browser, die object-fit nicht unterstützen */
.e-signatur-cover .wp-block-image img {
  width: 100%;
  height: auto;
}

@supports (object-fit: cover) {
  .e-signatur-cover .wp-block-image img {
    object-fit: cover;
  }
}

.e-signatur-section .content-intro-inner {
  padding-left: 3rem;
}

.e-signatur-products div#ec-lupe-animation {
  top: 7%;
  left: -10%;
}

@media screen and (min-width: 1921px) {
  .e-signatur-section .gb-container-9a97ec0b {
    padding-left: 20rem;
  }
  .hero-p-e-signatur {
    padding-left: 16rem;
  }
}

@media screen and (max-width: 1920px) {
  .e-signatur-section .gb-container-9a97ec0b {
    padding-left: 13rem;
  }
  .hero-p-e-signatur {
    padding-left: 9rem;
  }
}

@media screen and (max-width: 1500px) {
  .e-signatur-products div#ec-lupe-animation {
    top: -145px;
    left: -10%;
  }
  .e-signatur-section .gb-container-9a97ec0b,
  .hero-p-e-signatur {
    padding-left: 3rem;
  }
  .hero-p-e-signatur {
    padding-left: 0rem;
  }
}

@media screen and (max-width: 1024px) {
  .e-signatur-products div#ec-lupe-animation {
    top: -160px;
    left: 30%;
  }
  .e-signatur-section .gb-container-39e8a488,
  .e-signatur-section .gb-container-9a97ec0b,
  .e-signatur-raster-2 .gb-container-2eaa15dd,
  .e-signatur-raster-2 .gb-container-985ca858 {
    background-color: white;
  }
  .e-signatur-section .gb-container-9a97ec0b {
    padding-left: 0rem;
  }
  .e-signatur-video {
    display: none;
  }
  .gb-container.e-signatur-video-section.product-grid-outer-container-bg {
    position: unset;
  }
  .e-signatur-raster-2 .gb-container-2eaa15dd {
    background-color: #d8d8d8;
  }
  .e-signatur-raster-2 .gb-container-985ca858 {
    background-color: #cbcbcb;
  }
}

@media screen and (max-width: 767px) {
  .e-signatur-products div#ec-lupe-animation {
    top: -160px;
    left: 30%;
  }
  .e-signatur-section .gb-container-39e8a488 {
    background-color: white;
  }
  .e-signatur-section .gb-container-9a97ec0b {
    margin-left: 0rem;
  }
}