#loader{
	position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
	background: rgba(0,0,0,0.75);
}

.loadspinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loadspinner div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: loadspinner 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loadspinner div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes loadspinner {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

body{
	background: var(--color-main-bg) !important;
}

.bg-dark{
	background: var(--color-main-bg) !important;
}

.vw90{
	width: 90vw;
}


.custom-admin-menu{
	left: 0px;
	top: 0px;
}

.custom-admin-menu button{
	border-radius: 0px;
}

.position-fixed .dropdown-toggle::after{
	display: none !important;
}


.z-index-999{
	z-index: 2;
}

.fs-smaller button{
	font-size: 13px !important;
	margin-left: 10px !important;
}

.fs-smaller{
	font-size: 13px !important;
}

  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }




      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }



      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }


.border-bottom{
	border-color: #cccccc !important;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-item:first-of-type{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-body{
  color: var(--color-accordion-txt) !important;
  background-color: var(--color-accordion-bg) !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.accordion-item:last-of-type{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.accordion-button{
	color: var(--pricelist-color) !important;
		background-color: var(--color-main-bg) !important;
		/* box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--color-main-bg); */
    box-shadow: none;

}

.die-listen .accordion-item{
  margin-bottom: 30px !important;
}


.accordion-button:not(.collapsed){
		border-color:  var(--color-logo-bg);
	color:  var(--color-logo-txt) !important;
		background-color: var(--color-logo-bg) !important;
    box-shadow: none;
}

.accordion-button.collapsed{
		border-color:  var(--color-logo-bg);
	color:  var(--color-logo-txt) !important;
		background-color: var(--color-logo-bg) !important;
}

.accordion-button i.bi{	color:  var(--pricelist-bg) !important;
}



.rechtliches .accordion-button:not(.collapsed){
		border-color:  #f2f2f2;
	color:  #121212 !important;
		background-color: #f2f2f2 !important;
}

.rechtliches .accordion-button.collapsed{
		border-color:  #ffffff;
	color:  #121212 !important;
		background-color: #ffffff !important;
}

.rechtliches .accordion-button i.bi{	color:  #121212 !important;
}

.rechtliches .accordion-body{
  color: #121212 !important;
}



.accordion-button.info-accordion{
		border-color: var(--color-logo-bg) !important;
	background-color: var(--color-logo-bg) !important;
	color: var(--pricelist-bg) !important;
  background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.db_item_price_desc{
	color: var(--pricelist-desc-color) !important;
  min-width: 55px;
  text-align: right;
}

.db_item_number{
	    min-width: 30px;
}

.db_item_price{
	color: var(--pricelist-color) !important;
	margin-left: 5px;
	font-weight: bold;
	    min-width: 60px;
    text-align: right;
}

.tko-item{
	/* font-size: 13px !important; */
}

.highlight_title_one{
	color: var(--pricelist-bg) !important;
        font-size: var(--font-size-h2) !important;
        line-height: var(--font-size-h2-lh) !important;}

.highlight-bg{
  border-radius: 0px !important;
	border: 0px solid #ffffff !important;
}

.z-index-1{
	z-index: 1;
}

.hightlight-shadow{
    box-shadow: 0 1rem 3rem rgba(0,0,0,.375)!important;
}

.highlight-bg{
	background-color:#222222 !important;
}

.highlight-bg-gradient::after{
	z-index: 0;
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0) 95%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0) 95%);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0) 95%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.custom-admin-menu button{
		background: var(--pricelist-bg) !important;
	color: var(--pricelist-color) !important;
	border-color: var(--pricelist-bg) !important;
	z-index: 9999;
}



.custom-button{
		background: var(--pricelist-bg) !important;
	color: var(--pricelist-color) !important;
	border-color: var(--pricelist-bg) !important;
}

/* .highlight-bg h1, .highlight-bg h2, .highlight-bg h3, .highlight-bg h4, .highlight-bg h5, .highlight-bg h6, .highlight-bg button, .highlight-bg div{
	color: #ffffff !important;
} */

.highlight-bg div{
	color: #ffffff !important;
}

.highlight_price{
	color: var(--pricelist-bg) !important;
          font-size: var(--font-size-h4) !important;
        line-height: var(--font-size-h4-lh) !important;
}


.accordion-item{
	/* border-color: var(--color-main-bg) !important; */
	background: var(--color-main-bg) !important;
	color: var(--pricelist-color) !important;
  border:none !important;
}

.bg-logo{
		background: var(--color-logo-bg);
}




.accordion{
	    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.accordion-flush .accordion-item .accordion-button.collapsed{
	border-top: 1px solid transparent !important;
}

.text-gray-500{
	color: var(--pricelist-desc-color) !important;
}

.db_item_allergenes{
	color: var(--pricelist-desc-color) !important;
}

.imaged-list .info-accordion{
 padding-top:4em;
 padding-bottom:4em;
}



.list_title{
z-index: 1;
        font-size: var(--font-size-h5) !important;
        line-height: var(--font-size-h5-lh) !important;
}


.imaged-list .info-accordion .list_title{
        font-size: var(--font-size-h2) !important;
        line-height: var(--font-size-h2-lh) !important;
}

.die-listen-container .accordion-item:last-child{
  margin-bottom: 0px !important;
}

.list-bg-overlay{
    z-index: 0;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0) 105%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0) 105%);
    background: linear-gradient(90deg, rgba(0,0,0,0.75) 15%, rgba(0,0,0,0) 105%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    left: 0;
    top:-1px;
}

.w25{
width: 30px !important;
}

.global-menu__item .bi{
	margin-right: 10px !important;
}

body.modal-open{
	background: transparent !important;
}
.backdrop{
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 9;
	top:0px;
}
.themodal{
	z-index: 999;
	position: fixed;
	background: #ffffff;
	bottom: 0;
	height: 75%;
	overflow: scroll;
	width: 100%;
	border-radius: 0px 0px 0px 0px;
	transition: all 1s;
	animation: 0.5s slide-up;
}

@keyframes slide-up {
  from {
    bottom: -75%;
  }
  to {
    bottom: 0;
  }
}


        .db_item_price{
          min-width: 120px;
        }

        .db_item_price_desc{
          width: 90px;
        }


      @media (min-width: 768px){

        .bd-placeholder-img-lg{
          font-size: 3.5rem;
        }

      }


      @media (max-width: 1000px){

        .db_item_price{
          min-width: 65px;
        }

        .db_item_price_desc{
          width: 55px;
        }

      }