:root{--teaser-bgc:#fff;--teaser-date-color:#000;--teaser-image-bgc:#c81e1e;--teaser-media-icon:#fff;--teaser-media-icon-size:80px;--teaser-readmore-color:#000;--teaser-readmore-icon:#000;--teaser-readmore-icon-hover:#c81e1e;--teaser-tag-color:#000;--teaser-title-color:#000;--teaser-highlight-bgc:#f3eeee}.teaser{container:teaser/inline-size;height:100%;overflow-wrap:break-word;position:relative;transition:box-shadow .35s cubic-bezier(.19,1,.55,1)}.teaser:not(.teaser.teaser--no-link):focus-within .teaser__image,.teaser:not(.teaser.teaser--no-link):hover .teaser__image{transform:scale(1.15)}.teaser:not(.teaser.teaser--no-link):focus-within .teaser__title,.teaser:not(.teaser.teaser--no-link):hover .teaser__title{text-decoration-color:var(--teaser-title-color);text-underline-offset:2px}.teaser:not(.teaser.teaser--no-link):focus-within .teaser__readmore,.teaser:not(.teaser.teaser--no-link):hover .teaser__readmore{--button-background:#000;--button-border:#000}.teaser:not(.teaser.teaser--no-link):focus-within .teaser__readmore-icon,.teaser:not(.teaser.teaser--no-link):hover .teaser__readmore-icon{fill:var(--teaser-readmore-icon-hover);translate:4px}.teaser__container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.teaser__media{aspect-ratio:16/9;background-color:var(--teaser-image-bgc);min-height:200px;overflow:hidden;position:relative}.teaser__media--highlight{aspect-ratio:4/3}.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__media-play{background-color:rgb(from #000 r g b/20%);border:2px solid var(--teaser-media-icon);border-radius:50%;height:var(--teaser-media-icon-size);left:50%;padding:calc(var(--teaser-media-icon-size)/4);position:absolute;top:50%;translate:-50% -50%;width:var(--teaser-media-icon-size)}.teaser__media-play .icon{fill:var(--teaser-media-icon)}.teaser__content{background-color:var(--teaser-bgc);display:flex;flex:1 0 auto;flex-direction:column;gap:10px;padding:20px 20px 20px 0}.teaser__date{color:var(--teaser-date-color);font-size:var(--text-font-size-small);margin-bottom:.25rem}.teaser__title{color:var(--teaser-title-color);font-size:1.25rem;font-weight:600;line-height:1.25;margin:0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color .25s cubic-bezier(.25,.46,.45,.94)}.teaser__tags{display:flex;flex-wrap:wrap}.teaser__tag:not(.teaser__tag:last-child):after{content:"|";margin:0 .5rem}.teaser__description{color:var(--text-color);display:none;font-size:1rem;line-height:1.5}.teaser__description p{font-size:1rem}.teaser__readmore{align-items:center;display:flex;gap:.5rem;margin-top:auto;padding-top:10px}.teaser__readmore.button{padding-top:0;width:-moz-fit-content;width:fit-content}.teaser__readmore-text{color:var(--teaser-readmore-color);font-size:1rem;font-weight:600;margin:0}.teaser__readmore-icon{fill:var(--teaser-readmore-icon);height:16px;transition:fill .15s cubic-bezier(.47,0,.75,.72),translate .25s cubic-bezier(.25,.46,.45,.94);width:16px}.teaser__link{height:100%;left:0;position:absolute;top:0;width:100%}.teaser--highlight .teaser__media--highlight{display:none}.teaser--custom .teaser__description{display:block}.teaser--white{--teaser-bgc:#fff}.teaser--grey{--teaser-bgc:#f3eeee;--teaser-highlight-bgc:#fff}.teaser--grey-dark{--teaser-bgc:#dbd2d1}.teaser--black{--teaser-bgc:#000;--teaser-date-color:#fff;--teaser-readmore-color:#fff;--teaser-readmore-icon:#fff;--teaser-readmore-icon-hover:#ff2434;--teaser-tag-color:#fff;--teaser-title-color:#fff}.teaser--yellow{--teaser-bgc:#fd0}@container teaser (width >= 350px){.teaser__media-play{--teaser-media-icon-size:100px}}@container teaser (width >= 450px){.teaser__title{font-size:1.5rem}.teaser__readmore-text{font-size:var(--text-font-size)}}@container teaser (width >= 650px){.teaser__media-play{--teaser-media-icon-size:120px}.teaser__title{font-size:1.75rem}.teaser--highlight .teaser__container{flex-direction:row}.teaser--highlight .teaser__content{background-color:var(--teaser-highlight-bgc);flex:1 0 50%;padding:20px 40px 20px 20px}.teaser--highlight .teaser__media{flex:1 0 50%}.teaser--highlight .teaser__media--default{display:none}.teaser--highlight .teaser__media--highlight{display:block}.teaser--highlight .teaser__date{margin-bottom:.5rem}.teaser--highlight .teaser__title{margin-left:calc(var(--bar-width)*2);padding-left:0;position:relative}.teaser--highlight .teaser__title:before{background-color:var(--bar-color);content:"";display:block;height:calc(100% - var(--bar-height-correction));left:calc(var(--bar-width)*-1*2);margin-right:var(--bar-width);position:absolute;top:50%;top:49%;translate:0 -50%;width:var(--bar-width)}.teaser--highlight .teaser__title{--bar-height-correction:0.55em}.teaser--highlight .teaser__tags{display:none}.teaser--highlight .teaser__description{display:block}.teaser--highlight .teaser__readmore{--teaser-readmore-color:#fff;--teaser-readmore-icon:#fff;--teaser-readmore-icon-hover:#fff;background:var(--button-background);border-radius:var(--button-border-radius);height:var(--button-height);padding:var(--button-padding);width:-moz-fit-content;width:fit-content}}@container teaser (width >= 1000px){.teaser--highlight .teaser__content{gap:20px;padding:30px 40px 30px 30px}.teaser--highlight .teaser__description,.teaser--highlight .teaser__description p{font-size:var(--text-font-size)}}@container teaser (width >= 1200px){.teaser--highlight .teaser__content{padding:40px 4rem 40px 40px}.teaser--highlight .teaser__title{font-size:2rem}}@container teaser (width >= 1400px){.teaser--highlight .teaser__title{font-size:2.5rem}}