/* ==========================================
   KONTAKT
========================================== */

.contact-page{
    width:min(900px,90vw);
    margin:150px auto 60px;
}

.contact-card{
    text-align:center;
}


.contact-item{
    margin-bottom:36px;
}

.contact-label{
    display:block;
    margin-bottom:8px;

    color:#666;

    font-size:14px;
    font-weight:300;
    letter-spacing:1.5px;

    text-transform:uppercase;
}

.contact-item a{
    display:inline-block;
    position:relative;

    padding-bottom:5px;

    color:#111;

    font-size:25px;
    font-weight:300;
    line-height:1.4;
    letter-spacing:.5px;

    text-decoration:none;
}

.contact-item a::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:1px;

    background:#111;

    transform:scaleX(0);
    transform-origin:left;

    transition:transform .25s ease;
}

.contact-item a:hover::after,
.contact-item a:focus-visible::after{
    transform:scaleX(1);
}

.contact-item a:focus-visible{
    outline:none;
}


/* ==========================================
   MOBIL
========================================== */

@media (max-width:900px){

    .contact-page{
        width:92%;
        margin:110px auto 40px;
    }



    .contact-item{
        margin-bottom:32px;
    }

    .contact-item a{
        max-width:100%;

        font-size:21px;
        line-height:1.45;
    }

}