/* Teaser — i2t3 component styles (faithful port of Bootstrap ns-teaser card) */

.i2t3-teaser-block { position: relative; }

.i2t3-teaser-block .teaser-block-headline {
    margin-bottom: 1.5rem;
    text-align: center;
}
.i2t3-teaser-block .teaser-block-headline .h3,
.i2t3-teaser-block .teaser-block-headline h3 {
    font-weight: 600;
    margin: 0;
}

/* Card: bordered shadow box (original .teaser-link) */
.i2t3-teaser-block .teaser-link {
    border: 1px solid #dbdee6;
    box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.1);
    color: inherit;
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
}
.i2t3-teaser-block .teaser-link:hover {
    box-shadow: none;
}
.i2t3-teaser-block .teaser-link:hover span {
    color: var(--text-color, inherit);
}

/* Image area: centered with generous padding */
.i2t3-teaser-block .teaser-image {
    padding: 30px;
    text-align: center;
}
.i2t3-teaser-block .teaser-image img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
/* Divider line between image and label */
.i2t3-teaser-block .teaser-link .teaser-image + span {
    border-top: 1px solid #dbdee6;
}

/* Label below image */
.i2t3-teaser-block .teaser-link span {
    color: inherit;
    display: inline-block;
    margin-bottom: 0;
    padding: 15px;
    text-align: center;
    transition: all 0.2s ease 0s;
    vertical-align: top;
    width: 100%;
}

/* Non-linked tiny variant (original keeps this unstyled beyond layout) */
.i2t3-teaser-block .teaser-tiny {
    text-align: center;
}