.hero--ldet--insights {
    --ldet-farbe: var(--color-dark);
    --ldet-weg: 0px;
}

.hero--ldet--insights .scrollwinkel {
    color: var(--color-logo);
}

.hero--ldet--insights .ldet-hero__veil {
    display: none;
}

body:has(.hero--ldet--insights)::after {
    background: var(--color-bg);
}



.blogfeed {
    --feed-width: min(var(--content-width),
                      calc(100% - 2 * var(--gutter)),
                      calc((100svh - 24rem) * 2.6));

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    padding: calc(var(--header-height) + 10rem) 0 12rem;
    overflow-x: clip;
}

.blogfilter {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem 2.4rem;
    width: var(--feed-width);
    margin-bottom: 4.8rem;
}

html:not(.js-reveal) .blogfilter {
    display: none;
}

.blogfilter__btn {
    position: relative;
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-muted);
    font-family: var(--font-base);
    font-size: 1.5rem;
    font-weight: var(--fw-bold);
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: color 0.25s var(--ease-cubic);
}

.blogfilter__btn::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.6rem;
    height: 0.2rem;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.3s var(--ease-cubic);
}

.blogfilter__btn:hover,
.blogfilter__btn:focus-visible,
.blogfilter__btn[aria-pressed="true"] {
    color: var(--color-text);
}

.blogfilter__btn:hover::after,
.blogfilter__btn:focus-visible::after,
.blogfilter__btn[aria-pressed="true"]::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.blogfilter {
    opacity: 0;
    transform: translateY(2rem);
}

.is-ready .blogfilter {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s var(--ease-sine) 1s, transform 0.7s var(--ease-quart) 1s;
}

@media (prefers-reduced-motion: reduce) {
    .blogfilter {
        opacity: 1;
        transform: none;
    }
}

.blogfeed__status {
    width: var(--feed-width);
    font-size: 1.6rem;
    color: var(--color-muted);
}

.blogfeed__status:empty {
    display: none;
}



.blogfeed__blocks {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: var(--feed-width);
}

.postblock {
    display: grid;
    gap: 1.6rem;
}

.postblock[hidden] {
    display: none;
}

.blogfeed__blocks > .postblock__tile {
    aspect-ratio: auto;
    min-height: 24rem;
}

.postblock .postblock__tile {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 0;
    opacity: 0;
    transform: translateX(6rem);
    transition: background-color 0.55s var(--ease-cubic) 0s,
                color 0.55s var(--ease-cubic) 0s,
                opacity 1.1s var(--ease-cubic) var(--in-delay, 0s),
                transform 1.1s var(--ease-cubic) var(--in-delay, 0s);
}

.postblock > :first-child {
    transform: translateX(-6rem);
}

.postblock.is-in > .postblock__tile {
    opacity: 1;
    transform: translateX(0);
}

.postblock > :nth-child(2) { --in-delay: 0.12s; }
.postblock > :nth-child(3) { --in-delay: 0.24s; }
.postblock > :nth-child(4) { --in-delay: 0.36s; }

html:not(.js-reveal) .postblock .postblock__tile {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .postblock .postblock__tile,
    .postblock.is-in > .postblock__tile {
        transform: none;
    }
}

.postblock:nth-of-type(4n+1) {
    grid-template-columns: repeat(26, 1fr);
    grid-template-rows: repeat(16, 1fr);
    aspect-ratio: 26 / 16;
}
.postblock:nth-of-type(4n+1) > :nth-child(1) { grid-column: 1 / 17;  grid-row: 1 / 17;  }
.postblock:nth-of-type(4n+1) > :nth-child(2) { grid-column: 17 / 27; grid-row: 1 / 11;  }
.postblock:nth-of-type(4n+1) > :nth-child(3) { grid-column: 17 / 27; grid-row: 11 / 17; }

.postblock:nth-of-type(4n+2) {
    grid-template-columns: repeat(4, 1fr);
}
.postblock:nth-of-type(4n+2) > * {
    aspect-ratio: 4 / 5;
}

.postblock:nth-of-type(4n+3) {
    grid-template-columns: repeat(26, 1fr);
    aspect-ratio: 26 / 10;
}
.postblock:nth-of-type(4n+3) > :nth-child(1) { grid-column: 1 / 17;  }
.postblock:nth-of-type(4n+3) > :nth-child(2) { grid-column: 17 / 27; }

.postblock:nth-of-type(4n+4) {
    grid-template-columns: repeat(26, 1fr);
    grid-template-rows: repeat(14, 1fr);
    aspect-ratio: 26 / 14;
}
.postblock:nth-of-type(4n+4) > :nth-child(1) { grid-column: 1 / 11;  grid-row: 1 / 15; }
.postblock:nth-of-type(4n+4) > :nth-child(2) { grid-column: 11 / 27; grid-row: 1 / 8;  }
.postblock:nth-of-type(4n+4) > :nth-child(3) { grid-column: 11 / 19; grid-row: 8 / 15; }
.postblock:nth-of-type(4n+4) > :nth-child(4) { grid-column: 19 / 27; grid-row: 8 / 15; }


.postblock:nth-of-type(4n+1) > :nth-child(1),
.postblock:nth-of-type(4n+3) > :nth-child(1),
.postblock:nth-of-type(4n+4) > :nth-child(2) {
    padding: 4rem;
}
.postblock:nth-of-type(4n+1) > :nth-child(1) .cta__card-title,
.postblock:nth-of-type(4n+3) > :nth-child(1) .cta__card-title,
.postblock:nth-of-type(4n+4) > :nth-child(2) .cta__card-title {
    font-size: 3.2rem;
}

.postblock:nth-of-type(4n+1) > :nth-child(2),
.postblock:nth-of-type(4n+1) > :nth-child(3),
.postblock:nth-of-type(4n+3) > :nth-child(2),
.postblock:nth-of-type(4n+4) > :nth-child(1) {
    padding: 3.2rem;
}
.postblock:nth-of-type(4n+1) > :nth-child(2) .cta__card-title,
.postblock:nth-of-type(4n+1) > :nth-child(3) .cta__card-title,
.postblock:nth-of-type(4n+3) > :nth-child(2) .cta__card-title,
.postblock:nth-of-type(4n+4) > :nth-child(1) .cta__card-title {
    font-size: 2.4rem;
}

.postblock:nth-of-type(4n+2) > *,
.postblock:nth-of-type(4n+4) > :nth-child(3),
.postblock:nth-of-type(4n+4) > :nth-child(4) {
    padding: 2.4rem;
}
.postblock:nth-of-type(4n+2) .cta__card-title,
.postblock:nth-of-type(4n+4) > :nth-child(3) .cta__card-title,
.postblock:nth-of-type(4n+4) > :nth-child(4) .cta__card-title {
    font-size: 1.9rem;
}



.blogfeed.is-filtered .blogfeed__blocks {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
}

.blogfeed.is-filtered .postblock:nth-of-type(4n+1),
.blogfeed.is-filtered .postblock:nth-of-type(4n+2),
.blogfeed.is-filtered .postblock:nth-of-type(4n+3),
.blogfeed.is-filtered .postblock:nth-of-type(4n+4) {
    display: contents;
}

.blogfeed.is-filtered .postblock:nth-of-type(4n+1) > :nth-child(n),
.blogfeed.is-filtered .postblock:nth-of-type(4n+2) > :nth-child(n),
.blogfeed.is-filtered .postblock:nth-of-type(4n+3) > :nth-child(n),
.blogfeed.is-filtered .postblock:nth-of-type(4n+4) > :nth-child(n) {
    grid-column: 1;
    grid-row: auto;
    aspect-ratio: 4 / 1;
    padding: 4rem;
}

.blogfeed.is-filtered .postblock:nth-of-type(4n+1) > :nth-child(n) .cta__card-title,
.blogfeed.is-filtered .postblock:nth-of-type(4n+2) > :nth-child(n) .cta__card-title,
.blogfeed.is-filtered .postblock:nth-of-type(4n+3) > :nth-child(n) .cta__card-title,
.blogfeed.is-filtered .postblock:nth-of-type(4n+4) > :nth-child(n) .cta__card-title {
    font-size: 3.2rem;
}

.postblock__tile[hidden] {
    display: none;
}



@media (max-width: 767px) {
    .blogfeed {
        gap: 2.4rem;
        padding: calc(var(--header-height) + 4rem) 0 6rem;
    }

    .blogfilter {
        gap: 1rem 1.8rem;
        margin-bottom: 3.2rem;
    }

    .blogfilter__btn {
        font-size: 1.4rem;
    }

    .blogfeed__blocks,
    .postblock {
        gap: 2.4rem;
    }

    .postblock:nth-of-type(4n+1),
    .postblock:nth-of-type(4n+2),
    .postblock:nth-of-type(4n+3),
    .postblock:nth-of-type(4n+4) {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        aspect-ratio: auto;
    }

    .postblock:nth-of-type(4n+1) > :nth-child(n),
    .postblock:nth-of-type(4n+2) > :nth-child(n),
    .postblock:nth-of-type(4n+3) > :nth-child(n),
    .postblock:nth-of-type(4n+4) > :nth-child(n),
    .blogfeed.is-filtered .postblock:nth-of-type(4n+1) > :nth-child(n),
    .blogfeed.is-filtered .postblock:nth-of-type(4n+2) > :nth-child(n),
    .blogfeed.is-filtered .postblock:nth-of-type(4n+3) > :nth-child(n),
    .blogfeed.is-filtered .postblock:nth-of-type(4n+4) > :nth-child(n) {
        grid-column: 1;
        grid-row: auto;
        aspect-ratio: 1.5 / 1;
        min-height: auto;
        padding: 2.4rem;
        overflow: clip;
    }

    .postblock .cta__card-tags {
        margin-top: -0.6rem;
        margin-bottom: 0.6rem;
    }

    .postblock:nth-of-type(4n+1) > :nth-child(n) .cta__card-title,
    .postblock:nth-of-type(4n+2) > :nth-child(n) .cta__card-title,
    .postblock:nth-of-type(4n+3) > :nth-child(n) .cta__card-title,
    .postblock:nth-of-type(4n+4) > :nth-child(n) .cta__card-title,
    .blogfeed.is-filtered .postblock:nth-of-type(4n+1) > :nth-child(n) .cta__card-title,
    .blogfeed.is-filtered .postblock:nth-of-type(4n+2) > :nth-child(n) .cta__card-title,
    .blogfeed.is-filtered .postblock:nth-of-type(4n+3) > :nth-child(n) .cta__card-title,
    .blogfeed.is-filtered .postblock:nth-of-type(4n+4) > :nth-child(n) .cta__card-title {
        font-size: 2rem;
    }
}



.postblock .postblock__lesezeit {
    align-self: flex-end;
    margin-left: 0;
    margin-right: -0.9rem;
    letter-spacing: 0.02em;
}

@media (max-width: 767px) {
    .postblock .postblock__lesezeit {
        margin-right: -0.6rem;
    }
}