@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
 
body, html, * {
  font-family: 'Open Sans', Arial, sans-serif !important;
}

html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

:root {
  /* Hauptfarben */
  --sp-blue: #006EB7;
  --sp-orange: #EF7D00;
 
  /* Zusatzfarben */
  --sp-turquoise: #00A4B7;  /* SMART City */
  --sp-green: #92C020;      /* Nachhaltigkeit */
 
  /* Weitere CD-Farben */
  --sp-lightgrey: #F2F2F2;
  --sp-darkgrey: #4A4A4A;
 
  /* Footer dimensions */
  --footer-logo-width: calc(100vh / 7);
  --footer-border-top: calc(var(--footer-logo-width) / 24);
  --footer-margin-top: calc(var(--footer-logo-width) / 3);
  --footer-margin-right: calc(var(--footer-logo-width) / 4);
  --footer-margin-bottom: calc(var(--footer-logo-width) / 6);
}

#root {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

main > div, [data-sidebar="sidebar"] {
height: 88% !important;
}

/* Icon im Login anpassen */
.relative.hidden.bg-muted.lg\:block.overflow-hidden img {
  object-fit: contain;
}

a.watermark svg {
  display: none;
}

a.watermark .text-muted-foreground {
  display: none;
}

#hallucinations-text {
  line-height: 1rem;
}


#chainlit-footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 11;
}
 
.footer-content {
  background-color: var(--sp-blue);
  border-top: var(--footer-border-top) solid var(--sp-orange);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 1rem;
}
 
.footer-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  flex-grow: 1;
}
 
.footer-icons {
  display: flex;
  gap: 1rem;
}
 
.footer-icon {
  color: white;
  transition: color 0.2s ease;
}
 
.footer-icon:hover {
  color: var(--sp-orange);
}
 
.footer-website-link {
  display: block;
  margin-top: 0.25rem;
}
 
.footer-logo {
  margin-left: auto;
  display: flex;
  width: var(--footer-logo-width);
  align-items: center;
  margin-top: var(--footer-margin-top);
  margin-right: var(--footer-margin-right);
  margin-bottom: var(--footer-margin-bottom);
}
 
.footer-logo img {
  display: block;
}
 
.footer-links a {
  color: white;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}
 
.footer-links a:hover {
  color: var(--sp-orange);
  /*text-decoration: underline;*/
}
 
/* Dark mode adjustments for footer */
html.dark .chainlit-footer {
  background-color: var(--sp-darkgrey);
  border-top: 1px solid var(--sp-blue);
}
 
html.dark .footer-links a,
html.dark {
  color: var(--sp-lightgrey);
}
 
html.dark .footer-links a:hover {
  color: var(--sp-turquoise);
}
 
@media (max-width: 768px) {
  main > div,
  [data-sidebar="sidebar"] {
    height: auto !important; /* oder eine andere Höhe, die du willst */
  }
}