.mapa-akci-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#map {
    flex: 1 1 50%;
    min-height: 300px;
}

#event-detail {
    flex: 1 1 45%;
    max-height: 500px;
    overflow-y: auto;
    margin-left:15px;
}

@media (max-width: 768px) {
    .mapa-akci-wrapper {
        flex-direction: column;
    }
}

.mapa-akci-image {
    max-width: 150px;
    height: auto;
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 10px;
    display: block;
}

h3{
  color:red;
}

h4{
  color:#ad0ddf;
}