:root {  font-size:16px;}
* {margin: 0px;box-sizing:border-box;}
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:1px #0089CF solid;
	max-width: 495px;
	color:#231F20;
	position:relative;
	padding:0;
	background:#0089CF url('bg.jpg') left top repeat-x;
	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: "Open Sans", Arial, Helvetica, sans-serif */
	/* font-family: Verdana, Geneva, sans-serif; */
	line-height: 1.125rem;
	font-size: 0.875rem;
	text-align: left;
	overflow:hidden; 
}
p {padding-bottom: 0.35rem;}
h1{margin: 0;font-size: 1.55rem;line-height: 1.75rem;text-align: right;color: #fff;font-style: italic;}
h1 span {display: block;font-weight: normal;color: #231F20;font-size: 1.225rem;line-height: 1.6125rem;}
h2{font-size:0.875rem; line-height:1.125rem;margin:0 0 0.1875rem;}
h2 span{}
a {color:#231F20;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;margin-right: 0px;}
ul li {background: url(iconlist.jpg) no-repeat 0 0.3125rem;padding-left: 0.5625rem;}
ul+strong{
	display: block;
	margin-bottom: 0.3125rem;
}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
/* Header */
header{width: 100%;float: left;background: #96C449;border-radius: 1.25rem 0 0 0;padding: 0.3375rem 1.9375rem 0.9375rem;}

/* Ende Header */

/* Article */
article{width: 100%;float: left;background: #fff;padding: 0.9375rem 0.3125rem 0.9375rem 1rem;border-radius: 0 0 0 1.25rem;text-align: justify;}
article p:nth-of-type(3){padding: 0.7rem 0 1.875rem;}
article p span{
	word-spacing: -1px;
	font-size: 98%;
}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;position: relative;}
footer img{display: block;}
footer a{position: absolute;bottom: 5%;width: 39%;left: 5%;height: 43%;}
/* Ende Footer */

/* Aside */
aside:nth-of-type(2n-1){/* float: left; *//* margin: 0 0.5625rem 0 0; */}

aside:nth-of-type(2n-1) span {
	display: inline-block;
	width: 177px;
}
aside small{
	font-size: 80%;
}

aside:nth-of-type(2n-1) span:nth-of-type(1) {
	margin-left: 0;
}
aside:nth-of-type(2n){word-spacing: -0.0625rem;}
aside:nth-of-type(2n) span{
	font-size: 0.8125rem;
}
/* Ende Aside */


/* Section */
section{width: 100%;float: left;padding: 1.125rem 0 0 3.4375rem;}
/* Ende Section */

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

@media only screen and (max-width:495px) { 
	#wrapper{border: none;background: #0591CC;font-size: 0.8125rem;line-height: 1.0625rem;}
	h1{font-size: 1.125rem;line-height: 1.375rem;}
	h1 span{font-size: 0.875rem;line-height: 1.25rem;}
	ul li {background: url(iconlist.jpg) no-repeat 0 0.375rem;}
	h1 span br{display: none;}
	p{text-align: left;}
	article br{display: none;}
	aside{width: auto !important;float: none !important;margin: 0 !important;}
	footer img{position: static;margin: 0.625rem 0 0;float: none;}
	article{text-align: left;}
	section{padding: 0.625rem 0 0 0.625rem;}
	ul{margin-right: 0}
	span br{display: block}
	aside strong{display: block}
	aside:nth-of-type(2n-1) span {
		display:block;
		width: auto;
	}aside small {
    font-size: 100%;
}
}