:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:5px #1B87C4 solid;
	max-width: 470px;
	color:#221C22;
	position:relative;
	padding:0;
	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.3125rem;
	font-size: 1rem;
	text-align: left;
	overflow:hidden;
}
p {padding-bottom: 1.25rem;text-align: justify;}
h1{margin: 0 0 1.25rem 0;font-size: 2rem;line-height: 2rem;text-align: center;font-weight: bold;}
h1 span {display: block;font-size: 1.0625rem;line-height: 1.375rem;margin: 0.375rem 0 0;}
h1 small{font-size: 1.0625rem;line-height: 1.375rem;}
h2{font-size:0.8125rem; line-height:1.125rem;margin:0;}
h2 span{}
a {color:#221C22;text-decoration:none;}
a:hover{text-decoration: underline;}
a u{color: blue;}
img {max-width: 100%; height: auto; width: auto; border:none;}
ul {margin: 0.125rem 0 1.25rem;padding:0;list-style:none;}
ul li {background: url(iconlist.jpg) no-repeat 0 0.5rem;padding-left: 0.875rem;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
strong{font-weight: 600;}
/* Header */
header{width: 100%;float: left;margin: 0 0 40px;position: relative;}
header img{
    vertical-align: middle;
}
header a{
    position: absolute;
    top: 4%;
    height: 20%;
    left: 5%;
    width: 34%;
}
/* Ende Header */

/* Article */
article{width: 100%;float: left;padding: 0 1.25rem;}
article p:first-of-type{text-align: center;}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;padding: 0 1.25rem 1.25rem;text-align: center;}
footer p{padding: 0.3125rem 0 0;text-align: center;}
/* 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:470px) { 
	#wrapper{border: none;font-size: 0.8125rem;line-height: 1.0625rem;}
	ul li{background: url(iconlist.jpg) no-repeat 0rem 0.375rem;padding-left: 0.9375rem;}
	h1{font-size: 1.125rem;line-height: 1.375rem;}
	h1 span,h1 small{font-size: 0.875rem;line-height: 1.25rem;}
	p{text-align: left;}
	ul li br{display: none;}
	aside{width: auto !important;float: none !important;}
	header{}
	article{padding: 0.625rem 0.625rem;}
	footer{padding: 0 0.625rem 0.625rem;}
}