/*  INHALTSELEMENT: CE_HYPERLINK
//////////////////////////////////////////////////////////////////////////////*/
@layer components {
    .ce_hyperlink {
    }

    .ce_hyperlink {
        border-bottom: 1px solid var(--color-mbz-grey-300);
    }
    .ce_hyperlink:first-of-type {
        border-top: var(--spacing-xs) solid var(--color-mbz-grey-300);
    }

    .carousel-has-header .ce_hyperlink, .carousel-has-header .ce_hyperlink:first-of-type {
        border: none;
    }

    .ce_hyperlink {
        cursor: pointer;
        position: relative;
        font-size: var(--font-size-m);
        font-weight: var(--font-weight-bold);
    }
    .ce_hyperlink .hyperlink_txt {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        transition: padding 0.3s;
    }
    .ce_hyperlink .hyperlink_txt:hover {
        background-color: var(--color-mbz-grey-50);
        padding-left: var(--spacing-s);
        transition: padding 0.3s;
    }
    .ce_hyperlink .hyperlink_txt::after {
        content: "";
        display: block;
        width: 2rem;
        height: 2rem;
        transform: rotate(0);
        transition: transform 0.3s;
        background-image: url("../../images/icons/icon--next.svg");
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .article--kachel .ce_hyperlink {
        border: none;
    }
}