.contact_content {
    margin: -4% auto 0 auto;
}

article#kontakt {
	margin: 6% auto 0 auto;    
    max-width: 50%; 
}

.adresse {
    margin: 2% auto; 
    border-radius: 5px;
    padding: 20px;
    max-width: 50%;
    border: 1px solid grey;
    background-color: rgba(238,238,238,0.03);   
}

form {
    margin: 1% auto; 
    border-radius: 5px;
    padding: 20px;
    max-width: 50%;
    border: 1px solid grey;
    background-color: rgba(238,238,238,0.03);
}	

article#kontakt h2 {
    font-size: 1.2em;
}

input[type=text], select {
    width: 100%;
    padding: 9px 20px;
    margin: 4px 0 12px 0;
    display: inline-block;
    border: 1px solid grey;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.4);
    color: #eee;
}

input[type=email], select {
    width: 100%;
    padding: 9px 20px;
    margin: 4px 0 12px 0;
    display: inline-block;
    border: 1px solid grey;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.4);
    color: #eee;
}

textarea {
    width: 100%;
    height: 100px;
    padding: 10px 20px;
    margin: 4px 0 12px 0;
    box-sizing: border-box;
    border: 1px solid grey;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.4);
    font-size: 16px;
    resize: none;
    color: #eee;
}

input[type=submit] {
    width: 100%;
    background-color: #eee;
    color: #000;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    max-width: 100px;    
}


input[type=text]:focus, input[type=email]:focus, textarea:focus {
  outline: none !important;
  border:1px solid #e4a651;
}

input[type=submit]:hover {
    background-color: #e4a651;
}

/*========= tablet and mobile ==========*/

@media only screen and (max-width: 1000px) {
    
    .contact_content {
        margin: 6% auto 0 auto;
    }


    form {
        margin: 2% auto; 
        border-radius: 5px;
        padding: 20px;
        max-width: 96%;
        border: 1px solid grey;
        background-color: rgba(238,238,238,0.03);
    }

    .adresse {
        margin: 2% auto; 
        border-radius: 5px;
        padding: 20px;
        max-width: 96%;
        border: 1px solid grey;
        background-color: rgba(238,238,238,0.03);   
    }

    article#kontakt {
        margin: 6% auto 1% auto;    
        max-width: 96%; 
    }

}