.card-bg {
    background-size: cover;
    background-position: center;
    color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 0;
}

.card-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
    transition: background 0.3s ease;
}

.card-bg .card-body {
    position: relative;
    z-index: 1;
}

.card-bg:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.6);
    color: white;
}

.card-bg:hover::before {
    background: rgba(0, 0, 0, 0.3);
}

.card-bg-erste-hilfe {
    background-image: url('/static/images/termine/erste-hilfe-thumb.png');
}

.card-bg-intensiv {
    background-image: url('/static/images/termine/intensiv-thumb.png');
}

.card-bg-biker {
    background-image: url('/static/images/termine/biker-thumb.png');
}

.card-bg-asf {
    background-image: url('/static/images/termine/asf-thumb.png');
}

.card-bg-lkw {
    background-image: url('/static/images/termine/lkw-thumb.png');
}

.card-bg-bkf {
    background-image: url('/static/images/termine/bkf-thumb.png');
}

.card-bg-b96 {
    background-image: url('/static/images/termine/b96-thumb.png');
}

.card-bg-pkw {
    background-image: url('/static/images/termine/pkw-thumb.png');
}