/*
Theme Name: Bauzentrum - Loeffler
Theme URI: http://www.bauzentren-loeffler.de
Description: Design von Bauzentrum L�ffler
Author: 2peaches
Author URI: http://2peaches.de/
Version:1.0
Template: structure
*/



.header .container {

   /*max-width: 1180px;*/

}

.testimonial-5 .testimonials-list .testimonials-text {

  color: white;

}

.scheme .testimonials-list .author span:first-child {

  color: #2c66ff !IMPORTANT;

}

.breadcrumb ul:before {
  content: '<?php echo __('Hier:', 'thememove') ?>';
}

.eg-thememove-features-1-container {

	background-color: rgba(12, 92, 169, 0.6)!IMPORTANT;

}

.counting:before {

  background-color: white!IMPORTANT;

}

.intro5 .col-lg-9:after {

  background-color: #0058aa;

}

.contact-info span {

  color:black;

}

.contact-infos {
  color:black;

}

.timeline-head {

  font-size:24px;
}



.zitat p {

	color: #ffffff;
}

span .title {

	color: #ffffff;
}

.vc_progress_bar .vc_single_bar .vc_label {

  padding: 0em 1em;
  font-size: 90%;
}

.eg-thememove-features-1-content {
  background-color:transparent!IMPORTANT;
}

.esg-grid .mainul li.eg-thememove-features-1-wrapper {

  background-color:transparent!IMPORTANT;
}

.copyright {
  padding:15px 0;
}

.heading-title-3:before {
  width:0%;

}

.heading-title-2 {
  display:block;


}

.heading-title-2:before {
  width:0%;

}

.blue {
  color: #004994;
}

.footer .widget-title:after {
  width:0%;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-outline {

  color:#004994;
  border-color:#004994;

}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-outline:hover {

  background-color:#004994;
  border-color:#004994;
}

body.scheme {

  color: #686868;

}

p {
  font-size: 15px;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-classic {
  background-color:#004994;
  border-color:#004994;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-classic:hover {
  background-color:#18487a;
  border-color:#18487a;
}

.heading-title-3-uppercase {

  font-family: Montserrat, sans-serif;

}

.googlemap {
  height: 410px;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

h3.widget-title {

font-size: 18px!IMPORTANT;

}

canvas
{
    pointer-events: none;       /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
    position: absolute;
	  width: 100%;
	  height: 100%;
}

div.dates{

  width:100px;

}

.scheme .footer {
  background-color: #1B273D;
}

.scheme .top-area {
  background-color: #eeeeee;
  color: #888888;
}



/*640px*/
@media screen and (max-width : 640px) {
    div.mobile-hidden {
      display:none;
    }

    h2 {
      font-size: 18px!IMPORTANT;
    }

    .widget-service-sortiment div {
      padding-top:0px!IMPORTANT;
    }
    div.wpb_single_image {
      padding-bottom:10px!IMPORTANT;
    }

    div.vc_btn3-container {
      padding-bottom:10px!IMPORTANT;
    }

    .intro4 .col-sm-4 {
      padding:0px!IMPORTANT;
      padding-top:30px!IMPORTANT;
      width: 380px;
    }

    .mobile-top { 
      padding-top:0px;
    }

    .dates {
      display:none;
    }
    .background-picture-left {
      margin-left: 0%!important;
      border-radius: 0px 0px 0px 0px!important;
    }

    .background-picture-right {
      margin-right: 0%!important;
      border-radius: 0px 0px 0px 0px!important;
    }

    .corona-margin-right {
      margin-right: 0px!important;

    }

    .corona-margin-left {
      margin-left: 0px!important;

    }

  }

@media only screen and (min-width: 1024px) and (max-width: 1680px) {
  .background-picture-left {
    margin-left: 10%!important;
  }

  .background-picture-right {
    margin-right: 10%!important;
  }

  .corona-margin-right {
    margin-right: 50px!important;

  }

  .corona-margin-left {
    margin-left: 50px!important;

  }

}


/*iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .widget-service-sortiment {
      width: 100% !important;
    }

    .headroom .col-md-3 {
      width:20% !important;
    }

    .headroom .col-md-9,
    .top-area .col-md-9 {
      width: 80% !important;
    }
    div.mobile-full-width {
      width:100%;
    }

    .intro4 .col-sm-8 {
      padding-top: 0px;
    }

    .background-picture-left {
      margin-left: 2%!important;
    }

    .background-picture-right {
      margin-right: 2%!important;
    }

    .corona-margin-right {
      margin-right: 0px!important;

    }

    .corona-margin-left {
      margin-left: 0px!important;

    }
}
/* Popup Theme 78938: Popup Theme Bauzentrum */
.pum-theme-78938, .pum-theme-popup-theme-bauzentrum { background-color: rgba( 0, 90, 165, 0.60 ) }
.pum-theme-78938 .pum-container, .pum-theme-popup-theme-bauzentrum .pum-container { padding: 1px; border-radius: 1px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) }
.pum-theme-78938 .pum-title, .pum-theme-popup-theme-bauzentrum .pum-title { color: #383838; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 8px; line-height: 8px }
.pum-theme-78938 .pum-content, .pum-theme-popup-theme-bauzentrum .pum-content { color: #383838; font-family: inherit; font-weight: 400 }
.pum-theme-78938 .pum-content + .pum-close, .pum-theme-popup-theme-bauzentrum .pum-content + .pum-close { position: absolute; height: 30px; width: 80px; left: 50%; right: auto; bottom: 10px; top: auto; padding: 6px; color: #5e5e5e; font-family: inherit; font-weight: 600; font-size: 12px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 235, 235, 235, 1.00 ); transform: translateX(-50%) }

/* Popup Theme 78929: Standard-Theme */
.pum-theme-78929, .pum-theme-standard-theme { background-color: rgba( 255, 255, 255, 1.00 ) }
.pum-theme-78929 .pum-container, .pum-theme-standard-theme .pum-container { padding: 18px; border-radius: px; border: 1px none #000000; box-shadow: 1px 1px 3px px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) }
.pum-theme-78929 .pum-title, .pum-theme-standard-theme .pum-title { color: #000000; text-align: left; text-shadow: px px px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px }
.pum-theme-78929 .pum-content, .pum-theme-standard-theme .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit }
.pum-theme-78929 .pum-content + .pum-close, .pum-theme-standard-theme .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: px; bottom: auto; top: px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: px; box-shadow: 1px 1px 3px px rgba( 2, 2, 2, 0.23 ); text-shadow: px px px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) }

/* Popup Theme 78930: Light Box */
.pum-theme-78930, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) }
.pum-theme-78930 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) }
.pum-theme-78930 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px }
.pum-theme-78930 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 }
.pum-theme-78930 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) }

/* Popup Theme 78931: Enterprise Blue */
.pum-theme-78931, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) }
.pum-theme-78931 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) }
.pum-theme-78931 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px }
.pum-theme-78931 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 }
.pum-theme-78931 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) }

/* Popup Theme 78932: Hallo Box */
.pum-theme-78932, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) }
.pum-theme-78932 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) }
.pum-theme-78932 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px }
.pum-theme-78932 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 }
.pum-theme-78932 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) }

/* Popup Theme 78933: Spitzenposition */
.pum-theme-78933, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) }
.pum-theme-78933 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) }
.pum-theme-78933 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px }
.pum-theme-78933 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 }
.pum-theme-78933 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) }

/* Popup Theme 78934: Rahmen */
.pum-theme-78934, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) }
.pum-theme-78934 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) }
.pum-theme-78934 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px }
.pum-theme-78934 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 }
.pum-theme-78934 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) }

#pum-78956 {z-index: 1999999999}

.pum-theme-78938 .pum-container, .pum-theme-popup-theme-bauzentrum .pum-container {
  border-radius: 0px!important;
  background-color: rgba(249,249,249,0);
}

.tp-bgimg.defaultimg {
    background-size: cover !important;
    background-color: #fff !important;
}

.background-picture-left {
  border-radius: 400px 0px 0px 400px;
  border-color: #eeeeee;
  margin-left: 25%;
}

.background-picture-right {
  border-radius: 0px 400px 400px 0px;
  border-color: #eeeeee;
  margin-right: 25%;
}

.text-corona p {
  font-size: 20px;
}

.landing-text p {
  font-size: 16px;
}

.landing-button {
  font-weight: 700;
}

.corona-margin-right {
  margin-right: 280px;

}

.corona-margin-left {
  margin-left: 280px;

}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
  /* padding-top: 44px; */
}

.vertical-align div div div div {
  display: flex;
    align-items: center;
}

.vertical-align div div div div p{
  padding-right: 16px;
}

.vertical-align div div div div p img{
  min-width: 50px;
}
