@charset "UTF-8";

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../font/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../font/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../font/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../font/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../font/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav {
  margin-top: 10px; }

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?90016058");
  src: url("../font/fontello.eot?90016058#iefix") format("embedded-opentype"), url("../font/fontello.woff2?90016058") format("woff2"), url("../font/fontello.woff?90016058") format("woff"), url("../font/fontello.ttf?90016058") format("truetype"), url("../font/fontello.svg?90016058#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?90016057#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-down-open:before {
  content: '\e800'; }

/* '' */
.icon-left-open:before {
  content: '\e801'; }

/* '' */
.icon-right-open:before {
  content: '\e802'; }

/* '' */
.icon-up-open:before {
  content: '\e803'; }

/* '' */
.icon-stop:before {
  content: '\e804'; }

/* '' */
.icon-stop-1:before {
  content: '\e805'; }

/* '' */
.icon-mail:before {
  content: '\e806'; }

/* '' */
.icon-twitter-1:before {
  content: '\e807'; }

/* '' */
.icon-facebook-circled-1:before {
  content: '\f051'; }

/* '' */
.icon-twitter-circled-1:before {
  content: '\f057'; }

/* '' */
.icon-gplus-circled:before {
  content: '\f059'; }

/* '' */
.icon-facebook-1:before {
  content: '\f09a'; }

/* '' */
.icon-gplus:before {
  content: '\f0d5'; }

/* '' */
.icon-doc-text:before {
  content: '\f0f6'; }

/* '' */
.icon-file-pdf:before {
  content: '\f1c1'; }

/* '' */
.icon-google-plus-circle:before {
  content: '\f2b3'; }

/* '' */
.icon-facebook-squared-1:before {
  content: '\f308'; }

/* '' */
.icon-twitter-circled:before {
  content: '\f30a'; }

/* '' */
.icon-facebook-circled:before {
  content: '\f30d'; }

/* '' */
.icon-instagram:before {
  content: '\f32d'; }

/* '' */
/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
/**
 * Box Model, Html & Body
 */
@media screen and (max-width: 1149px) {
  html, body, [canvas=container], [off-canvas] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  html, body {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  /**
	 * Canvas
	 */
  [canvas] {
    z-index: 1; }
  [canvas=container] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color: white;
    /* Basic background color, overwrite this in your own css. */
    -webkit-overflow-scrolling: touch;
    /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */ }
  [canvas=container]:before, [canvas=container]:after {
    clear: both;
    content: '';
    display: table; }
  /**
	 * Off-Canavs
	 */
  [off-canvas] {
    display: none;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    background-color: black;
    /* Basic background color, overwrite this in your own css. */
    color: white;
    /* Basic colors, overwrite this in your own css. */
    -webkit-overflow-scrolling: touch;
    /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */ }
  [off-canvas*=top] {
    width: 100%;
    height: 255px;
    top: 0; }
  [off-canvas*=right] {
    width: 290px;
    height: 100%;
    top: 0;
    right: 0; }
  [off-canvas*=bottom] {
    width: 100%;
    height: 255px;
    bottom: 0; }
  [off-canvas*=left] {
    width: 255px;
    height: 100%;
    top: 0;
    left: 0; }
  [off-canvas*=reveal] {
    z-index: 0; }
  [off-canvas*=push] {
    z-index: 1; }
  [off-canvas*=overlay] {
    z-index: 9999; }
  [off-canvas*=shift] {
    z-index: 0; }
  /**
	 * Animation
	 */
  [canvas], [off-canvas] {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    -webkit-backface-visibility: hidden;
    /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */ }
  [off-canvas*=shift][off-canvas*=top] {
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%); }
  [off-canvas*=shift][off-canvas*=right] {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px); }
  [off-canvas*=shift][off-canvas*=bottom] {
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%); }
  [off-canvas*=shift][off-canvas*=left] {
    -webkit-transform: translate(50%, 0px);
    transform: translate(50%, 0px); }
  /**
	 * Print
	 */ }

@media print {
  [canvas] {
    -webkit-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important; }
  [off-canvas] {
    display: none !important; } }

.sidemenu {
  background: #585858; }
  .sidemenu a {
    color: #fff;
    text-decoration: none; }
  .sidemenu .active a {
    color: #fff; }
  .sidemenu ul {
    list-style: none;
    margin: 0;
    padding: .1em 0 0 0; }
  .sidemenu .navlevel-1 {
    border-bottom: 1.3em solid #383838; }
  .sidemenu li {
    padding: 0; }
  .sidemenu .with-sub {
    background: #383838; }
  @media screen and (min-width: 1000px) {
    .sidemenu {
      display: none; } }
  .sidemenu .margin-bottom {
    margin: 0; }
  .sidemenu .l-1 {
    border-bottom: 1px solid #383838; }
    .sidemenu .l-1 a {
      padding: .5em 1em .7em 1em;
      display: block;
      background: #585858;
      text-transform: uppercase; }
      .sidemenu .l-1 a:hover {
        background: #787878; }
  .sidemenu .nav-level-two {
    border-top: none;
    padding: .3em 0;
    margin: 0;
    background: #383838; }
  .sidemenu .l-2 {
    padding: 0;
    border-bottom: 1px solid #585858; }
    .sidemenu .l-2:last-child {
      border-bottom: none; }
    .sidemenu .l-2 a {
      padding: .5em 1em;
      background: transparent;
      text-transform: none; }
      .sidemenu .l-2 a:hover {
        background: #484848; }
  .sidemenu .ul-nav-lang {
    background: #383838;
    text-align: right;
    padding: .6em 0;
    margin: 0; }
    .sidemenu .ul-nav-lang li {
      display: inline;
      text-transform: uppercase;
      padding-right: 1em; }
  .sidemenu .close-sb {
    background: #383838;
    display: block;
    text-align: right;
    padding: 3px 1em; }

body {
  font-size: 16px;
  font-family: 'Lato', sans-serif; }

figure {
  margin: 0;
  padding: 0; }

.bg-colored {
  background: #FDF5F2;
  margin-bottom: 1.4em; }

.bg-blue {
  background: #DDE8F8;
  padding: .4em 0;
  margin-bottom: 2em; }

.container {
  width: 94%;
  margin: 0 3%; }
  @media screen and (min-width: 768px) {
    .container {
      width: 90%;
      margin: 0 5%; } }

.container-margin-bottom {
  padding-bottom: 2em; }

.container-press .project-press-teaser .inner-container {
  width: 90%;
  margin: 0 5%; }

@media screen and (min-width: 768px) {
  .container-press-teaser-list {
    width: 90%;
    margin: 0 5%; }
    .container-press-teaser-list .project-press-teaser .inner-container {
      max-width: none;
      margin: 0; } }

@media screen and (min-width: 1300px) {
  .container {
    width: auto;
    max-width: 1200px;
    margin: 0 auto; }
  .container-press .project-press-teaser .inner-container {
    max-width: 1200px;
    margin: 0 auto; }
  .container-press-teaser-list {
    width: auto;
    max-width: 1200px;
    margin: 0 auto; } }

.row-w-cols {
  margin-left: -1%;
  margin-right: -1%; }
  .row-w-cols:after {
    content: "";
    display: table;
    clear: both; }

@media screen and (min-width: 768px) {
  .col {
    float: left; }
  .col-left {
    width: 38%;
    margin: 0 1%; }
  .marginal-small .col-left {
    width: 24%; }
  .col-right {
    width: 56%;
    float: right;
    margin: 0 1%; }
  .marginal-small .col-right {
    width: 72%; } }

.bg-red-w-border {
  border-top: 1px solid #DEB8BF;
  border-bottom: 1px solid #DEB8BF;
  background: #F9F7F8; }

.border-top {
  border-top: solid 1px #CC0025;
  padding-top: 1.5em; }

.img-responsive {
  max-width: 100%;
  height: auto;
  display: block; }

.ce-image-text .caption {
  font-size: .8em; }

a {
  color: #000; }

.margin-bottom {
  margin-bottom: 4em; }

blockquote {
  font-size: 1.8em;
  font-weight: bold;
  color: #CC0025; }

.bigger-font {
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    .bigger-font {
      font-size: 16px;
      line-height: 1.4em; } }
  @media screen and (min-width: 1000px) {
    .bigger-font {
      font-size: 18px;
      line-height: 1.4em; } }

.really-big-font {
  font-size: 25px;
  line-height: 1.4em; }
  .really-big-font strong {
    color: #CC0025;
    font-weight: normal; }
  .really-big-font .frame-default:before {
    display: block;
    content: " ";
    margin-top: -225px;
    height: 225px;
    visibility: hidden; }

.just-mobile h2 {
  line-height: 1.2em; }

.just-mobile .caption i {
  font-weight: normal; }

.just-mobile .really-big-font {
  font-size: 22px; }

.zoom-my-image {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 1000px) {
    .zoom-my-image img {
      -moz-transition: all 0.9s;
      -webkit-transition: all 0.9s;
      transition: all 0.9s; } }
  @media screen and (min-width: 1000px) {
    .zoom-my-image:hover img {
      -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      transform: scale(1.02); } }

.contenttable {
  margin-bottom: 1.5em; }
  .contenttable td {
    padding: 0 2em 2em 0;
    vertical-align: top; }
    .contenttable td p {
      margin: 0; }

@media screen and (max-width: 768px) {
  .responsive-table table, .responsive-table tr, .responsive-table td {
    display: block; } }

.frame-type-text a {
  color: #CC0025; }

.text-link {
  color: #CC0025; }

.nav-subpages {
  padding: 0;
  margin: 0; }
  .nav-subpages li {
    list-style: none;
    padding: 0;
    margin-bottom: .7em; }
  .nav-subpages a {
    text-decoration: none; }
    .nav-subpages a.active {
      color: #CC0025; }
    .nav-subpages a span {
      background: #D7D8CB;
      display: inline-block;
      padding: .2em .5em; }

.page-headline {
  margin-bottom: 1.2em; }

.ce-image-text {
  margin: 0 -1.5%; }
  .ce-image-text:after {
    content: "";
    display: table;
    clear: both; }
  .ce-image-text .text {
    float: left;
    width: 60%;
    margin: 0 1.5%;
    margin-top: -1em; }
  .ce-image-text .images {
    float: left;
    width: 34%;
    margin: 0 1.5%; }

.share-services .share-services-inner {
  float: left;
  border-top: 1px solid #CC0025;
  padding-top: .4em;
  color: #999; }

.share-services:after {
  content: "";
  display: table;
  clear: both; }

.share-services div {
  display: inline-block; }

.share-services a {
  color: #999; }
  .share-services a:hover {
    color: #000; }

.owl-sidebar-carousel {
  margin-bottom: 2em;
  position: relative; }
  @media screen and (min-width: 768px) {
    .owl-sidebar-carousel {
      width: 90%; } }
  .owl-sidebar-carousel .caption {
    font-size: .9em;
    padding-top: .3em; }
  .owl-sidebar-carousel .type-4 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
    .owl-sidebar-carousel .type-4 iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none; }
  .owl-sidebar-carousel .owl-nav div {
    position: absolute;
    top: 10%;
    height: 30px;
    width: 20px;
    margin-top: -15px; }
  .owl-sidebar-carousel .owl-prev {
    left: 0;
    background: transparent url(../img/arrow_right_light_open.svg?ver=2) no-repeat center 0;
    color: #fff; }
  .owl-sidebar-carousel .owl-next {
    right: 0;
    background: transparent url(../img/arrow_left_light_open.svg?ver=2) no-repeat center 0;
    color: #fff; }
  .owl-sidebar-carousel:hover .owl-nav div {
    background-color: rgba(0, 0, 0, 0.2); }

.map-contact {
  width: 100%;
  height: 500px; }

.map-pane {
  background: #efefef;
  margin-bottom: 3em; }

.container .ce-image-text .text {
  float: none;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .container .ce-image-text .text {
      float: left;
      width: 60%;
      margin: 0 1.5%;
      margin-top: -1em; } }

.container .ce-image-text .images {
  float: none;
  width: 100%;
  margin-bottom: 2em; }
  @media screen and (min-width: 768px) {
    .container .ce-image-text .images {
      float: left;
      width: 34%;
      margin: 0 1.5%; } }

.header-row .burger-icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 5px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .header-row .burger-icon {
      width: 30px;
      height: 30px; } }
  .header-row .burger-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    @media screen and (min-width: 768px) {
      .header-row .burger-icon span {
        height: 5px; } }

.burger-icon span:nth-child(1) {
  top: 0px; }

.burger-icon span:nth-child(2), .burger-icon span:nth-child(3) {
  top: 6px; }
  @media screen and (min-width: 768px) {
    .burger-icon span:nth-child(2), .burger-icon span:nth-child(3) {
      top: 10px; } }

.burger-icon span:nth-child(4) {
  top: 12px; }
  @media screen and (min-width: 768px) {
    .burger-icon span:nth-child(4) {
      top: 20px; } }

.burger-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }
  @media screen and (min-width: 768px) {
    .burger-icon.open span:nth-child(1) {
      top: 9px; } }

.burger-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.burger-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.burger-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.toggle-nav {
  float: right; }
  .toggle-nav div {
    float: left; }
  .toggle-nav .seperate {
    margin: 0 1em;
    width: 2px;
    height: 30px;
    background: #CC0025; }

.toggle-botton-1 {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative; }
  .toggle-botton-1 span {
    display: block;
    background: #999;
    width: 43%;
    height: 46%;
    position: absolute; }
  .toggle-botton-1:hover span {
    background: #111; }
  .toggle-botton-1 .first {
    top: 0;
    left: 0; }
  .toggle-botton-1 .second {
    top: 0;
    right: 0; }
  .toggle-botton-1 .third {
    bottom: 0;
    left: 0; }
  .toggle-botton-1 .fourth {
    bottom: 0;
    right: 0; }

.toggle-botton-2 {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative; }
  .toggle-botton-2 span {
    width: 100%;
    height: 20%;
    border-bottom: solid 2px #999;
    position: absolute;
    left: 0;
    right: 0; }
  .toggle-botton-2:hover span {
    border-color: #111; }
  .toggle-botton-2 .first {
    top: 0; }
  .toggle-botton-2 .second {
    top: 30%; }
  .toggle-botton-2 .third {
    top: 60%; }

.site-header {
  border-bottom: 2px solid #CC0025;
  padding-top: .6em;
  background: #fff;
  z-index: 200;
  margin-bottom: 1.2em;
  -webkit-box-shadow: 0px 13px 15px 0px white;
  -moz-box-shadow: 0px 13px 15px 0px white;
  box-shadow: 0px 13px 15px 0px white; }
  @media screen and (min-width: 768px) {
    .site-header {
      padding-top: 1.4em; } }

@media screen and (min-width: 1150px) {
  .arte-fixed-header {
    padding-top: 181px; } }

@media screen and (min-width: 1150px) {
  .arte-fixed-header .site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0; } }

.header {
  margin-top: .3em; }

.header-row {
  position: relative; }

.header-nav {
  position: relative;
  overflow: hidden; }

h1 {
  margin: 0 0 .4em 0;
  padding-top: 10px; }
  h1 span {
    opacity: 0;
    width: 1px;
    height: 1px;
    line-height: 0;
    display: block;
    overflow: hidden; }
  @media screen and (min-width: 768px) {
    h1 {
      padding-top: 0;
      margin: 0 0 1em 0; } }
  @media screen and (min-width: 1000px) {
    h1 {
      padding-top: 0;
      margin: 0 0 .8em 0; } }
  h1 img {
    max-width: 180px; }
    @media screen and (min-width: 768px) {
      h1 img {
        max-width: 320px; } }

.header-nav {
  display: none; }
  @media screen and (min-width: 1150px) {
    .header-nav {
      display: block; }
      .header-nav ul {
        margin: 0;
        padding: 0; }
      .header-nav li {
        display: inline-block;
        position: relative; }
      .header-nav a {
        text-transform: uppercase;
        font-size: 1.15em;
        text-decoration: none;
        display: inline-block;
        padding-bottom: .3em;
        border-bottom: 2px solid #fff; } }

.burger-icon {
  display: block; }
  @media screen and (min-width: 1150px) {
    .burger-icon {
      display: none; }
      .burger-icon.show-me {
        display: block;
        opacity: 0; } }

.header-nav .nav-main {
  margin-bottom: 1em; }
  .header-nav .nav-main .navlevel-1 {
    position: relative; }
  .header-nav .nav-main li {
    margin-right: 1.4em; }
  .header-nav .nav-main a:hover {
    border-bottom: 2px solid #000; }
  .header-nav .nav-main .active a {
    color: #999;
    border-bottom: 2px solid #000; }
  .header-nav .nav-main .nav-level-two {
    width: 400px;
    padding-top: 1em;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }
    .header-nav .nav-main .nav-level-two li {
      border-bottom: 1px solid #CC0025;
      padding-bottom: .4em;
      margin-bottom: .5em;
      float: none;
      width: 100%; }
    .header-nav .nav-main .nav-level-two a {
      text-transform: none;
      text-decoration: none;
      padding-bottom: 0;
      border-bottom: none;
      color: #000; }
      .header-nav .nav-main .nav-level-two a:hover {
        color: #999; }
  .header-nav .nav-main .first {
    position: static; }
    .header-nav .nav-main .first ul {
      width: 100%; }
    .header-nav .nav-main .first li {
      width: 48%;
      margin-right: 2%;
      float: left;
      display: block; }
  .header-nav .nav-main .open .nav-level-two {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }

.header-nav .nav-lang {
  position: absolute;
  right: 0;
  top: 0; }
  .header-nav .nav-lang li {
    margin-left: 1.6em; }

.active a {
  color: #999; }

.social-media {
  position: absolute;
  right: 0;
  top: 0; }
  .social-media a {
    display: inline-block;
    border-radius: .4em;
    overflow: hidden;
    color: #fff;
    height: 1.4em;
    width: 1.4em;
    line-height: 1.6em;
    
    margin-left: .3em;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .social-media a {
        height: 1.8em;
        width: 1.8em;
        line-height: 2em;
        margin-left: .4em; } }

.border-menu {
  top: 29px;
  position: absolute;
  right: 0;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .border-menu {
      top: 50px; } }

.media-pane {
  background: #efefef; }
  .media-pane .media-item {
    margin: 0;
    padding: 0;
    position: relative; }
  .media-pane .caption {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5); }
    @media screen and (min-width: 768px) {
      .media-pane .caption {
        display: block; } }
    .media-pane .caption a {
      color: #fff;
      text-decoration: none; }
    .media-pane .caption h2 {
      padding: 0 4%;
      font-size: 1.4em;
      font-weight: normal; }
      @media screen and (min-width: 1000px) {
        .media-pane .caption h2 {
          margin-top: 0;
          padding: .8em 1.2% 0 1.2%;
          margin-bottom: .5em;
          font-size: 1.8em;
          font-weight: normal; } }
    .media-pane .caption h3 {
      display: none; }
      @media screen and (min-width: 1000px) {
        .media-pane .caption h3 {
          display: block;
          padding: 0 1.2%;
          margin-top: 0;
          margin-bottom: 1.6em;
          font-weight: normal; } }
    .media-pane .caption p {
      display: none; }
      @media screen and (min-width: 1000px) {
        .media-pane .caption p {
          display: block;
          padding: 0 1.2%;
          margin-top: -1.4em;
          margin-bottom: 1.6em;
          font-weight: normal; } }
  .media-pane .moving-item {
    position: absolute;
    left: -30%;
    opacity: 0;
    bottom: 0;
    bottom: -30%;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease; }
    .media-pane .moving-item.start-moving {
      opacity: 1;
      left: 0;
      bottom: 0; }
  .media-pane img {
    display: block;
    max-width: 100%;
    height: auto; }

.just-mobile .media-pane .caption {
  display: block; }
  .just-mobile .media-pane .caption h2 {
    font-size: 18px; }

.site-footer {
  background: #383838;
  color: #eee;
  padding: 2em 0 2em 0;
  line-height: 1.4em; }
  .site-footer a {
    color: #eee;
    text-decoration: none; }
  .site-footer p {
    margin-top: 0; }
  .site-footer .col {
    display: none; }
    .site-footer .col.col-mobile {
      display: block;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .site-footer .col.col-mobile {
          text-align: left; } }
    @media screen and (min-width: 768px) {
      .site-footer .col {
        float: left;
        display: block; } }
  @media screen and (min-width: 768px) {
    .site-footer .col-small {
      width: 28%;
      margin: 0 1%; } }
  @media screen and (min-width: 768px) {
    .site-footer .col-big {
      width: 38%;
      margin: 0 1%; } }
  .site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .site-footer li {
    margin: 0;
    padding: 0;
    margin-bottom: .3em; }
  .site-footer .margin-bottom {
    margin-bottom: 1em; }
  .site-footer .l-1 {
    text-transform: uppercase; }
    .site-footer .l-1 ul {
      padding: .4em 0 .8em .8em; }
  .site-footer .l-2 {
    text-transform: none;
    margin-bottom: .2em; }

.frame-type-form_formframework {
  padding-top: 2em; }

fieldset {
  border: none;
  padding: 0 0 2em 0;
  margin: 0 0 3em 0;
  border-bottom: 1px solid #CC0025;
  padding-bottom: 1em; }
  fieldset fieldset {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 2em; }

input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

legend {
  font-weight: bold;
  margin-bottom: 1em; }

.form-text h2 {
  margin-bottom: 1.4em;
  color: #CC0025;
  font-weight: normal; }

.control-label {
  margin-bottom: .4em;
  display: block; }

.inputs-list {
  margin: .5em 0 .5em 0; }
  .inputs-list .form-group {
    padding: .4em 0 .4em 1.5em; }
  .inputs-list span {
    padding: 0 3.8em 0 .5em;
    display: inline-block; }

.form-group {
  margin-bottom: 1em; }

.form-control {
  display: block;
  width: 100%;
  padding: 4px 12px;
  font-size: 16px;
  line-height: 2em;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px; }

textarea.form-control {
  overflow: auto;
  height: auto; }

.accreditation-events {
  margin-bottom: 1.4em; }
  .accreditation-events .form-group {
    margin-bottom: 0; }
  .accreditation-events .form-text {
    margin-bottom: .8em; }

fieldset fieldset legend {
  font-weight: normal; }

#press-fieldset-1,
#press-fieldset-3,
#press-fieldset-4,
#press-fieldset-5 {
  margin-bottom: 2em; }

#press-fieldset-2 .form-group {
  margin-left: 1.5em;
  margin-bottom: .5em; }

.form-text .padding-left {
  padding-left: 1.5em; }

.form-text p {
  margin: 0;
  padding: 0; }

.form-check-label {
  padding-left: 1.5em; }
  .form-check-label .add-on,
  .form-check-label .form-check-input {
    position: absolute;
    margin-top: .25em;
    margin-left: -1.5em; }

#press-fieldset-6 .form-check-label span {
  font-weight: bold; }

.actions {
  margin-bottom: 2em; }

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: .25rem;
  background: #bbb;
  color: #fff; }

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6; }

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7; }

.parsley-error {
  background-color: #F2DEDE; }

.parsley-errors-list {
  margin: .3em 0 .5em 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 1.2em;
  opacity: 0;
  color: #CC0025;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in; }

.parsley-errors-list.filled {
  opacity: 1; }

.username a {
  font-weight: normal;
  text-decoration: none;
  font-size: 1.8em;
  display: none; }

@media screen and (min-width: 768px) {
  .intro {
    width: 945px; } }

.media:after {
  content: "";
  display: table;
  clear: both; }

.media .post {
  width: 100%;
  margin-bottom: 2em; }
  @media screen and (min-width: 768px) {
    .media .post {
      width: 300px;
      height: 300px;
      margin-right: 15px;
      float: left;
      overflow: hidden; }
      .media .post div {
        position: relative;
        top: 50%;
        transform: translateY(-50%); } }
  .media .post img {
    height: auto;
    max-width: 100%;
    display: block; }

.twitter-wrap {
  border: solid 1px #000; }
  .twitter-wrap iframe {
    margin: 2%;
    width: 96% !important;
    min-width: 90% !important; }
  .twitter-wrap .header {
    margin: 0 0 .5em 0;
    padding: .3em .3em;
    border-bottom: solid 1px #111; }
  .twitter-wrap .footer {
    margin: 0;
    padding: .3em .3em; }

@media screen and (min-width: 768px) {
  .newsletter-wrap {
    margin-left: 10%; } }

.kulturserver-wrap {
  margin: 0 -1%; }
  .kulturserver-wrap:after {
    content: "";
    display: table;
    clear: both; }
  .kulturserver-wrap .kultur-news-more {
    display: block;
    margin-left: 1%; }

.kultur-item {
  background: #E7EAD7;
  padding: 0 0 2em 0;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .kultur-item {
      width: 48%;
      margin: 0 1% 20px 1%;
      float: left;
      height: 220px; } }
  .kultur-item .inner-wrap {
    padding: 4% 2%; }
  .kultur-item .image {
    float: right;
    margin-left: 1.3em; }
  .kultur-item h2 {
    color: #CC0025;
    font-weight: normal;
    margin: .1em 0 .1em 0;
    font-size: 1.3em;
    line-height: 1.2em; }

.teaser-container {
  margin: 2.6em -1.5%; }
  .teaser-container:after {
    content: "";
    display: table;
    clear: both; }

.ce-start-teaser {
  margin: 0 1.5% 1.5em 1.5%;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .ce-start-teaser {
      width: 47%;
      float: left; } }
  .ce-start-teaser .caption {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    opacity: 1;
    bottom: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    padding: .7em 0 .9em 0; }
  .ce-start-teaser h2 {
    padding: 0 5%;
    margin: 0; }
  .ce-start-teaser:hover .caption, .ce-start-teaser.show-caption .caption {
    opacity: 1;
    left: 0;
    bottom: 0; }

.home .just-mobile {
  display: block;
  padding-bottom: 3em; }
  @media screen and (min-width: 768px) {
    .home .just-mobile {
      display: none; } }

.home .just-desktop {
  display: none; }
  @media screen and (min-width: 768px) {
    .home .just-desktop {
      display: block; } }

.c-cat-1 {
  color: #c4c391; }

.c-cat-2 {
  color: #7bc075; }

.c-cat-3 {
  color: #8FA7D7; }

.c-cat-4 {
  color: #D3A4AC; }

.c-cat-5 {
  color: #E1A082; }

.c-cat-6 {
  color: #dfc977; }

.bg-cat-0 {
  background-color: #aaa; }

.bg-cat-1 {
  background-color: rgba(196, 195, 145, 0.8); }

.bg-cat-2 {
  background-color: rgba(123, 192, 117, 0.8); }

.bg-cat-3 {
  background-color: rgba(143, 167, 215, 0.8); }

.bg-cat-4 {
  background-color: rgba(211, 164, 172, 0.8); }

.bg-cat-5 {
  background-color: rgba(225, 160, 130, 0.8); }

.bg-cat-6 {
  background-color: rgba(223, 201, 119, 0.8); }

.header {
  margin-bottom: 2em; }

.container-nav-projects {
  z-index: 100;
  -webkit-box-shadow: 0px 13px 15px 0px white;
  -moz-box-shadow: 0px 13px 15px 0px white;
  box-shadow: 0px 13px 15px 0px white;
  margin-bottom: 2em; }

.nav-projects {
  display: none; }
  @media screen and (min-width: 768px) {
    .nav-projects {
      display: block;
      list-style: none;
      padding: 1.5em 0;
      background: #fff;
      margin: 0; }
      .nav-projects li {
        margin-bottom: .6em; }
      .nav-projects a {
        display: inline-block;
        padding: .3em 8px .4em 8px;
        text-decoration: none;
        color: #333;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.4s ease; }
        .nav-projects a:hover {
          font-size: 1.4em;
          padding: .1em 8px .1em 8px;
          color: #fff; }
      .nav-projects .active {
        font-size: 1.2em;
        padding: .1em 8px .1em 8px;
        color: #fff; } }
    @media screen and (min-width: 768px) and (min-width: 1000px) {
      .nav-projects .active {
        font-size: 1.7em; } }

.container-jump-to-press {
  float: right; }
  .container-jump-to-press a {
    text-decoration: none; }
    .container-jump-to-press a i {
      font-size: .8em; }

.pro-press-section {
  border-bottom: 1px solid #DEB8BF;
  padding-bottom: 2em; }
  @media screen and (min-width: 1000px) {
    .pro-press-section {
      padding-right: 15%; } }

.project-press .row {
  border-bottom: 1px solid #DEB8BF;
  padding: 1em 0; }

.project-press .headline {
  color: #CC0025;
  line-height: 1.3em;
  font-size: 1.4em; }
  .project-press .headline span {
    display: inline-block;
    border-bottom: 1px solid #DEB8BF;
    padding-bottom: .3em; }

.project-press h5 {
  font-size: 1em; }

.pro-press-sheets h5 {
  margin-top: .4em;
  margin-bottom: .9em; }

.pro-press-sheets h5:before {
  content: ' ';
  height: 0.9em;
  width: 0.9em;
  display: inline-block;
  background-color: #DEB8BF;
  margin: 0 .4em -.05em 0; }

.pro-press-sheets ul {
  padding: 0 0 1em 0;
  margin: 0; }

.pro-press-sheets li {
  font-size: 1.2em;
  list-style: none;
  padding: 0;
  margin-bottom: .4em; }
  .pro-press-sheets li a {
    text-decoration: none; }
    .pro-press-sheets li a:hover {
      color: #CC0025; }
  .pro-press-sheets li span:before {
    margin-left: 0;
    margin-right: .5em; }

.pro-press-accreditation {
  margin-bottom: 2em; }

.pro-press-fotos {
  border-bottom: none; }
  .pro-press-fotos ul {
    margin: 0 -1.5%;
    padding: 0 0 20px 0; }
    .pro-press-fotos ul:after {
      content: "";
      display: table;
      clear: both; }
  .pro-press-fotos li {
    padding: 0 0 20px 0;
    list-style: none; }
    @media screen and (min-width: 768px) {
      .pro-press-fotos li {
        float: left;
        width: 47%;
        margin: 0 1.5%; }
        .pro-press-fotos li:nth-child(2n+1) {
          clear: both; } }
    @media screen and (min-width: 1000px) {
      .pro-press-fotos li {
        width: 30%; }
        .pro-press-fotos li:nth-child(2n+1) {
          clear: none; }
        .pro-press-fotos li:nth-child(3n+1) {
          clear: both; } }
  .pro-press-fotos .image-container {
    position: relative; }
    .pro-press-fotos .image-container:before {
      content: "";
      display: block;
      padding-top: 66%;
      /* initial ratio of 1:1*/ }
  .pro-press-fotos figure {
    background: #E2E2E2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .pro-press-fotos .helper {
    margin-top: 75%;
    display: block; }
  .pro-press-fotos img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .pro-press-fotos .caption {
    padding: 1em 0;
    font-size: .9em; }
  .pro-press-fotos a {
    text-decoration: none; }

.project-list {
  
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-count: 1;
  -webkit-column-gap: 1.4em;
  -moz-column-gap: 1.4em;
  column-gap: 1.4em;
  /*position: relative;*/
  padding: 1em 0; }
  @media screen and (min-width: 768px) {
    .project-list {
      
      -moz-column-count: 2;
      column-count: 2; 
      -webkit-column-count: 2;
      } }
  @media screen and (min-width: 1000px) {
    .project-list {
      
      -moz-column-count: 3;
      column-count: 3; 
      -webkit-column-count: 3;
      } }

.project-teaser {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  /*-webkit-backface-visibility: hidden;*/
  display: inline-block;
  /* Fix for unbalanced top alignment in Chrome */ }
  .project-teaser a {
    display: inline-block;
    position: relative; }
  .project-teaser .info {
    position: absolute;
    opacity: 1;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: .7em 0 .7em 0; }
    @media screen and (min-width: 1000px) {
      .project-teaser .info {
        left: -30%;
        right: 0;
        bottom: -30%;
        opacity: 0;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease; } }
    .project-teaser .info h2 {
      margin: 0 0 .2em 0;
      padding: 0 4% 0 4%;
      font-size: 1.5em;
      font-weight: normal; }
    .project-teaser .info h3 {
      padding: 0 4% 0 4%;
      margin: 0;
      font-weight: normal; }
  .project-teaser .info {
    opacity: 1;
    left: 0;
    bottom: 0; }
  .project-teaser img {
    max-width: 100%;
    height: auto;
    display: block; }
  .project-teaser:after {
    content: '';
    display: block;
    height: 1.4em; }

.project-list > * {
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid; }

.toggle-press-view {
  display: none; }
  @media screen and (min-width: 768px) {
    .toggle-press-view {
      display: block;
      padding: 10px 0 30px 0; }
      .toggle-press-view:after {
        content: "";
        display: table;
        clear: both; } }

.ppt-info h2 {
  margin: 0;
  font-size: 1em; }
  @media screen and (min-width: 1000px) {
    .ppt-info h2 {
      font-size: 1.2em; } }
  @media screen and (min-width: 1200px) {
    .ppt-info h2 {
      font-size: 1.4em; } }
  .ppt-info h2 a {
    text-decoration: none; }
    .ppt-info h2 a:hover {
      color: #999; }

.ppt-info h3 {
  margin: 0;
  font-size: .9em;
  font-weight: normal; }
  @media screen and (min-width: 1000px) {
    .ppt-info h3 {
      font-size: 1em;
      line-height: 1.3em; } }

.ppt-info h5 {
  margin: 0;
  font-size: .8em; }
  @media screen and (min-width: 1000px) {
    .ppt-info h5 {
      font-size: 1em; } }

.ppt-info p {
  margin: 0; }

.container-press .project-press-teaser {
  margin-bottom: 1.5em; }

.container-press .cat-1 {
  background-color: #ebebda; }

.container-press .cat-2 {
  background-color: #c5e3c2; }

.container-press .cat-3 {
  background-color: #e2e8f5; }

.container-press .cat-4 {
  background-color: #f8f0f1; }

.container-press .cat-5 {
  background-color: #f7e5dc; }

.container-press .cat-6 {
  background-color: #f4edd2; }

.container-press .ppt-info {
  padding: 1em 0; }
  .container-press .ppt-info h2 {
    margin-bottom: .2em; }
  .container-press .ppt-info h5 {
    margin-bottom: .4em; }
  .container-press .ppt-info strong {
    display: inline-block;
    margin-right: .8em; }
  .container-press .ppt-info a {
    display: inline-block;
    padding-right: 1.5em;
    line-height: 2em; }
    .container-press .ppt-info a:hover {
      color: #999; }

.container-press .no-list {
  display: none; }

@media screen and (min-width: 768px) {
  .container-press-teaser-list .no-list {
    display: block; }
  .container-press-teaser-list .container-press-inner {
    margin: 0 -1%; }
    .container-press-teaser-list .container-press-inner:after {
      content: "";
      display: table;
      clear: both; }
  .container-press-teaser-list .project-press-teaser {
    background: #EBEBEB;
    width: 48%;
    margin: 0 1%;
    float: left;
    margin-bottom: 1.8em;
    position: relative; }
    .container-press-teaser-list .project-press-teaser .ppt-image {
      float: left;
      width: 50%; }
    .container-press-teaser-list .project-press-teaser .ppt-info {
      width: 46%;
      margin-left: 2%;
      float: left; } }
    @media screen and (min-width: 768px) and (min-width: 768px) {
      .container-press-teaser-list .project-press-teaser .ppt-info {
        padding: .5em 0; } }
    @media screen and (min-width: 768px) and (min-width: 1000px) {
      .container-press-teaser-list .project-press-teaser .ppt-info {
        padding: 1em 0; } }

@media screen and (min-width: 768px) {
      .container-press-teaser-list .project-press-teaser .ppt-info p {
        margin: 0;
        border-top: 1px solid #000;
        position: absolute;
        padding-top: .6em;
        top: 50%;
        left: 52%;
        right: 2%; } }
      @media screen and (min-width: 768px) and (min-width: 1000px) {
        .container-press-teaser-list .project-press-teaser .ppt-info p {
          right: 10%; } }

@media screen and (min-width: 768px) {
      .container-press-teaser-list .project-press-teaser .ppt-info h2 a {
        line-height: 1.2em; }
      .container-press-teaser-list .project-press-teaser .ppt-info a {
        display: block;
        padding: .1em 0 .2em 0;
        font-weight: bold;
        font-size: .8em;
        line-height: 1.3em;
        text-decoration: none; } }
      @media screen and (min-width: 768px) and (min-width: 1000px) {
        .container-press-teaser-list .project-press-teaser .ppt-info a {
          font-size: 1.2em;
          padding: .2em 0; } }

@media screen and (min-width: 768px) {
    .container-press-teaser-list .project-press-teaser img {
      display: block; } }

.container-press-teaser-list h3.no-list {
  display: none; }
  @media screen and (min-width: 1300px) {
    .container-press-teaser-list h3.no-list {
      display: block; } }

.gallery-container:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (min-width: 768px) {
  .gallery-container {
    margin-left: -1.1666%;
    margin-right: -1.1666%; } }

.gallery-container .gallery-item {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .gallery-container .gallery-item {
      width: 31%;
      margin: 0 1.1666% 20px 1.1666%;
      float: left; } }

.gallery-container .caption {
  background: RGBA(176, 177, 131, 0.8);
  position: absolute;
  left: -30%;
  right: 30%;
  color: #000;
  opacity: 0;
  bottom: 50%;
  top: -100%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  padding: .7em 0 .9em 0; }
  .gallery-container .caption span {
    display: block;
    position: absolute;
    width: 86%;
    bottom: 0;
    margin: 5% 7%;
    line-height: 1.2em;
    font-size: 1em; }
  .gallery-container .caption strong {
    display: block;
    font-size: 1.1em;
    margin-bottom: .1em; }

.gallery-container .gallery-item:hover .caption {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ref-year-wrap {
  position: relative;
  padding: 1em 0; }
  @media screen and (min-width: 768px) {
    .ref-year-wrap {
      -webkit-column-gap: 1.4em;
      -moz-column-gap: 1.4em;
      column-gap: 1.4em;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2; } }

.reference {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-backface-visibility: hidden;
  overflow: hidden; }

.references {
  margin-bottom: 5em;
  font-size: 17px; }

.teaser-container .references {
  margin-left: 1.5%;
  margin-right: 1.5%; }

.filter-cats {
  line-height: 2.2em; }

.cat-filter {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  color: #111;
  margin-right: .5em;
  line-height: 1.2em; }
  .cat-filter span {
    display: inline-block;
    padding: .2em .8em; }

.ref-year {
  color: #CC0025;
  margin: 1.8em 0 .6em 0; }
  .ref-year span {
    border-bottom: 1px solid #CC0025;
    padding-bottom: .2em;
    display: block; }
    @media screen and (min-width: 768px) {
      .ref-year span {
        width: 50%; } }

.reference {
  margin-bottom: .9em; }
  .reference h4 {
    margin: 0 0 .1em 0;
    font-weight: normal; }
  .reference h2 {
    margin: 0 0 .1em 0;
    font-size: 1.2em; }
  .reference h3 {
    margin: 0 0 .1em 0;
    font-size: 1.2em;
    font-weight: normal; }
  .reference p {
    margin: 0; }

.ias_loader {
  padding: 2em 0;
  text-align: center; }
  .ias_loader img {
    display: inline;
    width: 60px;
    height: 60px; }

.owl-reference-carousel-wrap {
  border-bottom: 2px solid #CC0025; }

.owl-reference-carousel {
  padding: 0 0 0 0;
  margin-bottom: 2em;
  width: 100%; }
  .owl-reference-carousel .image-item {
    margin: 20px 10%;
    border: solid 1px #000; }
    .owl-reference-carousel .image-item img {
      width: 90%;
      margin: 5%; }
  .owl-reference-carousel .owl-prev {
    position: absolute;
    left: 0;
    display: block;
    height: 40px;
    width: 30px;
    top: 50%;
    margin-top: -22px;
    background: transparent url(../img/arrow_right_open.svg?ver=2) no-repeat center 0;
    opacity: .4; }
    @media screen and (min-width: 768px) {
      .owl-reference-carousel .owl-prev {
        left: -20px; } }
    @media screen and (min-width: 1000px) {
      .owl-reference-carousel .owl-prev {
        left: -40px; } }
    .owl-reference-carousel .owl-prev:hover {
      opacity: .6; }
  .owl-reference-carousel .owl-next {
    position: absolute;
    right: 0;
    display: block;
    height: 40px;
    width: 30px;
    top: 50%;
    margin-top: -22px;
    background: transparent url(../img/arrow_left_open.svg?ver=2) no-repeat center 0;
    opacity: .4; }
    @media screen and (min-width: 768px) {
      .owl-reference-carousel .owl-next {
        right: -20px; } }
    @media screen and (min-width: 1000px) {
      .owl-reference-carousel .owl-next {
        right: -40px; } }
    .owl-reference-carousel .owl-next:hover {
      opacity: .6; }

.f3-widget-paginator {
  list-style: none;
  padding-top: 2em;
  margin-left: 0;
  padding-left: 0; }
  .f3-widget-paginator li {
    display: inline-block;
    height: 1.4em;
    line-height: 1.4em;
    width: 1.4em;
    margin: .3em;
    background: #ccc;
    text-align: center;
    color: #CC0025; }
    .f3-widget-paginator li.current {
      color: #000; }
    .f3-widget-paginator li a {
      text-decoration: none;
      color: #CC0025; }
    .f3-widget-paginator li.previous {
      width: auto;
      padding: 0 .6em; }
    .f3-widget-paginator li.next {
      width: auto;
      padding: 0 .6em; }

.services-wrap {
  padding: 1em 0 0 0; }

#press-section:before {
  display: block;
  content: " ";
  margin-top: -225px;
  height: 225px;
  visibility: hidden; }

.pro-press-section:before {
  display: block;
  content: " ";
  margin-top: -225px;
  height: 225px;
  visibility: hidden; }

body {
  height: 100%; }

/*# sourceMappingURL=style.css.map */

.project-list {
  /*-webkit-perspective:1;*/
  /*display: flex;*/
  /*position: static;*/
}
.project-teaser {
  -webkit-column-break-inside: avoid;
  /*-webkit-backface-visibility: hidden;*/
  /*-webkit-perspective:1;
  */display: block;

}
.project-teaser a{
  -webkit-column-break-inside: avoid;
  -webkit-backface-visibility: hidden;
}