/* Allgemeine Fensterstile */
.draggable {
  position: absolute;
  top: 100px;
  left: 200px;
  width: 400px;
  border: 1px solid #ccc;
  background: white;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.draggable .header {
  background: #007bff;
  color: white;
  padding: 5px 10px;
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.draggable .close-btn {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

/* Navigation */
.navbar .btn {
  margin: 5px;
  padding: 5px 8px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.navbar .btn img {
  height: 40px;
  width: auto;
  margin: 0;
}

/* Standard Hamburger-Menü für das rechte Menü bleibt */
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 2.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}

/* Benutzerdefiniertes Symbol für das linke Menü */
.custom-toggler-icon {
background-image: url("google/settings_220dp_F3F3F3_FILL0_wght400_GRAD0_opsz48.svg"); /* Dein Icon hier */
background-size: contain; /* Passt die Größe des Bildes an */
background-repeat: no-repeat; /* Verhindert Wiederholung */
background-position: center; /* Zentriert das Bild */
width: 30px;
height: 30px;
}

.custom-toggler-icon {
background-color: red; 
}

/* Überschreibt die Standardgröße der Bootstrap-Toggler-Schaltfläche 
.custom-toggler {
border: none;
padding: 0;
}  */

/*  Testfarbe
.custom-toggler-icon {
background-color: red; 
} */

/* Tooltip-Stil */
.tooltip {
position: absolute;
background-color: #333;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
pointer-events: none; /* verhindert Interaktion */
opacity: 0; /* unsichtbar zu Beginn */
transition: opacity 0.2s;
z-index: 1000;
}

.navbar-nav span {
display: block;
text-align: center;
font-size: 0.875rem; /* Kleinere Schrift */
margin-top: 5px; /* Abstand zwischen Icon und Text */
}

#pdfViewer {
background-color: red; 
}

.custom-text-085 {
font-size: 0.85rem; /* Schriftgröße nach Bedarf anpassen */
}