#kontakt{
    background-color: grey;
    padding: 210px 0;
    width: 100%;
}

#kontakt .kontakt{
    display: flex;
    justify-content: center;
    align-items: center;
}

.kontakt-main{
    width:clamp(69.0625rem, -8.5417rem + 103.4722vw, 115.625rem);
    padding: 50px 81px;
    height: 500px;
    background-color: #0e2431;
    
}

.kontakt-main-content{
display: flex;
gap: 20px;
margin-top: 30px;
}


.kontakt-second{
    width: clamp(33rem, 4.6667rem + 37.7778vw, 50rem);
    height: 600px;
    background-color: white;
    float: right;
    margin-right:clamp(0.125rem, -20.5rem + 27.5vw, 12.5rem);
    position: relative;
    bottom: 432px;
    box-shadow: 0px 5px 15px 5px #000000;
}

#kontakt i{
    font-size: 25px;
    color: rgb(206, 114, 9);
    margin-top: 13px;
}


.textfeld{
    text-align: center;
}

#lname{
    border-top-style: none;
    border-bottom-style:inset;
    border-bottom-width: 3px;
    border-color: black;
    border-left-style: none;
    border-right-style:none ;
    width: clamp(9.375rem, 5rem + 21.875vw, 31.25rem);
    margin-top: 10%;
}

#input-css {
    padding: 5px;
    font-size: 14px;
    border-width: 1px;
    border-color: #f7a839;
    background-color: #FFFFFF;
    color: #000000;
    border-style: solid;
    border-radius: 19px;
    cursor: pointer;
    text-align: center;
    
}

.textfeld02{
    justify-content: left;
    position: relative;
    left: 150px;
    top: 40px;
}


@media screen and (max-width:1300px) {
    .kontakt-second{
        float: left;
        top:109px ;
        width: clamp(26.25rem, 22.3724rem + 19.3878vw, 38.125rem);
        right: 81px;
        box-shadow: none;
    }
    .kontakt-main{
        width: clamp(26.25rem, 22.3724rem + 19.3878vw, 38.125rem);
        box-shadow: none;
        height: 643px;
    }
}