:root {

}

/*.frame-layout-1 .linked-box-card,*/
/*.frame-layout-1 .linked-box-card .card-body {*/
/*    background: var(--bs-primary) !important;*/
/*    color: #fff !important;*/
/*}*/

.frame-type-freyhauer_linked_box {
    @media (min-width: 998px) {
        height: 100%;
        .linked-box-card {
            height: 100%;
        }
    }
}

.frame-layout-1 {
    .linked-box-card,
    .linked-box-card .card-body,
    .linked-box-card a {
        background: var(--bs-primary) !important;
        color: #fff !important;
    }
    .linked-box-card svg {
        fill: var(--bs-dark);
    }

    .linked-box-card .headline {
        font-size: 45px;
    }
}

.frame-layout-4 {
    .linked-box-card,
    .linked-box-card .card-body,
    .linked-box-card a {
        color: #fff !important;
        background: var(--bs-dark) !important;
    }

    .linked-box-card svg {
        fill: var(--bs-primary);
    }


    .linked-box-card .headline {
        font-size: 45px;
    }
}

.linked-box-card,
.linked-box-card .card-body {
    border: 0 !important;
    border-radius: 0 !important;
    background: #EDEFF6 !important;
    color: var(--bs-dark);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.linked-box-card .content {
    margin-top: auto;
}

.linked-box-card {
    padding: .75rem;
    transition: transform .5s;
    height: 100%;
    margin-bottom: 2rem;
    @media (max-width: 998px) {
        margin-bottom: 1rem;
    }
}

.linked-box-card a {
    color: var(--bs-primary);
    text-decoration: none;
}

.linked-box-card:hover {
    transform: translateY(-15px);
}

.linked-box-card a:hover svg {
    transform: rotate(0);
}

.linked-box-card svg {
    fill: var(--bs-dark);
    width: 32px;
    transition: transform .5s;
    height: 32px;
    transform: rotate(-45deg);
}

.linked-box-card .headline {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .linked-box-card {
        margin-bottom: 0;
        height: 100%;
        padding: 2rem 1.5rem;
    }

    .linked-box-card .headline {
        line-height: 1;
    }

    .frame-layout-1 .linked-box-card .headline,
    .frame-layout-4 .linked-box-card .headline {
        font-size: 34px;
        line-height: 1;
    }
}