.LP-PlaceTeaser{ width: 280px; .LP-PlaceTeaser__Image{ height: 165px; width: 280px; overflow: hidden; .LP-Image{ max-width:unset; max-height:unset; object-fit: cover; } } .LP-PlaceTeaser__Meta{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; .LP-Paragraph{ font-family: $-primary-sans-serif-font; padding: 0; margin: 0; margin-top: 5px; font-size: 0.9rem; } .LP-Headline{ font-family: $-primary-sans-serif-font; color: $-grey; font-size: 1rem; padding: 0px; margin: 0px; } } .LP-PlaceTeaser__Description{ font-family: $-primary-sans-serif-accent-font; color: $-grey; display: none; } &--extended{ display: flex; flex-direction: row; width: auto; padding-right: 25px; .LP-PlaceTeaser__Meta{ margin: 0; padding: 5px; padding-left: 25px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; .LP-PlaceTeaser__Info{ .LP-Headline{ font-size: 28px; } } .LP-PlaceTeaser__Icons{ margin-top: auto; ul{ padding: 0; margin: 0; } } } .LP-PlaceTeaser__Description{ display: block; max-height: 55px; overflow: hidden; } .LP-PlaceTeaser__Image{ height:165px; width: 280px; flex-shrink: 0; flex-grow: 0; } } }