/*************************************************
* 20170301
*************************************************/

/*************************************************
* Header
*************************************************/

#header.newheader {
	
}

#header.newheader #logo {
	
}

.scroll .newheader .metaicon,
.scroll .newheader .metaicon.active,
.scroll .newheader #accessbox,
.scroll .newheader #searchbox {
	border: 0;
}

.newheader #langsel {
	font-size: 17px;
	font-family: 'ForoSans-Regular';
}

.newheader #langsel .lang_sel_sel,
.newheader #langsel .wpml-ls-current-language {
    display: none;
}

.newheader .wp_user_stylesheet_switcher img {
	max-width: 65px;
	margin-top: 4px;
	margin-right: 4px;
}

.newheader #searchicon {
	right: 0px;
	font-size: 20px;
}


@media (min-width: 768px) and (max-width: 1179px) {

	.newheader #eyeicon {
		right: 70px;
	}

	.newheader #langsel {
		right: 140px;
		right: 70px;
		width: 70px;
		line-height: 74px;
	}
	
	.newheader #langsel a {
		color: #fff;
		display: block;
	}

}

@media (min-width: 1180px) {
	
	#header.newheader {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 11199;
		height: 80px;
		width: 100%;
		background: #930132;
		border-bottom: 0; 
	}
	
	.newheader #meta {
		width: 366px;
		width: 240px;
		width: 160px;
	}
	
	.newheader #navicon,
	.newheader #logo,
	.newheader #meta {
		border: 0;
	}
	
	.newheader #meta,
	.home .newheader #meta {
		background: #fff;
	}
	
	.newheader #langsel {
		right: 160px;
		right: 80px;
		line-height: 84px;
	}
	
	.newheader #eyeicon {
		right: 80px;
	}
	
	.newheader #accessbox {
		right: 80px;
	}
	
	.newheader #accessbox.active {
		width: 286px;
	}
	
	.newheader #searchbox.active {
		width: 286px;
	}
	
	.newheader .search-form {
		width: 286px;
	}
	
	.newheader .search-form .search-field {
		width: 200px;
		background: #f0f0f0 none repeat scroll 0 0;
	    border: 0 none;
	    color: #404042;
	    display: inline-block;
	    font-size: 16px;
	    line-height: 21px;
	    padding: 29px 25px;
	}
	
	.newheader #searchicon {
		right: 0px;
	}
	
	.newheader #langicon.active,
	.newheader #eyeicon.active,
	.newheader #searchicon.active {
		right: 0;
	}
	
	.newheader .metaicon.inactive {
		width: 0px;
		opacity: 0;		
	}
}

/*************************************************
* Home Headerimg
*************************************************/

#headerpadding {
	height: 80px;
	background: #930132;
}

#homeintronew {
	position: relative;
	height: 290px;
	background: url(../images/ogh-home-01grad.jpg) center top no-repeat;
}

#introtextnew {
	/* padding-top: 140px; */
	position: absolute;
	bottom: 30px;
	width: 100%;
	font-family: 'ForoSans-Medium', arial, sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 1px 0 2px rgba(0,0,0,0.68);
}

#introtextnew .uppercase {
	text-transform: uppercase;
}

#introtextnew .intro1new p {
	font-size: 22px;
	margin: 0;
}

#introtextnew .intro2new p {
	font-size: 17px;
	margin: 0 0 15px 0;
}

#introtextnew .intro3new p {
	font-size: 17px;
	margin: 0 0 0 0;
}

@media (min-width:1300px) {
	#introtextnew .intro3new p {
		max-width: 760px;
	}
}

/*************************************************
* Home Introtext
*************************************************/

#eintextnew p {
	text-align: center;
	margin: 0;
}




/*************************************************
* Home Aktuelle Informationen & Entscheidungen
*************************************************/

#haktuell {
	font-size: 15px;
}

#haktuell .colbox {
	padding: 0 20px;
}

#haktuell h3 {
	font-size: 17px;
	line-height: 1;
	text-transform: uppercase;
}

#haktuell h4 {
	font-size: 15px;
	margin: 0 0 2px 0;
	line-height: 1.46;
}

#haktuell h4 a {
	display: block;
}

#haktuell p {
	line-height: 1.46;
}

#haktuell p.postmeta {
	font-size: 13px;
	margin: 0 0 4px 0;
}

#haktuell p.postexcerpt {
	margin-bottom: 15px;
}


/*************************************************
* Home Teaser
*************************************************/

#main #newteasers ul,
#main #newteasers ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#newteasers .colinner {
	padding: 0 20px;
}

#newteasers p {
	font-family: 'ForoSans-Medium', arial, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 20px 0;	
}

#newteasers ul.menu>li>a {
	display: none;
}

.newteaserbild {
	position: relative;
}

#main #newteasers ul.menu ul {
	padding: 22px 10px 0 10px;
	border-top: 1px solid #930132;
}

#main #newteasers ul.menu ul li {
	margin: 0 0 4px 0;
}

.newteasernav a {
	
}

.newteasernav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: #fff;
	
	opacity: 0;
	
	-webkit-transition: opacity 1000ms ease;
	-moz-transition: 	opacity 1000ms ease;
	-ms-transition: 	opacity 1000ms ease;
	-o-transition: 		opacity 1000ms ease;
	transition: 		opacity 1000ms ease;
}

.newteaserhover:hover .newteasernav {
	opacity: 1;
}

@media (max-width:480px) {
	
	#main #newteasers ul.menu ul {
		padding-top: 12px;
	}
	
	.newteasernav li {
		font-size: 15px;
	}
}

@media (min-width:500px) and (max-width:767px) {
	
	.newteaser {
		width: 460px; 
		margin: 0 auto;
	}
	
}

@media (min-width:768px) and (max-width:991px) {
	
	.newteaser {
		width: 540px; 
		margin: 0 auto;
	}
	
}


/*************************************************
* Seite Präs
*************************************************/

.headerimgoverlay {
	display: none;
}

.page-id-26 .headerimgcol {
	position: relative;
}

.page-id-26 .headerimgoverlay {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	
	background: rgba(0,0,0,0.3);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 20px 20px 20px;
	font-size: 15px;
	font-family: 'ForoSans-Medium', arial, sans-serif;
	color: rgba(255,255,255,0.8);



	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,3a3a3a+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
}

.page-id-26 #main .headerimgoverlay p {
	margin: 0;
	
}

@media (max-width:480px) {
	.headerimgoverlay span {
		display: block;
	}
}


/*************************************************
* Mobile Nav
*************************************************/

#mobsearchbox, 
#mobsearchbox.active {
	left: 0;
}

#mobsearchbox.noshow {
	left: -100%;
	z-index: -1;
}

#nav #moblangicon li {
	border: 0;
	line-height: 74px;
}

#nav .wpml-ls-current-language {
	display: none;
}

#navsearch {
	display: none;
}

@media (min-width:767px) {
	#navsearch {
		display: block;
		background: #f0f0f0;
	}
	
	#navsearch .search-form {
	    width: 100%;
	}
	
	#navsearch .search-form .search-field {
		width: calc( 100% - 80px );
	}
}


/*************************************************
* 
*************************************************/


@media (max-width:1179px) {
	#headerpadding {
		height: 70px;
	}
}

@media (max-width:767px) {
	#headerpadding {
		height: 0px;
	}
}


@media (max-width:640px) {
	.intro3new {
		display: none;
	}
}