/**
*  Desktop
* 
*/

@media (min-width: 991px) {

  .dropdown:target .dropdown-menu {
  display: block;
  margin-top: 0; 
  } 
  }
  
  @media (min-width: 1200px) {

  
  }
  
  @media (max-width: 1400px) {
  
  .view-projekte .status .taxonomy-term {
     transform: scale(0.75);
    top: 5px;
    right: 5px;
    } 
    
    .view-projekte .grid .location h3 {
      font-size: 15px;
    }
    
     .view-projekte .grid .keyfacts h4  {
      font-size: 14px !important;
       padding: 8px 15px;
       height: 30px;
    }
    
    .view-projekte .grid .details a {
      font-size: 13px;
    }
    
    .view-projekte .grid .details a::before{ 
      transform: scale(0.9;)  
  } 
    
    .view-referenzen .field--name-field-media-image .field__item {
          font-size: 15px;
    }
    
    .view-referenzen .field--name-field-tags {
      font-size: 14px !important;
           padding: 8px 15px;
       height: 36px;
    }
    
    
    .view-referenzen.view-display-id-de .view-content a:before {
      font-size: 14px;
    }
    
    
    .view-referenzen .view-content a::after { 
      transform: scale(0.9);  
  } 
  } 
  
  
  @media (max-width: 1140px) {
    .view-frontpage .title h2 {
      transform: scale(.65)
    }
    
    #navbar-main .nav-link {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    
    .navbar-brand img {
      max-height: 55px;
      margin-top: 5px;
      width: auto;
  }
    
    .navbar .navigation {
      margin-top: 10px;
    }
    
    .dropdown-menu {
  padding-top: 15px !important;
    border: none !important;
     }  
    
    #block-wohnbauprojekte .wohnbauprojekte {
      width: 50%;
    }
    
      #block-wohnbauprojekte .einheiten {
      width: 50%;
        column-count: 2;
    }
    
    .view-projekte .row{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
    position: relative;
  } 
    
    .view-referenzen .view-content.row{
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }
  
    
    
     }    
    
     
  
  @media (max-width: 1200px) {

    .webform-submission-form {
      padding-left: 50px;
      padding-right: 50px;
      max-width: 100%;
    }
    
    .path-webform .webform-confirmation {
      max-width: 100%;
      margin-left: 50px;
      margin-right: 50px;
    }
    
        .timeline ul {
      padding-left: 50px;
      padding-right: 50px;
}
    
   
    .timeline ul li {
      padding: 0px;
    }
    
    
  #block-newsletter, #block-wohnbauprojekte, #block-impressum, #block-kontakt {
      max-width: 100%;
      padding-left: 25px;
      padding-right: 25px;
  }
    
    .paragraph--type--body {
      padding-left: 25px;
      padding-right: 25px;
    }
    
    .paragraph--type--teaser {
      padding-left: 25px;
      padding-right: 25px;
    }
    
    #block-mailchimpsubscription {
      padding-right: 25px;
    }
    
    #slider .field--name-field-status {
  max-width: 100%;
  margin-right: 50px;
  margin-left: 50px;
  }
    
    .navbar-brand {
      padding-left: 50px;
    }
    
    .breadcrumb {
      padding-left: 50px;
    }
  
    #block-dropdownlanguage-navbar {
      top: 4px;
    }
    
    }  
  
  /**
  *  Tablet
  * 
  */


  @media (max-width: 990px) {

        
         .navbar-toggler {
      display: none;
    }
  
    .collapse:not(.show) {
      display: block;
    }
    
    #superfish-main-toggle {
      text-indent: -9999px !important;
      display: block;
      width: 40px;
      height: 40px;
      position: fixed;
      top: 20px;
      right: 25px;
      background: #9fc63b;
      border-radius: 90%
    }
    
    #superfish-main-toggle:after {
      content: "\f0c9";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      font-weight: 900;
      display: block;
      text-indent: 0px !important;
      top: 4px;
      left: 0px;
      right: 0px;
      text-align: center;
      position: absolute;
      font-size: 21px;
      color: #fff;
    }
    
        
    #superfish-main-toggle.sf-expanded:after {
      content: "\f00d";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      font-weight: 900;
      display: block;
      text-indent: 0px !important;
      top: 4px;
      left: 0px;
      right: 0px;
      text-align: center;
      position: absolute;
      font-size: 21px;
      color: #fff;
    }
    
    #superfish-main-accordion {
      margin-top: 80px;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      padding-top: 8px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      color: #636466;
      text-transform: none !important;
      font-family:"Century Gothic W05 regular";
      font-size: 15px;
      line-height: 25px;
    }
    
    #navbar-main .nav-link:hover, a.sf-depth-1:hover {
    position: relative;
    border-bottom: 4px solid #9fc63b;
    padding-bottom: 4px;
    margin-right: 5px;
    margin-left: 5px;
}
    
    
    
    #navbar-main .nav-link:hover, a.sf-depth-1:hover {
      margin-left: 0px;
      margin-right: 0px;
    }
    
    ul.sf-menu a, ul.sf-menu span.nolink {
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    padding-top: 8px;
    margin-left: 0px;
     margin-right: 0px;
}
    
    #block-hauptnavigation .sf-accordion-button {
    width: 48px;
    right: 0px;
    top: 0px;
    position: absolute !important;
    z-index: 999 !important;
    text-indent: -99999px;
    height: 40px;
}
    
    #block-hauptnavigation .menuparent .sf-accordion-button:before {
      content: "\f107";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      color: #666;
      text-indent: 0px !important;
      display: block;
      top: 8px;
      right: -8px;
      left: 0px;
      text-align: center;
      font-size: 18px;
    }
    
        #block-hauptnavigation .menuparent.sf-expanded .sf-accordion-button:before {
      content: "\f106";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      color: #666;
      text-indent: 0px !important;
      display: block;
      top: 8px;
      right: -8px;
      left: 0px;
      text-align: center;
      font-size: 18px;
    }
    
    .sf-depth-2:nth-child(1) {
      margin-top: -8px !important;
    }
    
    .sf-depth-2 {
      font-size: 15px;
    }
    
    a.sf-depth-2 {
      padding-left: 18px !important;
    }
    
    a.sf-depth-2:hover {
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 18px;
    }
   
    
   .sf-depth-1 {
  border-bottom: 1px solid #ddd;
}
    
    .sf-depth-1:last-child {
      border-bottom: 0px;
      padding-bottom: 8px;
    }
    

    
    }    
    
  @media (max-width: 900px) {

    #header {
      overflow: hidden;
    }
    
    .breadcrumb {
      padding-left: 25px !important;
    }
    
    .navbar-collapse {
      width: 250px;
    }
    
    .dropdown-item {
      font-size: 15px;
    }
    
    
    #slider .field--name-field-status .taxonomy-term {
      transform: scale(1);
      right: 0px;
    }
    
      .node--type-projects .col3 .field--name-field-summary {
          column-count: 2;
              padding-left: 50px;
            padding-right: 50px;
      }
      
      .site-footer td {
    padding-left: 0px !important;
    border: 0px !important;
}
  
    
    #block-hart-main-menu {
      background: #fff;
      margin-top: 80px;
    }
    
    #block-dropdownlanguage-navbar {
      display: none;
    }
      
    #block-dropdownlanguage-responsive {
      position: fixed;
      right: 190px;
      top: 20px;
        display: block;
        height: 42px;
        width: 42px;
        border-radius: 90%;
        background: #9fc63b;
      top: 20px;
      }
   
      
         
      #block-dropdownlanguage-responsive .dropbutton-arrow {
        visibility: hidden !important;
      }
    
      
      #block-dropdownlanguage-responsive .dropdown-language-item.dropbutton {
      margin-left: -25px;
      margin-top: 5px;
      }
  
    
    .dropbutton-wrapper.dropbutton-multiple.open .language-link.active-language .language-icon{
      margin-top: -21px;
      width: 10px;
      height: auto;
      pointer-events: none;
    }
    
    .dropbutton-wrapper.dropbutton-multiple.open .secondary-action {
      margin-top: -25px;
    }
    
    .dropbutton-wrapper.dropbutton-multiple.open .secondary-action .language-icon {
      width: 18px;
      height: 15px;
      margin-left: -4px;
      margin-top: 9px;
    }
  
    
    nav.menu--main {
      margin-left: 0px !important;
    }

    .navbar-brand {
      padding-left: 0px;
    }
    
    .navbar-brand img {
     position: fixed;
      top: 15px;
      margin: 0px;
    }
    
    .nav-item.menu-item--expanded.dropdown a::before { 
      right: 25px !important;
    }
    
      .scrolldown .navbar-brand img {
      margin-top: 0px;
    }
    
    
    
    #block-buttons {
      position: relative;
     top: 0px;
        display: block;
    }
    
    #block-buttons .fa-phone-alt {
      position: fixed;
      right: 80px;
      height: 40px;
      width: 40px;
      display: block;
      border-radius: 90%;
      background: #9fc63b;
      color: #fff;
      padding: 12px;
      top: 20px;
    }
    
      #block-buttons .fa-envelope {
      position: fixed;
      right: 135px;
      height: 42px;
      width: 40px;
      display: block;
      border-radius: 90%;
      background: #9fc63b;
      color: #fff;
      padding: 12px;
        top: 20px;
    }
    
    
    
      #toolbar-bar {
      display: none;
    }
    
    #toolbar-administration {
      margin-top: -39px;
    }
    
  
    #navbar-main {
      padding: 0px 25px;
    }
    
    .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; 
  }
    
  /**
    c {
      margin-left: 25%;
      margin-right: -25px;
      background: #fff;
      box-shadow: 5px -3px 5px 5px #ddd;
    }
    */
    
    #navbar-main {
      background: #fff;
      height: 85px;
    }
    
  
  #navbar-main .nav-link:hover::after {
      content: "";
      display: block;
      border-bottom: 0px solid #9fc63b;
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0px;
      right: 0px;
  }
    
    
    #navbar-main .nav-link, .navbar .nav-link.active {
  border-bottom: 0px solid #9fc63b !important;
      margin: 0px !important;
    }
    
    #navbar-main .nav-link,  #navbar-main .nav-link:hover {
      border-bottom: 2px solid #ddd !important;
      padding: 12px 15px !important;
    }
    
  
    
    #block-dropdownlanguage-navbar {
      padding-top: 15px;
      padding-bottom: 10px;
    }

        /*
    
         .navbar-toggler {
      top: 20px;
      position: fixed;
      right: 25px;
    }
    
   
      .dropdown-menu {
      border-bottom: 2px solid #ddd !important;
    }
    
    
    .nav-item.menu-item--expanded.dropdown a {
      position: relative;
    }
    
    .nav-item.menu-item--expanded.dropdown a:before {
      content: "\f107";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      position: absolute;
      right: 42px;
      font-weight: 900;
    }
    
    .nav-item.menu-item--expanded.dropdown li a:before {
      content: "";
    }
        

    .navbar-toggler.collapsed,  .navbar-toggler.navbar-toggler-right{
      background: #9fc63b;
      border-radius: 90%;
      width: 40px;
      height: 40px;
      border: 0px !important;
    }
    
    .navbar-toggler {
      padding: 0px !important;
    }
    
    .navbar-toggler:focus {
      box-shadow: none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
      background: none !important;
      position: relative;
  
    }

    
    .navbar-toggler .navbar-toggler-icon:before {
      content: "\f00d";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      font-style:normal;
      color: #fff;
      margin-top: 5px;
      display: block;
      font-size: 18px;
      font-weight: 900;
  
    }
    
      .navbar-toggler.collapsed .navbar-toggler-icon:before {
      content: "\f0c9";
      font-family: "FontAwesome", "Font Awesome 5 Free";
      font-style:normal;
      color: #fff;
      margin-top: 5px;
      display: none;
              font-weight: 900;
  
    }
    
    */
  
  }
  
  @media (max-width: 900px) {
  .view-frontpage .row{
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  } 
    
    .view-projekte .row{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
    position: relative;
  } 
    
    #block-wohnbauprojekte .wohnbauprojekte {
      text-align: left;
      list-style-type: none;
      column-count: 1;
      float: left;
      width: 50%;
  }
    
    
      #block-wohnbauprojekte .einheiten {
      text-align: left;
      list-style-type: none;
      column-count: 1;
      float: left;
      width: 50%;
  }
    #block-wohnbauprojekte {
      padding-left: 25px;
      padding-right: 25px;
    }
      
      .paragraph--type--body p {
          padding-left: 25px;
          padding-right: 25px;
      }
    
    
    }  
  
    @media (max-width: 1140px) {
      
      #block-kontakt {
        padding-top: 10px;
        padding-bottom: 5px;
      }
  
      #block-kontakt td {
        width: 100%;
        float: left;
        display: flex;
        justify-content: center;
  
      }
      
      #block-kontakt ul {
        display: block;
        margin-bottom: 5px;
      }
      
      #block-kontakt .layout {
        padding-right: 0px;
      }
      
      #block-kontakt td:last-child li:last-child:after {
    content: "";
    border: 0px;
    padding-left: 0px;
  }
      
      #block-dropdownlanguage {
        top: -6px;
        right: 15px;
      }
      
      }
  
  
  @media (max-width: 800px) {
    
    .view-projekte .grid .location h3,
    .view-projekte .grid .keyfacts h4{
      height: auto;
      max-width: 65%;
      padding: 5px 10px;
    }
    
    .view-projekte .grid .details a::before {
    content: "\f054";
    font-family: "FontAwesome", "Font Awesome 5 Free";
    margin: auto;
    top: -36px;
    left: 0px;
    right: 0px;
    border-radius: 90%;
    background: #9fc63b;
    height: 28px;
    width: 28px;
    display: block;
    position: absolute;
    color: #fff;
    padding: 4px 6px;
    font-size: 13px;
    font-weight: 900;
}
    
    .view-projekte .grid .details {
      bottom: 15px;
      transform: scale(0.95);
    }
    
    .view-projekte .grid .available {
      transform: scale(0.85);
    }
    
    
    .timeline.paragraph--type--banner .field--name-field-body {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    
    .timeline ul::before { 
      display: none;
    }
    
    .timeline ul {
      position: relative;
      display: block;
            column-gap: 5px !important;
            padding-left: 25px;
            padding-right: 25px;
            column-count: 1 !important;
            padding-left: 5px;
          padding-right: 5px;
      
      }
      .timeline ul li {
      float: left !important;
        width:50%;
        display: block;
        margin-bottom: 25px;
        text-align: center !important;
        font-size: 13px;
        line-height: 130%;
      }
          
          .timeline ul li strong {
            width: 65px;
            height: 65px;
            font-size: 13px;
            border-width: 3px;
            line-height: 100%;
          }
    
      .node--type-projects .table-responsive .field--name-field-details  {
    text-align: left !important;
}

.node--type-projects .table-responsive .field--name-field-contact a::before {
    text-align: left;
    margin-left: -6px;
}
    
    .node--type-projects .table-responsive td::before {
      color: #9fc63b;
      left: 25px
    }

      .webform-confirmation .simple-responsive-table-empty-row-data {
  display: none;
}

.webform-confirmation td,
.webform-confirmation tr,
.webform-confirmation th{
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}


      
    .webform-submission-form .webform-flex--2 {
      flex: 100%;
      width: 100%;
    }
    
    .webform-flexbox {
      display: block;
      margin: 0px;
    }
    
    .webform-flexbox .form-control {
      margin-bottom: 10px;
    }
    
    .webform-submission-form .fieldgroup {
      margin-top: -5px;
    }


    .slick .slide__title {
      position: absolute;
      transform: translateY(-50%);
      left: 0px;
      right: 0px;
      background: #9ec53b;
     width: auto;
      max-width: 65%;
      margin: auto;
      padding: 10px 25px;
      color: #fff;
       font-size: 24px;
  }
    
    .node--type-projects .field--name-field-location,
    .node--type-projects .field--name-field-keyfacts {
      transform: translateY(0%);
      top:0px;
      position: relative;
    }
    
    .node--type-projects .field--name-field-location {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 6px;
    padding: 5px 25px;
      max-width: 65%;
    background: #9ec53b;
    pointer-events: none;
}
    
        .node--type-projects .field--name-field-keyfacts {
    font-size: 18px;
    padding: 5px 20px;      
}
    
    #slider .caption {
      position: absolute;
     transform: translateY(-50%);
      top: 50%;
      left: 0px;
      right: 0px;
      margin-top: -50px

    }
    
    #slider {
      position: relative;
    }
  
    .node--type-projects .col3 .field--name-field-summary {
      max-width: 100%;
      margin: auto;
      column-count: 2;
      column-gap: 75px;
      padding-left: 50px;
      padding-right: 50px;
  }
  
    .paragraph.paragraph--type--infobox .field {
      margin-left: 50px;
      margin-right: 50px;
      max-width: 100%;
  }
    
    .paragraph--type--infobox .field::before {
      left: 0px;
      right: 0px;
      margin: auto;
    }
    
    .extra-field--uebersicht,
    .extra-field--overview{
      padding-left: 50px;
      padding-right: 50px;
    }
    
    .paragraph--type--banner .field--name-field-body {
      padding: 25px 50px 20px 50px;
      max-width: 100%;
      margin: auto;
  }
   
    .paragraph--type--teaser .field--name-field-body {
      padding-right: 25px;
    }
    
    
    .paragraph--type--teaser .layout__region--first img {
      max-width: 200px;
      top: 0px;
      right: 0px;
  }
  
  .paragraph--type--teaser .layout__region--first {
    flex: 0 0 275px;
    height: 350px;
    position: relative;
  }
    
  .paragraph--type--teaser .teaser{
  transform: scale(0.65);
  top: 100px;
  left: 0px;
  }
  
  }
  
  /**
  *  Tablet, Smartphone
  * 
  */
    
  
  
    
    @media (max-width: 640px) {
  .view-frontpage .row{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr);
  } 
      
      .view-projekte .row{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
    position: relative;
  } 
      
      .view-referenzen .view-filters {
        width: 340px;
        text-align: center;
        margin: 0px auto 0px auto;
      }
      
      .view-referenzen .view-filters .form-check:after {
        content: "";
        display: none;
      }
     
      .view-referenzen .view-filters .form-check {
        width: 50%;
        margin-bottom: 12px;
      }
    
    .view-referenzen .view-content.row{
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
      
    .view-frontpage .title h2 {
      transform: scale(1)
    }
      
       
    .paragraph--type--teaser .layout__region--first img {
      max-width: 250px;
      top: 0px;
      left: 100px;
      padding-right: 15px;
  }
  
  .paragraph--type--teaser .layout__region--first {
    flex: 0 0 350px;
    height: 275px;
    position: relative;
    margin: auto;
  }
    
  .paragraph--type--teaser .teaser{
    transform: scale(0.8);
  top: 120px;
  left: 0px;
  }
  
      .paragraph--type--teaser .layout__region--second {
        padding-left: 0px;
         flex: 0 0 100%;
   
      }
      
      .paragraph--type--body {
        padding-left: 25px;
        padding-right: 25px;
      }
  
      .paragraph--type--banner {
        margin-bottom: 50px;
      }
      
      .paragraph--type--pager .field--type-link  {
        display: inline-block;
        margin: auto !important;
        text-align: center;
      }
      
     .paragraph--type--pager  .layout__region--content {
        justify-content: center;
        display: flex;
      }
      
      .paragraph--type--pager .field__item:nth-child(1) a {
        margin-top: 0px;
      }
      
      .paragraph--type--pager .field__item:nth-child(2) a {
        margin-top: 25px;
        margin-bottom: 50px;
      }
      
      .paragraph--type--gallery {
        margin-bottom: 75px;
      }
      
      footer {
      margin-top: 25px !important;
  }
      
          #block-kontakt {
        padding-top: 10px;
        padding-bottom: 5px;
      }
  
      #block-kontakt td {
        width: 100%;
        float: left;
        display: flex;
        justify-content: center;
  
      }
      
      #block-kontakt ul {
        display: block;
        justify-content: center;
        margin-bottom: 10px;
      }
      
      #block-kontakt li {
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 5px;
      }
      
      #block-kontakt td:last-child li:after {
    content: "";
    border-right: 0px solid #fff;
    padding-left: 0px;
    margin-right: 0px;
  }
      
      #block-kontakt .fa-facebook-square {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
      }
      
        #block-kontakt .fa-instagram{
        float: right;
        margin-right: 6px;
        margin-top: 10px;
      }
      
      #block-kontakt .layout {
        padding-right: 0px;
      }
      
      #block-newsletter {
      margin: 0px auto 25px auto;
      width: 100%;
      float: none;
  }
      #block-mailchimpsubscription {
      width: 100%;
      float: none;
      margin-top: -25px;
      padding-left: 25px;
      padding-right: 25px;
  }
      
      .kontakt a {
        width: 100% !important;
        display: block;
      }
      
      #block-dropdownlanguage {
        top: -12px;
      }
  
      
           .node--type-projects .slick-dots {
    left: 0px;
       right: 100px;
       margin: auto;
         text-align: left;
       padding-right: 125px;
       padding-left: 25px;
       height: 50px;
       bottom: -65px;
}
      
     .node--type-projects .slick-dots li  {
        height: 14px !important;
        width: 14px !important;
      }
      
     .node--type-projects .slick-dots li button::before { 
        font-size: 10px !important;
        line-height: 100% !important;
        width: 14px;
        height: 14px;
  }
      
      
      
}
  
    @media (max-width: 480px) {
        
        .node--type-projects .caption, #slider .caption {
            display: none;
        }
        .slick__arrow {
            display: none;
        }
      
      
      .kontakt.bubble ul {
 max-width: 100%;
  margin: auto;
 gap: 36px;
          padding-left: 25px;
          padding-right: 25px;

}

.kontakt.bubble ul li{
height: 180px;
width: 180px;
border-radius: 90%;
padding-top:  100px;
background: #9fc63b;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 130%;
  position: relative;

}


      .paragraph--type--webform h2 {
        font-size: 24px;
        padding-top: 25px;
      }
      
      
      
      #slider .field--name-field-status {
        transform: scale(0.75);
        margin-right: 0px;
      }
      
        

          .node--type-projects .field--name-field-location {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
    padding: 5px 15px;
      max-width: 50%;;
    background: #9ec53b;
    pointer-events: none;
}
    
        .node--type-projects .field--name-field-keyfacts {
    font-size: 14px;
    padding: 5px 15px;      
}
      
      .node--type-projects .col3 .field--name-field-summary {
      max-width: 100%;
      margin: auto;
      column-count: 1;
      column-gap: 75px;
      padding-left: 50px;
      padding-right: 50px;
      
  }
      
      .views-view-entity-pager .entity-pager-item-next a {
      margin-top: 10px;
      }
      
      #block-projekte-block-pager {
        margin-bottom: 75px;
      }
   
        #block-wohnbauprojekte .wohnbauprojekte {
      text-align: left;
      list-style-type: none;
      column-count: 1;
      float: left;
      width: 100%;
  }
    
    
      #block-wohnbauprojekte .einheiten {
      text-align: left;
      list-style-type: none;
      column-count: 1;
      float: left;
      width: 100%;
  }
      
      #block-kontakt ul li {
        width: 100%;
      }
      
      .breadcrumb a, .breadcrumb li.active {
        font-size: 12px !important;
      }
      
      .breadcrumb-item + .breadcrumb-item::before { 
        font-size: 6px;
        margin-top: 8px;
        padding-right: 5px;
      
  }
      
      .breadcrumb-item.active::before {
        margin-top: 5px
      }
      
  .breadcrumb-item + .breadcrumb-item {
      padding-left: .3rem;
  }
      
      .breadcrumb-item.active {
      margin-top: 0px;
        padding-top: 3px;
  }
      
      .navbar-brand img {
      max-height: 45px;
      margin-top: 5px !important;
      width: auto;
  }}
      
        @media (max-width: 370px) {
  
          #block-dropdownlanguage-responsive {
            display: none;
          }
          
          
            
          .view-projekte .grid .available {
            position: absolute;
            left: 10px;
            top: 10px;
            transform: scale(0.75);
          }
          
          .view-projekte .grid .status {
            position: absolute;
            right: 0px;
            top: 0px;
            transform: scale(0.85);
          }
          
          .view-projekte .grid .details {
            transform: scale(0.85);
            bottom: 10px;
          }
          
          .view-projekte .grid .location h3 {
    display: inline-block;
    background: #9fc63b;
    color: #fff;
    padding: 5px 5px;
    font-size: 14px;
    text-transform: uppercase;
    height: auto;
    max-width: 65%;
    letter-spacing: 0.04em;
    pointer-events: none;
            margin-bottom: 0px
}
          
          .view-projekte .grid .keyfacts h4 {
    font-size: 11px !important;
    padding: 4px 8px;
    height: auto;
}
          
          .view-projekte .grid .keyfacts {
          }
          
          .view-projekte .grid .details a::before {
    top: -30px;
    height:24px;
    width: 24px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 900;
}
           
          
  }