/* Progress-Bar weicher animieren */
.progress-bar {
  transition: width 1s linear;
}

/* ---------------------------------------------
   Hintergrund (Backdrop) des Modals halbtransparent
   --------------------------------------------- */
   .modal-backdrop.show {
    background-color: rgba(0,0,0,0.7) !important;
    backdrop-filter: blur(1000px);
  }
  
  /* ---------------------------------------------
     Modal-Box selbst leicht durchsichtig
     (nur wenn du möchtest)
     --------------------------------------------- */
  .modal-content {
    background-color: rgba(30, 30, 30, 0.85) !important; /* etwas dunkler + durchscheinend */
    backdrop-filter: blur(100px);
    color: #f8f9fa;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    margin-top:150px;
  }

#role_id.form-select,
#server_index.form-select,
#server_index_return.form-select {
  background-color: rgba(30, 30, 30, 0.8);
  color: #f8f9fa;
  border: 1px solid rgba(255,255,255,0.2);
  transition: background-color 0.3s ease, color 0.3s ease;
}

#role_id.form-select:focus,
#server_index.form-select:focus,
#server_index_return.form-select:focus {
  background-color: rgba(50, 50, 50, 0.85);
  color: #fff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.3);
}