/* Produktbild: zentriert, schöner Rahmen & responsive */
.produktbild {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 15px auto; /* Abstand unten */
    padding: 8px; /* Innenabstand */
    border: 3px solid #4a90e2; /* blauer Rahmen */
    border-radius: 10px; /* abgerundete Ecken */
    background-color: #fff; /* weißer Hintergrund */
}

/* Produktbeschreibung: Abstand, Lesbarkeit & Box-Effekt */
.produktbeschreibung {
    background-color: #f9f9f9; /* helles Grau */
    padding: 15px 20px; /* Innenabstand */
    margin-bottom: 20px; /* Abstand nach unten */
    border: 1px solid #ddd; /* dezenter Rahmen */
    border-radius: 6px; /* sanfte Rundung */
    font-size: 1rem; /* gut lesbare Schrift */
    line-height: 1.6; /* angenehmer Zeilenabstand */
    color: #333; /* dunkle Schriftfarbe */
}

/* Optional: Hover-Effekt für Produktbild */
.produktbild:hover {
    border-color: #2a6ebd; /* Rahmenfarbe bei Mauskontakt */
    transform: scale(1.02); /* leichter Zoom */
    transition: all 0.3s ease-in-out;
}