:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:1px #2E2113 solid;
	max-width: 500px;
	color:#2E2113;
	position:relative;
	padding:0;
	background:#FFFFFF url(bg.jpg) 0 0 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	/* font-family: 'Noto Sans', 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.8125rem;
	text-align: left;
	overflow:hidden;
}
p {padding-bottom: 0.3125rem;}
h1{font-size: 0.875rem;line-height: 1.25rem;position: absolute;top: -8.25rem;left: 2.125rem;width: 135px;height: 135px;text-align: center;transform: rotate(-5deg);-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);background: url(bg1.png) 0 0 no-repeat;padding-top: 1.375rem;}
a {color:#2E2113;text-decoration:none;}
a:hover{text-decoration: underline;}
a u{color: blue;}
img {max-width: 100%; height: auto; width: auto; border:none;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
/* Header */
header{width: 100%;float: left;text-align: right;padding: 0.625rem 0.625rem 1.0625rem;background: #e2e3e5;}
header img{}
header a{}
/* Ende Header */

/* Article */
article{width: 100%;float: left;text-align: justify;color: #fff;padding: 0.9375rem 14.5rem 0.625rem 0.5rem;position: relative;}
article img {position: absolute;top: 1.125rem;right: 0.5rem;}
article p:nth-of-type(2) {text-align: left}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;padding: 0.5rem 0.625rem;background: #e3e4e6;}
footer p:nth-of-type(1) {float: left;margin-right: 1.8125rem;}
footer p:nth-of-type(2) {float: left;}
footer p:nth-of-type(3) {float: right;}
/* 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:500px) { 
	#wrapper{border: none;background-size: 100% 100%;}
	h1 {position: static;margin: 0 0 0.625rem 0;float: left;}
	article img {position: static;float: right;margin: 0.625rem 0;}
	article {padding: 0.625rem;text-align: left}
	footer {padding: 0.625rem;}
	footer p {float: none !important;}

}