/*

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

Hueber.de CSS 2015

Zusätzliche Stylesheets für Hueber.de LWS

Version:   2.0
Datum:     22.12.2020

Erfordert: -

Hinweise:  -

Historie:  2.0 (22.12.2020)  - CSS-Variablen

		   1.11 (10.07.2015) - At your leisure und Passo dopo passo
                               auch mit neuer Syntax

           1.1 (02.07.2015)  - Universo.ele mit neuer kompakterer Syntax

           1.0 (03.02.2015)  - erstes Release

		   0.1 (19.12.2014)  - Alpha-Version

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

*/

/* Standard Blau */

body.lwsblau
{
	--navigation-active-color: #005998;
}

/* Standard Grünblau */

body.lwsteal,
body.lwsblaugruen,
body.lwsgruenblau
{
	--navigation-active-color: rgb(3, 96, 104);
}

/* Standard Rot */

body.lwsrot
{
	--navigation-active-color: var(--active-color);
}

/* Standard Orange */

body.lwsgelb,
body.lwsorange
{
	--navigation-active-color: rgb(199, 153, 1);
}

/* Standard Grün */

body.lwsgruen
{
	--navigation-active-color: #489c2b;
}

/* Rote Reihe: Sprechblase */

body.rotereihe #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/header/lwssymbol_spp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 110px;
	left: -130px;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 110px;
}

/* Akademie Deutsch */

.akdlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_akd.svg);
	background-position: left center;		
	background-size: 120%;
}

/* Alltag, Beruf & Co. */

.abclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_abc.svg);
	background-position: left 10px;		
	background-size: 120%;
}

/* At your leisure und Passo dopo passo */

.ayllws #toplevelnavi #infoheader,
.pdplws #toplevelnavi #infoheader
{
	background-position: left top;
}

.ayllws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ayl.png);
}

.pdplws #toplevelnavi #infoheader
{
	/* background-image: url(/shared/images/header/infoheader_pdp.png); */
}

body.ayllws,
body.pdplws
{
	--navigation-active-color: #1a92d1;
}

/* Ausblick */

.auslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_aus.png);
	background-position: left center;		
}

/* Beste Freunde */

.bfrlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_bfr.png);
	background-position: left center;
}

.bfrlws.daz #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_daz_bfr.png);
	background-position: left center;
}

.bfrlws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/beste-freunde/header/lwssymbol_bfr.png);
	background-repeat: no-repeat;
	background-size: 32px 101px;
	left: -49px;
	position: absolute;
	top: 4px;
	width: 32px;
	height: 101px;
}

body.bfrlws
{
	--navigation-active-color: #ec9224;
}

/* Chapeau ! */

.chplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_chp.svg);
	background-position: left 25%;
}

.chplws article.hotspots .infobutton div
{
	background-color: #005998;
}

/* Chiaro! (Nuova edizione)*/

.chilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_chi.svg);
	/* background-image: url(/shared/images/header/infoheader_chi.png); */
}

/* Cosmopolite */

.csmlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_csm.png);
}

body.csmlws
{
	--navigation-active-color: #ca4e16;
}

/* Dabei */

.dablws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_dab.svg);
	background-position: left center;
}

/* Delfin */

.dellws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_del.png);
	background-position: left bottom;		
}

.dellws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/delfin/header/lwssymbol_del.png);
	background-repeat: no-repeat;
	background-size: 250px 194px;
	left: -230px;
	position: absolute;
	top: -5px;
	width: 250px;
	height: 194px;
}

/* deutsch.com */

.ddclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ddc.png);
	background-position: left center;		
}

/* Dieci */

.dielws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_die.svg);
	background-position: left center;
}

/* Das schönste deutsche Wort, usw. (Geschenkbücher) */

.dswifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_geschenkbuecher.png);
	background-position: left top;
}

body.dswifs
{
	--navigation-active-color: #d0232c;
}

/* English Elements */

.eellws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_eel.svg);
	background-position: left center;		
}

/* em neu */

.emnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_emn.png);
	background-position: left center;		
}

/* English for Everyone */

.efelws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_efe.png);
	background-position: left .4em;		
}

/* eñe */

.enjlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_enj.png);
	background-position: left center;		
}

body.enjlws
{
	--navigation-active-color: #d13d25;
}

/* Erste Schritte Plus */
/* Erste Schritte Plus Neu Einstiegskurs*/

.eselws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_ese.png);
	background-position: left center;		
}

.esenlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_esen.png);
	background-position: left center;		
}

.esenlws #toplevelnavi #lwssymbol
{
	background-color: #9f225f; 
	bottom: 37px;
	height: 62px; 
	left: -50px; 
	position: absolute; 
	top: 30px;
	width: 28px; 
}

body.eselws,
body.esenlws
{
	--navigation-active-color: #9f225f;
}

/* Espresso */

.esplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_esp.png);
	background-position: left center		
}

.esplws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/espresso/header/lwssymbol_esp.png);
	background-repeat: no-repeat;
	background-size: 250px 194px;
	left: -260px;
	position: absolute;
	top: -40px;
	width: 250px;
	height: 194px;
}

/* Espresso ragazzi */

.esrlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_esr.png);
	background-position: left center;
}

body.esrlws
{
	--navigation-active-color: #005498;
}

/* facettes aktuell */

.faclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_fac.png);
	background-position: left 10px;		
}

/* Fit für */

.fififs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_fif.svg);
	background-position: left center;
}

/* Go for it */

.gfilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_gfi.png);
	background-position: left bottom;
	height: 90px;
}

.gfilws #toplevelnavi #gfisymbol,
.gfilws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/go-for-it/header/header_sneaker2_gfi.png);
	background-repeat: no-repeat;
	background-size: 180px 108px;
	bottom: 20px;
	height: 108px; 
	left: -200px; 
	position: absolute; 
	width: 180px;
}

body.gfilws
{
	--navigation-active-color: #3eb1bd;
}

/* Gute Idee */

.gidlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_gid.svg);
	background-position: left center;
}

/* Hallo App */

.halloifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/hallo-app/header/infoheader_halloifs.png);
	background-position: left center;		
}

/* Ideen */

.idnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_idn.png);
	background-position: left center;		
}

.idnlws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/ideen/header/lwssymbol_idn.png);
	background-repeat: no-repeat;
	background-size: 264px 117px;
	left: -260px;
	position: absolute;
	top: 4px;
	width: 264px;
	height: 117px;
}

/* Im Beruf */

.imblws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_imb.svg);
	background-position: left center;
}

/* Im Beruf Neu */

.imbnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_imbn.png);
	background-position: left center;
}

body.imbnlws
{
	--navigation-active-color: #b92b4e;
}

/* Impresiones */

.implws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_imp.png);
	background-position: left top;
}

body.implws
{
	--navigation-active-color: #017b93;
}

/* Inspire */

.inslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ins.svg);
	background-position: left top;
}

/* Javisst */

.jaalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_jaa.png);
	background-position: left center;
}

body.jaalws
{
	--navigation-active-color: #008bcc;
}

/* Jana & Dino */

.jadlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_jad.png);
	background-position: left top;
	background-size: auto 100%;
}

/* Kalamuna */

.kallws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_kal.svg);
	background-position: left 40%;
	background-size: auto 90%;
}

/* Kikus */

.kiklws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_kik.png);
	background-position: left center;
}

.kiklws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/kikus/header/lwssymbol_neu_kik.png);
	background-repeat: no-repeat;
    background-size: 88px 91px;
    left: -110px;
    position: absolute;
    top: 6px;
    width: 88px;
    height: 91px;
}

/* Lagune */

.laglws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_lag.png);
	background-position: left center;		
}

.laglws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/lagune/header/lwssymbol_lag.png);
	background-repeat: no-repeat;
	background-size: 250px 194px;
	left: -260px;
	position: absolute;
	top: -40px;
	width: 250px;
	height: 194px;
}

/* Language Hub */

.lahlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_lah.png);
	background-position: left center;
}

/* Le nouveau taxi */

.ltxlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ltx.png);
	background-position: left center;
}

body.ltxlws
{
	--navigation-active-color: #da6336;
}

/* Leo */

.leoifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/leo/infoheader/infoheader_leoifs.png);
	background-position: left bottom;		
}

.leoifs #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/leo/infoheader/ifssymbol_leoifs.png);
	background-repeat: no-repeat;
	background-size: 100%;
	left: -180px;
	position: absolute;
	top: 10px;
	width: 150px;
	height: 112px;
}

body.leoifs
{
	--navigation-active-color: #e62121;
}

/* Macmillan English Campus */

.mecifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mec.svg);
	background-position: left center;
}

/* Menschen */

.mnslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mns.png);
	background-position: left center;
}

.mnslws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/menschen/header/lwssymbol_mns.png);
	background-repeat: no-repeat;
	background-size: 18px 90px;
	height: 90px;
	left: -30px;
	position: absolute;
	top: 1px;
	width: 18px;
}

body.mnslws
{
	--navigation-active-color: #8c003c;
}

/* Menschen hier */

.mehlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_meh.png);
	background-position: left center;
}

.mehlws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/menschen-hier/header/lwssymbol_meh.png);
	background-repeat: no-repeat;
	background-size: 18px 90px;
	height: 90px;
	left: -30px;
	position: absolute;
	top: 1px;
	width: 18px;
}

body.mehlws
{
	--navigation-active-color: #9e004a;
}

/* Menschen im Beruf */

.miblws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_mib.png);
	background-position: left center;
		
}

body.miblws
{
	--navigation-active-color: #43a8dc;
}

/* Mit uns */

.miulws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_miu.png);
	background-position: left top;
}

body.miulws
{
	--navigation-active-color: #3c9ce1;
}


/* Moodle */

.mdlifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/infoheader_mdl.png);
	background-position: left center;
		
}


/* Motive */

.motlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_mot.png);
	background-position: left center;		
}

/* Ne güzel! */

.ngzlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ngz.png);
	background-position: left center;
}

body.ngzlws
{
	--navigation-active-color: #008096;
}

/* Next */

.nxtlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_nxt.png);
}

body.nxtlws
{
	--navigation-active-color: #2f9c17;
}

.nxtlws #navibar #webcodeform input[name="code"]
{
	width: 100px;
}

/* Nuevo Español en marcha */

.neslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_nes.png);
}

body.neslws
{
	--navigation-active-color: #c12230;
}

/* Nuovo Espresso */

.nesplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_nesp.png);
	background-position: left center;
}

.nesplws #toplevelnavi #kreise,
.nesplws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/nuovo-espresso/header/introkreise_nesp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 142px;
	left: -210px;
	pointer-events: none;
	position: absolute;
	top: -64px;
	width: 200px;
}

body.nesplws
{
	--navigation-active-color: #0090a4;
}

/* Oi Brasil! aktuell */

.oibalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_oiba.png);
	background-position: left center;
}

/* Open Mind */

.opmlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_opm.png);
	background-position: left center;
}

body.opmlws
{
	--navigation-active-color: #5b83af;
}

/* Orientierungskurs Mein Leben in Deutschland */

.orklws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ork.svg);
	background-position: left 40%;
	background-size: 80%;
}

/* On y va ! */

.oyvlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_oyv.png);
	background-position: left top;
}

body.oyvlws
{
	--navigation-active-color: #d4171e;
}

/* Otlitschno aktuell */

.otlalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_otla.png);
	background-position: left center;
}

/* Passo dopo passo --> At your leisure */

/* Paul, Lisa & Co */

.plclws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_plc.svg);
	background-position: left center;		
	background-size: 90% auto !important;
}

.plclws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/header/lwssymbol_plc.png);
	background-repeat: no-repeat;
	background-size: 115px 100px;
	left: -130px;
	position: absolute;
	top: 20px;
	width: 150px;
	height: 100px;
}

body.plclws
{
	--navigation-active-color: #d0675b;
}

.plclws article.hotspots .infobutton div 
{
	background-color: #d0675b;
}

/* Pingpong neu */

.pinglws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ping.png);
	background-position: left bottom;		
}

/* Planet */

.plalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pla.png);
	background-position: left center;		
}

/* Planetino */

.plilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pli.png);
	background-position: left center;		
}

.plilws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/planetino/header/lwssymbol_pli.png);
	background-repeat: no-repeat;
	background-size: 100%;
	left: -120px;
	position: absolute;
	top: -50px;
	width: 150px;
	height: 155px;
}

body.plilws
{
	--navigation-active-color: #e4b704;
}

@media only screen and (max-width: 1123px) 
{
	.plilws #toplevelnavi #lwssymbol
		{
			display: none;
		}
}

/* Planet Plus */

.plplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_plp.png);
	background-position: left center;
}

.plplws.daz #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_daz_plp.png);
	background-position: left center;
}

body.plplws
{
	--navigation-active-color: #20a67c;
}

/* Prüfung Express */

.pexifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pex.png);
	background-position: left center;
}

/* Schritt für Schritt */

.sfslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sfs.svg);
	background-position: left 25%;		
}

/* Schritte */

.srilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sri.png);
	background-position: left center;		
}

/* Schritte International */

.sitlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_sit.png);
	background-position: left center;		
}

body.sitlws
{
	--navigation-active-color: #37a849;
}

/* Schritte International Neu */

.sitnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sitn.png);
	background-position: left top;
}

.sitnlws #toplevelnavi #lwssymbol
{
	background-color: #009ee3; 
	bottom: 37px;
	height: 62px; 
	left: -50px; 
	position: absolute; 
	width: 28px; 
}

body.sitnlws
{
	--navigation-active-color: #009ee3;
}

/* Schritte Plus */

.srplws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_srp.png);
	background-position: left center;		
}

body.srplws
{
	--navigation-active-color: #288911;
}

/* Schritte Plus Alpha */

.srpalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_neu_srpa.png);
	background-position: left center;		
}

body.srpalws
{
	color: #e43e31;
}

/* Schritte plus Alpha Neu */

.spanlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_span.svg);
	background-position: left center;		
}

/* Schritte plus Neu */

.spnlws #toplevelnavi #infoheader
{
	background-position: left top;
}

.spnlws:not(.at):not(.ch) #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_spn.png);
}

.spnlws.at #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_at_spn.png);
}

.spnlws.ch #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ch_spn.png);
}

body.spnlws
{
	--navigation-active-color: #76b039;
}

.spnlws #toplevelnavi #spnblock,
.spnlws #toplevelnavi #lwssymbol
{
	background-color: var(--navigation-active-color); 
	bottom: 15px;
	height: 62px; 
	left: -50px; 
	position: absolute; 
	width: 28px; 
}

/* Selbstlernen */

.olgifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_olg.svg);
	background-position: left center;		
}

.pgnifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_pgn.png);
	background-position: left center;		
}

.sppifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_spp.png);
	background-position: left center;		
}

/* Sicher*/

.sihlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sih.png);
}

body.sihlws
{
	--navigation-active-color: #215ca5;
}

/* Sicher in Alltag und Beruf! */

.sablws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_sab.svg);
	background-position: left 15%;
}

/* Starten wir! */

.stwlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_stw.png);
	background-position: left top;
}

body.stwlws
{
	--navigation-active-color: #e94753;
}

/* Tamburin */

.tamlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tam.png);
	background-position: left center;		
}

.tamlws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/tamburin/header/lwssymbol_tam.png);
	background-repeat: no-repeat;
	background-size: 100%;
	left: -120px;
	position: absolute;
	top: -36px;
	width: 165px;
	height: 170px;
}

body.tamlws
{
	--navigation-active-color: #2c9f7f;
}

/* Tangram, Tangram aktuell */

.tanlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tan.svg);
	background-position: left 25%;		
}

.tanalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tana.png);
	background-position: left 25%;		
}

/* Themen aktuell */

.thelws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_the.png);
	background-position: left center;		
}

/* Totem */

.temlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tem.png);
	background-position: left top;
}

.temlws #toplevelnavi #playsymbol
{
	background-image: url(/shared/images/totem/header/introplaybt_tem.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 169px;
	left: -190px;
	pointer-events: none;
	position: absolute;
	top: -44px;
	width: 168px;
}

body.temlws
{
	--navigation-active-color: #03a0cd;
}

/* ... für die Reise (Touristenkurs) */

.tkslws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tks.png);
	background-position: left center;
}

body.tkslws
{
	--navigation-active-color: #33807a;
}

/* Taal vitaal, Taal totaal */

.tvtlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tvt.png);
	background-position: left center;
}

/* Taal vitaal op school */

.tvolws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_tvo.gif);
	background-position: left center;
}

/* Übungsgrammatik Deutsch aktuell */

.ugadifs #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_ugad.svg);
	background-position: left center;
}

/* Universo.ele intensivo */

.uneilws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_unei.svg);
	background-position: left center;
}

/* Universo.ele */

.unelws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_une.png);
}

.unelws #toplevelnavi #guillemet
{
	background-image: url(/shared/images/universo-ele/header/introguillemet_une.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 212px;
	left: -218px;
	pointer-events: none;
	position: absolute;
	top: -90px;
	width: 240px;
}

body.unelws
{
	--navigation-active-color: #bd1e3e;
}

@media only screen and (min-width: 569px) and (max-width: 800px) 
{
	.unelws.introscreen #navibar ul li:not(:last-child)
		{
			margin-right: 3em;
		}
}

/* UniversItalia 2.0 */

.uitnlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/universitalia/header/infoheader_uitn.png);
	background-position: left center;
}

.uitnlws #toplevelnavi #lwssymbol
{
	background-image: url(/shared/images/universitalia/header/lwssymbol_uitn.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 125px;
	left: -90px;
	position: absolute;
	top: -16px;
	width: 75px;
}

body.uitnlws
{
	--navigation-active-color: #c35c74;
}


/* Vitamina */

.vitlws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_vit.svg);
	background-position: left center;
}

/* Vi snakkes ved! aktuell */

.vsvalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_vsva.png);
	background-position: left center;
}

body.vsvalws
{
	--navigation-active-color: #e40522;
}

/* Witam! aktuell */

.witalws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_wita.png);
	background-position: left center;
}

body.witalws
{
	--navigation-active-color: #7a2b5d;
}

/* Wat leuk! aktuell */

.wlealws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_wlea.svg);
	background-position: left center;
}

/* Ziel */

.zllws #toplevelnavi #infoheader
{
	background-image: url(/shared/images/header/infoheader_zl.png);
	background-position: left bottom;		
}

.zllws #toplevelnavi #lwssymbol
{

	background-image: url(/shared/images/ziel/header/lwssymbol_zl.png);
	background-repeat: no-repeat;
	background-size: 165px 205px;
	left: -190px;
	position: absolute;
	top: -10px;
	width: 165px;
	height: 205px;
}

/* Infoheader mit großem Bild für Partner-Infoservices (wie z.B. bi:libri, Spotlight usw.) */

body.partner.ifs .infoheader.static
{
	margin-bottom: 2em; 
	margin-top: 1em; 
	padding-top: 17.578125%; 
	overflow: hidden; 
	position: relative; 
	max-width: 1152px;
}

body.partner.ifs .infoheader.static img
{
	bottom: 0;
	left: 0; 
	position: absolute; 
	right: 0;
	top: 0;
	width: 100%;
}

/* Weitere Stile für LWS */

span.errlabel
{
	background-color: var(--eurref-bg-color);
	border-radius: .2em;
	color: white;
	display: inline-block;
	font-size: .75em;
	line-height: 1.1;
	padding: .2em .3em .15em .3em;
}

span.errlabel.ur
{
	background-color: rgba(var(--eurref-bg-color-rgbvalues), .35);
}