/** Shopify CDN: Minification failed

Line 36:18 Unexpected "{"
Line 36:27 Expected ":"
Line 44:18 Unexpected "{"
Line 44:27 Expected ":"
Line 48:18 Unexpected "{"
Line 48:27 Expected ":"
Line 53:18 Unexpected "{"
Line 53:27 Expected ":"
Line 60:18 Unexpected "{"
Line 60:27 Expected ":"
... and 30 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:call-to-action (INDEX:0) */
.button {
  display: inline-block;
  padding: 0.85em 1.5em;
  font-size: 1.5em;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  background-color: #5c6ac4;
  border: none;
  border-radius: 0.62em;
  box-shadow: 0 0.25em #999999; 
}
/* END_SECTION:call-to-action */

/* START_SECTION:animated-text-image (INDEX:18) */
#shopify-section-{{ section.id }} .page-width.grid-x {
  max-width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  padding: 10px 50px 10px 50px;
}

#shopify-section-{{ section.id }} .large-6.full.left{
  width: 50%;
}

#shopify-section-{{ section.id }} .large-6.full.right {
  width: 45%;
  padding-left: 30px;
}

#shopify-section-{{ section.id }} h2.h1.mega-title {
  font-weight: 800;
  line-height: 1.1;
  font-size: 3.9rem;
  text-transform: uppercase;
}

#shopify-section-{{ section.id }} .mega-subtitle p {
  font-size: 1.4rem;
  margin: 20px 0;
  line-height: 1.6;
}

#shopify-section-{{ section.id }} .cta-row {
  margin-top: 20px;
}

#shopify-section-{{ section.id }} .btn-primary {
  background-color: var(--brand);
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
}

@media (max-width: 1024px) {
  #shopify-section-{{ section.id }} .page-width.grid-x {
    flex-direction: column;
    align-items: center;
  }
  #shopify-section-{{ section.id }} .large-6.full.left,
  #shopify-section-{{ section.id }} .large-6.full.right {
    width: 80%;
    padding: 5% 10%;
  }
  #shopify-section-{{ section.id }} h2.h1.mega-title {
    font-size: 2rem;
    text-align: center;
  }
  #shopify-section-{{ section.id }} .mega-subtitle p {
    text-align: center;
  }
  #shopify-section-{{ section.id }} .cta-row {
    text-align: center;
  }
}

@media (max-width: 768px) {
  #shopify-section-{{ section.id }} .page-width.grid-x {
    flex-direction: column; /* Stellt sicher, dass das Bild immer oben und der Text unten ist */
    padding: 1px 0;
  }
  
  #shopify-section-{{ section.id }} .large-6.full.left {
    order: 1; /* Bild immer an erster Stelle */
    width: 100%;
     padding-top: 5px;
  }

  #shopify-section-{{ section.id }} .large-6.full.left img {
    width: 100%; /* Setzt die Bildbreite auf 100% in der mobilen Version */
    height: auto; /* Erhält das Seitenverhältnis des Bildes */
  }

  #shopify-section-{{ section.id }} .large-6.full.right {
    order: 2; /* Text immer an zweiter Stelle */
    width: 100%;
    padding: 10%;
    text-align: left; /* Links bündiger Text */
  }

  #shopify-section-{{ section.id }} h2.h1.mega-title {
    font-size: 2rem; /* Kleinere Schriftgröße für mobile Geräte */
    text-align: left; /* Links bündiger Text */
  }

  #shopify-section-{{ section.id }} .mega-subtitle p {
    text-align: left; /* Links bündiger Text */
  }

  #shopify-section-{{ section.id }} .cta-row {
    text-align: left; /* Links bündiger Text */
  }
}
/* END_SECTION:animated-text-image */

/* START_SECTION:full-width-video (INDEX:69) */
.full-width-video-section {
  position: relative;
  width: 100%;
  text-align: left; /* Sorgt für linksbündigen Text */
}

.full-width-video-section video {
  width: 100%;
  height: auto;
}

.full-width-video-section .content {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: white;
}
.full-width-video-section .h1 {
  font-size: 150px; /* Oder die Größe, die Sie benötigen */
  font-weight: bold; /* Für fettgedruckten Text */
  margin-bottom: 20px; /* Abstand zum Subheading */

}

.full-width-video-section .subheading {
  font-size: 24px; /* Oder die Größe, die Sie benötigen */
  margin-bottom: 30px; /* Abstand zum Button */
}

.full-width-video-section .cta-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: red; /* Rote Hintergrundfarbe */
  color: #fff; /* Weißer Text */
  text-decoration: none;
  margin-top: 10px;
  border-radius: 6px; /* Abgerundete Ecken */
  font-weight: bold; /* Für fettgedruckten Text */
}
/* END_SECTION:full-width-video */

/* START_SECTION:image-with-video-play-button (INDEX:85) */
.video-section {
  position: relative;
  display: block;
  width: 50%;
  margin: 0 auto; /* Zentriert den Container */
  max-width: 1024px; /* Passt die maximale Breite des Videos an */
}

.video-section img {
  display: block;
  width: 100%;
  height: auto;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background-color: white;
  border-radius: 50%;
  padding: 10px;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.play-button svg {
  fill: black;
}

#videoModal {
  display: none;
  position: absolute; /* Änderung zu absolute */
  z-index: 1000;
  top: 50%; /* Einstellung der oberen Position auf 50% der .video-section */
  left: 50%; /* Einstellung der linken Position auf 50% der .video-section */
  transform: translate(-50%, -50%); /* Zentriert das Modal genau über dem Play-Button */
  width: 100%; /* Einstellung der Breite des Modals auf die Breite der .video-section */
  height: 100%; /* Einstellung der Höhe des Modals auf die Höhe der .video-section */
  background: rgba(0, 0, 0, 0.5);
}

#videoModal .modal-content {
  position: absolute; /* Behält die Positionierung bei */
  top: 0; /* Einstellung der oberen Position auf den Anfang des Modals */
  left: 0; /* Einstellung der linken Position auf den Anfang des Modals */
  width: 100%; /* Einstellung der Breite auf 50% der .video-section */
  margin: auto; /* Zentriert den Inhalt des Modals horizontal */
}

#videoModal .modal-content iframe {
  width: 100%;
  height: calc(100vw * 9 / 16); /* Behält das Seitenverhältnis von 16:9 bei */
  border: none;
}

#videoModal .modal-content button {
  position: absolute;
  top: -20px;
  right: -20px;
  background: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border: none;
}
/* END_SECTION:image-with-video-play-button */