html {
  overflow: hidden;
  font-family: 'Roboto2', sans-serif;
  background-color: rgba(230,230,230,1);  
}

#mainframe {
  position:absolute;
  display:block;
  top: 0;
  bottom: 0;
  height:100%;
  width:100%;
  left:50%;
  transform: translate(-50%, 0%);  
  max-width: 1000px;
  overflow-y:auto;
  overflow-x:hidden;
  background-color: rgba(255,255,255,1);  
  margin:auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
 
#mainframe::-webkit-scrollbar { width: 0 !important }

#waitframe {
  position:absolute;
  display:none;
  top: 0;
  bottom: 0;
  height:100%;
  width:100%;
  overflow-y:hidden;
  overflow-x:hidden;
  background-color: rgba(125,125,125,0.3);  
  z-index:10000;
}

.MenuLinieUnten {
  display:block;
  float:left;
  width:80%;
  height:40px;
  margin-left:calc(10%);    
  background-image: url("../img/menulinie.svg");
  background-repeat:no-repeat;  
  background-position: center;   
  background-size: 100% 100%;
}   

#loadingdiv {
  position:absolute;
  left:50%;
  top: 50%;
  width:250px;
  height:118px;  
  transform: translate(-50%, -50%);  
  overflow:hidden;
  background-image: url("../img/loading.gif");
  display:block;
}

#topmenu {
  float:left;
  top: 0px;
  right: 0%;
  width:100%;
  left:0%;
  height:125px;
  overflow:hidden;
  background-color: rgba(255,255,255,0.9);
  z-index:1000; 
  display:block;
}

#toplogo, #toplogoKK, #toplogoGR {
  position:absolute;
  left:30px;
  top: 13px;
  width:120px;
  height:120px;
  background-size: contain;
  background-image: url("../img/logo.svg");
  display:block;
  cursor:pointer;
}
 
#toplogoKK {
  background-image: url("../img/logotextKK.png");
  top: 10px;
  width:155px;  
  height:105px;  
} 

#toplogoGR {
  background-image: url("../img/logotextGR.png");
  top: 20px;
  width:235px;
  height:90px;  
} 

#topmenueintraege {
  position: relative;      
  float:right;
  margin-right:10px;
  width: 50%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;   
  align-items: center;
  gap: 20px;
  cursor: pointer;
}

#topmenueintrag {
  width: 130px;
  height: 34px;
  overflow: hidden;
  background-color: var(--rotefarbe);
  display: block;
  cursor: pointer;
  color: #FFFFFF;
  font-family: 'Voltaire', sans-serif;
  font-size: 14pt;
  text-align: center;
  line-height: 34px;
}

#fusszeile {
  position:relative;
  float:left;
  width:100%;
  left:0%;
  height:100px;
  overflow:hidden;
  background-color: rgba(255,255,255,0.9);
}  
 
#fusszeilemenueintraege {
  position:absolute;
  right:30px;
  bottom:20px;
  width:100%;
  height:32px;
  overflow:hidden;
  display:block;
  cursor:pointer;
}

#fusszeilemenueintrag {
  width:130px;
  height:30px;
  overflow:hidden;
  display:block;
  cursor:pointer;
  position:relative;
  float:right;
  margin-right:30px;
  color:#707070;
  font-family: 'Voltaire', sans-serif;
  font-size:14pt;  
  text-align: center;
  line-height: 30px;
  border-width:1px;
  border-color:#707070;
  border-style:solid;
}  
 
#fusszeilemenueintraglinks {
  width:200px;
  height:30px;
  bottom:30px;
  overflow:hidden;
  display:block;
  cursor:pointer;
  position:absolute;
  float:left;
  margin-left:30px;
  color:#707070;
  font-size:14pt;  
  text-align: center;
  line-height: 34px;
}  

#sliderbox {
  width:100%;
  height:auto;
  display:block;
  float:left;
  position: relative;
}

#zurrestaurantkarte {
  width:auto;
  height:auto;
  top:50%; 
  left:50%;
  transform: translate(-50%, -50%);    
  display:block;
  position:absolute;
  cursor:pointer;
  font-family: 'Voltaire', sans-serif;
  font-size:18pt;  
  text-align: center;
  padding:25px;
  background-color: rgba(255,255,255,0.9); 
  z-index:10000;
  color:#2E2E2E;
  border-width:1px;
  border-color:#707070;
  border-style:solid;
}  

.slider { 
  margin: 0px 0 10px;
}

#englisch {
  background-image: url("../img/en.png");
  position:absolute;
  display:block;
  width:50px;
  height:30px;
  top:50px;
  left:380px;
  z-index:10000;
  cursor:pointer;
}

#deutsch {
  background-image: url("../img/de.png");
  position:absolute;
  display:block;
  width:50px;
  top:50px;
  height:30px;
  left:300px;
  z-index:10000;
  cursor:pointer;   
}

#karte {
  width:100%;
  height:auto;
  display:block;
  float:left;
  position:relative;
  background-color: rgba(200,200,200,1); 
}

.RestaurantInfo {
  width:100%;
  height:auto;
  display:block;
  float:left;
  margin:20px 0 20px 0;
  position:relative;
  background-color: rgba(255,255,255,1); 
  font-size:12pt;  
}

.RestaurantInfoTitel_left {
  width:90%;
  height:auto;
  display:block;
  float:left;
  font-family: 'Voltaire', sans-serif;
  font-size:16pt;  
  padding:0 5% 0 5%;  
  position:relative;  
}

.RestaurantInfoTitel_right {
  width:40%;
  height:auto;
  display:block;
  float:right;
  font-family: 'Voltaire', sans-serif;
  font-size:16pt;  
  text-align:left;
  padding:0 5% 0 5%;  
  position:relative;  
}

.RestaurantInfoText_left {
  width:40%;
  height:auto;
  display:block;
  float:left;
  padding:0 5% 0 5%;  
}

.RestaurantInfoText_right {
  width:40%;
  height:auto;
  display:block;
  float:right;
  padding:0 5% 0 5%;  
}

.RestaurantInfoBild_left {
  width:40%;
  height:40%;
  max-width:400px;
  max-height:400px;
  padding:0 5% 0 5%;  
  display:block;
  float:left;
}  

.RestaurantInfoBild_right {
  width:40%;
  height:40%;
  max-width:400px;
  max-height:400px;
  padding:0 5% 0 5%;  
  display:block;
  float:right; 
}

#impressumtext {
  width:100%;
  height:auto;
  overflow:hidden;
  display:none;
  position:relative;
  float:right;
  color:#707070;
  font-size:14pt;  
  text-align: center;
}               
 
#rcLogo {    
  background-image: url("../img/RC.png");
  width:200px;
  height:209px;
  display:block;
  position:relative;
  float:left;   
  left:50%;
  transform: translate(-50%, 0);      
}                 
 
#rcPartner {    
  background-image: url("../img/RCPartnerBreit.jpg");
  width:800px;
  height:307px;
  display:block;
  position:relative;
  float:left;   
  left:50%;
  transform: translate(-50%, 0);      
} 

#einstellungenScreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  display:none;
}
    
#einstellungenPanel {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
}
    
.einstellungenButtonUP {
  padding: 10px 20px;
  margin: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Roboto2', sans-serif;
  font-size: 16px;
  background-color: #BACFBB;
  color: white;
}

.einstellungenButtonDown {
  background-color: #649166;
}