@import url("//hello.myfonts.net/count/33081c");

.footer {
    zoom: 1
}

.footer:after, .footer:before {
    content: "";
    display: table
}

.footer:after {
    clear: both
}

@font-face {
    font-family: 'DINCondensed-Light';
    src: url('fonts/33081C_0_0.eot');
    src: url('fonts/33081C_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/33081C_0_0.woff2') format('woff2'), url('fonts/33081C_0_0.woff') format('woff'), url('fonts/33081C_0_0.ttf') format('truetype'), url('fonts/33081C_0_0.svg#wf') format('svg');
}

html {
    background-color: #46433D;
}

body {
    font-family: 'DIN Next W02', 'DIN Next W02_n1', sans-serif;
    text-rendering: optimizeLegibility;
    display: none;
}

@media only screen {
    .reveal-text {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all 350ms ease-out;
        transition: all 350ms ease-out
    }
}

@media only screen {
    .reveal-text--active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.no-csstransitions .reveal-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.grid {
    margin: 0 auto;
    max-width: 72em;
    padding: 0 1em;
}

@media only screen and (min-width: 40em) {
    .grid {
        padding: 0 8em;
    }
}

.concept .grid {
    max-width: 74.8em;
}

.concept .grid .interlude__text {
    max-width: 45em;
}

.homes .grid .interlude__text {
    max-width: 36em;
}

.header {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #67645B;
    background-image: -webkit-radial-gradient(50% 111%, #716E65 47%, #67645B 100%);
    background-image: radial-gradient(50% 111%, #716E65 47%, #67645B 100%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100vh;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.no-flexbox.no-flexboxlegacy .header {
    display: table;
    width: 100%
}

.header__scroll-link {
    position: absolute;
    bottom: 3.75em;
    left: 0;
    width: 100%;
    height: 2em;
    text-align: center;
    /*margin-left: -13px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
}

@media only screen and (min-width: 40em) {
    .header__scroll-link {
        bottom: 5.75em
    }
}

.header__scroll-image {
    -webkit-animation-name: scroll-arrow;
    animation-name: scroll-arrow;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.header.front .header__logo-container {
    display: none;
}

.header.front .header__logo-container .header__logo {
    position: static;
    left: 0;
    opacity: 1;
}

.no-flexbox.no-flexboxlegacy .header__logo-container {
    display: table-cell;
    vertical-align: middle
}

.no-cssanimations .header.front .logo {
    display: none;
}

@-webkit-keyframes scroll-arrow {
    /*0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    70% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    78% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    88% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 1;
    }*/
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50%, 60%, 65% {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes scroll-arrow {
    /*0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    70% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    78% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    88% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 1;
    }*/
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50%, 60%, 65% {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.main {
    position: relative;
    z-index: 2
}

.footer {
    background-color: #3A3734;
    padding: 3.25em 2em;
    text-align: center
}

@media only screen and (min-width: 40em) {
    .footer {
        padding: 1.5em 2em 1.25em
    }
}

.footer__copyright {
    color: #928D87;
    font-size: .75em
}

@media only screen and (min-width: 40em) {
    .footer__copyright {
        float: left
    }
}

.icon-navigation__bottom, .icon-navigation__middle, .icon-navigation__top {
    fill: #F5F5F5;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.icon-navigation__top {
    -webkit-transform: translateY(0) rotateZ(0deg);
    transform: translateY(0) rotateZ(0deg);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease
}

.navigation-button--active .icon-navigation__top {
    -webkit-transform: translateY(5px) rotateZ(45deg);
    transform: translateY(5px) rotateZ(45deg)
}

.icon-navigation__middle {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease
}

.navigation-button--active .icon-navigation__middle {
    opacity: 0
}

.icon-navigation__bottom {
    -webkit-transform: translateY(0) rotateZ(0deg);
    transform: translateY(0) rotateZ(0deg);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease
}

.navigation-button--active .icon-navigation__bottom {
    -webkit-transform: translateY(-5px) rotateZ(-45deg);
    transform: translateY(-5px) rotateZ(-45deg)
}

.interlude {
    background-color: #46433D;
    padding: 4.25em 0 3.5em;
    text-align: center
}

@media only screen and (min-width: 40em) {
    .interlude {
        padding: 6.5em 0
    }
}

.interlude__title {
    color: #B1A79E;
    font-family: 'DINCondensed-Light', sans-serif;
    font-size: 1.0625em;
    font-weight: 100;
    letter-spacing: .2em;
    line-height: 1;
    margin-bottom: 1.1em;
    text-transform: uppercase
}

@media only screen and (min-width: 40em) {
    .interlude__title {
        font-size: 2.25em
    }
}

.interlude__text {
    color: #B1A79E;
    font-family: 'DIN Next W02', 'DIN Next W02_n1', sans-serif;
    font-size: .875em;
    letter-spacing: .025em;
    line-height: 1.25;
    margin: 0 auto;
    max-width: 18em
}

@media only screen and (min-width: 40em) {
    .interlude__text {
        font-size: 1.625em;
        line-height: 1.5;
        max-width: 28em;
    }
}

.interlude__link {
    color: #B1A79E;
    display: inline-block;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: .5625em;
    letter-spacing: .25em;
    margin-top: 4em;
    padding: 0 .75em;
    text-transform: uppercase;
    -webkit-transition: color 100ms ease, -webkit-transform 50ms linear;
    transition: color 100ms ease, -webkit-transform 50ms linear;
    transition: color 100ms ease, transform 50ms linear
}

@media only screen and (min-width: 40em) {
    .interlude__link {
        margin-top: 6em;
        font-size: .625em
    }
}

.interlude__link:hover {
    color: #d3cdc8
}

.interlude__link:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.navigation-button {
    cursor: pointer;
    height: 2em;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 1em;
    top: 1em;
    width: 2em;
    z-index: 9000
}

@media only screen and (min-width: 40em) {
    .navigation-button {
        display: none
    }
}

.navigation {
    background-color: #3A3734;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    text-align: right;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity 500ms ease-out, -webkit-transform 0ms 500ms linear;
    transition: opacity 500ms ease-out, -webkit-transform 0ms 500ms linear;
    transition: opacity 500ms ease-out, transform 0ms 500ms linear;
    width: 100%;
    z-index: 8999
}

@media only screen and (min-width: 40em) {
    .navigation {
        background-color: transparent;
        display: block;
        height: auto;
        opacity: 1;
        overflow: visible;
        padding: 1em 2em;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: none;
        transition: none
    }
}

.navigation--active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 500ms ease-out, -webkit-transform 0ms linear;
    transition: opacity 500ms ease-out, -webkit-transform 0ms linear;
    transition: opacity 500ms ease-out, transform 0ms linear
}

.navigation-main {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 2.75em 0
}

@media only screen and (min-width: 40em) {
    .navigation-main {
        display: inline-block;
        padding: 0
    }
}

.navigation-main__item {
    display: block;
    margin-bottom: 1em;
    text-align: center
}

@media only screen and (min-width: 40em) {
    .navigation-main__item {
        display: inline-block;
        margin-left: 2em
    }
}

.navigation-main__item:last-child {
    margin-bottom: 0
}

.navigation-main__link {
    color: rgba(255, 255, 255, .6);
    display: inline-block;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: .5625em;
    letter-spacing: .15em;
    line-height: 1em;
    padding: .5em;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color 300ms linear, -webkit-transform 50ms linear;
    transition: color 300ms linear, -webkit-transform 50ms linear;
    transition: color 300ms linear, transform 50ms linear
}

@media only screen and (min-width: 40em) {
    .navigation-main__link {
        font-size: .625em
    }
}

.navigation-main__link:hover {
    color: #fff;
    -webkit-transition: color 60ms linear, -webkit-transform 50ms linear;
    transition: color 60ms linear, -webkit-transform 50ms linear;
    transition: color 60ms linear, transform 50ms linear
}

.navigation-main__link:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

@media only screen and (min-width: 40em) {
    .navigation-main__link--language {
        color: rgba(255, 255, 255, .3)
    }
}

.navigation-main__link--active {
    color: #fff;
    opacity: 1
}

.navigation-homes-button {
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    display: none;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: .625em;
    letter-spacing: .15em;
    line-height: 1;
    margin-left: 3em;
    outline: 0;
    padding: .5em;
    text-transform: uppercase;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.navigation-homes-button .active {
    display: none;
}

.navigation-homes-button--active .default {
    display: none;
}

.navigation-homes-button--active .active {
    display: inline-block;
}

@media only screen and (min-width: 40em) {
    .navigation-homes-button {
        display: inline-block;
        position: relative;
    }
}

.navigation-homes-button:hover {
    color: #fff;
    -webkit-transition: color 60ms linear;
    transition: color 60ms linear
}

.navigation-homes-button__icon {
    display: inline-block;
    margin-left: .75em;
    position: relative;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navigation-homes-button__icon > path {
    fill: rgba(255, 255, 255, .6);
    -webkit-transition: fill 300ms linear;
    transition: fill 300ms linear
}

.navigation-homes-button:hover .navigation-homes-button__icon > path {
    fill: #fff;
    -webkit-transition: fill 60ms linear;
    transition: fill 60ms linear
}

.navigation-homes {
    opacity: 0;
    -webkit-transform: translateY(2%);
    -ms-transform: translateY(2%);
    transform: translateY(2%);
    -webkit-transition: opacity 300ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 300ms cubic-bezier(.55, .055, .675, .19);
    transition: opacity 300ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 300ms cubic-bezier(.55, .055, .675, .19);
    transition: opacity 300ms cubic-bezier(.55, .055, .675, .19), transform 300ms cubic-bezier(.55, .055, .675, .19)
}

@media only screen and (min-width: 40em) {
    .navigation-homes {
        background-color: #3A3734;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: opacity 300ms ease-out, -webkit-transform 0ms 300ms linear;
        transition: opacity 300ms ease-out, -webkit-transform 0ms 300ms linear;
        transition: opacity 300ms ease-out, transform 0ms 300ms linear;
        width: 100%;
    }
}

@media only screen and (max-width: 40em) {
    .navigation--active .navigation-homes {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 500ms 100ms cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform 500ms 100ms cubic-bezier(.215, .61, .355, 1);
        transition: transform 500ms 100ms cubic-bezier(.215, .61, .355, 1)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes--active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 300ms ease-out, -webkit-transform 0ms linear;
        transition: opacity 300ms ease-out, -webkit-transform 0ms linear;
        transition: opacity 300ms ease-out, transform 0ms linear
    }
}

.navigation-homes__item {
    border-top: 1px solid #4E4B46
}

@media only screen and (min-width: 40em) {
    .navigation-homes__item {
        border-top: 0;
        float: left;
        height: 60%;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        width: 50%
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__item:first-child {
        border-right: 1px solid #4E4B46
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__item:last-child {
        border-top: 1px solid #4E4B46;
        height: 40%;
        width: 100%
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__item:nth-child(1) > .navigation-homes__link {
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes--active .navigation-homes__item:nth-child(1) > .navigation-homes__link {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__item:nth-child(2) > .navigation-homes__link {
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes--active .navigation-homes__item:nth-child(2) > .navigation-homes__link {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__item:nth-child(3) > .navigation-homes__link {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes--active .navigation-homes__item:nth-child(3) > .navigation-homes__link {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.navigation-homes__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    padding: 1.5em;
    text-align: center;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform 400ms cubic-bezier(.25, .46, .45, .94);
    transition: transform 400ms cubic-bezier(.25, .46, .45, .94)
}

.no-flexbox.no-flexboxlegacy .navigation-homes__link {
    display: table;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 40em) {
    .navigation-homes__link:after {
        background-position: center center;
        background-size: cover;
        bottom: 0;
        content: '';
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: opacity 300ms cubic-bezier(.215, .61, .355, 1), -webkit-transform 25s linear;
        transition: opacity 300ms cubic-bezier(.215, .61, .355, 1), -webkit-transform 25s linear;
        transition: opacity 300ms cubic-bezier(.215, .61, .355, 1), transform 25s linear
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__link:hover:after {
        opacity: 1;
        /*-webkit-transform: scale3d(1.15, 1.15, 1);
        transform: scale3d(1.15, 1.15, 1)*/
        animation: slideshow-scale 25s linear forwards;
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__link--anfos:after {
        background-image: url(../img/anfos-01.jpg)
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__link--miro:after {
        background-image: url('../img/miro-08.jpg')
    }
}

@media only screen and (min-width: 40em) {
    .navigation-homes__link--coming-soon:after {
        background-image: url('../img/homes-menu-upcoming.jpg');
        background-position: center 65%
    }
}

.no-flexbox.no-flexboxlegacy .navigation-homes__container {
    display: table-cell;
    vertical-align: middle
}

.navigation-homes__title {
    color: #fff;
    display: block;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    margin-bottom: .5em;
    text-transform: uppercase
}

@media only screen and (min-width: 40em) {
    .navigation-homes__title {
        margin-bottom: .572em;
        font-size: 2.625em
    }
}

.navigation-homes__subtitle {
    color: #B1A79E;
    display: block;
    font-size: .625em;
    text-transform: uppercase
}

@media only screen and (min-width: 40em) {
    .navigation-homes__subtitle {
        font-size: 1.625em
    }
}

.navigation-footer {
    list-style: none;
    margin-bottom: 1.5em
}

@media only screen and (min-width: 40em) {
    .navigation-footer {
        margin-bottom: 0;
        margin-right: -1em;
        float: right
    }
}

@media only screen and (min-width: 40em) {
    .navigation-footer__item {
        display: inline-block;
        margin-left: 1em
    }
}

.navigation-footer__link {
    color: #716C65;
    display: inline-block;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: .625em;
    letter-spacing: .075em;
    padding: .15em .5em;
    text-transform: uppercase;
    -webkit-transition: color 300ms linear, -webkit-transform 50ms linear;
    transition: color 300ms linear, -webkit-transform 50ms linear;
    transition: color 300ms linear, transform 50ms linear
}

.navigation-footer__link--contact {
    color: #BCB7AF
}

.navigation-footer__link:hover {
    color: #fff;
    -webkit-transition: color 60ms linear, -webkit-transform 50ms linear;
    transition: color 60ms linear, -webkit-transform 50ms linear;
    transition: color 60ms linear, transform 50ms linear
}

.navigation-footer__link--active {
    color: #fff;
}

.navigation-footer__link:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.newsletter {
    background-color: #46433D;
    padding: 2.75em 1em 7em;
    text-align: center
}

@media only screen and (min-width: 40em) {
    .newsletter {
        padding: 4.75em 0 9.25em
    }
}

.newsletter__header {
    margin-bottom: 3.2em
}

@media only screen and (min-width: 40em) {
    .newsletter__header {
        margin-bottom: 4.5em
    }
}

.newsletter__title {
    color: #B1A79E;
    font-family: 'DINCondensed-Light', sans-serif;
    font-size: 1.0625em;
    font-weight: 100;
    letter-spacing: .2em;
    line-height: 1;
    margin-bottom: 1.1em;
    text-transform: uppercase
}

@media only screen and (min-width: 40em) {
    .newsletter__title {
        font-size: 2.25em
    }
}

.newsletter__subtitle {
    color: #B1A79E;
    font-family: 'DIN Next W02', 'DIN Next W02_n1', sans-serif;
    font-size: .875em;
    letter-spacing: .025em;
    line-height: 1.25;
    margin: 0 auto;
    max-width: 16em;
}

@media only screen and (min-width: 40em) {
    .newsletter__subtitle {
        font-size: 1.625em;
        line-height: 1.5;
        max-width: 30em;
    }
}

.newsletter-form {
    display: block;
    margin: 0 auto;
    max-width: 25em;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 40em) {
    .newsletter-form {
        padding: 0
    }
}

.newsletter-form__input-container {
    position: relative;
    z-index: 2
}

.newsletter-form__input {
    border-bottom: 1px solid #615E56;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: .75em;
    line-height: 1;
    outline: 0;
    padding-bottom: 1em;
    -webkit-transition: border-color 150ms ease-out;
    transition: border-color 150ms ease-out;
    width: 100%
}

@media only screen and (min-width: 40em) {
    .newsletter-form__input {
        font-size: 1em
    }
}

.newsletter-form__input:invalid, .newsletter-form__input:valid {
    box-shadow: none;
    outline: 0
}

.newsletter-form--submitted .newsletter-form__input {
    opacity: 0
}

.newsletter-form__input-container:hover > .newsletter-form__input {
    border-color: #A19E95
}

.newsletter-form__label {
    color: #B1A79E;
    cursor: text;
    font-size: .75em;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 2px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

@media only screen and (min-width: 40em) {
    .newsletter-form__label {
        font-size: 1em
    }
}

.newsletter-form__input-container:hover > .newsletter-form__label {
    color: #fff
}

.newsletter-form__input--has-value + .newsletter-form__label, .newsletter-form__input:focus + .newsletter-form__label {
    opacity: 0;
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px)
}

.newsletter-form__submit {
    color: #B1A79E;
    cursor: pointer;
    font-size: .5625em;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    letter-spacing: .15em;
    outline: 0;
    padding: 0 1em;
    position: absolute;
    right: -.5em;
    text-transform: uppercase;
    top: -4px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
    z-index: 2
}

@media only screen and (min-width: 40em) {
    .newsletter-form__submit {
        font-size: .625em;
        right: 0;
        top: 0
    }
}

.newsletter-form__submit:hover {
    color: #fff;
    -webkit-transition: color 60ms linear;
    transition: color 60ms linear
}

.newsletter-form__submit span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, transform 250ms ease-out
}

.newsletter-form__submit--active > span {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity 250ms ease-in, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in, transform 250ms ease-in
}

.newsletter-form__submit .icon-email {
    display: block;
    fill: #B1A79E;
    left: 50%;
    margin: -16px 0 0 -16px;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.newsletter-form__submit--active > .icon-email {
    opacity: 0;
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1);
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out
}

.newsletter-form--submitted .newsletter-form__submit {
    opacity: 0
}

.newsletter-form__message {
    color: #B1A79E;
    font-size: .75em;
    left: 0;
    line-height: 1;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 2px;
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    width: 100%
}

.newsletter-form--error .newsletter-form__message--error {
    opacity: 1;
    top: 40px;
    color: #FFF;
}

@media only screen and (min-width: 40em) {
    .newsletter-form__message {
        font-size: 1em
    }

    .newsletter-form--error .newsletter-form__message--error {
        top: 52px;
    }
}

.newsletter-form--submitted > .newsletter-form__message--success {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.newsletter-form__input-container:hover + .newsletter-form__submit > .icon-email {
    fill: #fff
}

input::-ms-clear {
    display: none
}

.slideshow {
    background-color: #46433D;
    position: relative;
    text-align: center
}

.slideshow__body {
    position: relative;
    overflow: hidden;
}

.slideshow__body:after, .slideshow__body:before {
    background-color: rgba(0, 0, 0, .4);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1px;
    content: '';
    height: 4em;
    left: 50%;
    margin: -2em 0 0 -2em;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 4em;
    z-index: 2
}

@media only screen and (min-width: 40em) {
    .slideshow__body:after, .slideshow__body:before {
        height: 8em;
        margin: -4em 0 0 -4em;
        width: 8em
    }
}

.slideshow__body:after {
    background-image: url(../img/icon-play.svg)
}

.slideshow__body:before {
    background-image: url(../img/icon-pause.svg)
}

.slideshow--pause .slideshow__body:before, .slideshow--play .slideshow__body:after {
    -webkit-animation-name: slideshow-controls;
    animation-name: slideshow-controls;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.slideshow__title {
    color: #fff;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 6px 8px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 40em) {
    .slideshow__title {
        font-size: 5em;
        text-shadow: 0 6px 8px rgba(0, 0, 0, .05)
    }
}

.slideshow__title--show {
    -webkit-animation: slideshow-title;
    animation: slideshow-title;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.slideshow__title > span {
    display: block;
    font-family: 'DINCondensed-Light', sans-serif;
    font-size: .65em;
    font-weight: 200;
    margin-bottom: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .5)
}

@media only screen and (min-width: 40em) {
    .slideshow__title > span {
        font-size: .325em;
        text-shadow: 0 2px 10px rgba(0, 0, 0, .5)
    }
}

.slideshow__list {
    margin: 0
}

.slideshow__item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    height: 56.25vw;
    overflow: hidden;
    position: relative
}

@-webkit-keyframes slideshow-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1) rotateZ(0deg);

    }
    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15) rotateZ(0.01deg);
    }
}

@keyframes slideshow-scale {
    0% {
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);

    }
    100% {
        -moz-transform: scale(1.15) rotate(0.01deg);
        -ms-transform: scale(1.15) rotate(0.01deg);
        -webkit-transform: scale(1.15) rotate(0.01deg);
        transform: scale(1.15) rotate(0.01deg);
    }
}

.slideshow__item.slide-animation {
    -webkit-animation: slideshow-scale linear 25s forwards;
    animation: slideshow-scale linear 25s forwards;
}

.slideshow__footer {
    padding: .75em 0
}

@media only screen and (min-width: 40em) {
    .slideshow__footer {
        padding: 2em 0
    }
}

.slideshow__control {
    color: #B1A79E;
    cursor: pointer;
    display: inline-block;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: .5625em;
    letter-spacing: .25em;
    outline: 0;
    padding: 0 .75em;
    text-transform: uppercase;
    -webkit-transition: color 100ms ease, -webkit-transform 50ms linear;
    transition: color 100ms ease, -webkit-transform 50ms linear;
    transition: color 100ms ease, transform 50ms linear
}

@media only screen and (min-width: 40em) {
    .slideshow__control {
        font-size: .625em
    }
}

.slideshow__control:hover {
    color: #d3cdc8
}

.slideshow__control:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.slideshow__control[disabled] {
    color: #B1A79E;
    opacity: .2
}

@-webkit-keyframes slideshow-title {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-42%);
        transform: translateY(-42%)
    }
    25% {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    75% {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-58%);
        transform: translateY(-58%)
    }
}

@keyframes slideshow-title {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-42%);
        transform: translateY(-42%)
    }
    25% {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    75% {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-58%);
        transform: translateY(-58%)
    }
}

@-webkit-keyframes slideshow-controls {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(.95, .95, 1);
        transform: scale3d(.95, .95, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes slideshow-controls {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(.95, .95, 1);
        transform: scale3d(.95, .95, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.slick-next, .slick-prev {
    bottom: 0;
    height: 100%;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-transform: translate3d(0, 0, 1);
    transform: translate3d(0, 0, 1);
    width: 56px;
    z-index: 5
}

@media only screen and (min-width: 40em) {
    .slick-slider:hover .slick-next, .slick-slider:hover .slick-prev {
        opacity: 1
    }
}

.slick-next:before, .slick-prev:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    height: 2em;
    left: 50%;
    margin: -1em 0 0 -1em;
    opacity: .6;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    width: 2em;
    z-index: -1
}

.slick-next:hover:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-prev {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .2), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2), transparent);
    left: 0
}

.slick-prev:focus, .slick-prev:hover {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .2), transparent) !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2), transparent) !important
}

.slick-prev:before {
    background-image: url(../img/icon-prev.svg)
}

.slick-next {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .2), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .2), transparent);
    right: 0
}

.slick-next:focus, .slick-next:hover {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .2), transparent) !important;
    background-image: linear-gradient(to left, rgba(0, 0, 0, .2), transparent) !important
}

.slick-next:before {
    background-image: url(../img/icon-next.svg)
}

body {
    background-color: #46433D;
    color: #B1A79E;
}

abbr[title] {
    border-bottom: none
}

#__bs_notify__ {
    background-color: #1a1a1a !important;
    border-radius: 0 !important;
    bottom: 0;
    top: auto !important
}

.footer__imprint__container {
    display: block;
    margin-top: 40px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1.2s ease-in-out;
    transition: max-height 1.2s ease-in-out;
}

.footer__imprint__container.active {
    max-height: 800px;
}

.content-page {
    width: 100%;
    background: #3A3734;
    text-align: center;
    padding: 140px 0;
}

@media only screen and (min-width: 40em) {
    .content-page {
        padding: 140px 8em;
    }
}

.content-page h2 {
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 60px;
    font-size: 22px;
    letter-spacing: 1.32px;
    line-height: 28px;
}

.content-page h2 small {
    font-family: 'DINCondensed-Light';
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 5px;
    line-height: 25px;
}

.content-page h3 {
    font-family: 'Gotham A', 'Gotham B', sans-serif;

    font-weight: normal;
    color: #FFFFFF;

    text-transform: uppercase;

    font-size: 14px;
    letter-spacing: 1.21px;
    line-height: 70px;
    margin-bottom: 47px;
}

.content-page h4 {
    font-family: 'DINCondensed-Light';
    color: #B1A79E;
    margin-top: 1.5em;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 3px;
    line-height: 24px;
}

.content-page h4:first-of-type {
    margin-top: 0;
}

.content-page p {
    margin: 0 auto 1.5em auto;
    opacity: 0.6;
    font-family: 'DIN Next W02', 'DIN Next W02_n1', sans-serif;
    color: #B1A79E;
    font-size: 14px;
    letter-spacing: 0.46px;
    line-height: 18px;
    max-width: 236px;
}

.content-page a, .content-page .phone {
    color: #FFFFFF;
}

.content-page .contact-form {
    max-width: 263px;
    margin: 0 auto;
    padding-top: 1.6em;
    padding-bottom: 35px;
}

@media only screen and (min-width: 40em) {
    .content-page h2 {
        font-size: 40px;
        letter-spacing: 3px;
        line-height: 54px;
    }

    .content-page h2 small {
        font-size: 26px;
    }

    .content-page h3 {
        font-size: 23px;
        letter-spacing: 2px;
        margin-bottom: 81px;
    }

    .content-page h4 {
        font-size: 24px;
        letter-spacing: 7px;
        line-height: 36px;
    }

    .content-page p {
        font-size: 26px;
        letter-spacing: 0.86px;
        line-height: 36px;
        max-width: 980px;
    }

}

@media only screen and (min-width: 50em) {
    .content-page h2 {
        font-size: 50px;
    }

    .content-page h4 {
        font-size: 36px;
        line-height: 55px;
    }

    .content-page .contact-form {
        max-width: 400px;
    }

}

/* mobile */

/** Forms **/
.contact-form {
    position: relative;
}

.contact-form .input-container {
    position: relative;
    margin-bottom: 20px;
}

.contact-form input {
    border-bottom: 1px solid #615E56;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 24px;
    outline: 0;
    padding-bottom: 1em;
    -webkit-transition: border-color 150ms ease-out;
    transition: border-color 150ms ease-out;
    width: 100%;
}

.contact-form input:invalid, .contact-form input:valid {
    box-shadow: none;
    outline: 0;
}

.contact-form label {
    color: #B1A79E;
    cursor: text;
    left: 0;
    position: absolute;
    top: 2px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    font-size: 12px;
    line-height: 24px;
}

.contact-form input.has-value + label, .contact-form input:focus + label {
    opacity: 0;
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
}

.contact-form .input-container .icon-email {
    display: none;
    fill: #B1A79E;
    right: 0;
    margin: -16px 0 0 -16px;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.contact-form .input-container.focus .icon-email {
    display: inline-block;
}

.contact-form .input-container:hover input {
    border-color: #A19E95;
}

.contact-form .input-container:hover label {
    color: #fff;
}

.contact-form button[type="submit"] {
    color: #B1A79E;
    cursor: pointer;
    font-size: .5625em;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    letter-spacing: .15em;
    outline: 0;
    padding: 0 1em;
    position: absolute;
    right: -.5em;
    text-transform: uppercase;
    top: -4px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
    z-index: 2;
}

@media only screen and (min-width: 40em) {
    .contact-form input, .contact-form label {
        font-size: 1em;
        line-height: 1;
    }
}

.contact-form button[type="submit"] span {
    display: inline-block;
    opacity: 0.4;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 250ms ease-out, transform 250ms ease-out;
}

.contact-form.is-valid button[type="submit"] span {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity 250ms ease-in, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in, transform 250ms ease-in;
}

.contact-form .message-success {
    color: #B1A79E;
    left: 0;
    line-height: 1;
    opacity: 0;
    position: absolute;
    text-align: center;
    bottom: 2px;
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    width: 100%;
    z-index: -1;
}

.contact-form .message-error {
    color: #fff;
    left: 0;
    line-height: 1;
    opacity: 1;
    position: absolute;
    text-align: center;
    bottom: -10px;
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    width: 100%;
    z-index: -1;
    font-size: 12px;
}

@media only screen and (min-width: 40em) {
    .contact-form .message-error {
        font-size: 1em;
    }
}

.contact-form.is-submitted input,
.contact-form.is-submitted label,
.contact-form.is-submitted button {
    opacity: 0;
}

.contact-form.is-submitted .message-success {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
}

.contact-form.has-error-fields .message-error-fields {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
}

.contact-form.has-error-email .message-error-email {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
    line-height: 1.3em;
    bottom: -20px;
}

.contact-form button[type="submit"] {
    top: auto;
    bottom: 10px;
}

/* Sections */

header.concept h2 {
    font-family: 'DIN Next W02', 'DIN Next W02_n1', sans-serif;
    font-size: 14px;
    letter-spacing: .025em;
    line-height: 20px;
    max-width: 22em;
    margin-top: -40%;
    text-transform: none;
    color: #C6BDB3;
}

header.concept h2 small {
    font-family: 'DINCondensed-Light';
    display: inline-block;
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 100;
    letter-spacing: 7px;
    line-height: 24px;
    color: #C6BDB3;
    text-transform: uppercase;
}

@media only screen and (min-width: 40em) {
    header.concept h2 small {
        font-size: 36px;
        line-height: 1;
    }

    header.concept h2 {
        font-size: 26px;
        line-height: 39px;
        max-width: 17em;
        letter-spacing: 1px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 58em) {
    header.concept h2 small {
        max-width: 39em;
    }

    header.concept h2 {
        max-width: 39em;
    }
}

/*@media only screen and (min-width: 75em) {
    header.concept h2 {
        max-width: 33em;
    }
}*/

.no-flexbox header.concept h2 {
    margin: 0 auto;
}

.info-tiles .tiles-grid {
    padding: 80px 40px 40px 40px;
    max-width: 74em;
    margin: 0 auto;
}

@media only screen and (min-width: 40em) {
    .info-tiles .interlude__text {
        max-width: 37em;
    }
}

.info-tiles .close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    /*display: none;*/
}

.info-tiles ul {
    position: relative;
    list-style-type: none;
    float: left;
    width: 100%;
}

.info-tiles ul li {
    float: left;
    width: 33%;
    border: 1px solid #615D55;
    text-align: center;
}

.info-tiles ul li h3 {
    height: 100%;
    font-family: DINCondensed-Light;
    font-size: 31px;
    color: #F2EFED;
    letter-spacing: 6.02px;
    line-height: 30px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

@media only screen and (min-width: 40em) {
    .info-tiles ul li h3:hover {
        background-color: #423E38;
    }

    .info-tiles.upcoming ul li h3:hover {
        background: none;
    }

    .info-tiles.interlude {
        padding: 6.5em 0 3.5em;
    }

    .info-tiles.interlude.upcoming {
        padding: 6.5em 0;
    }
}

.info-tiles ul li .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 32, 29, 1);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border: 1px solid #42413D;
    opacity: 0;
    z-index: -1;
}

.info-tiles ul li.active .layer {
    opacity: 1;
    z-index: 10000;
}

.info-tiles ul li .layer h4 {
    margin: 70px 0 67px 0;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: 64px;
    color: #E2DFDC;
    letter-spacing: 5px;
    line-height: 66px;
    text-transform: uppercase;
}

.info-tiles ul li .layer p {
    max-width: 900px;
    margin: 0 auto;
    font-family: "DIN Next W02";
    font-size: 26px;
    color: #B1A79E;
    letter-spacing: 0.86px;
    line-height: 34px;
}

.info-tiles ul li .layer .close-layer {
    position: absolute;
    bottom: 50px;
    width: 100%;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: 10px;
    color: #C2BCBC;
    letter-spacing: 1.42px;
    line-height: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.info-tiles ul li .layer .close-layer:hover {
    color: #FFFFFF;
}

.info-tiles.upcoming ul li h3 {
    cursor: default;
    color: #B1A79E;
}

.info-tiles .tiles-slick {
    /*height: 350px;*/
}

.info-tiles .tiles-slick .slick-slide {
    overflow: hidden;
}

.info-tiles .tiles-slick .image {
    width: 90%;
    height: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 10px auto;
}

@media only screen and (min-width: 40em) {
    .info-tiles .tiles-slick .image {
        width: 100%;
        height: 150px;
        background-size: contain;
    }
}

@media only screen and (min-width: 44.43em) {
    .info-tiles .tiles-slick .image {
        width: 100%;
        height: 225px;
    }
}

@media only screen and (min-width: 62.5em) {
    .info-tiles .tiles-slick .image {
        width: 100%;
        height: 290px;
    }
}

@media only screen and (min-width: 73em) {
    .info-tiles .tiles-slick .image {
        width: 900px;
        height: 400px;
        margin: 0 auto;
    }
}

.info-tiles .tiles-slick .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    text-align: center;
}

.info-tiles .tiles-slick .slick-dots li {
    width: 6px;
    height: 6px;
    border: 1px solid #5C554F;
    background-color: #5C554F;
    border-radius: 3px;
    float: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.info-tiles .tiles-slick .slick-dots li button:before {
    opacity: 0;
}

.info-tiles .tiles-slick .slick-dots li:hover {
    border: 1px solid #D8D8D8;
    background-color: #D8D8D8;
}

.info-tiles .tiles-slick .slick-dots li.slick-active {
    border: 1px solid #D8D8D8;
    background-color: #D8D8D8;
}

.footer-logo {
    padding: 4em 0;
    text-align: center;
}

.footer-logo img {
    width: 139px;
    height: 67px;
}

@media only screen and (min-width: 40em) {
    .footer-logo {
        padding: 9.3em 0;
    }

    .footer-logo img {
        width: 270px;
        height: 130px;
    }
}

/* Homes */
header.homes {
    position: relative;
    overflow: hidden;
}

header.homes .homes-startimage {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    animation: slideshow-scale linear 25s forwards;
}

header.homes.anfos .homes-startimage {
    background-image: url('../img/homes/anfos/Anfos_13_1920.jpg');
}

header.homes.miro .homes-startimage {
    background-image: url('../img/homes/miro/miro8_05_1920.jpg');
}

header.homes.upcoming .homes-startimage {
    background-image: url('../img/miro-02.jpg');
}

header.homes .header-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    padding-top: 30px;
    background-color: #67645b;
    color: #FFFFFF;
    text-align: center;
    -webkit-transform: translateY(75px);
    -ms-transform: translateY(75px);
    transform: translateY(75px);
    -webkit-animation: homes-intro 1s forwards;
    animation: homes-intro 1s forwards;
}

header.homes .header-container .location {
    font-family: "DIN Next W02";
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.86px;
    line-height: 39px;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (min-width: 40em) {
    header.homes .header-container {
        height: 150px;
        padding: 39px 32px 0 53px;
    }

    header.homes .header-container .location {
        padding-top: 18px;
    }
}

@media only screen and (min-width: 46em) {
    header.homes .header-container {
        height: 150px;
        padding: 39px 32px 0 53px;
        text-align: left;
    }

    header.homes .header-container .location {
        font-size: 14px;
        float: right;
        margin-top: 21px;
        padding-top: 0;
    }
}

@media only screen and (min-width: 53em) {
    header.homes .header-container .location {
        font-size: 20px;
    }
}

header.homes .header-container h1 {
    margin: 0;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: 50px;
    color: #FFFFFF;
    letter-spacing: 3.57px;
    line-height: 70px;
    text-transform: uppercase;
    float: left;
}

@-webkit-keyframes homes-intro {
    0% {
        -webkit-transform: translateY(75px);
        transform: translateY(75px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes homes-intro {
    0% {
        -webkit-transform: translateY(75px);
        transform: translateY(75px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

header.homes .header-content {
    opacity: 0;
    -webkit-animation: homes-intro-content 1.2s forwards;
    animation: homes-intro-content 1.2s forwards;
}

.no-cssanimations header.homes .header-content {
    opacity: 1;
}

@-webkit-keyframes homes-intro-content {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes homes-intro-content {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.clearboth {
    clear: both;
}

@media only screen and (max-width: 1000px) {

    .info-tiles ul li h3 {
        font-size: 20px;
        padding: 0 10px;
    }

    .info-tiles ul li .layer h4 {
        margin: 20px 0;
        font-size: 30px;
    }

    .info-tiles ul li .layer p {
        max-width: 90%;
        font-size: 16px;
    }

    .info-tiles ul li .layer .close-layer {
        bottom: 20px;
    }

}

@media only screen and (max-width: 710px) {
    .info-tiles ul li .layer p {
        line-height: 24px;
    }
}

@media only screen and (max-width: 39.9em) {

    .info-tiles .tiles-grid {
        float: none;
        padding: 40px 0;
    }

    .info-tiles ul {
        width: 100%;
    }

    .info-tiles ul li {
        float: none;
        width: 100%;
        border: 1px solid #615D55;
        text-align: center;
        max-width: 260px;
        margin: 0 auto;
    }

    .info-tiles ul li .layer {
        position: static;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .8s ease;
        transition: max-height .8s ease;
        background: none;
    }

    .info-tiles ul li.active {
        background: rgba(32, 32, 29, 0.96);
    }

    .info-tiles ul li.active .layer {
        max-height: 710px;
        border-top: 0;
    }

    .info-tiles ul li h3 {
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 1.42px;
        line-height: 91px;
        text-shadow: 0 6px 7px rgba(0, 0, 0, 0.14);
    }

    .info-tiles ul li.active h3 {
        font-family: 'Gotham A', 'Gotham B', sans-serif;
    }

    .info-tiles.upcoming ul li.active {
        background: none;
    }

    .info-tiles.upcoming ul li.active h3 {
        font-family: 'DINCondensed-Light', sans-serif;
    }

    .info-tiles ul li .layer h4,
    .info-tiles ul li .layer .close-layer {
        display: none;
    }

    .info-tiles ul li .layer p {
        max-width: 210px;
        margin: 0 auto;
        padding-bottom: 50px;
        font-size: 14px;
        color: #B1A79E;
        letter-spacing: 0.46px;
        line-height: 18px;
    }

    .info-tiles .tiles-slick {
        height: auto;
    }

    header.homes .header-container h1 {
        font-size: 25px;
        letter-spacing: 1.78px;
        line-height: 30px;
        float: none;
    }

    .concept .grid .interlude__text {
        max-width: 18em;
        line-height: 1.4em;
    }

    .concept .grid .interlude__text.larger {
        max-width: 18.6em;
    }

    .concept .interlude__title {
        max-width: 19em;
        margin: 0 auto 1.1em auto;
        line-height: 1.4em;
    }
}

.slideshow__subtitle {
    color: #fff;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 6px 8px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 40em) {
    .slideshow__subtitle {
        font-size: 5em;
        text-shadow: 0 6px 8px rgba(0, 0, 0, .05)
    }
}

.slideshow__subtitle--show {
    -webkit-animation: slideshow-title;
    animation: slideshow-title;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    animation-delay: .5s;
}

.slideshow__subtitle > span {
    display: block;
    font-family: 'DINCondensed-Light', sans-serif;
    font-size: .65em;
    font-weight: 200;
    margin-bottom: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .5)
}

@media only screen and (min-width: 40em) {
    .slideshow__subtitle > span {
        font-size: .325em;
        text-shadow: 0 6px 10px rgba(0, 0, 0, .2);
    }
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.header.front .logo {
    position: relative;
    width: 200px;
    margin-top: -60%;
}

@media only screen and (min-width: 40em) {
    .header.front .logo {
        margin-top: -18%;
    }
}

.header.front img {
    position: absolute;
    left: 50%;
    opacity: 0;
}

.header.front .header__scroll-image {
    position: static;
}

.header.front .top {
    width: 74px;
    top: 3px;
    margin-left: -37px;
}

.header.front .line {
    width: 193px;
    height: 1px;
    top: 73px;
    margin-left: -96px;
}

.header.front .bottom {
    width: 193px;
    top: 82px;
    margin-left: -96px;
}

@media only screen and (min-width: 40em) {
    .header.front .logo {
        width: 400px;
    }

    .header.front img {
        position: absolute;
        left: 50%;
    }

    .header.front .top {
        top: 0;
        width: auto;
        margin-left: -73px;
    }

    .header.front .line {
        top: 140px;
        width: auto;
        height: auto;
        margin-left: -193px;
    }

    .header.front .bottom {
        top: 157px;
        width: auto;
        margin-left: -193px;
    }

}

@-webkit-keyframes header-logo-top {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes header-logo-top {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes header-logo-secondary {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes header-logo-secondary {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.header.front.front-animation .top {
    -webkit-animation: header-logo-top 3s forwards;
    animation: header-logo-top 3s forwards;
}

.header.front.front-animation .line,
.header.front.front-animation .bottom {
    -webkit-animation: header-logo-secondary 3s forwards;
    animation: header-logo-secondary 3s forwards;
}

.homes-link.interlude__link {
    margin-top: 64px;
}

.cta {
    text-align: center;
}

.cta .interlude__link {
    margin: 0;
    padding: 0;
}

.lights-section {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (min-width: 40em) {
    .lights-section .interlude__text {
        max-width: 39em;
    }
}

.concept-alternate .interlude__text {
    font-size: 23px;
    letter-spacing: 0.76px;
    line-height: 34px;
}

.concept-alternate .footer__copyright {
    font-size: 12px;
    color: #B1A79E;
    letter-spacing: 0.97px;
}

.lights-container {
    position: relative;
    margin: 4em 0;
    overflow: hidden;
}

.lights-container > * {
    position: absolute;
}

.lights-container img {
    width: 100%;
    height: auto;
}

.lights-container .daylight {
    position: relative;
    overflow: visible !important;
    border-right: 3px solid #fff;
    box-shadow: 6px -6px 10px rgba(73, 73, 73, 0.3) inset;
}

.lights-container .daylight .daylight-wrapper {
    overflow: hidden;
}

.lights-container .arrow {
    position: absolute;
    top: 48%;
    width: 26px;
    height: 46px;
    margin-top: -23px;
}

.lights-container .arrow.left {
    right: 4px;
    background: transparent url('../img/daylight-arrow-left.svg') no-repeat center;
}

.lights-container .arrow.right {
    right: -30px;
    background: transparent url('../img/daylight-arrow-right.svg') no-repeat center;
}

.lights-container .touch-area {
    position: absolute;
    width: 180px;
    height: 100%;
    top: 0;
    right: -90px;
}

.lights-container.no-touch .arrow,
.lights-container.no-touch .touch-area {
    display: none;
}

@media only screen and (min-width: 40em) {
    .lights-container .daylight {
        border-right: 6px solid #fff;
    }
}

.placeholder {
    margin: 6px 0;
}

.placeholder p {
    font-family: DINCondensed-Light;
    font-size: 12px;
    color: #B1A79E;
    letter-spacing: 2px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (min-width: 40em) {
    .placeholder {
        margin: 20px 0 30px 0;
    }

    .placeholder p {
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 320px) and (max-height: 400px) {
    .navigation-main {
        padding: 2em 0;
        -webkit-box-flex: 0;
        flex-grow: 0;
    }

    .navigation-homes__link {
        padding: .5em;
    }

    .header__scroll-link {
        bottom: 0;
    }
}

@media only screen and (orientation: landscape) and (max-width: 39.9em) {
    .header.front .logo {
        margin-top: -30%;
    }

    .navigation {
        display: block;
    }

    .navigation .navigation-main {
        width: 45%;
        float: left;
    }

    .navigation .navigation-homes {
        width: 45%;
        float: left;
    }

    .navigation .navigation-homes .navigation-homes__item:first-of-type {
        border-top: 0;
    }

    header.concept h2 {
        margin-top: -40px;
        max-width: 26em;
    }
}

@media only screen and (orientation: landscape) and (max-width: 46em) {
    .navigation-homes__title {
        margin-bottom: 10px;
    }

    .navigation-homes__subtitle {
        font-size: 14px;
    }

    header .header__scroll-link {
        bottom: 0;
    }

    header.concept h2 {
        max-width: 28em;
    }

    /*header.concept h2 small {
        font-size: 12px;
        letter-spacing: 2.3px;
        line-height: 15px;
    }*/

}

sup {
    font-size: 0.8em;
}