/*------------------------------*/
/* teaser-story - Bild Hover    */
/*------------------------------*/
.teaser-story .bg-image img, .teaser-story.bg-image img  
{  	width: 100%;
	
  	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.teaser-story:hover .bg-image img, .teaser-story:hover.bg-image img   
{	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
}

.teaser-story .bg-image-h100 img, .teaser-story.bg-image-h100 img  
{	width: 100%; /* Bildbreite 100% des Containers */
    height: 100%; /* Bildhöhe 100% des Containers */
    object-fit: cover; /* Das Bild auf die Größe des Containers zuschneiden */
    object-position: center; /* Das Bild im Container zentrieren */
	
  	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.teaser-story:hover .bg-image-h100 img, .teaser-story:hover.bg-image-h100 img   
{	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
}


.teaser-story.bg-image img.bg-image-color  
{	opacity: 0.6;
}

.teaser-story:hover.bg-image img.bg-image-color    
{	opacity: 1;
}


/* bg-image */
.bg-image
{  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}
.mask
{ position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed;
}