@font-face {
    font-family: 'Neo Sans Std';
    src: url('NeoSansStd-Bold.woff2') format('woff2'),
        url('NeoSansStd-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('NeoSansStd-Regular.woff2') format('woff2'),
        url('NeoSansStd-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
:root {  font-size:16px;}
* { margin:0; box-sizing:border-box; }
html {min-height: 100%;}
#wrapper {
	margin:0.75rem auto;
	border:1px #030304 solid;
	max-width: 600px;
	color:#fff;
	position:relative;
	padding:0;
	background:#FFFFFF url(bg.jpg) 0 0 no-repeat;
	font-family: 'Neo Sans Std';
	/* 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.4375rem;
	font-size: 1.125rem;
	text-align: left;
	overflow:hidden;
	height: 946px;
}
p {padding-bottom: 1rem;}
h1{margin: 0.375rem 0 1.8125rem 0;font-size: 1.9375rem;line-height: 1.9375rem;color: #FBB900;padding-left: 2rem;background: url(icon.png) 0.375rem 0.4375rem no-repeat;}
h1 span {color: #fff;font-size: 1rem;line-height: 1.25rem;}
h2{font-size: 1.125rem;line-height: 1.375rem;margin:0;color: #FBB900;}
h3 {color: #FBB900;}
h3 span {color: #858484;}
a {color: #fff;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: 0.875rem;padding:0;list-style:none;}
ul li {background: url(iconlist.png) no-repeat 0.125rem 0.375rem;padding-left:1.25rem;}
.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;top: 29%;width: 71%;height: 60%;left: 12%;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);}
ul:last-of-type {margin-bottom: 1.25rem}
/* Ende Header */

/* Article */
article{width: 100%;float: left;padding: 2.1875rem 2.125rem 0 2.5rem;}
article p:nth-of-type(2) {font-size: 1.1875rem}
/* Ende Article */

/* Footer */
footer{width: 100%;float: left;padding: 0 2.625rem;position: relative;font-size: 1.1875rem;line-height: 1.4375rem;word-spacing: -2px;}
footer p:last-of-type a {color: #FBB900;position: absolute;right: 1.5625rem;bottom: 0.375rem;font-weight: 700;font-size: 2rem;line-height: 2.25rem;}
a span {color: #fff;}
footer p {padding-bottom: 0.3125rem;}
/* 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 screen and (-webkit-min-device-pixel-ratio:0) { */
    /* Safari and Chrome, if Chrome rule needed 
    
    article p:first-of-type {word-spacing: 0}
     Safari 5+ ONLY 
    ::i-block-chrome, article p:first-of-type {word-spacing: -2px}
} */

@media only screen and (max-width:600px) { 
	#wrapper{border: none;height: auto;background: #030304 url(bg1.jpg) left bottom no-repeat;font-size: 0.875rem;line-height: 1.125rem;}
	aside{width: auto !important;float: none !important;}
	article {background: url(bg2.jpg) 0 0 no-repeat;background-size: 100%;padding: 1.875rem 1.25rem 0;}
	footer {font-size: 0.875rem;line-height: 1.125rem;padding: 0 1.25rem 2.5rem;}
	article p:nth-of-type(2) {font-size: 0.9375rem;line-height: 1.25rem}
	ul li {background-position: 0.125rem 0.25rem;}
	article br {display: none}
}