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