.archive__blog{.archive__item{aspect-ratio:4 / 3;position:relative;grid-column:span 4;box-shadow:6px 6px 12px rgb(0 0 0 / .6);transition:transform 0.3s ease;a{border:none;padding:0;display:flex;flex-flow:row wrap;align-items:flex-end;height:100%;width:100%;text-decoration:none;text-align:left}.archive__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;img{position:absolute;top:0;left:0;object-fit:cover;object-position:center;height:100%;width:100%}}.archive__headline{background:#fff0 linear-gradient(180deg,#00000000 0%,#000000 100%) 0% 0% no-repeat padding-box;padding:30px;z-index:2;span{font-size:27px;font-weight:700;color:var(--color__main)}h2,h3{color:var(--color__white);font-family:var(--font);font-weight:400;font-size:36px;text-transform:initial;margin-bottom:0;line-height:1.1}}}.archive__item:hover{transform:scale(1.02)}@media (min-width:1201px){.archive__item{&:nth-child(6n+1),&:nth-child(6n+5){grid-row:span 2;.archive__headline{padding:60px 30px 30px;span{font-size:32px}h2,h3{font-size:42px}}}&:nth-child(6n+1){grid-column:1 / span 8}&:nth-child(6n+5){grid-column:5 / span 8}}}@media (max-width:1200px){.archive__item{aspect-ratio:2 / 1;grid-column:span 6;.archive__headline{padding:30px;span{font-size:27px}h2,h3{font-size:36px}}&:nth-child(6n+1),&:nth-child(6n+5){aspect-ratio:initial;grid-column:1 / span 6;grid-row:span 2}}}@media (max-width:960px){.archive__item{aspect-ratio:4 / 3;grid-column:span 6;.archive__headline{padding:30px;span{font-size:24px}h2,h3{font-size:32px}}&:nth-child(6n+1),&:nth-child(6n+5){aspect-ratio:4 / 3;grid-column:1 / span 12;grid-row:span 1}}}@media (max-width:768px){.archive__item{aspect-ratio:4 / 3;grid-column:span 12;box-shadow:6px 6px 12px rgb(150 13 13 / .4);border:2px solid var(--color__main);.archive__headline{padding:30px;span{font-size:21px}h2,h3{font-size:27px}}&:nth-child(6n+1),&:nth-child(6n+5){aspect-ratio:3 / 2}}}@media (max-width:640px){.archive__item{aspect-ratio:1 / 1;grid-column:span 12;.archive__headline{padding:15px;h2,h3{font-size:24px}}&:nth-child(6n+1),&:nth-child(6n+5){aspect-ratio:1 / 1}}}}.archive__blog{--dur:600ms;--ease:cubic-bezier(0.22, 1, 0.36, 1);--dist:28px;--stagger-step:0.2s;--inner-stagger-step:0.15s;--transition:all 0.25s ease;--transition__animation:all 0.5s ease-in-out}@media (prefers-reduced-motion:reduce){.archive__blog *{animation:none!important;transition:none!important;transform:none!important}}.archive__blog.to-animate .archive__item{opacity:0;transform:translate3d(0,var(--dist),0);transition:none;will-change:opacity,transform}.archive__blog.to-animate .archive__item .archive__image img{transform:scale(1.04);transition:none}.archive__blog.to-animate .archive__item .archive__headline>:is(span,h2,h3){opacity:0;transform:translate3d(0,calc(var(--dist) * 0.5),0);transition:none}.archive__blog:not(.to-animate) .archive__item{opacity:1;transform:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);transition:var(--transition__animation)}.archive__blog:not(.to-animate) .archive__item .archive__headline>:is(span,h2,h3){opacity:1;transform:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);transition:var(--transition__animation)}.archive__blog:not(.to-animate) .archive__item .archive__headline>:nth-child(1){transition-delay:calc(0 * var(--inner-stagger-step))}.archive__blog:not(.to-animate) .archive__item .archive__headline>:nth-child(2){transition-delay:calc(2 * var(--inner-stagger-step))}.archive__blog:not(.to-animate) .archive__item .archive__headline>:nth-child(3){transition-delay:calc(4 * var(--inner-stagger-step))}.archive__blog:not(.to-animate) .archive__item .archive__image img{transform:none;transition:transform var(--dur) var(--ease);transition-delay:calc(1 * var(--inner-stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(1){transition-delay:calc(0  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(2){transition-delay:calc(2  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(3){transition-delay:calc(4  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(4){transition-delay:calc(6  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(5){transition-delay:calc(8  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(6){transition-delay:calc(10  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(7){transition-delay:calc(12  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(8){transition-delay:calc(14  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(9){transition-delay:calc(16  * var(--stagger-step))}.archive__blog:not(.to-animate) .archive__item:nth-child(10){transition-delay:calc(18  * var(--stagger-step))}@media (min-width:1201px){.archive__blog:not(.to-animate) .archive__item:nth-child(6n+1),.archive__item:nth-child(6n+5){transition-delay:calc(2 * var(--stagger-step))}}