@font-face {
    font-family: 'rangetregular';
    src: url('font/ranget-webfont.eot');
    src: url('font/ranget-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ranget-webfont.woff2') format('woff2'),
         url('font/ranget-webfont.woff') format('woff'),
         url('font/ranget-webfont.ttf') format('truetype'),
         url('font/ranget-webfont.svg#rangetregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold';
    src: url('font/aller-webfont.eot');
    src: url('font/aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller-webfont.woff2') format('woff2'),
         url('font/aller-webfont.woff') format('woff'),
         url('font/aller-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightregular';
    src: url('font/aller_lt-webfont.eot');
    src: url('font/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_lt-webfont.woff2') format('woff2'),
         url('font/aller_lt-webfont.woff') format('woff'),
         url('font/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html
{
font-family: 'aller_lightregular'; 
font-weight: 400;
margin:0;
padding:0;
height:100%;
	
}

body {
	
	
	background-repeat: repeat;
	z-index: 1;
	width: 100%;
	max-width: 100%;
	height: 100%;
	text-align: center;
	margin: 0px;
	
}
* {
  box-sizing: border-box;
}
.background
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	overflow: hidden;
}
#top
	{
	background:rgba(209,79,29,1.00);
	width: 100%;
	height: 30px;
	position: fixed;
	top: 0px;
	left: 0px;
	right:  0px;
	margin-top: 0;
	text-align: right;
	z-index: 1;
	
	
}

#logobild{
    
    left: 5%;
align-content: center;
position: fixed;
z-index: 30;
top: 7px;

}

header

{
	background: #ba3724;
}

footer
{
	background: #d14f1d;
}
header
{
	text-align: center;
}

#topbar
{
	background: #d14f1d;
		height: 30px;
  font-weight: 700;
}
.topbartext:hover
{
color:#ffffff;
	

	
}
.topbartext
{
font-size: 0.8em;
color:#ffffff;	
display: flex;
align-items: center;
justify-content: center;

	
}
#mitte{
  
width: 1000px;
max-width: 100%;

	top:30px;
	z-index: 0;
}
.mainbar
{
 text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

header nav 
{font-family: 'rangetregular';
}

header li
{
	display:inline-block;
	position: relative;
}

header ul
{
	margin:0;
	padding: 0;
	
}

header ul ul
{
	display:none;
	background: #ba3724;
	position: absolute;
	left:0;

	width: 230px;
	text-align: left;
	z-index: 1000;
}

header ul li:last-child ul
{
	width:150px;
}

header ul ul li
{
	display: block;
}

header ul ul a
{
	padding: .25em .5em;
}

header nav a
{
	display:block;
}

header nav li:hover ul
{
	display: block;
}

footer{
	 
	
	margin:auto;
	
	background:#d14f1d;
	width: 100%;
	
	bottom: 0px;
	left: 0px;
	right:  0px;
	text-align: center;
	padding:1em;position: fixed;}
	

.menuetoggle
{
	display: none;
	right:1em;
	top:1em;
}
.menue
{

color: #ffffff;
text-decoration: none;
font-size: 1.2em;
font-weight: 400;

padding-left:5px;
	padding-right: 5px;
	border-bottom:5px solid #fffffff; 
}
.menueaktiv
{
    color: #ffffff; 
	text-decoration: none;
font-size: 1.2em;
	font-weight: 700;
}


.menue:hover
{
    color: #ffffff;
	background-color: #d14f1d;



	

}
.menue2
{
color: #ffffff;	
    text-decoration: none;
	font-size:1.2em;
	line-height: 1.3em;
	font-weight: 400;
	

}
.menue2aktiv
{
     color: #ffffff;
	background-color: #d14f1d;
	font-weight:700;
 
	

}


.menue2:hover
{
         color: #ffffff;
	background-color: #d14f1d;

}



#imitte {
max-width:1000px;
	margin:auto;
	display:flex;
	
}

logos .center
{
	max-width:1000px;
	margin:auto;
	display:flex;

	
}

.oben
{display: table;
  width: 100%;
  height: 30em;

}

.titel
{
   font-family: 'rangetregular';
	display: table-cell;
  	vertical-align: middle;
    text-decoration: none;
	font-size: 2em;
	text-align: center;
	letter-spacing: 0.07em;
    color: #ffffff;
    line-height: 30px;
	text-shadow: 0 0 10px #444;
	
}
.titel2
{
    
	font-family: 'rangetregular';
    text-decoration: none;
	font-size: 1.6em;
	text-align: center;
    color: #ffffff;
    line-height: 50px;
	letter-spacing: 0.07em;
	text-shadow: 0 0 10px #444;
	


}
logos .col
{
	width: 33%;
	
	background: rgba(255,255,255,0.70);
		margin-bottom: 0.5em;
	text-align: left;
}
logos2 .center2
{
	max-width:1000px;
	margin:auto;
	display:flex;
	
}

logos2 .col2
{
	width: 50%;
	
	background: rgba(255,255,255,0.70);
		margin: 0.5em;
	text-align: left;
}
logos3 .center3
{
	max-width:1000px;
	margin:auto;
	display:flex;
	
}

logos3 .col3
{
	width: 50%;
	margin: 0.5em;
	text-align: left;
}

	
	a {text-decoration:none; 
}
a:hover {text-decoration:none;
	
}
.logolink {color: rgba(255,255,255,0.0); }
.logolink:hover {color: rgba(255,255,255,0.0); }

#myVideo {

  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
	top:185px;
}



.inside {
  position: fixed;
top: 170px;
 background: rgba(255, 255, 255, 0.8);
color: #404040;
  width: 100%;
	font-weight: 400;
padding-bottom: 10px;
 
}
/*Gallery Styles*/
  .imggal { 
	max-width: 100%;
    height: 200px;
    width: 300px;
    object-fit: cover;

}
  .img4 { 
	max-width: 100%;
    height: 200px;
    width: 300px;
    object-fit: cover;

}
  .imggal2 { 
	max-width: 100%;
    height: 300px;
    width: 400px;
    object-fit: cover;

}
	.container {
  		position: relative;
  text-align: center;
  color: white;
}
	.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
		color: #ba3724;
		background: rgba(255, 255, 255, 0.8);
		font-size: 2em;
font-weight: 700;
line-height: 1em;
		padding-left: 25%;
padding-right: 25%;
		padding-top: 10px;
padding-bottom: 10px;
}
	
	.centered:hover {

		color: #d14f1d;

}
.imglinks {
	    max-width: 100%;
    height: auto;
}
.img {
	    max-width: 100%;
    height: auto;
}

	.adress
	{

		font-size:1em;
		color: #ffffff;
		line-height: 1.2em;


	}
	.adresslink
	{

		font-size:1em;
		color: #ffffff;
		line-height: 1.2em;



	}
	.adresslink:hover
	{

		font-size:1em;
		background: #ffffff;
		color: #ba3724;
		line-height: 1.2em;


	}

	.adresstitel
	{

		font-size: 1em;

		text-transform: uppercase;
		color: #ffffff;
		line-height: 1em;

	}
.h1
	{

	text-decoration: none;
	font-size: 1.2em;
	color: #2D2D2D;
	
		font-weight: 700;
		margin-top: 0.5em;
	}


	.h2
	{

	text-decoration: none;
	font-size: 1em;
	color: #2D2D2D;
	
		font-weight: 300;
		

	}
	.h3
	{
		text-decoration: none;
		font-size: 1.2em;
		color: #ba3724;
		line-height: 1.2em;	
	}
	.h9
	{
	text-decoration: none;
	color: #ba3724;
	font-weight: 700;	
	}
	
	.mehr
	{
	text-decoration: none;
	color: #ba3724;
	font-weight: 700;	
	}
	.mehr:hover
	{
	color: #d14f1d;
	
	}
	.content
	{
		font-size: 1em;
		color: #000000;
		

	}
	.contenta
	{
		
		color: #000000;
		
	}
	.contenta:hover
	{
		
		color: #ba3724;
		
	}
	.contentsmall
	{
		font-size: 12px;
		color: #000000;
		line-height: 20px;

		font-style: italic;

	}






	.hidemobile
		{
			display: block;
		}
			.hidenormal
		{
			display: none;
		}




@media(max-width:1000px)
{	
		#myVideo {

		top: 0px;
		left: 0;
		bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
		position: relative;

	}
		.inside {
		padding-left: 0px;
		padding-right: 0px;
	position: relative;
	padding-bottom: 0px;
		top:0px;}


  .img4 { 
	max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: cover;

}
	
.h1
	{

	text-decoration: none;
	font-size: 1.2em;
	color: #2D2D2D;
	
		font-weight: 700;
	


	}


	.h2
	{

	text-decoration: none;
	font-size: 1em;
	color: #2D2D2D;
	
		font-weight: 300;
		

	}

	
	
		logos .center
		{
			display:block;
		}

		logos .col
		{
			width: auto;
			margin: 1em;
			text-align: center;
			object-fit: cover;
		}
			logos2 .center2
		{
			display:block;
		}

		logos2 .col2
		{
			width: auto;
			margin-bottom: 0.5em;
		}
		header
		{
			text-align: left;
		}

		footer .center
		{
			display:block;
		}

		footer .col
		{
			width: auto;
			margin-bottom: 1em;
		}
		footer{position: relative;}
	
		header .topbar
		{
			display:none;
		}

		#logobild
		{
			text-align:center;
			position: static !important;
		}

		#logobild a
		{
			padding-bottom: 1em;
			display: block;
		}

		nav
		{
			padding:1em;
			display: none;
		}

		header.menueopen nav
		{
			display:block;
		}

		nav ul ul,
		header ul li:last-child ul
		{
			display:block;
			position:static;
			padding-left: 1em;
			width: auto;
		}

		nav li
		{
			display: block;
		}

		.menue, .menue2
		{
			padding-top:.25em;
			padding-bottom:.25em;

			border-bottom: 1px solid #ffffff;
		}
				 .menue:hover
	{
		  color: #ffffff;
		background-color: #d14f1d;


	}
			 .menue2:hover
	{
			color: #ffffff;
		background-color: #d14f1d;


	}
		.menueaktiv, .menue2aktiv 
		{
					color: #ffffff;
		background-color: #d14f1d;
		}

	

	.toptext
	{

		text-decoration: none;
		font-size: 1em;
		letter-spacing: 0.00 em;
		color: #ba3724;
		line-height: 30px;



	}
	.pad
	{

		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 8px;

	}
	.toptextlink
	{
	 color: #ba3724;
		margin-right: 25px;


	}
	.toptextlink:hover
	{
	 color: #ffffff;
		background: #ba3724;
		margin-right: 25px;



	}
	.menuecoin
	{

	color: #ffffff;
		line-height: 100px;


	}

	#menuebild{

		left: 30%;
	align-content: center;
	position: fixed;
	z-index: 30;
	top: 20px;

	}



	.imglinks {
			max-width: 100%;
		height: auto;
	}
	.img {
			max-width: 100%;
		height: auto;
	}

	
	.imggal {
			max-width: 100%;
		height: auto;
		width: 100%;
		object-fit: cover;
	}

	.imggal2 {
			max-width: 100%;
		height: auto;
		width: 100%;
	}







	
	#mittein{margin:1em;
	width: auto;}






	.navclosed,
	.menuetoggle
	{
		display:none;

	   background-color: transparent;

		border: none;

	   margin-left: 1em;

	}

	.navopen
	{
		position:absolute; 
		z-index:100; 
		left:0px; 
		top:1.5; 
		width:250px; 
		background-color:rgba(0,146,64,1.0); 
		border: 5px solid rgba(0,146,64,1.0);
	}

	 .oben{  padding-top:40px;}





	.mainbar
	{
	 text-align: left;

	}


		.oben{  padding-top:40px;}

		

		.hidemobile
		{
			display: none;
		}
			.hidenormal
		{
			display: block;
		}

		.pad
	{

	margin-right: 0px;

	margin-top: 12px;

	margin-bottom: 6px;

	}

		#mitte
		{
			position:static;
			height:auto;
			width:auto;
			margin: 1em;
			align-content: center;
			width: auto;
		}
	
		.text-content
	{
		width: auto;

	}


		.adresslink,
		.adresslink:hover
		{
			line-height: 1em;
		}


		body
		{
			margin:0px;
		}

		#menuebox
		{
			display:none;

		}
	
		#menuebox.menueopen
		{
			display:block;

		}



		.menuetoggle
		{
			display: inline;

		}

	


		.navclosed,
		.navopen
		{
			display:block;
			position:static;
			width:auto; 

			border: none;

		}


		.logo{
			margin-left: 1em;
			
			
			margin-bottom: 0em;
			width: 80%;

	  height: auto;
		}



}


/* --------- COOKIE HINWEIS -----------------*/
#cookiedingsbums a {color: #ba3724; text-decoration:underline;} /*Link im text*/

#cookiedingsbums a:hover {text-decoration:underline;color:#ba3724;}  /*Link im text hover*/

#cookiedingsbums div {padding:10px; padding-right:50px;}

 
 #cookiedingsbums { 
   outline: 2px solid #ba3724; /*Strich über Hintergrund*/
   text-align:left;  
   background: #ffffff; /*Hintergrundfarbe gesamt*/
	 color: #ba3724;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:50px;
	left: 0px;
}

#cookiedingsbumsCloser {
   color: #ba3724;
   font: 14px;
   position: absolute;
   right: 50px;
   text-decoration: none;
 
   bottom: 20px;
   cursor:pointer;
   border-top:1px solid #ba3724; 
   border-left:1px solid #ba3724; 
   border-bottom:1px solid #ba3724; 
   border-right:1px solid #ba3724; 
   padding:4px;
line-height: 20px;
   background: #ffffff; /* Old browsers */
   
 }

#cookiedingsbumsCloser:hover {color: #ffffff; background: #ba3724;}