.hausformat_artisetlinklist {
    --hf-artisetlinklist-inner-gutter: 16px;
    --hf-artisetlinklist-description-font-size: 14px;

    .cb-artisetlinklist-container {
        container-type: inline-size;
        container-name: cb-artisetlinklist;
    }
    
    .cb-artisetlinklist {
        background-color: var(--hf-box-bg-color-teaser-grey);
    }

    .cb-artisetlinklist-header {
        padding: var(--hf-artisetlinklist-inner-gutter);

        .hf-header-icon {
            display: inline-block;
            width: 1em;
            height: 1em;
            margin-right: 0.25em;
            transform: translateY(0.1em);
            svg {
                width: 100%;
                height: 100%;
            }
        }

        p {
            font-family: var(--hf-base-font-1);
            font-size: var(--hf-artisetlinklist-description-font-size, 14px);
        }
    }

    .cb-artisetlinklist-overview-link {
        padding: var(--hf-artisetlinklist-inner-gutter);
        border-top: 1px solid var(--hf-color-grey-medium);
    }

    .cb-artisetlinklist-item {
        position: relative;
        font-family: var(--hf-base-font-2);
        grid-template-rows: 1fr auto;
        grid-template-areas:
            "Info"
            "Link";
        padding: var(--hf-artisetlinklist-inner-gutter);
        border-top: 1px solid var(--hf-color-grey-medium);
        transition: background-color 0.3s ease;

        &:hover {
            background-color: var(--hf-color-grey-light);
        }
    }

    .cb-artisetlinklist-info {
        grid-area: Info;
    }

    .cb-artisetlinklist-description,
    .cb-artisetlinklist-fileinfo {
        font-family: var(--hf-base-font-1);
        font-size: var(--hf-artisetlinklist-description-font-size, 14px);
        line-height: 1.6;
    }

    .cb-artisetlinklist-link {
        grid-area: Link;
        align-self: center;
    }

    @container cb-artisetlinklist (min-width: 458px) {
        .cb-artisetlinklist {
            --hf-artisetlinklist-inner-gutter: var(--gl-gutter);
            --hf-artisetlinklist-description-font-size: 16px;
        }
        .cb-artisetlinklist-item {
            grid-template-rows: 1fr;
            grid-template-columns: 1fr auto;
            grid-template-areas: "Info Link";
        }
    }

}