@charset "UTF-8";

/*** Hintergrund: R255 G227 B166 – #ffe3a6
Orange: R241 G143 B78 – #f18f4e
Gelb: R253 G196 B0 – #fdc400
Fließtext: R144 G129 B110 – #90816e ***/

body {
	color: #a5947e;
	font-family: 'Istok Web', Helvetica, Arial, sans-serif;
	font-size:16px;
	background-color:#ffe3a6; 
}

h1  {
	color: #fdc400;
}

p, li, strong, a  {
	color: #90816e;
}


 a:link,
 a:visited  {
	color: #FFF;
}
 a:hover,
 a:active {color:#fdc400;}

#wrapper {max-width:1024px; margin:2em auto; background-color:#FFF; }

#wrapper .container {padding:0;max-width:1024px;}

div.row.content {padding:0 45px 0 45px;}

h1 {
	font-size: 32px; margin-top:35px;
}

h2 {
	font-size: 20px;
}

h1, h2, h3 { font-weight: 600; }

ul {padding-left:22px; }




img#logo { padding:30px;}


footer {background-color:#f18f4e; color:#FFF;padding:1em 0;margin-top:2em;border-top:3px solid #fdc400}

footer strong, footer a {color:#FFF;}

@media screen and (max-width:1170px){
#wrapper {max-width:970px; margin:1em auto; background-color:#FFF; }

.container {margin-left:0; margin-right:0;}
}

@media screen and (max-width:1170px){
.container {padding-right:-33px;}
}

@media screen and (max-width:480px){
	
	h1 {font-size:24px;}
}