/* 00. FONTS & OTHER CORE ELEMENTS
----------------------------------------- */





/* 01. PREPERATION
----------------------------------------- */

html {
	height: 100%;
	width: 100%;	
}
body {
	height: 100%;
	width: 100%;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	background-image: url(../images/bg.png);
}
.container { background-color: #fff; }

/* 02. HEADER
----------------------------------------- */
@media all and (min-width: 900px) {
	header {
		position: fixed;
		z-index: 99;
		width: 100%;
		top: 0px;
		left: 0px;
	}

	.content-offset-top {
		height: 204px;
	}
}
@media all and (min-width: 900px) and (max-width:1024px) {
	.content-offset-top {
		height: 185px;
	}
}

header .header-hotbutton {
	margin-top: 25px !important;
	display: block;
}
header .header-hotbutton:hover img {
	-webkit-transform: rotateZ(-5deg) scale(1.05);
	-ms-transform: rotateZ(-5deg) scale(1.05);
	transform: rotateZ(-5deg) scale(1.05);
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
}
header .header-hotbutton-active img {
	-webkit-transform: rotateZ(-5deg);
	-ms-transform: rotateZ(-5deg);
	transform: rotateZ(-5deg);
}


header .slogan {
	background-color: #EF7D00;	
	margin-top: 50px;
	margin-bottom: 50px;	
}
header .slogan .slogantext {
	color: #fff;
	padding: 7px 200px;
	text-transform: uppercase;	
}
header .slogan .logo {
	width: 170px;
	position: absolute;
	z-index: 99;
	margin-top: -45px;
}

header .loginbtn {
	position: absolute;
	right: 15px;
	top: 15px;
	text-transform: uppercase;
	font-size: 14px;
}

header .header-quicklinks {
	display: none;
	margin-top: -60px;
	margin-bottom: 20px;
}

@media all and (max-width:420px) {
	header .slogan .slogantext {
		display: none;
	}
	header .slogan .logo {
		width: 100px;
		margin-top: -45px;
	}
	header .slogan {
		margin-top: 50px;
		margin-bottom: 0px;	
	}
	.navbar-default {
		margin-top: -30px;	
	}
}


@media all and (max-width:768px) {
	header .slogan .slogantext {
		display: none;
	}
	header .slogan .logo {
		width: 100px;
		margin-top: -45px;
	}
	header .slogan {
		margin-top: 50px;
		margin-bottom: 0px;	
	}
	.navbar-default {
		margin-top: -30px;	
	}
}

/* 03. NAVIGATION
----------------------------------------- */
.navbar {
	border-radius: 0;
	min-height: 50px;
	z-index: 10;
	text-transform: uppercase;
	margin-bottom: 0px;
	background: transparent;
}

.navbar-header {
	background: transparent;	
}

@media all and (max-width:768px) {
	.navbar {
		min-height: 50px;
	}
}

.navbar-default {
	border: none;
	background: transparent;
	/* background: #efefef; */		/* Navigation - Hintergrundfarbe - mit Transparenz */
	font-size: 18px;
}
.navbar-default .navbar-collapse {
	background-color: #F7F7F7;	
	padding-left: 45px;
}
.navbar-default .navbar-nav > li > a {
 	border-top: 5px solid transparent;
    color: #000;
	padding: 10px 28px;
	font-weight: 500;
	text-align: center;
}
.navbar-default .navbar-nav > li > a > span {
	display: block;
	font-size: 13px;
	/* font-style: italic; */
}


@media all and (max-width:1680px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
		padding: 10px 16px;
	}
}
@media all and (max-width:1600px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
		padding: 10px 11px;
	}
}
@media all and (max-width:1440px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
		padding: 10px 40px;
	}
	.navbar-default .navbar-nav > li > a > span {
		/* display 				: none;	 */	
	}
}
@media all and (max-width:1366px) {
	.navbar-default .navbar-nav > li > a {
		font-size				: 15px;
		padding					: 10px 36px;
	}
	.navbar-default .navbar-nav > li > a > span {
		/* display 				: none;	 */
	}
}
@media all and (max-width:1280px) {
	.navbar-default .navbar-nav > li > a {
		font-size				: 15px;
		padding					: 10px 31px;
	}
	.navbar-default .navbar-nav > li > a > span {
		/* display 				: none;	 */	
	}
}
@media all and (max-width:1024px) {
	.navbar-default .navbar-nav > li > a > span {
		/* display 				: none;	 */
	}
	.navbar-default .navbar-nav > li > a {
		font-size				: 15px;
		padding					: 0px 7px;
	}
}
@media all and (max-width:992px) {
	.navbar-default .navbar-nav > li > a {
		font-size				: 13px;
		padding					: 22px 10px;
	}
	.navbar-default .navbar-nav > li > a > span {
		display 				: none;
	}
	.navbar-default .navbar-collapse {
		padding-left: 0px;	
		margin-top: 10px;
	}
}

@media all and (max-width:768px) {
	.navbar-default .navbar-nav > li > a {
		font-size				: 16px;
		padding					: 15px 30px;
	}
	.navbar-default .navbar-nav {
		margin-top				: 0;
	}
	.navbar-default .navbar-nav > li > a > span {
		display 				: none;
	}
	.navbar-default .navbar-collapse {
		padding-left: 0px;	
		margin-top: 10px;
	}
}




.navbar-collapse {
	padding-right				: 0;
	padding-left				: 0;
}

@media all and (max-width:768px) {
	.navbar-collapse {
		padding-right			: 15px;
		padding-left			: 15px;
	}
}

.navbar-default .navbar-toggle .icon-bar {
    background					: #EF7D00;
}

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
    background					: #676D09;
}

/* DROPDOWN MENU */
.dropdown-menu {
	padding						: 0;
}
.navbar-nav > li > .dropdown-menu {
	border-bottom-left-radius	: 0;
    border-bottom-right-radius	: 0;
}

@media all and (max-width:768px) {
	.dropdown-menu {
		font-size				: 16px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		padding					: 10px 20px 10px 25px;
	}
	

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color				: #EF7D00;					/* Navigation - 1. Ebene - Hover - Hintergrundfarbe */
	background			: #fff;				/* Navigation - 1. Ebene - Hover - Schriftfarbe */
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	background-color		: rgba(144, 28, 56, 0.8);	/* Mobiles Menü - 1. Ebene - Aktiv - Hintergrund */
	color				: #FFF;			/* Mobiles Menü - 1. Ebene - Aktiv - Text */
}	
	

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background-color: #fff;
	color				: #EF7D00;				/* Navigation - 2. Ebene - Abstand nach Oben */
}


.navbar-default .navbar-nav li.dropdown > ul.dropdown-menu {
	background			: rgba(144, 28, 56, 0.8);		/* Mobiles Menü - 2. Ebene - Hintergrund */
	color				: #cebca5;				/* Mobiles Menü - 2. Ebene - Text */
}	

@media all and (max-width:768px) {
	.navbar-default .navbar-nav .open .dropdown-menu >li >a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu >li >a:hover {
		color			: #FFF;
		background		: #7d172f;	
	}
}

.dropdown-menu > li > a {
    color				: #FFF;
	padding				: 12px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color				: #FFF;
}	

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background			: rgba(144, 28, 56, 0.8);
	color				: #FFF;
} 



/* 04. HEADING
----------------------------------------- */
h1 {
	font-weight: 700;
	font-size: 24px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
}

h2 {
	font-weight: 400;
	font-size: 20px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	color: #EF7D00;	
}



/* 05. QUICKLINKS
----------------------------------------- */
.quicklink {
	margin-top: 25px !important;
	display: block;
}
.hotbutton:hover img {
	/*
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	*/
	
	-webkit-transform: rotateZ(-10deg) scale(1.1);
	-ms-transform: rotateZ(-10deg) scale(1.1);
	transform: rotateZ(-10deg) scale(1.1);
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
}
.quicklink.quicklink-active img {
	-webkit-transform: rotateZ(-5deg);
	-ms-transform: rotateZ(-5deg);
	transform: rotateZ(-5deg);
}



@media all and (min-width:1024px) {
	.quicklink.quicklink-active:after {
		content: url('../images/button_active.png');	
		position: absolute;
		right: -10px;
		top: 15px;
		-webkit-transform: rotateZ(-5deg);
		-ms-transform: rotateZ(-5deg);
		transform: rotateZ(-5deg);
	}
}


/* 06. FOOTER
----------------------------------------- */



/* 06. CONTENT
----------------------------------------- */
.zoom-hover:hover {
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;	
}
.btn-default {
	color: #fff;
	background-color: #EF7D00;
	border-color: #EF7D00;
}
.map {
	width: 100%;
	padding-top: 50%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */	
}
		
a {
	color: #EF7D00;	
}
a:hover {
	color: #000;	
}

a.link-inverse {
	color: #000;	
}
a.link-inverse:hover {
	color: #EF7D00;	
}

.list-item-even-odd {
	
}
.list-item-even {
	background-color: #DDDDDD;	
}
.list-item-odd {

}
.list-item-padding {
	padding-left: 3px;	
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.list-heading {
	font-weight: bold;
	border-bottom: 1px solid #000;
}


.grid-newsbox .nb-element {
	margin-bottom: 20px;
}
.grid-newsbox .nb-element h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #EF7D00;
}
.grid-newsbox .nb-element .nb-element-date {
	margin-top: 5px;
}
.grid-newsbox .nb-element .nb-element-text {
	margin-top: 15px;
}
.grid-newsbox .nb-element .nb-element-links {
	margin-top: 15px;
}

.mt10 {	margin-top: 10px; }
.mt15 {	margin-top: 15px; }
.mt20 {	margin-top: 20px; }
.mt25 {	margin-top: 25px; }
.mt30 {	margin-top: 30px; }
.mt35 {	margin-top: 35px; }
.mt40 {	margin-top: 40px; }
.mt45 {	margin-top: 45px; }
.mt50 {	margin-top: 50px; }

label.fielddescription {
	font-size: 14px;
	display: block;	
	margin-bottom: 0px !important;
}

.scrolltop {
	z-index: 99;
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#b2b2b2;
	/* background:rgba(178,178,178,0.7); */
	background:rgba(239,127,26,0.7);
	padding:20px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.scroll:hover {
	background:rgba(0,116,51,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px !important;
	color: #fff;
}

.cc_btn  {
		background:rgba(239,127,26,1.0) !important;
		color: #fff  !important;
}