.elementor-13304 .elementor-element.elementor-element-e53d55f{--display:flex;--min-height:0vh;--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:flex-end;--overlay-opacity:1;--overlay-mix-blend-mode:screen;--padding-top:400px;--padding-bottom:10%;--padding-left:0;--padding-right:0;}.elementor-13304 .elementor-element.elementor-element-e53d55f:not(.elementor-motion-effects-element-type-background), .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4D4D4D 0%, #AAAAAAAA 100%);}.elementor-13304 .elementor-element.elementor-element-e53d55f::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-background-video-container::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .e-con-inner > .elementor-background-video-container::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-background-slideshow::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );background-image:url("https://lohrelement.de/wp-content/uploads/2024/11/polygon-shape-divider.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-13304 .elementor-element.elementor-element-8dd046a{--display:flex;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;--z-index:15;}.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-13304 .elementor-element.elementor-element-e8e59d0 .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:clamp(2.1875rem, 0.8542rem + 2.0833vw, 2.9375rem);font-weight:bold;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-13304 .elementor-element.elementor-element-051cf6c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-13304 .elementor-element.elementor-element-051cf6c .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:clamp(1.4375rem, 0.2153rem + 1.9097vw, 2.125rem);font-weight:300;line-height:1.2em;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-13304 .elementor-element.elementor-element-9d7675a{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--padding-top:4%;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-13304 .elementor-element.elementor-element-9d7675a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13304 .elementor-element.elementor-element-fc62b25{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:18px 18px;--row-gap:18px;--column-gap:18px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13304 .elementor-element.elementor-element-5846f87{--display:flex;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-13304 .elementor-element.elementor-element-5846f87:not(.elementor-motion-effects-element-type-background), .elementor-13304 .elementor-element.elementor-element-5846f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-13304 .elementor-element.elementor-element-2b68051 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-13304 .elementor-element.elementor-element-2b68051{text-align:center;}.elementor-13304 .elementor-element.elementor-element-2b68051 .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:17px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-13304 .elementor-element.elementor-element-d604c6d{--display:flex;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-13304 .elementor-element.elementor-element-d604c6d:not(.elementor-motion-effects-element-type-background), .elementor-13304 .elementor-element.elementor-element-d604c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-13304 .elementor-element.elementor-element-84b6634 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-13304 .elementor-element.elementor-element-84b6634{text-align:center;}.elementor-13304 .elementor-element.elementor-element-84b6634 .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:17px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-13304 .elementor-element.elementor-element-3c0a67c{--display:flex;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-13304 .elementor-element.elementor-element-3c0a67c:not(.elementor-motion-effects-element-type-background), .elementor-13304 .elementor-element.elementor-element-3c0a67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-13304 .elementor-element.elementor-element-5ae335c > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-13304 .elementor-element.elementor-element-5ae335c{text-align:center;}.elementor-13304 .elementor-element.elementor-element-5ae335c .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:17px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-13304 .elementor-element.elementor-element-4e87d82{--spacer-size:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13304 .elementor-element.elementor-element-e53d55f{--content-width:100%;}.elementor-13304 .elementor-element.elementor-element-9d7675a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13304 .elementor-element.elementor-element-9d7675a{--width:100%;}}@media(min-width:1025px){.elementor-13304 .elementor-element.elementor-element-e53d55f::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-background-video-container::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .e-con-inner > .elementor-background-video-container::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-background-slideshow::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13304 .elementor-element.elementor-element-e53d55f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1024px){.elementor-13304 .elementor-element.elementor-element-e53d55f{--min-height:85vh;--padding-top:250px;--padding-bottom:15%;--padding-left:0;--padding-right:0;}.elementor-13304 .elementor-element.elementor-element-8dd046a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-13304 .elementor-element.elementor-element-8dd046a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-13304 .elementor-element.elementor-element-9d7675a{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-13304 .elementor-element.elementor-element-fc62b25{--grid-auto-flow:row;}.elementor-13304 .elementor-element.elementor-element-4e87d82{--spacer-size:0px;}}@media(max-width:767px){.elementor-13304 .elementor-element.elementor-element-e53d55f{--min-height:80vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:30%;--padding-left:0;--padding-right:0;}.elementor-13304 .elementor-element.elementor-element-8dd046a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13304 .elementor-element.elementor-element-8dd046a.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-13304 .elementor-element.elementor-element-9d7675a{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13304 .elementor-element.elementor-element-fc62b25{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-e8e59d0 */.elementor-13304 .elementor-element.elementor-element-e8e59d0{
    word-break: break-word;
    hyphens: auto;
}
.elementor-13304 .elementor-element.elementor-element-e8e59d0 .underline-animation, .elementor-13304 .elementor-element.elementor-element-e8e59d0 .circle-animation{
    position: relative;
    display: inline-block;
}
.elementor-13304 .elementor-element.elementor-element-e8e59d0 .underline-animation::before{
        content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: url(/wp-content/uploads/2024/11/unterstrich-animation.svg) no-repeat center;
    background-size: contain;
    transform-origin: left;
    padding: 0 36px;
    box-sizing: content-box;
    margin-left: -27px;
    clip-path: inset(0 100% 0 0);
    animation: slide-right 2s forwards;
    animation-delay: 2s;
    margin-bottom: -6px;
}

@keyframes slide-right {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

.elementor-13304 .elementor-element.elementor-element-e8e59d0 .circle-animation::before{
    content: '';
    position: absolute;
    width: calc(100% + 3vw);
    height: calc(100% + 3vw);
    background: url(/wp-content/uploads/2024/11/circle-animation-aspect-ratio.svg) no-repeat center;
    background-size: contain;
    transform-origin: left;
    box-sizing: content-box;
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%);
    animation: 2s spiral reverse forwards;
    animation-delay: 2s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    max-height: 140px;
}

@media (max-width: 800px){
    #atf-heading .circle-animation::before{
        height: 100%;
    }
    #atf-heading .underline-animation::before{
        padding: 0 22px;
        margin-left: -11px;
        margin-bottom: 4px;
        z-index: -1;
    }
}
@keyframes spiral {  
  0% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 50%, 50% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  14.25% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 50% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  28.5% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 75% 25%, 75% 50%, 50% 50%, 50% 50%, 50% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  42.75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 25% 25%, 25% 50%, 25% 50%, 25% 50%, 25% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  57% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  71.25% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 75% 100%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 25%, 0% 25%); }
  85.5% { clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 0% 25%); }
  100% {clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-051cf6c */.elementor-13304 .elementor-element.elementor-element-051cf6c .underline-animation, .elementor-13304 .elementor-element.elementor-element-051cf6c .circle-animation{
    position: relative;
    display: inline-block;
}
.elementor-13304 .elementor-element.elementor-element-051cf6c .underline-animation::before{
        content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: url(https://lohrelement.de/wp-content/uploads/2024/11/unterstrich-animation-klein.svg) no-repeat center;
    background-size: contain;
    transform-origin: left;
    padding: 0 36px;
    box-sizing: content-box;
    margin-left: -27px;
    clip-path: inset(0 100% 0 0);
    animation: slide-right 2s forwards;
    animation-delay: 2s;
    margin-bottom: -6px;
}

@keyframes slide-right {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

.elementor-13304 .elementor-element.elementor-element-051cf6c .circle-animation::before{
    content: '';
    position: absolute;
    bottom: 0;
    /*left: 0;
    width: 100%;
    height: 100%;*/
    background: url(/wp-content/uploads/2024/11/kreis-animation.svg) no-repeat center;
    background-size: contain;
    transform-origin: left;
    /*padding: 7px 40px;*/
    box-sizing: content-box;
    /*margin-left: -41px;
    margin-bottom: -9px;*/
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%);
    animation: 2s spiral reverse forwards;
    animation-delay: 2s;
    z-index: -1;
    height: calc(100% + 20px);
    left: 50%;
    overflow: visible;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 20px);
    padding: 4px;
    margin-top: 3px;
    
}
@keyframes spiral {  
  0% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 50%, 50% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  14.25% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 50% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  28.5% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 75% 25%, 75% 50%, 50% 50%, 50% 50%, 50% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  42.75% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%, 25% 25%, 25% 50%, 25% 50%, 25% 50%, 25% 50%, 25% 50%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  57% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 25% 75%, 75% 75%, 75% 25%, 0% 25%); }
  71.25% { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 75% 100%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 75%, 75% 25%, 0% 25%); }
  85.5% { clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 75% 25%, 0% 25%); }
  100% {clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%, 0% 25%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e53d55f *//*#above-the-fold::before{
    z-index: 10;
    border-bottom: 1px solid #fff;
}*/
#transparent-header{
    margin-bottom: -250px;
}
@media (max-width: 1024px){
    #transparent-header{
        margin-bottom: -215px;
    }
}
#above-the-fold{
    clip-path: polygon(0 0%, 100% 0, 100% calc(100% - 17vw), 25% 100%, 0 calc(100% - 10vw));
}
#above-the-fold::after{
    position: absolute;
    content: "";
    background-color: #000;
    opacity: var(--atf-opacity, 0);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s opacity;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7675a */.elementor-13304 .elementor-element.elementor-element-9d7675a{
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}/* End custom CSS */
/* Start Custom Fonts CSS *//* End Custom Fonts CSS */