.elementor-5810 .elementor-element.elementor-element-61c98c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--position:fixed;top:0px;--z-index:90;}body:not(.rtl) .elementor-5810 .elementor-element.elementor-element-61c98c9{left:0px;}body.rtl .elementor-5810 .elementor-element.elementor-element-61c98c9{right:0px;}.elementor-5810 .elementor-element.elementor-element-52ac434{--display:flex;--background-transition:0.3s;--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-5810 .elementor-element.elementor-element-89fdae9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5810 .elementor-element.elementor-element-89fdae9.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-89fdae9 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-5810 .elementor-element.elementor-element-5d54e42{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--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-5810 .elementor-element.elementor-element-5d54e42.e-con{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-b4da44a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5810 .elementor-element.elementor-element-b4da44a.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-b4da44a .elementor-widget-container{filter:drop-shadow(5px 5px 5px #0000001C);}.elementor-5810 .elementor-element.elementor-element-2a45c9c{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:fixed;top:0px;}.elementor-5810 .elementor-element.elementor-element-2a45c9c:not(.elementor-motion-effects-element-type-background), .elementor-5810 .elementor-element.elementor-element-2a45c9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-5810 .elementor-element.elementor-element-2a45c9c, .elementor-5810 .elementor-element.elementor-element-2a45c9c::before{--border-transition:0.3s;}.elementor-5810 .elementor-element.elementor-element-2a45c9c.e-con{--align-self:center;}body:not(.rtl) .elementor-5810 .elementor-element.elementor-element-2a45c9c{left:0px;}body.rtl .elementor-5810 .elementor-element.elementor-element-2a45c9c{right:0px;}.elementor-5810 .elementor-element.elementor-element-65fbcb1{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:flex-end;--background-transition:0.3s;--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-5810 .elementor-element.elementor-element-65fbcb1.e-con{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-f4d0a0a{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--z-index:1;}.elementor-5810 .elementor-element.elementor-element-e9c84aa{text-align:center;font-family:"Unica One", Sans-serif;font-size:32px;font-weight:400;text-transform:uppercase;line-height:30px;}.elementor-5810 .elementor-element.elementor-element-e9c84aa.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-e9c84aa.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-e9c84aa.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-e9c84aa .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-e9c84aa .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-5810 .elementor-element.elementor-element-e9c84aa.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-4e848fb{text-align:center;font-family:"Unica One", Sans-serif;font-size:32px;font-weight:400;text-transform:uppercase;line-height:30px;}.elementor-5810 .elementor-element.elementor-element-4e848fb.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-4e848fb.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-4e848fb.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-4e848fb .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-4e848fb .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-5810 .elementor-element.elementor-element-4e848fb.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-d7736ae{text-align:center;font-family:"Unica One", Sans-serif;font-size:32px;font-weight:400;text-transform:uppercase;line-height:30px;}.elementor-5810 .elementor-element.elementor-element-d7736ae.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-d7736ae.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-d7736ae.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-d7736ae .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-d7736ae .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-5810 .elementor-element.elementor-element-d7736ae.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-3ea4064{--spacer-size:50px;}.elementor-5810 .elementor-element.elementor-element-8103770{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-5810 .elementor-element.elementor-element-8103770.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5810 .elementor-element.elementor-element-8621294{font-family:"Unica One", Sans-serif;font-size:22px;font-weight:200;text-transform:uppercase;}.elementor-5810 .elementor-element.elementor-element-8621294.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-8621294.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-8621294.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-8621294 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-8621294 .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-5810 .elementor-element.elementor-element-8621294.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-780988f{text-align:center;font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-5810 .elementor-element.elementor-element-780988f.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-780988f.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-780988f.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-780988f .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-e53f63f{text-align:center;font-family:"Unica One", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:20px;}.elementor-5810 .elementor-element.elementor-element-e53f63f.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-e53f63f.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-e53f63f.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-e53f63f .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-e53f63f .elementor-widget-container p:last-child{margin-bottom:0px;}.elementor-5810 .elementor-element.elementor-element-e53f63f.elementor-element{--align-self:center;}.elementor-5810 .elementor-element.elementor-element-df79fa2{text-align:center;font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-5810 .elementor-element.elementor-element-df79fa2.ob-harakiri{writing-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-df79fa2.ob-harakiri .elementor-heading-title{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-df79fa2.ob-harakiri .elementor-widget-container > div{writing-mode:inherit;transform:rotate(0deg);}.elementor-5810 .elementor-element.elementor-element-df79fa2 .elementor-widget-container{text-indent:0px;mix-blend-mode:inherit;}.elementor-5810 .elementor-element.elementor-element-df79fa2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5810 .elementor-element.elementor-element-099e2ab{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--position:absolute;top:0px;--z-index:0;}body:not(.rtl) .elementor-5810 .elementor-element.elementor-element-099e2ab{left:0px;}body.rtl .elementor-5810 .elementor-element.elementor-element-099e2ab{right:0px;}.elementor-5810 .elementor-element.elementor-element-e4513c8{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:1;}.elementor-5810 .elementor-element.elementor-element-e4513c8::before, .elementor-5810 .elementor-element.elementor-element-e4513c8 > .elementor-background-video-container::before, .elementor-5810 .elementor-element.elementor-element-e4513c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-5810 .elementor-element.elementor-element-e4513c8 > .elementor-background-slideshow::before, .elementor-5810 .elementor-element.elementor-element-e4513c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5810 .elementor-element.elementor-element-e4513c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-image:url("https://jachan-tragwerke.de/wp-content/uploads/2024/03/tim-hufner-uryE1y31eTA-unsplash-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5810 .elementor-element.elementor-element-e4513c8::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5810 .elementor-element.elementor-element-e4513c8, .elementor-5810 .elementor-element.elementor-element-e4513c8::before{--border-transition:0.3s;}.elementor-5810 .elementor-element.elementor-element-e4513c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5810 .elementor-element.elementor-element-27fc177{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5810 .elementor-element.elementor-element-88ac29f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}@media(max-width:767px){.elementor-5810 .elementor-element.elementor-element-8103770{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-5810 .elementor-element.elementor-element-8621294{text-align:center;}}@media(min-width:768px){.elementor-5810 .elementor-element.elementor-element-65fbcb1{--width:100%;}.elementor-5810 .elementor-element.elementor-element-8103770{--width:100%;}.elementor-5810 .elementor-element.elementor-element-e4513c8{--width:33.491%;}.elementor-5810 .elementor-element.elementor-element-88ac29f{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-89fdae9 */.elementor-5810 .elementor-element.elementor-element-89fdae9{
    cursor: pointer;
}
#TPJ_logo_start{
    fill: #000;
    width: 150px;
}

.fadeup{
    transition:none; 
}

.hero_tpj_start{
    
    
}


 .site_logo{
     z-index: 99;
    position: fixed;
    transform: translate(-50% , 0%);
    padding-top: 10px;
    padding-bottom:  10px;
    top: 0%;
    left: 50%;
    width: 160px;
    height: auto;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.menu-button{
     z-index: 99;
    position: fixed;
    transform: translate(0% , 0%);
    padding-top: 10px;
    padding-bottom:  10px;
    top: 0%;
    right:0%;
    width: 50px;
    height: 50px;
    /*   box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);*/
    /*backdrop-filter: blur(5px);*/
    /*-webkit-backdrop-filter: blur(5px);*/
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4da44a */.elementor-5810 .elementor-element.elementor-element-b4da44a{
    cursor: pointer;
    transform: 0.3s;
}
.TPJ_menu_button{
    width: 100%
    

}
#back{
    fill: white;
    
    }
#open{
    fill: none;
    stroke: #000;
    transition:  0.3s ease;
    transform-origin: center center;
    /*stroke-linecap: round;*/
    /*    stroke-linejoin: round;*/
        stroke-width: 8.99px;
}
#close{
    fill: #000;
    display: none;
}
.TPJ_menu_button:hover #open{
   scale: 1.1;
}

 #menu-toggle  { }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4d0a0a */.elementor-5810 .elementor-element.elementor-element-f4d0a0a{
    overflow: hidden;
}
.elementor-5810 .elementor-element.elementor-element-f4d0a0a a{
    color: currentcolor;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a45c9c */.offcanvas-menu-neu {
    /*position: fixed;*/
    /*height: 100vh;*/
    /*width: 100vw;*/
    background: white!important;
    z-index: 70;
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*display: flex;*/
    justify-content: center; /* Horizontal zentrieren */
    align-items: center; /* Vertikal zentrieren */
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}


/* CSS für die Navigationselemente */
.nav-item-offcanvas {
    /*position: relative;*/
    /*display: inline-block;*/
    padding-bottom: 5px;
    cursor: pointer;
    transition: letter-spacing 0.3s ease; 
    overflow: hidden;
}

/* CSS für die Underline */
.nav-item-offcanvas::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; /* Anfangs unsichtbare Breite */
    height: 2px; /* Höhe der Underline */
    background-color: #000; /* Farbe der Underline */
    transition: width 0.3s ease; /* Animationsübergang */
   
}

/* CSS für die Animation bei Hover */
.nav-item-offcanvas:hover::after {
    width: 100%; /* Breite auf 100% setzen */
}

/* CSS für Buchstabenabstand bei Hover */
.nav-item-offcanvas:hover {
    letter-spacing: 2px!important; /* Erhöhter Buchstabenabstand beim Hover */
}
/*clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);*/
/*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/

.elementor-5810 .elementor-element.elementor-element-2a45c9c a{
    color: currentcolor;
}/* End custom CSS */