.hometeaser{
    position:relative;
    display:block;
    width: auto;
    height: auto;
    display:flex;
    justify-content: center;
    align-items:center;

}

.hometeaser.strecken,.hometeaserdiv.strecken{
    width:100%;
    height:100%;
}
.hometeaser.strecken img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.hometeaser.left .text{
    left:0px;
}

.hometeaser.right .text{
    right:0px;
}

.hometeaser.bottom .text{
    bottom:0px;
}

.hometeaser.top .text{
    top:0px;
}

.hometeaser img{
    width:100%;
    height:auto;
    object-fit: cover;
}

.hometeaser .text{
    position:absolute;
    padding:50px;
    height:fit-content;
}


.hometeaser.hell .text{
    color:white;
    border-color:white;
}

.hometeaser.dunkel .text{
    color:black;
    border-color:black;
}

.hometeaser.hell .overlay{

    background-color:rgba(0,0,0,0.5);
}
.hometeaser.dunkel .overlay{
    background-color:rgba(255,255,255,0.5);
}

.hometeaser .text .headline {
    color: inherit;
    border-color: white;
    font-size:30px;
    font-weight:200;
    font-family: "niveau-grotesk";
    margin-bottom: 0.4rem;
    align-items: first baseline;
}

.hometeaser .text .normal{
    font-size:44px;
    font-family: Mundial;
    font-weight:bold;
    font-style: italic;
    text-transform:uppercase;
    color:inherit;
}

.hometeaser .overlay{
    position: absolute;
    width:100%;
    height: 100%;
    opacity:0;
    transition:0.3s;
    left:0px;
    top:0px;
}

.hometeaser:hover .overlay{
    opacity:1;
    transition:0.3s;
}

.hometeaser .text .accent{
    font-size:40px;
    font-weight:400;
    text-transform:none;
    font-family: "ff-market-web",cursive;
    color:inherit;
    margin-left:10px;
}

@media(max-width: 992px) {
    .hometeaserdiv {

        margin-right: unset !important;
        padding: 0 1rem;
    }
}

@media(max-width: 768px) {
    .hometeaser.hell .overlay, .hometeaser.dunkel .overlay {
        background-color:rgba(0,0,0,0.3);
        opacity: 1;
    }
    .hometeaseer.hell:hover .overlay, .hometeaser.dunkel:hover .overlay {
        background-color:rgba(0,0,0,0.5);
    }
}

@media(max-width:450px){

    .hometeaser.left .text {
        right: unset!important;;
    }

    .hometeaser.right .text {
        right: unset!important;;
    }

    .hometeaser.left .text .button {
        margin: auto !important;
    }

    .hometeaser.right .text .button {
        margin: auto !important;
    }

    .hometeaser .text .normal{
        font-size:20px;
    }
    .hometeaser .text .accent{
        font-size: 24px;
        margin-left: 5px;
    }
    .hometeaser .text{
        padding: 10px;
        bottom: 5px !important;
    }
    .headline{
        display: flex;
        justify-content: center;
    }
}

.hometeaser .text .button{
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid ;
    padding: 10px 20px;
    font-family: "Mundial";
    font-style: italic;
    color:inherit;
    display: block;
    width: max-content;
    position: relative;
    margin: auto;
}

.hometeaser.left .text .button{
    margin-left: 0;
}

.hometeaser.right .text .button{
    margin-right: 0;
}


.hometeaser .text .button .chevron{
    font-size: 20px;
}


.hometeaser.hell:hover .text .button{
    background-color:white;
    color:black;
    border:1px solid white;
}

.hometeaser.dunkel:hover .text .button{
    background-color:black;
    color:white;
    border:1px solid black;
}


.hometeasercontainer .col{
    padding:0px !important;

}