@font-face {
	font-family: 'Jost';
	font-style:	normal;
	font-weight: 300;
	src: url('/css/fonts/Jost-Light.ttf'); 
		/*src: url('/css/fonts/Jost-Regular.ttf');*/
}
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 300;
	 src: url('/css/fonts/Jost-LightItalic.ttf'); 
		/*src: url('/css/fonts/Jost-Italic.ttf');*/
}
@font-face {
	font-family: 'Jost';
	font-style:	normal;
	font-weight: normal;
	src: url('/css/fonts/Jost-Regular.ttf'); 
		/*src: url('/css/fonts/Jost-Regular.ttf');*/
}
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: normal;
	 src: url('/css/fonts/Jost-Italic.ttf'); 
		/*src: url('/css/fonts/Jost-Italic.ttf');*/
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: bold;
	src: url('/css/fonts/Jost-Bold.ttf');
}
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: bold;
	src: url('/css/fonts/Jost-BoldItalic.ttf');
}
/* ---------------------------- */ 
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	src: url('/css/fonts/Poppins-Light.ttf'); 
		/*src: url('/css/fonts/Poppins-Regular.ttf');*/
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 200;
	 src: url('/css/fonts/Poppins-LightItalic.ttf'); 
		/*src: url('/css/fonts/Poppins-Italic.ttf');*/
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('/css/fonts/Poppins-Bold.ttf');
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 600;
	src: url('/css/fonts/Poppins-BoldItalic.ttf');
}

body {
	font-weight: normal;
	font-style: normal;
	background-color: #FFFFFF;
	vertical-align: baseline;
	vertical-align: baseline;
	text-align: left;
	font-family: Jost, "Trebuchet MS",verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	/* font: small "Trebuchet MS",sans-serif; */ 
	/*
		font-family: Arial, Helvetica, sans-serif;
	*/
}

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html, body {
	margin:0.3em 2em;
	padding:0;
	
}

body, table, p, input {
	font-size: 1em;
}

body, table, p, input, h1, h2, h3, h4, h5, h6 {
	line-height: 1.45em;
}

h1 { margin: 1.8em 0   1em   0;	font-weight: lighter; }
h2 { margin: 1.8em 0   1.2em 0;	font-weight: normal;					border-bottom : 2px solid #b7b7b7; }
h3 { margin: 2em   0   1.3em 0;	font-weight: normal;					border-bottom : 1px solid #b7b7b7; }
h4 { margin: 2em   0   1.3em 0;	font-weight: bold;						border-bottom : 1px solid #b7b7b7; }
h5 { margin: 2em   50% 1em   0;	font-weight: normal; font-style: italic; border-bottom : 1px solid #b7b7b7;}
h6 { margin: 2em   50% 1em   0;	font-weight: normal; font-style: normal; border-bottom : 1px solid #b7b7b7;}


.LagerOrt {
  color: #a44d00;
  font-size: 0.8em;
  border: 1px solid #710000;
  padding: 0 0.3em;
}

.LagerOrt.verliehen {
  color: #e64b00;
  border-color: #e64b00;
}

.LagerOrt.hier {
  color: green;
  border-color: green;
}

.LagerOrt.einkauf {
  color: #888;
  border-color: #888;
}

.LagerOrt.weg {
  background-color: black;
  color: red;
  font-weight: bolder;
}
.LagerOrt.unbekannt {
  background-color: red;
  color: white;
  font-weight: bolder;
}

.Aufdruck {
  font-variant: tabular-nums;
  color: #939393;
  font-size: 0.8em;
  border: 1px solid #e6e6e6;
  padding: 0 0.3em;
}

.Label {
  color: #008471;
  font-style: italic;
}

/* Zusatz-Texte unter Überschriften */
.SubHeader {
  font-size: 0.6em;
  line-height: 0.6em;
  top: -0.6em;
  position: relative;
}

/* Kasten mit Fehlermeldungen */
div.FehlerMeldung {
  border: 2px solid red;
  padding: 1em 2em;
  background-color: #ffefef;
}

.Item.FalscherLagerOrt {
  border-left: 12px solid red;
  padding-left: 0.6em;
}

#ZubuchungsListe {
	display: none;
	border: 1px solid grey;
	padding: 0em 0.8em;
	margin: 0.5em;
	background-color: white;
}
#ZubuchungsListe.sichtbar {
	display: block;
}
#ZubuchungsListeFehler {
	display: none;
	border: 1px solid red;
}
#ZubuchungsListeFehler.sichtbar {
	display: block;
}
#ZubuchungsListe p.Eintrag {
  border-left: 1em solid;
  padding-left: 0.2em;
}

/* der neu zugefügte Posten */
#ZubuchungsListe p.LetzterEintrag {
  border: 1px red solid;
  padding: 0.2em 0.2em;
  border-left-width: 2em;
  font-size: 1.2em;
  background-color: #f3f3f3;
  /*max-height:0;*/
}
#ZubuchungsListe p.LetzterEintrag.eingeblendet {
	/*max-height: 2em;*/
	/*transition: max-height 10s ease-out;*/
}
#ZubuchungsListe p.Eintrag.Fehler {
	border-color: red;
}
#ZubuchungsListe p.Eintrag.Hinweis {
	border-color: orange;
}
#ZubuchungsListe p.Eintrag.OK {
	border-color: green;
}

/*#ZubuchungsListe p.LetzterEintrag::before {
	content:'>>> ';
}*/

#HG {
	position: relative;
}

/* HG wenn gesucht wird */
#HG.Suchen {
	background-color:grey;
}
#HG.SuchenOK {
	background-color:green;
}
#HG.SuchenFehler {
	background-color:red;
}
#HG.SuchenHinweis {
	background-color:orange;
}

.oben {
			position: sticky;
			top: 0;
			z-index: 100;
			/*! opacity: 0.9; */
			padding: 0.5em;
			background-color: #fff;
			border: 1px black solid;
			margin: 0 -0.6em;
}

/* --------- */

#mainlogo {
	width: 16em;
}

/* Label */

div.Label {
	color: grey;
}
/* in der Label-Liste: */
div.Label.gestrichen {
	color: black;
	text-decoration: line-through;
	left: 2em;
	position: relative;
	text-decoration-color: red;
}		
/* in der Artikel-Liste: */
div.Item.gestrichen {
	/*! color: black; */
	text-decoration: line-through;
	left: 16em;
	position: relative;
	text-decoration-color: red;
}
.oben {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: white;
	opacity: 0.9;
	padding: 0.8em;
}

.Fehler::before {
	content: "kein Treffer";
	color: red;
}
.Treffer::before {
	content: "Treffer";
	color: green;
}

/* Artikel */
div.AG {
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid grey;
	font-size: 1.2em;
	background-color: silver;
	padding: 0.1em 0 0.2em 0.1em;
}

div.A {
	position: relative;
	margin-top: 1em;
	margin-bottom: 0.5em;
	left: 1em;
	margin-right: 1em;
	/*font-weight: bold;*/
}
div.Item {
	position: relative;
	margin-bottom: 0.5em;
	left: 4em;
	margin-right: 4em;
}
div.Item i {
	color: grey;
}

.LabelID {
	background-color: yellow;
	color: black;
	padding: 0.1em;
	border: 1px orange solid;
	position: relative;
	top: -.1em;
	margin: 0 .3em;
  }  
  /* in Item-Liste ausgerückt:*/
div.Item .LabelID {
	position: absolute;
	left: -3em;
  }  
  /* Ende Artikel */



		
/*.Fehler::before {
	content: "Fehler: ";
	color: red;
}
.Hinweis::before {
	content: "Hinweis: ";
	color: orange;
}
.Treffer::before {
	content: "Treffer";
	color: green;
}*/
@media screen and (max-width:640px) {
	html, body {
		margin: 0.3em 0.5em;
	}
	
	#mainlogo {
		width: 40vw;
	}
	
	h1:first-child {
		margin-top: 0.8em;
	}


}