/* =========================================================
   JSD Elli Content Block: Infokarte
   Scope: .elli-info-card
   ========================================================= */

.elli-info-card {
    color: var(--elli-info-card-color, var(--text, #282828));
    background: var(--elli-info-card-bg, #ffffff);
    border: var(--elli-info-card-border-width, 0.0625rem) solid var(--elli-info-card-border-color, rgba(0, 0, 0, 0.06));
    border-radius: var(--elli-info-card-radius, var(--radius, 0.625rem));
    box-shadow: var(--elli-info-card-shadow, 0 1.5625rem 2.125rem -0.75rem rgba(32, 32, 32, 0.25));
    overflow: hidden;
}

.elli-info-card__inner {
    padding: var(--elli-info-card-inner-padding, 1.375rem);
}

.elli-info-card__head {
    margin-block-end: var(--elli-info-card-head-gap, 0.75rem);
}

.elli-info-card__headline {
    min-inline-size: 0;
}

.elli-info-card__title {
    color: var(--elli-info-card-title-color, var(--elli-info-card-color, var(--text, #282828)));
    margin-block: 0 var(--elli-info-card-title-margin-bottom, 0.75rem);
}

.elli-info-card__text {
    color: var(--elli-info-card-muted-color, var(--text-2, #595959));
    max-inline-size: var(--elli-info-card-text-measure, 70ch);
}

.elli-info-card__text > :last-child,
.elli-info-card__alerttext > :last-child {
    margin-block-end: 0;
}

.elli-info-card__iconwrap {
    inline-size: var(--elli-info-card-iconwrap-size, 3.25rem);
    block-size: var(--elli-info-card-iconwrap-size, 3.25rem);
    border-radius: var(--elli-info-card-iconwrap-radius, 0.75rem);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: var(--elli-info-card-iconwrap-bg, rgba(66, 66, 66, 0.10));
}

.elli-info-card__iconwrap--soft {
    background: var(--elli-info-card-iconwrap-bg-soft, rgba(66, 66, 66, 0.10));
}

.elli-info-card__iconwrap--dark {
    background: var(--elli-info-card-iconwrap-bg-dark, #424242);
}

.elli-info-card__iconwrap--accent {
    background: var(--elli-info-card-iconwrap-bg-accent, var(--action, #7c7c7c));
}

.elli-info-card__iconwrap--neutral {
    background: var(--elli-info-card-iconwrap-bg-neutral, #f1f1f1);
}

.elli-info-card__icon {
    display: block;
    inline-size: var(--elli-info-card-icon-size, 2.0625rem);
    block-size: var(--elli-info-card-icon-size, 2.0625rem);
}

.elli-info-card__blocks {
    display: grid;
    gap: var(--elli-info-card-block-gap, 0.875rem);
    margin-block-start: var(--elli-info-card-blocks-margin-top, 0.75rem);
}

.elli-info-card__list {
    display: grid;
    gap: var(--elli-info-card-list-gap, 0.75rem);
}

.elli-info-card__li {
    display: grid;
    grid-template-columns: var(--elli-info-card-list-icon-column, 1.375rem) minmax(0, 1fr);
    gap: var(--elli-info-card-list-gap-inline, 0.75rem);
    align-items: baseline;
}

.elli-info-card__li--heading {
    display: block;
    margin-block-start: var(--elli-info-card-subheading-margin-top, 1rem);
}

.elli-info-card__subheading {
    margin: 0;
    color: var(--elli-info-card-subheading-color, var(--elli-info-card-title-color, var(--text, #282828)));
}

.elli-info-card__liicon {
    inline-size: var(--elli-info-card-list-icon-size, 1.25rem);
    block-size: var(--elli-info-card-list-icon-size, 1.25rem);
    display: inline-grid;
    place-items: center;
    color: var(--elli-info-card-list-icon-color, var(--elli-info-card-link-color, var(--link, #565656)));
    font-weight: 700;
    line-height: 1;
}

.elli-info-card__liicon--check::before {
    content: "✓";
}

.elli-info-card__liicon--plus::before {
    content: "+";
}

.elli-info-card__liicon--arrow::before,
.elli-info-card__arrow::before {
    content: "→";
}

.elli-info-card__link,
.elli-info-card__morelink,
.elli-info-card__alertlink {
    color: var(--elli-info-card-link-color, var(--link, #565656));
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
}

.elli-info-card__link:hover,
.elli-info-card__morelink:hover,
.elli-info-card__alertlink:hover {
    color: var(--elli-info-card-link-hover-color, var(--link-hover, #121212));
    text-decoration-thickness: 0.125rem;
}

.elli-info-card__alert {
    border-inline-start: var(--elli-info-card-alert-border-width, 0.25rem) solid var(--elli-info-card-alert-accent, var(--action, #7c7c7c));
    border-radius: var(--elli-info-card-alert-radius, var(--elli-info-card-radius, 0.625rem));
    overflow: hidden;
}

.elli-info-card__accordion,
.elli-info-card__accordionitem,
.elli-info-card__alertbutton,
.elli-info-card__alertbutton:not(.collapsed) {
    background: var(--elli-info-card-alert-bg, #f8f8f8) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.elli-info-card__accordion {
    margin-block-start: 0;
}

.elli-info-card__alertheading {
    margin: 0;
}

.elli-info-card__alertbutton {
    display: flex;
    align-items: center;
    gap: var(--elli-info-card-alert-head-gap, 0.625rem);
    color: var(--elli-info-card-color, var(--text, #282828));
    padding: var(--elli-info-card-alert-button-padding, 1rem 1.125rem);
}

.elli-info-card__alertbutton::after {
    display: none;
}

.elli-info-card__alerticon {
    inline-size: var(--elli-info-card-alert-icon-size, 1.125rem);
    block-size: var(--elli-info-card-alert-icon-size, 1.125rem);
    display: inline-grid;
    place-items: center;
    color: var(--elli-info-card-alert-accent, var(--action, #7c7c7c));
    font-weight: 800;
    line-height: 1;
    flex: 0 0 auto;
}

.elli-info-card__alertbutton.collapsed .elli-info-card__alerticon::before {
    content: "+";
}

.elli-info-card__alertbutton:not(.collapsed) .elli-info-card__alerticon::before {
    content: "−";
}

.elli-info-card__alerttitle {
    color: var(--elli-info-card-alert-accent, var(--action, #7c7c7c));
    font-weight: var(--elli-info-card-alert-title-weight, 800);
}

.elli-info-card__alertbody {
    padding: var(--elli-info-card-alert-body-padding, 0 1.125rem 1.125rem 1.125rem);
}

.elli-info-card__alerttext {
    color: var(--elli-info-card-muted-color, var(--text-2, #595959));
}

.elli-info-card__alertlinkwrap {
    margin-block: var(--elli-info-card-alert-link-margin-top, 0.875rem) 0;
}

.elli-info-card__more {
    margin-block-start: var(--elli-info-card-more-margin-top, 0.875rem);
}

.elli-info-card__morelink,
.elli-info-card__alertlink {
    display: inline-flex;
    align-items: center;
    gap: var(--elli-info-card-link-icon-gap, 0.625rem);
    font-weight: var(--elli-info-card-link-weight, 700);
}

.elli-info-card__arrow {
    display: inline-grid;
    place-items: center;
    inline-size: var(--elli-info-card-arrow-size, 1.125rem);
    block-size: var(--elli-info-card-arrow-size, 1.125rem);
    line-height: 1;
}

.elli-info-card :where(a, button):focus-visible {
    outline: var(--jsd-elli-focus-ring-width, 0.1875rem) solid var(--jsd-elli-focus-ring-color, #000000);
    outline-offset: var(--jsd-elli-focus-ring-offset, 0.1875rem);
    box-shadow: var(--jsd-elli-focus-ring-shadow, 0 0 0 0.1875rem #ffffff);
    border-radius: var(--elli-info-card-focus-radius, 0.25rem);
}

@media (prefers-reduced-motion: reduce) {
    .elli-info-card,
    .elli-info-card * {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}

@media (min-width: 576px) {
    .elli-info-card__inner {
        padding: var(--elli-info-card-inner-padding-sm, 1.75rem);
    }
}

@media (min-width: 768px) {
    .elli-info-card__inner {
        padding: var(--elli-info-card-inner-padding-md, 3rem);
    }
}

@media (max-width: 575.98px) {
    .elli-info-card__head {
        gap: var(--elli-info-card-head-gap-mobile, 0.875rem) !important;
    }

    .elli-info-card__iconwrap {
        inline-size: var(--elli-info-card-iconwrap-size-mobile, 2.75rem);
        block-size: var(--elli-info-card-iconwrap-size-mobile, 2.75rem);
    }

    .elli-info-card__icon {
        inline-size: var(--elli-info-card-icon-size-mobile, 1.75rem);
        block-size: var(--elli-info-card-icon-size-mobile, 1.75rem);
    }
}