/*

********************************************************************************

Hueber.de CSS 2015

Stylesheets für Hueber.de

Version: 	3.1
Datum: 		XX.XX.2022

Erfordert: -

Hinweise:  -

Historie:	

3.1 (XX.XX.2022)	- Listen aktualisiert

3.01 (01.07.2022)	- UI-Button verbessert
					- Abstände bei Elementen im Grid verbessert
					- Hotspot-Buch überarbeitet
					- Contentdrawer überarbeitet
					- .flexbox-Klasse entfernt

3.0 (06.05.2022)	- Variablenstruktur überarbeitet

2.9 (09.06.2021)	- Abstände von Elementen überarbeitet
					- CSS-Variablen
					- Veraltete Regeln mit Browser-Präfixen entfernt
					- Verhalten der .emptynavicolumn-Klasse korrigiert,
					  wenn doch eine Navigation vorhanden ist

2.86 (10.09.2019) - Grid-Anzeige statt Flexbox für Anzeigegitter 
					(.flexbox CSS-Name bleibt zunächst bestehen)
				  - Veraltete Stile entfernt
				  - Webinar-Hervorhebung
				  - Breadcrumb überarbeitet
				  - Externe Site Links in Navigation optimiert

2.85 (18.07.2019) - Hueber WebUI Symbols Font und Symbole hinzugefügt

2.81 (08.03.2019) - Alte Body-Formatierungen in Legacy-Bereich überführt

2.8 (06.02.2019)  - Abstände von Headlines und Absätzen angepasst
				  - Code-Optimierungen für z.B. Formular-Eingabefelder
				  - Benachrichtigungszentrale hinzugefügt

2.7 (30.11.2018)  - Reihenfolge der Body-Elemente mittels Flex-Order umsortieren
				  - Dropdown-Stilvorlagen

2.6 (15.10.2018)  - Body-Formatierungen richten sich zukünftig nach den
					Einstellungen des übergeordneten Elements (z.B. .cols-lnl)

2.51 (27.09.2018) - Dashboards können bis zu 1280px breit sein

2.5 (05.09.2018)  - Erweiterung der Flexbox-Anzeige auf Bodys mit Listeneinträgen
					(Grid-Ansicht)
				  - Mobile Optimierungen

2.0 (26.03.2018)  - Zusammenlegung der verschiedenen Seiten-Templates und
					Optimierung der Header-Ausgabe mit Mobilnavigation

1.8 (23.09.2016)  - Div. Optimierungen und Hueber Forward Sans vorbereitet

1.7 (04.07.2016)  - Hotspot-Buch Version 2.5

1.6 (01.03.2016)  - Breadcrumb und Footer zu Flex geändert

1.3 (10.11.2015)  - Zielgruppen- und Startseiten-CSS in zg.css ausgelagert

1.2 (27.10.2015)  - Stile für Suche vorbereitet
				  - diverse Korrekturen

1.1 (07.05.2015)  - rem für body, #content und .kategorie eingeführt
					(em Fallback für Nicht-CSS3-Browser)
				  - Headline-Stile vollständig überarbeitet und redundante
					Angaben entfernt

1.02 (04.05.2015) - Body-Abstände auf normale Artikel-Abstände
					reduziert

1.01 (31.03.2015) - div. zusätzliche Stile

1.0 (23.03.2015)  - Abstände von h1-h4-Elementen vereinheitlicht
				  - h1-h4, p, ul, ol, table dunklere Textfarbe

0.3 (19.12.2014)  - LWS-spezifische Stile in lws.css ausgelagert

0.2 (05.12.2014)  - Service-Navigation vereinfacht

0.1 (14.11.2014)  - Alpha-Version

********************************************************************************

*/

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-thin-webfont.eot'),
		 url('../fonts/forwardsans-thin-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-thin-webfont.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-light-webfont.eot'),
		 url('../fonts/forwardsans-light-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-regular-webfont.eot'),
		 url('../fonts/forwardsans-regular-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-regular-webfont.woff') format('woff');
	font-weight: normal; /* 500 */
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber Forward Sans';
	src: url('../fonts/forwardsans-bold-webfont.eot'),
		 url('../fonts/forwardsans-bold-webfont.woff2') format('woff2'),
		 url('../fonts/forwardsans-bold-webfont.woff') format('woff');
	font-weight: bold; /* 700 */
	font-style: normal;
}

@font-face 
{
	font-family: 'Hueber WebUI Symbols';
	src: url('../fonts/hueberwebuisymbols-webfont.eot'),
		 url('../fonts/hueberwebuisymbols-webfont.woff2') format('woff2'),
		 url('../fonts/hueberwebuisymbols-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root
{
	--body-font: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	--headline-font: "Hueber Forward Sans", Helvetica, Arial, Verdana, sans-serif;
	--symbol-font: "Hueber WebUI Symbols";
}

/* UI Symbols (ALPHA) */
/* .uib => bold, .uir = regular, .uil = light, .uit = thin */

.wui
{
	font-family: var(--symbol-font) !important;
	font-style: normal;
	font-weight: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.uib-hamburger::before
{
	content: "\F0000";
}

.btmenu.active .uib-hamburger::before
{
	content: "\F0011";
}

.uir-hamburger::before
{
	content: "\F0001";
}

.btmenu.active .uir-hamburger::before
{
	content: "\F0012";
}

.uil-hamburger::before
{
	content: "\F0002";
}

.uit-hamburger::before
{
	content: "\F0003";
}

.uib-close::before
{
	content: "\F0010";
}

.uir-close::before
{
	content: "\F0011";
}

.uil-close::before
{
	content: "\F0012";
}

.uit-close::before
{
	content: "\F0013";
}

.uib-search::before
{
	content: "\F0020";
}

.uir-search::before
{
	content: "\F0021";
}

.uil-search::before
{
	content: "\F0022";
}

.uit-search::before
{
	content: "\F0023";
}

.uib-plus::before
{
	content: "\F0030";
}

.uir-plus::before
{
	content: "\F0031";
}

.uil-plus::before
{
	content: "\F0032";
}

.uit-plus::before
{
	content: "\F0033";
}

.uib-settings::before
{
	content: "\F0040";
}

.uil-settings::before
{
	content: "\F0042";
}

.uit-settings::before
{
	content: "\F0043";
}

.uib-leftarrow::before
{
	content: "\F0050";
}

.uil-leftarrow::before
{
	content: "\F0052";
}

.uit-leftarrow::before
{
	content: "\F0053";
}

.uib-leftarrow2::before
{
	content: "\F0055";
}

.uil-leftarrow2::before
{
	content: "\F0057";
}

.uit-leftarrow2::before
{
	content: "\F0058";
}

.uib-rightarrow::before
{
	content: "\F0060";
}

.uil-rightarrow::before
{
	content: "\F0062";
}

.uit-rightarrow::before
{
	content: "\F0063";
}

.uib-rightarrow2::before
{
	content: "\F0065";
}

.uil-rightarrow2::before
{
	content: "\F0067";
}

.uit-rightarrow2::before
{
	content: "\F0068";
}

.uil-previous::before
{
	content: "\F0072";
}

.uit-previous::before
{
	content: "\F0073";
}

.uil-next::before
{
	content: "\F0082";
}

.uit-next::before
{
	content: "\F0083";
}

.uil-scrolldown::before
{
	content: "\F0092";
}

.uib-centerdotoutline::before
{
	content: "\F00B0";
}

.uir-centerdotoutline::before
{
	content: "\F00B1";
}

.uil-centerdotoutline::before
{
	content: "\F00B2";
}

.uit-centerdotoutline::before
{
	content: "\F00B3";
}

.uib-centerdot::before
{
	content: "\F00C0";
}

.uir-centerdot::before
{
	content: "\F00C1";
}

.uil-centerdot::before
{
	content: "\F00C2";
}

.uit-centerdot::before
{
	content: "\F00C3";
}

.uil-triplecenterdot::before
{
	content: "\F00D2";
}

.uit-triplecenterdot::before
{
	content: "\F00D3";
}

.uil-uparrow2::before
{
	content: "\F00E2";
}

.uil-downarrow2::before
{
	content: "\F00F2";
}

.uib-tick::before
{
	content: "\F0110";
}

.uil-tick::before
{
	content: "\F0112";
}

.uir-zoomin::before
{
	content: "\F0151";
}

.uir-zoomout::before
{
	content: "\F0161";
}

.uil-attentiontriangle::before
{
	content: "\F0172";
}

.uit-attentiontriangle::before
{
	content: "\F0173";
}

.uib-attentiontrianglefilled::before
{
	content: "\F0175";
}

.uil-attentionoctagon::before
{
	content: "\F0182";
}

.uit-attentionoctagon::before
{
	content: "\F0183";
}

/* UI Symbols (ALPHA) */
/* various syms, single font weight */

.ui-adduser::before
{
	content: "\0070";
}

.ui-attentiontriangle::before
{
	content: "\F0175";
}

.ui-audioplayer::before
{
	content: "\004E";
}

.ui-bookshelf::before
{
	content: "\004C";
}

.ui-calendar::before
{
	content: "\0031";
}

.ui-clockfivetotwelve::before
{
	content: "\0033";
}

.ui-clocktentotwelve::before
{
	content: "\0034";
}

.ui-copytoclipboard::before
{
	content: "\002F";
}

.ui-document::before
{
	content: "\0029";
}

.ui-downloaddocument::before
{
	content: "\002A";
}

.ui-envelope::before
{
	content: "\006B";
}

.ui-externalsite::before
{
	content: "\006C";
}

.ui-filter::before
{
	content: "\004A";
}

.ui-filteroff::before
{
	content: "\006A";
}

.ui-hand::before
{
	content: "\005F";
}

.ui-help::before
{
	content: "\0053";
}

.ui-handpointing::before
{
	content: "\007D";
}

.ui-highlighter::before
{
	content: "\0024";
}

.ui-home::before
{
	content: "\0039";
}

.ui-hueberlogo::before
{
	content: "\0046\0048";
}

.ui-hueberlogo2::before
{
	content: "\0068";
}

.ui-info::before
{
	content: "\0049";
}

.ui-lock::before
{
	content: "\005b";
}

.ui-login::before
{
	content: "\0050";
}

.ui-logout::before
{
	content: "\0051";
}

.ui-macosx::before
{
	content: "\004d";
}

.ui-mousepointer::before
{
	content: "\0060";
}

.ui-mousepointerblack::before
{
	content: "\007E";
}

.ui-nosign2::before
{
	content: "\0071";
}

.ui-offline::before
{
	content: "\0028";
}

.ui-openenvelope::before
{
	content: "\004B";
}

.ui-pencil::before
{
	content: "\0023";
}

.ui-register::before
{
	content: "\0070";
}

.ui-shoppingcart::before
{
	content: "\0022";
}

.ui-shoppingcart2::before
{
	content: "\0021";
}

.ui-speechbubble::before
{
	content: "\0076";
}

.ui-speechbubblequestionmark::before
{
	content: "\0055";
}

.ui-speechbubbleexclamationmark::before
{
	content: "\0057";
}

.ui-speechbubbleexclamationmark2::before
{
	content: "\0056";
}

.ui-sync::before
{
	content: "\0030";
}

.ui-trashcan::before
{
	content: "\0064";
}

.ui-user::before
{
	content: "\0075";
}

.ui-videoplayer::before
{
	content: "\0026";
}

.ui-videocall::before
{
	content: "\0025";
}

.ui-videoplayer::before
{
	content: "\0026";
}

.ui-wififull::before
{
	content: "\002C";
}

.ui-windows10::before
{
	content: "\0077";
}