/* Styles from magazin_landingpage_bs5.twig */
.startpage-product-card img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.article-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}
.article-title {
    font-size: var(--fm-font-size-lg);
    font-family: var(--fm-font-display);
    font-weight: 700;
}
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Uses .fm-card--hover-strong from custom-bootstrap.css */

.badge {
    font-size: 0.75rem;
    font-weight: 700;
}
.small, .small1 {
    font-size: .9em;
    font-weight: 700;
    letter-spacing: .05em;
}
p, .card-text, .article-text {
    font-size: 1rem;
    line-height: 1.5;
}

.carousel-item {
    background-color: var(--fm-black);
    border-radius: .25rem;
    overflow: hidden;
    height: 350px; /* Feste Höhe für das Karussell-Item */
    background-size: cover;
    background-position: center;
}
.article-title {
    font-family: var(--fm-font-display);
    font-weight: bold;
    font-size: 1.25rem;
    color: var(--fm-white);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}

.carousel-item .article-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.5rem;
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 60%);
}

.carousel-article-info {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

article .article-content img,
article .article-content iframe,
article .article-content video {
    max-width: 100%;
    height: auto;
}

article .article-content table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* Responsive styles moved to consolidated media queries in custom-bootstrap.css */

.usp-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}