/*
	Theme Name: Stiegerbauten
	Theme URI: http://stiegerbauten.ch
	Description: Stiegerbauten
	Version: 1.0
	Author: Starlink
	Author URI: http://stiegerbauten.ch
	Tags: stiegerbauten,html5,css3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    RESET
\*------------------------------------*/

html {
    font-family: "futura-pt", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
    background-color: #FFF3D0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #8b816e;
}
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
}
a, a:visited, a:active, a:focus{
  outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: normal;
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: 0.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: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: "futura-pt", sans-serif;
    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;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3f67eb0f8731743bb29e32baac65e446)
 * Config saved to config.json and https://gist.github.com/3f67eb0f8731743bb29e32baac65e446
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.container {
    margin-right: auto;
    margin-left: auto;
   /* padding-left: 15px;
    padding-right: 15px;*/
}
@media (min-width: 768px) {
    .container {
        width: 730px;
    }
}
@media (min-width: 1024px) {
    .container {
        width: 1010px;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1130px;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
		position: absolute;
 	   right: -10px;
   	 top: 100px;
		color: #787777;

    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1024px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1400px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1024px) and (max-width: 1399px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 1024px) and (max-width: 1399px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 1024px) and (max-width: 1399px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 1024px) and (max-width: 1399px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1400px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1400px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1400px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1400px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 1024px) and (max-width: 1399px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1400px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important;
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/





/*======  Header-Logo ========*/

.nav-logo {
    position: relative;
    float: left;
    line-height: inherit;
    letter-spacing: normal;
    z-index: 1011;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}
.nav-logo-dark,
.nav-logo-light {
    vertical-align: middle;
    width: 250px;
	margin-top: 14px;
	margin-left: 15px;
}
@media (max-width: 1025px){
    .nav-logo-dark, .nav-logo-light {
        margin-top: 5px;
    }
}
/*======  Header-Menu ========*/


.nav-container {
    padding-top: 55px;
    margin-bottom: 5px;
}
.nav-secondary {
    background-color: #b4b4b4;
    padding: 0 10px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1009;
    vertical-align: middle;
    margin-top: -55px;
}
.nav-secondary.fixed {
    top: 108px;
    margin-top: 0;
    position: fixed;
}
@media only screen and (min-width: 1024px) {
    /*
    .nav-small .nav-logo {
        -webkit-transform: scale(0.82222);
        -ms-transform: scale(0.82222);
        transform: scale(0.82222)
    }
    */
    .nav-secondary {
        font-size: 14px;
        display: block;
        width: 100%;
        line-height: 55px;
        color: #fff;
        /*	z-index: 1005*/
		height: 50px;
    }
}
@media only screen and (min-width: 1400px) {
    .nav-secondary {
        font-size: 18px
    }
}
@media only screen and (max-width: 1023px) {
    .nav-header {
        overflow: hidden;
        height: 55px
    }
    .nav-header .nav-main {
        height: 0
    }
}

/*------------------------------------*\
    Modules
\*------------------------------------*/
/*======  Modules - Heading ========*/





/*======  Modules - Body ========*/

@media screen and (min-width: 768px) {
    .module-content {
        text-align: justify
    }
}
.centered .module-content {
    text-align: center
}
.module-text-column {
    font-family: "futura-pt", sans-serif;
    color: #424a5d
}
.module-body h3,
.module-text-column h3 {
    margin: 0.5em 0 -0.5em;
    color: #293038;
    text-align: left;
    line-height: 1.2
}
.module-body h4,
.module-paragraph h4 {
    color: #606a94;
    font-size: 18px;
}
.module-paragraph .module-text-columns.columns-3 h4 {
    color: #FBCD91;
}
.module-body h5,
.module-text-column h5 {
    margin: 0;
    color: #4b2855;
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    text-align: left
}
@media screen and (min-width: 768px) {
    .module-content-inner {
        width: 60%;
        margin: 0 auto
    }
}
/*======  Modules - Quotes ========*/

.module-quote {
    padding-top: 0
}
.module-quote-image {
    background-position: center center;
    background-size: cover;
    height: 375px
}
.module-quote blockquote {
    background-color: #fff;
    margin: -35px 15px 30px;
    padding: 20px;
    max-width: 820px
}
.module-quote p {
     color: #b4b4b4;
    /* text-transform: uppercase; */
    margin: 0;
    font-size: 1em;
    background: #4b2855;
    font-weight: normal;
    padding: 8px 16px;
    /* box-shadow: -20px 20px 30px -1px rgba(0, 0, 0, .2); */
    /* letter-spacing: 0px; */
    /* line-height: 1.7; */
    width: 900px;
    position: fixed;
    top: -155px;
    left: 150px;
    border: 5px solid #f2f1f1;
}
@media only screen and (min-width: 480px) {
    .module-quote p {
        font-size: 17px
    }
}
.module-quote cite {
    margin-top: 1em;
    line-height: 1.2;
    font-style: italic;
    font-family: "futura-pt", sans-serif;
    color: #bfbfbf;
    display: block
}
.module-quote.no-image blockquote {
    margin: 0 0 30px;
    background-color: #e8e8e8
}
@media only screen and (min-width: 480px) {
    .module-quote blockquote {
        margin-top: -75px
    }
    .module-quote.no-image blockquote {
        margin-top: 0
    }
}
@media only screen and (min-width: 768px) {
    .module-quote .container,
    .module-quote .module-pillars .text,
    .module-pillars .module-quote .text,
    .module-quote .hero .hero-text-container,
    .hero .module-quote .hero-text-container,
    .module-quote .carousel-full .carousel-item-list .carousel-item .text-container,
    .carousel-full .carousel-item-list .carousel-item .module-quote .text-container,
    .module-quote .carousel-home .carousel-item-list .carousel-item .text-container,
    .carousel-home .carousel-item-list .carousel-item .module-quote .text-container,
    .module-quote .carousel-home .carousel-progress-container,
    .carousel-home .module-quote .carousel-progress-container,
    .module-quote #search-overlay .search-form,
    #search-overlay .module-quote .search-form,
    .module-quote .pillar-list {
        position: relative
    }
    .module-quote-content {
        display: inline-block;
        vertical-align: middle;
        margin: 40px 0 40px 40px
    }
    .module-quote-image {
        position: absolute;
        top: 50%;
        left: 0;
        width: 300px;
        height: 300px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .module-quote blockquote {
        margin: 0;
        padding: 20px 30px;
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: none;
    }
    .module-quote p {
        font-size: 22.4px
    }
    .module-quote cite {
        padding: 10px 30px 0
    }
    .module-quote.no-image .module-quote-content {
        min-height: 0;
        margin-left: 0
    }
    .module-quote.no-image blockquote {
        margin-left: 0;
        background-color: #fff
    }
}
@media only screen and (min-width: 1024px) {
    .module-quote p {
        font-size: 28px
    }
}
@media only screen and (min-width: 1400px) {
    .module-quote-content {
        display: block;
        margin-left: 0
    }
    .module-quote-image {
        width: 270px;
        height: 520px;
        left: -200px
    }
    .module-quote blockquote {
        margin: 0 30px;
        padding: 10px 40px;
        position: relative;
        max-width: none
    }
    .module-quote.no-image blockquote {
        margin-left: 0
    }
}
/*======  Modules - Two Text one Image ========*/

.module-two-assets-with-text .module-body,
.module-two-assets-with-text .module-body h4 {
    color: #d5d0c5;
}


/*------------------------------------*\
    Projct Modules
\*------------------------------------*/

.project-detail .hero .hero-subtitle {
    color: #fff;
    font-size: 20px;
}
.map-large .module-table {
    background: #FBCD91;
}
.map-large .map-overlay {
    top: -62px;
}
.map-large .map-cell {
    vertical-align: top;
}
.map-large .module-table h5 {
    color: #fff;
}
.map-large {
    margin-top: 100px;
}
.map-large .map-overlay {
    position: static;
    margin-top: 60px;
}
@media only screen and (min-width: 768px) {
    .map-large .map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: -63px;
    }
    .project-detail .hero .hero-container {
        position: absolute;
        left: 0;
        bottom: -1px;
        background: rgba(75,40,85,0.6);;
        border-bottom: 8px solid #b4b4b4;
        margin-bottom: 0
    }
}
/*------------------------------------*\
    PARAGRAPH Modules
\*------------------------------------*/

.module-paragraph {
    background-position: center center;
    background-size: cover
}
.module-paragraph ol {
    list-style: none;
    padding-left: 0;
    counter-reset: section
}
.module-paragraph ol li {
    position: relative;
    min-height: 50px;
    margin: 30px 0;
    text-align: center
}
.module-paragraph ol li:before {
    display: block;
    counter-increment: section;
    content: counter(section);
    width: 50px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #e8e8e8;
    border-radius: 100%;
    color: #9ba487;
    font-family: "futura-pt", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto
}
@media screen and (min-width: 768px) {
    .module-paragraph ol li {
        padding-left: 110px;
        text-align: justify
    }
    .module-paragraph ol li:before {
        position: absolute;
        top: 0;
        left: 0
    }
    .module-paragraph ol li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 80px;
        height: 100%;
        width: 0;
        border-left: 1px solid #e8e8e8
    }
}

.module-paragraph h4 {
    font-family: "futura-pt", sans-serif;
}
.module-paragraph blockquote {
    font-style: italic
}
.module-paragraph .module-table h5 {
    margin: 0;
    color: #4b2855;
}
.module-paragraph .module-table p {
    font-style: italic;
    font-family: "futura-pt", sans-serif;
    margin: 0 0 1em;
    font-size: 14px;
    color: #5f6d79
}
@media only screen and (min-width: 768px) {
    .module-paragraph .has-table h5 {
        width: 100%
    }
}
.module-paragraph .has-table p {
    font-weight: bold
}


.module-paragraph .module-text-columns {
    color: #5f6d79
}
.module-paragraph .module-text-columns::after {
    clear: both;
    content: "";
    display: table
}
.module-paragraph .module-text-columns img {
    display: block;
    margin: 0 auto;
}
.module-paragraph .module-text-columns.columns-6 .has-text {
    background: #FBCD91;
    margin-bottom: 20px;
    margin-top: 30px;
    box-shadow: -20px 20px 30px -1px rgba(0, 0, 0, .2);
    color: #8b816e;
}
@media screen and (min-width: 768px) {
    .module-paragraph .module-text-columns .inner {
        text-align: left;
        padding: 20px 40px
    }
    .module-paragraph .module-text-columns.columns-10 .module-text-column h1+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h2+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h3+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h4+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h5+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h6+p {
        margin-top: .4em
    }
    .module-paragraph .module-text-columns.columns-6 .module-text-column {
        width: calc(100% / 2);
        float: left
    }
    .module-paragraph .module-text-columns.columns-6 .module-text-column:nth-child(3),
    .module-paragraph .module-text-columns.columns-6 .module-text-column:nth-child(5) {
        clear: both
    }
    .module-paragraph .module-text-columns.columns-6 .module-text-column h1+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h2+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h3+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h4+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h5+p,
    .module-paragraph .module-text-columns.columns-6 .module-text-column h6+p {
        margin-top: .4em
    }
}
@media only screen and (min-width: 1024px) {
    .module-paragraph .module-text-columns.columns-6 .module-text-column {
        width: calc(100% / 3)
    }
    .module-paragraph .module-text-columns.columns-6 .module-text-column:nth-child(3),
    .module-paragraph .module-text-columns.columns-6 .module-text-column:nth-child(5) {
        clear: none
    }
    .module-paragraph .module-text-columns.columns-6 .module-text-column:nth-child(4) {
        clear: both
    }
}

/*------------------------------------*\
    Thumblist
\*------------------------------------*/
.thumblist {
    margin-top: -50px;
}
.thumblist ol{
	padding: 0
}
.thumblist h2 {
    text-align: left;
    color: #FBCD91;
}
.thumblist-container {
	display: block;
	margin: 5px auto 50px;
	list-style: none
}
@media only screen and (min-width: 768px) {
  .thumblist-container {
      width: 80%;
      max-width: 820px;
      padding-left: 0;
      padding-right: 0;
  }
}
.thumblist-item {
	width: 100%;
	margin: 5px 0;
	font-family: "futura-pt", sans-serif;
	color: #5f6d79;
	background-color: #e8e8e8
}
.thumblist-item.thumblist-item-hidden{
    display: none;
}
.thumblist-item a {
	color: #000;
	text-decoration: none
}
.thumblist-item-subtitle, .thumblist-item-title {
	line-height: 1.1;
	font-family: "futura-pt",sans-serif;
	text-transform: uppercase
}
.thumblist-item-subtitle a, .thumblist-item-title a {
	color: inherit
}
.thumblist-item-subtitle {
	margin: 0 0 2px;
	font-size: 16px;
	color: #F39910;
}
.thumblist-item-title {
	margin-top: 0;
	font-size: 20px;
	color: #000
}
.thumblist-item-img {
	min-height: 140px;
	background-position: center;
	background-size: cover
}
.thumblist-item-content {
	padding: 20px
}
.thumblist-item-content p {
	margin-top: 0
}
.thumblist-item-content p:last-of-type {
	display: inline
}
.thumblist-item-content .thumblist-item-btn {
	display: block;
	font-family: "futura-pt",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	color: #F39910
}
.thumblist-item-content .thumblist-item-btn span {
	display: inline-block;
	vertical-align: middle
}
.thumblist-item-content .thumblist-item-btn .icon {
	margin-left: 5px;
	vertical-align: middle
}
.more-thumblist-items {
    text-transform: uppercase;
    text-decoration: none;
    display: none;
    margin: 0 0 25px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .05em;
    color: #F39910;
    margin: 30px auto 0 auto;
}
.thumblist-item-hidden .more-thumblist-items{
    display: block;
}
.more-thumblist-items .icon {
    float: right;
    margin-left: 14px;
}
@media only screen and (min-width: 480px) {
.thumblist-item {
	display: table;
	table-layout: fixed
}
.thumblist-item-subtitle {
	font-size: 20px
}
.thumblist-item-title {
	font-size: 30px
}
.thumblist-item-img, .thumblist-item-content {
	display: table-cell;
	vertical-align: middle
}
.thumblist-item-img {
	width: 33.33333%;
	min-height: 270px
}
.thumblist-item-content {
	width: 66.66667%;
	padding: 30px 40px
}
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

.press-kit {
    padding: 30px;
    background: #FBCD91;
}
.press-kit,
.press-kit a {
    color: #8b816e;
}
.press-kit .icon svg {
    fill: #8b816e;
}
@media only screen and (min-width: 768px) {
    .press-kit {
        padding: 50px
    }
}
.press-kit-text,
.press-kit-files {
    padding: 0
}
.press-kit-text {
    padding-bottom: 25px;
    font-family: "futura-pt", sans-serif;
}
.press-kit-text h1,
.press-kit-text h2,
.press-kit-text h3,
.press-kit-text h4,
.press-kit-text h5,
.press-kit-text h6 {
    margin: 0 0 0.5em;
    font-family: "Futura W01", Helvetica, Arial, sans-serif
}
.press-kit-text p:last-child {
    margin-bottom: 0
}
.press-kit-files {
    padding-top: 25px;
    border-top: 1px solid #8b816e
}
.press-kit-files a {
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
    text-decoration: none;
}
.press-kit-files a::after {
    clear: both;
    content: "";
    display: table
}
.press-kit-files .icon {
    float: right;
    text-align: center
}
@media screen and (min-width: 768px) {
    .press-kit {
        display: table;
        table-layout: fixed;
        margin: 0 auto;
        width: 80%;
        max-width: 820px
    }
    .press-kit-text,
    .press-kit-files {
        display: table-cell;
        vertical-align: middle
    }
    .press-kit-text {
        width: 70%;
    }
    ,
    .press-kit-files {
        width: 30%;
    }
    .press-kit-text {
        padding: 0 50px 0 0
    }
    .press-kit-files {
        padding: 0 0 0 50px;
        border: 0;
        border-left: 1px solid #5f6d79;
    }
    .press-kit-files a {
        padding: 10px 0;
        font-size: 21px
    }
}
/*------------------------------------*\
    Image Gallery
\*------------------------------------*/

.image-gallery {
    overflow: hidden
}
.image-gallery-container {
    position: relative;
    margin: 0 -5px
}
@media screen and (min-width: 480px) {
    .image-gallery-container {
        height: 400px
    }
}
@media screen and (min-width: 1024px) {
    .image-gallery-container {
        height: 750px
    }
}
.image-gallery-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    z-index: 1013;
    opacity: 0
}
.image-gallery-modal-img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    cursor: url("/static/img/close-cursor.png") 46 46, none
}
.image-gallery-modal-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    line-height: 1;
    color: #fff;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}
.image-gallery-modal-title {
    margin-top: 0;
    font-size: 1.5625em;
    line-height: 1.1;
    text-transform: uppercase
}
.image-gallery-modal-text {
    display: none
}
@media screen and (min-width: 480px) {
    .image-gallery-modal-text {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background: rgba(59, 85, 99, .5);
        color: #fff
    }
    .image-gallery-modal-text p {
        font-family: "futura-pt", sans-serif;
        color: #dce0e4
    }
    .image-gallery-modal-text p:last-child {
        margin-bottom: 0
    }
}
@media screen and (min-width: 1024px) {
    .image-gallery-modal-text {
        bottom: 40px;
        width: 40%;
        padding: 35px 60px
    }
}
.no-touchevents .image-gallery-modal-btn {
    display: none
}
.image-gallery-modal.active {
    display: block
}
.image-gallery-item {
    padding: 5px
}
.image-gallery-item-bg {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease
}
.image-gallery-item-icon {
    display: none
}
@media screen and (max-width: 479px) {
    .image-gallery-item {
        float: left;
        width: 50%;
        height: 200px
    }
}
@media screen and (min-width: 768px) {
    .image-gallery-item-icon {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        color: #fff;
        opacity: 0;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease
    }
    .image-gallery-item-icon .icon {
        width: 60px;
        height: 60px
    }
    .image-gallery-item:hover .image-gallery-item-bg {
        background-color: rgba(54, 68, 86, .6)
    }
    .image-gallery-item:hover .image-gallery-item-icon {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.image-gallery-1 .image-gallery-item {
    width: 100%
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .image-gallery-6 .image-gallery-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 33.33333%;
        height: 100%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+1) {
        height: 60%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+2) {
        top: 60%;
        height: 40%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+3) {
        left: 33.33333%;
        height: 40%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+4) {
        left: 33.33333%;
        top: 40%;
        height: 60%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+5) {
        left: 66.66667%;
        height: 60%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+6) {
        left: 66.66667%;
        top: 60%;
        height: 40%
    }
}
@media screen and (min-width: 768px) {
    .image-gallery-6 .image-gallery-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        height: 100%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+1) {
        height: 40%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+2) {
        top: 40%;
        height: 60%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+3) {
        left: 25%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+4) {
        left: 50%;
        height: 60%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+5) {
        left: 50%;
        top: 60%;
        height: 40%
    }
    .image-gallery-6 .image-gallery-item:nth-child(6n+6) {
        left: 75%
    }
}


/*------------------------------------*\
    Image Slider
\*------------------------------------*/


.image-slider {
	padding: 0
}
.image-slider-container {
	position: relative
}
@media screen and (min-width: 1024px) {
.image-slider-container {
	margin: 0 auto;
	max-width: 980px
}
}
@media screen and (min-width: 1400px) {
.image-slider-container {
	max-width: 1215px
}
}
.image-slider-track, .image-slider-item {
	height: 260px
}
@media screen and (min-width: 768px) {
.image-slider-track, .image-slider-item {
	height: 602px
}
}
.image-slider-track {
	overflow: hidden
}
.image-slider-item {
	position: relative;
	width: 100%;
	float: left
}
.image-slider-item-content {
	display: none
}
@media screen and (min-width: 768px) {
.image-slider-item-content {
	position: absolute;
	display: block;
	left: 0;
	bottom: 20px;
	max-width: 500px;
	padding: 5px 20px 27px 70px;
	color: #fff;
	background: #FBCD91;
	font-family: "futura-pt", sans-serif;
	-webkit-transition: -webkit-transform 0.5s ease-out 0.5s, opacity 0.5s ease-out 0.5s;
	transition: transform 0.5s ease-out 0.5s, opacity 0.5s ease-out 0.5s;
	-webkit-transform: translate(-20%, 0);
	-ms-transform: translate(-20%, 0);
	transform: translate(-20%, 0);
	opacity: 0
}
.image-slider-item-content h1, .image-slider-item-content h2, .image-slider-item-content h3, .image-slider-item-content h4, .image-slider-item-content h5, .image-slider-item-content h6 {
	font-size: 20px;
	margin: 1em 0 0
}
.slick-active .image-slider-item-content {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}
}
.image-slider-prev, .image-slider-next {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	padding: 0;
	margin-top: -18px;
	color: #fff;
	background: rgba(75,40,85,0.6);
	border-radius: 50%;
	will-change: transform;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	transition: transform 0.2s ease-out
}
.image-slider-prev .icon, .image-slider-next .icon {
	width: 100%;
	height: 100%;
	vertical-align: middle
}
.image-slider-prev:hover, .image-slider-next:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
@media screen and (min-width: 768px) {
.image-slider-prev, .image-slider-next {
	width: 58px;
	height: 58px;
	margin-top: -30px
}
}
.image-slider-prev {
	left: 15px
}
@media screen and (min-width: 768px) {
.image-slider-prev {
	left: 70px
}
}
.image-slider-next {
	right: 15px
}
@media screen and (min-width: 768px) {
.image-slider-next {
	right: 70px
}
}
.image-slider-indicators {
	margin: 20px 0;
	text-align: center
}
.image-slider-indicator {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 0 0 10px;
	line-height: 32px;
	border: 2px solid #e8e8e8;
	border-radius: 100%;
	color: #4b2855;
	text-decoration: none;
	vertical-align: middle
}
.image-slider-indicator.active {
	border-color: #4b2855
}
.image-slider-indicator img, .image-slider-indicator-label {
	display: none
}
@media screen and (min-width: 768px) {
.image-slider-indicator {
	width: 50px;
	height: 50px;
	line-height: 46px
}
.image-slider-indicator-image, .image-slider-indicator-title {
	position: relative;
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0
}
.image-slider-indicator-image .image-slider-indicator-index, .image-slider-indicator-title .image-slider-indicator-index {
	display: none
}
.image-slider-indicator-image img {
	display: block
}
.image-slider-indicator-image:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 10px solid transparent;
	-webkit-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease
}
.image-slider-indicator-image.active:after {
	border-color: #fff
}
.image-slider-indicator-title {
	color: #000;
	text-transform: uppercase
}
.image-slider-indicator-title .image-slider-indicator-label {
	display: inline;
	padding: 10px 5px
}
.image-slider-indicator-title.active .image-slider-indicator-label {
	font-weight: bold;
	border-bottom: 1px solid #9ba487
}
.image-slider-indicator-title:not(:last-child):after {
	content: ' -';
	padding: 0 0 0 10px
}
}


/*------------------------------------*\
    Module Image with Text
\*------------------------------------*/

.module-image-with-text {
	margin: 0;
	position: relative;
	overflow: hidden;
	background-size: cover
}
.module-image-with-text.text-right {
	text-align: left
}
.module-image-with-text .module-image {
	position: relative;
	background-size: cover
}
.module-image-with-text .module-image img {
	display: block
}
.module-image-with-text .video-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}
.module-image-with-text .video-container video {
	position: absolute
}
.module-image-with-text .module-body .inner-content {
	padding: 40px 0
}
.module-image-with-text .module-body .inner-content p:last-child {
	margin-bottom: 0
}
@media screen and (max-width: 767px) {
.module-image-with-text {
	background-image: none !important
}
}
@media screen and (min-width: 768px) {
  .module-image-with-text .module-image {
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      left: 0
  }
  .module-image-with-text .module-image img {
      visibility: hidden
  }
  .module-image-with-text .module-body {
      position: relative;
      display: table;
      width: 50%;
      height: 600px;
      margin: 0;
      z-index: 1
  }
  .module-image-with-text .module-body .inner {
      display: table-cell;
      margin: 10px 0;
      vertical-align: middle
  }
  .module-image-with-text .module-body .inner-content {
      padding: 40px
  }
  .module-image-with-text .module-body .inner-box {
      margin: 40px 0
  }
  .module-image-with-text.text-right .module-body {
      float: right
  }
  .module-image-with-text.text-right .module-image {
      float: left
  }
  .module-image-with-text.text-left .module-body {
      float: left
  }
  .module-image-with-text.text-left .module-image {
      float: right;
      right: 0;
      left: auto
  }
  .module-image-with-text.background-full {
      background-size: auto 100%
  }
  .module-image-with-text.background-full .module-image {
      position: static;
      width: 100%;
      height: auto;
      margin-right: -100%;
      background-image: none !important
  }
  .module-image-with-text.background-full .module-image img {
      margin: 0;
      max-width: 100%;
      width: 100%
  }
  .module-image-with-text.background-full.text-left .module-image {
      margin-right: 0;
      margin-left: -100%
  }
  .module-image-with-text:not(.background-full) {
      background-image: none !important;
      background-color: #FBCD91;
  }
}
@media screen and (min-width: 1024px) {
.module-image-with-text .module-body .inner-content {
	padding: 40px 50px 40px 0
}
.module-image-with-text .module-body .inner-box {
	padding: 40px
}
.module-image-with-text.text-right .module-body .inner-content {
	padding-left: 50px;
	padding-right: 0
}
.module-image-with-text.background-full {
	background-size: cover
}
.module-image-with-text.background-full .module-body .inner-content {
	padding-left: 50px;
	padding-right: 50px
}
}
@media screen and (min-width: 1400px) {
  .module-image-with-text .module-body .inner-content {
      padding: 40px 100px 40px 0
  }
  .module-image-with-text.text-right .module-body .inner-content {
      padding-left: 100px;
      padding-right: 0
  }
  .module-image-with-text.background-full .module-body .inner-content {
      padding-left: 50px;
      padding-right: 50px
  }
}
.js .module-image-with-text h5, .js .module-image-with-text h3, .js .module-image-with-text p {
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.js .module-image-with-text h3 {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}
.js .module-image-with-text p {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.js .module-image-with-text:not(.intro) h5, .js .module-image-with-text:not(.intro) h3, .js .module-image-with-text:not(.intro) p {
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0
}


/*------------------------------------*\
    Home - Carousel + Video
\*------------------------------------*/

.carousel-full,
.carousel-home {
    height: 100vh
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .carousel-full,
    .carousel-home {
        height: 1024px
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .carousel-full,
    .carousel-home {
        height: 768px
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
    .carousel-full,
    .carousel-home {
        height: 480px
    }
}
.carousel-full .carousel-item-list,
.carousel-home .carousel-item-list {
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    overflow: hidden
}
.carousel-full .carousel-item-list .carousel-item,
.carousel-home .carousel-item-list .carousel-item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #000;
    text-align: center;
    overflow: hidden
}
.carousel-full .carousel-item-list .carousel-item.outro,
.carousel-home .carousel-item-list .carousel-item.outro {
    z-index: 1002
}
.carousel-full .carousel-item-list .carousel-item.intro,
.carousel-home .carousel-item-list .carousel-item.intro {
    z-index: 1001
}
.carousel-full .carousel-item-list .carousel-item:not(.active),
.carousel-home .carousel-item-list .carousel-item:not(.active) {
    pointer-events: none
}
.carousel-full .carousel-item-list .carousel-item:not(.active):not(.intro),
.carousel-home .carousel-item-list .carousel-item:not(.active):not(.intro) {
    visibility: hidden;
    opacity: 0;
    -webkit-transition:  visibility 0s 0.75s, opacity 0.75s linear;
    -moz-transition: visibility 0s 0.75s, opacity 0.75s linear;
    -ms-transition: visibility 0s 0.75s, opacity 0.75s linear;
    -o-transition: visibility 0s 0.75s, opacity 0.75s linear;
    transition: visibility 0s 0.75s, opacity 0.75s linear;
}
.carousel-home .carousel-item-list .carousel-item.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.75s linear;
    -moz-transition: opacity 0.75s linear;
    -ms-transition: opacity 0.75s linear;
    -o-transition: opacity 0.75s linear;
    transition: opacity 0.75s linear;
}
.carousel-full .carousel-item-list .carousel-item .bg-image,
.carousel-home .carousel-item-list .carousel-item .bg-image,
.carousel-full .carousel-item-list .carousel-item .hero .hero-bg,
.hero .carousel-full .carousel-item-list .carousel-item .hero-bg,
.carousel-home .carousel-item-list .carousel-item .hero .hero-bg,
.hero .carousel-home .carousel-item-list .carousel-item .hero-bg,
.carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image,
.page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image,
.carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image,
.page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image {
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100vw
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .carousel-full .carousel-item-list .carousel-item .bg-image,
    .carousel-home .carousel-item-list .carousel-item .bg-image,
    .carousel-full .carousel-item-list .carousel-item .hero .hero-bg,
    .hero .carousel-full .carousel-item-list .carousel-item .hero-bg,
    .carousel-home .carousel-item-list .carousel-item .hero .hero-bg,
    .hero .carousel-home .carousel-item-list .carousel-item .hero-bg,
    .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image,
    .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image,
    .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image,
    .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image {
        height: 1024px
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .carousel-full .carousel-item-list .carousel-item .bg-image,
    .carousel-home .carousel-item-list .carousel-item .bg-image,
    .carousel-full .carousel-item-list .carousel-item .hero .hero-bg,
    .hero .carousel-full .carousel-item-list .carousel-item .hero-bg,
    .carousel-home .carousel-item-list .carousel-item .hero .hero-bg,
    .hero .carousel-home .carousel-item-list .carousel-item .hero-bg,
    .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image,
    .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image,
    .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image,
    .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image {
        height: 768px
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
    .carousel-full .carousel-item-list .carousel-item .bg-image,
    .carousel-home .carousel-item-list .carousel-item .bg-image,
    .carousel-full .carousel-item-list .carousel-item .hero .hero-bg,
    .hero .carousel-full .carousel-item-list .carousel-item .hero-bg,
    .carousel-home .carousel-item-list .carousel-item .hero .hero-bg,
    .hero .carousel-home .carousel-item-list .carousel-item .hero-bg,
    .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image,
    .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image,
    .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image,
    .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image {
        height: 480px
    }
}
.carousel-full .carousel-item-list .carousel-item .content,
.carousel-home .carousel-item-list .carousel-item .content {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .carousel-full .carousel-item-list .carousel-item .content,
    .carousel-home .carousel-item-list .carousel-item .content {
        height: 1024px
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .carousel-full .carousel-item-list .carousel-item .content,
    .carousel-home .carousel-item-list .carousel-item .content {
        height: 768px
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
    .carousel-full .carousel-item-list .carousel-item .content,
    .carousel-home .carousel-item-list .carousel-item .content {
        height: 480px
    }
}
.carousel-full .carousel-item-list .carousel-item .text-container,
.carousel-home .carousel-item-list .carousel-item .text-container {
    position: relative;
    z-index: 1003;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.carousel-home {
    width: 100%;
    font-size: 1em;
    background-color: #000
}
.touchevents .carousel-home.hidden {
    display: block !important
}
.no-touchevents .carousel-home {
    position: fixed;
    top: 0
}
.carousel-home.outro .carousel-item .text-container {
    visibility: hidden;
    opacity: 0
}
.carousel-home.outro .carousel-item .title,
.carousel-home.outro .carousel-item .subtitle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.carousel-home.outro .carousel-progress {
    visibility: hidden;
    opacity: 0
}
.carousel-home .visual {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .carousel-home .visual {
        height: 1024px
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .carousel-home .visual {
        height: 768px
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
    .carousel-home .visual {
        height: 480px
    }
}
.carousel-home .visual:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: background-color 0.3s linear, opacity 0.3s linear;
    transition: background-color 0.3s linear, opacity 0.3s linear
}
.carousel-home video,
.carousel-home .vimeo-player {
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    background-color: #000;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .carousel-home video,
    .carousel-home .vimeo-player {
        height: 1024px
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .carousel-home video,
    .carousel-home .vimeo-player {
        height: 768px
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
    .carousel-home video,
    .carousel-home .vimeo-player {
        height: 480px
    }
}
.carousel-home video.is-ready,
.carousel-home .vimeo-player.is-ready {
    opacity: 1
}
.mobile .carousel-home video,
.mobile .carousel-home .vimeo-player {
    display: none
}
.carousel-home .videoplayer,
.carousel-home .bg-image,
.carousel-home .hero .hero-bg,
.hero .carousel-home .hero-bg,
.carousel-home .page-news .news-entry .header-image,
.page-news .news-entry .carousel-home .header-image {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}
.carousel-home .carousel-item:after {
    content: '';
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    pointer-events: none;
    -webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0.45, 1);
    transition: all 0.3s cubic-bezier(0.3, 0, 0.45, 1)
}
.carousel-home .carousel-item.hover:after {
    box-shadow: inset 0 0 0 40px #fff
}
.carousel-home .carousel-item .container,
.carousel-home .carousel-item .module-pillars .text,
.module-pillars .carousel-home .carousel-item .text,
.carousel-home .carousel-item .hero .hero-text-container,
.hero .carousel-home .carousel-item .hero-text-container,
.carousel-full .carousel-item-list .carousel-home .carousel-item .text-container,
.carousel-home .carousel-item-list .carousel-item .text-container,
.carousel-home .carousel-item .carousel-progress-container,
.carousel-home .carousel-item #search-overlay .search-form,
#search-overlay .carousel-home .carousel-item .search-form,
.carousel-home .carousel-item .pillar-list {
    -webkit-transition: all 0.45s linear;
    transition: all 0.45s linear
}
.carousel-home .carousel-item .title {
    font-size: 4.3125em;
    margin: 0;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    line-height: 1.2;
}
.carousel-home .carousel-item .subtitle {
    text-transform: uppercase;
    font-size: 3em;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1
}
@media only screen and (min-width: 768px) {
    .carousel-home .carousel-item .subtitle {
        font-size: 1.875em
    }
}
.carousel-home .heading-container {
    overflow: hidden;
    font-size: .5em
}
@media only screen and (min-width: 768px) {
    .carousel-home .heading-container {
        font-size: 1em
    }
}
.carousel-home .carousel-progress-container {
    position: relative;
    padding: 0
}
.carousel-home .carousel-progress {
    position: absolute;
    bottom: 100px;
    width: 100%;
    padding: 0;
    list-style-type: none;
    color: #fff;
    text-transform: uppercase;
    z-index: 1002
}
@media only screen and (min-width: 768px) {
    .carousel-home .carousel-progress {
        bottom: 110px
    }
}
.carousel-home .carousel-progress-item {
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
    overflow: hidden;
}
@media only screen and (min-width: 768px) {
    .carousel-home .carousel-progress-item:first-child {
        display: none;
    }
    .carousel-home .carousel-progress-item {
        width: 33.333333%;
        float: left
    }
}
.carousel-home .carousel-progress-item:hover .progress-bar-container {
    -webkit-transform: scaleY(2);
    -ms-transform: scaleY(2);
    transform: scaleY(2)
}
.carousel-home .carousel-progress-item .text {
    position: relative;
    overflow: hidden;
    padding: 6px 0;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.3, 0, 0.45, 1);
    transition: transform 0.8s cubic-bezier(0.3, 0, 0.45, 1)
}
.carousel-home .carousel-progress-item .title {
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.4
}
.carousel-home .carousel-progress-item.active {
    pointer-events: none
}
.carousel-home .carousel-progress-item.active .title {
    font-weight: 700
}
.carousel-home .carousel-progress-item .progress-bar-container,
.carousel-home .carousel-progress-item .progress-bar {
    display: block;
    height: 1px;
    background-color: #fff
}
.carousel-home .carousel-progress-item .progress-bar-container {
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}
.carousel-home .carousel-progress-item .progress-bar {
    background-color: #9ba487;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.carousel-home .carousel-progress-item .progress-bar.outro {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
@media only screen and (max-width: 767px) {
    .carousel-home .carousel-progress-item {
        display: none
    }
    .carousel-home .carousel-progress-item.active {
        display: block
    }
    .carousel-home .carousel-progress-item.active .text {
        display: none
    }
}
.js .carousel-home .carousel-item-list {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 1
}
.js .carousel-home.is-loading .carousel-item-list {
    opacity: 0
}
.mix-blend-mode .carousel-home .visual:after {
    mix-blend-mode: multiply
}
.mix-blend-mode .carousel-home.outro .carousel-item.active .visual:after {
    background-color: #9ba487;
    opacity: .4;
    visibility: visible
}
.video-module {
    margin-bottom: 35px
}
.video-module-player,
.video-module-container {
    position: relative
}
@media only screen and (min-width: 1024px) {
    .video-module-container {
        max-width: 980px;
        margin-left: auto;
        margin-right: auto
    }
    .video-module-container:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media only screen and (min-width: 1400px) {
    .video-module-container {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto
    }
    .video-module-container:after {
        content: " ";
        display: block;
        clear: both
    }
}
.video-module-player iframe {
    position: absolute;
    top: 0
}
.video-module-player:before {
    content: '';
    display: block;
    top: 0;
    padding-top: 56.25%
}
.video-module-player.aspect-ratio7-3:before {
    padding-top: 42.85714%
}
.video-module-poster {
    display: none
}
.no-touchevents .video-module-poster {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}
.video-module-btn {
    display: none
}
.no-touchevents .video-module-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 104px;
    width: 104px;
    color: #fff;
    background-color: #9ba487;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.no-touchevents .video-module-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 100px;
    width: 100px;
    border: 2px solid #fff;
    border-radius: 100%
}
.no-touchevents .video-module-btn .icon {
    position: relative;
    vertical-align: middle
}
.video-module-quote {
    position: relative;
    width: 85%;
    margin: 1px auto 0;
    padding: 20px;
    border: 10px solid #fff;
    background-color: #9ba487;
    background-position: center;
    background-size: cover;
    color: #fff;
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase
}
@media only screen and (min-width: 480px) {
    .video-module-quote {
        padding: 40px 50px;
        font-size: 20px
    }
}
@media only screen and (min-width: 1024px) {
    .no-touchevents .video-module-quote {
        position: absolute;
        margin: 0;
        top: 50%;
        right: 60px;
        width: 40%;
        padding: 100px 60px;
        -webkit-transform: translate(25%, -50%);
        -ms-transform: translate(25%, -50%);
        transform: translate(25%, -50%);
        font-size: 24px
    }
}
@media only screen and (min-width: 1400px) {
    .no-touchevents .video-module-quote {
        right: 0
    }
}
.video-module cite {
    display: block;
    font-size: .8em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .1em
}
.video-module.active .video-module-poster,
.video-module.active .video-module-quote {
    visibility: hidden
}
/*------------------------------------*\
    Pillars
\*------------------------------------*/

.pillar-item {
    background: #fff;
    width: 100%;
    margin-right: 0;
    margin-top: 5px;
    margin-left: 0;
    position: relative;
    padding: 20px;
}
.pillar-item:nth-child(4):hover {
    background: #9f9fa3;
}
.pillar-item-icon img {
    width: 100px;
    height: auto;
}
.pillar-item-title {
    color: #000;
    font-size: 16px;
}
.pillar-item-icon svg path,
.pillar-item-icon svg polygon {
    fill: #fff;
}
.pillar-list {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.pillar-item .icon svg {
    stroke-width: 2px
}
.pillar-item-text {
    margin-right: 0;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.pillar-item-title,
.pillar-item-subtitle {
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.1
}
.pillar-item-title {
    margin-bottom: 2px
}
.pillar-item-subtitle {
    line-height: 1.1;
    color: #000
}
@media only screen and (min-width: 768px) {
    .hero-large .hero-container {
        margin-top: auto;
    }
    .pillar-list {
        flex-direction: row;
    }
    .pillar-item {
        width: 33%;
        margin-right: .3333%;
    }
    .pillar-item > div {
        display: block;
    }
    .pillar-item:before {
        padding-top: 25%
    }
    .pillar-item-icon {
        width: 110px;
        height: 110px;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .pillar-item-text {
        top: 0;
        width: 100%;
        float: none;
        text-align: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: block;
    }
    .pillar-item-title,
    .pillar-item-subtitle {
        font-size: 18px
    }
}
@media only screen and (min-width: 1400px) {
    .pillar-item-title {
        font-size: 20px
    }
    .pillar-item-title,
    .pillar-item-subtitle {
        font-size: 22px
    }
}
/*------------------------------------*\
    Contact Page
\*------------------------------------*/

.map {
    position: relative;
    padding: 0
}
.map .map-container {
    padding: 0
}
.map .map-overlay {
    position: relative;
    pointer-events: none;
    z-index: 1008
}
.map .map-wrapper {
    width: 100%;
    height: 210px
}
.map .map-cell-left {
    text-align: left
}
.map .map-cell-right {
    text-align: right
}
.map .module-table {
    margin: -30px 10px 0;
    padding: 10px 25px;
    text-align: left;
    background: #b4b4b4;
    pointer-events: auto
}
.map.map-small .module-table {
    background: #8b816e
}
.map .module-table .map-title {
    margin: 0 0 15px;
    padding-bottom: 15px;
    line-height: 1.1;
    border-bottom: 1px solid #9ba487
}
.map .module-table h5 {
    font-size: 15px;
    margin: 0;
    color: #fff
}
.map .module-table p {
    margin: 0 0 1em;
    font-size: 14px;
    color: #fff
}
.map.map-small .module-table p,
.map.map-small .module-table a {
    color: #d5d0c5;
}
.map .module-table a {
    text-decoration: none
}
.map a[href^="tel:"]:before,
.map a[href^="fax:"]:before,
.map a[href^="mailto:"]:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    margin-right: 10px;
    color: #9ba487;
    border: 2px solid #9ba487;
    border-radius: 100%;
    vertical-align: middle;
    font-family: "futura-pt", sans-serif;
    font-style: normal;
    font-size: 16px;
    text-align: center
}
.map a[href^="tel:"]:before {
    content: 'T'
}
.map a[href^="fax:"]:before {
    content: 'F'
}
.map a[href^="mailto:"]:before {
    content: '@'
}
.map-large {
    margin: 0
}
.map-large .map-overlay-container {
    height: 100%
}
.map-large .map-table {
    display: table;
    height: 100%;
    width: 100%
}
.map-large .map-cell {
    display: table-cell;
    vertical-align: middle
}
.map-small .map-container {
    position: relative
}
.map .module-table p a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.map-small .map-overlay-team-list {
    min-height: 0;
    position: relative;
    margin: 0 20px;
    left: 20px;
    right: 20px;
    width: auto;
    top: 100%;
    background: #fff;
    padding: 30px 30px 0;
    box-shadow: -20px 20px 30px -1px rgba(0, 0, 0, .2);
    margin-top: -30px;
}
.map-small .map-overlay-team-list h3 {
    margin-top: 0;
    color: #FBCD91;
}
.map-small .map-overlay-team-list p {
    margin: 0;
}
.map-table .teams-item {
    width: 100%;
    margin-bottom: 30px;
    float: left;
    border-right: 1px solid white;
}
.teams-image-container {
    position: relative;
    width: 100%;
    overflow: hidden
}
.teams-image-container:before {
    content: ' ';
    display: block;
    padding-top: 75%;
    width: 100%;
}
.teams-image-container .teams-image-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.map-table .teams-item .image {
    width: 100%;
    max-width: none;
    display: block;
    filter: brightness(1.2);
}
.map-table .teams-item .content {
    color: #424a5d;
    padding-left: 16px;
}
.map-table .teams-item .content h2 {
    line-height: 1.5;
    margin: 0;
    font-size: 18px;
}
.map-table .teams-item .content h4,
.map-table .teams-item .content p {
    line-height: 1.1;
    font-weight: normal;
    margin: 0;
}
.map .map-overlay {
    min-height: 380px;
}
.map-small .map-wrapper-left {
    position: absolute;
    top: 0;
}

.map .module-table .map-title {
    border: none;
    margin-bottom: 20px;
    color: #FFF;
    margin-top: 30px;
}
.map .module-table .map-title:first-child {
    margin-top: 0
}
.map a[href^="tel:"]::before,
.map a[href^="fax:"]::before,
.map a[href^="mailto:"]::before {
    display: none;
    border: 2px solid #f89e1b;
    color: #f89e1b;
}
.map a[href^="tel:"]::before,
.map a[href^="fax:"]::before,
.map a[href^="mailto:"]::before {
    border: 2px solid #9ba487;
    color: #9ba487;
}
@media (max-width: 1023px) {
    .map .module-table p:nth-child(4) {
        clear: both;
    }

    .box-content-pre-container {
        display: none;
    }
}
@media (max-width: 767px) {
    .map-small {
        margin-bottom: 250px;
    }
}
@media (max-width: 480px) {
    .map .module-table {
        padding: 10px 12px
    }
}
@media screen and (min-width: 768px) {
    .map .module-table {
        display: inline-block;
        margin: 0;
        padding: 30px;
		margin-bottom: 50px;
		position: absolute;
		top: -535px;
		left: 125px;
    }
    .map-small .map-wrapper {
        position: absolute;
        width: 66.66667%;
        top: 0
    }
    .map-small .map-wrapper-left {
        left: 33.33333%
    }
    .map-large .map-wrapper {
        height: 700px
    }
    .map-small .module-table,
    .map-small .map-wrapper {
        min-height: 380px
    }
    .map-table .teams-item {
        width: 50%;
    }
}
@media screen and (min-width: 1024px) {
    .map-small .map-overlay-team-list {
        margin-top: -50px;
    }
    .map-table .teams-item {
        width: 25%;
    }
}

.introduction .container {
    background: #FFFDDB;
}
.page-home .introduction .title {
    color: #62643a;
    font-size: 2em;
    line-height: normal;
}
.button::before,
.button::after {
    background-color: #4b2855;

}
.page-selector .button::before,
.page-selector .button::after {
    background-color: #FFF;
}

.news-module {
    background-color: #62643a;
    background-image: url(img/reference.jpg);
}
.news-grid-flow .thumbgrid-hero .title::after {
    margin-top: 0;
    background-color: #ADA879;
    width: 100%;
}
.news-grid .thumbgrid-item .title,
.thumb-grid .thumbgrid-item .title {
    color: #62643a;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 15px;
}
.news-grid .thumbgrid-item .subtitle,
.thumb-grid .thumbgrid-item .subtitle {
    color: #9ba487;
    margin-top: 0;
    line-height: normal;
    font-size: 24px;
}
.news-grid .thumbgrid-item .subtitle span,
.thumb-grid .thumbgrid-item .subtitle span {
    /*font-family: 'Futura BK';*/

    font-family: "futura-pt", sans-serif;
    font-weight: 500;
}
.news-grid .thumbgrid-item .bodytext,
.thumb-grid .thumbgrid-item .bodytext {
    color: #080202;
    font-size: 16px;
    line-height: 24px;
}
.news-grid-flow .thumbgrid-hero .image-container::after {
    border-top: solid 32px #fff;
}
.news-grid .carousel .inner,
.thumb-grid .carousel .inner {
    background-color: #FFF;
    background-image: url(img/arrows.png);
    background-repeat: no-repeat;
    background-position: right 15px bottom 15px;
}
.news-grid .carousel .title::after,
.thumb-grid .carousel .title::after {
    margin-top: 0;
    background-color: #ADA879;
    width: 100%;
    border-bottom: 1px solid #696431;
}
.owl-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.owl-theme .owl-controls .owl-page span {
    background: #FFFDDB;
}
.news-grid .thumbgrid-item .image-container,
.thumb-grid .thumbgrid-item .image-container {
    width: 100%;
    height: 100%;
}
.news-grid .thumbgrid-item,
.thumb-grid .thumbgrid-item {
    height: 360px;
}
.news-grid-flow .thumbgrid-hero .text .text-inner,
.news-grid .carousel .carousel-item,
.thumb-grid .carousel .carousel-item {
    padding: 20px;
}
.bg-with-text .text-over {
    position: absolute;
    left: 20px;
    top: 20px;
}
.bg-with-text .text-over h3 {
    color: #fff !important;
    border-bottom: 1px solid white;
    padding-bottom: 2px !important;
    min-height: 0;
}
.bg-with-text .text-over h4 {
    color: #fff !important;
}
.bg-with-text .text-over p {
    font-family: "futura-pt", sans-serif;
    color: #fff !important;
    line-height: 24px;
    font-size: 16px;
}
.owl-carousel {
    height: 360px;
}
.owl-carousel a {
    text-decoration: none;
}
.owl-carousel .subtitle {
    color: #fff !important;
    border-bottom: none;
}
.owl-carousel .bodytext p {
    color: white;
}
.darker-color {
    background-color: #686330 !important;
}
.darker-color .title {
    color: #fff !important;
    opacity: 0.34;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row:before {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
.col-sm-6 {
    float: left;
    min-height: 1px;
    width: 50%;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .col-sm-6 {
        width: 100%;
    }
}
.col-sm-3 {
    float: left;
    min-height: 1px;
    width: 25%;
    padding: 0 15px;
}
.col-sm-12 {
    float: left;
    min-height: 1px;
    width: 100%;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .col-sm-3 {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
}

.page-selector-large .bodytext {
    line-height: 29px;
}
.news-grid .module-title::after,
.thumb-grid .module-title::after {
    content: none;
}
.hero-large-custom .hero-title {
    font-family: 'Gravity-Regular';
    font-weight: 500;
    font-size: 28px;
    padding: 0 85px;
    color: #575757;
    line-height: 30px;
    margin-top: 20px;
}

.hero-large-custom .hero-subtitle {
    font-family: 'Gravity-Regular';
    font-weight: 600;
    font-size: 45px;
    padding: 0 85px;
    color: #636363;
    line-height: 50px;
}
@media (max-width: 1200px){
    .hero-large .hero-content {
        padding-top: 120px!important;
    }
    .hero-large-custom .hero-title {
        padding: 0;
    }

    .hero-large-custom .hero-subtitle {
        padding: 0;
    }
}
@media (max-width: 800px){
    .hero-large .hero-content {
        font-size: 26px;
        line-height: 30px;
    }
    .hero-large-custom .hero-title {
        font-size: 16px;
        margin-top: 10px;
    }

    .hero-large-custom .hero-subtitle {
        padding: 0;
    }
    .hero-large .hero-content {
        padding-top: 80px!important;;
    }



}
@media (min-width: 800px){
    #Geschichte .module-heading h2, .module-title {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px){
    .hero-large .hero-content {
        padding-top: 0!important;;
    }
    h5.subheading {
        margin: 0!important;
    }
    #Geschichte .module-content.has-table {
         padding-left: 15px;
    }
    #Geschichte .has-table p {
        margin-right: 0;
    }
    #Jobs .box-background{
        background-attachment: initial!important;
    }
}
/*
.hero-large-custom .hero-title {} .hero-large-custom .hero-subtitle {
    font-size: 2.222222222222222em;


    font-family: "futura-pt", sans-serif;
    font-weight: 500;
}*/
.custom-hero-body {
    font-size: 1.1em;
}
@media (max-width: 1399px) {
    .custom-hero-body {
        font-size: 1em;
    }
}
.page {
    background-color: #ffffff;
}
.video-module-quote {
    background-color: #FFf;
}
.no-touchevents .video-module-quote h3,
.video-module-quote h3 {
    word-break: break-all;
}
.no-touchevents .video-module-quote,
.video-module-quote {
    font-size: 1em;
    padding: 20px;
    width: 45%;
}
.no-touchevents .video-module-quote h3,
.video-module-quote h3 {
    font-size: 1.5em;
}
.no-touchevents .video-module-quote p,
.video-module-quote p {
    font-size: 1em;
    font-family: "futura-pt", sans-serif;
    text-transform: none;
}
@media (max-width: 1023px) {
    .no-touchevents .video-module-quote {
        width: 90%;
    }
}
.video-module-poster {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.module-content .fixed-left {
    float: left;
    text-align: left;
    width: 390px;
}
.module-content .fixed-left h2 {
    font-size: 42px;
    text-align: left;
    line-height: 1;
}
@media (max-width: 1023px) {
    .module-content .fixed-left {
        width: 100%;
    }
}
.module-content .fluid-right {
    overflow: hidden;
    font-family: "futura-pt", sans-serif;
    line-height: 29px;
}
@media (max-width: 1023px) {
    .module-content .fluid-right {
        width: 100%;
        float: left;
    }
}
.module-paragraph .module-content.custom-module .module-body {
    max-width: 1100px;
    width: 100%;
}
.module-quote-image {
    width: 482px;
    height: 402px;
    left: 0;
}
@media (max-width: 1399px) {
    .module-quote-image {
        width: 382px;
        height: 302px;
    }
}
@media (max-width: 767px) {
    .module-quote-image {
        width: 100%;
        height: 502px;
    }
}
@media (max-width: 480px) {
    .module-quote-image {
        height: 402px;
    }
}
.module-quote-custom {
    padding-top: 200px;
}
@media (max-width: 1399px) {
    .module-quote-custom {
        padding-top: 180px;
    }
}
@media (max-width: 1024px) {
    .module-quote-custom {
        padding-top: 140px;
    }
}
@media (max-width: 767px) {
    .module-quote-custom {
        padding-top: 20px;
    }
}
.module-quote blockquote {
    background-color: #FFF3D0;
    padding: 15px;
}
.module-quote-content-custom {
    padding-left: 400px;
    margin-bottom: 0;
    display: block;
    margin-left: 0;
}
.module-quote-content-custom p {
    color: #9ba487;
}
@media (min-width: 1400px) {
    .module-quote-content-custom p {
        font-size: 49px;
    }
}
@media (max-width: 1399px) {
    .module-quote-content-custom {
        padding-left: 360px;
    }
}
@media (max-width: 767px) {
    .module-quote-content-custom {
        padding-left: 0;
    }
}
.module-paragraph .image-modul.centered .module-body {
    padding: 0 260px;
    margin-left: 250px;
    font-size: 16px;
    font-family: "futura-pt", sans-serif;
    line-height: 29px;
    margin-top: -30px;
}
@media (max-width: 1399px) {
    .module-paragraph .image-modul.centered .module-body {
        margin-left: 150px;
    }
}
@media (max-width: 1023px) {
    .module-paragraph .image-modul.centered .module-body {
        padding: 0;
        margin-left: 0;
        margin-top: 130px;
    }
}
@media (max-width: 767px) {
    .module-paragraph .image-modul.centered .module-body {
        margin-top: 50px;
    }
}
.box-module {
    padding: 50px 0;
}
.box-module .box {
    padding: 20px;
    background: #fff;
    max-width: 422px;
}
@media (max-width: 767px) {
    .box-module .box {
        width: 100%;
        max-width: none;
    }
}
.box-module .box h3 {
    color: #9ba487;
    font-size: 49px;
    margin: 0;
    margin-bottom: 20px;
}
.box-module .box p {
    font-family: "futura-pt", sans-serif;
    font-size: 16px;
    color: #0d0c0c;
    line-height: 29px;
}

.firmengeschichte ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.firmengeschichte ul li {
    float: left;
    width: 20%;
    text-align: center;
}
@media (max-width: 480px) {
    .firmengeschichte ul li {
        width: 100%;
    }
}
.firmengeschichte ul li h3 {
    text-align: center;
    color: #9ba487;
    font-size: 100px;
    margin: 0;
    margin-bottom: 15px;
}
@media (max-width: 1023px) {
    .firmengeschichte ul li h3 {
        font-size: 70px;
    }
}
@media (max-width: 767px) {
    .firmengeschichte ul li h3 {
        font-size: 40px;
    }
}
.firmengeschichte ul li p {
    font-family: "futura-pt", sans-serif;
    font-size: 16px;
    line-height: 26px;
    max-width: 170px;
    margin: 0 auto;
}
@media (max-width: 1023px) {
    .firmengeschichte ul li p {
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .firmengeschichte ul li p {
        font-size: 11px;
        line-height: normal;
    }
}
.module-quote blockquote {
    margin-top: -75px;
}
.icon-search {
    background: url(img/search.png) no-repeat center center;
}
@media (max-width: 1023px) {
    .icon-search {
        background: url(img/search2.png) no-repeat center center;
        width: 33px !important;
        height: 33px !important;
    }
}
.pillar-item-title,
.pillar-item-subtitle {
    font-size: 20px;
}
/* Additional customizations */
/*novo*/

.col-sm-4 {
    float: left;
    min-height: 1px;
    width: 33.33333333333333%;
    padding: 0 15px;
}



@media (max-width: 767px) {
    .col-sm-4 {
        width: 100%;
    }
}
.introduction .container {
    background: #ffffff;
}
.video-module-quote {
    background-color: #baada0;
}
.module-quote blockquote {
    background-color: #f5f6f3;
}
.module-quote-content-custom p,
.box-module .box h3 {
    color: #000000;
}
.no-touchevents .video-module-quote p,
.video-module-quote p {
    font-weight: 500;
}
.featured-projects .featured-project .text-container {
    left: 50px;
    right: auto;
}
.partner-section-head .inner {
    text-align: left;
    margin: 0;
}
.partner-section-head h4,
.partner-section-head h1 {
    text-align: left !important;
}
.arhitekten-module h2,
.arhitekten-module p {
    color: #1a1616;
}
.partners-images .item {
    /*margin-right: 20px;*/
}
.partners-images {
    padding-top: 45px;
    padding-bottom: 30px;
}
.headline-module .fluid-right {
    background-color: #5f6469;
    padding: 0 15px;
}
@media (min-width: 768px) {
    .page-project-development .pillar-item {
        width: 25%;
    }
}
.page-project-development .hero-large.align-right .text {
    float: none;
}
.page-project-development .pillar-item-title {
    font-size: 16px;
    color: #0c0e0f;
}
.page-project-development .pillar-item:not(:last-child)::after {
    content: none;
}
.partners-images .partner-item {
    float: left;
    margin-right: 45px;
    margin-bottom: 45px;
}
.featured-projects .featured-project .text-container .text {
    background-color: rgba(255, 255, 255, 0.6);
}
.featured-projects .featured-project .text-container {
    color: #121314;
}
.featured-projects .featured-project .text-container .proceed::before {
    background-color: rgba(255, 255, 255, 0.6);
}
.featured-projects .featured-project .text-container:hover .text {
    background-color: rgba(75,40,85,0.6);
}
.featured-projects .featured-project .text-container:hover .proceed {
    background-color: #fff;
}
@media (min-width: 768px) {
    .projectsgrid4 .projectsgrid-item {
        width: 33% !important;
    }
}
@media (min-width: 1024px) {
    .projectsgrid4 .projectsgrid-item {
        width: 25% !important;
    }
}
.map-large .module-table p {
    float: none;
    width: auto;
}
.map-large .map-cell-right {
    text-align: left;
}
@media (min-width: 768px) {
    .text-center-sm {
        text-align: center;
    }
}

footer a:hover img {
    opacity: 0.8;
}
.pillar-item[data-slug="sustainability"] {
    color: #5bb0d2;
}
.pillar-item[data-slug="technology"] {
    color: #e9b61c;
}
.pillar-item[data-slug="living-working"] {
    color: #9aa9af;
}
.pillar-item[data-slug="living-working2"] {
    color: #9ba487;
}
.no-touchevents .pillar-item[data-slug="sustainability"]:hover {
    color: #ffffff;
    background: #5bb0d2;
}
.no-touchevents .pillar-item[data-slug="technology"]:hover {
    color: #ffffff;
    background: #e9b61c;
}
.no-touchevents .pillar-item[data-slug="living-working"]:hover {
    color: #ffffff;
    background: #9aa9af;
}
.no-touchevents .pillar-item[data-slug="living-working2"]:hover {
    color: #ffffff;
    background: #9ba487;
}
.projectsgrid-item:nth-child(3n) a::after {
    border: 5px solid #fff;
}
@media (min-width: 768px) {
    .projectsgrid-item:nth-child(2n+1) a::after {
        border: 5px solid #fff;
    }
}
@media (min-width: 1024px) {
    .projectsgrid-item:nth-child(3n+1) a::after {
        border: 5px solid #fff;
    }
}
.margin-top {
    margin-top: 100px;
}
.pagination {
    display: block;
    text-align: center;
    margin-top: 40px;
}
.pagination a,
.pagination .current {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    text-decoration: none;
}
.pagination a:hover {
    background: #ddd;
    color: #000;
}
.pagination .current {
    border-color: #fff;
    background: #fff;
    font-weight: 700;
}
form.search {
    display: block;
    text-align: center;
    padding: 30px 0;
    background: #FFF;
    margin-top: 40px;
}
form.search input.search-input {
    line-height: 40px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    color: #fff;
    padding: 0 14px;
}
form.search button.search-submit {
    background: rgba(0, 0, 0, .1);
    color: #fff;
    line-height: 40px;
}
.post-listing {
    background: transparent;
}
.post-listing a {
    text-decoration: none;
}
.post-listing h2 {
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 14px;
}
.post-listing h2 a {
    color: #000;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.post-listing h2 a:hover {
    color: #FFF;
}
.module-quote {
    display: block;
    margin-top: 100px;
    margin-left: -150px;
    margin-right: -100px;
}
.indent-image {
    position: absolute;
    top: 10px;
    left: -300px;
    width: 270px;
    height: 520px;
    vertical-align: middle;
    overflow: hidden;
}
.indent-image img {
    width: 100%;
    height: auto;
}
@media (max-width: 1400px) {
    .module-quote {
        margin-top: 30px;
    }
    /*
  .indent-image{
    position:relative;
    width:300px;
    height:300px;
    left:50px;
    top:auto;
  }
*/
}
@media (max-width: 1024px) {
    .module-quote {
        margin-right: -30px;
    }
}
@media (max-width: 768px) {
    .module-quote {
        margin-left: 0;
        margin-right: 0;
    }
    .module-quote-content {
        position: relative;
        z-index: 99;
        margin-left: 10px;
        margin-right: 10px;
    }
    .indent-image {
        z-index: 97;
        width: 100%;
        height: 375px;
        left: auto;
        top: auto;
    }
}
.module-paragraph .has-table p {
    font-weight: normal !important;
	margin-right: 50px;
}
h5.row-label {
    font-size: 16px;
}
.module-body h4,
.module-paragraph h4 {
    color: #555;
    font-family: 'futura-pt', sans-serif;
}
.module-quote cite {
    padding-left: 0;
}
.page-project-development .hero {
    color: #fff !important;
    text-align: left !important;
}
.page-project-development .hero p {
    text-align: left !important;
    font-size: 1.1em;
    line-height: 27px;
}
.page-project-development .hero-title {
    text-align: center !important;
}
.page-project-development .hero-subtitle {
    text-align: left !important;
}
.projectsgrid-hidden {
    display: none;
}
.more-projectsgrid {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin: 0 0 25px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .05em;
}
.projectsgrid .more-projectsgrid {
    color: #9ba487;
    margin: 30px auto 0 auto;
}
.projectsgrid .more-projectsgrid .icon {
    float: right;
    margin-left: 14px;
}
.page-project-detail .module-quote {
    margin: 0 auto !important;
}
.module-quote-content,
.module-quote-content blockquote {
    background: #fff;
}
.module-quote-content p {
    font-style: normal;
}
.thumb-grid .thumbgrid-item .subtitle,
.thumb-grid .thumbgrid-item .bodytext {
    color: #fff !important;
}
.hero-large .hero-container.alt {
    height: auto !important;
}
.module.alt {
    margin-bottom: 0;
}
.pillar-item.alt {
    width: 33%;
    box-shadow: 8px 8px 12px -3px rgba(0, 0, 0, .2);
}
.thumbgrid-item.thumbgrid-small .inner .image-container:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(153, 153, 119, .8);
    transition: all 0.2s ease;
}
.employee-list {
    max-width: 100% !important;
}
.pillar-item:hover h2,
.pillar-item:hover h2.pillar-item-title {
    color: #fff !important;
}
#hide {
    display: none;
}
.logos img {
    width: 90%;
    height: auto;
}
.page-selector .bg-image:hover {
    opacity: 1;
    transition: all 0.2s ease;
}
.hoveredBG {
    /*opacity:0.5;*/
}
.news-grid .thumbgrid-item.thumbgrid-small .image-container,
.thumb-grid .thumbgrid-item.thumbgrid-small .image-container {
    background: #ccc;
}
.news-grid .thumbgrid-item.thumbgrid-small:hover figure,
.thumb-grid .thumbgrid-item.thumbgrid-small:hover figure {
    opacity: 0;
}
.thumbgrid-item.thumbgrid-small .text-over {
    opacity: 0;
    transition: all 0.4s ease;
}
.thumbgrid-item.thumbgrid-small .inner .image-container:after {
    opacity: 0;
    transition: all 0.4s ease;
}
.thumbgrid-item.thumbgrid-small:hover .text-over,
.thumbgrid-item.thumbgrid-small:hover .inner .image-container:after {
    opacity: 1;
}

.logo-txt-center {
    text-align: center !important;
    color: #444 !important;
}
.shop-page,
.jobs-page {
    background: #e5e7bb;
    padding-top: 100px;
    padding-bottom: 75px;
}

.shop-content .shop-body {
    text-align: center;
}
.shop-list {
    display: block;
}
.shop-list:after {
    display: block;
    content: "";
    clear: both;
}
.shop-list .shop-product {
    display: block;
    position: relative;
    width: 49%;
    margin-bottom: 1%;
    background: #fff;
}
.shop-list .shop-product .image{
    padding: 30px;
}
.shop-list .shop-product img {
    width: 100%;
    height: auto;
}
.shop-list .shop-product img:hover {
    cursor: pointer;
}
.shop-list .shop-product.left {
    float: left;
}
.shop-list .shop-product.right {
    float: right;
}
.shop-list .shop-product .box {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #4d71b1;
    color: #fff;
    padding: 25px;
}
.shop-list .shop-product .box .close {
    display: block;
    position: absolute;
    top: 15px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
}
.shop-list .shop-product .box .close:after {
    display: block;
    font-size: 18px;
    font-family: "futura-pt", sans-serif;
    content: '\f00d';
    color: #fff;
}
.shop-list .shop-product.left .box .close {
    right: 15px;
}
.shop-list .shop-product.right .box .close {
    left: 15px;
}
.shop-list .shop-product .box .close:hover {
    cursor: pointer;
}
.shop-list .shop-product .box .box-content {
    display: block;
    padding: 10px 20px;
    line-height: 18px;
}

.shop-list .shop-product .box label {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 0;
}
.shop-list .shop-product .box input,
.shop-list .shop-product .box select {
    color: #000;
    padding: 7px 10px;
    border: none;
    background: #fff;
    min-width: 75px;
}
.shop-list .shop-product .box input[type=text],
.shop-list .shop-product .box input[type=email] {
    max-width: 200px;
    margin: 2px 0;
}
.shop-list .shop-product .box input[type=text].error,
.shop-list .shop-product .box input[type=email].error {
    background: #ffc1c1;
}
span.error {
    display: block;
    background: #ffd8d8;
    color: #cc0000;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.shop-list .shop-product .box .btn {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
    font-size: 18px;
}
.shop-list .shop-product .box .btn:hover {
    cursor: pointer;
}
@media (max-width: 1024px) {
    .shop-content {
        width: 100%;
    }
}
@media (max-width: 922px) {
    .shop-content {
        width: 100%;
    }
    .shop-list .shop-product {
        width: 99%;
    }
}
@media (max-width: 480px) {
    .shop-list .shop-product .box {
        padding: 0;
    }
}
.bottom-links {
    position: relative;
    display: inline-block;
    float: right;
    margin: 40px;
    padding: 0;
    list-style: none !important;
}
.bottom-links li {
    float: left;
    margin-right: 10px;
    font-size: 100% !important;
    line-height: 1.5;
}
.bottom-links li a {
    font-size: 0;
}
i.download-icon {
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #444;
    background: rgba(68, 68, 68, 0.1);
    transition: background .2s, color .2s;
}
i.download-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -2px;
    top: -2px;
    padding: 2px;
    border-radius: 50%;
    box-sizing: content-box;
    content: '';
    box-shadow: 0 0 0 1px rgb(255, 137, 0);
    transition: -webkit-transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
    opacity: 0;
}
i.download-icon:hover:after {
    -webkit-transform: scale(1);
    opacity: 1;
}
i.download-icon:hover {
    color: #fff;
    background: rgb(255, 137, 0);
}
/*------------------------------------*\
    Theme coloring
\*------------------------------------*/

.text-gipsen,
.text-hover-gipsen:hover {
    color: rgb(0, 158, 224);
}
.text-malen,
.text-hover-malen:hover {
    color: rgb(243, 153, 18);
}
.text-isolieren,
.text-hover-isolieren:hover {
    color: rgb(193, 2, 44);
}
.text-beraten,
.text-hover-beraten:hover {
    color: #9f9fa3;
}
.bg-gipsen,
.bg-hover-gipsen:hover {
    background: rgb(0, 158, 224) !important;
    color: #fefefe;
}
.bg-malen,
.bg-hover-malen:hover {
    background: rgb(243, 153, 18) !important;
    color: #fefefe !important;
}
.bg-isolieren,
.bg-hover-isolieren:hover {
    background: rgb(193, 2, 44) !important;
    color: #fefefe !important;
}
.bg-beraten,
.bg-hover-beraten:hover {
    background: #9f9fa3 !important;
    color: #fefefe !important;
}
.bg-gipsen .text-gipsen,
.bg-isolieren .text-isolieren,
.bg-malen .text-malen,
.bg-beraten .text-beraten,
.bg-hover-gipsen:hover .text-gipsen,
.bg-hover-isolieren:hover .text-isolieren,
.bg-hover-malen:hover .text-malen,
.bg-hover-beraten:hover .text-beraten {
    color: #fefefe !important;
}

.grayscale{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}



.featured-projects .featured-project-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

*, *:before, *:after {
    box-sizing: border-box;
}

user agent stylesheet
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
Inherited from section#featured-projects.module.featured-projects.intro.is-active

.featured-projects {
    text-transform: uppercase;
}

.featured-projects .featured-project {
    height: 90vh;
    position: relative;
    overflow: hidden;
    will-change: transform;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


*, *:before, *:after {
    box-sizing: border-box;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
Inherited from ul.featured-project-list

.featured-projects .featured-project-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.featured-projects .featured-project .inner {
    height: 90vh;
    position: relative;
}

element.style {
    background-image: url(http://einsundeins.stiegerbauten.ch/wp-content/uploads/2018/02/verdeblu.jpg);
    transform: translate3d(0px, 0px, 0px) scale(1.08721, 1.08721);
}

.featured-projects .featured-project .bg-image, .featured-projects .featured-project .hero .hero-bg, .hero .featured-projects .featured-project .hero-bg, .featured-projects .featured-project .page-news .news-entry .header-image, .page-news .news-entry .featured-projects .featured-project .header-image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    will-change: transform, filter, -webkit-filter;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bg-image-fill, .page-selector .bg-image, .bg-image, .hero .hero-bg, .page-news .news-entry .header-image, .carousel-full .carousel-item-list .carousel-item .bg-image, .carousel-home .carousel-item-list .carousel-item .bg-image, .carousel-full .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-full .carousel-item-list .carousel-item .hero-bg, .carousel-home .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-home .carousel-item-list .carousel-item .hero-bg, .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image, .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image {
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-center, .bg-image-fill, .page-selector .bg-image, .bg-image, .hero .hero-bg, .page-news .news-entry .header-image, .carousel-full .carousel-item-list .carousel-item .bg-image, .carousel-home .carousel-item-list .carousel-item .bg-image, .carousel-full .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-full .carousel-item-list .carousel-item .hero-bg, .carousel-home .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-home .carousel-item-list .carousel-item .hero-bg, .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image, .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image, .bg-image-contain {
    background-position: 50%;
}

.fullheight, .fullsize, .bg-image-fill, .page-selector .bg-image, .bg-image, .hero .hero-bg, .page-news .news-entry .header-image, .carousel-full .carousel-item-list .carousel-item .bg-image, .carousel-home .carousel-item-list .carousel-item .bg-image, .carousel-full .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-full .carousel-item-list .carousel-item .hero-bg, .carousel-home .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-home .carousel-item-list .carousel-item .hero-bg, .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image, .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image, .bg-image-contain {
    height: 100%;
}
.fullwidth, .fullsize, .bg-image-fill, .page-selector .bg-image, .bg-image, .hero .hero-bg, .page-news .news-entry .header-image, .carousel-full .carousel-item-list .carousel-item .bg-image, .carousel-home .carousel-item-list .carousel-item .bg-image, .carousel-full .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-full .carousel-item-list .carousel-item .hero-bg, .carousel-home .carousel-item-list .carousel-item .hero .hero-bg, .hero .carousel-home .carousel-item-list .carousel-item .hero-bg, .carousel-full .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-full .carousel-item-list .carousel-item .header-image, .carousel-home .carousel-item-list .carousel-item .page-news .news-entry .header-image, .page-news .news-entry .carousel-home .carousel-item-list .carousel-item .header-image, .bg-image-contain {
    width: 100%;
}

element.style {
    opacity: 0.579957;
}


.js.no-touchevents .featured-project .overlay {
    will-change: opacity;
}
cs
.featured-projects .featured-project .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
}

element.style {
    transform: matrix(1, 0, 0, 1, 0, 657);
}


.js.no-touchevents .featured-project.active .text-container {
    visibility: visible;
    opacity: 1;
}

.js.no-touchevents .featured-project .text-container {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    /*will-change: transform;*/
}

.featured-projects .featured-project .text-container {
    color: #121314;
}

.featured-projects .featured-project .text-container {
    left: 50px;
    right: auto;
}
@media only screen and (min-width: 768px)

.featured-projects .featured-project .text-container {
    left: auto;
    right: 50px;
    margin-right: 0;
}

.featured-projects .featured-project .text-container {
    position: absolute;
    color: #fff;
    top: 50px;
    left: 20px;
    margin-right: 20px;
}

.featured-projects .featured-project {
    height: 90vh;
    position: relative;
    overflow: hidden;
    will-change: transform;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.featured-projects .featured-project {
    height: 90vh;
    position: relative;
    overflow: hidden;
    will-change: transform;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


*, *:before, *:after {
    box-sizing: border-box;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
Inherited from ul.featured-project-list

.featured-projects .featured-project-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.featured-projects .featured-project-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.featured-projects {
    text-transform: uppercase;
}

element.style {
    margin-bottom: 0;
}


.featured-projects {
    text-transform: uppercase;
}
@media screen and (min-width: 768px)

.module {
    margin: 50px 0;
}

.featured-projects .featured-project .text-container .text {
    background-color: rgba(75,40,85,0.6);
}
@media only screen and (min-width: 768px)

.featured-projects .featured-project .text-container .text {
    min-width: 535px;
}
@media only screen and (min-width: 480px)

.featured-projects .featured-project .text-container .text {
    padding: 30px;
    margin-right: 67px;
}

.featured-projects .featured-project .text-container .text {
    display: inline-block;
    padding: 20px;
    margin-right: 41px;
    background-color: rgba(75,40,85,0.9);
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    word-break: break-word;
}

.projektundbau {
	padding-bottom: 100px;
}



/*prefooter*/


/*prefooter*/

i.download-icon {
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #444;
    background: rgba(68,68,68,0.1);
    transition: background .2s, color .2s;
}
i.download-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -2px;
    top: -2px;
    padding: 2px;
    border-radius: 50%;
    box-sizing: content-box;
    content: '';
    box-shadow: 0 0 0 1px rgb(255,137,0);
    transition: -webkit-transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
    opacity: 0;
}
i.download-icon:hover:after {
    -webkit-transform: scale(1);
    opacity: 1;
}
i.download-icon:hover {
    color: #fff;
    background: rgb(255,137,0);
}

.prefooter {
    background-color: #F8F7F4;
	height: 350px;
}

.prefooter--inner {
    position: relative;
    width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.download_teaser_slider {
    position: relative;
	background: #b4b4b4;
}

.slider.is-initialized {
    visibility: visible;
}

.download_teaser_slider--slider.download_teaser_slider--slider {
    max-width: 850px;
    margin: 0 auto;
}

.slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 50px 0;
    margin: 2.77778rem 0;
    visibility: hidden;
}

element.style {
    transform: translate3d(-867px, 0px, 0px);
    transition-duration: 0ms;
}

.slider-android .slider--slide, .slider--wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.slider--wrapper {
    position: relative;
    margin-right: -20px;
    height: 100%;
    z-index: 1;
    white-space: nowrap;
    text-align: center;
    font-size: 0.0001px;
}

.slider--slide.download_teaser_slider--slider--slide {
    width: 33.33%;
}

.download_teaser {
    text-align: center;
    padding: 10px;
}

.download_teaser--img_wrapper {
    text-align: center;
    display: inline-block;
    width: 80%;
    width: 80%;
    max-width: 110px;
    position: relative;
    margin-bottom: 15px;
    margin-bottom: .83333rem;
    z-index: 0;
    transition: -webkit-transform 2s cubic-bezier(0, 0.8, 0.26, 0.99);
    transition: transform 2s cubic-bezier(0, 0.8, 0.26, 0.99);
    transition: transform 2s cubic-bezier(0, 0.8, 0.26, 0.99), -webkit-transform 2s cubic-bezier(0, 0.8, 0.26, 0.99);
    overflow: hidden;
}

*, *::before, *::after {
    box-sizing: border-box;
}


.download_teaser {
    text-align: center;
    padding: 10px;
}
Inherited from li.download_teaser_slider--slider--slide.js-slider--slide.slider--slide

.slider--slide {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-size: 1rem;
    width: 100%;
    text-align: left;
    height: auto;
    position: relative;
    white-space: normal;
    padding-right: 20px;
}

Inherited from ul.download_teaser_slider--slider--list.js-slider--wrapper.slider--wrapper

.slider--wrapper {
    position: relative;
    margin-right: -20px;
    height: 100%;
    z-index: 1;
    white-space: nowrap;
    text-align: center;
    font-size: 0.0001px;
}

Inherited from div.download_teaser_slider--slider.js-slider.slider.swiper-container-horizontal.is-initialized

.slider.is-initialized {
    visibility: visible;
}

.download_teaser--img_wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    width: 90%;
    left: 5%;
    height: 100%;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
    z-index: -1;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.download_teaser--img_wrapper>img {
    display: block;
    width: 100%;
    transition: -webkit-transform 0.4s cubic-bezier(0.48, 0, 0.38, 1);
    transition: transform 0.4s cubic-bezier(0.48, 0, 0.38, 1);
    transition: transform 0.4s cubic-bezier(0.48, 0, 0.38, 1), -webkit-transform 0.4s cubic-bezier(0.48, 0, 0.38, 1);
}

.download_teaser--text {
    font-size: 15px;
    font-size: .83333rem;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.5;
    min-height: 3em;
    margin-bottom: 15px;
}

.button.button-light {
    background-color: #EAE9E2;
    color: #4b2855;
}

.button.button-icon .button--icon-hover {
    visibility: hidden;
    position: absolute;
    top: 4px;
}

.ico.ico-download {
    padding: 0 7px;
    margin: 0;
}

.ico {
    display: inline;
    display: -webkit-inline-box;
    min-height: 1ex;
    letter-spacing: -1ex;
    text-decoration: none;
    position: relative;
}

*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
i, cite, em, var, address, dfn {
    font-style: italic;
}
Inherited from a.button.button-icon.button-light.download_teaser--cta

.ico.ico-download {
    padding: 0 7px;
    margin: 0;
}

.ico {
    display: inline;
    display: -webkit-inline-box;
    min-height: 1ex;
    letter-spacing: -1ex;
    text-decoration: none;
    position: relative;
}

.button--icon_wrapper {
    display: inline-block;
    height: 0;
    position: relative;
}


*, *::before, *::after {
    box-sizing: border-box;
}



.button--icon_wrapper {
    display: inline-block;
    height: 0;
    position: relative;
}

.button {
    display: inline-block;
    padding: 13px 20px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 15px;
    font-size: .83333rem;
    line-height: 1;
    position: relative;
    z-index: 0;
    max-width: 100%;
    border: 0;
    color: #fff;
    background-color: #EAE9E2;
    text-align: center;
    border-radius: 30px;
}

.download_teaser_slider--button.download_teaser_slider--button-prev {
    left: 0;
}

.download_teaser_slider--button {
    position: absolute;
    top: 50%;
    height: 70px;
    margin-top: -35px;
    width: 50px;
}

.ico-download:after {
    background: url() no-repeat -169px -165px;
    width: 15px;
    height: 17px;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8.5px;
    left: 50%;
    margin-left: -7.5px;
}

button {
    cursor: pointer;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: transparent;
    -webkit-appearance: button;
    cursor: pointer;
    border: 0;
}

button, input, select, textarea {
    font-family: "futura-pt", sans-serif;
    font-size: 100%;
    margin: 0;
    line-height: normal;
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
    font: inherit;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
user agent stylesheet
button {
    -webkit-appearance: button;
}



*, *::before, *::after {
    box-sizing: border-box;
}


.download_teaser_slider--button {
    position: absolute;
    top: 50%;
    height: 70px;
    margin-top: -35px;
    width: 50px;
}

button {
    cursor: pointer;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: transparent;
    -webkit-appearance: button;
    cursor: pointer;
    border: 0;
}

button, input, select, textarea {
    font-family: "futura-pt", sans-serif;
    font-size: 100%;
    margin: 0;
    line-height: normal;
}

*, *::before, *::after {
    box-sizing: border-box;
}

user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}

user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
user agent stylesheet
button {
    -webkit-appearance: button;
}

Pseudo ::before element
*, *::before, *::after {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 50px 0;
    margin: 2.77778rem 0;
    visibility: hidden;
}

.slider--slide {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-size: 1rem;
    width: 100%;
    text-align: left;
    height: auto;
    position: relative;
    white-space: normal;
    padding-right: 20px;
	margin-top: 50px;
}


.download_teaser--img_wrapper {
    text-align: center;
    display: inline-block;
    width: 80%;
    width: 80%;
    max-width: 110px;
    position: relative;
    margin-bottom: 15px;
    margin-bottom: .83333rem;
    z-index: 0;
    transition: -webkit-transform 2s cubic-bezier(0, 0.8, 0.26, 0.99);
    transition: transform 2s cubic-bezier(0, 0.8, 0.26, 0.99);
    transition: transform 2s cubic-bezier(0, 0.8, 0.26, 0.99), -webkit-transform 2s cubic-bezier(0, 0.8, 0.26, 0.99);
    overflow: hidden;
}


.download_teaser--text {
    font-size: 15px;
    font-size: .83333rem;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.5;
    min-height: 3em;
    margin-bottom: 15px;
}

.button.button-light {
    background-color: #4b2855;
    color: #FFFFFF;
}

.button {
    display: inline-block;
    padding: 13px 20px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 15px;
    font-size: .83333rem;
    line-height: 1;
    position: relative;
    z-index: 0;
    max-width: 100%;
    border: 0;
    color: #fff;
    background-color: #4b2855;
    text-align: center;
    border-radius: 30px;
}


.slider.is-initialized {
    visibility: visible;
}

.slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 50px 0;
    margin: 2.77778rem 0;
    visibility: hidden;
}


.download_teaser_slider--button {
    position: absolute;
    top: 50%;
    height: 70px;
    margin-top: -35px;
    width: 50px;
}

button {
    cursor: pointer;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: transparent;
    -webkit-appearance: button;
    cursor: pointer;
    border: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    line-height: normal;
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
    font: inherit;
}


*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
user agent stylesheet
button {
    -webkit-appearance: button;
}
Inherited from body


.visuallyhidden, .toggle_button--input {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

*, *::before, *::after {
    box-sizing: border-box;
}
Inherited from button.download_teaser_slider--button.js-download_teaser_slider--button-prev.download_teaser_slider--button-prev.is-disabled

.is-disabled, *[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

button {
    cursor: pointer;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: transparent;
    -webkit-appearance: button;
    cursor: pointer;
    border: 0;
}



user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

.button::before, .button::after {
    background-color: #4b2855;
}

.button:before {
    top: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.button:before, .button:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #4b2855;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.plugin_multicolumn_image_teaser {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
    background-color: #F6F6F6;
}

.home_plugin {
    height: auto !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh !important;
}
.plugin {
    position: relative;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.plugin_multicolumn_image_teaser > .text, .plugin_multicolumn_image_teaser > div > .text {
    width: 38%;
    float: left;
    padding-right: 50px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background: #b4b4b4;
	height: 100%;
}



.plugin_multicolumn_image_teaser > .children, .plugin_multicolumn_image_teaser > div > .children {
    position: absolute;
    width: 62%;
    height: 100%;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.home_plugin .burger, .home_plugin .logo {
    display: block;
}

.home_plugin .burger {
    position: absolute;
}
.burger, .home_plugin .burger {
    z-index: 5;
    position: fixed;
    right: 40px;
    top: 30px;
    display: block;
    cursor: pointer;
    text-indent: -99999px;
    height: 60px;
    width: 60px;
}

.plugin_multicolumn_image_teaser {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
    background-color: #F6F6F6;
}

.home_plugin {
    height: auto !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh !important;
}
.plugin {
    position: relative;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.plugin_multicolumn_image_teaser > .text .container, .plugin_multicolumn_image_teaser > div > .text .container {
    float: right;
    width: 100%;
    max-width: 540px;
}

html.fp-enabled, .fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.plugin_multicolumn_image_teaser > .text p, .plugin_multicolumn_image_teaser > div > .text p {
    color: #ffffff;
	padding-right: 50px;
}

@media (max-width: 1200px), (max-height: 1000px)
.home_plugin p {
    font-size: 19.8px;
}
.home_plugin p {
    font-size: 22px;
	margin-top: 25px;
}


user agent stylesheet
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.plugin_multicolumn_image_teaser > .text .container, .plugin_multicolumn_image_teaser > div > .text .container {
    float: right;
    width: 100%;
    max-width: 440px;
}

.plugin_multicolumn_image_teaser > .text, .plugin_multicolumn_image_teaser > div > .text {
    width: 38%;
    float: left;
    padding-right: 50px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home_plugin .text {
    padding-top: 80px;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser {
    width: 25%;
    float: left;
    float: none;
    vertical-align: middle;
    position: relative;
}

.plugin {
    position: relative;
}

lement.style {
    background-image: url(/media/filer_public_thumbnails/filer_public/41/0e/410e61d5-96ca-4df4-9ac7-054ce696be8f/stadterneuerung.jpg__600x1300_q60_subsampling-2.jpg);
}
.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid white;
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}


.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image::after, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

element.style {
    background-image: url(/media/filer_public_thumbnails/filer_public/41/0e/410e61d5-96ca-4df4-9ac7-054ce696be8f/stadterneuerung.jpg__600x1300_q60_subsampling-2.jpg);
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid white;
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .text {
    margin-left: 3%;
    width: 86%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    color: white;
}

.home_plugin .text {
    padding-top: 80px;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .text, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .text {
    margin-left: 3%;
    width: 86%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    color: white;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .text, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .text {
    margin-left: 3%;
    width: 86%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

.home_plugin .text {
    padding-top: 80px;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser::after, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser {
    width: 25%;
    float: left;
    float: none;
    vertical-align: middle;
    position: relative;
}


.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid white;
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .text, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .text {
    margin-left: 3%;
    width: 86%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;

}

.home_plugin .text {
    padding-top: 80px;
}


.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser::after, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: white;
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image::after, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid white;
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .text, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .text {
    margin-left: 3%;
    width: 86%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    color: white;
}

.home_plugin .text {
    padding-top: 80px;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .text, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .text {
    margin-left: 3%;
    width: 86%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

/* new footer */

.site-footer {
    background-color: #4b2855;
    padding: 3em 0 2em;
    color: #fff;
    text-align: center;
}

@media (min-width: 54em)
.site-footer__navs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.site-footer__navs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 95%;
    margin: 0 auto;
}

.site-footer__nav {
    z-index: 2;
    position: relative;
}

.site-footer__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-unstyled, .list-vert {
    margin: 0 auto;
    padding-left: 0;
    list-style-type: none;
}

@media (min-width: 54em)
.site-footer__nav:first-child ul li:first-child {
    padding-left: 0;
}
@media (min-width: 91em)
.site-footer__nav:first-child ul li {
    padding: 0 1.75em;
}
.site-footer__nav:first-child ul li {
    padding: 0 1em;
}

.site-footer__nav ul a {
    position: relative;
    padding: 0.4em 0;
    font-size: .6em;
    color: #fff;
    text-decoration: none;
    line-height: inherit;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
}

.site-footer__nav ul a:after {
    content: '';
    position: absolute;
    bottom: -0.5em;
    left: 0;
    width: 1.5em;
    height: 1.5px;
    background-color: #fff;
    -webkit-transform: translateX(-108%);
    transform: translateX(-108%);
    opacity: 0;
    -webkit-transition: opacity 0.6s ease,-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.6s ease,-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.6s ease,transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.6s ease,transform 0.4s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.site-footer__nav ul a {
    font-family: "futura-pt", sans-serif;
    font-size: .7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

@media (min-width: 54em)
.site-footer__slogan {
    z-index: 0;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
}
.site-footer__slogan {
    font-size: .7em;
    margin: 0 auto;
}

.site-footer__slogan {
    font-family: "futura-pt", sans-serif;
    font-size: .7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.site-footer__nav {
    z-index: 2;
    position: relative;
}

.site-footer__nav ul a {
    position: relative;
    padding: 0.4em 0;
    font-size: .6em;
    color: #fff;
    text-decoration: none;
    line-height: inherit;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
}

.site-footer__aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.site-footer__logo {
    height: 2em;
    max-width: 5em;
    width: 5em;
    fill: #fff;
}

.scrolling-up .logo-svg, .scrolling-down .logo-svg {
    width: 6em;
    fill: #bbb;
    -webkit-transition: all 0.4s 0.4s ease;
    transition: all 0.4s 0.4s ease;
}
svg:not(:root) {
    overflow: hidden;
}

.svg {
	max-width: 100%;
	height: auto;
}

.site-footer address, .site-footer__copy {
    margin: 0 auto;
    color: rgba(255,255,255,0.5);
    font-family: "futura-pt", sans-serif;
    font-size: .6em;
}

.site-footer adress {
	text-transform: uppercase;
    letter-spacing: 0.15em;
}

address {
    font-style: normal;
}

.site-footer__copy {
    color: rgba(255,255,255,0.3);
}
.site-footer address, .site-footer__copy {
    margin: 0 auto;
    color: rgba(255,255,255,0.5);
    font-family: "futura-pt", sans-serif;
    font-size: .6em;
}

.site-footer__copy {
	text-transform: uppercase;
	letter-spacing: 0.15em
}

.bg-image.image-slider-item {
	height: 602px;
}
@media (max-width: 767px){
.bg-image.image-slider-item {
    height: 300px;
}
}


.modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba( 0, 0, 0, .8 );
  z-index: 100000;
	padding: 50px;
}

.modal p, .modal {
  color: #fff !important;
}

.modal-close-icon {
  position: absolute;
  font-size: 24px;
  top: -32px;
  right: 0;
  cursor: pointer;
}

.modal img {
	margin: 0 10px !important;
}

.modal-body {
	padding: 50px 0;
}

.modal strong {
	font-weight: bold !important;
}

.relative {
	position: relative;
}

.btn-open-modal {
  	padding: 15px 25px;
  	border: 1px solid white;
  	color: white !important;
  	transition: all .3s ease-in-out;
	text-decoration: none;
	font-weight: normal;
}

.btn-open-modal:hover {
  	background: #4b2855 !important;
  	color: white !important;
}

.clear-both-custom {
	clear: both;
	margin: 20px 0;
}




/* Dienstleistungen Neu*/

.primary-container {
    background: #fff;
}

.wrapper {
    width: 100%;
	height: 1000px;
    padding-left: 3em;
    padding-right: 3em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.primary-container .primary-head2 {
    text-align: center;
    text-transform: uppercase;
    color: #4b2855;
    font-style: normal;
    font-size: 44px;
	padding-top:150px;
}

ul.servicesMenu, ul.valuesMenu {
    display: block;
    text-align: center;
}

ul.servicesMenu li, ul.valuesMenu li {
    display: inline;
    white-space: nowrap;
}

ul.servicesMenu li a.activeItem, ul.valuesMenu li a.activeItem {
    color: white;
    background: #4b2855;
}

ul.servicesMenu li a, ul.valuesMenu li a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    font-weight: 300;
    padding: 10px;
    text-transform: uppercase;
    border: 3px solid #b4b4b4;
    margin: 10px 5px;
    min-width: 200px;
}

.wrapper .wrapper-18 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.wrapper-18 {
    padding-top: 38px;
    padding-bottom: 38px;
}
.centerDiv {
    text-align: center;
}
@media screen and (min-width: 800px)
.wrapper-18 {
    width: 74.53581%;
    float: left;
    margin-right: 1.85676%;
    margin-left: 12.7321%;
}

.serviceInfo {
    padding: 0px;
    padding-top: 40px;
}

.serviceInfo .infoMain {
    width: 100%;
    float: right;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 25px;
    text-align: center;
}

.serviceInfo .infoMain h3 {
    text-align: center;
    color: #4b2855;
    margin-bottom: 10px;
    font-size: 1.4em;
    font-style: normal;
}

.serviceInfo .infoMain p {
    margin-bottom: 15px;
	color: #787777;
}

.serviceInfo .infoMain span.feature {
    color: #ed9232;
    border-bottom: none;
}

.serviceInfo .infoMain span {
    padding-bottom: 3px;
    border-bottom: 2px solid #ed9232;
}

.int-head-secondary {
    padding: 75px 0px;
    text-align: center;
}

.int-head-secondary .wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	max-height:350px;
}



.int-head-secondary .wrapper-18 {
    padding-bottom: 38px;
}

.int-head-secondary h2 {
    color: #f6f6f6;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 28px;
    margin: 5px 0px;
	padding-top: 50px;
}

.int-head-secondary h3 {
    font-family: "Exo", sans-serif;
    font-style: italic;
    font-size: 44px;
}

.int-head-secondary h1, .int-head-secondary h3 {
    color: white;
    margin: 5px 0px;
}

.int-head-secondary p {
    color: white;
    font-size: 1.1em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-align: center;
    line-height: 1.5em;
    margin: 0px auto;
    margin-top: 30px;
    width: 100%;
}

.primary-container .primary-text {
    text-align: center;
}

.int-head-secondary p {
    color: white;
    font-size: 1.1em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-align: center;
    line-height: 1.5em;
    margin: 0px auto;
    margin-top: 30px;
    width: 100%;
}

.int-feature-container {
	background: URL('http://hostafile.ch/wp-content/uploads/2018/03/5-1.jpg');
	background-repeat: no-repeat;
	min-height: 250px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}


/*END Dienstleistungen New*/


/*Kontakt New*/

.primary-container .alt-bg1 {
    background: #e9e9e9 !important;
}

.wrapper {
    max-width: 75.4em;
    padding-left: 3em;
    padding-right: 3em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.wrapper .wrapper-18 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.primary-container .primary-head1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 0px;
    letter-spacing: 2px;
}


.primary-container .primary-head2 {
    text-align: center;
    text-transform: uppercase;
    color: #4b2855;
    font-style: normal;
    font-size: 44px;
}


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

.contact-box {
    width: 100%;
    float: right;
    margin-right: 0;
    float: left;
}
.contact-box {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

.contact-box .contact-left {
    width: 49.07162%;
    float: left;
    margin-right: 1.85676%;
    text-align: right;
    padding-right: 1.0em;
}
.contact-box .contact-left, .contact-box .contact-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.article {
	display: block;
}

.contact-box .contact-left div {
    display: inline-block;
}

.contact-box h3 {
    text-align: right;
    padding-bottom: 10px;
    color: #b3a278;
    font-family: "futura-pt", sans-serif;
    font-style: normal;
}

.contact-box .contact-left p, .contact-box .contact-right p {
    margin-bottom: 10px;
    line-height: 1.0em;
	color: black;
}

.contact-box .contact-left p span, .contact-box .contact-right p span {
    color: black;
    font-style: normal;
}

.contact-box .contact-right {
    width: 49.07162%;
    float: right;
    margin-right: 0;
    padding-left: 1.2em;
}

.proform_slider {
    margin-bottom: 0px !important;
}
.ccm-ui {
    margin: 0;
        margin-bottom: 0px;
    font-family: "futura-pt", sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
}
.proform_slider {
    margin-bottom: 35px;
    position: relative;
}
.proform_slider {
    position: relative;
}

ccm-ui {
    font-family: "futura-pt", sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
}

.ccm-ui input[type="hidden"] {
    display: none;
}
.primary-container form input, .primary-container form textarea {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 12px;
    border: none;
    background: #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #4b2855;
}
.ccm-ui input, .ccm-ui textarea, .ccm-ui .uneditable-input {
    margin-left: 0;
}
.ccm-ui input, .ccm-ui textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
}
.ccm-ui input, .ccm-ui textarea, .ccm-ui select, .ccm-ui .uneditable-input {
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ccm-ui input, .ccm-ui button, .ccm-ui select, .ccm-ui textarea {
    font-family: "futura-pt", sans-serif;
}
.ccm-ui label, .ccm-ui input, .ccm-ui button, .ccm-ui select, .ccm-ui textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
        margin-bottom: 0px;
        margin-left: 0px;
    vertical-align: baseline;
    *vertical-align: middle;
}
body, select, input, textarea, button {
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
}

.formContain .span12 {
    width: 49.07162%;
    float: left;
    margin-right: 1.85676%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 0px 10px;
}
.ccm-ui .span12 {
    width: 940px;
}
.ccm-ui [class*="span"] {
    float: left;
    margin-left: 20px;
}

.ccm-ui div.clearfix {
    padding-bottom: 18px;
}


.ccm-ui strong {
    font-weight: bold;
}

.primary-container form label {
    display: block;
    width: 100%;
}
.formContain label {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    color: #403631;
    cursor: default !important;
}
.ccm-ui label {
    display: block;
    margin-bottom: 5px;
    color: #333333;
}
.ccm-ui label, .ccm-ui input, .ccm-ui button, .ccm-ui select, .ccm-ui textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

.formContain .required {
    color: #ed9232;
}
.required {
    color: red;
    display: inline-block;
    padding-left: 6px;
    line-height: 22px;
    float: left;
    position: absolute;
    font-size: 22px;
}

.formContain .span12 {
    width: 49.07162%;
    float: left;
    margin-right: 1.85676%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 0px 10px;
}
.ccm-ui .span12 {
    width: 940px;
}
.ccm-ui [class*="span"] {
    float: left;
    margin-left: 20px;
}

/* nur bei Dienstleistungen */
.page-id-1285 .nav-transparent a.nav-item {
	color: #ffffff;
}

.page-id-1285 .nav-transparent a.nav-item.current {
	border-color: #ffffff;
}


.page-id-1985 .nav-transparent a.nav-item{
	color: #ffffff;
}

.page-id-1985 .nav-transparent a.nav-item.current{
	border-color: #ffffff;
}

.page-id-12 .nav-transparent a.nav-item{
	color: #ffffff;
}

.page-id-12 .nav-transparent a.nav-item.current {
	border-color: #ffffff;
}


.page-id-8 .nav-transparent a.nav-item{
	color: #ffffff;
}

.page-id-8 .nav-transparent a.nav-item.current {
	border-color: #ffffff;
}

.serviceInfo {
	display: none;
}

.serviceInfo.active {
	display: block;
}








/*End Kontakt New*/




/* Start services */

.hero-service-large {
	background-color: #e6e5e5 !important;
}

.hero-service-large .service_inner > h3 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #4b2855;
	font-family: futura-pt, sans-serif;
}

.darkgray_text p {
    color: #888;
}

.module-paragraph {
    background-position: center center;
    background-size: cover;
}

.asset-item {
	background-size: cover;
	background-position: center;
}

.module-one-asset-with-text {
  margin: 0;
}

.module-one-asset-with-text::after {
	clear: both;
	content: "";
	display: table
}

.module-one-asset-with-text img {
	visibility: hidden;
	width: 100%
}

.module-one-asset-with-text .module-item {
	background-repeat: no-repeat;
	background-size: auto 100%;
  position: relative;
}


.module-one-asset-with-text-full .module-item {
  background-size: cover;
  height: 100vh;
}

.visible-mobile {
  display: none !important;
}

.module-one-asset-with-text .module-item.hide-m {
	display: none
}
.module-one-asset-with-text .module-item.body-item .inner {
	padding: 20px;
	text-align: left
}
.module-one-asset-with-text .module-item .body-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	color: #fff;
	height: 100%
}
.module-one-asset-with-text .module-item .body-text .inner {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%
}
.module-one-asset-with-text .module-item .body-text h3 {
	display: table-cell;
	vertical-align: middle;
	padding: 40px;
	font-size: 24px;
	line-height: 1.2
}
.no-touchevents .module-one-asset-with-text .module-item.has-video .video-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}
.no-touchevents .module-one-asset-with-text .module-item.has-video .video-container video {
	position: absolute
}
@media screen and (min-width: 1024px) {
  .module-one-asset-with-text {
    display: table;
    table-layout: fixed;
    width: 100%
  }
  .module-one-asset-with-text .module-item {
    display: table-cell;
    vertical-align: top;
    width: 50%
  }
  .module-one-asset-with-text .module-item.body-item .inner {
    padding: 30px;
  }
}
@media screen and (min-width: 1400px) {
.module-one-asset-with-text .module-item {
	width: 50%;
}
.module-one-asset-with-text .module-item.hide-m {
	display: table-cell;
}
}

.module-one-asset-with-text .module-quote-content {
  margin-top: 25px;
  position: relative;
  margin-left: -50px;
  margin-bottom: 20px;
}


.btn-more {
  padding: 15px 25px;
  border: 3px solid #4b2855;
  color: #4b2855 !important;
  transition: all .3s ease-in-out;
	text-decoration: none;
}

.btn-more:hover {
  background: #4b2855 !important;
  color: #fff !important;
}

@media all and (max-width: 1024px) {
  .module-one-asset-with-text-full {
    display: block;
  }

  .module-one-asset-with-text-full .module-item {
    display: block !important;
    height: auto !important;
  }

  .module-one-asset-with-text-full .module-item .body-text {
    position: static !important;
  }

  .hero-service-large {
    height: auto !important;
    overflow: hidden !important;
  }

  .visible-mobile {
    display: block !important;
  }

  .module-item.hidden-mobile {
    display: none !important;
  }

  .hidden-mobile {
    display: none !important;
  }

  .service_inner {
    padding: 15px !important;
    margin-top: 15px !important;
  }
.plugin_multicolumn_image_teaser > .text, .plugin_multicolumn_image_teaser > div > .text,
.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser {
	height: auto !important;
	width: 100% !important;
	float: none !important;
	display: block !important;
}

.plugin_multicolumn_image_teaser > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > div > .children .plugin_column_image_teaser .image, .plugin_multicolumn_image_teaser > .children, .plugin_multicolumn_image_teaser > div > .children .image {
	display: block !important;
	position: absolute !important;
	width: 100% !important;
}

	.plugin_multicolumn_image_teaser .text {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.plugin_multicolumn_image_teaser > .text .container, .plugin_multicolumn_image_teaser > div > .text .container {
		float: none !important;
	}

	.plugin_multicolumn_image_teaser > .children {
		display: block !important;
		position: static !important;
		width: 100% !important;
	}

	.children .image {
		position: absolute !important;
  }

  .intro-container .intro, .intro-container .intro .blue-thing, .intro-container .intro .full-height {
    height: auto !important;
  }

  .plugin_multicolumn_image_teaser {
    height: auto !important;
    display: block !important;
  }

  .section-about .about-content-container {
    position: static;
    transform: none;
  }

  .download_teaser_slider--slider--list::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
  }

  .plugin_multicolumn_image_teaser > .text {
    padding-bottom: 50px;
  }

  .homepage .full-height {
    height: auto !important;
    position: static;
  }

  .homepage {
    padding: 0;
  }

  .blue-thing-box {
    position: static !important;
    margin-left: 0;
    left: 0;
    padding: 10px !important;
    float: none !important;
    width: auto !important;
    top: 0;
  }

  .blue-thing-box::after {
    clear: both;
    content: "";
    display: block;
  }

  .intro-container .intro .blue-thing-content {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    float: none !important;
  }

  .homepage > .bg-gray {
    background: rgba( 0, 0, 0, .45 );
    padding-top: 72px;
  }

  .homepage .vcenter {
    top: 0 !important;
    transform: none !important;
  }

  .intro-container .intro .blue-thing-title {
    float: none !important;
  }

  .slider-home {
    position: relative !important;
  }

  .module-one-asset-with-text .module-quote-content {
    margin-left: 10px;
    margin-right: 10px;
  }

  .module-quote-inline {
    margin-left: 0;
  }

  .body-item .text-right {
    text-align: left !important;
  }

  .inner.text-right {
    text-align: left;
  }
}

.referenzen-titel {
	background: #b4b4b4;
	width: 100%
	height: 100px;
}

#UnserePartner {
	padding: 0 !important;
}

#UnserePartner .module-content {
    padding: 0 !important;
}

#UnserePartner .module-content > .inner {
    margin: 0 !important;
    background-color: #e7e7e7;
}

#UnserePartner .module-content > .inner h2,
#UnserePartner .module-content > .inner h3,
#UnserePartner .module-content > .inner p,
#UnserePartner .module-content > .inner h4 {
    color: #444;
	font-family: "futura-pt", sans-serif;
}

.partner-image {
    margin: 0 !important;
}

body.kontakt .prefooter {
    display: none;
}

body.kontakt .wpcf7-form p {
    color: #b4b4b4;
}

body.kontakt .wpcf7-submit {
    width: auto !important;
    display: inline-block !important;
    padding: 15px 25px;
    border: 3px solid #4b2855;
    color: #4b2855 !important;
    transition: all .3s ease-in-out;
    text-decoration: none;
    background: transparent !important;
}

body.kontakt .wpcf7-submit {
    background: #4b2855 !important;
    color: #fff !important;
}

.wpcf7-not-valid-tip {
    color: #d46363;
}


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

    .nav-header {
        overflow: visible;
    }

    .nav-header .nav-header-container {
        display: none;
        background: #4b2855 !important;
    }

    .showing-menu .nav-header-container {
        display: block;
    }

    .showing-menu #main, .showing-menu .footer {
        display: block;
    }

    .nav-header .nav-main {
        height: auto;
        background: #4b2855 !important;
    }

    .nav-header .nav-main a {
        border: none !important;
    }

    .contact-box .contact-right,
    .contact-box .contact-left {
        float: none;
        width: auto;
    }

    .teams-item > img {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .teams-item .boxed-content {
        left: 0 !important;
        max-width: none !important;
        height: auto !important;
        padding-top: 15px !important;
    }

    .prefooter {
        display: none !important;
    }

    body {
        overflow-x: hidden !important;
    }

}

.module hero hero-large hero-large-custom align-center contain-text {
	height: 1155px;
}

/*
{list-style-image:url('http://hostafile.ch/wp-content/uploads/2018/05/Element-1.png');
position:relative;
	padding-left: 30px;
}*/

/*li {
    list-style-type: none;
    padding-left: 20px;
    margin-left: 25px;
    background-image:url('http://hostafile.ch/wp-content/uploads/2018/05/Element-1.png');
    background-repeat:no-repeat;
    background-position:left center;
} */

.carousel-home .carousel-item-list .carousel-item {
	-webkit-filter: grayscale(100%);
}

nav.nav-secondary {
    background-color: #b4b4b4;
    padding: 0 10px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1009;
    vertical-align: middle;
    margin-top: -55px;
}

nav.nav-secondary .nav-item {
	font-size: 15px;
    margin: 0 10px;
    border-bottom: 1px solid transparent;
    display: inline-block;
    text-decoration: none;
    line-height: 1.5;
    letter-spacing: 1px;
    color: inherit;
	vertical-align: top;
	margin-top: 12px;
}

nav.nav-secondary .nav-item.active {
  border-bottom-color: white;
}

.vc_gitem-zone-img {
    width: 100%;
    display: block;
    visibility: hidden;
    height: 200px !important;
}

div#silder_top1 {
    top: -255px;
}

.vc_gitem-zone {
    position: relative;
    background-clip: border-box;
    overflow: inherit !important;
	z-index:0;
}

.vc_row.wpb_row.vc_row-fluid.img2.vc_custom_1528194843809 h4 {
    text-align: center !important;
    margin-top: -127px;
    z-index: 1000 !important;
    color: #fff;
}

.vc_row.wpb_row.vc_row-fluid.img2.vc_custom_1528194843809 .vc_btn3-container.vc_btn3-left {
    display: none;
}
.vc_row.wpb_row.vc_row-fluid.img2.vc_custom_1528194843809 a {
    background-color: #0e0e0e52;
}

.vc_row.wpb_row.vc_row-fluid.img2.vc_custom_1528194843809 a:hover {
    background-color: #4b2855bf;
}
.vc_custom_1419328663991 {

    height: 0px;
}

#hero.hero-large {
	height: 100vh !important;
}

@media all and (max-width: 1024px) {
	.module .row, .container > .row {
		border: none !important;
	}

	.btn-more {
		background: #4b2855 !important;
		color: #fff !important;
	}

	.module-bottom-image {
		display: none !important;
	}

	.module-body {
		margin-bottom: 0 !important;
	}
}

.project-detail .hero-title br {
	display: none !important;
}

p {hyphens: auto;}