.card{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.card > i{
    font-size: 50px;
    text-align: center;
    padding-top: 20px;
}

.card-body > a{
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
    width: 100%;
    text-align: center;
    margin-top:20px;
}


.cards-wrapper {
    margin-top: 50px;
}

.carousel-item > img{
    object-fit: cover;
    height: 100%;
}

.dark{
    position: absolute;
    background-image: linear-gradient(-179deg, rgba(0,0,0,0.00) 25%, rgba(0,0,0,0.4) 100%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.line{
    padding-bottom:50px;
    border-bottom: 1px solid black;
    margin-bottom: 50px;
}

.go-to-button{
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
    text-align: center;
    margin-top:20px;
}

.more {
    position: absolute;
    bottom: 20px;
    width: 80% !important;
    left: 10%;
}

/** Herborner Erklärung **/
#hbe-teaser{
    border-left: 2px solid black;
    padding-left: 60px !important;
}

#hbe-txt-block{
    font-size: 26px;
}

#hbe-qr{
    max-width: 100%;
}