.elementor-164 .elementor-element.elementor-element-f4ac2c0{--display:flex;--min-height:371px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.6;}.elementor-164 .elementor-element.elementor-element-f4ac2c0:not(.elementor-motion-effects-element-type-background), .elementor-164 .elementor-element.elementor-element-f4ac2c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-transparent );}.elementor-164 .elementor-element.elementor-element-f4ac2c0::before, .elementor-164 .elementor-element.elementor-element-f4ac2c0 > .elementor-background-video-container::before, .elementor-164 .elementor-element.elementor-element-f4ac2c0 > .e-con-inner > .elementor-background-video-container::before, .elementor-164 .elementor-element.elementor-element-f4ac2c0 > .elementor-background-slideshow::before, .elementor-164 .elementor-element.elementor-element-f4ac2c0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-164 .elementor-element.elementor-element-f4ac2c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-background );--background-overlay:'';}.elementor-164 .elementor-element.elementor-element-9f36c08{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-164 .elementor-element.elementor-element-f3c4296{--spacer-size:100px;}.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 );color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-fecca8f{text-align:center;}.elementor-164 .elementor-element.elementor-element-fecca8f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-4a97661{text-align:center;}.elementor-164 .elementor-element.elementor-element-4a97661 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{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 );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-164 .elementor-element.elementor-element-895076c{--iteration-count:infinite;padding:0px 50px 0px 50px;--dynamic-text-color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-895076c .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;font-style:normal;}.elementor-164 .elementor-element.elementor-element-895076c .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-895076c .elementor-headline-dynamic-text{font-family:"Poppins", Sans-serif;font-weight:400;font-style:oblique;}.elementor-164 .elementor-element.elementor-element-49980ab{--spacer-size:126px;}.elementor-164 .elementor-element.elementor-element-b19af4e{--display:flex;}.elementor-164 .elementor-element.elementor-element-8e14712{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:var( --e-global-color-primary );--e-filter-hover-text-color:var( --e-global-color-primary );--e-filter-active-text-color:var( --e-global-color-primary );--e-filter-item-border-radius:0px 0px 0px 0px;}.elementor-164 .elementor-element.elementor-element-8e14712 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-164 .elementor-element.elementor-element-f33e3e6{--spacer-size:10px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-164 .elementor-element.elementor-element-ac1313d{--grid-columns:3;}@media(max-width:1024px){.elementor-164 .elementor-element.elementor-element-f4ac2c0{--min-height:471px;--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-164 .elementor-element.elementor-element-9f36c08{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-164 .elementor-element.elementor-element-f3c4296{--spacer-size:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-164 .elementor-element.elementor-element-fecca8f .elementor-heading-title{font-size:18px;}.elementor-164 .elementor-element.elementor-element-4a97661 .elementor-heading-title{font-size:38px;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-164 .elementor-element.elementor-element-895076c .elementor-headline{font-size:16px;}.elementor-164 .elementor-element.elementor-element-49980ab{--spacer-size:10px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-164 .elementor-element.elementor-element-ac1313d{--grid-columns:2;}}@media(max-width:767px){.elementor-164 .elementor-element.elementor-element-f4ac2c0{--min-height:320px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-164 .elementor-element.elementor-element-9f36c08{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-164 .elementor-element.elementor-element-f3c4296{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-164 .elementor-element.elementor-element-fecca8f .elementor-heading-title{font-size:14px;}.elementor-164 .elementor-element.elementor-element-4a97661 .elementor-heading-title{font-size:28px;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-164 .elementor-element.elementor-element-895076c{padding:0px 20px 0px 20px;}.elementor-164 .elementor-element.elementor-element-895076c .elementor-headline{text-align:center;font-size:14px;}.elementor-164 .elementor-element.elementor-element-49980ab{--spacer-size:10px;}.elementor-164 .elementor-element.elementor-element-b19af4e{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-164 .elementor-element.elementor-element-8e14712 .e-filter-item{font-size:15px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-164 .elementor-element.elementor-element-ac1313d{--grid-columns:1;}}@media(min-width:768px){.elementor-164 .elementor-element.elementor-element-9f36c08{--width:797px;}}@media(max-width:1024px) and (min-width:768px){.elementor-164 .elementor-element.elementor-element-9f36c08{--width:450px;}}/* Start custom CSS for container, class: .elementor-element-9f36c08 *//* --- 1. Grundeinstellung (Wichtig!) --- */
/* Das verhindert weiße Ränder vom Browser selbst */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* Verhindert seitliches Wackeln */
  box-sizing: border-box;
}

/* Damit Padding die Breite nicht sprengt */
*, *:before, *:after {
  box-sizing: inherit;
}

/* --- 2. Der Container Style (Desktop & Tablet Standard) --- */
.deine-container-klasse {
  /* Design Basics (Farben aus deinem Bild geschätzt) */
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a0a 100%); /* Dein Farbverlauf */
  color: white;
  text-align: center;
  
  /* Layout für Desktop/Tablet (Karten-Look) */
  width: 90%;             /* Nimmt 90% der Breite ein, lässt aber Luft */
  max-width: 600px;       /* Wird auf riesigen Bildschirmen nicht breiter als 600px */
  margin: 40px auto;      /* Zentriert die Box + 40px Abstand oben/unten */
  border-radius: 24px;    /* Schöne runde Ecken auf Desktop */
  padding: 40px 20px;     /* Innenabstand für den Text */
  
  /* Optional: Schatten für besseren Kontrast */
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* --- 3. Die Anpassung für Mobile (Das "Magic" Teil) --- */
/* Greift nur bei Bildschirmen kleiner als 768px (Handys) */
@media (max-width: 768px) {
  
  .deine-container-klasse {
    /* "Sprengt" die Box auf volle Größe */
    width: 100% !important;
    max-width: 100% !important;
    
    /* Entfernt die Abstände außen */
    margin: 0 !important;
    
    /* Macht die Ecken spitz */
    border-radius: 0 !important;
    
    /* Optional: Damit es mindestens den ganzen Handy-Screen füllt */
    min-height: 100vh; 
    
    /* Oft hilft etwas mehr Padding oben auf dem Handy wegen der Statusbar */
    padding-top: 60px; 
    padding-bottom: 60px;
    
    /* Entfernt den Schatten, da er auf Fullscreen meist komisch aussieht */
    box-shadow: none; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4ac2c0 *//* 1. Basis-Einstellungen für den Container */
.elementor-164 .elementor-element.elementor-element-f4ac2c0 {
    position: relative;
    overflow: hidden; 
    background-color: #050505; /* Tiefschwarz */
    isolation: isolate; /* Wichtig für den Layer */
}

/* 2. Der leuchtende Blob (Ozean-Farben) */
.elementor-164 .elementor-element.elementor-element-f4ac2c0::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    
    /* GRÖSSE: Die goldene Mitte */
    width: 450px; 
    height: 450px;
    
    /* Farben (Teal/Blau/Grün) */
    background: conic-gradient(
        from 0deg, 
        #00FA9A, /* Helles Grün (SpringGreen) */
        #00FFFF, /* Cyan (Neonblau) */
        #00008B, /* Dunkelblau */
        #2E8B57, /* Meeresgrün */
        #00FA9A  /* Ende mit Hellem Grün für nahtlosen Übergang */
    );
    
    border-radius: 50%;
    
    /* SEICHTERER VERLAUF: Startet direkt in der Mitte und verblasst extrem sanft zum Rand */
    -webkit-mask-image: radial-gradient(circle closest-side, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    mask-image: radial-gradient(circle closest-side, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    
    /* Filter & Darstellung */
    filter: blur(80px); /* Leicht erhöhter Blur für zusätzliche Weichheit */
    opacity: 0.6; 
    mix-blend-mode: screen; 
    z-index: -1; 
    
    /* LANGSAMERE, ORGANISCHE ANIMATION (25s statt 12s) */
    animation: organic-glow 25s ease-in-out infinite;
}

/* 3. Animation: Dreht sich extrem langsam und "atmet" dabei minimal (scale) */
@keyframes organic-glow {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(1.15); /* Wird minimal größer */
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg) scale(1);
    }
}/* End custom CSS */