/*****************************************************************************/ /* HINWEIS */ /*****************************************************************************/ /* BITTE IN DIESER DATEI NICHTS ÄNDERN OHNE RÜCKSPRACHE MIT TEAM STYLEGUIDE */ /*****************************************************************************/ /*****************************************************************************/ /* Kollektive Selektoren */ /*****************************************************************************/ /*Import der Schriftdateien*/ /*Source Sans 3 regular- latin*/ @font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400; src: url("/qisserver/javax.faces.resource/css/extras/fonts/source-sans-3/SourceSans3-Regular.ttf.woff2.faces") format('woff2'), url("/qisserver/javax.faces.resource/css/extras/fonts/source-sans-3/source-sans-3-ttf/SourceSans3-Regular.ttf.faces") format('truetype'); } /* Source Sans 3 semibold - latin */ @font-face { font-family: 'Source Sans 3'; font-style: bold; font-weight: 700; src: url("/qisserver/javax.faces.resource/css/extras/fonts/source-sans-3/SourceSans3-Bold.ttf.woff2.faces") format('woff2'), url("/qisserver/javax.faces.resource/css/extras/fonts/source-sans-3/source-sans-3-ttf/SourceSans3-Bold.ttf.faces") format('truetype'); } /* Source Sans 3 italic - latin */ @font-face { font-family: 'Source Sans 3'; font-style: italic; font-weight: 400; src: url("/qisserver/javax.faces.resource/css/extras/fonts/source-sans-3/SourceSans3VF-Italic.ttf.woff2.faces") format('woff2'), url("/qisserver/javax.faces.resource/css/extras/fonts/source-sans-3/source-sans-3-ttf/SourceSans3VF-Italic.ttf.faces") format('truetype'); } /** 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:"Source Sans 3", arial, Helvetica,sans-serif; /*Schriftgrösse - H1, Dialogüberschrift*/ --fontSize1:22px; /*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:#A6B2B9; --border2:1px solid #A6B2B9; /*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:#f7fbd1; /* 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:#F9EEEE; --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 #e2e8ec*/ --backgroundColor42:#eef1f7; /*Hintergrundfarbe Curriculum Designer Regeln und Bedingungen*/ --backgroundColor43:#D6E4E1; /*Hintergrundfarbe dunkleres Grau*/ --backgroundColor44:#034772; /*Fokus + Hover - Hintergrundfarbe fokussierter Bedienelemente*/ --highlightBackgroundColor:#FFF1CC; /*Rahmen Fokus + Hover - fokussierte Bediengraphiken*/ --highlightBorder:1px solid #2D9AE7; --highlightFocusOutline:2px solid #2D9AE7; --highlightFocusCheckboxOutline:2px solid #c64e13; /*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; /*Radius der Ecken von größeren Design-Elementen*/ --borderRadius1:8px; /*Radius der Ecken von kleineren Design-Elementen*/ --borderRadius2:5px; /*Standardbuttons Schriftfarbe*/ --basicButtonFontColor:#1f1f1f; /*Standardbuttons Hintergrundfarbe*/ --basicButtonBackgroundColor:#e2e8ec; /*Standardbuttons Umrandung*/ --basicButtonBorder:1px solid #e2e8ec; --basicButtonBorderColor: #e2e8ec; --backgroundWarning:#f2dace; --backgroundError:#e9cbd5; --p-button-border-radius:1px; } /* 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, .searchMenuInput, .mobileElement, .sessionTimeoutElement, .hyphen, .divfoot_clustername, .startPageInfobox, .imprintLink, .privacyLinkContainer, .deviceLink, .langSelect, .genericSearchMask .dropdownEqualOperator, .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; } }