/**
HP-TEASER WRAPPER CSS File

TWIG --> paragraph--hp-teaser.html.twig
*/

/**
  * Teaser image
  */

.teaser__image {
    max-width: 601px;
    max-height: 190px;
    width: 100%;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.teaser__image > *{
    width: 100%;
    display: block;
    border-radius: inherit;
}


/**
  * Teaser content wrapper
  */

.teaser__content {
    max-width: 601px;
    
}


/**
  * Teaser title
  */

.teaser__title {
    color: var(--secondary);
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
}


/**
  * Teaser item
  */

.hp-teaser{
    display: flex;
    flex-direction: column;
    gap: 25px;
}