:root{--teaser-background:#ffffd4;--teaser-box-shadow:0 10px 20px 0 rgba(0,0,0,.2);--teaser-heading-color:#5e0016;--teaser-image-bgc:#5e0016;--teaser-label-color:#5e0016;--teaser-meta-color:#5e0016;--teaser-text-color:#5e0016}.teaser{border-radius:20px;container:teaser/inline-size;height:100%;overflow-wrap:break-word;position:relative;transition:box-shadow .35s cubic-bezier(.19,1,.55,1)}.teaser:focus-within,.teaser:hover{box-shadow:var(--teaser-box-shadow)}.teaser:focus-within .teaser__image,.teaser:hover .teaser__image{transform:scale(1.15)}.teaser:focus-within .teaser__readmore-icon,.teaser:hover .teaser__readmore-icon{translate:4px 0}.teaser__container{border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.teaser__media{aspect-ratio:16/9;background-color:var(--teaser-image-bgc);overflow:hidden;position:relative}.teaser__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .35s cubic-bezier(.19,1,.55,1);width:100%}.teaser__content{background-color:var(--teaser-background);display:flex;flex:1 0 auto;flex-direction:column;gap:20px;padding:30px}.teaser__title{color:var(--teaser-heading-color);font-size:var(--heading-3-font-size);line-height:1.25;margin:0}.teaser__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.teaser__meta>*{line-height:1;margin-bottom:0}.teaser__meta-item{color:var(--teaser-meta-color);font-size:var(--text-font-size-small)}.teaser__meta-item--label{color:var(--teaser-label-color);font-size:1rem;font-weight:700;text-transform:uppercase}.teaser__meta-item+.teaser__meta-item:before{content:"|";margin-right:.5rem}.teaser__date{color:var(--teaser-meta-color);font-size:var(--text-font-size-small)}.teaser__description{display:none;font-size:1.125rem;line-height:1.5;margin-bottom:10px}.teaser__description,.teaser__description *{color:var(--teaser-text-color)}.teaser__description p{font-size:1.125rem}.teaser__readmore{display:flex;justify-content:flex-end;margin-top:auto;position:absolute;width:100%}.teaser__readmore-icon{height:36px;transition:translate .2s ease;width:36px}.teaser__link{height:100%;left:0;position:absolute;top:0;width:100%}.teaser__link span{clip-path:inset(1px 1px 1px 1px);height:1px;overflow:hidden;position:absolute;width:1px}.teaser--highlight .teaser__container:hover .teaser__media:before{opacity:1}.teaser--highlight .teaser__media{aspect-ratio:3/2}.teaser--highlight .teaser__media:after,.teaser--highlight .teaser__media:before{content:"";height:100%;pointer-events:none;position:absolute;transition:opacity .35s cubic-bezier(.19,1,.55,1);width:100%}.teaser--highlight .teaser__media:before{background:var(--teaser-highlight-hover-media-overlay);opacity:0;z-index:1}.teaser--highlight .teaser__media:after{background:var(--teaser-highlight-media-overlay)}.teaser--highlight .teaser__content{min-height:unset;padding-top:0}.teaser--highlight .teaser__title{font-size:var(--heading-4-font-size)}.teaser--highlight.teaser--text-only .teaser__content{padding-top:30px}.teaser--no-link:hover{box-shadow:none}.teaser--no-link:hover .teaser__image{transform:none}.teaser--yellow{--teaser-background:#ffffd4}.teaser--red{--teaser-background:#5e0016;--teaser-heading-color:#ffffd4;--teaser-text-color:#ffffd4;--teaser-label-color:#ffffd4;--teaser-meta-color:#ffffd4}.teaser--green{--teaser-background:#e4f190}.teaser--blue{--teaser-background:#c7e0ff}.teaser--grey{--teaser-background:#35404f;--teaser-heading-color:#ffffd4;--teaser-text-color:#ffffd4;--teaser-label-color:#ffffd4;--teaser-meta-color:#ffffd4}.teaser--white{--teaser-background:#fff}@container teaser (width >= 300px){.teaser__description{display:block}}@container teaser (width >= 500px){.teaser--highlight .teaser__meta{font-weight:700;text-transform:uppercase}}@container teaser (width >= 850px){.teaser--highlight .teaser__container{flex-direction:row;max-height:700px;min-height:400px}.teaser--highlight .teaser__media{flex:1 0 calc(50% - 5px)}.teaser--highlight .teaser__media:after,.teaser--highlight .teaser__media:before{display:none}.teaser--highlight .teaser__content{flex:1 0 calc(50% + 5px);padding:30px 20px}.teaser--highlight .teaser__title{margin:0}.teaser--highlight .teaser__description{display:block}.teaser--highlight.teaser--text-only .teaser__file-button{flex:1 0 calc(33.33333% - 8px)}}@media only screen and (min-width:1400px){.teaser--highlight .teaser__container{border-radius:20px}}