:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:1px #333 solid;
	max-width: 770px;
	color: #333;
	position:relative;
	padding:6.25rem;
	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: justify;
	overflow:hidden;
}
p {padding-bottom: 0.9375rem;}
h1{margin: 0 0 0.9375rem 0;font-size: 1.125rem;line-height: 1.625rem;text-align: center;}
h1 span {display: block;font-weight: 400;}
a {color:#333;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}
ul {margin-bottom: 1rem;padding:0;list-style:none;}
ul li {background: url(iconlist.jpg) no-repeat 0 .5rem;padding-left:0.625rem;}
.clear:after {content: ".";clear: both;display: block;visibility: hidden;height: 0;}
/* Header */
header{width: 100%;float: left;position: relative}
header img{}
header a {position: absolute;}
header a:nth-of-type(1){
    width: 27%;
    height: 27%;
    top: 41%;
}
header a:nth-of-type(2){
    top: 28%;
    width: 24%;
    height: 77%;
    left: 42%;
}
header a:nth-of-type(3){
    top: 0;
    width: 19%;
    height: 96%;
    left: 80%;
}
/* Ende Header */

/* Article */
article{width: 100%;float: left;padding-top: 4.375rem;}
article p:nth-of-type(1),article p:nth-of-type(2) {padding-bottom: 2.5rem}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;}
/* 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:770px) { 
	#wrapper{border: none;padding: 0.625rem;text-align: left}
	aside{width: auto !important;float: none !important;}
	article br {display: none}
	article p:nth-of-type(1),article p:nth-of-type(2) {padding-bottom: 1.875rem}
	article {padding-top: 2rem}
}