/* _content/AI_2/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-vz8rgqfgah] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-vz8rgqfgah] {
  color: #0077cc;
}

.btn-primary[b-vz8rgqfgah] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-vz8rgqfgah], .nav-pills .show > .nav-link[b-vz8rgqfgah] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Stellt sicher, dass der ausgeklappte Navbar-Inhalt sichtbar und oben liegt */
/*.navbar-collapse.collapse.show {*/ /* Diese Regel zielt auf den ausgeklappten Zustand der Navbar ab */
    /*position: absolute;*/ /* Wichtig: Ermöglicht die Anwendung von z-index */
    /*width: 100%;*/ /* Stellt sicher, dass sie im ausgeklappten Zustand die volle Breite einnimmt */
    /*background-color: #f8f9fa;*/ /* Oder #fff; verwende die Hintergrundfarbe deiner Navbar */
    /*z-index: 1050;*/ /* Ein hoher Wert, um sicherzustellen, dass sie über den meisten anderen Elementen liegt */
    /*box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);*/ /* Optional: Fügt einen dezenten Schatten hinzu */
/*}*/

/* Optional: Wenn die gesamte Navbar selbst von etwas überdeckt wird */
.navbar[b-vz8rgqfgah] {
    position: relative; /* Notwendig, um absolute Kindelemente zu enthalten und für ihren eigenen z-index */
    z-index: 1000; /* Stellt sicher, dass der Navbar-Header auch oben ist */
}
.navbar-collapse.collapse.show[b-6kkjab5m1k][b-vz8rgqfgah] { /* Stellen Sie sicher, dass dieses Attribut korrekt ist */
    position: absolute;
    width: 100%;
    background-color: #f8f9fa; /* Oder Ihre aktuelle Hintergrundfarbe */
    z-index: 1050;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    /* --- WICHTIGE NEUE/ANGEPASSTE REGELN HIER --- */
    top: 100%; /* Stellt sicher, dass das Menü direkt unter dem Navbar-Header beginnt */
    left: 0;
    right: 0; /* Stellt sicher, dass es sich von links nach rechts erstreckt */
    height: auto; /* Erlaubt dem Menü, sich dynamisch an seinen Inhalt anzupassen */
    max-height: calc(100vh - IhreNavbarHeaderHöhe); /* Wichtig: Begrenzt die Höhe auf den verbleibenden Viewport abzüglich des Headers */
    overflow-y: auto; /* Fügt eine Scrollleiste hinzu, wenn der Inhalt zu lang ist */
    overflow-x: hidden; /* Verhindert horizontale Scrollleisten */
}

/* Beispiel: Wenn Ihr Navbar-Header 56px hoch ist, setzen Sie das so */
/* Dies müsste eventuell in Ihrer _Layout.cshtml oder in einem globalen Stil definiert werden,
   da die Höhe des Headers je nach Bildschirmgröße variieren kann. */
/* Alternativ können Sie es auch auf 'unset' setzen und schauen, ob es ausreicht */
/* max-height: unset; */
/* height: auto; */

/* WICHTIG: Prüfen Sie die Höhe Ihres Navbar-Headers, z.B. im DevTools */
/* Angenommen, der Header ist 56px hoch: */
/*
.navbar-collapse.collapse.show {
    max-height: calc(100vh - 56px);
    overflow-y: auto;
}
*/
.border-top[b-vz8rgqfgah] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-vz8rgqfgah] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-vz8rgqfgah] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-vz8rgqfgah] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-vz8rgqfgah] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}