.bar-teaser{display:flex;flex-direction:column;overflow:hidden;position:relative}.bar-teaser__image{border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;position:relative}.bar-teaser__image .picture{border-top-left-radius:20px;border-top-right-radius:20px}.bar-teaser__image .picture__image{border-top-left-radius:20px;border-top-right-radius:20px;transition:opacity .4s ease;aspect-ratio:1.5/1}.bar-teaser__content{height:45px;display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing);padding-right:var(--spacing);background:var(--theme-bg);color:var(--theme-text);margin-top:-1px;font-family:"Beatrice Medium";font-size:1.6rem;border-bottom-left-radius:20px;border-bottom-right-radius:20px}@media (min-width:768px){.bar-teaser__content{font-size:1.8rem}}@media (min-width:992px){.bar-teaser__content{font-size:1.8rem}}@media (min-width:1200px){.bar-teaser__content{font-size:1.8rem}}@media (min-width:1440px){.bar-teaser__content{font-size:1.8rem}}.bar-teaser__content__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.bar-teaser__content__icon{font-size:2.2rem;height:22px}.keyboard-input .bar-teaser:focus{outline:2px solid #0066b1}.bar-teaser:hover .bar-teaser__image .picture__image{opacity:.8}@media (min-width:768px){.bar-teaser__content{height:65px}}