@charset "UTF-8";

/* ======================================================================
   Basis: Inhaltsblöcke
   ====================================================================== */

:root {
  --block-synced-color: #7a00df;
}
html :where(img.content-image) {
  height: auto;
  max-width: 100%;
}

/* ======================================================================
   Schriften (lokal: PT Serif, Cabin)
   ====================================================================== */

@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../fonts/google/cabin-u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsF3-OA6Fw.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../fonts/google/cabin-u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsF3-OA6Fw.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../fonts/google/cabin-u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvqdnsF3-OAw.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(../fonts/google/cabin-u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsF3-OA6Fw.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(../fonts/google/cabin-u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsF3-OA6Fw.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(../fonts/google/cabin-u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvqdnsF3-OAw.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/google/ptserif-EJRVQgYoZZY2vCFuvAFbzr-_dSb_nco.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/google/ptserif-EJRVQgYoZZY2vCFuvAFSzr-_dSb_nco.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/google/ptserif-EJRVQgYoZZY2vCFuvAFYzr-_dSb_nco.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/google/ptserif-EJRVQgYoZZY2vCFuvAFWzr-_dSb_.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/google/ptserif-EJRSQgYoZZY2vCFuvAnt66qfVyvVp8NAyIw.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/google/ptserif-EJRSQgYoZZY2vCFuvAnt66qWVyvVp8NAyIw.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/google/ptserif-EJRSQgYoZZY2vCFuvAnt66qcVyvVp8NAyIw.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/google/ptserif-EJRSQgYoZZY2vCFuvAnt66qSVyvVp8NA.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ======================================================================
   Theme: Grundlayout
   ====================================================================== */
/*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css*/
/*!
 * WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme)
 * Copyright © 2013 Dream-Theme. All rights reserved.*/
/*!-Misk*/
/*!-Misk:end*/
/*!
 * The7 Framework main stylesheet by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme)
 * Copyright © 2013 Dream-Theme. All rights reserved.*/
/*!
 * Property Ordering:
 *	- Display
 *	- Positioning
 *	- Box model
 *	- Colors and Typography
 * 	- Other*/
/*!Branding*/
/*!Logo classic*/
/*!Logo classic:end*/
/*!Logo center*/
/*!Logo center:end*/
/*!Logo left*/
/*!Logo left:end*/
/*!-Page title*/
/*!-Meta & tags*/
/*!-Post author*/
/*!-Post entry share*/
/*!- highlighted text*/
/*!-Edit link*/
/*!-VC last-child*/
/*!-Slideshow description*/
/*!- Composer*/
/*!- Scroll top*/
/*!-Stripe background for device*/
/*!-Video background*/
/*!-NextGEN gallery*/
/*!-Social icons*/
/*!-Hovers*/
/*!-Move hover effect*/
/*!-VC carousel*/
/*!-Slider arrows*/
/*!-Royal slider bullets*/
/*!-Fancy header*/
/*!-Photo Slider*/
/*!Scroller navigation*/
/*!Thumbnails*/
/*!Navigation*/
/*!Navigation svg bg*/

small {
  font-size: 75%;
}
* {
  margin: 0;
}
* {
  padding: 0;
}
ul {
  list-style: none;
}
.wrap {
  max-width: 100%;
}
a:active,
a:focus,
a:hover {
  outline: 0;
}
.lightbox-title {
  word-wrap: break-word;
}
article,
footer,
header,
nav {
  display: block;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
b,
strong {
  font-weight: 700;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
button {
  line-height: normal;
}
button {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type=password]:input-placeholder,
input[type=text]:input-placeholder,
textarea:input-placeholder {
  color: #b8bcbe;
}
.row {
  font-size: 0;
  line-height: 0;
  word-spacing: -4px;
}
.col {
  display: inline-block;
  vertical-align: top;
}
.table-cell {
  vertical-align: middle;
}
.content,
.col,
.wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.col-1-3 {
  width: 33.3333%;
}
.col-2-3 {
  width: 66.6667%;
}
.content {
  width: 75%;
}
.table {
  width: 100%;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.float-left {
  float: left;
}
.main-gradient,
.label-back,
.show-on-mobile,
.show-on-phone {
  display: none;
}
.post-meta span a,
.zoom-link {
  text-decoration: none;
}
.post-meta a:hover,
.work-meta a:hover,
.zoom-link:hover {
  text-decoration: underline;
}
.content,
.col {
  padding: 0 22px;
}
.row,
.main-inner {
  margin: 0 -22px;
  padding: 0;
}
.wrap {
  padding: 0 44px;
  margin: 0 auto;
}
h1,
h2,
h3,
p {
  margin-bottom: 10px;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
h1,
h2,
h3 {
  clear: both;
}
#main h2,
#main h3 {
  text-shadow: none;
}
h1 a,
h3 a {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.hr-thin {
  clear: both;
}
.post .thumb,
.post img,
img[class*=align],
img.content-image {
  max-width: 100%;
  height: auto;
}
.align-none {
  float: none;
  margin: 0 auto 10px;
}
.hr-thin {
  height: 9px;
  line-height: 9px;
  margin: 0 auto;
}
button {
  padding-top: 4px;
  padding-bottom: 6px;
  border: none;
}
button:active {
  top: 2px;
}
#page {
  position: relative;
  overflow: hidden;
}
.visually-hidden {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
}
#header {
  position: relative;
  z-index: 101;
}
#header.logo-side .wrap {
  width: auto;
}
#header.logo-side {
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 110;
}
.logo-side .wrap {
  height: 100%;
}
.header-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#header .header-bottom * {
  font-size: inherit;
  line-height: inherit;
}
#branding,
#main-nav {
  line-height: 0;
}
#bottom-bar {
  position: relative;
}
.header-left .header-bottom {
  text-align: center;
}
#bottom-bar .float-left {
  margin-right: 40px;
}
#bottom-bar .float-left:last-of-type {
  margin-right: 0;
}
#bottom-bar {
  z-index: 9;
  min-height: 30px;
  margin: 0 auto;
}
#bottom-bar .table {
  height: 60px;
}
#branding {
  padding: 10px 0;
  font-size: 0;
}
.logo-side #branding {
  text-align: center;
}
.logo-side #main-nav>li {
  margin: 0;
}
.logo-side #main-nav>li>a {
  position: relative;
  display: block;
}
.logo-side #main-nav.text-center>li>a {
  text-align: center;
}
.logo-side #main-nav>li>a {
  padding-top: 0;
  padding-bottom: 0;
}
.logo-side #main-nav>li:first-child {
  border-top: none;
  padding-top: 0;
}
.logo-side #main-nav>li:last-child {
  margin-bottom: 0;
}
#main-nav>li>a {
  border: 1px solid transparent;
}
#main-nav>li {
  vertical-align: middle;
}
#main-nav>li {
  display: inline-block;
}
#main-nav.text-center,
.text-centered {
  text-align: center;
}
#main-nav>li {
  position: relative;
  z-index: auto;
}
#main-nav>li:last-child {
  margin-right: 0;
}
#main-nav>li>a {
  padding: 4px 0 6px;
}
.logo-side #main-nav>li {
  display: block;
}
#main-nav>li>a {
  display: inline-block;
  text-decoration: none;
  text-align: left;
}
#main-nav.text-center>li>a {
  position: relative;
}
.submenu-down #main-nav li a:hover {
  cursor: pointer !important;
}
.submenu-down #main-nav.text-center li a,
.submenu-down.menu-parent-clickable #main-nav li a {
  display: inline-block;
}
.header-left #header .table,
.header-left #header .table-cell {
  display: block;
}
#header .table {
  position: relative;
}
.logo-side #navigation #main-nav {
  padding-bottom: 50px;
}
#main-nav>li>a>span {
  display: inline-block;
}
#mobile-menu,
#mobile-menu span {
  font: normal normal bold 15px/20px Arial,Verdana,sans-serif;
  text-transform: uppercase;
}
.author-name,
.lightbox-close {
  font-style: normal;
}
#mobile-menu {
  display: none;
  min-height: 24px;
  padding: 10px 0 10px 16px;
  text-decoration: none;
  line-height: 24px;
}
#mobile-menu:before {
  display: block;
  content: "";
  background: 10px center no-repeat;
}
.burger {
  display: inline-block;
  margin-right: 16px;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: .57143rem;
}
.burger:active {
  transition: 0;
}
.burger-lines,
.burger-lines:after,
.burger-lines:before {
  display: inline-block;
  width: 18px;
  height: 3px;
  background: #ecf0f1;
  border-radius: 2px;
  transition: .3s;
}
.burger-lines {
  vertical-align: middle;
  margin: -3px 6px 0 0;
  position: relative;
}
.burger-lines:after,
.burger-lines:before {
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 1.5px center;
  transform-origin: 1.5px center;
}
.mobile-nav-panel,
.mobile-nav,
.mobile-nav li {
  position: relative;
}
.burger-lines:before {
  top: 5px;
}
.burger-lines:after {
  top: -5px;
}
#mobile-menu:not(.is-active):hover .burger .burger-lines:before {
  top: 6px;
}
#mobile-menu:not(.is-active):hover .burger .burger-lines:after {
  top: -6px;
}
.is-active .burger.burger-x .burger-lines {
  background: 0 0;
}
.is-active .burger.burger-x .burger-lines:after,
.is-active .burger.burger-x .burger-lines:before {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 20px;
}
.is-active .burger.burger-x .burger-lines:before {
  -webkit-transform: rotate3d(0,0,1,45deg);
  transform: rotate3d(0,0,1,45deg);
}
.is-active .burger.burger-x .burger-lines:after {
  -webkit-transform: rotate3d(0,0,1,-45deg);
  transform: rotate3d(0,0,1,-45deg);
}
.mobile-nav {
  z-index: 999;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  -moz-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
}
.mobile-nav .mobile-nav-panel>.mobile-nav-list {
  right: 0;
  width: 100%;
  min-width: 280px;
  max-width: 280px;
  list-style: none;
  text-align: left;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.mobile-nav-panel>ul {
  padding: 0;
}
.mobile-nav li {
  width: 100%;
}
.mobile-nav li a {
  display: block;
  position: relative;
  padding: 13px 0;
  margin: 0 20px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  outline: 0;
}
.no-touch .mobile-nav li a:hover {
  cursor: pointer !important;
}
.mobile-nav li a>span {
  display: table-cell;
}
.mobile-nav li:last-child {
  border: none !important;
}
.mobile-nav .mobile-nav-list {
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.windows-phone .mobile-nav .mobile-nav-list {
  visibility: hidden;
}
.windows-phone .mobile-nav .mobile-nav-list.is-open {
  visibility: visible;
}
.mobile-nav .mobile-nav-list.is-open {
  opacity: 1;
  pointer-events: auto;
}
.page-title .wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.page-title .title-group {
  overflow: hidden;
  padding: 5px 0;
}
.no-bg.no-breadcrumbs.page-title h1 {
  margin-bottom: 0;
}
.page-title h1 {
  margin: 5px 0;
}
#main {
  padding: 50px 0;
}
.no-sidebar .content {
  width: 100%;
}
.page-title .title-inner {
  border-bottom: 1px solid;
}
.page-title.no-bg .title-inner {
  border-bottom: none;
}
.page-title.no-bg .table-cell {
  vertical-align: bottom;
  padding: 0;
}
.page-title.title-left.no-bg h1 {
  margin: 0;
}
.footer {
  padding: 0;
  margin: 0 auto;
}
.post {
  position: relative;
}
.caption-below .post .align-none {
  margin-bottom: 20px;
}
.blog.layout-list .post .align-none {
  margin-bottom: 25px;
}
.layout-list .post {
  padding-top: 44px;
  margin-top: 19px;
}
.post-list .post:last-child {
  margin-bottom: -25px;
}
.blog.layout-list .post:first-child,
.layout-list .post:first-child {
  border: none;
  padding-top: 0;
  margin-top: 0;
}
.blog.layout-list .post {
  padding-top: 44px;
}
.blog.layout-list .post.has-bg,
.layout-list .post.has-bg {
  padding: 30px 30px 5px;
  margin: 0 0 20px;
}
.blog.layout-list .has-bg .post-text,
.portfolio.layout-list .has-bg .work-caption,
.portfolio.layout-list .has-bg .work-media {
  padding: 0;
}
.blog.layout-list .has-bg .post-text,
.portfolio.layout-list .has-bg .work-caption {
  padding-bottom: 10px;
}
.post .post-title a {
  display: inline-block;
}
.layout-masonry.caption-below .zoom-link {
  float: right;
}
.layout-masonry.caption-below .thumb-box .zoom-link {
  float: none;
}
.post:after,
.post:before {
  content: "";
  display: table;
  clear: both;
}
.post-meta,
.work-meta {
  display: block;
  overflow: hidden;
  padding: 0 0 10px;
}
.post-meta>a,
.post-meta>span,
.work-meta>a {
  position: relative;
  display: inline-block;
  margin: 0 1px 0 6px;
  padding-left: 10px;
  text-decoration: none;
}
.post-meta>a:after,
.post-meta>span:after,
.work-meta>a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: "/";
}
.post-meta a:first-child,
.post-meta span:first-child,
.work-meta span:first-child {
  padding-left: 0;
  margin-left: 0;
}
.floating,
.work-page {
  position: relative;
}
.images {
  line-height: 0;
}
.single .work-info {
  margin-bottom: 34px;
}
.floating {
  -webkit-transition: top 300ms linear;
  -moz-transition: top 300ms linear;
  -o-transition: top 300ms linear;
  transition: top 300ms linear;
}
.images {
  margin-bottom: 34px;
}
.blog .post img,
.work-grid img,
.images img,
.portfolio .post img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.pagination:after,
.pagination:before {
  content: "";
  display: table;
}
.pagination:after {
  clear: both;
}
.page-links a {
  text-decoration: none;
  position: relative;
}
.page-links {
  margin-bottom: 10px;
}
.pagination {
  margin: 50px 0 0;
  text-align: right;
}
.caption-below+.pagination {
  margin-top: 40px;
}
.caption-below.cards+.pagination {
  margin-top: 50px;
}
.pagination .page-links {
  float: left;
  margin: 0 auto;
}
.page-links a {
  display: inline-block;
  float: none;
  margin: 0 3px 0 2px;
  text-align: center;
}
.pagination:not(.load-more) a {
  border: 2px solid;
}
.pagination a.is-current {
  border: none;
}
.pagination .nav-next,
.pagination .nav-prev {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  text-decoration: none;
}
.pagination .is-disabled:hover {
  cursor: default;
}
.zoom-link {
  position: relative;
  display: inline-block;
  padding-right: 17px;
  background-repeat: no-repeat;
  background-position: right center;
  text-decoration: none;
}
.zoom-link {
  padding-right: 19px;
}
.zoom-link:after {
  background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M21.938,2.519c-0.086-0.205-0.252-0.369-0.457-0.455C21.377,2.021,21.27,2,21.163,2h-6.726c-0.465,0-0.84,0.375-0.84,0.841c0,0.462,0.375,0.839,0.84,0.839h4.531l-5.688,5.679c-0.329,0.329-0.272,0.974,0.057,1.302c0.326,0.325,0.959,0.507,1.287,0.183l5.693-5.812v4.53c0,0.463,0.379,0.841,0.845,0.841c0.46,0,0.837-0.378,0.837-0.841v-6.72l0,0C22,2.729,21.98,2.622,21.938,2.519z%20M2.84,13.598c-0.463,0-0.84,0.377-0.84,0.842v6.722c0,0,0,0,0,0.003c0,0.107,0.021,0.218,0.062,0.316s0.102,0.187,0.176,0.265c0.004,0.003,0.004,0.008,0.006,0.011c0.003,0,0.006,0,0.008,0.004c0.075,0.075,0.166,0.137,0.266,0.178C2.621,21.979,2.73,22,2.84,22h6.723c0.465,0,0.84-0.377,0.84-0.84c0-0.467-0.375-0.842-0.84-0.842h-4.5l5.656-5.693c0.328-0.324,0.269-0.958-0.059-1.287c-0.327-0.328-0.957-0.385-1.285-0.057L3.68,19v-4.561C3.68,13.975,3.304,13.598,2.84,13.598z%22/%3E%3C/svg%3E);
}
.has-bg .post-text {
  position: relative;
  z-index: 9;
}
.layout-list .post-text,
.layout-list .work-caption,
.layout-list .work-media {
  display: block;
  float: left;
  width: 100%;
}
.blog .post.has-bg,
.portfolio .post.has-bg {
  border-top: none;
}
.has-bg .post-text {
  padding: 20px 30px 15px;
}
.has-bg .work-caption {
  padding: 10px 30px 15px;
}
.masonry .has-bg .work-caption>* {
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.masonry .has-bg .work-caption>:last-child {
  margin-bottom: 10px;
}
.post.has-bg .align-none {
  margin-bottom: 0;
}
.has-bg .work-media {
  padding: 30px 30px 0;
}
.has-bg.full-width-image .work-media {
  padding: 0;
}
.has-bg.post .align-none {
  margin-top: 0;
}
.blog.layout-list .post-text,
.layout-list .work-caption {
  padding-bottom: 10px;
}
.masonry .post-text.table-cell,
.layout-masonry .post-text.table-cell {
  display: block;
}
.thumb-overlay {
  width: 100%;
  height: 100%;
}
.thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  padding: 15px 20px 5px;
}
.no-touch .thumb-overlay,
.touch .thumb-box .thumb-overlay {
  display: block;
  opacity: 0;
}
.close-link:hover:parent {
  filter: alpha(opacity=0);
  opacity: 0;
}
.no-touch .thumb-box:hover .thumb-overlay {
  opacity: 1;
}
.thumb img {
  max-width: 100%;
  height: auto;
}
.thumb {
  position: relative;
  display: block;
  line-height: 0;
  text-decoration: none;
}
.thumb:hover {
  text-decoration: none;
}
.thumb i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.thumb i:after {
  background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2248px%22%20height=%2248px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M1.114,20.999c-0.092,0-0.187-0.011-0.281-0.037c-0.484-0.129-0.823-0.574-0.824-1.082c-0.001-0.213,0.585-6.442,3.585-9.192c2.471-2.516,5.098-3.415,9.469-3.611l-0.033-4.255c0-0.453,0.415-0.812,0.827-0.985c0.413-0.173,0.892-0.079,1.206,0.243l8.384,8.501c0.375,0.38,0.431,0.973,0.142,1.418c-0.05,0.065-0.099,0.128-0.152,0.179c-0.334,0.342-8.373,8.493-8.373,8.493c-0.316,0.32-0.793,0.416-1.206,0.24c-0.412-0.174-0.827-0.646-0.827-1.102l-0.002-4.268c-0.279-0.012-0.789-0.026-1.156,0.005c-2.515,0.212-7.601,0.984-9.796,4.887C1.874,20.787,1.506,20.999,1.114,20.999z%20M10.636,13.699c1.364-0.177,1.812-0.214,3.238-0.105c0.721,0.036,1.12,0.771,1.12,1.344l0.049,3.35l6.534-6.912l-6.472-6.717l-0.024,3.155c0,0.62-0.717,1.05-1.326,1.072C5.823,9.16,3.969,12.281,1.901,17.846C4.096,15.024,7.469,14.188,10.636,13.699z%22/%3E%3C/svg%3E);
}
.touch .thumb i {
  visibility: hidden;
}
.touch .thumb i {
  display: none;
}
.thumb i:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
.touch .thumb-overlay {
  display: block;
  opacity: 0;
}
.no-touch .thumb:hover i,
.touch .thumb-overlay.is-tapped {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}
body #load {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 9501;
}
.loader {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.loader .loader-spinner {
  position: fixed;
  display: block;
  z-index: 2000;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  background: #76c276;
  pointer-events: none;
  border-radius: 100%;
}
#load .loader .loader-spinner {
  margin: -65px 0 0 -65px;
  width: 130px;
  height: 130px;
  background: 0 0;
}
.loader .loader-spinner::after,
.loader .loader-spinner::before {
  position: absolute;
  bottom: 9px;
  left: 9px;
  display: block;
  border: 3px solid #fff;
  border-radius: 50%;
  content: "";
}
#load .loader .loader-spinner::after,
#load .loader .loader-spinner::before {
  border-width: 7px;
  border-color: rgba(255,255,255,.94);
}
.loader .loader-spinner::before {
  width: 32px;
  height: 32px;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  -webkit-animation: pace-rotation 3s linear infinite;
  animation: pace-rotation 3s linear infinite;
}
#load .loader .loader-spinner::before {
  bottom: 0;
  left: 0;
  width: 130px;
  height: 130px;
}
.loader .loader-spinner::after {
  bottom: 17px;
  left: 17px;
  width: 16px;
  height: 16px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  -webkit-animation: pace-rotation 1s linear infinite;
  animation: pace-rotation 1s linear infinite;
}
#load .loader .loader-spinner::after {
  bottom: 33px;
  left: 33px;
  width: 66px;
  height: 66px;
}
@-webkit-keyframes pace-rotation {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes pace-rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
}
img {
  -ms-user-select: none;
  user-select: none;
}
.to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 44px;
  height: 44px;
}
.to-top,
.to-top.is-off {
  opacity: 0;
  filter: alpha(opacity=0);
}
.to-top.is-off {
  right: -45px;
}
.to-top.is-on {
  right: 15px;
  opacity: 1;
  z-index: 109;
  filter: alpha(opacity=100);
}
.to-top:before {
  display: block;
  width: 44px;
  height: 44px;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2244px%22%20height=%2244px%22%20viewBox=%220%200%2044%2044%22%20enable-background=%22new%200%200%2044%2044%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55%22/%3E%3C/svg%3E);
  background-repeat: no-repeat;
  background-position: center center;
}
.lightbox-container:before,
.lightbox-figure:after {
  content: "";
}
.lightbox-bg,
.lightbox {
  top: 0;
  left: 0;
  position: fixed;
}
.lightbox-bg,
.lightbox-container,
.lightbox {
  width: 100%;
  height: 100%;
}
.lightbox-bg {
  z-index: 9442;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8;
  filter: alpha(opacity=80);
}
.lightbox {
  z-index: 9443;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}
.lightbox-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
}
.lightbox-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lightbox-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.lightbox-auto-cursor .lightbox-content {
  cursor: auto;
}
.lightbox-close,
.lightbox-counter,
.lightbox-loader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.lightbox-loader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.lightbox-close {
  color: #fff;
}
.is-loaded .lightbox-loader {
  display: none;
}
button.lightbox-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0 !important;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
}
button.lightbox-close:active {
  background: 0 0;
}
.lightbox-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace;
}
.lightbox-close:focus,
.lightbox-close:hover {
  opacity: 1;
}
.lightbox-close:active {
  top: 1px;
}
.lightbox-close-inside .lightbox-close {
  color: #333;
}
.lightbox-image .lightbox-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.lightbox-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
}
.lightbox-figure,
img.lightbox-img {
  line-height: 0;
}
.lightbox-figure:after,
img.lightbox-img {
  display: block;
  width: auto;
  height: auto;
}
img.lightbox-img {
  max-width: 100%;
  padding: 40px 0 90px;
  margin: 0 auto;
}
.no-share img.lightbox-img {
  padding: 40px 0;
}
.lightbox-figure:after {
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 90px;
  right: 0;
  z-index: -1;
  background: #444;
}
.lightbox-figure small {
  color: #bdbdbd;
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
}
.lightbox-bar {
  margin-top: -77px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.no-share .lightbox-bar {
  margin-top: -36px;
}
.lightbox-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  padding-right: 36px;
}
.lightbox-image .lightbox-content {
  max-width: 100%;
}
@media all and (max-width:900px) {
  .lightbox-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width:760px) {
  .lightbox-mobile .lightbox-image {
    padding-left: 0;
    padding-right: 0;
  }
  .lightbox-mobile img.lightbox-img {
    padding: 0;
  }
  .lightbox-mobile .lightbox-title {
    padding: 10px;
  }
  .lightbox-mobile .lightbox-figure:after {
    top: 0;
    bottom: 0;
  }
  .lightbox-mobile .lightbox-figure small {
    display: block;
  }
  .lightbox-mobile .lightbox-bar {
    background: rgba(0,0,0,.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
  }
  .lightbox-mobile .lightbox-counter {
    right: 10px;
    top: 13px;
  }
  .lightbox-mobile .lightbox-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
.thumb-overlay .table {
  height: 100%;
}
.thumb-box>.thumb-overlay {
  padding: 0;
}
.caption-below .thumb-links:after,
.caption-below .thumb-links:before,
.thumb-links:after,
.thumb-links:before {
  content: "";
  display: table;
  clear: both;
}
.thumb-box,
.thumb-links {
  text-align: center;
  position: relative;
}
.thumb-links {
  line-height: 0 !important;
  font-size: 0 !important;
}
.touch .thumb-links {
  visibility: hidden;
}
.touch .is-tapped .thumb-links {
  visibility: visible;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
}
.thumb-links>a {
  display: inline-block;
  float: none;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 5px;
  text-indent: -9999px;
  line-height: 0;
  font-size: 0 !important;
  background-image: none;
}
.no-touch .thumb-links>a:hover {
  background: rgba(255,255,255,.35);
}
.thumb-links>a:after {
  background-repeat: no-repeat;
  background-position: center center;
}
.caption-below:not(.hover-static) .thumb-box .thumb-links>a {
  border: 2px solid rgba(255,255,255,.35);
}
.no-touch .caption-below:not(.hover-static) .thumb-box .thumb-links>a:hover {
  border-color: rgba(255,255,255,0);
}
.thumb-links>a:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.thumb-box {
  overflow: hidden;
  margin: 0 0 20px;
}
.has-bg .thumb-box {
  margin: 0;
}
.layout-list .thumb-box {
  margin: 0 30px 25px 0;
}
.layout-list .has-bg .thumb-box {
  margin-top: 0;
}
.post .thumb-box .align-none {
  margin-bottom: 0;
}
.masonry .col {
  float: left;
}
.search-overlay input[type=text]:input-placeholder {
  color: #fff;
}
:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.masonry-item {
  opacity: 0;
}
.masonry-item {
  width: 100%;
}
.is-masonry {
  -webkit-transition-duration: .03s;
  -moz-transition-duration: .03s;
  -ms-transition-duration: .03s;
  -o-transition-duration: .03s;
  transition-duration: .03s;
}
.ua-mobile .col.is-visible:not(.is-filtered) {
  -webkit-animation: fadeIn .4s ease forwards;
  -moz-animation: fadeIn .4s ease forwards;
  animation: fadeIn .4s ease forwards;
}
.ua-desktop .is-masonry.fade-in .is-placed.is-visible:not(.is-filtered),
.ua-desktop .fade-in .col.is-visible:not(.is-filtered) {
  -webkit-animation: fadeIn .7s ease forwards;
  -moz-animation: fadeIn .7s ease forwards;
  animation: fadeIn .7s ease forwards;
}
@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
#header .header-content {
  height: 100% !important;
}

/* ======================================================================
   Theme: Farben & Typografie
   ====================================================================== */

.mobile-nav,
.work-info,
.page-links,
.thumb-overlay,
.lightbox-container,
img.lightbox-img,
.lightbox-mobile .lightbox-bar,
.thumb-box .thumb-links > a,
.pagination a,
.loader .loader-spinner:before,
.loader .loader-spinner:after,
.header-bottom .header-bottom-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html:not(.ua-mobile) #main img:not(.is-animated, .is-layer) {
  -webkit-transition: opacity 1000ms ease;
  -moz-transition: opacity 1000ms ease;
  -ms-transition: opacity 1000ms ease;
  -o-transition: opacity 1000ms ease;
}
.no-touch .thumb-links > a,
.no-touch .pagination a {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}
button {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.post-meta a,
.work-meta a {
  -webkit-transition: all 0.05s linear 0.05s;
  -moz-transition: all 0.05s linear 0.05s;
  -ms-transition: all 0.05s linear 0.05s;
  -o-transition: all 0.05s linear 0.05s;
}
.thumb-box .thumb-overlay,
.to-top {
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
}
.thumb i {
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
}
.mobile-nav .mobile-nav-list {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}
.mobile-nav .mobile-nav-list.is-open {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}
button.lightbox-close {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mobile-nav-panel > ul {
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
.lightbox-figure:after {
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

/* ======================================================================
   Theme: Anpassungen
   ====================================================================== */

.row:before,
#main-nav:before {
  content: "";
  display: table;
}
.row:after,
#main-nav:after {
  content: "";
  display: table;
  clear: both;
}
.has-bg:not(.full-width-image),
#mobile-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
html,
body,
body.page,
.row > * {
  font: normal normal normal 14px / 24px "Arial", Helvetica, Arial, Verdana, sans-serif;
  word-spacing: normal;
  color: #919191;
}
.thumb-overlay {
  line-height: 22px;
}
body {
  background: #fbfbfb none no-repeat center top;
  background-size: auto;
}
.text-small {
  font-size: 14px;
  line-height: 20px;
}
#page {
  background: #fbfbfb none repeat center top;
  background-size: auto;
  background-attachment: ;
}
#main > .wrap,
#header .wrap,
#bottom-bar > .wrap {
  width: 100%;
}
.header-left #header {
  width: 200px;
}
.header-left #header {
  margin-left: -200px;
}
.header-left #page {
  padding-left: 200px;
}
#header.logo-side .wrap {
  padding-left: 0px;
  padding-right: 0px;
}
a {
  color: #8ad949;
  text-decoration: underline;
}
a:hover {
  color: #8ad949;
  text-decoration: none;
}
h1 {
  color: #3a3a3a;
  font: normal normal normal 45px / 50px "Georgia", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
@media (max-width: 800px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
h2,
.h2-size,
.post-title.h2-size,
h1.post-title {
  color: #3a3a3a;
  font: normal normal normal 35px / 40px "Georgia", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
h3,
.h3-size,
h2.post-title {
  color: #3a3a3a;
  font: normal normal bold 25px / 25px "PT Serif", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
}
.layout-masonry .post h2.post-title,
h3.post-title {
  color: #3a3a3a;
  font: normal normal normal 19px / 26px "Arial", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
button {
  font: normal normal 500 13px / 26px "Cabin", Helvetica, Arial, Verdana, sans-serif;
  padding-left: 12.6666666667px;
  padding-right: 12.6666666667px;
  color: #fff;
  text-transform: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #8ad949;
}
.thumb-links > a,
.to-top {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
button {
  padding-left: 12.6666666667px;
  padding-right: 12.6666666667px;
  font: normal normal 500 15px / 38px "Cabin", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.header-bottom {
  color: #919191;
}
.header-bottom:before {
  content: "";
  display: table;
}
.header-bottom:after {
  content: "";
  display: table;
  clear: both;
}
.header-bottom .header-bottom-inner {
  padding-top: 9px;
  padding-bottom: 9px;
}
.header-bottom.full-width-line .header-bottom-inner,
.header-bottom.full-width-line.line-mobile {
  border-top: none;
}
.header-bottom.full-width-line {
  border-top: 1px solid #eaeaea;
}
#header {
  background: #ffffff none repeat center top;
  background-size: auto;
  background-attachment: ;
  -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
  box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
}
#branding {
  padding-top: 22px;
  padding-bottom: 42px;
}
#main-nav > li > a {
  font: normal normal normal 13px / 17px "Arial", Helvetica, Arial, Verdana, sans-serif;
  color: #000000;
  text-transform: uppercase;
}
#main-nav > li.is-current > a,
#main-nav > li.is-current > a:hover,
#main-nav > li > a:hover,
#main-nav > li > a:hover > span {
  color: #e81a4a;
}
#main-nav > li > a span:before,
#main-nav > li.is-current > a span:before {
  background-color: #000000;
}
#main-nav > li {
  margin: 0 3.5px;
}
.logo-side #main-nav > li {
  margin-bottom: 3.5px;
  padding-top: 3.5px;
}
.logo-side #main-nav > li {
  border-top: 1px solid #f0f0f0;
}
.logo-side #main-nav.no-dividers > li {
  border-top: none;
}
.mobile-nav ul {
  background-color: #ffffff;
}
.mobile-nav ul {
  background-color: #ffffff;
}
.mobile-nav li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(10,10,10,0.1);
}
.mobile-nav li.is-current > a,
.no-touch .mobile-nav li > a:hover,
.touch .mobile-nav li > a:active {
  color: #e81a4a;
}
.mobile-nav li > a {
  color: #0a0a0a;
  font: normal normal 14px / 18px "Arial", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
.page-title > .wrap {
  width: 100%;
}
.page-title .title-inner {
  border-color: rgba(145,145,145,0.15);
}
.page-title h1,
#page .page-title .post-title {
  color: #333333;
}
.hr-thin {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(145,145,145,0.15);
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.work-meta,
.post-meta {
  font-size: 14px;
  line-height: 20px;
}
.post-meta:before {
  width: 22px;
  height: 22px;
}
.content {
  width: 80%;
}
.pagination:not(.load-more) a {
  padding-left: 6px;
  padding-right: 6px;
  min-width: 31px;
  font: normal normal 500 13px / 26px "Cabin", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
  font-size: 14px;
  line-height: 20px;
  line-height: 27px;
  color: #3a3a3a;
  border-color: rgba(145,145,145,0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.pagination a.is-current {
  min-width: 31px;
  line-height: 31px;
}
.pagination:not(.load-more) .is-disabled,
.pagination:not(.load-more) .is-disabled:hover {
  background-color: transparent;
  border-color: rgba(145,145,145,0.15);
  color: rgba(58,58,58,0.3);
}
.pagination:not(.load-more) a:hover {
  background-color: rgba(145,145,145,0.15);
  border-color: transparent;
}
.pagination a:hover {
  color: #3a3a3a;
}
.pagination a.is-current,
.pagination a.is-current:hover {
  color: #ffffff;
}
.pagination .nav-prev,
.pagination .nav-next {
  padding-left: 11px;
  padding-right: 11px;
}
.post.has-bg {
  background-color: rgba(145,145,145,0.08);
}
.layout-list .post {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(145,145,145,0.15);
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.layout-list .post:before {
  content: "";
  display: table;
}
.layout-list .post:after {
  content: "";
  display: table;
  clear: both;
}
#footer.solid-bg {
  background: #2b2b2b none repeat center top;
}
#bottom-bar {
  font-size: 14px;
  line-height: 20px;
  color: #ededed;
}
#bottom-bar.solid-bg {
  background: #333333 none repeat center top;
}
.bottom-bar-inner {
  border-top: 1px solid rgba(136,136,136,0.15);
}
.footer-empty.solid-bg .bottom-bar-inner {
  border-top: none;
}
#bottom-bar.solid-bg .bottom-bar-inner {
  border-top: none;
}
.post .post-title a:hover {
  color: #8ad949;
}
h1,
h2,
h3,
h1 a,
h3 a,
h1 a:hover,
h3 a:hover,
.h2-size,
.post-title.h2-size,
h1.post-title,
.h3-size,
h2.post-title,
.post h2.post-title,
.post h2.post-title,
h3.post-title,
.author-name {
  color: #3a3a3a;
}
.post-meta a,
.post-meta span,
.post-meta a *,
.work-meta a,
.work-meta a *,
.work-meta span {
  color: rgba(145,145,145,0.5);
}
.work-meta a,
.work-meta a *,
.work-meta span {
  -webkit-text-fill-color: rgba(145,145,145,0.5);
}
.thumb-overlay,
.thumb-overlay *,
.thumb-overlay a:hover {
  color: #ffffff;
  -webkit-text-fill-color: #fff;
}
.zoom-link {
  font-size: 14px;
}
#mobile-menu {
  color: #ffffff;
  background-color: #e81a4a;
}
.burger-lines,
.burger-lines:before,
.burger-lines:after {
  background-color: #ffffff;
}
.accent-bg .burger-lines,
.accent-bg .burger-lines:before,
.accent-bg .burger-lines:after {
  background-color: #fff;
}
#mobile-menu.accent-bg {
  color: #fff;
  background-color: #8ad949;
}
.to-top {
  background-color: #000;
  background-color: rgba(0,0,0,0.2);
}
.to-top:hover {
  background-color: #000;
  background-color: rgba(0,0,0,0.5);
}
.thumb i {
  background-color: rgba(28,28,28,0.3);
}
.thumb-overlay {
  background-color: rgba(28,28,28,0.8);
}
.hover-static .thumb-box i,
.hover-static .thumb i {
  background-color: rgba(34,34,34,0.8);
  background-image: none;
}
.loader .loader-spinner {
  background-color: rgba(138,217,73,0.9);
}
.pagination a.is-current,
.pagination a.is-current:hover {
  color: #fff;
  background-color: #8ad949;
}
#load {
  background-color: #8ad949;
  background-color: rgba(138,217,73,0.98);
}
.header-bottom-inner {
  display: none;
}

/* ======================================================================
   Theme: Responsive
   ====================================================================== */

@media screen and (max-width: 760px) {
  .mobile-paddings.row.masonry {
    margin: -10px !important;
  }
  .mobile-paddings .masonry-item {
    padding: 10px !important;
  }
  .mobile-paddings.row.masonry.caption-below {
    margin: -5px -10px 0px !important;
  }
  .mobile-paddings.row.masonry.caption-below .col {
    padding: 5px 10px 0px !important;
  }
}
@media screen and (max-width: 750px) {
  #main .wrap,
  .page-title .wrap {
    padding: 0 20px;
  }
  #header .wrap,
  .header-left #header .wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
  .footer .wrap {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1100px) {
  .header-left #page {
    padding-left: 0 !important;
  }
  .header-left #header .table {
    display: table;
  }
  .header-left #header .table-cell {
    display: table-cell;
  }
  .header-left #branding {
    text-align: left;
  }
  nav {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }
  #mobile-nav.show-on-mobile,
  #mobile-menu {
    display: inline-block;
  }
  #header.logo-side .wrap {
    padding-left: 44px;
    padding-right: 44px;
  }
  #header.show-device-logo #branding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #main-nav.hide-on-mobile {
    display: none;
  }
  .header-left #header {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .header-content {
    height: auto !important;
  }
  #header .header-bottom {
    display: none !important;
  }
  .page-title {
    min-height: 100% !important;
  }
  .page-title .title-inner {
    display: table;
    width: 100%;
  }
  .page-title .title-inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .page-title.no-bg .wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-title > .wrap {
    padding-top: 0 !important;
  }
  .page-title .table,
  .page-title .table-cell {
    display: block;
    width: 100%;
    text-align: center;
  }
  .page-title .table {
    height: auto !important;
  }
  .page-title .table {
    display: table-cell;
    vertical-align: middle;
  }
  .page-title.no-bg .table {
    vertical-align: bottom;
  }
  .page-title .title-group {
    padding-bottom: 5px;
  }
  .no-breadcrumbs .title-group {
    padding-bottom: 5px;
  }
  .page-title.title-left.no-bg h1 {
    margin: 5px 0;
  }
}
@media screen and (max-width: 400px) {
  .header-left #header .table,
  .header-left #header .table-cell,
  nav,
  #mobile-nav.show-on-mobile,
  #mobile-menu {
    display: block;
  }
  .mobile-nav .mobile-nav-panel > .mobile-nav-list {
    max-width: 100%;
    left: 0;
    margin: 0 auto;
  }
  .header-left #branding,
  #mobile-menu {
    text-align: center;
  }
  .show-mobile-logo #branding,
  #header.show-device-logo.show-mobile-logo #branding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #header.show-device-logo #branding {
    padding-top: 22px;
    padding-bottom: 42px;
  }
  .header-left #page #header .wrap {
    padding-left: 0;
    padding-right: 0;
  }
  #mobile-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
@media screen and (max-width: 970px) {
  .content .col-1-3,
  .content .col-2-3 {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .floating {
    top: 0 !important;
  }
}
@media screen and (max-width: 980px) {
  .content {
    width: 100%;
  }
  .layout-list .post-text,
  .layout-list .work-caption,
  .layout-list .work-media {
    float: none;
    width: 100% !important;
  }
  .layout-list .thumb-box {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 970px) {
  #bottom-bar .table,
  #bottom-bar .table-cell {
    display: block;
    text-align: center;
  }
  #bottom-bar .table {
    height: auto;
  }
  #bottom-bar .table-cell {
    margin: 5px 0;
  }
  .bottom-bar-inner {
    padding: 10px 0;
  }
  #bottom-bar .float-left {
    display: block;
    float: none;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body:after {
    content: "tablet";
    display: none;
  }
}
@media screen and (max-width: 760px),screen and (max-height: 300px) {
  body:after {
    content: "phone";
    display: none;
  }
}

/* ======================================================================
   Theme: Overrides
   ====================================================================== */

// CUSTOM STYLES body {
  background-color: #fff !important;
}
#main {
  padding: 75px 0;
}
body.portfolio #main {
  padding: 35px 0;
}
.header-bottom-inner {
  display: none;
}
#content {
  margin: auto;
  width: 90%;
}
#content h3 {
  padding-bottom: 22px;
}
#content h3:not(:first-child) {
  padding-top: 30px;
}
.header-left #page {
  padding-left: 250px;
}
.page-title.title-left {
  ddisplay: none;
}
#header,
#page {
  box-shadow: none;
  background: none;
  color: #000;
}
#branding {
  padding-top: 75px;
  padding-bottom: 34px;
}
#branding div {
  line-height: 25px !important;
  letter-spacing: 1px;
}
.logo-side #main-nav > li {
  margin-bottom: 0;
}
.submenu-down #main-nav.text-center li a:hover,
.submenu-down #main-nav.text-center li.is-current a {
  font-weight: bold;
}
#main-nav {
  padding-bottom: 16px !important;
}
.thumb-box {
  text-align: center;
  padding: 0 7px;
  margin: 0 0 10px;
  margin-right: 0 !important;
}
.thumb-box a {
  float: none;
}
.home .post img {
  width: auto;
}
.blog .post.has-bg,
.portfolio .post.has-bg {
  background: none;
  padding-left: 10px;
  padding-right: 10px;
}
.blog.layout-list .post.has-bg {
  padding-top: 0;
  height: auto;
}
.layout-list .post.has-bg {
  height: 100vh;
}
footer {
  display: none;
}
.home h2.post-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  margin-top: -20px;
  line-height: 14px;
  text-transform: none;
}
.post-title a:hover {
  color: #e81a4a !important;
}
#page .page-title h1.post-title {
  font-family: "PT Serif", Helvetica, Arial, Verdana, sans-serif;
  font-size: 25px;
  font-weight: bold;
  margin-left: 51px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
body.blog.single-post #main {
  padding-top: 25px;
}
.work-caption {
  width: 100% !important;
}
p {
  color: #000;
  margin-bottom: 30px;
}
.mobile-nav li a>span {
  display: inline;
}
.mobile-nav li > a {
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 6px 0;
}
.mobile-nav li.is-current > a,
.mobile-nav li:hover > a {
  -f-ont-weight: bold;
  color: #e81a4a;
}
#mobile-menu.accent-bg {
  background: none;
  color: #000;
}
.thumb i {
  background: rgba(255, 255, 255, 0.75) !important;
}
#load {
  background: rgba(200, 200, 200, 0.7);
}
#site-title {
  text-align: center;
}
#mobile-menu {
  padding: 10px;
}
.thumb i:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMmQ3YTJhYi1iZTc4LTQ2NzctOGVjYi02NmM4MzcwOTZlZWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1MkM5QUZBQjBEMTFFNThFQzFGQjY2RkRDMzM3QTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1MkM5QUVBQjBEMTFFNThFQzFGQjY2RkRDMzM3QTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MmMzNjBlYy02YTc1LTQ3ZmEtYjBkNS01Y2ViYWUzM2NlOTUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplYmNjNGM2My1kMjY2LTExNzgtYTU2OC1hMWM5ZTI5NDdhZDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sC0gFAAADhUlEQVR42uyaS2gUQRCGs3ETFaJBZDUhxhUJ+AwBH6gR0Xjbk8SjIip6FsST4FU8KXgQcoonURD0pqBGDxKQuD7QqDEbRfHJxrwUDRLM+jfUQKfomeme6Z5kQwo+mAk73f1PV3VX9SRVKpUqZpNVVswymxM0JyhhS6v+mEqlZswATRettKOX1ABqwAT4Cb5P6wxFcNtdYD9oA2tBFfuNEPUUdIGr4J3TKeVo2jxwDBREMwZMgttgR9TxBRFVUAt4YihEJewyWGxTUEolIGRROAw6wAL2dzHAx+Ah6Aej5I71YCO542pFewOgHfTaWBRMZ+iU4k3/BRfASo3udoI7ijaGwdakXe4gzYI8kC6ftx5mOfCVtVUETUkJaga/2QAuxVwlV4A8a/MZmO9aUCXFhtzxOUuLbK1C1BnXgg6xDu9aTplE7A1J7f8Bda4EieXujdSZcLtsyAAXgs0S6zVEHffzANuCWllH5zUG18yeeaGZbbyVnvnmxaepoDDXaZfdmRYCFzZJe5tnwuW2uygf2qTr5+C9w7zyRkDfVpJTET/rpPvugJiR46TJJ6Y8GwevFe18BJ9Ao+S6VpPTZSwWTmjGTBhBMSVnEd22Y4gnjUMJlDNj0vUi2zE0we6rEhBULV3/sx1Dw+y+zud341RK+MUUj5mBgD4z0vWIiwKvKPn0Fc0mo+xDXsE4Jj3X6WIfykvXux2fEm1hcdvjYh+6L103RN0bNO0Au7/nwuUaKTg9N7il0WQTzazHNY1nloJfUj89LrPtmywmcg5mp4P1ccSloE1slkSludyimH2sEu6XV19XFSt/g4/AEgtiWhWVcC5O2OgKqmF1UYnS/TUxF4Fx1mYf24ucCfKCvcgGMEInQdWGZwmdigMXbw96aSoqzkFjCxVfPOH8AE6CVQGb5jZwkUps/vwouzcSFfegUQz6Om2EKvtMx8M/KLjrqQyp9fl9H52HcxMHj3vBoNEXiohHwSJRPa0IaBMKtABkaPCq32jNlI2zbblmOgu+GAgRm+1Rlr3HEhXX5fxiRJwB7KFz7GzF1O9DBelzSiEg034ANpi6nw2Xc2WRZirU5ZLClqiZLshYVDkIMhJVLoLCRPV6okwq1um2QSoqX/mkUNnYX8gSniG/mRqlVKrsXE4laooYrY01KYuwgWfIzfJ+G2u5CQpNTtPTGfEuXubcv5fNdPsvwAD0mleuH7Hx2QAAAABJRU5ErkJggg==);
  background-size: 50% 50%;
}
#main-nav > li > a {
  font-weight: normal !important;
}
#main-nav > li > a > span {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 1px;
}
#overlays {
  top: 0;
  left: 0;
  display: none;
}
#navigation-arrows {
  position: fixed;
  bottom: 60px;
  left: 100px;
  width: 100px;
  line-height: 22px;
}
#navigation-arrows a {
  color: transparent;
  font-size: 14px;
  padding: 8px 0 6px 30px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#navigation-arrows a:hover {
  color: #eb1a4b;
  z-index: 100000;
  position: relative;
}
#arrowup {
  background: url(../img/arrowkeyUp.png) no-repeat;
}
#arrowup:hover {
  background-image: url(../img/arrowkeyUp_r.png);
}
#arrowdown {
  background: url(../img/arrowkeyDown.png) no-repeat;
}
#arrowdown:hover {
  background-image: url(../img/arrowkeyDown_r.png);
}
#overview {
  position: fixed;
  background: url(../img/overview.png) no-repeat center;
  top: 51px;
  right: 30px;
  padding-top: 45px;
  width: 85px;
  color: #000;
  text-align: center;
  font-size: 14px;
  color: transparent;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#overview:hover {
  background-image: url(../img/overview_r.png);
  color: #eb1a4b;
}
#totop {
  position: fixed;
  background: url(../img/top.png) no-repeat center;
  bottom: 100px;
  right: 30px;
  padding-top: 33px;
  width: 60px;
  color: #000;
  text-align: center;
  font-size: 14px;
  color: transparent;
  cursor: pointer;
  bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#totop:hover {
  background-image: url(../img/top_r.png);
  color: #eb1a4b;
}
#header {
  height: auto !important;
  position: fixed !important;
}
.to-top:before {
  background: none;
  width: 0;
  height: 0;
}
#totop {
  padding-top: 60px;
}
.home article.work.post {
  height: 100vh;
}
.home article.work.post img {
  max-height: 90vh;
}
.home .work-body {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.work-body > div {
  float: none !important;
}
.burger {
  border-radius: 0;
}
.burger-lines,
.burger-lines:after,
.burger-lines:before {
  border-radius: 0 !important;
}
#load .loader .loader-spinner::before {
  display: none;
}
.hr-thin {
  border-width: 2px;
  border-color: #000;
  width: 102px;
  float: left;
  margin-bottom: 15px;
}
body.about #content a {
  color: #000;
  text-decoration: none;
}
body.about #content a[href$=".pdf"] {
  margin-left: -10px;
  padding-left: 30px;
  background: url(../img/download.png) no-repeat left;
}
body.about #content a:hover {
  color: #e81a4a;
}
body.about #content a[href$=".pdf"]:hover {
  background-image: url(../img/download_r.png);
}
.masonry-0 > .col {
  padding: 15px 10px 10px !important;
}
@media screen and (max-width: 1100px) {
  #header {
    bxackground: #fff;
  }
  body.portfolio #main,
  body #main {
    padding: 100px 0;
  }
  .home article.work.post img {
    max-height: 80vh;
  }
  #overview {
    background: url(../img/overview@2x.png) no-repeat center;
    background-size: 50%;
  }
  #overview:hover {
    background-image: url(../img/overview_r@2x.png);
  }
  #totop {
    background-size: 50%;
    background: url(../img/top@2x.png) no-repeat center;
  }
  #totop:hover {
    background-image: url(../img/top_r@2x.png);
  }
  body.about #content a {
    background-size: 31px;
    background-image: url(../img/download@2x.png);
  }
  body.about #content a:hover {
    background-image: url(../img/download_r@2x.png);
  }
  .accent-bg .burger-lines,
  .accent-bg .burger-lines:before,
  .accent-bg .burger-lines:after {
    background: #000;
  }
  .label-open {
    display: none;
  }
  #mobile-menu {
    position: absolute;
    top: -24px;
    right: -90vw;
    z-index: 100;
  }
  .mobile-nav-list {
    z-index: 99;
  }
  .mobile-nav-list li a {
    font-size: 14px;
  }
  .mobile-nav-list li.mobile-nav-extra,
  .mobile-nav-list li.mobile-nav-extra a {
    text-align: center;
    text-transform: none;
  }
  .mobile-nav-list {
    position: relative;
    left: 0;
  }
  .mobile-nav {
    -webkit-perspective: none;
    -moz-perspective: none;
    perspective: none;
  }
  .mobile-nav li,
  .mobile-nav ul {
    border: none;
    box-shadow: none;
  }
  .layout-list .post.has-bg {
    padding: 30px 5px 5px;
  }
  .mobile-nav ul {
    background-color: transparent;
  }
  .mobile-nav .mobile-nav-panel > .mobile-nav-list {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
  }
  .mobile-nav .mobile-nav-list {
    -webkit-transform: translateY(-0px);
    -moz-transform: translateY(-0px);
    -ms-transform: translateY(-0px);
    -o-transform: translateY(-0px);
  }
  .mobile-nav .mobile-nav-panel > .mobile-nav-list {
    min-width: 100vw;
    margin: 40px auto 0 -44px;
  }
  .table,
  .table > div,
  .table > div > div {
    display: block !important;
  }
  nav {
    top: 30px;
    position: absolute;
    display: inline-block;
  }
  .wrap {
    paddinsg: 0 !important;
  }
}
@media screen and (max-width: 440px) {
  .show-on-move {
    opacity: 0;
  }
  .home article.work.post {
    height: 100%;
  }
  .home .work-body {
    text-align: center;
    position: relative;
    top: auto;
    transform: none;
  }
  #mobile-menu {
    position: absolute;
    right: 0px;
    top: -66px;
  }
  .mobile-nav-list li a {
    font-size: 14px;
  }
  .mobile-nav-list li.mobile-nav-extra,
  .mobile-nav-list li.mobile-nav-extra a {
    text-align: center;
    text-transform: none;
  }
  .mobile-nav-list {
    position: relative;
    left: 0;
  }
  .mobile-nav {
    -webkit-perspective: none;
    -moz-perspective: none;
    perspective: none;
  }
  .mobile-nav li,
  .mobile-nav ul {
    border: none;
    box-shadow: none;
  }
  .layout-list .post.has-bg {
    padding: 30px 5px 5px;
  }
  .mobile-nav .mobile-nav-panel > .mobile-nav-list {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
  }
  .mobile-nav .mobile-nav-list {
    -webkit-transform: translateY(-0px);
    -moz-transform: translateY(-0px);
    -ms-transform: translateY(-0px);
    -o-transform: translateY(-0px);
  }
  .mobile-nav .mobile-nav-panel > .mobile-nav-list {
    min-width: 100vw;
    margin: 0px auto;
  }
  nav {
    top: 30px;
    position: static;
    display: block;
  }
  .layout-list .post.has-bg {
    height: auto;
    padding-bottom: 30px;
  }
}
.teaser:hover,
.teaser {
  text-decoration: none;
}

/* ======================================================================
   Seite: eigene Anpassungen
   ====================================================================== */

body {
  background-color: #fff;
}
a,
a:hover {
  color: #e81a4a;
}