/*
Theme Name: suravista
Author: Anja
Version: 1.0
*/
:root {
    --vh-offset: 0px;
    --hero2-background: #BCBCBC;
    --hero2-color: #fff;
    --hero2-padding: 111px 0 125px 0;
    --wincasa-alarm-button-background: #45282A;
}
@font-face {
    src: url("fonts/AvenirNextLTPro-Regular/font.eot");
    font-family: 'AvenirNextLTPro-Regular';
    src: url("fonts/AvenirNextLTPro-Regular/font.woff2") format('woff2'), url("fonts/AvenirNextLTPro-Regular/font.woff") format('woff'), url("fonts/AvenirNextLTPro-Regular/font.ttf") format('truetype');
}
@font-face {
    src: url("fonts/AvenirNextLTPro-Demi/font.eot");
    font-family: 'AvenirNextLTPro-Demi';
    src: url("fonts/AvenirNextLTPro-Demi/font.woff2"), url("fonts/AvenirNextLTPro-Demi/font.woff"), url("fonts/AvenirNextLTPro-Demi/font.ttf") format('truetype');
}
@font-face {
    src: url("fonts/AscenderSerifWXX-Bold/font.eot");
    font-family: 'AscenderSerifWXX-Bold';
    src: url("fonts/AscenderSerifWXX-Bold/font.woff2") format('woff2'), url("fonts/AscenderSerifWXX-Bold/font.woff") format('woff'), url("fonts/AscenderSerifWXX-Bold/font.ttf") format('truetype');
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}
.whg:hover {
    text-decoration: none!important;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.um-notice {
	display: none;
}
.um-field-area {
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin-right:7px!important
}
.subscribe-form .um-field-private .um-field-half {
  float:left;
  width:auto;
  margin-right:20px
}
.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    /*cursor: -webkit-zoom-out;*/
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    /*cursor: -webkit-zoom-in;*/
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    /*cursor: -webkit-grab;*/
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    /*cursor: -webkit-grabbing;*/
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #005677;
    --swiper-navigation-size: 80px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.kontakt-info {
	margin-bottom: 15px;
}

.kontakt-info p,
.kontakt-info a {
	margin-bottom: 5px!important;
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    /*-ms-scroll-snap-type: x mandatory;*/
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    /*-ms-scroll-snap-type: y mandatory;*/
    scroll-snap-type: y mandatory
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
	bottom: -30px;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

ul.doc {
    margin: 0 0 1.35em;
    padding: 0;
    width: 100%
}

ul.doc li {
    display: block;
    width: 100%;
    list-style: none;
    padding: .4725em 0;
    margin: 0;
    border-bottom: 1px solid rgba(171,174,161,.15)
}

ul.doc li.first {
    border-top: 1px solid rgba(171,174,161,.15)
}

a.download {
    color: #005677;
    display: inline-block;
    width: 100%;
    line-height: 1.89em;
    height: 1.89em;
    padding-left: 2.295em;
    background-repeat: no-repeat;
    background-size: 1.89em 1.89em;
    background-image: url(../images/svg/default.svg)
}

a.download:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
    color: #004058
}

a.download.pdf,a.download[href$=".pdf"],a.download[href$=".PDF"] {
    background-image: url(../images/svg/pdf.svg)
}

a.download.doc,a.download[href$=".doc"],a.download[href$=".DOC"],a.download[href$=".docx"],a.download[href$=".docX"],a.download[href$=".DOCX"] {
    background-image: url(../images/svg/doc.svg)
}

a.download.xls,a.download[href$=".xls"],a.download[href$=".XLS"],a.download[href$=".xlsx"],a.download[href$=".XLSX"] {
    background-image: url(../images/svg/xls.svg)
}

a.download.jpg,a.download[href$=".gif"],a.download[href$=".GIF"],a.download[href$=".jpg"],a.download[href$=".JPG"],a.download[href$=".JPNG"],a.download[href$=".jpng"],a.download[href$=".png"],a.download[href$=".PNG"] {
    background-image: url(../images/svg/jpg.svg)
}

a.download.pps,a.download[href$=".pps"],a.download[href$=".PPS"],a.download[href$=".ppsx"],a.download[href$=".PPSX"],a.download[href$=".ppt"],a.download[href$=".PPT"],a.download[href$=".pptx"],a.download[href$=".PPTX"],a.download[href$=".XLS"] {
    background-image: url(../images/svg/ppt.svg)
}

a.download.archive,a.download[href$=".gz"],a.download[href$=".GZ"],a.download[href$=".gzip"],a.download[href$=".GZIP"],a.download[href$=".zip"],a.download[href$=".ZIP"] {
    background-image: url(../images/svg/zip.svg)
}

.typography {
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35
}

.typography strong {
    font-family: AvenirNextLTPro-Demi
}

.typography em {
    font-style: italic
}

.typography p {
    font-size: 1em;
    margin: 0 0 1.35em
}

.typography hr {
    border: 0;
    border-bottom: 1px solid rgba(171,174,161,.15);
    clear: both;
    height: 0;
    padding: calc(.675em - 1px) 0 0;
    margin: 0 0 .675em
}

.typography a:not([class]) {
    font-family: AvenirNextLTPro-Demi;
    color: #7f9851;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.typography a:not([class]):after {
    content: "";
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -1px;
    position: absolute;
    background-color: #7f9851
}

.typography a:not([class]):hover:after {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: expand;
    animation-name: expand
}

.typography ol,.typography ul {
    margin: 0 0 1.35em 1.35em;
    padding: 0 0 0 1.35em
}

.typography ol li,.typography ul li {
    line-height: 1.35;
    padding: 0 0 0 .675em;
    font-size: 1em
}

.typography ul {
    list-style-type: disc
}

.typography ol {
    list-style-type: decimal
}

.typography dl {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto .675em 0;
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35
}

@media (min-width: 0) and (max-width:979px) {
    .typography dl {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.typography dl dt {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 40px
}

.typography dl dd {
    -ms-flex: 1 1 calc(100% - 40px);
    flex: 1 1 calc(100% - 40px);
    margin-left: .675em
}

.typography p+ol,.typography p+ul {
    margin-top: -.675em
}

.typography h1,.typography h2,.typography h3,.typography h4 {
    margin: 0 0 .675em
}

.typography h1 {
    font-size: 3em;
    font-family: AscenderSerifWXX-Bold;
    letter-spacing: .04em;
    line-height: 1.2;
    color: #005677
}

@media (min-width: 0) and (max-width:639px) {
    .typography h1 {
        font-size:1.41em
    }
}

.typography h2 {
    font-size: 1.68em;
    font-family: AvenirNextLTPro-Demi;
    color: #7f9851
}

@media (min-width: 0) and (max-width:639px) {
    .typography h2 {
        font-size:1.2em
    }
}

.typography h3 {
    color: #7f9851
}

.typography h3,.typography h4 {
    font-size: 1em;
    font-family: AvenirNextLTPro-Demi
}

.typography h4 {
    margin-bottom: 0
}

.typography pre {
    font-family: Courier New,Courier,monospace;
    display: block;
    font-size: 1.1em;
    padding: .675em
}

.typography table {
    width: 100%;
    margin: 0 0 1.35em;
    border-collapse: collapse
}

.typography table tr td {
    font-size: .8em;
    padding: .1em .2em .2em;
    vertical-align: top;
    border-top: 1px solid rgba(171,174,161,.15);
    border-bottom: 1px solid rgba(171,174,161,.15)
}

.typography table tr td:nth-of-type(2n) {
    text-align: right
}

.typography table tr:last-of-type td {
    border-bottom: none
}

.typography table tr:first-of-type td {
    border-top: none
}

.typography .text-left {
    text-align: left
}

.typography .text-center {
    text-align: center
}

.typography .text-right {
    text-align: right
}

.typography img {
    border: none;
    max-width: 100%;
    height: auto;
    margin-bottom: .675em
}

.typography img.right {
    text-align: right;
    margin-left: .675em
}

.typography img.left {
    text-align: left;
    margin-right: .675em
}

.typography img.leftAlone {
    margin-right: 100%;
    display: table
}

.typography img.rightAlone {
    margin-left: 100%;
    display: table
}

.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: table
}

.typography div.embed {
    width: auto!important;
    margin-bottom: 1.35em
}

.typography div.embed>p {
    padding: .675em;
    background-color: #f6f6f6;
    font-size: .8em;
    display: table;
    width: 100%
}

.typography .split-2 {
    margin-bottom: 1.35em
}

.typography .split-2 p {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .typography .split-2 {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2.7em;
        -moz-column-gap: 2.7em;
        column-gap: 2.7em
    }
}

.typography blockquote {
    margin-bottom: 1.35em;
    margin-left: 2.025em;
    border: 0;
    padding: 0
}

.typography blockquote p:after,.typography blockquote p:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: .9638em 1.1277em;
    background-position: 50%;
    width: .9638em;
    height: 1.1277em;
    content: " ";
    vertical-align: -.2em
}

.typography blockquote p:before {
    width: 2.025em;
    margin-left: -2.025em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.15L6.85 0l2.1 1.45-5.8 8.7 5.9 8.8-2.2 1.35L0 10.15zm8.3 0L15.15 0l2.1 1.45-5.8 8.7 5.9 8.8-2.2 1.35L8.3 10.15z'/%3E%3C/svg%3E")
}

.typography blockquote p:after {
    margin-left: .5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.05 10.15L2.2 20.3.1 18.85l5.8-8.7L0 1.35 2.2 0l6.85 10.15zm8.3 0L10.5 20.3l-2.1-1.45 5.8-8.7-5.9-8.8L10.5 0l6.85 10.15z'/%3E%3C/svg%3E")
}

.typography .button {
    padding: .5em .945em .4em;
    background-color: #7f9851;
    display: inline-block;
    font-family: AvenirNextLTPro-Demi;
    color: #fff;
    text-decoration: none
}

.typography .button:hover {
    background-color: #748b4a
}

.typography .marker:before {
    content: "";
    display: inline-block;
    width: 1.6em;
    height: 2.7em;
    background-repeat: no-repeat;
    background-size: 1.4em auto;
    background-position: bottom;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 100' preserveAspectRatio='xMadYMid meet'%3E%3Cpath fill='%23505050' d='M35 10c13.457 0 24.371 10.909 24.371 24.371C59.371 47.832 35 82 35 82S10.629 47.832 10.629 34.371C10.629 20.909 21.542 10 35 10zm0-10C16.048 0 .629 15.418.629 34.371c0 4.794 1.409 13.532 13.595 33.982C20.456 78.81 26.6 87.444 26.859 87.807L35 99.221l8.142-11.414c.258-.362 6.402-8.997 12.635-19.454 12.186-20.45 13.595-29.188 13.595-33.982C69.371 15.418 53.952 0 35 0z'/%3E%3Cpath fill='%23505050' d='M45 34a9.99 9.99 0 01-10 10c-5.527 0-10-4.473-10-10 0-5.531 4.473-10 10-10 5.534 0 10 4.469 10 10z'/%3E%3C/svg%3E")
}

.typography .boxed {
    background-color: #f6f6f6;
    padding: 1.485em 4.05em 1.485em 1.755em;
    margin: 0 0 1.755em
}

@media (min-width: 0) and (max-width:639px) {
    .typography .boxed {
        padding:1.35em .675em
    }
}

.typography .small {
    font-size: .8em
}

.typography .large {
    font-size: 1.3em
}

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

.clear {
    clear: both
}

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

a img {
    border: none
}

a,a:focus,a:visited,a[href^=tel],a img {
    text-decoration: none
}

a[href^=tel] {
    color: inherit
}

@page {
    size: A4;
    margin: 1cm;
    width: 1280px
}

@media print {
    body,html {
        width: 210mm;
        height: 297mm;
        max-width: 100%!important;
        min-height: 0
    }

    body {
        color: #000;
        background: #fff
    }
}

[type=checkbox]:checked,[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0
}

[type=checkbox]+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid rgba(171,174,161,.15);
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s
}

[type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(171,174,161,.15)
}

[type=checkbox].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,.1)
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: #fff;
    border-bottom: #fff;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[type=checkbox]:checked:disabled+label:before {
    border-right: 2px solid rgba(171,174,161,.15);
    border-bottom: 2px solid rgba(171,174,161,.15)
}

[type=checkbox]:indeterminate+label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border: none;
    border-right: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:indeterminate:disabled+label:before {
    border-right: 2px solid rgba(171,174,161,.15);
    background-color: transparent
}

[type=checkbox]+label:after {
    border-radius: 2px
}

[type=checkbox]+label:after,[type=checkbox]+label:before {
    content: "";
    left: 0;
    position: absolute;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1
}

[type=checkbox]:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%
}

[type=checkbox]:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid rgba(171,174,161,.15);
    top: 0;
    z-index: 0
}

[type=checkbox]:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    border-width: 2px;
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #005677;
    background-color: #005677;
    z-index: 0
}

[type=checkbox].tabbed:focus+label:after {
    border-radius: 2px;
    border-color: rgba(171,174,161,.15);
    background-color: rgba(0,0,0,.1)
}

[type=checkbox].tabbed:checked:focus+label:after {
    border-radius: 2px;
    background-color: #005677;
    border-color: #005677
}

[type=checkbox]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent
}

[type=checkbox]:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #abaea1
}

[type=checkbox]:disabled:checked+label:before {
    background-color: transparent
}

[type=checkbox]:disabled:checked+label:after {
    background-color: #abaea1;
    border-color: #abaea1
}

.userform-fields [type="checkbox"]:not(:checked),
.userform-fields [type="checkbox"]:checked {
	position: inherit!important;
	opacity: 1 !important;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin: unset!important;
}

body>footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    font-size: .9em
}

body>footer a {
    text-decoration: none;
    color: #005677
}

body>footer a:hover {
    color: #001b25
}

body>footer .upper {
    padding: 4.05em 0 1.35em
}

@media (min-width: 0) and (max-width:639px) {
    body>footer .upper {
        padding-top:2.025em
    }
}

body>footer .upper .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body>footer .upper .column {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

@media (min-width: 0) and (max-width:979px) {
    body>footer .upper .column {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 1.35em
    }
}

body>footer .upper .coord h3 {
    margin: 0;
    font-size: 1em
}

body>footer .upper .coord a,body>footer .upper .coord span {
    display: block;
    margin-right: .675em
}

body>footer .upper .coord a.inline,body>footer .upper .coord span.inline {
    display: inline-block
}

body>footer .upper .coord a.inline:not(:last-of-type),body>footer .upper .coord span.inline:not(:last-of-type) {
    margin-right: .2em
}

body>footer .upper .partners {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width: 0) and (max-width:979px) {
    body>footer .upper .partners {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 0) and (max-width:639px) {
    body>footer .upper .partners {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

body>footer .upper .partners a {
    max-width: 100%;
    max-height: 172px;
    max-width: 350px;
    margin-right: 0
}

body>footer .upper .partners a:first-of-type {
    max-height: 137px;
    max-width: 285px
}

body>footer .upper .partners a img {
    float: left;
    width: 100%;
    max-width: 100%
}

@media (min-width: 0) and (max-width:979px) {
    body>footer .upper .partners a {
        margin:2.7em 0
    }
}

@media (min-width: 0) and (max-width:639px) {
    body>footer .upper .partners {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    body>footer .upper .partners a {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0!important
    }
}

body>footer .upper .inprint {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1.35em
}

body>footer .upper .inprint nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start
}

body>footer .upper .inprint nav a {
    display: inline-block;
    margin-bottom: 1.35em;
    color: #005677
}

body>footer .upper .inprint nav a.current {
    font-family: AvenirNextLTPro-Demi
}

body>footer .upper .inprint nav a:not(:last-of-type) {
    margin-right: 1.35em
}

body>footer .upper .copyright {
    margin-top: auto
}

body>footer .lowest {
    padding: 2.025em 0 1.755em;
    display: table;
    width: 100%;
    background-color: #143f4f;
    background-color: #005677
}

@media (min-width: 0) and (max-width:479px) {
    body>footer .lowest {
        margin-bottom:65px
    }
}

body>footer .lowest .inner {
    text-align: center;
    color: #fff
}

form#Form_Form {
    padding: 0 0 50px;
    width: 100%
}

.form .userform-fields,.form fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.form .userform-fields .field,.form fieldset .field {
    float: left;
    display: block;
    width: 100%;
    margin: 0 0 1.35em
}

.form .userform-fields .field label,.form fieldset .field label {
    color: #005677;
    margin-bottom: .3375em;
    font-size: 20px
}

.form .userform-fields .field label.left,.form fieldset .field label.left {
    display: block
}

.form .userform-fields .field label.required,.form fieldset .field label.required {
    display: none!important
}

.form .userform-fields .field .middleColumn,.form fieldset .field .middleColumn {
    float: left;
    width: 100%!important;
    background: none
}

.form .userform-fields .field .middleColumn .textajaxuniquetext,.form .userform-fields .field .middleColumn input.text,.form .userform-fields .field .middleColumn select,.form .userform-fields .field .middleColumn textarea,.form fieldset .field .middleColumn .textajaxuniquetext,.form fieldset .field .middleColumn input.text,.form fieldset .field .middleColumn select,.form fieldset .field .middleColumn textarea {
    width: 100%;
    max-width: 700px;
    padding: 6px 5px;
    font-size: 20px;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #005677;
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35
}

.form .userform-fields .field .middleColumn .textajaxuniquetext:focus,.form .userform-fields .field .middleColumn input.text:focus,.form .userform-fields .field .middleColumn select:focus,.form .userform-fields .field .middleColumn textarea:focus,.form fieldset .field .middleColumn .textajaxuniquetext:focus,.form fieldset .field .middleColumn input.text:focus,.form fieldset .field .middleColumn select:focus,.form fieldset .field .middleColumn textarea:focus {
    outline: none
}

.form .userform-fields .field .middleColumn .form textarea[disabled],.form .userform-fields .field .middleColumn input[disabled],.form fieldset .field .middleColumn .form textarea[disabled],.form fieldset .field .middleColumn input[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9
}

.form .userform-fields .field .middleColumn textarea,.form fieldset .field .middleColumn textarea {
    resize: vertical
}

.form .userform-fields .field .middleColumn .checkbox input,.form .userform-fields .field .middleColumn .radio input,.form fieldset .field .middleColumn .checkbox input,.form fieldset .field .middleColumn .radio input {
    float: left;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    margin-top: 6px;
    padding: 0
}

.form .userform-fields .field .middleColumn .checkbox label.right,.form .userform-fields .field .middleColumn .radio label.right,.form fieldset .field .middleColumn .checkbox label.right,.form fieldset .field .middleColumn .radio label.right {
    float: left
}

.form .userform-fields .field.dropdown .middleColumn select,.form fieldset .field.dropdown .middleColumn select {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: top .7em right .7em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='xMinYMin meet' viewBox='0 0 240 120' xmlns='http://www.w3.org/2000/svg' stroke='%23005677' stroke-width='30'%3E%3Cpath fill='none' stroke='inherit' stroke-width='inherit' d='M10 10l110 100L230 10'/%3E%3C/svg%3E");
    background-size: .8em .45em
}

.form .userform-fields .field.dropdown .middleColumn select:-moz-focusring,.form fieldset .field.dropdown .middleColumn select:-moz-focusring {
    text-shadow: 0 0 0 #000
}

.form .userform-fields .field.dropdown .middleColumn select::-ms-expand,.form fieldset .field.dropdown .middleColumn select::-ms-expand {
    display: none
}

form .userform-fields .field.dropdown .middleColumn select option,form fieldset .field.dropdown .middleColumn select option {
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35
}

.form .userform-fields .field.hide,.form fieldset .field.hide {
    display: none
}

.form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px
}

.form .good {
    background-color: #ecf9d0;
    border-color: #8fbe00
}

.form .bad,.form .required {
    background-color: #f8b9c3!important;
    border-color: #ba122b!important;
    color: #005677!important
}

body .form.userform .left {
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35
}

.Actions {
    margin-bottom: 20px
}

.Actions .Actions .action,.Actions a.btn,.Actions button,.Actions input[type=submit] {
    background: #005677;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border: none;
    font-size: 20px;
    margin-right: 10px;
    float: left
}

.Actions .Actions .action:hover,.Actions a.btn:hover,.Actions button:hover,.Actions input[type=submit]:hover {
    background: #00445e;
    color: #fff
}

.Actions a.btn {
    line-height: 18px;
    margin-bottom: 10px
}

.Actions a.btn:after {
    content: "\2192";
    padding-left: 10px
}

.Actions input.action[class] {
    width: auto
}

.Actions .Actions:after {
    color: #b94a48;
    content: "* Pflichtfeld";
    display: inline-block;
    font-weight: 400;
    margin-top: 9px
}

.Actions #MemberLoginForm_LoginForm .Actions:after {
    display: none
}

#Remember {
    min-height: 20px
}

#ForgotPassword {
    clear: left
}

#MemberLoginForm_LostPasswordForm .Actions:after {
    display: none
}

.FormHeading {
    clear: both;
    padding-top: 15px
}

.Actions input.resetformaction {
    float: left;
    background-color: #888
}

.Actions input.resetformaction:hover {
    background-color: #aaa
}

.checkbox label.right {
    font-size: 20px;
    color: #005677;
    float: left
}

.form .requiredField label.left:after {
    color: #005677;
    content: "*";
    font-size: 20px;
    font-weight: 400;
    padding-left: 3px
}

.form .checkboxset ul,.form .optionset ul {
    margin: 0
}

.form .checkboxset li,.form .optionset li {
    margin-bottom: 5px;
    list-style-type: none
}

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

.form .checkbox .checkbox {
    float: left;
    margin: .2em .3em 0 0
}

.form p {
    margin-bottom: unset;
}
.text-secondary {
    color: var(--hero2-background) !important;
}.hero2 {
     padding: var(--hero2-padding);
     width: 100%;
     position: relative;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-color: var(--hero2-background);
     display: flex;
     align-items: center;
 }
/*.hero-overlay {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background: rgba(44, 0, 0, .35)*/
/*}*/

.hero2 .container {
    position: relative
}

.hero2 h2 {
    font-size: 36px;
    font-weight: 700;
    font-family: 'Fira Sans', serif;
    color: var(--hero2-color);
    letter-spacing: 2px;
    margin: 30px auto;
}

.hero2 p {
    font-size: 18px;
    color: var(--hero2-color)
}

.hero2-info {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #525156;
    padding: 17px 20px;
    color: #fff;
    font-size: 18px
}

.hero2 input {
    border: none;
    font-size: 20px;
    position: relative;
    margin-left: 0;
    margin-right: auto
}

.hero2 input:focus {
    outline: none
}

.email-input {
    background-color: #fff;
    padding: 10px;
    border-radius: 7px
}

input#user_email-121 {
    width: 100%;
}

.um-hide-terms {
    display: none !important;
}

.um-toggle-terms {
    align-self: center;
    margin-left: 2px;
    color: white !important;
}

.um-field-user_email .um-field-area {
    padding: 17px 50px 17px 50px;
    background: #fff;
    border: 2px solid #DEDEDE;
    font-size: 16px;
}


.um-field-radio:hover .um-faicon-caret-up {
    color: #C74A4A !important
}

.um-field-area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}


.um-field-type_terms_conditions {
    display: flex !important;
    flex-direction: column-reverse!important;
    justify-content: center !important;
}

.um-field {
	padding: 15px;
}

.um-field-error {
    width: auto;
    max-width: 100%;
    background: #C74A4A;
    border-radius: 3px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 12px;
    font-size: 14px;
    line-height: 20px !important;
    margin: 12px 0 0 0;
}

.um input[type=submit]:disabled {
    opacity: 0.6 !important;
    cursor: no-drop !important;
}

#user_email-29 {
    font-size: 22px !important;
    outline: transparent !important;
    border: none !important
}

.um .um-form input[type=text] {
    border: unset!important;
}

.wincasa-text {
    font-size: 16px;
    color: white;
    margin: auto;
    margin-bottom: 15px;
    line-height: 30px;
    max-width: 591px;
    font-weight: 400;
}

.um-button {
    background: #789659 !important;
    padding: 20px 41px !important;
    font-size: 18px !important;
    border-radius: 0 !important;
    width: 250px;
    height: 78px;
    margin-top: 20px;
}
.um-field-checkbox-option {
    color: white;
}
.um-toggle-gdpr, .um-toggle-gdpr:hover {
    display: flex;
    align-self: center;
    color: white!important;
    padding-left: 3px!important;
    text-decoration: underline!important;
}

.um-field-checkbox-option {
    color: white!important;
}
.um-toggle-terms:hover {
    text-decoration: none !important;
}

.um-icon-android-radio-button-off {
    color: #45494d !important
}

.um-icon-android-radio-button-on {
    color: #45494d !important
}

.subscribe-form .um-field-lang {
    display: none
}

.um-icon-android-radio-button-off::before, .um-icon-android-radio-button-on::before {
    z-index: 2;
    position: relative
}

.um-icon-android-radio-button-off::after, .um-icon-android-radio-button-on::after {
    content: "";
    background: #fff;
    display: block;
    width: 17.5px;
    height: 17.5px;
    border-radius: 50%;
    top: 3px;
    position: absolute;
    z-index: 1;
    left: 1px
}
.wincasa-alarm-logo {
    margin: auto;
    width: 30px;
    height: 30px;
}

.wincasa_alarm {
    padding: 0 30px;
    background-image: url(http://ottoundalex.ch/wp-content/uploads/2021/02/DSC09633k.png);
    background-size: cover
}

.wincasa-alarm-input {
    font-size: 20px;
    color: #0b0b0b
}
.wincasa-wrapper{
    text-align:center !important;
    margin:auto !important;
}
.h2-wrapper{
    color:#FFF !important;
}
.um-left{
    background:#45282A;
    max-width:200px;
    margin:auto;
}
.um-121{
    max-width:100% !important;
}
.um-right{
    display:none !important;
}
.um-button{
    cursor: pointer;
    color:#fff;
}
.um-register .um_request_name{ display:none !important; }

span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left
}

div.holder-required {
    background-color: #f9d0d0;
    padding: 10px;
    margin-left: -11px
}

div.holder-required,.form input.holder-required {
    border: 1px solid #cf0000
}

.no-boxshadow input:invalid,.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

.ss-uploadfield-item-info button {
    margin-top: 4px!important;
    float: left
}

.form .file {
    color: #005677
}

@media only screen and (max-width: 700px) {
    .header .form .middleColumn {
        float:none;
        width: 100%!important
    }

    #MemberLoginForm_LoginForm label,.form label.left {
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 900px) {
    form {
        max-width:100%
    }
}

.action.new-link,.action:not(.action-detail),.btn,.btn-large,[type=submit] {
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    background-color: #005677;
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
    border-radius: .2em;
    margin-bottom: 1.35em;
    border-color: #005677;
    display: inline-block;
    padding: .3em 1em .4em
}

.action.new-link:hover,.action:not(.action-detail):hover,.btn-large:hover,.btn:hover,[type=submit]:hover {
    border-color: #005677;
    background-color: #005677
}

.element.elementgallery ul.gallery {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 1.35em);
    margin: 0 -.675em;
    padding: 1.35em 0 0;
    text-align: center
}

.element.elementgallery ul.gallery li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0;
    margin: 0 .675em 1.35em
}

.element.elementgallery ul.gallery li a {
    display: table;
    width: 100%;
    float: left
}

.element.elementgallery ul.gallery li a img {
    float: left;
    margin-bottom: 0;
    width: 100%
}

.element.elementgallery ul.gallery li a img:hover {
    opacity: .9
}

.header {
    position: relative;
    display: table
}

.header .inner {
    display: table-row
}

.header .inner .left {
    height: 100%
}

.header .inner .left a,.header .inner .left a h1 {
    display: inline-block;
    float: left;
    width: 100%
}

.header .inner .left a h1 {
    margin: 0
}

.header .inner .left a h1 img {
    width: 100%;
    padding: 37px 20px 35px 0;
    max-width: 405px
}

@media (min-width: 0) and (max-width:639px) {
    .header .inner .left a h1 img {
        max-width:90%
    }
}

@media (min-width: 0) and (max-width:1279px) {
    .header .inner .left a h1 img {
        padding:30px 20px 20px 0
    }
}

.header .inner .right {
    height: 100%
}

.header .inner .right nav {
    width: 100%;
    height: 100%;
    text-align: right
}

@media (min-width: XLneg) {
    .header .inner .right nav {
        display:none
    }
}

.header .inner .right nav ul.menu1 {
    padding: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 60px 0 0
}

.header .inner .right nav ul.menu1 li {
    margin-left: 20px;
    padding: 0;
    display: inline
}

.header .inner .right nav ul.menu1 li.first {
    margin-left: 0
}

.header .inner .right nav ul.menu1 li a {
    color: #005677;
    font-size: 21px;
    letter-spacing: .06em
}

.header .inner .right nav ul.menu1 li.current>a,.header .inner .right nav ul.menu1 li.section>a {
    color: #ba122b
}

header nav .menu-button {
    display: none;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 0) and (max-width:979px) {
    header nav .menu-button {
        display:-ms-flexbox;
        display: flex
    }
}

header nav .menu-button .burger-icon {
    z-index: 9900;
    width: 2.7em;
    -ms-flex-item-align: center;
    align-self: center;
    height: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent!important
}

@media print {
    header nav .menu-button .burger-icon,header nav .menu-button .burger-icon:after,header nav .menu-button .burger-icon:before {
        display: none
    }
}

header nav .menu-button .burger-icon,header nav .menu-button .burger-icon:after,header nav .menu-button .burger-icon:before {
    width: 28px;
    height: 3px;
    background-color: #005677;
    outline: 1px solid transparent;
    border-radius: 2px;
    transition-property: background-color,-webkit-transform;
    transition-property: background-color,transform;
    transition-property: background-color,transform,-webkit-transform;
    transition-duration: .3s
}

header nav .menu-button .burger-icon:after,header nav .menu-button .burger-icon:before {
    position: absolute;
    content: ""
}

header nav .menu-button .burger-icon:before {
    top: -8px
}

header nav .menu-button .burger-icon:after {
    top: 8px
}

.mobile-nav--active header nav .menu-button .burger-icon {
    background-color: transparent
}

.mobile-nav--active header nav .menu-button .burger-icon:before {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg)
}

.mobile-nav--active header nav .menu-button .burger-icon:after {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg)
}

header nav .menu-button .text {
    color: #005677;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .8em;
    padding: .2em 1em 0 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

header nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

header nav ul li {
    margin: 0 auto
}

header nav ul li:not(:last-of-type) {
    margin-right: 1.35em
}

header nav ul li:last-of-type {
    margin-right: 0
}

header nav ul li a {
    min-width: 100%;
    color: #fff;
    padding: 0 0 .3em .4em;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	font-family: 'AvenirNextLTPro-Regular';
    outline: none;
    white-space: nowrap;
    color: #005677
}

header nav ul li a:hover {
	text-decoration:none;
}

header nav ul li.current a {
    color: #f18d5f;
    font-family: AvenirNextLTPro-Demi
}

header nav ul.menu1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 0) and (max-width:979px) {
    header nav ul.menu1 {
        display:none
    }
}

header nav ul.menu1>li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

header nav ul.menu1>li>a {
    text-align: center
}

header nav ul.menu1>li.current>a,header nav ul.menu1>li.section>a,header nav ul.menu1>li:hover>a {
    color: #f18d5f!important;
}

body.mobile-nav--active .header {
    position: fixed;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: calc(100vh - var(--vh-offset));
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0,0%,100%,.96);
    padding-top: 0;
    overflow-y: auto
}

body.mobile-nav--active .header .inner {
    -ms-flex-direction: column;
    flex-direction: column
}

body.mobile-nav--active .header .column.nav {
    background-color: hsla(0,0%,100%,.97);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-left: 0
}

body.mobile-nav--active .header .column.nav ul.menu1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: auto
}

body.mobile-nav--active .header .column.nav ul.menu1 li {
    width: 100%;
    line-height: 2.7em;
    font-size: 4vw;
    font-family: AscenderSerifWXX-Bold;
    letter-spacing: .04em;
    line-height: 1.2
}

@media (min-width: 0) and (max-width:979px) {
    body.mobile-nav--active .header .column.nav ul.menu1 li {
        font-size:7vw
    }
}

@media (min-width: 0) and (max-width:639px) {
    body.mobile-nav--active .header .column.nav ul.menu1 li {
        font-size:10vw
    }
	
	.um-field-type_terms_conditions {
		display: flex !important;
		flex-direction: column-reverse!important;
		justify-content: center !important;
	}
}

body.mobile-nav--active .header .column.nav ul.menu1 li a {
    line-height: 1.7
}

body.mobile-nav--active .header .column.nav ul.menu1 li.current a {
    font-family: AscenderSerifWXX-Bold;
    letter-spacing: .04em;
    line-height: 1.2
}

body.mobile-nav--active .header .column.nav .menu-button {
    display: -ms-flexbox;
    display: flex;
    top: 22px;
    right: 1.35em;
    position: absolute
}

@media (min-width: 0) and (max-width:639px) {
    body.mobile-nav--active .header .column.nav .menu-button {
        right:.675em
    }
}

body.mobile-nav--active .header .column.logo {
    height: 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
}

body.mobile-nav--active .header .column.logo a svg {
    width: 70%;
    max-height: 74px
}

body.mobile-nav--active .header .column.logo a svg .nat-stadt {
    display: none
}

.element.elementteaser .element-title {
    margin-top: .675em;
    margin-bottom: 1.35em
}

.element.elementteaser .teasers.third {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.element.elementteaser .teasers.third .teaser {
    -ms-flex: 0 0 calc(33.33333% - 4.05em);
    flex: 0 0 calc(33.33333% - 4.05em);
    background-color: #abaea1;
    background-color: rgba(171,174,161,.15);
    margin: 0 2.025em 1.35em;
    padding: 1.35em;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .element.elementteaser .teasers.third .teaser {
        width: calc(33.33333% - 4.05em);
        max-width: calc(33.33333% - 4.05em)
    }
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementteaser .teasers.third .teaser {
        -ms-flex:0 0 calc(50% - 2.7em);
        flex: 0 0 calc(50% - 2.7em);
        margin: 0 1.35em 1.35em
    }
}

@media (min-width: 0) and (max-width:479px) {
    .element.elementteaser .teasers.third .teaser {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 1.35em
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .element.elementteaser .teasers.third .teaser .txt {
        max-width: 100%
    }
}

.element.elementteaser .teasers.third .teaser .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='49' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49 46s-2.71-7.418-8.295-22.685C33.66 4.058 23.556.218 17.037 0 16.282 12.917 28.85 29.365 28.85 29.365S13.634 21.947 10.616 1.057c-7.908 3.12-13.073 11.619-9.42 21.607C6.825 38.058 20.437 46 40.512 46H49' fill='%237F9851'/%3E%3C/svg%3E");
    background-size: auto 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 3em;
    height: 3em
}

.element.elementteaser .teasers.third .teaser h4 {
    font-family: AvenirNextLTPro-Demi;
    color: #7f9851;
    margin-bottom: .675em
}

.element.elementteaser .teasers.third .teaser p {
    color: #005677
}

.element.elementteaser .teasers.third .teaser .pseudolink {
    font-family: AvenirNextLTPro-Demi;
    font-size: .8em;
    color: #7f9851;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.element.elementteaser .teasers.third .teaser .pseudolink:after {
    content: "";
    height: 4px;
    width: 100%;
    left: 0;
    bottom: -2px;
    position: absolute;
    background-color: #7f9851
}

@-webkit-keyframes expand {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes expand {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.element.elementteaser .teasers.third .teaser .pseudolink:hover:after {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: expand;
    animation-name: expand
}

body,html {
    height: 100%;
    width: 100%;
    margin: 0
}

@media print {
    body,html {
        height: 99%;
        page-break-after: auto
    }
}

html {
    overflow-x: hidden;
    overflow-y: scroll
}

body {
    font-size: 20px;
    font-family: AvenirNextLTPro-Regular,sans-serif;
    font-display: auto;
    color: #005677;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    background-color: #fff
}

@media (min-width: 0) and (max-width:979px) {
    body {
        font-size:18px
    }
}

@media (min-width: 0) and (max-width:479px) {
    body {
        font-size:16px
    }
}

.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    width: 100%;
    height: 150px;
    transition: all .2s ease-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    box-shadow: none;
    background-color: #fff;
    padding-top: 30px
}

@media (min-width: 0) and (max-width:979px) {
    .header {
        padding-top:0;
        height: 80px
    }
	header nav ul li a{
		font-size: 20px;
	}
}
@media (min-width: 979px) and (max-width:1400px) {
	header nav ul li a{
		font-size: 12px;
	}
}

.header .inner {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
    z-index: 40
}

.header .inner .column {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header .inner .column.logo {
    transition: padding-top .2s ease-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    padding-top: 6px;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px
}

.header .inner .column.logo a {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 4px
}

.header .inner .column.logo a img,.header .inner .column.logo a svg {
    width: 100%;
    margin: auto 0
}

@media (min-width: 0) and (max-width:979px) {
    .header .inner .column.logo a img,.header .inner .column.logo a svg {
        width:70%
    }
}

.header .inner .column.nav {
    width: 100%;
    height: calc(100% - 80px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    transition: padding-top .2s ease-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    padding-top: 4px
}

@media (min-width: 0) and (max-width:979px) {
    .header .inner .column.nav {
        padding-left:1.35em;
        padding-top: 22px
    }
}

.header.headroom.headroom--not-top {
    padding-top: 0;
    height: 80px;
    background-color: #fff;
    box-shadow: 0 0 .7em rgba(39,39,39,.3)
}

.header.headroom.headroom--not-top .column.logo a svg {
    width: 70%
}

.header.headroom.headroom--not-top .column.logo a svg .nat-stadt {
    display: none
}

.header.headroom.headroom--not-top .column.nav {
    padding-top: 22px
}

#main {
    width: 100%;
    -ms-flex: 1;
    flex: 1;
    margin-top: calc(150px + 1.35em)
}

@media (min-width: 0) and (max-width:979px) {
    #main {
        margin-top:calc(80px + 1.35em)
    }
}

@media print {
    #main {
        height: auto
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    #main {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

body.mobile-nav--active #main {
    position: absolute;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 1.35em;
    padding-right: 1.35em
}

@media (min-width: 0) and (max-width:639px) {
    .inner {
        padding-left:.675em;
        padding-right: .675em
    }
}

.element {
    clear: both;
    position: relative;
    width: 100%;
    padding-top: 1.35em;
    padding-bottom: 2.7em
}

.element.background-white {
    background-color: #fff
}

.element.background-green {
    background-color: #7f9851
}

.element.background-orange {
    background-color: #f18d5f
}

.element.background-gray {
    background-color: #abaea1
}

.element.background-blue {
    background-color: #798191
}

.element:first-of-type {
    padding-top: 0;
    padding-bottom: 1.35em
}

.element .element-title {
    text-align: center
}

.element.elementcontent .inner>*,.element.elementcontentsection .inner>*,.element.elementform .inner>*,.element.elementtextimage .inner>* {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
}

.element.background-blue,.element.background-gray,.element.background-green,.element.background-orange {
    padding-top: 2.7em
}

.element.background-blue a,.element.background-blue h1,.element.background-blue h2,.element.background-blue h3,.element.background-blue li,.element.background-blue p,.element.background-gray a,.element.background-gray h1,.element.background-gray h2,.element.background-gray h3,.element.background-gray li,.element.background-gray p,.element.background-green a,.element.background-green h1,.element.background-green h2,.element.background-green h3,.element.background-green li,.element.background-green p,.element.background-orange a,.element.background-orange h1,.element.background-orange h2,.element.background-orange h3,.element.background-orange li,.element.background-orange p {
    color: #fff
}

.element.background-blue a:after,.element.background-gray a:after,.element.background-green a:after,.element.background-orange a:after {
    background-color: #fff
}

.element.elementcontent .typography>:last-child {
    margin-bottom: 0
}

.element.elementhero {
    display: block
}

.element.elementhero .inner {
    position: relative
}

.element.elementhero figure {
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative
}

.element.elementhero figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    margin-bottom: 0;
    max-height: 500px
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementhero figure img {
        height:180px
    }
}

.element.elementhero .txt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.element.elementhero .txt .inner {
    height: 100%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.element.elementhero .txt .inner,.element.elementhero .txt .inner .spacer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.element.elementhero .txt .inner .spacer {
    margin: 0;
    width: 100%;
    max-width: 820px
}

.element.elementhero .txt .inner h1,.element.elementhero .txt .inner h2,.element.elementhero .txt .inner h3,.element.elementhero .txt .inner p {
    font-size: 1.5em;
    letter-spacing: .04em;
    text-shadow: 0 0 .7em rgba(0,86,119,.5);
    color: #fff
}

.element.elementhero .txt .inner h1,.element.elementhero .txt .inner h2,.element.elementhero .txt .inner h3 {
    margin: 0
}

.element.elementhero .txt .inner p {
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35;
    margin-bottom: 0;
    padding: .675em 0
}

.element.elementhero .txt.upper-left .inner {
    padding-top: 1.35em;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.element.elementhero .txt.upper-left .inner .spacer {
    margin: 0 auto auto 0
}

.element.elementhero .txt.upper-left .inner h1,.element.elementhero .txt.upper-left .inner h2,.element.elementhero .txt.upper-left .inner h3,.element.elementhero .txt.upper-left .inner p {
    text-align: left
}

.element.elementhero .txt.upper-right .inner {
    padding-top: 1.35em;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start
}

.element.elementhero .txt.upper-right .inner .spacer {
    margin: 0 0 auto auto
}

.element.elementhero .txt.upper-right .inner h1,.element.elementhero .txt.upper-right .inner h2,.element.elementhero .txt.upper-right .inner h3,.element.elementhero .txt.upper-right .inner p {
    text-align: right
}

.element.elementhero .txt.lower-left .inner {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.element.elementhero .txt.lower-left .inner .spacer {
    margin: auto auto 0 0
}

.element.elementhero .txt.lower-left .inner h1,.element.elementhero .txt.lower-left .inner h2,.element.elementhero .txt.lower-left .inner h3,.element.elementhero .txt.lower-left .inner p {
    text-align: left
}

.element.elementhero .txt.lower-center .inner {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.element.elementhero .txt.lower-center .inner .spacer {
    margin: auto auto 0
}

.element.elementhero .txt.lower-center .inner h1,.element.elementhero .txt.lower-center .inner h2,.element.elementhero .txt.lower-center .inner h3,.element.elementhero .txt.lower-center .inner p {
    text-align: center
}

.element.elementhero .txt.lower-right .inner {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.element.elementhero .txt.lower-right .inner .spacer {
    margin: auto 0 0 auto
}

.element.elementhero .txt.lower-right .inner h1,.element.elementhero .txt.lower-right .inner h2,.element.elementhero .txt.lower-right .inner h3,.element.elementhero .txt.lower-right .inner p {
    text-align: right
}

.element.elementhero .txt.center .inner {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.element.elementhero .txt.center .inner .spacer {
    margin: auto
}

.element.elementhero .txt.center .inner h1,.element.elementhero .txt.center .inner h2,.element.elementhero .txt.center .inner h3,.element.elementhero .txt.center .inner p {
    text-align: center
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementhero .txt {
        position:inherit
    }

    .element.elementhero .txt .spacer {
        padding: .675em 0 0;
        position: relative
    }

    .element.elementhero .txt .spacer:after {
        content: "";
        position: absolute;
        left: -1.35em;
        right: -1.35em;
        top: 0;
        bottom: 0;
        pointer-events: none;
        background-color: rgba(171,174,161,.15);
        z-index: 0
    }

    .element.elementhero .txt .spacer h1,.element.elementhero .txt .spacer h2,.element.elementhero .txt .spacer h3,.element.elementhero .txt .spacer p {
        font-size: 1em;
        letter-spacing: .04em;
        text-shadow: none;
        color: #005677;
        position: relative;
        z-index: 1
    }
}

.element.elementhero .swiper-container.hero {
    overflow: hidden
}

.element.elementhero .swiper-container.hero.medium figure img {
    max-height: 700px
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementhero .swiper-container.hero.medium figure img {
        height:260px
    }
}

.element.elementhero .swiper-container.hero.fullscreen {
    height: calc(100vh - var(--vh-offset))
}

.element.elementhero .swiper-container.hero.fullscreen figure img {
    max-height: none
}

.element.elementhero .swiper-container.hero .swiper-wrapper,.element.elementhero .swiper-container.hero .swiper-wrapper .swiper-slide {
    height: 100%
}

.element.elementhero .teaser.doku {
    position: absolute;
    top: -4.5%;
    right: 4%;
    z-index: 90;
    -webkit-transform: rotate(6deg);
    transform: rotate(0deg);
    background-color: #7f9851;
    border-radius: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 9em;
    height: 9em
}

.element.elementhero .teaser.doku span {
    display: block;
    color: #fff;
    letter-spacing: .06em;
    line-height: 1.5
}

.element.elementhero .teaser.doku span:first-of-type {
    margin-top: .5em
}

.element.elementhero .teaser.doku span.small {
    font-size: .8em;
    line-height: 2.2rem
}

.element.elementhero .teaser.doku span.big {
    font-size: 1.8em;
    font-family: AvenirNextLTPro-Demi;
    line-height: 1.1
}

.element.elementhero .teaser.doku span.arrow {
    width: 2em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='xMinYMin meet' viewBox='0 0 240 120' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='18'%3E%3Cpath fill='none' stroke='inherit' stroke-width='inherit' d='M10 10l110 100L230 10'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: .7em
}

.element.elementhero .teaser.doku:hover {
    -webkit-transform: scale(1.02) rotate(6deg);
    transform: scale(1.02) rotate(6deg)
}

.element.elementhero .teaser.doku:hover span.arrow {
    -webkit-transform: scale(1.2),rotate(-90deg);
    transform: scale(1.2),rotate(-90deg)
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementhero .teaser.doku {
        width:7em;
        height: 7em;
        bottom: -5%;
        right: 6%;
        top: auto;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .element.elementhero .teaser.doku.whg {
        bottom: -3.4em;
        right: .675em
    }

    .element.elementhero .teaser.doku span.small {
        display: none
    }

    .element.elementhero .teaser.doku:hover {
        -webkit-transform: scale(1.02) rotate(0deg);
        transform: scale(1.02) rotate(0deg)
    }
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: .6
    }

    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: .8
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: .6
    }

    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: .8
    }
}

.element.elementhero .scroll {
    display: none;
    will-change: transform,opacity;
    transition: opacity,-webkit-transform;
    transition: transform,opacity;
    transition: transform,opacity,-webkit-transform;
    transition-duration: .16s;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='276' height='662' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='12' stroke-linecap='round' d='M42.5 576.5l99 77.84 99-77.84' stroke='%23fff' fill='none'/%3E%3C/svg%3E");
    background-position: bottom;
    background-size: 100%;
    width: 1.5em;
    height: 3.4em;
    position: absolute;
    bottom: 2%;
    left: calc(50% - 1.25em);
    z-index: 100;
    cursor: pointer
}

#header:not(.headroom--unpinned)+.element.elementhero .swiper-container.fullscreen .scroll {
    display: block;
    -webkit-animation: bounce 1.6s ease-in-out infinite;
    animation: bounce 1.6s ease-in-out infinite
}

.element.elementhero.default {
    display: table
}

@media (min-width: 0) and (max-width:1599px) {
    .element.elementhero .swiper-button-next,.element.elementhero .swiper-button-prev {
        border-radius:calc(var(--swiper-navigation-size)*0.7);
        height: calc(var(--swiper-navigation-size)*1.4);
        width: calc(var(--swiper-navigation-size)*1.4)
    }
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementhero .swiper-button-next,.element.elementhero .swiper-button-prev {
        border-radius:calc(var(--swiper-navigation-size)*0.3);
        height: calc(var(--swiper-navigation-size)*0.6);
        width: calc(var(--swiper-navigation-size)*0.6)
    }
}

.element.elementhero .swiper-button-next:after,.element.elementhero .swiper-button-prev:after {
    border-radius: 50%
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementhero .swiper-button-next:after,.element.elementhero .swiper-button-prev:after {
        font-size:calc(var(--swiper-navigation-size)*0.4)
    }
}

.element.elementhero .swiper-button-prev {
    left: 2.7em
}

@media (min-width: 1600px) {
    .element.elementhero .swiper-button-prev {
        left:-10%
    }
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementhero .swiper-button-prev {
        left:1.35em
    }
}

.element.elementhero .swiper-button-next {
    right: 2.7em
}

@media (min-width: 1600px) {
    .element.elementhero .swiper-button-next {
        right:-10%
    }
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementhero .swiper-button-next {
        right:1.35em
    }
}

.element.elementhero .inner.show-whg {
    background-color: transparent;
    padding-top: 1.35em;
    padding-bottom: 2.7em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.element.elementhero .inner.show-whg h4 {
    font-size: 1em;
    font-family: AvenirNextLTPro-Regular;
    letter-spacing: .025em;
    line-height: 1.35;
    margin: 1.35em 0
}

.element.elementhero svg #txt text tspan {
    fill: #005677;
    font-size: 18px
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementhero svg #txt text tspan {
        font-size:22px
    }
}

.element.elementalmaps p.gm-style-pbt {
    font-size: medium
}

.element.elementalmaps img {
    max-width: none
}

.element.elementalmaps #map_canvas {
    box-sizing: unset;
    height: 0;
    width: 100%;
    padding-bottom: 45%
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementalmaps #map_canvas {
        padding-bottom:60%
    }
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementalmaps #map_canvas {
        padding-bottom:100%
    }
}

.element.elementtextimage {
    padding-top: 4.05em
}

.element.elementtextimage .inner {
    display: -ms-flexbox;
    display: flex;
    flex-display: row;
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0
    }
}

.element.elementtextimage .inner .txt {
    -ms-flex: 1 0 33.3333333333%;
    flex: 1 0 33.3333333333%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .element.elementtextimage .inner .txt {
        max-width: 33.33333%
    }
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner .txt {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 0) and (max-width:639px) and (-ms-high-contrast:none),screen and (min-width:0) and (max-width:639px) and (-ms-high-contrast:active) {
    .element.elementtextimage .inner .txt {
        max-width:100%
    }
}

.element.elementtextimage .inner .txt .relativizer {
    position: relative;
    margin: auto 0 auto auto
}

.element.elementtextimage .inner .txt .inner-txt {
    position: relative;
    width: 100%;
    padding: 1.35em
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner .txt .inner-txt {
        padding-top:.675em
    }
}

.element.elementtextimage .inner .txt .inner-txt h1,.element.elementtextimage .inner .txt .inner-txt h2,.element.elementtextimage .inner .txt .inner-txt h3 {
    text-align: left;
    font-size: 2em;
    font-family: AscenderSerifWXX-Bold;
    letter-spacing: .04em;
    line-height: 1.2
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner .txt .inner-txt h1,.element.elementtextimage .inner .txt .inner-txt h2,.element.elementtextimage .inner .txt .inner-txt h3 {
        font-size:1.41em
    }
}

.element.elementtextimage .inner .txt .inner-txt>:last-child {
    margin-bottom: 0
}

.element.elementtextimage .inner .txt .inner-txt a {
    font-size: .8em
}

@media (min-width: 640px) {
    .element.elementtextimage .inner .txt.image-cover {
        padding:5% 0
    }
}

@media (min-width: 640px) {
    .element.elementtextimage .inner .txt.even-smaller {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 400px
    }
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner .txt.even-smaller .inner-txt {
        padding-bottom:0;
        padding-top: 2.025em
    }
}

.element.elementtextimage .inner figure {
    -ms-flex: 0 0 calc(66.66667% - 1.35em);
    flex: 0 0 calc(66.66667% - 1.35em);
    margin: 0 0 0 1.35em;
    position: relative;
    z-index: 0
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .element.elementtextimage .inner figure {
        max-width: calc(66.66667% - 1.35em);
        width: 100%
    }
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementtextimage .inner figure {
        -ms-flex:0 0 calc(50% - 1.35em);
        flex: 0 0 calc(50% - 1.35em)
    }
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner figure {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0;
        -ms-flex-order: 0;
        order: 0;
        padding-right: 1.35em;
        padding-left: 1.35em
    }
}

@media (min-width: 0) and (max-width:639px) and (-ms-high-contrast:none),screen and (min-width:0) and (max-width:639px) and (-ms-high-contrast:active) {
    .element.elementtextimage .inner figure {
        max-width:100%
    }
}

.element.elementtextimage .inner figure img {
    width: 100%;
    max-width: 720px;
    margin-bottom: 0;
    float: right
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner figure img {
        position:inherit;
        max-width: 100%
    }
	
	
}

@media (min-width: 640px) {
    .element.elementtextimage .inner figure.image-cover img {
        position:absolute;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: none;
        float: none
    }
}

.element.elementtextimage .inner figure.even-smaller {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.element.elementtextimage .inner figure.even-smaller img {
    width: auto;
    float: right
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner figure.even-smaller {
        -ms-flex:0 0 100%;
        flex: 0 0 100%
    }
}

.element.elementtextimage .inner .txt.Image {
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 640px) {
    .element.elementtextimage .inner .txt.Image .inner-txt {
        padding-right:0
    }
}

@media (min-width: 640px) {
    .element.elementtextimage .inner .txt:not(.Image) .inner-txt {
        padding-left:0
    }
}

.element.elementtextimage .inner figure.Image {
    -ms-flex-order: 0;
    order: 0;
    margin-left: 0
}

.element.elementtextimage .inner figure.Image img {
    float: left
}

.element.elementtextimage .inner figure.Text.even-smaller {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementtextimage .inner figure.Text.even-smaller {
        -ms-flex:0 0 100%;
        flex: 0 0 100%
    }
}

.element.elementtextimage .inner figure.Text.even-smaller img {
    width: auto;
    float: left
}

.element a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden
}

.element.elementcontentsection .content-part {
    max-width: 100%
}

@media (min-width: calc(0 1279px + 2.7em)) {
    .element.elementcontentsection .content-part {
        overflow:hidden
    }
}

.element.elementcontentsection .content-part article {
    position: relative
}

.element.elementcontentsection .content-part article:before {
    content: "";
    position: absolute;
    width: 600%;
    height: 1em;
    top: 0;
    left: -200%;
    right: -200%;
    z-index: -1;
    pointer-events: none
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementcontentsection .content-part article:before {
        height:.7em
    }
}

.element.elementcontentsection .content-part article:after {
    content: "";
    position: absolute;
    width: 600%;
    top: 0;
    left: -200%;
    right: -200%;
    bottom: 0;
    pointer-events: none;
    z-index: -2;
    background-color: rgba(171,174,161,.15)
}

.element.elementcontentsection .content-part article header {
    cursor: pointer;
    position: relative;
    padding-right: 4.725em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 140px;
    padding-top: 1.3em
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementcontentsection .content-part article header {
        padding-top:.5em;
        min-height: 65px;
        padding-right: 2.7em
    }
}

.element.elementcontentsection .content-part article header h3.flip {
    margin-bottom: 0;
    font-family: AscenderSerifWXX-Bold;
    letter-spacing: .04em;
    line-height: 1.2;
    font-size: 2.6em;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementcontentsection .content-part article header h3.flip {
        padding-top:.4em;
        font-size: 1.41em
    }
}

.element.elementcontentsection .content-part article header h3.flip span {
    font-family: AvenirNextLTPro-Demi;
    font-size: 1.8rem
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementcontentsection .content-part article header h3.flip span {
        font-size:1.2rem
    }
}

.element.elementcontentsection .content-part article header h3.flip:after {
    content: "";
    display: block;
    width: 4.32rem;
    height: 2.16rem;
    position: absolute;
    right: 0;
    top: 4.05rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='xMinYMin meet' viewBox='0 0 240 120' xmlns='http://www.w3.org/2000/svg' stroke='%23005677' stroke-width='14'%3E%3Cpath fill='none' stroke='inherit' stroke-width='inherit' d='M10 10l110 100L230 10'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media (min-width: 0) and (max-width:979px) {
    .element.elementcontentsection .content-part article header h3.flip:after {
        width:2.025rem;
        height: 1.0125rem;
        top: 1.89rem
    }
}

.element.elementcontentsection .content-part article>div.flip {
    padding: 0 0 2.7em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.element.elementcontentsection .content-part article>div.flip figure {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 0 2.7em
}

.element.elementcontentsection .content-part article>div.flip figure figcaption {
    font-size: 1em;
    text-align: center;
    margin-bottom: 2.025em
}

.element.elementcontentsection .content-part article>div.flip figure img {
    width: 100%
}

.element.elementcontentsection .content-part article>div.flip .left-hand,.element.elementcontentsection .content-part article>div.flip .right-hand {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 2.7rem;
    max-width: 500px
}

.element.elementcontentsection .content-part article>div.flip .left-hand h3,.element.elementcontentsection .content-part article>div.flip .right-hand h3 {
    font-size: 1.3em
}

@media (min-width: 0) and (max-width:639px) {
    .element.elementcontentsection .content-part article>div.flip .left-hand,.element.elementcontentsection .content-part article>div.flip .right-hand {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        padding-right: 0;
        padding-bottom: 1.35rem
    }
}

.element.elementcontentsection .content-part article>div.flip .right-hand {
    font-size: .8em
}

.element.elementcontentsection .content-part article>div.flip .right-hand svg {
    width: 195px;
    height: 155px
}

.element.elementcontentsection .content-part article>div.flip .right-hand .sample--big {
    display: -ms-flexbox;
    display: flex;
    margin: 0 .675em .675em 0
}

.element.elementcontentsection .content-part article>div.flip .right-hand .sample--big:last-of-type {
    margin-bottom: 2.7em
}

.element.elementcontentsection .content-part article>div.flip .right-hand .sample--big img {
    width: 64px;
    height: 64px;
    margin: 0 .675em 0 0
}

.element.elementcontentsection .content-part article>div.flip .right-hand .sample--big .txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.element.elementcontentsection .content-part article>div.flip .right-hand .sample--big .txt p {
    margin-top: auto;
    margin-bottom: 0
}

.element.elementcontentsection .content-part article>div.flip .right-hand dl dd {
    margin-left: 0
}

.element.elementcontentsection .content-part article>div.flip .right-hand .margin-bottom-small {
    margin-bottom: .675em
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution {
    background-color: #798191;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 13.333em;
    height: 13.333em
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution span {
    display: block;
    color: #fff;
    letter-spacing: .06em;
    line-height: 1.5
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution span:first-of-type {
    margin-top: 1.2em
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution span.small {
    font-size: .8em;
    line-height: 2.2rem
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution span.big {
    font-size: 1.8em;
    font-family: AvenirNextLTPro-Demi;
    line-height: 1.1
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution span.arrow {
    width: 2.4em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='xMinYMin meet' viewBox='0 0 240 120' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='18'%3E%3Cpath fill='none' stroke='inherit' stroke-width='inherit' d='M10 10l110 100L230 10'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: .7em
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.element.elementcontentsection .content-part article>div.flip .teaser.kaution:hover span.arrow {
    -webkit-transform: scale(1.2),rotate(-90deg);
    transform: scale(1.2),rotate(-90deg)
}

.element.elementcontentsection .content-part article>div.flip>p:last-child {
    margin-bottom: 0
}

.element.elementcontentsection .content-part article.open header h3.flip:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.element.elementcontentsection .content-part article.color-green:before {
    background-color: #7f9851
}

.element.elementcontentsection .content-part article.color-green header h3.flip {
    color: #7f9851
}

.element.elementcontentsection .content-part article.color-orange:before {
    background-color: #f18d5f
}

.element.elementcontentsection .content-part article.color-orange header h3.flip {
    color: #f18d5f
}

.element.elementcontentsection .content-part article.color-gray:before {
    background-color: #abaea1
}

.element.elementcontentsection .content-part article.color-gray header h3.flip {
    color: #abaea1
}

.element.elementcontentsection .content-part article.color-blue:before {
    background-color: #005677
}

.element.elementcontentsection .content-part article.color-blue header h3.flip {
    color: #005677
}

.element.spacing-bottom-6 {
    padding-bottom: 8.1em
}

.element.spacing-bottom-5 {
    padding-bottom: 6.75em
}

.element.spacing-bottom-4 {
    padding-bottom: 5.4em
}

.element.spacing-bottom-3 {
    padding-bottom: 4.05em
}

.element.spacing-bottom-2 {
    padding-bottom: 2.7em
}

.element.spacing-bottom-1 {
    padding-bottom: 1.35em
}

.element.spacing-bottom-0 {
    padding-bottom: 0
}

.element svg.whg {
    width: 100%;
    max-width: 772px;
    margin: 0 auto
}

.element svg.whg text {
    font-size: 36px;
    letter-spacing: 1.2;
    font-family: AvenirNextLTPro-Demi
}

.element svg.whg a {
    outline: 0 solid transparent
}

.element svg.whg a g.current text,.element svg.whg a g:hover text {
    fill: #fff
}

.element svg.whg polygon {
    stroke: #abaea1;
    stroke-width: 2.268px
}

.element svg.whg .whg25 {
    fill: #dbe4e8
}

.element svg.whg .whg25 text,.element svg.whg .whg25.current,.element svg.whg .whg25:hover {
    fill: #798191
}

.element svg.whg .whg35 {
    fill: #fcede7
}

.element svg.whg .whg35 text,.element svg.whg .whg35.current,.element svg.whg .whg35:hover {
    fill: #f18d5f
}

.element svg.whg .whg45 {
    fill: #e9ede4
}

.element svg.whg .whg45 text,.element svg.whg .whg45.current,.element svg.whg .whg45:hover {
    fill: #7f9851
}

@media print {
    .overlay,.service-nav,footer {
        display: none
    }

    .header-pic .inner img {
        left: 0
    }

    .inner {
        max-width: 100%
    }
}

@page {
    size: 297mm 210mm;
    margin: 15mm
}