/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben 
2. Namenskombinationen:
	- mit Unterstrich (z.B. "wizard_navi")
*/

	/*****************************************************************************/
	/*               INHALTSVERZEICHNIS                                          */
	/*****************************************************************************/
	/*****************************************************************************/
    /*               Body                                                        */
    /*****************************************************************************/	     
	/*****************************************************************************/
	/*               Header mit Logo und Services                                */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Login-Info Zeile                                            */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Navigation Funktionsgruppen                                 */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Breadcrumb                                                  */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Navigation - Wizard                                         */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Content                                                     */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Content Portal                                              */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Fusszeile                                                   */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Unsichtbare Elemente, nur für Screenreader "sichtbar"       */
	/*****************************************************************************/
	/*****************************************************************************/
    /*              Menüdarstellung im Contentbereich, RSS-Feed Portal           */
    /*****************************************************************************/
	/*****************************************************************************/
	/*               Messages Info Box                                           */
	/*****************************************************************************/	
	/*****************************************************************************/
	/*               Makro-Layout                                                */
	/*****************************************************************************/
	/*****************************************************************************/
	/*   	    	  OpenID                                                     */
	/*****************************************************************************/
	/*****************************************************************************/
	/*   	    	  No JavaScript message                                      */
	/*****************************************************************************/
	/*****************************************************************************/
	/*   	    	  Responsive Design                                          */
	/*****************************************************************************/
	/*****************************************************************************/
	/*               Portlet Quicklinks                                          */
	/*****************************************************************************/
	
/*****************************************************************************/
/*               ANFANG CSS                                                  */
/*****************************************************************************/	
/*****************************************************************************/
/*               Body                                                        */
/*****************************************************************************/

html, body {	
	margin: 0;
	padding: 0;
	min-height: -webkit-fill-available;
	font-size: var(--fontSize4);
	-webkit-text-size-adjust:none;/* Verhindert, dass Safari Textgrößen selbsttätig optimiert und diese dadurch uneinheitlich groß werden*/
}

body {
	min-height:100vh;
	height:100%;	
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	color: var(--basicFontColor);
	background-color: var(--backgroundColor2);
	font-family: var(--font) !important;	
    line-height:1.3em;
    font-display: optional;
}

.embedded {
	overflow: hidden;
}

@media screen and (max-width: 768px){	
	 body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}	

.wrapper {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media screen and (max-width: 1024px){		
	 #wrapper_no_background {	
		margin-top: 0;
		min-width: 0;
	}
}

@media screen and (max-width: 768px){		
	  #wrapper_no_background {
		border-bottom:0 solid var(--backgroundColor2);
		margin-top: 0;
		max-width:1900px;
		min-width:0;
	}
}

.fixedElements {
	height: 100vh;
}

body.fixedLayout {
	overflow: hidden;
	height:auto;
} 

.wrapper, .fixedElements {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.background_portal_hisinone {
	background-image: none;
}

.inlineBlock {
	display: inline-block;
}

/*Personalisiertes Portal */
/*Warteicon bei IFrames */
.frameWrapper {
	position: relative;
	overflow: hidden;
	min-height: 150px;
}

.frameWrapper iframe {
	height: 100%;
	width: 100%;
}

#frameWrapper_iframe_communicationLogAPP {
	/** fix for form in initial state when no notes have been created **/
	min-height: 400px;
}

.frameWrapperMinHeight400{
	min-height: 400px;
}

.frameWrapperMinHeight700{
	min-height: 700px;
}

.communicationLogMinHeight{
	min-height: 500px;
}

@media screen and (max-width: 768px){
.ios .frameWrapper {
	/** ios fix to allow scrolling in the child iframe **/
	width: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch; 
	}
}

.frame {
	visibility: visible;
	overflow: auto;
	border-width: 0;
	width: 100%;
}
.frameloaderBackground{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: var(--backgroundColor2);
	opacity:1;
}
.loadingAnimationContainer{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

/*Portlet Lesezeichen*/

.bookmarkPortletBookmarkList .helptext{
	border:none;
	background-color:transparent;
	color:var(--basicFontColor);
}

.bookmarkPortletBookmarkList .helptext .fieldsetMessageText{
	margin-left:0;
}

.bookmarkPortletBookmarkList .helptext img{
	display:none;
}

.bookmarkPortletManageBookmarks .submit_pencil{
	margin-left:10px;
}

/* Lesezeichen*/
#bookmarkForm {
	margin-right:7px;
}
		
#bookmarkForm .iconfont-bullet_star_blue {
	display: inline-block;
   	vertical-align: middle;
	font-size:135%;
}

#bookmarkForm button {
	width: auto;
	height:auto;
}

.bookmarkPopupMenu .bookmarkPopupMenuLink:focus,
.bookmarkPopupMenu .bookmarkPopupMenuLink:hover{
	color: var(--basicFontColor);	
}

.bookmarkMenuButton .submit_image .iconfont-bullet_star_blue:before{
	font-size:160%;
	vertical-align:top;
}

@media screen and (max-width: 768px){	
	#bookmarkForm button {
	  font-size: 100%;
	}
}

/** Prevent colapsing portlet column dropareas if they are empty */
.portletColumnsContainer .droparea {
	min-height: 1px;
}	

@media screen and (max-width: 1024px){ 		
	 .droparea{
	padding-bottom:0 !important;
	}	
}

@media screen and (max-width: 768px){ 	
 .droparea{
		padding:0 !important;
	}
}

/* .portletColumnsContainer .box_title h2{
	margin-left:-3px;
} */

.dragAndDropHandleTd{
	padding-right:0;
}

.dragAndDropHandleTd{
	vertical-align:top;
}

.dragAndDropHandle{
	margin-top:4px;
	margin-right:8px;
	background-repeat: no-repeat;
	background-position: top left;
	background:url('/HISinOne/images/icons/mouse_move.svg');
	height:var(--imageSizeStandard);
	width:var(--imageSizeStandard);	
}

.dragAndDropHandle:hover{
	cursor:move;
}

@media screen and (max-width: 1024px){ 		
	 .dragAndDropHandle{
		height:20px;
		width:20px;
		margin-right:7px;
		margin-left:10px;
		margin-top:3px;
	}
}
	
@media screen and (max-width: 768px){
.dragAndDropHandle{
		display:none !important;
	}
}

.myHover{
	border: 3px dashed #919191;
}

.myHoverForTab{
	float: left;
	border: 1px dashed #919191;
}

/*****************************************************************************/
/*               Header mit Logo und Services                                */
/*****************************************************************************/

.header_hisinone {
	width: 100%;
	padding-top: 8px;
	margin-bottom: 0;
}

.headerRightTop{
	text-align:right;
	margin-left:auto;
}

@media screen and (max-width: 768px){ 
	.headerRightTop{
		margin-right:0;
		margin-left:40px;
		text-align:center;
	}
}

/** sub boxes - restore text align */
li.listBullet {
	text-align: left;
}

.header_hisinone .logo {
	float: left;
	margin-bottom:2px;
	margin-right:5px;
}

.logo a {
	margin-right:-3px;
	background-color:transparent;	
	padding: 0;
}

#hisinoneLogos { 
	float:none;
}

.services ul.sList li:not(.ui-selectonemenu-item), .services_header_fixed ul.sList li{
	margin-right:6px;
}

ul.sList .minusIcon, ul.sList .plusIcon{
	height:32px;
	width:32px;
	border:none;
	padding:0;
	margin:0;
	min-height:16px !important;
}

ul.sList .plusIcon:before{
	content: "\eb45" / "";
}

ul.sList .minusIcon:hover, ul.sList .plusIcon:hover, ul.sList .minusIcon:focus, ul.sList .plusIcon:focus{	
	padding:5px;
    background-color:var(--highlightBackgroundColor) !important;
}

ul.sList .minusIcon:focus, ul.sList .plusIcon:focus{
	outline:var(--highlightFocusOutline);
}
.services_header_fixed{
	display: inline-block;
	margin-top:0;
}

.services{
	margin-top:0;
	display: inline-block;
}

/*Startseite: verhindert Umbruch des Container unter Login-Bereich, so dass Header kompakt ist)*/
.divHeader .services,
.divHeader .services_header_fixed {
	display:inline-block;
}

.services .sList,
.services_header_fixed .sList {
	list-style-type: "";
	padding: 0 0;
	display: inline-block;
	margin-top:0;
	align-items: center;
}

.sList{
	margin-bottom: 0;
}

@media screen and (max-width: 768px){		
	 .services .sList,  .services_header_fixed .sList{
		margin:0;
	}
}

.divHeader .services .sList, .divHeader .services_header_fixed .sList {
	justify-content: flex-end;
    display: flex;
}

.services .listBullet,
.services_header_fixed .listBullet {
	list-style-type: "";
	display: inline-block;
	height:auto;
	vertical-align:middle;
}

.services  a.sLink, 
.services_header_fixed  a.sLink{
	margin-top:0;
	padding-left:4px;
	padding-right:4px;
	display: inline-block;
}

.services_header_fixed .mailMenu span { 
	color: var(--backgroundColor12) !important; 
}

.services_header_fixed #sessionCounter{
	font-size:110%;
	padding-top: 3px;
}

.services h6.sessionTimeout, .services_header_fixed h6.sessionTimeout {	
	display:inline;
	font-weight:normal;
	position:relative;
	bottom:3px;
}

.services_header_fixed .sessionTimeout {
	font-size: var(--fontSize5);
}

/*Rollenumschaltung*/
.divHeader .roleSwitcher{
	margin:0 20px 0 45px;
}
.gridFooter .roleSwitcher .ui-selectonemenu.dropdown_autoWidth .ui-helper-hidden-select select,
.divHeader .roleSwitcher .ui-selectonemenu.dropdown_autoWidth .ui-helper-hidden-select select {
	width:100%;
}
.gridFooter .roleSwitcher .ui-selectonemenu,
.divHeader .roleSwitcher .ui-selectonemenu {
	width:100% !important; 
	margin:0;
}

.gridFooter .roleSwitcher .ui-selectonemenu .ui-selectonemenu-label,
.divHeader .roleSwitcher .ui-selectonemenu .ui-selectonemenu-label  {
	white-space:normal;	
	height:29px;
	padding-right:25px;
	line-height:1.6em;
/* 	border-radius: 16px; */
}

.gridFooter .roleSwitcher .ui-selectonemenu-panel,
.divHeader .roleSwitcher .ui-selectonemenu-panel {
	width:auto !important;
	max-width:none !important;
}

.contentWidgetPanel .roleSwitcher {
	width: 100%;
	margin-right: 0;
}

.contentWidgetPanel .roleSwitcher .dropdown_autoWidth {
	max-width: 100%;
}

/*Link zur HISinOne Startseite*/
.homeIconlink{
	text-decoration:none;
	padding:4px;
	margin-right:7px;
}

.homeIconlink:focus {
	outline: var(--highlightFocusOutline);
	border-radius: 0;
	border: var(--highlightBorder);
	text-decoration:none;
}

.homeIconlink:hover {
	text-decoration:none;
}

@media screen and (max-width: 1024px){ 	
	.role_select > .dropdown_autoWidth {
		max-width: 40%; 
	}
	.ios .contentWidgetPanel .roleSwitcher .dropdown_autoWidth {
		/** default max width set in frame.css is ignored in safari ios **/
		width: 100% !important;
	}
}

.passwordForgot a{
	margin-right:5px;
	display:inline-block;
}

.sLink,
.services_header_fixed .sLink {
	text-decoration: none;
	color: var(--basicFontColor);
}

.divfoot_navigation_fixed  a.sLink {
	text-decoration: underline dotted;
}

.services a.sLink:hover, .services a.sLink:focus, .services a.sLink:active	{
  	text-decoration:none;
}

.services a.sLink:focus,
.services a.sLink:hover {
   background-color:var(--highlightBackgroundColor) !important;
   box-shadow:var(--highlightShadow);  
   transition:var(--highlightTransition); 
   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
   transition-property: border 0.8s;
   transition-property: box-shadow 0.8s;
}

.services a.sLink:focus {
   outline:var(--highlightFocusOutline);
   border-radius:0;
   border:var(--highlightBorder);
}

/*Anzeige neuer Portalnachrichten*/
.infoboxNewMessagesContainer{
	min-width:29px;
	position:relative;
}

.infoboxNewMessagesContainer .iconfont-bell{
	width:20px;
	display:inline-block;
}

li.infoboxMessages .iconfont-plus_circ.newContentOnInfobox{
	font-size: 90%;
	margin-top: 15px;
	line-height: 0.2em;
	display: inline-block;
	margin-left: -17px;
	background-color: var(--contrastFontColor);
}

li.infoboxMessages .newContentOnInfoboxBadge{		
    font-size: 80%;
    border-radius: 16px;
    width: 16px;
    display: inline-block;   
    line-height: 13px;
    color: var(--contrastFontColor);
    text-align: center;
    border: 2px solid var(--backgroundColor2);
    font-weight: bold;
    background-color: var(--backgroundColor7);
    position: absolute;
    bottom: -3px;
    right: 0;
    height: 16px;
}

.iconfont-plus_circ.newContentOnInfobox:before{
	color:var(--backgroundColor13);
}

/*Anzeige der Menge erhaltener Emails*/
a span.stylingNotificationCounter{
	bottom:4px;
	left:-5px;
	position:relative;
	color: var(--backgroundColor38);
}

.services_header_fixed .sLink:focus,
.services_header_fixed .sLink:hover{
	color: var(--backgroundColor38) !important;
}

@media screen and (max-width: 1024px){ 
     .sLink:hover,  .sLink:focus,  .sLink:hover{
		background-color: transparent;
	    -webkit-box-shadow: 0 0 00 var(--backgroundColor7);
	  	-moz-box-shadow : 0 0 00 var(--backgroundColor7);
	 	-o-box-shadow : 0 0 00 var(--backgroundColor7);
	  	box-shadow : 0 0 00 var(--backgroundColor7);  	
		-moz-border-radius: 0;
		-webkit-border-radius: 0; 
		border-radius: 0;
    }
} 

@media screen and (max-width: 768px){   
     .sLink:hover,.sLink:focus,.sLink:hover{
		background-color: transparent;
	    -webkit-box-shadow: 0 0 00 var(--backgroundColor7);
	  	-moz-box-shadow : 0 0 00 var(--backgroundColor7);
	 	-o-box-shadow : 0 0 00 var(--backgroundColor7);
	  	box-shadow : 0 0 00 var(--backgroundColor7);
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
    }
    .messageServicePortlet_NewMessagesItem .sLink{
       text-decoration:underline;
       font-weight:bold;
       color: var(--accentFontColor);
    }    
}     

.loginStartPage{
	display:inline-block;
	margin-right:10px;	
	margin-bottom:2px; 
}

.separator{
	padding-right: 3px; 
	padding-left: 3px;
}

/*	Fieldset Layout für die Sidebar */
.fieldsetSidebar {
	margin: 0;
	padding: 0 0 0 7px;
}

.fieldsetSidebar legend {
	display: none;
}

.fieldsetSidebar .layoutFieldsetTitle {
	padding-left: 4px;	
}

/* Verwendung: Focus Logos */ 

.logoPortal,.productLogo img{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.headlines{
 	width:170px;
 	float:left;
 	margin-top:2px;
 	line-height:15px;
 	font-size:70%;
 	color: var(--basicButtonBorderColor);
 } 
 
#logoAndServicesHeader{	
	position: relative;
   	display: flex;
   	justify-content: flex-start;
   	align-items: center;
}

#logoAndServicesHeader > .floatRight {
	order:1;
}

#hisinoneHeader, #hisinoneFooter {
	flex-shrink: 0; /** IE 11 and safari (ios) bug fix **/	
}

#hisinoneHeader {
 	border-bottom:1px solid #eae5e5; 
	background-color:var(--headerFooterBG);
}

.desktop #hisinoneHeader{
	position:relative;
}

.logosHisinone{
	float:left;	
	margin-right:20px;
}

.logoLinkPortal:hover, .logoLinkPortal:focus {
	padding-top:30px;
}

.logoLink{
	padding:0;
	display:block;
	border: var(--highlightBorderTransparent);
}

.logoLink img{
	height:auto;
	width:auto;
	max-width:100%;
	min-width:80px;
}

.reducedHeader .logoLink img{
	height:32px;
	width:115px;
} 
 	
.flag{
	margin-top:3px;
}

#sessionDiv {
	position: relative;
    width: 2.2em;
	height: 2em;
	margin-right: 6px;
}

#sessionCounter{
	font-size: 115%;
	font-weight:bold;
  	color: var(--accentFontColor); 
  	position: absolute;
    pointer-events: none;
    left: 6px;
  	top: 12px; 
    
}

a[id^='widgetRender\:'][id$=':collapsibleHeaderActionFrom\:overlaySessionTimeout\:sessionTimeoutShowButton'] {
	position: absolute;
    top: 8px;
    width: 2.5em;
    height: 2em;
}

/*Placeholder ausblenden, wenn Oberflächentextbearbeitung aktiv*/

input[placeholder*=editUiKeyPopup]::-moz-placeholder{
	opacity:0;
}

input[placeholder*=editUiKeyPopup]::-webkit-input-placeholder{
	opacity:0;
}

input[placeholder*=editUiKeyPopup]::-ms-input-placeholder{
	opacity:0;
} 

/*****************************************************************************/
/*               Login-Info Zeile                                            */
/*****************************************************************************/
.divloginstatus {
	border-right: var(--highlightBorderForms);
	border-left: var(--highlightBorderForms);
	color: var(--backgroundColor3);
	padding: 2px 0 2px 10px;
	background: var(--backgroundColor11);
	margin-top: 4px;
	position: relative;
	min-height: 1.4em;
}

.links3 {
	min-height:1.2em;
	color: var(--contrastFontColor) !important;
	font-weight: normal;
	text-decoration: none;
}

.links3:focus,.links3:hover,.links3:active
	{	
	background-color: transparent;
	text-decoration: underline;
	 -webkit-border-radius: 0;
	 -moz-border-radius : 0;
	 border-radius : 0;
	-o-box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important; 	
	 box-shadow:none !important;	
}


.input_login_hisinone {
	width: 150px;
}

.loginPortletCheckbox {
	margin-left: 4px;
}

/*Passwort Container*/
.accountPasswordContainer{		
	display: flex;
	flex-wrap: wrap;
	margin-top:1px;
  	width: 400px; 
}
	
.accountPasswordContainer label{
	font-weight:bold;
}

.accountPasswordContainer label, .roleSwitchLabel, #searchMenuExtContainer label{		
	font-size:var(--fontSize5);
	white-space: nowrap;
}

.accountContainer{
	display: flex;
	flex-direction: column;
}

.passwordContainer{
	display: flex;
	flex-direction: column;
}

.showPasswordContainer{
	position:relative;
	display:inline-block;
}

.showPasswordElement{
	position: absolute;
	right: 3px;
	top: 2px;
	background-color:var(--backgroundColor2);	
	padding:2px;
}

.showPasswordAccessDenied{
	border-radius: 50%;
}

/* Session timeout login Popup */
.confirm_infobox .showPasswordElement img{
	margin:0;
}

.confirm_infobox .showPasswordElement{
	top:2px;
	border-radius: 50%;
	padding: 2.5px;
}

/* mobile Ansicht */
@media screen and (max-width: 768px){
	.showPasswordElement{
		top: 0;
	}
}

.submit_login {
	color:var(--contrastFontColor);
	font-weight: bold;
	background-color: var(--backgroundColor7);
}

.loginStartPage .submit_login, .mobileLoginContainer .submit_login{
	margin-top: 20px;
	padding: 5px 10px 5px;
	height: 32px;
}

/* .loginStartPage .submit_login { */
/* 	margin-bottom: -10px;} */

.mobileLoginContainer .submit_login{
	margin-top: 0;
}

.loginStartPage .newPassword { 
    font-size:var(--fontSize5);
    float: left;
    margin-left: -3px;
}

.mobileLoginContainer .newPassword { 
    font-size:var(--fontSize5);
    display:block;
}

.mobileLoginContainer .submit_login{
	margin-top: 0;
}


#loginLinkElement {
	display:none;
}

#loginForm {
    width: 400px;
    margin-bottom:1px;
}

.accessDeniedSubmit{
	margin-left:31.1%;
	margin-top:10px;
}

	
@media screen and (max-width: 1024px){ 	
	 #loginForm{
		width:auto;
	}		
}

@media screen and (max-width: 768px){ 	
 	#loginForm{
		width:100%;
		text-align:center;
		width: 90%;
		display: inline;
	}	
	.input_login_hisinone{
		width:150px;
	}
	 input.input_login_hisinone {
		margin: 0 auto;
		margin-bottom:2px;
		width: 100%;
	}	 
	#loginLinkElement {
		display:block;
	}	
	 #newPassword{
		text-align:center;
		text-decoration:none;
		line-height:3em;
	}
	
	.devices{
		margin: 0;
	}
	 .mobileLoginContainer input{
		margin-top:5px;
	}
	 .mobileLoginContainer .mobileLoginButton{
		margin: 5px 0;
		display: block;
	}	
	.accessDeniedSubmit{
	    margin-left:0;
	}	
	
}


/*Checkbox "Angemeldet bleiben", Login-Button auf Mobil zentralisiert und in erwartbarer Tabreihenfolge*/
@media screen and (max-width: 768px){ 
	.accountPasswordContainer {
 		 width: 100%; 
	}	
	
	.accountContainer, .passwordContainer, #loginForm, .autoLoginBoxInfo{
		margin: 0 auto;
	  	margin-top: 0px;
	  	margin-right: auto;
	  	margin-bottom: 0px;
	}
	.accountContainer, .passwordContainer{
		width: 55%;
	}
	
	.loginStartPage .submit_login, .mobileLoginContainer .submit_login  {
		width: 55%;
		text-align: center;
	}
	
	.loginPortletCheckbox {
		margin-left: 4px;
	}

	.autoLoginCheckButton{
		width: 100%;
	}

	
	.loginStartPage .newPassword{
		float:left;
		margin-left: 22%;
	}

	.loginStartPage .textAlignLeft.verticalAlignMiddle {
    	margin-left: 22%;
	}
}
	
/*Auf Tablet-Größe soll Passwort vergessen auch linksseitig stehen*/
@media screen and (min-width: 1280px){ 
	
	.loginStartPage .newPassword { 
    	float: right;
    	margin-left: -3px;}
}

/*CAS-Login Positionierung*/
.cas_login{
	float:left;
	margin-top:-3px;
}


/*  Menüsuche*/
input.searchMenuInput {
	width:100%;
	-webkit-transition: all 0.2s;
    transition: all 0.2s; 
	padding-left:27px;
	margin:0;
	min-width: 25em;
	height: 30px;
}
/* Menüsuche soll nciht in Rollenwechsel hinein ragen*/
@media screen and (max-width: 1368px){ 	
	 input.searchMenuInput {
		min-width: unset;
	}	
}

#searchMenuExtContainer {
	margin-left:20px;
    float: left;
    position: relative;
}

@media screen and (max-width: 1024px){ 		
	#searchHISinOneMenuExt::placeholder{
		color: transparent;
	}
}

#searchMenuExtContainer_inNav {
	position: relative;
}

.searchMenuExtIcon{
	position:absolute;
	top:25px;
	left:2px;
}

#searchMenuExtContainer_inNav .searchMenuExtIcon:before{
	position:absolute;
	top: 6px;
    left: 10px;
}

.searchMenuInput:focus {
	float: left;
	font-style: normal;
	color: var(--basicFontColor);
	border: none;
	border-bottom: 3px solid var(--backgroundColor7);
	background-color: var(--backgroundColor2);
}
.searchMenuResultsLabel {
	font-size: var(--fontSize5);
	color: var(--accentFontColor);
	padding-left: 3px;
}
.searchMenuResultKeywords{
	display: block;
	position: relative;
    height: 1.5em;
    overflow: hidden;
    word-break: break-all;
}
.searchMenuResultKeywords > span {
	position: absolute;
    display: block;
    /* left: -150px;  */
    width: max-content;
}
span.searchMenuResultKeywords{
	color: var(--disabledFontColor);
}
span.searchMenuHighlight{
	font-weight: 600;
	color: var(--accentFontColor);
}

#searchMenuResults_inNav,
#searchMenuResults,
#searchMenuNoResultsTexts_inNav,
#searchMenuNoResultsTexts {
	position: absolute;
	left: 10px;
	text-align: left;
	display: none;
	padding: 10px 10px 10px 2px;
	width: 100%;
	min-width: 25em;
	max-height: 300px;	
	background-color: var(--backgroundColor2);
	z-index: 1150;
	color: var(--basicFontColor);
	border:none;
	overflow:auto;
	box-shadow: 1px 2px 18px var(--highlightShadowColor);
}
#searchMenuNoResultsTexts{
	padding-left: 8px;
}

span.horBlendingGradientRight {
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	height: 1.5em;
	width: 25px;
}

span.horBlendingGradientLeft {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	height: 1.5em;
	width: 25px;
}

a.menuSearchLink:hover span.horBlendingGradientRight,
a.menuSearchLink:focus span.horBlendingGradientRight{
	background: linear-gradient(90deg, rgba(255,241,204,0) 0%, rgba(255,241,204,1) 100%);
}
a.menuSearchLink:hover span.horBlendingGradientLeft,
a.menuSearchLink:focus span.horBlendingGradientLeft {
	background: linear-gradient(90deg, rgba(255,241,204,1) 0%, rgba(255,241,204,0) 100%);
}

#searchMenuResults_inNav ul,
#searchMenuResults ul  {
	padding: 0;
	margin: 0;	
}

#searchMenuResults_inNav ul li,
#searchMenuResults ul li  {
	line-height: 1.2em;
	margin-left:5px;
	list-style-type: "";	
}

#searchMenuResults_inNav ul li a,
#searchMenuResults ul li a {
	text-decoration:none;
	background-position:2px 3px;
	padding:0.3em 30px 0.3em 5px;
}

#searchMenuResults_inNav ul li:hover,
#searchMenuResults_inNav ul li:focus,
#searchMenuResults ul li:hover,
#searchMenuResults ul li:focus {
   outline:none;
   background-color:var(--highlightBackgroundColor) !important;
}

#searchMenuResults_inNav ul li:focus,
#searchMenuResults ul li:focus {
	outline:var(--highlightFocusOutline);
}

#searchMenuResults_inNav ul {
	text-align:left;
	transform: translate(0);
	display:block;
}

/*Verbesserte Anzeige der Infotexte im Suchmenü */
#searchMenuResults a {
    display: block;
}

.services a.roleSwitcherToggle {
	display:none;
}

#searchMenuExtContainer_inNav {
	display:none;
}

.menuSearchLink {
	position:relative;
}

.menuSearchLink .menuLeftIconNext,
.nav .menuLeftIconNext {
	position:absolute;
	top:2px;
	right:0;
  	background: none;
	border:none;
	padding:0;
}

#userInfoForm .roleSwitcher,
#userInfoForm .roleSwitchHeadline,
.contentWidgetPanel .roleSwitcher,
.contentWidgetPanel .roleSwitchHeadline {
	display:none;
}

@media screen and (max-width: 1024px){ 		
	#searchMenuResults_inNav,
	#searchMenuResults {
		max-width:27em;
	}
	#searchMenuResults_inNav{
		left: 0px;
	}
	#searchMenuExtContainer {
		margin-right: 7px;	
	}	
	#systemInformationCenterElement, #editUiTextsElement, #editRolePreferencesEnabledList {
		display:none;
	}
	.logoLink img  {
		max-width:100%;
	}	
}

@media screen and (max-width: 768px){ 			
	#searchMenuExtContainer_inNav .searchMenuInput,
	#searchMenuExtContainer_inNav {
		display:block !important;
	}	
	#searchMenuExtContainer_inNav .searchMenuInput {
	    float: inherit;
		font-size:90%;
		width:100%;
		padding-left:30px !important;
	}
	.services a.roleSwitcherToggle{
		display:block;		
	}	
	.services .sList,  .services_header_fixed .sList{
		margin:0;
	}
	 .services,  .services_header_fixed{
		float:right;
		margin-right:5px;
	}
	 .services ol.sList li, .services_header_fixed ol.sList li{
		padding-right:0;
	}
	 .services ol.sList li,  .services_header_fixed ol.sList li{
		margin-right:0;
	}
	his-breadcrumb, #overlaySessionTimeoutElement{
	display:none;
	}
	#userInfoForm .roleSwitcher,
	#userInfoForm .roleSwitchHeadline{
		display:block;
	}
	.gridHeader .roleSwitcher,
	#roleSwitcherElement, #userInformationCenterElement, #editUiTextsElement, #editRolePreferencesEnabledList, #logoutLinkElement, #searchMenuExtContainer {
		display:none;
	}	
	 .roleSwitcher input[type="text"]{
		padding:10px 3px !important;
	}

	.roleSwitcher {
		width: 100%;
	}	
	.loginStartPage {
		position:absolute;
		right:0;
		top:100%;
		background-color:var(--headerFooterBG);
		padding:1em;	
		display:none;
		width:100%;
		box-shadow: 0px 5px 5px 0px var(--highlightShadowColor);
	}	
	 .loginStartPage{
		float:none;
		margin-right:0;
	}
	.loginStartPage .newPassword {
	   margin-top: 1.5em;
        display: block;
    }
	.loginStartPage .textAlignLeft.verticalAlignMiddle {
		text-align:left;
		    margin-top: 0.8em;
	}
	.loginStartPage .submit_login, .mobileLoginContainer .submit_login {
        height:auto;
    }
	.logosHisinone {
		margin:0 auto;
	}			
	#searchMenuExtContainer_inNav {
		padding: 8px 10px;
	}		
	#searchMenuExtContainer_inNav a {
		display:block;
	}
}		
#searchMenuClockExt{
	display: grid;
	justify-content: center;
	align-items: center;
}
#digitsClock{
	font-family: monospace;
	display: grid;
	justify-content: center;
	padding-top: 5px;
	font-weight: 600;
}
.clock {
	width: 250px;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	border: 4px solid #091921;
	border-radius: 50%;
	box-shadow: 0 -15px 15px rgba(255, 255, 255, 0.05), inset 0 -15px 15px
		rgba(255, 255, 255, 0.05), 0 15px 15px rgba(0, 0, 0, 0.3), inset 0
		15px 15px rgba(0, 0, 0, 0.3);
	
}

.clock::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background: var(--accentFontColor);
	border-radius: 50%;
	z-index: 10000;
}

.clock .hour, .clock .min, .clock .sec {
	position: absolute;
}

.clock .hour, .hr {
	width: 160px;
	height: 160px;
}

.clock .min, .mn {
	width: 190px;
	height: 190px;
}

.clock .sec, .sc {
	width: 230px;
	height: 230px;
}

.hr, .mn, .sc {
	display: flex;
	justify-content: center;
	position: absolute;
	border-radius: 50%;
}

.hr:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 80px;
	background: #ff105e;
	z-index: 10;
	border-radius: 6px 6px 0 0;
}

.mn:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 90px;
	background: var(--basicFontColor);
	z-index: 11;
	border-radius: 6px 6px 0 0;
}

.sc:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 150px;
	background: var(--accentFontColor);
	z-index: 12;
	border-radius: 6px 6px 0 0;
}
/*****************************************************************************/
/*               Navigation Funktionsgruppen                                 */
/*****************************************************************************/

/* Portal */

/*Login Status Portal*/
#modusPanel, #globalmessage{	
    margin-bottom: 1px; 
	margin-top: 1px;	
	line-height:1.3em;
}
	
/** Panel zur Anzeige von Modus(test, qual etc.) **/
#modusPanel {
	font-weight: bold;
	text-align: center;
	color: var(--accentFontColor);
	font-size:14px;	
	color: var(--contrastFontColor);
}

#modusPanel .editUiKeyMessage.info_infobox {
	box-shadow:none;
}

/*Icons im Panel test/cust*/
.modeIcon{
	margin-right:40px;
	display:inline-block;
}

span.modeIcon:before{
	color: var(--backgroundColor2);
}

/* -> Globale Nachricht  <- */
#globalmessage {
	text-align: center;		
	font-weight: bold;	 
    color: var(--contrastFontColor);
    padding:1px;  
	background-color:var(--backgroundColor6);
}

#loggedUserInfo {
    color: var(--backgroundColor2);
    margin-bottom: 5px;
    top:60px;
    right: 0;
    position:absolute;
    text-align: right;
    margin-right:0.5em;
}

.link_next,.link_open,
.link_bullet_his_blue {
	background-position: 2px 7px;
	background-repeat: no-repeat;
	font-weight: normal;
	background-color: transparent;
	vertical-align: middle;
	padding: 0.2em 2px 0.2em 22px;
	text-align: left;	
	text-decoration: none;	 
	background-size:14px;
	display:block;	
}

.link_next {
	background-image: url("/HISinOne/images/icons/resultset_next.svg")  ;
}

.link_open {
	background-image: url('/HISinOne/images/icons/resultset_down.svg') ;
}

.descriptionMenu{
	line-height: 12px;
	font-size: var(--fontSize5);
}



.styleguideLabelWidth {
	background-color: var(--backgroundColor3) !important;
}

/*****************************************************************************/
/*               Breadcrumb                                                  */
/*****************************************************************************/
.divBreadcrumb,
.divBreadcrumb_header_fixed {
	padding-bottom: 1px;
	margin-left:0px;
	color: var(--basicFontColor);
	font-size: var(--fontSize5);
	background-color: var(--backgroundColor2);
	margin-top: 4px;
}


.divBreadcrumb_header_fixed a:focus,
.divBreadcrumb_header_fixed a:hover {
	color: var(--backgroundColor38) !important;
}

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

.breadcrumbOl:first-child{	
	padding-left:3px;	
}
	
.breadcrumbOl a:hover, .breadcrumbOl a:focus{
	color:var(--backgroundColor38);
}	
	
.breadcrumbLi{
	display:inline;
}

.breadcrumbLi a{
	display:inline;
	line-height:initial;
}

.breadcrumbImageSpace {
	vertical-align:middle;
}

his-breadcrumb .iconfont-house.startpageIcon{
	font-family: var(--font) !important;
	font-size:var(--fontSize5);	
	padding-top:3px;
}

his-breadcrumb .iconfont-house.startpageIcon:before{
	content:none;
}

.desktop #hisinoneHeader,
#hisinoneHeader {
	top: 0;
   	left: 0;
   	z-index: 1099;
	width:100%;
	-webkit-transition: transform 0.3s ease-in;
	-moz-transition: transform 0.3s ease-in;
	-o-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}

body #hisinoneHeader.js-fixed {
	position:fixed;
}

#hisinoneHeader.js-hide {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

body #hisinoneHeader.js-top { 
	position:relative;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0%);
}

body #hisinoneHeader.js-top_hidden {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

@media screen and (max-width: 1024px){ 	
	#hisinoneHeader .headlines {
		display:none;
	}	
}


	/*****************************************************************************/
	/*               Sprungmenü                                                  */
	/*****************************************************************************/
#makronavigation .auflistung .wizard_navi ul,
#makronavigation .auflistung .wizard_navi ol
	{
	float: none;
	display: block;
}

#leftMenu .liste li {
    width: 100%;
    list-style-type: "";
	padding: 0;
}

#leftMenu ul.liste {
    width: 250px;
    min-width: 250px;
    display: block;
}

#leftMenu .liste.navigationList,
#hisinoneNavigation #leftMenu .liste{
	list-style-type: "";
	padding: 0;
}

/* Navigation Online-Immatrikulation und Alumni ausblenden */
@media screen and (max-width: 768px){
	#hisinoneNavigation #leftMenu {
		display:none;
	}
} 

#makronavigation .auflistung .wizard_navi li {
	float: none;
}

.wizard_navi {
	width: 95%;
	float: left;
	padding-right: 0.3em;
}

.wizard_navi ol {
	list-style-type: "";
	list-style-position: outside;
	margin: 0 0 20px 20px;
	padding: 0 0 0 0;
	line-height: 15px;
	background: var(--backgroundColor2);
}

/* Verschachtelte Seitengruppen */
.wizard_navi ol ol {
	margin-left: 2em;
	margin-bottom: 2px;
}

.wizard_navi li {
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
}

.wizard_navi .page .visitable,
.wizard_navi .page .active,
.wizard_navi .page .inactive,
.wizard_navi .group .page .visitable,
.wizard_navi .group .page .active,
.wizard_navi .group .page .inactive	{
	display: block;
    padding: 8px 4px 8px 30px !important;
}

.wizard_navi .page .visitable,
.wizard_navi .page .active,
.wizard_navi .group .page .visitable,
.wizard_navi .group .page .active {
	text-decoration: none;
}

.wizard_navi a:hover,
.wizard_navi a:focus{
	border:var(--highlightBorder);
	border-bottom: var(--highlightBorder);
	border-radius:1px;
}

.wizard_navi .group .visitable,
.wizard_navi .group .active,
.wizard_navi .group .inactive	{
	border: var(--border2);
	padding: 3px;
	margin-bottom: 2px;
	display: block;
}

.wizard_navi .group .visitable,
.wizard_navi .group .active {
	background: var(--backgroundColor3);
	text-decoration: none;
	color: var(--basicFontColor);
	background-color: var(--backgroundColor3) !important;
}

.wizard_navi .group .inactive {
	color:var(--disabledFontColor);
}

#makronavigation .wizard_navi .valid {
	padding: 8px 4px 8px 30px !important;
	height: 1%;
	text-decoration:none !important;
	line-height:1.3em;
}

/*Bereits ausgefüllt*/
.wizard_navi .page .visitable{
	padding: 6px 4px 6px 30px !important;
	text-decoration:none !important;
	height: 1%;
	line-height:1.3em;
}

/*Noch nicht ausgefüllt*/
.wizard_navi .page .inactive,
.wizard_navi .group .page .inactive {
	background: var(--backgroundColor2);
	color:var(--disabledFontColor);
}

.wizard_navi .page a::before,
.wizard_navi .page .valid.active::before,
.wizard_navi .page .inactive::before,
.wizard_navi .group .page .inactive::before,
.wizard_navi .page .invalid.active::before{
	font-family: "HISinOneIcons" !important;
	font-size: 120%;
	position: absolute;
	top: 6px;
	left: 5px;	
	content: "\ea0e" / "";
	color: var(--accentFontColor);
}

.wizard_navi .page .valid.active::before,
.wizard_navi .page .invalid.active::before{
	content:"\e94b" / "";
}

.wizard_navi .page .inactive::before,
.wizard_navi .group .page .inactive::before{	
	color: var(--disabledFontColor);
}

.wizard_navi .page .inactive::before,
.wizard_navi .group .page .inactive::before{
	top: 8px;
	color:var(--backgroundColor3);	
}

/*Stepnavigation Komponente*/
.wizard_stepnavigation {
	display: block;
	list-style-type: "";
	padding: 0;
	margin: 1em 0 0 0;
	float: left;
	clear: left;
}

.wizard_stepnavigation li {
	float: left;
}

/*****************************************************************************/
/*               Content                                                     */
/*****************************************************************************/
.divcontent { /* UmschließtNavigationsbaum und Inhalt*/
	width: 100%;
	margin-bottom: 5px;
}

.his_main_content{
	margin-bottom:0;
	padding-bottom:0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	color: var(--basicFontColor);
	background-color: var(--backgroundColor2);
	
	 /** Ticket: #146094 **/
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	/**********************/
	
	-webkit-flex:  1 0 auto;
	-ms-flex:  1 0 auto;
	flex: 1 0 auto;
}

@media screen and (max-width: 1024px){ 		
	 .his_main_content{
		padding-bottom:80px;
	}
}

@media screen and (max-width: 768px){ 		
	 .his_main_content{
		padding-top:0;
	}
}	

.content {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom:4em;
    border: var(--border1);
}

.content_start_page .content_navi_on, .content_start_page .content_max_navi_off, .content_navi_off{
	display: inline-block;	
}

.content {
	background-color: var(--backgroundColor3) !important;
}

.content_max_portal, .content_navi_on, .content_max_navi_off, .content_navi_off {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	margin:0 7px 0 7px;
}

 /* Verwendung: Content Onlinebewerbung (NEW) ohne Navigation und ohne Navi-On-Button*/
.content_max_navi_off_noButton {
	margin: 0 0 0 0;
	padding: 0;
}

@media screen and (max-width: 768px){
	 #contentFrame{
		padding:0 0 0 0;
	}
	 .content_navi_off,
	 .content_navi_on,
	 .content_max_portal{
		padding: 0 3px 0 3px; /* Zweck: Padding am Rand des Viewports erhöhen #191782 */ 
		width:99%;
		margin:0;
	}
	 .content_portal_hisinone{
		display:flex;
	}	
}

/* Zweck: Portlets in IFrames gestalten */
.portletFrame {
	width:99%; 
	padding-left:0;
	-moz-box-shadow: 0 0 0 var(--backgroundColor3) !important;
	-webkit-box-shadow: 0 0 0 var(--backgroundColor3) !important;
	box-shadow: 0 0 0 var(--backgroundColor3) !important;
}

.content_portal_hisinone {
	margin-left:0;
}

@media screen and (max-width: 768px){ 
	 .content_portal_hisinone{
		padding-top:0;
	}
}

.content_max {
	padding: 4px;
	display: block;
	width: 97%;
	margin: 0 0 0 18px;
	background-color: var(--backgroundColor3) !important;
}



.softwareLogoContent[src$=".svg"]{
	width:150px;
	height:150px;
}


/********************************************************************
  Feststehender Header Portal und Navigationsrahmen
 ********************************************************************/ 
.header_fixed{
	padding-bottom: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background-color: var(--headerFooterBG); 
}


.divfoot_fixed {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;	
	padding-top:5px;
	background-color: var(--headerFooterBG);
}

@media screen and (max-width: 1024px){ 
	.divfoot_fixed {
	padding-top:0;
	}
}

.content_portal_hisinone_fixed { 
	overflow: auto; 
	width:100%;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

@media screen and (max-width: 1024px){ 			
	/*Fixer Header Scrollen in Safari*/	
	.content_portal_hisinone_fixed { 
       position:-webkit-sticky;     /* iOS Safari */
	}
}

@media screen and (max-width: 768px){ 			
	 .content_portal_hisinone_fixed {
		overflow-x: hidden;
		overflow-y: auto;
	}
	 .divfoot_fixed {
		-webkit-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}	
	 .header_fixed {
		position: fixed;
		z-index: 50;
		width: 100%;
	}
}

.fixedElements .divfoot_portal_hisinone{
	padding-top:0 !important;
}

/*****************************************************************************/
/*               Content Portal                                              */
/*****************************************************************************/

/* Portalmeldungen und Email */
 
ul.mailMenu  {
 	margin-left: 0;
}
li.mailMenu {
 	margin-left: 22px;
 	border-bottom: 0;
/*  	border-top: 1px dashed #DFDFDF; */
}
.mailMenuBottomAndTopLine {
	margin-left: 22px;
 	/* border-bottom: 1px dashed #DFDFDF;
 	border-top: 1px dashed #DFDFDF; */
}
.mailMenuNoLine {
	margin-left: 22px;
 	border-bottom: 0;
 	border-top: 0;
}

#newEmail img{
	height: 24px;
	width: 24px;
}

.menuItem {
	position:relative;
}

.menuWrap {
	background-color:var(--backgroundColor2);
	position: relative;
    z-index: 1;
	transition: transform 0.2s, opacity 0.2s;
	transform: translateX(0);
	padding:0.75em 45px 0.75em 50px;
    border-radius: 2px;
    line-height:1.2em;
    border:var(--border1);
}

.menuWrap.deleted {  
	transform: translateX(-100%);
	opacity:0;
	pointer-events:none;
}

.menuList .ListingNavigationPage {
	margin:0;
	padding:0;
}

.menuList .undone-item {
	background-color:var(--backgroundColor6);
	position:absolute;
	right:10px;
	top:50%;
	transform: translate(0, -50%);
	text-align:center;
	line-height: 1em;
    font-size: 0.8em;
}

.menuList .iconfont-arrow_rotate_back {
	display:block;
	margin:0 auto 0.2em;
}

.menuList .iconfont-arrow_rotate_back:before,
.menuList .undone-item:before {
	color:var(--contrastFontColor);
}

.undone-text {
	background-color:var(--backgroundColor6);
	color:var(--contrastFontColor);
	position:absolute;
    left: 1px;
    top: 2px;
    width: 99%; 
    height: 96%;
	text-align:center;
	border-radius: 2px;
}

.undone-text span { 
	color:var(--contrastFontColor);
}

.undone-text > span {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.menuWrap .iconfont-delete {
	position: absolute;
    right: 0;
    top: 22px;
    transform: translateY(-50%);
    background-color: transparent;
	transition:0.4s background-color;
	border: none;
}

.menuWrap .iconfont-delete:focus .iconfont-delete:before,
.menuWrap .iconfont-delete:focus{
	color: var(--accentFontColor);
}

.touch .menuWrap .iconfont-delete,
.touch .menuWrap .iconfont-delete {
	opacity:0;
}

.portalMessagesSettings .portalMessagesSettings-section:not(:first-child) {
	margin-top: 1em;
}

 .ListingNavigationPage .menuWrap a.newMessageLinkStyling{
	color:var(--accentFontColor);
	padding-right:30px;
} 

 .ListingNavigationPage .menuWrap a.newMessageLinkStyling .newMessageLabel,  
 .ListingNavigationPage .menuWrap.newMessageContainerStyling .newMessageLabel{
    font-size:var(--fontSize7);
    font-weight:normal;
}

.ListingNavigationPage .menuWrap.newMessageContainerStyling{
	border-width:0 0 0 5px;
	border-left:5px solid; 
	border-left-color:var(--accentFontColor);
	box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
}

.portalMessagesContent .buttonsBottomLineAbove ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.ListingNavigationPage .menuWrap a.readMessageLinkStyling{
/* 	font-weight:normal; */
	color:var(--accentFontColor);
	padding-right:30px;
}



/* .ListingNavigationPage .readMessageContainerStyling a{
	font-weight:normal;
} */







.ListingNavigationPage .menuWrap a:hover,
.ListingNavigationPage .menuWrap a:focus {
	color:var(--basicFontColor);
}

.menuWrap .spacer_1 {
	left:5px;
	top:22px;
	transform:translateY(-50%);
	position:absolute;
	margin-left:10px;
}

.menuWrap img[src="/HISinOne/images/icons/asterisk_yellow.svg" ]{
	/* background-image: url('/HISinOne/images/icons/bullet_his_blue.svg') !important;
    background-size: 21px 21px; */
    box-sizing: border-box;
    padding-left: 40px;
    overflow: hidden;
    width: 20px;
    background-repeat: no-repeat;
}

.ListingNavigationPage .menuWrap.readMessageContainerStyling img{
	background-image: url('/HISinOne/images/icons/tick.svg') !important;
    background-size: 21px 21px;
    box-sizing: border-box;
    padding-left: 40px;
    overflow: hidden;
    width: 20px;
    background-repeat: no-repeat; 
}

.ListingNavigationPage li.menuList {
	padding:0;
	margin:0 0 5px 0;
}

.menuListDate {
	margin-top:0.8em;
	font-size:80%;
	display:inline-block;
	/* border-left: 12px solid #b7c7e2;
	padding-left: 5px;
	line-height: 1.1em; */
}

.ListingNavigationPage.mailMenu {
	padding-left:0;
	margin-top:0;
}

.ListingNavigationPage.mailMenu .menuList .ListingNavigationPage{
	margin-top:5px;
}


.menuList li.menuList {
	margin-left:15px;
	border-left: 13px solid var(--backgroundColor42);
}

.services ol.sList .menuList li.menuList{
	margin-right:2px;
}

/* Zweck: Barrierefreie Darstellung in der Portalinfobox bei Viewportbreite 320px/Zoom 400% */
@media screen and (max-width: 320px) {
	
	.ListingNavigationPage .menuWrap a.readMessageLinkStyling {
		word-break: normal;
		hyphens: auto;
		padding-right: 10px;
		}
		
	.ListingNavigationPage {
	word-break: normal;
		hyphens: auto;
		}
}
/*****************************************************************************/
/*               Fusszeile                                                   */
/*****************************************************************************/
.divfoot {
	position: absolute;
	bottom: 0; /* Positionierung unten */
	width: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
	background-color:var(--backgroundColor2) !important;		
}

.divfoot_portal_hisinone {
	bottom: 0;
    width: 100%;
    box-shadow: 0px 0px 16px var(--basicButtonBorderColor);
    padding: 2px 5px 5px 5px;
    background-color:var(--headerFooterBG);
}

.divfoot_navigation {
	border-right: var(--highlightBorderForms);
	border-left: var(--highlightBorderForms);
	color: var(--backgroundColor3);
	padding: 4px 15px 4px 20px;
	background: var(--backgroundColor11);
	margin-top: 0;
	clear: left;
}

.divfoot_navigation_portal {
	margin: 0 0 0 5px;
	padding: 1px 0 2px 0;
	clear: left;
}	

.divfoot_navigation_fixed {
	background: none;
	margin-top: 0;
}

.currentDevice_tablet .divfoot_navigation_portal .columnOneThirdLeft{
	padding-bottom:0;
}

.productLogoStyle{
	font-size: 30px !important;	
}

.divfoot_clustername {
	font-style: italic;
}

.footerLinkList{
	padding: 0;
	margin: 2px;
	display:inline;
}

.footerLinkList li{
	display:inline;
}

.footerLinkList li .iconfont-hyphen::before{
	color: var(--backgroundColor3);
}

@media screen and (max-width: 1024px){ 	 
	 .divfoot_clustername{
		display:none !important;	
	}	
}

@media screen and (max-width: 768px){ 	 
	 .divfoot_clustername{
		display:none !important;	
	}	
}

#hisinoneFooter .buttons_horizontal{
	padding-top: 6px;
	padding-right: 6px;
}

#hisinoneFooter .columnOneThirdRight{
	padding-bottom:0;
}

.hyphen{
	padding-right: 0; 
	padding-left: 0;
	padding-bottom:3px;
}

.iconfont-hyphen_height_16.hyphen::before {
    color: var(--backgroundColor44);
    color: var(--backgroundColor3);
}

/*Link zu "Information zur barrierefreien Bedienung im Footer einblendbar, wenn die Anzeige des Links im Menü nicht gewünscht wird"*/
.divfoot_navigation_portal a.sLink.accessibilityHelp, .divfoot_navigation_portal .accessibilityHelpHyphen{
	display:none;
}

.productLogo{
	margin: 5px auto 5px;
	width:120px;
}

.productCopyrightInformation {
    display: inline;
    white-space:nowrap;
    padding: 3px 2px;
}

.footerLinks{
	font-size:80%;
	text-transform:uppercase;
}

.langSelector {
	background-color:var(--headerFooterBG);
	}

@media screen and (max-width: 1024px){ 		
	 #footer{
		height:50px;
    } 
    .productLogo{
	margin: 1px auto 0;
	}
	#hisinoneFooter .columnOneThirdRight,
	#hisinoneFooter .columnOneThirdLeft{
	 width:32.5%;
	 float:left;
	 min-width:0;
	}
}

@media screen and (max-width: 768px){ 		
	 #footer {
		font-size:82.5% !important;
	}	
	 #footer{
	    font-size:180%;
	    height:50px;
	    margin-bottom:8px;
    }
     .productLogo{
    	margin:0;
    }
	 .divfoot_portal_hisinone .columnOneThirdRight{
	 padding:0;
	}
	.divfoot_portal_hisinone{
		padding:0;
	}
	 .divfoot_navigation_portal{
	 	text-align:left;
	 	padding:0;
	}
	 .langSelector {
	    margin-left: 10px;
	    -moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		float:none;
		padding-right:20px !important;
		padding-left:35px !important;
		background-position:8px 9px;
	}
	 .forceDeviceLink {
    	margin-left: 10px;
	}
	 .imprintLink{
		margin-top:15px;
		margin-bottom:10px;
		margin-left:10px;
		display:block;
	}
}
/************************************
 * Name, Datum: Arn Waßmann 20.06.2016
 * Zweck: Produkt Information darstellen, wenn H1 in einem IFrame ohne Navigationsrahmen läuft */
.iframeProductInformation {
	display: none;
}
.embedded .iframeProductInformation {
	display: block;
	text-align: right;
	font-size: 80%;
}
								
/*****************************************************************************/
/*               Unsichtbare Elemente, nur für Screenreader "sichtbar"       */
/*****************************************************************************/
.unsichtbar {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:1100;
}

.unsichtbar a:focus, .unsichtbar a:active {
	position:fixed;
	left:1px;
	top:1px;
	width:auto;
	height:auto;
	overflow:auto;
	z-index:20;
	color: var(--basicFontColor);
	
}

.visibilityOnlyForScreenreader {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:1100;
}

.visibilityOnlyForScreenreader a:focus, .visibilityOnlyForScreenreader a:active {
	position:fixed;
	left:1px;
	top:1px;
	width:auto;
	height:auto;
	overflow:auto;
	z-index:20;
	color: var(--basicFontColor);
	
}

/******************************************************************************************/
/*              Liste für Menüdarstellung mit Details im Contentbereich, RSS-Feed Portal  */
/******************************************************************************************/
/* Textbox über der liste*/
.menu_text_yellow {
	color: var(--basicFontColor);
	margin: 1em 0 1.5em 1.5em;
	padding: 1.5em 2.5em 1.5em 2.5em;
	line-height: 1.3em;
    border: var(--border1);
}

.ListingNavigationPage {
	margin-left: 10px;
	margin-right: 0;
	margin-bottom:0;
	padding-left: 1em;
	padding-right: 0;
	font-weight: normal;
	list-style-type: "";
}

.portletList {
	margin-left: 2px;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.3em;
}

.logoRss{
	float:right;
	padding:2px;
	padding-top:3px; 
	margin-left:10px;
	margin-bottom:5px; 
	margin-right:45px;
	height: 58px; 
	width: 96px;
}

@media screen and (max-width: 768px){ 
	 .logoRss{
		margin-left: 0;
	    margin-right: 0;
	    padding: 0;
	    height:62px;
	    width:96px;
	}
}

.rssFooter{
	padding: 0;
	margin-bottom:35px;
}

.ListingNavigationPage li {
	padding: 2px;
	margin:0;
	list-style-type: "";
}

.ListingNavigationPage a {
	font-weight: bold;
	text-decoration: underline dotted;
    padding: 0;
    display:block;
}

.ListingNavigationPage .imageContainer {
	float: left;
	margin: 4px 5px 0 0;
}

/* .ListingNavigationPage .imageContainer img {
	height:var(--imageSizeStandard);
	width:var(--imageSizeStandard);
} */

.ListingNavigationPage .imageContainer img[src$=jpg],
.ListingNavigationPage .imageContainer img[src$=JPG],
.ListingNavigationPage .imageContainer img[src$=png],
.ListingNavigationPage .imageContainer img[src$=PNG],
.ListingNavigationPage .imageContainer img[src$=gif],
.ListingNavigationPage .imageContainer img[src$=svg]{
	width:60px;
	height:auto;
}

.ListingNavigationPage .linkContainer {
	margin-left: 25px;
}

.ListingNavigationPage .pContainer {
	margin-left: 25px;
}

.ListingNavigationPage p {
	margin-bottom: 0;
	color: var(--disabledFontColor);
	margin-top: 3px;
	padding-bottom: 0.5em;
	padding-right: 10px;
	text-align: justify;
	line-height: 1.3em;
}

/** Suchergebnisseite*/
.ListingNavigationPage p.text{
	line-height: 1.5em;
}

@media screen and (max-width: 1024px){ 			
	 .ListingNavigationPage{
		margin:0;
		padding:0;	
	}	
	 .ListingNavigationPage .linkContainer, 
	 .ListingNavigationPage .pContainer{
		margin-left:0 !important;
	}
	
	#feedContent .ListingNavigationPage{
     	clear:both;
    }
}

@media screen and (max-width: 768px){ 
	.ListingNavigationPage .pContainer{
	    diplay:none !important;
	}
	 #feedContent .ListingNavigationPage{
		clear:both;
	}
	 .ListingNavigationPage{
		margin:0;
		padding:0;
	}
	 .ListingNavigationPage li{
		padding:2px 2px;
	}	
}	
	
.menu {
	list-style-type: "";
}

.submenu {
	list-style-type: "";
}

.portletTitleText{
	float:left;
	width:60%;
}

.portletTitleText .validToday,
.portletTitleText .notvalidToday{
	margin-right:7px;
}

.portletTitleText a,
.portletTitleText button {
	display:inline-block;
}

.portletTitleAndButtons > * {
    flex: 1 1 50%;
}

.portletAdded {
	clear:both;
}

.portletValid {
	padding:0.5em 0;
}

.portletPopularity {
	width:40%;
	text-align:right;
	float:right;
}

table[id$=addPortletTableTable] td {
	display:flex;
	align-items:center;
}

.portletExportCheckbox {
	position:relative;
	width:35px;
	text-align:center;
} 

.portletExportCheckbox input {
	position:absolute;
}

.graphicForPortletContainer {
	min-width:180px;
	padding-left: 5px;
}

/*
.portletExportCheckbox {
	width:5%;
}*/
.portletTitleAndButtons {
	width: 100%;
	padding-left:15px;	
}


.portletDescription{
	margin-left: 10px;
	font-style: italic;
	background:transparent;
}

/*Ort der Verwendung: HTML/Text-Portlet für den 3G-Status eines Studierenden*/
.my3GStatus {
	text-align: center;
}

.my3GStatusImg {
	margin: auto;
	width: 50%; 
}

.my3GStatusValidto {
	font-size: var(--fontSize2);
}


/*
Ort der Verwendung: Portlet zur Anzeige EPPSG-Zugangscode
Verwendungszweck:	Darstellung eines Zugangscodes inkl. Kopierfunktion und externem Link.
Grund für Neuanlage:	Hotfix für EPPSG-Prozess
*/

.eppsgPrivacyText {
     display:none;
}
.eppsgPrivacyText:target{
     display:block;
}
 
.eppsgInfoImg {
  float: left;
  margin-right: 2px;  
}
 
.eppsgInfoBoxTop {
     /*margin-bottom: 30px;*/ 
}
 
.eppsgCodeLabel, .eppsgCodeValue {
     float: left;
     background-color: var(--backgroundColor9);
} 
 
.eppsgCodeLabel {
     margin-right: 5px;
}
 
.eppsgCodeBox {
     /*margin-bottom: 30px;*/
     border: solid 2px var(--backgroundColor51);
     padding: 12px;
     background-color: var(--backgroundColor9);
}
 
.eppsgCodeCopyLink{
     margin-left: 20px; 
}
 
.eppsgCodeValue {
     padding-right: 20px;
     border-right: solid 1px var(--backgroundColor44);
     font-weight: bold;
}
 
.eppsgBigLink div {
	 width: 100%;
	 max-width: 100%;
}
 
@media screen and (max-width: 599px) {
   .eppsgCode {
         display: flex;
   }
   .eppsgCodeValue {
         border-right: none;
         float: none;
         padding-right: 0px;
   }
   .eppsgCodeCopyLink {
         margin-left: 0px;
   }
}


/*Ort der Verwendung: Upload-Portlet - HTML-Form-Portlet
Verwendungszweck: Portlet zum Upload von Dokumenten. Vorschaubild und Platzierung von Meldungen im Portlet
Grund für Neuanlage: Im Portlet weniger Platz als sonst */
#htmlFormPortlet\:messages-infobox\:callback\:userQuery .curtainBoxCallBack {
	margin-top: 3%;
}

.component-filterPanel label[id*=portletFieldset] {
	min-width:auto;
} 

@media screen and (max-width: 768px){
	table.table td div.graphicForPortletContainer{
	display:none;
	}
	table.table td div.portletTitleAndButtons{
	padding-left:0;
	display:block;
	}
	.portletTitleText, .portletPopularity{
	float:none;
	width:100%;
	text-align:left;
	}
	
	table[id$=addPortletTableTable] td {
		display:table-cell;
	}
	table.table td div.portletExportCheckbox {
		margin: 1em 0;
    	display: block;
    	text-align: left;
	}
}

.portletColumnsContainer .box_red_bg_grey{
	background: repeating-linear-gradient( 45deg, #f9f2ec, #f9f2ec 10px, var(--backgroundColor2) 10px,var(--backgroundColor2) 25px );                                
}

/* .notValidPortlet{
	background-image: url('/HISinOne/images/icons/inactive.svg') !important;
    background-size: 21px 21px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    padding-left:25px; 
    font-size:var(--fontSize5);
} */

/*Die Höhe einer leeren PanelGroup auf den SubMenu-Seiten bestimmen. */
.emptyPanelGroupOnSubMenuPage{
	height:16px;
}


#linkMoreText, #linkLessText{
    margin-left:6px;
}
#linkLessText{
    margin-bottom:6px;
}

.infoboxContainer {
    display:inline;
}

.genericSearchButtons{
	padding-bottom:5px;
}

.scrollWithMe-active{
	position:fixed;
	box-shadow:0 2px 5px var(--highlightShadowColor);
	top:0;
	padding:10px !important;
	width:100%;
	z-index:999;
	background-color: var(--backgroundColor2);
	max-height: 100%;
}
.scrollWithMe-active.scrollWithMe-keepSize {
	overflow:auto;
}

.scrollWithMe-active .buttonsTopLineBeneath{
	margin:0;
}

/*Zweck: Scrollcontainer APP Vergabeverfahren Quotenmenü */ 
 .quota.scrollWithMe-active .boxStandard{
	border:none;
}
 
/*Zweck: Scrollcontainer Styleguide Icons-Seite Kategorien */
.iconsCategoryList.scrollWithMe-active{
	overflow:auto;
	height:97%;
}

.scrollWithMe-active {
	-webkit-transition: top 0.3s ease-in;
	-moz-transition: top 0.3s ease-in;
	-o-transition: top 0.3s ease-in;
	transition: top 0.3s ease-in;
}

@media screen and (max-width: 768px){	
 .scrollWithMe-active{
	   left:0 !important;
	   width:100%;
		max-width: 100% !important;
	}
}
/*****************************************************************************/
/*   	    	  OpenID                    */
/*****************************************************************************/
/* Verwendung: OpenID-Login-Box (DispatcherProperties.txt AUTH_OPENID=show */
#openid_form {
	width: 470px;
}

#openid_choice {
	display: none;
}

#openid_input_area {
	clear: both;
	padding: 10px;
}

#openid_btns,#openid_btns br {
	clear: both;
}

#openid_highlight {
	padding: 3px;
	float: left;
	background-color:var(--backgroundColor9) !important;	
}


/*****************************************************************************/
/*   	    	  No JavaScript message                                      */
/*****************************************************************************/

.noscriptMessage{
	z-index: 100;
}


/*****************************************************************************/
/*   	    	  Responsive Design                                          */
/*****************************************************************************/
.overlay-loader	{
	padding-top: 22px;
	height:100%;
	width:100%;
	display:block;
	min-height:66px;
	min-width:66px;
}



a.forceDeviceLink{
	display:none;
}

/*****************************************************************************/
/*               Portlet Quicklinks                                          */
/*****************************************************************************/

/*Portlet Startseite Studierende */
.tilesmenu {
    min-width: 310px;
    padding-left: 0;
    list-style: none;
    margin-top:-15px;
}
.tile_none,
 .tileLink{
 	position: relative;
    float: left;
    height: 80px;
    width: 49%;  
    font-weight:bold;
    margin:1px;
    padding:initial;
    color: var(--contrastFontColor);
    text-decoration: none;
  	overflow-wrap: break-word;
 } 
 
.tile_link_newtab::before {
  content: "\e907" / "";
  font-family: "HISinOneIcons_2022_03" !important;
  color: var(--contrastFontColor);
  font-size: 120%;
  top: 3px;
  position: relative;
  left: 2px;
  text-decoration:none;
} 

.tile_link_newtab:hover::before, .tile_link_newtab:focus::before  {
  color: var(--basicFontColor);  
  text-decoration:none;
} 
 

 
/*Fading langer Worte*/ 
.tileLink::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 0%;
    height: 100%;
 }
 
 .tileLink.tile_one::after {
    background: linear-gradient( to left, var(--backgroundColor13) 25%, transparent 25% );
}

.tileLink.tile_two::after {
    background: linear-gradient( to left, var(--backgroundColor7) 25%, transparent 25% );
}

.tileLink.tile_three::after {
    background: linear-gradient( to left, var(--backgroundColor11) 25%, transparent 25% );
}

.tileLink.tile_four::after {
    background: linear-gradient( to left, var(--backgroundColor6) 25%, transparent 25% );
}

.tileLink.tile_five::after {
    background: linear-gradient( to left,  var(--backgroundColor14) 25%, transparent 25% );
}

.tileLink.tile_six::after {
    background: linear-gradient( to left, var(--backgroundColor1) 25%, transparent 25% );
}
 
.tileLink:hover, .tileLink:focus{
	opacity:0.95;
}

.tile_one:focus, .tile_two:focus, .tile_three:focus,
.tile_four:focus, .tile_five:focus, .tile_six:focus {		
	color: var(--basicFontColor);
	outline:var(--highlightFocusOutline);
	border-radius:0;
	border:var(--highlightBorder);
  	box-shadow:var(--highlightShadow); 
  	transition:var(--highlightTransition); 
    /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
    transition-property: border 0.8s;
    transition-property: box-shadow 0.8s;
}

.tilesmenu .tilesmenu_title {
       position: absolute;
       padding: 5px;
       line-height:1em;
}

.tilesmenu .tilesmenu_subtitle{
	 position: absolute;
     padding: 5px;
     line-height:1.2em;
     text-decoration:none;
     font-size:90%;
     bottom:2px;
}

.tile_one {   
	   background-color: var(--backgroundColor13);
       border:1px solid var(--backgroundColor13); 
}

.tile_one:hover, .tile_one:focus{
       background-color: var(--highlightBackgroundColor) !important;
   	   color: var(--basicFontColor);
	   border-radius:0;
	   border:var(--highlightBorderTransparent);
	   box-shadow:var(--highlightShadow);
	   transition:var(--highlightTransition); 
	   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	   transition-property: border 0.8s;
	   transition-property: box-shadow 0.8s;
	   overflow:hidden;
} 

.tileLink.tile_one:hover::after,
.tileLink.tile_one:focus::after {
       background: none;
}

.tile_two {
       background-color: var(--backgroundColor7);
       border:var(--highlightBorderTransparent);
}

.tile_two:hover {
       background-color: var(--highlightBackgroundColor) !important;
       color: var(--basicFontColor);
	   border-radius:0;
	   border:var(--highlightBorderTransparent);
	   box-shadow:var(--highlightShadow);
	   transition:var(--highlightTransition); 
	   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	   transition-property: border 0.8s;
	   transition-property: box-shadow 0.8s;	   
	   overflow:hidden;
} 

.tileLink.tile_two:hover::after,
.tileLink.tile_two:focus::after {
    background: none;
}

.tile_three {
       background-color: var(--backgroundColor11);
       border:var(--highlightBorderTransparent);
}

 .tile_three:hover {
       background-color: var(--highlightBackgroundColor)  !important;
       color: var(--basicFontColor);
       outline:none;
	   border-radius:0;
	   border:var(--highlightBorderTransparent);
	   box-shadow:var(--highlightShadow);
	   transition:var(--highlightTransition); 
	   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	   transition-property: border 0.8s;
	   transition-property: box-shadow 0.8s;	   
	   overflow:hidden;
}

.tileLink.tile_three:hover::after,
.tileLink.tile_three:focus::after {
    background: none;
} 

.tile_four{
       background-color: var(--backgroundColor6);
       border:var(--highlightBorderTransparent);
}

 .tile_four:hover{
       background-color: var(--highlightBackgroundColor) !important;
       color: var(--basicFontColor);
       outline:none;
	   border-radius:0;
	   border:var(--highlightBorderTransparent);
	   box-shadow:var(--highlightShadow);
	   transition:var(--highlightTransition); 
	   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	   transition-property: border 0.8s;
	   transition-property: box-shadow 0.8s;	   
	   overflow:hidden;
} 

.tileLink.tile_four:hover::after,
.tileLink.tile_four:focus::after {
    background: none;
}

.tile_five{
       background-color: var(--backgroundColor14);
       border:var(--highlightBorderTransparent);
}

.tile_five:hover{
       background-color: var(--highlightBackgroundColor)  !important;
       color: var(--basicFontColor);
       outline:none;
	   border-radius:0;
	   border:var(--highlightBorderTransparent);
	   box-shadow:var(--highlightShadow);
	   transition:var(--highlightTransition); 
	   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	   transition-property: border 0.8s;
	   transition-property: box-shadow 0.8s;	   
	   overflow:hidden;
} 

.tileLink.tile_five:hover::after,
.tileLink.tile_five:focus::after {
    background: none;
}

.tile_six{
       background-color: var(--backgroundColor1);
       border:var(--highlightBorderTransparent);
}

 .tile_six:hover{
       background-color: var(--highlightBackgroundColor) !important;
       color: var(--basicFontColor);
       outline:none;
	   border-radius:0;
	   border:var(--highlightBorderTransparent);
	   box-shadow:var(--highlightShadow);
	   transition:var(--highlightTransition); 
	   /*selectors must be positioned after the variable: for ms edge every property must be specified to avoid flickering*/
	   transition-property: border 0.8s;
	   transition-property: box-shadow 0.8s;	   
	   overflow:hidden;
}

.tileLink.tile_six:hover::after,
.tileLink.tile_six:focus::after {
    background: none;
}

@media screen and (max-width: 768px){	
	.tile_none,
	.tileLink{
		height:135px;
	}
}	

@media screen and (max-width: 359px){	
	.tilesmenu{
		min-width:100px;
		max-width:none;
	}	
	.tile_none,
	.tileLink{
		width:98%;
	}
}	

.hisinoneNavigation {
	margin-right: 3px;
}

.messagesPortletFeedContainer button,
.messagesPortletFeedContainer button:focus,
.messagesPortletFeedContainer button:hover{
	padding:2px;
}

/*Zweck: Button "Nach oben" */
.link_arrow_up_fat.backToTopButton{
	background-image:none !important;
}

.backToTopButton {
	position: fixed;
	right:2px;
	bottom:0;
	margin-right: 40px;
	padding: 5px 8px 5px 25px  !important; 
	z-index:2031;  
	background-color: var(--backgroundColor7);
	color:var(--contrastFontColor);
	border-radius:15px 15px 0 0;
	text-decoration:none;
}

.backToTopButton:before { 
	content: "\e9ba" / "";
	font-family: "HISinOneIcons" !important;
	color: var(--contrastColor);
	font-size: 120%;
	position: absolute;
	top: 7px;
	left: 5px; 
}

.backToTopButton:hover,
.backToTopButton:focus,
.backToTopButton:hover:before,
.backToTopButton:focus:before{
	color:var(--basicFontColor);
}

@media screen and (max-width: 768px){	
	.backToTopButton {
		display:none;
	}
}
	
@media screen and (max-width: 768px){	
.backToTopButtonResponsive{
	position: fixed;
	right:2px;
	bottom:4px;
	margin-right: 40px;
	padding: 20px  !important; 
	z-index:2031;  
	background-color: var(--backgroundColor7);
	color:var(--contrastFontColor);
	border-radius:30px;
	text-decoration:none;
	border: 3px solid var(--backgroundColor2);
	}
	
	.backToTopButtonResponsive:before { 
	content: "\e9ba" / "";
	font-family: "HISinOneIcons" !important;
	color: var(--contrastColor);
	font-size: 160%;
    position: absolute;
    top: 10.5px;
    left: 8.5px;
}

.backToTopButtonResponsive:hover,
.backToTopButtonResponsive:focus,
.backToTopButtonResponsive:hover:before,
.backToTopButtonResponsive:focus:before{
	color:var(--basicFontColor);
	border-radius:30px;
}
} 

/* Testseite für Ausgabemedien */

.desktopdevicetest,
.currentDevice_desktopdevicetest,
.originDevice_desktopdevicetest,
.iosipadtabletdevicetest,
.tabletdevicetest,
.currentDevice_tabletdevicetest,
.iosiphonemobiledevicetest,
.mobiledevicetest,
.androidmobiledevicetest,
.originDevice_mobiledevicetest,
.originDevice_tabletdevicetest{
	display:none;
}

.desktop .desktopdevicetest,
.currentDevice_desktop .currentDevice_desktopdevicetest,
.originDevice_desktop .originDevice_desktopdevicetest,
.ios.ipad.tablet .iosipadtabletdevicetest,
.tablet .tabletdevicetest,
.currentDevice_tablet .currentDevice_tabletdevicetest,
.originDevice_tablet .originDevice_tabletdevicetest,
.ios.iphone.mobile .iosiphonemobiledevicetest,
.mobile .mobiledevicetest,
.android.mobile .androidmobiledevicetest,
.originDevice_mobile .originDevice_mobiledevicetest{
	background-color:yellow;
	display:block;
}

/* verstecke meldungen in iframe portlets, 
die Meldung wird per iFrameCommunications.js an die Hauptseite geleitet und dort angezeigt.  
#251815 */

body.embedded .portletFrame .messages-infobox-container{
	display: none;
}