/*
 * Image-Linkbox
 * Hintergrundbild (als <picture>, damit WebP/Retina-Sources genutzt werden koennen)
 * plus Text am unteren Rand. Ausrichtung ueber header_position (text-*),
 * Schriftfarbe ueber colors (text-*).
 */
.pp-image-linkbox {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Inhalt an den unteren Rand */
    overflow: hidden;
    min-height: 220px; /* Fallback, wird durch imageheight (inline min-height) ueberschrieben */
    transition: transform 0.3s ease;
}

.pp-image-linkbox:hover {
    transform: translateY(-0.25rem);
}

.pp-image-linkbox__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.pp-image-linkbox__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pp-image-linkbox__content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1.5rem;
}

.pp-image-linkbox__subheader {
    font-size: 0.8125rem; /* 13px bei 16px Basis */
}

.pp-image-linkbox__title {
    margin-bottom: 0;
}