/* Standard */

:root {  font-size:16px;}

* {
	margin:0;
	padding:0;
	box-sizing: border-box
}
html {
	min-height: 100%;
	}
	
body {
	margin-top:0.625rem;
	margin-bottom:0.625rem;
	padding:0;
	color:#28110b;
	font-family: 'Roboto', sans-serif;
	font-size:0.9375rem;
	line-height:1.1875rem;
}
img {
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
	border:none;
	display:block;
}

a{
	color:#28110b;
	text-decoration:none;
}
sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
 } 
 sup {
 top: -0.5em;
 } 
 sub {
 bottom: -0.25em;
 }
header, section, footer, aside, nav, main, article, figure,p {
    display: block;
	margin:0rem;
	padding:0rem;
}
h1,h2,h3,h4,h5,h6{ margin:0rem; padding:0rem;}
#wrapper {
	width:660px;
	margin:0rem auto;
	text-align:left;
	border:1px solid #28110b;
	background-color:#ffbf2e;
	position: relative;
}
header {padding: 0.625rem;}
header img{float: right;}
article {padding:0.625rem;
}
article section{background:url(bg.png) no-repeat;
width: 15rem;
	height: 15rem;
color: #fff;
font-weight: bold;
padding: 2.5rem 0rem;
position: absolute;
bottom: 1.5625rem;
right: 1.125rem;
text-align: center;}
article section a{color:#ffcb08}
article section p span{font-size: 0.6875rem;}
article section p:last-of-type{margin-top: 1.25rem;}
footer {
padding:0.9375rem 0.625rem;
	background: #4c2d00;
	color: #fff;
}

p{ margin-top:0.625rem;} 
p:first-of-type {
    margin-top:0rem;
}
.clearfix{
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0rem;
}

h1 {
    text-align: left;
    color: 
    #28110b;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 1.0625rem;
}
h1 span{font-size: 0.75rem;}
h2{
	text-align:left;
	color:#28110b;
	font-weight:bold;
	font-size:1rem;
	line-height:1.5rem;
	padding-top:1.25rem;
}
h3 {
    text-align: center;
    color: 
    #fff;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.6875rem;
    padding-bottom: 0.625rem;
}
ul {
	margin:0rem 0rem 0rem 0rem;
	padding:0rem 0rem 0rem 0rem;
	list-style-image:url();
	list-style: none
}
ul li { 
background:url(icon.jpg) 0 0.4375rem no-repeat; padding-left:1.1875rem;
}
.cen{ text-align:center}

/* Ende Standard */

/* Responsive */
@media only screen and (max-width:660px) {
	body {
	font-size:0.875rem;
	line-height:1.125rem;
	}
	a{
	text-decoration:underline;
		font-weight: bold;
}
	.no{ display:none}
	#wrapper {
	width:98.7%;
	border:none;
}
header {padding:3%;}
header img{float: right;}
	header p{clear: both;padding-top: 5%;}
article {padding:3%;
}
article section{background:url(bg.png) no-repeat;
width: 15rem;
	height: 15rem;
color: #fff;
font-weight: bold;
padding: 2.5rem 0rem;
position:static;
	margin: 0 auto;
bottom: 1.5625rem;
right: 1.125rem;
text-align: center;}
footer {
padding:3%;
}
	footer br{display: block;}
h1 {
    text-align: left;
    color: 
    #28110b;
    font-weight: bold;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    margin-top: 3%;
}
h1 span{font-size: 0.75rem;}
h2{
	text-align:left;
	color:#28110b;
	font-weight:bold;
	font-size:0.9375rem;
	line-height:1.25rem;
	padding-top:5%;
}
h3 {
    text-align: center;
    color: 
    #fff;
    font-weight: bold;
    font-size: 1.1875rem;
    line-height: 1.5625rem;
    padding-bottom: 3%;
}
	h3 br{display:block;}
ul {
	margin:0rem 0rem 0rem 0rem;
	padding:0rem 0rem 0rem 0rem;
	list-style-image:url();
	list-style: none
}
ul li { 
background:url(icon.jpg) 0 0.4375rem no-repeat; padding-left:1.1875rem;
}
.cen{ text-align:center}
	br{display: none;}
}
/* Ende Responsive */