/* Anpassungen */


header.header-home{
  height:80%;
}

.nav-fix-home {
  position: fixed;
}

.homelogo {
  width:100%;
  max-width:500px;
}

body{
  background: #fff;
  font-size: 1.5em;
  line-height: 24px;
  font-family: 'lato-light-webfont', sans-serif;
  color: #343e48;    
  background-color: #343e48;
}

.bggrad {
  background: none;
  background-color: #343e48;
 /*  background: -webkit-linear-gradient(right,#2b2b2b,#343e48);
 background: linear-gradient(180deg,#2b2b2b,#343e48); */
}

.home-text p {
  color:#343e48;
  text-align: center;
}

.header-home-content {
  vertical-align: bottom;
  padding-bottom: 2em;
}
/* Abgedunkelter Header */
.header-home:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(41,41,41,.2);
  z-index: 1;
}

/* Projects home - Medias beachten*/
.space-2 {
  margin-left: 11.5%;
}

/* nav menu */
.menu-icon span {
  background-color: #bbb;
}

/* article styles */
.home-text {
  padding: 2em 1em;
}

article .titre{
  background:#273440;
}

.article-extra {
  padding: 3em 5em 3em 49em;
}


/* Ordne Bilder in der images-liste mit 50% Breite zeilenweise mit Umbruch an, auf mobilen Geräten mit 100% Breite */
.images-liste {
  display:flex;
  flex-flow: row wrap;
}
.images-liste figure {
  flex-basis: 50%;
}

/* Media Anpassungen */
@media only screen and (max-width: 480px) {
  .images-liste figure {
    flex-basis: 100%;
  }
  .article-extra {
    padding: 3em;
  }
  .space-2 {
    margin-left: -1%;
  }

  .article .titre h1 {
    font-size: 2rem;
  }
}


.home-blog {
  /* border-bottom: 1px solid #aaa; */
  padding-bottom: 2em;
}


@media only screen and (max-width: 1024px) {
   .article-extra {
    padding: 3em;
  }
  .showcase figcaption h2 {
    font-size: 1.1em;
  }
  .space-2 {
    margin-left: -1%;
  }
}

/* footer styles */
.footer{
  background: linear-gradient(to bottom, #343e48 0%, rgba(52,62,72,1) 100%);
}
.footer .wrap-mini {
  border-top: 1px solid #aaa;
  padding-top: 3em;
}

.copyrights {
  border-top: 1px solid #aaa;
}

/* uniform kirby plugin */
.uniform__potty {
  position: absolute;
  left: -9999px;
}
.error-text {
  color:#e63;
}
label {
  font-weight:bold;
}
.right {
  text-align:right;
  padding-right:0 !important;
}

/* Forms
-----------------------------------------------------------------------------*/
input[type="number"] {
  font-family: 'latoregular', sans-serif;
  font-size: 22.4px;
  font-size: 1.4rem;
  padding: 14.4px 16px;
  padding: 0.9rem 1rem;
  line-height: 1;
  height: 40px;
  outline: none;
  background: transparent;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
}

input[type="number"][disabled] {
    cursor: default;
}
input[type="number"] {
    -webkit-appearance: none;
}

.forms input[type="number"] {
  width: 100%;
  display: block;
}

#order {
  display:none;
}

#order input[type="number"],#order input[disabled], #order textarea, #order blocks-3 section {
  border-bottom: none;
  margin-bottom: 0;
}
#order input[type="number"]{
  background-color:#fff;
  width:7rem;
  float:right;
}

#order div.blocks-3{
  padding-top:1rem;
  border-bottom: 1px solid #dfdfdf;
}
#order textarea {
  line-height: 1.2;
}

@media (max-width: 480px) {
  #order .mobile-33:first-child .block {
    float: left;
    width: 33%;
  }
  #order .mobile-33:not(:first-child) .block:first-child {
    float: none;
    width: 100%;
  }
  #order .mobile-33:not(:first-child) .block:nth-child(2) {
    float: left;
    width: 66%;
  }
  #order .mobile-33:not(:first-child) .block {
      float: left;
      width: 33%;
  }
}