/*###############################################*/
/*################# FONT FORMATE ###################*/
/*###############################################*/
/** Generated by FG **/
@font-face {
	font-family: 'Politics Head';
	src: url('font/PoliticsHead-webfont.eot');
	src: url('font/PoliticsHeadv1_9.otf'), url('font/PoliticsHead-webfont.woff') format('woff'), url('font/PoliticsHead-webfont.ttf') format('truetype'), url('font/PoliticsHead-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	font-size: 14px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	}
h1,h2,h3{
	font-family: "Politics Head";
	letter-spacing: -1px;
	font-weight: normal;
	text-rendering: geometricPrecision;
}
h1{
	color:#000;
	text-shadow:  -1px -1px #000 ,0px 0px 10px #FFF;
	margin-bottom:40px;
}
h2{
	font-size:31.5px;
	line-height: 1em;
	margin: 10px 0px;
}
h3{
	font-size:31.5px;
	line-height: 1em;
}
h4{
	font-size:10pt;

}
h5{
	font-size:10pt;

}
h6{
	font-size:10pt
	}
.Font_Normal, 
	#kf>span , 
	td , 
	#content > article p, 
	p
{
	font-size:14px;
	margin: 0px 0px 10px;
}
i,select,option{
 font-size:14px;
}
a{
	font-size:14px;
	color: #08C;
	text-decoration: none;
	}
a:hover{
	color: #005580;
	text-decoration:underline;
	}
nav a{
	font-size:14px;
	}
ul{
	padding-left: 16px;
	}

/*.titlebox h1 {
    font-size: 100px;
    letter-spacing: -3px;
    line-height: 0.7em;
    margin-bottom: 0.25em;
    color: #000;
    text-shadow: 0px 0px 10px #FFF, -1px -1px #000;
}*/
.lead strong{
	font-size:21px;
	}
.page-header h1 {
    margin-top: 3em;
	font-size: 38.5px;
}

#wrapper{
	padding-top:12vw;
	padding-bottom:12vw;
	box-sizing: border-box;
	min-height: 100vh;
}
	
@media screen and (min-width: 100px) and (max-width: 1024px) {
	h1{
		font-size:38.5px;
		}
	
	@media screen and (min-width: 600px) and (max-width: 1024px) {
	h1{
		font-size:75px;
		line-height: 70px;
		}
	}
}
@media screen and (min-width: 1024px) {
	h1{
		font-size:75px;
		line-height: 70px;
		}
	#mainnav{
		position:fixed;
		top:0px;
		width:100%;
		z-index:100;
		}
}
/*###############################################*/
/*############# BLOCK Colors/effects #####################*/
/*###############################################*/
body{
	/*background:  center top 39px url("img/header_new.png"), center bottom 39px url("img/footer_new.png");*/
	background-repeat: no-repeat;
	background-size:100% auto;
	color:#333333;
}
.header{
	background:#F5F5F5;
	box-shadow:5px 5px 5px #222222;
	margin-bottom:60px;
	margin-top: -100px;
	border-radius:0px 0px 4px 4px;
	padding: 20px;
}
.header.cookie small {
	font-size: 60%;
}
.header.cookie .lead {
	line-height: 20px;
	margin: 0;
}
.header.cookie form {
	margin:0;
}
.header.cookie form .btn{
	float: right;
	margin-left: 20px;
}
.header.cookie.allowed {
	display: none;
}
.header.cookie.denied .lead, .header.cookie.denied form {
	display: none;
}
.header.cookie .deniedtext {
	display: none;
}
.header.cookie.denied .deniedtext {
	display: block;
}
.BaseColor,
	nav,
	footer
{
	background: #1B1B1B;
}
.SecundBaseColor,
	article>header,
	article>section,
	article>aside,
	article>footer,
	#content>section,
	.gallerieHeader,
	#mapContainer,
	#content>article>article
{	
	
	background:#363636;
	background: rgba(0,0,0,0.1);
	/*box-shadow:inset 0px 0px 8px rgba(144,98,51,1.0);*/
	
}
.Box_Schadow,		
		article>header,
		/*article>section,
		article>aside,*/
		article>footer,
		#content>section,
		.gallerieHeader,
		#mapContainer,
		article>article,
		article>section,
		article>aside
		
{
	box-shadow: 0px 7px 0px #e87309 inset;
	border-top: 2px inset #e87309;
}
.Border_Radius,
		section,
		#content > article > aside,
		footer,
		header,
		.gallerie,
		.gallerie img,
		#mapContainer,
		#kf,
		#content>article>article,
		.banner
		
{
	border-radius:8px 8px 8px 8px;	
}
.page-header {
    padding-bottom: 9px;
    margin: 20px 0px 30px;
    border-bottom: 1px solid #EEE;
}
/*###############################################*/
/*############# NAV COLORS #########################*/
/*###############################################*/
nav{
	background:#1B1B1B;
	padding-left: 0; 
	padding-right: 1em;
	background-image: linear-gradient(#222, #111);
	
	}
nav .brand{
	font-size: 20px;
	padding:12px 0px 0px 16px;
	font-family: 'Politics Head';
	letter-spacing: -1px;
	}
nav a{
	text-decoration:none;
	color:#999999;
	padding:12px 12px 12px 12px;
	text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
	}
nav a.active{
	color:#ffffff;
	background:#111111;
	text-decoration:none;
}
nav a:hover{
	color:#ffffff;
	text-decoration:none;
	}
/*###############################################*/
/*############# FORM COLORS ########################*/
/*###############################################*/
.Input_Colors,
		input[type="text"],
		input[type="email"],
		input[type="password"], 
		input[type="file"],
		textarea,
		select
{
	background:#ffffff;
	color:#111111;
	box-shadow:inset 0 1px 2px #000000;
}
.Input_button,
	input[type="submit"],
	input[type="button"]
	{
		background:#ffffff;
		color:#111111;
		box-shadow:0 1px 2px #000000;
		border-radius:4px;
	}
.Input_button:active,
	input[type="submit"]:active,
	input[type="button"]:active
	{
		background:#ffffff;
		color:#111111;
		box-shadow:0 0px 1px #000000;
	}	
/* editor */
#tinymce{
	background:#363636;
	}
	
/*##############################################*/
/*############# FIESES GEHACKE ######################*/
/*##############################################*/

.form-horizontal .controls {
    padding-top: 5px;
}

.product .price {float: right; text-align: right; max-width: 100px;}

#backendtable td {font-size: 10pt !important;}

#klappbox {float:right;}

@media screen and (max-width: 800px) {
	#klappbox {
		background-image: url("img/menu.png");
		background-position: right 8px top;
		background-repeat: no-repeat;
		width: 44px;
		height: 44px;
		padding-top: 44px;
		box-sizing: border-box;
		overflow: hidden;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index:5;
		}
	#klappbox a {float: none; text-align: right; display:block; background: #111;}
	#klappbox:hover {height: unset; width: unset;}
	}
	
#wrapper {}
.header {/*TODO*/}

#footer {box-sizing: border-box; height: 44px; margin-top:-44px; position: relative;}

.head {position: absolute; /*top:40px;*/ left: 0; z-index:-1;}
.foot {
	/*clear:both; margin-top: -100%; z-index:-1;margin-bottom: 38px;*/
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index:-1;
	}

.well hr {border-color: #ddd -moz-use-text-color #fff; }

a.lead {font-weight: bold;}

.youtube {float: right; margin-left: 10px;}