.elementor-2258 .elementor-element.elementor-element-16d0b65a{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:20%;--padding-right:20%;--z-index:2;}.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-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2258 .elementor-element.elementor-element-4ac0ef85 .elementor-heading-title{font-family:"PPNeueMachina-InktrapUprightVF", Sans-serif;font-size:84px;font-weight:400;line-height:94px;letter-spacing:0px;color:var( --e-global-color-9e9a2a6 );}.elementor-2258 .elementor-element.elementor-element-47ee1e8e{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;--z-index:5;}.elementor-2258 .elementor-element.elementor-element-47ee1e8e:not(.elementor-motion-effects-element-type-background), .elementor-2258 .elementor-element.elementor-element-47ee1e8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2258 .elementor-element.elementor-element-654ada7c{--display:flex;--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-widget-text-editor{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 );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2258 .elementor-element.elementor-element-7a0aaed8{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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:#FFFFFF;}.elementor-2258 .elementor-element.elementor-element-75aec5fd{font-family:var( --e-global-typography-582ee56-font-family ), Sans-serif;font-size:var( --e-global-typography-582ee56-font-size );font-weight:var( --e-global-typography-582ee56-font-weight );line-height:var( --e-global-typography-582ee56-line-height );letter-spacing:var( --e-global-typography-582ee56-letter-spacing );color:#FFFFFF;}body.elementor-page-2258:not(.elementor-motion-effects-element-type-background), body.elementor-page-2258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2258 .elementor-element.elementor-element-16d0b65a{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2258 .elementor-element.elementor-element-7a0aaed8{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2258 .elementor-element.elementor-element-75aec5fd{font-size:var( --e-global-typography-582ee56-font-size );line-height:var( --e-global-typography-582ee56-line-height );letter-spacing:var( --e-global-typography-582ee56-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2258 .elementor-element.elementor-element-7a0aaed8{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2258 .elementor-element.elementor-element-75aec5fd{font-size:var( --e-global-typography-582ee56-font-size );line-height:var( --e-global-typography-582ee56-line-height );letter-spacing:var( --e-global-typography-582ee56-letter-spacing );}}/* Start custom CSS *//* =========================================
   FLUID GRADIENT – FULL HEIGHT (100vh)
   Subtle breathing · no hard edges · grain
========================================= */

.fluid-gradient {
  position: relative;
  min-height: 40vh;
  overflow: hidden;
  background: #000;
}

/* ===== FARBLAYER ===== */
.fluid-gradient::before {
  content: "";
  position: absolute;
  inset: 5%;                 /* extra groß → keine Kanten */
  z-index: 0;
  pointer-events: none;

  background:
    /* rechter Blau-Block */
    radial-gradient(1400px 1100px at 100% 90%,
      rgba(28, 26, 133, 0.95) 0%,
      rgba(28, 26, 133, 0.55) 38%,
      rgba(10, 10, 30, 0.35) 60%,
      rgba(0, 0, 0, 0.85) 82%
    ),

    /* Violett unten links */
    radial-gradient(50% 1100px at 1% 0%,
      rgba(95, 35, 197, 0.85) 0%,
      rgba(95, 35, 197, 0.45) 42%,
      rgba(20, 10, 40, 0.35) 65%,
      rgba(0, 0, 0, 0.85) 85%
    ),

    /* Übergangs-Bridge */
    radial-gradient(50% 50% at 55% 72%,
      rgba(60, 120, 255, 0.28) 0%,
      rgba(30, 40, 80, 0.25) 55%,
      rgba(0, 0, 0, 0.75) 80%
    ),

    /* globale Vignette */
    radial-gradient(140% 120% at 50% 50%,
      rgba(0, 0, 0, 0.00) 0%,
      rgba(0, 0, 0, 0.35) 60%,
      rgba(0, 0, 0, 0.75) 100%
    );

  filter: blur(28px) saturate(120%);
  transform: translate3d(0, 0, 0) scale(1.12);
  will-change: transform, filter;

  animation: fluidBreathe 22s ease-in-out infinite;
}

/* ===== SUBTILES ATMEN ===== */
@keyframes fluidBreathe {
  0% {
    transform: translate3d(-1.2%, -1.0%, 0) scale(1.12);
    filter: blur(28px) saturate(118%);
  }
  50% {
    transform: translate3d(1.4%, 1.2%, 0) scale(1.15);
    filter: blur(30px) saturate(125%);
  }
  100% {
    transform: translate3d(-1.2%, -1.0%, 0) scale(1.12);
    filter: blur(28px) saturate(118%);
  }
}

/* ===== GRAIN LAYER (MORE) ===== */
.fluid-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  /* mehr Kontrast + etwas feinere Struktur */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='5' stitchTiles='stitch'/%3E%3C/ filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  background-size: 120px 120px;

  /* soft-light bleibt edel; optional overlay für stärker */
  mix-blend-mode: soft-light;
  opacity: 0.55;

  animation: grainMove 1.1s steps(4) infinite;
}


@keyframes grainMove {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(-2px, 2px); }
  50%  { transform: translate(2px, -2px); }
  75%  { transform: translate(-2px, -1px); }
  100% { transform: translate(0, 0); }
}

/* ===== CONTENT ABOVE ===== */
.fluid-gradient > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PPNeueMachina-InktrapUprightVF';
	font-display: auto;
	src: url('https://ki-bereit.de/wp-content/uploads/2025/12/PPNeueMachina-InktrapUprightVariable.ttf') format('truetype');
}
/* End Custom Fonts CSS */