/* bestell_int css*/


header,
footer{
    display: none !important;
}
#bestell_int_eingang input{
	font-size: 1.3rem;
}
#bestell_int_eingang input, #bestell_int_eingang button{
	padding: 5px;
	border-radius: 5px;
	margin: 5px;	
}
#bestell_int_eingang button{
	background-color: #ecdfcb;
}

h1#testh1{
	color:green !important;
}

table.ort, th.ort{
 min-width: 120px;
}
.umbau {
font-size: small;
/* margin: ; */
text-align: center;
}
#textcont{
font-size: small;
margin: 0 25% 0 30%;
}


#fm_content {
width: 100%;
margin: 0 0;
}

button{
	padding: 8px;
	font-size: 1.2rem;
}
#eingabe {
	color: white;
}
.besteller_content {
	width: auto;
	padding: 0 5px;
	font-size: 16px;
}

#reloadder{
	text-align: center;
	padding: 10px;
}
h4.bestellseite{
	font-size: 28px;
	width: 50%;
}
#fm_eins {
	display: grid;
    grid-template-columns: 25% 55% 20%;
	margin: 5px 5px;
	padding: 5px 5px;
	border-radius: 5px;
	position: sticky;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background: rgba(245, 199, 132, 0.94) !important;
	z-index: 1;
}
#fm_zwei {
	display: flex;
/*     grid-template-columns: 65% 33%; */
	align-content:flex;
	border-radius: 8px;
	margin-bottom: 100px;
}
#fm_zwei > div{
	margin-bottom: 30px;
}
.ortsliste {
/* 	height: 90px; */
	margin: 5px;
	padding: 5px;
	background: rgb(242, 210, 182);
	border-radius: 5px;
}
.tagsliste {
/* 	height: 100%; */
	margin: 5px 5px;
/* 	padding: 20px 10px; */
	background: #a0aeb6;
	border-radius: 5px;
}
#outer
{
    width:100%;
    padding-top: 4px;
    text-align: center;
    color: #fffff1;
}
#outermarker
{
    width:100%;
	padding-bottom: 5px;
    text-align: center;
    color: #fffff1;
}
#outermarker_new
{
	display: flex;
	justify-content: center;
    width:100%;
	padding-bottom: 5px;
    text-align: center;
    color: #fffff1;
}
#openAllId { 
	background-color: yellow;
	border: 1px solid orange !important;
}

.inner button.aktiv{
 color: rgb(115, 47, 47) !important;
 background: rgb(233, 224, 224) !important;
}
.inner
{
    display: inline-block;

}
.innermarker {
/* 	display: flex; */
/* 	justify-content: center; */
	width:  22%;
	display: inline-block;
    color: black;
/*     font-size: 12px; */
}

.innermarker_new {
/* 	width:  22 %; */
/* 	display: inline-block; */
    color: black;
    font-size: 1.1rem;
}
input[type="checkbox"] {
/* 	margin-right: 5px; */
	vertical-align: middle;
	border: 1px solid grey !important;
}

.dnone, .ortnone, .openallnone{
display: none;
}

table#bestellung{
	table-layout:auto;
	background: #fffffc;
	/* margin: 0 10px; */
	color: rgb(71, 71, 71); 
	border-radius: 8px;
	max-width:1000px;
}
table#bestellung tr th{
	padding: 3px 0;
	max-width: 20px;
}
table#bestellung tr > th:first-child,table#bestellung tr > td:first-child{
	max-width: 40px;
/* 	font-size:small; */
}
table#bestellung tr td:first-child,table#bestellung tr td:nth-child(3); {
/* 	min-width: 100px; */
}
table#bestellung tr td {
		padding: 2px 2px;
		border-left: 0.5px solid lightgrey;
		border-right: 0.5px solid lightgrey;
		border-bottom: none;
		border-left: none;
		border-top: none;
}
td.col_Datum{
	min-width: 100px;
}

table#bestellung td.bez input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none; 
  width: 20px;
  height: 20px;
  border: 2px solid #f9f9f5 !important;
  background-color: #fff;
  cursor: pointer;
}
table#bestellung td.bez input[type="checkbox"]:checked::after {
  content: '';
  display: block;
  width: 6px;
  height: 12px;
  border: 3px solid #d92121; /* Farbe des Häkchens */
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(0px, 0px);
}
table#bestellung td.zahlung {font-size: xx-small;}



table#bestellung tr th.bez {
	font-size:x-small;
}
td.col2_abhol, td.col_Abholort{
			max-width:90px;
			border-right:none !important;
}

table#bestellung tr.row_ort_an_aus {
	border-bottom: 1px solid grey;
}
table.brote {
	table-layout:auto;
/* 	width: 240px; */
}
table#bestellung tr

table.brote td.anzahl{
	width: 30px;
	text-align: center;
}
table.brote td.sorte{
	width: 100px;
	text-align: center;
	white-space: nowrap;
}
table.unterzahlung {max-width:40px;}
td.zahlung, td.zahlungsum {
	font-size:xx-small !important;
	width: 60px;
}

#eingabefenster {
  position: fixed;
  top: 10%;
/*   bottom: 20%; */
  left: 10%;
  background: rgba(94, 73, 42, 0.94);
  overflow: auto;
  width: 85%;
  height: 80%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: 18999;
  border-radius: 12px;
  padding:2%;
  font-size: 1.1rem;
}
button#neuebestell{
	width: auto;
	text-align: center;
	margin: 5px;
	padding: 10px 5px;
	border-Radius: 10px;
}
button#neuebestell:hover{
background: rgba(94, 73, 42, 0.94);
}
form#eingabe input, 
form#eingabe textarea,
form#eingabe div,
form#eingabe select{
padding:5px;
margin:2px;
font-size: 1rem;
}

button#submit_neu_brot {
margin: 60px 10%;
width: 80%;
}
input.fach_eing{
	width: 80px;
	margin-left: 50px;
	border-radius: 8px;
	height: 80%;
}

.anzahl {
	width: 90px;
	text-align: right;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.ddropdown {
	width:60px;
	padding:10px;
	margin:0 10px 0 20px;
	background:white;
	cursor: pointer;
	border:0.5px solid lightgrey;
	border-radius: 28px;
	color: black;
}

.erledigt_grau {
color: lightgrey;
/* text-decoration: line-through; */
}

#closer {
  color: #1c110d;
  background: #fffffc;
  font-size: 22px;
  position: fixed;
  top: 10%;
  right: 4%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
  z-index: 23332;
  border-radius: 50%;
  border: 1px solid #1c110d;
  padding: 5px 12px; 
}

.msgBtn1 ,.msgBtn2, .msgBtn3{
	padding: 5px 10px;
	margin: 5px;
}

 .dotnone {
	list-style-type: none;
	line-height: 1.2em;
	font-size: small;	
	margin-bottom: 10px;
 }

.tab_ort{
	font-size: xx-small;
}

/* input#sorte0 {user-select: all; background-color:green;} */
/*************+Bestätigungsfenster *******************/

#bestaetigungsfenster {
  position: fixed;
  top: 20%;
  bottom: 20%;
  left: 10%;
  right: 10%;
  background: rgba(251, 245, 236, 0.94);
  overflow: auto;
  width: 80%;
  height: 60%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: 24999;
  border-radius: 12px;
}

#innerbestfenster{
	margin: 10%;
	padding: 8%;
/* 	background: lightgreen; */
}

#closer_bestFenster {
  color: #1c110d;
  background: #fffffc;
  font-size: 22px;
  position: fixed;
  top: 20%;
  right: 10%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
  z-index: 25332;
  border-radius: 50%;
  border: 1px solid #1c110d;
  padding: 5px 12px; 
}




#momentlayer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0, 0.5);
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: 28999;
}


#momentlayer #centr {
  position: absolute;
  color: #000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  vertical-align: middle;
  background: rgba(251, 245, 236, 0.80);
  padding: 75px 100px;
  border-radius: 10px;
}

#loeschenbestaetigen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0, 0.5);
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: 28999;
}


#loeschenbestaetigen #centr {
  position: absolute;
  color: #000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  vertical-align: middle;
  background: rgba(251, 245, 236, 0.80);
  padding: 45px 60px;
  border-radius: 10px;
}



#o_kay {
cursor: pointer;
}

.labelort{
	color: #aa7342;
	margin: 15px 20px;
	padding: 10px;
	font-weight: bold;
}

#ausgabe{
	color: white;
	margin: 30px 2px;
	font-weight: bold;
}


table#auswertung, table#ausweertung{
	max-width: 400px;
	color: #383838;
	margin-left: 1%;
	background: #fffffc;
}
table#auswertung td.offen, table#auswertung td.gesamt, table#auswertung td.ortwt,table#auswertung td.maxbstll, table#ausweertung th, table#ausweertung td.offen, table#ausweertung td.gesamt, table#ausweertung td.ortwt,table#ausweertung td.maxbstll, table#ausweertung th{
	text-align: center;
	height: 20px;
	margin: 0;
	padding: 0;
}

table#auswertung thead tr:first-child, table#auswertung thead th.kopftext, table#ausweertung thead tr:first-child, table#ausweertung thead th.kopftext{
	text-align: left;
}
table#auswertung td, table#auswertung th, table#ausweertung td, table#ausewertung th{		
	padding: 2px;
	border: 1px solid lightgrey;
	}
table#auswertung td.ortwt, table#auswertung td.maxbstll, table#ausweertung td.ortwt, table#ausweertung td.maxbstll {
	font-size: small;
}

table.beste td{
	font-size: 15px;
	color: #383838;
	border:none;
}
table.fil{
	background-color: #FEFBDA;
	max-width: 400px;
	margin-left: 1%;
}
table.fil td {
 	font-weight: bold;
 	padding: 8px;
}
table.tag{
	background-color: #fbf6f1;
}
table.tag td{
	font-weight: normal;
 	padding: 3px;
}
table.sor{
	background-color: #FFFFFF;
}
/* 
form#opener {
width: 100%;
height: 100%;
margin: 100px auto;
padding: 20% 20%;

}
 */
 
.col_Name, .ccol_Name {
	cursor: pointer;
	padding-left: 8px !important;
}
.col_deleter, .ccol_deleter, .ccol_copy, .erledigt_td {
	margin: 0 auto;
	padding: 0 15px;
	width: 30px;
	text-align: center;
	cursor: pointer;
}
.ccol_copy { font-weight: bold; font-size: larger; }
.pink {background: pink;}
.weissvorrot{background:red;padding:15px;}
 /* Code to Remove all default style */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.col_Notiz {
	line-height: 1.1em;
	font-size: 80%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;


.kopfzeile {
 font-size:smaller;
}
span#preisoffen,span#preisgesamt{
	font-weight:150;
}




/*++++++++++++   MEDIA   ++++++++++++++++*/

@media screen and (max-width: 900px) {
.aubackelogo img.aubackeimg{
	max-width: 30% !important;
	vertical-align: middle;
	margin: 0 auto;
} 
#fm_eins{
	display: flex;
	 flex-wrap: wrap;
}
#fm_eins > * {
	flex: 1 1 350px;
	font-size: .6rem !important;
	transform: 0.8;
	line-height: 1;
}

#fm_eins  button {
	font-size: .8rem !important;
/* 	transform: 0.8; */
}
.ortsliste{
	max-width: 160px;
}
.tagsliste{
	width: 250px;
}
#neuebestell{
width: auto;
}

#fm_zwei {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	}
#fm_content {
  width:98%;
  margin: 0 1%;
}
.besteller_content {
  width: 100%;
  padding: 0 0;
  font-size: 14px;
}
.smallmengen{font-size: 12px;}
}