.tooltip {
  position: absolute;
  background-color:rgb(169, 169, 169);
  border: 1px solid rgb(169, 169, 169);
  padding: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 9999; 
  color: black 
  
}
@keyframes blink {
  0% { background-color: red; }
  50% { background-color: yellow; }
  100% { background-color: red; }
}

#blinkingButton {
  animation: blink 2s infinite; 
  background-color: red
}
#hilfetext {
    display: none;
    position: absolute;
    background-color: rgb(169, 169, 169);
    color: white;
    padding: 10px;
    border: 1px solid #ccc;
  }
  .delete-button {
    
    display: none;
    position:fixed;
    right: 15px;
    background-color: rgb(216, 33, 33);
    color:black;
  }
  .delete-button:hover {
    cursor: pointer;
}
   
  
  .cookie-consent {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f1f1f1;
  color:black;
  padding: 15px;
  text-align: center;
}
  .debugDisplay {
    position:absolute;
    top: 30px;
    left: 350px;
    background-color: rgb(169, 169, 169);
    color: white;
    width: 23%;
    z-index: 0; 
  }

  body {
    background-color: rgb(169, 169, 169);
    color: white;
    margin: 0; 
    padding: 0; 
  }
   
    .info-bar {
    background-color: rgb(53, 51, 51); 
    color: white; 
    padding: 10px; 
    position: fixed; 
    top: 0; 
    left: 0px;
    width: 100%; 
    height: 30px;
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    z-index: 0; 
    box-sizing: border-box;
  }
  #info_text {
    position: absolute; 
    left: 220px;
    
    color: whitesmoke;
    background-color: rgb(53, 51, 51);
    outline: none
  }
  #infoHomeeWarning {
    position: absolute; 
    left: 580px;
    color: whitesmoke;
    background-color: rgb(53, 51, 51);
    outline: none
  }
  #infoHomeeVersion {
    position: absolute; 
    right: 120px;
    color: whitesmoke;
    background-color: rgb(53, 51, 51);
    outline: none
  }
  #infoBarButton {
    
    position: absolute; 
    left: 10px; 
  }
  #infoBarButton2 {
    
    position: absolute; 
    left: 95px; 
  }
  
  .collapse-content {
    display: none; 
    padding: 0px;
    background-color: lightslategray;
  }
  .homeeLogDisplay {
      display: none;
  }
  .loginDaten {
      display: none;
  }
  
  .status {
    font-weight: bold;
    margin-left: auto; 
    padding-right: 10px; 
  }
  .main-content {
    padding-top: 40px; 
    
  }
  textarea {
    width: 50%;
  }
#statusContainer {
position: fixed;
top: 6px;
right: 10px;
display: flex;
align-items: center;
}

#statusIndicator {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
z-index: 1 ;


.statusText {
margin-right: 5px; 
color: white;
}
}
#statusContainer2 {
position: fixed;
top: 6px;
right: 60px;
display: flex;
align-items: center;
}

#statusIndicator2 {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red; 

.statusText {
margin-right: 5px;
color: white; 
}}
.fest-positionierter-block {
display: block; 
position: fixed; 
top: 30px; 
right: 0px; 
width: 140px; 
height: 120px;
background-color: rgb(53, 51, 51); 
padding: 5px; 
}

.fest-positionierter-block p {
margin: 10px 0; }
.fest-positionierter-block p {
cursor: default; }


.fest-positionierter-block p:hover {
cursor: pointer; 
}
.overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: ;
align-items: center;
z-index: 1; 
}



.modal {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color:  rgb(169, 169, 169) ;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
max-width: 80%; 
max-height: 80%; 
overflow: auto; 
z-index: 1; 
}
#content {
cursor: default; 
}

#content:hover {
cursor: pointer; 
}


.close {
float: right;
cursor: pointer;
font-size: 20px;
}
.homee-status {
position: fixed; 
top: 30px; 
right: 170px; 
width: 140px; 
height: 120px;
background-color: rgb(53, 51, 51); 
padding: 5px; 
display: block; 
}

.homee-status p {
margin: 10px ; 
}
.device-change {
position: fixed; 
top: 30px; 
right: 340px; 
width: 280px; 
height: 120px;
background-color:  rgb(53, 51, 51); 
padding: 5px; 
display: block; 
}

.device-change p {
margin: 10px ; 
}
.red-dot {
display: inline-block;
width: 10px;
height: 10px;
background-color: grey;
border-radius: 50%;
margin-right: 5px;
}

.green-dot {
display: inline-block;
width: 10px;
height: 10px;
background-color: green;
border-radius: 50%;
margin-right: 5px;
}
.inner-element {
display: flex; 
align-items: center; 
}

table {
          border-collapse: collapse;
          width: 100%;
          border: 1px solid #000;
      }

      th, td {
          border: 1px solid #000;
          padding: 8px;
          text-align: left;
      }