/* reset all */

:root {
	font-size: 16px;
}

html {
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	box-sizing: inherit;
}
a, img {
	outline: none;
	border: none;
}
img {
	max-width: 100%;
	display: inline-block;
}
/* body set-up */

body {
	font-family: 'Arial', sans-serif;
	font-size: 0.875rem;
	line-height: 1.4;
	color: #000;
	background: #fff;
	font-weight: normal;
}
/* main style */

a {
	color: inherit;
	text-decoration: none;
/*	white-space: nowrap;*/
}
a:hover, a:focus {
	text-decoration: underline;
}
p {
	margin: 0 0 0.625rem;
}
h1 {
	font-size: 1.625rem;
	font-style: italic;
	line-height: 1.2;
	margin-bottom: 1.75rem;
	text-align: center;
	  color: #333;
}
h1 span {
	font-size: 0.7em;
	font-weight: normal;
}
h2 {
	text-align: left;
	font-size: 1rem;
   color: #333;
	margin: 0 0 0.313rem;
	/*font-weight: normal;*/
}

h2 span {
	font-weight: bold;
}
h3 {
	   color: #333;
    font-size: 1rem;
}

h4 {
	font-size: 1rem;
	color: #fff;
	font-weight: normal;
	padding-bottom: 1rem;
}
ul {
	padding: 0;
	margin-bottom: 1.25rem;
	list-style: none;
}
ul li {
	padding-left: 0.938rem;
}
ul li:before {
	content: "\2022";
	float: left;
	margin-left: -0.938rem;
	font-size: 18px;
	line-height: 19px;
	color: #4F256F;
}
/* layout  */

#wrapper {
	display: block;
	max-width: 50rem;
	margin: 0.625rem auto;
	padding:0 3.125rem 0;
	border: thin solid #000;
	background: #F6F6F6;
	position: relative;
}
/**** Slider layout *****/

header + section {
	margin: 0 -3.125rem 1.875rem;
	width: auto;
	position: relative;
	z-index: 0
}

aside {
	/* margin: 0 -1.188rem; optional */
	/*padding: 0 0 52%; anpassen */
	position: relative;
	width: auto;
	height: auto;
	margin: 0 -3.125rem 1.7rem;
}

aside a {
	position: absolute;
	width: 10%;
	height: 20%;
	right: 5%;
	bottom: 5%;
}
/*aside img {
	position: absolute;
	animation-timing-function:  cubic-bezier(.87,0,.08,1.01);/* anpassen */
/*	animation-iteration-count: infinite;/* anpassen */
/*	animation-duration: 18s;/* anpassen */
/*}*/

/*aside img:nth-of-type(1) {
	animation-name: fadingAnimation01;
}

aside img:nth-of-type(2) {
	animation-name: fadingAnimation02;
}

aside img:nth-of-type(3) {
	animation-name: fadingAnimation03;
}

@keyframes 
fadingAnimation01 {
0% {opacity:1;} 29% {opacity:0;} 66% {opacity:0;} 90% {opacity:1;} 100% {opacity:1;}
}

@keyframes 
fadingAnimation02 {
0% {opacity:0;} 29% {opacity:1;} 66% {opacity:0;} 90% {opacity:0;} 100% {opacity:0;}
}

@keyframes 
fadingAnimation03 {
0% {opacity:0;} 29% {opacity:0;} 66% {opacity:1;} 90% {opacity:0;} 100% {opacity:0;}
}*/
header + section img {
	display: block;
	width: 100%;
	z-index: -1
}
/****** End Slider********/

section {
	width: 100%;
	padding: 0 0;
}
header {
	margin: -3.125rem -3.125rem 0;
	padding: 0;
	position: relative;
	display: block;
	z-index: 1;
}
header section {
	background: #e2001a;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a80017), color-stop(1, #e2001a));
	background: -ms-linear-gradient(bottom, #a80017, #e2001a);
	background: -moz-linear-gradient(center bottom, #a80017 0%, #e2001a 100%);
	background: -o-linear-gradient(#e2001a, #a80017);
	height: 3.75rem;
	margin-bottom: 1.25rem
}
header a {
	display: block;
	margin: 0 auto 0;
	width: 6.25rem;
	position: absolute;
	top: 7%;
	left: 5%;
	z-index: 1;
}
header img {
	display: block;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}
/* section */
section p a {
	font-weight: bold;
}
section p a:hover {
	text-decoration: none;
}
/* footer */

footer {
	color: #fff;
	margin: 1.5rem -3.125rem 0;
	padding: 1.875rem 3.125rem 0;
	background: #e2001a;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a80017), color-stop(1, #e2001a));
	background: -ms-linear-gradient(bottom, #a80017, #e2001a);
	background: -moz-linear-gradient(center bottom, #a80017 0%, #e2001a 100%);
	background: -o-linear-gradient(#e2001a, #a80017);
	border-top: thin solid #000;
	font-size: 1.125rem;
	position: relative;
}
footer:before {
	content: "";
	background-size: 100%;
	width: 99%;
	height: 6.25rem;
	position: absolute;
	bottom: -26%;
	right: 0%;
	left: 0%;
	margin: 0.625rem auto;
	opacity: 0.15;
}
footer a {
	position: relative;
	display: block;
	padding: 0 0 0/*1.438rem*/;
	margin-bottom: 0;
}
/*footer a:first-child {
	padding: 0 0 1.5rem;
}*/
footer section:first-of-type {
	
}
/* footer section:last-of-type {
    float: right;
    width: 54%;
padding-top: 5rem;
    margin-right: -2rem;
    
} */
/*footer section p {
	margin-bottom: 1.7rem;
    
}*/

footer section:first-of-type p {
	margin-bottom: 3rem;
}

footer section:last-of-type p {
	margin-bottom:1.75rem;
    /*margin-top: -1.75rem;*/
	margin-top: -0.2rem;
}

article {
	/*background: url(../images/foto1.jpg)no-repeat bottom 3.25rem right -3.125rem;
	background-size: 35%;
	right: 0%;
	top: 0%;
	float: left;*/
}
article section {
	padding-right: 0;
}
article section p:first-of-type {
	margin-bottom: 1.25rem
}
/*--use when you have phone number--*/

footer span {
	white-space: nowrap;
}
/*--use clearfix when float get's overflowed--*/

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

@media only screen and (max-width:49.937rem) {
#wrapper {
	margin: 0 auto;
	border: 0;
	padding: 0.625rem;
}
	
aside {
	margin: -1.25rem -0.625rem 1.875rem;
}
	
h3 {
	font-size: 0.875rem;
 
	margin: 0 0 0.75rem;

}
a {
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
section p a {
	font-weight: bold;
	font-size: 1rem;
}
section p a:hover {
	text-decoration: none;
}
section {
	padding: 0;
}
footer {
	margin: 0 -0.625rem -0.625rem;
	padding: 0.625rem;
}
footer a:first-of-type {
	font-size: 1rem;
	}
header {
	margin: -0.625rem -0.625rem 0;
	padding: 0;
}
header img {
	width: 70%;
}
header + section {
	margin: -1.25rem -0.625rem 0.625rem;
}
h1 {
	margin: 1.25rem 0;
}
footer section:first-of-type {
	float: none;
	width: 100%
		
}
footer section:last-of-type {
	float: none;
	width: 100%;
	margin-top: 0;
	padding-top:1rem;
	margin-right: 0;
}
	
footer section:last-of-type br {
	display: none;
}
	
footer section:first-of-type p {
	margin-bottom: 1rem;
}

footer section:last-of-type p {
	margin-bottom: 1.5rem;
}
	
footer:before {
	display: none;
}
footer a {
	position: relative;
	display: block;
	padding: 0 0 0;
	margin-bottom: 0;
}
/*footer section:last-of-type a + a {
	margin-top: -1.5rem;
}
*/article {
	background: none;
	background-size: 35%;
	right: 0%;
	top: 0%;
}
article section {
	padding-right: 0
}
}

@media only screen and (max-width:29.938rem) {
body {
	font-size: 0.813rem;
}
h1 {
	font-size: 1.125rem;
}
ul li:before {
	font-size: 16px;
	line-height: 18px;
}
}