/* ================================
   KIMBALIX Dark-Grey Theme
   ================================ */
/* Guacamole-Standardlogo entfernen */
.app-logo,
guac-login .logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Eigenes Logo anzeigen */
.login-ui .logo {
    background-image: url("../images/kimbalix2.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    width: 180px !important;     /* Logo-Breite */
    height: 180px !important;    /* Logo-Höhe */

    max-width: none !important;  /* <<< WICHTIG */
    max-height: none !important; /* <<< WICHTIG */

    margin: 0 auto 20px auto !important;
    display: block !important;
    opacity: 1 !important;
}


/* Hintergrund allgemein */
body,
.login-ui,
.login-background,
.login-dialog-wrapper {
  background-color: #3a3a3a !important; /* Grau */
}

body {
  color: #e0e0e0 !important;
  font-family: Arial, sans-serif;
}

/* Logo-Bereich bewusst hell lassen */
.login-logo {
  background-image: url("../images/kimbalix.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 150px;
  margin: 20px auto;
  background-color: #ffffff; /* Weißer Hintergrund für bessere Logo-Sichtbarkeit */
  border-radius: 8px;
  padding: 10px;
}

/* Eingabefelder */
input[type="text"],
input[type="password"] {
  background-color: #3a3a3a !important; /* Mittelgrau */
  border: 2px solid #ffffff !important; /* Weißer Rahmen */
  color: #000000 !important;
  padding: 8px;
  border-radius: 4px;
}

/* Buttons */
button[translate="APP.ACTION_LOGIN"],
button[translate="APP.ACTION_LOGIN_AGAIN"],
input[type="submit"].login,
input[type="submit"].continue-login {
  background-color: #3a3a3a !important; /* Weiß */
  color: #000000 !important;            /* Weißer Text */
  border: none !important;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: bold;


  cursor: pointer;
}

button[translate="APP.ACTION_LOGIN"]:hover,
button[translate="APP.ACTION_LOGIN_AGAIN"]:hover,
input[type="submit"].login:hover,
input[type="submit"].continue-login:hover {
  background-color: #d5d5d5 !important; /* Hellere Pink-Variante beim Hover */
  color: #000000 !important;
}

/* Modale Fenster und Panels */
.login-dialog,
.notification,
.fatal-page-error,
.automatic-login-rejected-modal {
  background-color: #333333 !important; /* Dunkelgrau */
  color: #e0e0e0 !important;
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #ffffff !important; /* Pinker Rahmen */
}

/* Versionstext ausblenden (falls störend) */
.version {
  display: none !important;
}
/* Originaltitel entfernen */
.login-dialog .login-dialog-title {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Eigenes Logo einfügen */
.login-dialog .login-dialog-title::before {
    content: "";
    display: block;

    width: 600px !important;   /* <<< LOGO-GRÖSSE ANPASSEN */
    height: 600px !important;  /* <<< LOGO-GRÖSSE ANPASSEN */

    margin: 0 auto 10px auto !important;

    background-image: url("../images/kimbalix2.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}1~/* ================================
   KIMBALIX Dark-Grey Theme
   ================================ */
/* Guacamole-Standardlogo entfernen */
.app-logo,
guac-login .logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Eigenes Logo anzeigen */
.login-ui .logo {
    background-image: url("../images/kimbalix2.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    width: 180px !important;     /* Logo-Breite */
    height: 180px !important;    /* Logo-Höhe */

    max-width: none !important;  /* <<< WICHTIG */
    max-height: none !important; /* <<< WICHTIG */

    margin: 0 auto 20px auto !important;
    display: block !important;
    opacity: 1 !important;
}


/* Hintergrund allgemein */
body,
.login-ui,
.login-background,
.login-dialog-wrapper {
  background-color: #3a3a3a !important; /* Grau */
}

body {
  color: #e0e0e0 !important;
  font-family: Arial, sans-serif;
}

/* Logo-Bereich bewusst hell lassen */
.login-logo {
  background-image: url("../images/kimbalix.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 150px;
  margin: 20px auto;
  background-color: #ffffff; /* Weißer Hintergrund für bessere Logo-Sichtbarkeit */
  border-radius: 8px;
  padding: 10px;
}

/* Eingabefelder */
input[type="text"],
input[type="password"] {
  background-color: #3a3a3a !important; /* Mittelgrau */
  border: 2px solid #ffffff !important; /* Weißer Rahmen */
  color: #ffffff !important;
  padding: 8px;
  border-radius: 4px;
}

/* Buttons */
button[translate="APP.ACTION_LOGIN"],
button[translate="APP.ACTION_LOGIN_AGAIN"],
input[type="submit"].login,
input[type="submit"].continue-login {
  background-color: #3a3a3a !important; /* Weiß */
  color: #000000 !important;            /* Weißer Text */
  border: none !important;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: bold;


  cursor: pointer;
}

button[translate="APP.ACTION_LOGIN"]:hover,
button[translate="APP.ACTION_LOGIN_AGAIN"]:hover,
input[type="submit"].login:hover,
input[type="submit"].continue-login:hover {
  background-color: #d5d5d5 !important; /* Hellere Pink-Variante beim Hover */
  color: #000000 !important;
}

/* Modale Fenster und Panels */
.login-dialog,
.notification,
.fatal-page-error,
.automatic-login-rejected-modal {
  background-color: #333333 !important; /* Dunkelgrau */
  color: #e0e0e0 !important;
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #000000 !important; /* Pinker Rahmen */
}

/* Versionstext ausblenden (falls störend) */
.version {
  display: none !important;
}
/* Originaltitel entfernen */
.login-dialog .login-dialog-title {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Eigenes Logo einfügen */
.login-dialog .login-dialog-title::before {
    content: "";
    display: block;

    width: 600px !important;   /* <<< LOGO-GRÖSSE ANPASSEN */
    height: 600px !important;  /* <<< LOGO-GRÖSSE ANPASSEN */

    margin: 0 auto 10px auto !important;

    background-image: url("../images/kimbalix2.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}1~/* ================================
   KIMBALIX Dark-Grey Theme
   ================================ */
/* Guacamole-Standardlogo entfernen */
.app-logo,
guac-login .logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Eigenes Logo anzeigen */
.login-ui .logo {
    background-image: url("../images/kimbalix2.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    width: 180px !important;     /* Logo-Breite */
    height: 180px !important;    /* Logo-Höhe */

    max-width: none !important;  /* <<< WICHTIG */
    max-height: none !important; /* <<< WICHTIG */

    margin: 0 auto 20px auto !important;
    display: block !important;
    opacity: 1 !important;
}


/* Hintergrund allgemein */
body,
.login-ui,
.login-background,
.login-dialog-wrapper {
  background-color: #3a3a3a !important; /* Grau */
}

body {
  color: #e0e0e0 !important;
  font-family: Arial, sans-serif;
}

/* Logo-Bereich bewusst hell lassen */
.login-logo {
  background-image: url("../images/kimbalix.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 150px;
  margin: 20px auto;
  background-color: #ffffff; /* Weißer Hintergrund für bessere Logo-Sichtbarkeit */
  border-radius: 8px;
  padding: 10px;
}

/* Eingabefelder */
input[type="text"],
input[type="password"] {
  background-color: #3a3a3a !important; /* Mittelgrau */
  border: 2px solid #ffffff !important; /* Weißer Rahmen */
  color: #ffffff !important;
  padding: 8px;
  border-radius: 4px;
}

/* Buttons */
button[translate="APP.ACTION_LOGIN"],
button[translate="APP.ACTION_LOGIN_AGAIN"],
input[type="submit"].login,
input[type="submit"].continue-login {
  background-color: #3a3a3a !important; /* Weiß */
  color: #ffffff !important;            /* Weißer Text */
  border: none !important;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: bold;


  cursor: pointer;
}

button[translate="APP.ACTION_LOGIN"]:hover,
button[translate="APP.ACTION_LOGIN_AGAIN"]:hover,
input[type="submit"].login:hover,
input[type="submit"].continue-login:hover {
  background-color: #d5d5d5 !important; /* Hellere Pink-Variante beim Hover */
  color: #ffffff !important;
}

/* Modale Fenster und Panels */
.login-dialog,
.notification,
.fatal-page-error,
.automatic-login-rejected-modal {
  background-color: #333333 !important; /* Dunkelgrau */
  color: #e0e0e0 !important;
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #ffffff !important; /* Pinker Rahmen */
}

/* Versionstext ausblenden (falls störend) */
.version {
  display: none !important;
}
/* Originaltitel entfernen */
.login-dialog .login-dialog-title {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Eigenes Logo einfügen */
.login-dialog .login-dialog-title::before {
    content: "";
    display: block;

    width: 600px !important;   /* <<< LOGO-GRÖSSE ANPASSEN */
    height: 600px !important;  /* <<< LOGO-GRÖSSE ANPASSEN */

    margin: 0 auto 10px auto !important;

    background-image: url("../images/kimbalix2.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
/* ==========================================
   Schriftfarbe ändern: Home, Einstellungen,
   Aktive Sitzungen
   ========================================== */

/* HOME – Verbindungen */
.connection-list,
.connection-list *,
.connection-name,
.connection-list-item,
.connection-list-item * {
    color: #000000 !important;  /* <<< HIER FARBE ANPASSEN */
}

/* EINSTELLUNGEN */
.guac-settings,
.guac-settings *,
.guac-settings-section,
.guac-settings-section *,
.guac-settings table,
.guac-settings table * {
    color: #000000 !important;  /* <<< HIER FARBE ANPASSEN */
}

/* AKTIVE SITZUNGEN */
.active-connections,
.active-connections *,
.active-connections table,
.active-connections table * {
    color: #000000 !important;  /* <<< HIER FARBE ANPASSEN */
}