@charset "UTF-8";
/* CSS Document */


/* COLORS:

Fässler Grau: #63666A
50% Fässler Grau: #B3B6BA
leichteres Fässler Grau: #e3e6ea
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:300,600&subset=latin,latin-ext);

html, body, * {
	padding: 0;
	margin: 0;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	color: #63666A;
	}

html {
	background: #e3e6ea; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e3e6ea, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e3e6ea, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e3e6ea, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e3e6ea, white); /* Standard syntax */
    
    font-size: 0.9em;
}

html, body{
width: 100%;
min-height:100%;
min-width:300px;
}

#logo-container {
	/* width: 100%;*/
	padding: 0 25px;
	background-color: white;
	min-height: 280px;
	
	-webkit-box-shadow: 0px 0px 30px 10px rgba(99,102,106,0.35);
	-moz-box-shadow: 0px 0px 30px 10px rgba(99,102,106,0.35);
	box-shadow: 0px 0px 30px 10px rgba(99,102,106,0.35);
}

#logo {
	width: 33%;
	margin: 0 auto;
	min-width: 250px;
	padding: 150px 0 0;
	
}

#logo img {
    width: 100%;
    /*min-width: 350px;*/
}

#content_container {
padding: 0 25px;
}

#content {
width: 33%;
min-width: 250px;
margin: 0 auto;
padding: 60px 0 0 0;
}

h3 {
    padding: 0 0 5px;
}