.company-veranstaltungsort .veranstaltungsort-columns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2.5%;
align-items: center;
}
.company-veranstaltungsort .veranstaltungsort-address {
flex: 1 1 60%;
min-width: 0;
}
.company-veranstaltungsort .veranstaltungsort-map {
flex: 0 1 37.5%;
min-width: 0;
} .company-veranstaltungsort .veranstaltungsort-address:only-child {
flex-basis: 100%;
} .company-veranstaltungsort .veranstaltungsort-headline {
display: flex;
align-items: center;
gap: 0.5rem;
}
.company-veranstaltungsort .veranstaltungsort-icon {
flex: none;
color: var(--wp--preset--color--cyan, #39C7D3);
} .company-veranstaltungsort .veranstaltungsort-date {
font-weight: 500;
} .company-veranstaltungsort .veranstaltungsort-map > * {
width: 100%;
margin: 0;
}
.company-veranstaltungsort .veranstaltungsort-map .kb-google-maps-container {
border: 0;
} .company-veranstaltungsort .veranstaltungsort-route {
display: inline-flex;
align-items: center;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
border: 2px solid var(--wp--preset--color--darkblue, #12295C);
border-radius: var(--wp--custom--border-radius--large, 2rem);
background-color: transparent;
color: var(--wp--preset--color--darkblue, #12295C);
font-weight: 500;
line-height: var(--wp--custom--line-height--small, 1.2);
text-decoration: none;
transition: var(--wp--custom--transition--standard, all .35s ease);
}
.company-veranstaltungsort .veranstaltungsort-route:hover,
.company-veranstaltungsort .veranstaltungsort-route:focus-visible {
background-color: var(--wp--preset--color--darkblue, #12295C);
color: var(--wp--preset--color--white, #ffffff);
}
@media (max-width: 1024px) {
.company-veranstaltungsort .veranstaltungsort-columns {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.company-veranstaltungsort .veranstaltungsort-address,
.company-veranstaltungsort .veranstaltungsort-map {
flex-basis: auto;
}
.company-veranstaltungsort .veranstaltungsort-address {
margin-bottom: var(--wp--preset--spacing--small, 1rem);
}
}