:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border: 1px #a09e9f solid;
	max-width: 581px;
	color:#231F20;
	position:relative;
	padding:1.25rem;
	background-color:#FFFFFF;
	font-family: 'Roboto', 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.25rem;
	font-size: 1rem;
	text-align: left;
	overflow:hidden;
}
p {padding-bottom: 0.9375rem;}
h1{margin: 0.3125rem -0.375rem 0.625rem;font-size: 1.4375rem;line-height: 1.75rem;font-family: 'Roboto Condensed', sans-serif;background: #006E6B;color: #fff;padding: 0.3125rem 0.5rem;}
h1 span {display: block;}
h2{font-size: 1.125rem;line-height: 1.3125rem;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.5rem;padding:0;list-style:none;}
ul li {background: url(iconlist.jpg) no-repeat 0 0.3125rem;padding-left: 0.75rem;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
/* Header */
header{width: 100%;float: left;margin: 0 0 0.9375rem;position: relative;}
header img{
    vertical-align: middle;
}
header a{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30%;
}
/* Ende Header */

/* Article */
article{width: 100%;float: left;padding: 0 0.375rem;}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;font-family: 'Roboto Condensed', sans-serif;background: #006E6B;text-align: center;padding: 0.5rem;font-size: 1.125rem;line-height: 1.25rem;}
footer a{color: #fff;}
/* 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:581px) { 
	#wrapper{border: none;font-size: 0.875rem;line-height: 1.125rem;padding: 0.625rem;}
	ul li{background: url(iconlist.jpg) no-repeat 0rem 0.3125rem; padding-left: 0.9375rem;}
	h1{font-size: 1.0625rem;line-height: 22px;}
	h2{font-size: 0.9375rem;line-height: 20px;}
	p{text-align: left;}
}