body {
        background: #e5ebfa;
      }
  *{
    padding: 0;margin: 0; box-sizing: border-box;
  }
      .container_p {
        padding: 1.5rem;
        background: #fff;
      }
  
      .container_p .card_right {
        height: 28.5rem;
        background: #f7f5fa;
        border: none;
      }
  
      
      .project_list {
        
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 0px 10px;
        grid-template-areas:
          ". . . . . .";
  overflow-x: auto;
  
      }
  
      .project_list a {
        width: 7.85rem;
        height: unset;
        text-decoration: none;
        color: #505050;
        background: #fff;
        display: inline-block;
  
      }
  
      .project_list li .active  {
        background: #951b81;
        color: #fff;
        fill: #fff;
      }
     
  
 
  
      .project_main_text p span svg {
        background: #3d9be9;
        border-radius: 50%;
        padding: .5em;
        fill: #fff;
        margin-right: .7em;
      }
  
      .project_main_text p {
        font-size: 1.2em;
      }
  
      .main_bottom {
        position: relative;
        padding-bottom: 2em;
      }
  
      .main_bottom h5 {
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: normal;
        margin-left: 16%;
        line-height: 1.6em;
        margin-top: 2rem;
  
      }
  
      .main_bottom svg {
        position: absolute;
        inset: 4em 7em auto auto;
      }
  
      .main_bottom div .d-flex {
        margin-left: 16%;
        font-size: 1.5em;
        line-height: 1.3em;
        margin-top: 1.5rem;
      }
  
  
      .right_area_content {
        height: 7rem;
        width: 7.5rem;
        background: #e3e1e8;
        text-align: center;
  
      }
  
      .right_area_content h5 {
        font-size: 1.3rem;
        font-weight: 700;
      }
  
      .right_area_content p {
        font-size: 24px;
        letter-spacing: .07em;
        line-height: 1.2em;
        font-weight: bold;
        color: black;
        font-family: wfont_820f19_ca031a53f7034d36a862165418fb882a,wf_ca031a53f7034d36a86216541,orig_hind_bold;
  
      }
  
      .right_area_content p .spanClr {
        font-size: .7em;
        line-height: 1em;
        font-weight: 500;
        color: #951b81;
        letter-spacing: normal;
        font-family: wfont_820f19_8380a55834504f5382f1726ce6397b9b,wf_8380a55834504f5382f1726ce,orig_roboto;
  
      }
  
        
   
        .daswt{
          font-weight: 300 !important;
          font-family: wfont_820f19_ec7253f2bf2343dba6eb9664e8e7b0a5, wf_ec7253f2bf2343dba6eb9664e, orig_roboto_light !important;
          color: black !important;
          font-size: 18px;
          line-height: 1.7em !important;
          margin-bottom: 2rem !important;
        }
      
        .project_main_text,
        .lebenP {
          padding-left: 2.5rem !important;
        }
      .right-area22 {
        margin-top: 1em;
      }
  
      .right_area2 h5 {
        font-weight: bold;
        font-style: normal;
        line-height: 1.4em;
        letter-spacing: 0.06em;
        font-size: 23px;
        color: black;
      }
  
      
  
      .right_area2 p {
        color: #951b81;
        font-size: 18px;
line-height: 1.3em;
font-weight: 500;
font-family: wfont_820f19_8380a55834504f5382f1726ce6397b9b,wf_8380a55834504f5382f1726ce,orig_roboto;
margin-bottom: 0;
      }
  
      .right_area_btn {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
      }
  .tab11cont{
    font-family: wfont_820f19_ec7253f2bf2343dba6eb9664e8e7b0a5,wf_ec7253f2bf2343dba6eb9664e,orig_roboto_light;
    font-size: 18px;
    
  }
      .right_area_btn button {
        background: #e5ebfa;
          background-color: rgb(229, 235, 250);
        color: #0b0a0a;
        border: none;
         width: 15.2rem;
        margin: auto;
          margin-top: auto;
        margin-top: 1em;
        font-size: 16px;
        font-family: wfont_820f19_8380a55834504f5382f1726ce6397b9b,wf_8380a55834504f5382f1726ce,orig_roboto;
      }
  
      .right_area_btn button:nth-child(2) {
        background: #3d9be9;
      }
  
      .right_area_btn button:hover {
        background: #020303;
        color: #0b0a0a;
      }
      .lebenP p{
        color: #0b174c;
        line-height: 1.5rem;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 2rem;
        font-size: 18px; font-weight: 300; font-family: inherit; font-family: wfont_820f19_ec7253f2bf2343dba6eb9664e8e7b0a5,wf_ec7253f2bf2343dba6eb9664e,orig_roboto_light;
      }
      .main-head{
    display: flex;
    flex-wrap: wrap;
  }
  .main-head11{
    display: flex;
    flex-wrap: wrap;
  }
  .main-head11 .right-area {
    padding-left: 1.5rem;
  }
  .main_bottom .mob122 {
    padding-top: 1rem;
  }
  @media screen and (max-width: 900px) and (min-width: 600px) {
    .container_p .col-sm-9 {
      width: 66.66% !important;
    }
    .container_p .col-sm-3 {
      width: 33.33% !important;
    }
    .container_p .card_right .card-title {
    color: #3d9be9;
    font-size: 20px;
    margin-bottom: 0.05em;
    }
    .container_p .card_right .card-body .bhu{
     font-size: 1.3rem !important;
     margin-bottom: 0rem !important;
      }
      .right_area_content p {
    font-size: 1em;}
    .right_area2 h5 {
    font-size: 1.1rem;}
 
    .btn-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .3rem;
  }
    .main_bottom svg {
    position: absolute;
    inset: 2em 3em auto auto;
    }

    }
      @media screen and (max-width: 480px) {
        .right_area_content p {
          font-size: 22px;
        }
        .input-group-text {
          display: flex;
          align-items: center;
          padding: .375rem .25rem;
        }
        .input-group-append{
          width: unset !important;
        }
        .project_list {
          overflow-x: auto;
        }
  
        .main_bottom div .d-flex {
          margin-left: 0%;
        }
  
        .project_main_text p {
          font-size: calc(.73em + 1vmin);
        }
  
        .scg h5{
         font-size: 1.7rem !important;
       }   
       .scg p{
         font-size: .93rem !important;
       }   
       .btn-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .3rem;
  }
  
       .main_bottom h5 {
    font-size: 1.2rem;
    margin-left: 9%;
  padding: 0;}
       .main_bottom p {
    font-size: 1rem;
     margin-left: 6%;}
  .main_bottom svg {
     inset: 3em .05em auto auto;
  }
  .project_main_text  .faq-title{
      font-size: calc(1em + 1vmin);}
      .project_main_text .faq-text {
          font-size: calc(.8em + 1vmin);
        }
        .main-head11 .col-sm-9{
          width: 21rem;
        }
        .container_p .pe-4 {
    padding-right: 0rem !important;
  }
  .main-head11 {
    justify-content: center;
  }
  .main-head11 .right-area {
    padding-left: 0rem;
  }
  .graphBox {
    height: 25vh;
    }
    .project_main_text{
      margin-top: .5rem !important;
    }
  .lebenP p{
    font-size: 1rem;
  }
      }
 
      
      
  
  
      .container_p .card_right {
        height: 28.5rem;
        background: #f7f5fa;
        border: none;
      }

  
  
  

  
      .project_main_text p span svg {
        background: #3d9be9;
        border-radius: 50%;
        padding: .5em;
        fill: #fff;
        margin-right: .7em;
      }
  
     
  
      .main_bottom {
        position: relative;
        padding-bottom: 2em;
      }
  
      .main_bottom h5 {
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: normal;
        margin-left: 16%;
        line-height: 1.6em;
        margin-top: 2rem;
  
      }
  
      .main_bottom svg {
        position: absolute;
        inset: 4em 7em auto auto;
      }
  
      .main_bottom div .d-flex {
        margin-left: 16%;
        font-size: 1.5em;
        line-height: 1.3em;
        margin-top: 1.5rem;
      }
  
      
      
  
      .right_area_content {
        height: 7rem;
        width: 7.5rem;
        background: #e3e1e8;
        text-align: center;
  
      }
  
      .right_area_content h5 {
        font-size: 1.3rem;
        font-weight: 700;
      }
  
    
  
      
  
      .right-area22 {
        margin-top: 1em;
      }
  
     
  
      
  
      .right_area_btn {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
      }
  
    
  
      .right_area_btn button:nth-child(2) {
        background: #3d9be9;
      }
  
      .right_area_btn button:hover {
        background: #689ADE;
        color: #0b0a0a;
      }
  
      
      
  
      .beteling_detail .row1 {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        flex-wrap: wrap;
      }
  
      .beteling_detail .row1 button {
        width: calc(9em + 1vmin);
        text-align: start;
        margin-top: .5rem;
        padding: calc(.4em + 1vmin);
      }
  
  
  
  
      .beteling_detail .row2 {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        margin-top: 1rem;
      }
      .beteling_detail .row2 button:nth-child(1){
        margin-right: 1.7rem;
      }
      .beteling_detail .row2 button {
        width: calc(15em + 1vmin);
        margin-top: .5rem;
        padding: calc(.4em + 1vmin);
        text-align: start;
      }
  
      .beteling_detail .row2 .text-right1 {
        text-align: end !important;
        font-weight: 400;
      }
  
      .btn_color {
        background: #e3e1e8;
        outline: none;
        border: none;
        color: #505050;
      }
  
      .btn_color:hover {
        background: #e3e1e8;
        color: #505050;
      }
  
      .btn_color2 {
        background: #e5ebfa;
        outline: none;
        border: none;
        color: #505050;
      }
  
      .btn_color2:hover {
        background: #e5ebfa;
        color: #505050;
      }
  
      .btn_color31 {
        background: #6abaea;
        outline: none;
        border: none;
        color: #fff;
      }
  
      /*.btn_color31:hover {
        background: #6abaea;
        color: #fff;
      }*/

      .btn_color35 {
        background: #9BCB6C;
        outline: none;
        border: none;
        color: #fff;
      }

      .btn_color36 {
        background: #3D9BE9;
        outline: none;
        border: none;
        color: #fff;
      }
  
      /*.btn_color35:hover {
        background: #6abaea;
        color: #fff;
      }*/
  
      .btn_color32 {
        background: #ff8400;
        outline: none;
        border: none;
        color: #fff;
      }
  
      /*.btn_color32:hover {
        background: #ff8400;
        color: #fff;
      }*/
  
      .btn_color33 {
        background: #951b81;
        outline: none;
        border: none;
        color: #fff;
      }
  
      /*.btn_color33:hover {
        background: #951b81;
        color: #fff;
      }*/
  
      .btn_color34 {
        background: #d4af37;
        outline: none;
        border: none;
        color: #fff;
      }
  
      /*.btn_color34:hover {
        background: #d4af37;
  
        color: #fff;
      }*/
      .main-head{
    display: flex;
    flex-wrap: wrap;
  }
  .main-head11{
    display: flex;
    flex-wrap: wrap;
  }
  .main-head11 .right-area {
    padding-left: 1.5rem;
  }
  .main_bottom .mob122 {
    padding-top: 1rem;
  }
  
  @media screen and (max-width: 900px) and (min-width: 600px) {
    .container_p .col-sm-9 {
      width: 66.66% !important;
    }
    .container_p .col-sm-3 {
      width: 33.33% !important;
    }
    .container_p .card_right .card-title {
    color: #3d9be9;
    font-size: 20px;
    margin-bottom: 0.05em;
    }
    .container_p .card_right .card-body .bhu{
     font-size: 1.3rem !important;
     margin-bottom: 0rem !important;
      }
    
    .right_area2 h5 {
    font-size: 1.1rem;}
  
    
 
  
    .main_bottom svg {
    position: absolute;
    inset: 2em 3em auto auto;
    }
    .btn-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .3rem;
  }
  
    }
  
  
      @media screen and (max-width: 480px) {
        .project_list {
          overflow-x: auto;
        }
  
        .main_bottom div .d-flex {
          margin-left: 0%;
        }
  .container_p .scg{
  font-size: 1.7rem !important;
  }
  .container_p .scg p{
    font-size: .906rem;
  }
  .btn-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .3rem;
  }
        .project_main_text p {
          font-size: calc(.7em + 1vmin);
  line-height: 1.7em;}
  .main_bottom h5{
    font-size: 1.3rem;
    margin-left: 6%;
  }
  .main_bottom div .d-flex {
    font-size: 1.1em;}
  
        
        .project_list{
          overflow-x: auto;
        }
        .main_bottom div .d-flex {
          margin-left: 0%;}
        
        .project_main_text p {
          font-size: calc(.73em + 1vmin);
        }
       .scg h5{
         font-size: 1.7rem !important;
       }   
       .scg p{
         font-size: .93rem !important;
       }   
   
       .main_bottom h5 {
    font-size: 1.2rem;
    margin-left: 9%;
  padding: 0;}
       .main_bottom p {
    font-size: 1rem;
     margin-left: 6%;}
  .main_bottom svg {
     inset: 3em .05em auto auto;
  }
  .project_main_text  .faq-title{
      font-size: calc(1em + 1vmin);}
      .project_main_text .faq-text {
          font-size: calc(.8em + 1vmin);
        }
        .main-head11 .col-sm-9{
          width: 21rem;
        }
        .container_p .pe-4 {
    padding-right: 0rem !important;
  }
  .main-head11 {
    justify-content: center;
  }
  .main-head11 .right-area {
    padding-left: 0rem;
  }
  
}
.tabContent {
display:none;
}  
   
  
  body {
    background: #e5ebfa;
  }
  .container_p {
    padding: 1.5rem;
    background: #fff;
  }
  .container_p .card_right {
    height: 28.5rem;
    background: #f7f5fa;
    border: none;
  }

 

  .project_main_text p span svg{
      background: #3d9be9;
      border-radius: 50%;
      padding: .5em;
      fill: #fff;
      margin-right: .7em;
  }
  .project_main_text p{
      font-size: 1.2em;
  }
  .main_bottom{
      position: relative;
      padding-bottom: 2em;
  }
  .main_bottom h5{
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: normal;
      margin-left: 16%;
      line-height: 1.6em;
      margin-top: 2rem;

  }
  .main_bottom svg{
      position: absolute;
      inset: 4em 7em auto auto;
  }
  .main_bottom div .d-flex{
    margin-left: 16%;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 1.5rem;
  }

  
  .right_area_content{
height: 7rem;
width: 7.5rem;
background: #e3e1e8 ;
text-align: center;

}
.right_area_content h5{
font-size: 1.3rem;
font-weight: 700;
}



.right-area22{
margin-top: 1em;
}

.right_area_btn{
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}

.right_area_btn button:nth-child(2){
background: #3d9be9;
}
.right_area_btn button:hover{
background: #689ADE;
color: #0b0a0a;
}

.project_main_text p {
font-size: calc(.7em + 1vmin);
line-height: 1.4em;
}
.w-775 {

padding-right: 0;
padding-left: 0;
}
.Schritt_innerText p{
  margin-bottom: 0;
}
.main_logoPic{
display: flex;
justify-content: space-around;
align-content: center;
flex-wrap: wrap;
padding-bottom: 1rem;
}
.Schritt_innerText,
.Schritt_innerText1{
display: flex;
justify-content: space-between;
align-content: center;
flex-wrap: wrap;
}
.Schritt_innerText p{
height: 1.6rem;
font-size: 18px;
font-weight: 400;
line-height: 1.7em;

}
.Schritt_innerText1 p{
font-size: 18px;
font-weight: normal;
margin-bottom: 0;
line-height: 1.7em;
}
.Schritt h5{
color: #3d9be9;
letter-spacing: 0.1em;
font-size: 22px;
font-weight: bolder;
font-family: 'Roboto', sans-serif;

}

.Schritt{
display: flex;
justify-content: space-between;
align-content: center;
flex-wrap: wrap;
background: #e5ebfa;
}
.right_area2 h5 {
cursor: pointer;
}
.main-head{
display: flex;
flex-wrap: wrap;
}
.main-head11{
display: flex;
flex-wrap: wrap;
}
.main-head11 .right-area {
padding-left: 1.5rem;
}
.main_bottom .mob122 {
padding-top: 1rem;
}
@media screen and (max-width: 900px) {
.w-775 {
width: 100% !important;
margin-left: 3rem;
padding-right: 0;
}
}

@media screen and (max-width: 900px) and (min-width: 600px) {
.container_p .col-sm-9 {
width: 66.66% !important;
}
.container_p .col-sm-3 {
width: 33.33% !important;
}
.container_p .card_right .card-title {
color: #3d9be9;
font-size: 20px;
margin-bottom: 0.05em;
}
.container_p .card_right .card-body .bhu{
font-size: 1.3rem !important;
margin-bottom: 0rem !important;
}
.right_area_content p {
font-size: 1em;}
.right_area2 h5 {
font-size: 1.1rem;}


.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}

.main_bottom svg {
position: absolute;
inset: 2em 3em auto auto;
}
.containerGraph p {
font-size: calc(.6em + 1vmin);
}
.mob333{
font-size: .9em !important;
}
.project_main_text p {
font-size: calc(.5em + 1vmin) !important;
line-height: 1.4em;
}
}

@media screen and (max-width: 480px) {
.project_list{
overflow-x: auto;
}
.main_bottom div .d-flex {
margin-left: 0%;}

.project_main_text p {
font-size: calc(.65rem + 1vmin);
}
.project_main_text h3 {
font-size: calc(.94rem + 1vmin);
}
.w-775 {
width: 100% !important;
margin-left: 0rem;}
.Schritt div{
width: 100% !important;
}  
.mob h5{
font-size: 1.7rem !important;
}
.mob p{
font-size: .93rem !important;
}

.scg h5{
font-size: 1.7rem !important;
}   
.scg p{
font-size: .93rem !important;
}  
.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}

.main_bottom h5 {
font-size: 1.2rem;
margin-left: 9%;
padding: 0;}
.main_bottom p {
font-size: 1rem;
margin-left: 6%;}
.main_bottom svg {
inset: 3em .05em auto auto;
}
.project_main_text  .faq-title{
font-size: calc(1em + 1vmin);}
.project_main_text .faq-text {
font-size: calc(.8em + 1vmin);
}
.main-head11 .col-sm-9{
width: 21rem;
}
.container_p .pe-4 {
padding-right: 0rem !important;
}
.main-head11 {
justify-content: center;
}
.main-head11 .right-area {
padding-left: 0rem;
}

.project_main_text{
margin-top: .5rem !important;
}
}




    .container_p {
      padding: 1.5rem;
      background: #fff;
    }
    .container_p .card_right {
      height: 28.5rem;
      background: #f7f5fa;
      border: none;
    }

    .project_list a:hover{
    background: #951b81;
    color: #fff;
    }
    .project_list a:hover svg{
        fill: #fff;
    }
    .project_list a:hover p{
        color: #fff !important;
    }
    .project_main_text p span svg{
        background: #3d9be9;
        border-radius: 50%;
        padding: .5em;
        fill: #fff;
        margin-right: .7em;
    }
    .project_main_text p{
        font-size: 1.2em;
    }
    .main_bottom{
        position: relative;
        padding-bottom: 2em;
    }
    .main_bottom h5{
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: normal;
        margin-left: 16%;
        line-height: 1.6em;
        margin-top: 2rem;

    }
    .main_bottom svg{
        position: absolute;
        inset: 4em 7em auto auto;
    }
    .main_bottom div .d-flex{
      margin-left: 16%;
      font-size: 1.5em;
      line-height: 1.3em;
      margin-top: 1.5rem;
    }
   
    
    .right_area_content{
height: 7rem;
width: 7.5rem;
background: #e3e1e8 ;
text-align: center;

}
.right_area_content h5{
  font-size: 1.3rem;
  font-weight: 700;
}



.right-area22{
  margin-top: 1em;
}


.right_area_btn{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.right_area_btn button:nth-child(2){
  background: #3d9be9;
}
.right_area_btn button:hover{
  background: #689ADE;
  color: #0b0a0a;
}

.project_main_text p {
font-size: calc(.8em + 1vmin);
line-height: 1.4em;
}

.beteling_detail .row1{
display: flex;
justify-content: space-evenly;
align-content: center;
flex-wrap: wrap;
}
.beteling_detail .row1 button{
width: calc(9em + 1vmin);
text-align: start;
margin-top: .5rem;
padding: calc(.4em + 1vmin);
}

.right_area2 h5 {
cursor: pointer;
}



.beteling_detail .row2 button{
width: calc(15em + 1vmin);
margin-top: .5rem;
padding: calc(.4em + 1vmin);
text-align: start;
}

.beteling_detail .row2 .text-right1{
text-align: end !important;
font-weight: 400;
}
.btn_color{
background: #e3e1e8;
outline: none;
border: none;
color: #505050;
}
.btn_color:hover{
background: #e3e1e8;
color: #505050;
}
.btn_color2{
background: #e5ebfa;
outline: none;
border: none;
color: #505050;
}
.btn_color2:hover{
background: #e5ebfa;
color: #505050;
}


.project_main_text  h1{
font-size: calc(1.5em + 1vmin);
overflow-y: hidden;
padding-bottom: 1px;

}
.project_main_text .faq-title{
font-size: calc(1.2em + 1vmin);
}


.containerGraph{
margin-top: 2em;
}
.containerGraph h3{
color: #3d9be9;
}
.containerGraph p{
font-size:calc(.8em + 1vmin);
}
.main-head{
display: flex;
flex-wrap: wrap;
}
.main-head11{
display: flex;
flex-wrap: wrap;
}
.main-head11 .right-area {
padding-left: 1.5rem;
}
.main_bottom .mob122 {
padding-top: 1rem;
}
@media screen and (max-width: 900px) and (min-width: 600px) {
.container_p .col-sm-9 {
width: 66.66% !important;
}
.container_p .col-sm-3 {
width: 33.33% !important;
}
.container_p .card_right .card-title {
color: #3d9be9;
font-size: 20px;
margin-bottom: 0.05em;
}
.container_p .card_right .card-body .bhu{
font-size: 1.3rem !important;
margin-bottom: 0rem !important;
}
.right_area_content p {
font-size: 1em;}
.right_area2 h5 {
font-size: 1.1rem;}


.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}

.main_bottom svg {
position: absolute;
inset: 2em 3em auto auto;
}
.containerGraph p {
font-size: calc(.6em + 1vmin);
}

}
@media screen and (max-width: 480px) {
.project_list{
overflow-x: auto;
}
.main_bottom div .d-flex {
margin-left: 0%;}

.project_main_text p {
font-size: calc(.73em + 1vmin);
}
.scg h5{
font-size: 1.7rem !important;
}   
.scg p{
font-size: .93rem !important;
}  
.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}

.main_bottom h5 {
font-size: 1.2rem;
margin-left: 9%;
padding: 0;}
.main_bottom p {
font-size: 1rem;
margin-left: 6%;}
.main_bottom svg {
inset: 3em .05em auto auto;
}
.project_main_text  .faq-title{
font-size: calc(1em + 1vmin);}
.project_main_text .faq-text {
font-size: calc(.8em + 1vmin);
}
.main-head11 .col-sm-9{
width: 21rem;
}
.container_p .pe-4 {
padding-right: 0rem !important;
}
.main-head11 {
justify-content: center;
}
.main-head11 .right-area {
padding-left: 0rem;
}

.project_main_text{
margin-top: .5rem !important;
}
}


    .container_p .card_right {
      height: 28.5rem;
      background: #f7f5fa;
      border: none;
    }
    .container_p .card_right .card-title {
      color: #3d9be9;
      font-size: 27px;
      line-height: 1.7em;
      font-weight: bolder;
      text-align: start;
      letter-spacing: normal;
      margin: 25px 0px -21px calc((100% - 251px) * 0.5);
      font-family: wfont_820f19_ca031a53f7034d36a862165418fb882a,wf_ca031a53f7034d36a86216541,orig_hind_bold;
      margin-bottom: .01em;
    }
   
  
  
    .project_main_text p span svg{
        background: #2270df;
        border-radius: 50%;
        padding: .5em;
        fill: #fff;
        margin-right: .7em;
    }
    .project_main_text p{
        font-size: 1.2em;
    }
    .main_bottom{
        position: relative;
        padding-bottom: 2em;
        margin-top: 4rem;
    }
    .main_bottom h5{
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: normal;
        margin-left: 16%;
        line-height: 1.6em;
        margin-top: 2rem;

    }
    .main_bottom svg{
        position: absolute;
        inset: 4em 7em auto auto;
    }
    .main_bottom div .d-flex{
      margin-left: 16%;
      font-size: 1.4em;
      line-height: 1.3em;
      margin-top: 1.5rem;
    }
   
    
    .right_area_content{
height: 7rem;
width: 7.5rem;
background: #e3e1e8 ;
text-align: center;

}
#shares{
  width: calc(10em + 1vmin);
  height: 4.1rem !important;
  margin-top: 0.5rem;
}
.input-group-append{
  height: 4.1rem !important;
  margin-top: .5rem !important;
  width: unset !important;
}
.right_area_btn button a{
  text-decoration: none;
  color: #020303;
}

.right_area_content h5{
  font-size: 1.3rem;
  font-weight: 700;
}


.right_area2 h5 {
cursor: pointer;
font-family: wfont_820f19_ca031a53f7034d36a862165418fb882a,wf_ca031a53f7034d36a86216541,orig_hind_bold;
}

.right-area22{
  margin-top: 1em;
}


.right_area_btn{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.right_area_btn button:nth-child(2){
  background: #3d9be9;
}
.right_area_btn button:hover{
  background: #689ADE;
  color: #0b0a0a;
}

.project_main_text p {
font-size: calc(.8em + 1vmin);
line-height: 1.4em;
}

.beteling_detail .row1{
display: flex;
justify-content: space-evenly;
align-content: center;
flex-wrap: wrap;
}
.beteling_detail .row1 button{
width: calc(9em + 1vmin);
text-align: start;
margin-top: .5rem;
padding: calc(.4em + 1vmin);
}





.beteling_detail .row2 button{
width: calc(15em + 1vmin);
margin-top: .5rem;
padding: calc(.4em + 1vmin);
text-align: start;
}

.beteling_detail .row2 .text-right1{
text-align: end !important;
font-weight: 400;
}
.btn_color{
background: #e3e1e8;
outline: none;
border: none;
color: #505050;
}
.btn_color:hover{
background: #e3e1e8;
color: #505050;
}
.btn_color2{
background: #e5ebfa;
outline: none;
border: none;
color: #505050;
}
.btn_color2:hover{
background: #e5ebfa;
color: #505050;
}



.project_main_text  h1{
font-size: calc(1.5em + 1vmin);
overflow-y: hidden;
padding-bottom: 1px;

}
.project_main_text .faq-title{
font-size: calc(1.2em + 1vmin);
}


.containerGraph{
margin-top: 2em;
}
.containerGraph h3{
color: #3d9be9;
}
.containerGraph p{
font-size:calc(.8em + 1vmin);
}


.main-head{
display: flex;
flex-wrap: wrap;
}
.main-head11{
display: flex;
flex-wrap: wrap;
}
.main-head11 .right-area {
padding-left: 1.5rem;
}
.main_bottom .mob122 {
padding-top: 1rem;
}
.container_p{
  padding-left: 0;
}

.main_bottom svg {
position: absolute;
inset: 4em 20% auto auto;
}

@media screen and (max-width: 900px) and (min-width: 600px) {
.container_p .col-sm-9 {
width: 66.66% !important;
}
.container_p .col-sm-3 {
width: 33.33% !important;
}
.container_p .card_right .card-title {
color: #3d9be9;
font-size: 20px;
margin-bottom: 0.05em;
}
.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}
.container_p .card_right .card-body .bhu{
font-size: 1.3rem !important;
margin-bottom: 0rem !important;
}
.right_area_content p {
font-size: 1em;}
.right_area2 h5 {
font-size: 1.1rem;}



.main_bottom svg {
position: absolute;
inset: 2em 3em auto auto;
}
.containerGraph p {
font-size: calc(.6em + 1vmin);
}
}

@media screen and (max-width: 480px) {
.project_list{
overflow-x: auto;
}
.main_bottom div .d-flex {
margin-left: 0%;}

.project_main_text p {
font-size: calc(.75em + 1vmin);
}
.scg h5{
font-size: 1.7rem !important;
}   
.scg p{
font-size: .93rem !important;
} 
.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}  

.main_bottom h5 {
font-size: 1.2rem;
margin-left: 9%;
padding: 0;}
.main_bottom p {
font-size: 1rem;
margin-left: 6%;}
.main_bottom svg {
inset: 3em .05em auto auto;
}
.project_main_text  .faq-title{
font-size: calc(1em + 1vmin);}
.project_main_text .faq-text {
font-size: calc(.8em + 1vmin);
}
.main-head11 .col-sm-9{
width: 21rem;
}
.container_p .pe-4 {
padding-right: 0rem !important;
}
.main-head11 {
justify-content: center;
}
.main-head11 .right-area {
padding-left: 0rem;
}
.graphBox {
height: 25vh;
}
.project_main_text{
margin-top: .5rem !important;
}
}


   
 
   
   
.right-area1 {
  display: flex;
  justify-content: center;
  width: 15.2rem;
  margin: auto;
}
.right-area1 .right_area_content:nth-child(1){
  margin-right: .7em;
}  
.right_area_content{
height: 7rem;
width: 7.5rem;
background: #e3e1e8 ;
text-align: center;

}
.right_area_content h5{
  font-size: 1.3rem;
  font-weight: 700;
}



.right_area2 {
text-align: center;
background: #e3e1e8;
margin-top: 1em;
padding: 0;
margin: auto;
padding-bottom: .5em;
padding-top: 1em;
width: 15.2rem;
margin-bottom: 1em;
}
.right-area22{
  margin-top: 1em;
}


.right_area_btn{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.right_area_btn button:nth-child(2){
  background: #3d9be9;
}
.right_area_btn button:hover{
  background: #689ADE;
  color: #0b0a0a;
}

.project_main_text p {
  font-size: 18px;
line-height: 1.6em;
color: #000;
font-weight: 300;
font-family: 'Roboto', sans-serif;
font-family: wfont_820f19_8380a55834504f5382f1726ce6397b9b,wf_8380a55834504f5382f1726ce,orig_roboto;
}
#tab3 .project_main_text p {
  font-size: 18px;
line-height: 1.6em;
color: #0b174c;
font-weight: 300;
font-family: unset;
}

.beteling_detail .row1{
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
.beteling_detail .row1 button{
width: calc(11.5em + 1vmin);
text-align: start;
margin-top: .5rem;
padding: calc(.4em + 1vmin);
}


.button12{
  color: black !important;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;

}
.beteling_detail button span{
  font-size: 24px !important;
}

.beteling_detail .row2 button{
  width: calc(18em + 1vmin);
  margin-top: .5rem;
  text-align: start;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}


.beteling_detail .row2 .text-right1{
text-align: end !important;
font-weight: 400;
}
.btn_color{
background: #e3e1e8;
outline: none;
border: none;
color: #505050;
}
.btn_color:hover{
background: #e3e1e8;
color: #505050;
}
.btn_color2{
background: #e5ebfa;
outline: none;
border: none;
color: #505050;
}
.btn_color2:hover{
background: #e5ebfa;
color: #505050;
}
.btn_color31{
background: #3d9be9;
outline: none;
border: none;
color: #fff;
}
.btn_color31:hover{
//background: #6abaea;
color: #fff;
}
.btn_color35:hover{
//background: #6abaea;
color: #fff;
}
.btn_color36:hover{
//background: #6abaea;
color: #fff;
}
.btn_color32{
background: #ff8400;
outline: none;
border: none;
color: #fff;
}
.btn_color32:hover{
//background: #ff8400;
color: #fff;
}
.btn_color33{
background: #951b81;
outline: none;
border: none;
color: #fff;
}
.btn_color33:hover{
//background: #951b81;
color: #fff;
}
.btn_color34{
background: #d4af37;
outline: none;
border: none;
color: #fff;
}
.btn_color34:hover{
//background: #d4af37;

color: #fff;
}
/* faq */
h1{
margin:50px 0 30px;
text-align: center;
}
.fa-container{
max-width:600px;
margin:0 auto;
}
.faq{
background-color:transparent;
border-bottom: 1px solid #9fa4a8;
margin:7px 0;
padding:30px;
position:relative;
overflow:hidden;
transition: 0.3s ease;
}
.faq.active{
background-color:white;
box-shadow:O 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}


.faq-title{
margin:0 35px 0 0;
overflow-y: hidden;
}
.faq-text{
display:none;
margin:.9rem 0 0;
}
.faq.active .faq-text{
display:block;
}
.faq-toggle{
background-color: transparent;
border: 0;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size:16px;
position: absolute;
top: 30px;
right:30px;
height:30px;
width:30px;
}
.faq-toggle:focus{
outline:0;
}
.faq-toggle .fa-times{
display: none;
}

.faq.active .faq-toggle .fa-times{
display: block;
color:white;
}

.faq.active .faq-toggle .fa-chevron-down{
display: none;
}
.faq.active .faq-toggle{
background-color: #9FA4A8;
}
.project_main_text  h1{
font-size: calc(1.5em + 1vmin);
overflow-y: hidden;
padding-bottom: 1px;

}
.project_main_text .faq-title{
  color: rgb(0, 0, 0);
  font: bold 20px / 1.2em wfont_820f19_ec7253f2bf2343dba6eb9664e8e7b0a5, wf_ec7253f2bf2343dba6eb9664e, orig_roboto_light;
}
.main-head{
display: flex;
flex-wrap: wrap;
}
.main-head11{
display: flex;
flex-wrap: wrap;
}
.main-head11 .right-area {
  padding-left: 2rem;
  text-align: center;
  padding-right: .5rem;
}
.main_bottom .mob122 {
padding-top: 1rem;
}

@media screen and (max-width: 900px) and (min-width: 600px) {
.container_p .col-sm-9 {
width: 66.66% !important;
}
.container_p .col-sm-3 {
width: 33.33% !important;
}
.container_p .card_right .card-title {
color: #3d9be9;
font-size: 20px;
margin-bottom: 0.05em;
}
.container_p .card_right .card-body .bhu{
font-size: 1.3rem !important;
margin-bottom: 0rem !important;
}
.right_area_content p {
font-size: 1.3em;}
.right_area2 h5 {
font-size: 1.3rem;}

.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}

.main_bottom svg {
position: absolute;
inset: 2em 3em auto auto;
}
.containerGraph p {
font-size: calc(.6em + 1vmin);
}
.project_main_text  .faq-title{
font-size: calc(.9em + 1vmin);}
.project_main_text .faq-text {
font-size: calc(.63em + 1vmin);
}
.beteling_detail .row1 button {
  width: calc(13em + 1vmin);
}
  .right_area2,
  .right-area1,
  .right_area_btn button{
    width: 30rem;
  }
  .right_area_content {
    height: 7rem;
    width: 15rem;
  }
  .Schritt_innerText1 p,
  .Schritt_innerText p{
    font-size: 16px;
  }

}
@media screen and (max-width: 480px) {
.project_list{
overflow-x: auto;
}
.main_bottom div .d-flex {
margin-left: 0%;}

.project_main_text p {
font-size: calc(.9em + 1vmin);
}

.project_main_text p { font-size: calc(.9em + 1vmin);
}
.scg h5{
font-size: 1.7rem !important;
}   
.scg p{
font-size: .93rem !important;
}  
.btn-lg {
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .3rem;
}

.main_bottom h5 {
font-size: 1.2rem;
margin-left: 9%;
padding: 0;}
.main_bottom p {
font-size: 1rem;
margin-left: 6%;}
.main_bottom svg {
inset: 2em .05em auto auto;
}
.project_main_text  .faq-title{
font-size: calc(1em + 1vmin);}
.project_main_text .faq-text {
font-size: calc(.8em + 1vmin);
}
.main-head11 .col-sm-9{
width: 21rem;
}
.container_p .pe-4 {
padding-right: 0rem !important;
}
.main-head11 {
justify-content: center;
}
.main-head11 .right-area {
padding-left: 0rem;
}
.graphBox {
height: 25vh;
}
.project_main_text{
margin-top: .5rem !important;
}
.project_main_text  .faq-title{
font-size: calc(.9em + 1vmin);}
.project_main_text .faq-text {
font-size: calc(.63em + 1vmin);
}

#tab3 .Schritt div{
  padding: .5rem !important;
}
.input-group{
  width: calc(20em + 1vmin) !important;
}
.Schritt_innerText1 p {
  font-size: 12px;
  height: initial;
}
}


section{
  padding-bottom: 0;
}
.tab-content.hide{
  display: none;
}
.tab-content.active{
  display: block;
}
.nav-tabs{
display: flex !important;
border-bottom: none !important;
flex-wrap: nowrap;
}

section{
padding-top: 0;
}
.hero_main{
margin-top: 14rem;
}

.right_area_content p{
  padding-top: 0 !important;
  margin-bottom: 0;
  overflow-y: hidden;
}
.right_area_content{
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab-content.active{
  padding-left: 0;
}
.mob{
  margin-bottom: 0 !important;
}

.beteling_detail{
  background: #fff;
padding-bottom: 2rem
}

/* bar-chart */

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

#container {
    height: 400px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.hero_main,
.container_pp{
  padding-left: 5rem;
padding-right: 5rem;
}
.inner_pro{
  margin-top: .7rem;
}
.nav-tabs li {
margin-right: .8em;
}

.blankTab1{
  background: #e5ebfa;
  height: 3rem;

}
.blankTab2{
  height: 2rem;
background: #e5ebfa;
}
.newrightArea11{
  height: 63rem !important;

}
.newrightArea{
  background: #fff;
padding-bottom: 10rem;
padding-left: 1.7rem;
padding-right: 1.7rem;
height: 51rem;
width: 88%;
}
.right-area{
  padding: 0 !important;
  background: #e5ebfa;
}
#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6
{
  padding-right: 0;
}
.main-head11 .col-sm-9{
  max-width: 71% !important;
}
.main-head11 .col-sm-3{
  max-width: 29% !important;
  flex: 0 0 29%;
}

.project_list .nav-tabs{
  overflow-x: auto;
}


.accordion-button:not(.collapsed){
  color: #000;
  background: #FFF;
}
.accordion-button:focus{
  box-shadow: unset;
}
.accordion-item{
  border: none;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 2rem;
}
.accordion-item:first-child{
  margin-top: 2.5rem;
}
.accordion-button{
  color: rgb(0, 0, 0);
font: bold 20px / 1.2em wfont_820f19_ec7253f2bf2343dba6eb9664e8e7b0a5, wf_ec7253f2bf2343dba6eb9664e, orig_roboto_light;
}

.accordion-body{
  font: bold 17px / 1.2em wfont_820f19_ec7253f2bf2343dba6eb9664e8e7b0a5, wf_ec7253f2bf2343dba6eb9664e, orig_roboto_light;
color: #000;
}
#tab6 .project_main_text{
  padding-bottom: 12rem !important;
}

@media screen and (max-width: 480px){
.main-head .card_right .card-body p:not(first-child){
  padding-left: 0 !important;
  font-size: 17px !important;
}

.right_area_content p {
  font-size: 21px;
}

}

.mobile123,
  .newrightArea{

  height: 52.5rem !important;
}


.project_list a{
  width: 100% !important;
}
.project_list .nav-tabs li{
  width: 16%;
  margin-right: 0 !important;
}
.project_list .nav-tabs{
  gap: 1.2%;
}