.cv-navigation-teaser__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
    padding: 40px;
}
.cv-navigation-teaser {
    width: 100%;
    position: relative;
    border-radius: var(--comp-box-border-radius);
}
.cv-navigation-teaser:hover .cv-navigation-teaser__image{
    border: 2px solid var(--comp-border-hover);
    margin: -2px;
}
.cv-navigation-teaser__image{
    border-radius: var(--comp-box-border-radius);
}

.cv-navigation-teaser__logo {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    text-wrap: nowrap;
}
/*.cv-navigation-teaser__logo span{*/
/*    font-size: 0.9em;*/
/*}*/
.cv-navigation-teaser__logo-layer {
    position: absolute;
    bottom:2px;
    left: 19%;
    width: 55%;
    height: 40%;
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    background-color: #ffffff90;
    padding: 5px;
}

@media (min-width: 630px) {
    .cv-navigation-teaser {
        width: 49.5%;
    }
}
@media (min-width: 768px) {
    .cv-navigation-teaser {
        width: 49.5%;
    }
    .cv-navigation-teaser__logo {
        max-height: 98%;
        max-width: 98%;
    }
    .cv-navigation-teaser__logo-layer {
        left: 23%;
        width: 50%;
        height: 33%;
    }
}

@media (min-width: 1200px) and (max-width: 1450px){
    .cv-navigation-teaser__logo span{
        font-size: 3.5vw !important;
    }
}
@media (min-width: 630px) and (max-width: 950px){
    .cv-navigation-teaser__logo span{
        font-size: 6vw !important;
    }
}