:root,:host{--event-background: transparent;--event-background-hover: transparent;--event-foreground: var(--color-black, #202532);--event-foreground-hover: var(--color-black, #202532);--event-border: none;--event-shadow: none;--event-shadow-hover: none;--event-padding-block-min: 24;--event-padding-block-max: 32;--event-padding-inline-min: 0;--event-padding-inline-max: 0;--event-border-radius-min: 0;--event-border-radius-max: 0;--event-column-gap-min: 24;--event-column-gap-max: 32;--event-row-gap-min: 16;--event-row-gap-max: 20;--event-grid-areas-mobile: "dates" "image" "headline" "body" "tags" "buttons";--event-grid-areas-tablet: "image headline buttons" "image dates    buttons" "image tags     buttons" "image body     buttons" ;--event-grid-areas-desktop: "dates image headline buttons" "dates image tags     buttons" "dates image body     buttons" ;--event-grid-columns-mobile: 1fr;--event-grid-columns-tablet: 240px 1fr auto;--event-grid-columns-desktop: 180px 320px 1fr auto;--event-grid-rows-mobile: auto;--event-grid-rows-tablet: auto auto auto auto;--event-grid-rows-desktop: auto auto auto;--event-dates-padding: 0;--event-tags-padding: 0;--event-headline-padding: 0;--event-body-padding: 0;--event-image-padding: 0;--event-image-aspect-ratio: 3/2;--event-buttons-padding: 0;--event-buttons-gap: 0}.event{--background: var(--event-background, white);--foreground: var(--event-foreground, var(--box-foreground-default-style));--border: var(--event-border, none);--shadow: var(--event-shadow, none);--background-hover: var(--event-background-hover, inherit);--foreground-hover: var(--event-foreground-hover, inherit);--shadow-hover: var(--event-shadow-hover, none);position:relative;display:grid;grid-template-areas:var(--grid-areas, "");grid-template-columns:var(--grid-columns, auto);grid-template-rows:var(--grid-rows, auto);column-gap:clamp(var(--event-column-gap-min)*1px,(var(--event-column-gap-max) - var(--event-column-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--event-column-gap-min) - (var(--event-column-gap-max) - var(--event-column-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--event-column-gap-max)*1px);row-gap:clamp(var(--event-row-gap-min)*1px,(var(--event-row-gap-max) - var(--event-row-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--event-row-gap-min) - (var(--event-row-gap-max) - var(--event-row-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--event-row-gap-max)*1px);background:var(--background);color:var(--foreground);border:var(--border);box-shadow:var(--shadow);transition:all .3s;border-radius:clamp(var(--event-border-radius-min)*1px,(var(--event-border-radius-max) - var(--event-border-radius-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--event-border-radius-min) - (var(--event-border-radius-max) - var(--event-border-radius-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--event-border-radius-max)*1px);padding-block:clamp(var(--event-padding-block-min)*1px,(var(--event-padding-block-max) - var(--event-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--event-padding-block-min) - (var(--event-padding-block-max) - var(--event-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--event-padding-block-max)*1px);padding-inline:clamp(var(--event-padding-inline-min)*1px,(var(--event-padding-inline-max) - var(--event-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--event-padding-inline-min) - (var(--event-padding-inline-max) - var(--event-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--event-padding-inline-max)*1px);overflow:hidden}.event>*:empty{display:none}@media screen and (max-width: 767px){.event{--grid-areas: var(--event-grid-areas-mobile);--grid-columns: var(--event-grid-columns-mobile);--grid-rows: var(--event-grid-rows-mobile)}}@media screen and (min-width: 768px)and (max-width: 1079px){.event{--grid-areas: var(--event-grid-areas-tablet);--grid-columns: var(--event-grid-columns-tablet);--grid-rows: var(--event-grid-rows-tablet)}}@media screen and (min-width: 1080px){.event{--grid-areas: var(--event-grid-areas-desktop);--grid-columns: var(--event-grid-columns-desktop);--grid-rows: var(--event-grid-rows-desktop)}}@container (max-width: 767px){.event{--grid-areas: var(--event-grid-areas-mobile);--grid-columns: var(--event-grid-columns-mobile);--grid-rows: var(--event-grid-rows-mobile)}}@container (min-width: 768px) and (max-width: 1023px){.event{--grid-areas: var(--event-grid-areas-tablet);--grid-columns: var(--event-grid-columns-tablet);--grid-rows: var(--event-grid-rows-tablet)}}@container (min-width: 1024px){.event{--grid-areas: var(--event-grid-areas-desktop);--grid-columns: var(--event-grid-columns-desktop);--grid-rows: var(--event-grid-rows-desktop)}}.event .event__dates{grid-area:dates;padding:var(--event-dates-padding, 0)}.event .event__tags{grid-area:tags;padding:var(--event-tags-padding, 0)}.event .event__headline{grid-area:headline;padding:var(--event-headline-padding, 0);max-width:720px;hyphens:auto}.event .event__body{grid-area:body;padding:var(--event-body-padding, 0);max-width:720px;hyphens:auto}.event .event__image{display:grid;grid-area:image;padding:var(--event-image-padding, 0);height:auto}.event .event__image picture,.event .event__image img{--image-aspect-ratio: var(--event-image-aspect-ratio);height:auto;transform:scale(1)}.event .event__buttons{grid-area:buttons;padding:var(--event-buttons-padding, 0);gap:var(--event-buttons-gap, 0.5rem)}.event.clickable a{position:static}.event.clickable a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0)}.event.clickable:hover picture>img{transform:scale(1.05)}.event:hover{--background: var(--background-hover);--foreground: var(--foreground-hover);--shadow: var(--shadow-hover)}