.elementor-2336 .elementor-element.elementor-element-6596bcfe{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.73;--overlay-mix-blend-mode:multiply;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-2336 .elementor-element.elementor-element-6596bcfe:not(.elementor-motion-effects-element-type-background), .elementor-2336 .elementor-element.elementor-element-6596bcfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://kanzlei-dh.de/wp-content/uploads/2026/02/Office_background.jpg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-2336 .elementor-element.elementor-element-6596bcfe::before, .elementor-2336 .elementor-element.elementor-element-6596bcfe > .elementor-background-video-container::before, .elementor-2336 .elementor-element.elementor-element-6596bcfe > .e-con-inner > .elementor-background-video-container::before, .elementor-2336 .elementor-element.elementor-element-6596bcfe > .elementor-background-slideshow::before, .elementor-2336 .elementor-element.elementor-element-6596bcfe > .e-con-inner > .elementor-background-slideshow::before, .elementor-2336 .elementor-element.elementor-element-6596bcfe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(139deg, #000000 0%, #000000 100%);}.elementor-2336 .elementor-element.elementor-element-6596bcfe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2336 .elementor-element.elementor-element-48b88bb0{--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;--justify-content:center;--gap:10px 20px;--row-gap:10px;--column-gap:20px;}.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-2336 .elementor-element.elementor-element-6484be4e{text-align:end;}.elementor-2336 .elementor-element.elementor-element-6484be4e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:90px;font-weight:800;text-transform:uppercase;text-decoration:none;line-height:78px;letter-spacing:2.7px;word-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F2F2F2;}.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-2336 .elementor-element.elementor-element-1549d5be{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-2336 .elementor-element.elementor-element-1549d5be.elementor-element{--align-self:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2336 .elementor-element.elementor-element-7dbfc631 .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:18px 35px 18px 35px;}.elementor-2336 .elementor-element.elementor-element-7dbfc631 .elementor-button:hover, .elementor-2336 .elementor-element.elementor-element-7dbfc631 .elementor-button:focus{background-color:#FFFFFF;color:#111013;}.elementor-2336 .elementor-element.elementor-element-7dbfc631{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2336 .elementor-element.elementor-element-7dbfc631 .elementor-button:hover svg, .elementor-2336 .elementor-element.elementor-element-7dbfc631 .elementor-button:focus svg{fill:#111013;}.elementor-2336 .elementor-element.elementor-element-5f9c6a35{--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-2336 .elementor-element.elementor-element-dc04a75{--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:065px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2336 .elementor-element.elementor-element-b42fff2{text-align:center;}.elementor-2336 .elementor-element.elementor-element-b42fff2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;letter-spacing:1.5px;word-spacing:0px;color:#000000;}.elementor-2336 .elementor-element.elementor-element-3175725{padding:0px 0px 030px 0px;text-align:center;}.elementor-2336 .elementor-element.elementor-element-3175725 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2em;font-weight:600;color:#000000;}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;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-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2336 .elementor-element.elementor-element-025fc50{--grid-columns:2;--grid-row-gap:5px;--grid-column-gap:4px;}.elementor-2336 .elementor-element.elementor-element-025fc50 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-2336 .elementor-element.elementor-element-025fc50 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2336 .elementor-element.elementor-element-025fc50 .e-loop-item > .elementor-section, .elementor-2336 .elementor-element.elementor-element-025fc50 .e-loop-item > .elementor-section > .elementor-container, .elementor-2336 .elementor-element.elementor-element-025fc50 .e-loop-item > .e-con, .elementor-2336 .elementor-element.elementor-element-025fc50 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2336 .elementor-element.elementor-element-025fc50 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2336 .elementor-element.elementor-element-025fc50 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2336 .elementor-element.elementor-element-025fc50 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2336 .elementor-element.elementor-element-025fc50 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2336 .elementor-element.elementor-element-025fc50 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-2336:not(.elementor-motion-effects-element-type-background), body.elementor-page-2336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-2336 .elementor-element.elementor-element-025fc50{--grid-columns:2;}}@media(min-width:768px){.elementor-2336 .elementor-element.elementor-element-6596bcfe{--width:100.332%;}.elementor-2336 .elementor-element.elementor-element-48b88bb0{--width:80%;}.elementor-2336 .elementor-element.elementor-element-5f9c6a35{--width:20%;}}@media(min-width:1025px){.elementor-2336 .elementor-element.elementor-element-6596bcfe:not(.elementor-motion-effects-element-type-background), .elementor-2336 .elementor-element.elementor-element-6596bcfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-2336 .elementor-element.elementor-element-6484be4e .elementor-heading-title{font-size:10vw;}.elementor-2336 .elementor-element.elementor-element-7dbfc631{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2336 .elementor-element.elementor-element-025fc50{--grid-columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-1549d5be */.services_par {
  font-family: "Azonix", Sans-serif;
    font-size: 200px;
    font-weight: 600;
    line-height: 1em;
    mix-blend-mode: difference;
    color: var(--e-global-color-c41a9ce);
}
.services_par {
  text-shadow: 0 10px 30px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS *//* Default = Elementor styles (black bg / white text) */
.Animated_head{
  transition: background-color 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.Animated_head .Animated_title,
.Animated_head .Animated_title *{
  transition: color .9s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scroll state = white bg / black text */
.Animated_head.is-white{
  background-color:#fff !important;
}

.Animated_head.is-white .Animated_title,
.Animated_head.is-white .Animated_title *{
  color:#000 !important;
}






/* Bigger + black */
.ethos-word-1 .elementor-heading-title{
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  font-size: clamp(48px, 8vw, 140px);
  font-weight: 800;
  color: #000;
}

/* clone behind */
.ethos-word-1 .ethos-slide_heading_clone{
  position:absolute;
  left:0; top:0;
  opacity:0.22;
  color:#000;
  pointer-events:none;
  user-select:none;
}

/* animated letters */
.ethos-word-1 .character{
  display:inline-block;
  position:relative;
  opacity:0;
  color:#000;
  will-change: transform, opacity;
}




/* =========================
   ETHOS #2 
   ========================= */

.ethos-word-2 .elementor-heading-title,
.ethos-word-2 h2{
  display:inline-block;
  white-space: nowrap;
  line-height: 1;
  font-size: clamp(48px, 8vw, 140px);
  font-weight: 900;
  color:#000;
}

.ethos-word-2 .ethos2-char{
  display:inline-block;
  will-change: transform, opacity, filter;
  animation: ethos2Wave 1.5s cubic-bezier(.55,0,.25,1) infinite;
  animation-delay: calc(var(--i) * 70ms);
}

.ethos-word-2 .ethos2-space{
  display:inline-block;
  width: .28em;
}

@keyframes ethos2Wave{
  0%   { transform: translate3d(0,0,0) rotate(0.001deg); opacity:1; filter: blur(0px); }
  22%  { transform: translate3d(0,-15px,0) rotate(-0.6deg); opacity:.92; filter: blur(0px); }
  44%  { transform: translate3d(0,0,0) rotate(0.001deg); opacity:1; filter: blur(0px); }
  100% { transform: translate3d(0,0,0) rotate(0.001deg); opacity:1; filter: blur(0px); }
}





/*--------------------*/
.ethos-word-3 .elementor-heading-title{
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  font-size: clamp(48px, 8vw, 140px);
  font-weight: 900;
  color: #000;
  cursor: default;
}

/* reel window */
.ethos-word-3 .character{
  display:inline-block;
  position:relative;
  overflow:hidden;
  height: 1em;
  vertical-align: top;
  will-change: transform;
  
}

/* two stacked copies */
.ethos-word-3 .character span{
  display:block;
  height:1em;
  line-height:1em;
  color:#000;
}

/* active copy (accent) */
.ethos-word-3 .character span.is-active{
  color:#49bbc0; 
}

.ethos-word-3.is-hovered .character{
  transition: transform 600ms cubic-bezier(.2,.8,.2,1);
}

.ethos-word-3.is-hovered .character span{
  transition: color 400ms ease;
}

.ethos-word-3.is-hovered .character span{
  color: #000 !important; 
}



/* =========================
   ETHOS #4 
   ========================= */

.ethos-word-4{
  position: relative;
  overflow: hidden;
}

/* keep it readable by default */
.ethos-word-4 .elementor-heading-title{
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  font-size: clamp(48px, 8vw, 140px);
  font-weight: 900;
  color: #000;

  /* loop motion */
  will-change: transform, background-position;
  animation: ethos4Float 2.5s cubic-bezier(.55,0,.25,1) infinite;
}

/* subtle underline */
.ethos-word-4 .elementor-heading-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-0.12em;
  height:0.06em;
  width:100%;
  background: currentColor;
  transform-origin: left;
  will-change: transform, opacity;
  animation: ethos4Underline 2.5s cubic-bezier(.55,0,.25,1) infinite;
}

/* sheen overlay (clipped to text) */
@supports (-webkit-background-clip: text) or (background-clip: text){
  .ethos-word-4 .elementor-heading-title{
    background-image: linear-gradient(
      90deg,
      currentColor 0%,
      currentColor 40%,
      rgba(255,255,255,.65) 50%,
      currentColor 60%,
      currentColor 100%
    );
    background-size: 240% 100%;
    background-position: 120% 0;

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    /* run both float + sheen */
    animation:
      ethos4Float 2.5s cubic-bezier(.55,0,.25,1) infinite,
      ethos4Sheen 2.5s cubic-bezier(.55,0,.25,1) infinite;
  }
}


@keyframes ethos4Float{
  0%   { transform: translate3d(0,0,0); }
  40%  { transform: translate3d(0,-6px,0); }
  100% { transform: translate3d(0,0,0); }
}

/* sheen passes once per cycle then rests */
@keyframes ethos4Sheen{
  0%   { background-position: 120% 0; }
  42%  { background-position: -40% 0; }
  100% { background-position: -40% 0; }
}

@keyframes ethos4Underline{
  0%   { transform: scaleX(.35); opacity: .18; }
  35%  { transform: scaleX(1.00); opacity: .75; }
  80%  { transform: scaleX(.85); opacity: .45; }
  100% { transform: scaleX(.35); opacity: .18; }
}







/* ETHOS #5=========================*/
  

.ethos-stage,
.ethos-words{
  overflow:hidden;
}


.ethos-words{
  position:relative;
  isolation:isolate;
}

/* Base split background */
.ethos-words::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  background: linear-gradient(135deg,
    #0aa7b3 0%,
    #0aa7b3 58%,
    #ffffff 58%,
    #ffffff 100%
  );
}


.ethos-words::after{
  content:"";
  position:absolute;
  inset:-30% -55%;
  z-index:1;
  pointer-events:none;

  background:white;
  will-change: transform;
  backface-visibility:hidden;
  transform: translate3d(35%,0,0) skewX(-40deg);
}

/* Keep ALL content (including #5) above backgrounds */
.ethos-words > *,
.ethos-words .e-con,
.ethos-words .elementor-element{
  position:relative;
  z-index:2;
}


.ethos-words.is-slide5-active::after{
  animation: ethosCoverLoop 6.0s cubic-bezier(.55,0,.25,1) infinite;
}


@keyframes ethosCoverLoop{
  0%   { transform: translate3d(35%,0,0)    skewX(-40deg); }
  50%  { transform: translate3d(-185%,0,0)  skewX(-40deg); }
  100% { transform: translate3d(35%,0,0)    skewX(-40deg); }
}

/* WORD (H2) base */
.ethos-word-5 .elementor-heading-title{
  display:inline-block;
  white-space:nowrap;
  line-height:1;
  font-size: clamp(48px, 8vw, 140px);
  font-weight:900;
  color:#000;

  will-change: transform, opacity;
  transform: translateX(-18%);
  opacity:0;
}

/* Word sync with the SAME loop timeline */
.ethos-words.is-slide5-active .ethos-word-5 .elementor-heading-title{
  animation: ethosWordLoop 6.0s cubic-bezier(.55,0,.25,1) infinite;
}

/* Enter while reveal starts, hold when revealed, fade while cover returns */
@keyframes ethosWordLoop{
  0%   { transform: translateX(-18%); opacity:0; }
  22%  { transform: translateX(0%);   opacity:1; }  /* arrives near the reveal */
  60%  { transform: translateX(0%);   opacity:1; }  /* centered with split bg */
  78%  { transform: translateX(-6%);  opacity:0; }  /* smooth disappear */
  100% { transform: translateX(-18%); opacity:0; }  /* ready for next cycle */
}

/========================= *//* End custom CSS */