/* Rote Farbe */
.bg-red {
    background-color: #A4081B !important;
}

/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */
.site-header {
    margin: 0;
    padding: 0;
    background: #A4081B;
}

/* Bildercontainer oben */
.header-images {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    background: #A4081B;
}

/* Keine Abstände zwischen den Bildern */
.header-images a {
    padding: 0;
    margin: 0;
}

.header-img {
    display: block;
    height: 290px;   /* anpassen möglich */
    width: 95%; 
    margin: 0;      /* kein Abstand */
}

/* Navigation direkt unter den Bildern */
.nav-top {
    margin: 0;
    padding: 5px 15px;
}

/* Navigationstext */
.navbar-nav .nav-link {
    color: white !important;
    font-weight: 600;
}


/* ---------------------------------------------------------
   MOBILANPASSUNG
--------------------------------------------------------- */
@media (max-width: 568px) {

    /* Bilder untereinander & mittig */
    .header-images {
        flex-direction: column;
    }

    .header-img {
        margin: 0 auto;
        height: 150px;
    }
}
@media (min-width: 569px) and (max-width: 700px) {

    /* Bilder untereinander & mittig */
    .header-images {
     
    }

    .header-img {
        margin: 0 auto;
        height: 150px;
    }
}

/* ---------------------------------------------------------
   FOOTER
--------------------------------------------------------- */
.site-footer {
    background: #A4081B;
    color: white;
    text-align: center;
    padding: 15px 0;
    margin-top: 40px;
}



/* Alter Preis */
.old-price {
    text-decoration: line-through;
    color: #000;
    font-size: 1.0rem;
}

/* Neuer Preis */
.new-price {
    color: #d60000;
    font-weight: bold;
    font-size: 1.3rem;
}

}


/* card ohne rand*/
.no-border {
    border: none;
    box-shadow: none;
}

.card-body {
    padding: 0;
}
/* 6card ohne rand*/
.no-border {
    border: none;
    box-shadow: none;
}

.card-img-top {
    width: 100%;
    height: auto;   /* Bild skaliert automatisch */
    display: block;
}

.card:hover {
    transform: scale(1.02);
    transition: 0.3s ease;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  
}
.full-width-bar {
    width: 100%;
    background-color: white; /* beliebige Farbe */
    color: black;
    font-size: 3.8rem;
    font-weight: bold;
    padding: 120px 0; /* Abstand oben und unten */
}