body {
	color:#fff;
	font-family: "Courir", sans-serif;

	background-image: url(../imgs/angela-sw-1.jpg);
	background-attachment: fixed;
}
#box {
max-width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 5;
}
#head p {
	font-size:10px;
}
.logo img { display:none;}

/*#section0 .box_inner {
    background: rgba(153, 0, 0, 0.8) none repeat scroll 0 0;
    border-radius: 3px;
    float: right;
    margin-right: 10%;
    max-width: 500px;
    padding: 5%;
    position: relative;
    width: 90%;
}*/
ul {
}
ul li {
	margin: 10px 0;
	position:relative;
	list-style:none;
}

a{ color:#fff; text-decoration:none;}


 #section1 ul li::before {
 content: "– ";
 left: -22px;
 position: absolute;
 top:0;
}

h1 {
	font-size:2em;
	color: #fff;
	margin:0 0 20px 0;
	padding:0;
}
.section {
	text-align:left;
	position:relative;
}
body, .section {
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slide {
	background-size: cover;
}
#myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
 background-image:;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}
#section0 .layer {
	position: absolute;
	z-index: 4;
	width: 100%;
	left: 0;
	top: 43%;
}
#section0 {
	overflow: hidden;
}
#section0 {
	/*background-image: url(../imgs/angela-sw-1.jpg);
	background-attachment: fixed;*/
	padding:0;
}
#section1 {
	/*background-image: url(../imgs/leistung.jpg);*/
	background:#3C0;
}
#section2 {
	/*background-image: url(../imgs/oeffnungszeiten.jpg);
	background:#333;*/
	padding:0;

/* background: linear-gradient(123deg, #f93900, #ec00f9, #f9b200);
background-size: 600% 600%;

-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
-o-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;*/
}



/* @-webkit-keyframes AnimationName {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@keyframes AnimationName {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}*/



#section2 ul {
	padding:0;
}
#section2 ul li {
	list-style:none;
}
#section3 {
	background-image: url(../imgs/kontakt.jpg);
	background-position:center right;
}
.box {
	/*background: #ccc none repeat scroll 0 0;*/
    max-width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 5;
}
.box_inner {
	position:relative;
	/*background:  rgba(189, 195, 199,.8);*/
	float: right;
	margin-right: 10%;
	max-width: 500px;
	padding: 0;
	width: 100%;
	border-radius:3px;
	margin-top:10%;
	margin-bottom:10%;
}
/* .box_inner::before {
 border-left: 6px solid #fff;
 content: "";
 display: block;
 height: 40%;
 left: 0;
 position: absolute;
 top: 5%;
 width: 15%;
}*/
.left {
	float:left;
	margin-right:0;
	margin-left: 10%;
}
.overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../imgs/pattern.png) repeat top left;
	z-index:1;
}



#section0 span {
	position: absolute;
	bottom: -5%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb04 2s infinite;
	animation: sdb04 2s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb04 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb04 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}







@media only screen and (min-width:479px) and (max-width:599px)  {



 .box_inner::before {
 border-left: 3px solid #fff;
}
.section {
 background-position:left top;
 padding:20px 0;
}
 .box, .left {
width:90%;
position:relative;
margin:0 auto;
top:0;
}
 ul {
padding:0 0 0 20px;
}
 #fp-nav {
display:none;
}
 .box_inner {
margin-right:0;
}

#section0 span { display:none;}
}

 @media only screen and (max-width:479px) {
.logo img {
	background:#fff;

	width:100%;

	margin:0 auto;
	padding:0;
	margin-bottom:5%;
	display:block;
}
	body{ background-image:none;
	background-color:#404040;}

 .box_inner::before {
 border-left: 3px solid #fff;
}
.section {
 background-position:left top;
 padding:20px 0;
}
 .box, .left {
width:90%;
position:relative;
margin:0 auto;
top:0;
}
 ul {
padding:0 0 0 20px;
}
 #fp-nav {
display:none;
}
 .box_inner {
margin-right:0;
}

#section0 span { display:none;}
}