/*  COMPONENT: STECKBRIEF
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .steckbrief {
        display: block !important;
    }
    .steckbrief_data dl {
        margin: 0;
        padding: 0;
    }
    .steckbrief_data dt {
        font-weight: var(--font-weight-bold);
    }
    .steckbrief_data dd {
        margin-bottom: var(--spacing-m);
    }
    .steckbrief .article__header .article__title {
        font-size: var(--font-size-l);
        line-height: var(--line-height-l);
        margin: 0;
    }
    .steckbrief .article__header .article__title::after {
        display: none;
    }
    @media (min-width: 1220px) {
        .grid > .steckbrief {
            grid-row: auto;
        }
    }
}