.component-teaser-event{background-color:var(--background-color);display:flex;min-height:100vmin;padding:var(--spacer-02)}@media (max-width:600px) and (orientation:landscape){.component-teaser-event{min-height:calc(100vmin - var(--spacer-02) - var(--spacer-02))}}@media (min-width:600px){.component-teaser-event{min-height:var(--din-format)}}.component-teaser-event{overflow-x:auto;width:100%}@media (min-width:1600px){.component-teaser-event{overflow-x:initial}}.component-teaser-event .article-holder{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:min-content min-content 1fr;grid-column-gap:var(--spacer-02);padding-right:var(--spacer-02)}@media (min-width:1000px){.component-teaser-event .article-holder{padding-right:0;width:100%}}.component-teaser-event .article-holder{grid-template-areas:"article-section-category article-section-image article-section-description" "article-section-date-and-time article-section-image article-section-description" "article-section-headline-and-subheadline article-section-image article-section-description"}@media (min-width:1600px){.component-teaser-event .article-holder{grid-template-areas:"article-section-date-and-time article-section-headline-and-subheadline article-section-image article-section-description" "article-section-date-and-time article-section-category article-section-image article-section-description";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr min-content}}.component-teaser-event .article-holder .article-section{width:calc(var(--card-width) - var(--spacer-02) - var(--spacer-02) - var(--spacer-02))}@media (min-width:600px){.component-teaser-event .article-holder .article-section{width:calc(var(--card-width) - var(--spacer-02) - var(--spacer-02))}}@media (min-width:1000px){.component-teaser-event .article-holder .article-section{width:auto}}.component-teaser-event .article-holder .article-section.article-section-category{grid-area:article-section-category}@media (min-width:1600px){.component-teaser-event .article-holder .article-section.article-section-category{font-size:var(--typography-huge-font-size);-webkit-hyphens:auto;hyphens:auto;letter-spacing:var(--typography-huge-letter-spacing);line-height:var(--typography-huge-line-height);padding-top:var(--spacer-02)}}.component-teaser-event .article-holder .article-section.article-section-date-and-time{grid-area:article-section-date-and-time}@media (min-width:1600px){.component-teaser-event .article-holder .article-section.article-section-date-and-time{display:flex;flex-direction:column;font-size:var(--typography-huge-font-size);justify-content:space-between;letter-spacing:var(--typography-huge-letter-spacing);line-height:var(--typography-huge-line-height)}}.component-teaser-event .article-holder .article-section.article-section-date-and-time br.only-on-large-screens{display:none}@media (min-width:1600px){.component-teaser-event .article-holder .article-section.article-section-date-and-time br.only-on-large-screens{display:initial}.component-teaser-event .article-holder .article-section.article-section-date-and-time .only-on-small-screens{display:none}}.component-teaser-event .article-holder .article-section.article-section-headline-and-subheadline{grid-area:article-section-headline-and-subheadline}.component-teaser-event .article-holder .article-section.article-section-image{grid-area:article-section-image}.component-teaser-event .article-holder .article-section.article-section-description{display:flex;flex-direction:column;grid-area:article-section-description;justify-content:space-between}.component-teaser-event .article-holder .component-headline{font-size:var(--typography-big-font-size);letter-spacing:var(--typography-big-letter-spacing);line-height:var(--typography-big-line-height);margin-top:calc(var(--spacer)*.5)}@media (min-width:1600px){.component-teaser-event .article-holder .component-headline{font-size:var(--typography-huge-font-size);letter-spacing:var(--typography-huge-letter-spacing);line-height:var(--typography-huge-line-height);margin-top:0}}.component-teaser-event .article-holder .typography-subheadline{margin-top:calc(var(--spacer)*.5)}.component-teaser-event .article-holder picture.picture{height:100%;mix-blend-mode:multiply}.component-teaser-event .article-holder picture.picture img{aspect-ratio:var(--din-aspect-ratio);height:inherit;-o-object-fit:cover;object-fit:cover}.component-teaser-event .article-holder .learn-more-full-width{align-items:center;display:flex;justify-content:space-between;width:100%}