/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    http://best.cw-olafson.de/twenty-twentyone-child/
Description:  Twenty Twenty-One Child Theme
Author:       CWO
Template:     twentytwentyone
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyonechild
*/

header#masthead.site-header {display:none !important;}

.site-main {
	padding-top:0 !important;
}

.aubackelogo img.aubackeimg{
	max-width: 15%;
	vertical-align: middle;
	margin: 0 auto;
} 
.aubackelogo {
text-align: center;
height:  auto;
}
/*aubackelogo
aubackeimg 
*/
#mitte {
margin: 8%;
}
#workshops {
margin-top: 15%;
}
#mitte h2{
	font-weight: bold;
	text-align: center;
}
#workshops h3{
	font-weight: bold;
	text-align: center;
}
table, .wp-block-table{
 min-width: 140px !important;
}
.umbau {
font-size: small;
/* margin: ; */
text-align: center;
}
#textcont{
font-size: small;
margin: 0 25% 0 30%;
}


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

.besteller_content {
	width: auto;
	padding: 0 5px;
	font-size: 18px;
}

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);
	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;
}
.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: 16px;
}

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

.dnone, .ortnone{
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, table#bestellung tr td{
	padding: 3px 0;
}

table#bestellung tr td:first-child,table#bestellung tr td:nth-child(2); {
	min-width: 120px;

}
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;
}
table#bestellung tr td:first-child {
	border: none;
	
}
table#bestellung tr.row_ort_an_aus {
	border-bottom: 1px solid grey;
}
table.brote {
	table-layout:auto;
/* 	width: 240px; */
}


table.brote td.anzahl{
	width: 30px;
	text-align: center;
}
table.brote td.sorte{
	width: 100px;
	text-align: center;
	white-space: nowrap;
}

#eingabefenster {
  position: fixed;
  top: 10%;
/*   bottom: 20%; */
  left: 10%;
/*   right: 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%;
}
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;}

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: 70px;
	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;
}
html {
  margin: 0;
  -webkit-text-size-adjust: none;
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  max-width: 80%;
  margin: 0 auto;
  padding: 50px 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  word-wrap: break-word;
}

.kopfzeile {
 font-size:smaller;
}




/**************************** Code for Accordion ******************************************/
:root {
  --lightBlack: #161617;
  --lightBlackSecondary: #4e4e4e;
  --darkBlack: #222222;
  --blackSecondary: #0f0f0f;
  --golden: #c49b66;
  --white: #ffffff;
  --gray: #8f8f8f;
  --lightgolden: #ffe1a1;
}
h2 {
  margin: 50px 0;
}
.title {
  padding: 5px;
  font-weight: normal;
  font-size: 18px;
  transition: 0.5s;
  cursor: pointer;
}
.accordion-list:not(.active) .title {
  color: var(--lightgolden);
}
.accordion > .accordion-list.active > .title {
  background: var(--lightBlack);
  color: var(--golden);
}
.accordion > *,
.accordion .content {
  border-top: 1px solid var(--golden);
}
.accordion > *:last-child {
  border-bottom: 1px solid var(--golden);
}
.content {
  display: none;
  padding: 10px;
  font-size: 14px;
}
.steps {
  counter-reset: my-counter;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.step::before {
  counter-increment: my-counter;
  content: counter(my-counter);
  border-radius: 100%;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.container:not(:has(.accordion .complete)) .steps .three::before,
.container:not(:has(.accordion > .active)) .steps .two::before,
.container:has(.accordion .complete) .steps .two::before,
.container:has(.accordion .active, .accordion .complete) .steps .one::before {
  background: var(--lightBlackSecondary);
  color: var(--white);
	content:"";
}
.container:has(.accordion > .active) .steps .two {
  pointer-events: none;
}
.container:not(:has(.accordion > .active)) .steps .two {
  cursor: pointer; 
}
.container:has(.accordion > .active):not(:has(.accordion .complete))
  .steps
  .two::before,
.container:has(.accordion .complete) .steps .three::before,
.container:not(:has(.accordion > .active, .accordion .complete))
  .steps
  .one::before {
  background: var(--golden);
  color: var(--white);
}
 .container {
 background-color: rgb(88, 84, 84);
 user-select: none;
 }
 .acc_span, .accc_span{
 	opacity: 0.8; 
 	font-size: 70%;
 	}
 .span_none{display: none;}
 
 .acc_span span.tsorte, .accc_span span.tsorte{
 	color: lightblue; 
/*  	opacity: 0.8;  */
/*  	font-size: 70%; */
 	padding: 5px; 
 	background-color: black;
 	border-radius: 8px;
 	border: 1px solid grey;
 	margin-left: 1px;
 }
 
 
 .sortemitanzahl {
	margin: 0 15px 5px 20px;
	-webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}
 
span.plushoch, span.minusrunter, span.numeros {
	width: 20px;
/* 	height: 20px; */
	text-align: center; 
	cursor: pointer;
	font-size: 130%;
	font-weight: 400;
	color: #253c49;
	display: inline-block;  

}

span.plushoch, span.minusrunter{
/* 	border: 0.5px solid white; */
	background: #253c49;
	width: 33px; 
/* 	border-radius: 50%; */
	vertical-align: top;
	font-weight: 600;
	color: #fffffc;
	padding-bottom: 3px;
}
span.plushoch:hover, span.minusrunter:hover{
		font-weight: 400;
	background: #406981;

}

span.numeros{
 padding: 0 5px;
 min-width: 30px;
 color: #fffffc;
}


#abholer{
position: fixed;
top: 5%;
right:0;
padding: 2px;}

#abholjson {
 position: fixed;
 top: 12%;
 left:5%;
 width: 80%;
 height: 500px;
 background-color: orange;
 z-index: 1000;
}


.boxcenter {
/* 	text-align: center; */
	margin: 25px 0;
}

.resetuebernehmen {
/* 	height:80px; */
	margin:2px 0;
	padding: 5px 0;
/* 	background: rgb(255, 242, 152); */
	border-radius: 5px;
	display:block;

}
a#brotsenden {
	  color: #fffffc;
  background: rgb(58, 147, 57);
  font-weight:500;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  border: 0.5px solid grey;
  padding: 8px 8px; 
  margin: 15px 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,.2);
}
a#brotsenden:hover {
 	background: rgb(95, 175, 94);
  border-radius: 10px;
  border: 1px solid #1c110d;
  padding: 5px 8px; 
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
a#resetbutton, a#closenavigator {
  color: #fffffc;
  background: rgb(219, 135, 91);
  font-size: 14px;
	width: 75px;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  border: 0.5px solid grey;
  padding: 5px 8px; margin:10px;
  box-shadow: 0 3px 8px rgba(0,0,0,.2);
}
a#resetbutton:hover, a#closenavigator:hover {
  background: rgb(180, 50, 0);
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid #1c110d;
  padding: 5px 8px; 
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
a#okaytransp, a#zuruecktransp {
	 color: #fffffc;
	 font-size: 14px;
	 position: relative;
	 /* bottom: 20px; */
	 /* right: 20px; */
	 text-align: center;
	 cursor: pointer;
	 border-radius: 8px;
	 border: 0.5px solid grey;
	 padding: 15px 23px;
	 box-shadow: 0 3px 8px rgba(0,0,0,.2);
	 margin: 25px 25px 0 0;
	 display: inline-block;
}


#brotkorb{
   height: 53px;
   min-height:50px;
   background: white;
   border-radius: 6px;
   color: black;
   margin: 8px;
   display:flex;
   border-radius:5px;
   line-height: 12px;
   font-size: small;
}

.iconandred {
 	display: flex;	 
 	cursor: pointer;
 	overflow-y: visible;
}

img#brotkorbicon {
	width: 40px;
	height: 40px;
	margin: 3px -8px 0 3px;	
	padding: 4px;
	float: left;
}

.brotkorbcontainer {
	display:flex;
	justify-content: space-between;
}

#redicon {
/* 	width: 20px; */
	height:20px;
	background: rgb(173,63,11);
	border-radius: 50%;
	float:right;
	margin-right: 3px;
	margin-top: 20px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
}
.invis {
	opacity: 0;
	width:10px;
}
.widtherred {
	width:20px;
}



.brotueberschrift {
	display:flex;	
	line-height: 24px;
}

#brotueber{
	padding-top: 3px;
	display: none;
	background: white;
	border-radius: 6px;
}
.brotli, .brotre{
	display:flex;
}

#korb { 
	line-height: 13px;
	background-color: white;
	border-radius: 6px;
	padding: 3px;
}

#korb > div {
	margin-top: 6px;
}
.korbinhalt {
	display: none;
}

.rot{color: darkred;}
.smallmengen{font-size: 0.6em;}
.hmenge{ line-height:0.7em;}
.hmenge td:first-child{text-align:right; margin-right:4px;width:30px;}
td.von {border:none; }



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

@media screen and (max-width: 900px) {
.aubackelogo img.aubackeimg{
	max-width: 30% !important;
	vertical-align: middle;
	margin: 0 auto;
} 
#fm_eins,#fm_zwei {
	grid-template-columns: 1fr;
	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;}
}

/* 
@media screen and (max-width: 400px) {
#fm_zwei {
		    grid-template-columns: 1fr;
		    margin: 0;
		    padding: 0;
	}
}
 */