:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	max-width: 710px;
	color: #686969;
	position:relative;
	padding: 2px;
	background-color:#FFFFFF;
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: 'Roboto', sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
	/* font-family:  Times, "Times New Roman", serif; */
	/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	/* font-family: Trebuchet MS, Arial, Helvetica, sans-serif; */
	/* font-family: Verdana, Geneva, sans-serif; */
	/* font-family: Tahoma, Geneva, sans-serif; */
	line-height: 1.0625rem;
	font-size: 0.875rem;
	text-align: left;
	overflow:hidden;
	box-shadow: 0 0 0.25rem 0.125rem #E7E7E9;
}
p {padding-bottom: 0.9375rem;}
h1{margin: 0 0 0.9375rem 0;font-size: 1.75rem;line-height: 2.25rem;color: #000;}
h1 span {display: block;}
h2{font-size: 1.4375rem;line-height: 1.75rem;margin: 0;}
h2 span{}
a {color: #686969;text-decoration:none;}
a:hover{text-decoration: underline;}
a u{color: blue;}
img {max-width: 100%; height: auto; width: auto; border:none;}
ul {margin-bottom: 0.9375rem; padding:0;list-style:none;}
ul ul{margin: 0;}
ul li {background: url(iconlist.jpg) no-repeat 1.3125rem 0.3125rem;padding-left: 2.2625rem;}
ul li li{background: url(iconlist2.jpg) no-repeat 1.3125rem 0.3125rem;padding-left: 2.2625rem;}
.li{padding-right: 2.125rem;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
/* Header */
header{width: 100%;float: left;margin: 0 0 2.5rem;}
figure{position: relative;margin: 0;}
figure img{display: block;}
figure a{position: absolute;top: 20%;height: 18%;width: 35%;left: 0;}
/* Ende Header */

/* Article */
article{width: 100%;float: left;}

/* Ende Article */

/* Footer */
footer{width: 100%;float: left;text-align: justify;}
footer span{display: block;text-align: justify;}
footer img{float: right;margin: -0.625rem 0 0.9375rem;}
footer p:first-of-type{text-align: left;}
/* Ende Footer */

/* Aside */
aside:nth-of-type(2n-1){}
aside:nth-of-type(2n){}
/* Ende Aside */


/* Section */

/* Ende Section */

/* address */
address{font-style: normal;}
/* Ende address */

@media only screen and (max-width:728px) { 
	#wrapper{border: none;font-size: 0.8125rem;line-height: 1.0625rem;}
	ul li{background: url(iconlist.jpg) no-repeat 0.3125rem 0.3125rem; padding-left: 0.9375rem;}
	h1{font-size: 1.375rem;line-height: 1.5rem;}
	h2{font-size: 1rem;line-height: 1.375rem;}
	p{text-align: left;}
	footer span{text-align: left;}
	.li{padding-right: 0;}
}