/* Style Sheet */

body 	{	background: #000000;
			}
h1	{	font: 1.2em arial, verdana, sans-serif;
		font-stretch: ultra-condensed;
		color: #6B6B6B;
			}
h1 span	{	font: inherit;
		font-stretch: ultra-condensed;
		color: #E31E24;
			}	
h2	{	font: 1.0em arial, verdana, sans-serif;
		font-stretch: ultra-condensed;
		color: #6B6B6B;
			}
h3	{	font: 1.0em arial, verdana, sans-serif;
		color: #6B6B6B;
		font-weight: bold;
			}		
p	{	font: 0.9em arial, verdana, sans-serif;
		color: #6B6B6B;
			}
p.info	{	font: 0.8em arial, verdana, sans-serif;
		color: #6B6B6B;
		margin-left: 4%;
			}
p.intro {	font: 1em arial, verdana, sans-serif;
		color: #6B6B6B;
			}
td 	{	font: 0.9em arial, verdana, sans-serif;
		color: #6B6B6B;
			}
ul 	{	font: 0.9em arial, verdana, sans-serif;
		color: #6B6B6B;
			}
ol	{	font: 0.9em arial, verdana, sans-serif;
		color: #6B6B6B;
			}
a.link {	font: 90% arial, verdana, sans-serif;
		color: #6B6B6B;
		text-decoration: none;
		text-align: center;
		display: inline-block;
		margin-left: 10px;
			}
a.linkch {	font: 90% arial, verdana, sans-serif;
		color: #E31E24;
		text-decoration: none;
		text-align: center;
		display: inline-block;
		margin-left: 10px;
			}
a.close {	font: 90% arial, verdana, sans-serif;
		color: #E31E24;
		text-decoration: none;
		text-align: center;
			}
a.cta {		font: 100% arial, verdana, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		width: 100px;
		height: 20px;
		padding: 2% 2% 2% 2%;
		background-color: #E31E24;
		border-width: thick;
	        border-style: ridge;
	        border-color: #FFFFFF;	
	        border-radius: 10px;
	        margin-left: 12%;
			}
a.cta:hover {	background-color: #761416;
			}
a.cta:target {	background-color: #761416;
			}
div.impr {	min-width: 700px;
		max-width: 45%;
		background-color: rgba(255,255,255,0.8);
		animation: fadein 1.0s;
		-moz-animation:fadein 1.0s;
		-webkit-animation:fadein 0.5s;	
		padding: 1px 10px 2px 5px;
			}
div.action {	width: 500px;
		background-color: rgba(255,255,255,0.8);
		animation: fadein 1.0s;
		-moz-animation:fadein 1.0s;
		-webkit-animation:fadein 0.5s;	
		padding: 1px 3px 2px 5px;
		float: right;
			}
div.topnav {	background-color: rgba(255,255,255,0.8);
		padding: 5px 3px 20px 5px;
			}
div.links {	margin-left: 60px;
		display: inline-block;
			}

div.fade {	min-width: 500px;
		max-width: 30%;
		background-color: rgba(255,255,255,0.8);
		animation: fadein 1.0s;
		-moz-animation:fadein 1.0s;
		-webkit-animation:fadein 0.5s;	
		padding: 1px 10px 2px 5px;
			}	
div.fade2 {	min-width: 500px;
		max-width: 30%;
		background-color: rgba(255,255,255,0.8);	
		animation: fadein 1.5s;
		-moz-animation:fadein 1.5s;
		-webkit-animation:fadein 1.5s;		
		animation-delay: 1.0s;
		-moz-animation-delay:fadein 1.0s;
		-webkit-animation:fadein 1.0s;
		animation-fill-mode: backwards;	
		padding: 1px 10px 2px 5px;	
			}
div.fade3 {	min-width: 500px;
		max-width: 30%;
		background-color: rgba(255,255,255,0.8);
		animation: fadein 1.5s;
		-moz-animation:fadein 1.5s;
		-webkit-animation:fadein 1.5s;		
		animation-delay: 2.0s;
		-moz-animation-delay:fadein 2.0s;
		-webkit-animation:fadein 2.0s;
		animation-fill-mode: backwards;	
		padding: 1px 10px 2px 5px;
			}	
#phone {	width: 50%;
		height: 50%;
		}
			
#logo {		width: 350px;
		height: 70px;
		margin-right: 50px;
			}
#name {		width: 80%;
		height: 20px;
		font: 100% arial, verdana, sans-serif;
		margin-top: 0px;			
			}
#adress {	width: 80%;
		height: 20px;
		font: 100% arial, verdana, sans-serif;
		margin-top: 0px;			
			}
#mail {		width: 80%;
		height: 100px;
		font: 100% arial, verdana, sans-serif;
		margin-top: 0px;			
			}	
img.hintergrund { 	min-width: 100%;
			min-height: 100%;
			z-index: -20;
	   		display: block; 
	  		position: fixed;
		   	top: 0;
		   	left: 0;
			}	
			
			
#closer {	width: 100%;
		height: 100%;
			}
#formlb {	min-width: 700px;
		max-width: 45%;
		margin-left: 23%;
		margin-top: 3%;
		padding-top: 2%;
		padding-bottom: 2%;
		background-color: rgba(255,255,255,0.8);
		float: left;
			}
			
			
div.lightbox {
display: none;
position: fixed;
z-index: 999;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
top: 0;
left: 0;
background: rgba(0,0,0,0.8);
animation: fadein 1.0s;
		-moz-animation:fadein 1.0s;
		-webkit-animation:fadein 0.5s;	
		padding: 1px 10px 2px 5px;
}
div.lightbox:target { display: block;	}



/*Bereich für Kontakt-Box mit Toggle-Effekt*/


label.toggle input {	display: none; /*blendet das eigentlich erscheinende Haekchen aus*/
				}
div.contopen {		position: absolute; /*roter Container mit toggle-Effekt*/
  			cursor: pointer;
  			width: 5%;
			height: 10%;
			position: fixed;
			left: 95%;
			top: 40%;
  			background-color: #E31E24;
  			font: 200% arial, verdana, sans-serif;
			color: #FFFFFF;
			text-align: center;
			padding-top: 2%;
			-webkit-transition: 2.0s;
			transition: 2.0s;
			animation: fadein 1.5s;
			-moz-animation:fadein 1.5s;
			-webkit-animation:fadein 1.5s;		
			animation-delay: 3.0s;
			-moz-animation-delay:fadein 1.0s;
			-webkit-animation:fadein 1.0s;
			animation-fill-mode: backwards;
				}
div.contopen:before {	content:"<<";
			white-space: pre;
			    	}
div.fade4 {		z-index: 999;
			width: 15%;
			background-color: rgba(255,255,255,0.8);	
			padding-left: 1%;
			padding-top: 1%;
			padding-bottom: 1%;
			position: fixed;
			top: 37%;
			left: 100%;
			-webkit-transition: 2.0s;
			transition: 2.0s;	
  				}
input:checked ~ .fade4 { 	
			z-index: 999;
			width: 15%;
			background-color: rgba(255,255,255,0.8);	
			padding-left: 1%;
			padding-top: 1%;
			padding-bottom: 1%;
			position: fixed;
			top: 37%;
			left: 84%;
			 		}
input:checked ~ .contopen { 	
			position: fixed;
			left: 79%;
			top: 40%;
				}	
input:checked ~ div.contopen:before {	
			 content:">>";
			  	}



























				
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

@keyframes fadein2{
0% {opacity:0;}
100% {opacity:1;}
}