body { 
	margin:0px;
	font-family: Arial, sans-serif;
	font-size:16px;
	line-height:150%;
	background:linear-gradient(rgba(254,254,254,1) 0%,rgba(226,226,226,1) 20%, rgba(219,219,219,1) 54%, rgba(254,254,254,1) 100%);
	}

article {
}

header {
	width:100%;
	text-align:center;
}

header span {
	/* float:right; */
	padding:20px 0 0 0px;
}

header div {
	/* float:left; */
	padding:20px 0 0 0px;
}

header h1 {
	display:none;
}

header h2 {
	display:block;
}

footer {
	margin:100px 0 0 0;
	padding:0 20px 0 50px;
	clear:both;
	opacity:0.5;
}

footer div {
	
}

table {
	border-collapse:collapse;
}

input, textarea, select {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #ccc;
	color:#555;
	box-shadow:0px 0px 8px #bbb;
}

#navbar {
	display:none;
}

#content_de {
	min-height:300px;
	margin:0px auto;
	padding:0 4px;
}

#content {
	padding:5px;
}

#kontakt {
	/* margin:30px 1px 1px 5%; */
	/* font-size:24px; */
	}
#kontakt td {
	/* font-size:24px; */
}
#start {
	margin: 5px 5px 10px 5px;
	padding:5px;
}
/* BackToTop button css */
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:rgba(0,0,0,0.5);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	z-index:10;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:rgba(0,0,0,1);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

#head_menu1 {
	display:none;
}
#mobil {
	display:block;
	z-index:10;
}

.headerimg1 {
	margin:5px auto;
	box-shadow: 1px 1px 1px 1px rgba(136, 136, 136, 0.5);
	border:none;
	width:80%;
}

.headerbild {
	/* width:90%; */
	height:auto;
	margin:0;
}

.footerimg1 {
	margin:5px auto;
	box-shadow: 0px 0px 10px rgba(136, 136, 136, 0.5);
	border:none;
	transition: all 2s ease 0s;
}

.footerimg1:hover {
	margin:5px auto;
	box-shadow: 0px 0px 50px rgba(136, 136, 136, 0.8);
	border:none;
	margin:0px 0px 50px 0px;
	transform: scale(3.1, 3.1) translate(50px, -40px);
	opacity:1 !important; 
}

.footerbild1 {
	margin-left:20px;
}

.text {
	opacity:0;
	clear:both;
}

.text p {
	margin:0 -10px 0 0;
}

.strich {
	width:100%;
}

.strich1 {
	width:1px;
	size:10;
}

.footerdiv1 {
	margin-left:60px;
}

.footerdiv2 {
	margin: 0 0 0 35px;
	padding:10px;
}

.footerdiv3 {
	/* border-left:1px solid rgba(10, 10, 10, 0.1); */
}

.klappen {
	cursor:pointer;
	-webkit-animation:mymove 0.1s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-fill-mode:forwards;
	-o-animation:mymove 0.1s;
	-o-animation-delay:0.5s;
	-o-animation-fill-mode:forwards;	
 }
.klappen:hover {
	text-indent:100px;
	cursor:pointer;
	color:#cc6633;
	}

@media screen and (min-width:300) {
	#content1 {
		clear:all;
		line-height:150%;
	}
}


@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@media screen and (min-width:1200px) {

body { 
	margin:0px;
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height:150%;
	background:rgba(255,255,255,1);
	}

header {
	width:100%;
}

header span {
	float:right;
	padding:20px 0 0 0px;
}

header div {
	float:left;
	padding:20px 0 0 0px;
}

header h1 {
	display:block;
}

header h2 {
	display:none;
}

footer {
	margin:150px 0 0 0;
	padding:0 20px 0 0px;
	clear:both;
	opacity:0.5;
}

footer div {
	float:left;
}

#content_de{
	width:80%;
	min-height:200px;
	margin:0px auto;
	background:linear-gradient(rgba(254,254,254,1) 0%,rgba(226,226,226,1) 20%, rgba(219,219,219,1) 54%, rgba(254,254,254,1) 100%);
	box-shadow:1px 1px 15px #888;
}

#content{
	width:850px;
	margin:0px auto;
}

#head_menu1 {
	display:block;
}
#mobil {
	display:none;
}

#kontakt {
	margin:30px 1px 1px 25%;
	font-size:14px;
	}
#kontakt td {
	font-size:14px;
}
#navbar {
  position: fixed;
  top: -50px;
  height:50px;
  width:850px;
  display:block;
  transition: top 0.3s;
  z-index:10;
}

.footerdiv2 {
	margin: 0 0 0 35px;
	padding:10px;
}

.footerdiv3 {
	border-left:1px solid rgba(10, 10, 10, 0.1);
}

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}
.fade {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.fade1 {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.kontakte1 {
	margin:0 0 0 200px;
	width:100%;
}
}