.project-teaser{flex-direction:column;gap:24px;display:flex;position:relative}@media print{.project-teaser{break-inside:avoid}}@media screen and (width>=64rem){.project-teaser{margin-bottom:32px}}.project-teaser:has(.project-teaser__link:hover) .project-teaser__image img{transform:scale(1.035)}.project-teaser.project-teaser--full-width{grid-column:span 3}@media (width>=87.5rem){.project-teaser.project-teaser--full-width{margin-inline:-50px}}.project-teaser.project-teaser--dialog{padding-bottom:var(--content-padding)}.project-teaser.project-teaser--dialog .project-teaser__content{padding-inline:var(--content-padding)}.project-teaser.project-teaser--dialog .project-teaser__image{position:relative}.project-teaser.project-teaser--highlight:before{border:2px solid var(--accent-color,var(--color-warning));content:"";border-radius:4px;position:absolute;inset:-14px}@media screen and (width>=64rem){.project-teaser.project-teaser--detailed,.project-teaser.project-teaser--visual{flex-direction:row}}.project-teaser.project-teaser--detailed .project-teaser__heading,.project-teaser.project-teaser--visual .project-teaser__heading{margin-block:24px;font-size:2.5rem;line-height:1.05}.project-teaser.project-teaser--detailed .project-teaser__intro,.project-teaser.project-teaser--visual .project-teaser__intro{font:var(--font-body);margin-bottom:24px}@media screen and (width>=64rem){.project-teaser.project-teaser--detailed .project-teaser__intro,.project-teaser.project-teaser--visual .project-teaser__intro{margin-bottom:40px}}.project-teaser.project-teaser--detailed{align-items:center}@media screen and (width>=64rem){.project-teaser.project-teaser--detailed{gap:80px}.project-teaser.project-teaser--detailed:nth-child(2n){flex-direction:row-reverse}}.project-teaser.project-teaser--detailed .project-teaser__content{flex-basis:50%}.project-teaser.project-teaser--detailed figure.project-teaser__image figcaption{align-items:flex-end;top:20px;right:20px}.project-teaser.project-teaser--detailed figure.project-teaser__image figcaption small,.project-teaser.project-teaser--detailed figure.project-teaser__image figcaption p{padding:12px}.project-teaser.project-teaser--detailed figure.project-teaser__image figcaption small{padding:6px 10px}.project-teaser.project-teaser--detailed figure.project-teaser__image figcaption p{background-color:var(--color-warning)}.project-teaser.project-teaser--visual{margin-inline:calc(var(--content-padding) * -1);grid-template-areas:"image image2""image image3""content content";gap:16px;display:grid}@media screen and (width>=64rem){.project-teaser.project-teaser--visual{grid-template-columns:550px auto;grid-template-areas:"content image""image2 image""image2 image3";align-items:flex-start;gap:64px;margin-block:0;margin-inline:0;display:grid}.project-teaser.project-teaser--visual:nth-child(2n){grid-template-columns:auto 550px;grid-template-areas:"image content""image image2""image3 image2"}.project-teaser.project-teaser--visual:nth-child(2n) .project-teaser__image{justify-self:flex-end}}.project-teaser.project-teaser--visual:has(.project-teaser__link:hover) .project-teaser__image img{transform:scale(1)}.project-teaser.project-teaser--visual .project-teaser__content{padding:8px var(--content-padding);grid-area:content}@media screen and (width>=64rem){.project-teaser.project-teaser--visual .project-teaser__content{padding:0;position:relative}}.project-teaser.project-teaser--visual .project-teaser__image,.project-teaser.project-teaser--visual .project-teaser__image img{object-fit:cover}.project-teaser.project-teaser--visual .project-teaser__image:nth-child(2){grid-area:image;align-self:stretch}.project-teaser.project-teaser--visual .project-teaser__image:nth-child(3){grid-area:image2}.project-teaser.project-teaser--visual .project-teaser__image:nth-child(4){grid-area:image3}.project-teaser.project-teaser--visual figure.project-teaser__image figcaption{display:flex;bottom:24px;left:24px;right:24px}.project-teaser__heading{font:var(--font-h3)}.project-teaser__link{color:var(--text-body-body-primary);text-decoration:none}.project-teaser__link:hover{text-decoration:underline}.project-teaser__link:before{z-index:2;content:"";position:absolute;inset:0}.project-teaser__image{order:-1;display:block;overflow:hidden}.project-teaser__image img{aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease-in-out;display:block}figure.project-teaser__image{margin:0;position:relative}figure.project-teaser__image img{min-height:100%}figure.project-teaser__image figcaption{flex-direction:column;align-items:flex-start;gap:24px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}figure.project-teaser__image figcaption small,figure.project-teaser__image figcaption p{background-color:color-mix(in srgb, var(--color-global-white) 80%, transparent);color:var(--color-profile-d25);border-radius:4px;align-items:center;gap:8px;margin:0;padding:14px 16px;font-weight:500;display:flex}@media screen and (width>=64rem){figure.project-teaser__image figcaption small,figure.project-teaser__image figcaption p{max-width:80%}}figure.project-teaser__image figcaption small svg-icon,figure.project-teaser__image figcaption p svg-icon{display:none}@media screen and (width>=48rem){figure.project-teaser__image figcaption small svg-icon,figure.project-teaser__image figcaption p svg-icon{fill:currentColor;width:18px;height:18px}}figure.project-teaser__image figcaption small{padding:6px 10px}