.row {
  padding: 0 0.938em;
}

section {
  padding: 1.0em 0;
}

/**
* header
*/
header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 0.938em 0;
  transition: transform .25s .1s ease-in-out;
  z-index: 999;
}

.down header {
  transform: translate3d(0, -8.750em, 0);
}

.logo {
  height: 80px;
}

.headline {
  font-size: 0.4em;
  color: rgba(255,255,255,0.7);
  background: rgba(0,132,92,1.0);
}

.headline > .row {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.headline p {
  margin: 0;
  padding: 0;
  font-size: 1.25em;
}

/**
* main 
*/
main {
  flex: 1;
  padding-top: 8.250em;
  /*
  background: #eeeeee url(../../images/ips-logo-background-gr.png) no-repeat 90% -200%;
  background-attachment: fixed;
  */
  /* background-size: cover; */
  /*
  background-color: #eeeeee;
  background-repeat: no-repeat
  */;
}

main picture > img {
  width: 100%;
  height: auto;
}

/**
* referenzen
*/

.unt,
.job,
.lei {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.views-unt,
.views-job,
.views-lei {
  margin: 0 0.25em 0.125em 0;
  padding: 0.5em 2.5em;
  background: rgba(255, 255, 255, 1.0);
}

/**/
/*
.ref-var01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.ref-var01 .views-row {
  text-align: left;
}
*/
/**/

.ref div img {
  width: 100%;
  height: auto;
}


/**
* footer
*/
footer {
  font-size: 0.9rem;
}

.footer-top {
  margin: 0 0.188em;
}

.footer-bottom {
  margin: 1.0em 5px 1.0em 3px;
}

/****************************************
/*    large screens - up 1024px
****************************************/

@media all and (min-width: 1024px) {

  .row {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
  }

main section:nth-of-type(1) {
  padding: 0;
  /* background: rgba(0,132,92,1.0); */
}

  .kontakt {
    max-width: 600px;
  }

  header > .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .logo {
    height: 100px;
    width: auto;
  }

  .text-flexbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    .text-flexbox-item {
      flex-basis: 48%;
      text-align: justify;
      /* hyphens: auto; */
    }

/**
* ref
*/

  .flex-ref-navi {
    display: flex;
    align-items: center;
    justify-content: right;
    padding-left: 0.5em;
  }

  .flex-ref {
    display: flex;
    justify-content: space-between;
    margin: 0.5em 0 1.5em 0;
    background: rgba(255,255,255,0.95);
  }

    .flex-ref-inner p {
      font-size: 0.8em;
    }
    
  .flex-ref-inner:nth-of-type(1),
  .flex-ref-inner:nth-of-type(2) {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 1.0em 0;
    padding: 0 1.5em;
  }

  .flex-ref-inner:nth-of-type(1) p,
  .flex-ref-inner:nth-of-type(2) p {
    margin: 0.25em 0;
    padding: 0.625em;
    background: rgba(0,0,0,0.05);
  }
  
  .flex-ref-inner:nth-of-type(3) {
    flex-basis: 33%;
    padding: 0.625em 1.0em;
    color: rgba(255,255,255,0.9);
    background: rgba(0,132,92,1.0);
  }


  .kontakt-flexbox {
    display: flex;
    align-items: baseline;
    justify-content: left;
    flex-wrap: wrap;
  }
  
    .kontakt-flexbox-item {
      flex-basis: 45%;
      margin-right: 5%;
    }

    .headline {
      font-size: 0.8em;
    }

/**
* footer
*/

footer {
  font-size: 0.8em;
}

  .footer-top {
    display: flex;
    justify-content: space-between;
  }

 footer p,
 footer ul {
  margin-bottom: 0;
 }

}