/*################################*/
/* Communication */
/*################################*/
.communication {
    background: #dcc9b6;
    height:40px;
    line-height:40px;
    width:100%;
    position:relative;
    z-index:100;
    
}

.smallheadernav {
	list-style:none;
	padding:0;
	margin:0;
}

.smallheadernav li {
	float:left;
}

.smallheadernav li.first a {
	background: #005baa;
	border-left:2px solid #fff;
	
}

.smallheadernav li.last a {
	background: #f7941d;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}

.smallheadernav li a {
	color:#fff;
	font-size:16px;
	line-height:40px;
	display:block;
	min-width:220px;
	text-align:center;
	font-weight:bold;
}

/*################################*/
/* navigation */
/*################################*/
header {
    background:transparent;
    -webkit-box-shadow: 0px 10px 67px -32px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 67px -32px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 67px -32px rgba(0,0,0,0.75);
}

.navigation {
    /*background: #fff none repeat scroll 0 0;*/
    width: 100%;   
}

img.logo {
  max-height:60px;
  width:auto;
  margin-top:15px;
  position:relative;
  z-index:999;
}

.hautpmenuinner {
    position:absolute;
    right:0;
    bottom:0;
}

.hautpmenuinner li a {
    color:#000;
    font-size:13px;
	line-height:112px;
	height:100px;
	border-bottom:5px solid #fff;
	padding-top:0;
	padding-bottom:0;
	padding-left:12px;
	padding-right:12px;
}

.hautpmenuinner li.last a {
	padding-right:0;
}

.hautpmenuinner li:hover a,
.hautpmenuinner li:focus a,
.hautpmenuinner li.active:focus a,
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	border-color:#005da9;
	background:transparent;
}

.nav_col {
    min-height:90px;
}

.hautpmenuinner li ul {
	background:#005da9;
	padding:10px;
}

.hautpmenuinner li ul li.first {
	border-top:1px solid #fff !important;;	
}

.hautpmenuinner li ul li {
	border-bottom:1px solid #fff !important;;	
}

.hautpmenuinner li ul a {
    color:#000;
    font-size:13px;
	line-height:26px;
	height:auto;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	border:0 none !important;
	min-width:
}

.hautpmenuinner li ul li:hover a,
.hautpmenuinner li ul li.active a {
	color:#f7941d;
	background:transparent;
}

/*################################*/
/* Mobilemenu*/
/*################################*/
.mobile-navigation {display:none;}
.mobilemenu a {color:#000;}
.mobilemenu {display:none;}

/*################################*/
/* onScroll header*/
/*################################*/
.navontop {background:#fff;position:relative;z-index:998;min-height:88px;}

.pushhero {margin-top:150px;}

.carousel-inner > .item > img {
	width:100% !important;
}

header.smaller {
    position:fixed;
    width: 100%;
    z-index: 999; 
    height:100px; 
    top:0;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
           background:#fff;
}

header.smaller .hautpmenuinner li a {
	line-height: 50px;
	height: 50px;
}

header.smaller .navigation img.logo {
  margin-top:0;
  margin-bottom:10px;
}

header.smaller .nav_col {
   min-height:50px;
}

/*################################*/
/* Responsive header*/
/*################################*/
@media (max-device-width : 1199px)  {
}

@media (max-device-width : 991px)  {
	.mobile-navigation {display:block;}
	.desktop-navigation {display:none;}
	.mobilelogo {width:auto;height:60px;margin-top:12px;}
	.smallheadernav li a {min-width: 170px;}
	.navbar-toggle {display:block;font-size: 25px;padding: 0;margin: 15px 0 0 0;line-height: 58px;color:#005baa;}
	.spezielleueberschrift img {max-width:100%;height:auto;}
}

@media (max-device-width : 768px)  {

	.spezielleueberschrift h2 {font-size:26px;margin-top:20px;}
}

@media (max-device-width : 710px)  {

	.navbar-toggle {margin-top:13px;}
	.smallheadernav li {width:50%;}
	.smallheadernav li a {min-width: auto;width: 100%;}	
}

@media (max-device-width : 500px)  {
	.mobilelogo {width:auto;height:50px;margin-top:17px;}

}

@media (max-device-width : 400px)  {
	.mobilelogo {width:auto;height:40px;margin-top:22px;}
}

@media (max-device-width : 320px)  {
	.mobilelogo {width:auto;height:30px;margin-top:27px;}
}