/* === Accordion mit Bild === */ .container { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; position: relative; margin-top: 4rem; margin-bottom: 4rem; width: 97%; background-color: #f5f5f5; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); flex-wrap: wrap; border-radius: 10px; } .accordion-mb { width: 50rem; max-width: 50%; padding: 20px; box-sizing: border-box; padding-left: 3rem; } .accordion-item { border-bottom: 1px solid #444; margin-bottom: 10px; } .accordion-header { font-weight: bold; font-size: 1.2rem; cursor: pointer; padding: 15px 30px 15px 0; /* Rechts 30px Abstand hinzugefügt */ position: relative; display: block; /* Stellt sicher, dass das Padding wirkt */ } .accordion-header::after { content: , +, ; position: absolute; right: 0; transition: transform 0.3s ease; } .accordion-item.active .accordion-header::after { content: , –, ; } .accordion-content { display: none; padding: 10px 0 20px; line-height: 1.5; } .accordion-item.active .accordion-content { display: block; } .image-panel { width: 450px; height: 450px; position: relative; overflow: hidden; margin-left: 2rem; display: flex; justify-content: center; align-items: center; } .image-panel img { position: absolute; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 0.5s ease-in-out; object-fit: cover; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .image-panel img.active { opacity: 1; pointer-events: auto; } /* === RESPONSIVE BREAKPOINTS === */ /* --- Tablets (bis 1490x) --- */ @media (max-width: 1490px) { .container { flex-wrap: nowrap; } } /* --- Tablets (bis 1080px) --- */ @media (max-width: 1080px) { .container { flex-direction: column; align-items: center; } .accordion-mb { max-width: 90%; width: 90%; order: 2; padding-left: 0rem; } .image-panel { margin-left: 0rem; } .image-panel img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } } /* --- Smartphones (bis 768px) --- */ @media (max-width: 768px) { .accordion-mb { width: 95%; padding: 10px; padding-top: 20px; } .accordion-header { font-size: 1rem; } .image-panel { aspect-ratio: 1/1; max-width: 450px; max-height: 450px; } .image-panel img { border-bottom-left-radius: 0; border-bottom-right-radius: 0px; } } /* --- Sehr kleine Geräte (bis 480px) --- */ @media (max-width: 480px) { .accordion-header { font-size: 0.95rem; } .accordion-content { font-size: 0.9rem; } .image-panel { aspect-ratio: 1/1; width: 100%; height: 100%; } } Electro-Voice EVIVA 15P-EU Aktivlautsprecher, 15, , , schwarz Der EVIVA 15P ist ein portabler 2-Wege-Fullrange-Aktivlautsprecher mit 15-Zoll-Tieftöner. Er richtet sich an Musiker, DJs und kleinere Veranstaltungsorte und ist für einen schnellen Einsatz mit einfacher Bedienung und kurzer Einrichtungszeit ausgelegt. Die EVIVA-Serie kombiniert die patentierte SST-Technologie (Signal Synchronized Transducers) von Electro-Voice mit einem speziell...
