/* Container */
.falke_zusatzboxen.falke-baustellen-box{
  background-color:#F0821A;
}
.falke_baustelle{
  display:flex;
  flex-direction:column;
  flex-wrap: wrap;
  list-style: none;
  margin: 0px -10px;
  padding: 0;
}
.falke-baustellen-container{
  position: relative;
}
.falke-baustellen-maskottchen{
  position: absolute;
  width: 150px;
  top: -100px;
  left: -100px;
}
.falke-baustellen-container h2{
  padding-left: 50px;
  text-align: right;
}
.falke-baustellen-container .fontSmall{
  font-size: small;
}
/* News-Entry */
.falke_baustelle_entry{
  display:flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0em;
}
.falke_zusatzboxen .falke_baustelle_entry{
  background-color: white;
}
.falke_zusatzboxen .falke_baustelle li + li {
    /*border-top: 1px solid #c0c0c0;
    padding-top: 10px*/
    border-top: 7px #f0821a;
    border-top-style: dashed;
}
.falke-baustellen-more-button a{
  color: white !important;
  margin-top: 10px;
  display: block;
}
.falke-gallery-image{
  width: 20%;
}
.falke-gallery-image .thumbnail a {
    display: flex;
}
.page .falke_baustelle_entry{
  width: 50%;
}
.page ul.falke_baustelle{
  flex-direction: row;
}
.page .falke-baustelle-video-element video{
  width: 100%;
}
.page a.falke-baustelle-video{
  display: none;
}
.page .falke_baustelle_content{
  background-color: white;
  border-radius: 8px;
  margin: 5px;
}
.page.page-id-13376 h1{
  margin-left: 58px;
  color: white;
}
.page .falke-baustellen-container h2{
  display: none;
}
.page .falke-baustellen-maskottchen{
  top: -125px;
}
.page.page-id-13376 article.page{
  background-color:#F0821A;
}
.page .falke-baustellen-more-button{
  display: none;
}


/* Image-Container - Col-left */
.falke_baustelle_image_container{
  width: 30%;
  padding: 10px;
}
.falke_baustelle_image{
  width:100%;
  padding-top:100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.falke_baustelle_image_container a:after{
  content: none !important;
}
.falke_neuerscheinungen .falke_baustelle_image{
  width:100%;
  padding-top:130%;
  background-size: contain;
  background-repeat: no-repeat;
}
.falke_neuerscheinungen .falke_baustelle_image_container{
  width: 15%;
  padding: 10px;
}

/* Content-Container - Col Right*/
.falke_baustelle_image_container ~ .falke_baustelle_content{
  width: 70;
  padding: 10px;
  padding-left: 30px;
}
.falke_neuerscheinungen .falke_baustelle_image_container ~ .falke_baustelle_content{
  width: 85%;
  padding: 10px;
  padding-left: 30px;
}
.falke_baustelle_content{
  width: 100%;
  padding: 10px 0px;
}
.falke_baustelle_title{
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
  font-size: 1em;
}
.falke_baustelle_beschreibung{
  font-size: .8em;
  line-height: 1.2;
  margin-top: 10px;
}
.falke_baustelle_datum{
  font-size: smaller;
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
  line-height: 1.2;
}

.falke_baustelle_button{
  padding: 5px 10px;
  display:block;
  margin: 5px 0px;
  background-color: var( --e-global-color-accent );
  font-family: var( --e-global-typography-text-font-family ), Sans-serif;
  font-weight: var( --e-global-typography-text-font-weight );
  text-align: center;
  text-decoration: none !important;
  color:white;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.falke_baustelle_button:hover{
  background-color: var( --e-global-color-secondary );
}

.falke-baustelle-gallery{
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.falke-baustelle-video-element{
  margin-top: 10px;
}
.falke_zusatzboxen .falke-baustelle-video-element{
  display: none;
}



/* Mobile */
@media all and (max-width: 767px){
  .falke_baustelle_image_container, .falke_baustelle_image_container ~ .falke_baustelle_content {
      width: 100%;
      padding: 10px;
  }
  .page .falke_baustelle_entry{
    width: 100%;
  }
  .page .falke-baustellen-maskottchen {
    left: -74px;
    top: -109px;
  }
  .page.page-id-13376 h1{
    margin-left: 76px;
  }
  .falke-baustellen-box{
    margin-top: 50px;
    border-radius: 8px;
  }
  .single-falke_serviceleist .falke-baustellen-maskottchen {
    position: absolute;
    width: 150px;
    top: -100px;
    left: -51px;
 }
 .single-falke_serviceleist .falke-baustellen-container h2 {
    padding-left: 91px;
    text-align: left;
  }
}
@media all and (max-width: 498px){
  .page .falke-baustellen-maskottchen {
    top: -138px;
  }
}

/* Helper classes for hiding elements */
.falke_has_nod .falke_hide_if_has_nod{
  display: none;
}
.falke_has_no_nod .falke_hide_if_has_no_nod{
  display: none;
}