.navbar-bg-gradient{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.98+20,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.98) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.98) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.98) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

/*
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .navbar-bg-gradient {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
}
*/

.flex-for-button{
	display: flex;
	flex-wrap: wrap;
	flex: fit-content;
	align-items: center;
    justify-content: space-between;
			flex-direction: column;
			align-items: center;
}


.flex-for-button button{
	margin-left: 2px;
	height: 24px;
	text-align: center;
}





#bottom-action-buttons{
	position: fixed;
	bottom: 15px;
	z-index: 999;
	display: none;
	width: 100%;
	left: 0px;
	text-align: center;
}

.container {
  max-width: 1900px;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 200;
}

.card-height-spec{
min-height: 120px;
padding: 2.2em 2em;
line-height: 2em;
}

.tk_row{
	margin-left: -7.5px !important;
	margin-right: -7.5px !important;
}

.tk_col{
	padding-left: 7.5px !important;
	padding-right: 7.5px !important;
}

.speise-gruppe{

}

.speise-row{
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 20px;
}

.align-item-center{
  align-items: center;
}

.speise-item{
  flex: 1;
text-align: center;
}

.speise-item h5{
	margin:0px !important;
	padding: 0px !important;
	font-weight: bold;
}

.card-header h4{
	font-weight: bold;
}

.preise{
	margin-top: 5px;
	margin-bottom: 5px;
	display: flex;
  flex-wrap: nowrap;
  background: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  justify-content: center;
  text-align: center;
}

.price-col{
flex: 1;
max-width:70px;
text-align: right;
margin-left: 4px;
margin-right: 4px;
}

.price-col:last-child{
border-right: 0px solid #ffffff !important;
}

.price-prefix{
	padding-left:4px;
	padding-right:4px;
	text-align: center;
border-bottom: 1px solid #cccccc;
}

.price-cost{
	padding-left:4px;
	padding-right:4px;
	font-weight: bold;
	text-align: center;
}

.drop {
    margin: 20px 0;
    padding: 5px;
    border: 2px dotted orange;
    border-radius: 5px;
}

.drop.hovering {
    background-color: #F6BF66;
}


.p-15{
 padding: 15px !important;
}

.pt-15{
 padding-top: 15px !important;
}

.pb-15{
 padding-bottom: 15px !important;
}

.pl-15{
 padding-left: 15px !important;
}

.pr-15{
 padding-right: 15px !important;
}

.card-counter{
	font-size: 1.5em;
}

.svg-logo{
	height: 30px;
}

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}

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

.icon-size{
	font-size: 2.65em !important;
}



.mb-none{
	margin-bottom: 0px !important;
}

.icon-color{
	color: #AEDBD3;
}

.user-picture{
	max-width: 60px !important;
}

.accent-bg-dark{
	background: #78A69E;
	border: none;
}

.accent-bg-light{
	background: #E0F2F2;
	border: none;
}

.accent-color-dark{
	color: #78A69E;
}

.accent-color-light{
	color: #689B92;
}

.card-icon{
	height: 30px !important;
	width: auto;
	max-width: 30px !important;
	max-height: 30px !important;
	}


.insert-content-txt{
	font-size: 13px;
	line-height: 21px;
}

a.list-group-item:hover{
	text-decoration: none;
	background: #f8f8f8;
}

a.list-group-item.active:hover{
	text-decoration: none;
	background: #007bff;
	color: #f2f2f2;
}


.list-menu-nav .nav-link{

}

.offline-item *{
	background: #f2f2f2;
	color: #cccccc;
}

.card-img-product{
	min-height: 200px;
	background-size:  cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.card-img-product-list{
	 width:100px; height: 50px;
	 border-radius: 4px;
	background-size:  cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.text-offline{
	color: #acacac !important;
}

.action-buttons .dropdown-toggle::after {
	display: none;
}

.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.custom-dropdown-options .dropdown-item.active:focus, .custom-dropdown-options .dropdown-item.active:hover{
	color: #ffffff;
}
.highlight-feature{
	text-align: left;
	font-size: 13px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 8px;
}





footer h5{
	font-size: 14px;
	color: #007bff;
}

#responsecontainer{
/* 	min-height: 650px; */
}

#toaster_placeholder{
position: fixed;
top: 100px;
right: 24px;
overflow: scroll;
}

.online-offline-button{
	cursor: pointer !important;
}

.online-offline-button:hover{
	opacity: 0.75 !important;
}

.header-top-padding{
	padding-top: 60px !important;
}





		.manage-buttons{
			align-self: center;
			margin-bottom: 5px;
		}


.sequence {
    transform: translateY(0%);
}

.cssanimation, .cssanimation span {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.cssanimation span { display: inline-block }


.fadeInBottom { animation-name: fadeInBottom }
@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(25%);
    }
    to { opacity: 1 }
}