body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

header {
    background-color: #999999;
}

.card {
    border-radius: 15px;
}

.long-badge {
    top: 0;
    left: 0;
    width: 100%;
    background-color: #c62828; /* oder .red.darken-3 */
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 8px 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    z-index: 1;
}


header {
    background-image: url("../images/header_bg_001.jpg");
}

/* Standard: nur Desktop sichtbar */
.headerDesktop {
    display: block;
}
.headerResponsive {
    display: none;
}

/* Smartphones + Tablets bis 992px Breite */
@media (max-width: 992px) {
    .headerDesktop {
        display: none !important;
    }
    .headerResponsive {
        display: block !important;
    }
}