/* Colours 
marine: #202A59
dunkel-marine: #080d26
hell-marine: #414f8e
white: #FFFFFF
grau: #DEDEDE
dunkelgrau: #BDBDBD
hellgrau: #F0F0F0
*/ 


/* ------------------------------ Kontaktformular ------------------------------ */

.kontaktformular_container { width: 33.33%; }


label { display: block }


/* #kontaktformular {
    background-color: #DEDEDE;
	border: 1px solid #BDBDBD;
	border-radius:5px;
	box-shadow: 7px 8px 8px -5px #d4d4d4;  	
    margin: 0 0 50px 0;
    width: 100%;
}
*/


#kontaktformular {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
   	width: 100%; 
}

#kontaktformular input[type="text"] { 
    height:35px;
    width: 100%;
} 

textarea { 
	height:100px;
    width: 100%; 
} 

#kontaktformular input[type="text"], textarea { 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;    
	background-color: #FFFFFF;
	border:1px solid #BDBDBD;
	border-radius:5px;
	box-shadow:inset 7px 8px 8px -5px #d4d4d4;
	color: #202A59;	
	display: inline-block; 
	font-family:'Proza Libre', sans-serif;font-weight: 400;
	font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  	line-height: 1.5;  
    margin:10px;
}

#kontaktformular input:focus, #kontaktformular textarea:focus {
    border:2px solid #202A59;
}

.input [type=submit] {
    background-color: #DEDEDE;
    border:2px solid #202A59;
	border-radius:5px;
    margin: 0 0 50px 0;
    padding: 10px;
   	width: 80%; 
}

/* Senden Button */
.submit {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4b5b99), color-stop(1, #202b59));
	background:-webkit-linear-gradient(top, #4b5b99 5%, #202b59 100%);
	background:linear-gradient(to bottom, #4b5b99 5%, #202b59 100%);
	background-color:#4b5b99;
	border:1px solid #202b59;
	border-radius:5px;
	box-shadow:inset 0 1px 3px 0 #e6f1fa;
	color:#ffffff;	
	cursor:pointer;	
	display:inline-block;	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5b99', endColorstr='#202b59',GradientType=0);
	font-family:Arial;
	font-size:16px;
	margin:10px;	
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0 1px 0 #202b59;
}

.submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #202b59), color-stop(1, #4b5b99));
	background:-webkit-linear-gradient(top, #202b59 5%, #4b5b99 100%);
	background:linear-gradient(to bottom, #202b59 5%, #4b5b99 100%);
	background-color:#202b59;	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#202b59', endColorstr='#4b5b99',GradientType=0);
}

.submit:active {
	position:relative;
	top:1px;
}

/* ---- MediaQueries - smartphone and tablet layout(smaller than 768 pixels) ----*/
@media only screen and (max-width: 1400px) {
	
.kontaktformular_container {
    padding: 30px;
	width:100%;
}
}