.elementor-146 .elementor-element.elementor-element-f3c1275{--display:flex;--min-height:826px;--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;--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-146 .elementor-element.elementor-element-f3c1275:not(.elementor-motion-effects-element-type-background), .elementor-146 .elementor-element.elementor-element-f3c1275 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zephura.de/wp-content/uploads/2026/01/hex-background-networking-scaled.png");background-position:bottom center;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-146 .elementor-element.elementor-element-bdfb5fc img{max-width:39%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-99ea000{text-align:center;}.elementor-146 .elementor-element.elementor-element-99ea000 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:300;color:#000000;}.elementor-146 .elementor-element.elementor-element-1fdefa9{--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;}.elementor-146 .elementor-element.elementor-element-1fdefa9:not(.elementor-motion-effects-element-type-background), .elementor-146 .elementor-element.elementor-element-1fdefa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-146 .elementor-element.elementor-element-9a5906f{--spacer-size:50px;}.elementor-146 .elementor-element.elementor-element-59a83dd{--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;}.elementor-146 .elementor-element.elementor-element-59a83dd:not(.elementor-motion-effects-element-type-background), .elementor-146 .elementor-element.elementor-element-59a83dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-3ea437a{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-146 .elementor-element.elementor-element-8fbdf46{--spacer-size:50px;}.elementor-146 .elementor-element.elementor-element-4992743{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-146 .elementor-element.elementor-element-bdfb5fc img{max-width:49%;}}/* Start custom CSS for html, class: .elementor-element-7458ce1 */.scroll-indicator{
  position: absolute;          /* wenn im Hero “unten” */
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 48px;
  height: 2px;
  pointer-events: none;
}

.scroll-indicator .chevron{
  position: absolute;
  left: 50%;
  top: 0;
  width: 28px;
  height: 10px;
  transform: translateX(-50%);
  opacity: 0;
  animation: chevronMove 2s ease-out infinite;
}

.scroll-indicator .chevron:before,
.scroll-indicator .chevron:after{
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: currentColor;    /* nimmt Farbe vom Parent */
}

.scroll-indicator{
  color: rgba(0,0,0,.55);      /* Pfeilfarbe hier ändern */
}

.scroll-indicator .chevron:before{
  left: 0;
  transform: skewY(30deg);
}

.scroll-indicator .chevron:after{
  right: 0;
  transform: skewY(-30deg);
}

.scroll-indicator .chevron:nth-child(1){ animation-delay: 0s; }
.scroll-indicator .chevron:nth-child(2){ animation-delay: .25s; }
.scroll-indicator .chevron:nth-child(3){ animation-delay: .5s; }

@keyframes chevronMove{
  0%   { opacity: 0; transform: translate(-50%, 15px) scale(.7); }
  25%  { opacity: 1; }
  33%  { opacity: 1; transform: translate(-50%, 1px) scale(1); }
  67%  { opacity: 1; transform: translate(-50%, 1px) scale(1); }
  100% { opacity: 0; transform: translate(-50%, 40px) scale(.7); }
}/* End custom CSS */