@charset "UTF-8";
/* ==========================================================================
   MASTER-CSS FILE
   ========================================================================== */
/* ==========================================================================
   ALL
   ========================================================================== */
/*
example:

(_fonts.scss)
@import 'import-once'
@if import-once( 'fonts' ) {
    %helvetica {
        font-family: 'Helvetica';
    }
}

(_buttons.scss) uses fonts
@import 'fonts';
button {
    @extend %helvetica;
}

(_cart.scss) also uses fonts
@import 'fonts';
.cart {
    @extend %helvetica;
}

(screen.scss) brings them all together
@import 'buttons';
@import 'cart';

***Output without @import-once:***
button, cart { font-family: 'Helvetica'; }
button, cart { font-family: 'Helvetica'; }

***Output WITH @import-once:***
button, cart { font-family: 'Helvetica'; }

------------------------------------------

CSS will be generated wherever they are @import'd, so if you import 'fonts' twice in a bundle, they would normally be generated n-times they are imported

*/
/**
 * Breakpoint
 */
/* ==========================================================================
   ALL
   ========================================================================== */
/*No classes should belong here.  Look in ../modules.*/
/* ==========================================================================
   CSS Reset
   ========================================================================== */
/**
 * Based on Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("//hello.myfonts.net/count/2d1878");
html, body, div, span, applet, object, iframe, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote {
  border-left: 5px solid #ccc;
  margin: 1.5em 0;
  padding: 0.5em 10px;
  quotes: "“" "”" "‘" "’"; }

blockquote:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

blockquote p {
  display: inline; }

/* ==========================================================================
   Clarendon Font
   ========================================================================== */
/**
 * @license
 * MyFonts Webfont Build ID 2955384, 2015-01-18T06:57:06-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ClarendonBT-Light by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/clarendon/light/
 * 
 * Webfont: ClarendonBT-Heavy by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/clarendon/heavy/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2955384
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'ClarendonBT-Light';
  src: url("../fonts/2D1878_0_0.eot");
  src: url("../fonts/2D1878_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D1878_0_0.woff2") format("woff2"), url("../fonts/2D1878_0_0.woff") format("woff"), url("../fonts/2D1878_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'ClarendonBT-Heavy';
  src: url("../fonts/2D1878_1_0.eot");
  src: url("../fonts/2D1878_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D1878_1_0.woff2") format("woff2"), url("../fonts/2D1878_1_0.woff") format("woff"), url("../fonts/2D1878_1_0.ttf") format("truetype"); }
/* ==========================================================================
   Base Styles
   ========================================================================== */
/* base files only alter actual HTML elements.  NO CLASSES HERE (See ../modules) */
/* ==========================================================================
   MASTER-VARIABLES FILE
   ========================================================================== */
/**
 * COLORS
 */
/**
 * Base
 */
/**
 * Sizes
 */
/**
 * Opacities
 */
/**
 * Breakpoints
 */
input[type="text"] {
  border: 1px solid #999; }

a, .show-mainmenu {
  text-decoration: none; }

.show-mainmenu {
  color: #707173; }

a:hover {
  text-decoration: underline; }

p {
  margin: 0 0 1em; }

img {
  max-width: 100%; }

html {
  height: 100%;
  font-size: 12px; }

body {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  background-color: #252525; }

.text h1:nth-child(1),
.text h2:nth-child(1),
.text h3:nth-child(1),
.text h4:nth-child(1),
.text h5:nth-child(1),
.text h6:nth-child(1) {
  margin-top: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

@font-face {
  font-family: 'hh';
  src: url("../fonts/hh.eot?-f9y91w");
  src: url("../fonts/hh.eot?#iefix-f9y91w") format("embedded-opentype"), url("../fonts/hh.woff?-f9y91w") format("woff"), url("../fonts/hh.ttf?-f9y91w") format("truetype"), url("../fonts/hh.svg?-f9y91w#hh") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'hh';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-Pfeil-hollow-l:before {
  content: "\e606"; }

.icon-Pfeil-hollow-r:before {
  content: "\e607"; }

.icon-arrow-down:before {
  content: "\e604"; }

.icon-arrow-up:before {
  content: "\e605"; }

.icon-HHTextlogo:before {
  content: "\e600"; }

.icon-HHLogo:before {
  content: "\e601"; }

.icon-HHarrowl:before {
  content: "\e602"; }

.icon-HHarrowr:before {
  content: "\e603"; }

.icon-envelop:before {
  content: "\e945"; }

.icon-enlarge:before {
  content: "\e989"; }

.icon-shrink:before {
  content: "\e98a"; }

.icon-enlarge2:before {
  content: "\e98b"; }

.icon-lock:before {
  content: "\e98f"; }

.icon-unlocked:before {
  content: "\e990"; }

.icon-new-tab:before {
  content: "\ea7e"; }

.icon-facebook:before {
  content: "\ea8c"; }

.icon-facebook2:before {
  content: "\ea8d"; }

/* ==========================================================================
   ALL
   ========================================================================== */
/**
 * Mother
 */
.mother {
  min-height: 100%;
  position: relative; }

/**
 * Container
 */
.head-wrapper, .main-container .main-wrapper .main-content {
  width: 960px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
  position: relative; }
  @media (max-width: 930px) {
    .head-wrapper, .main-container .main-wrapper .main-content {
      margin: 0 10px;
      max-width: 930px;
      width: auto; } }
  @media (max-width: 650px) {
    .head-wrapper, .main-container .main-wrapper .main-content {
      padding: 0 10px;
      margin: 0;
      max-width: 650px;
      width: auto; } }

/* ==========================================================================
   header
   ========================================================================== */
.head-container {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 1000001;
  top: 0; }
  .head-container a, .head-container li, .head-container ul, .head-container ol, .head-container h1, .head-container h2, .head-container h3, .head-container h4, .head-container h5, .head-container h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

.head-wrapper {
  width: 100%;
  height: 57px;
  border-bottom: 0px solid #707173; }
  @media (max-width: 930px) {
    .head-wrapper {
      margin: 0 auto; } }
  @media (max-width: 650px) {
    .head-wrapper {
      height: 35px; } }
  .head-wrapper a:hover {
    text-decoration: none; }

/* ==========================================================================
   menu
   ========================================================================== */
/*Hide checkbox*/
#show-mainmenu-checkbox {
  display: none; }
  #show-mainmenu-checkbox:checked ~ .mainmenu-container {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    top: 0%;
    opacity: 1; }

.mainmenu-container {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  top: -100%;
  opacity: 0;
  display: block;
  position: fixed;
  z-index: 1000000;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  margin: 0;
  padding: 0;
  max-height: 100%;
  overflow: auto; }
  .mainmenu-container a, .mainmenu-container li, .mainmenu-container ul, .mainmenu-container ol, .mainmenu-container h1, .mainmenu-container h2, .mainmenu-container h3, .mainmenu-container h4, .mainmenu-container h5, .mainmenu-container h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .mainmenu-container:after {
    position: absolute;
    font-family: hh;
    content: "\e604";
    font-size: 10px;
    left: 50%;
    margin-left: -9px;
    margin-top: -11px;
    color: #fff; }
  @media (max-width: 930px) {
    .mainmenu-container {
      padding: 0; } }
  @media (max-width: 650px) {
    .mainmenu-container {
      padding: 0; } }
  .mainmenu-container .closeMenu {
    display: none;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 3em;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    color: #000;
    z-index: 99; }
  .mainmenu-container .mainmenu-wrapper {
    width: 100%;
    margin: 75px 0 0 0;
    padding: 20px 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 99; }
    @media (max-width: 930px) {
      .mainmenu-container .mainmenu-wrapper {
        margin: 75px 0 0 0;
        padding: 20px 40px; } }
    @media (max-width: 650px) {
      .mainmenu-container .mainmenu-wrapper {
        margin: 75px 0 0 0;
        padding: 0; } }

/* ==========================================================================
   main
   ========================================================================== */
.icon-HHTextlogo {
  position: fixed;
  top: 80px;
  width: 100%;
  text-align: center;
  color: #e4af6c;
  font-size: 5vw;
  z-index: 0;
  pointer-events: none; }
  @media (max-width: 650px) {
    .icon-HHTextlogo {
      top: 60px; } }

.main-container .main-slider, .main-container .main-wrapper {
  position: relative;
  margin-bottom: 40px; }
  @media (max-width: 650px) {
    .main-container .main-slider, .main-container .main-wrapper {
      margin-bottom: 10px; } }
  .main-container .main-slider:last-child, .main-container .main-wrapper:last-child {
    margin-bottom: 0; }

.main-container {
  position: relative;
  background-attachment: fixed !important;
  padding-top: 130px;
  padding-bottom: 50px;
  overflow-x: hidden;
  word-wrap: break-word;
  box-sizing: border-box;
  background-clip: content-box !important; }
  @media (max-width: 930px) {
    .main-container {
      padding-top: 100px; } }
  @media (max-width: 650px) {
    .main-container {
      padding-top: 80px;
      padding-bottom: 44px; } }
  .main-container .main-wrapper {
    background: rgba(204, 204, 204, 0.9);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 1100px; }
    .main-container .main-wrapper .main-content {
      padding: 10px 20px;
      font-size: 14px;
      line-height: 18px;
      z-index: 3; }
      @media (max-width: 650px) {
        .main-container .main-wrapper .main-content {
          padding: 10px 0; } }
      .main-container .main-wrapper .main-content h1 {
        margin: 20px 0;
        text-align: center;
        font-family: ClarendonBT-Heavy;
        font-size: 1.6rem; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
/*Hide checkbox*/
#footer-hinge-checkbox {
  display: none; }
  #footer-hinge-checkbox:checked ~ .footer-container > .footer {
    display: block;
    margin-bottom: 25px; }
  #footer-hinge-checkbox:checked ~ .footer-container {
    height: 340px;
    -moz-transition-property: height;
    -o-transition-property: height;
    -webkit-transition-property: height;
    transition-property: height;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear; }
    @media (max-width: 650px) {
      #footer-hinge-checkbox:checked ~ .footer-container {
        height: auto;
        padding-bottom: 25px;
        padding-top: 50px; } }

.footer-container {
  -moz-transition-property: height;
  -o-transition-property: height;
  -webkit-transition-property: height;
  transition-property: height;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  background-color: #000;
  height: 50px;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  color: #fff;
  background: #000;
  box-sizing: border-box;
  text-align: center; }
  .footer-container a, .footer-container li, .footer-container ul, .footer-container ol, .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  @media (max-width: 650px) {
    .footer-container {
      height: auto;
      max-height: 100%;
      padding-bottom: 10px;
      position: absolute; } }
  .footer-container .footer-hinge {
    display: block;
    height: 20px;
    margin: 7px;
    background-color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600; }
    @media (max-width: 650px) {
      .footer-container .footer-hinge {
        font-size: 12px; } }
    .footer-container .footer-hinge:hover {
      color: #e4af6c; }
  .footer-container:before {
    position: absolute;
    font-family: hh;
    content: "\e605";
    font-size: 10px;
    left: 50%;
    margin-left: -9px;
    top: -6px;
    color: #000; }
  @media (max-height: 500px) {
    .footer-container {
      position: absolute; } }
  .footer-container .footer {
    position: absolute;
    position: relative;
    display: none;
    margin: 0 10px;
    padding: 0;
    bottom: 20px;
    top: 0;
    left: 0;
    height: 320px; }
    @media (max-width: 650px) {
      .footer-container .footer {
        position: relative;
        bottom: 0;
        height: auto; } }
    .footer-container .footer .footer-menu {
      text-align: left; }
      .footer-container .footer .footer-menu li {
        position: relative;
        text-align: left;
        letter-spacing: 0.04rem;
        padding: 5px 0 5px 0;
        box-sizing: border-box;
        display: inline-block;
        height: 320px;
        width: 20px; }
        @media (max-width: 650px) {
          .footer-container .footer .footer-menu li {
            width: auto;
            height: auto;
            display: block;
            text-align: center; } }
        .footer-container .footer .footer-menu li:first-child {
          margin-left: 40px; }
          @media (max-width: 650px) {
            .footer-container .footer .footer-menu li:first-child {
              margin-left: 0; } }
        .footer-container .footer .footer-menu li .teaser {
          display: none; }
        .footer-container .footer .footer-menu li:hover .teaser {
          display: block;
          position: absolute;
          min-width: 150px;
          max-width: 300px;
          width: 233px;
          height: 120px;
          top: -120px;
          box-sizing: border-box;
          font-size: 12px;
          line-height: 15px;
          font-weight: 300;
          padding: 5px; }
          @media (max-width: 650px) {
            .footer-container .footer .footer-menu li:hover .teaser {
              display: none; } }
          @media (max-width: 650px) {
            .footer-container .footer .footer-menu li:hover .teaser {
              display: block;
              position: relative;
              min-width: 0;
              max-width: 100%;
              width: 100%;
              height: auto;
              top: 0; }
              .footer-container .footer .footer-menu li:hover .teaser .title {
                display: none; } }
          .footer-container .footer .footer-menu li:hover .teaser hr {
            height: 1px;
            border: 0;
            background-color: #fff; }
          .footer-container .footer .footer-menu li:hover .teaser a {
            margin: auto;
            color: #fff;
            text-decoration: none; }
          .footer-container .footer .footer-menu li:hover .teaser h1 {
            font-size: 14px;
            font-family: 'ClarendonBT-Light';
            margin: 0 0 5px 0;
            padding-right: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media (max-width: 650px) {
              .footer-container .footer .footer-menu li:hover .teaser h1 {
                padding-right: 0; } }
            .footer-container .footer .footer-menu li:hover .teaser h1:after {
              font-family: 'hh';
              content: "\e607";
              font-size: .8em;
              position: absolute;
              right: 5px;
              top: 5px; }
              @media (max-width: 650px) {
                .footer-container .footer .footer-menu li:hover .teaser h1:after {
                  content: ""; } }
        .footer-container .footer .footer-menu li .footer-menu-link {
          padding: 4px 0 2px 10px;
          width: 140px;
          box-sizing: border-box;
          height: 20px;
          display: inline-block;
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
          text-decoration: none;
          color: #fff;
          position: absolute;
          text-transform: uppercase;
          left: -60px;
          font-size: 12px;
          font-weight: 600;
          width: 240px;
          height: 120px;
          top: 100px; }
          @media (max-width: 650px) {
            .footer-container .footer .footer-menu li .footer-menu-link {
              padding: 2px 10px 2px 10px;
              display: inline-block;
              position: relative;
              left: 0;
              top: 0;
              width: auto;
              height: auto;
              -moz-transform: rotate(0);
              -ms-transform: rotate(0);
              -webkit-transform: rotate(0);
              transform: rotate(0);
              font-size: 12px;
              text-align: center;
              line-height: 20px; } }
  .footer-container .footer-bottom {
    background: #252525;
    bottom: 0;
    width: 100%;
    height: 20px;
    position: fixed;
    margin: 0;
    padding: 0 50px;
    box-sizing: border-box;
    line-height: 20px;
    overflow: hidden; }
    @media (max-width: 650px) {
      .footer-container .footer-bottom {
        padding: 0; } }
    .footer-container .footer-bottom .footer-bottom-ul {
      position: relative;
      top: 0;
      left: 0;
      text-align: left; }
      .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li {
        position: relative;
        display: inline-block;
        line-height: 20px;
        font-weight: 400; }
        .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li.center {
          position: absolute;
          margin-left: -80px;
          text-align: center;
          width: 160px;
          left: 50%; }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li.center a {
            color: #e4af6c;
            border-color: #e4af6c; }
          @media (max-width: 650px) {
            .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li.center {
              position: relative;
              margin-left: 0;
              text-align: left;
              width: auto;
              left: auto; }
              .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li.center a {
                padding: 0 3px 0 0 !important; } }
        .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a {
          display: inline-block;
          position: relative;
          padding: 0 5px 0 5px;
          bottom: 0;
          line-height: 21px;
          text-decoration: none;
          color: #ccc;
          border-style: solid;
          border-color: #707173;
          border-width: 0 1px 0 0; }
          @media (max-width: 650px) {
            .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a {
              padding: 0 5px 0 3px !important;
              /*&:first-child {
              	padding: 0 3px;
              }*/ }
              .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.gold {
                border-right-color: #e4af6c; } }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a:not(:first-child) {
            padding-left: 3px; }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.login:after {
            font-family: 'hh';
            content: '\e98f'; }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.login:hover:after {
            content: '\e990'; }
          @media (max-width: 650px) {
            .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.login {
              display: none; } }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.facebook {
            padding-left: 0; }
            @media (max-width: 650px) {
              .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.facebook {
                display: none; } }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a:hover {
            color: #000;
            background: #fff; }
          .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.double {
            border-width: 0 1px; }
            @media (max-width: 650px) {
              .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li a.double {
                border-width: 0 1px 0 0; } }
        .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li:last-child {
          position: absolute;
          top: 0;
          right: -1px; }
          @media (max-width: 650px) {
            .footer-container .footer-bottom .footer-bottom-ul .footer-bottom-li:last-child {
              position: relative;
              right: auto; } }

/* ==========================================================================
   ALL
   ========================================================================== */
/* ==========================================================================
   NOTICE
   ========================================================================== */
.notice, .warning, .success {
  border: 1px solid;
  margin: 5px;
  padding: 5px; }

/**
 * WARNING 
 */
.warning {
  border-color: red; }

.success {
  border-color: green; }

.head-logo-wrapper {
  display: inline-block; }
  .head-logo-wrapper .head-logo {
    position: absolute;
    top: 2px;
    width: 105px;
    line-height: 55px;
    color: #000;
    font-size: 46px; }
    @media (max-width: 650px) {
      .head-logo-wrapper .head-logo {
        font-size: 28px;
        line-height: 33px; } }
    .head-logo-wrapper .head-logo:hover {
      border-bottom: 0;
      color: #e4af6c; }
    .head-logo-wrapper .head-logo .icon-HHLogo:before {
      width: 105px;
      display: inline-block;
      height: 47px; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
/*
.footer-menu {
	margin: 0;
	li {
		padding: 5px 0 5px 0;
		height: ($footerheight - 20);
		box-sizing: border-box;			
		width: 20px;
		display: inline-block;
	}
}
*/
.show-mainmenu {
  position: absolute;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding: 0 10px;
  left: 50%;
  box-sizing: border-box;
  margin: 0 0 0 -60px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  line-height: 55px;
  font-size: 14px;
  font-weight: 600;
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block; }
  @media (max-width: 650px) {
    .show-mainmenu {
      font-size: 12px;
      line-height: 35px; } }
  .show-mainmenu:hover, .show-mainmenu:active, .show-mainmenu:link {
    color: #e4af6c;
    cursor: pointer;
    text-decoration: none; }
  .show-mainmenu:after {
    position: absolute;
    font-family: hh;
    content: "\e604";
    font-size: 10px;
    left: 50%;
    margin-left: -9px;
    bottom: -32px;
    color: #fff; }
    @media (max-width: 650px) {
      .show-mainmenu:after {
        bottom: -21px; } }

.mainmenu-wrapper .mainmenu-ul {
  list-style-type: none;
  display: inline-block;
  margin: 0;
  width: 100%;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 650px) {
    .mainmenu-wrapper .mainmenu-ul {
      display: block; } }
  .mainmenu-wrapper .mainmenu-ul .mainmenu-li {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; }
  .mainmenu-wrapper .mainmenu-ul .mainmenu-category {
    float: none;
    clear: both;
    margin-left: 10px;
    margin-right: 10px; }
    .mainmenu-wrapper .mainmenu-ul .mainmenu-category h2 {
      font-size: 14px;
      margin-bottom: 10px;
      width: 100%;
      border-bottom: 1px solid #707173;
      font-family: 'Open Sans';
      text-align: left;
      text-transform: uppercase; }
  .mainmenu-wrapper .mainmenu-ul .mainmenu-li {
    width: 300px;
    margin: 5px	25px 35px 5px;
    text-align: left;
    float: left;
    height: 120px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mainmenu-wrapper .mainmenu-ul .mainmenu-li a {
      color: #000; }
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li a:hover {
        text-decoration: none; }
    @media (max-width: 930px) {
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li {
        margin: 5px 5px 35px 5px; } }
    @media (max-width: 650px) {
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li {
        margin: 20px auto; } }
    .mainmenu-wrapper .mainmenu-ul .mainmenu-li .left {
      float: left;
      width: 120px; }
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li .left img {
        height: 120px;
        width: 120px; }
    .mainmenu-wrapper .mainmenu-ul .mainmenu-li .right {
      margin-left: 130px;
      font-size: 12px;
      font-weight: 300;
      line-height: 15px; }
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li .right h3 {
        font-size: 13px;
        margin-bottom: 10px;
        width: 100%;
        border-bottom: 1px solid #707173;
        font-family: 'ClarendonBT-Light'; }
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li .right icon {
        position: absolute;
        bottom: 0;
        color: #000;
        font-size: 1.4em; }
      .mainmenu-wrapper .mainmenu-ul .mainmenu-li .right p {
        letter-spacing: -.1pt; }

.head-rightmenu-ul {
  position: absolute;
  right: 30px;
  display: inline-block;
  bottom: 0; }
  @media (max-width: 650px) {
    .head-rightmenu-ul {
      right: 10px; } }
  .head-rightmenu-ul .head-rightmenu-li {
    display: inline-block;
    position: relative; }
    .head-rightmenu-ul .head-rightmenu-li a {
      line-height: 55px;
      display: inline-block;
      position: relative;
      padding: 0 5px;
      bottom: 0;
      color: #000;
      font-size: 14px;
      text-transform: uppercase; }
      .head-rightmenu-ul .head-rightmenu-li a:hover {
        color: #e4af6c; }
      @media (max-width: 650px) {
        .head-rightmenu-ul .head-rightmenu-li a {
          font-size: 12px;
          line-height: 35px; } }
      .head-rightmenu-ul .head-rightmenu-li a .icon-facebook2 {
        font-size: 18px;
        display: inline-block;
        vertical-align: text-bottom; }
        @media (max-width: 650px) {
          .head-rightmenu-ul .head-rightmenu-li a .icon-facebook2 {
            font-size: 16px; } }
      .head-rightmenu-ul .head-rightmenu-li a.active-head {
        color: #a01a1a !important; }
    .head-rightmenu-ul .head-rightmenu-li:after {
      content: "";
      width: 0;
      height: 0;
      background: transparent;
      color: transparent;
      border-right: 1px solid #000; }
    .head-rightmenu-ul .head-rightmenu-li:nth-last-child(-n+2):after {
      content: "";
      width: 0;
      height: 0;
      background: transparent;
      color: transparent;
      border-right: 0px solid #000; }

/* ==========================================================================
   ALL
   ========================================================================== */
/* ==========================================================================
   HEADER
   ========================================================================== */
.hh_green {
  color: #3c5c4f; }

.hh_red {
  color: #8e3121; }

.hh_turquoise {
  color: #5293a1; }

.hh_blue {
  color: #577fbd; }

.hh_beige {
  color: #c1ab83; }

.hh_grey_warm {
  color: #777974; }

.hh_grey_dark {
  color: #6f7072; }

.hh_anthrazit {
  color: #333333; }

.hh_rose {
  color: #f4aa9d; }

.hh_pink_neon {
  color: #ff33cc; }

.hh_yellow_neon {
  color: #ffcc00; }

.hh_orange_neon {
  color: #ff6600; }

.hh_blue_neon {
  color: #00ccff; }

.hh_green_neon {
  color: lime; }

.white {
  color: #fff; }

.black {
  color: #000; }

.black50 {
  color: #7f7f7f; }

.gold {
  color: #e4af6c; }

.lightgrey {
  color: #ccc; }

.mediumgrey {
  color: #707173; }

.darkgrey {
  color: #252525; }

/*****/
.bg-hh_green {
  background-color: #3c5c4f; }

.bg-hh_red {
  background-color: #8e3121; }

.bg-hh_turquoise {
  background-color: #5293a1; }

.bg-hh_blue {
  background-color: #577fbd; }

.bg-hh_beige {
  background-color: #c1ab83; }

.bg-hh_grey_warm {
  background-color: #777974; }

.bg-hh_grey_dark {
  background-color: #6f7072; }

.bg-hh_anthrazit {
  background-color: #333333; }

.bg-hh_rose {
  background-color: #f4aa9d; }

.bg-hh_pink_neon {
  background-color: #ff33cc; }

.bg-hh_yellow_neon {
  background-color: #ffcc00; }

.bg-hh_orange_neon {
  background-color: #ff6600; }

.bg-hh_blue_neon {
  background-color: #00ccff; }

.bg-hh_green_neon {
  background-color: lime; }

.bg-white {
  background-color: #fff; }

.bg-black {
  background-color: #000; }

.bg-black50 {
  background-color: #7f7f7f; }

.bg-gold {
  background-color: #e4af6c; }

.bg-lightgrey {
  background-color: #ccc; }

.bg-mediumgrey {
  background-color: #707173; }

.bg-darkgrey {
  background-color: #252525; }

.nav-horizontal a {
  display: block;
  position: fixed;
  z-index: 999999;
  top: 49%;
  padding: 10px;
  font-size: 40px;
  text-decoration: none; }
  .nav-horizontal a.right {
    right: 0; }

.main-container.unterseitenlayout1 {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover; }
  .main-container.unterseitenlayout1 div {
    margin-top: 5rem; }
    .main-container.unterseitenlayout1 div > h1 {
      margin: 0 0 -1rem 0;
      font-size: 7rem;
      font-size: 5vw;
      font-family: 'ClarendonBT-Light';
      text-align: center; }
    .main-container.unterseitenlayout1 div .ornament {
      display: block;
      width: 450px;
      width: 40%;
      height: 15px;
      position: relative;
      margin: 40px auto; }
      .main-container.unterseitenlayout1 div .ornament .ornament-svg {
        overflow: visible;
        enable-background: new 0 0 450 15; }
    .main-container.unterseitenlayout1 div .text {
      width: 42%;
      margin: 0 auto;
      padding: 2em 2.5em;
      font-family: 'Old Standard TT', serif;
      font-size: 1.8rem;
      font-weight: 400;
      font-style: italic;
      line-height: 2.4rem; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout1 div .text {
          width: 70%;
          font-size: 1.8rem;
          line-height: 2.3rem; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout1 div .text {
          width: auto;
          min-width: 50%;
          margin: 0 40px;
          font-size: 1.5rem;
          line-height: 2rem; } }
      .main-container.unterseitenlayout1 div .text h1 {
        font-size: 36px;
        font-family: 'ClarendonBT-Light'; }
  .main-container.unterseitenlayout1 .bildunterschrift {
    background: transparent !important;
    border-color: transparent !important;
    font-size: 10px;
    line-height: 13px;
    font-weight: 600; }

.main-container.unterseitenlayout2 {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover; }
  .main-container.unterseitenlayout2 div.layout2-content {
    padding: 50px 10px;
    margin-left: 25%;
    min-height: 100%;
    height: auto;
    box-sizing: border-box; }
    .main-container.unterseitenlayout2 div.layout2-content > h1 {
      margin: 0 0 -1rem 10px;
      font-size: 5rem;
      font-size: 4.6vw;
      line-height: 4vw;
      font-family: 'ClarendonBT-Light';
      display: block; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout2 div.layout2-content > h1 {
          line-height: 3rem; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout2 div.layout2-content > h1 {
          line-height: 2rem;
          display: block;
          text-align: center; } }
    @media (max-width: 650px) {
      .main-container.unterseitenlayout2 div.layout2-content {
        margin-left: 0%;
        padding: 30px 0px; } }
    .main-container.unterseitenlayout2 div.layout2-content .text {
      width: 32%;
      float: left;
      display: block;
      box-sizing: border-box;
      margin: 0;
      padding: 2em 1.5em;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5rem; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout2 div.layout2-content .text {
          width: 48%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout2 div.layout2-content .text {
          width: auto;
          min-width: 50%;
          margin: 0 40px;
          font-size: 1rem;
          line-height: 1.5rem;
          padding: .75rem .2rem; } }
      .main-container.unterseitenlayout2 div.layout2-content .text h1 {
        font-size: 36px;
        font-family: 'ClarendonBT-Light'; }
      .main-container.unterseitenlayout2 div.layout2-content .text img {
        width: 100%;
        margin-top: 4px; }
      .main-container.unterseitenlayout2 div.layout2-content .text .bildunterschrift {
        background: transparent !important;
        border-color: transparent !important;
        font-size: 10px;
        line-height: 13px;
        font-weight: 600; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout2 div.layout2-content .text.spalte-3 {
          margin-left: 48%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout2 div.layout2-content .text.spalte-3 {
          margin-left: 40px; } }
    .main-container.unterseitenlayout2 div.layout2-content .ornament {
      clear: both;
      position: relative;
      display: block;
      width: 450px;
      width: 40%;
      height: 15px;
      margin: 20px auto 50px 13%;
      top: 20px; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout2 div.layout2-content .ornament {
          width: 50%;
          margin: 20px auto 50px 8%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout2 div.layout2-content .ornament {
          width: 60%;
          margin: 20px auto 50px auto; } }
      .main-container.unterseitenlayout2 div.layout2-content .ornament .ornament-svg {
        overflow: visible;
        enable-background: new 0 0 450 15; }

.main-container.unterseitenlayout3 {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover; }
  .main-container.unterseitenlayout3 div.layout3-content {
    padding: 50px 0px;
    margin: auto 40px;
    min-height: 100%;
    height: auto;
    box-sizing: border-box; }
    @media (max-width: 650px) {
      .main-container.unterseitenlayout3 div.layout3-content {
        margin: auto;
        padding: 30px 0px; } }
    .main-container.unterseitenlayout3 div.layout3-content > h1 {
      margin: 0 auto -1rem auto;
      width: 100%;
      font-size: 5rem;
      font-size: 4.6vw;
      line-height: 7rem;
      font-family: 'ClarendonBT-Light';
      text-align: center;
      display: block;
      flex: 1 100%; }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout3 div.layout3-content > h1 {
          line-height: 4rem;
          display: block; } }
    .main-container.unterseitenlayout3 div.layout3-content .text {
      width: 25%;
      float: left;
      display: block;
      box-sizing: border-box;
      margin: 0;
      padding-top: 2em;
      padding-bottom: 2em;
      padding-left: 0;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5rem;
      padding-right: 0.3em; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout3 div.layout3-content .text {
          width: 50%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout3 div.layout3-content .text {
          width: auto;
          min-width: 50%;
          margin: 0 40px;
          font-size: 1rem;
          line-height: 1.5rem;
          padding: 2em 0.3em; } }
      .main-container.unterseitenlayout3 div.layout3-content .text h1 {
        font-size: 36px;
        font-family: 'ClarendonBT-Light'; }
      .main-container.unterseitenlayout3 div.layout3-content .text img {
        width: 100%; }
      .main-container.unterseitenlayout3 div.layout3-content .text div, .main-container.unterseitenlayout3 div.layout3-content .text p, .main-container.unterseitenlayout3 div.layout3-content .text span {
        margin: 0;
        padding: 0; }
      .main-container.unterseitenlayout3 div.layout3-content .text .bildunterschrift {
        background: transparent !important;
        border-color: transparent !important;
        font-size: 10px;
        line-height: 13px;
        font-weight: 600; }
      .main-container.unterseitenlayout3 div.layout3-content .text .bild-mit-unterschrift.spalte-1 {
        float: left;
        width: 49%; }
        @media (max-width: 1024px) {
          .main-container.unterseitenlayout3 div.layout3-content .text .bild-mit-unterschrift.spalte-1 {
            float: none;
            width: 100%;
            margin-bottom: 30px; } }
      .main-container.unterseitenlayout3 div.layout3-content .text .bild-mit-unterschrift.spalte-2 {
        float: right;
        width: 49%; }
        @media (max-width: 1024px) {
          .main-container.unterseitenlayout3 div.layout3-content .text .bild-mit-unterschrift.spalte-2 {
            float: none;
            width: 100%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout3 div.layout3-content .text.second {
          padding-top: 0; } }
    .main-container.unterseitenlayout3 div.layout3-content .bild {
      width: 50%;
      float: left;
      display: block;
      box-sizing: border-box;
      margin: 0;
      padding-top: 2em;
      padding-bottom: 2em;
      padding-left: 0;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5rem; }
      .main-container.unterseitenlayout3 div.layout3-content .bild.left {
        padding-right: 1.5rem; }
        @media (max-width: 930px) {
          .main-container.unterseitenlayout3 div.layout3-content .bild.left {
            padding-right: 0; } }
      .main-container.unterseitenlayout3 div.layout3-content .bild.center {
        padding-left: 1.5rem;
        padding-right: 1.5rem; }
      .main-container.unterseitenlayout3 div.layout3-content .bild.right {
        padding-left: 1.5rem; }
        @media (max-width: 930px) {
          .main-container.unterseitenlayout3 div.layout3-content .bild.right {
            padding-left: 0; } }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout3 div.layout3-content .bild {
          width: 100%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout3 div.layout3-content .bild {
          width: auto;
          min-width: 50%;
          margin: 0 40px;
          font-size: 1rem;
          line-height: 1.2rem;
          padding: 2em 0.2em; } }
      .main-container.unterseitenlayout3 div.layout3-content .bild img {
        width: 100%;
        margin-top: 4px; }
      .main-container.unterseitenlayout3 div.layout3-content .bild .bu {
        background: transparent !important;
        border-color: transparent !important;
        font-size: 10px;
        line-height: 13px;
        font-weight: 600;
        width: 45%; }
  .main-container.unterseitenlayout3 .bildunterschrift {
    background: transparent !important;
    border-color: transparent !important;
    font-size: 10px;
    line-height: 13px;
    font-weight: 600; }

.main-container.unterseitenlayout4 {
  position: fixed;
  height: 100%;
  width: 100%;
  background-size: cover; }
  .main-container.unterseitenlayout4 .base-container {
    position: relative;
    height: 100%;
    overflow: hidden; }
    .main-container.unterseitenlayout4 .base-container div.layout4-content {
      position: relative;
      z-index: 2;
      width: 25%;
      padding: 50px 10px 50px 20px;
      margin-left: 0;
      min-height: 100%;
      overflow-y: auto;
      height: 100%;
      padding-top: 0;
      padding-bottom: 0; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout4 .base-container div.layout4-content {
          width: 33%; } }
      @media (max-width: 650px) {
        .main-container.unterseitenlayout4 .base-container div.layout4-content {
          width: 100%;
          padding: 50px 0 50px 0;
          padding: 0;
          min-height: 0; } }
      .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container {
        padding: 50px 0 50px 0; }
        .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container > h1 {
          margin: 0 1.5rem -1rem 1.5rem;
          font-size: 3rem;
          line-height: 3rem;
          font-family: 'ClarendonBT-Light';
          text-align: left;
          display: block; }
          @media (max-width: 650px) {
            .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container > h1 {
              margin: 0 0 1rem 10px;
              text-align: center;
              display: block; } }
        .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .text {
          width: 100%;
          box-sizing: border-box;
          margin: 0;
          padding: 2em 1.5em;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem; }
          @media (max-width: 650px) {
            .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .text {
              margin-bottom: 100px;
              margin: 0 40px;
              font-size: 1rem;
              width: auto;
              padding: 2em 0.2em; } }
          .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .text h1 {
            font-size: 36px;
            font-family: 'ClarendonBT-Light'; }
          .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .text img {
            width: 100%; }
          .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .text .bildunterschrift {
            background: transparent !important;
            border-color: transparent !important;
            font-size: 10px;
            line-height: 13px;
            font-weight: 600; }
        .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .bu {
          border-color: transparent !important;
          font-size: 10px;
          line-height: 13px;
          font-weight: 600;
          padding: 20px 1.5rem 10px 1.5rem;
          background: transparent !important; }
          @media (max-width: 650px) {
            .main-container.unterseitenlayout4 .base-container div.layout4-content .content-container .bu {
              margin: 0 40px; } }
    .main-container.unterseitenlayout4 .base-container .bild {
      top: 0;
      position: fixed;
      background-attachment: fixed;
      margin-left: 12.5%;
      width: 100%;
      min-height: 100%;
      height: auto;
      z-index: 1;
      background-size: contain; }
      @media (max-width: 930px) {
        .main-container.unterseitenlayout4 .base-container .bild {
          margin-left: 0; } }
    .main-container.unterseitenlayout4 .base-container .bildunterschrift {
      background: transparent !important;
      border-color: transparent !important;
      font-size: 10px;
      line-height: 13px;
      font-weight: 600; }

.nav-horizontal a, .nav-horizontal :link, .nav-horizontal :hover, .nav-horizontal :visited, .nav-horizontal :active {
  color: #999;
  outline: none; }

.main-container.mieter {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background: white; }
  .main-container.mieter .mieter-layout {
    padding: 20px 40px;
    margin-left: 0;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
    background: white;
    position: relative; }
    @media (max-width: 650px) {
      .main-container.mieter .mieter-layout {
        margin-left: 0%;
        padding: 30px 0px; } }
    .main-container.mieter .mieter-layout .svg_container {
      width: 58%;
      float: left;
      position: absolute;
      height: 100%;
      margin: 0;
      padding: 20px 50px 20px 0;
      box-sizing: border-box;
      /*SVG styling*/ }
      @media (max-width: 930px) {
        .main-container.mieter .mieter-layout .svg_container {
          width: 47%; } }
      @media (max-width: 650px) {
        .main-container.mieter .mieter-layout .svg_container {
          float: none;
          clear: both;
          width: 100%;
          position: relative;
          padding: 20px; } }
      .main-container.mieter .mieter-layout .svg_container svg {
        height: 95%;
        max-height: 95%;
        width: 100%;
        position: absolute;
        top: 0;
        padding: 0px 0 20px 0;
        box-sizing: border-box; }
        @media (max-width: 930px) {
          .main-container.mieter .mieter-layout .svg_container svg {
            top: auto; } }
        @media (max-width: 650px) {
          .main-container.mieter .mieter-layout .svg_container svg {
            position: relative; } }
      .main-container.mieter .mieter-layout .svg_container .help_text {
        width: 50%;
        line-height: 1.5rem;
        font-size: 12px;
        color: #666;
        margin-top: -20px; }
        @media (max-width: 930px) {
          .main-container.mieter .mieter-layout .svg_container .help_text {
            font-size: 10px;
            width: 100%; } }
      .main-container.mieter .mieter-layout .svg_container .pos text {
        display: none; }
      .main-container.mieter .mieter-layout .svg_container .pos rect {
        display: none;
        fill: #010202 !important; }
      .main-container.mieter .mieter-layout .svg_container .overflow {
        height: 600px; }
      .main-container.mieter .mieter-layout .svg_container #polygon4282 {
        stroke: #c6c6c6; }
      .main-container.mieter .mieter-layout .svg_container .hof rect {
        stroke: #010202; }
      .main-container.mieter .mieter-layout .svg_container .pos rect {
        stroke: transparent; }
      .main-container.mieter .mieter-layout .svg_container .hof:hover {
        cursor: pointer; }
      .main-container.mieter .mieter-layout .svg_container .hof:hover rect {
        fill: #e4af6c !important;
        stroke: #e4af6c !important; }
      .main-container.mieter .mieter-layout .svg_container .hof:hover path {
        fill: black !important; }
@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 1; } }
      .main-container.mieter .mieter-layout .svg_container .blink {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        -webkit-animation-direction: normal;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: blink;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-direction: normal;
        -moz-animation-duration: 1.5s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: blink;
        -moz-animation-timing-function: ease-in-out; }
    .main-container.mieter .mieter-layout .right {
      width: 40%;
      padding: 20px 10px;
      position: absolute;
      right: 40px;
      margin: -20px -10px 0 0;
      box-sizing: border-box;
      overflow-y: auto;
      overflow-x: hidden;
      background: #ffffff;
      /* result list */
      /* result */ }
      @media (max-width: 650px) {
        .main-container.mieter .mieter-layout .right {
          width: 100%;
          clear: both;
          right: auto;
          padding: 20px 40px; } }
      .main-container.mieter .mieter-layout .right .selects:first-child {
        margin-top: -15px; }
      .main-container.mieter .mieter-layout .right .selects label {
        /* select boxes */ }
        .main-container.mieter .mieter-layout .right .selects label .select-label {
          font-weight: 600;
          margin-bottom: 5px;
          margin-top: 15px; }
        .main-container.mieter .mieter-layout .right .selects label select, .main-container.mieter .mieter-layout .right .selects label .ui-selectmenu-button {
          min-width: 100%;
          max-width: 100%; }
          @media (max-width: 650px) {
            .main-container.mieter .mieter-layout .right .selects label select, .main-container.mieter .mieter-layout .right .selects label .ui-selectmenu-button {
              width: 100%; } }
      .main-container.mieter .mieter-layout .right .results {
        list-style-type: none;
        margin: 20px 0 0 0; }
        .main-container.mieter .mieter-layout .right .results li {
          padding-left: 1em;
          margin: .25em;
          line-height: 2.4em;
          background: #010202;
          color: #ffffff; }
          .main-container.mieter .mieter-layout .right .results li:hover {
            cursor: pointer;
            background: #e4af6c;
            color: black; }
      .main-container.mieter .mieter-layout .right .result {
        list-style-type: none;
        margin: 20px 0 0 0;
        padding: 10px;
        border: 1px solid #ccc; }
        .main-container.mieter .mieter-layout .right .result img {
          width: 33%; }
        .main-container.mieter .mieter-layout .right .result p {
          margin: 40px 0 20px 0;
          line-height: 1.5rem; }

.overflow {
  height: auto;
  max-height: 45em;
  min-height: 15em; }
  @media (max-width: 650px) {
    .overflow {
      height: 15px;
      max-height: none;
      min-height: none; } }

.ui-state-default .ui-icon {
  color: #e4af6c; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-radius: 0 !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: black !important;
  color: #ffffff !important;
  font-family: 'Open Sans', sans-serif !important; }

.ui-menu-item {
  background: #010202 !important;
  color: #ffffff !important;
  font-family: 'Open Sans', sans-serif; }

.ui-menu-item.ui-state-focus {
  background: #e4af6c !important;
  color: #010202 !important;
  border: none !important; }

.main-container.bilderlayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-size: 130%;
  background-position: top; }
  .main-container.bilderlayout div {
    margin-top: 5rem; }
    .main-container.bilderlayout div > h1 {
      margin: 0 0 -1rem 0;
      font-size: 7rem;
      font-size: 5vw;
      font-family: 'ClarendonBT-Light';
      text-align: center; }
    .main-container.bilderlayout div .ornament {
      display: block;
      width: 450px;
      width: 40%;
      height: 15px;
      position: relative;
      margin: 40px auto; }
      .main-container.bilderlayout div .ornament .ornament-svg {
        overflow: visible;
        enable-background: new 0 0 450 15; }
    .main-container.bilderlayout div .text {
      width: 42%;
      margin: 0 auto;
      padding: 2em 2.5em;
      font-family: 'Old Standard TT', serif;
      font-size: 1.8rem;
      font-weight: 400;
      font-style: italic;
      line-height: 2.4rem; }
      @media (max-width: 930px) {
        .main-container.bilderlayout div .text {
          width: 70%;
          font-size: 1.8rem;
          line-height: 2.3rem; } }
      @media (max-width: 650px) {
        .main-container.bilderlayout div .text {
          width: auto;
          min-width: 50%;
          margin: 0 40px;
          font-size: 1.5rem;
          line-height: 2rem; } }
      .main-container.bilderlayout div .text h1 {
        font-size: 36px;
        font-family: 'ClarendonBT-Light'; }
  .main-container.bilderlayout .bildunterschrift {
    background: transparent !important;
    border-color: transparent !important;
    font-size: 10px;
    line-height: 13px;
    font-weight: 600; }