/*############## Manrope ##############*/


@font-face {
    font-family: 'Manrope';
    src: url('../../files/Layout/Fonts/Manrope.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-weight: 200 800; /* Changed to use variable weight */
    font-display: swap;
}
@font-face {
  font-family: 'icomoon';
  src:
    url('../../files/Layout/Icons/fonts/icomoon.ttf?j5b8wx') format('truetype'),
    url('../../files/Layout/Icons/fonts/icomoon.woff?j5b8wx') format('woff'),
    url('../../files/Layout/Icons/fonts/icomoon.svg?j5b8wx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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-arrow-outline-right:before {
  content: "\e901";
}
.icon-checkmark-outline:before {
  content: "\e902";
}
.icon-compose:before {
  content: "\e905";
}
.icon-computer-desktop:before {
  content: "\e906";
}
.icon-computer-laptop:before {
  content: "\e907";
}
.icon-instagram:before {
  content: "\eef1";
}
.icon-youtube:before {
  content: "\eefc";
}
.icon-office:before {
  content: "\e903";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-users1:before {
  content: "\e972";
}
.icon-cogs:before {
  content: "\e995";
}
.icon-trophy:before {
  content: "\e99e";
}
.icon-home:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\ea1c";
}
.icon-email:before {
  content: "\ea34";
}
.icon-fax:before {
  content: "\ea69";
}
.icon-users:before {
  content: "\eb0b";
}
.icon-www:before {
  content: "\ec91";
}
.icon-search:before {
  content: "\e900";
}
.icon-menu:before {
  content: "\ec71";
}
.icon-link:before {
  content: "\ec99";
}
.icon-file-pdf:before {
  content: "\ef3e";
}
.icon-file-word:before {
  content: "\ef40";
}
.icon-file-excel:before {
  content: "\ef41";
}
.icon-google:before {
  content: "\eee8";
}
.icon-facebook:before {
  content: "\eef0";
}
.icon-linkedin:before {
  content: "\ef28";
}
.icon-xing:before {
  content: "\ef32";
}
.icon-image:before {
  content: "\e90d";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-map:before {
  content: "\e94b";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-quotes-right:before {
  content: "\e978";
}
.icon-enlarge:before {
  content: "\e989";
}
.icon-wrench:before {
  content: "\e991";
}
.icon-cog:before {
  content: "\e994";
}
.icon-link1:before {
  content: "\e9cb";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-google1:before {
  content: "\ea88";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook1:before {
  content: "\ea90";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-xing2:before {
  content: "\ead4";
}

@charset "UTF-8";
/* Braun */
/* Text Color */
/* Background Grey */
/* Hover 1 */
/* Hover 2 */
/* Link */
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

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

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

button,
input,
select,
textarea {
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
  text-align: left;
}

/* ##################################################### */
/* ############## Basic Typo Styles #################### */
/* ##################################################### */
::-moz-selection {
  background: #b68448;
  color: #fff;
}

::selection {
  background: #b68448;
  color: #fff;
}

html {
  font-family: Manrope, sans-serif;
  line-height: 1.7;
  font-size: 115%;
  color: #323232;
  text-align: left;
  font-weight: 250;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

p {
  margin-bottom: 0.8em;
}

ul, ol {
  margin: 0.5em 0 1.5em;
  padding: 0;
}
ul li, ol li {
  margin-left: 1.15em;
  padding-left: 0.7em;
}

main ul, main ol {
  line-height: 1.3;
}
main ul li, main ol li {
  margin-bottom: 0.8em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Manrope, sans-serif;
  margin: 2em 0 0.5em;
  padding: 0;
  line-height: 1.3;
  color: #b68448;
  font-weight: 250;
}

h1 {
  font-size: 2.3em;
  margin-top: 1.5em;
}

h2 {
  font-size: 1.7em;
}

h3 {
  font-size: 1.3em;
  color: #323232;
}

h4 {
  font-size: 1em;
  color: #323232;
}

h1 + h2, h1 + h3, h1 + h4, h2 + h3, h2 + h4, h4 + h4 {
  margin-top: 0;
}

table {
  width: 100%;
  margin: 1.5em 0 2.5em;
  border-spacing: 0px;
  border-collapse: collapse;
}
table td, table th {
  padding: 0.7em;
  border: 1px solid #323232;
  line-height: 1.2;
  vertical-align: top;
}
table tr:first-child td, table tr:first-child th {
  border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child, table tr th:first-child {
  border-left: 0;
  padding-left: 0;
  width: 30%;
}
table tr td:last-child, table tr th:last-child {
  border-right: 0;
  padding-right: 0;
}

a {
  text-decoration: none;
  outline: 0;
  border-bottom: 1px dotted #b68448;
  color: #b68448;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
a img {
  border: none;
}
a img:hover {
  border: none;
}

a:hover {
  color: rgb(145.4566929134, 105.4960629921, 57.5433070866);
}

b, strong {
  font-weight: 500;
}

/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.9.0
*/
body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}

.sl-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  opacity: 0.7;
}

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -webkit-transform ease 200ms;
  -webkit-transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
  transition: transform ease 200ms, -webkit-transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
  --mm-ocd-width:80%;
  --mm-ocd-min-width:200px;
  --mm-ocd-max-width:440px;
}

body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, 0.3s;
  transition-duration: 0s, 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.45s, 0.15s;
  transition-delay: 0.45s, 0.15s;
}

.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: var(--mm-ocd-width);
  min-width: var(--mm-ocd-min-width);
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: clamp(100% - var(--mm-ocd-max-width), 100% - var(--mm-ocd-width), 100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0);
}

.mm-ocd--left .mm-ocd__backdrop {
  right: 0;
}

.mm-ocd--right .mm-ocd__backdrop {
  left: 0;
}

.mm-spn, .mm-spn a, .mm-spn li, .mm-spn strong, .mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --mm-spn-item-height:50px;
  --mm-spn-item-indent:20px;
  --mm-spn-line-height:24px;
}

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  cursor: default;
}

.mm-spn ul:after {
  content: "";
  display: block;
  height: var(--mm-spn-item-height);
}

.mm-spn > ul {
  left: 0;
}

.mm-spn ul.mm-spn--open {
  left: 0;
}

.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden;
}

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer;
}

.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--mm-spn-item-height) / 2);
  right: calc(var(--mm-spn-item-height) / 2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
  opacity: 0.4;
}

.mm-spn li:after {
  content: "";
  display: block;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0.15;
}

.mm-spn a, .mm-spn strong {
  position: relative;
  z-index: 1;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}

.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none;
}

.mm-spn a:not(:last-child) {
  width: calc(100% - var(--mm-spn-item-height));
}

.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: 0.15;
}

.mm-spn strong {
  background: 0 0;
}

.mm-spn.mm-spn--navbar {
  cursor: pointer;
}

.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--mm-spn-item-height) / 2);
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 0.4;
}

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default;
}

.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none;
}

.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--mm-spn-item-height);
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: var(--mm-spn-item-height);
  opacity: 0.4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--navbar ul {
  top: calc(var(--mm-spn-item-height) + 1px);
}

.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: 0.15;
}

.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3;
}

.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333;
}

.mm-spn.mm-spn--vertical {
  overflow-y: auto;
}

.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static;
}

.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--vertical ul ul:after {
  height: calc(var(--mm-spn-item-height) / 2);
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block;
}

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%, 0);
  transform: rotate(135deg) translate(-50%, 0);
}

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none;
}

/* ##################################################### */
/* ############## Placeholder ########################## */
/* ##################################################### */
::-webkit-input-placeholder {
  color: #222;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
}

::-moz-placeholder {
  color: #222;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
}

:-ms-input-placeholder {
  color: #222;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
}

:-moz-placeholder {
  color: #222;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
}

/* ##################################################### */
/* ############## Turn off native styling ############## */
/* ##################################################### */
textarea,
input[type=text],
input[type=button],
input[type=password],
input[type=search],
input[type=submit],
button[type=submit] {
  -webkit-appearance: none;
}

/* ##################################################### */
/* ############## Core styling ######################### */
/* ##################################################### */
textarea,
input[type=text],
input[type=button],
input[type=email],
input[type=tel],
input[type=password],
input[type=search] {
  border: none;
  width: 100%;
  padding: 0.8em 1em 0.7em;
  font-size: 1rem;
  color: #222;
  font-family: Manrope, sans-serif;
  margin: 0 0 1em;
  background-color: #eee;
}
textarea:focus,
input[type=text]:focus,
input[type=button]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=search]:focus {
  background-color: #ddd;
}

input[type=submit],
button[type=submit],
.btn {
  border: none;
  letter-spacing: 0.7px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 1em 2em;
  text-align: center;
  background-color: #b68448;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
input[type=submit]:hover,
button[type=submit]:hover,
.btn:hover {
  background-color: rgb(163.7283464567, 118.7480314961, 64.7716535433);
}
input[type=submit]:focus,
button[type=submit]:focus,
.btn:focus {
  border-color: rgb(163.7283464567, 118.7480314961, 64.7716535433);
}

label {
  display: none;
}

a.button {
  background-color: #b68448;
  color: #fff;
  display: inline-block;
  padding: 0.4em 0.7em;
}

a.downlink {
  background-color: #b68448;
  color: #fff;
  display: inline-block;
  padding: 0.6em 1em;
  text-align: center;
  position: absolute;
  top: -20px;
  left: 50%;
  font-size: 0.9em;
}

.widget-radio {
  width: 100%;
  margin: 1em 0;
}
.widget-radio fieldset {
  border: none;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.widget-radio fieldset span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 2em;
}
.widget-radio fieldset span input {
  width: auto;
  margin: 1px 10px 0 0;
}
.widget-radio fieldset span label {
  display: block;
}

.relevance {
  font-size: 1rem;
}

.highlight {
  background-color: #b68448;
  color: #fff;
}

.url {
  font-size: 0.7rem;
}

.pagination {
  margin: 2em 0;
}
.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pagination ul li strong, .pagination ul li a {
  padding: 0.2em 0.5em;
  background-color: #b68448;
  color: #fff;
  margin-right: 0.5em;
}
.pagination ul li strong:hover, .pagination ul li strong.active, .pagination ul li a:hover, .pagination ul li a.active {
  background-color: rgb(163.7283464567, 118.7480314961, 64.7716535433);
}

.mod_subscribe .formbody .widget-checkbox, .mod_unsubscribe .formbody .widget-checkbox {
  margin: 1em 0 2em;
}
.mod_subscribe .formbody .widget-checkbox fieldset, .mod_unsubscribe .formbody .widget-checkbox fieldset {
  border: none;
}
.mod_subscribe .formbody .widget-checkbox fieldset span, .mod_unsubscribe .formbody .widget-checkbox fieldset span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod_subscribe .formbody .widget-checkbox fieldset span input, .mod_unsubscribe .formbody .widget-checkbox fieldset span input {
  margin-right: 0.5em;
}
.mod_subscribe .formbody .widget-checkbox fieldset span label, .mod_unsubscribe .formbody .widget-checkbox fieldset span label {
  display: block;
}
.mod_subscribe .formbody .widget-explanation, .mod_unsubscribe .formbody .widget-explanation {
  font-size: 0.8em;
  margin-bottom: 1em;
}

.invisible {
  display: none;
}

/* ##################################################### */
/* ########### Main Navigation ######################### */
/* ##################################################### */
header .mod_navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .mod_navigation ul li {
  margin: 0;
  padding: 0;
  text-align: center;
}
header .mod_navigation ul li a, header .mod_navigation ul li strong {
  display: block;
  text-decoration: none;
  color: #b68448;
  padding: 0.5em 1em;
  font-size: 1.2rem;
  border-bottom: none;
  font-weight: 300;
}
header .mod_navigation ul li a.active, header .mod_navigation ul li a.trail, header .mod_navigation ul li strong.active, header .mod_navigation ul li strong.trail {
  color: rgb(145.4566929134, 105.4960629921, 57.5433070866);
}
header .mod_navigation ul li.submenu {
  position: relative;
}
header .mod_navigation ul li.submenu:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 10;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition-delay: 0s, 0s, 0.3s;
          transition-delay: 0s, 0s, 0.3s;
}
header .mod_navigation ul li ul {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translateY(-1em);
          transform: translateY(-1em);
  z-index: 9;
  -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  width: 200px;
  background-color: #b68448;
}
header .mod_navigation ul li ul a, header .mod_navigation ul li ul strong {
  font-size: 0.9em;
  padding: 0.5em 1em;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #fff;
  line-height: 1.2;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  text-align: left;
  -ms-hyphens: auto;
      hyphens: auto;
}
header .mod_navigation ul li ul a.last, header .mod_navigation ul li ul strong.last {
  border-bottom: none;
}
header .mod_navigation ul li ul a.last:hover, header .mod_navigation ul li ul strong.last:hover {
  border-bottom: none;
}
header .mod_navigation ul li ul a:hover, header .mod_navigation ul li ul strong:hover {
  background-color: rgb(163.7283464567, 118.7480314961, 64.7716535433);
  border-bottom: 1px solid #fff;
}
header .mod_navigation ul li ul a.active, header .mod_navigation ul li ul a.trail, header .mod_navigation ul li ul strong.active, header .mod_navigation ul li ul strong.trail {
  color: #fff;
  font-weight: 600;
}

footer nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer nav ul li a, footer nav ul li strong {
  border-right: 1px solid #b68448;
  padding-right: 0.5em;
  margin-right: 0.5em;
  border-bottom: none;
}
footer nav ul li.last a, footer nav ul li.last strong {
  border: none;
}

.toggle-id-1 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  display: none;
  background: url("../../files/Layout/Images/Header_orange.jpg") no-repeat;
  border-radius: 6px;
  padding: 0.5em;
  color: #fff;
  margin: 0;
}

.mm-ocd #mainnav .invisible {
  display: none !important;
}
.sociallinks {
  position: absolute;
  left: 15px;
  top: 0;
}
.sociallinks a {
  font-size: 2em;
}
.sociallinks a span {
  display: inline-block;
  color: #5b3207;
  padding: 0.5em 0 0.5em 0.2em;
}
.sociallinks a:hover span {
  color: #fff;
}

/* ##################################################### */
/* ########### Custom Layout Styles #################### */
/* ##################################################### */
html {
  background: url("../../files/Layout/Images/suedraum_yoga_leipzig_back.jpg") repeat;
  background-attachment: fixed;
}

body {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 164, 96, 0.32)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgba(242, 164, 96, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52f2a460', endColorstr='#00ffffff',GradientType=0 );
}

header .inside {
  position: relative;
}
header .logo {
  display: block;
  background: url("../../files/Layout/Images/Header_orange.jpg") no-repeat;
  background-size: cover;
  background-position: top right;
  border-radius: 6px;
  margin-bottom: 20px;
  color: #fff;
  padding: 3.6em 0 1em;
}
header .logo p {
  font-weight: 200;
  font-size: 1.1rem;
  line-height: 1.2;
  display: block;
  width: 300px;
  margin-left: auto;
  margin-bottom: 0;
  padding-left: 20px;
}
header .logo p.title {
  font-size: 2.3rem;
}

footer {
  max-width: 700px;
  margin: 5em auto 0;
}
footer .mummert {
  border: none;
  color: #aaa;
}
footer .mummert:hover {
  color: rgb(145.4566929134, 105.4960629921, 57.5433070866);
}

#wrapper {
  padding: 20px;
  margin: 0 auto;
  max-width: 1000px;
  display: block;
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
}
#wrapper #container {
  max-width: 700px;
  margin: 40px auto;
}
.rund figure img {
  border-radius: 6px;
}

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted;
  text-decoration: none;
}
abbr[title]:after {
  content: " (" attr(title) ") ";
  font-size: 0.8rem;
  line-height: 1.3;
  border: none;
  padding: 0.5em 0;
  display: block;
}

.content-gallery {
  margin: 2em 0;
}
.content-gallery > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.content-gallery > ul li {
  -webkit-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
  margin: 1.4em 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.content-gallery > ul li figure {
  margin: 0;
}
.content-gallery > ul li a {
  display: block;
  overflow: hidden;
  border: none;
}
.content-gallery > ul li img {
  display: block;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.content-gallery > ul li:hover {
  opacity: 0.3;
}
.content-gallery > ul.cols_8 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11%;
          flex: 0 0 11%;
  max-width: 11%;
}
.content-gallery > ul.cols_7 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13%;
          flex: 0 0 13%;
  max-width: 13%;
}
.content-gallery > ul.cols_6 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13%;
          flex: 0 0 13%;
  max-width: 13%;
}
.content-gallery > ul.cols_5 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18%;
          flex: 0 0 18%;
  max-width: 18%;
}
.content-gallery > ul.cols_4 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  max-width: 23%;
}
.content-gallery > ul.cols_3 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  max-width: 31%;
}
.content-gallery > ul.cols_2 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  max-width: 48%;
}
.content-gallery > ul.cols_1 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

figure.float_left {
  float: left;
  margin: 6px 2em 0.5em 0;
}
figure.float_right {
  float: right;
  margin: 6px 0 0.5em 2em;
}
figure a {
  border: none;
}

.content-text:before, .content-text:after, .content-headline:before, .content-headline:after, .mod_article:before, .mod_article:after {
  content: " ";
  display: table;
}
.content-text:after, .content-headline:after, .mod_article:after {
  clear: both;
}

/* ##################################################### */
/* ########### News #################################### */
/* ##################################################### */
.mod_newslist .layout_simple {
  margin-bottom: 1em;
}

.mod_newsreader .layout_full h3 {
  border: none;
  margin-bottom: 2em;
}

.mod_newsarchive .layout_full {
  border-top: 1px solid #323232;
  padding-top: 1em;
  margin-top: 2em;
}
.mod_newsarchive .layout_full h3 {
  border: none;
  margin-bottom: 2em;
}

/* ##################################################### */
/* ########### Events ################################## */
/* ##################################################### */
.mod_eventlist {
  margin-bottom: 2em;
}
.mod_eventlist .header {
  display: none;
}

/* ##################################################### */
/* ########### Belegungsplan ########################### */
/* ##################################################### */
.mod_calendar {
  font-size: 0.8em;
  scroll-margin-top: 170px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  min-width: 100%;
}
.mod_calendar .calendar {
  min-width: 680px;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.mod_calendar .calendar colgroup col {
  width: 1fr;
}
.mod_calendar .calendar th, .mod_calendar .calendar td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: top;
}
.mod_calendar .calendar thead th {
  background: #f5f5f5;
  font-weight: bold;
}
.mod_calendar .calendar tbody td {
  background: #fff;
}
.mod_calendar .calendar tbody td.empty {
  background: #f9f9f9;
}
.mod_calendar .calendar tbody td.today {
  background: #e4c9a5;
  font-weight: bold;
}
.mod_calendar .calendar tbody td.weekend {
  background: #f9f9f9;
}
.mod_calendar .calendar tbody td .header {
  font-weight: bold;
}
.mod_calendar .calendar tbody td .event {
  margin-top: 5px;
  padding: 5px;
  background: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #000;
  background: #f3e2d1;
  font-weight: 250;
  -ms-hyphens: auto;
      hyphens: auto;
}
.mod_calendar .calendar tbody td .event.bygone {
  color: #999;
}
/* ##################################################### */
/* ########### Akkordeon ############################### */
/* ##################################################### */
.ce_accordion {
  margin-bottom: 1em;
}
.ce_accordion .toggler {
  width: 100%;
  padding: 1em 3rem 1em 1em;
  display: block;
  cursor: pointer;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  position: relative;
  text-decoration: none;
  margin: 0;
  border: 0;
  background-color: #eeebe8;
}
.ce_accordion .toggler:after {
  content: "+";
  text-align: center;
  width: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  right: 15px;
  top: 50%;
}
.ce_accordion .toggler:focus {
  color: #8a8a8a;
}
.ce_accordion .accordion {
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  padding: 0 1em;
  width: 100%;
}
.ce_accordion .accordion > * {
  padding: 1em 0;
}
.ce_accordion.js-enabled .accordion {
  visibility: hidden;
}
.ce_accordion.is-active .accordion {
  visibility: visible;
}
.ce_accordion.is-active .toggler:after {
  content: "-";
}

/* ##################################################### */
/* ########### Videos / Audio ########################## */
/* ##################################################### */
.content-youtube iframe, .content-vimeo iframe {
  width: 100%;
  height: auto;
}
.content-youtube figure, .content-vimeo figure {
  max-width: 300px;
  aspect-ratio: 16/9;
}

.content-player {
  margin-top: 2em;
}
.content-player figure audio {
  width: 100%;
}
.content-player figure video {
  max-width: 470px;
  width: 100%;
}

.col2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.col2 .content-player {
  margin-top: 0;
}

.col4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (min-width: 640px) {
  .col4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.col4 .content-player {
  margin-top: 0;
}

@media (min-width: 1024px) {
  abbr[title]:after {
    content: "";
    padding: 0;
    display: inline;
  }
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 90%;
  }
  header .toggle-id-1 {
    display: inline-block;
  }
  figure.float_left {
    float: none;
    margin: 6px 0;
  }
  figure.float_right {
    float: none;
    margin: 6px 0;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 85%;
  }
}
.ie9 header nav ul, .ie9 footer nav ul, .ie8 header nav ul, .ie8 footer nav ul {
  display: block;
}
.ie9 header nav ul li, .ie9 footer nav ul li, .ie8 header nav ul li, .ie8 footer nav ul li {
  display: inline-block;
}
.ie9 header nav ul li a, .ie9 header nav ul li strong, .ie9 footer nav ul li a, .ie9 footer nav ul li strong, .ie8 header nav ul li a, .ie8 header nav ul li strong, .ie8 footer nav ul li a, .ie8 footer nav ul li strong {
  display: inline-block;
}
