/* Celá sekce */

#kontakt {

    background-color: #f5efe6;

    padding: 80px 20px; 

    display: flex;

    flex-direction: column;

    align-items: center;

}



.kontakt-container {

    max-width: 900px; 

    width: 100%;

    text-align: center;

}



.kontakt-container h2 {

    font-size: 42px;

    font-family: Georgia, serif;

    margin-bottom: 20px;

    font-weight: normal;

    color: #2b1e16;

}



.kontakt-intro {

    font-size: 16px;

    color: #5c4d42;

    margin-bottom: 60px; 

}





.kontakt-osoby {

    display: flex;

    justify-content: center;

    gap: 50px; 

    flex-wrap: wrap; 

    margin-bottom: 60px;

}





.kontakt-karta {

    background-color: #ffffff; 

    padding: 40px 30px;

    border-radius: 8px; 

    flex: 1;

    min-width: 280px; 

    max-width: 400px;

    box-shadow: 0 4px 15px rgba(43, 30, 22, 0.05); 

    text-align: left; 

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}





.kontakt-karta:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 25px rgba(43, 30, 22, 0.1);

}



.kontakt-karta h3 {

    font-size: 24px;

    font-family: Georgia, serif;

    color: #2b1e16;

    margin: 20px 0 5px 0;

    font-weight: normal;

}



.pozice {

    font-size: 14px;

    color: #735338;

    font-weight: bold;

    margin-bottom: 15px;

}



.popis {

    font-size: 14px;

    color: #5c4d42;

    line-height: 1.6;

    margin-bottom: 25px;

    min-height: 66px; 

}





.udaje p {

    font-size: 15px;

    color: #5c4d42;

    margin-bottom: 10px;

}



.udaje strong {

    color: #2b1e16;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.udaje a {

    color: #2b1e16;

    text-decoration: none;

    font-weight: bold;

    transition: color 0.2s ease;

}



.udaje a:hover {

    color: #bfa38a;

}





.kontakt-predel {

    border: 0;

    height: 1px;

    background: #e6dfd5;

    margin-bottom: 40px;

}



.kontakt-adresa h3 {

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #735338;

    margin-bottom: 10px;

}



.kontakt-adresa p {

    font-size: 18px;

    color: #2b1e16;

    font-weight: bold;

    line-height: 1.6;

}



.kontakt-fakturace {

    text-align: center;

    margin-top: 25px;

}



.footer-strip {

    width: 100%;

    background-color: #2b1e16;

    color: #e6dfd5;

    padding: 20px 5%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;     

    box-sizing: border-box;

}



.footer-strip p {

    margin: 0;

    text-align: center; 

    width: 100%;       

}



@media (max-width: 768px) {

    #kontakt {

        padding: 60px 15px;

    }



    .kontakt-container h2 {

        font-size: 32px;

    }



    .kontakt-intro {

        margin-bottom: 35px;

    }



    .kontakt-osoby {

        gap: 25px; 

        margin-bottom: 40px;

    }



    .kontakt-karta {

        min-width: 100%;

        max-width: 100%;

        padding: 30px 20px;

    }



    .popis {

        min-height: auto; 

        margin-bottom: 20px;

    }



   .footer-strip {

        padding: 20px 5%;

    }



}