/*****************************************************************************/
/*                      HINWEIS                                              */
/*****************************************************************************/
/* BITTE IN DIESER DATEI NICHTS ÄNDERN OHNE RÜCKSPRACHE MIT TEAM STYLEGUIDE */
/*****************************************************************************/


/*****************************************************************************/
/*               Kollektive Selektoren                                       */
/*****************************************************************************/
/*Import der Schriftdateien*/
@font-face { font-family: 'Open Sans'; src: url("/qisserver/javax.faces.resource/css/extras/fonts/open-sans/OpenSans-Regular.ttf.faces") format('truetype'); }
@font-face { font-family: 'Open Sans'; src: url("/qisserver/javax.faces.resource/css/extras/fonts/open-sans/OpenSans-Semibold.ttf.faces") format('truetype'); font-weight: bold; }
@font-face { font-family: 'Open Sans'; src: url("/qisserver/javax.faces.resource/css/extras/fonts/open-sans/OpenSans-Italic.ttf.faces") format('truetype'); font-style: italic;  }

* {
	/** important for inline-block **/
	vertical-align: top;
}
/*Variablen*/
:root {
  /*Allgemeine Schriftfarbe*/
  --basicFontColor: #000000;
  /*Akzentfarbe - Überschriften h1,h2,h3, Verweise in Tabellen, Iconfonts und des HISinOne Logos im Footer*/
  --accentFontColor:#006ab2;
  /*Akzentfarbe für die Oberflächentextbearbeitung */
  --uiEditFontColor:#038724;
  /*Kontrastschriftfarbe - farbige Kacheln im Quicklinkportlet, Aktiver Verweis im linken Menü*/
  --contrastFontColor:#ffffff; 
   /*Deaktivierte Buttons Schriftfarbe Color contrast Analyzer:	Foreground:#646262	Background:#EFEFEF	
	The contrast ratio is: 5,3:1	Text passed at Level AA, Large text passed at Level AA, Large text passed at Level AAA	WCAG*/
  --disabledFontColor:#646262; 
  /*Texte für Warnungen */
  --warningFontColor:#743F03;
  /*Textfarbe für Hinweismeldung lokal unter Eingabefeld*/
  --infoFontColor:#787903;
  /*Allgemeine Schriftart*/
  --font:"Open Sans", arial, Helvetica,sans-serif;
  /*Schriftgrösse  - H1, Dialogüberschrift*/
  --fontSize1:21px;
  /*Schriftgrösse  - H2, Fieldsetüberschrift, Große Buttons und Links, Portalauswahlbuttons*/
  --fontSize2:16px;
  /*Schriftgrösse - H3, Kalender, Bookmarks, Registerkarten*/
  --fontSize3:15px;
  /*Allgemeine Schriftgrösse - alle Texte, Buttons, Links*/
  --fontSize4:14px;
  /*Schriftgrösse - untergeordnete Textboxen, Breadcrumb, Progressbar*/
  --fontSize5:12px;
   /*Schriftgrösse - Infotexte*/
  --fontSize6:13px;
   /*Schriftgrösse - Pflichtfeld-Hinweis*/
  --fontSize7:11px;
  /*Rahmen heller - Fieldsets, Bäume, Text- und Infoboxen */
  --borderColor1:#d5ebf4;  
  --border1:1px solid #d5ebf4;  
  /*Rahmen dunkler - Tabellen, Buttons*/
  --borderColor2:#919191;
  --border2:1px solid #919191;
  /*Rahmen noch dunkler - Formulareingabelemente mit barrierefreien Kontrastwerten*/
  --borderColor3:#8a8888;
  --border3:1px solid #8a8888;
  /*Rahmen für Infoboxen und Popup Jobconfiguration*/
  --borderColor4:#E6EE9C;
  --border4:1px solid #E6EE9C;
  /* Hintergrundfarbe - Header, Footer, Rollenauswahl, Sprachauswahl, Tabellenzeile in Tabelle, HIS PWA Button */
  --headerFooterBG: #f7f9fa;
  /*Schriftfarbe, Rahmen und Hintergrundfarbe für Fehlermeldungen */
  --errorColor:#990033;
  /*Hintergrundfarbe dunkel - aktive Zustände Topmenu Button, Registerkarten, Seitennavigation  */  
  --backgroundColor1:#034772; 
  /*Hintergrundfarbe hell - Eingabefelder, Icon Hintergrund, topMenu Container, Tabellenzeile in Modulplan, Checkboxen  */ 
  --backgroundColor2:#FFFFFF;
  /* Hintergrundfarbe - Tabellen, Kopfzeile Tabelle, Portalbereichsauswahl auf Startseite, fixierter Header, Portalinfoboxen, Input, Back to top Button, Liste Rollenauswahl, Autocomplete  */
  --backgroundColor3:#EFEFEF;
  /* Hintergrundfarbe - moduleInfoBox header, Studienplaner, Baum oberste Ebene  */
  --backgroundColor4:#EFF9FF;
  /* Hintergrundfarbe - Tile, Wizard */
  --backgroundColor5:#FFD700;
  /* Hintergrundfarbe - infoBox header Fehlermeldung, Quicklink, Button mit Image, Badges, globale Nachricht, Fehlermeldungen */
  --backgroundColor6:#990033;
  /* Hintergrundfarbe - Login Button, Warnung, Badge, Quicklink */
  --backgroundColor7:#c64e13;
  /* Hintergrundfarbe - Große Buttons und Links, Fokus von Inputfeldern in hervorgehobenen Zeilen, gelbes Fieldset Hintergrund, gelbe Infobox */
  --backgroundColor8:#FAF7CB;
  /* Hintergrundfarbe - Modulplan Fokus Tabelle, Infobox, Auftragskonfiguration  */
  --backgroundColor9:#EDE8CE;
  /* Hintergrundfarbe Sonderfieldset-Header*/
  --backgroundColor10:#0077cc;
  /* Hintergrundfarbe - infoBox header, badges, Quicklink */
  --backgroundColor11:#006ab2;
  /* Hintergrundfarbe - aktive und hover Registerkarte, Header infoBox Button, Überschrift  */
  --backgroundColor12:#0068b3;
  /* Hintergrundfarbe - infoBox header Erfolgsmeldung, Badge, Quicklink */
  --backgroundColor13:#268300;  
  /*Hintergrundfarben Sonderfarben selten bis nie verwendet*/
  --backgroundColor14:#008383;  --backgroundColor16:#F7E9E3;  --backgroundColor17:#F0F8DB;  --backgroundColor19:#EACCD6;
  --backgroundColor20:#eeecfc;  --backgroundColor21:#ebfaf4;  --backgroundColor22:#d3e6cc;  --backgroundColor23:#CCE1EF;  --backgroundColor24:#f3dbcf;  --backgroundColor25:#f5f3f4;
  --backgroundColor26:#CCDAE2;  --backgroundColor31:#e5f0f7;
  --backgroundColor38:#003c62;  --backgroundColor45:#7cb466;  --backgroundColor46:#c9bb6e; --backgroundColor47:#dc9471; --backgroundColor48:#7fb4d8; --backgroundColor49:#6790aa; 
  --backgroundColor50:#d297ab;  --backgroundColor51:#A58E0E;  
  
  /*Hintergrundfarbe Fieldsetbox für Konflikt-oder Fehlermeldungen*/
  --backgroundColor39:#fcf8f6;
  /*Hintergrundfarbe Fieldsetbox für die Hervorhebung von Details zu einem übergeordneten Fieldset (Master/Detail)*/
  --backgroundColor40:#fbfcf7;
  /*Hintergrundfarbe Error Inputfeld */
  --backgroundColor41:#CC6666;
  /*Hintergrundfarbe Buttons*/
  --backgroundColor42:#e2e8ec;
  /*Hintergrundfarbe Curriculum Designer Regeln und Bedingungen*/
  --backgroundColor43:#D6E4E1;
  /*Hintergrundfarbe dunkleres Grau*/
  --backgroundColor44:#424250;
  /*Fokus + Hover - Hintergrundfarbe fokussierter Bedienelemente*/
  --highlightBackgroundColor:#FFF1CC;
  /*Rahmen Fokus + Hover - fokussierte Bediengraphiken*/
  --highlightBorder:1px solid #2D9AE7;
  --highlightFocusOutline:2px solid #2D9AE7;
  /*Rahmen Fokus + Hover - fokussierte Formularelemente*/   
  --highlightBorderForms:1px solid #006ab2;
  /*Transparenter Rahmen Fokus + Hover - wenn kein Rahmen bei Fokussierung gewünscht*/
  --highlightBorderTransparent:1px solid transparent; 
  /*Schatten Fokus + Hover - Fokussierte Elemente, Boxen oberhalb des Seiteninhalts*/
  --highlightShadow:1px 1px 5px #aaaaaa;
  --highlightShadowColor: #aaaaaa;
  /*Transition Fokus + Hover - Effekt für weiche Übergänge bei Verweisen, Buttons*/
  --highlightTransition: all 0.6s;    
  /*Bildgrösse SVG als CSS-Hintergrundbild*/
  --backgroundImagesSize:20px 20px; 
  /*Bildgrösse SVG als Graphik*/
  --imageSizeStandard:20px;
  /*Radius der Ecken von Popup-Fenstern*/
  --popupRadius:15px;  
  /*Standardbuttons Schriftfarbe*/
  --basicButtonFontColor:#1f1f1f;
  /*Standardbuttons Hintergrundfarbe*/
  --basicButtonBackgroundColor:#e2e8ec;
  /*Standardbuttons Umrandung*/
  --basicButtonBorder:1px solid #cccccc;
  --basicButtonBorderColor: #cccccc;
  
  --backgroundWarning:#f2dace;
  --backgroundError:#e9cbd5;
}

/* CSS specific to iOS devices: font-size > 16px to avoid Auto-Zoom in Safari on IOS */ 
.ios:root {  
  --fontSize3:16px; 
  --fontSize4:16px;
  --fontSize5:14px;
}


/*****************************************************************************/
/*              Elemente  verbergen  in Breakpoint Medium < 1024px             */
/*****************************************************************************/
@media screen and (max-width: 1024px){ 	
	 .hideOnMedium {
		display:none !important;
	}
}

/*****************************************************************************/
/*              Elemente  verbergen  in Breakpoint Small < 768px             */
/*****************************************************************************/
@media screen and (max-width: 768px){ 	
	 #loginStatusHeader,
	 #left_Buttons, 
	 #right_Buttons,
	 .breadcrumbOl,	
	 .searchMenuInput,	 
	 .mobileElement,
	 .sessionTimeoutElement,	
	 .hyphen,
	 .divfoot_clustername,
	 .startPageInfobox,
	 .imprintLink,
	 .privacyLinkContainer,
	 .deviceLink,
	 .langSelect,
	 .genericSearchMask .dropdownEqualOperator,
	 .searchParamsBoxContainer,
	 .saveSearchCriteriaContainer,
	 .addInputGenSearch,
	 .genSearchXml,
	 .genSearchCsv,
	 .genSearchExcel,
	 .showAllCriteria,
	 .text_white_searchresult,
	 .tableFilterEdit,
     .tableFilterApply,
	 #genSearchRes .buttonsBottomLineAbove,
	 .personViewTitle,	
	 #genericSearchMask .submit_linkLook.marginLeft4px,
	 .productLogo, .sLink.accessibilityHelp, .sLink.accessibilityStatement,
	 .sLink.sitemapLink,
	 .headlines,
	 .footerLinkList{
		display:none !important;
	}
}