:root{--teaser-title-color:#103f86;--teaser-text-color:#000;--teaser-read-more-color:#de950b;--teaser-read-more-hover-color:#f0a20f;--teaser-content-background-color:#fff;--teaser-agenda-date-number-bgc:#de950b;--teaser-agenda-date-number-color:#fff;--teaser-agenda-read-more-border-color:#000}.teaser{background-color:transparent;display:flex;flex-direction:column;height:100%;position:relative;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.teaser:focus,.teaser:hover{box-shadow:0 4px 14px rgba(0,0,0,.05);transform:translateY(-3px)}.teaser:focus .teaser__read-more,.teaser:hover .teaser__read-more{color:var(--teaser-read-more-hover-color)}.teaser:focus .teaser__image img,.teaser:hover .teaser__image img{opacity:.9}.teaser__image{background-color:#000;height:0;overflow:hidden;padding-bottom:75%;position:relative;transition:background-color .2s;width:100%}.teaser__image img{height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;transition:opacity .2s ease-out;width:100%}.teaser__content{background-color:var(--teaser-content-background-color);display:flex;flex:1 0 0;flex-direction:column;justify-content:space-between;padding:20px;position:relative;width:100%}.teaser__info{display:flex;flex:1 0 auto;flex-direction:column;margin-bottom:1.5rem}.teaser__title{--heading-3-font-size:1.5rem;font-size:var(--heading-3-font-size)}@media only screen and (min-width:768px){.teaser__title{--heading-3-font-size:2rem}}.teaser__title{color:var(--teaser-title-color);margin:0 0 1rem}.teaser__meta-item{align-items:center;color:var(--teaser-text-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.teaser__meta-item--date{font-weight:700;text-transform:uppercase}.teaser__preview{color:var(--teaser-text-color);margin:1rem 0 0}.teaser__meta-icon{display:inline-block;height:24px;width:24px}.teaser__stars{margin-left:auto}.teaser__read-more{color:var(--teaser-read-more-color);display:block;font-weight:700;margin:1rem 0 0;text-transform:uppercase;transition:color .2s ease,transform .3s ease}.teaser__link{height:100%;left:0;position:absolute;top:0;width:100%}.teaser__link span{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.teaser--agenda{--teaser-read-more-color:#000;--teaser-read-more-hover-color:#de950b;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.teaser--agenda .teaser__image{padding-bottom:56%}.teaser--agenda .teaser__content{padding-top:2rem}.teaser--agenda .teaser__title{font-size:1.5rem}.teaser--agenda .teaser__preview{font-size:.875rem;line-height:1.5rem;margin:0}.teaser--agenda .teaser__date-number{background-color:var(--teaser-agenda-date-number-bgc);bottom:calc(100% - 1rem);color:var(--teaser-agenda-date-number-color);display:flex;font-family:MyriadPro,Arial,sans-serif;font-size:3rem;font-weight:700;gap:6px;line-height:1.1;padding:.5rem 1rem;position:absolute;text-align:center}.teaser--agenda .teaser__date-month{display:block;font-size:.825rem;text-transform:uppercase}.teaser--agenda .teaser__meta-item{font-size:.875rem;margin-bottom:0}.teaser--agenda .teaser__meta-icon{height:16px;margin-bottom:2px;width:16px}.teaser--agenda .teaser__read-more{border:2px solid var(--teaser-agenda-read-more-border-color);border-radius:6px;font-size:1rem;line-height:1;padding:1rem;text-align:center;text-transform:none;transition:color .2s ease .2s}.teaser--agenda.teaser--orange{--teaser-agenda-date-number-bgc:#103f86}.teaser--agenda.teaser--blue,.teaser--agenda.teaser--orange{--teaser-agenda-read-more-border-color:#fff}.teaser--grey{--teaser-content-background-color:#f3f2f0}.teaser--orange{--teaser-content-background-color:#de950b;--teaser-title-color:#fff;--teaser-text-color:#000;--teaser-read-more-color:#fff;--teaser-read-more-hover-color:#103f86}.teaser--orange-light{--teaser-content-background-color:#f8eace}.teaser--blue{--teaser-content-background-color:#103f86;--teaser-title-color:#fff;--teaser-text-color:#fff;--teaser-read-more-color:#fff;--teaser-read-more-hover-color:#de950b}.teaser--blue-light{--teaser-content-background-color:#eff4fa}.teaser--archive{flex-direction:row}.teaser--archive .teaser__media{display:none}.teaser--archive .teaser__info,.teaser--archive .teaser__title{margin-bottom:.5rem}.teaser--archive .teaser__read-more{margin-top:.5rem}@media only screen and (min-width:768px){.teaser--archive .teaser__media{background-color:var(--teaser-content-background-color);display:flex;flex:0 0 min(30%,240px);padding:1rem 0 1rem 1rem}.teaser--archive .teaser__content{flex:1 1 70%;padding:1rem 2rem}.teaser--archive .teaser__preview{margin:0}.teaser--highlight{overflow:hidden}.teaser--highlight:focus,.teaser--highlight:hover{box-shadow:none;transform:none}.teaser--highlight .teaser__media{margin-bottom:14rem}.teaser--highlight .teaser__image{padding-bottom:56.25%}.teaser--highlight .teaser__content{bottom:0;box-shadow:0 4px 24px rgba(0,0,0,.25);margin-bottom:40px;max-height:600px;max-width:500px;padding:3rem;position:absolute;right:4rem;transition:box-shadow .3s ease-in-out,transform .2s ease-in-out}.teaser--highlight .teaser__title{--heading-2-font-size:2rem;font-size:var(--heading-2-font-size)}}@media only screen and (min-width:768px) and (min-width:768px){.teaser--highlight .teaser__title{--heading-2-font-size:2.5rem}}@media only screen and (min-width:768px){.teaser--highlight.teaser--agenda .teaser__date-number{margin-bottom:2rem;position:relative;width:-moz-fit-content;width:fit-content}.teaser--agenda{height:540px;overflow:hidden}.teaser--agenda:focus,.teaser--agenda:hover{transform:translate(0)}.teaser--agenda:focus .teaser__content,.teaser--agenda:hover .teaser__content{top:145px}.teaser--agenda .teaser__media{height:220px}.teaser--agenda .teaser__image{height:100%;object-fit:cover;padding-bottom:0}.teaser--agenda .teaser__content{height:395px;position:absolute;top:220px;transition:top .25s cubic-bezier(.19,1,.6,1.25)}}@media only screen and (min-width:1024px){.teaser--archive .teaser__media{padding:1.5rem 0 1.5rem 1.5rem}.teaser--archive .teaser__content{padding:1.5rem}.teaser--highlight .teaser__media{margin-bottom:10rem}}@media only screen and (min-width:1280px){.teaser--highlight .teaser__media{margin-bottom:8rem}.teaser--highlight .teaser__content{width:40%}}