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

html, body {
	margin:0;
	padding:0;
	background-color:#c2c8be;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#333333;
	font-size:15px;
	hyphens: auto;
	}
	
.wrap {
	max-width: 980px;
	margin: 0 auto;
	/*padding-bottom: 35px;*/
	}
.footer-wrap {
	max-width: 980px;
	margin: 0 auto;
	}
.logo {
	text-align: center;
	padding:20px 0;
	}
	.logo img {
		max-width:400px;
		height: auto;
		}
a, a:link, a:visited, a:active {color:#333333;text-decoration: underline;}
a:hover {color:#ffffff;}

h2 {margin-top:0px;}
h3 {margin:20px 0 0 0;}

.bilder {margin:35px 0 50px 0;}
.bilder ul {list-style:none;margin:0;padding:0;}
.bilder ul li {display: inline-block;float:left;width:25%;margin-right:0%;padding:0px;}
.bilder img {width:100%;height:auto;margin:0;padding:0;}

.clear-left {clear:left;}

.box {
	padding:15px;
	background-color: rgba(255,255,255,0.25);
	margin-bottom:50px;
	}
	.box ul {
		margin-top:7px;
		margin-bottom:10px;
		padding-left:17px;
		}
	.box ul li {margin-bottom:7px;}

.footer {
	background-color: rgba(0,0,0,0.2);
	}
	.footer-wrap {
		padding:30px;
		text-align: center;
		}
		
/* ######################## RESPONSIVE STYLES ##########################*/

@media screen and (max-width: 655px) {

.wrap {padding:0 4%;}

h1 {font-size:1.60em;}
h2 {font-size:1.40em;}
h3 {font-size:1.25em;}

.bilder ul li {width:50%;}

}

@media screen and (max-width: 375px) {

.bilder ul li {width:100%;}

}