/*
 Theme Name:   PZ customized
 Theme URI:    https://pz-systeme.de
 Description:
 Author:       John Doe
 Author URI:   https://pz-systeme.de
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/


#loadingscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: black !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    opacity: 1 !important;
    transition: opacity 0.5s ease !important;
}

#loadingscreen img {
    width: 100% !important; 
    height: 100% !important;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
  --BrickHeight:0px;
  --AbsHeightLogo:1000px;
  --WritableBrickHeight:0px;

  --primary:#1C58A7;/* #0B3975; */
  --secondary:#65D5FF;/* #003459 */
  --tertiary:#202D3E; 
}

body.elementor-editor-active{
  background-color: var(--tertiary);
};

h1,
h2,
h3,
h4,
h5,
h6, p, a{
  font-family: 'Montserrat', sans-serif !important;
  scroll-behavior: smooth;
}

/* unsorted quick fixes - need to be sorted */
.sina-bar-content .sina-bar-percent::after{
  content: "%";
  word-wrap: none;
}


#menu-left-main-menu{
  list-style-type: none;
  position: relative;
  margin: 0;
}

#menu-bottom-main-footer{
	list-style-type: none;
}

#menu-left-main-menu a{
  z-index: 2;
}

    #menu-left-main-menu a.navelement::after{
      content:' ';
      opacity:.2;
      padding: 0;
      margin: 0;
      top: 100VH;
      left: 0;
      position:absolute;
      background-image: url('../pz/assets/img/perfect4x1secondary.svg');
      background-repeat: no-repeat;
      width:100%;
      height:var(--BrickHeight);
      z-index: -1;
      background-size:cover;
      background-position:center bottom;
      transition: all ease .5s;
    }
        #menu-left-main-menu a.navelement-hovered::after {
          content:' ';
          opacity:.8;
          padding: 0;
          margin: 0;
          top:0;
          left: 0;
          position:absolute;
          background-image: url('../pz/assets/img/perfect4x1secondary.svg');
          background-repeat: no-repeat;
          width:100%;
          height:var(--BrickHeight);
          z-index: -1;
          background-size:cover;
          background-position:center bottom;
          transition: all ease .5s;
        }

          #menu-left-main-menu a.navelement:focus{
            color: white;
            outline: none !important;
          }


          #menu-left-main-menu-responsive{
            position: fixed;
            transition: all ease .4s;
          }


          #menu-left-main-menu-responsive .menu-left-main-menu-container{
            height: 100%;
            width: 100%;
            padding: 10px;
          }

          #menu-left-main-menu-responsive ul{
            list-style-type: none;
            margin: 0;
            position: relative;
            width: 100%;
            height: 100%;
            display: table;
            text-align: center;
          }

          #menu-left-main-menu-responsive li{
            display: table-row;
          }

          #menu-left-main-menu-responsive a{
            display: table-cell;
            width: 100%;
            vertical-align: middle;
            border-bottom: 1px solid var(--tertiary);
          }

          #menu-left-main-menu-responsive.menu-hidden{
            opacity: 0;
            left: -100%;
          }

          #menu-left-main-menu-responsive.menu-visible{
            opacity: 1;
            left: 0;
          }

#sliderr{
  top: -90px;
  margin-bottom: 90px;
  transition: all ease .4s;
}

#modal_bg_blend{
  overflow: visible;
}

.headline_pz{
    text-transform: uppercase;
    font-size: 28px !important;
    text-align: center;
}


.timeline--points .elementor-tab-title{
  display: flex;
  align-items: center;
}
.timeline--points .elementor-accordion-icon{
  width: unset !important; 
  min-width: 1.1em !important; 
  font-size: 200%;
}
.timeline--points .elementor-accordion-icon .fa{
  margin-right: 0px;
}
.timeline--points .elementor-accordion-icon-opened{
  margin-right: 30px !important;
}

#bildergalerie .timeline--points > *{
  transition: all ease .5s !important;
}

#bildergalerie>.elementor-container::before{
  content: " ";
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: rgba(255,255,255,.5);
  top: 0;
  left: 42px;
  display: block;
}


#menu--container{
	max-width: 250px;
	position: fixed;

}

#menu--list--container{
  /*Position*/
  position: relative;
}

    #menu--logo{
      order: 0;
      width: 250px;
      background-color: var(--primary);
    }

    #menu-left-main-menu{
      order: 1;
      padding: 0;
    }

        #menu-left-main-menu>li{
          position: relative;
          display: flex;
        }

            #menu-left-main-menu>li>a{
              font-size: 20px;
              width: 100%;
              text-align: center;
              line-height: 75px;
            }



body{
  /* scroll-snap-type: mandatory;
  scroll-snap-type: x mandatory;
  scroll-snap-points-x: repeat(300px);
  scroll-behavior: smooth; */
}

.standart--section{
  scroll-snap-align: start;
	padding-left: 250px;
  position: relative;
}

  .standart--section .elementor-background-video-embed{
      filter: blur(3px) brightness(0.3);
      position: fixed;
      height: 5000px;
  }


    .sticky-lego-brick{
      background-image: url("../pz/assets/img/perfect4x1primary.svg");
      position: absolute;
      width: 250px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position:center bottom;
      opacity: 1;
      border-top: 1px solid #114d9a;


      z-index: 2;/*stacking-context of main-content*/
    }

        .standart--section#projekt .sticky-lego-brick{
          position: fixed;
          top: var(--AbsHeightLogo);
          width: 250px;
          border-top: 1px solid #114d9a;
        }

        #bildergalerie .slick-dots *{
          display: none;
        }

        /* #bildergalerie {
          height: 120vh !important;
        } */

        #bg{
          /*Color*/
          background: rgba(28, 88, 167, 0.25);
          z-index: 1; /*stacking-context of main-content*/
          height: 100%;
          position: fixed;
          width: 250px;
        }



#footer--nav *:not(a){
  display: flex;
  margin-left: 0;
  padding: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: auto;
}
    #footer--nav li{
      padding-right: 10px;
    }


    #d3LDRview{
      height: 500px;
      width: 100%;
    }

    #logarea{
      color: rgba(255, 255, 255, 0.4);
      position: absolute;
      text-align: center;
      width: 100%;
      height: 100%;
      font-size: 30px;
      padding: 20px;
    }

    /* .slick-slide{
      height: 100%;
      background-position: center;
    } */

    #bauplaene li{
      cursor: pointer;
    }


    #kommentare .comments-count-wrapper{
      position: relative;
    }

        #kommentare .comments-count-wrapper .comments-title{
          display: inline-block;
        }
        #kommentare .comments-count-wrapper input{
          display: inline-block;
          right: 0;
          position: absolute;
        }

        .comment-respond{
          display: none;
        }

        #modal_bg_blend .comment-respond, .comment-respond-cloned{
          background-color: var(--tertiary);
          border-radius: 25px;
          padding: 1% 2% 1% 2%;
        }

          #kommentare .comments-area{
            border: none !important;
          }
          #kommentare .comment-respond{
            border: none;
          }

              #kommentare .ast-comment{
                border: none !important;
                background-color: rgba(0,0,0,0.17);
                border-radius: 10px;
                padding: 10px !important;
                margin-bottom: 5px;
              }
              #modal_bg_blend{
                width: 100vw;
                height: 100vh;
                position: fixed;
                z-index: 1000;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,.80);
                padding: 10% 20% 10% 20%;
                opacity: 0;
                display: none;
                transition: all ease .4s;
              }
              #modal-xOut{
                content: "/f00d";
                font: normal normal normal 30px/1 FontAwesome;
                text-align: right;
              }
              #modal-xOut:hover{
                color: red;
              }

/* .Title{
  border-color: red;
    color: rgba(23, 32, 44, 0.95);
    font-size: 40px;
    font-weight: bold;
    text-shadow: 0 0 1px hsla(214, 32%, 29%, 1);
    border-bottom: 4px solid hsla(214, 32%, 15%, 1);
} */

/* responsive style */

@media only screen and (max-width: 1024px){


  header#mobile-menu-trigger{
    height: 50px;
    width: 50px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 900;
    padding: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .3s;
  }
  header#mobile-menu-trigger:active{
    color: var(--secondary);
  }

  .headline_pz{
      text-transform: uppercase;
      font-size: 28px !important;
      text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -8px 6px 13px rgba(0,0,0,0.35);
  }

  #menu-left-main-menu-responsive .elementor-widget-container{
    height: 100vh;
    width: 100vw;
  }
    #bg{
      display: none;
    }

  .standart--section{
  	padding-left: unset;
    box-shadow: unset !important;
  }

  #bildergalerie {
    height: auto !important;
  }


  #kommentare .comments-count-wrapper input{
    right: unset;
    position: relative;
    width: 100%;
  }
          #modal_bg_blend{
            padding: 0;
            bottom: 0;
            overflow: scroll;
          }
          #modal_bg_blend .comment-respond, .comment-respond-cloned{
            border-radius: unset;
            min-height: 100vh;
          }

          #modal_bg_blend textarea#comment{
            height: 150px;
          }


  #daten .container--container{
    display: flex;
    flex-direction: column;
  }

  #daten .container--container .container--top{
    order: 1;
  }
        #daten .container--container .container--below:nth-of-type(1){
          order: 2;
        }
              #daten .container--container .container--below:nth-of-type(3){
                order: 3;
              }


  #bauplaene #canvas--container .elementor-widget-container{
    overflow: hidden;
  }
        #bauplaene #downloadelmnt{
          background-color: var(--secondary);
        }
              #bauplaene #downloadelmnt span{
                color: var(--tertiary) !important;
              }
                  #bauplaene #downloadelmnt span i{
                    color: var(--tertiary) !important;
                  }


  #bildergalerie{
    padding-bottom: 100px
  }
  .standart--section{
    background-repeat: no-repeat;
    background-size: cover;
  }

  #sliderr{
    max-height: 133vh;
    top: -60px;
    transition: all ease .4s;
  }

  #sliderr ul{
    height: 70px;
  }

 
  #bildergalerie > .elementor-container::before{
    content: " ";
    position: relative;
    height: 100%;
    width: 4px;
    background-color: rgba(255,255,255,.5);
    top: 0;
    left: 0;
    display: block;

  }
}