@charset "UTF-8";
/* ####################

!!!! Änderungen _immer_ kommentieren! !!!

#################### */

  .masonry-layout .grid-sizer, .masonry-layout-off .grid-sizer {
  width: 8.3333333%; }

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

  .masonry-layout .masonry-element, .masonry-layout-off .masonry-element {
  align-items:flex-start;display:flex;float:left;transition: all 1s ease-in;
  }
  .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.nobox .txt-element, .masonry-layout .masonry-element.outline .txt-element, .masonry-layout-off .masonry-element.nobox .txt-element, .masonry-layout-off .masonry-element.outline .txt-element {
  background: none !important; }
  .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-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;}
   
  .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;}
  .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.1); } 
   .masonry-layout .masonry-element .img-element img.hoverbild:hover, .masonry-layout-off .masonry-element .img-element .hoverbild {
   opacity: 1;}        
  .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;}
  .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: 1s 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 {font-size: 64px;text-align:center;margin-top:50px;}
  
.masonry-element.anim1, .masonry-element.anim2, .masonry-element.anim3, .masonry-element.anim4, .masonry-element.anim5, .masonry-element.anim6, .masonry-element.anim7, .masonry-element.anim8, .masonry-element.anim9, .masonry-element.anim10, .masonry-element.anim11, .masonry-element.anim12, .masonry-element.anim13, .masonry-element.anim14, .masonry-element.anim15, .masonry-element.anim16, .masonry-element.anim17, .masonry-element.anim18, .masonry-element.anim19, masonry-element.anim19a, masonry-element.anim19b {opacity: 0;}

.masonry-element.anim5.animated {animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;z-index: 999;} 
.masonry-element.anim1.animated {animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both;} 
.masonry-element.anim3.animated {animation-name: fadeInLeft; animation-duration: 1s; animation-fill-mode: both;} 
.masonry-element.anim2.animated {animation-name: fadeInRight; animation-duration: 1s; animation-fill-mode: both;} 
.masonry-element.anim4.animated {animation-name: alpha;animation-duration: 0.6s; animation-fill-mode: both;} 
.masonry-element.anim6.animated {animation-name: zoomInLeft; animation-duration: 2s; animation-fill-mode: both;z-index: 999;} 
.masonry-element.anim7.animated {animation-name: zoomInRight; animation-duration: 2s; animation-fill-mode: both;z-index: 999;} 
.masonry-element.anim8.animated {animation-name: zoomInUp; animation-duration: 2s; animation-fill-mode: both;z-index: 999;}
.masonry-element.anim9.animated {animation-name: flipInY; animation-duration: 2s; animation-fill-mode: both;z-index: 999;} 
.masonry-element.anim10.animated {animation-name: flipInX; animation-duration: 2s; animation-fill-mode: both;z-index: 999;} 
.masonry-element.anim11.animated {animation-name: pulse; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 3;z-index: 999;} 
.masonry-element.anim12.animated {animation-name: tada; animation-duration: 2s; animation-fill-mode: both; animation-iteration-count: 1;z-index: 999;} 
.masonry-element.anim11a.animated {animation-name: pulse2; animation-duration: 0.3s; animation-fill-mode: both; animation-iteration-count: 5; animation-delay: 0.5s;z-index: 999;} 
.masonry-element.anim12a.animated {animation-name: tada2; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 1; animation-delay: 0.5s;z-index: 999;} 
.masonry-element.anim12b.animated {animation-name: swing; animation-duration: 0.6s; animation-fill-mode: both; animation-iteration-count: 1; animation-delay: 0.5s;z-index: 999;} 
.masonry-element.anim12c.animated {animation-name: bounce; animation-duration: 0.8s; animation-fill-mode: both; animation-iteration-count: 2; animation-delay: 0.5s;z-index: 999;} 
.masonry-element.anim12d.animated {animation-name: shake; animation-duration: 1.25s; animation-fill-mode: both; animation-iteration-count: 1; animation-delay: 1s;z-index: 999;} 
.masonry-element.anim13.animated {animation-name: alpha; animation-duration: 0.6s; animation-fill-mode: both; animation-delay: 0.6s;} 
.masonry-element.anim14.animated {animation-name: alpha; animation-duration: 0.6s; animation-fill-mode: both; animation-delay: 1.2s;} 
.masonry-element.anim15.animated {animation-name: alpha; animation-duration: 0.6s; animation-fill-mode: both; animation-delay: 1.8s;} 
.masonry-element.anim16.animated {animation-name: alpha; animation-duration: 0.6s; animation-fill-mode: both; animation-delay: 2.4s;} 
.masonry-element.anim17.animated {animation-name: alpha; animation-duration: 0.6s; animation-fill-mode: both; animation-delay: 3s;} 
.masonry-element.anim18.animated {animation-name: bounceIn; animation-duration: 1.5s; animation-fill-mode: both;} 
.masonry-element.anim19.animated {animation-name: alphapulse; animation-duration: 5s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: Ease-in-out;} 
.masonry-element.anim19a.animated {animation-name: alphapulse2; animation-duration: 4.5s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: Ease-in-out;} 
.masonry-element.anim19b.animated {animation-name: alphapulse3; animation-duration: 10s; animation-fill-mode: both; animation-iteration-count: infinite; } 
.masonry-element.anim20 {transform: rotate3d(0, 0, 1, -7deg);}
.masonry-element.anim20.animated {animation-name: rotateIn; animation-duration: 0.4s; animation-fill-mode: both; animation-iteration-count: 1; ; animation-delay: 0.5s;} 

.masonry-element .slider-two .carousel-control.left, .slider-three .carousel-control.left {left: 2%;}
.masonry-element .slider-two .carousel-control.right, .slider-three .carousel-control.right {right: 2%;}
.masonry-element .slider-two .container {width: 95%; min-height:1000px;padding: 30px;}
.masonry-element .slider-two .slide {height: 100% !important; overflow: hidden; position: absolute;}

@media screen and (max-width: 1024px) {
  .masonry-container {width: 100% !important;}
  .masonry-layout .masonry-element {padding-left: 0 !important; padding-right: 0 !important; padding-top:5px !important; padding-bottom: 5px !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;}
  .masonry-layout .masonry-element .txt-element .btn {margin-left:20px;margin-bottom:20px;}
  .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.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; margin: 0 !important;left: 0;}
  .nodisplay {display: none;}
  .masonry-layout .masonry-element video {box-shadow: 0 0 0 0 !important;border-radius: 0px !important; }
.masonry-element.anim1, .masonry-element.anim2, .masonry-element.anim3, .masonry-element.anim4, .masonry-element.anim5, .masonry-element.anim6, .masonry-element.anim7, .masonry-element.anim8, .masonry-element.anim9, .masonry-element.anim10, .masonry-element.anim11, .masonry-element.anim12, .masonry-element.anim13, .masonry-element.anim14, .masonry-element.anim15, .masonry-element.anim16, .masonry-element.anim17,.masonry-element.anim11a, .masonry-element.anim12a, .masonry-element.anim12b, .masonry-element.anim18, masonry-element.anim19, masonry-element.anim19a, masonry-element.anim19b, masonry-element.anim20 {opacity: 1;transform: none;}
.masonry-element.anim4.animated, .masonry-element.anim2.animated ,.masonry-element.anim3.animated,.masonry-element.anim1.animated,.masonry-element.anim5.animated, .masonry-element.anim6.animated, .masonry-element.anim7.animated, .masonry-element.anim8.animated, .masonry-element.anim9.animated, .masonry-element.anim10.animated, .masonry-element.anim11.animated, .masonry-element.anim12.animated, .masonry-element.anim13.animated, .masonry-element.anim14.animated, .masonry-element.anim15.animated, .masonry-element.anim16.animated,.masonry-element.anim17.animated, .masonry-element.anim11a.animated, .masonry-element.anim12a.animated, .masonry-element.anim12b.animated, .masonry-element.anim12c.animated, .masonry-element.anim12d.animated, .masonry-element.anim18.animated, .masonry-element.anim19.animated, .masonry-element.anim19a.animated, .masonry-element.anim19b.animated, .masonry-element.anim20  {animation-name: none;opacity: 1;animation: none; transform: none;} 
}

@media screen and (min-width:992px) and  (max-width: 1280px) {
  .masonry-layout .masonry-element .img-element img {margin-top: 0px !important;}
  .container {width: 96% !important;}
}

@media screen and (min-width:992px) and  (max-width: 1400px) {
  .masonry-layout .masonry-element .txt-element {padding: 20px !important;}
  .masonry-layout .masonry-element .img-element img {width: 140% !important;}
  .masonry-element .slider-two {margin: -20px !important;  }
}


@keyframes fadeInDown {0% {opacity:0;transform:translate3d(0,-50px, 0)} 100% {opacity:1;transform: none;}}
@keyframes fadeInLeft {0% {opacity:0;transform:translate3d(-50px,0px, 0)} 100% {opacity:1;transform: none;}}
@keyframes fadeInRight {0% {opacity:0;transform:translate3d(50px,0px, 0)} 100% {opacity:1;transform: none;}}
@keyframes fadeInUp {0% {opacity:0;transform:translate3d(0,50px, 0)} 100% {opacity:1;transform: none;}}
@keyframes alpha {0% {opacity:0;} 100% {opacity:1;}}
@keyframes zoomInLeft {  0% {  opacity: 0;  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {  opacity: 1;  transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }  100% {opacity:1;transform: none;}}
@keyframes zoomInRight {  0% {  opacity: 0;   transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {  opacity: 1;  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);   animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  } 100% {opacity:1;transform: none;}}
@keyframes zoomInUp {  0% {  opacity: 0;   transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {  opacity: 1;  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  } 100% {opacity:1;transform: none;}}
@keyframes bounce {  0%, 20%, 53%, 80%, 100% {  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  transform: translate3d(0,0,0);  }  40%, 43% {  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  transform: translate3d(0, -30px, 0);  }  70% {  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transform: translate3d(0, -15px, 0);  }  90% { transform: translate3d(0,-4px,0); } 100% {opacity:1;transform: none;}}
@keyframes flipInX {  0% { opacity:0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transition-timing-function: ease-in;  opacity: 0;  }  40% {  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transition-timing-function: ease-in;  }  60% {  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  opacity: 1;  }  80% {  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }
  100% { transform: perspective(400px);opacity:1; }} 
@keyframes flipInY {  0% { opacity:0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transition-timing-function: ease-in;  opacity: 0;  }  40% {  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  transition-timing-function: ease-in;  }  60% {  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1;  }  80% {  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }
  100% {  transform: perspective(400px); opacity:1;}} 
@keyframes pulse {  0% {  transform: scale3d(1, 1, 1); opacity: 0; } 0% {  transform: scale3d(1, 1, 1); opacity: 1; } 50% {  transform: scale3d(1.05, 1.05, 1.05);  }  100% {  transform: scale3d(1, 1, 1);  opacity: 1; }  } 
@keyframes pulse2 {  0% {  transform: scale3d(1, 1, 1); opacity: 1; }  50% {  transform: scale3d(1.05, 1.05, 1.05);  }  100% {  transform: scale3d(1, 1, 1);  opacity: 1; }  } 
@keyframes tada {  0% {  transform: scale3d(1, 1, 1); opacity: 0; }  10%, 20% {  transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -0.5deg);  }  30%, 50%, 70%, 90% {  transform: scale3d(1.025, 1.025, 1.025) rotate3d(0, 0, 1, 0.5deg);  }  40%, 60%, 80% {  transform: scale3d(1.025, 1.025, 1.025) rotate3d(0, 0, 1, -0.5deg);  }  100% {  transform: scale3d(1, 1, 1); ; opacity: 1;   }} 
@keyframes tada2 {  0% {  transform: scale3d(1, 1, 1); opacity: 1;  }  10%, 20% {  transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -0.5deg);  }  30%, 50%, 70%, 90% {  transform: scale3d(1.025, 1.025, 1.025) rotate3d(0, 0, 1, 0.5deg);  }  40%, 60%, 80% {  transform: scale3d(1.025, 1.025, 1.025) rotate3d(0, 0, 1, -0.5deg);  }  100% {  transform: scale3d(1, 1, 1); ; opacity: 1;   }} 
@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 8deg);}40% {transform: rotate3d(0, 0, 1, -5deg);} 60% {transform: rotate3d(0, 0, 1, 3deg); } 80% {transform: rotate3d(0, 0, 1, -3deg); }100% { transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes bounce {0%, 20%, 53%, 80%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transform: translate3d(0,0,0);}40%, 43% {  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transform: translate3d(0, -30px, 0);} 70% {transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transform: translate3d(0, -15px, 0);} 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} 
@keyframes bounceIn {0%, 20%, 40%, 60%, 80%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0% {opacity: 0;transform: scale3d(.3, .3, .3);}20% {transform: scale3d(1.1, 1.1, 1.1);} 40% {transform: scale3d(.9, .9, .9);}60% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);} 80% {transform: scale3d(.97, .97, .97);}100% {opacity: 1;transform: scale3d(1, 1, 1);}}
@keyframes shake {0%, 100% {transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {transform: translate3d(10px, 0, 0);}} 
@keyframes alphapulse {  0% { opacity: 0; }  50% {  opacity: 1; }  100% { opacity: 0; } }
@keyframes alphapulse2 {  0% { opacity: 0; }  20%, 80% {  opacity: 1; }  100% { opacity: 0; } }
@keyframes alphapulse3 {  0% { opacity: 0; }  40%, 60% {  opacity: 1; }  100% { opacity: 0; } }
@keyframes rotateIn {  0% {  transform-origin: center;  transform: rotate3d(0, 0, 1, -7deg); }  100% {  transform-origin: center;    transform: none; }} 

/*# sourceMappingURL=masonry.css.map */