.teaser {
    background-color: var(--col-over);
    border-radius: 5px;
    padding: 1rem;
    display: flex;
    flex-direction: column; /* Vertikale Anordnung von Text und Bild */
    text-align: left; /* Text zentriert */
    transition: transform 0.2s ease;
}

.teaser img {
    
    width: 100%; /* Bild passt sich der Teaser-Box an */
    height: auto; /* Beibehaltung des Seitenverhältnisses */
    max-height: 15rem;
    object-fit: cover; /* Bild absichtlich zuschneiden */
    border-radius: 5px; /* Verleihe dem Bild abgerundete Ecken */
}

.teaser h3 {
    padding: .5rem 0 1.2rem 0;
     /* Abstände für die Überschrift */
}

.teaser p {
    font-size: .8rem;
    padding: 0 0 1rem 0 ; /* Abstände für die Unterüberschrift */
}

.teaser a {
    
    color: var(--col-text);
    font-size: .8rem;
     /* Drücken Sie den Link nach unten */
    
    
}

.link {
   margin-bottom: auto;
}

.teaser:hover {
    transform: scale(1.02);
}