@font-face {
  font-family: 'Apercu Regular';
  src: url('/fonts/apercu-regular-pro.eot');
  src: url('/fonts/apercu-regular-pro.eot?#iefix') format('embedded-opentype'), url('/fonts/apercu-regular-pro.woff') format('woff'), url('/fonts/apercu-regular-pro.woff2') format('woff2'), url('/fonts/apercu-regular-pro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu Bold';
  src: url('/fonts/apercu-bold-pro.eot');
  src: url('/fonts/apercu-bold-pro.eot?#iefix') format('embedded-opentype'), url('/fonts/apercu-bold-pro.woff') format('woff'), url('/fonts/apercu-bold-pro.woff2') format('woff2'), url('/fonts/apercu-bold-pro.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
div,
article,
section,
header,
footer,
nav,
li {
  position: relative;
}
.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden;
}
::-moz-selection {
  color: #ddd;
  background: #111;
}
::selection {
  color: #ddd;
  background: #111;
}
body,
input,
textarea {
  font-family: "Apercu Regular", Calibri, sans-serif;
  font-size-adjust: 0.508;
  font-weight: normal;
  font-style: normal;
  color: black;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Apercu Bold", Calibri, sans-serif;
  font-size-adjust: 0.508;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
}
h2 {
  margin-bottom: 10px;
  font-size: 14px;
}
h3 {
  margin-bottom: 10px;
  font-size: 13px;
}
a {
  text-decoration: none;
  color: black;
}
b,
strong {
  font-family: "Apercu Bold", Calibri, sans-serif;
  font-size-adjust: 0.508;
}
.current-menu-item a,
nav a:hover {
  position: relative;
  bottom: 1px;
  text-decoration: underline;
}
body,
input,
textarea {
  font-size: 13px;
}
h1 {
  font-size: 40px;
}
h2 {
  margin-bottom: 10px;
  font-size: 14px;
}
.single h2,
.page h2 {
  font-size: 22px;
  line-height: 26px;
}
h3 {
  margin-bottom: 10px;
  font-size: 15px;
}
header {
  font-size: 15px;
}
.contact {
  font-size: 12px;
}
.contact .col1 {
  font-size: 14px;
}
.contact .col1 h2 {
  font-size: 18px;
}
.block .post-meta,
.block .terms {
  font-size: 11px;
}
.block .post-content {
  font-size: 13px;
  line-height: 18px;
}
.block.ueberuns .description {
  font-size: 18px;
}
.block.video .post-content {
  line-height: 15px;
}
.block.invert {
  color: white;
  background: black;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
p {
  margin-bottom: 8px;
}
.post-link {
  background: #FFF;
  border-bottom: 1px solid #cecece;
  width: 50px;
  height: 250px;
  position: fixed;
  top: 50%;
  margin-top: -125px;
}
.post-link a {
  display: block;
  width: 250px;
  height: 50px;
  position: relative;
  left: -101px;
  top: 99px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.post-link a:hover {
  text-decoration: underline;
}
.post-link.next {
  left: 0;
}
.post-link.next a {
  padding-top: 18px;
}
.post-link.prev {
  right: 0;
}
.post-link.prev a {
  padding-top: 18px;
}
.home .post-link,
.post-type-archive-project .post-link,
.page-id-51 .post-link,
.ueber-uns .post-link,
.archive .post-link {
  display: none;
}
html {
  background: white;
  background: url(//www.einszueins.at/r2014/wp-content/themes/hue/img/bg-pattern.png) 3px 0px;
}
body {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
body header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  background: #2F3131;
}
body header img.logo {
  float: left;
}
body header nav {
  overflow: hidden;
}
body header nav ul li {
  float: left;
}
body header nav ul li a {
  color: white;
  padding: 17px 30px 18px 30px;
  display: block;
}
body header nav ul li:first-child img {
  width: 30px;
  height: 32px;
}
body header nav ul li#menu-item-327 {
  float: right;
}
body .bodywrapper {
  max-width: 1024px;
  margin: 53px auto 0 auto;
  overflow: hidden;
  padding: 32px 0 0 32px;
}
.load-more {
  background: white;
  text-align: center;
  margin: 0 32px 16px 0;
}
.load-more a {
  display: block;
  height: 64px;
  line-height: 64px;
}
.load-more a:hover {
  text-decoration: underline;
  position: relative;
  bottom: 1px;
}
#infscr-loading {
  position: absolute;
  bottom: 0;
  margin: auto;
  text-align: center;
  background: #FFF;
  width: inherit;
  left: 0;
  right: 32px;
  line-height: 64px;
}
a.edit-post-link {
  color: magenta;
  position: absolute;
  top: 20px;
  right: 20px;
}
a.edit-post-link:hover {
  top: 19px;
}
.contact {
  display: none;
  overflow: hidden;
  padding: 0 50px 50px 0;
  color: white;
  z-index: 1;
}
.contact a {
  color: white;
  text-decoration: underline;
}
.contact a.nounderline {
  text-decoration: none;
}
.contact .col {
  float: left;
  margin-left: 50px;
  margin-top: 50px;
}
.contact .col1 .social span {
  display: inline-block;
}
.contact .col1 .social span a {
  display: block;
  padding: 4px;
}
.contact .col1 .social span a span.underline {
  text-decoration: underline;
}
.contact .col2 {
  width: 360px;
  height: 250px;
}
.contact .col3 {
  width: 200px;
}
.contact .col4 {
  width: 200px;
  padding-top: 26px;
}
.post-type-archive-project #menu-item-53 a,
.post-type-archive-project #menu-item-42 a {
  color: #7a7a7a;
}
.page-id-51 #menu-item-39 a,
.page-id-51 #menu-item-42 a {
  color: #7a7a7a;
}
.ueber-uns #menu-item-39 a,
.ueber-uns #menu-item-53 a {
  color: #7a7a7a;
}
.home .bodywrapper,
.post-type-archive-project .bodywrapper,
.page-id-51 .bodywrapper,
.ueber-uns .bodywrapper,
.archive .bodywrapper {
  max-width: none;
}
.block.text {
  width: 300px;
  max-width: 100%;
  padding: 20px;
  text-align: left;
}
.block {
  background: white;
  margin-right: 16px;
  margin-bottom: 16px;
  float: left;
}
.block>a {
  display: block;
}
.block:hover .post-content {
  height: auto;
}
.block .description h2 a:hover {
  color: black;
}
.block .post-meta,
.block .terms {
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  color: #c7c7c7;
}
.block .post-meta a,
.block .terms a {
  color: #c7c7c7;
}
.block .post-meta a:hover,
.block .terms a:hover {
  color: #535353;
}
.page-id-255 .block.text {
  width: 47.58064516%;
  box-sizing: border-box;
}
.block.logo {
  width: 224px;
  height: 224px;
}
.block.logo img {
  width: 100%;
  height: 100%;
}
.block.post,
.block.ueberuns {
  text-align: center;
  height: 224px;
  overflow: hidden;
}
.block.post .post-meta,
.block.ueberuns .post-meta {
  margin-top: 19px;
}
.block.post h2,
.block.ueberuns h2 {
  margin-top: 27px;
}
.block.post img,
.block.ueberuns img {
  position: absolute;
  left: 0;
  top: 0;
  -moz-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.block.post .description,
.block.ueberuns .description {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.block.post {
  width: 352px;
}
.block.post .description {
  padding: 0 20px;
  background: rgba(255,255,255,0.8);
  transition: background-color 0.4s ease-out;
}
.block.post a {
  transition: position 0.4s ease-in;
}
.block.post:hover .description {
  background: rgba(255,255,255,0.9);
}
.block.post:hover a img {
  top: -100%;
  margin-top: -2px;
}
.block.ueberuns {
  width: 224px;
}
.block.ueberuns .description {
  background: rgba(0,0,0,0.9);
  color: white;
  padding-top: 100px;
}
.block.ueberuns:hover .description {
  top: -100%;
}
.block.project {
  width: 352px;
}
.block.workshop {
  width: 224px;
  overflow: hidden;
}
.block.workshop img {
  margin-left: -64px;
}
.block.project,
.block.workshop {
  height: 272px;
}
.block.project .description,
.block.workshop .description {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: white;
  padding: 0 10px;
}
.block.project .description h2,
.block.workshop .description h2 {
  margin-bottom: 10px;
}
.block.project .description .post-content,
.block.workshop .description .post-content {
  max-height: 0;
  overflow: hidden;
  -moz-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.block.project .description .terms,
.block.workshop .description .terms {
  margin-top: 8px;
}
.block.project:hover .description .post-content,
.block.workshop:hover .description .post-content {
  max-height: 100px;
}
.block.video {
  height: 272px;
  width: 224px;
}
.block.video .iframe-container {
  width: 224px;
  height: 224px;
  opacity: 0.95;
}
.block.video .iframe-container:hover {
  opacity: 1;
}
.block.video .description {
  height: 46px;
  padding: 0px 5px;
}

.image {
  width: 47.58064516%;
}
.image.firstimg {
  width: 60%;
}
.image img {
  width: 100%;
  height: auto;
}
#overlay {
  position: fixed;
}
@media screen and (max-width: 892px) {
  body header nav ul li a {
    padding: 17px 5px 18px 10px;
  }
  body .bodywrapper {
    padding: 32px 5px 0 5px;
  }
  body .bodywrapper .block {
    max-width: 100%;
  }
  .image {
    width: 100%;
  }
  .image.firstimg {
    width: 100%;
  }
  .block.text {
    width: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .post-link {
    bottom: 0;
    margin-top: 0;
    height: 50px;
    top: auto;
  }
  .post-link a {
    width: auto;
    left: auto;
    top: auto;
    padding-top: 8px !important;
    border: 1px solid black;
    font-size: 11px;
  }
  .page-id-255 .block.text {
    width: 100%;
  }
}
.ie7 nav,
.ie7 .navlike,
.ie7 .main,
.ie8 nav,
.ie8 .navlike,
.ie8 .main {
  behavior: url("http://www.einszueins.at/r2014/wp-content/themes/hue/PIE.htc");
}