.m10_anfrage { padding-bottom: 150px; }
@media all and (max-width: 991px) {
.m10_anfrage { padding-bottom: 75px; }
}
@media all and (max-width: 575px) {
.m10_anfrage { padding-bottom: 50px; }
}
.m10_head { margin-bottom: 40px; max-width: 560px; } .m10_anfrage_row { align-items: flex-start; gap: 0; }
.m10_form_col { flex: 0 0 50%; min-width: 0; } .m10_form_col .form_required_tag { text-align: right; }
.m10_cards_col { flex: 0 0 50%; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 56px;}
@media all and (max-width: 375px) {
.m10_cards_col { margin-top: 0; }
} .m10_card {
display: flex;
align-items: center;
gap: 21px;
width: 100%;
max-width: 415px;
background: #faf9fc;
border: 1px solid #edf2fe;
border-radius: 20px;
padding: 28px 31px;
text-decoration: none;
transition: border-color .2s, box-shadow .2s, transform .2s;
}
@media all and (max-width: 475px) {
.m10_card {
padding: 20px;
}
}
.m10_card:hover { border-color: var(--strobl-magenta); box-shadow: 0 12px 30px rgba(18,38,91,.08); transform: translateY(-2px); }
.m10_card_ic {
flex: 0 0 53px;
width: 53px;
height: 53px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #edf2fe;
color: var(--strobl-accent);
} .m10_card_ic svg { width: 24px; height: 24px; } .m10_card_ic--wa svg { width: 27px; height: 27px; }
.m10_card_ic--pin svg { width: 27px; height: 27px; }
.m10_card_text { display: flex; flex-direction: column; line-height: 1.2; }
.m10_card_value { font-family: 'Sora', sans-serif; font-weight: 600; font-size: 20px; color: var(--strobl-accent); word-break: break-word; }
@media all and (max-width: 375px) {
.m10_card_value { font-size: 15px; }
.m10_card {
gap: 15px;
}
.m10_card_ic {
flex: 0 0 40px;
width: 40px;
height: 40px;
}
}
.m10_card_label { font-size: 15px; color: var(--strobl-magenta); margin-top: 4px; } .m10_anfahrt_container {
background-color: #faf9fc;
padding: 150px 0;
}
@media all and (max-width: 991px) {
.m10_anfahrt_container { padding: 75px 0; }
}
@media all and (max-width: 575px) {
.m10_anfahrt_container { padding: 50px 0; }
}
.m10_map_col { flex: 1 1 0; min-width: 0; }
.m10_anfahrt_col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; }
.m10_map { border-radius: 20px; overflow: hidden; height: 100%; min-height: 460px; }
.m10_map .wpgmza_map { border-radius: 20px; width: 100% !important; height: 100% !important; }
@media all and (max-width: 991px) {
.m10_map .wpgmza_map {
height: 400px !important;
}
.m33_charging_points_card_body { padding: 44px 30px 40px; }
} .m10_map .ol-marker > img { width: auto; height: auto; max-width: none; }
.m10_map .wpgmza-infowindow img { width: auto; height: auto; max-width: 100%; }
.m10_anfahrt_head .m10_titel_container {
max-width: 350px;
}
@media all and (max-width: 991px) {
.m10_anfahrt_head .m10_titel_container {
max-width: 300px;
}
}
@media all and (max-width: 575px) {
.m10_anfahrt_head .m10_titel_container {
max-width: 250px;
}
}
.m10_address { font-style: normal; display: flex; flex-direction: column; gap: 2px; margin-bottom: 36px; }
.m10_address .m10_address_firma { font-family: 'Sora', sans-serif; font-weight: 600; font-size: 19px; color: var(--strobl-accent); }
@media all and (max-width: 375px) {
.m10_address .m10_address_firma { font-size: 17px; }
}
.m10_address span { font-size: 17px; line-height: 27px; color: var(--strobl-blue); }
.m10_hours { list-style: none; margin: 0 0 40px; padding: 0; max-width: 420px; }
.m10_hours li {
display: flex;
justify-content: space-between;
gap: 24px;
padding: 12px 0;
border-bottom: 1px solid #edf2fe;
font-size: 17px;
color: var(--strobl-blue);
}
.m10_hours li:first-child { padding-top: 0; }
.m10_hours li:last-child { border-bottom: none; }
.m10_hours_day { font-weight: 600; color: var(--strobl-accent); }
.m10_hours_time { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.m10_anfahrt_btn { align-self: flex-start; margin-top: auto; } @media all and (max-width: 991px) {
.m10_anfrage_row, .m10_anfahrt_row { flex-direction: column; gap: 40px; }
.m10_form_col, .m10_cards_col, .m10_map_col, .m10_anfahrt_col { flex: 1 1 100%; } .m10_cards_col { align-items: stretch; }
.m10_card { max-width: none; }
.m10_map { min-height: 360px; }
.m10_anfahrt_btn { margin-top: 8px; }
} @media all and (min-width: 768px) and (max-width: 991px) {
.m10_cards_col { flex-direction: row; flex-wrap: wrap; }
.m10_card { width: calc(50% - 10px); max-width: none; gap: 12px; padding: 20px 14px; }
} @media all and (max-width: 767px) {
.m10_card { width: 100%; }
}