/*Body soll nicht scrollbar sein */
html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;


    
}

/*Scrollbars f端r Touchdevice*/
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 0px;
}

::-webkit-scrollbar:horizontal {
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0px;
    border: 1px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 0px;  
    background-color: #ffffff; 
}

.hidescrollbar::-webkit-scrollbar { width: 0 !important }
/* Hide scrollbar for IE, Edge and Firefox */
.hidescrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

table.table-bordered {
   border: 1px solid black;
}

img{
  cursor: pointer;
}

.cursor{
  cursor: pointer;  
}

 /* Damit das erste Modal scrollbar ist wenn das zweite geschlossen wurde */
.modal { overflow: auto !important; }       

.btn{
   border-radius: 0px;
} 

.btn-block {
    padding: 8px;
    // define values in pixels / Percentage or em. whatever suits 
       your requirements
}

button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover{
  outline:none !important;   
}

.form-control{
   border-radius: 0px;
}


.divider{
    position: relative;
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 30px auto;
}
.divider:after{
  content: 'oder';
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 12px;
  color: #666;
  background: #fff;
  border:1px solid #f0f0f0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  text-align: center;
}

.icon-size{
   font-size:26px; 
}

 /* Add Button rechts unten*/
.overlaybutton {
    position: fixed; /* Stay in place */   
    height: 54px ;
    width: 54px;    
    z-index: 10; /* Sit on top */    
    right: 14px;
    bottom: 14px;
    //top: 55px;
    border-radius: 25px;
    /*background-color: rgb(255,255,255);  */
    text-align: center;    
    /*box-shadow: 3px 3px 10px -2px rgb(160,160,160);  */
    box-shadow: 4px 4px 10px -2px rgb(160,160,160);
    border:0.3px solid rgb(186,186,186);

}
.overlaybutton-innen {
    font-size:25px; 
    position: relative; 
    top:13px;
    /*top: 5px;   */
}


 /* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    /*transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    transition-delay: 500ms; /*Ladesymbol nur anzeigen wenn die Ladezeit l辰nger als 0,5 sek ist*/
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

 /* loadbutton2*/
.loadsymbol2overlay {
  margin-left: auto;
  margin-right: auto;
    height: 35px;
    width: 35px;
    border-radius: 20px;
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 50%;
    margin-left: -15px;
    top: 65px;
    background-color: rgb(255,255,255); /* Black fallback color */
    border: 1px solid rgb(224,224,224); 
    //overflow-x: hidden; /* Disable horizontal scroll */
}

/* Position the content inside the overlay */
.loadsymbol2overlay-content {
    position: relative;
    left: 7px;
    top: 6px;
    color:#2c3e50;
}

/* Panel Collapse Icon hoch und runter */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
    
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/*keine Abrundung der Boxen*/
.panel {
    border-radius: 0px;
    /*border:1px solid black;*/
    border:1px solid rgb(192,192,192);
    padding:0px;

    
}


/* Damit die Navbar immer Collapsed ist */
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;    
}   
ul.navbar-nav li {
  margin: 8px;
  padding: 0px;
} 





/* Damit die Nav scrollbar ist */
#bs-example-navbar-collapse-1
{
 overflow-y: scroll !important;
/* max-height: 400px !important; */
}


/* F端r das x beim search feld*/
::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer; 

}

/*Popup Image Container */
.bigimagecontaineroverlay {
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity */
    overflow: hidden; /* Disable  scroll */
    padding: 15px;
}

.bigimagecontaineroverlay img{
  position: relative;
  top: 50%;
  transform: translate(0%, -50%);
  max-width: 100%; 
  height: auto;
  
}

/* Page Scroll */
.pagescroll {
  position: relative;
  overflow-y:auto; 
  height:calc(100vh - 55px);
  top:-15px;
  border: 0px solid blue; 
  margin-bottom: -10px;
  /*scrollbar-width: none;   Gilt nur f端r Firefox */
  -webkit-overflow-scrolling: touch;/* */ 
  /*-ms-overflow-style: none;  /* IE and Edge */  
 /* scrollbar-width: none;  /* Firefox */  
    
}

/* Page Headline */
.pageheadline {
  position: relative;
  //background-color: white; 
  margin: 0 auto;
  max-width:850px;
  top:0px;
  text-align: center;
  font-weight: ;
  padding: 5px; 
  border: 0px solid silver; 
  margin-bottom:8px;
}

/* Page Submenu */
.pagesubmenu{
    position: relative; 
    top:0px; 
    margin: 0 auto;
    max-width:850px;
    height:52px;   /* 52 */ 
    background: ;   
    z-index: ;  /* 10000 */   
    padding: 8px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    white-space:nowrap; 
    margin-bottom:10px; 
    border: 0px solid #95a5a6; 
    /*scrollbar-width: none;   Gilt nur f端r Firefox */
    /*-webkit-overflow-scrolling: touch;   */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */    
}

/* Lokale Logo Submenu */
.submenulokallogo{
    position: relative; 
    top:0px; 
    margin: 0 auto;
    max-width:850px;
    //height:82px;   /* 52 */ 
    background: ;   
    z-index: ;  /* 10000 */   
    padding-left: 8px; 
    padding-right: 8px; 
    padding-bottom: 3px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    white-space:nowrap; 
    margin-bottom:10px; 
    border: 0px solid silver; 
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */    
}

.submenulokallogo img {
  border-radius: 50%;
  //border: 3px solid white;
  border: 1px solid rgb(192,192,192); 
  width:100%;
  height:100%;
  background-color:white; 
}

.submenulokallogocircle1{
  display:inline-block; 
  width:84px;
  height:84px;
  border-radius: 50%;
  margin-right:5px;
}

.submenulokallogocircle2{
  display:inline-block;
  border: 4px solid white; 
  width:100%;
  height:100%;  
  border-radius: 50%;
}




//Logo in Headline der Bestellseite
.lokallogocss {


}

#headline #logo img{
  border-radius: 50%;
  border: 1px solid rgb(192,192,192); 
  width:80px;
  height:80px;
  background-color:white;   
  margin-right: 10px;  
}


/* Buttons Shop*/
.shopbuttons {
  width:100%; 
  max-width:350px;
  height:100px;  
  background-color: white; 
  padding:5px; 
  margin-bottom:5px;
  border: 1px solid #95a5a6; 
  overflow: /*hidden;  Disable  scroll */
}
/* Buttons Shop*/
.shopbuttons img {
  position: relative;
  top: ;

  max-width: 180px; 
  max-height: 54px;

}

/* ***************************************** */
/* Side Navigagion */
/* ***************************************** */

 /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 270px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    white-space: nowrap;
    z-index: 20000; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #ffffff; /* Black #111   */
    overflow-x: hidden; /* Disable horizontal scroll */
    
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;  /* Damit es fl端ssig l辰uft */
    
    /*padding-top: 20px; /* Place content 60px from the top */
    /*padding-left: 10px; /* Place content 60px from the top */
    display: none;
    /*transition: 0.3s;  0.5 second transition effect to slide in the sidenav */
}

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

.navbarcolorfade{
    background-image: linear-gradient(to bottom right, #2c3e50, #6187ad);  /* #3498db*/
}


/* When you mouse over the navigation links, change their color  */
.sidenav a:hover {
    color: #f1f1f1;
}    
.sidenav a:link {
    color: rgb(64,64,64);
}  
.sidenav a:visited {
    color: rgb(64,64,64);
}  
.sidenav a:active  {
    color: rgb(64,64,64);
}      

small {
    color: #95a5a6;
    font-size: 11px;
    line-height: 1.0;
}

/* ***************************************** */
/* Kommentare, Nachrichten, Chat */
/* ***************************************** */
.divmessage1 {
    background-color: rgb(240,240,240);    
    border-radius: 12px;
    padding:5px;
    width: auto;
}
.divmessage2 {
    background-color:  rgb(240,240,240); 
    border-radius: 12px;
    padding:5px;
    width: auto;
}

.messagedate {
    color:rgb(128,128,128);
    font-size: 11px;
}

/*Rahmen f端r aktiven Wunsch*/
.borderaktiv {
    /*border: 2px solid #3498db;*/
    outline: 2px solid #2c3e50;
}
       

.row{
    margin: 0px;
}

.container{
    max-width:850px;
}


hr{
    height:1px
    margin-top:-5px; 
    margin-bottom:-5px; 
    margin:5px auto;
}




.btn-round{
border-radius: 15px;
}

.addbtn-round{
border-radius: 30px;
}

/* Ladeanimation f端r Submen端 Buttons */
.loadanimation {

    animation:myfirst 2s;
  -moz-animation:myfirst 2s infinite; /* Firefox */
-webkit-animation:myfirst 2s infinite; /* Safari and Chrome */
  }


  @-moz-keyframes myfirst /* Firefox */
{
0%   {background:#95a5a6; border-color: #95a5a6;}
50%  {background:#2c3e50; border-color: #2c3e50;}
100%   {background:#95a5a6; border-color: #95a5a6;}
}
 
    @-webkit-keyframes myfirst /* Firefox */
{
0%   {background:#95a5a6; border-color: #95a5a6;}
50%  {background:#2c3e50; border-color: #2c3e50;}
100%   {background:#95a5a6; border-color: #95a5a6;}
}


.badge-sub{
   font-weight: 400;
   background: #fff;
   color:rgb(80,80,80);
   border: 1px solid #95a5a6; 
   font-size: 12px;
}

.circledivs{
  width: 30px; 
  height: 30px;; 
  background: ; 
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
  
}

}

h4{
  //padding-top: -12px;

}

h3{
  margin: 2px;
  //border: 1px solid silver; 

}

#newnavbartop{
  position: fixed;
  top: 0px;
  width: 100%;
  height:55px;
  border: 0px solid red; 
  padding: 0px;
}

.lokallogo{
  position: relative;
  background-color: white; 
  margin: 0 auto;
  width:100%;
  max-width:850px;
  top:0px;
  text-align: center;
  border: 0px solid #95a5a6; 


}

.aktivli{
  background: ;
  outline: 3px solid #2c3e50;  

}

.preisheighlight{
  text-shadow: 0 0 5px white;
  //transition: 0.6s;

}

.preisnormal{
  font-size: 18px;
  font-weight: bold;
  color:#3498db;
}

.preisalt{
  text-decoration: line-through;  
  color:#95a5a6;
}

.gesamtpreis{
  font-size: 18px;
  font-weight: bold;
  color:#3498db;
}

.namespeise{
  font-size: 18px;
  font-weight: bold;

}
.speisesubtext{
  font-size:;
  color:#95a5a6;

}

.produkthinweis{
  font-size: 10px;
  color:#3498db;
  cursor: pointer;
}

.produkthinweisbutton{
  font-size: ;
  color:#95a5a6;
  background-color:;
  cursor: pointer;
}

.textzutaten{
  font-size: 14px;
  color:#414d55;
}

.subtextlokal{
  font-size: 12px;
  color:#95a5a6;
}

.neworder {
  font-weight: bold;
  animation: blinker 1s linear infinite;
}
@keyframes blinker {  
  50% { background-color: #18bc9c;}
}

.subbadge-warning{
  background-color:#f39c12;
  color:white;
  border: 1px solid #f39c12; 
}

.subbadge-info{
  background-color:#3498db;
  color:white;
  border: 1px solid #3498db; 
}

.subbadge-success{
  background-color:#18bc9c;
  color:white;
  border: 1px solid #18bc9c; 
}

.subbadge-closed{
  background-color:#CC0033;
  color:white;
  border: 1px solid #CC0033; 
}

.subbadge-vege{
  background-color:#34dfbc;
  color:white;
  border: 1px solid #34dfbc; 
}



.btn-white,
.btn-white:focus,
.btn-white:visited,
.btn-white:hover {
  background-color:white;
  border: 0px solid #3498db; 
  color: #3498db;
  font-size: 20px;
}
.btn-white:active{
  background-color:white;
  border: 0px solid #1a435f; 
  color: #193d55;
}

.submenupfeile{
  position:absolute;   
  width:;
  height:; 
  top:4px;
  border: 0px solid blue; 
  background-color: #E8E8E8;
  z-index: 100; 
  color:white; 
  padding:7px;
  padding-left:7px;
  padding-right:7px;
  cursor: pointer;

}


//.bg-primary,.btn{
//  background-color:#1a242f;
//  border-color:#1a242f;
//}

.blockimage{
  //position: absolute;
  //clip: rect(50px, 300px, 200px, 0);

}

/* ################################################################################### */
/* Checkboxen */
.form-check-input{
  height: 25px;
  width: 25px;

}


.form-check-label{

}


.pac-container {  /*//this is a fix for google autocomplete not showing up*/
    z-index: 10000 !important;
   /* display: block !important;*/
}
/*.pac-container:after{display:none !important;}*/