@charset "UTF-8";
 
  
.etikett, .etikett-druck
{
	width:630px;
	height:450px;
	border:solid 3px #000000;
	background-color:#ffffff;
	color:#000000;
	display:block;
	margin-left:auto;
	margin-right:auto;
	line-height:1!important;
	font-size:18px;
}

 .etikett-druck, #etikett1, #etikett2, #etikett3, #etikett4, .einzelndrucken
{
	flex: 0 0 auto;
	width:630px;
	height:450px;
	border:solid 3px #000000;
	background-color:#ffffff;
	color:#000000;
	line-height:1!important;
	font-size:18px;
}

.printausgabeeinzeln
{
	font-size:14px;
	font-weight:400;
	text-align:right;
	position:absolute;
	right:0px;
	bottom:0px;
	color:#cd1719;
}

#etikett1, #etikett2, #etikett3, #etikett4
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}


.etikett-druck-container, .etikett-druck-container2
{
	width:1300px;
	height:auto;
	display:flex;
	flex-wrap: wrap;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	
}


.etikett-feld-container
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap: wrap;
}

.etikett-feld-charge
{
	width:100%;
	height:40px;
	display:flex;
	flex-wrap: wrap;
	border-bottom:solid 2px #000000;
	flex: 0 0 auto;
}


.etikett-feld-links
{
	width:50%;
	height:120px;
	display:flex;
	flex-wrap: wrap;
	border-right:solid 3px #000000;
	border-bottom:solid 3px #000000;
	flex: 0 0 auto;
}

.artikelfeld-header-links
{
	flex: 0 0 auto;
	height:28px;
	width:38.5%;
	background-color:#000000;
	color:#ffffff;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
}

.artikelfeld-header-rechts
{
	flex: 0 0 auto;
	height:28px;
	width:61.5%;
	color:#000000;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
	border-bottom:1px solid #000000;
	
}

.artikel-feld
{
	flex: 0 0 auto;
	width:100%;
	height:92px;
	display: flex;
 	align-items: center;
 	justify-content: center;
	font-weight:700;
	font-size:50px;
	color:#000000;
	position:relative;
}

.sizefeld-header-links
{
	flex: 0 0 auto;
	height:28px;
	width:38%;
	background-color:#000000;
	color:#ffffff;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
}

.sizefeld-header-rechts
{
	flex: 0 0 auto;
	font-size:34px;
	height:40px;
	width:100%;
	color:#000000;
	padding-top:1px;
	padding-right:5px;
	font-weight:700;
	border-bottom:2px solid #000000;
	position:relative;
	text-align:center;
}

.sizefeld-header-charge
{
	flex: 0 0 auto;
	height:28px;
	width:62%;
	color:#000000;
	padding-top:2px;
	padding-left:2px;
	font-weight:700;
	border-bottom:1px solid #000000;
	position:relative;
}

.size-feld
{
	flex: 0 0 auto;
	width:100%;
	height:92px;
	display: flex;
 	align-items: center;
 	justify-content: center;
	font-weight:700;
	font-size:80px;
	color:#000000;
}

.size-feld-kleiner
{
	font-size:30px;
}

.typfeld-header-links
{
	flex: 0 0 auto;
	height:28px;
	width:40%;
	background-color:#000000;
	color:#ffffff;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
}

.typfeld-header-rechts
{
	flex: 0 0 auto;
	height:28px;
	width:60%;
	color:#000000;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
	border-bottom:1px solid #000000;
}

.typ-feld
{
	flex: 0 0 auto;
	width:100%;
	height:92px;
	display: flex;
 	align-items: center;
 	justify-content: center;
	font-weight:700;
	font-size:50px;
	color:#000000;
	position:relative;
	
}

.verpackungfeld-header-links
{
	flex: 0 0 auto;
	height:28px;
	width:100%;
	background-color:#000000;
	color:#ffffff;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
}

.verpackung-feld
{
	flex: 0 0 auto;
	width:100%;
	height:92px;
	display: flex;
 	align-items: center;
 	justify-content: center;
	font-weight:700;
	font-size:50px;
	color:#000000;
	position:relative;
}




.etikett-feld-rechts
{
	width:50%;
	height:120px;
	display:flex;
	flex-wrap: wrap;
	flex: 0 0 auto;
	border-bottom:solid 3px #000000;
}


.etikett-feld-3
{
	width:100%;
	height:140px;
	border-bottom:solid 3px #000000;
	flex: 0 0 auto;
	display:flex;
	flex-wrap: wrap;
}

.logofeld-links
{
	flex: 0 0 auto;
	height:140px;
	width:40%;
	padding-top:2px;
	border-right:1px solid #000000;
}

.textfeld-mittig
{
	width:100%;
	font-weight:700;
	text-align:center;
	color:#000000;
}

.textfeld-adresse
{
	width:100%;
	font-weight:400;
	text-align:center;
	color:#000000;
	font-size:16px;
	margin-top:4px;
}

.etikettlogo
{
	width:180px;
	padding-top:10px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.qrcode-feld-mitte
{
	flex: 0 0 auto;
	height:140px;
	width:20%;
	padding-top:10px;
	padding-left:5px;
}

	#qrcode-print, #qrcode-print-druck
	{
		display:none;
	}
	
	#qrcode, #qrcode-druck
	{
		display:block;
	}

.gesamtmengefeld-rechts
{
	flex: 0 0 auto;
	height:140px;
	width:40%;
	border-left:1px solid #000000;
}

.gesamtmengefeld-header-links
{
	height:28px;
	width:100%;
	background-color:#000000;
	color:#ffffff;
	padding-top:4px;
	padding-left:2px;
	font-weight:700;
}

.gesamtmengefeld-feld
{
	flex: 0 0 auto;
	width:100%;
	height:112px;
	display: flex;
 	align-items: center;
 	justify-content: center;
	font-weight:700;
	font-size:80px;
	color:#000000;
}


.etikett-feld-unten
{
	width:100%;
	height:28px;
	display:flex;
	flex-wrap: wrap;
	flex: 0 0 auto;
}

.text-feld-unten-vorne
{
	flex: 0 0 auto;
	font-size:22px;
	font-weight:700;
	text-align:center;
	width:6%;
	height:24px;
	padding-top:0px;
	padding-right:0px;
	background-color:#000000;
	color:#ffffff;
}


.text-feld-unten-bold
{
	flex: 0 0 auto;
	font-size:16px;
	font-weight:700;
	text-align:left;
	height:26px;
	
	width:94%;
	display: flex;
 	align-items: center;
 	justify-content: center;
}

 
 
#kw
	{
		color:rgba(205 , 23 , 25, 1);
	}

.nichtanzeigen
{
	display:none!important;
}

.nurdrucken
{
	display:none;
}

.einzelndrucken
{
	display:none;
}

#kw:hover
	{
		color:rgba(205 , 23 , 25, 1)!important;
	}




@media print
{
	.header-menu, .nichtdrucken, .footer, .infoblock, .header-menu-abstand
	{
		display:none;
	}
	
	#dropdownartikel, #dropdowntyp, #dropdownunit, #dropdownmengen, #dropdownkw, .pushthebutton
	{
		display:none!important;
	}

	.nurdrucken
	{
		display:block;
	}
	
	.etikett, .etikett-druck, .einzelndrucken, #etikett1, #etikett2, #etikett3, #etikett4
	{
		width:105mm;
		height:75mm;
		background-color:#ffffff;
		border:solid 1mm #000000;
		font-size:9pt;
	}
	
	.etikett-druck-container
	{
		width:260mm;
		height:95mm;
	}
	
	
	.etikett-druck-container2
	{
		width:260mm;
		height:75mm;
	}
	
	#etikett1, #etikett2, #etikett3, #etikett4
	{
		margin-left:10mm;
		margin-right:10mm;
		margin-bottom:10mm;
	}
	
	#etikett3, #etikett4
	{
		margin-bottom:0mm;
	}
	
	.etikett-feld-links
	{
		height:19mm;
	}
	
	.etikett-feld-rechts
	{
		height:19mm;
	}
	
	.etikett-feld-3
	{
		height:24mm;
	}
	
	.etikett-feld-unten
	{
		height:6mm;
	}
	
	
	.artikel-feld, .typ-feld, .verpackung-feld
	{
		height:13mm;
		font-size:24pt;
	}
	
	.gesamtmengefeld-feld
	{
		height:17mm;
		font-size:40pt;
	}
	
	.logofeld-links, .qrcode-feld-mitte, .gesamtmengefeld-rechts
	{
		height:24mm;
		font-size:9pt;
	}
	
	.qrcode-feld-mitte
	{
		padding-top:2mm;
		padding-left:0.5mm;
	}
		
	#qrcode-print, #qrcode-print-druck
	{
		display:block;
	}
	
	#qrcode
	{
		display:none!important;
	}
	
	.size-feld
	{
		height:13mm;
		font-size:40pt;
	}
	
	.size-feld-kleiner
	{
		font-size:30pt;
	}
	
	.artikelfeld-header-links, .artikelfeld-header-rechts, .sizefeld-header-links, .typfeld-header-links, .typfeld-header-rechts, .verpackungfeld-header-links, .gesamtmengefeld-header-links
	{
		height:5mm;
		padding-top:0.7mm;
		padding-left:0.5mm;
	}
	
	.sizefeld-header-rechts
	{
		height:8mm;
		padding-top:0.05mm;
		padding-right:2mm;
		font-size:18pt;
	}
	
	.etikettlogo
	{
		width:26mm;
		padding-top:2mm;
	}
	
	.textfeld-adresse
	{
		font-size:8pt;
		margin-top:1mm;
	}

	.text-feld-unten-bold
	{
		font-size:7pt;
		height:3.5mm;
	}
	
	
	
	.text-feld-unten-vorne
	{
		font-size:10pt;
		height:3.5mm;
	}
	
	#kw
	{
		color:#000000;
	}
	
	.deckflaeche, .kweingabefenster
	{
		display:none!important;
	}

}

.deckflaeche
{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:none;
	background:rgba(0, 0, 0, 0.5);
	z-index:10000;
}

.weg-x-button, .dropdownmouseover, .okay-button
{
	width:100%;
	height:auto;
}

.linieschwarz
{
	width:100%;
	height:1px;
	padding-left:0px;
	padding-right:0px;
	background-color:#000000;
	display:block;
}

.weg-x-button-pos
{
	width:50px;
	height:auto;
	display:block;
	position:absolute;
	top:0px;
	right:-60px;
	cursor:pointer;
	color:#000000;
}

.okay-button-pos
{
	width:50px;
	height:auto;
	display:block;
	position:absolute;
	top:150px;
	right:120px;
	cursor:pointer;
	color:#000000;
}



.kweingabefenster
{
	width:100%;
	height:auto;
	display:none;
	position:fixed;
	left:0px;
	top:180px;
	z-index:12000;
}

.kw_auswahl
{
	width:520px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	background:#FFFFFF;
	box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.3);
	z-index:10000;
	position:relative;
	display:flex;
	flex-wrap: wrap;
	padding:10px;
}

.kw_auswahl_header, .artikel_auswahl_header, .typ_auswahl_header
{
	width:520px;
	height:50px;
	border-bottom:1px solid #000000;
	background:#FFFFFF;
	display:flex;
	align-items: center;
 	justify-content: center;
	font-size:30px;
	font-weight:700;
	line-height:1;
}

.kwauswahlfeld
{
	width:47px;
	height:47px;
	margin:1px;
	display:flex;
	font-size:30px;
	font-weight:400;
	line-height:1;
	color:#000000;
	cursor:pointer;
	flex: 0 0 auto;
	align-items: center;
 	justify-content: center;
	background:#dddddd;
}

.kwauswahlfeldleer
{
	width:47px;
	height:47px;
	margin:1px;
	flex: 0 0 auto;
	background:#ffffff;
}


.kwauswahlfeld:hover
{
	border:2px solid #cd1719;
	background:#777777;
	color:#ffffff;
}

.artikeleingabefenster
{
	width:100%;
	height:auto;
	display:none;
	position:fixed;
	left:0px;
	top:160px;
	z-index:12000;
}

.artikel_auswahl
{
	width:520px;
	height:586px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	background:#FFFFFF;
	box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.3);
	z-index:10000;
	position:relative;
	display:flex;
	flex-wrap: wrap;
	padding:10px;
}
 
.dropdown-pfeil
{
	position:absolute;
	top:-8px;
	right:1px;
	width:50px;
	height:auto;
	display:block;
}



.pushthebutton
{
	width:250px;
	height:auto;
	position:absolute;
	top:-50px;
	right:-220px;
}

#dropdownartikel, #dropdowntyp, #dropdownunit, #dropdownmengen
{
	display:none;
}



#dropdownkw
{
	top:-50px;
	right:252px;
}

#dropdownmengen
{
	right:180px;
}

.auswahl_scrollen
{
	height:500px;
	width:100%;
	overflow:scroll;
}

.auswahlfeld
{
	width:100%;
	height:50px;
	display:block;
	padding-left:10px;
	padding-top:14px;
	font-size:24px;
	font-weight:600;
	line-height:1;
	color:#000000;
	cursor:pointer;
	position:relative;
}

.auswahlfeld:hover
{
	color:#cd1719;
}

.typeingabefenster
{
	width:100%;
	height:auto;
	display:none;
	position:fixed;
	left:0px;
	top:180px;
	z-index:12000;
}

.typ_auswahl
{
	width:520px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	background:#FFFFFF;
	box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.3);
	z-index:10000;
	position:relative;
	display:flex;
	flex-wrap: wrap;
	padding:10px;
}

.uniteingabefenster
{
	width:100%;
	height:auto;
	display:none;
	position:fixed;
	left:0px;
	top:180px;
	z-index:12000;
}

.mengeneingabefenster
{
	width:100%;
	height:auto;
	display:none;
	position:fixed;
	left:0px;
	top:180px;
	z-index:12000;
}

.mengen_auswahl
{
	width:520px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	background:#FFFFFF;
	box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.3);
	z-index:10000;
	position:relative;
	display:flex;
	flex-wrap: wrap;
	padding:10px;
}


.mengeneingabefenster input
{
    width: 160px;
    height: 70px;
    padding: 1px 1px;
    font-size: 44px;
	font-weight:700;
    border: 3px solid rgba(0, 0, 0, 0.5);
	background-color:#ffffff;
	color:#000000;
	margin-left:150px;
}

.mengeneingabefenster input:focus
{
    border-color: #cd1719!important;
    outline: none;
}

.eingabefehlertext
{
	font-size:18px;
	font-weight:600;
	line-height:1;
	width:100%;
	text-align:center;
	position:absolute;
	color:#cd1719;
	left:0px;
	bottom:30px;
}

.logologin
{
	width:300px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


.login-header
{
	font-size:32px;
	font-weight:700;
	text-align:center;
	width:400px;
	height:50px;
	line-height:1;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:#dddddd;
	padding-top:10px;
}

.login-field
{
	width:400px;
	height:50px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	display:block;
}

.login-field-text
{
	position:absolute;
	font-size: 20px;
	font-weight:700;
	text-align:left;
	line-height:1;
	top:0px;
	left:0px;
	width:100px;
	height:50px;
	padding-top:15px;
}

.login-feld-eingabe
{
	width:300px;
	position:absolute;
	right:0px;
	top:0px;
}


.Login_Formular_Style input
{
    width:100%;;
    height: 50px;
    padding: 5px 18px;
    font-size: 20px;
    border: 1px solid rgba(0, 0, 0, 0.5);
	background-color:#ffffff;
	color:#000000;
}

.Login_Formular_Style input:focus
{
    border-color: #cd1719!important;
    outline: none;
}

.Login_Formular_Style .form-button
{
    text-align: center;
}

.Login_Formular_Style .form-button button
{
    padding: 10px 30px;
    border: 1px solid #cd1719;
    color: #cd1719;
    display:block;    
    font-size: 18px;
    border-radius: 50px; 
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:300px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
	
}

.Login_Formular_Style .form-button button:hover
{
	background: #cd1719;
    color: #ffffff;
}

.fehlertext
{
	font-size:18px;
	font-weight:600;
	color:#cd1719;
	width:100%;
	text-align:center;
}

.logoout
{
	position:absolute;
	right:0px;
	top:5px;
	color:#000000;
	font-weight:400;
	font-size:16px;
}

.logoout a:hover
{
	color:#cd1719!important;
	font-weight:700!important;
}

.headercontainer
{
	width:650px;
	height:auto;
	display:flex;
	flex-wrap: wrap;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}

@media (max-width: 1200px)
{
	.headercontainer
	{
		width:300px;
	}
	
	.header-menu-abstand, .header-menu, .headerbalken
	{
		height:160px;
	}
}

.qrcodeusgabetext
{
	font-size:14px;
	font-weight:400;
	text-align:left;
	position:absolute;
	left:0px;
	bottom:0px;
	color:#cd1719;
	display:block;
}

.qrcodeusgabetext2
{
	font-size:14px;
	font-weight:400;
	text-align:left;
	position:absolute;
	left:0px;
	bottom:30px;
	color:#cd1719;
	display:block;
}