/* CSS Document */
/* http://www.christiane-klein.de 2017 */

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 5%;
}

body {
	margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#818284; 
	font-size: 12px; line-height:24px;  overflow-x: hidden; background-color:#f1f3ff;
}
a:link {
	text-decoration: none; font-weight:bold;
	color: #818284}
a:visited {
	text-decoration: none;font-weight:bold;
	color: #a0a0a2;
}
a:hover {
	text-decoration: none;font-weight:bold;
	color: #cccccc;
}
a:active {
	text-decoration: none;font-weight:bold;
	color: #a0a0a2;
}
.title { color:#bbc0de}
h1,h3 { color:#838ecc}


/* Menu Button */
.menu-btn { font-weight:bold; font-size:30px;
width: 100px;
  padding: 5px;
  margin-bottom: 5px;
  background: #fff;
  color: #bbc0de;
  text-align: right;
  cursor: pointer; float:right
}
.menu-btn:hover {
  opacity: 0.6;
}
/* Lists */
ul {
  margin: 0;
  padding: 0;
}

/*----- Logo -----*/
 
.logo{ width:100%; 
  z-index: 0; border:none}
 
/*----- Spalten -----*/

.links { margin: 0; border: 0; width:47%; float:left; padding: 20px 0 0 0}
.rechts { margin: 0; border: 0;width:47%; float:right; padding: 20px 0 0 0}
.footer { margin-top: 20px; margin-bottom: 20px; border: 0; width:100%; float:left; padding: 10px 0 10px 0; background-color:#bbc1db; color:#ffffff; text-align:center}

 
/*----- Responsive -----*/
@media screen and (max-width: 1150px) {

	.links{float:left;width:100%}
	.links_start{float:left; width:100%; text-align:center}
	.rechts{float:left;width:100%}
	
}
 
@media screen and (max-width: 860px) {
	.logo{ width:100%; margin: 1em 0; }
	/*.container{padding-left:1.3em;padding-right:1.3em;display:inline-block}*/

   
}

@media screen and (max-width:550px){
img{height:auto;width:auto;max-width:100%}


}

img{height:auto;width:auto;max-width:100%;}