@import url(https://fonts.googleapis.com/css?family=Nunito:400,300);

* {
margin:0;
padding:0;
color:black;
font-family:Nunito;
font-weight:300;
font-size:100%;
}

.wrapper {

max-width:1200px;
margin-left: auto;
    margin-right: auto ;
	padding:1%;
	font-size:14px;
	
}

b {
	font-family:Nunito;
font-weight:400;
	
}

.logo {
	width:250px;
	height:auto;
}

#footer {

text-align:center;
margin-top:100px;
}

h1 , h2, h3{
font-size:18px;

margin-bottom:20px;
margin-top:10px;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.button:active {
	position:relative;
	top:1px;
}

.button a {
	color: white !important;
	text-decoration: none !important;
}



#inhalt {

width:100%;
margin-top:1%;
margin-bottom:2%;
line-height:18px;
text-align:center;



}

#inhalt p {
   line-height:25px;
   font-size:18px;
   margin-bottom:15px;
   }

#header img {
display: block;
    margin-left: auto;
    margin-right: auto 
}



#sidebar1 {
float:left;
width:20%;
margin-right:2%;
background:darkgray;
height:800px;
}

#sidebar2 {
float:left;
width:20%;
background:darkgray;
height:800px;
}

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

#anzeigebereich { width:90%; }

#inhalt { width:100%; }

#sidebar1 {
width:20%;
margin-right:0;
margin-bottom:2%;
}

#sidebar2 {
width:100%;
height:200px;
}

}

@media only screen and (max-width: 748px) {
	#header img {
width:85%;
}

.logo {
	width:50% !important;
}
}
@media only screen and (max-width: 480px) {

#kopf {
width:90%;
}

#inhalt {
width:100%;

}

#header img {
width:100%;
}

#sidebar1 {
width:90%;
height:200px;
margin-right:0;
margin-bottom:2%;
}

#sidebar2 {
width:90%;
height:200px;
margin-top:2%;
}
}