/*
 * C4mulo5 – Anfahrt & Standort Section CSS
 * Autor: Nico Eberhardt
 */

.c4mulo5-directions { --dir-accent: #c8a84b; }

/* ── Adressblock ─────────────────────────────────────── */
.c4m5-dir-address-col  { padding-right: 32px; }
.c4m5-dir-location-name{
    font-size:    1.3rem;
    font-weight:  700;
    margin:       0 0 14px;
    color:        #1d2327;
}
.c4m5-dir-address {
    font-style:   normal;
    line-height:  1.9;
    color:        #50575e;
    font-size:    .95rem;
    margin:       0 0 16px;
    border-left:  3px solid var(--dir-accent);
    padding-left: 12px;
}
.c4m5-dir-contact {
    display:        flex;
    flex-direction: column;
    gap:            8px;
    margin-bottom:  20px;
}
.c4m5-dir-phone,
.c4m5-dir-email {
    color:           #50575e;
    text-decoration: none;
    font-size:       .9rem;
    transition:      color .15s;
}
.c4m5-dir-phone:hover,
.c4m5-dir-email:hover { color: var(--dir-accent); }
.c4m5-dir-maps-link {
    display:         inline-block;
    font-size:       .88rem;
    padding:         9px 18px;
    text-decoration: none;
}

/* ── Karte ───────────────────────────────────────────── */
.c4m5-dir-map-col { padding-left: 0; }
.c4m5-dir-map     { border-radius: 10px; overflow: hidden; }

/* ── Anreise-Infos ───────────────────────────────────── */
.c4m5-dir-transport {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   24px;
    margin-top:            32px;
    padding-top:           28px;
    border-top:            1px solid #e0e0e0;
}
.c4m5-dir-transport-item { text-align: center; }
.c4m5-dir-transport-icon {
    font-size:    2.2rem;
    display:      block;
    margin-bottom: 10px;
}
.c4m5-dir-transport-title {
    font-size:    1rem;
    font-weight:  700;
    margin:       0 0 8px;
    color:        #1d2327;
}
.c4m5-dir-transport-text {
    font-size:   .84rem;
    color:       #50575e;
    line-height: 1.6;
    margin:      0;
}

@media (max-width: 900px) {
    .c4m5-dir-address-col { padding-right: 0; margin-bottom: 24px; }
    .c4m5-dir-map-col     { padding-left: 15px; }
}
@media (max-width: 600px) {
    .c4m5-dir-transport   { grid-template-columns: 1fr; gap: 16px; }
}