/* customize.css */

header a.logo img {
    min-height: 75px !important;
    max-width: 100% !important;
}

.blue-block {
    color: #37bbcf;
}

.bg-light {
    background-color: #fff !important;
}

hr {
    border-color: #1c2324 !important; /* أو أي لون أغمق يناسب التصميم */
}

ul {
    list-style: square !important;
    padding-left: 1.2rem;
    margin-bottom: 1.5rem;
}

/* Produkt-Layout Optimierung */
.product-row {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.product-text {
    padding: 20px;
}

.product-text h4 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.product-text h5 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.product-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Responsive Anpassung für Mobile: Bild immer nach Text */
@media (max-width: 767px) {
    .product-row {
        flex-direction: column !important;
    }

    .product-text {
        order: 1 !important;
        text-align: center !important;
        padding: 10px 0;
    }

    .product-image {
        order: 2 !important;
        text-align: center !important;
    }

    .product-image img {
        max-width: 300px;
        margin: 0 auto;
    }
}

/* Betonung für wichtige Hinweise */
ul li b {
    color: #d9534f;
}


        @media (max-width: 768px) {
            .product-text {
                order: 1 !important;
            }
            .product-image {
                order: 2 !important;
                margin-top: 20px;
            }
        }
        @media (min-width: 769px) {
            .product-row .product-text {
                order: unset !important;
            }
            .product-row .product-image {
                order: unset !important;
            }
        }

@media (max-width: 767.98px) {
    .product-text ul {
        text-align: left !important;
        padding: 30px;
    }
}