:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:1px #00524E solid;
	max-width: 484px;
	color:#000;
	position:relative;
	padding:0;
	background-color:#FFFFFF;
	/* 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.125rem;
	font-size: 0.875rem;
	text-align: left;
	overflow:hidden;
}
p {padding-bottom: 0.9375rem;text-align: justify}
h1{margin: 0 0 1.125rem 0;font-size: 1.1875rem;line-height: 1.4375rem;}
h1 span {display: block;}
h2{font-size: 1.25rem;line-height: 1.5rem;margin: 0 0 0.9375rem 0;position: relative;}
h2:before {content: '';position: absolute;left: 0;bottom: -0.3125rem;background: #000;height: 1px;width: 70px;}
a {color:#000;text-decoration:none;}
a:hover{text-decoration: underline;}
a u{color: blue;}
img {max-width: 100%; height: auto; width: auto; border:none;vertical-align: middle}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
/* Header */
header{width: 100%;float: left;padding: 2.1875rem 1.5625rem 1.3125rem;position: relative;}
header img{
    position: absolute;
    top: 0.625rem;
    right: 1.25rem;
}
header a{}
/* Ende Header */

/* Article */
article{width: 100%;float: left;padding: 0 1.5625rem;}
article section {background: #DFEECB;padding: 0.75rem 1.25rem 0.3125rem;margin-bottom: 0.5rem;}
article section:last-of-type {padding-bottom: 3.125rem}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;color: #fff;padding: 9.375rem 1.5625rem 0.9375rem 2.8125rem;background: url(bg.png) 0 0 no-repeat;margin-top: -10rem;}
footer a {color: #fff;}
footer h2:before {background: #fff;}
footer h2 {font-size: 1.125rem;line-height: 1.375rem;margin: 0 0 24px 0;} 
footer p {text-align: left;padding-bottom: 1.25rem;}
/* Ende Footer */

/* Aside */
aside:nth-of-type(1){float: left;width: 46%;}
aside:nth-of-type(2){float: right;width: 51%;}
/* Ende Aside */


/* Section */

/* Ende Section */

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

h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}
@media only screen and (max-width:484px) { 
	#wrapper{border: none;}
	aside{width: auto !important;float: none !important;}
	p {text-align: left}
	header img {position: static;float: right;margin: 0 0 0.625rem 0;}
	header {padding: 0.625rem 0.625rem;}
	article {padding: 0 0.625rem;}
	footer {margin-top: 0;padding: 0.625rem;background: #005a51;}
	article section:last-of-type {padding-bottom: 0}
	article br {display: none}
	h1,h2,h3{font-size: 1rem;line-height: 1.25rem;}
}