.teaser{--teaser-bg-color:#fff;--teaser-title-color:#4a4a4a;--teaser-text-color:#4a4a4a;--teaser-date-color:#eb1788;--teaser-media-bg-color:#e6e6e6;--teaser-category-bg-color:#037d9e;background-color:transparent;display:flex;flex-direction:column;height:100%;position:relative;transition:background-color .4s cubic-bezier(.19,1,.55,1);width:100%}.teaser--hover:focus .teaser__image img,.teaser--hover:hover .teaser__image img{opacity:.7}.teaser--hover:focus .teaser__category,.teaser--hover:hover .teaser__category{background-color:var(--teaser-category-bg-color)}.teaser--hover:focus .teaser__read-more,.teaser--hover:hover .teaser__read-more{border-bottom-color:currentColor}.teaser__image{background-color:var(--teaser-media-bg-color);height:0;overflow:hidden;padding-bottom:75%;position:relative;width:100%}.teaser__image img,.teaser__image picture{height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;transition:opacity .4s cubic-bezier(.19,1,.55,1);width:100%}.teaser__category-container{left:20px;position:absolute;top:20px}.teaser__category{background-color:#04b2e1;color:#fff;font-size:.875rem;font-weight:600;padding:3px 9px 7px 7px;text-transform:lowercase;transition:background-color .4s cubic-bezier(.19,1,.55,1)}.teaser__icon{height:20px;vertical-align:-20%;width:20px}.teaser__icon~span{margin-left:7px}.teaser__content{background-color:var(--teaser-bg-color);color:var(--teaser-text-color);display:flex;flex:1 0 0;flex-direction:column;height:100%;justify-content:space-between;padding:20px;position:relative}.teaser__title{color:var(--teaser-title-color);display:block;font-size:1.375rem;margin-bottom:1rem}.teaser__date{color:var(--teaser-date-color);font-size:.875rem;font-weight:600;margin-top:-1rem}.teaser__read-more{width:-moz-fit-content;width:fit-content}.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--archive,.teaser--search{border-bottom:1px solid #04b2e1;color:#333}.teaser--archive:focus,.teaser--archive:hover,.teaser--search:focus,.teaser--search:hover{background-color:rgba(4,178,225,.1)}.teaser--archive .teaser__content,.teaser--search .teaser__content{background-color:transparent;padding:24px 64px 24px 24px}.teaser--archive .teaser__title,.teaser--search .teaser__title{font-size:1.1875rem}@media only screen and (min-width:768px){.teaser--archive .teaser__title,.teaser--search .teaser__title{font-size:1.3125rem}}.teaser--archive .teaser__title,.teaser--search .teaser__title{margin:0 0 .5rem}.teaser--archive .teaser__preview,.teaser--search .teaser__preview{font-size:1rem}.teaser--archive .teaser__preview:last-child,.teaser--search .teaser__preview:last-child{margin-bottom:0}.teaser--white{--teaser-bg-color:#fff}.teaser--grey{--teaser-bg-color:#e6e6e6}.teaser--blue{--teaser-bg-color:#04b2e1;--teaser-title-color:#fff;--teaser-text-color:#fff;--teaser-date-color:#fff;--teaser-read-more-color:#fff}.teaser--pink{--teaser-bg-color:#eb1788;--teaser-title-color:#fff;--teaser-text-color:#fff;--teaser-date-color:#fff;--teaser-read-more-color:#fff}.teaser--orange{--teaser-bg-color:#f89e22;--teaser-title-color:#fff;--teaser-text-color:#fff;--teaser-date-color:#fff;--teaser-read-more-color:#fff}.teaser--green{--teaser-bg-color:#3ab13e;--teaser-title-color:#fff;--teaser-text-color:#fff;--teaser-date-color:#fff;--teaser-read-more-color:#fff}@media only screen and (min-width:1280px){.teaser--large,.teaser--xlarge{flex-direction:row-reverse}.teaser--large .teaser__category-container,.teaser--xlarge .teaser__category-container{left:auto;right:20px}.teaser--large .teaser__image:after,.teaser--xlarge .teaser__image:after{background-color:var(--teaser-bg-color);bottom:0;content:"";height:500%;height:calc(100% + 2px);left:auto;position:absolute;right:100%;top:-1px;transform:skew(-20deg);transform-origin:bottom left;width:100%}.teaser--large .teaser__content,.teaser--xlarge .teaser__content{justify-content:center;padding:40px}.teaser--large .teaser__content{flex:1 0 50%;width:50%}.teaser--large .teaser__title{font-size:1.1875rem}}@media only screen and (min-width:1280px) and (min-width:768px){.teaser--large .teaser__title{font-size:1.75rem}}@media only screen and (min-width:1280px){.teaser--xlarge{height:470px;overflow:hidden}.teaser--xlarge .teaser__image{padding-bottom:44%}.teaser--xlarge .teaser__content{flex:1 0 33%;width:33%}.teaser--xlarge .teaser__title{font-size:1.1875rem}}@media only screen and (min-width:1280px) and (min-width:768px){.teaser--xlarge .teaser__title{font-size:1.75rem}}@media only screen and (min-width:1280px){.teaser--archive .teaser__content,.teaser--search .teaser__content{padding:24px 94px 24px 24px}}