.teaser{
height: 730px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.teaser .row{
height: inherit;
}
.teaser .teaserText{
position: absolute;
top: calc( 50% - 10px);
left: 40px;
-ms-transform: translate(0, -100px); -webkit-transform: translate(0, -100px); transform: translate(0, -100px);
width: 500px;
font-size: 1.6em;
letter-spacing: 0.6px;
line-height: 1em;
line-height: 1.2em;
font-size: calc(0.8vw + 0.7vh + 1vmin);
}
.teaser .teaserText h1{
font-size: calc(1.3vw + 1vh + 1vmin);
line-height: calc(2em + 1vh + 1vmin);
margin-bottom: 0.2em;
background-color: #000;
color: #fff;
display: inline;
padding: 15px 25px;
padding-inline-start: 20px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.main .teaser .teaserText h1:after {
display: none!important;
background: transparent!important;
}
.teaser .teaserText p{
margin-top: 2px;
font-size: calc(0.4vw + 0.5vh + 1vmin);
line-height: 1.35em;
}
@media screen and (max-width: 1024px) {
.teaser{
height: 430px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.teaser .teaserText{
position: absolute;
top: 50%;
left: 10px;
-ms-transform: translate(0, -100px); -webkit-transform: translate(0, -100px); transform: translate(0, -100px);
width: 300px;
font-size: 1.5em;
letter-spacing: 0.6px;
line-height: 4.2em;
font-size: calc(0.8vw + 0.7vh + 1vmin);
}
}