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

@font-face {
    font-family: 'ElegantIcons';
    src: url('/DentsplySirona/css/ElegantIcons.eot');
    src: url('/DentsplySirona/css/ElegantIcons.eot?#iefix') format('embedded-opentype'),
         url('/DentsplySirona/css/ElegantIcons.woff') format('woff'),
         url('/DentsplySirona/css/ElegantIcons.ttf') format('truetype'),
         url('/DentsplySirona/css/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.EI { font-family: 'ElegantIcons'; }

.Webdings { font-family: Webdings; }

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

html, body {
	margin:0;
	padding:0;
}

* { box-sizing: border-box; }

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

textarea { font-family: inherit; }

a { text-decoration:none; color: #0077c8; }
a:hover { text-decoration:underline; color: #e29500; }

label { 
	cursor: pointer; 
	text-decoration: none; color: #0077c8;
}
label:hover {
	text-decoration:underline; color: #e29500;
}

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

html { 
	background-color:#666;
	height:100%;
	 
	background: repeating-linear-gradient( to bottom, #888, #555 .7%, #888 .7%);
	background-attachment:fixed;	/* Der Hintergrund soll nicht mit scrollen */
	}

body {
    width:1372px;
    min-height:100%;
	margin-left:auto; margin-right:auto;
	background-color:#fff;
	overflow-x: hidden;  /* Wenn ein vertikaler Scrollbalken kommt, dann entsteht auch ein horizontaler. :-/ */
}

body, 
select, 
input,
button { 
	font-family: Arial;
	font-size: 16px; 
}

h1 { 
	font-size:36px; 
	font-weight:normal; 
	color:#888;
	padding-bottom:12px; border-bottom:2px solid #ccc; 
}
h1 { font-size:32px; }
h2 { font-size:20px; font-size:18px; }
h3 { font-size:16px; }

sup { font-size:0.6em; font-size:0.8em; }

input[type="submit"],
input[type="button"],
button {
	cursor:pointer;  
    margin:0; 
    padding:6px 12px;
    border:1px solid #ddd;
    background-color:#eee;
    min-width:12.5%;
}
input[type="submit"].inline,
input[type="button"].inline,
button.inline { padding: 4px 12px; min-width:auto; }

input[type="button"] + input[type="submit"],
input[type="button"] + input[type="button"]:not(.inline),   /* WS 2.12.22 LDSP-82 not() hinzugefügt */
button + button {
	margin-left:20px; 
}
input[type="button"].inline.EI {
    position: relative;
    top: 2px;
}
input[type="button"].fr + input[type="submit"].fr,
input[type="button"].fr + input[type="button"].fr,
button.fr + button.fr {
	margin-left:0;
	margin-right:20px;
}
input[type="button"].fr { margin-top:-2px; }

input[type="submit"][disabled],
input[type="button"][disabled],
button[disabled] { cursor: not-allowed; }

textarea { padding: 10px; }

/* WS 27.10.21 - Rahmen unverändert lassen, wenn nicht bearbeitet werden kann. */
* input[type="text"][readonly]:focus { border-color: #ccc; outline: #ccc; }

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

.ar { text-align:right; }

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }

.Fehler { color:red; }
.Warnung { color:red; }
.Meldung { color:crimson; }

.hide { display:none; }

.sichtbar { }
.unsichtbar { display:none; }
.versteckt { display:none; }

.inaktiv { display:none !important; }

.hervor { outline:1px solid #4c4c4c; }

.cp { cursor: pointer; }
.ch { cursor:help; }

.vam { vertical-align:middle; }

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

.grid { display:grid; }

.flex { display:flex; }

footer .flex div { flex:1; }

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

header { 
	position:relative; 
	padding:0;
}

header .Impressum { 
	text-align:right; 
    background-color:#eee;
    padding:4px 8px;
    font-size:16px;
    line-height:40px; line-height:31px; 
}
header .Impressum a + a {
	padding-right:16px; 
}

.Titellinie {
	height:8px;
	background-image:linear-gradient( 90deg, #0077c8, rgba(91,83,88,0.5) 51%, #f6a800);
	background-repeat:repeat-x;
}

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

.Titelzeile { height:166px; height:124px; }	/* = Logohöhe */

.Titelzeile div.Logo { 
	float:left; 
	padding:30px; 
}
.Titelzeile div.Logo img { height:72px; height:60px;  }

.Titelzeile div.Shop { 
	font-size:46px; font-size:36px;
	color:#888;
	line-height:166px; line-height:124px;
}

.Titelzeile .Warenkorbsymbol { 
	display:none;
	float:right; 
	padding:30px;
	height:100%;
}
.Titelzeile .Warenkorbsymbol tr:first-child td { 
	font-size:28px; font-size:22px; 
	color:#888;
	border-bottom:1px solid #ccc;
	background:url(/DentsplySirona/img/shopping-cart-38.png) 0 -2px no-repeat;
	padding-left:56px;
	line-height: 38px; 	/* Wegen Hintergrundbild */
	cursor:pointer; 
}
.Titelzeile .Warenkorbsymbol tr.H { display: none; }
.Titelzeile .Warenkorbsymbol tr.V,
.Titelzeile .Warenkorbsymbol tr.H {
	color:#888;
	line-height:32px;
}
.Titelzeile .Warenkorbsymbol tr.V td:last-child { 
	text-align:right; 
	color:#0077c8; 
}
.Titelzeile .Warenkorbsymbol tr.H {
	text-align: center;
}

.Warenkorbsymbol .Preis { 
	color:#0077c8; 
	float:right; 
}

.Warenkorbsymbol .H { text-align: center; }

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

.Menueleiste { 
	background-color:#0077c8;
	color:white;
	font-size:22px; font-size:20px;
	padding:10px 30px;
    height:46px;
	text-transform:uppercase;
	/* Keine Höhe für den nachfolgenden Inhalt */
	position: absolute;
	width:100%;
}
.Menueleiste.fix {
	width:1372px;
	position:fixed;
	top:0;
	z-index:10;		/* Damit der Text sich nicht drüberschiebt */
}
.Menueleiste a { 
	color:white; 
	padding-right:12px; padding-left:4px; 
	border-right:3px solid white;
}
.Menueleiste a:last-child { border-right:none; }

/* Wenn Kontakt angeklickt wird, dann brauchen wir rechts keinen weißen Balken */
.Menueleiste a.registrieren.noborder { border-right:none; }

.Menueleiste a.aktiv {
	text-decoration:underline; 
	font-weight:bold; 
}

.Menueleiste .anmelden,  
.Menueleiste .abmelden { 
	display:none; 
	float:right; 
	border-right:none; 
} 
.abmelden { display:none; }

.Produkte,
.Benutzerdaten,
.offeneBestellungen,
.Bestellhistorie,
.Statistik { display:none; }

.Titellinie2 { display:none; }

.Menueleiste2 { display:none; }
.Menueleiste2 div.Logo { float:left; }
.Menueleiste2 div.Logo img { height:36px; }

.Menueleiste2 .Warenkorbsymbol { 
	display:none;
	float:right; 
	margin-top:-6px; margin-top:-8px;
	margin-right: 24px;		/* Abstand zum Hamburger-Menü */
	color:#888;
	background:url(/DentsplySirona/img/shopping-cart-o-48.png) 0 2px no-repeat;
	width:56px; height:54px;
	font-size:1.4em; 
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
.Menueleiste2 .Menue {
	float:right;
	margin-top:-21px; margin-top:-16px;
	font-size: 3em;
	cursor:pointer;
}

.Menueleiste3 { display:none; }

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

#main {
	padding:30px; 
	padding-top:46px;
}

.main { display:none; }

#Moment {
	position:fixed;
	margin-top:100px; margin-left:30px;
	display:none;
}


/* WS 9.3.20 - Für die Meldungen..., z.B. dass ein Artikel in den Warenkorb gelegt wurde. */

.Erfolg {
	display:none;
	position:fixed;
	bottom:30px; 
	background-color:#eeeeee; 
	box-shadow:4px 4px 8px #888; box-shadow:8px 8px 16px #888;
	border-radius:4px;
	padding:10px;
	z-index:999;	/* WS 1.4.20 - sonst ist die Box gelegentlich dahinter */
}
.Erfolg::before {
	font-family: 'ElegantIcons';
	content:'\4e';
	padding-right:5px;
	vertical-align:bottom;
}

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

.Auswahl select { 
    padding:4px;
    margin:0 0 20px 0;
    border:1px solid #ddd; 
	background-color: #eee;
	width:100%;		/* WS 30.1.20 - Wenn die Eingabefelder die gesamte Breite ausfüllen, dann kann es auch die Selectliste */
}

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

#anmelden { display:none; }

#anmelden .Anmeldeformular { margin:0; }

#anmelden .Anmeldeformular .flex div { 
	flex:1; 
	margin-top:12px; 
}
#anmelden .Anmeldeformular .flex div:first-child { margin-right:20px; }
#anmelden .Anmeldeformular .flex div:last-child { margin-left:20px; }

#anmelden .Anmeldeformular input[type="text"],
#anmelden .Anmeldeformular input[type="password"] {  
	margin:0;
	padding:4px 6px;
	border:1px solid #ddd; 
	background-color:#eee;
	width:100%; 
}

#anmelden .Anmeldeformular .Anmeldeknopf { 
    margin-top:8px; 
    line-height:2em; 
}

#anmelden #Anmeldung { width:auto; }	/* Anmeldeknopf */
#anmelden #Anmeldung[disabled] { cursor: wait; }	/* not-allowed passt hier nicht so ganz */

#anmelden .Anmeldeformular .PWvergessen {
	display:none;
	padding-top:8px;
	position:absolute;	/* Notwendig für die mobile Ansicht */
}
#anmelden .Anmeldeformular .PWvergessen a { color:#0077c8; }
#anmelden .Anmeldeformular .PWvergessen a:hover { color:#e29500; }

#anmelden .Anmeldeformular .angemeldetBleiben { 
    padding-top:24px; 
    text-align:right; 
}

#anmelden .Anmeldeformular .PWalt { display:none; }

/* WS LDSP-81. Neues Passwort Eingabefelder */
/*#anmelden .Anmeldeformular .NeuesPW { display:none; }*/

#anmelden .Registrierungsformular { margin:0; }

#anmelden .Registrierungsformular .flex div { 
	flex:1; 
	margin-top:12px; 
}
#anmelden .Registrierungsformular .flex div:first-child { margin-right:20px; }
#anmelden .Registrierungsformular .flex div:last-child { margin-left:20px; }

#anmelden .Registrierungsformular input[type="text"],
#anmelden .Registrierungsformular input[type="password"] {  
	margin:0;
	padding:4px 6px;
	border:1px solid #ddd; 
	background-color:#eee;
	width:100%; 
}
#anmelden .Registrierungsformular input[type="text"]:disabled { color:black; }

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

.auf, .zu { cursor:pointer; }
.zu::before {
    color:#f6a800;
    font-family: 'ElegantIcons'; font-weight: normal; font-variant: normal;
    text-transform: none;
    content: 'E';
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align:middle;
}
.auf::before { 
    color:#f6a800;
    font-family: 'ElegantIcons'; font-weight: normal; font-variant: normal;
    text-transform: none;
    content: 'C';
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align:middle;
}
.zu::before, .auf::before {
	font-size: 1.6em;
	margin-left: -8px;
}

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

#Produkte { 
    display:none;
    padding-top:30px; 
}

#Produkte h1 { 
    margin:0; 
	color:#0c83d4;
	font-size:26px; font-size:20px; 
	font-weight:bold;
	border-bottom:none;
}
#Produkte h2 {
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
	border-top:2px solid #aaa;
    color:#0c83d4;
}

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

#Produkte .Filter {
	border:10px solid #eee;
	padding:30px; padding:20px; 
	float:left;
	width:25%;
}
/* WS 10.3.20 - For future use */
#Produkte .Filter.fix {
	position:fixed;
	top:68px;
}

#Produkte .Filter h2 { cursor:pointer; }
#Produkte .Filter h2::before {
    color:#f6a800;
    font-family: 'ElegantIcons'; font-weight: normal; font-variant: normal; 
    text-transform: none;
    content: 'E';   /* zu */
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:2em;
    vertical-align:middle;
    
    margin-left:-10px;
}
#Produkte .Filter h2.auf:before { content: 'C'; }  /* auf */

#Produkte .Filter .SBUs {
	color:#888;
	margin-top:0.8em;
    display:none;  /* Zu Beginn zugeklappt */
}
#Produkte .Filter .SBUs li {
	cursor:pointer;
	margin-top:0.6em;
}

#Produkte .Filter li.zu:before {
    color:#f6a800;
    font-family: 'ElegantIcons'; font-weight: normal; font-variant: normal; 
    text-transform: none;
    content: 'E';   /* zu */
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#Produkte .Filter li.auf:before { 
    color:#f6a800;
    font-family: 'ElegantIcons'; font-weight: normal; font-variant: normal;
    text-transform: none;
    content: 'C';   /* auf */
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#Produkte .Filter .SBUs li.selected *,
#Produkte .Filter .SBUs li.selected {
	color:#0c83d4;
	font-weight:bold;
}

#Produkte .Filter .Kategorien {
    color:#888;
    margin-top:0.8em;
    display:none;  /* Zu Beginn zugeklappt */
}
#Produkte .Filter .Kategorien li {
    cursor:pointer;
    margin-top:0.6em;
}
#Produkte .Filter .Kategorien li.selected {
    color:#0c83d4;
    font-weight:bold;
}

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

#Produkte .Liste {
    float:right;
    width:calc(75% - 40px); width:calc(75% - 30px); 
}
#Produkte .Liste.H {
	float: none;
	width: 100%;
}

#Produkte .Suchzeile {
	background-color:#eee;
	color:#888;
}
/* WS 10.3.20 - For future use */
#Produkte .Suchzeile.fix  {
	position:fixed;
	top:68px;
}

#Produkte .Suchzeile div { padding:10px; }


#Produkte .Suchzeile .Treffer { float:left; }
#Produkte .Suchzeile .Suche {
	text-align:center;
	margin:0 0 0 310px;
}
#Produkte .Suchzeile .Suche input[type="text"] {
	border-width:0;
	width:100%;
}
#Produkte .Suchzeile .Suche input[type="text"] {
	border-width:0;
	width:100%;
}
#Produkte .Suchzeile .Suche input[type="submit"] {
	border-width:0;
	background-color:#eee;
	color:#888;
}
#Produkte .Suchzeile .zeigen { float:right; }
#Produkte .Suchzeile .zeigen select { 
	color:#888;
	border-width:0;
	padding:0 10px; 
}
#Produkte .Suchzeile .Format { float:right; }


#Produkte .Suchergebnis #Willkommen { padding:24px 0 6px 0; }
#Produkte .Suchergebnis #Willkommen p { margin-bottom:18px; }

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

#Produkte .Artikelcontainer {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}

/* Liefersperre */

#Produkte .Artikelcontainer .Artikeldetails .HinweisLS {
	color: red;
	margin: 8px 0;
	display:none;
}
#Produkte .Artikelcontainer .Artikeldetails.LS .HinweisLS { display:block; }
#Produkte .Artikelcontainer .Artikeldetails.LS.hidden .HinweisLS, 
#Produkte .Artikelcontainer .Artikeldetails.LS.del .HinweisLS {
	display:none;
}
#Produkte .Artikelcontainer.edit .Artikeldetails.LS.hidden .HinweisLS, 
#Produkte .Artikelcontainer.edit .Artikeldetails.LS.del .HinweisLS {
	display:block;
	visibility:hidden;
}

/* Sichtschutz*/

#Produkte .Artikelcontainer .Artikeldetails .HinweisSec {
	color: darkred;
	margin: 8px 0;
	display:none;
}
#Produkte .Artikelcontainer .Artikeldetails.Sec .HinweisSec { display:block; }
#Produkte .Artikelcontainer .Artikeldetails.Sec.hidden .HinweisSec, 
#Produkte .Artikelcontainer .Artikeldetails.Sec.del .HinweisSec {
	display:none;
}
#Produkte .Artikelcontainer.edit .Artikeldetails.Sec.hidden .HinweisSec, 
#Produkte .Artikelcontainer.edit .Artikeldetails.Sec.del .HinweisSec {
	display:block;
	visibility:hidden;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .HinweisSec span {
	color: #0077c8;
	cursor:pointer;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .HinweisSec span:hover { 
	color: #e29500; 
	text-decoration:underline;
}

#Produkte .Artikelcontainer .Upload {
	display:none;
	text-align:center;
	padding:1px 0;
}
#Produkte .Artikelcontainer.edit .Upload { display:block }
.fileinput-button { margin-bottom:-4px; }
#Produkte .Artikelcontainer .Upload input { 
	border:0;
	padding:0; 
	background-color:transparent;
	min-width:auto; 
}
#Produkte .Artikelcontainer .Upload input.del { 
	font-family: 'ElegantIcons';
	margin-left:20px;
}
#Produkte .Artikelcontainer .Upload .PDFName {
	margin-top:14px;
	border:1px solid #666;
	text-align:left;
	word-wrap:break-word;  /* WS 2.12.22 Umbruch, wenn es nicht ins Feld paßt */
}
#Produkte .Artikelcontainer .Upload .PDFName::before {
	content:'Datei: ';
	color:#0077c8;
}


/* "Bewegtes" Bild - Produkte und Warenkorb */
.imagewrapper { 
	padding:20px;
	display:flex;	/* WS 29.4.20 - Um das Bild darin mittig platzieren zu können */
	justify-content: center;
	align-items: center; 
}
.imagewrapper img {
	border:1px solid #ccc;
	transition: all 240ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	cursor:pointer;
	/* WS 15.5.20 - Neben PDFs können nun auch Bilder dargestellt werden. Hier die Größeneinschränkung beim Vorschaubild. Vergleiche auch PDFVorschau.php (160x160). */
	max-width:160px; max-height:160px;	
}
.imagewrapper img:hover { transform: scale(1.10); }

#Produkte .Artikelcontainer .PDF { 
	flex:1;			/* WS 14.5.20 - Bei überlangem Dateinamen gibt es sonst ein überbreiten div-Container */
	min-width:35%;	/* Dadurch kann es untereinander (mobile Ansicht) auf die volle Breite gehen */
	width:auto; 
}


#Produkte .Artikelcontainer .Artikeldetails {
	flex:1; flex:2;
	margin-left:20px;
}
#Produkte .Artikelcontainer .Artikeldetails.hidden { opacity:0.4; }
#Produkte .Artikelcontainer .Artikeldetails.del { color:red; }
#Produkte .Artikelcontainer.edit .Artikeldetails.del { color:#888; }
#Produkte .Artikelcontainer .Artikeldetails.del .Zaehler { display:none; }
#Produkte .Artikelcontainer .Artikeldetails p.LS { color:red; }
#Produkte .Artikelcontainer .Artikeldetails button.LS { color:darkred; }
#Produkte .Artikelcontainer .Artikeldetails p.Sec { color:red; }

#Produkte .Suchergebnis p {
	padding:0;
	margin:0;
}
#Produkte .Suchergebnis .Artikel {
	margin:8px 0;
	font-weight:bold; font-size:120%;
}

#Produkte .Artikelcontainer .Artikeldetails div.prop { display:none; }
#Produkte .Artikelcontainer.edit .Artikeldetails div.prop {
	display:flex;
	margin-bottom:14px;
	max-width:max-content;
}
#Produkte .Artikelcontainer .Artikeldetails div.prop label { flex:content; }

#Produkte .Artikelcontainer .Artikeldetails .DruckSNr { display:none; }
#Produkte .Artikelcontainer.edit .Artikeldetails .DruckSNr::before {
	content:'Druckschriftennummer: ';
	color:#0077c8;
}

#Produkte .Artikelcontainer .Artikeldetails .Herkunft { display:none; }
#Produkte .Artikelcontainer.edit .Artikeldetails .Herkunft::before { 
	content:'Herkunftsland: ';
	color:#0077c8;
}
#Produkte .Artikelcontainer .Artikeldetails .WarenNr { display:none; }
#Produkte .Artikelcontainer.edit .Artikeldetails .WarenNr::before {
	content:'Warennummer: ';
	color:#0077c8;
}

#Produkte .Artikelcontainer .Artikeldetails .Bemerkung { margin:8px 0; }
#Produkte .Artikelcontainer .Artikeldetails .PDFBemerkung {
    margin:8px 0;
    display:none;
}
#Produkte .Artikelcontainer .Artikeldetails:not(.BF) .PDFBemerkung { display:block; }
#Produkte .Artikelcontainer .Artikeldetails:not(.BF).hidden .PDFBemerkung,
#Produkte .Artikelcontainer .Artikeldetails:not(.BF).del .PDFBemerkung {
	display:none;
}
#Produkte .Artikelcontainer.edit .Artikeldetails:not(.BF).hidden .PDFBemerkung,
#Produkte .Artikelcontainer.edit .Artikeldetails:not(.BF).del .PDFBemerkung {
	display:block;
	visibility:hidden;
}
#Produkte .Artikelcontainer.edit .Artikeldetails.BF .PDFBemerkung {
	display:block;
	visibility:hidden;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .PDFBemerkung a[onclick] { cursor:not-allowed; }

#Produkte .Suchergebnis .rot { 
	background:url("/DentsplySirona/img/kugel-rot-14.png") 0 center no-repeat;
	padding-left:18px;
}
#Produkte .Suchergebnis .gelb { 
	background:url("/DentsplySirona/img/kugel-gelb-14.png") 0 center no-repeat;
	padding-left:18px;
}
#Produkte .Suchergebnis .gruen { 
	background:url("/DentsplySirona/img/kugel-gruen-14.png") 0 center no-repeat;
	padding-left:18px;
}


#Produkte .Artikelcontainer .Artikeldetails .Preis { margin:8px 0; }
#Produkte .Artikelcontainer .Artikeldetails:not(.BF) .Preis { display:none; }
#Produkte .Artikelcontainer.edit .Artikeldetails:not(.BF) .Preis { display:block; }

#Produkte .Artikelcontainer .Artikeldetails .MindBestand { display:none; }

#Produkte .Artikelcontainer .Artikeldetails .MaxBestell { display:none; }
#Produkte .Artikelcontainer .Artikeldetails .MaxBestell.dev { 
	display:block;
	margin:8px 0; 
}
#Produkte .Artikelcontainer .Artikeldetails .MaxBestell.dev::before { content:'Max. Bestellmenge: '; }


#Produkte .Artikelcontainer .Artikeldetails:not(.BF) .Zaehler,
#Produkte .Artikelcontainer .Artikeldetails.hidden .Zaehler {
	display:none;
}


#Produkte .Suchergebnis .Zaehler .Warenkorb {
    padding:4px 12px 4px 12px; padding:10px;
	border:1px solid #e29500;
	background-color:#e29500;
	color:white;
}
#Produkte .Suchergebnis .Zaehler .Warenkorb:disabled { cursor:not-allowed; }

#Produkte .Ergebnisse, 
#Produkte .FilternNach { display: none; }

/* -------------------------------------------------------------------------------- */
/* Editieren eines Artikels */

#Produkte .Artikelcontainer input.edit, 
#Produkte .Artikelcontainer input.cancel {
	font-family: 'ElegantIcons';
	padding:0; padding-left:20px;
	float:right;
	border:0; 
	background-color:transparent;
	min-width:auto;
}
#Produkte .Artikelcontainer input.cancel { display:none; }
#Produkte .Artikelcontainer.edit input.cancel { display:inline; }

#Produkte .Artikelcontainer.edit .Artikeldetails:not(.LS) .HinweisLS {
	display:block;
	visibility:hidden;
}
#Produkte .Artikelcontainer.edit .Artikeldetails:not(.Sec) .HinweisSec {
	display:block;
	visibility:hidden;
}

#Produkte .Artikelcontainer .Sichtschutz { display: none; }

#Produkte .ui-widget.ui-widget-content {
	padding: 0; 
	border:1px solid #666;
	box-shadow: 0 0 4px #000;
}
#Produkte .ui-dialog-titlebar {
	background-color: #eee;
	font-weight: normal;
	padding: 4px 8px;
}
#Produkte .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
	border:1px solid #666;
}
#Produkte .ui-dialog-content.ui-widget-content {
	background-color: white;
	padding: 8px;
}

#Produkte table { 
	width:100%; 
	border-collapse:collapse;
}
#Produkte td div { line-height: 28px; }
#Produkte td div .austragen, #Produkte .eintragen {
	padding:2px;
	min-width:auto; width:24px;
	border-radius: 12px; border-radius: 50%;
}
#Produkte td input {
	width: 260px; width:calc(100% - 36px);
	margin-left: 4px; 
}
#Produkte td input:disabled { border:1px dashed #ccc; color:black; }
#Produkte td button[disabled] { visibility: hidden; }
#Produkte td input.del { color: #ccc; }


#Produkte .Artikelcontainer.edit .Artikeldetails .Zaehler { display:none; }
#Produkte .Artikelcontainer.edit .Artikeldetails .Artikel,
#Produkte .Artikelcontainer.edit .Artikeldetails .DruckSNr,
#Produkte .Artikelcontainer.edit .Artikeldetails .Bemerkung,
#Produkte .Artikelcontainer.edit .Artikeldetails .MindBestand,
#Produkte .Artikelcontainer.edit .Artikeldetails .Preis,
#Produkte .Artikelcontainer.edit .Artikeldetails .MaxBestell,
#Produkte .Artikelcontainer.edit .Artikeldetails .Herkunft,
#Produkte .Artikelcontainer.edit .Artikeldetails .WarenNr { 
	border:1px solid #666; 
	background-color:#eee;
	padding:0 2px;
	margin-top:8px;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .Artikel::before {
	content:'Bezeichnung: ';
	color:#0077c8;
}

#Produkte .Artikelcontainer.edit .Artikeldetails .Herkunft,
#Produkte .Artikelcontainer.edit .Artikeldetails .WarenNr,
#Produkte .Artikelcontainer.edit .Artikeldetails .DruckSNr {
	display:block;
	min-height:1.2em; 
}

#Produkte .Artikelcontainer.edit .Artikeldetails .Bemerkung { min-height:1.2em; }
#Produkte .Artikelcontainer.edit .Artikeldetails .Bemerkung::before {
	content:'Bemerkung: ';
	color:#0077c8;
}

#Produkte .Artikelcontainer.edit .Artikeldetails .MindBestand {
	display:block;
	min-width:320px; min-width:340px; 
	width:50%;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .MindBestand::before {
	/*content:'Mindestbestandsmenge: ';*/
    content:'Mindestbestandsmenge (0 = keine): ';
	color:#0077c8;
}
/*#Produkte .Artikelcontainer.edit .Artikeldetails .MindBestand::after {
	content:'0 = keine';
	color:#0077c8;
	float:right;
}*/

#Produkte .Artikelcontainer.edit .Artikeldetails .Preis {
	min-width:160px;
	width:33%;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .Preis::before {
	content:'Preis: ';
	color:#0077c8;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .Preis::after {
	content:' €';
	color:#0077c8;
}

#Produkte .Artikelcontainer.edit .Artikeldetails .MaxBestell {
	display:block;
	min-width:320px; min-width:340px; 
	width:50%;
}
#Produkte .Artikelcontainer.edit .Artikeldetails .MaxBestell::before {
	/*content:'Max. Bestellmenge: ';*/
    content:'Max. Bestellmenge (0 = keine): ';
	color:#0077c8;
}
/*#Produkte .Artikelcontainer.edit .Artikeldetails .MaxBestell::after {
	content:'0 = keine';
	color:#0077c8;
	float:right;
}*/

#Produkte .Suchergebnis .Artikelcontainer.edit .Artikeldetails.hidden { opacity:unset; }

/* -------------------------------------------------------------------------------- */
/* Produkte und Warenkorb */

.Zaehler a {
	padding:0 8px;
	color:#888; color:#0077c8;
}
.Zaehler a:hover { text-decoration:none; }
.Zaehler .Menge {
	border-width:0;
	background-color:#eee;
	padding:4px; padding:11px;
	text-align:center;
}

/* -------------------------------------------------------------------------------- */
/* Benutzerverwaltung */

#Benutzerdaten { display:none; }

#Benutzerdaten h1 { margin-bottom:0; }
#Benutzerdaten .Benutzerformular .Meldung { margin-bottom:0; }

#BenutzerTabs {}
#BenVertrieb {}
#BenHandel { display:none; }

#Benutzerdaten .Benutzerformular .Auswahl div:first-child { margin-bottom:20px; }
#Benutzerdaten .Benutzerformular .Auswahl select { margin:0; }

.Legende { font-size:0.8em; }

#Benutzerdaten .Benutzerformular .Auswahl div.Legende { margin:10px 0 0 0; }

#Benutzerdaten .Benutzerformular .Auswahl select[name] option.keinZugriff,
#Benutzerdaten .Benutzerformular .Auswahl span.keinZugriff { color: red; }
#Benutzerdaten .Benutzerformular .Auswahl select[name] option.Sperre,
#Benutzerdaten .Benutzerformular .Auswahl span.Sperre { color:#8a8aff; }
#Benutzerdaten .Benutzerformular .Auswahl select[name] option.deaktiviert, 
#Benutzerdaten .Benutzerformular .Auswahl span.deaktiviert { color:#aaa; }

#Benutzerdaten .Benutzerformular .Auswahl select[name] option.Registrierung, 
#Benutzerdaten .Benutzerformular .Auswahl span.Registrierung { color:red; }


#Benutzerdaten .Benutzerformular .Auswahl .Gruppen {
	display:none;
	padding:6px;
	margin-bottom:8px;
	height:33px;
	width:60%;	/* analog zu den Eingabefelder unten drunter */
}
#Benutzerdaten .Benutzerformular .Auswahl .GruppenEdit {
	display:none;
	min-width:auto;
}
#Benutzerdaten .Benutzerformular .Auswahl .GruppenEdit::before { 
	font-family:'ElegantIcons';
	font-size:15px;
	content:'\e08b';
}


#Benutzerdaten .Benutzerformular .TitelName { width:60%; margin:16px 0; }
#Benutzerdaten .Benutzerformular .TitelName div.Titel,	/* Auch die Beschriftung oben drüber */
#Benutzerdaten .Benutzerformular .TitelName .Titel[type="text"] { width:calc(30% - 20px); }
#Benutzerdaten .Benutzerformular .TitelName div.Name,	/* Auch die Beschriftung oben drüber */
#Benutzerdaten .Benutzerformular .TitelName .Name[type="text"] { width:70%; float:right; }

#BenVertrieb .edit, 
#BenHandel .edit { display:none; }

#BenHandel .EmailAnzeige,
#BenHandel .RegistrierungAnzeige,
#BenHandel .KStEdit { display:none; }

@media (min-width:1080px) { 
    /* Knöpfe rechts daneben */
    #BenHandel .RegistrierungAnzeige div { margin-top:-52px; }
}

/* Für die Tabs */

.ui-widget.ui-widget-content { border:1px solid #ccc; border:0; }
.ui-tabs .ui-tabs-panel { 
	border:1px solid #ccc; border-top:0;
	padding:15px; 
}
.ui-tabs .ui-tabs-nav { padding:15px 15px 0 15px; } 
.ui-tabs { padding-top:0; }
.ui-corner-all { border-radius:0; }
.ui-widget-header {
	border:0 solid transparent; border-bottom: 1px solid #ccc;
	background:none;
}
.ui-corner-top {
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #ccc; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color:white;
	background-color:#0077c8;
}
.ui-widget { font-size:inherit; }


button.CSV {
	min-width:auto;
	margin-left:20px;
}
button.CSV::before {
	font-family: 'ElegantIcons';
	content:'\e092';
	padding-right:10px;
}
button.Benutzer {
	min-width:auto;
	white-space: nowrap;
	margin-left:20px;
}
button.Benutzer::before {
	font-family: 'ElegantIcons';
	content:'\e08a';
	padding-right:10px;
}


#Benutzerdaten .offReg {	/* Container "Offene Registrierungen" */
	margin-bottom:0;
	padding-bottom:18px;
}


#Benutzerdaten .Benutzerformular .Abstand { margin-top:16px; }
#Benutzerdaten .Benutzerformular .Abstand2 { margin-top:32px; }

#Benutzerdaten .Benutzerformular input[type="text"], 
#Benutzerdaten .Benutzerformular input[type="password"] {  
    padding:4px 6px;
    margin:0; margin-top: -2px; /* wegen float */
    border:1px solid #ddd; 
    background-color:#eee;
    width:100%; width:60%; 
}


#Benutzerdaten .Benutzerformular .RegURL::before {
	font-family: 'ElegantIcons';
	content:'\4e';
	padding-right:10px;
}
#Benutzerdaten .Benutzerformular .RegDel::before {
	font-family: 'ElegantIcons';
	content:'\4d';
	padding-right:10px;
}

#Benutzerdaten .Benutzerformular .Rechte label + label { margin-left:32px; }
#BenVertrieb .Anzeige .Rechte { display:none; }
#BenVertrieb .Rechte .Notiz { 
	padding-left:40px; 
	font-size:0.8em;
}

#Benutzerdaten .Benutzerformular .Benutzergruppen label + label { margin-left:32px; }
#BenVertrieb .Anzeige .Benutzergruppen { display:none; }
#BenVertrieb .Benutzergruppen .Notiz { 
	padding-left:40px; 
	font-size:0.8em;
}


/* WS 1.4.20 - Neuen Benutzer anlegen */

#BenVertrieb .NeuerBenutzer { display:none; }
#BenVertrieb .NeuerBenutzer h2 { margin-top:0; }
#BenVertrieb .NeuerBenutzer .Pflichtfelder { text-align:right; margin-bottom:16px; }
#BenVertrieb .NeuerBenutzer .buttons { text-align:right; }
#BenVertrieb .NeuerBenutzer button.Abbruch::before {
	font-family: 'ElegantIcons';
	content:'\4a';
	padding-right:10px;
	vertical-align:bottom;
} 
#BenVertrieb .NeuerBenutzer button.anlegen::before {
	font-family: 'ElegantIcons';
	content:'\e0e4';
	padding-right:10px;
	vertical-align:bottom;
}
#BenVertrieb .NeuerBenutzer button.anlegen.ok::before {
	content:'\6c';
} 


/* LDSP-52 WS 25.2.22 (Pseudo-) Benutzergruppen */

/* WS 24.2.22 LDSP-52. Benutzergruppe-select-Liste */

#BenVertrieb .Auswahl select.Gruppen option:disabled,
#BenVertrieb .Auswahl select.Gruppen option.Nullbestand { color:#aaa; }

/* div.Gruppen = Drag- & Dropbereich Benutzergruppenzuordnungen (Verwaltung) */

#BenVertrieb div.Gruppen { display:none; }

#BenVertrieb div.Gruppen h2 { margin-top:0; margin-bottom:24px; }
#BenVertrieb div.Gruppen button.reload {
	display: none;
	float: right;
	min-width: auto;
	width: 34px;
	padding: 6px 1px 4px 6px;
}
#BenVertrieb div.Gruppen button.reload::before {
	font-family: 'ElegantIcons';
	content:'\e02a';
}

#BenVertrieb div.Gruppen div.flebo {
/*    display:block;*/
    overflow-y:auto;
    overflow-x:hidden;
    max-height:340px;	/* max. Höhe des einzelnen Containers */
	border:1px solid #ccc;
	width: 300px; width: 100%;
}
#BenVertrieb div.Gruppen div.flebo:nth-child(2) {
  margin: 0 15px;
}
#BenVertrieb div.Gruppen div.flebo tr {
/*	min-height:306px;*/ 
}
#BenVertrieb div.Gruppen table { 
	width:100%;
/*	border:1px solid #ccc;*/
/*	border:1px dotted red;*/
	border-collapse:collapse; 
}
#BenVertrieb div.Gruppen th { 
	background-color:#0077c8; 
	color:white;
	font-weight: normal;
	padding: 6px;
	position: sticky;
	top: 0;
}

/* .Gruppe = linker Container mit den verfügbaren Benutzergruppen */

#BenVertrieb div.Gruppen .Gruppe td {
	padding:3px;
}
#BenVertrieb div.Gruppen .Gruppe td:first-child {
  width:32px;
}
#BenVertrieb div.Gruppen .Gruppe tbody:nth-child(3) td {
	padding-top:10px;
	padding-bottom:4px;
}
#BenVertrieb div.Gruppen .Gruppe button.austragen, 
#BenVertrieb div.Gruppen .Gruppe button.eintragen {
	height: 27px;
	width: 27px;
	padding: 0;
	border-radius: 50%;
}
#BenVertrieb div.Gruppen .Gruppe tbody:nth-child(3) {
	display: none;	/* Eingabezeile erstmal verstecken */
}
#BenVertrieb div.Gruppen .Gruppe td .Eingabe {
	width: 100%;
}
#BenVertrieb div.Gruppen .Gruppe .Knopf {
  background-color: #eee;
  border: 1px solid #8f8f8f; 
/*   border: 1px solid #dddddd; */
  border-radius: 4px; 
  cursor: pointer;
  padding: 4px;
}
#BenVertrieb div.Gruppen .Gruppe .Knopf.set {
	background-color: #e29500;
	color: white;
}

/* .Benutzerzuordnungen = mittlerer Container mit den Zuordnungen Benutzer zu Benutzergruppe */

#BenVertrieb div.Gruppen .Benutzerzuordnungen { 
	/* Zum Droppen auf die gesamte Höhe. Vermurkst aber das Aussehen */
/*	height:100%; */
}
#BenVertrieb div.Gruppen .Benutzerzuordnungen thead {
/* Zum Droppen auf die gesamte Höhe. Vermurkst aber das Aussehen */ 
/*	height:1.1em;*/ 
}
#BenVertrieb div.Gruppen .Benutzerzuordnungen tbody tr.droppable {
	display: none;
}
#BenVertrieb div.Gruppen .Benutzerzuordnungen td {
	padding:3px 6px;
}
#BenVertrieb div.Gruppen .Benutzerzuordnungen tbody td { }
#BenVertrieb div.Gruppen .Benutzerzuordnungen tbody tr.droppable td { 
	vertical-align:top;
	/* Zum Droppen auf die gesamte Höhe. Vermurkst aber das Aussehen */
/*	padding-top:2.4em; */
/*	padding-top:30px; */
}
#BenVertrieb div.Gruppen .Benutzerzuordnungen tbody tr.droppable.viele td { 
/*	padding-top:0;*/ 
}

#BenVertrieb div.Gruppen .draggable, 
#BenVertrieb div.Gruppen .droppable div.draggable {
  margin: 4px 2px;
  background-color: #eee;
  border: 1px solid #8f8f8f;
  border-radius: 4px;
  padding: 4px;
  /*width: 264px;*/
}

#BenVertrieb div.Gruppen .buttons {
	text-align:right;
	margin-top:15px;
}

/* -------------------------------------------------------------------------------- */
/* Produktesicht des Händlers */

#BenHandel .ZeigeRechte button { min-width:auto; }
#BenHandel .ZeigeRechte button::before {
	font-family: 'ElegantIcons';
	content:'\e037';
	padding-right:10px;
	vertical-align:bottom;
}

#BenHandel .Rechteliste table { 
	margin-top:15px;
	border-collapse: collapse; 
}
#BenHandel .Rechteliste th { text-align:left; }
#BenHandel .Rechteliste th,
#BenHandel .Rechteliste td { border:1px solid #ccc; padding:4px; }
#BenHandel .Rechteliste td.gesperrt { color:#aaa; cursor:not-allowed; }
#BenHandel .Rechteliste th .Notiz { 
	float:right; 
	font-size:0.8em;
	font-weight:normal; 
}

#BenHandel .Rechteliste label,
#BenHandel .Rechteliste label:hover { 
	cursor:pointer; 
	text-decoration:none; color:inherit;
}
#BenHandel .Rechteliste label:not(.checked) { color:red; }


#BenHandel .ZeigeArtikel { display:none; }
#BenHandel .ZeigeArtikel button::before {
	font-family: 'ElegantIcons';
	content:'\68';
	padding-right:10px;
	vertical-align:bottom;
}
#BenHandel .Artikelliste { display:none; }
#BenHandel .Artikelliste table {
	padding:10px;
	border:1px solid #ccc;
	margin-top:20px;
	border-collapse:collapse;
}
#BenHandel .Artikelliste table th { text-align:left; }
#BenHandel .Artikelliste table th,
#BenHandel .Artikelliste table td {
	padding:4px;
	border:1px solid #ccc;
}

/* -------------------------------------------------------------------------------- */
/* WS 19.3.20 - Offene Bestellungen (Stichwort maxBestellmenge) */

#offeneBestellungen { display:none; }

#offeneBestellungen .offBestell table { width:100%; }
#offeneBestellungen .offBestell th {
	padding: 4px;
	text-align:left;
}
#offeneBestellungen .offBestell td {
	padding: 4px;
}
#offeneBestellungen .offBestell td:first-child:not([colspan]) {
    width: 164px;
}
#offeneBestellungen .offBestell td:nth-child(2):not([colspan]) {
    width:132px;
}
#offeneBestellungen .offBestell table div {
	border:1px solid #ccc;
	padding:10px; 
	margin-top:10px;
}

#offeneBestellungen tr.vam td { line-height:2em; }

#offeneBestellungen  input[type="text"] {
	padding: 4px 6px;
	border: 1px solid #ddd;
	background-color: #eee;
	width:80px;
}

#offeneBestellungen button.ok::before,
#offeneBestellungen input[type="button"].ok::before {
	font-family: 'ElegantIcons';
	content:'\4e';
	padding-right:10px;
}
#offeneBestellungen button.del::before,
#offeneBestellungen input[type="button"].del::before {
	font-family: 'ElegantIcons';
	content:'\4d';
	padding-right:10px;
}

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

#Bestellhistorie { display:none; }

#Bestellhistorie .Auswahl option.ohne { color:#aaa; }

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

#Statistik {}

#Statistik .Container select { 
    padding:4px;
    margin:0 0 20px 0; margin:0;
    border:1px solid #ddd; 
	background-color: #eee;
	max-width:100%;
}
#Statistik .Container .Auswertung select.Artikel { width:100%; }
#Statistik .Container .Auswertung label.ausblenden { float:right; } 

#Statistik .Container .Auswertung input.Kalender {
    padding:4px;
    margin:0 0 20px 0; margin:0;
    border:1px solid #ddd; 
	background-color: #eee;
}
 
#Statistik .Container .Auswertung.KostenKstUser select.Kostenstellen { width:100%; } 

#Statistik .Container .Auswertung optgroup {
	font-style:normal;
	padding:10px 0;
} 


#Statistik .Container .Auswertung.Abgaenge option { padding:2px 0 2px 20px; } 

#Statistik .Container .Auswertung.KostenKstUser option { text-align:right; }

#Statistik .Container .Auswertung .LS { color:red; }			/* Liefersperre */
#Statistik .Container .Auswertung .Sec { color:red; }			/* Sichtschutz */
#Statistik .Container .Auswertung .versteckt { color:#aaa; display:revert; }
#Statistik .Container .Auswertung .geloescht { text-decoration:line-through; }

/* Die Tabelle braucht (in der mobilen Ansicht) eventuell mehr Breite. Seitliches Scrollen ermöglichen. */
#Statistik .Container .Auswertung .Ergebnis { overflow-x:auto; }
#Statistik .Container .Auswertung .Ergebnis table {	
	width:100%; max-width:100%;
	border-collapse:collapse;
}
#Statistik .Container .Auswertung.Abgaenge .Ergebnis th {
	padding:2px;
	border:1px solid #ccc; 
}
#Statistik .Container .Auswertung.Abgaenge .Ergebnis td { 
	padding:2px;
	border:1px solid #ccc;
	text-align:right; 
}
#Statistik .Container .Auswertung.Abgaenge .Ergebnis td:first-child,
#Statistik .Container .Auswertung.Abgaenge .Ergebnis td:nth-child(2) {
	text-align:left;
	vertical-align:top;
}


#Statistik .Container .Auswertung.KostenKstUser .Ergebnis th,
#Statistik .Container .Auswertung.KostenKstUser .Ergebnis td { 
	padding:2px;
	border:1px solid #ccc;
	vertical-align:top;
}
#Statistik .Container .Auswertung.KostenKstUser .Ergebnis td:first-child:not([colspan]) { white-space:nowrap; }
#Statistik .Container .Auswertung.KostenKstUser .Ergebnis td:nth-child(3),
#Statistik .Container .Auswertung.KostenKstUser .Ergebnis td:nth-child(4),
#Statistik .Container .Auswertung.KostenKstUser .Ergebnis td[colspan="2"] {
	text-align:right;
	white-space:nowrap;
}


#Statistik .Container .Auswertung.Einzelartikel .Ergebnis th { 
	padding:2px;
	border:1px solid #ccc;
	vertical-align:top;
	text-align:left;
}
#Statistik .Container .Auswertung.Einzelartikel .Ergebnis td { 
	padding:2px;
	border:1px solid #ccc;
	vertical-align:top;
}
#Statistik .Container .Auswertung.Einzelartikel .Ergebnis td:first-child:not([colspan]) { text-align:right; }

#Statistik .Container .Auswertung input.Suche { width:50%; }

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

#Warenkorb { display:none; }

#Warenkorb .flex div.Positionen { flex:1; }
#Warenkorb div.Positionen { padding-bottom:20px; }
#Warenkorb div.Positionen table {
	border-collapse:collapse;
	width: 100%;
}
#Warenkorb div.Positionen th,
#Warenkorb div.Positionen td {
	border:1px solid #ccc;
	padding:10px;
}
#Warenkorb div.Positionen td.Preis { text-align:right; }
#Warenkorb div.Positionen td.Zaehler { 
	white-space:nowrap; 
	text-align: center;
}
#Warenkorb div.Positionen td.Zaehler * { white-space:nowrap; }

#Warenkorb div.Positionen td.Zaehler span { display: none; }	/* Nur zum Drucken */
#Warenkorb div.Positionen td.Summe { text-align:right; }

#Warenkorb div.Positionen td.Knoepfe {
	border:0;
	padding:20px 0 0 0;
}
#Warenkorb div.Positionen td.Knoepfe input {
	background-color: #eee;
	border:1px solid #ddd;
	padding:10px 20px;
}

#Warenkorb div.Positionen .Filter { font-weight:bold; }
#Warenkorb div.Positionen .PDF .imagewrapper {
	width:max-content;
	margin:20px auto;
}
#Warenkorb div.Positionen .Artikel {
	font-weight:bold;
	font-size:120%;
}
#Warenkorb div.Positionen .Summe sup {
	float: right;
	margin-top: -2em;
}

#Warenkorb div.Positionen .MeldungMaxBestand { color:red; }

#Warenkorb .Gesamtsumme {
	background-color:#4c4c4c;
	color:white;
	margin-left:40px;
}
#Warenkorb .Gesamtsumme.Handel { display: none !important; }

#Warenkorb .Gesamtsumme th,
#Warenkorb .Gesamtsumme td {
	text-align:right;
	vertical-align:top;
	padding:20px;
	min-width:120px;
} 
#Warenkorb .Gesamtsumme th:first-child { width:75%; }
#Warenkorb .Gesamtsumme .trMwSt { font-size:88%; }
#Warenkorb .Gesamtsumme .Knopf { padding-top:0; }

#Warenkorb #zurKasse1 {
	float: right;
	font-size:18px;
	padding: 10px 16px;
	color:white;
	background-color: #e29500;
	border:1px solid #e29500;
}
#Warenkorb #zurKasse1:disabled { color: #ffda95;}

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

#Kasse { display:none; }

#Kasse .Fortschritt {
	float: right;
	color: #0077c8;
	font-size: 22px;
	font-weight: bold;
	width:240px;
}

#Kasse .flex .flexbox {
	flex:1;
	border:1px solid #ccc;
	padding:20px;
}
#Kasse .Schritte .Schritt2.flexbox,
#Kasse .Schritte .Schritt3.flexbox {
	display: none
}
#Kasse .Bestellfortschritt {
	margin-left:40px;
	width:240px;
}

#Kasse .Schritte h2 { 
	text-transform: uppercase; 
	margin-top: 0;
	padding-bottom: 20px;
	border-bottom:1px solid #ccc;
}
#Kasse .Schritte .Schritt3.flexbox h2 { 
	padding-bottom: 0;
	border-bottom:0;
}
#Kasse .Schritte h2 div {
	display: inline-block;
	background-color:#eee;
	border-radius: 50%;
	width: 52px;
	height:52px;
	text-align: center;
	padding:14px;
	margin-right: 1em;
}

#Kasse .Schritte a { color:#0077c8; }
#Kasse .Schritte a:hover { color:#e29500; }

#Kasse .Schritte .LAdrH { display:none; }
#Kasse .Schritte .Speichern {
	/* display:none; 	WS 25.1.21 - Nun auch für den Vertrieb */
	
	text-align: right;
	padding-top:20px;
	margin-bottom:10px;
}
#Kasse .Schritte .Speichern input {
	padding: 10px 20px;
	background-color: #eee;
	border: 1px solid #ddd;
}
#Kasse .Schritte .Speichern input + input { margin-left:20px; }

#Kasse .Fortsetzen {
	text-align: right;
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-bottom:10px;
}
#Kasse .Fortsetzen input {
	padding: 10px 20px;
	background-color: #eee;
	border: 1px solid #ddd;
}

#Kasse .Kaufen {
	text-align: right;
	border-top:1px solid #ccc;
	padding-top:30px;
}
#Kasse .Kaufen input {
	padding: 10px 20px;
	background-color:#0077c8;
	color: white; 
	border: 1px solid #0077c8;
}
#Kasse .Kaufen input:disabled {
	background-color:#8cd1ff; background-color:white;
	color:#0077c8;
}

#Kasse #Lieferadresse,
#Kasse #LAdresse {
	background-color: #fef0d3;
}

.LAdrContainer { margin-bottom:20px; }
.LAdrContainer div.Adresse {
	display:flex;
	margin-bottom:10px;
}
.LAdrContainer div.Adresse div {
	flex:1;
	margin-right:20px;
	border: 1px solid #ddd;
	padding: 10px;
}
.LAdrContainer div.Adresse:hover div {
	background-color:#eee;
	cursor:pointer;
}
.LAdrContainer div.Adresse input[type="button"] {
	padding: 10px 20px;
	background-color: #eee;
	border: 1px solid #ddd;
}


#Kasse table { 
	width:100%; 
	border-collapse:collapse;
}
#Kasse td { padding:10px 0; }
#Kasse .Schritte .Pflichtfelder td { text-align: right; }
#Kasse .Schritte div.PLZ { width:30%; }
#Kasse .Schritte div.Ort { width:calc(70% - 40px); float:right; }
#Kasse .Schritte input[type="text"] {
	background-color: #eee;
	border:1px solid #ddd;
	padding:10px;
	width:100%;
}
#Kasse .Schritte input[type="text"].PLZ { width:30%; }
#Kasse .Schritte input[type="text"].Ort { 
	float:right;
	width:calc(70% - 40px);
	margin-left:40px;
}
#Kasse .Schritte input[type="text"][readonly] {
  	/*background-color: white;
	border:0;*/
	cursor: not-allowed;
}
#Kasse .Schritte select {
	width:100%;
	background-color: #eee;
	border:1px solid #ddd;
	padding:10px;
}

/* Lieferadressse. jQuery Autovervollständigung */
.ui-autocomplete-loading { background: transparent url('/DentsplySirona/img/loader.gif') right center no-repeat; }
.ui-menu { background-color:white; }
.ui-state { margin:0; line-height:2em; }
.ui-state-active {
	font-weight: normal;
	color:#0077c8; 
	margin-bottom:2px;
}

#Kasse .Schritte .Schritt1.flexbox th { text-align: left; }

#Kasse .Schritte textarea {
	width:100%;
	border:1px solid #ddd;
	background-color: #eee;
}

#Kasse .Schritte .Schritt3.flexbox .Kaufen p {
	float: left;
	line-height: 12px;
}

#Kasse .Bestellfortschritt .Schritt1 {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
#Kasse .Bestellfortschritt .Lieferadresse { padding-top:20px; }

#Kasse .Bestelluebersicht { margin-bottom: 30px;}
#Kasse .Bestelluebersicht.Handel { display: none; }

#Kasse .Bestelluebersicht th, #Kasse .Bestelluebersicht td {
	border:1px solid #ccc;
	padding: 10px;
}
#Kasse .Bestelluebersicht td { text-align: right; }
#Kasse .Bestelluebersicht tbody td:first-child { text-align: left; }

#Kasse .Bestelluebersicht .Artikel,
#Bestellbestaetigung .Uebersicht .Artikel { 
	font-size: 120%;
	font-weight: bold;
	margin:8px 0;
}
#Kasse .Bestelluebersicht .Bemerkung,
#Bestellbestaetigung .Uebersicht .Bemerkung {
	margin:8px 0;
}
#Kasse .Bestelluebersicht tbody sup,
#Bestellbestaetigung .Uebersicht sup {
	float: right;
	margin-top: -2em;
}
#Bestellbestaetigung .Uebersicht tfoot sup {
	float: none;
	margin-top: 0;
}

#Kasse .Schritte tfoot th, #Kasse .Schritte tfoot td { text-align: right; }

/* WS 29.11.19 - Bemerkung für Händler */
#Kasse .Schritte .NichtEU { 
	display:none; 
	padding-bottom:30px; 
}

#Kasse .Schritt1 .KoKu .KstWarnung {
	/*float:right;*/
	padding-top:8px;
	font-weight:normal;
	color:red;
	/*opacity:0.72;*/
}
/*#Kasse .Schritt1 .KoKu input.Kostenstelle { border:1px dotted red; }*/

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

#Bestellung { display:none; }

#Bestellung a { color: #0077c8; }
#Bestellung a:hover { color: #e29500; }

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

#Bestellbestaetigung { display:none; }

#Bestellbestaetigung h1 {
	padding-bottom: 0;
	border-bottom: 0;
}

#Bestellbestaetigung table { 
	width:100%; 
	border-collapse:collapse;
	margin-bottom:20px;
}
#Bestellbestaetigung th,
#Bestellbestaetigung td { 
	padding:10px; 
	border:1px solid #ccc;
}

#Bestellbestaetigung  td.Preis { text-align:right; }
#Bestellbestaetigung  td.Menge { text-align: center; }
#Bestellbestaetigung  td.Summe { text-align:right; }

#Bestellbestaetigung  tfoot { text-align:right; }

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

#Statistik { display:none; }

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

#registrieren .Abstand,
#Kontakt .Abstand { margin-top:32px; }

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

#Kontakt { display:none; }

#Kontakt .ZugangBeantragen {
	margin-top:22px; margin-top:30px;
}
#Kontakt .Zugang { display:none; } 

#registrieren .Zugang input[type="text"],
#Kontakt .Zugang input[type="text"],
#registrieren .Zugang select,
#Kontakt .Zugang select {  
    margin:0; 
    padding:2px; padding:6px 12px;
    border:1px solid #ddd;
    max-width:618px; max-width:636px;
    width:100%;
    background-color:#eee;
}
#registrieren .Zugang div.PLZ,
#Kontakt .Zugang div.PLZ { 
	width:172px; width:max-content;
	float:left;
}
#registrieren .Zugang input.PLZ[type="text"],
#Kontakt .Zugang input.PLZ[type="text"] { 
	max-width:172px;
	margin-right:40px;
}
#registrieren .Zugang div.Ort,
#Kontakt .Zugang div.Ort { 
	width:419px; width:max-content;
	margin-left: 218px;
}
#registrieren .Zugang input.Ort[type="text"],
#Kontakt .Zugang input.Ort[type="text"] { 
	max-width:419px;
}

#registrieren .Zugang .Pflichtfelder,
#Kontakt .Zugang .Pflichtfelder {
	max-width:636px;
	width:100%;
	text-align: right;
}

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

#Impressum { display:none; }

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

#Datenschutz { display:none; }

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

/* ================================================================================ */

@media (max-width:1372px) { 
	/* < 1372 soll body sich in der Breite dem Fenster anpassen. */
	body { 
		width:auto;
		max-width:100%; 
	}
	
	.Menueleiste.fix { max-width:100%; }
}

/* Verhindern, dass die Menüleiste umbricht */

@media (max-width:1092px) { 
	body { max-width:100%; }
	header { 
		position: fixed; 
		width: calc(100% - 24px); width:100%;
		z-index: 20;
	}
	/* Reduziere <header> */
	header .Impressum, 
	header .Titellinie, 
	header .Titelzeile, 
	header .Menueleiste {
		display:none;
	}
	.Titellinie2 {
		margin:0 12px;
		height:8px; height:20px;
		background-image:linear-gradient( 90deg, #0077c8, rgba(91,83,88,0.5) 51%, #f6a800);
		background-repeat:repeat-x;
		border-top:12px solid white;;
	}
	/* Schalte um aufs Hamburger-Menü */
	.Titellinie2, .Menueleiste2 { 
		display:block; 
		z-index: 10;
		width: 100%; 
		background-color: white;
	}
	.Titellinie2 { 
		top:0; 
		width:calc(100% - 24px);
	}
	.Menueleiste2 {
		top:20px;	/* Höhe der Titelleiste2 darüber */
		padding:12px;
		height:62px;
	}
	
	/* Linkes und rechtes padding 48 -> 12px */
	#main { 
		position: relative;
		z-index: 10;
		padding:0 12px 12px 12px; 
		padding-top:82px;	/* der <header> ist nun fixed und 82px hoch */
		overflow-wrap: break-word;
	}
	#main h1 { margin-top:0; }

    #anmelden .Anmeldeformular .flex { flex-direction:column; }
    #anmelden .Anmeldeformular .flex div:first-child { margin-right:0; }
    #anmelden .Anmeldeformular .flex div:last-child { margin-left:0; }
    #anmelden .Anmeldeformular input[type="submit"],
    #anmelden .Anmeldeformular input[type="button"] { min-width:25%; }

    #anmelden .Registrierungsformular .flex { flex-direction:column; }
    #anmelden .Registrierungsformular .flex div:first-child { margin-right:0; }
    #anmelden .Registrierungsformular .flex div:last-child { margin-left:0; }
    #anmelden .Registrierungsformular input[type="submit"],
    #anmelden .Registrierungsformular input[type="button"] { min-width:25%; }
	
	.Menueleiste3 {
		background-color:#0077c8;
		color:#fff;
		border:1px solid #ccc;
		font-size:16px;
		
		position:absolute; 
		margin-top:-12px; 
		
		z-index:40;
		right:64px;
		width:50%;
		
		box-shadow: 8px 8px 6px rgba(204, 204, 204, .6);
	}
	.Menueleiste3 li {
		padding:12px 24px;
		cursor:pointer;
	}
	.Menueleiste3 li + li { border-top:1px solid #fff; }
	.Menueleiste3 li:hover {
		color:#e29500;
		background-color:white;
	}
	.Menueleiste3 li a {
		color:inherit;
		text-decoration:none;
	}

    /* Mehr Platz für die Finger ;-) */
    .Zaehler a {
	   padding:0 16px;
	   font-weight:bold;
    }
	
	#Produkte { padding-top:0; }
	
	#Produkte .Filter { display:none; }
	#Produkte .Liste {
	    float:none;
	    width:100%;
	}
	/* Anzahl Treffer links neben dem Suchfeld ausblenden */
	#Produkte .Suchzeile .Treffer { display:none; }
	#Produkte .Suchzeile .Suche  { margin:0; }

	#Produkte .Suchzeile {
	    background-color:white;
		position: fixed;
		width:100%;
		width:calc(100% - 24px);
		border:1px solid #ccc;
		
		z-index: 20;
		margin-top:-28px;
		
		outline: 10px solid white; /* WS 10.3.20 - Damit der Text nicht sichtbar drunter durchscrollt */
	}

	/* padding ins Suchfeld, sonst siehts auf dem Smartphone "komisch" aus */
	#Produkte .Suchzeile div { padding:0; }
	#Suche { padding:10px; }

	/* Noch in der Entwicklung */

	#Produkte .Ergebnisse {
		display: block;	
		background-color: #ddd;
		padding: 10px 12px; padding:2px 0;
		margin-top: 6px;
		margin-left: -12px; 
		position: fixed;
		z-index:20;
		height:46px;
		width:100%;
		margin-top:46px;
		margin-top:28px;

		background-color:white;
		margin-top:18px;
		height:56px;
		padding-top:12px;
	}
	#Produkte .Ergebnisse.Handel { display: none; }
	#Produkte .Ergebnisse table { 
		width:100%; 
		box-shadow: 0px 2px 6px #aaa;

		background-color: #ddd;
	}
	#Produkte .Ergebnisse td { padding:8px 10px; }
	#Produkte .Ergebnisse td:first-child { border-right:2px solid #ccc; }
	#Produkte .Ergebnisse td:nth-child(2) {
		width:25%;
		min-width:164px;	/* Damit es nicht unansehnlich wird */
	}
	#Produkte .Ergebnisse .AnzahlFilter {
		padding-left:10px;
		color:#e29500;
	}
	
	#Produkte .FilternNach {
		position: absolute;
		background-color: #fff;
		border: 1px solid #eee;
		padding: 10px; padding:0;
		right: 0;
		width: 66%;
		line-height: 2em;
		min-width:320px;	/* Damit es nicht unansehnlich wird */
		
		overflow-y:auto;
		padding-top:56px;	/* Weil nachfolgende Box fixed (und mit Höhe 56) */
	}
	
	#Produkte .FilternNach i {
		position:absolute;
    	bottom:100%;
		right: 10%;
    	margin-left:-12px;
    	width:24px; height:12px;
    	overflow:hidden;
	}
	#Produkte .FilternNach i::after {
		content:'';
    	position:absolute; position:fixed;
    	width:12px; height:12px;
    	transform:translate(-50%,50%) rotate(45deg);
    	background-color:#eee;
	}

	#Produkte .FilternNach div {
		padding:10px;
	}
	#Produkte .FilternNach .Titel {
		font-weight: bold; 
		background-color: #eee;
		
		position:fixed;
		width:66%; min-width:320px;		/* Sonst fällt das zusammen (analog zum Container oben drüber) */
		margin-top:-56px;				/* Seine Höhe (und das Padding oben drüber) */
	}
	#Produkte .FilternNach .loeschen {
		display:none;
		float: right;
		font-weight: normal;
		color: #0077c8; -color:#0077c8;
		cursor: pointer;
		padding:0;
	}
	#Produkte .FilternNach .Titel div:hover { color:#e29500; }

	#Produkte .FilternNach .Bereich, #Produkte .FilternNach .Kategorien { padding:10px 20px 10px 30px; }
	#Produkte .FilternNach .Bereich > div[onclick], #Produkte .FilternNach .Kategorien > div[onclick] { 
		cursor: pointer;
		font-weight: bold;
	}
	#Produkte .FilternNach .Bereich div, #Produkte .FilternNach .Kategorien div { padding:0; }
	#Produkte .FilternNach .Bereich .SBUs, #Produkte .FilternNach .Kategorien .KatListe {
		display: none;
		font-weight: normal;
	}
	#Produkte .FilternNach .Bereich .SBUs div, #Produkte .FilternNach .Kategorien .KatListe div { cursor:pointer; }
	#Produkte .FilternNach .Bereich .SBUs div.selected, #Produkte .FilternNach .Kategorien .KatListe div.selected { font-weight:bold; }
	
	#Produkte .FilternNach .Bereich .SBUsZusammenfassung,
	#Produkte .FilternNach .Kategorien .KatListeZusammenfassung {
		line-height:1.2em;
	}
	
	#Produkte .Suchergebnis {
		padding-top:24px; padding-top:72px;
		margin-top:28px;
	}
	
	.Benutzerformular .Auswahl select { width:100%; max-width:100%; }

	#Warenkorb .flex { flex-direction:column; }

	/* WS 8.11.19 - Sonst gibt es Gequetsche in der mobilen Ansicht */
	#Warenkorb .flex div.Positionen { 
		overflow-x:auto;
		max-width:100%; 
		min-width:680px;				/* WS 2.3.20 - Damit die Knöpfe unter der Tabelle nicht aus ihrer Position gedrängt werden */
	}

	#Warenkorb .Gesamtsumme { 
		margin-left:0; 
		width: 100%;
	}
	
	#Kasse .Fortschritt, 
	#Kasse .Bestellfortschritt { display: none; }
	
	#Kasse .Schritte .Schritt3.flexbox h2 + div {
		overflow-x:auto;
		max-width:100%;
	}
	#Kasse .Schritte .Schritt3.flexbox table { width:max-content; }

	#Bestellbestaetigung .Uebersicht {
		overflow-x:auto;
		max-width:100%;
	}
	#Bestellbestaetigung .Uebersicht table { width:max-content; }
	
	#Kontakt .Zugang input[type="text"],
	#Kontakt .Zugang select { max-width:none; }
	#Kontakt .Zugang input.PLZ[type="text"] { max-width:calc((100% / 3) - 40px); }
	#Kontakt .Zugang div.Ort { margin-left:calc((100% / 3) + 6px); }
	#Kontakt .Zugang input.Ort[type="text"] { max-width:calc((100% / 3 * 2) - 5px); }
	#Kontakt .Zugang .Pflichtfelder { max-width:none; }
}

@media (max-width:640px) {
	#Produkte .Suchergebnis .Artikelcontainer div.flex { flex-direction: column; }
	#Produkte .Suchergebnis .Artikelcontainer .Artikeldetails {
		margin-left: 0;
		margin-top: 12px;
	}
}

/* -------------------------------------------------------------------------------- */
/* Sonderfall IE */

.ie {
	padding:30px; padding-top:60px;
	max-width:1008px;
	font-size: 1.4em;
	z-index:100;
}
.ie p { font-size: 1.5em; }

/* -------------------------------------------------------------------------------- */
/* Drucken */

@media screen {
	.print { display: none; }

	.printHeader { display: none; }
}

@media print {
	.noprint { display:none; }

	.printHeader { 
		display: block; 
		font-size:2em; 
		padding: 0 30px;
	}
	header { display:none; }
	#main { padding-top:20px; }
	h1 { margin-top:0; font-size: 1.6em; }

	h1 input { display: none; }		/* Knöpfe in der Überschrift */
	h1 div { display: none; }

	#Produkte h1 {
		font-size: 1.6em;
		font-weight: normal;
		color: #888;
		padding-bottom: 12px;
		border-bottom: 2px solid #ccc;		
	}
	#Produkte .Liste { width: auto; }

	#Produkte .Suchergebnis .gruen, 
	#Produkte .Suchergebnis .gelb, 
	#Produkte .Suchergebnis .rot {
		background: none;
		padding-left: 0;
	}

	.imagewrapper { display: none; }
	#Produkte .Zaehler { display: none; }

	#Produkte .Suchergebnis .Artikelcontainer .Artikeldetails { margin-left: 0;}

	#Produkte .Suchergebnis .Artikelcontainer .PDF { width:auto; }

	#Warenkorb div.Positionen td.Zaehler span { display: inline; }
	#Warenkorb div.Positionen td.Zaehler div { display: none; }

	#Warenkorb .Gesamtsumme,
	#Warenkorb div.Positionen td.Knoepfe { display: none; }

	#Kasse .Bestellfortschritt { display: none; }

	#Kasse .flex .flexbox {
		border: none;
		padding: 0;
	}
	#Kasse .Schritte input[type="text"], 
	#Kasse .Schritte select,
	#Kasse .Schritte textarea,
	#Kasse .Schritte .BemerkungenInterne {
		background-color: transparent;
	}
	#Kasse .Fortsetzen,
	#Kasse .Kaufen { display: none; }
	
	/* WS 15.1.20 - Sonst kann die Seite rechts rausragen */
	#Bestellbestaetigung table { max-width:100%; }
}

/* -------------------------------------------------------------------------------- */
/* Debugging  */

#Bug {
	position:absolute;
	left:240px;
	top:48px;
}

#debug div:hover { 
	border: 1px solid red;
	outline:1px solid white;
    margin: 2px;
} 
#debug span:hover { 
	border: 1px dashed green;
	outline:1px dashed white;
    margin: 2px;
}
#debug p:hover { 
	border: 1px dashed red;
	outline:1px dashed white;
    margin: 2px;
}

#debug div[class]:hover::before,
#debug span[class]:hover::before,
#debug p[class]:hover::before {
	content: attr(class) ' ';
	font-family: Consolas;
	font-size:10px;
	font-weight:normal;
	opacity:1;
	color:red;
	background-color:white;
	position:absolute;
}
#debug div[id]:hover::before,
#debug span[id]:hover::before,
#debug p[id]:hover::before {
	content: attr(id);
	font-family: Consolas;
	font-size:10px;
	font-weight:normal;
	opacity:1;
	color:darkred;
	background-color:white;
	position:absolute;
}
#debug div[id][class]:hover::before,
#debug span[id][class]:hover::before,
#debug p[id][class]:hover::before {
	content: attr(id) ' ' attr(class);
	font-family: Consolas;
	font-size:10px;
	font-weight:normal;
	opacity:1;
	color:darkred;
	background-color:white;
	position:absolute;
}

#idOffeneBestellungen, #idFolgeauftraege{
display: none;
}

/*sb Folgeauftragsuebersicht */
.positionFaerben td{
	background-color: #eee;;
}

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