.hepo-faktenbox {
    --hepo-faktenbox-accent: #165f86;
    --hepo-faktenbox-accent-soft: #eaf4f8;
    box-sizing: border-box;
    clear: both;
    margin: 1.8em 0;
    padding: clamp(1.1rem, 3vw, 1.55rem);
    border: 1px solid #d6e1e6;
    border-top: 5px solid var(--hepo-faktenbox-accent);
    border-radius: 9px;
    background: linear-gradient(145deg, #fff 0%, var(--hepo-faktenbox-accent-soft) 155%);
    box-shadow: 0 5px 18px rgba(22, 55, 72, .08);
    color: #17242b;
}

.hepo-faktenbox--lokal {
    --hepo-faktenbox-accent: #9d2c31;
    --hepo-faktenbox-accent-soft: #fbefef;
}

.hepo-faktenbox--service {
    --hepo-faktenbox-accent: #28734f;
    --hepo-faktenbox-accent-soft: #edf8f2;
}

.hepo-faktenbox--hinweis {
    --hepo-faktenbox-accent: #a85808;
    --hepo-faktenbox-accent-soft: #fff5e8;
}

.hepo-faktenbox .hepo-faktenbox__title {
    margin: 0 0 .8rem;
    padding: 0;
    border: 0;
    color: #14242c;
    font-size: clamp(1.2rem, 2.2vw, 1.48rem);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.012em;
}

.hepo-faktenbox .hepo-faktenbox__list {
    display: grid;
    gap: .58rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hepo-faktenbox .hepo-faktenbox__list li {
    position: relative;
    margin: 0;
    padding: 0 0 0 1.25rem;
    line-height: 1.48;
}

.hepo-faktenbox .hepo-faktenbox__list li::before {
    position: absolute;
    top: .56em;
    left: .05rem;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background: var(--hepo-faktenbox-accent);
    content: "";
}

.hepo-faktenbox .hepo-faktenbox__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .55rem;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(28, 63, 80, .15);
    color: #53656e;
    font-size: .82em;
    line-height: 1.4;
}

.hepo-faktenbox .hepo-faktenbox__meta strong {
    color: #394b54;
    font-weight: 650;
}

.hepo-faktenbox .hepo-faktenbox__separator {
    color: #8b9aa1;
}

@media (max-width: 520px) {
    .hepo-faktenbox {
        border-radius: 7px;
    }

    .hepo-faktenbox .hepo-faktenbox__separator {
        display: none;
    }

    .hepo-faktenbox .hepo-faktenbox__meta {
        flex-direction: column;
    }
}

@media print {
    .hepo-faktenbox {
        border: 1px solid #777;
        border-top-width: 4px;
        background: #fff;
        box-shadow: none;
        break-inside: avoid;
    }
}