.image-teaser {
  width: 100%;
  overflow: hidden;
  min-height: 215px;
  position: relative; 
}
.rounded-button {
	position:relative;
	min-height: 300px;
}
.image-teaser__headline {
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 15px; 
}
.image-teaser__content {
    z-index: 1;
    color: white;
    padding: 30px;
    boch-sizing:border-box;
    font-weight: 300;
    position: relative; 
}
.rounded-button .image-teaser__content {
	font-weight: 500;
	position:initial;
}


.image-teaser__image {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: none; 
}
.rounded-button .image-teaser__image {
    max-width: 100%; 
}

.rounded-button .btn {
	position:absolute;
	left:30px;
	bottom:30px;
}

/* Colored Buttons in additional.css */

/* Colored Text */
.text-255-255-255 { /* Blue */
	color:rgb(255,255,255);
}
.text-66-180-230 { /* Blue */
	color:rgb(66,180,230);
}
.text-61-205-88 { /* Green */
	color:rgb(61,205,88);
}
.text-158-143-187 { /* Violet */
	color:rgb(158,143,187);
}
.text-194-136-126 { /* Brown */
	color:rgb(194,136,126);
}

.image-teaser-headline-with-background {
	background-color: rgba(255,255,255,0.9);
	margin: 0 -30px;
	padding: 2px 30px;
}


@media (min-width: 768px) {
  	.image-teaser__headline {
    	font-size: 35px; 
	}
  	.image-teaser__content {
    	width: 45%; 
    } 
    .rounded-button .image-teaser__headline {
    	font-size: 24px; 
	}
    .rounded-button .image-teaser__content {
    	width: 100%; 
    } 
}

