.elementor-15 .elementor-element.elementor-element-010e759{--display:flex;--overflow:hidden;}.elementor-15 .elementor-element.elementor-element-9d08e6b{--spacer-size:48px;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-09b093b{--lottie-container-width:40%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-b9ee4af{text-align:center;}.elementor-15 .elementor-element.elementor-element-b9ee4af .elementor-heading-title{font-family:"Quadrillion", Sans-serif;font-size:171px;font-weight:200;text-transform:lowercase;font-style:normal;text-decoration:none;line-height:50px;}.elementor-15 .elementor-element.elementor-element-cf9bf0e{--spacer-size:50px;}.elementor-15 .elementor-element.elementor-element-e1dacc7{text-align:center;}.elementor-15 .elementor-element.elementor-element-e1dacc7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:200;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:50px;letter-spacing:9.3px;}.elementor-15 .elementor-element.elementor-element-4d981ec{--spacer-size:50px;}.elementor-15 .elementor-element.elementor-element-19acf75{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-7567d94{--display:flex;}.elementor-15 .elementor-element.elementor-element-c181b0b{--display:flex;}.elementor-15 .elementor-element.elementor-element-02e29a2{--spacer-size:120px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-15 .elementor-element.elementor-element-b9ee4af .elementor-heading-title{font-size:96px;line-height:1.4em;}.elementor-15 .elementor-element.elementor-element-cf9bf0e{--spacer-size:1px;}.elementor-15 .elementor-element.elementor-element-e1dacc7 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-15 .elementor-element.elementor-element-4d981ec{--spacer-size:15px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-010e759{--min-height:0vh;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-15 .elementor-element.elementor-element-b9ee4af{text-align:center;}.elementor-15 .elementor-element.elementor-element-b9ee4af .elementor-heading-title{font-size:74px;}.elementor-15 .elementor-element.elementor-element-cf9bf0e{--spacer-size:1px;}.elementor-15 .elementor-element.elementor-element-e1dacc7 .elementor-heading-title{font-size:12px;}.elementor-15 .elementor-element.elementor-element-4d981ec{--spacer-size:1px;}.elementor-15 .elementor-element.elementor-element-19acf75{--min-height:132px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-010e759 */html, body {
  /* Verhindert das "Wackeln" und Schwenken */
  touch-action: pan-y; 
  /* pan-y erlaubt nur das Scrollen nach oben/unten, kein seitliches Schieben oder Zoomen */
  
  overflow-x: hidden;
  position: relative;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29c3429 */.button {
  /* WICHTIG: Damit der Link sich wie ein Button verhält */
  display: inline-block; 
  text-decoration: none;
  
  cursor: pointer;
  font-size: 1.4rem;
  border-radius: 16px;
  border: none;
  padding: 2px;
  background: radial-gradient(circle 100px at 50% -10%, #ffffff, #181b1b);
  position: relative;
  transition: transform 0.3s ease;
  
  /* Verhindert, dass die Blobs über die Ecken rausschauen */
  overflow: hidden; 
}

.button::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 40%;
  border-radius: 50%;
  top: -10%;
  left: 10%;
  background: rgba(255, 255, 255, 0.15);
  filter: blur(15px);
  z-index: 1; /* Über den Hintergrund, aber unter den Text */
  animation: top-glow 3s infinite alternate ease-in-out;
  pointer-events: none;
}

.blob1 {
  position: absolute;
  /* Jetzt auf 100% Breite, damit er bündig abschließt */
  width: 100%; 
  height: 100%;
  border-radius: 16px;
  bottom: 0;
  left: 0;
  background: radial-gradient(
    circle 80px at 0% 100%,
    #3fe9ff66,
    #0000ff33,
    transparent
  );
  box-shadow: -10px 10px 30px #0051ff15;
  animation: blob-float 6s infinite alternate ease-in-out;
  z-index: 1;
}

.inner {
  padding: 14px 25px;
  border-radius: 14px;
  color: #fff;
  z-index: 5; /* Höchster Index, damit der Text oben liegt */
  position: relative;
  background: radial-gradient(circle 120px at 50% -20%, #333333, #0f1111);
  /* Sorgt dafür, dass der Inhalt die Größe bestimmt */
  display: block; 
}

/* Restliche Animationen bleiben gleich... */
@keyframes top-glow {
  0% { opacity: 0.4; transform: translateY(0); }
  100% { opacity: 0.8; transform: translateY(-2px); }
}

@keyframes blob-float {
  0% { transform: scale(1); }
  100% { transform: scale(1.05); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19acf75 */html, body {
  /* Verhindert das "Wackeln" und Schwenken */
  touch-action: pan-y; 
  /* pan-y erlaubt nur das Scrollen nach oben/unten, kein seitliches Schieben oder Zoomen */
  
  overflow-x: hidden;
  position: relative;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS */html,
body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  
}

/* Hauptbereich zwischen Header und Footer */
.main-page {
  min-height: calc(100vh - 160px);
  background: #05070A;
}

/* Container 1: Hero / Startbereich */
.hero-container {
  min-height: 65vh;
  padding: 80px 24px;
  max-width: 100%;
  overflow-x: hidden;
}

/* Container 2: Content / Services / Cards */
.content-container {
  min-height: 35vh;
  padding: 60px 24px 100px;
  max-width: 100%;
  overflow-x: hidden;
}

/* Footer bleibt unten und klebt nicht am Content */
footer {
  margin-top: auto;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Quadrillion';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.webzzz.de/wp-content/uploads/2026/05/Quadrillion-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */