/* #main, #footer {
      opacity: 0;
      transition: opacity 0.25s ease-in-out; 
    }
body.loaded #main,
body.loaded #footer {
      opacity: 1;
    }
 
 */   
    
a.logo_de {
	display:block;
	position:absolute;
	border:0;
	width:150px;
	height:80px;
	top:20px;
	right:20px;
	background-size: 100%;
	background-position: top left;
	background-image: url('../../hps/grafik/hps_logo.jpg');
}

.img_center figure img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#meta a {
	color:#2c2e87
}
div.metaspace{
	position:absolute;
	top:80px;
	left:25px;
	margin:0;
	width:500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
div.metaspace div.widget-text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
div.metaspace .widget>label {
	font-weight: 400;
}
#Wechsler,#Quicklinks,#Sitemaplink_de,#Suchmaske_de{
	font:0.5em/1.8em 'sansregular', sans-serif;
	margin:0 10px
}

#Wechsler li.active {display:none;}

#Wechsler ul,#Wechsler ul li {
	margin:0;
	padding:0;
	list-style-type:none 
}
#Quicklinks ul{
	margin: 0;
	padding: 0;
	list-style-type: none 
}
#Quicklinks ul li{
	display:inline-block;
	margin:0;
	padding:0 
}
#main div > .mod_article.headline {
	margin-bottom:15px;
	margin-top:15px
}
#main div > .mod_article {
	margin-top:30px;
	margin-bottom:30px
}
#main > div:nth-child(2) {
	margin-bottom:30px;
	margin-top:0px
}
#main div > .mod_article.last {
	margin-bottom:0px
}
.referenzen #main div > .mod_article,
.pressebereich #main div > .mod_article {
	margin-bottom:0px
}
.referenzen .grid7 {
	width:46%
}

.pressebereich .grid7.left {
	width:46%
}

.referenzen div.toggler,
.pressebereich div.toggler {
	margin-bottom:30px
}
.referenzen h3 {
	margin-top:20px
}
div.toggler {
	border:0
}
.ce_accordion {
}
div.toggler:hover {
	cursor:pointer
}
*:focus, .ui-state-focus {
	outline: none
}
.ce_accordionStart div.toggler h2:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	color: #2c2e87;
	font-size: 18px;
	margin-right:10px
}
.ce_accordionStart div.toggler.active h2:before {
	font-family: 'Font Awesome\ 5 Free';
	content: "\f078";
	color: #2c2e87;
	font-size: 18px;
	margin-right:5px
}
.ce_accordionStart div.toggler h3 {
	margin-top:0px;
	margin-left:22px
}
.ce_accordionStart div.toggler.active h3 {
	margin-left:22px
}
.mod_article .ce_accordionStart {margin-left:0;margin-right:0}
figcaption {font:0.5em/1.8em 'sansregular', sans-serif;}
/* /////// GRID TABELES /////// */
div.table {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 30% 3% 30% 3% 30%;
	grid-template-columns: 30% 30% 30%;
	grid-column-gap:3%;
}
#Ansprechpartner,#contacts {
	position:relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 47.5% 5% 47.5%;
	grid-template-columns: 47.5% 47.5%;
	grid-column-gap:5%;
}
#Ansprechpartner div.ce_text.span,#contacts div.ce_text.span {
	width:45%;
	-ms-grid-column:1;
	grid-column-start:1;
	-ms-grid-column-span:2;
	grid-column-end:3;
}
#Ansprechpartner div.ce_text figure,#contacts div.ce_text figure {
	width:30%;
	margin-right:1em
}
/*:::::::Mobile Navigation:::::*/
label.mobilenav {
	display: block;
	background: #fff;
	width: 50px;
	height: 50px;
	position: relative;
	margin: 0;
	border-radius: 4px;
	cursor:pointer;
}
/*input#hamburg {
	display:none
}
*/
.line {
	position: absolute;
	left:8px;
	height: 4px;
	width: 35px;
	background: #555;
	border-radius: 2px;
	display: block;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
}
.line:nth-child(1) {
	top: 12px;
}
.line:nth-child(2) {
	top: 24px;
}
.line:nth-child(3) {
	top: 36px;
}
/*:::::::Suchmaske:::::*/
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{
	width: 100%;
	display: inline-block;
	padding: 3px 6px;
	background: #fff;
	border: 1px solid #2c2e87;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px #eee;
	box-shadow: inset 0 1px 1px #eee;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
span.mandatory{
	display:none
}
label.mandatory {
	color:#2c2e87;
	margin:0 5px 0 0;
	/*padding:2px 0 3px 0*/
}
input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{
	width:140px;
	color:#2c2e87
}
.safari label.mandatory{
	float:left;
	height:23px;
	padding:0
}
#slidemenu img {
	vertical-align: bottom
}
#div_aktuell,#div_blau_big{
	position:absolute;
	height:85px;
	width:320px;
	background-color:#2c2e87;
	left:0px;
	top:-85px
}
#div_blau_klein{
	position:absolute;
	height:45px;
	width:260px;
	background-color:#2c2e87;
	left:0px;
	top:-45px
}
#div_aktuell a{
	display:flex;
	align-items: center;
  justify-content: center;}
	
#div_aktuell a span{
	display:block;	
	font-family: 'serifregular', serif;
	color:#ffffff;
	font-size:20px;
	line-height:85px;
	font-weight:400;
	letter-spacing:2px;
	text-decoration:none;
}

div.socials {position: absolute; height:28px; width:200px;right:0px;top:-45px;margin:0;padding:0}

div.socials ul {display:flex;justify-content: flex-end;margin:0;padding:0}

div.socials ul li {margin-right:20px; height:27px; line-height:20px; list-style-type: none;}   
     
  
div.socials ul li.linkedin {background-color: #fff;border-radius:3px;}
div.socials ul li.youtube {background-color: #fff; background-size:25% 25%; background-position:center center; border-radius:30px;}
div.socials ul li.facebook {background-color: #fff;border-radius:3px;} 
div.socials ul li.instagram a {
display:block;
width:28px;
height:28px;
background-image: url("../grafik/insta_64.png");
  background-repeat: no-repeat;
  background-size: cover; 
background-position:center;}

div.socials ul li.tiktok a {
display:block;
width:28px;
height:28px;
background-image: url("../grafik/icon_tiktok.png");
  background-repeat: no-repeat;
  background-size: cover; 
background-position:center;}




div.socials ul li.instagram {
height:28px;
 }
          
           
    .linkedin-icon  {
        width:28px;
        height:28px;
        fill: rgba(1,102,154,1);}  
    
    .youtube-icon {
    	margin-top:-1px;
        width:39px;
        height:29px;
        fill:rgba(255, 2, 0, 1);}  
    
    .facebook-icon {
        width:28px;
        height:28px;
        fill: rgba(61,91,153,1);}
    
	.instagram-icon {
	margin:-1px;
    width:31px;
        height:31px;}
    .instagram-icon.st0 {fill:url(#SVGID_1_);}
	.instagram-icon.st1{fill:url(#SVGID_2_);}
	.instagram-icon.st2{fill:#654C9F;}
  			
    

/*
 .sm-icon:hover {
     	filter: invert(0.5)
    	saturate(4)
    	brightness(1);}   


*/




.small #div_blau_big{
	position:absolute;
	height:55px;
	width:320px;
	background-color:#2c2e87;
	left:0px;
	top:-55px
}
#Siemens{
	width:151px;
	height:75px;
	position:absolute;
	left:30px;
	top:-100px
}
#Impressum {
	position: absolute;
	right: 0;
	bottom: -105px
}
#Impressum ul {
	list-style-type:none
}
#Impressum li a,#Impressum li span,#Impressum li strong {
	color:#2c2e87;
	font-weight:400;
	font-size:14px;
	font-size: 0.9rem
}
#Impressum li strong.active {
	font-weight:700
}
#Impressum ul li {
	display:inline-block;
	margin:0 10px
}
/*****SITEMAP*****/
div.mod_sitemap h1,div.mod_sitemap ul.level_1 {
	margin-left:15px;
	font-weight:700;
}
div.mod_sitemap ul.level_1 li {
	margin-top:10px;
	list-style-type: none;
}
div.mod_sitemap ul.level_2 {
	margin:0 0 0 20px
}
div.mod_sitemap ul.level_2 li {
	margin-top:0;
	font-weight:400;
	list-style-type: none;
}
div.mod_sitemap ul li a{
	color:#2c2e87;
	font-size:14px;
	line-height:14px
}
div.mod_sitemap ul li a:hover {
	font-weight:bold
}
/*****REFERENZ-TABELLEN*****/
table tr td {
	padding:0 15px 8px 0
}
.referenztabelle table {
	width:100%
}
/******DOWNLOAD-LINK*******/
div.ce_download,div.ce_hyperlink {
	margin:5px 0px
}
div.ce_download h3,div.ce_hyperlink h3 {
	margin:0
}
.download div.ce_download {
	height:18px;
	margin-bottom:3px
}
div.ce_download img {
	float:left;
	margin-right:5px
}
div.ce_download.retrofit {
	height:120px;
	margin-bottom:3px
}
/******SUCHE*******/
#ctrl_keywords_3,#ctrl_keywords_33{
	float:left;
	font-size:0.5em;
	margin:0 25px 0 0;
	width:250px
}
#ctrl_submit_3,#ctrl_submit_33{
	margin-top:-5px;
	padding:3px 12px 3px 11px
}
.presse #main img {
	max-width:99%;
	border:1px solid #cccccc;
}
#Ansprechpartner > div,#contacts > div {
	margin-top:30px;
}
#Ansprechpartner div img,#contacts div img{
	border:1px solid #e3e3e3;
}

.ce_youtube, .ce_player {
 position: relative;
 padding-bottom: 56.25%;
 width: 100%;
 height: auto;
}
 
.ce_youtube iframe, .ce_player video {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}



.squaremovie video {
width: 100%; height: 100%;
}



/*
.squaremovie video div.media-controls-container {
display:none !important;
}
*/
.home div.ce_youtube {margin:0}

@media (min-width:980px) and (max-width:1039px){
	#Logo_de a{
		display:block;
		width:152px;
		height:82px;
		float:right;
		margin:30px 30px 0 0;
		background-image:url("../../hps/grafik/hps_logo.png")
}
	div.metaspace{
		position:absolute;
		top:80px;
		left:25px;
		margin:0;
		width:500px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	span.mandatory{
		display:none;
	}
	label.mandatory {
		color:#2c2e87;
		/*padding:2px 0 3px 0;
		*/
	}
	input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{
		width:140px;
		color:#2c2e87
}
	input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{
		width: 100%;
		display: inline-block;
		padding: 3px 6px;
		background: #fff;
		border: 1px solid #2c2e87;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 1px #eee;
		box-shadow: inset 0 1px 1px #eee;
		-webkit-transition: all .15s linear;
		-o-transition: all .15s linear;
		transition: all .15s linear;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#slidemenu img{
		vertical-align: bottom
}
	#div_aktuell{
		position:absolute;
		height:85px;
		width:320px;
		background-color:#2c2e87;
		left:0px;
		top:-85px
}
#div_aktuell a{
	display:flex;
	align-items: center;
  justify-content: center;}
	
#div_aktuell a span{
	display:block;	
	font-family: 'serifregular', serif;
	color:#ffffff;
	font-size:20px;
	line-height:85px;
	font-weight:400;
	letter-spacing:2px;
	text-decoration:none;
}
	#Siemens{
		width:151px;
		height:75px;
		position:absolute;
		left:30px;
		top:-100px
}
	#Impressum {
		position: absolute;
		right: 0;
		bottom: -105px
}
	#Impressum li a,#Impressum li span,#Impressum li strong {
		color:#2c2e87;
		font-weight:400;
		font-size:14px;
		font-size: 0.9rem
}
	#Impressum li strong.active {
		font-weight:700
}
	#Impressum ul li {
		display:inline-block;
		margin:0 10px
}

}
@media(min-width:768px) and (max-width:979px){
	div.metaspace{
		position:absolute;
		top:80px;
		left:25px;
		margin:0;
		width:500px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	/*#Wechsler,#Quicklinks,#Sitemaplink_de,#Suchmaske_de{
		float:left;
		font-size:0.5em;
		line-height:1.8em;
		margin-right:15px
}
	#Wechsler ul {
		margin:0;
		padding:0;
		list-style-type:none
}
	#Wechsler ul li {
		margin:0;
		padding:0;
		list-style-type:none
}
	#Quicklinks ul{
		margin: 0;
		padding: 0;
		list-style-type: none
}
	#Quicklinks ul li{
		display:inline-block;
		margin:0;
		padding:0;
	}
	*/
	#Quicklinks ul li.first{
		margin-right:15px;
	}
	/*div.erster {
		margin-top:10px
}
	div.abstand {
		margin-top:40px
}
	*/
	span.mandatory{
		display:none;
	}
	label.mandatory {
		color:#2c2e87;
		/*padding:2px 0 3px 0;
		*/
	}
	input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{
		width:150px;
		color:#2c2e87;
	}
	input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{
		width: 100%;
		display: inline-block;
		padding: 3px 6px;
		background: #fff;
		border: 1px solid #2c2e87;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 1px #eee;
		box-shadow: inset 0 1px 1px #eee;
		-webkit-transition: all .15s linear;
		-o-transition: all .15s linear;
		transition: all .15s linear;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#slidemenu img{
		vertical-align: bottom
}
	#div_aktuell{
		position:absolute;
		height:70px;
		width:250px;
		background-color:#2c2e87;
		left:0px;
		top:-70px
}
#div_aktuell a{
	display:flex;
	align-items: center;
  justify-content: center;}
	
#div_aktuell a span{
	display:block;	
	font-family: 'serifregular', serif;
	color:#ffffff;
	font-size:18px;
	line-height:70px;
	font-weight:400;
	letter-spacing:2px;
	text-decoration:none;
}

	#Siemens{
		width:151px;
		height:75px;
		position:absolute;
		left:30px;
		top:-100px
}
	#Impressum {
		position: absolute;
		right: 0;
		bottom: -105px
}
	#Impressum {
		position: absolute;
		right: 0;
		bottom: -105px
}
	#Impressum li a,#Impressum li span,#Impressum li strong {
		color:#2c2e87;
		font-weight:400;
		font-size:14px;
		font-size: 0.9rem
}
	#Impressum li strong.active {
		font-weight:700
}
	#Impressum ul li {
		display:inline-block;
		margin:0 10px
}

}
@media(max-width:767px){
	a.logo_de {
		display:block;
		position:absolute;
		border:0;
		width:150px;
		height:80px;
		top:15px;
		left:20px;
		background-image: url('../../hps/grafik/hps_logo.jpg');
	}
	div.metaspace {
		display:none
}
	div.mod_mobile_menu {
		position: absolute;
		top:10px;
		right:20px;
		margin:0
}
	nav.mod_changelanguage {
		padding:25px 0 0 22px
}
	nav.mod_changelanguage ul {
		list-style-type:none;
		margin:0;
		padding:0
}
	nav.mod_changelanguage a {
		font: 0.75em/0.875em 'sansregular', sans-serif;
		color:#2c2e87
}
	#main div > .mod_article.headline {
		margin-bottom:15px
}
	#main div > .mod_article {
		margin-top:30px;
		margin-bottom:30px
}
	#main div:nth-child(2) {
		margin-bottom:0px;
		margin-top:0px
}
	#main div > .mod_article.last {
		margin-bottom:0px
}
	div.mobile_menu form {
		padding:15px 10px 15px 22px
}
	div.mobile_menu form div.widget {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center
}
	div.mobile_menu form div.widget label {
		-ms-flex-preferred-size:20px;
		    flex-basis:20px;
		font-size:0.7em;
		font-weight:400;
		color:#2c2e87
}
	div.mobile_menu form div.widget input {
		-webkit-box-flex:1;
		    -ms-flex-positive:1;
		        flex-grow:1;
		-ms-flex-negative:1;
		    flex-shrink:1;
		width:60%;
		font-size:0.625em
}
	/*input#ctrl_1.text.mandatory, input#ctrl_3.text.mandatory*/
	span.mandatory {
		display:none
}
	label.mandatory {
		color:#2c2e87
}
	input#ctrl_1.text.mandatory,input#ctrl_3.text.mandatory{
		color:#2c2e87
}
	div.ce_download.retrofit {
		height:100px;
		margin-bottom:3px
}
	input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{
		width: 100%;
		display: inline-block;
		padding: 3px 6px;
		background: #fff;
		border: 1px solid #2c2e87;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 1px #eee;
		box-shadow: inset 0 1px 1px #eee;
		-webkit-transition: all .15s linear;
		-o-transition: all .15s linear;
		transition: all .15s linear;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
}
	#slidemenu img{
		vertical-align: bottom
}
	#div_aktuell, #div_blau_big{
		position:absolute;
		height:55px;
		width:180px;
		background-color:#2c2e87;
		left:0px;
		top:-55px
}
	#div_blau_klein{
		position:absolute;
		height:25px;
		width:180px;
		background-color:#2c2e87;
		left:0px;
		top:-25px
}
	.small #div_blau_big{
		position:absolute;
		height:25px;
		width:180px;
		background-color:#2c2e87;
		left:0px;
		top:-25px
}

div.socials {position: absolute; height:30px; width:200px;right:-10px;top:-35px}
div.socials ul li {margin-right:15px; line-height:20px;list-style-type: none;} 
#div_aktuell{
	position:absolute;
	height:40px;
	width:150px;
	background-color:#2c2e87;
	left:0px;
	top:-40px}

#div_aktuell a{
	display:flex;
	align-items: center;
  justify-content: center;}
	
#div_aktuell a span{
	display:block;	
	font-family: 'serifregular', serif;
	color:#ffffff;
	font-size:15px;
	line-height:40px;
	font-weight:400;
	letter-spacing:2px;
	text-decoration:none;
}

	#Siemens{
		width:151px;
		height:75px;
		position:absolute;
		left:30px;
		top:-100px
}
	#Impressum {
		position: absolute;
		right: 0;
		bottom: -105px
}
	#Impressum li a,#Impressum li span,#Impressum li strong {
		color:#2c2e87;
		font-weight:400;
		font-size:14px;
		font-size: 0.9rem
}
	#Impressum li strong.active {
		font-weight:700
}
	#Impressum ul li {
		display:inline-block;
		margin:0 10px
}
	#Sitemaplink_de {
		margin-left:0px;
	}
	div.table > div.ce_text {
		width: 250px;
		margin:0 auto;
		margin-bottom:3em !important
}
	.ce_accordionStart div.toggler h2 {
		margin-left:20px
}
	.ce_accordionStart div.toggler h2:before {
		font-family: 'Font Awesome 5 Free';
		content: "\f054";
		color: #2c2e87;
		font-size: 18px;
		margin-left:-20px
}
	.ce_accordionStart div.toggler.active h2:before {
		font-family: 'Font Awesome\ 5 Free';
		content: "\f078";
		color: #2c2e87;
		font-size: 18px;
		margin-left:-20px
}
	.ce_accordionStart div.toggler h3 {
		margin-top:0px;
		margin-left:22px
}
	.ce_accordionStart div.toggler.active h3 {
		margin-left:22px
}
	#Ansprechpartner,#contacts {
		position:relative;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
		grid-column-gap:0%;
	}
	#Ansprechpartner div.ce_text.span,#contacts div.ce_text.span{
		-ms-grid-column:1;
		grid-column-start:1;
		-ms-grid-column-span:1;
		grid-column-end:2;
	}
	#Ansprechpartner div.ce_text.span,#contacts div.ce_text.span {
		-ms-grid-column:1;
		grid-column-start:1;
		-ms-grid-column-span:1;
		grid-column-end:2;
	}
	#Ansprechpartner div.ce_text,#Ansprechpartner div.ce_text.span,#contacts div.ce_text,#contacts div.ce_text.span{
		width: 80%;
		margin:0 10%;
		margin-bottom:3em !important
}

/*
.squaremovie {
 position: relative;
 padding-bottom: 100%;
 width: 100% !important;
 height: auto;
}
*/
}


/**************+ Pagination News **************/

.pagination {
    margin-bottom: 1em;
    margin-top: 60px
}

/*
.pagination p {
    margin: 0
}
*/

div.pagination p {display:none}

@media (min-width:768px) {
    .pagination p {
        float: left;
        line-height: 40px
    }
}

.pagination ul {
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .pagination ul {
        float: left;
        margin-left: 0em
    }
}

.pagination li {
    list-style: none;
    float: left;
    margin-right: 5px
}

.pagination a,
.pagination span {
    font-size: 1em;
    font-size: 1rem;
    font-weight: 300;
    padding: 5px 15px;
    display: inline-block
}

.pagination a {
    background-color: #f2f2f2;
    transition: background-color .3s, color .3s;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .pagination a {
        margin-bottom: 0
    }
}

.pagination a:hover,
.pagination a:active {
    background-color: #00f;
    color: #fff
}

.pagination span.active {
    background-color: #96c100;
    color: #fff
}