 /* 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:#fff;
	font-family: 'Hind', sans-serif;
	font-size:0.8125rem;
	line-height:1.0625rem;
}
img {
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
	border:none;
	display:block;
}

a{
	color:#fff;
	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:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{ margin:0rem; padding:0rem;}
#wrapper {
	width:812px;
	margin:0rem auto;
	text-align:left;
	border:1px solid #fff;
	background-color:#fff;
}
header {height: 271px;background:url(banner.jpg) no-repeat;padding: 3.9375rem 4rem 0rem 4rem;}
header figure:nth-of-type(1){float: left;}
header figure:nth-of-type(2){float: right;}
article {padding: 2.1875rem 4rem 4rem;
	background: #22bcac;
}
article section:nth-of-type(1){float:left;width: 315px;}
article section:nth-of-type(2){
 float:right;
 width: 337px;
 }
article section:nth-of-type(2) img{float: right;margin-top: 1.875rem;}
p{ margin-top:0.625rem;} 
p strong{font-weight: 600}
p:first-of-type {
    margin-top:0rem;
}
.clearfix{
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0rem;
}

h1{
	text-align:left;
	color:#d71149;
	font-weight:bold;
	font-size: 2.6875rem;
	line-height: 2.875rem;
	margin-top: 0.5625rem;
}
h2{
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:1rem;
	line-height: 1.25rem;
	margin-top: 1.25rem;
	background: url(icon.jpg) 0 0.375rem no-repeat;
	padding-left: 0.875rem;
}

/* Ende Standard */

/* Responsive */
@media only screen and (max-width:812px) {
	a{
	text-decoration:underline;
		font-weight: 600;
}
	.no{ display:none}
	#wrapper {
	width:98.7%;
	border:none;
	background-color:#fff;
}
header {height: auto;background:url(banner.jpg) no-repeat;padding: 10%;
background-position: center top;background-size: cover;}
header figure:nth-of-type(1){float: left;}
header figure:nth-of-type(2){float: right;}
article {padding: 5%;
	background: #22bcac;
}
article section:nth-of-type(1){float:left;width: 47%;}
article section:nth-of-type(2){
 float:right;
 width: 47%;
 }
article section:nth-of-type(2) img{float: right;margin-top: 5%;}
h1{
	text-align:left;
	color:#d71149;
	font-weight:bold;
	font-size: 1.875rem;
	line-height: 2.0625rem;
}

}
@media only screen and (max-width:500px) {article section:nth-of-type(1){float:none;width:auto;}
article section:nth-of-type(2){
 float:none;width:auto;
 margin-top: 3%
 }}
 @media only screen and (max-width:372px) {
 	h1 br{display: none}
 }
/* Ende Responsive */
