.iconblock .topline{
    margin: 0 auto 0.5rem;
}
#white.iconblock .headline{
    color:var(--white)
}
.iconblock .text{
    /* color:var(--brand-primary-color); */
    /* text-align:center; */
    margin-bottom:35px;
}

.iconblock .icon {
    min-height: 250px;
    padding: 30px 24px;
    border: 1px solid #d9e3e8;
    border-radius: 10px;
    background: #fff;                                                    
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    position:relative;
    height:100%;
    text-align:center;
    transition:all .3s ease;
}
.iconblock .icon:hover {
    background:var(--brand-primary-color-lightest);
    transition:all .3s ease;
}

.iconblock .icon > a{
    color: var(--brand-primary-color);
    text-decoration: none;
    font-weight: 400;
    display:block;
    height:100%;
}

.iconblock .icon-icon {
    margin-bottom: 18px;
}

.iconblock .icon-icon-img {
    display: block;
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin: 0 auto;
}
.iconblock .breit .icon-icon-img{
    width:auto;
    height:auto;
}

.iconblock .icon-topline {
    color: var(--brand-primary-color);
    background:var(--brand-accent-color);
    font-size: 100%;
    line-height: 1;
    padding:5px 20px;
    border-radius:15px;
    display: block;
    width: max-content;
}

.iconblock .icon-headline {
    margin:10px 0;
    color: var(--brand-primary-color);
    font-weight: 700;
    line-height: 1.35;
    font-size:135%;
}
.iconblock .icon:hover .icon-headline{
    color:var(--brand-accent-color);
}

.iconblock .icon-inhalt {
    color: #143846;
    font-size: 100%;
    line-height: 1.45;
}

.iconblock .icon-inhalt p {
    margin: 0;
}


.iconblock .icon .btn{
    margin-top:25px;
}

.iconblock .row {
    row-gap: 30px;
}


@media (max-width: 767px) {

}

@media(max-width:575px){
    .iconblock .headline,
    .iconblock .text{
        text-align:left;
    }
}