@charset "UTF-8";
:root {
  --color-success: rgb(64, 131, 64);
  --color-info: rgb(247, 247, 120);
  --color-warning: rgb(243, 198, 113);
  --color-danger: rgb(247, 115, 115);
  --color-alert: rgb(140, 0, 0);
  --color-category: rgb(2, 92, 189);
  --body_bg: rgb(145, 143, 143);
  --layout_bg: rgba(255, 255, 255, 0.3);
  --layout_border: rgba(255, 255, 255, 0.4);
  --font: rgba(0, 0, 0, 0.8);
  --font_reverse: rgba(255, 255, 255, 0.8);
  --border: rgba(255, 255, 255, 0.2);
  --avatar_menu: rgb(181, 181, 181);
  --color_01: rgba(255, 255, 255, 0.1);
  --color_02: rgba(255, 255, 255, 0.2);
  --color_03: rgba(255, 255, 255, 0.3);
  --color_04: rgba(255, 255, 255, 0.4);
  --color_05: rgba(255, 255, 255, 0.5);
  --color_06: rgba(255, 255, 255, 0.6);
  --color_07: rgba(255, 255, 255, 0.7);
  --color_08: rgba(255, 255, 255, 0.8);
  --color_09: rgba(255, 255, 255, 0.9);
}

body.dark {
  --body_bg: rgba(0, 0, 0, 0.8);
  --layout_bg: rgba(255, 255, 255, 0.1);
  --layout_border: rgba(255, 255, 255, 0.2);
  --font: rgba(255, 255, 255, 0.8);
  --font_reverse: rgba(0, 0, 0, 0.8);
  --border: rgba(255, 255, 255, 0.2);
  --avatar_menu: #131313;
  --color_01: rgba(255, 255, 255, 0.1);
  --color_02: rgba(255, 255, 255, 0.2);
  --color_03: rgba(255, 255, 255, 0.3);
  --color_04: rgba(255, 255, 255, 0.4);
  --color_05: rgba(255, 255, 255, 0.5);
  --color_06: rgba(255, 255, 255, 0.6);
  --color_07: rgba(255, 255, 255, 0.7);
  --color_08: rgba(255, 255, 255, 0.8);
  --color_09: rgba(255, 255, 255, 0.9);
}

body.nerd-mode .nerd-hidden, body.nerd-mode input {
  background: transparent !important;
}

:root {
  --border-image-dreieck-slim: url("/rabbit/templates/hagstar/include/images/template-gfx/border/border_dreieck_slim_dark.png");
  --bg_muster-url: url("/rabbit/templates/hagstar/include/images/template-gfx/background/background-streifen-dark.png");
}

body.dark {
  --border-image-dreieck-slim: url("/rabbit/templates/hagstar/include/images/template-gfx/border/border_dreieck_slim_light.png");
  --bg_muster-url: url("/rabbit/templates/hagstar/include/images/template-gfx/background/background-streifen-light.png");
}

#hagstar-framework-debug {
  font-size: 0.8rem;
  border-image: var(--border-image-dreieck-slim);
  border-image-slice: 11;
  border-image-width: 7px;
  border-image-repeat: stretch;
  outline: 1px solid var(--color_01);
  display: none;
}
#hagstar-framework-debug .disable-style {
  display: block;
}

#framework-style-debug {
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
}

#big-brother-php, #template-hagstar-index {
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
  background: var(--color_05);
}

.framework-top-menu-debug {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--font);
  color: var(--font_reverse);
  padding: 5px 10px;
  font-size: 0.9rem;
}
.framework-top-menu-debug button {
  background: var(--font_reverse);
  color: var(--font);
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.framework-top-menu-debug button:hover {
  background: var(--highlight);
  color: var(--font_reverse);
}

#final-sql-information {
  display: flex;
}
#final-sql-information .frage {
  padding: 5px;
}
#final-sql-information .antwort {
  color: blue;
  background: yellow;
  padding: 5px;
  font-weight: bold;
}

#big-brother-php, #template-hagstar-index {
  display: block;
}
#big-brother-php .cookie-area-style, #template-hagstar-index .cookie-area-style {
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
}
#big-brother-php .flex, #template-hagstar-index .flex {
  width: 200px;
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
  display: flex;
}
#big-brother-php .cookie-area, #template-hagstar-index .cookie-area {
  display: flex;
  background: violet;
  margin: 2px;
}
#big-brother-php .cookie-area .variablen, #template-hagstar-index .cookie-area .variablen {
  display: block;
}
#big-brother-php .value-cookie, #template-hagstar-index .value-cookie {
  min-width: 200px;
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
}
#big-brother-php .variablen, #template-hagstar-index .variablen {
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
}
#big-brother-php .border, #template-hagstar-index .border {
  margin: 2px;
  border: 1px solid var(--color_01);
  border-radius: 3px;
  padding: 5px;
}
#big-brother-php .comand, #template-hagstar-index .comand {
  width: 130px;
}
#big-brother-php .rows, #template-hagstar-index .rows {
  width: 30px;
}
#big-brother-php .bedinngung1, #big-brother-php .bedinngung2, #template-hagstar-index .bedinngung1, #template-hagstar-index .bedinngung2 {
  width: 150px;
}
#big-brother-php .value1, #big-brother-php .value2, #template-hagstar-index .value1, #template-hagstar-index .value2 {
  width: 150px;
}
#big-brother-php .control, #big-brother-php .mission, #template-hagstar-index .control, #template-hagstar-index .mission {
  width: 70px;
}
#big-brother-php .loginuser, #template-hagstar-index .loginuser {
  width: 80px;
}
#big-brother-php .message, #big-brother-php .protokoll, #template-hagstar-index .message, #template-hagstar-index .protokoll {
  width: 200px;
}
#big-brother-php table, #template-hagstar-index table {
  width: 100%; /* passt sich an den Container an */
  border-collapse: none !important; /* saubere Ränder */
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* leichter Schatten */
  border-radius: 8px; /* abgerundete Ecken */
  overflow: hidden; /* Rundungen auch bei border-collapse sichtbar */
  border: none;
}
#big-brother-php table td, #template-hagstar-index table td {
  padding: 12px 15px; /* Abstand in den Zellen */
  text-align: left;
  border: 2px solid var(--font_reverse);
  border-radius: 3px;
}
#big-brother-php table th, #template-hagstar-index table th {
  background-color: var(--font); /* Kopfzeile farbig */
  color: var(--font_reverse);
  font-weight: bold;
  text-align: center;
}
#big-brother-php table tr:nth-child(even), #template-hagstar-index table tr:nth-child(even) {
  background-color: #f9f9f9; /* abwechselnde Zeilenfarbe */
}
#big-brother-php table tr:hover, #template-hagstar-index table tr:hover {
  background-color: #e6f7e6; /* Hover-Effekt */
}

/*# sourceMappingURL=hagstar_debug.css.map */