.footer {
    margin-top: 10vh;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: row;
    text-align: left;
    font-family: var(--holzhof-font-family-roboto);
    font-weight: var(--holzhof-font-weight-normal);
    font-style: var(--holzhof-font-style-normal);
    letter-spacing: var(--holzhof-character-spacing-0);
    align-items: stretch;
    margin-bottom: 10vh;
  
    .left {
      width: 50%;
      /*padding-right: 4vw;*/
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
  
      img {
        width: auto;
        height: 7vh; 
        margin-bottom: 2vh;
      }

      p {
        font-weight: var(--holzhof-font-weight-normal);
        font-size: var(--holzhof-font-size-16);
        line-height: var(--holzhof-line-spacing-28);
        color: var(--holzhof-color-grey);
        margin: 0px;
      }
    }
  
    .right {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  
      .colonne {
        display: flex;
        flex-direction: row;
        justify-content: left;
        height: max-content;
      }
  
      .colonna {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
        align-items: center;
        padding-left: 5vw;
        margin-bottom: 1vh;
      }
  
      a {
        color: var(--holzhof-color-grey);
        background-image: url("../svg/fiore-pieno.svg");
        background-repeat: no-repeat;
        background-size: 10px;
        background-position: left;
        padding: 0.5rem 0rem 0.5rem 1.5rem
      }
    }
  
    p {
      font-weight: var(--holzhof-font-weight-normal);
      font-size: var(--holzhof-font-size-16);
      line-height: var(--holzhof-line-spacing-28);
      color: var(--holzhof-color-grey);
    }
  
    h4 {
      font-size: var(--holzhof-font-size-24);
      line-height: var(--holzhof-line-spacing-28);
      font-weight: var(--holzhof-font-weight-normal);
      color: var(--holzhof-color-grey);
      text-transform: uppercase;
      position: relative;
      margin-bottom: 1rem;
    }
  
    h2 {
      margin-bottom: 2vh;
      font-size: var(--holzhof-font-size-32);
      line-height: var(--holzhof-line-spacing-45);
      font-weight: var(--holzhof-font-weight-normal);
      color: var(--holzhof-color-grey);
      position: relative;
    }
  
    span {
      color: var(--holzhof-color-green)
    }
  
    .credits {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding-left: 5vw;

      a {
        color: var(--holzhof-color-grey);
        font-weight: var(--holzhof-font-weight-normal);
        font-size: var(--holzhof-font-size-16);
        line-height: var(--holzhof-line-spacing-28);
        background: none;
        padding: 0px;
      }
    }
  
    .barra-verde {
      display: flex;
      flex-direction: row;
      justify-content: stretch;
      padding-left: 5vw;
  
      .barra-footer-punto {
        width: 1vh;
        height: 1vh;
        border-top-left-radius: 1vh;
        border-top-right-radius: 1vh;
        background-color: var(--holzhof-color-green);
      }
  
      .barra-footer-riga {
        height: 1vh;
        margin-left: 1%;
        width: 100%;
        border-bottom-right-radius: 1vh;
        border-top-right-radius: 1vh;
        background-color: var(--holzhof-color-green);
      }
    }
  }



/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer_area {
    display: flex;
    padding: 60px;
    flex-direction: column;

}

.footer_area .row {
    margin-left: -25px;
    margin-right: -25px;
}

.single-footer-widget img {
    margin: 20px 0px 20px 50px;
    width: 50%;
}

.footer_area .col-12 .barra_lunga {
    width: 40%;
    position: relative;
    margin: -210px 40px -20px 0px;
    height: 25px;

}

.footer_area .col-12 .destro {
    font-size: 16px;
    font-weight: 100;
    color: #393939;
    margin: -70px 160px 20px 0px;
}

.footer_area .col-12 span1 {
    left: 120px;
    position: relative;
}

/* Testi --------------------------------------------------------------*/

.single-footer-widget .section-title h2 {
    font-weight: 100;
    font-size: 32px;
    margin: 20px 0px 20px 50px;
    width: 70%;
    text-transform: none;
}

.single-footer-widget p {
    font-size: 16px;
    font-weight: 100;
    color: #575756;
    margin: 40px 0px 40px 50px;
}

.single-footer-widget h5 {
    font-weight: 100;
    color: #575756;
    font-size: 20px;
    margin: 20px 0px 20px 0px;
    text-transform: uppercase;
}

.single-footer-widget .footer_menu li a {
    color: #575756;
    display: block;
    font-size: 16px;
    margin: 10px 0px 0px 20px;
}

.single-footer-widget .footer_menu li a:hover,
.single-footer-widget .footer_menu li a:focus {
    color: var(--holzhof-color-green);
}

.single-footer-widget .footer_menu li:last-child a {
    margin-bottom: 0;
}

ol li,
ul li {
    list-style: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}


/*-----------------------------------------------------------------
                            VISTA MOBILE
-----------------------------------------------------------------*/
@media (max-width: 999px) {
  .footer{
    flex-direction: column;

    p{
      text-align: left !important;
    }

    .left{
      width: 100%;
      margin-bottom: 5vh;
    }

    .right{
      width: 100%;
      padding: 0;

      .colonne{
        flex-direction: column;

        .colonna{
          padding: 0;
          margin-bottom: 5vh;
        }
      }

      .barra-verde{
        padding: 0;;
      }

      .credits{
        padding: 0;
      }
    }
  }
}