html, * {
  box-sizing: border-box;
  line-height: 22px;
  font-family: GraphikRegular, Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100% !important;
  font-size: inherit;
  color: #434043;
}

/*Ausblenden: Spezial-Button*/
#FORM_CONTENT:not(.warenkorb-hidden) > a {
  display: none !important;
}

[onclick],[href] {
  cursor: pointer;
}

#DEV {
  position: absolute;
  top: -48px;
  left: 100px;
  width: fit-content;
  display: inline-table;
  color: #fff;
  z-index: 99999999999999999999999999999;
  border: 1px dashed red;
  padding: 10px;
  /* display: none !important */
}

#LOGOUT {
  position: absolute;
  right: 10px;
  margin-top: -43px;
}

header {
  background-color: #2F2B2F;
  position: absolute;
  left: 0px;
  width: 100vw;
  top: 0px;
  color: #fff;
  padding: 10px;
  height: 54px;
}

.header-logo img {
  width: auto;
  margin-top: -8px;
  margin-left: 35px;
  height: 43px;
}

.header-title, .header-slogan {
  margin-left: 10px;
}

.header-title {
  font-weight: bold;
  color: #ccc;
  font-size: 70%;
  display: none !important;
}

.header-slogan {
	  font-weight: bold;
	  color: #F26322;
	  font-size: 0.95rem;
	  text-align: center;
	  margin-top: -50px;
	  display:none;
	}

body {
	font-size: 1.5rem;
	overflow: hidden;
}

.content {
  display: table;
  padding: 5px 10px 10px 10px;
  position: relative;
  margin-top: 54px;
  max-width: 600px !important;
  width: 100%;
}

	.content.main {
	  padding-top: 15px;
	}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

input:disabled {
  background-color: #efefef !important;
  border: 1px solid #ccc !important;
  color: black !important;
}

img.main-image {
  width: 100%;
  height: auto;
}

#ADD_UMFRAGE {
  display: block;
  width: 100%;
  text-align: center;
}

.pss-powerded {
  position: absolute;
  right: 5px;
  top: 0px;
}

.pss-powerded .text first {
  font-weight: bold;
  color: #F26322;
}
.pss-powerded .text second, .pss-powerded .text third {
  font-weight: bold;
  color: #fff;
}

.pss-powerded::before {
  content: "Powerded By";
  margin-right: 10px;
  color: #bbb;
  font-size: 10px;
  margin-bottom: -4px;
  display: block;
}

.headline {
  border-bottom: 2px solid #F26322;
  padding-bottom: 6px;
  margin-bottom: 5px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 1.7rem;
}

	#FORM_CONTENT.copy input#NAME,
		#FORM_CONTENT.copy #DATE	{
		border: 2px solid lightcoral;
	}
	
	#FORM_CONTENT.copy #ADD_ARTIKEL,
		#FORM_CONTENT.copy #DELETE_UMFRAGE	{
		display: none;
	}
	
	.headline span {
		font-weight: normal !important;
	}
	.headline .spec-title.same-line {
		display: inline;
		margin-left: 10px !important;
	}
	
	.headline .spec-title {
	  margin-top: 4px;
	  border-top: 1px dashed gray;
	  padding-top: 7px;
	  font-size: 18px;	  
	  display: block;
	}


#FORM_CONTENT {
  margin-top: 5px;
  min-height: 112px !important;
  display: block;
  margin-bottom: 5px !important;
}

#LAST_UMFRAGEN {
  min-width: 250px !important;
  margin-top: 14px;
  max-height: calc(100vh - 367px) !important;
  overflow-y: auto;
  padding: 10px 15px 0px 5px;
  position: relative;
}
	#LAST_UMFRAGEN li.closed-0 a.copy {
	  display: none;
	}
	#LAST_UMFRAGEN a.copy img {
	  width: 18px;
	  margin-right: 5px;
	}
	
	#LAST_UMFRAGEN .date, #LAST_UMFRAGEN .name {
		font-size: 1.2rem;
	}
	#LAST_UMFRAGEN .name {
		font-weight: bold;
	}
	
	#LAST_UMFRAGEN .info {
	  font-style: italic;
	  color: gray;
	  font-size: 0.9rem;
	  max-width: 90%;
	  border: none !important;
	}

	#LAST_UMFRAGEN::before {
	  content: "Vergangene / Offene Umfragen:";
	  font-weight: bold;
	  display: inline-block;
	  background-color: #fff;
	  width: 100%;
	  position: sticky;
	  z-index: 999;
	  line-height: 16px;
	  font-size: 1.2rem;
	  border-bottom: 1px solid #F26322;
	  top: -12px;
	}
	
	#LAST_UMFRAGEN img.edit-umfrage {
	  width: 16px;
	}

ul.umfragen {
  padding-left: 0px !important;
  margin-top: 10px;
}
	ul.umfragen a {
	  text-decoration:none;
	}

	ul.umfragen a .date {
	  margin-right: 10px;
	}
	.umfragen li {
	  border-bottom: 1px solid gray;
	  padding-left: 4px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  list-style: none;
	}
	
	ul.umfragen li:hover {
	  background-color: #ccc;
	}
	
	li .edit {
	  margin-right: 5px;
	}
	li .delete {
	  margin-right: 5px;
	}
	
hr {
	display: block;
}
	hr.small {
	  width: 50%;
	  margin-left: 0px !important;
	}

#BESTELLUNG {
  margin-top: 12px;
  height: calc(100vh - 366px);
  overflow-y: auto;
}


.item-container {
  display: flex;
  position: relative;
  margin-top: 10px;
}

	.item-container.error {
	  margin-bottom: 20px !important;
	}

	.item-container.no-valid, .item-container.no-valid + .item-container {
	  margin-top: 10px !important;
	}
	.item-container label {
	  min-width: 150px;
	  font-weight: normal;
	  width: 165px;
	  font-size: 1.2rem;
	  padding-top: 2px;
	}
	.item-container input, select {
		font-size: 1.2rem;
	}
		.item-container input {
			padding-left: 3px;
		}
		
	.item-container:not(.full) input, .item-container:not(.full) select, .item-container:not(.full) .input-group {
	  width: 72%;
	}		
	
	.item-container.full input, 
		.item-container.full select, 
			.item-container.full .input-group {
	  width: 100%;
	  display: flex;
	}		
	
	.input-group.date .input-group-addon {
		min-width: 40px;
	}
	
	#FORM_CONTENT .item-container.date {
	  margin-bottom: 10px;
	}

	.item-container.auswahl-stop input {
		max-width: 65px;
	}

.button-container {
  width: 100%;
  display: flex;
}
.align-container {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.align-container.left {
  justify-content: start;
  padding: 5px 5px 5px 0px;
}
.align-container.right {
  justify-content: end;
  padding: 5px 0px 5px 5px;
}
.align-container .pss-button {
	display: flex;
}
	.pss-button {
	  padding: 7px;
	  background-color: #F26322;
	  color: #eee;
	  box-shadow: 4px 4px 9px gray;
	  border: 0.5px solid gray;
	  line-height: 17px !important;
	}
	.pss-button.tool {
		background-color: #ccc;
		outline: 1px solid gray;
		height: 27px;
		margin-top: 1px;
	}
	a.pss-button {
	  padding-top: 6px;
	  padding-bottom: 6px;
	}
	.pss-button:not(.is-hidden) + .pss-button:not(.tool) {
		margin-left: 5px;
	}
	
	.pss-button:not(:disabled):focus, .pss-button:not(:disabled):hover {
	  color: #fff;
	}
	
	.pss-button.heute {
	  padding: 8px 6px 2px 6px;
	}

/*
#FORM_LOGIN .item-container.mandant, #FORM_LOGIN #RESET {
	display: none;
}
*/

#LOGIN_CONTENT .button-container,
	.ui-dialog .button-container {
  margin-top: 20px;
}

#LOGIN_CONTENT #RESET {
	background-color: gray;
}

.kachel {
  border: 2px solid gray;
  border-radius: 10px;
  background-color: #F9F9F9;
  display: inline-flex;
  width: 32%;
  height: 170px;
  cursor: pointer;
  margin-right: 4px;
  margin-top: 8px;
  float: left;
}
	.kachel:first-child {
	  margin-right: 3px;
	  margin-left: 1px;
	}
	
	.kachel .click {
	  padding: 10px;
	  height: 100%;
	  width: 100%;
	}

	.kachel.set {
	  border-color: yellowgreen;
	  border-width: 4px;
	}
		.kachel:not(.set) .value-txt, .kachel:not(.set) a.minus {
		  display: none;
		}

	.kachel .bild img {
	  margin-left: auto;
	  margin-right: auto;
	  display: block;
	  width: auto;
	  height: 70px;
	  margin-top: 7px;
	}
		.kachel .text {
		  text-align: center;
		  margin-bottom: 5px;
		  min-height: 42px;
		  font-size: 1.5rem;
		}
		.text.korrigiert::after {
		  content: "Preis korrigiert";
		  display: block;
		  color: red;
		  font-size: 0.9rem;
		  margin-top: -9px;
		  margin-bottom: -9px;
		}
		.kachel .value input {
		  border: none !important;
		  background-color: transparent;
		}
		.kachel .value-txt {
		  float: right;
		  font-size: 20px;
		  border: 1px dashed gray;
		  background-color: #ccc !important;
		  margin-top: -10px;
		  height: 30px;
		  width: 30px;
		  text-align: center;
		  padding-top: 4px;
		}
		
		.kachel.nein.set ~ .kachel {
		  display: none;
		}

	.kachel a.minus {
	  border: 1px solid red;
	  border-radius: 4px;
	  padding: 3px 10px 3px 10px;
	  font-weight: bold;
	  background-color: red !important;
	  color: #fff;
	  font-size: 20px;
	  text-decoration: none;
	  margin-left: 22%;
	  height: 30px;
	  width: 30px;
	  text-align: center;
	  position: absolute;
	  margin-top: 10px;
	  z-index: 999999999999999999999999999999999999999;
	}

	.kachel:hover {
	  outline: 2px solid gray;
	}
	

.global-message {
	padding: 20px;
	display: block;
	border: 2px solid;
	background-color: limegreen;
	position: absolute;
	width: calc(100% - 10px);
	margin: 5px;
	z-index: 1000;
	opacity: 0.9;
}

	.global-message.error + .content.autosearch {
	  display: none !important;
	}

	.global-message a {
	  word-break: break-all;
	}

	.global-message.relative {
		position: relative !important;
		top: 52px;
		margin-bottom: 0px;
		z-index: 999;
	}
	
	.global-message a {
	  color: blue;
	}

	.global-message::after {
	  content: "";
	  background-size: cover !important;
	  width: 35px;
	  height: 35px;
	  display: block;
	  right: 10px;
	  top: 5px;
	  position: absolute;
	}
	.global-message.ok::after {
		background: url(../img/info.png);
	}
	.global-message.error::after {
		background: url(../img/error.png);
	}
	.global-message.error {
	  background-color: coral;
	}

.close {
  margin-top: -30px;
  border: 2px solid black !important;
  padding: 0px 4px 0px 4px;
}

a.add-position {
  background-color: yellowgreen !important;
  color: black !important;
}

#FORM_ADMIN #SAVE {
  float: right;
}
#FORM_ADMIN #BACK, #FORM_ADMIN .add-position {
  float: left;
}

.add-artikel {
  background-color: gray;
  display: inline-block;
}


a.add-position:hover {
  color: unset !important;
}

/*a.share-link {
  text-decoration: underline;
  font-weight: bold;
  color:blue; */
}

span.name {
  font-weight: bold;
}
span.preis {
  display: block;
}
span.preis::before {
  content: "(";
}
span.preis::after {
  content: ")";
}

.uebersicht-bestellung {
  padding: 10px;
  border: 1px solid gray;
  width: 100%;
}

	.uebersicht-bestellung .pos {
	  display: block;
	}
	.uebersicht-bestellung .pos.gesamt {
	  border-top: 1px solid gray;
	  padding-top:10px;
	}
	
	.uebersicht-bestellung .pos.gesamt * {
  	  font-weight: bold;
  	  line-height: 20px !important;
	}

	.uebersicht-bestellung .ware {
	  display: inline-block;
	  width: 269px;
	}
	.uebersicht-bestellung .anzahl {
	  display: inline-block;
	}
		.uebersicht-bestellung .anzahl::before {
		  content: "x ";
		}
	.uebersicht-bestellung .ware-preis {
	  float: right;
	}
	.uebersicht-bestellung .zwischen {
	  font-weight: bold;
	}
	  
	.uebersicht-bestellung .ware-preis::after {
	  content: " EUR";
	}
	.uebersicht-bestellung .user, .uebersicht-bestellung .ort {
	  background-color: #ccc;
	  padding: 2px;
	  position: relative;
	}
	
		#FORM_ERGEBNIS.admin-0 .check-bezahlt {
		  display: none !important;
		}
		
		#LISTE_PERSONEN, #LISTE_ARTIKEL {
		  max-height: calc(100vh - 238px);
		  overflow-y: auto;
		}
		
		.uebersicht-bestellung .user.nein .check-bezahlt {
		  display: none !important;
		}
	
		.uebersicht-bestellung .user .user-name, .user .check-bezahlt {
		  display: inline !important;
		}
		
		.uebersicht-bestellung .user .check-bezahlt {
		  padding: 0px 3px 0px 3px;
		  border: 1px solid gray;
		  margin-top: -1px;
		  margin-right: -2px;
		  position: absolute;
		  right: 1px;
		  background: green;
		}
		
		.uebersicht-bestellung .user .check-bezahlt.no {
		  background: none;
		}

		.uebersicht-bestellung .user .check-bezahlt a {
			color: #fff;
			border: none;
			cursor: pointer;
			outline: inherit;
			text-align: center;
			max-width:121px;
		}
		.uebersicht-bestellung .user .check-bezahlt a.no {
		  color: red;
		  background: none;
		}

		.uebersicht-bestellung .user .check-bezahlt a.no::before{
			content: "Als ";
		}
		.uebersicht-bestellung .user .check-bezahlt a.no::after{
			content: " markieren";
		}

	.uebersicht-bestellung .pos.zwischen .ware {
	  font-weight: bold;
	}

#LISTE_ARTIKEL .pos, #LISTE_PERSONEN .pos:not(.zwischen):not(.gesamt):not(.nein) {
  border-bottom: 1px dashed black;
}

a.show-ergebnis {
  float: right;
  margin-top: -30px;
  margin-right: 8px;
  display: none;
}

    a.show-ergebnis:hover {
       box-shadow: 3px 3px 9px #F26322;
    }

/*li:hover a.show-ergebnis { */
li:not([data-bestellungen="0"]) a.show-ergebnis {
  display: inline !important;
}
	a.show-ergebnis img {
	  width: 22px;
	}
	
	
#LISTE_ARTIKEL .anzahl {
  font-weight: bold !important;
  float: right;
}

/*.share-ergebnis {
  color: royalblue;
  font-weight: bold;
} */

.pos.nein + .pos.zwischen {
  display: none !important;
}

.valid.message {
  font-size: 1rem;
  color: red;
  text-align: right;
  position: absolute;
  margin-top: 23px;
  width: 100%;
}

	#DATE + a + .valid.message {
	  margin-top: 36px;
	  z-index: 9999;
	}
	.item-container.date.error {
	  margin-bottom: 33px !important;
	}

.check-pos {
  border: 2px solid gray;
  background-color: green;
  padding: 10px;
  display:block;
}

	.check-pos .artikel::before {
	  content: "- ";
	}

	.check-pos .artikel {
	  margin-left: 10px;
	  color: #fff;
	}

#footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100vw;
  background-color: #ccc;
  padding: 5px;
  height: 30px;
  max-height: 30px !important;
  border-top: 1px solid gray;
  font-size: 0.95rem;
}

	.footer-info-item {
	  display: inline;
	  margin-left: 10px;
	  padding-left: 10px;
	}

	.footer-info-item:not(:first-child) {
	  border-left: 1px solid gray;
	}
	
	.footer-info-item.left:last-child  {
	  border-right: 1px solid gray !important;
	}
	
	
	.footer-info-item.version.right {
	  float: right;
	}
	
	.footer-info-item.right:last-child {
	  margin-right: 10px;
	}
	
	.footer-info-item * {
	  display: inline-block;
	}
		.footer-info-item .lbl {
		  font-weight: bold;
		  margin-right: 6px;
		}

input.preis-check {
  width: 15px !important;
  margin-right: 10px !important;
  margin-top: 1px !important;
}
.ende-after {
  font-size: 0.95rem;
  display: inline-block;
  margin-left: 5px;
  line-height: 13px;
  margin-top: 3px;
}
input.ende[name] {
  border: 3px solid gray;
  background-color: #F26322;
}
input.ende {
  border: 1px solid #ccc;
  text-align: center;
}

.closed-1 #BESTELLUNG, 
	.closed-1 #BESTELLUNG + .buttons, 
		.closed-1 .item-container.user,
			.closed-1 #ADD_UMFR {
  display: none;
}

#ADD_POS {
  margin-top: 35px;
}

#CLOSE_INFO {
	display: none;
	font-size: 2.5rem !important;
	line-height: 41px;
	padding: 10px 20px 20px 20px;
	background-color: yellowgreen;
	margin-top: 15px !important;
	width: 100%;
}

button#COPY_UMFRAGE {
	display: none;
}
	.closed-1 #CLOSE_INFO, .closed-1 button#COPY_UMFRAGE {
	  display: inline-block !important;
	}
	
#ADMIN_CONTENT {
  max-height: calc(100vh - 272px) !important;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 600px;
  width: 600px;
  background-color: #fff;
  margin-top: 20px;
  padding-right: 10px;
}

	#ADMIN_CONTENT .item-container.preis {
	  margin-top: 6px;
	}
	
	#ADMIN_CONTENT .item-container.name label {
	  font-weight: bold;
	}
	
	#ADMIN_CONTENT .artikel {
	  position: relative;
	  border-bottom: 1px solid gray;
	  margin-bottom: 10px;
	  padding-bottom: 10px;#LAST_UMFRAGEN
	}
	
		#ADMIN_CONTENT .artikel .artikel-image {
		    max-width: 61px;
		    position: absolute;
		    top: 5px;
		    left: 65px;
		    max-height: 98px;
		}

.user.changed-1 {
  border: 3px solid red;
}

	.user.changed-1 .user-name::after {
	  /*content: "(Nachträglich geändert)";*/
	  content: "(Nachträglich geändert: Offen -> " var(--offen)" EUR";
	  color: red;
	  margin-left: 10px;
	}
	
button#DELETE_UMFRAGE {
  background-color: #eb5252;
  color: #fff;
}

#FORM_CONTENT[data-uid=""] button#DELETE_UMFRAGE {
  display: none !important;
}
#FORM_CONTENT:not(.basis-ok.artikel-ok) button#SAVE {
  display: none;
}

.pss-button#BACK {
  background-color: gray;
}

li.closed-1 * {
  color: lightcoral;
}

li.closed-1::after {
    content: "Geschlossen";
    background-color: lightcoral;
    color: #fff;
    padding: 3px 4px 3px 5px;
    border-radius: 5px;
    margin-top: -32px;
    right: 38px;
	position: sticky;
	float: right;
	font-size: 1.1rem;
}
	li.closed-1 .edit {
	  display: none;
	}
	
.sync-info {
  border: 1px solid blue;
  border-radius: 50%;
  line-height: 21px;
  font-size: 20px;
  padding: 0px 2px 1px 2px;
  float: right !important;
  position: absolute;
  background-color: royalblue;
  color: #fff;
  left: 120px;
}

#FILTER {
  margin-bottom: 17px;
}

#FILTER input + input {
  margin-left: 20px;
}

	.hidden-checked-filter, .hidden-ohne-filter {
	  display: none !important;
	}

.nav {
    top: -6px;
    position: absolute;
    left: 1px;
    z-index: 1000;
    padding: 10px;
	left: 5px;
}
	.nav[data-count="0"] {
	    display: none !important;
	}
	#NAV_BUTTON {
		max-width: 39px;
		border: 1px dashed black;
		cursor: pointer;
		background-color: #fff !important;
	}
	#NAV_BUTTON:hover {
		background-color: #F26322 !important;
	}
	.nav div {
		background-color: #eee;
		padding: 6px;
		border-top: 1px solid #ccc;
	}
	.nav.closed .nav-item {
		display: none;
	}
	
	.nav.sub {
		position: absolute;
		left: 300px;
		top: 35px;
		display: inline-flex;
	}
		.nav.sub .nav-item, .nav.sub .nav-item * {
			color: black !important;
			padding: 0px;
		}
		
		.nav-item, .nav-item * {
			text-decoration: none !important;
			color: black !important;
		}
		.nav-item a {
			display: inline;
			padding: 10px !important;
		}
		.nav-item.sub a {
			background-color: #ccc !important;
		}
		.nav-item.selected a {
		  color: #fff !important;
		}
		.nav .nav-item.sub.selected a {
			background-color: gray !important;
		}
		.nav.sub .nav-item.selected {
		  box-shadow: 0px 11px 0px yellowgreen;
		}
		.nav .nav-item:not(.sub).selected {
			border-bottom: 4px solid yellowgreen;
			background-color: gray;
		}
		.nav .nav-text {
			margin-left: 10px;
			margin-right: 10px;
		}
		
.nav-item .nav-img, .nav-button .nav-img {
    width: 25px !important;
}

.artikel a.del {
  position: absolute;
  left: 132px;
  top: 43px;
}
	.artikel:not([data-syncid=""]) a.del {
	  display: none !important;
	}

#FORM_CONTENT.closed-1 #SEND_BESTELLUNG {
    display: none !important;
}

form#SEND_MAIL {
  margin-top: 24px;
  border: 2px dashed gray;
  padding: 22px;
  background-color: rgba(240,240,240,0.8);
  padding-bottom: 40px;
  max-width: 1000px;
}

	form#SEND_MAIL .item-container.mail {
	  max-width: 614px;
	  width: 614px;
	}

		form#SEND_MAIL .item-container.mail label {
		  font-weight: bold;
		  font-size: 1.3rem;
		}
		
	form#SEND_MAIL #SEND {
		float: right;
		margin-top: -6px;
	}
	
	
button.create_copy {
  color: blue;
  float: right;
  border: 1px solid black;
  background-color: lightblue;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
}

h3 span.copy {
  float: right;
  color: lightcoral;
}

#ARTIKEL_LISTE {
    padding: 0px 5px 15px 5px;
    max-height: calc(100vh - 395px);
    height: calc(100vh - 360px);
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

	#ARTIKEL_LISTE.loading {
	  border-left: 2px dashed orange;
	}
	
	#ARTIKEL_LISTE.loading .article {
	  opacity: 0.4;
	}

#ARTIKEL_LISTE .article:not(:first-child) {
  padding-top: 5px;
}
#ARTIKEL_LISTE .article:not(:last-child) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.ui-dialog {
	max-width: 95%;
	padding: 0px !important;
	border: 1px solid gray;
}
.ui-widget-overlay {
	background-color: black !important;
	opacity: 0.43;
}
.ui-dialog-titlebar {
  background-color: #F26322 !important;
}

.ui-widget-header .ui-icon {
  background-image: url("../img/close.png") !important;
  background-size: contain;
  background-position: center;
  margin-top: 1px;
}

.pss-button.near.heute {
	margin-top: 0px;
}
.disabled,
	#ARTIKEL_LISTE .article:first-of-type a.sort-up,
	#ARTIKEL_LISTE .article:last-of-type a.sort-down,
	.article.changed a.tool:not(.del-artikel)	{
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

/* NEU 11-2023 */
#FORM_CONTENT.basis-ok #SAVE_BASIS {
  display: none;
}

#FORM_CONTENT:not(.basis-ok) #ADD_ARTIKEL {
  display: none;
}

#SAVE_BASIS, #ADD_ARTIKEL {
  float: right !important;
}

#BESTELL_LISTE {
  display: block !important;
  text-align: center;
  max-height: calc( 98vh - 230px);
  height: calc( 98vh - 230px);
  overflow-y: auto;
  overflow-x: hidden;
}

/*
	#FORM_CONTENT[data-complete="0"] #BESTELL_LISTE {
		max-height: calc( 75vh - 315px);
		height: calc( 75vh - 315px);
	}

#FORM_CONTENT.warenkorb-hidden #BESTELL_LISTE {
	max-height: calc( 75vh - 115px);
	height: calc( 75vh - 115px);
}

	#FORM_CONTENT[data-complete="0"].warenkorb-hidden #BESTELL_LISTE {
		max-height: calc( 75vh - 194px);
		height: calc( 75vh - 194px);
	}

*/

	#BESTELL_LISTE .brotzeit {
	  width: 100px;
	  height: 100px;
	  margin: 5px;
	  border: 1px solid gray;
	  border-radius: 8px;
	  padding: 5px 5px 0px 5px;
	  box-shadow: 1px 1px 6px 2px #aaa;
	  text-align: center;
	  float: left;
	  position: relative;
	}
	
	.brotzeit .brotzeit-image {
	  background-size: contain;
	  -webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-repeat: no-repeat;
	  width: 60%;
	  height: 60%;
	  margin: auto;
	  margin-bottom: -6px;
          background-position: center;
	}
	.brotzeit .brotzeit-text {
	  font-size: 1.1rem;
	  line-height: 10px;
	  margin-top: 8px;
	}
	.brotzeit .brotzeit-preis {
	  font-size: 1.0rem;
	  line-height: 10px;
	  margin-top: 4px;
	  color: gray;
	}

	.brotzeit-anzahl {
	  position: absolute;
	  right: -6px;
	  background-color: red;
	  color: #fff;
	  border-radius: 50%;
	  padding: 0px 6px 0px 6px;
	  top: -6px;
	}
		.brotzeit:not(.with-anzahl) .brotzeit-anzahl {
		  display: none;
		}

	.brotzeit.set {
	  outline: 4px solid lime;
	  background-color: lightyellow;
	}
	
#TOGGLE_WARENKORB img {
    width: 60px;
    height: auto;
}

#TOGGLE_WARENKORB {
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    display: block;
    margin-left: 87%;
    margin-bottom: 4px;
    border: 1px solid;
    height: 40px;
    width: 40px;
    z-index: 999;
}

/*#WARENKORB {
  margin-top: 15px;
  border-top: 4px double gray !important;
  padding: 0px 5px 5px 5px;
  width: 100%;
  max-width: 600px !important;
  position: relative;
}*/

#FORM_CONTENT:not(.warenkorb-hidden) #BESTELL_LISTE,
	#FORM_CONTENT:not(.warenkorb-hidden) #SEND_BESTELLUNG {
	display: none !important;
}

#WARENKORB {
    width: 100%;
    max-width: 576px !important;
    position: absolute;
    top: 115px;
}


/*#WARENKORB.closed .wk-toggle {
  transform: rotate(180deg);
}
#WARENKORB.closed .wk-wrapper {
  display: none;
}*/

#FORM_CONTENT:not(.warenkorb-hidden) #TOGGLE_WARENKORB{
   background-image: url('../img/error.png') !important;
   z-index: 999999;
   position: absolute;
   margin-top: -8px;
}

	#WARENKORB .wk-wrapper {
	  overflow-y: auto;
	  overflow-x: hidden;
	}

	#WARENKORB .wk-toggle {
	  position: absolute;
	  right: 10px;
	  top: 3px;
	  z-index: 999;
	  border: 1px solid black;
	  padding: 0px 6px 0px 6px;
	  border-radius: 4px;
	  color: black;
	  background-color: #eee;
	  text-align: center;
	}

	#WARENKORB::before {
	  content: "Dein Warenkorb:";
	  position: sticky;
	  font-weight: bold;
	  border-bottom: 1px solid #F26322;
	  line-height: 18px;
	  font-size: 1.3rem;
	  z-index: 999;
	  width: 100% !important;
	  display: block;
	  top: 0px;
	  padding: 5px;
	}
	
	#WARENKORB.closed::before {
	  border-bottom: none;
	}

#WARENKORB .bestellung {
  height: 40px;
  margin-top: 2px;
  font-size: 1.2rem;
}
#WARENKORB .bestellung.header {
  font-weight: bold;
  background-color: #eee;
}

#WARENKORB .bestellung.header .wk-minus {
  display: none;
}

#WARENKORB .wk-minus {
  margin-left: 5px;
  text-decoration: none !important;
  padding: 4px 10px 4px 10px;
  display: inline;
}

#WARENKORB .order-pos, #WARENKORB.order-name , #WARENKORB.order-preis , #WARENKORB.order-anzahl , #WARENKORB.order-pos-gesamt {
	display: inline-block;
}

#WARENKORB .order-pos {
	width: 5%;
	float: left;
	text-align: center;
}
#WARENKORB .order-name {
	/*width: 60%;*/
	float: left;
}

#WARENKORB .order-pos-gesamt {
	width: 14%;
	float: right;
	text-align: center;
	font-weight: bold;
}

#WARENKORB .order-anzahl {
	width: 10%;
	float: right;
	text-align: center;
}

#WARENKORB .order-preis {
	width: 10%;
	float: right;
	text-align: center;
}

.bestellung[data-anzahl="1"] .wk-minus {
  background-image: url('../img/muell.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#WARENKORB .bestellung.no .order-pos,
	#WARENKORB .bestellung.no .order-preis,
		#WARENKORB .bestellung.no .order-anzahl,
			#WARENKORB .bestellung.no .order-pos-gesamt {
  display: none;
}

#WARENKORB .order-wk-title {
  font-weight: bold;
  font-size: 1.1rem;
  width: 40%;
  display: inline-block;
}

#WARENKORB .order-wk-summe {
  width: 60%;
  display: inline-block;
  text-align: end;
  font-size: 1.2rem;
  font-weight: bold;
}

#WARENKORB .bestellung:not(:last-child) {
	border-bottom: 1px solid gray;
}

.bestellung-summe {
  border-bottom: 6px double black;
  border-top: 1px solid black;
  padding: 5px;
  width: 100%;
  max-width: 600px !important;
  background-color: #eee;
  z-index: 9999999999999999999;
}

.brotzeit.nein .brotzeit-preis {
  display: none;
}

#FORM_CONTENT #SEND_BESTELLUNG {
  display: none;
}

#FORM_CONTENT.closed-1 #BESTELL_LISTE, #FORM_CONTENT.closed-1 #WARENKORB {
  display: none !important;
}

.admin-storno {
  outline: 1px solid black;
  margin-left: 2px;
  margin-right: 5px;
  padding: 3px;
  background-color: #eee;
  display: inline-block;
}
.admin-storno img {
  width: 18px;
}

#FORM_CONTENT[data-complete="0"]::before
 {
  content: "ENTWURF";
  position: absolute;
  margin-top: -76px;
  color: #eee;
  display: initial;
  right: 5px;
  transform: rotate(11deg);
  border: 4px dashed red;
  padding: 10px;
  z-index: 999;
  background-color: lightcoral;
}

#FORM_CONTENT[data-complete="0"] #DELETE_UMFRAGE {
	display: none;
}

#RUN {
  top: 150px;
  position: absolute;
  left: 40px;
}

.pss-region-container {
  display: flex;
}

.region-selector-button {
  color: black !important;
  padding: 10px;
  background-color: #eee;
  border: 1px solid #ccc;
  text-decoration: none !important;
}

.region-selector-button.selected {
  border-bottom: 3px solid #F26322;
  font-weight: bold;
}

.ui-dialog a.ui-dialog-titlebar-close {
	display: none !important;
}