
/*HOMEPAGE SLIDER CSS */

#display-posts-home-slider > button.slick-prev.pull-left.fusion-button.button-flat.button-medium.button-default.button-1.fusion-button-default-span.fusion-button-default-type.slick-arrow {

  z-index: 999999;

}

.is_cached {

  position: absolute;
  background: #65bc7b;
  font-style: italic;
  font-weight: 700;
  bottom: 0;
    padding: 6px;
      opacity: 0.5;
}

.is_live {

  position: absolute;
  background: #ddb70c;
  font-style: italic;
  font-weight: 700;
 bottom: 0; 
  padding: 6px;
  opacity: 0.5;
}


select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
  }
  
  #fusion-slider-78>div>ul.slides>li>div.slide-content-container.slide-content-left>div>div.buttons>div.tfs-button-1>div>a {
    background-color: transparent !important
  }
  
  #fusion-slider-78>div>ul.slides>li>div.slide-content-container.slide-content-left>div>div.buttons>div.tfs-button-2>div>a {
    background-color: transparent !important
  }
  
  /* .delayload {display: none; }*/
  

  p.Projekterfolgreichfinanziert, p.Projektstart , p.Projekterfolgreichgetilgt {
 
    /*border-bottom-left-radius: 2px 5px;
    border-bottom-right-radius: 2px 5px;*/
    border-top-left-radius: 5px 5px;

  }
  
 

  /* FIX Projektart wrapping*/
  
  td.tg-yz93 {
    white-space: nowrap;
  }
  
  #Projektrisikohinweis>div>div.fusion-text.fusion-no-small-visibility>h3 {
    color: black !important;
  }
  



  .Projekt-slide {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.7s -webkit-filter ease;
    -o-transition: 0.7s -o-filter ease;
    overflow: hidden;
    padding: 0px !important;
  }
  
  .Projektinformation {
    color: black;
  }
  
  /*
   .show_tile_no {
      
      display: none !important; 
      
  }
  */
  
  @media (min-width: 1000px) {
    #display-posts-mobile-slider {
      display: none;
    }
    #display-posts-desktop-slider {
      padding-left: 0px;
      display: block;
    }
    #display-posts-desktop-slider-anlageprojekte {
      display: block;
      padding-left: 0px;
    }
  }
  
  @media (max-width: 1000px) {
    #display-posts-mobile-slider {
      display: block;
    }
    #display-posts-desktop-slider {
      display: none;
    }
    #display-posts-desktop-slider-anlageprojekte {
      display: none;
    }
  }
  


  
  /*
  
  
  PROGRESSBAR STYLING
  
  
  */
  
  #investmentlimit_ajax_active {
    background-color: #d2e0f4 !important;
    background-size: cover !important;
    width: 100%;
    opacity: 0.6 !important;
    border: 0 !important;
    border-style: none !important;
  }
  
  #investmentprogress_overlay_active {
    opacity: 0.5 !important;
  }
  
  .ui-progressbar {
    width: 100%;
    border: 0 !important;
  }
  
  /*
  .ui-progressbar-value {
     background-image: url(//backup_updtlb/backup_updtlb/dev7-2-21/wp-content/uploads/2021/02/progressbar.png) !important;
     background-size: cover !important;
     border-bottom: 0 !important;
  }
  */
  
  .ui-widget-header {
    border-top: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
  }
  
  .ui-progressbar .ui-progressbar-value {
    margin: 0 !important;
    height: 100%;
    border-radius: 0;
  }
  
  .ui-progressbar-value {
    background-image: linear-gradient( 90deg, #1e1f26 -20px, #4d648d 206px) !important;
    background-size: cover !important;
    border-bottom: 0 !important;
  }
  
  div.ui-progressbar.investmentlimit_other_ajax_style.ui-widget.ui-widget-content {
    width: 100%;
  }
  
  .ui-widget-content {
    background: #ebeaea !important;
  }
  
  #investmentprogress_overlay_active.ui-widget-content {
    width: 100%;
    background-color: #d2e0f4 !important;
    opacity: 0.6 !important;
  }
  
  
  .investmentlimit_other_ajax_style.ui-widget-content {
    background-size: cover !important;
    width: 100%;
    opacity: 0.15 !important;
    border: 0 !important;
    border-style: none !important;
  }
  
  /* ANFANG KACHEL STYLING GENERAL CSS*/
  
  .Projekterfolgreichfinanziert_wrapper, .Projektstart_wrapper {
    position: absolute;
    float: right;
    right: 0;
    margin-top: -58px;
    text-align: center;

    font-family: var(--button_typography-font-family);
    font-weight: var(--button_typography-font-weight);
    font-style: var(--button_typography-font-style,normal);
  }
  
  
  .Projekterfolgreichfinanziert, .Projektstart {
    position: relative;
    width: 100%;
    left: -5px;



    color: white;
    background: #273655;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); */
  }
  

 .Projekterfolgreichgetilgt {
    position: relative;
    padding: 1px;
    width: 100%;
    left: -5px;
    
    /* color: white;
    background: #3DA70A; */

    color: #273655;
    background: #d2e0f4;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); */
  }

  .Projektbild {
   /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); */
   /* border: 0.5px solid #273655; */
   display: block;


  /*height: 100%;*/

  }
  
  .slick-slide img {
    padding: 0px !important;
  }
  
  div.investmentprogress {
    position: relative;
  }
  
  div#investmentlimit {
    position: absolute;
    width: 100%;
    top: 0px;
    font-weight: bold;
    color: whitesmoke;
  }
  
  #investmentlimitprogress {
    opacity: 0.7;
  }
  
  div.progressbarlabel {
    color: white;
    font-family: Palanquin bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
  }
  
  /* ENDE KACHEL STYLING GENERAL CSS*/
  
  /* ANFANG METER STYLING FIREFOX & SAFARI*/
  
  *::-moz-meter-bar {
    -moz-appearance: meterchunk;
    display: inline-block !important;
    float: none !important;
    position: static !important;
    width: 100%;
    height: 12px;
    overflow: visible !important;
  }
  
  *::-moz-progress-bar {
    -moz-appearance: meterchunk;
    display: inline-block !important;
    float: none !important;
    position: static !important;
    width: 100%;
    overflow: visible !important;
    background-color: #4d648d;
  }
  
  /* ENDE METER STYLING FIREFOX & SAFARI*/
  
  /* ANFANG METER STYLING EDGE*/
  
  meter.with-border-fix {
    color: #4d648d;
    border: 0;
  }
  
  meter.with-border-fix::-ms-fill {
    border-color: #FFF;
  }
  
  progress.with-border-fix {
    color: #4d648d;
    border: 0;
  }
  
  progress.with-border-fix::-ms-fill {
    border-color: currentcolor;
  }
  
  /* ENDE METER STYLING EDGE*/
  
  /* ANFANG CHROME METER STYLING für Projektseite*/
  
  meter::-webkit-meter-optimum-value {
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: inset 0px 2px 5px 0 rgba(255, 255, 255, 0.4);
    background-color: #FFF;
  }
  
  progress#investmentprogressprogress::-webkit-progress-value {
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: inset 0px 2px 5px 0 rgba(255, 255, 255, 0.4);
    background-color: #BBB !important;
  }
  
  progress#investmentlimitprogress::-webkit-progress-value {
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: inset 0px 2px 5px 0 rgba(255, 255, 255, 0.4);
    background-color: #4d648d;
  }
  
  meter {
    text-align: center;
  }
  
  meter, progress {
    width: 100%;
    height: 20px;
    border: none;
    color: #4d648d;
  }
  
  /* ENDE CHROME METER STYLING für Projektseite*/
  
  /*
  .tg-0lax {
    padding-left: 15px;
  }
  
 .tg-yz93 {
    padding-right: 15px;
  }
  */

  img.projektart-img {
    position: relative;
    height: auto;
    max-height: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 0;
    text-align: center;
    margin-bottom: -15px;
    text-align: center;
  }
  
  
  .cache_notification {
    top: -55px;
    opacity: 0.4;
  }
  
  .projektname_wrapper {
    position: absolute;
    top: 0;
    LefT: 0;
  }
  
  .projektname {
    background-color: #273655;
    padding-left: 7px;
    padding-right: 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
  
    font-family: var(--button_typography-font-family);
    font-weight: var(--button_typography-font-weight);
    font-style: var(--button_typography-font-style,normal);
  
  }
  
  p.projektname {
    white-space: nowrap;
    color: whitesmoke;
    font-size: 13px;
    margin-left: 0 !important;
    margin-top: 0 !important; 
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
    border-bottom-right-radius: 5px 5px;
  }
  
  #\#slider-placeholder {
    display: none !important;
  }
  
  
  
  
  /*ANFANG PROJEKTSEITE WIDGET STYLING */
  
  .anlageprojekte-template-default .projectfull {
    display: flex;
  }
  
  /*ENDE PROJEKTSEITE WIDGET STYLING V2*/
  
  /* ANFANG FUNDING LIMIT STYLING */
  
  #investmentpercent {
    position: relative;
    right: 0px;
    top: 24px;
    font-size: 20px;
    color: white;
  }
  
  div.investmentbuttondiv {
    top: 20px !important;
    position: relative;
  }
  
  .investmentbuttondiv {
    padding-top: 10px !important;
  }
  
  #fundingschwelle {
    z-index: 999999;
    white-space: nowrap;
    position: relative;
    bottom: 13px;
    font-size: 10px;
    text-align: right;
  }
  
  
  
  .fusion-text.showncontent {
    width: 100% !important;
  }
  
  /* ENDE FUNDING LIMIT STYLING */
  
  
  /*ANLAGEPROJEKTE FLEX FIX -> BLOCK*/
  
  .page-id-2753#main {
    text-align: -webkit-center;
  }
  
  #post-2753>div>div.fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {
    display: block;
  }
  
  #post-2753>div>div.fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling>div.fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start {
    margin-left: auto !important;
    margin-right: auto !important
  }
  
  
  
  /* ANFANG Aktuelle Anlageprojekte light Widget Styling*/
  
  /*
  .lightwidget {
    display: none
  }
  */
  
.fusion-widget-area .Projektinformationdivtotal {
    width: 100%;
  }
  
  .Risikohinweis {
    display: none;
  }
  
 .Sharewidget {
    display: none;
  }
  
  /*
  .investmentbuttondiv {
    display: none;
  }
  */
  /* ANFANG Desktop Projekt Navigation Styling*/
  
  a.mPS2id-highlight {
    color: #4d648d !important;
  }
  
  a.mPS2id-hover {
    color: #4d648d !important;
  }
  
  /* mouse over link */
  
  a:hover {
    color: #4d648d !important;
  }
  
  div.avada-page-titlebar-wrapper {
    width: 100% !important;
  }
  
  div.avada-page-titlebar-wrapper {
    background: #FFF;
    text-align: center;
  }
  
  @media (max-width:976px) {

    .Projekt-slide {transform: scale(0.9);}

    div.avada-page-titlebar-wrapper {
      display: none;
    }
  }
  
  .btn {
    color: #273655 !important;
    font-size: 18px !important;
  }
  
  /* Verstecken von Investmentbutton auf Anlageseite */
  
  .investmentbutton {
    display: none;
  }
  
  /* Projektübersicht Formatierung */
  
  .page-id-2753 h3, .page-id-17 h3 {
    margin-bottom: 0px !important;
  }
  
  /* ENDE Desktop Projekt Navigation Styling*/
  
  
  
  
  
  /* ANFANG CSS für Projektseite*/
  
  
  /* video player fix */
  

    .fusion-video iframe, iframe {
      width: -webkit-fill-available;
      width: -moz-available;
      width: fill-available;
   
    }
 


  
  @media (max-height:750px) {
    .anlageprojekte-template-default .wpfm-floating-wh-wrapper .wpfm-menu-link {
      position: absolute;
      top: 55px !important;
    }
  }
  
  @media (max-width:570px) {
    #main.clearfix.cover-headline {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    /*
      .anlageprojekte-template-default #main.clearfix {
           
           padding-left: 55px !important;
           padding-right: 15px !important;
       }
       */
    .cover_img_title {
      font-size: 40px !important;
    }
    .anlageprojekte-template-default .sidebar {
      display: block;
    }
    .fusion-sidebar-inner-content {
      top: 0px !important;
      position: relative !important;
      padding-right: 0px !important;
    }
    .fusion-sidebar-stuck {
      top: 0px !important;
      position: relative !important;
      padding-left: 60px !important;
      padding-right: 0px !important;
    }
  }
  
  @media (min-width: 570px) AND (max-width:975px) {


    #main.clearfix.cover-headline {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    /* .anlageprojekte-template-default #main.clearfix {
           
           padding-left: 55px !important;
                padding-right: 15px !important;
       }
       */
    .cover_img_title {
      font-size: 40px !important;
    }
    .sidebar {
      padding-left: 100px !important;
      padding-right: 100px !important;
    }
    .fusion-sidebar-inner-content {
      top: 0px !important;
      position: relative !important;
      padding-left: 100px !important;
      padding-right: 100px !important;
    }
  }
  
  @media (min-width: 840px) AND (max-width:976px) {
    #main.clearfix.cover-headline {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    /*
       .anlageprojekte-template-default  #main.clearfix {
                padding-right: 15px !important;
           padding-left: 55px !important;
           
       }
     */
    .cover_img_title {
      font-size: 40px !important;
    }
    .sidebar {
      padding-left: 200px !important;
      padding-right: 200px !important;
    }
    .fusion-sidebar-inner-content {
      padding-left: 220px !important;
      padding-right: 220px !important;
    }
  }
  
  @media (min-width: 0px) AND (max-width:975px) {
    #main.clearfix.cover-headline {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    /*
       .anlageprojekte-template-default #main.clearfix {
                padding-right: 15px !important;
           padding-left: 55px !important;
           
       }
    */
    .cover_img_title {
      font-size: 40px !important;
    }
    .anlageprojekte-template-default .sidebar {
      display: block;
    }
    .fusion-sidebar-inner-content {
      top: 0px !important;
    }
    .fusion-sidebar-stuck {
      top: 0px !important;
      position: relative !important;
      padding-left: 100px !important;
      padding-right: 100px !important;
    }
    .fusion-content-widget-area .widget {
      position: relative;
      padding: 6px;
      font-size: 16px !important;
    }
    .anlageprojekte-template-default .fusion-title-sc-wrapper {
      margin-left: 20px !important;
    }
    #wpfm-floating-menu-nav>ul {
      padding: 0px!important;
    }
    /* .anlageprojekte-template-default	.clearfix {position: relative;z-index: 3;
              padding-right: 10px !important;
              padding-left: 50px !important;}
     */
    #investmentpercent {
      position: relative;
      right: 0px;
      top: 25px;
    }
    #fundingschwelle {
      z-index: 999999;
      white-space: nowrap;
      position: relative;
      bottom: 10px;
      font-size: 11px !important;
      text-align: right;
      right: 40px;
    }
    #floatingfundinglimit {
      position: relative;
      margin-bottom: -98.5px;
      z-index: 999 !important;
    }
  }
  
  @media (min-width: 450px) and (max-width:475px) {
    table.tg tr td {
      font-size: 9px !important;
    }
    #fundingschwelle {
      z-index: 999999;
      white-space: nowrap;
      position: relative;
      bottom: 10px;
      font-size: 12px;
      text-align: right;
    }
    #floatingfundinglimit {
      position: relative;
      margin-bottom: -99px;
      z-index: 999 !important;
    }
    h2.portfolio-headline {
      font-size: 23px !important;
      padding: 10px !important;
    }
    .Projektinformation-widget {
      margin-bottom: 7px;
    }
  }
  
  @media (min-width:975px) {
    .fusion-content-widget-area .widget {
      position: relative;
      padding: 6px;
      font-size: 12px !important;
    }
    .anlageprojekte-template-default .wpfm-floating-wh-wrapper {
      display: none;
    }
  }
  
  .name, .wpfm-menu-name {
    font-size: 25px !important;
    color: black !important;
  }
  
  /* ANFANG Projektinformation Widget Styling */
  
  table.Projektinformation {
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px; 
    position: relative;
    /*top: 15px; */

    --fontSize: 13;
    line-height: 1.3;
    --minFontSize: 13;  
    font-family: var(--h4_typography-font-family);
    font-weight: var(--h4_typography-font-weight);
  }
  
  table.tg {
    position: relative !important;
    top: -8px !important;
    opacity: 60%;
  }
  
  .tg-yz93 {
    text-align: right;
  }
  
  .fusion-sidebar-inner-content {
    font-size: 14px;
  }
  
  .fusion-content-widget-area .widget {
    position: relative;
    padding: 6px;
  }
  
  @media (max-width: 1300px) {
    .fusion-sidebar-inner-content {
      font-size: 12px;
    }
  }
  
  /* ENDE Projektinformation Widget Styling */
  
  /* ENDE CSS für Projektseite*/
  
  .anlageprojekte-template-default .projektname {
    display: none;
  }
  
  .anlageprojekte-template-default .Projektinformationdivtotal {
    padding-top: 60px !important;
  }
  
  .anlageprojekte-template-default .zumprojekt {
    display: none;
  }


  
/* ANFANG SLICK SLIDER CSS */

/* CURRENT PROJECT VIEW */

.display-posts-current_project_slider {
    width: 310px;
    padding: 0;
  }
  
  /* GENERAL CSS */
  
  /* ANFANG GRID VIEW ANLAGEPROJEKTESEITE */
  
  .zumprojektbutton {
    position: relative;
    float: right;
    padding: 10px;
    border: 0;
    margin-top: 5px !important;
    border-radius: 0 !important;
    border-width: 0px !important;
  }
  
  .zumprojekt {
    position: relative;
    margin-top: 35px;
    z-index: 99999999 !important;
  }
  
  .display-posts-listing.grid {
    display: grid;
    grid-gap: 16px;
  }
  
  .display-posts-listing.grid .title {
    display: block;
  }
  
  @media (min-width: 600px) {
    .display-posts-listing.grid {
      grid-template-columns: repeat( 2, 1fr);
    }
  }
  
  @media (min-width: 1024px) {
    .display-posts-listing.grid {
      grid-template-columns: repeat( 3, 1fr);
    }
  }
  

  
  .display-posts-home-slider, .display-posts-anlageprojekte-slider {
    padding: 0;
  }
  
  .attachment-medium.size-medium {
    display: block;
    object-fit: cover;
    width: 100% !important;
    max-height: 160px;
    padding: 0px !important;
    margin: 0px !important;
  }
  
  /* ENDE SLICK SLIDER CSS */