/* Kontakt page (/kontakt/) */

.ct-contact__wrap { padding-top: 50px; padding-bottom: 50px; }
.ct-contact__grid { display: flex; align-items: center; gap: 50px; width: 100%; }
.ct-contact__info { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 55%; }
.ct-contact__title { color: var(--mb-brown); font-family: var(--mb-serif); font-size: 60px; font-weight: 400; line-height: 1.125; }
.ct-contact__text { max-width: 600px; color: var(--mb-brown); font-size: 18px; font-weight: 500; line-height: 1.3; }
.ct-contact__rows { display: flex; flex-direction: column; gap: 10px; width: 90%; padding: 30px; }
.ct-contact .mb-info { align-items: flex-start; gap: 10px; }
.ct-contact .mb-info__value { font-size: 18px; }
.ct-contact .ct-contact__hours { font-weight: 400; }
.ct-contact__actions { display: flex; gap: 25px; }
.ct-contact__aside { display: flex; flex-direction: column; gap: 10px; width: 45%; }
.ct-contact__map { width: 100%; height: 800px; background: var(--mb-sand); }
.ct-contact__map iframe { display: block; width: 100%; height: 100%; border: 0; }
.ct-contact__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding: 25px;
    background: var(--mb-brown);
    border-radius: 8px 8px 35px 35px;
    text-align: center;
}
.ct-contact__card1 { color: var(--mb-gold); font-size: 18px; font-weight: 500; letter-spacing: 0.5px; line-height: 1.3; }
.ct-contact__card2 { color: var(--mb-sand); font-size: 18px; font-weight: 600; letter-spacing: 0.5px; line-height: 1.3; }
a.ct-contact__card:hover .ct-contact__card2 { color: #fff; }
@media (max-width: 1600px) {
    .ct-contact__wrap { padding-top: 75px; padding-bottom: 75px; }
    .ct-contact__grid { gap: 25px; }
    .ct-contact__title { font-size: 40px; }
    .ct-contact__text { max-width: 500px; font-size: 15px; }
    .ct-contact .mb-info__value { font-size: 15px; }
    .ct-contact__btn { font-size: 13px; }
    .ct-contact__map { height: 600px; }
    .ct-contact__card1, .ct-contact__card2 { font-size: 15px; }
}
@media (max-width: 1249px) {
    .ct-contact__info { gap: 15px; width: 50%; }
    .ct-contact__title { font-size: 35px; }
    .ct-contact__text { max-width: 100%; }
    .ct-contact__rows { gap: 5px; }
    .ct-contact__aside { width: 50%; }
}
@media (max-width: 967px) {
    .ct-contact__grid { flex-direction: column; }
    .ct-contact__info, .ct-contact__aside { width: 100%; }
    .ct-contact__map { height: 450px; }
}
@media (max-width: 514px) {
    .ct-contact__wrap { padding-top: 35px; padding-bottom: 35px; }
    .ct-contact__title { font-size: 30px; }
    .ct-contact__text { font-size: 14px; }
    .ct-contact__rows { padding: 15px; }
    .ct-contact__actions { flex-direction: column; align-items: center; gap: 15px; width: 100%; }
    .ct-contact__map { height: 400px; }
}
