/* ----------------------------------------------------------- */
@media all and (max-width: 1200px) {
	.nav-main > li > ul{
		bottom: 0px; /* top: 75px; */
	}
	.nav-main > li > a{
		font-size: 0.95 vmax; /* Text ausblenden */
	}
	.nav-main .menu-icon{
		width: 40px;
		margin: 5px auto 0px;
	}	
}
@media all and (max-width: 1200px) {
	.hero-slider .slides li .slide-content img { 
		max-height: 300px; 
	}
	.header-container {
		height: 145px;
	}
	.nav-main-bg-mob {
		position: absolute;
		display: block;
		background-color: #000;
		position: absolute;
		min-height: 50px;
		top: 95px;
		left: 0;
		width: 100%;
		padding-left: 210px; /* 100px; */
		padding-right: 3%; /* 100px; */
	}
	.nav-main-bg-mob:after {
		content: "";
		display: block;
		width: 100%;
		height: 10px;
		position: absolute;
		bottom: -10px;
		left: 0;
		background: rgba(230,0,0,1.0); */
		background-size: 100%;
		z-index:12;
	}
	.header-container:after {
		display: none;
}
	
}
@media all and (max-width: 1000px) {
	.navbar-meta {
		font-size: 0.8em;
		padding-left: 200px;

	}
	.header-brand-right {
		position:absolute;
		top:0;
		right:0;
	}
	.header-brand-right h1 a {
		background: url(/resources/images/he_logo.svg);
		position: absolute;
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 410px;
		height: 90px;
		position: absolute;
		top: 15px;
		right: 25px;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
		z-index: 960; /* border: solid orange 1px; */
	}
	.header-brand-right h1 a:hover {
		text-shadow: 0 0 5px #000;
	}

	.header-brand-left h1,
	.header-brand-left a {
		font-size:0;
		margin:0;
		display:block;
		width:100%;
		height:100%;
	}	
}
@media all and (max-width: 1000px) {	
	.header-container.active {
		overflow-y: auto; /* scroll; */
		height: 100vh;
	}
	.header-nav {
		padding: 0;
		position: relative;
	}
	.navbar-toggle {
		margin-right: 5px;
	}
	.button-menu.navbar-toggle .icon-bar {
		width: 45px;
		margin: 7px 0;
		height: 6px;
	}
	
	/* --- Haupt-Navigation --- */
	.navbar-main {
		display: none;
		padding-left: 0px;
		height: 100%;
	}
	.navbar-main.active {
		display: block;
		position: absolute;
		top: 155px;
		padding-right: 0%;
	}
	.nav-main {
		display: block;
		padding-left: 0px;
		padding-right: 0px;
	}	
	.nav-main li:hover > ul {
		display: none;
	}
	.nav-main > li {
		position: relative;
		border-top: 1px solid #5d5d5d;
	}
	.nav-main > li:first-child {
		border-top: none;
	}
	.nav-main > li a {
		font-size: 1.8em;
		display: block;
		padding: 20px 40px 20px 40px;
	}
	.nav-main > li  ul  li:first-child {
		border-top: none;
	}	
	.nav-main > li  ul  {
		padding: 0px;
	}
	.nav-main li  ul  a {
		font-size: 1.8em;
		line-height: 2.0em;
		text-align: center;
		/* padding-left: 15%; */
	}
	.nav-main li  ul ul a {
		font-size: 1.6em;
		/* padding-left: 20%; */
	}	
	.nav-main li  ul ul ul a {
		font-size: 1.5em;
		/* padding-left: 25%; */
	}
	.nav-main li  ul ul ul ul a {
		font-size: 1.4em;
		/* padding-left: 30%; */
	}

	/* --- Einstellungen für Symbol +/- in Dropdowns --- */	
	.nav-main .button-submenu {
		right: 0px;
		top: 0px;
		height: 100%;
		background-color: rgba(255,255,255,0.1);
		padding: 24px 40px 24px 45px;
		z-index: 10;
	}
	.nav-main > li > ul li .button-submenu { padding: 13px 40px 13px 50px; }
	.nav-main > li > ul ul li .button-submenu { padding: 10px 40px 10px 50px; }
	.nav-main > li > ul ul ul li .button-submenu { padding: 8px 40px 8px 50px; }	
	.nav-main .button-submenu:after {
		content:"+";
		font-size: 2.6em;
		line-height: 1.4em;
		vertical-align: middle;
	}
	.nav-main li.open > .button-submenu:after{
		content:"–";
		color: #ffbf00;
		font-size: 2.6em;
		line-height: 1.4em;
		vertical-align: middle;
	}	
	.nav-main > li > .button-submenu {
		display: block;
		top: 0px;
	}	
	.nav-main > li.open > .button-submenu {
		right: 0px;
	}
	
	.nav-main > li > ul {
		position: relative;
		top: 0;
		width: 100%;
		transform: translate(0,0);
	}
	.nav-main > li ul.active {
		display: block;
	}
	.nav-main > li > ul li {
		padding: 0px;
	}
	.nav-main > li > ul > li ul{
		position: relative;
		padding-top: 0;
		left: auto;
		margin-top: 0px;
		width: 100%;
	}
	
	/* --- Meta-Navigation --- */

	.navbar-meta {
		position:absolute;
		top: 110px;
		left: 220px;
		padding-left: 0px;
		max-width: 50%;
		color: #fff;
		z-index: 10;
	}
	.nav-meta > li > a {	
		color: #fff;
	}
	
	
	.nav-meta > li > a {
		font-size: 0.8em;
	}
		
	.text-tabs .tabs { 
		padding-bottom: 0; 
	}
	.text-tabs .tabs li {
		width: 49%;
		margin-bottom: 15px;
	}
	.text-tabs .tab-title:after { 
		display: none; 
	}
	.text-tabs:not(.text-center) .tabs li:first-child .tab-title { 
		padding-left: 24px; 
	}
	
	.button-tabs .tabs li {
		width: 49%;
		margin-bottom: 15px;
	}
	.button-tabs.vertical .tabs, .button-tabs.vertical .content {
		max-width: 100%;
		width: 100%;
		padding-left: 0;
	}
	.lastarea:after {
		background-color: #e20031;
		content: "";
		display: block;
		position: relative;
		top: 0px;
		min-height: 100px;
		z-index:5;
	}	
}

@media all and (max-width: 768px) {
	.navbar-toggle {
		margin-right: -10px;
	}	
	.header-brand-left:after {
		font-size: 1.3rem;
		width: 105px;
		height: 95px;
		border: none;
		padding: 17px 10px 10px 7px;
	}
	.navbar-meta {
		position: absolute;
		top: 110px;
		left: 15px;
		max-width: 100%;
	}
	.nav-meta > li > a:hover { 
		background-color: transparent;
		color: rgba(230,0,0,1.0);
	}
	.nav-meta > .active > a, 
	.nav-meta > .active > a:hover,
	.nav-meta > .active > a:focus {
		color: #e60000;
		background-color: transparent;
	}		
}

@media all and (max-width: 660px) { 
	.header-container {
		background-size: cover;
	}
	.navmob::before{
		display: none;
	}
}

@media all and (max-width: 600px) { 
	.header-brand-right {
		width: 70%;
		height: 90px;
	}
	.header-brand-right h1 a {
		width: 95%;
		height: 70px;
		top: 20px;
		right: 15px;
	}	
}

/* ##### END ##### */