.elementor-9169 .elementor-element.elementor-element-d55bcb8{--display:flex;--min-height:90vh;--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;--padding-top:400px;--padding-bottom:10%;--padding-left:0;--padding-right:0;}.elementor-9169 .elementor-element.elementor-element-d55bcb8:not(.elementor-motion-effects-element-type-background), .elementor-9169 .elementor-element.elementor-element-d55bcb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lohrelement.de/wp-content/uploads/2024/11/schalungssysteme-schalen-und-daemmen-lohrelement-erweitert-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9169 .elementor-element.elementor-element-368c5de{--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-9169 .elementor-element.elementor-element-efa73c1 .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:clamp(2.1875rem, 0.8542rem + 2.0833vw, 2.9375rem);font-weight:bold;line-height:1.2em;color:#FFFFFF;}.elementor-9169 .elementor-element.elementor-element-77df9e3{--display:flex;--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:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.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 );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-9169 .elementor-element.elementor-element-2918399{font-family:"Helvetica Neue", Sans-serif;font-size:18px;font-weight:300;line-height:1.25em;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9169 .elementor-element.elementor-element-d55bcb8{--content-width:100%;}.elementor-9169 .elementor-element.elementor-element-77df9e3{--content-width:1440px;}}@media(max-width:1024px){.elementor-9169 .elementor-element.elementor-element-d55bcb8{--min-height:85vh;--padding-top:250px;--padding-bottom:15%;--padding-left:0;--padding-right:0;}.elementor-9169 .elementor-element.elementor-element-368c5de{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9169 .elementor-element.elementor-element-368c5de.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9169 .elementor-element.elementor-element-77df9e3{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-9169 .elementor-element.elementor-element-2918399{line-height:1.25em;}}@media(max-width:767px){.elementor-9169 .elementor-element.elementor-element-d55bcb8{--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-9169 .elementor-element.elementor-element-d55bcb8:not(.elementor-motion-effects-element-type-background), .elementor-9169 .elementor-element.elementor-element-d55bcb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:30% 0px;}.elementor-9169 .elementor-element.elementor-element-368c5de{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9169 .elementor-element.elementor-element-368c5de.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9169 .elementor-element.elementor-element-77df9e3{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for heading, class: .elementor-element-efa73c1 */.elementor-9169 .elementor-element.elementor-element-efa73c1 .underline-animation, .elementor-9169 .elementor-element.elementor-element-efa73c1 .circle-animation{
    position: relative;
    display: inline-block;
}
.elementor-9169 .elementor-element.elementor-element-efa73c1 .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-9169 .elementor-element.elementor-element-efa73c1 .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 container, class: .elementor-element-d55bcb8 *//*#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 text-editor, class: .elementor-element-2918399 */.elementor-9169 .elementor-element.elementor-element-2918399 strong{
    font-weight: 500;
    line-height: 2
}/* End custom CSS */
/* Start Custom Fonts CSS *//* End Custom Fonts CSS */