.formular-kontakt form{
    display: flex;
    flex-direction: column;
}

 label{
    padding: 2vh 4vh 0 4vh;
}
.layer-kontakt{
    display: flex;
    flex-direction: column;
}
.content-wrapper div svg{
    fill: var(--gray1);
    height: 2vh;
    
}
.content-wrapper{
    display: flex;
    background: var(--gray1);
    border-radius: 3vh;
    justify-content: center;
    align-items: center;

 }

 .content-wrapper button{
    font-family: "Bellota";
 }
.container-svg{

    background: var(--blue_card_opac);
    border-radius: 3vh;
    width: 5vh;
    height: 5vh;


    display: flex;
    justify-content: center;
    align-items: center;
}

.container-input{
    flex:2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3vh
}
.container-input input{
    width: 100%;
    height: 2.5rem;
    color: var(--gray5);
    background: var(--gray1);
    border: none;

    text-align: center;
    border-radius: 3vh
}
.container-input select{
     width: 90%;
     height: 100%;
     color: var(--gray5);
     background: var(--gray1);
     border: none;
     text-align: center;
     border-radius: 3vh
 }
.container-input textarea{
    width: 90%;
    height: 100%;
    color: var(--gray5);
    background: var(--gray1);
    border: none;
    text-align: center;
    border-radius: 3vh
}
h2 {
    font-family: Bellota;
    text-align: center;
    color: var(--gray5);
}
h3{
    font-family: Bellota;
    text-align: center;
    color: var(--gray5);
}
h4{
    font-family: Bellota;
    text-align: center;
    color: var(--gray5);
}
button[type="submit"] {
    background: var(--blue_card_opac);
    color: white;
    width: 70%;
    height: 5vh;
    border: none;
    border-radius: 3vh;

}

.container-input textarea{
width: 100%;


    border-radius: 12px;

    font-size: 16px;


    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    resize: vertical; 
}
textarea:focus {
outline: none;

}

textarea::placeholder {
color: #aaa;
font-style: italic;
font-weight: 300;
}