/* compiled by scssphp v0.8.0 on Wed, 22 Mar 2023 10:47:25 +0000 (0.1553s) */

@charset "utf-8";
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4999;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 10002; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  position: relative; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
/*
 @font-face {
 font-family:'Material Icons';
 src:    url('/site/templates/fonts/MaterialIcons-Regular.woff2') format('woff2'),
 url('/site/templates/fonts/MaterialIcons-Regular.woff') format('woff');
 }
 */
@font-face {
  font-family: 'icomoon';

  src: url('/site/templates/fonts/icomoon.woff2') format('woff2'), url('/site/templates/fonts/icomoon.woff') format('woff'); }

@font-face {
  font-family: "Futura LT W04 Light1475790";

  src: url("/site/templates/fonts/1475790/7a0bcc93-4ec5-4962-8f7d-b0a2ba0cad4b.eot?#iefix");

  src: url("/site/templates/fonts/1475790/7a0bcc93-4ec5-4962-8f7d-b0a2ba0cad4b.eot?#iefix") format("eot"), url("/site/templates/fonts/1475790/9550426d-1ed5-4fb6-8e1c-0529c8546247.woff2") format("woff2"), url("/site/templates/fonts/1475790/9432cd19-89de-4884-bef2-8507ee5588e0.woff") format("woff"), url("/site/templates/fonts/1475790/dc4205f2-bbb2-4c49-a37b-c3ed1585f174.ttf") format("truetype"); }

@font-face {
  font-family: "Futura LT W04 Medium1475814";

  src: url("/site/templates/fonts/1475814/92596d86-eab0-4abb-ae87-3f8ee4d3dceb.eot?#iefix");

  src: url("/site/templates/fonts/1475814/92596d86-eab0-4abb-ae87-3f8ee4d3dceb.eot?#iefix") format("eot"), url("/site/templates/fonts/1475814/2feabad2-d70f-4b3d-9a27-87bffac21bce.woff2") format("woff2"), url("/site/templates/fonts/1475814/f0ee8fd2-4e6c-4676-b99d-5995bd5d9cc8.woff") format("woff"), url("/site/templates/fonts/1475814/74b800bd-5c70-408f-951d-301b7a646abf.ttf") format("truetype"); }

@font-face {
  font-family: "Futura LT W04 Heavy1475850";

  src: url("/site/templates/fonts/1475850/95949987-060f-4fde-ae8a-c755c53d32c3.eot?#iefix");

  src: url("/site/templates/fonts/1475850/95949987-060f-4fde-ae8a-c755c53d32c3.eot?#iefix") format("eot"), url("/site/templates/fonts/1475850/4f715ace-9293-4317-a040-33fbcb2b0a90.woff2") format("woff2"), url("/site/templates/fonts/1475850/e0f29ba8-6773-4927-8374-b51a343706d7.woff") format("woff"), url("/site/templates/fonts/1475850/a4fbf6ad-5e14-4594-928b-4ffbef9a1c46.ttf") format("truetype"); }

@font-face {
  font-family: "Quant W05 Regular";

  src: url("/site/templates/fonts/5225737/3138384d-7638-4329-801c-847735185c9d.eot?#iefix");

  src: url("/site/templates/fonts/5225737/3138384d-7638-4329-801c-847735185c9d.eot?#iefix") format("eot"), url("/site/templates/fonts/5225737/bb4f268f-317a-4d23-8db1-450e18bcc173.woff2") format("woff2"), url("/site/templates/fonts/5225737/640477b3-54c7-4f72-a658-98516c723974.woff") format("woff"), url("/site/templates/fonts/5225737/740ace2d-ac6d-40ab-b728-d39ed204dadc.ttf") format("truetype"); }

@font-face {
  font-family: "Quant W05 Italic";

  src: url("/site/templates/fonts/5225983/ae9ab5ff-d2d5-448d-9041-79ea253532aa.eot?#iefix");

  src: url("/site/templates/fonts/5225983/ae9ab5ff-d2d5-448d-9041-79ea253532aa.eot?#iefix") format("eot"), url("/site/templates/fonts/5225983/dbb2ca66-4cf2-4735-a460-4d87241662c8.woff2") format("woff2"), url("/site/templates/fonts/5225983/4a086088-4f93-4338-b7fe-b7b2475ebacf.woff") format("woff"), url("/site/templates/fonts/5225983/22c815d0-1dc2-4999-9d88-174ad6a0523e.ttf") format("truetype"); }

@font-face {
  font-family: "Quant W05 Medium";

  src: url("/site/templates/fonts/5171684/dfe8a6b2-ff69-4ca4-bb53-3dda2009ca21.eot?#iefix");

  src: url("/site/templates/fonts/5171684/dfe8a6b2-ff69-4ca4-bb53-3dda2009ca21.eot?#iefix") format("eot"), url("/site/templates/fonts/5171684/8f903816-5404-4097-98e1-505d28f6226b.woff2") format("woff2"), url("/site/templates/fonts/5171684/7d0457a6-2f07-4bc7-a1a1-7216012a7714.woff") format("woff"), url("/site/templates/fonts/5171684/f9310d0a-fb4d-4687-9d0b-be9d6b945a74.ttf") format("truetype"); }
/*
 @font-face{
 font-family:"Futura LT W04 Black";
 src:url("/site/templates/fonts/1459332/24b07379-1879-4d18-b4c9-5bd12a046793.eot?#iefix");
 src:url("/site/templates/fonts/1459332/24b07379-1879-4d18-b4c9-5bd12a046793.eot?#iefix") format("eot"),url("/site/templates/fonts/1459332/44144bc0-5bfd-447e-9a73-0e131cfd0218.woff2") format("woff2"),url("/site/templates/fonts/1459332/30036c5a-9420-41af-a465-30189c2345b4.woff") format("woff"),url("/site/templates/fonts/1459332/b8cfe89a-4017-4faf-919d-ab3edbbddb94.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Light Obl1475796";
 src:url("/site/templates/fonts/1475796/539fe5e2-8e50-4928-912a-944b27046aa6.eot?#iefix");
 src:url("/site/templates/fonts/1475796/539fe5e2-8e50-4928-912a-944b27046aa6.eot?#iefix") format("eot"),url("/site/templates/fonts/1475796/6b9f4ac6-3a9d-4626-bce2-a3bc7d07b46a.woff2") format("woff2"),url("/site/templates/fonts/1475796/b7d0fe1c-6ba4-4cba-9a0a-af7b1bb6a623.woff") format("woff"),url("/site/templates/fonts/1475796/b4875bcd-e66d-4824-9b53-990ff5329382.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Book1475802";
 src:url("/site/templates/fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix");
 src:url("/site/templates/fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix") format("eot"),url("/site/templates/fonts/1475802/5f081b13-e570-4277-9283-091a6f6cab04.woff2") format("woff2"),url("/site/templates/fonts/1475802/588b3f3a-c193-4962-8e01-d4caef90f58b.woff") format("woff"),url("/site/templates/fonts/1475802/cdced636-4488-4c04-809c-e6e1379600ec.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Book Obli1475808";
 src:url("/site/templates/fonts/1475808/18344c49-d09e-4b3c-b8a8-b8ab949de2f9.eot?#iefix");
 src:url("/site/templates/fonts/1475808/18344c49-d09e-4b3c-b8a8-b8ab949de2f9.eot?#iefix") format("eot"),url("/site/templates/fonts/1475808/a8f30db2-f049-4e3d-8025-2f848c97f096.woff2") format("woff2"),url("/site/templates/fonts/1475808/05f1af80-02cb-4d2b-992e-f7e9d678b7ad.woff") format("woff"),url("/site/templates/fonts/1475808/7fc6d4cf-507b-4169-b151-c4ad51e034ca.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Medium1475814";
 src:url("/site/templates/fonts/1475814/92596d86-eab0-4abb-ae87-3f8ee4d3dceb.eot?#iefix");
 src:url("/site/templates/fonts/1475814/92596d86-eab0-4abb-ae87-3f8ee4d3dceb.eot?#iefix") format("eot"),url("/site/templates/fonts/1475814/2feabad2-d70f-4b3d-9a27-87bffac21bce.woff2") format("woff2"),url("/site/templates/fonts/1475814/f0ee8fd2-4e6c-4676-b99d-5995bd5d9cc8.woff") format("woff"),url("/site/templates/fonts/1475814/74b800bd-5c70-408f-951d-301b7a646abf.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Medium Ob1475820";
 src:url("/site/templates/fonts/1475820/84051870-f040-46c2-b101-b4523883aa10.eot?#iefix");
 src:url("/site/templates/fonts/1475820/84051870-f040-46c2-b101-b4523883aa10.eot?#iefix") format("eot"),url("/site/templates/fonts/1475820/3e63cf21-1479-4ab0-af2d-f548907f3ec9.woff2") format("woff2"),url("/site/templates/fonts/1475820/c3373c25-ce7b-4bab-9772-c7fc45e87d4d.woff") format("woff"),url("/site/templates/fonts/1475820/aa579620-3a5a-4db8-81ec-93602b05e7d9.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Bold1475826";
 src:url("/site/templates/fonts/1475826/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix");
 src:url("/site/templates/fonts/1475826/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix") format("eot"),url("/site/templates/fonts/1475826/12dbb46a-1b0b-40ee-80a6-4141c349b55f.woff2") format("woff2"),url("/site/templates/fonts/1475826/2abd55ef-07d0-473e-80e1-0e4066cd01fa.woff") format("woff"),url("/site/templates/fonts/1475826/c4fa8988-43d1-4a01-96e4-36c5c5a121c9.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Bold Obli1475832";
 src:url("/site/templates/fonts/1475832/0e1bbf60-6f0d-4df8-bae6-c91e0112462c.eot?#iefix");
 src:url("/site/templates/fonts/1475832/0e1bbf60-6f0d-4df8-bae6-c91e0112462c.eot?#iefix") format("eot"),url("/site/templates/fonts/1475832/1f54c69d-9346-4402-abd9-d4e764a690e7.woff2") format("woff2"),url("/site/templates/fonts/1475832/d11e8b04-6f0c-4fcf-829a-0f3a6a7533ee.woff") format("woff"),url("/site/templates/fonts/1475832/b4e945dd-6acc-4f06-a215-1de6a0551643.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Extra Bol1475838";
 src:url("/site/templates/fonts/1475838/b2a8e0f7-fb89-4216-a216-b0d20c0a764f.eot?#iefix");
 src:url("/site/templates/fonts/1475838/b2a8e0f7-fb89-4216-a216-b0d20c0a764f.eot?#iefix") format("eot"),url("/site/templates/fonts/1475838/fb4c1bec-65b7-49c1-9cdb-2d38077a2256.woff2") format("woff2"),url("/site/templates/fonts/1475838/6daeefa5-3ccc-468f-8a4c-1f7458fdc723.woff") format("woff"),url("/site/templates/fonts/1475838/8e14af9b-4995-4326-ac2f-6ff4c9f4aca1.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Extra Bol1475844";
 src:url("/site/templates/fonts/1475844/38762066-5973-40ec-9fa4-8c194bf8c8c3.eot?#iefix");
 src:url("/site/templates/fonts/1475844/38762066-5973-40ec-9fa4-8c194bf8c8c3.eot?#iefix") format("eot"),url("/site/templates/fonts/1475844/e3427094-c8a0-4fe1-b9d9-d0844843045a.woff2") format("woff2"),url("/site/templates/fonts/1475844/6f622d10-a5f1-40fd-b0dd-355b2afa32f3.woff") format("woff"),url("/site/templates/fonts/1475844/1a63f8d1-c2dc-4ad2-9369-31ef274ea127.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Heavy1475850";
 src:url("/site/templates/fonts/1475850/95949987-060f-4fde-ae8a-c755c53d32c3.eot?#iefix");
 src:url("/site/templates/fonts/1475850/95949987-060f-4fde-ae8a-c755c53d32c3.eot?#iefix") format("eot"),url("/site/templates/fonts/1475850/4f715ace-9293-4317-a040-33fbcb2b0a90.woff2") format("woff2"),url("/site/templates/fonts/1475850/e0f29ba8-6773-4927-8374-b51a343706d7.woff") format("woff"),url("/site/templates/fonts/1475850/a4fbf6ad-5e14-4594-928b-4ffbef9a1c46.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Heavy Obl1475856";
 src:url("/site/templates/fonts/1475856/b24bf409-b7f2-4661-929d-7ccbbfdb77e3.eot?#iefix");
 src:url("/site/templates/fonts/1475856/b24bf409-b7f2-4661-929d-7ccbbfdb77e3.eot?#iefix") format("eot"),url("/site/templates/fonts/1475856/61414f4e-ff3e-4d9e-9f92-4924dbffcc77.woff2") format("woff2"),url("/site/templates/fonts/1475856/e6d80355-04f7-41da-b264-ab551e05936c.woff") format("woff"),url("/site/templates/fonts/1475856/c67a17fc-ca5d-412a-939b-c36137625a12.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura LT W04 Medium Co1475874";
 src:url("/site/templates/fonts/1475874/5dcd2841-62b1-4b63-8c3b-7c1668ef2b10.eot?#iefix");
 src:url("/site/templates/fonts/1475874/5dcd2841-62b1-4b63-8c3b-7c1668ef2b10.eot?#iefix") format("eot"),url("/site/templates/fonts/1475874/943761d2-2c65-4417-9f63-45cacc4d648f.woff2") format("woff2"),url("/site/templates/fonts/1475874/c53dfb9d-fab8-46e1-9637-6a0a64fd2150.woff") format("woff"),url("/site/templates/fonts/1475874/bb4bf0b1-f88b-4ab1-b559-e89ece1fa653.ttf") format("truetype");
 }
 @font-face{
 font-family:"Quant W05 Medium";
 src:url("/site/templates/fonts/5171684/dfe8a6b2-ff69-4ca4-bb53-3dda2009ca21.eot?#iefix");
 src:url("/site/templates/fonts/5171684/dfe8a6b2-ff69-4ca4-bb53-3dda2009ca21.eot?#iefix") format("eot"),url("/site/templates/fonts/5171684/8f903816-5404-4097-98e1-505d28f6226b.woff2") format("woff2"),url("/site/templates/fonts/5171684/7d0457a6-2f07-4bc7-a1a1-7216012a7714.woff") format("woff"),url("/site/templates/fonts/5171684/f9310d0a-fb4d-4687-9d0b-be9d6b945a74.ttf") format("truetype");
 }
 @font-face{
 font-family:"Quant W05 Regular";
 src:url("/site/templates/fonts/5225737/3138384d-7638-4329-801c-847735185c9d.eot?#iefix");
 src:url("/site/templates/fonts/5225737/3138384d-7638-4329-801c-847735185c9d.eot?#iefix") format("eot"),url("/site/templates/fonts/5225737/bb4f268f-317a-4d23-8db1-450e18bcc173.woff2") format("woff2"),url("/site/templates/fonts/5225737/640477b3-54c7-4f72-a658-98516c723974.woff") format("woff"),url("/site/templates/fonts/5225737/740ace2d-ac6d-40ab-b728-d39ed204dadc.ttf") format("truetype");
 }
 @font-face{
 font-family:"Quant W05 Italic";
 src:url("/site/templates/fonts/5225983/ae9ab5ff-d2d5-448d-9041-79ea253532aa.eot?#iefix");
 src:url("/site/templates/fonts/5225983/ae9ab5ff-d2d5-448d-9041-79ea253532aa.eot?#iefix") format("eot"),url("/site/templates/fonts/5225983/dbb2ca66-4cf2-4735-a460-4d87241662c8.woff2") format("woff2"),url("/site/templates/fonts/5225983/4a086088-4f93-4338-b7fe-b7b2475ebacf.woff") format("woff"),url("/site/templates/fonts/5225983/22c815d0-1dc2-4999-9d88-174ad6a0523e.ttf") format("truetype");
 }
 @font-face{
 font-family:"Futura W04 Display";
 src:url("/site/templates/fonts/5394392/099da9c1-428c-4b4d-94cd-8413d624e64e.eot?#iefix");
 src:url("/site/templates/fonts/5394392/099da9c1-428c-4b4d-94cd-8413d624e64e.eot?#iefix") format("eot"),url("/site/templates/fonts/5394392/ca7c4f52-86a1-470e-9d54-53182c0cf39c.woff2") format("woff2"),url("/site/templates/fonts/5394392/50cda34c-b36a-4874-88d9-98635925c5cb.woff") format("woff"),url("/site/templates/fonts/5394392/84b070b1-2af7-48c4-94df-ca9f47ba82dc.ttf") format("truetype");
 }
 */
.sans_light, ul.mainNavi > li > ul > li a span, figure.headerImage figcaption, figure.headerImage figcaption *, figure.headerImage figcaption h3, div.mapParent .leaflet-control-attribution, div.mapParent .leaflet-control-attribution *, svg#bautraeger text, svg#bautraeger text *, svg#verkauf_detail text, svg#verkauf_detail text *, div#overlay figure figcaption, article.overlayArticle figure figcaption {
  font-family: "Futura LT W04 Light1475790", sans-serif; }

.sans_medium, form.FormBuilder div.InputfieldMarkup div.InputfieldContent, form.FormBuilder div.InputfieldMarkup div.InputfieldContent *, form.FormBuilder input, form.FormBuilder select, form.FormBuilder textarea, form.FormBuilder input *, form.FormBuilder select *, form.FormBuilder textarea *, form.FormBuilder label, form.FormBuilder label *, form.FormBuilder button, ul.offersList > li article h4, ul.offersList > li article p.further a, ul.referencesList > li article h4, ul.personList li h4, ul.lexiconList li h4, ul.partnerList li h4, ul.mainNavi > li a span, ul.mainNavi > li > ul > li:hover a span, ul.mainNavi > li > ul > li.active a span, ul.mobileNavi *, figure.headerImage figcaption h4, body > footer > div.wrapper *, main div.contentelement.plus strong, main div.contentelement.alert strong, main div.contentelement h3, main div.contentelement strong, div#overlay h3, article.overlayArticle h3, article.overlayArticle div.text div.statement p.url a span, div.contactData *, .mCCF--dark .mCCF__accept {
  font-family: "Futura LT W04 Medium1475814", sans-serif !important;
  letter-spacing: 0.05rem; }

.sans_heavy, form.filter h4, form.filter.references h4, form.filter.offers h4, ul.mainNavi > li.active > a span, .imageMapParent div.contents h4, div.contentelement.features div.featuresParent article h3, div#overlay div.text p.link, div#overlay div.text p.link *, article.overlayArticle div.text p.link, article.overlayArticle div.text p.link * {
  font-family: "Futura LT W04 Heavy1475850", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05rem; }

.serif_regular, body * {
  font-family: "Quant W05 Regular", serif; }

.serif_semibold, .imageMapParent div.imageMap button, .imageMapParent div.contents p, div#overlay h4, div#overlay div.text div.teaser *, article.overlayArticle h4, article.overlayArticle div.text div.teaser * {
  font-family: "Quant W05 Medium", serif; }

.serif_italic, main div.contentelement h4, div#overlay div.text, div#overlay div.text *, article.overlayArticle div.text, article.overlayArticle div.text * {
  font-family: "Quant W05 Italic", serif; }

.fs_h1, figure.headerImage figcaption h3, figure.headerImage figcaption h4, main div.contentelement h3 {
  font-size: 1.6rem;
  letter-spacing: 0.05rem;
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 69.375rem) {
  .fs_h1, figure.headerImage figcaption h3, figure.headerImage figcaption h4, main div.contentelement h3 {
    font-size: 1.3rem; } }
  @media only screen and (max-width: 41rem) {
  .fs_h1, figure.headerImage figcaption h3, figure.headerImage figcaption h4, main div.contentelement h3 {
    font-size: 1.2rem; } }

.fs_teaser, figure.headerImage figcaption, figure.headerImage figcaption * {
  font-size: 1.3rem; }

.fs_text, body * {
  font-size: 1rem; }

.material-icons, .icon::before, div.accordion section.content h4::after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.icomoon, ul.mainNavi > li.home a::before, ul.mainNavi > li.telefon a::before, ul.mobileNavi li.telefon a::before {
  font-family: "icomoon"; }

button {
  background: none;
  border: none;
  transition: all 0.3s;
  vertical-align: top; }

form.FormBuilder ul {
  list-style: none;
  margin-left: 0; }
  form.FormBuilder ul li {
    padding-left: 0 !important; }
    form.FormBuilder ul li::before {
      content: "";
      display: none; }
  form.FormBuilder div.InputfieldMarkup div.InputfieldContent > span {
    border-radius: 5px;
    background-color: white;
    padding: 0.5rem 1rem;
    display: block; }
    form.FormBuilder div.InputfieldMarkup div.InputfieldContent, form.FormBuilder div.InputfieldMarkup div.InputfieldContent * {
      color: black; }
  form.FormBuilder input, form.FormBuilder select, form.FormBuilder textarea {
    border-radius: 5px;
    background-color: white;
    padding: 0.5rem 1rem; }
  form.FormBuilder input, form.FormBuilder select, form.FormBuilder textarea, form.FormBuilder input *, form.FormBuilder select *, form.FormBuilder textarea * {
    color: #8d7197 !important; }
  form.FormBuilder input[type="radio"], form.FormBuilder select[type="radio"], form.FormBuilder textarea[type="radio"], form.FormBuilder input[type="checkbox"], form.FormBuilder select[type="checkbox"], form.FormBuilder textarea[type="checkbox"] {
    margin-right: 0.4rem; }
  form.FormBuilder input[type="checkbox"], form.FormBuilder select[type="checkbox"], form.FormBuilder textarea[type="checkbox"] {
    margin-right: 0.7rem; }
  form.FormBuilder div.Inputfields div:not(.Inputfield_anrede):not(.Inputfield_ihr_name):not(.InputfieldColumnWidth) > div {
    margin-left: 20%;
    padding-left: 1.5em; }
    @media only screen and (max-width: 41rem) {
      form.FormBuilder div.Inputfields div:not(.Inputfield_anrede):not(.Inputfield_ihr_name):not(.InputfieldColumnWidth) > div {
        margin-left: 0;
        padding-left: 0; } }
  form.FormBuilder div:not(.InputfieldRadios):not(.InputfieldCheckbox) > label {
    display: none; }
  form.FormBuilder div:not(.InputfieldRadios):not(.InputfieldCheckbox) li {
    display: inline-block;
    margin-right: 1rem; }
  form.FormBuilder div.InputfieldCheckbox > label {
    display: none; }
  form.FormBuilder div.InputfieldCheckbox div.InputfieldContent label {
    margin-left: -1.5em;
    display: block;
    padding-left: 25px; }
    @media only screen and (max-width: 41rem) {
      form.FormBuilder div.InputfieldCheckbox div.InputfieldContent label {
        margin-left: 0; } }
    form.FormBuilder div.InputfieldCheckbox div.InputfieldContent label input {
      position: absolute;
      left: 0;
      top: 5px; }
  form.FormBuilder div.InputfieldRadios {
    padding-top: 5px;
    text-align: right; }
  @media only screen and (max-width: 41rem) {
    form.FormBuilder div.InputfieldRadios {
      text-align: left; } }
  form.FormBuilder div.InputfieldRadios > label {
    display: none; }
  form.FormBuilder div.InputfieldSubmit {
    text-align: right; }
  form.FormBuilder div.Inputfield_intro {
    margin-bottom: 0.5rem; }
  form.FormBuilder button {
    border-radius: 5px;
    background-color: #8d7197;
    color: white !important;
    text-transform: uppercase; }
  form.FormBuilder button::before {
    font-family: icomoon;
    content: "\e90a";
    margin-right: 0.7rem; }
  form.filter {
    border-radius: 10px;
    border-radius: 10px;
    overflow: hidden; }
  form.filter ul.checkboxList li {
    padding-left: 0 !important;
    margin-right: 1rem;
    display: inline-block; }
    form.filter ul.checkboxList li::before {
      display: none; }
    form.filter ul.checkboxList li input[type=checkbox] {
      margin-right: 0.4rem; }
  form.filter h4 {
    display: inline-block;
    border-bottom: 1px solid black;
    margin-bottom: 1rem;
    font-size: 1rem; }
  form.filter.references {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10000;
    padding: 1rem 2rem;
    background-color: rgba(172, 148, 180, 0.85); }
  @media only screen and (max-width: 41rem) {
    form.filter.references {
      position: static;
      border-radius: 0; } }
  form.filter.references h4 {
    display: inline-block;
    border-bottom: 1px solid black;
    margin-bottom: 1rem;
    font-size: 1rem; }
  form.filter.references input[type=checkbox]::after {
    top: 0 !important;
    background-color: rgba(172, 148, 180, 0.85) !important; }
  form.filter.offers {
    margin-bottom: 2rem;
    background-color: #f7f3ee;
    padding: 1rem 2rem;
    margin-left: 28%; }
  @media only screen and (max-width: 41rem) {
    form.filter.offers {
      margin-left: 0; } }
  form.filter.offers h4 {
    display: inline-block;
    border-bottom: 1px solid black;
    margin-bottom: 1rem;
    font-size: 1rem; }
  form.filter.offers input[type=checkbox]::after {
    top: 0 !important;
    background-color: #f7f3ee !important; }

.checkboxCustom::after, form.FormBuilder input[type="radio"]::after, form.FormBuilder select[type="radio"]::after, form.FormBuilder textarea[type="radio"]::after, form.FormBuilder input[type="checkbox"]::after, form.FormBuilder select[type="checkbox"]::after, form.FormBuilder textarea[type="checkbox"]::after, form.filter ul.checkboxList li input[type=checkbox]::after {
  font-family: icomoon;
  content: "\e908";
  position: absolute;
  left: -1px;
  top: -5px;
  background-color: #eae1d4; }
  .checkboxCustom:checked::after, form.FormBuilder input[type="radio"]:checked::after, form.FormBuilder select[type="radio"]:checked::after, form.FormBuilder textarea[type="radio"]:checked::after, form.FormBuilder input[type="checkbox"]:checked::after, form.FormBuilder select[type="checkbox"]:checked::after, form.FormBuilder textarea[type="checkbox"]:checked::after, form.filter ul.checkboxList li input[type=checkbox]:checked::after {
    content: "\e909"; }

ul.offersList {
  list-style: none; }
  ul.offersList li {
    padding-left: 0px !important; }
  ul.offersList li::before {
    content: "" !important; }
  ul.offersList > li {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap; }
  ul.offersList > li div.img {
    display: block;
    width: 28%;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
    ul.offersList > li div.img a {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  ul.offersList > li picture {
    display: block;
    width: 28%; }
    ul.offersList > li picture img {
      display: block;
      width: 100%; }
  ul.offersList > li article {
    width: 72%;
    padding: 1rem 2rem 1rem 2rem; }
    ul.offersList > li article * {
      font-size: 0.95rem; }
    ul.offersList > li article h4 {
      font-size: 1.1rem;
      margin-bottom: 1rem;
      color: black; }
    ul.offersList > li article a {
      text-decoration: none; }
    ul.offersList > li article ul.desc {
      list-style: disc;
      margin: 0 0 1rem 1.2rem; }
    ul.offersList > li article ul.desc li {
      margin: 0 0 0.3rem 0; }
    ul.offersList > li article p {
      margin: 0 0 0.5rem 0; }
    ul.offersList > li article p.further a::before {
      font-family: icomoon;
      content: "\e902";
      margin-right: 0.5rem; }
      ul.offersList > li article p.further a:hover {
        text-decoration: underline; }
    ul.offersList > li article p.address {
      position: absolute;
      left: 1.8rem;
      bottom: 0.8rem;
      margin: 0 0 0 0;
      padding-left: 1.5rem; }
    ul.offersList > li article p.address::before {
      font-family: icomoon;
      content: "\e906";
      color: #000;
      font-size: 1.1rem;
      position: absolute;
      left: 0;
      top: 0px; }
    ul.offersList > li article p.address.mietobjekt::before {
      color: #c1b8aa; }
    ul.offersList > li article p.address.kaufobjekt::before {
      color: #5b346b; }
    ul.offersList > li article p.address.neubauprojekte::before {
      color: #212853; }
    ul.offersList > li article p.address.ferienimmobilien::before {
      color: #ff8018; }
    ul.offersList > li article p.address.bestandsimmobilien::before {
      color: #0b7332; }
    ul.offersList > li article div.contactData {
      position: absolute;
      bottom: 0.8rem;
      right: 2rem; }
    ul.offersList > li article div.contactData ul {
      padding-top: 0.5rem;
      list-style: none;
      margin-left: 0 !important; }
    @media only screen and (max-width: 41rem) {
    ul.offersList > li article {
      padding-bottom: 1rem; }
      ul.offersList > li article p.address, ul.offersList > li article div.contactData {
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative;
        margin-bottom: 1rem; }

      ul.offersList > li article div.contactData {
        margin-bottom: 0; } }
  @media only screen and (max-width: 41rem) {
    ul.offersList > li div.img, ul.offersList > li article {
      width: 100%; }
      ul.offersList > li div.img {
        height: 200px; } }

ul.referencesList {
  list-style: none;
  columns: 3;
  column-gap: 2rem; }
  @media only screen and (max-width: 73.75rem) and (min-width: 69.375rem) {
  ul.referencesList {
    columns: 2; } }
  @media only screen and (max-width: 69.375rem) {
  ul.referencesList {
    columns: 2; } }
  @media only screen and (max-width: 41rem) {
  ul.referencesList {
    columns: 1; } }
  ul.referencesList li {
    padding-left: 0px !important; }
  ul.referencesList li::before {
    content: "" !important; }
  ul.referencesList > li {
    break-inside: avoid;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem; }
  ul.referencesList > li.hidden {
    display: none; }
  ul.referencesList > li picture {
    display: block;
    width: 100%; }
    ul.referencesList > li picture img {
      display: block;
      width: 100%; }
  ul.referencesList > li article {
    padding: 1rem 2rem 4rem 2rem; }
    ul.referencesList > li article * {
      font-size: 0.95rem; }
    ul.referencesList > li article h4 {
      font-size: 1.1rem;
      margin-bottom: 1rem; }
    ul.referencesList > li article a {
      text-decoration: none; }
    ul.referencesList > li article p.address {
      margin-bottom: 1rem;
      padding-left: 1.5rem; }
    ul.referencesList > li article p.address::before {
      font-family: icomoon;
      content: "\e906";
      color: #000;
      font-size: 1.1rem;
      position: absolute;
      left: 0;
      top: 3px; }
    ul.referencesList > li article p.address.mietobjekt::before {
      color: #c1b8aa; }
    ul.referencesList > li article p.address.kaufobjekt::before {
      color: #5b346b; }
    ul.referencesList > li article p.address.neubauprojekte::before {
      color: #212853; }
    ul.referencesList > li article p.address.ferienimmobilien::before {
      color: #ff8018; }
    ul.referencesList > li article p.address.bestandsimmobilien::before {
      color: #0b7332; }
    @media only screen and (max-width: 41rem) {
    ul.referencesList > li article {
      padding: 1rem 2rem 1rem 2rem; } }

ul.personList {
  display: flex;
  flex-wrap: wrap; }
  ul.personList li {
    width: 50%;
    padding: 0 1rem 2rem 1rem !important;
    text-align: center; }
  @media only screen and (max-width: 41rem) {
    ul.personList li {
      width: 100%; } }
  ul.personList li::before {
    content: "" !important; }
  ul.personList li * {
    font-size: 0.9rem; }
  ul.personList li picture {
    width: 100%; }
    ul.personList li picture a {
      display: block;
      overflow: hidden; }
    ul.personList li picture a::after {
      display: block;
      font-family: icomoon;
      content: "\e90c";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -170px;
      height: 200px;
      padding-top: 5px;
      text-align: center;
      font-size: 1.1rem;
      color: white;
      background-color: rgba(234, 225, 212, 0.8);
      border-radius: 100%; }
      @media only screen and (max-width: 41rem) {
      ul.personList li picture a::after {
        left: 50px;
        right: 50px; } }
    ul.personList li picture img {
      width: 100%;
      max-width: 200px;
      border-radius: 50%; }
  ul.personList li h4 {
    font-size: 0.9rem !important;
    letter-spacing: 0.03rem; }

ul.lexiconList li {
  padding-left: 3rem !important; }
  ul.lexiconList li::before {
    content: "";
    display: none; }
  ul.lexiconList li h4 {
    margin: 0 0 1rem -3rem !important; }

ul.partnerList li {
  padding: 1rem 0 1rem 0 !important;
  text-align: center; }
  ul.partnerList li a {
    text-decoration: none; }
  ul.partnerList li img {
    margin-bottom: 1rem;
    display: inline-block; }
  ul.partnerList li::before {
    content: "" !important;
    display: none; }
  ul.partnerList li hr {
    height: 1px;
    background-color: black;
    display: block;
    max-width: 500px;
    margin: 1rem auto; }

.icon {
  display: inline-block;
  margin-bottom: 0.5rem;
  text-decoration: none; }
  .icon::before {
    margin-right: 0.5rem;
    border-radius: 50%;
    padding: 0.3rem;
    vertical-align: middle;
    width: 33.59px;
    height: 33.59px;
    box-sizing: border-box; }

a.icon:hover {
  text-decoration: underline; }

header nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden; }
  @media only screen and (max-width: 69.375rem) {
  header nav {
    display: none; } }
  header nav h2, header nav img {
    opacity: 0; }
  header nav.active {
    min-height: 390px;
    background: #fffefe;
    background: -moz-linear-gradient(top, rgba(255, 254, 254, 1) 1%, rgba(243, 239, 232, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 254, 254, 1) 1%, rgba(243, 239, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 254, 254, 1) 1%, rgba(243, 239, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe', endColorstr='#f3efe8',GradientType=0);
    -webkit-box-shadow: 0px 11px 23px -6px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: 0px 11px 23px -6px rgba(0, 0, 0, 0.59);
    box-shadow: 0px 11px 23px -6px rgba(0, 0, 0, 0.59);
    opacity: 1; }
  header nav.active h2, header nav.active img {
    opacity: 1; }
  header nav.active ul.mainNavi > li.active > ul {
    visibility: visible;
    opacity: 1; }
  header nav h2 {
    position: absolute;
    right: 6rem;
    bottom: 1.5rem;
    font-size: 1.4rem;
    color: #575756; }
  header nav img {
    position: absolute;
    left: 4rem;
    top: 100px;
    width: 300px;
    height: auto; }
  @media only screen and (max-width: 73.75rem) and (min-width: 69.375rem) {
    header nav img {
      width: 200px; } }

ul.mainNavi {
  margin: 20px 4rem 40px 4rem;
  text-align: right; }
  ul.mainNavi > li {
    display: inline-block;
    padding-left: 1.1rem; }
  ul.mainNavi > li > a {
    display: inline-block;
    padding-top: 5px;
    border-top: 4px solid transparent; }
    ul.mainNavi > li > a span {
      text-transform: uppercase;
      font-size: 0.9rem; }
  ul.mainNavi > li a {
    text-decoration: none;
    transition: all 0.5s; }
    ul.mainNavi > li a span {
      color: #575756;
      font-size: 0.9rem;
      letter-spacing: 0.05rem;
      transition: all 0.1s; }
  ul.mainNavi > li:hover > a, ul.mainNavi > li.active > a {
    border-color: #ac94b4; }
  ul.mainNavi > li:hover > ul, ul.mainNavi > li:active > ul {
    visibility: visible;
    opacity: 1; }
  ul.mainNavi > li.home span {
    display: none; }
    ul.mainNavi > li.home a::before {
      content: "\e900";
      color: #575756; }
  ul.mainNavi > li.telefon {
    float: left;
    margin-left: 0; }
    ul.mainNavi > li.telefon a::before {
      content: "\e901";
      color: #575756;
      margin-right: 10px; }
    ul.mainNavi > li.telefon:hover a {
      border-color: transparent; }
  ul.mainNavi > li > ul {
    position: absolute;
    top: 36px;
    padding-top: 14px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0s, opacity 0.5s 0.01s; }
  ul.mainNavi > li > ul.hidden {
    visibility: hidden !important;
    opacity: 0 !important; }
  ul.mainNavi > li > ul > li {
    margin-bottom: 0.3rem; }
    ul.mainNavi > li > ul > li a {
      padding-left: 18px; }
    ul.mainNavi > li > ul > li a span {
      font-size: 0.9rem;
      letter-spacing: 0.05rem;
      white-space: nowrap; }
    ul.mainNavi > li > ul > li a::before {
      content: "•";
      position: absolute;
      top: -5px;
      left: 0;
      color: #e4e1db;
      margin: 0 5px 0 0;
      font-size: 24px; }
    ul.mainNavi > li > ul > li:hover a span, ul.mainNavi > li > ul > li.active a span {
      font-size: 0.9rem; }
    ul.mainNavi > li > ul > li:hover a::before, ul.mainNavi > li > ul > li.active a::before {
      color: #575756; }

ul.footerNavi li {
  display: inline-block; }
  ul.footerNavi li a, ul.footerNavi li button {
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    padding: 0 0.5rem;
    line-height: 100%;
    border-right: 1px solid #000; }
    ul.footerNavi li a, ul.footerNavi li button, ul.footerNavi li a *, ul.footerNavi li button * {
      color: #000;
      text-transform: uppercase; }
  ul.footerNavi li:last-child > * {
    border: none; }

ul.mobileNavi {
  padding: 2rem 2rem 100px 2rem;
  position: fixed;
  left: -400px;
  top: 0;
  height: 100vh;
  overflow: scroll;
  background-color: white;
  transition: left 0.2s;
  -webkit-box-shadow: 3px 0px 15px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 0px 15px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 0px 15px -8px rgba(0, 0, 0, 0.75); }
  ul.mobileNavi.active {
    left: 0; }
  ul.mobileNavi * {
    color: black; }
  ul.mobileNavi > li {
    margin-bottom: 0.5rem; }
  ul.mobileNavi > li a {
    display: block;
    text-decoration: none;
    padding: 0.2rem 0; }
  ul.mobileNavi > li > a {
    border-bottom: 1px solid #efefef;
    text-transform: uppercase; }
  ul.mobileNavi li > ul {
    margin-left: 2rem; }
  ul.mobileNavi li.telefon a::before {
    content: "\e901";
    color: #575756;
    margin-right: 10px; }
  ul.mobileNavi li.active > a * {
    color: #8d7197; }

body > header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding-top: 75px;
  min-height: 340px;
  background-color: #fff;
  z-index: 10001; }
  body > header button#naviToggle {
    display: none;
    position: fixed;
    top: 1rem;
    right: 1rem; }
  @media only screen and (max-width: 69.375rem) {
    body > header button#naviToggle {
      display: block; } }
  body > header button#naviToggle span {
    display: none; }
  body > header button#naviToggle::after {
    font-family: icomoon;
    content: "\e90f";
    font-size: 1.5rem;
    background-color: white;
    padding: 5px; }
  body > header button#naviToggle.active::after {
    content: "\e910"; }
  body > header h1 {
    text-align: center;
    margin-bottom: 55px; }
  body > header h1 img {
    max-width: 240px; }
  body > header.fixed {
    top: -290px;
    position: fixed; }
  @media only screen and (max-width: 69.375rem) {
  body > header {
    padding-top: 30px;
    min-height: 200px; }
    body > header h1 {
      margin-bottom: 0px; }
      body > header h1 img {
        width: 200px; } }

figure.headerImage {
  padding-bottom: 50px; }
  @media only screen and (max-width: 69.375rem) {
  figure.headerImage {
    padding-bottom: 20px; } }
  figure.headerImage img {
    max-width: 100%;
    display: block; }
  figure.headerImage figcaption {
    position: absolute;
    left: 160px;
    bottom: 0px;
    padding: 3rem 2rem 100px;
    width: 400px;
    text-align: center;
    background-color: rgba(172, 148, 180, 0.85); }
  @media only screen and (max-width: 69.375rem) {
    figure.headerImage figcaption {
      left: 2rem; } }
  figure.headerImage figcaption, figure.headerImage figcaption * {
    color: #000; }
  figure.headerImage figcaption h3 {
    text-transform: uppercase;
    margin-bottom: 1rem; }
  figure.headerImage figcaption h4 {
    text-transform: uppercase;
    margin-bottom: 1rem; }
  figure.headerImage figcaption h3:last-child, figure.headerImage figcaption p:last-child {
    margin-bottom: 0; }
  figure.headerImage figcaption p.link {
    margin-top: 1rem; }
    figure.headerImage figcaption p.link::before {
      font-family: icomoon;
      content: "\e902";
      margin-right: 0.5rem;
      color: #575756; }
  figure.headerImage figcaption div.desc {
    /*
     position: absolute;
     bottom: 100px;
     left: 2rem;
     right: 2rem;
     */ }
  figure.headerImage figcaption a {
    text-decoration: none;
    position: absolute;
    left: 2rem;
    top: 3rem;
    right: 2rem;
    bottom: 100px; }
  @media only screen and (max-width: 69.375rem) {
    figure.headerImage figcaption div.desc {
      position: static; } }
  @media only screen and (max-width: 41rem) {
    figure.headerImage figcaption {
      position: static;
      width: 100%;
      padding: 2rem; }
      figure.headerImage figcaption a {
        position: static; }
      figure.headerImage figcaption div.desc {
        position: static; } }

div#headerSlider {
  background-color: #eae1d4; }
  div#headerSlider.slideshow a {
    display: block; }
    div#headerSlider.slideshow a, div#headerSlider.slideshow a * {
      text-decoration: none !important; }
  div#headerSlider.slideshow figure.headerImage.full figcaption {
    top: 0px;
    border-radius: 0 !important; }
    div#headerSlider.slideshow figure.headerImage figcaption {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      min-height: 320px; }
  div#headerSlider.slideshow button.arrow {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 100; }
    @media only screen and (max-width: 69.375rem) {
    div#headerSlider.slideshow button.arrow {
      display: none !important; } }
    div#headerSlider.slideshow button.arrow span {
      display: none; }
    div#headerSlider.slideshow button.arrow::after {
      display: block;
      font-family: icomoon;
      content: "\e907";
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      width: 30px;
      height: 30px;
      padding-top: 5px;
      box-sizing: border-box; }
    div#headerSlider.slideshow button.arrow.prevSlide {
      left: 1rem; }
    div#headerSlider.slideshow button.arrow.prevSlide::after {
      transform: rotate(180deg);
      padding-top: 4px;
      padding-left: 3px; }
    div#headerSlider.slideshow button.arrow.nextSlide {
      right: 1rem; }
    div#headerSlider.slideshow button.arrow.nextSlide::after {
      padding-top: 5px;
      padding-left: 4px; }
  div#headerSlider.slideshow ul.slick-dots {
    position: absolute;
    bottom: 0px;
    left: 160px;
    width: 400px;
    text-align: center;
    padding: 20px 0 0 0; }
    div#headerSlider.slideshow ul.slick-dots li {
      display: inline-block; }
    div#headerSlider.slideshow ul.slick-dots li button {
      padding: 3px;
      font-size: 2.5rem;
      color: #fff;
      opacity: 0.3; }
    div#headerSlider.slideshow ul.slick-dots li.slick-active button {
      opacity: 0.8; }
    @media only screen and (max-width: 41rem) {
    div#headerSlider.slideshow ul.slick-dots {
      position: static;
      width: 100%;
      padding: 0;
      margin: -40px;
      display: none; } }

div.mapParent {
  padding-top: 50%; }
  div.mapParent .leaflet-control-attribution, div.mapParent .leaflet-control-attribution * {
    font-size: 0.9rem; }

body > footer > div.wrapper {
  background-color: #f5f4f2;
  padding: 1rem; }
  body > footer > div.wrapper * {
    font-size: 0.7rem;
    letter-spacing: 0.05rem; }
  body > footer > div.wrapper > div:first-child {
    text-align: left;
    padding-left: 4rem; }
    body > footer > div.wrapper > div:last-child {
      text-align: right;
      padding-right: 4rem; }
    @media only screen and (max-width: 69.375rem) {
    body > footer > div.wrapper > div {
      padding-right: 0 !important;
      padding-left: 0 !important;
      text-align: center !important;
      margin-bottom: 1rem;
      width: 100%; } }
  body > footer > div.wrapper:first-child {
    padding: 90px 0 0 0; }
  body > footer > div.wrapper hr {
    border: none;
    height: 3px;
    background-color: #eae1d4; }
  body > footer > div.wrapper div.logo {
    margin-top: 3rem;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 69.375rem) {
    body > footer > div.wrapper div.logo {
      display: block; } }
    body > footer > div.wrapper div.logo:first-child {
      justify-content: left; }
    body > footer > div.wrapper div.logo:first-child a:first-child {
      margin-left: 0; }
    body > footer > div.wrapper div.logo:last-child {
      justify-content: flex-end; }
    body > footer > div.wrapper div.logo img {
      max-height: 45px; }
    body > footer > div.wrapper div.logo a {
      display: inline-block;
      margin: 0 0.5rem; }
    @media only screen and (max-width: 41rem) {
      body > footer > div.wrapper div.logo a {
        display: block;
        margin-bottom: 1rem; } }

div#headerMap {
  height: 550px; }

.leaflet-popup {
  max-width: 90vw; }

.leaflet-control-container {
  position: absolute;
  top: 1rem;
  left: 1rem; }

svg a {
  outline: none; }

svg#bautraeger {
  max-width: 800px;
  display: block;
  margin: auto; }
  svg#bautraeger * {
    transition: fill 0.2s; }
  svg#bautraeger #research, svg#bautraeger #produktentwicklung, svg#bautraeger #marketing, svg#bautraeger #vertrieb, svg#bautraeger #service {
    cursor: pointer; }
  svg#bautraeger #research:hover *[id^="bg-"], svg#bautraeger #produktentwicklung:hover *[id^="bg-"], svg#bautraeger #marketing:hover *[id^="bg-"], svg#bautraeger #vertrieb:hover *[id^="bg-"], svg#bautraeger #service:hover *[id^="bg-"], svg#bautraeger #research.active *[id^="bg-"], svg#bautraeger #produktentwicklung.active *[id^="bg-"], svg#bautraeger #marketing.active *[id^="bg-"], svg#bautraeger #vertrieb.active *[id^="bg-"], svg#bautraeger #service.active *[id^="bg-"] {
    fill: #b8a2bf; }
  svg#bautraeger #research.active *[id^="icon"], svg#bautraeger #produktentwicklung.active *[id^="icon"], svg#bautraeger #marketing.active *[id^="icon"], svg#bautraeger #vertrieb.active *[id^="icon"], svg#bautraeger #service.active *[id^="icon"] {
    display: none; }

svg#verkauf {
  max-width: 800px;
  display: block;
  margin: auto; }
  svg#verkauf * {
    transition: fill 0.2s; }
  svg#verkauf #kaufpreiseinschaetzung, svg#verkauf #grundlagenermittlung, svg#verkauf #objektaufnahme, svg#verkauf #service, svg#verkauf #verkaufsprozess, svg#verkauf #marketing {
    cursor: pointer; }
  svg#verkauf #kaufpreiseinschaetzung:hover *[id^="bg"], svg#verkauf #grundlagenermittlung:hover *[id^="bg"], svg#verkauf #objektaufnahme:hover *[id^="bg"], svg#verkauf #service:hover *[id^="bg"], svg#verkauf #verkaufsprozess:hover *[id^="bg"], svg#verkauf #marketing:hover *[id^="bg"], svg#verkauf #kaufpreiseinschaetzung.active *[id^="bg"], svg#verkauf #grundlagenermittlung.active *[id^="bg"], svg#verkauf #objektaufnahme.active *[id^="bg"], svg#verkauf #service.active *[id^="bg"], svg#verkauf #verkaufsprozess.active *[id^="bg"], svg#verkauf #marketing.active *[id^="bg"] {
    fill: #b8a2bf; }
  svg#verkauf #kaufpreiseinschaetzung.active *[id^="icon"], svg#verkauf #grundlagenermittlung.active *[id^="icon"], svg#verkauf #objektaufnahme.active *[id^="icon"], svg#verkauf #service.active *[id^="icon"], svg#verkauf #verkaufsprozess.active *[id^="icon"], svg#verkauf #marketing.active *[id^="icon"] {
    display: none; }

svg#vermietung {
  max-width: 800px;
  display: block;
  margin: auto; }
  svg#vermietung * {
    transition: fill 0.2s; }
  svg#vermietung #mietpreiseinschaetzung, svg#vermietung #grundlagenermittlung, svg#vermietung #objektaufnahme, svg#vermietung #vermietungsprozess, svg#vermietung #marketing {
    cursor: pointer; }
  svg#vermietung #mietpreiseinschaetzung:hover *[id^="bg"], svg#vermietung #grundlagenermittlung:hover *[id^="bg"], svg#vermietung #objektaufnahme:hover *[id^="bg"], svg#vermietung #vermietungsprozess:hover *[id^="bg"], svg#vermietung #marketing:hover *[id^="bg"], svg#vermietung #mietpreiseinschaetzung.active *[id^="bg"], svg#vermietung #grundlagenermittlung.active *[id^="bg"], svg#vermietung #objektaufnahme.active *[id^="bg"], svg#vermietung #vermietungsprozess.active *[id^="bg"], svg#vermietung #marketing.active *[id^="bg"] {
    fill: #b8a2bf; }
  svg#vermietung #mietpreiseinschaetzung.active *[id^="icon"], svg#vermietung #grundlagenermittlung.active *[id^="icon"], svg#vermietung #objektaufnahme.active *[id^="icon"], svg#vermietung #vermietungsprozess.active *[id^="icon"], svg#vermietung #marketing.active *[id^="icon"] {
    display: none; }

.imageMapParent {
  display: flex;
  flex-wrap: wrap; }
  .imageMapParent div.imageMap {
    width: 50%; }
  @media only screen and (max-width: 41rem) {
    .imageMapParent div.imageMap {
      width: 100%;
      padding: 0 !important;
      margin-bottom: 0.5rem; } }
  .imageMapParent div.imageMap:nth-child(odd) {
    padding-right: 0.5rem; }
  .imageMapParent div.imageMap:nth-child(even) {
    padding-left: 0.5rem; }
  .imageMapParent div.imageMap img {
    width: 100%;
    display: block;
    border-radius: 10px; }
  .imageMapParent div.imageMap button {
    background-color: #8d7197;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer; }
  .imageMapParent div.contents {
    width: 100%;
    margin-top: 1rem;
    background-color: #f7f3ee;
    border-radius: 10px;
    padding: 1rem 2rem; }
  .imageMapParent div.contents * {
    color: #575756; }
  .imageMapParent div.contents h4 {
    display: inline-block;
    border-bottom: 1px solid black;
    margin-bottom: 1rem; }
  .imageMapParent div.contents p {
    font-size: 1.1rem;
    display: none; }
    .imageMapParent div.contents p::before {
      content: "";
      background-color: #8d7197;
      color: #fff;
      border-radius: 50%;
      margin-right: 1rem;
      width: 25px;
      height: 25px;
      display: inline-block;
      text-align: center;
      line-height: 24px; }
    .imageMapParent div.contents p#c1::before {
      content: "1"; }
    .imageMapParent div.contents p#c2::before {
      content: "2"; }
    .imageMapParent div.contents p#c3::before {
      content: "3"; }
    .imageMapParent div.contents p#c4::before {
      content: "4"; }
    .imageMapParent div.contents p#c5::before {
      content: "5"; }
    .imageMapParent div.contents p#c6::before {
      content: "6"; }

div.contentelement.gallery figure picture img {
  max-width: 100%; }
  div.contentelement.gallery ul.mosaic.gallery {
    margin-top: 2rem;
    text-align: center; }
  @media only screen and (min-width: 74.5rem) {
    div.contentelement.gallery ul.mosaic.gallery {
      columns: 5;
      columns-gap: 1rem; } }
  div.contentelement.gallery ul.mosaic.gallery li {
    margin: 0 0 1rem 0;
    border-radius: 20px;
    overflow: hidden; }
    div.contentelement.gallery ul.mosaic.gallery li img {
      display: block; }

div.contentelement.text_1_col + div.contentelement.text_2_col {
  padding-top: 0; }

div.contentelement.text_2_col div.text {
  width: 100%;
  overflow: auto; }
  div.contentelement.text_2_col div.text p {
    text-align: center; }
  @media only screen and (min-width: 74.5rem) {
  div.contentelement.text_2_col div.text {
    width: 50%; }
    div.contentelement.text_2_col div.text:nth-child(1) {
      padding-right: 1rem; }

    div.contentelement.text_2_col div.text:nth-child(2) {
      padding-left: 1rem; } }

div.contentelement.text_with_image > div.flex {
  display: flex; }
  div.contentelement.text_with_image > div.flex.right {
    flex-direction: row-reverse; }
  div.contentelement.text_with_image > div.flex > div.image {
    width: 25%;
    padding-right: 2rem;
    align-self: center; }
    div.contentelement.text_with_image > div.flex > div picture img {
      width: 100%;
      height: auto;
      display: block;
      max-width: 200px; }
    div.contentelement.text_with_image > div.flex > div.text {
      width: 75%;
      padding: 0 2rem 0 0; }
    @media only screen and (max-width: 41rem) {
    div.contentelement.text_with_image > div.flex > div {
      width: 100% !important; }
      div.contentelement.text_with_image > div.flex > div.image {
        padding-right: 0; }
        div.contentelement.text_with_image > div.flex > div.image img {
          width: 150px;
          margin: 0 auto 1rem; } }

div.contentelement.single_image {
  padding: 0px; }
  div.contentelement.single_image picture, div.contentelement.single_image img {
    max-width: 100%;
    display: block; }

div.accordion section {
  border-radius: 20px;
  padding: 1rem 1rem 1rem 1.5rem;
  margin-bottom: 1rem;
  overflow: visible;
  display: block; }
  div.accordion section.interactive h4 {
    cursor: pointer;
    margin-bottom: 0;
    padding-right: 2rem; }
    div.accordion section.interactive.icon h4 {
      padding-left: 1.6rem; }
    div.accordion section.interactive.icon h4::before {
      margin-right: 1rem;
      width: 10px;
      background-size: contain;
      background-repeat: no-repeat;
      content: "";
      display: inline-block;
      position: absolute;
      left: 0px;
      top: 0px;
      bottom: 0px;
      border-radius: 5px; }
    div.accordion section.interactive.icon > div {
      padding-left: 60px; }
    div.accordion section.interactive > div {
      overflow: visible;
      display: none; }
  div.accordion section.content h4::after {
    content: "arrow_drop_down";
    position: absolute;
    top: -4px;
    right: 0px;
    color: inherit;
    font-size: 30px; }
    div.accordion section.content h4.open::after {
      transform: rotate(180deg); }
  div.accordion section h4 span {
    margin-top: 0.5rem;
    display: block;
    font-size: 0.9rem;
    color: inherit; }
  div.accordion section > div {
    overflow: hidden; }
    div.accordion section > div p:first-of-type {
      margin-top: 1rem; }
    div.accordion section div.image {
      float: right;
      margin: 0 0 1rem 1rem;
      width: 40%; }
    div.accordion section div.image img {
      width: 100%; }
    @media only screen and (max-width: 41rem) {
    div.accordion section div.image {
      float: none;
      width: 100%;
      margin: 0 0 1rem 0; } }

div.contentelement.tabs section {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden; }
  div.contentelement.tabs section ul.tabsNavi {
    margin: -2rem -2rem 0 -2rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap; }
    div.contentelement.tabs section ul.tabsNavi li {
      width: 100%; }
    div.contentelement.tabs section ul.tabsNavi li button {
      width: 100%;
      padding: 1rem;
      cursor: pointer; }
      div.contentelement.tabs section div.tabsContent {
        padding-top: 2rem; }

div.contentelement.features div.featuresParent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  div.contentelement.features div.featuresParent article {
    width: 40%;
    margin: 0 5% 5% 5%;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    tab-index: 0; }
    @media only screen and (max-width: 41rem) {
    div.contentelement.features div.featuresParent article {
      width: 100%; } }
    div.contentelement.features div.featuresParent article h3 {
      padding: 1rem 2rem;
      font-size: 1rem;
      margin: 0; }
    div.contentelement.features div.featuresParent article figure {
      overflow: hidden; }
    div.contentelement.features div.featuresParent article figure::after {
      font-family: icomoon;
      content: "\e90c";
      position: absolute;
      left: 30%;
      right: 30%;
      bottom: -77px;
      height: 100px;
      padding-top: 5px;
      text-align: center;
      font-size: 1.1rem;
      color: white;
      background-color: rgba(234, 225, 212, 0.8);
      border-radius: 100%; }
    div.contentelement.features div.featuresParent article figure img {
      display: block; }
    div.contentelement.features div.featuresParent article figure figcaption {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: 1px solid transparent;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-color: rgba(231, 227, 221, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 2rem;
      opacity: 0;
      transition: opacity 0.2s;
      overflow: auto; }
      @media only screen and (max-width: 69.375rem) {
      div.contentelement.features div.featuresParent article figure figcaption {
        align-items: start; } }
      div.contentelement.features div.featuresParent article figure figcaption p.url {
        margin-bottom: 0; }
        div.contentelement.features div.featuresParent article figure figcaption p.url a {
          display: inline-block;
          text-decoration: none; }
          div.contentelement.features div.featuresParent article figure figcaption p.url a span {
            display: none; }
          div.contentelement.features div.featuresParent article figure figcaption p.url a::after {
            font-family: "icomoon";
            content: "\e902";
            color: #8d7197; }
    div.contentelement.features div.featuresParent article figure:hover::after, div.contentelement.features div.featuresParent article figure:focus::after {
      display: none; }
      div.contentelement.features div.featuresParent article figure:hover figcaption, div.contentelement.features div.featuresParent article figure:focus figcaption {
        opacity: 1; }

div.contentelement.contact ul.commList {
  margin-left: 20%;
  padding-left: 1.5rem; }
  @media only screen and (max-width: 41rem) {
    div.contentelement.contact ul.commList {
      margin-left: 0;
      padding-left: 0; } }
  div.contentelement.contact ul.commList li {
    margin-bottom: 0.5rem; }
    div.contentelement.contact ul.commList li::before {
      content: ""; }
    div.contentelement.contact ul.commList li.vcard a::before {
      content: "\e913"; }
    div.contentelement.contact ul.commList li.phone::before {
      content: "\e901"; }
    div.contentelement.contact ul.commList li.email::before {
      content: "\e903"; }
    div.contentelement.contact ul.commList li.address::before {
      content: "\e906"; }
    div.contentelement.contact ul.commList li.xing::before {
      content: "\e90b"; }
    div.contentelement.contact ul.commList li.website::before {
      content: "\e900	"; }

body {
  min-height: 100vh;
  font-size: 16px;
  padding-top: 370px;
  background: -moz-linear-gradient(top, rgba(246, 244, 242, 0) 0%, rgba(246, 244, 242, 0) 85%, rgba(246, 244, 242, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(246, 244, 242, 0) 0%, rgba(246, 244, 242, 0) 85%, rgba(246, 244, 242, 1) 100%);
  background: linear-gradient(to bottom, rgba(246, 244, 242, 0) 0%, rgba(246, 244, 242, 0) 75%, rgba(246, 244, 242, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f4f2', endColorstr='#f6f4f2',GradientType=0); }
  @media only screen and (max-width: 69.375rem) {
  body {
    padding-top: 200px; } }
  div.wrapper {
    max-width: 82rem;
    margin: 0 auto; }
  div.wrapper.inner {
    padding: 0 160px; }
  @media only screen and (max-width: 69.375rem) {
    div.wrapper.inner {
      padding: 0 2rem; } }
  div.wrapper.right > * {
    margin-left: 20%;
    padding-left: 1.5rem; }
  @media only screen and (max-width: 41rem) {
    div.wrapper.right > * {
      margin-left: 0;
      padding-left: 0; } }

div.flex {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 41rem) {
  div.flex {
    display: block; } }
  @media only screen and (min-width: 74.5rem) {
    div.flex.c2 > div {
      width: 50%; } }

.center {
  text-align: center; }

main {
  min-height: 400px; }
  main div#content {
    padding-top: 40px;
    background-color: #eae1d4;
    padding-bottom: 150px; }
  main div#content.aside div.contentelement {
    padding-right: 450px; }
    @media only screen and (max-width: 69.375rem) {
      main div#content.aside div.contentelement {
        padding-right: 0; } }
    main div#content.aside aside {
      z-index: 20;
      position: absolute;
      top: 2rem;
      right: 3rem;
      width: 500px; }
    @media only screen and (max-width: 69.375rem) {
      main div#content.aside aside {
        display: none;
        position: static;
        width: 100%;
        padding: 0 1rem; } }
    main div#content.aside aside svg, main div#content.aside aside img {
      width: 100%;
      max-width: 500px;
      height: auto; }
  main div#content a {
    outline: none; }
  main figure {
    max-width: 100%; }
  main figure img {
    max-width: 100%; }
  main div.contentelement {
    padding: 50px 0 0 0; }
  @media only screen and (max-width: 69.375rem) {
    main div.contentelement {
      padding: 20px 0 0 0; } }
  main div.contentelement.plus div.wrapper > div::before {
    content: url(/site/templates/images/plus.svg);
    position: absolute;
    left: -75px;
    top: -50px;
    width: 70px;
    height: 70px; }
    @media only screen and (max-width: 69.375rem) {
    main div.contentelement.plus div.wrapper > div {
      padding-left: 85px; }
      main div.contentelement.plus div.wrapper > div::before {
        left: 0;
        top: -10px; } }
  main div.contentelement.alert div.wrapper > div::before {
    content: url(/site/templates/images/alert.svg);
    position: absolute;
    left: -75px;
    top: -50px;
    width: 70px;
    height: 70px; }
  main div.contentelement h3 {
    color: black;
    text-transform: uppercase; }
  main div.contentelement h4 {
    font-size: 1.3rem;
    margin-bottom: 0; }
  main div.contentelement p {
    line-height: 160%;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 41rem) {
    main div.contentelement p {
      line-height: 140%; } }
  main div.contentelement em {
    font-style: italic; }
  main div.contentelement * {
    color: #575756; }
  main div.contentelement img {
    max-width: 100%; }
  main div.contentelement ul {
    margin: 0 0 1rem 0; }
    main div.contentelement ul ul {
      margin: 0 0 0 1.2rem;
      list-style: disc; }
    main div.contentelement ul ul li {
      padding-left: 0; }
      main div.contentelement ul ul li::before {
        content: "";
        display: none; }
    main div.contentelement ul li {
      padding-left: 1.2rem; }
    main div.contentelement ul li::before {
      font-family: icomoon;
      content: "\e907";
      position: absolute;
      left: 0;
      top: 6px;
      font-size: 0.7rem; }

div#overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 30;
  background-color: rgba(234, 225, 212, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.01s 0.01s, opacity 0.2s 0.05s; }
  div#overlay.active {
    visibility: visible;
    opacity: 1; }
  div#overlay h3, div#overlay h4, div#overlay figcaption {
    text-align: center; }
  div#overlay h3 {
    font-size: 1.3rem; }
  div#overlay h4 {
    color: #666; }
  div#overlay div.text {
    padding: 3rem 3rem 5rem;
    text-align: center; }
  div#overlay div.text, div#overlay div.text * {
    font-size: 1.1rem; }
  div#overlay div.text p.link {
    text-align: center;
    margin-top: 3rem; }
    div#overlay div.text p.link a {
      text-decoration: none;
      color: #000;
      display: block; }
    div#overlay div.text p.link a::after {
      font-family: icomoon;
      color: #ac94b4;
      position: absolute;
      left: 50%;
      bottom: -3rem;
      content: "\e90d";
      transform: translateX(-50%);
      font-size: 1.5rem; }
  div#overlay div.text div.teaser {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 2rem; }
    div#overlay div.text div.statement {
      max-width: 700px;
      margin: auto; }
  div#overlay figure {
    margin-bottom: 3rem; }
  div#overlay figure figcaption {
    background-color: #ac94b4;
    color: #fff;
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: -150px auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 2rem; }
  div#overlay button.close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer; }
  div#overlay button.close span {
    display: none; }
  div#overlay button.close::before {
    font-family: icomoon;
    content: "\e90e";
    color: #fff;
    opacity: 0.7;
    font-size: 1.5rem; }
  div#overlay button.close:hover::before {
    opacity: 1; }
  div#overlay > article {
    max-width: 750px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: none; }
  div#overlay > article.active {
    display: block; }
  div#overlay > article.team {
    padding-bottom: 7rem; }
  div#overlay div.contactData {
    position: absolute;
    bottom: 4rem;
    right: 5rem; }

article.overlayArticle {
  max-width: 750px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: none;
  margin: auto; }
  article.overlayArticle.active {
    display: block; }
  article.overlayArticle.team {
    padding-bottom: 7rem; }
  article.overlayArticle h3, article.overlayArticle h4, article.overlayArticle figcaption {
    text-align: center; }
  article.overlayArticle h3 {
    font-size: 1.2rem; }
  article.overlayArticle h4 {
    color: #666; }
  article.overlayArticle div.logo {
    background-color: #eae1d4;
    padding: 3rem 1rem 3rem 1rem;
    text-align: center; }
  article.overlayArticle div.logo img {
    margin-bottom: 2rem; }
  article.overlayArticle div.text {
    padding: 3rem 3rem 5rem;
    text-align: center; }
  article.overlayArticle div.text, article.overlayArticle div.text * {
    font-size: 1.1rem; }
  article.overlayArticle div.text p.link {
    text-align: center;
    margin-top: 3rem; }
    article.overlayArticle div.text p.link a {
      text-decoration: none;
      color: #000;
      display: block; }
    article.overlayArticle div.text p.link a::after {
      font-family: icomoon;
      color: #ac94b4;
      position: absolute;
      left: 50%;
      bottom: -3rem;
      content: "\e90d";
      transform: translateX(-50%);
      font-size: 1.5rem; }
  article.overlayArticle div.text div.teaser {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 2rem; }
    article.overlayArticle div.text div.statement {
      max-width: 700px;
      margin: auto; }
    article.overlayArticle div.text div.statement p {
      margin-bottom: 1rem; }
    article.overlayArticle div.text div.statement p.url {
      margin-bottom: 0; }
      article.overlayArticle div.text div.statement p.url a {
        text-decoration: none; }
        article.overlayArticle div.text div.statement p.url a span {
          display: block;
          margin-bottom: 0.5rem;
          color: #000; }
        article.overlayArticle div.text div.statement p.url a::after {
          font-family: icomoon;
          content: "\e902";
          color: #000; }
  article.overlayArticle figure {
    margin-bottom: 3rem; }
  article.overlayArticle figure figcaption {
    background-color: #ac94b4;
    color: #fff;
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: -150px auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 2rem; }
  article.overlayArticle figure img {
    width: 100%; }
  article.overlayArticle button.close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer; }
  article.overlayArticle button.close span {
    display: none; }
  article.overlayArticle button.close::before {
    font-family: icomoon;
    content: "\e90e";
    color: #fff;
    opacity: 0.7;
    font-size: 1.5rem; }
  article.overlayArticle button.close:hover::before {
    opacity: 1; }
  article.overlayArticle.partner button.close::before {
    color: #8d7197; }
  article.overlayArticle div.contactData {
    position: absolute;
    bottom: 4rem;
    right: 5rem; }

div.contactData {
  text-align: center; }
  div.contactData * {
    color: #000; }
  div.contactData strong {
    display: block; }
  div.contactData ul {
    padding-top: 1rem; }
  div.contactData ul li {
    display: inline-block;
    margin: 0 0.2rem;
    width: auto; }
    div.contactData ul a {
      text-decoration: none; }
    div.contactData ul a span {
      display: none; }
    div.contactData ul a::after {
      font-family: icomoon;
      font-size: 1.3rem; }
  div.contactData ul li.vcard a::after {
    content: "\e913"; }
  div.contactData ul li.phone a::after {
    content: "\e904"; }
  div.contactData ul li.email a::after {
    content: "\e903"; }
  div.contactData ul li.xing a::after {
    content: "\e90b"; }
  div.contactData ul li.url360 a::after {
    content: "\e905";
    font-size: 1.2rem;
    font-weight: bold; }

@media big_tablet {
    div.mobile {
      display: none; } }
  @media tablet {
  div.mobile {
    display: none; } }
  @media mobile {
  div.mobile {
    display: none; } }

form#mCCForm {
  z-index: 10004;
  box-shadow: none;
  padding: 0; }
  form#mCCForm > div {
    background-color: #efefef;
    overflow: auto;
    max-width: 900px;
    margin: auto;
    padding: 1rem; }

.mCCF--dark {
  background: none; }

.mCCF--dark .mCCF__accept {
  background: #eae1d4;
  color: black; }
  .mCCF--dark .mCCF__accept:hover {
    background: #eae1d4; }
  @media only screen and (max-width: 41rem) {
  .mCCF--dark .mCCF__accept {
    float: none;
    margin: 0 auto 0.5rem; } }

.mCCF__message, .mCCF__message * {
  font-size: 0.9rem;
  color: black !important;
  line-height: 110%; }
  .mCCF__message a {
    color: black; }
  @media only screen and (max-width: 41rem) {
  .mCCF__message {
    margin-right: 0; } }

div.privacywire-buttons button {
  background-color: #5d346c;
  color: white;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  margin: 0 0.5rem 0.5rem 0; }

div.privacywire-text ul {
  margin-bottom: 1rem; }
  div.privacywire-text ul input[type="checkbox"] {
    margin-right: 0.5rem; }