.kontakt{
    gap:40px;
}
.kontakt .group{
    width: calc(50% - 20px);
    font-size: 0.8rem;
    min-width: 420px;
}
.kontakt .kontakt-text p{
    margin-right: 50px;
}
.kontakt .kontakt-form{
    background: var(--bg-weak);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: clip;
}
.kontakt .kontakt-form form{
    padding: 30px;
}
.kontakt .kontakt-form form textarea,
.kontakt .kontakt-form form input[type="text"],
.kontakt .kontakt-form form input[type="email"],
.kontakt .kontakt-form form input[type="tel"]{
    border:none;
    padding: 0.5em;
    border-radius: 10px;
    outline: none;
    box-shadow:  0 2px 2px 0 rgba(0,0,0,0.15);
}
.kontakt .kontakt-form form input[type="text"]{
    max-width: 100%;
}
.kontakt .kontakt-form form input[type="email"],
.kontakt .kontakt-form form input[type="tel"]{
    max-width: 240px;
}
@media (max-width:768px){
    .kontakt .group{
        width: 100%;
    }
    .kontakt .kontakt-form label{
        display: block;
    }        
}
@media (max-width:499px){
    .kontakt .group{
        min-width: inherit;
    }
    .kontakt .kontakt-form form {
    padding: 15px;
    }
    .kontakt .kontakt-form form input[type="text"] {
    max-width: 240px;
    }
}