@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');



html

{

	font-family: 'Open Sans Condensed', sans-serif;

	text-align: right;

}



.background

{

	position: fixed;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	z-index: 0;

	overflow: hidden;

}

#bottom {

	position: fixed;

	bottom: 0px;

	float:left;	

}

	

#bottomtext {

	position: fixed;

	bottom: 0px;

	left: 0px;

	min-width: 100%;

	text-align: left;

	float:left;

	text-decoration: none;

	font-size: 16px;

	letter-spacing: 0.01 em;

	background-color: #060807;

    color: #FFFFFF;  

   

	

	vertical-align: middle; 

}

#unsicht {

	position:relative;

background-color: aqua;

	height:100%;

	width: 1000px;

}

#hintergrund {

	position:relative;

	z-index:3;

	height:500px;

	top:0px;

}

.slideshow,

.slide

	{

		display:block;

		z-index: 50;

		position:absolute;

		top:0px;

		left:0px;

		right:0px;

		bottom:0px;

		background:white;

	}



#hintergrund .titel

	{

	  bottom: 70%;

    left: 0%;

    margin-left: 0%;

    position: absolute;

    top: 30%;

    width: 100%;





}

	#hintergrund .titel2

	{

		width:100%;

		position: absolute;

		left:0%;

		margin-left:0px;

		top: 50%;

		bottom:50%;





}

	

	

.slide > div

	{

		position:absolute;

		display:block;

		top:0px;

		width:100%;

		height:100%;

		background-size:cover;

	}

	



	

.slideshow .cycle-next,

.slideshow .cycle-prev

	{

		position:absolute;

		top:50%;

		z-index:102;

		font-size:30px;

		color:white;

		text-shadow: 0px 0px 3px black;

		cursor:pointer;

	}

	

.slideshow .cycle-next{right:1em;}

.slideshow .cycle-prev{left:1em;}

.titel

		{

	font-family: 'Open Sans Condensed', sans-serif;

	padding:.5em 0em;

	text-shadow: 1px 1px 1px rgba(33, 33, 33, 1);

	color: #FFFFFF;

	font-weight: 700;

	font-size:50px;

	line-height: 50px;

text-transform: uppercase;}



.titel2

		{

	font-family: 'Open Sans Condensed', sans-serif;

	padding:.5em 0em;

	text-shadow: 1px 1px 1px rgba(33, 33, 33, 1);

	color: #FFFFFF;

	font-weight: 300;

	font-size:40px;

	line-height: 45px;

}



.h1

{

	

	font-weight: 700;

	

	font-size:30px;

	line-height: 30px;

	color:#c61c0b;

	text-transform: uppercase;

	

	

	

}

.h2

{

	

	 font-weight: 700;



	font-size:22px;

	line-height: 25px;

	color:#474747;



	

	

}

.h2rot

{

	

	 font-weight: 700;



	font-size:22px;

	line-height: 22px;

	color:#c61c0b;



	

	

}

.h3

{

	font-weight: 700;

	font-size:22px;

	line-height: 22px;

	color:#c61c0b;

}



.h3:hover

{

	font-weight: 700;

	font-size:22px;

	line-height: 22px;

	color:#474747;

}

.h4

{

	font-weight: 300;

	font-size:22px;

	line-height: 22px;

	color:#c61c0b;

}



.h4:hover

{

	font-weight: 300;

	font-size:22px;

	line-height: 22px;

	color:#474747;

}

.h5

{

	font-weight: 700;

	font-size:22px;

	line-height: 22px;

	color:#474747;

}

.h5:hover

{

	font-weight: 700;

	font-size:22px;

	line-height: 22px;

	color:#c61c0b;

}

.galerietitel

{

	

	font-size:16px;

	line-height: 20px;

	color:#c61c0b;

	font-weight:bold;

	

}

.contenttitel

{

	

	font-size:18px;

	line-height: 20px;

	color:#c61c0b;

	font-weight:bold;

	

}

.content

{

	

	font-size:20px;

	line-height: 22px;

	

}

.contentbold

{

	font-weight: 900;

	font-size:20px;

	line-height: 22px;

	

}
.contentstartd

{
margin: 1em;

	

}
.contentstart

{

font-weight: 900;
font-size:18px;	
color:#ffffff;
	

}
.contentstart:hover

{
color:#000000;
	

}

.pdftext

{

	font-weight: 900;

	font-size:20px;

	line-height: 30px;

	

}

.textrot

{

	

	 font-weight: 300;



	font-size:22px;

	line-height: 25px;

	color:#c61c0b;	

}



.menue

{



    text-decoration: none;

	font-size: 16px;

	

	 font-weight: 700;

    color: #ffffff;

    letter-spacing: -0.05 em;

    line-height: 25px;

	text-transform: uppercase;



}

.menueaktiv

{

    

    text-decoration: none;

	font-size: 16px;

	letter-spacing: -0.05 em;

	 font-weight: 700;

    color: #cf1b08;

    

    line-height: 25px;

	text-transform: uppercase;



}





.menue:hover

{

    

    text-decoration: none;

	font-size: 16px;

	 font-weight: 700;

	letter-spacing: -0.05 em;

    color: #cf1b08;

    line-height: 25px;

	text-transform: uppercase;



	



}

.menue2

{



    text-decoration: none;

	font-size: 16px;

	letter-spacing: 0.00 em;

	

    color: #ffffff;

     font-weight: 700;

    line-height: 25px;

	text-transform: uppercase;



}

.menue2aktiv

{

    

    text-decoration: none;

	font-size: 16px;

	letter-spacing: 0.00 em;

	 font-weight: 700;

    color: #ffffff;

    

    line-height: 25px;

	text-transform: uppercase;



}





.menue2:hover

{

    

    text-decoration: none;

	font-size: 16px;

 font-weight: 700;

	letter-spacing: 0.00 em;

    color: #000000;

    line-height: 25px;

	text-transform: uppercase;



	



}





.fusstext

{



    text-decoration: none;

	font-size: 16px;

	letter-spacing: 0.00 em;

	

    color: #FFFFFF;

    

    line-height: 25px;

	



}

.kontakttext{

	font-weight: 900;

	font-size:18px;

	line-height: 25px;

	

	}

.news

{

    text-decoration: none;

	font-size: 18px;

	

    color: #ffffff;

    line-height: 18px;

	text-transform: uppercase;

	font-weight: 700;



}

.newsmehr

{

    text-decoration: none;

	font-size: 18px;

	

    color: #ffffff;

    line-height: 18px;

	font-style: 300i;





}

.newsmehr:hover

{

        text-decoration: none;

	font-size: 18px;

	

    color: #060807;

    line-height: 18px;

	 font-weight: 300i;

	





}



.linie {

border :none;

border-bottom: 1px dotted #c61c0b;

height: 20px;

	



}

a {text-decoration:none;color:#c61c0b;

}

a:hover {text-decoration:none;

	color:#c61c0b;

}



.hidenormal

	{

		display: none;

	}

#logo {

	background:rgba(255,255,255,0.5);

	height: 40px;

	position: absolute;

	top: 30px;

	left: 0px;

	right:  0px;

	padding: 15px;

	text-align: center;

	

}





	



.navclosed,

.menuetoggle

{

	display:none;

	

   background-color: transparent;

	

    border: none;

   

   



}



.navopen

{

	position:absolute; 

	z-index:100; 

	left:0px; 

	top:25px; 

	width:175px; 

	background-color:rgba(207,27,8,1.0); 

	border: 5px solid rgba(207,27,8,1.0);

}



 .oben{  padding-top:40px;}

#trans{

	height:843px;

	width:100%; max-width:100%;

}



.haeusertitel{

    

    text-decoration: none;

	font-size: 30px;

	letter-space: 0.05em;

	font-weight: 700;

    color: 	rgba(255,255,255,0.9);

    padding-top: 250px;

    line-height: 60px;

	text-transform: uppercase;

	



}



@media(max-width:1000px)

{

.haeusertitel{

    

    text-decoration: none;

	font-size: 30px;

	letter-space: 0.05em;

	font-weight: 700;

    color: 	rgba(255,255,255,0.9);

    padding-top: 250px;

    line-height: 60px;

	text-transform: uppercase;

	



}

 .oben{  padding-top:40px;}

	

	#trans{

	height:300px;

	width:100%; max-width:100%;}



	.hidemobile

	{

		display: none;

	}

		.hidenormal

	{

		display: block;

	}



	

	

	#mitte

	{
background-color: #cf1b08;
		position:static;

		height:auto;

		width:auto;

		padding:1em;

	}

	.titel

		{

	font-family: 'Open Sans Condensed', sans-serif;

	padding:.5em 0em;

	text-shadow: 1px 1px 1px rgba(33, 33, 33, 1);

	color: #FFFFFF;

	font-weight: 700;

	font-size:5em;

	line-height: 70px;

text-transform: uppercase;}



.titel2

		{

	font-family: 'Open Sans Condensed', sans-serif;

	padding:.5em 0em;

	text-shadow: 1px 1px 1px rgba(33, 33, 33, 1);

	color: #FFFFFF;

	font-weight: 300;

	font-size:4em;

	line-height: 60px;

}



		.pad

{

    padding: 1em;



}

	

	.text-content

{

    width: auto;



}



	

	.adresslink,

	.adresslink:hover

	{

		line-height: 1.4em;

	}

	

	

	body

	{

		margin:0px;

	}



	#menuebox

	{

		display:none;

	}

	

	#menuebox.menueopen

	{

		display:block;

	}

	

	  .menue

	  {

		display:block;

		border-top:2px solid;

		border-color:  #cf1b08;

		  padding-left:1em;

		 line-height: 2em;

		  	font-size: 3em;

	  }

	

		.menueaktiv{

	 		display:block;

	border-bottom:0px solid;

	border-top:2px solid; border-color:  #cf1b08;

			padding-bottom: 0px;

			  padding-left:1em;

			line-height: 2em;

				font-size: 3em;

	} 

	

	.menue:hover

	{

	

		background-color: #060807;

		color:#cf1b08;

	line-height: 2em;

			font-size: 3em;

	}

	





	.menue2

	{

		padding-left:2em;

			font-size: 3em;

		line-height: 1.5em;

	

		

		

	}

	.menue2:hover

	{

		font-size: 3em;

		color: #cf1b08;

	line-height: 1.5em;

	}

	

		.menue2aktiv

	{

			font-size: 3em;

		color: #cf1b08;

		border-top:2px solid; border-color:  #cf1b08;

		border-bottom:0px solid; border-color:  #cf1b08;

	line-height: 1.5em;

	}

	

	.menuetoggle

	{

		display: inline;

	

	}

	

  table,tbody,tr,td {

    display: block;

    width: auto;

    /*overflow: hidden;*/

	

	}

	

	

	.navclosed,	.navopen

	{

		display:inline;

		position:static;

		width:auto; 

		background-color:rgba(6,8,7,1.0); 

		border: 1em;

			

	}





	

	.logo{

		text-align: center;

		

		width: 40%;

  height: auto;

	

	}

		.logo2{

		text-align: center;

		

		width: 50%;

  height: auto;

	

	}

.logo3{

		text-align: center;

		

		width: 30%;

  height: auto;

	

	}

	

	.content

	{

	

	}

	

	.tdleer

		{

		

		line-height: 0px;

	}

	.adress

	

{

   margin:1em;



}



	

	.adresstitel {

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    color: #cf1b08;

    line-height: 20px;

    letter-spacing: 0.10em;

}



	

.slideshow .cycle-next,

.slideshow .cycle-prev

	{

		position:absolute;

		top:50%;

		z-index:102;

		font-size:15px;

		color:white;

		text-shadow: 0px 0px 3px black;

		cursor:pointer;

	}

	

.slideshow .cycle-next{right:0.2em;}

.slideshow .cycle-prev{left:0.2em;}

	

#bottom {

	

          position: relative; 

	bottom: 0px;

	float:left;	

}

	

#bottomtext {

	

          position: relative; 

	bottom: 0px;

	left: 0px;

	min-width: 100%;

	text-align: left;

	float:left;

	text-decoration: none;

	font-size: 16px;

	letter-spacing: 0.01 em;

	background-color: #060807;

    color: #FFFFFF;  

   padding: 0.5em;

	

	

	vertical-align: middle; 

}	

#hintergrund .titel

	{

	  bottom: 80%;

    left: 0%;

    margin-left: 0%;

    position: absolute;

    top: 20%;

    width: 100%;





}

	#hintergrund .titel2

	{

		width:100%;

		position: absolute;

		left:0%;

		margin-left:0px;

		bottom: 20%;

		 top: 50%;





}

		.bild{

		text-align: center;

		

		width: 100%;

  height: auto;

	

	}

	.fuss{position: fixed;
	border: 0px;}

}	

	









input[name=txtemailaddress]{display:none !important;}