:root {
  
  --bg-light-blue: #aee7fe;
  --bg-light-red: #ffd7cd;
  --bg-light-green: #cdffcc;
  --bg-light-yellow: #fffccf;
  --bund-red: #e30613;
  --ca1-color: #aee7fe;
  --ca1-color-light: #eaf9ff;
  --ca1-color-bg-light: #aee7fe20;
  --ca1-color-dark: #7eb7bf;
  --ca1-color-accent: #03adf1;
  --ca1-color-text: black;
  --ca2-color: #cdffcc;
  --ca2-color-light: #cdffcc50;
  --ca2-color-bg-light: #cdffcc30;
  --ca2-color-dark: #027000;
  --ca2-color-accent: #19ff14;
  --ca2-color-text: #000a00;
  --ca3-color: #ffd7cd;
  --ca3-color-light: #ffd7cd50;
  --ca3-color-bg-light: #ffd7cd30;
  --ca3-color-dark: #711700;
  --ca3-color-accent: #ff4415;
  --ca3-color-text: #0b0200;
  --ca4-color: #fffccf;
  --ca4-color-light: #fffccf50;
  --ca4-color-bg-light: #fffccf30;
  --ca4-color-dark: #736c00;
  --ca4-color-accent: #fff117;
  --ca4-color-text: #0d0c00;
  --ca3I-primary: #597486;
  --ca3I-secondary: #c9ced4;
  --ca3I-light: #e5e7ea;
  --ca3II-primary: #c8888a;
  --ca3II-secondary: #ead5d3;
  --ca3II-light: #f6eeec;
  --ca3III-primary: #8f6242;
  --ca3III-secondary: #d3c1b2;
  --ca3III-light: #ebe4df;
  --cist-dark: #58595b;
}

    body{
      position:relative;
      font-size: calc(1rem + .1vw);
      line-height: calc(1.5em + .2vw);
    }
    
    
    
    p, span, li{
      font-weight:300;
      hyphens: auto;
      -webkit-hyphens: auto;
    }
    
    b, strong {
      font-weight: 400;
    }
    
    @media (min-width: 992px) { 
      main .row > .col-lg-3, 
      footer .row > .col-lg-3, 
      .nav-search .row > .col-lg-3{
        max-width: 250px !important;
      }
    }
    /* Small devices (up to tablets, 768px and smaller) */

    @media (max-width: 991px) { 
      .title-mobile{
        font-weight: 400 !important;
        /*color: #000 !important;*/
      }
    }
    
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
      letter-spacing: -.028rem;
    }
    
    .bg-ca1{ background-color: var(--bg-light-blue) }
    .bg-ca2{ background-color: var(--bg-light-green) }
    .bg-ca3{ background-color: var(--bg-light-red) }
    .bg-ca4{ background-color: var(--bg-light-yellow) }
        
    #summary .collapse:not(.show) {height: auto; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;  }
    #summary .collapsing { min-height: 112px !important;}
    #summary a.showmore.collapsed>i  {transform: rotate(180deg);}

        
    .four-lines {height: 112px !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  }
    .three-lines {height: 75px !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  }
    
    .top-border {
      position: fixed;
      border-top: 5px solid var(--bund-red);
      z-index: 10000;
      top: 0;
      width: 100%;
    }
    
    .footer {
      background-color: var(--bs-gray-300);
      color: var(--bs-gray-600);
      border-top: 6px solid var(--bs-gray-100);
      border-bottom: 2rem solid var(--bs-gray-600);
    }
    


  

  main > div:first-child{
    padding-top: 3rem;
  }
  
  .nav-main {
    padding-top:.1rem;
    padding-bottom:.1rem;
    transition: .5s padding, .5s box-shadow;
    border-top: 5px solid transparent;
    /*border-bottom: 1px solid var(--bs-gray-200);*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) !important;
  }
  
  
  
  /* Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) {  
      .nav-main {
        padding-top:2rem;
        padding-bottom:.75rem;
      }
      main > div:first-child{
        padding-top: 150px !important;
      }
      
    }
  
  
  
  .scrolled .nav-main{
    padding-top:0.1rem;
    padding-bottom:.1rem;
    background-color:white !important;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
  }
  
  
  .searching .scrolled .nav-main {
    box-shadow: none !important;
    border-bottom: none;
  }
  
  
  
   .nav-main .navbar-brand{
     font-size: 1rem;
   }
   
   
   .nav-main .sub-menu{
     top:-2.2rem;
     opacity:0;
     transition: .1s opacity;
   }
   
   
   
   .logo{
     background-image: url("/assets/img/logo/logo-bund.svg");
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 180px;
      width: 30px;
      height: 30px;
      transition: .25s all;

   }
   .nav-main .vr{
       display:none;
     }

    .logo-banner{
      opacity: 1;
       animation: fadelogo 1.2s ease-in-out;
      
    }
    
    @keyframes fadelogo {
       0% {
          opacity: 0;
          transform: translateY(-50px);   }
       100% {
          opacity: 1;
          transform: translateY(0px);
       }
    }
    
    
   /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {  
      .logo{
        background-size: 240px;
        width: 248px;
        height: 60px;
     }
      .navbar-brand{
        margin-bottom: 2.4rem;
        transition: .5s margin;

      }
     
     .nav-main .vr{
       display:inline-block;
     }
      .nav-main .sub-menu{
       opacity:1;
     }
      
    }
   
   
   .scrolled .logo{
      background-size: 180px;
      width: 30px;
      height: 30px;
   }
   
   .scrolled .navbar-brand{
      margin-bottom: 0;

   }
   
   .scrolled .nav-main .sub-menu{
     opacity:0;
   }
   
   .scrolled .nav-main .vr{
     display:none;
   }
   
   
   
   
     .nav-indent{
       text-indent: -1.6rem;
        padding-left: 2.4rem;
     }
     
     .tooltip-inner{
       font-size:0.8rem;
       font-weight: 200;
       border-radius:0;
     }
     

     
     .fa-source0::before {
        content:"\f0c8";
        color: #eeeeee;
      }
      .fa-source1::before {
        content: "\f006";
        color: red ;
      }
      .fa-source2::before {
        content:"\f0c8";
        color: inherit ;
      }