.cv-navigation-teaser__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 3rem;
    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: -1px;
}
.cv-navigation-teaser__image{
    border-radius: var(--comp-box-border-radius);
}

.cv-navigation-teaser__logo {
    max-width: 150px;
    max-height: 150px;
    margin: auto;
    text-wrap: nowrap;
}
/*.cv-navigation-teaser__logo span{*/
/*    font-size: 0.9em;*/
/*}*/
.cv-navigation-teaser__logo-layer {
    position: absolute;
    bottom:0;
    left: 19%;
    width: 55%;
    height: 40%;
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    background-color: #ffffff90;
    padding: 10px 5px 5px;
}
/*.cv-navigation-teaser:hover .cv-navigation-teaser__logo-layer{*/
/*    border-bottom: 1px solid var(--comp-border-hover);*/
/*    !*margin-bottom: -1px;*!*/
/*}*/

@media (min-width: 630px) {
    .cv-navigation-teaser {
        width: 45%;
    }
}
@media (min-width: 768px) {
    .cv-navigation-teaser {
        width: 46%;
    }
    .cv-navigation-teaser__logo {
        max-height: 150px;
        max-width: 150px;
    }
    .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;
    }
}