/* ===== CACHE-BUSTER 2025-09-20-17:30 ===== */
/* ===== ZENTRALE DESIGN-VARIABLEN FÜR SID-SPEZIFISCHE ANPASSUNGEN ===== */
:root {
  /* Basis-Schriftarten */
  --base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --heading-font-family: var(--base-font-family);

  /* Basis-Farben */
  --base-text-color: #000000;
  --heading-color: var(--base-text-color);
  --menu-bg-color: #2c3e50;
  --menu-text-color: #ffffff;
  --light-bg-color: #f8f9fa;
  --primary-color: #2c3e50;
}

/* Spezifische Texte verwenden die Basis-Variablen (NICHT alle div/span!) */
body, html, p, td, th, li,
.form-control, .btn, .nav-link,
.survey-body, .survey-content,
.question-container, .answer-container,
/* Nur spezifische Text-Container */
.text-content, .content, .description,
.pm-card-body, .workshop-card-body, .action-card-body {
  font-family: var(--base-font-family);
  color: var(--base-text-color);
}

/* ===== KRITISCH: SVG/Emoji-Elemente komplett von Font-Vererbung ausschließen ===== */
/* NUR Font-Eigenschaften, KEINE fill/stroke überschreiben! */
svg, svg *,
svg circle, svg path, svg ellipse, svg rect, svg line,
circle, path, ellipse, rect, line,
.face-head, .face-eye, .face-mouth,
circle.face-head, circle.face-eye, path.face-mouth,
svg circle.face-head, svg circle.face-eye, svg path.face-mouth,
svg[viewBox], svg[viewBox] *,
svg[viewBox="0 0 24 24"], svg[viewBox="0 0 24 24"] *,
/* Alle Icon-Container mit maximaler Spezifität */
.ico, .ico *,
span.ico, span.ico *,
div.ico, div.ico *,
.happy-chip, .happy-chip *,
.team-card__metric, .team-card__metric *,
.metric-card, .metric-card *,
.header-face, .header-face *,
/* Spezifische Report-Komponenten */
.analytics-sidebar svg, .analytics-sidebar svg *,
.analytics-sidebar .ico, .analytics-sidebar .ico *,
.newdash svg, .newdash svg *,
.newdash .ico, .newdash .ico *,
/* Alle ICO-Status-Klassen */
[class*="ico--"],
.ico--red, .ico--amber, .ico--green, .ico--muted,
/* Alle Happy/Face-Klassen */
[class*="happy"], [class*="face"], [class*="smiley"], [class*="emoji"] {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  text-rendering: auto !important;
  /* WICHTIG: KEINE fill/stroke hier! */
}

/* ===== SMILEY-SPECIFIC STYLES ===== */
/* Explizite Smiley-Farben setzen */
.face-head {
  fill: #ffcc00 !important; /* gelb */
  stroke: #000 !important;  /* schwarzer Rand */
  stroke-width: 1px !important;
}

.face-eye {
  fill: #000 !important; /* schwarz */
}

.face-mouth {
  stroke: #000 !important;
  stroke-width: 2px !important;
  fill: none !important;
}

/* ICO-Status-Farben */
.ico--red .face-head { fill: #ef4444 !important; stroke: #ef4444 !important; }
.ico--red .face-eye { fill: #ef4444 !important; }
.ico--red .face-mouth { stroke: #ef4444 !important; fill: none !important; }

.ico--amber .face-head { fill: #f59e0b !important; stroke: #f59e0b !important; }
.ico--amber .face-eye { fill: #f59e0b !important; }
.ico--amber .face-mouth { stroke: #f59e0b !important; fill: none !important; }

.ico--green .face-head { fill: #10b981 !important; stroke: #10b981 !important; }
.ico--green .face-eye { fill: #10b981 !important; }
.ico--green .face-mouth { stroke: #10b981 !important; fill: none !important; }

/* ===== MUTED SMILEYS ===== */
.ico--muted .face-head { fill: #6b7280 !important; stroke: #6b7280 !important; } /* grau */
.ico--muted .face-eye { fill: #6b7280 !important; }
.ico--muted .face-mouth { stroke: #6b7280 !important; fill: none !important; }

/* ===== NEUTRALE/TRANSPARENTE SMILEYS ===== */
/* Standard-Smileys ohne explizite Farbe */
.face-head:not(.ico--red .face-head):not(.ico--amber .face-head):not(.ico--green .face-head):not(.ico--muted .face-head) {
  fill: #ffffff !important; /* white Standard */
  stroke: #000 !important;  /* schwarzer Rand */
  stroke-width: 1px !important;
}

.face-eye:not(.ico--red .face-eye):not(.ico--amber .face-eye):not(.ico--green .face-eye):not(.ico--muted .face-eye) {
  fill: #000 !important; /* schwarz als Standard */
}

.face-mouth:not(.ico--red .face-mouth):not(.ico--amber .face-mouth):not(.ico--green .face-mouth):not(.ico--muted .face-mouth) {
  stroke: #000 !important; /* schwarzer Strich */
  stroke-width: 2px !important;
  fill: none !important;
}

/* Alle Überschriften verwenden die Überschriften-Variablen */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.survey-title, .question-title,
.section-title, .group-title,
.subsection-title {
  font-family: var(--heading-font-family);
  color: var(--heading-color);
}

/* Navigation verwendet die Menü-Variablen */
.navbar, .navbar-default,
.nav-header, .main-nav, .top-nav,
.survey-header, .main-header,
.navbar-custom, .top-menu {
  background-color: var(--menu-bg-color);
  border-color: var(--menu-bg-color);
}

.navbar a, .navbar-default a,
.nav-header a, .main-nav a, .top-nav a,
.navbar .nav-link, .nav-header .nav-link,
.main-header a, .navbar-custom a,
.main-header .nav-item, .navbar-custom .nav-item {
  color: var(--menu-text-color);
}

/* Helle Hintergründe */
.bg-light, .light-bg,
.sidebar, .content-bg,
.survey-sidebar, .panel-default,
.well, .card-body {
  background-color: var(--light-bg-color);
}

/* ===== ENDE DER ZENTRALEN VARIABLEN ===== */

/* ===== VUE CLOAK FIX ===== */
[v-cloak] {
  display: none !important;
}

/* ===== VUE APP SICHTBARKEIT ===== */
#main {
  display: block !important;
}

#main[v-cloak] {
  display: none !important;
}

/* ===== SUPER-KRITISCH: SVG-SMILEY FONT-OVERRIDE VERHINDERN ===== */
/* Diese Regel muss am Ende stehen für maximale Priorität */

/* Ensure pointer cursor for dropdown links in profile menu */
#profiledropdown.dropdown-menu a,
#profiledropdown .dropdown-item {
  cursor: pointer;
  user-select: none;
}
/* button { background-color: #000 !important; } — entfernt, überschrieb alle Buttons global */
/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
.collapsed {
  cursor: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'>\ <text x='0' y='20' font-size='20' font-family='Arial' fill='black'>+</text>\ </svg>") 16 16, auto;
}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.buttongroup {
  display: flex;
}
.headerbuttons {
  background-color: #fff !important;
  color: black;
  cursor: default;
    border-radius: 0px;
  border: 1px solid rgb(221, 221, 221);
  font-size: 15px;
  padding: 8px 10px;
}
.headerbuttons i {
  font-size: 13px;
}
.headerbuttons.active {
  background-color: rgba(87, 84, 91, 0.06);
  color: black;
  cursor: default;
    border-radius: 0px;
}
.headerbuttons:first-child {
  border-top-left-radius: calc(7px);
  border-bottom-left-radius: calc(7px);
}
.headerbuttons:last-child {
   border-top-right-radius: calc(7px);
  border-bottom-right-radius: calc(7px);
}
.showhide div {
  display: flex;
  gap: 10px
}
#limesurvey .showhide input {
  width: 20px;

}
.showhide {
  position: absolute;
  top: 44px;
  background-color: #fff !important;
  padding: 11px;
  border-radius: 2px;
  width: 200px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  color: black;
  z-index: 5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid rgb(221, 221, 221);
}
.gridbox {
  background-color: #fff !important;
  padding: 20px 15px;
  border: 1px solid rgb(221, 221, 221);
  gap: 10px;
  display: flex;
  flex-direction: column;
}
/* Basis-Styling für alle Dropdown-Items */
.dropdown-item {
  width: 100%;
  padding: 8px 15px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  display: flex;
  gap: 5px;
  align-items: center;
  transition: background-color 0.2s ease;
}

.dropdown-item:hover {
  background-color: #f0f0f0;
  color: #333;
}
button.tablebutton {
  background-color: #d4d4d4;
  font-size: 11px;
  border: 0px;
  color: black;
  padding: 5px 10px;
  border-radius: 8px;
}
.frequencyheader.questions.collapsed {
  display: none
}
.grid-box.Decision.Draft .merge {
  display: block;
}
.grid-box.Under.Decision .merge {
  display: none;
}
.grid-box.Archive .merge {
  display: none;
}
.grid-box.Decision.Draft {
  background: rgb(255, 255, 255) !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
  border: 1px solid rgb(204, 204, 204);
}
.fade-in-logo {
  opacity: 0;
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.overlay.notes {
  position: sticky;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 500;
}
.steps.active {
  color: #5454d6;
}
#outerframeContainer .sidebar button.active {
  background-color: #9595ee;
  color: #fff
}
li.Notes {
  border: 1px solid;
  align-items: center;
  padding: 15px 0px;
  background-color: #565697;
  color: #fff !important;
  margin-right: -5px;
  border-radius: 8px;

}
li.Notes button {
  display: none !important;
}
button.join {
  background-color: #fff !important;
  border: 2px solid rgb(75, 51, 241);
  padding: 3px 27px;
  color: rgb(75, 51, 241);
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  bottom: -14px;
  right: -5px;
}
.center-panel .centeractions td:nth-child(3), .center-panel .centeractions th:nth-child(3) {
  display: none;
}
.center-panel .centeractions td:nth-child(4), .center-panel .centeractions th:nth-child(4) {
  display: none;
}


/* -------------------------------------------
   Beschreibung in Suggestion Cards
   ------------------------------------------- */
   .grid-box .description {
    font-size: 12px;
    line-height: 14px;
    color: #000 !important;
    font-weight: 400;
    /* Zeige maximal 5 Zeilen */
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(16px * 5);
  }


/* ========================================
   DIFFERENZIERTE GRID-BOX FÄRBUNG - V1.2
   ======================================== */

.grid-box {
  padding: 25px;
    padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #fff !important;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  position: relative;
  padding-bottom: 40px;
  transition: all 0.3s ease;
}

.grid-box:hover {
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
}

/* ========================================
   WORKSPACE STAGE GRUNDFARBEN
   ======================================== */
.grid-box .Suggestion {
  color: #1976d2;
  background-color: #e3f2fd;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Draft {
  color: #6c757d;
  background-color: #f8f9fa;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Decision {
  color: #2e7d32;
  background-color: #e8f5e8;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Task {
  color: #f57c00;
  background-color: #fff3e0;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Measure {
  color: #1976d2;
  background-color: #e3f2fd;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Under.Decision {
  color: #f57c00;
  background-color: #fff3e0;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Decision.Finalized {
  color: #2e7d32;
  background-color: #e8f5e8;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

.grid-box .Archive {
  color: #7b1fa2;
  background-color: #f3e5f5;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-align: center;
}

/* ========================================
   STATUS-FARBEN (Überschreiben Stage-Farben)
   ======================================== */

/* APPROVED - Grün für alle Stages */
.grid-box .approved,
.grid-box .genehmigt {
  background-color: #4caf50 !important;
  color: #ffffff !important;
  border: 2px solid #45a049 !important;
}

/* DECLINED - Rot für alle Stages */
.grid-box .declined,
.grid-box .abgelehnt {
  background-color: #f44336 !important;
  color: #ffffff !important;
  border: 2px solid #d32f2f !important;
}

/* PENDING - Gelb für alle Stages */
.grid-box .pending,
.grid-box .ausstehend {
  background-color: #ff9800 !important;
  color: #ffffff !important;
  border: 2px solid #f57c00 !important;
}

/* CHANGE REQUEST - Orange für alle Stages */
.grid-box .change-request,
.grid-box .änderungsanfrage {
  background-color: #ff5722 !important;
  color: #ffffff !important;
  border: 2px solid #e64a19 !important;
}

/* IN PROGRESS - Blau für alle Stages */
.grid-box .in-progress,
.grid-box .in-bearbeitung {
  background-color: #2196f3 !important;
  color: #ffffff !important;
  border: 2px solid #1976d2 !important;
}

/* COMPLETED - Dunkelgrün für alle Stages */
.grid-box .completed,
.grid-box .abgeschlossen {
  background-color: #388e3c !important;
  color: #ffffff !important;
  border: 2px solid #2e7d32 !important;
}

/* ========================================
   WORKSPACE STATUS BAR STYLES
   ======================================== */

/* Status Bar Container */
.grid-box .workspaceStatus {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 3px;
  margin-top: 4px;
  text-align: center;
  border: 1px solid transparent;
}

/* Status Bar Farben */
.grid-box .workspaceStatus.approved {
  background-color: #4caf50;
  color: #ffffff;
  border-color: #45a049;
}

.grid-box .workspaceStatus.declined {
  background-color: #f44336;
  color: #ffffff;
  border-color: #d32f2f;
}

.grid-box .workspaceStatus.pending {
  background-color: #ff9800;
  color: #ffffff;
  border-color: #f57c00;
}

.grid-box .workspaceStatus.change-request {
  background-color: #ff5722;
  color: #ffffff;
  border-color: #e64a19;
}

.grid-box .workspaceStatus.in-progress {
  background-color: #2196f3;
  color: #ffffff;
  border-color: #1976d2;
}

.grid-box .workspaceStatus.completed {
  background-color: #388e3c;
  color: #ffffff;
  border-color: #2e7d32;
}
#outerframeContainer .maincolumns .mainview.tasks td {
  background-color: #f5f5f5;
  font-size: 13px;
  padding: 15px;
}
.dropdown.w-100 button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-list p  {
  font-size: 12px;
  grid-column: span 2;
  margin: 0px;
  font-weight: 500;
  color: black;
}
.frequencyheader[response-count="0"], .frequencyheader[response-count="1"], .frequencyheader[response-count="2"], .frequencyheader[response-count="3"], .frequencyheader[response-count="4"], .frequencyheader[response-count="5"], .frequencyheader[response-count="6"], .frequencyheader[response-count="7"] {
  display: none
}
.overalltable tr[count="0"], .overalltable tr[count="1"], .overalltable tr[count="2"], .overalltable tr[count="3"], .overalltable tr[count="4"], .overalltable tr[count="5"], .overalltable tr[count="6"], .overalltable tr[count="7"] {
  display: none
}
.frequencyheader.textquestions[response-count="0"] {
  display: flex;
}
#limesurvey .topmenu select {
  width: 100%;
  font-size: 11px;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid;
  padding: 3px 10px;
  font-weight: 200;
  margin-top: 0px;
  background-color: transparent;
  color: black;
  font-weight: 500;
}
.frequencyheader.expanded::before {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: -30px;
  font-size: 20px;
  color: #b9b9b9;
  top: 30px;
}
button.join {
  background-color: #fff !important;
  border:
2px solid rgb(241,154,51);
  padding:
3px 27px;
  color: rgb(241,154,51);
  border-radius:
8px;
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  bottom: -14px;
  right: -5px;
}
.suggestions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
    row-gap: 20px;
  padding: 20px 0px;
  row-gap: 40px;
}
button.merge {
  background-color: transparent;
  border: 0px solid gray;
  padding: 0px 0px;
  color: grey;
  border-radius: 8px;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  top: -27px;
  right: 10px;
}

#profile {
  width: 700px;
  background-color: #fff !important;
  margin-top: 50px;
  padding: 30px;
    padding-bottom: 30px;
  border-radius: 8px;
  border: 1px solid #cccc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
}
.question .frequencyheader .redflags {
  width: 62px;
  border: 0px solid;
  padding: 0px;
  line-height: 19px;
  height: 45px;
  background-color: #fff0;
  font-size: 22px;
  font-weight: 400;
}
    .ball {
      width: 50px;
      height: 50px;
      background: red;
      border-radius: 50%;
      position: absolute;
      animation: bounce 2s infinite;
    }
    @keyframes bounce {
      0% { top: 0; }
      50% { top: 200px; }
      100% { top: 0; }
    }
    .sidebar {
  height: calc(100vh - 80px);
  width: 300px;
  border-right: 1px solid #cecece;
}

/* Moved to admin_theme scss */
/* Moved to admin_theme scss */
.overviewtables h4 {
  font-size: 18px;
  margin: 15px;
    margin-bottom: 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  padding-top: 5px;
  font-weight: 600;
  color: black;
}
.widgetheader {
  height: 70px;
  border-bottom: 1px solid #696969;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
}
.widgetheader button {
  background-color: transparent;
  border: 0px;
  color: black;
}
.widgetheader h2 {
  font-size: 22px;
    font-weight: 600;
  color: black;
}


#outerframeContainer .redflags[red-flag="100"],
#outerframeContainer .redflags[red-flag="100"] label,
#outerframeContainer .redflags[red-flag="99"],
#outerframeContainer .redflags[red-flag="99"] label,
#outerframeContainer .redflags[red-flag="98"],
#outerframeContainer .redflags[red-flag="98"] label,
#outerframeContainer .redflags[red-flag="97"],
#outerframeContainer .redflags[red-flag="97"] label,
#outerframeContainer .redflags[red-flag="96"],
#outerframeContainer .redflags[red-flag="96"] label,
#outerframeContainer .redflags[red-flag="95"],
#outerframeContainer .redflags[red-flag="95"] label,
#outerframeContainer .redflags[red-flag="94"],
#outerframeContainer .redflags[red-flag="94"] label,
#outerframeContainer .redflags[red-flag="93"],
#outerframeContainer .redflags[red-flag="93"] label,
#outerframeContainer .redflags[red-flag="92"],
#outerframeContainer .redflags[red-flag="92"] label,
#outerframeContainer .redflags[red-flag="91"],
#outerframeContainer .redflags[red-flag="91"] label,
#outerframeContainer .redflags[red-flag="90"],
#outerframeContainer .redflags[red-flag="90"] label,
#outerframeContainer .redflags[red-flag="89"],
#outerframeContainer .redflags[red-flag="89"] label,
#outerframeContainer .redflags[red-flag="88"],
#outerframeContainer .redflags[red-flag="88"] label,
#outerframeContainer .redflags[red-flag="87"],
#outerframeContainer .redflags[red-flag="87"] label,
#outerframeContainer .redflags[red-flag="86"],
#outerframeContainer .redflags[red-flag="86"] label,
#outerframeContainer .redflags[red-flag="85"],
#outerframeContainer .redflags[red-flag="85"] label,
#outerframeContainer .redflags[red-flag="84"],
#outerframeContainer .redflags[red-flag="84"] label,
#outerframeContainer .redflags[red-flag="83"],
#outerframeContainer .redflags[red-flag="83"] label,
#outerframeContainer .redflags[red-flag="82"],
#outerframeContainer .redflags[red-flag="82"] label,
#outerframeContainer .redflags[red-flag="81"],
#outerframeContainer .redflags[red-flag="81"] label,
#outerframeContainer .redflags[red-flag="80"],
#outerframeContainer .redflags[red-flag="80"] label,
#outerframeContainer .redflags[red-flag="79"],
#outerframeContainer .redflags[red-flag="79"] label,
#outerframeContainer .redflags[red-flag="78"],
#outerframeContainer .redflags[red-flag="78"] label,
#outerframeContainer .redflags[red-flag="77"],
#outerframeContainer .redflags[red-flag="77"] label,
#outerframeContainer .redflags[red-flag="76"],
#outerframeContainer .redflags[red-flag="76"] label,
#outerframeContainer .redflags[red-flag="75"],
#outerframeContainer .redflags[red-flag="75"] label,
#outerframeContainer .redflags[red-flag="74"],
#outerframeContainer .redflags[red-flag="74"] label,
#outerframeContainer .redflags[red-flag="73"],
#outerframeContainer .redflags[red-flag="73"] label,
#outerframeContainer .redflags[red-flag="72"],
#outerframeContainer .redflags[red-flag="72"] label,
#outerframeContainer .redflags[red-flag="71"],
#outerframeContainer .redflags[red-flag="71"] label,
#outerframeContainer .redflags[red-flag="70"],
#outerframeContainer .redflags[red-flag="70"] label,
#outerframeContainer .redflags[red-flag="69"],
#outerframeContainer .redflags[red-flag="69"] label,
#outerframeContainer .redflags[red-flag="68"],
#outerframeContainer .redflags[red-flag="68"] label,
#outerframeContainer .redflags[red-flag="67"],
#outerframeContainer .redflags[red-flag="67"] label,
#outerframeContainer .redflags[red-flag="66"],
#outerframeContainer .redflags[red-flag="66"] label,
#outerframeContainer .redflags[red-flag="65"],
#outerframeContainer .redflags[red-flag="65"] label,
#outerframeContainer .redflags[red-flag="64"],
#outerframeContainer .redflags[red-flag="64"] label,
#outerframeContainer .redflags[red-flag="63"],
#outerframeContainer .redflags[red-flag="63"] label,
#outerframeContainer .redflags[red-flag="62"],
#outerframeContainer .redflags[red-flag="62"] label,
#outerframeContainer .redflags[red-flag="61"],
#outerframeContainer .redflags[red-flag="61"] label,
#outerframeContainer .redflags[red-flag="60"],
#outerframeContainer .redflags[red-flag="60"] label,
#outerframeContainer .redflags[red-flag="59"],
#outerframeContainer .redflags[red-flag="59"] label,
#outerframeContainer .redflags[red-flag="58"],
#outerframeContainer .redflags[red-flag="58"] label,
#outerframeContainer .redflags[red-flag="57"],
#outerframeContainer .redflags[red-flag="57"] label,
#outerframeContainer .redflags[red-flag="56"],
#outerframeContainer .redflags[red-flag="56"] label {
  background-color: #3c0202 !important;
  color: #fff !important;
}

#outerframeContainer .redflags[red-flag="55"],
#outerframeContainer .redflags[red-flag="55"] label,
#outerframeContainer .redflags[red-flag="54"],
#outerframeContainer .redflags[red-flag="54"] label,
#outerframeContainer .redflags[red-flag="53"],
#outerframeContainer .redflags[red-flag="53"] label,
#outerframeContainer .redflags[red-flag="52"],
#outerframeContainer .redflags[red-flag="52"] label,
#outerframeContainer .redflags[red-flag="51"],
#outerframeContainer .redflags[red-flag="51"] label,
#outerframeContainer .redflags[red-flag="50"],
#outerframeContainer .redflags[red-flag="50"] label,
#outerframeContainer .redflags[red-flag="49"],
#outerframeContainer .redflags[red-flag="49"] label,
#outerframeContainer .redflags[red-flag="48"],
#outerframeContainer .redflags[red-flag="48"] label,
#outerframeContainer .redflags[red-flag="47"],
#outerframeContainer .redflags[red-flag="47"] label,
#outerframeContainer .redflags[red-flag="46"],
#outerframeContainer .redflags[red-flag="46"] label {
  background-color: #800000 !important;
  color: #fff !important;
}

#outerframeContainer .redflags[red-flag="45"],
#outerframeContainer .redflags[red-flag="45"] label,
#outerframeContainer .redflags[red-flag="44"],
#outerframeContainer .redflags[red-flag="44"] label,
#outerframeContainer .redflags[red-flag="43"],
#outerframeContainer .redflags[red-flag="43"] label,
#outerframeContainer .redflags[red-flag="42"],
#outerframeContainer .redflags[red-flag="42"] label,
#outerframeContainer .redflags[red-flag="41"],
#outerframeContainer .redflags[red-flag="41"] label,
#outerframeContainer .redflags[red-flag="40"],
#outerframeContainer .redflags[red-flag="40"] label,
#outerframeContainer .redflags[red-flag="39"],
#outerframeContainer .redflags[red-flag="39"] label,
#outerframeContainer .redflags[red-flag="38"],
#outerframeContainer .redflags[red-flag="38"] label,
#outerframeContainer .redflags[red-flag="37"],
#outerframeContainer .redflags[red-flag="37"] label,
#outerframeContainer .redflags[red-flag="36"],
#outerframeContainer .redflags[red-flag="36"] label {
  background-color: #c00000 !important;
  color: #fff !important;
}

#outerframeContainer .redflags[red-flag="35"],
#outerframeContainer .redflags[red-flag="35"] label,
#outerframeContainer .redflags[red-flag="34"],
#outerframeContainer .redflags[red-flag="34"] label,
#outerframeContainer .redflags[red-flag="33"],
#outerframeContainer .redflags[red-flag="33"] label,
#outerframeContainer .redflags[red-flag="32"],
#outerframeContainer .redflags[red-flag="32"] label,
#outerframeContainer .redflags[red-flag="31"],
#outerframeContainer .redflags[red-flag="31"] label {
  background-color: #e60000 !important;
  color: #fff !important;
}

#outerframeContainer .redflags[red-flag="30"],
#outerframeContainer .redflags[red-flag="30"] label,
#outerframeContainer .redflags[red-flag="29"],
#outerframeContainer .redflags[red-flag="29"] label,
#outerframeContainer .redflags[red-flag="28"],
#outerframeContainer .redflags[red-flag="28"] label,
#outerframeContainer .redflags[red-flag="27"],
#outerframeContainer .redflags[red-flag="27"] label,
#outerframeContainer .redflags[red-flag="26"],
#outerframeContainer .redflags[red-flag="26"] label {
  background-color: #fe2e2e !important;
  color: #fff !important;
}

#outerframeContainer .redflags[red-flag="25"],
#outerframeContainer .redflags[red-flag="25"] label,
#outerframeContainer .redflags[red-flag="24"],
#outerframeContainer .redflags[red-flag="24"] label,
#outerframeContainer .redflags[red-flag="23"],
#outerframeContainer .redflags[red-flag="23"] label,
#outerframeContainer .redflags[red-flag="22"],
#outerframeContainer .redflags[red-flag="22"] label,
#outerframeContainer .redflags[red-flag="21"],
#outerframeContainer .redflags[red-flag="21"] label {
  background-color: #ff3300 !important;
  color: #fff !important;
}

#outerframeContainer .redflags[red-flag="20"],
#outerframeContainer .redflags[red-flag="20"] label,
#outerframeContainer .redflags[red-flag="19"],
#outerframeContainer .redflags[red-flag="19"] label,
#outerframeContainer .redflags[red-flag="18"],
#outerframeContainer .redflags[red-flag="18"] label,
#outerframeContainer .redflags[red-flag="17"],
#outerframeContainer .redflags[red-flag="17"] label,
#outerframeContainer .redflags[red-flag="16"],
#outerframeContainer .redflags[red-flag="16"] label {
  background-color: #ff9900 !important;
  color: #000 !important;
}

#outerframeContainer .redflags[red-flag="15"], #outerframeContainer .redflags[red-flag="15"] label, #outerframeContainer .redflags[red-flag="14"], #outerframeContainer .redflags[red-flag="14"] label {
  background-color: #ffcc00 !important;
  color: #000 !important;
}
 #outerframeContainer .redflags[red-flag="13"], #outerframeContainer .redflags[red-flag="13"] label, #outerframeContainer .redflags[red-flag="12"], #outerframeContainer .redflags[red-flag="12"] label, #outerframeContainer .redflags[red-flag="11"], #outerframeContainer .redflags[red-flag="11"] label {
  background-color: #ffff00 !important;
  color: #000 !important;
}

#outerframeContainer .redflags[red-flag="10"],
#outerframeContainer .redflags[red-flag="10"] label,
#outerframeContainer .redflags[red-flag="9"],
#outerframeContainer .redflags[red-flag="9"] label,
#outerframeContainer .redflags[red-flag="8"],
#outerframeContainer .redflags[red-flag="8"] label,
#outerframeContainer .redflags[red-flag="7"],
#outerframeContainer .redflags[red-flag="7"] label,
#outerframeContainer .redflags[red-flag="6"],
#outerframeContainer .redflags[red-flag="6"] label {
  background-color: #92d050 !important;
  color: #000 !important;
}

#outerframeContainer .redflags[red-flag="5"],
#outerframeContainer .redflags[red-flag="5"] label,
#outerframeContainer .redflags[red-flag="4"],
#outerframeContainer .redflags[red-flag="4"] label,
#outerframeContainer .redflags[red-flag="3"],
#outerframeContainer .redflags[red-flag="3"] label,
#outerframeContainer .redflags[red-flag="2"],
#outerframeContainer .redflags[red-flag="2"] label,
#outerframeContainer .redflags[red-flag="1"],
#outerframeContainer .redflags[red-flag="1"] label,
#outerframeContainer .redflags[red-flag="0"],
#outerframeContainer .redflags[red-flag="0"] label {
  background-color: #00b050 !important;
  color: #fff !important;
}


.overviewtables {
  display: flex;
  width: 100%;
  gap: 20px
}
.frequencyoverview {
  background-color: #fff !important;
  padding: 20px;
  width: 100%;
  background-color: #fff !important;
  color: black;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;

}
.topic .frequencyheader {
  border-left: 5px solid grey;
}
.chapter .frequencyheader {
  border-left: 5px solid grey;
}
.factor .frequencyheader {
  border-left: 5px solid grey;
}
.question .frequencyheader {
  border-left: 5px solid grey;
}
.question .redflags {
  width: 100px;
  border: 0px solid;
  padding: 0px;
  line-height: 27px;
  height: 70px;
  background-color: #fff !important;
  font-size: 27px;
  font-weight: 400;
}
#outerframeContainer td {
  border-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 8px 15px;
  background-color: #fff !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 20px;
}

.heading {
  line-height: 18px;
  position: relative;

  display: flex;
  flex-direction: column;
  gap: 0px
}
.question .frequencyheader p {
  margin: 0px;
  font-size: 12.5px;
  line-height: 15px;
  color: #000 !important;
}
.redflagtablebuttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #fff !important;
  color: black;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  align-items: center;
  padding: 0px 20px
}
.redflagtables {
  display: flex;
  gap: 20px;

}
.redflagtablebox {
  background-color: #fff !important;
  color: black;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  align-items: center;
  padding: 0px 10px;
  width: calc(33.333% - 15px);
  overflow-y: scroll;
  height: 400px;
  padding: 25px;
}
.topicbuttons button.active {
  border-bottom: 3px solid;
  border-radius: 0px;
}
.redflagtablebox h5 {
  font-size: 18px;
  margin: 0px;
    margin-bottom: 0px;
  margin-bottom: 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  padding-top: 0px;
}
.redflagtablebuttons h4 {
  font-size: 15px;
  font-weight: 600;
  color: black;
}
.redflagtablebuttons button {
  font-size: 14px;
  font-weight: 400;
  padding: 0px 15px;
  background-color: #eaeaea;
  border-radius: 8px;
  border: 0px solid;
}
.redflagtablebuttons button.active {
  background-color: #737373;
  color: #fff !important;
}
.heading h2 {
  line-height: 20px;

}
.responses {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  border: 0px solid;
  padding: 0px;
  line-height: 20px;
  height: 50px;
  background-color: #fff !important;
  font-size: 17px;
  font-weight: 400;
}
.responses label {

  font-size: 8px;
  line-height: 12px

}
.chapter .redflags {
  width: 70px;
  border: 0px solid;
  padding: 0px;
  line-height: 28px;
  height: 55px;
  background-color: #fff !important;
  font-size: 28px;
  font-weight: 400;
  border: 1px solid #b3b3b3;
}
.frequencyheader.collapsed::before {
  position: absolute;
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: -30px;
  font-size: 20px;
  color: #b9b9b9;
}



.redflags label {

  font-size: 8px;
  line-height: 12px

}
.heading label {
  line-height: 10px;

}
.heading p.description {
  font-size: 12px;
  line-height: 11px;
  color: var(--base-text-color);
}

/* ===== HOVER-EFFEKT FÜR TABELLEN (2026-02-02) ===== */
/* WICHTIG: :not(.redflags) damit Red-Flag-Hintergrundfarben erhalten bleiben */
.overalltable table tr:hover td:not(.redflags),
.redflagtablebox table tr:hover td:not(.redflags),
.filtertable tbody tr:hover td:not(.redflags) {
  background-color: rgba(0, 20, 114, 0.05) !important;
  transition: background-color 0.15s ease !important;
}

/* ===== SELECTED ROW HIGHLIGHTING (2026-02-02) ===== */
/* Orange Border auf TD-Ebene für korrektes Rendering */
.overalltable table tr.selected td,
.redflagtablebox table tr.selected td,
.filtertable tbody tr.selected td,
tr.selected td {
  border-top: 2px solid #ffa900 !important;
  border-bottom: 2px solid #ffa900 !important;
}

/* Erstes TD: Left-Border + linke Abrundung */
.overalltable table tr.selected td:first-child,
.redflagtablebox table tr.selected td:first-child,
.filtertable tbody tr.selected td:first-child,
tr.selected td:first-child {
  border-left: 2px solid #ffa900 !important;
  border-radius: 6px 0 0 6px !important;
}

/* Letztes TD: Right-Border + rechte Abrundung */
.overalltable table tr.selected td:last-child,
.redflagtablebox table tr.selected td:last-child,
.filtertable tbody tr.selected td:last-child,
tr.selected td:last-child {
  border-right: 2px solid #ffa900 !important;
  border-radius: 0 6px 6px 0 !important;
}

/* Red-Flags: Keine background-color Regel hier, damit Original-Farben aus Zeilen 753-988 wirken */

.topic .frequencyheader {
  border-left: 0px solid;
}
.chapter .frequencyheader {
  margin-left: 25px;
  background-color: #fff !important;
  border: 1px solid;
  border-radius: 0px;
  box-shadow: none;
  margin-bottom: 20px;
}
.factor .frequencyheader {
  border-left: 0px solid;
}
.question .frequencyheader {
  border-left: 0px solid;
  background-color: #fff !important;
}


div.redflags {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  border: 0px solid;
  padding: 0px;
  line-height: 20px;
  height: 50px;
  background-color: #fff !important;
  font-size: 17px;
  font-weight: 400;
}
.frequencyheader {
  display: flex;
  grid-template-columns: 50% 50%;
  border-bottom: 1px solid;
  padding: 20px 8px;
  background-color: #fff !important;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  flex-wrap: wrap;
  position: relative;
}
.actionmenu {
  position: absolute;
  bottom: -16px;
  background-color: #fff !important;
  width: 150px;
  font-size: 19px;
  color: black;
  display: flex;
  gap: 30px;
  border: 0px solid;
  padding: 16px;
  right: 50px;
  justify-content: center;
  border: 1px solid;
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
}
.frequencyheader.topics {
  border-left: 0px solid;
  border-bottom: 0px;
  min-height: 150px;
  align-items: start;
  gap: 0px
}
.topics .heading label {
  line-height: 20px;
  font-size: 20px
}
.topic .frequencyheader h1 {
  margin: 0px;
  font-size: 40px;
  line-height: 44px;
  font-weight: 500;
}
.topics .heading {
  padding: 0px;
  width: 80%;
}
.topics p.description {
  padding: 0px
}
.chapter {
  margin-left: 0px
}

.question {
  margin-left: 0px
}
.frequencyheader h3 {
  margin: 0px;
  font-size: 16px;

}
.factor .frequencyheader {
  border-left: 0px solid;
  background-color: #fff !important;
  flex-direction: row;
  background-color: #fff !important;
  margin: 0px;
}
.frequencyheader.topics {
  min-height: 205px;
  padding: 23px;
    padding-top: 23px;
    padding-right: 23px;
  padding-top: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-top: 20px;
  background-color: transparent;
  margin-bottom: 30px;
  background-image: url('../files/download.svg');
  background-repeat: no-repeat;
  background-position: right;
  color: #0d0d0d;
  padding-top: 50px;
  padding-right: 6%;
  hyphens: none;
}
.topics .actionmenu {

  top: -16px;
  bottom:unset



}
.topics .heading label {
  line-height: 20px;
  font-size: 20px
}
.actionmenu.sub {

  bottom: -10px;

  width: 100px;
  font-size: 14px;

  gap: 30px;
  padding: 10px;

}
.topics .freview {
  padding: 0px;
  width: 20%;
  justify-content: end;
}
.topics .redflags {

  width: 100px;
  border: 0px solid;
  padding: 0px;
  line-height: 70px;
  height: 100px;
  background-color: #fff !important;
  font-size: 67px;
  font-weight: 400;
}
.topics .redflags label {
  font-size: 18px;
  line-height: 22px;
}
.topics h1, .topics label, .topics p {
  color: #0d0d0d;
}
.question .frequencyheader {
  border-left: 0px solid;
  background-color: transparent;
  flex-direction: row;
  margin: 0px;
  border: 0px;
}
.question .heading, .heading {
  width: 40%;
  padding: 0px 20px;
}
.factor {
  margin-left: 45px;
  border-left: 1px solid;
  margin-bottom: 20px;
}
.factor .frequencyheader h3 {
  margin: 0px;
  font-size: 22px;
  line-height: 27px;
}

.factor .description {
  margin-left: 40px;
  color: var(--base-text-color);
}
.chapter .frequencyheader h2 {
  margin: 0px;
  font-size: 26px;
  line-height: 36px;
  font-weight: 500
}

.chapter .description {
  color: var(--base-text-color);
}
.topic .frequencyheader h1 {
  margin: 0px;
  font-size: 37px;
  line-height: 65px;
  font-weight: 500;
}

.question .freview, .factor .freview {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 60%;
  margin-left: 0%;
}
.progress-bar {
  background-color: transparent;
  background-color: black;
  box-shadow: none;
}
.progress {
 background-color: transparent;
  box-shadow: none;
  border-radius: 2px;
  height: 30px !important;
  width: calc(100% - 150px);
  font-size: 12px;
  border: 1px solid #fff;
  font-weight: 500;
}
.freview {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 60%;
}
.frequencyheader p {
  margin: 0px;
  font-size: 14px;
  padding: 0px 20px;
}
.frequencyheader .heading p {
  margin: 0px;
  font-size: 14px;
  padding: 0px;
}
.heading {
  width: 40%
}
.progress-bar.YES-NO:nth-child(1) {
  background-color: grey;

}
.progress-bar.YES-NO:nth-child(2) {
  background-color: blue;

}
.progress-bar:nth-child(1) {
  background-color: #a42121;

}
.progress-bar:nth-child(2) {
  background-color: red;

}
.progress-bar:nth-child(3) {
  background-color: #FBF845;
  color: #000 !important;
}
.progress-bar:nth-child(4) {
  background-color: #55bf55;

}
.progress-bar:nth-child(5) {
  background-color: green;

}
.frequencyheader h2 {
  margin: 0px;
  font-size: 16px;

}
.frequencyheader h1 {
  margin: 0px;
  font-size: 16px;

}

#outerframeContainer table {

  width: 100%;
  border: 0px;
}
table thead tr {
  box-shadow: none;
  border-radius: 0px;
}
#outerframeContainer th {
  border-radius: 0px;
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 500;
}
table tr {
  box-shadow: none;
  border-radius: 0px;
  border: 1px solid #e3e3e3;
}
.overviewtables div {
  background-color: #fff !important;
  padding: 20px;
  width: 100%;
  background-color: #fff !important;
  color: black;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;

}
.overviewtables .overalltable {

  padding: 20px;
  width: 100%;
  overflow-y: scroll;
  height: 400px;
    box-shadow: none;
}

table thead tr {
  box-shadow: none;
  border-radius: 0px;
  border: 0px solid;
}

.topicbuttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  background-color: #fff !important;
  color: black;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  padding: 10px 40px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.topicbuttons label {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.timelinefilters {
  background-color: transparent;
  padding: 5px 0px;
  border: 0px solid;
  border-radius: 0px;
  display: flex;
  gap: 5px;
  justify-content: end;
  align-items: center;
  box-shadow: none;
  height: 55px;
  right: 0;
  border-bottom: 1px solid #c8c8c8;
  width: 100%;
}

.topicbuttons button {
  font-size: 14px;
  padding: 5px 15px;
  border: 1px solid #9c9c9c !important;
  background-color: white !important;
  border-radius: 5px !important;
}

.timelinefilters div {
  display: flex;
  gap: 0px;
}

.timelinefilters label{
  font-size: 12px;
  font-weight: 400;
}

.dropdown-custom {
  display: flex;
  position: relative;
  background-color: #fff !important;
  border-radius: 3px;
  padding: 7px 5px;
  box-shadow: none;
  border: 1px solid rgb(221, 221, 221);
  justify-content: space-between;
  min-width: 200px;
}
button.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
    padding-right: 10px;
  padding-right: 15px;
  padding-right: 15px;
  padding-right: 15px;
  border-radius: 5px;
  color: black;
  background-color: transparent;
  width: 100%;
  border: 0px;
    border-right-width: 0px;
    border-right-style: none;
    border-right-color: currentcolor;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: currentcolor;
  border-right-width: 0px;
  border-right-style: none;
  border-right-color: currentcolor;
  border-left-width: 0px;
  border-left-style: none;
  border-left-color: currentcolor;
  border-right-width: 0px;
  border-right-style: none;
  border-right-color: currentcolor;
  border-left-width: 0px;
  border-left-style: none;
  border-left-color: currentcolor;
  border-right-width: 0px;
  border-right-style: none;
  border-right-color: currentcolor;
  border-left-width: 0px;
  border-left-style: none;
  border-left-color: currentcolor;
  border-right-width: 0px;
  border-right-style: none;
  border-right-color: currentcolor;
  border-right: 0px solid;
  padding-right: 10px;
}
.timelinefilters button {
  border: 0px solid #acacac;
  padding: 5px 7px;
  font-size: 11px;
  line-height: 11px;
  border-radius: 8px;
  color: black;
  font-weight: 400;
  background-color: transparent;
}
button.dropdown-toggle div {
  display: flex;
  width: 150px;
  flex-direction: row;
}
.dropdown-list {
  position: absolute;
  left: 0px;
  top: 44px;
  background-color: #fff !important;
  padding: 11px;
  border-radius: 2px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  color: black;
  z-index: 5;
  overflow-y: scroll;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  border: 1px solid;
}

#limesurvey .dropdown-list input {
  width: 20px;
  height: 15px;
  border: 1px solid;
}














































.timeline .content td:first-child, .timeline .content th:first-child {
  width: 20%;
  text-align: left;
}
.form-change-lang {
    display: none;
}
.timeline .expansion summary[data-type^="-"] label, .timeline .expansion summary[data-type^="-"] h2 {
  color: #bd455b;
}
.timeline .expansion summary[data-type^="0"] label, .timeline .expansion summary[data-type^="0"] h2 {
  color: #c1c15e;
}
.timeline .expansion summary[data-type^="1"] label,
.timeline .expansion summary[data-type^="2"] label,
.timeline .expansion summary[data-type^="3"] label,
.timeline .expansion summary[data-type^="4"] label,
.timeline .expansion summary[data-type^="5"] label,
.timeline .expansion summary[data-type^="6"] label,
.timeline .expansion summary[data-type^="7"] label,
.timeline .expansion summary[data-type^="8"] label,
.timeline .expansion summary[data-type^="9"] label,
.timeline .expansion summary[data-type^="1"] h2,
.timeline .expansion summary[data-type^="2"] h2,
.timeline .expansion summary[data-type^="3"] h2,
.timeline .expansion summary[data-type^="4"] h2,
.timeline .expansion summary[data-type^="5"] h2,
.timeline .expansion summary[data-type^="6"] h2,
.timeline .expansion summary[data-type^="7"] h2,
.timeline .expansion summary[data-type^="8"] h2,
.timeline .expansion summary[data-type^="9"] h2 {
  color: #3d973d;
}
#outerframeContainer .timeline table tr.structural:not(.done-task) td {
  background-color: #f0f7ee;
}
#outerframeContainer .timeline table tr.basic:not(.done-task) td {
  background-color: #fff !important;
}
#outerframeContainer .timeline table tr.advanced:not(.done-task) td {
  background-color: #deecd5;
}
ul {
  padding-left: 0rem;
}
.rightmenu.left li {
  list-style: none;
  font-size: 12px;
  line-height: 17px;
  color: black;
  padding-bottom: 8px;
  font-weight: 400;
}
label.timelinescore {
  color: #152536;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}
.timeline h2 {
  margin-top: 0px;
  display: flex;
  align-items: center;
  font-size: 19px;
}
.rightmenu.left li {
  list-style: none;
  font-size: 12px;
  line-height: 17px;
  color: black;
  padding-bottom: 8px;
}
#outerframeContainer .timeline table td:not(.hidden):first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
#outerframeContainer .timeline table td:not(.hidden):last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  text-align: center;
  font-size: 20px;
}
.timeline table tr {
  box-shadow: none;
}
.timeline h3 {
  margin: 0px
}
.timeline .expansion summary {
  display: grid;
  grid-template-columns: 1fr 1em;
  align-items: center;
  gap: 2rem;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding: 15px 30px;
  transition-property: color, background-color;
  border-radius: 15px;
  background-color: #fff !important;
  box-shadow: rgba(25, 25, 25, 0.08) 0px 2px 4px 0px;
  border: 0px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 1px solid #c8c8c8;
}
.timeline .expansion details .content {
  position: relative;
  z-index: 0;
  background-color: transparent;
  color: var(--text-color);
  padding: 1px var(--padding-x) 0.5rem;
  border: 0px solid;
  border-top: none;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  padding-top: 15px;
  padding-bottom: 20px;
}
.timeline .expansion details {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0px;
  border-radius: 15px;
  border: 0px solid;
  padding: 0px 9px;
  box-shadow: none;
}
.timeline .expansion {
  --text-color: hsl(0, 0%, 20%);
  --bg-color: hsl(0, 0%, 100%);
  --base-color: 82, 39%;
  --primary: hsl(var(--base-color), 15%);
  --summary-bg-color: hsl(var(--base-color), 96%);
  --summary-hover-bg-color: hsl(var(--base-color), 86%);
  --border: 1px solid hsl(var(--base-color), 60%);
  --border-radius: 0.33rem;
  --shadow: 1px 2px 14px -8px hsl(var(--base-color), 10%);
  --shadow: 1px 2px 10px -4px black;
  --space-between: 0.75rem;
  --padding-x: clamp(1rem, 5%, 2.5rem);
  --transition-duration: 300ms;
  --transition-timing-function: ease-in;
  margin-left: 0px;
  margin-top: 20px;
}
.summary {
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid rgb(181, 181, 181);
  margin-bottom: 7px;
  display: none;
}
#outerframeContainer .timeline td {
  border-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 20px 15px;
  background-color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  border-bottom: 1px solid #c8c8c8;
}
#outerframeContainer .timeline .done-task td {
  padding: 0px 15px;
  background-color: #f5f5f5;
  color: #aaa;
}
#outerframeContainer .timeline .done-task td input {
  background-color: #f5f5f5;
  border: 0px
}
#outerframeContainer .timeline .done-task td select {
  background-color: #f5f5f5;
  border: 0px
}
#outerframeContainer .timeline th {
  border-radius: 0px;
  padding: 15px 15px;
  background-color: transparent;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: black;
}
#outerframeContainer .timeline table {
  border-spacing: 0 10px;
  border-collapse: collapse;
  width: calc(100% - 20px);
  border: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}



/******************
   General Settings
*/
.question-container .question-help-container {
  margin-bottom: 5px;
  position: relative;
  display: none;
}
.modal-content {
  background-color: #ffffff;
  border-radius: 8px;
}
img, svg {
  vertical-align: middle;
  object-fit: contain;
}
.alert.alert-danger {
  border: 0px solid;
  background-color: transparent;
  color: #C75454;
  padding: 0px 0px 0px 0px;
  text-align: left;
}
.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  width: 100%;
}
.bottommenu {
  position: fixed;
    display: flex;
  bottom: 0px;
  left: 240px;
  width: calc(100% - 240px);
  background-color: #fff !important;
  padding: 10px;
  padding-left: 30px;
  border-top: 1px solid #e7e7e7;
}
.bottommenu .item {
  width: 15%;
}
.bottommenu img {
  width: 25px
}
  .top-container {
  margin-bottom: 2rem;
  display: none;
}



.alert-warning {
  border: 1.33px solid #1E1E1E;
  background-color: var(--bs-warning);
  color: black;
  display: none;
}
.overviewpanel .tablebox {
  min-height: 280px;
}

.space-col {
  margin-top: 0em;
  margin-bottom: 0em;
}
.sidemenu a label {
  color: blue;
  font-size: 9px;
}
.overviewpanel .header h2 {
  margin-top: 5px
}
.overviewheader h1 {
  margin-top: 0px
}
.sidemenu .expansion details[open] > summary {
  background-color: rgb(233, 236, 244);
}

.sidemenu .category .fa-solid.fa-circle-plus {
  color: #4961daff;
  font-size: 16px
}
.sidemenu .category label {
  width: 150px;
  padding: 5px 3px
}

.sidemenu.front {
  width: 240px;
  border-right: 1px solid #e7e7e7;
  min-height: calc(100vh);
  background-color: #fff !important;
  top: 0px;
  position: absolute;
  padding: 10px 15px;
  height: auto;
}
.sidemenu .logo {
  padding: 0px;
  padding-left: 0px;
  height: 50px
}
.assessment.sidemenu a label {
  margin-left: 0px;
}
.fullwidth {
  width: calc(100% - 240px);
  margin-left: 240px;
  margin-bottom: -30px;
}
.fullwidth iframe {
    width: 100%;
    height: calc(100vh - 45px)
}


.overviewpanel {
  background-color: rgb(255, 255, 255);
  color: rgb(38, 38, 39);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  padding: 20px 20px;
  width: 49%;
}
.overviewheader {
  width: 100%;
  border-bottom: 1px solid #cecece;
  padding-bottom: 15px;
}
.pagination {
  display: grid;
  grid-template-columns: 50px auto 50px;
  font-size: 10px;
  margin-top: 15px;
}
.sidemenu .infobox label.text {
  color: #152536;
  padding: 0px 10px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  text-transform: none;
}




.plangrid .plan.selected {
  border: 3px solid #4961da;
}
td img {
  width: 45px;
  border-radius: 15px;
}
table .action {
  text-align: center
}
.overviewpanel .header {
  display: grid;
  grid-template-columns: auto 50px;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
}
.standard {
  padding: 10px 15px;
  vertical-align: middle;
  background-color: #000 !important;
  border: 0.5px solid;
  border-radius: 9px;
  box-shadow: none;
  color: #fff !important;
  font-size: 12px !important;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 500;
  line-height: 100%;
}
#limesurvey .overviewpanel input {
  width: 100%px;
  box-shadow: none;
  border: 1px solid #cecece;
  padding: 3px 10px;
  font-weight: 400;
  margin-top: 0px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 18px;
  background-color: #fff !important;
}
.overviewpanel .tableheader {
  display: grid;
  grid-template-columns: 50% auto auto;
  column-gap: 1%;
  margin-top: 10px;
  margin-bottom: 0px;
}
.standard.transparent {
  background-color: transparent;
  color: #797979;
  font-size: 17px !important;
  border-radius: 4px;
  width: 25px;
  padding: 0px;
  height: 25px;
  margin-top: 4px;
  margin-left: 15px;
  border: 0px;
}
#limesurvey .boxedview input {
  width: 100%;
  box-shadow: none;
  border: 1px solid #cecece;
  padding: 3px 10px;
  font-weight: 400;
  margin-top: 0px;
  border-radius: 9px;
  font-size: 13px;
  line-height: 28px;
  background-color: #fff !important;
}
#limesurvey .boxedview select {
  width: 100%;
  font-size: 16px;
  border-radius: 4px;
  box-shadow: none;
  border: 0.5px solid;
  padding: 9px 10px;
  font-weight: 200;
  margin-top: 10px;
  background-color: #fff !important;
}
.generaltable td {
  background: #fff;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #f5f5f5;
  line-height: 18px;
}
.small td {
  padding: 10px 0px;
}
.small th {
  padding: 4px 0px;
}
.generaltable .img {
  text-align: center;
}
.generaltable th {
  background: #fff;
  font-size: 11px;
  font-weight: 500;
  border-bottom: 1px solid #f5f5f5;
  text-transform: none;
  letter-spacing: 0px
}

.sidemenu .infobox label {
  color: #152536;
  padding: 0px 9px;
  font-size: 11px;
  text-transform: uppercase;
}
.order-button {
  color: #fff !important;
  border-color: inherit;
  background-color: #000 !important;
  border: 0px solid;
  border-radius: 4px;
  font-size: 14px;
  padding: 0px;
  width: 100%;
  margin-top: 0px;
  height: 40px;
  text-align: center;
  justify-content: center;
  line-height: 40px;
  width: 170px;
}
.question-container .question-title-container {
  margin-bottom: 0px;
}
.sidemenu .infobox {
  height: 150px;
  width: 200px;
  background-color: rgb(240, 240, 240);
  color: rgb(38, 38, 39);
  border-radius: 8px;
  padding: 3px 5px;
  margin-top: 25px;
}
.large-heading {
  font-weight: 600;
  font-size: 2rem;
  line-height: 41px;
  font-family: var(--base-font-family);
}
.dropdown-menu.show {
  display: block;
  top: 95px;
}
b, strong {
  font-weight: 600;
}
#survey-nav .dropdown-divider {
  padding: 0;
  margin: 10px 0px;
}
/* Basis-Styling für alle Dropdown-Labels */
.dropdown-menu label {
  width: 100%;
  color: #152536;
  padding: 6px 15px;
  font-size: 11px;
  text-transform: none;
}

/* ========================================
   PROFILE DROPDOWN - ÜBERSCHREIBT PARENT THEME
   ======================================== */

/* Spezifische Trenner-Labels für Profile-Dropdown mit höherer Spezifität */
#profiledropdown.dropdown-menu label:not(.dropdown-item),
#profiledropdown .dropdown-menu label:not(.dropdown-item) {
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #555 !important;
  background-color: #f0f0f0 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 8px 15px !important; /* gleiche linke Einrückung wie Items */
  text-align: left !important;  /* linksbündig wie Items */
  text-transform: none !important;
  display: block !important;
  cursor: default !important;
  pointer-events: none !important;
  letter-spacing: 0.5px !important;
  box-shadow: none !important;
}

/* Profile-Dropdown Items mit höherer Spezifität als Parent Theme */
#profiledropdown.dropdown-menu a.dropdown-item,
#profiledropdown .dropdown-menu a.dropdown-item {
  padding: 8px 15px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-wrap: normal !important;
}

#profiledropdown.dropdown-menu a.dropdown-item.logout,
#profiledropdown .dropdown-menu a.dropdown-item.logout {
  color: #dc3545 !important;
  font-weight: 500 !important;
  border-top: 1px solid #e0e0e0 !important;
  margin-top: 5px !important;
  padding-top: 10px !important;
}

#profiledropdown.dropdown-menu a.dropdown-item.logout:hover,
#profiledropdown .dropdown-menu a.dropdown-item.logout:hover {
  background-color: #f8d7da !important;
  color: #721c24 !important;
}
label.header {
  text-transform: none;
  font-size: 12px;
}
.coming-up {
    padding-top: 150px;
    padding-bottom: 150px;
    text-align: center;
}
.tableheader {
  display: flex;
  column-gap: 25px;
  margin-top: 20px;
  margin-bottom: 15px;
  justify-content: space-between;
}
.boxedview.simple td {
  background-color: #fff !important;
  border-right: 0px solid;
  text-align: left;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 15px;
    padding-bottom: 15px;
}
.boxedview.simple td label {
  border: 0px;
    font-size: 14px
}
.boxedview.simple th {
  display: none
}
.boxedview.simple table {
  border-top: 1px solid #e3e3e3;
    margin-top: 30px
}
.tableheader div:last-child {
    text-align: right;

}
p.info {


  font-size: 12px;
  line-height: 20px


}
#survey-nav.navbar {
  box-shadow: none;
  z-index: 0;
}
label {
  color: black;
  font-size: 12px;
  font-weight: 400;
}
.org .settingsgrid {
  display: grid;
  grid-template-columns: 100%;
  margin-bottom: 50px;
}
.profiledetails {
  display: grid;
  grid-template-columns: 60px auto 200px;
  column-gap: 20px;
  background-color: rgb(240, 240, 240);
  padding: 10px 15px;
  border-radius: 15px;
  margin-bottom: 20px;
}
.content p {
  line-height: 150%
}
td {
  background: rgb(249, 249, 249);
}
.profiledetails label {
  margin-right: 40px;
  font-weight: 300
}
.profiledetails label:nth-of-type(2) {
  border: 1px solid;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 8px;
  background-color: #ded;
  margin-right: 20px;
  color: #72a472;
}
.coming-up i {
  font-size: 60px;
  color: #ddd;
}
.cancel {
    background-color: transparent;
    border: 0px;
    line-height: 26px;
    padding: 8px 10px;
    font-size: 12px;
}
.profiledetails label:nth-of-type(3) {
  border: 1px solid;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 8px;
  background-color: #dde;
  margin-right: 0px;
  color: #7872a4;
}
.profiledetails div {
  display: flex;
  align-items: center

}
.profiledetails img {
  width: 50px;
  border-radius: 15px;

}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 500;
}
 .overlay-content {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  width: 440px;
}
.overlay-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 28px
}
.overlay-content input {
  margin-bottom: 5px;
}
.overlay-footer {
  display: flex;
  height: 35px;
  margin-top: 20px;
  justify-content: end;
}

#outerframeContainer {
  min-height: 88%;
  padding: 0px;
  width: 100%;
  margin: 0px;
}


.btn.btn-outline-secondary {
  color: #FFF;
  border-color: #000 !important;
  background-color: #000 !important;
  font-size: 12px !important;
  padding: 3px 15px;
  line-height: 27px;
  border-radius: 8px;
}


.inputform {
  display: flex;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  background-color: #fff !important;
}
.myidone {
    margin-top: 10px
}
.settingsgrid label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 5px
}
#limesurvey .inputform input {
  margin-top: 0px;
  padding: 3px;
  border: 0px;
  background-color: transparent;
}

button.delete {
  padding: 0px 15px;
  vertical-align: middle;
  background-color: rgb(126, 70, 42);
  border: 0.5px solid;
  border-radius: 9px;
  box-shadow: none;
  color: #fff !important;
  font-size: 12px !important;

  font-weight: 500;
}
#limesurvey .inputform i {
  font-size: 12px;
  color: #6f6e6e;
}
#limesurvey .inputform button {
    font-size: 12px;
    background-color: transparent;
    border: 0px;
    height: 30px;

}
.inputform.edit {

  background-color: #fff !important;
}

.dropdown-menu .dropdown-item.logout {
  color: #c95858;
}
#main-col {
  margin-top: 0em;
}

.plan {
  border: 1px solid #cecece;
  padding: 10px 10px;
    padding-bottom: 10px;
  padding-bottom: 10px;
  padding-bottom: 10px;
  padding-bottom: 10px;
  border-radius: 8px;
  padding-bottom: 25px;
  background-color: #fff !important;
  box-shadow: rgba(149, 149, 149, 0.06) 0px 0px 0px 2px;
}
p {
  margin-top: 10px;
  margin-bottom: 1rem;
  font-weight: 400;
  color: #888787;
  line-height: 150%;
}
.settingsgrid {
  display: grid;
  grid-template-columns: 49% 49%;
  column-gap: 2%;
  margin-bottom: 50px;
}
.navigation a {
    padding: 0px 15px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px
}
.plan label.large {
  font-size: 30px;
  font-weight: 400;
}
.price {
  font-weight: 400;
  text-align: center;
}
.sidemenu label {
  color: #152536;
  padding: 6px 10px;
  font-size: 11px;
  text-transform: uppercase;
}
.plan {
  border: 1px solid #e0e0e0;
  padding: 10px 10px;
    padding-bottom: 10px;
  padding-bottom: 10px;
  padding-bottom: 10px;
  padding-bottom: 10px;
  border-radius: 8px;
  padding-bottom: 25px;
  background-color: #fff !important;
}
.plan h3 {
  margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
  height: 17px;
  text-align: center;
}
.plan p {
  font-size: 12px;
  font-weight: 400;
  margin: 0px;
    margin-top: 0px;
  text-align: center;
  height: 100px;
  margin-top: 14px;
  line-height: 16px;
}
 .transparent .boxedview {
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
    max-width: 90% !important;
    min-width: 90% !important;
  }
@media (min-width: 1000px) {

  .plangrid {
    display: grid;
    grid-template-columns: 21% 22% 26% 27%;
    column-gap: 1%;
  }
}
.plan:nth-of-type(2) {
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5;
}

.plan:nth-of-type(3) {
  border: 1px solid #e0e0e0;
  background-color: #2b2b2b;
    color: #fff
}
.plan:nth-of-type(3) label {
  color: #fff !important;
}
.plan:nth-of-type(3) h3 {
  color: #fff !important;
}
.plan:nth-of-type(3) p {
  color: #fff !important;
}
.plan:nth-of-type(3) .dropdown-divider {
  border-color: #a6a6a6;
}
.plan:nth-of-type(3) .feature {
  border-color: #a6a6a6;
}
@media (min-width: 1000px) {
  .plangrid {
    display: grid;
    grid-template-columns: 30% 30% 37%;
    column-gap: 1%;
  }
}
.group-container .group-description {
  height: 0px;
}
.plan label {
  font-size: 11px;
}
.plan h3 label {
border-color: rgb(116, 169, 159);
  background-color: rgb(230, 239, 238);
  color: rgb(2, 80, 65);
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 8px;
    margin-left: 10px;
   font-weight: 400
}
.feature {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.feature svg {
  margin-right: 12px
}
.sidemenu {
  width: 240px;
  border-right: 1px solid #e7e7e7;
  height: calc(100vh - 45px);
  background-color: #fff !important;
  position: fixed;
  padding: 10px 15px;
}

.sidemenu .navigation {
  max-width: 200px;
  min-width: 200px;
  display: grid;
}

.sidemenu .accountbox label {
  color: #152536;
  padding: 0px 10px;
  font-size: 13px;
  text-transform: none;
  line-height: 19px;
  font-weight: 400;
  width: 100%;
}
.sidemenu .accountbox label:last-child {
  color: #8b0f0f;
  padding: 0px 10px;
  font-size: 11px;
  text-transform: none;
  line-height: 16px;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
}

.loading-overlay-settings {
  position: fixed;
  top: 0px;
  left: 0px;
  width: calc(100%);
  height: calc(100vh);
  background-color: rgb(250, 250, 250);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5000;
}
.loading-overlay-settings3 {
  position: fixed;
  top: 45px;
  left: 240px;
  width: calc(100% - 240px);
  height: calc(100vh - 45px);
  background-color: rgba(248, 248, 248);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.loading-overlay-settings2 {
  position: fixed;
  top: 45px;
  left: 0px;
  width: calc(100%);
  height: calc(100vh - 45px);
  background-color: rgba(248, 248, 248);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.withside .boxedview {

  max-width: 700px;
  min-width: 700px;
}
.main.center.withside {
  width: calc(100% - 240px);
  padding: 50px;
  margin-left: 240px;
}
.question-container {
  margin-bottom: 0em;
}

.sidemenu .navigation a {
  width: 100%;
  text-align: left;
  padding: 6px 10px;
  text-transform: none;
  letter-spacing: 0.2px;
  font-size: 13px;
  font-weight: 400;
  margin: 2px 0px;
  cursor: pointer;
}
.sidemenu .navigation a.active {
  background-color: rgb(240, 240, 240);
  border-radius: 8px;
}
.sidemenu .navigation a:hover {
  background-color: rgb(245, 245, 245);
  border-radius: 8px;
}
.profile button.transparent {
    background-color: transparent;
    color: #000 !important;
    font-size: 11px !important;
    border-radius: 250px;
    width: 25px;
    padding: 0px;
    height: 25px;
    margin-top: 4px;
    border: 1px solid;
    margin-left: 15px;

}
.profile button.transparent i {
   width: 100%;

}


.profile button {
  padding: 0px 15px;
  vertical-align: middle;
  background-color: rgb(126, 70, 42);
  border: 0.5px solid;
  border-radius: 9px;
  box-shadow: none;
  color: #fff !important;
  font-size: 12px !important;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 500;
}
.submenu {
  background-color: transparent;
  border-bottom:
1px solid #cecece;
  display: flex;
  justify-content: center;
  height: 53px;
  align-items: center;
}

.btn-outline-secondary {
  color: #FFF;
  border-color: #000 !important;
  background-color: #000 !important;
  font-size: 15px !important;
  padding: 2px 15px;
}
.modal-body {
  padding: 5px 1.5rem;
  font-size: 15px;
}
.navigation {
  height: auto;
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 12rem;
  padding: 0rem 0;
  margin: 0;
  font-size: 1.14rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.col-xl-8 {
  width: 100%;
  padding: 0px;
}

.sidemenu .accountbox {
  background-color: rgb(240, 240, 240);
  color: rgb(38, 38, 39);
  border-radius: 8px;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.accountbox img {
  width: 35px;
  border-radius: 0px !important;
  padding-right: 10px;
  border-right: 1px solid rgb(181, 181, 181);
}
.accountgrid {
  display: flex;
  margin: 0px 15px;
    margin-top: 0px;
  margin-top: 0px;
  margin-top: 0px;
  margin-top: 10px;
  gap: 15px;
  align-items: center;
  background-color: transparent;
  padding: 8px 10px;
    padding-bottom: 8px;
  padding-bottom: 8px;
  border-radius: 0px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgb(181, 181, 181);
}
.accountgrid label {
  font-size: 15px;
  font-weight: 500;
}
.dropdown-menu .dropdown-item {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  text-wrap: auto;
}
a {
  font-weight: 500;
  font-size: inherit;
  color: inherit;
}
a:hover {
  color: inherit;
}
#limesurvey input {
  display: flex;
  position: relative;
  background-color: #fff !important;
  border-radius: 3px;
  padding: 7px 5px;
  box-shadow: none;
  padding: 9px 10px;
  border: 1px solid rgb(221, 221, 221);
  width: 100%;
}
#limesurvey select {
  width: 100%;
  border-radius: 2px;
  box-shadow: none;
  border: 0.5px solid;
  padding: 9px 10px;
  margin-top: 0px;
  background-color: #fff !important;
  border-radius: 3px;
  border: 1px solid rgb(221, 221, 221);
}
#limesurvey textarea {
  height: 85px;
  display: flex;
  position: relative;
  background-color: #fff !important;
  border-radius: 3px;
  padding: 7px 5px;
  box-shadow: none;
  padding: 9px 10px;
  border: 1px solid rgb(221, 221, 221);
  width: 100%;
  color: #1E1E1E;
}
input.btn-primary {
  padding: 7px 15px;
  vertical-align: middle;
  background-color: rgb(2, 2, 2);
  border: 0.5px solid;
  border-radius: 5px;
  box-shadow: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.group-container .group-title {
  font-weight: 600;
  font-size: 2.85rem;
  line-height: 52px;
  margin-top: 1em;
  margin-bottom: 10px;
  display: none;
}
.btn {
  min-height: 36px;
  padding: 10px 25px;
  font-size: 0.9975rem;
  line-height: 20px;
  border-radius: 4px;
  font-weight: 500;
}
 .col-xl-8 {
    flex: 0 0 auto;
    width: 100%;
  }
  .loading-overlay img {

  height: 35px;
}
.loading-overlay {
  position: fixed;
  top: 0px;
  width: calc(100%);
  height: calc(100%);
  background-color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5000;
  left: 0px;
  display: none;

}
.loading-label {
  font-size: 60px;
  color: #000 !important;
  text-align: center;
  animation: loadingAnimation 1s infinite;
  font-weight: 200;
}
.loading-label p {
  font-size: 30px !important;
  color: #000 !important;
  text-align: center;
  font-weight: 700;
  animation: loadingAnimation 1s infinite;
}

.boxedview {
  background-color: rgb(255, 255, 255);
  color: rgb(38, 38, 39);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  padding: 30px 30px;
  max-width: 1000px;
  min-width: 800px;
}

.main.center {
  justify-content: center;
  display: flex;
  width: 100%;
}
.main {
  padding: 0% 6%;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  color: #ffffff;
  background-color: #888;
  border-color: #888;
}
.btn-primary {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #ffffff;
}
.form-control.ls-important-field {
  border: 1px solid #1E1E1E !important;
  box-shadow: 3px 4px 0px #EEEFF7;
}
.control-label {
  color: #1E1E1E;
  font-size: 15px;
  line-height: 15px;
}
#navigator-container {
  padding-bottom: 1em;
  display: none;
}

/******************
   NAVIGATOR
*/

.navbar {
  background-color: #fff !important;
  box-shadow: 0 1px 20px 0 rgb(196, 196, 196);
  height: 45px;
  border-bottom: 1px solid #e7e7e7;
  padding: 0px;
}



/******************
  MAIN VIEW
*/

body {
  background-size: 19px auto;
  background-color: #f5f5f5;
  padding-top: 80px;
  font-family: var(--base-font-family);
}
.col-xs-12.dashboardheader {
 padding: 25px 15px;
}
.col-xs-12.dashboardheader h1 {
  font-weight: 400;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #fff !important;
  border-color: #ddd;
}
.panel-heading .fa {
  font-size: 13px;
  padding: 5px;
  color: #acb0c6;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.placee {
    background-color: #f5f5f5;
    border: 1px dashed #ddd;
    border-radius: 3px;
    min-height: 40px;
}

.panel-default > .panel-heading {
    cursor: move;
}

.list-group-item > .list-group-item-heading > .fa,
.panel-default > .panel-heading > .fa {
    cursor: pointer;
}

#widget-add-modal .modal-body > .row:first-child {
    margin-bottom: 15px;
}

.panel-additional {
    background-color: #f5f5f5;
    padding: 4px 0;
}

.panel-additional .fa {
    margin: 0 auto;
    display: block;
}
.treeimg {
  position: absolute;
  margin-top: -30px;
  margin-left: 12px;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  border: 1px solid #D4D0DF;
  padding: 0px;
  background-color: #fff !important;
}
.treeimg2 {
  position: absolute;
  margin-top: -24px;
  margin-left: 195px;
  border-radius: 100px;
  width: 44px;
  height: 44px;
  border: 0px solid #ececec;
  text-align: center;
  font-size: 23px;
  border: 1px solid #223651;
  line-height: 42px;
  background-color: #223651;
  padding-left: 2px;
  color: #fff !important;
}
.dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
  background-color: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1000;
}

.dropdown.show {
  display: block;
}

.dropdown-content {
  padding: 8px 0;
}

.dropdown-content a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #333;
}

.dropdown-content a:hover {
  background-color: #f0f0f0;
}
.chart-container {
width: 100%;
border: none;
position: relative;
padding-top: 0px;
margin-top: -60px;
}

.dropdown {
  position: absolute;
  top: 50px;
  right: 20px;
  display: none;
  background-color: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1000;
}

.dropdown.show {
  display: block;
}

.dropdown-content {
  padding: 0px 0;
}

.dropdown-content a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #333;
}

.dropdown-content a:hover {
  background-color: #f0f0f0;
}

.dropdown-icon {
  position: absolute;
  top: 28px;
  right: 18px;
  color: #4D4D4D;
  font-size: 18px;
  display: block !important;
}
.scoregrid {
  display: grid;
  grid-template-columns: calc(25%) calc(25%) calc(25%) calc(25%);
  margin-left: 0px;
  margin-right: 0px;
  column-gap: 0px;
  height: 52px;
  margin-top: 16px;
  border-top: 1px solid #bbbaba;
}
.score .scoring {
  text-align: center;
  font-size: 20px;
  padding: 0px;
  line-height: 16px;
  font-weight: 400;
  color: #626262;
}
.score .areas {
  text-align: center;
  font-size: 7px;
  font-weight: 700;
  padding-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #626262;
}
.score {
  padding: 10px 0px;
  margin-top: 0px;
  border: 0px solid #6F6F6FAD;
  background-color: #fff !important;
  border-radius: 0px;
  height: auto;
}
.score:first-child {
  background-color: #A3B2A463;
  border-radius: 0px 0px 0px 9px;
  border-right: 1px solid #bbbaba;
}
.score:nth-child(2) {
      background-color: #C1B2A28A;
      border-right: 1px solid #bbbaba;
    }
.score:nth-child(3) {
      background-color: #E4D5D3AD;
      border-right: 1px solid #bbbaba;
    }
    .score:last-child {
      background-color: #A2AAC18A;
      border-radius: 0px 0px 9px 0px;
    }

    .workspaceStatus {
      font-size: 12px;
      line-height: 14px;
      font-weight: 400;
      color: #000 !important;
    }

    .name {
      font-size: 18px;
      font-weight: 500;
      color: black !important;
      line-height: 18px;
    }

    .hashtags {
      font-size: 12px;
      color: #000 !important;
      line-height: 14px;
      font-weight: 400;
    }

    .category {
      font-size: 12px;
      color: #08011E;
      line-height: 14px;
      font-weight: 400;
    }


.subname1 {
color: #716E7B;
margin-left: 12px;
margin-top: 1px;
font-size: 10px;
}
.subname2 {
color: #262626;
margin-left: 12px;
margin-top: 1px;
font-size: 10px;
font-style: italic;
letter-spacing: 0.3px;
}
/* Add a black background color to the top navigation */
.innernav {
overflow: hidden;
display: flex;
justify-content: center;
z-index: 1;
}

/* Style the links inside the navigation bar */
.innernav a {
  float: left;
  color: #8a8a8a;
  text-align: center;
  padding: 9px 7px;
  text-decoration: none;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  color: #545454;
  font-weight: 400;
}

/* Change the color of links on hover */
.innernav a:hover {
color: black;
}

/* Add a color to the active/current link */
.innernav a.active {
background-color: transparent;
color: #000 !important;
border-bottom: 2px solid;
}
.sidenav button {
background-color: #fff !important;
border: 0px solid;
margin-top:25px;
font-size: 20px
}

.sidenav {
height: auto;
width: 56px;
position: fixed;
z-index: 1;
top: 100px;
right: 27px;
background-color: #fff !important;
overflow-x: hidden;
padding-top: 20px;
padding: 0px 13px;
padding-bottom: 0px;
border: 1px solid #e7e7e7;
border-radius: 15px;
padding-bottom: 30px;
}



/* The navigation menu links */
.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.bottomnav {
height: auto;
width: auto;
position: fixed;
z-index: 1;
bottom: 15px;
left: 15px;
}

.bottomnav .inner {

background-color: #fff !important;
overflow-x: hidden;
padding-top: 11px;
padding-bottom: 0px;
border: 1px solid #e7e7e7;
border-radius: 15px;
padding: 5px;
}
.bottomnav img {
width: 37px;
border-radius: 50px;
margin: 5px;
border: 1px solid #D4D0DF;
}


.innernav {
  background-color: transparent;
  width: auto;
  border: 0px solid #e7e7e7;
  border-radius: 10px;
  z-index: 1;
  display: flex;
  justify-content: center;
  margin-top: 0px;
}
.logo {
  max-width: 215px;
  padding: 0px;
    padding-left: 0px;
  padding-left: 10px;
  padding-left: 10px;
  padding-left: 15px;
}
@media (max-width: 700px) {
  .logo {
  display: none;
}
}


.logo img {
  height: 25px;
  padding: 0px;
  border-radius: 5px;
}
.profile {
  max-width: 300px;
  justify-content: flex-end;
  display: flex;
  padding: 5px;
    padding-right: 5px;
  padding-right: 5px;
  padding-right: 5px;
  padding-right: 5px;
  padding-right: 5px;
  padding-right: 30px;
  max-height: 43px;
}
.nav {
  display: flex;
  justify-content: center;
}
.profileinit {
  background-color: #123836;
  border: 1px solid #123836;
  padding: 6px;
  border-radius: 250px;
  font-size: 15px;
  font-weight: 400;
  color: #fff !important;
  line-height: 19px;
  margin-left: 15px;
}
.chart-container input[type="search"] {
z-index: 1000;
border: 1px solid #cacaca;
height: 30px;
border-radius: 5px;
margin-top: 7px;
margin-right: 45px;
font-size: 12px;
color: #000 !important;
padding: 7px;
width: 150px;
position: absolute;
right: 200px;
top: 7px;
background-color: #e4e4e4;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
color: #f1f1f1;
}
.addnew {
position: absolute;
bottom: -35px;
right: 112px;
background-color: #000 !important;
padding: 5px 6px;
border-radius: 150px;
font-size: 12px;
color: #fff !important;
display: block !important;
}
.addnew.edit {
bottom: 42px;
right: -12px;
background-color: #223651;
color: #fff !important;
border: 1px solid #223651;
border-radius: 4px;
font-size: 9px !important;
padding: 5px;
}

.addnew.large {
  position: absolute;
  top: 80px;
  right: 150px;
  background-color: #4961da;
  padding: 15px 16px;
  border-radius: 150px;
  font-size: 20px;
  color: #fff !important;
  bottom: auto;
}

.addnew.edit {
  bottom: 40px;
  right: -10px;
  background-color: #8e84a4;
}
#addnewthing.dropdown {
top: 135px;
right: 170px;

}
.overallscore {
border-radius: 0px;
width: auto;
height: auto;
border: 0px solid #ececec;
text-align: left;
font-size: 29px;
border: 0px solid #fff;
background-color: transparent;
padding-left: 2px;
color: #000 !important;
}
.overallscorebox {
position: absolute;
top: 55px;
left: 12px;
width: auto;
height: auto;
border: 1px solid transparent;
background-color: transparent;
color: #000 !important;

}
.overallscoregrid {
display: grid;
grid-template-columns: 50px 50px 50px 50px;
background-color: #fff !important;
overflow-x: hidden;
padding-top: 11px;
padding-bottom: 0px;
border: 1px solid #e7e7e7;
border-radius: 15px;
padding: 10px 9px 5px 16px;
column-gap: 10px;
}
.overallscorebox label {
padding: 5px 7px;
font-size: 15px;
font-weight: 400;
text-transform: none;
letter-spacing: 1px;
text-align: center;
}
.overallscorebox .overallscoregrid label {
padding: 0px 0px;
font-size: 10px;
font-weight: 600;
letter-spacing: 1px;
text-align: left;
margin-bottom: 0px;
text-transform: none;
}

/* -------------------------------------------
   Statusabhängige Färbung der Decision-Cards
   ------------------------------------------- */
.workspaceStatus.approved,
.workspaceStatus.genehmigt {
  background-color: #d4edda; /* hellgrüner Hintergrund */
  color: #155724;            /* dunklere Schrift für Kontrast */
  padding: 0 6px;
  border-radius: 3px;
  text-align: center !important;
}

.workspaceStatus.declined,
.workspaceStatus.abgelehnt {
  background-color: #ff4a59 !important; /* Rot */
  color: #ffffff !important;           /* dunklere Schrift für Kontrast */
  padding: 0 6px;
  border-radius: 3px;
  text-align: center !important;
}
.workspaceStatus.pending,
.workspaceStatus.ausstehend {
  background-color: #ffc83d !important; /* Gelb */
  color: #414141 !important;
  padding: 0 6px;
  border-radius: 3px;
}

.workspaceStatus.change-request,
.workspaceStatus.änderungsanfrage {
  background-color: #ff5c11 !important; /* Orange */
  color: #ffffff !important;
  padding: 0 6px;
  border-radius: 3px;
}

/* -------------------------------------------
   Neue Text-Klasse für v1.2, v1.3 und v1.tui
   ------------------------------------------- */
.text-standard,
.question-container .ls-label-question.text-standard,
.question-container .text-standard.ls-label-question {
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.0 !important;
}

.question-container .ls-label-question {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
}

/* ========================================
   BERICHT-KOMPONENTEN CSS
   ======================================== */

.bericht-box {
  max-width: 900px;
  margin: 40px auto;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 2px 12px #0002;
  padding: 40px;
}

.bericht-title {
  font-size: 2rem;
  margin-bottom: 10px;
}

.bericht-teaser {
  font-size: 1.1rem;
  color: #444;
  margin-bottom: 30px;
}

.bericht-image-container {
  margin: 20px 0;
  text-align: center;
}

.bericht-image {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px #0001;
}

.bericht-caption {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
}

.bericht-loading, .bericht-notfound {
  padding: 30px;
  text-align: center;
}

.bericht-error {
  color: red;
  padding: 30px;
  text-align: center;
}

.bericht-box ul, .bericht-box ol {
  margin-left: 2em;
  margin-bottom: 1.2em;
  padding-left: 1.2em;
  font-weight: normal;
}

.bericht-box li {
  font-weight: normal;
  margin-bottom: 0.4em;
  line-height: 1.5;
}

/* ========================================
   LOGIN-KOMPONENTEN CSS
   ======================================== */

#loginbar {
  position: fixed;
  top: 50px;
  left: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #fff !important;
  font-size: 21px;
}

#loginbar img {
  height: 45px;
  margin-left: 34px;
}

#loginleft {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 15%;
  padding-right: 15%;
  color: #fff !important;
}

#loginleft h1 {
  color: #fff !important;
  font-size: 38px;
  font-weight: 400;
}

#loginright {
  display: flex;
  align-items: center;
  height: 100vh;
  padding-left: 15%;
  padding-right: 15%;
  background-image: url(/upload/themes/components/v2.6/assets/security-replacement/mili.png);
  background-color: #fff !important;
  background-size: 17px;
  justify-content: center;
}

/* ========================================
   DROPDOWN-MENÜ STYLING FÜR ACCOUNT-BEREICH
   ======================================== */

/* Styling für Dropdown-Labels als Trenner (labels OHNE dropdown-item Klasse) */
#profiledropdown .dropdown-content label:not(.dropdown-item) {
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #555 !important;
  background-color: #f8f8f8 !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 8px 15px !important;
  text-align: center !important;
  border: 1px solid #ddd !important;
  text-transform: none !important;
  display: block !important;
  cursor: default !important;
  pointer-events: none !important;
  letter-spacing: 0.5px !important;
}

/* Sicherstellen, dass die Trenner-Labels nicht klickbar sind */
#profiledropdown .dropdown-content label:not(.dropdown-item):hover {
  background-color: #f8f8f8 !important;
  cursor: default !important;
}

/* Verbesserte Lesbarkeit für alle Dropdown-Items (labels MIT dropdown-item Klasse) */
#profiledropdown .dropdown-content label.dropdown-item {
  padding: 8px 15px 8px 30px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  transition: background-color 0.2s ease !important;
  margin-left: 0 !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

#profiledropdown .dropdown-content label.dropdown-item:hover {
  background-color: #f0f0f0 !important;
  color: #333 !important;
}

/* ===== FINALE SVG-SMILEY FONT-KORREKTUR (MAXIMALE PRIORITÄT) ===== */
/* Diese Regeln stehen am Ende für höchste CSS-Spezifität */

/* KPI-Cards spezifisch (aus overview.js) */
.kpi-card .ico svg,
.kpi-card .ico svg *,
.kpi-card .ico svg circle,
.kpi-card .ico svg path,
.kpi-card .ico svg circle.face-head,
.kpi-card .ico svg circle.face-eye,
.kpi-card .ico svg path.face-mouth,
.kpi-card span.ico svg,
.kpi-card span.ico svg *,

/* Alle SVG-Elemente mit maximaler Spezifität */
html body div svg,
html body div svg *,
html body span svg,
html body span svg *,
html body .ico svg,
html body .ico svg *,
html body svg,
html body svg *,
html body svg circle,
html body svg path,
html body circle.face-head,
html body circle.face-eye,
html body path.face-mouth,

/* Report-spezifische Container */
html body .newdash svg,
html body .newdash svg *,
html body .analytics-sidebar svg,
html body .analytics-sidebar svg *,
html body .overview-dashpage svg,
html body .overview-dashpage svg *,

/* Icon-Container */
html body div.ico,
html body span.ico,
html body .happy-chip,
html body .metric-card svg,
html body .team-card svg {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  text-rendering: auto !important;
  /* WICHTIG: KEINE fill/stroke hier! */
}

/* Logout-Button speziell stylen */
#profiledropdown .dropdown-content label.dropdown-item.logout {
  color: #dc3545 !important;
  font-weight: 500 !important;
  border-top: 1px solid #e0e0e0 !important;
  margin-top: 5px !important;
  padding-top: 10px !important;
}

#profiledropdown .dropdown-content label.dropdown-item.logout:hover {
  background-color: #f8d7da !important;
  color: #721c24 !important;
}

/* ===== KRITISCHER FIX: Red-Flag Kontrast gegen Tenant-CSS-Überschreibungen (2026-01-27) ===== */
/* Diese Regel muss die mandantenspezifischen style.css-Überschreibungen übersteuern */
/* Problem: Tenant style.css setzt "body, p, span, td, th, li { color: #XXXXX !important; }" */
/* Lösung: Noch spezifischere Selektoren mit !important für alle Kind-Elemente */

/* WICHTIG: Diese Regel schützt ALLE Textelemente innerhalb von .redflags[red-flag] */
/* gegen die globalen Textfarben-Überschreibungen der Tenants */
#outerframeContainer .redflags[red-flag] *,
#outerframeContainer .redflags[red-flag] span,
#outerframeContainer .redflags[red-flag] label,
#outerframeContainer .redflags[red-flag] p,
#outerframeContainer .redflags[red-flag] div,
.redflags[red-flag] *,
.redflags[red-flag] span,
.redflags[red-flag] label,
.redflags[red-flag] p,
.redflags[red-flag] div {
  color: inherit !important;
}

/* Responsive Login Styles */
@media (max-width: 900px) {
  #loginright {
    padding: 0;
    width: 100%;
  }

  #loginleft {
    display: none;
  }
}