Männer

.comp-container { font-family: sans-serif; width: 100%; max-width: 600px; border: 1px solid #eee; border-radius: 8px; overflow: hidden; } .comp-row { display: flex; flex-wrap: wrap; align-items: center; padding: 15px; border-bottom: 1px solid #eee; gap: 10px; justify-content: space-between; } .comp-logo { width: 80px; flex-shrink: 0; } .comp-logo img { max-width: 100%; height: auto; } .comp-price-box { flex: 1; text-align: center; min-width: 100px; } .comp-price { font-size: 18px; font-weight: bold; } .comp-btn { background-color: #6a8d7a; color: white; text-decoration: none; padding: 10px 15px; border-radius: 4px; font-weight: bold; font-size: 14px; } .chart-container { padding: 15px; background: #f9f9f9; text-align: center; } @media (max-width: 480px) { .comp-row { flex-direction: column; text-align: center; } .comp-btn { width: 100%; display: block; } }