/* Layout-Variablen */
:root {
    --sidebar-width: 250px;       
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-primary-text-emphasis: var(--bs-primary);
    --bs-heading-color: var(--bs-primary-text-emphasis);    
   }
   



 
/* Font-Weight class="lead" */
  .lead {
    font-weight: 400;
  }
  /*Inahlt app-content*/
  .app-content {
    padding: 1rem;
    min-height: 100svh; /* volle sichtbare Höhe, inkl. Mobile-Browser-UI */
    background: var(--bs-body-bg);
  }

  /*container zentrieren*/
  .container {    
    margin:auto;
    padding-top:0;
  }

  @media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 960px;
    }
  } 

  /*Farbtheme anpassen*/
  [data-bs-theme="green"] {
    --bs-primary: #198754;
    --bs-primary-text-emphasis: #0c5231;
    --bs-primary-bg-subtle: #d1e7dd;
    --bs-secondary: #6c757d;
    --bs-secondary-bg-subtle: #c9c9c9;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-red: #aa0112;
    --bs-light: #e4e4e3;
    --bs-light-subtle: #f5f5f5;
    --bs-dark: #212529;
    --bs-body-bg: #fff;
    --bs-body-color: #212529;
    --border-danger:var(--bs-red);
    --border-primary:var(--bs-primary);
    --border-success:var(--bs-success);
    
  }

  
  /*Navigationslinks*/
  a.nav-link
    {
      color: var(--bs-body-color);
    }
    a.nav-link:hover {
      color: var(--bs-secondary);
    }

  /* Andere Links */
  a {
    color: var(--bs-success);
    text-decoration: underline;
  }

  a.caption {
    text-decoration: none !important;
    font-size:small;
  }

  /* Desktop/Tablet: fixe, volle Höhe Sidebar links */

  @media (min-width: 768px) {
    .app-sidebar {
      background: var(--bs-light-subtle);
      position: fixed;
      top: 0;
      left: 0;
      width: var(--sidebar-width);
      height: 100svh; /* volle sichtbare Höhe, inkl. Mobile-Browser-UI */
      overflow-y: auto;
      border-right: 1px solid rgba(0,0,0,.1);      
    }    

    
    .app-content {
      margin-left: var(--sidebar-width);
            
    
    }
  }

  @media (min-width: 1400px) {
    .app-sidebar {
      padding: 1rem;
      width: 400px;
      
    }

    .app-content {
      margin-left: 400px !important;
    }
  }


  /* Optional: aktiv/hover Styles für Nav */
  .sidebar-nav .nav-link {
    border-radius: .25rem;
    border-bottom:solid 1px var(--bs-secondary-bg-subtle);
  }
  
  .sidebar-nav .nav-link.active {
    background-color: transparent;
    font-weight: 600;
  }
  
  

  /* Bild Logo in Sidebar auf mobilen Geräten */
  .navbar-brand .brand-image {
    height: 65px;
    width: auto;    
  }

  /* Rahmenfarben individuell */
  .custom-border-top {
    border-top: 4px solid #159432;
  }
  .custom-border-bottom {
    border-bottom: 4px solid #d7092c;
  }