@charset "UTF-8";

.masonry-layout .grid-sizer, .masonry-layout-off .grid-sizer {width: 8.3333%;}
@media screen and (max-width: 991px) {.masonry-layout .grid-sizer, .masonry-layout-off .grid-sizer {width: 33.3333% !important;}}

  .masonry-layout .masonry-element, .masonry-layout-off .masonry-element {
  align-items:flex-start;display:flex;float:left;transition: all .7s ease-in-out;}
  .masonry-layout .masonry-element.img-top, .masonry-layout .masonry-element.img-bottom, .masonry-layout-off .masonry-element.img-top, .masonry-layout-off .masonry-element.img-bottom {
  flex-direction: column; }
  .masonry-layout .masonry-element.img-bottom .img-element, .masonry-layout .masonry-element.img-right .img-element, .masonry-layout-off .masonry-element.img-bottom .img-element, .masonry-layout-off .masonry-element.img-right .img-element {
  order: 2; }
  .masonry-layout .masonry-element.outline .txt-element, .masonry-layout .masonry-element.boxoutline .txt-element, .masonry-layout-off .masonry-element.outline .txt-element, .masonry-layout-off .masonry-element.boxoutline .txt-element {
  border-width: 1px;border-style: solid; }
  
  .masonry-layout .masonry-element.el-1-col, .masonry-layout-off .masonry-element.el-1-col {
   width: 8.3333%; }
   .masonry-layout .masonry-element.el-13-col, .masonry-layout-off .masonry-element.el-13-col {
   width: 12.5%; }
  .masonry-layout .masonry-element.el-2-col, .masonry-layout-off .masonry-element.el-2-col {
   width: 16.6666%; }
  .masonry-layout .masonry-element.el-3-col, .masonry-layout-off .masonry-element.el-3-col {
   width: 25%; }
  .masonry-layout .masonry-element.el-4-col, .masonry-layout-off .masonry-element.el-4-col {
   width: 33.3333%; }
  .masonry-layout .masonry-element.el-5-col, .masonry-layout-off .masonry-element.el-5-col {
   width: 41.6666%; }
  .masonry-layout .masonry-element.el-6-col, .masonry-layout-off .masonry-element.el-6-col {
   width: 50%; }
  .masonry-layout .masonry-element.el-7-col, .masonry-layout-off .masonry-element.el-7-col {
   width: 58.3333%; }
  .masonry-layout .masonry-element.el-8-col, .masonry-layout-off .masonry-element.el-8-col {
   width: 66.6666%; }
  .masonry-layout .masonry-element.el-9-col, .masonry-layout-off .masonry-element.el-8-col {
   width: 75%; }
  .masonry-layout .masonry-element.el-10-col, .masonry-layout-off .masonry-element.el-8-col {
   width: 83.3333%; }
  .masonry-layout .masonry-element.el-11-col, .masonry-layout-off .masonry-element.el-8-col {
   width: 91.6666%; }
  .masonry-layout .masonry-element.el-12-col, .masonry-layout-off .masonry-element.el-8-col {
   width: 100%; }
    
  .masonry-layout .masonry-element .txt-element, .masonry-layout-off .masonry-element .txt-element {
   box-sizing: border-box;overflow: hidden;padding: 20px ;background-size: cover;background-position: center;background-repeat: no-repeat; z-index: 2; transition: .3s ease-in-out;}
   
   .masonry-layout .masonry-element .txtboxhover:hover {transform: scale(1.125);}
   .masonry-layout .masonry-element .txt-wrapper {transition: .3s ease-in-out;}
   .masonry-layout .masonry-element .txtboxhover:hover .txt-wrapper {transform: scale(0.925);}

   
   .masonry {transition: box-shadow .4s ease-in-out, transform .4s ease-in-out 0.1s;}
   .masonryhover:hover {box-shadow: inset 150px 0px 0px 80px #FFFFFF;transform: scale(1.03);}

   .masonry-layout .masonry-element .img-element, .masonry-layout-off .masonry-element .img-element {
   position: relative;}
  .masonry-layout .masonry-element .img-element img, .masonry-layout-off .masonry-element .img-element img {
   width: 100%; transition: transform .5s ease;object-fit: cover;height: 100%;}
  .masonry-layout .masonry-element .img-element img.hoverbild, .masonry-layout-off .masonry-element .img-element .hoverbild {
   left: 0;opacity: 0;position: absolute;top: 0;transition: 0.5s;}   
   .imghover:hover {transform: scale(1.15); } 
   .masonry-layout .masonry-element .img-element img.hoverbild:hover, .masonry-layout-off .masonry-element .img-element .hoverbild {
   opacity: 1;}        
   .masonry-layout .masonry-element .img-element-hover, .masonry-layout-off .masonry-element .img-element-hover {
   width:100%;height:100%;top:0;left:0;overflow:hidden;}
  .masonry-layout .masonry-element.blind-pos-left, .masonry-layout-off .masonry-element.blind-pos-left {
   justify-content: flex-end;}
  .masonry-layout .masonry-element.text-is-overlay, .masonry-layout-off .masonry-element.text-is-overlay {
   display: block;}

  .masonry-layout .masonry-element.text-is-overlay .txt-element, .masonry-layout-off .masonry-element.text-is-overlay .txt-element {
  position: absolute;top: 50%;left: 50%; z-index: 2;  pointer-events: none;}
    .masonry-layout .masonry-element.text-is-overlay .txt-element .btn, .masonry-layout-off .masonry-element.text-is-overlay .txt-element {
pointer-events: fill;}
  .masonry-layout .masonry-element.text-is-overlay .txt-element.left, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.left {
  left: 0;right: auto; }
  .masonry-layout .masonry-element.text-is-overlay .txt-element.right, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.right {
  right: 0;left: auto; }
  .masonry-layout .masonry-element.text-is-overlay .txt-element.bottom, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.bottom {
  top: auto;bottom: 0; }
  .masonry-layout .masonry-element.text-is-overlay .txt-element.top, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.top {
  top: 0; }
  .masonry-layout .masonry-element.text-is-overlay .txt-element.middle, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.middle {
  transform: translate(0, -50%); }
  .masonry-layout .masonry-element.text-is-overlay .txt-element.center, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.center {
  transform: translate(-50%, 0); }
  .masonry-layout .masonry-element.text-is-overlay .txt-element.middle.center, .masonry-layout-off .masonry-element.text-is-overlay .txt-element.middle.center {
  transform: translate(-50%, -50%);}
  
  .masonry-layout .masonry-element .hovertext {opacity: 0;transition: 0.5s ease-in-out;text-decoration: none;overflow: hidden !important; position:absolute;left:0;right:0;}
  .masonry-layout .masonry-element .hovertext:hover {opacity: 1;}
  .masonry-layout .masonry-element .img-element:hover .hovertext {opacity: 1;} 
  .masonry-layout .masonry-element .txt-element .hovertext.txt-wrapper {transform: translate(0%, 50%);} 
  .masonry-layout .masonry-element .wrapper.counter .count-number,  .masonry-layout .masonry-element .wrapper.counter .count-einheit {font-size: 64px;text-align:center;margin-top:50px;}
  .masonry-layout .masonry-element .wrapper.counter {padding: 0;}
  
  .videocontainer-masonry {background: none; background-size: cover; position: relative; overflow: hidden; padding: 0;}
  .videocontainer-masonry video {position: absolute;;min-width: 100%; min-height: 100%;z-index: -1;left: 50%; transform: translateX(-50%); top: 0%;}
  
@media screen and (max-width: 991px) {
  .masonry-container {width: 100% !important;}
  .masonry-layout { 	margin-left: inherit !important; margin-right: inherit !important;}
  .masonry-layout .masonry-element {padding: 0px !important; width: 100% !important; } 
  .masonry-layout .masonry-element.img-left, .masonry-layout .masonry-element.img-right {flex-direction: column;}
  .masonry-layout .masonry-element .img-element  {width: 100% !important; height: 100% !important;box-shadow: 0 0 0 0 !important; border-radius: 0px !important;}
  .masonry-layout .masonry-element .img-element  img {margin-top: 0px !important;border-radius: 0px !important;}
  .masonry-layout .masonry-element .txt-element {width: 100% !important; padding: 0px !important; margin: 0 !important;box-shadow: 0 0 0 0 !important;border-radius: 0px !important; height:unset !important; min-height: unset !important;}
  .masonry-layout .masonry-element.img-bottom .img-element, .masonry-layout .masonry-element.img-right .img-element {order: 0; }
  .masonry-layout .masonry-element.text-is-overlay .txt-element, .masonry-layout-off .masonry-element.text-is-overlay .txt-element {/width: 100% !important; transform: translate(0, 0) !important;position: relative; margin: 0 !important;left: 0;} 
  .masonry-layout .masonry-element.btn {margin-bottom: 20px;}
  .masonry-layout .masonry-element.text-is-overlay, .masonry-layout-off .masonry-element.text-is-overlay {padding: 0 !important; } 
  .background {background-position: 0 0 !important;margin-left: 0 !important;}
  .masonry-layout .masonry-element .txt-element .txt-wrapper {padding:20px !important;}
  .masonry-layout .masonry-element .txt-element video {margin-left: -10px !important; margin-top: -10px !important}
  .masonry-layout .masonry-element .hovertext {opacity: 1;width: 100% !important; transform: translate(0, 0) !important;position: relative !important; margin: 0 !important;left: 0;}
  .masonry-layout .masonry-element a.txt-element.hovertext {left: 0px !important; position: absolute !important; height: 100% !important; }
  .masonry-layout .masonry-element .img-element-hover, .masonry-layout-off .masonry-element .img-element-hover {
   height: unset !important;}  
   .masonry-layout .masonry-element .img-element-hover img, .masonry-layout-off .masonry-element .img-element-hover img{
   height: unset !important;} 
  .nodisplay {display: none;}
  .masonry-layout .masonry-element video {box-shadow: 0 0 0 0 !important;border-radius: 0px !important; }
  .masonry-layout .masonry-element.el-13-col {width: 33% !important; }
  .masonry-layout .masonry-element.el-13-col .txt-element {padding: 0px !important; }
  .masonry-layout .masonry-element.el-13-col .btn {margin: 0px !important; }
  .masonry-layout .masonry-element .txtboxhover:hover {transform: scale(1)}
  .masonry-layout .masonry-element .txtboxhover:hover .txt-wrapper {transform: scale(1)}
  .masonryhover:hover {transform: scale(1); box-shadow:none}
}

@media screen and (min-width:992px) and  (max-width: 1280px) {
  .masonry-layout .masonry-element .img-element img {margin-top: 0px !important;}
  .masonry-layout .masonry-element .wrapper.counter .count-number,  .masonry-layout .masonry-element .wrapper.counter .count-einheit  {font-size: 40px};
  .masonry-layout .masonry-element .wrapper.counter {padding: 0;}
 /* .masonry-layout .masonry-element .txt-element {padding: 20px !important;} */
}

@media screen and (max-width: 768px) {
  .videocontainer-masonry video {display: none;  }
}

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

}