#top {
padding-top:80px;
}

#wrap {
margin:0 auto;
}

.active {
background-color:#4CAF50;
color:#3498db;
}

/* suchen items auflistung */
.ui-menu .ui-menu-item {
    margin: 20px;
	font-size: 15px;
    cursor: pointer;
	
}

.autocomplete,.dropdown {
position:relative;
display:inline-block;
}

.autocomplete-active {
background-color:#1E90FF!important;
color:#fff;
}

.autocomplete-items {
position:absolute;
border:1px solid #d4d4d4;
border-bottom:none;
border-top:none;
z-index:1000;
}

.autocomplete-items div {
cursor:pointer;
background-color:#fff;
border-bottom:1px solid #d4d4d4;
padding:10px;
}

.autocomplete-items div:hover {
background-color:#e9e9e9;
}

.box {
width:100%;
height:500px;
background:#eaeaea;
position:relative;
overflow:hidden;
cursor:crosshair;
}


.btnNumPad {
	font-weight:700;
	font-size:25px!important;
	-webkit-transition:.1s ease-in background-color;
	-webkit-font-smoothing:antialiased;
	letter-spacing:1px;
	height:50px;
	padding:10px;

	border:1px solid transparent;
	border-radius:4px;
	border-color: #ccc;

}

.btnNumPad:hover {
	transition-property:background-color .2s linear 0;
	-moz-transition:background-color .2s linear 0;
	-webkit-transition:background-color .2s linear 0;
	-o-transition:background-color .2s linear 0;
}



.container {
    /* width: 470px;	 */
}


.jconfirm-buttons{
	/* text-transform:uppercase; */
	font-size:20px;
	font-weight:bold;
	text-shadow:none
}

.center {
width:50%;
border:0 solid gray;
margin:auto;
padding:10px;
}

.containerHeader {
position:relative;
width:100%;
height:55px;
}

.crop img,.cropMenu img {
width:100px;
height:100px;
object-fit:cover;
}

.crop,.cropMenu {
width:100px;
height:100px;
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}


.cropMenuLetter {
width:100px;
height:100px;
display:block;
font-size: 100px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

.cropProdukte {
width:100px;
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

.cropProdukte img {
max-width:100%;
max-height:100%;
}

.dropbtn {
background-color:#4CAF50;
color:#FFF;
font-size:16px;
border:none;
cursor:pointer;
padding:16px;
}

.dropbtn:hover,.dropbtn:focus {
background-color:#4CAF50;
}

.dropdownWarenkorb-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdownWarenkorb-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdownWarenkorb-content a:hover {
  background-color: #ddd;
}

.dropdownMenuPlan-content {
	display: none;
	border-radius: 5px;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdownMenuPlan-content a {
	border-radius: 5px;
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdownMenuPlan-content a:hover {
	background-color: #ddd;
}

.dropdown-content {
display:none;
position:absolute;
background-color:#f1f1f1;
min-width:160px;
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
z-index:100;
}

.dropdown-content a {
color:#000;
text-decoration:none;
display:block;
padding:12px 16px;
}

.dropdown-content a:hover {
background-color:#ddd;
}

.foo {
position:absolute;
left:0;
width:100%;
height:100%;
}

.footer {
position:fixed;
left:0;
bottom:0;
width:100%;
padding-bottom:30px;
background-color:red;
color:#FFF;
text-align:center;
font-weight:700;
font-size:50px;
vertical-align:middle;
}

.form-control2 {
font-size:34px!important;
}

tbody tr:nth-child(odd){
  /* background-color: #B0B0B0; */
  /* color: #B0B0B0; */
}

.formOwn {
background-color:#FFF!important;
border:0 solid #ccc!important;
-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.075)!important;
/* color:red; */
font-weight:700;
padding:2px 12px;
}

.grid-container {
max-width:800px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
grid-gap:5px;
margin:0 auto;
}

.grid-container-tesla {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
grid-gap:5px;
margin:0 auto;
}

.grid-container-menu {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
grid-gap:10px;
margin:0 auto;
padding:5px;
}

.grid-containerButtons {
max-width:800px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
grid-gap:5px;
margin:0 auto;
padding:5px;
}

.grid-item {
position:relative;
border:0 solid rgba(0,0,0,0.8);
font-size:20px;
text-align:center;
padding:5px;
}

.grid-itemButtons {
border:0 solid rgba(0,0,0,0.8);
font-size:20px;
text-align:center;
padding:5px;
}

.infoBox {
background:#FFF;
border:1pt solid #000;
width:200px;
height:23px;
position:absolute;
}

.korbListe,#zubereitungTableBody {
font-size:20px;
}

.korbMenu {
font-size:25px;
text-align:right;
padding:10px 0 0;
}

.korbMenuEinheit {
padding-top:10px;
padding-right:10px;
padding-left:2px;
text-align:left;
}

.no-wrap {
white-space:nowrap;
}

.num {
border:1px solid #9e9e9e;
-webkit-border-radius:999px;
border-radius:999px;
-moz-border-radius:999px;
height:80px;
background-color:#fff;
color:#333;
cursor:pointer;
}

.num-pad {
padding-left:15px;
}

.num:hover {
background-color:#9e9e9e;
color:#fff;
transition-property:background-color .2s linear 0;
-moz-transition:background-color .2s linear 0;
-webkit-transition:background-color .2s linear 0;
-o-transition:background-color .2s linear 0;
}

.overlay {
height:100%;
width:100%;
display:none;
position:fixed;
padding-top:80px;
z-index:100;
top:0;
left:0;
background-color:rgba(0,0,0,0.7);
}

.overlay .closebtn {
position:absolute;
top:80px;
right:20px;
font-size:60px;
cursor:pointer;
color:#FFF;
}

.overlay .closebtn:hover {
color:#ccc;
}

.overlay .closebtnScanner {
position:absolute;
top:80px;
right:10px;
font-size:60px;
cursor:pointer;
color:#FFF;
}

.overlay .closebtnScanner:hover {
color:#ccc;
}

.overlay button:hover {
background:#bbb;
}

.overlay input[type=text] {
font-size:17px;
border:none;
float:left;
width:80%;
background:#FFF;
border-radius:18px;
padding:15px;
outline: none;
}

.overlay input[type=text]:hover {
background:#f1f1f1;
}

.overlay-content {
position:relative;
top:15px;
width:80%;
text-align:center;
margin:auto;
}

.overlay-content ul {
display:list-item;
}

.produkt-info {
font-size:.75em;
padding:5px;
}

.produkt-titel {
font-size:.75em;
word-wrap:break-word;
white-space:nowrap;
overflow:scroll;
padding:5px 5px 5px 0;
}

.recipe {
padding:1em;
}

.recipe-table {
position:relative;
border:0 solid #DDD;
padding:1em;
}

.recipe-table__add-row,.table__add-row {
margin-top:0;
position:relative;
border-top:1px solid #EEE;
}

.recipe-table__add-row-btn,.recipe-table__add-row-btn-zuber,.table__add-row-btn,.table__add-row-btn-zuber {
cursor:pointer;
position:absolute;
right:0;
left:0;
width:4em;
-webkit-transition:all .2s easy-in;
transition:all .2s easy-in;
text-align:center;
opacity:0.5;
color:#fff;
border:1px solid #16A085;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;
background:#16A085;
height:1.5em;
line-height:1.5em;
margin:0 auto;
}

.recipe-table__add-row-btn:hover,.recipe-table__add-row-btn-zuber:hover {
opacity:1;
}

.recipe-table__addCart-btn {
cursor:pointer;
height:40px;
width:40px;
font-size:20px;
}

.recipe-table__cell,.recipe-ingredients {
vertical-align:top;
padding:3px 5px;
}

.recipe-table__del-row-btn, .table__del-row-btn {
cursor:pointer;
height:40px;
width:40px;
font-size:30px;
font-weight:700;
}

.recipe-table__removeCart-btn {
cursor:pointer;
height:40px;
width:40px;
font-size:25px;
background-color:red;
}

.recipe-table__save-row-btn {
cursor:pointer;
height:40px;
width:40px;
}

.recipe-titel {
font-weight:700;
font-size:20px;
border-bottom:1pt solid #000;
}

.recipe-zut {
position:relative;
border:0 solid #DDD;
padding:0 1em 0 0;
}

.recipe__info {
vertical-align:top;
text-align:right;
font-weight:700;
color:#454545;
border-right:1px dotted #EEE;
width:300px;
margin:0 1.3em 0 0;
padding:0 1em 0 0;
}

.recipe__text-field {
font-size:1em;
line-height:1.4;
color:#555;
background-color:#FFF;
background-image:none;
border:1px solid #CCC;
border-left:1px solid #CCC;
z-index:1;
margin:0;
padding:.45em .92em;
}

.recipe__title {
margin-top:0;
}

.review {
position:absolute;
z-index:10;
background-color:red;
margin:0;
padding:0;
}

.rezeptZubIcons {
height:42px;
}

.small {
font-size:15px;
}

.span4 {
width:80px;
float:left;
margin:0 8px 10px;
}

.spanicons {
width:72px;
float:left;
text-align:center;
margin-top:40px;
color:#9e9e9e;
font-size:30px;
cursor:pointer;
}

.spanicons:hover {
color:#3498db;
transition-property:color .2s linear 0;
-moz-transition:color .2s linear 0;
-webkit-transition:color .2s linear 0;
-o-transition:color .2s linear 0;
}

.suchen {
border-top-right-radius:4px;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
background:#eee;
border:1px solid #ddd;
width:94%;
padding:15px 10px;
}

.tbAddProd {
border:0 solid #000;
margin-left:auto;
margin-right:auto;
}

.text-block {
	position:absolute;
	top:32%;
	left:60%;
	transform:translate(-50%,-50%);
	color:red;
	font-size:20px;
	font-weight:700;
}


.noInternet-block {
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	color:red;
	font-size:75px;
	font-weight:700;
	display: none;
	background-color:red;
	width: 120%;
}

.timeer {
	font-size:100px;
	text-align:center;
}

.topIMG {
width:45px;
height:45px;
}

.topMenu li {
float:left;
height:55px;
}

.topMenu li a {
display:block;
color:#FFF;
text-align:center;
text-decoration:none;
padding:2px 10px;
}

.offline-disabled {
	pointer-events: none;
	opacity: 0.35;
	filter: grayscale(1);
}

.txt {
font-size:30px;
text-align:center;
margin-top:25px;
font-family:Lato , sans-serif;
line-height:30px;
color:#333;
}

.ui-autocomplete-category {
font-weight:700;
line-height:1.5;
margin:.8em 0 .2em;
padding:.2em .4em;
}

.woInRezept {
text-align:center;
font-size:20px;
}

.zubSchritte {
width:10px;
}

::-webkit-scrollbar {
display:none;
}

a {
color:inherit;
text-decoration:inherit;
}

body {
font-family:'Source Sans Pro', sans-serif;
height:100%;
background-color:#FFF;
margin:0;
}

div.container4 {
position:relative;
}

iframe:focus {
outline:none;
}

iframe[seamless],.show {
display:block;
}

li a:hover:not(.active) {
background-color:#111;
}

li.right {
float:right;
}

table.tbAddProd td {
padding-top:10px;
}

table.tbAddProd td:first-child {
text-align:right;
}

table.tbAddProd td:nth-child(2) {
padding-left:10px;
}

td.warenkorb {
height:10px;
}

td.warenkorb > div {
width:100%;
height:100%;
overflow:hidden;
}

.slectListe{
border: none;
color: red;
background-color: transparent;
-webkit-appearance: none;   
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}


tr.spaceUnder>td {
padding-top:1em;
border-bottom:1pt solid #000;
font-size:20px;
}

ul.topMenu {
list-style-type:none;
overflow:hidden;
background-color:#333;
position:fixed;
top:0;
width:100%;
height:55px;
z-index:1000;
margin:0;
padding:5px 0 0;
/* padding:0; */
box-sizing:unset;
}

ul.topMenu input[type=text] {
width:100px;
float:right;
border:none;
margin-top:8px;
margin-right:16px;
font-size:17px;
padding:6px;
}