@charset "UTF-8";
/***!  /media/templates/site/muehlenau2023/css/template.css?1.0.3  !***/


/* @author Jules Weigel, Karo3.de * @copyright 	Copyright (C) Jules Weigel, Karo3.de * @license Jules Weigel, Karo3.de */
:root {
  --c-txt: #3e3e3e;
  --c-h: #C05036;
  --c-a: #C05036;
  --c-a-hover: #FFBD38;
  --c-bg-1: #88AD72;
  --c-bg-2: #88AD72;
  --c-bg-3: #88AD72;
  --c-bg-l-1: #F6F6EE;
  --c-bg-l-2: #D8E8CF;
  --c-bg-l-3: #EEF6F8;
  --c-bg-txt: #fff;
  --c-bg-a: #fff;
  --c-bg-a-hover: #fff;
  --c-border-1: #191919;
  --c-border-2: #191919;
  --c-border-3: #191919;
  --c-1: #C05036;
  --c-2: #FFBD38;
  --c-3: #88AD72;
  --c-w: #fff;
  --c-l: #F3F3F3;
  --c-d: #262626;
  --c-grey: #EFEFEF;
  --c-grey-l: #fbfbfb;
  --c-grey-d: #ccc;
  --c-r: #C05036;
  --c-b: #8FC0D0;
  --c-y: #FFBD38;
  --c-g: #88AD72;
  --c-g-d: #416A62;
  --c-g-l: #D8E8CF;
  --c-o: #C05036;
  --c-m: #962362;
  --c-btn: #88AD72;
  --c-btn-txt: #fff;
  --c-btn-hover: #C05036;
  --c-btn-txt-hover: #fff;
}

:root {
  --sp-xxl-x: 5rem;
  --sp-xxl-y: 5rem;
  --sp-xl-x: 3rem;
  --sp-xl-y: 3rem;
  --sp-l-x: 1.5rem;
  --sp-l-y: 1.5rem;
  --sp-2-x: 2rem;
  --sp-2-y: 2rem;
  --sp-m-x: 1rem;
  --sp-m-y: 1rem;
  --sp-s-x: 0.75rem;
  --sp-s-y: 0.75rem;
  --sp-xs-x: 0.5rem;
  --sp-xs-y: 0.5rem;
  --sp-xxs-x: 0.25rem;
  --sp-xxs-y: 0.25rem;
}

:root {
  --sz-w-content: 1280px;
  --sz-header: 7.5rem;
}

/* raleway-regular - latin */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* josefin-sans-600 - latin */
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/josefin-sans-v32-latin-600.woff2") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/josefin-sans-v32-latin-600.ttf") format("truetype"); font-display: swap; font-family: "Josefin Sans"; font-style: normal; font-weight: 400}
/* josefin-sans-700 - latin */
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/josefin-sans-v32-latin-700.woff2") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/josefin-sans-v32-latin-700.ttf") format("truetype"); font-display: swap; font-family: "Josefin Sans"; font-style: normal; font-weight: 700}
/* mulish-500 - latin */
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-500.woff2") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-500.ttf") format("truetype"); font-display: swap; font-family: "Mulish"; font-style: normal; font-weight: 500}
/* mulish-500italic - latin */
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-500italic.woff2") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-500italic.ttf") format("truetype"); font-display: swap; font-family: "Mulish"; font-style: italic; font-weight: 400}
/* mulish-700 - latin */
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-700.woff2") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-700.ttf") format("truetype"); font-display: swap; font-family: "Mulish"; font-style: normal; font-weight: 700}
/* mulish-700italic - latin */
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-700italic.woff2") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/mulish-v12-latin-700italic.ttf") format("truetype"); font-display: swap; font-family: "Mulish"; font-style: italic; font-weight: 700}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-size: 17px;
  overflow-x: hidden;
}

body {
  color: var(--c-txt);
  font-family: "Mulish", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  background-color: #fff;
  overflow-x: hidden;
}

/*--------------- Bilder ---------------*/
a img {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.img-100 {
  width: 100%;
}
.icke-pos-right, .img-right, .icke-pos-left, .img-left, .img-50 {
  max-width: calc(56% - 1.5rem / 2) !important;
}
.img-40 {
  max-width: 40% !important;
}
@media only screen and (max-width: 700px) {
  .img-40 {
    max-width: 50% !important;
  }
}
@media only screen and (max-width: 400px) {
  .img-40 {
    max-width: 100% !important;
    min-width: auto;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}
.imgs-2, .imgs-3 {
  overflow: hidden;
}
.imgs-2 img, .imgs-3 img {
  margin: 0 0.75rem 0.75rem !important;
}
.imgs-2 img {
  width: calc(50% - 0.75rem - 0.1rem);
}
.imgs-2 img:nth-child(odd) {
  margin-left: 0 !important;
}
.imgs-2 img:nth-child(even) {
  margin-right: 0 !important;
}
.imgs-3 img {
  width: calc(33% - 1rem - 0.1rem);
}
.imgs-3 img:nth-child(3n+1) {
  margin-left: 0 !important;
}
.imgs-3 img:nth-child(3n) {
  margin-right: 0 !important;
}
.stripe:before, .soul-bubble-bunt:after, .soul-bubble-bunt, .soul-bubbles:after, .soul-bubbles:before, .soul-welle-top, .soul-welle:before, .cta-grid-mobile-bg, .page-header-image, .img-bg {
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@supports not (-webkit-touch-callout: none) {
  .img-bg-fixed {
    background-attachment: fixed;
  }
}
.icke-pos-left, .img-left {
  display: block;
}
.icke-pos-right, .img-right {
  display: block;
}
.img-desc, .img-caption {
  font-size: 0.8823529412rem;
  line-height: 105%;
  font-style: italic;
  margin-bottom: var(--sp-m-y);
}
.img-desc *, .img-caption * {
  display: inline-block;
}
.box-img-img, .stripe-img-r img, .stripe-img-l img, .img-cover-auto, .img-cover-min, .img-cover {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.img-cover-min {
  height: auto;
  min-height: 100%;
}
.img-cover-auto {
  height: auto;
}
.img-zoom {
  overflow: hidden;
  display: block;
}
.img-zoom .teaser-grid-img img {
  transition: all 1s;
}
.img-zoom .teaser-grid-img:hover img {
  transform: scale(1.15);
}
.img-zoom:hover .teaser-grid-img img {
  transform: scale(1.15);
}
.img-zoom img {
  transition: all 1s;
}
.img-zoom:hover img {
  transform: scale(1.15);
}

@media only screen and (max-width: 540px) {
  .img-50, .img-right, .img-left, .icke-pos-left, .icke-pos-right {
    max-width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 1rem !important;
  }
  .img-desc {
    padding-left: var(--sp-m-x);
    padding-right: var(--sp-m-x);
  }
}
@font-face {src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/fontello.eot?43396230"); src: url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/fontello.eot?43396230#iefix") format("embedded-opentype"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/fontello.woff2?43396230") format("woff2"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/fontello.woff?43396230") format("woff"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/fontello.ttf?43396230") format("truetype"), url("https://www.muehlenau.de/media/templates/site/muehlenau2023/fonts/fontello.svg?43396230#fontello") format("svg"); font-family: "fontello"; font-weight: normal; font-style: normal; font-display: swap}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  min-width: 1em;
  display: inline-block;
}

.icon-wrapper [class^=icon-]:before {
  margin: -0.1rem -0.8676470588rem 0;
  width: 2.6764705882rem;
}

.icon-email:before {
  content: "\e800";
} /* '' */
.icon-print:before {
  content: "\e801";
} /* '' */
.icon-phone:before {
  content: "\e802";
} /* '' */
.icon-rss:before {
  content: "\e803";
} /* '' */
.icon-right-open:before {
  content: "\e804";
} /* '' */
.icon-cancel:before {
  content: "\e805";
} /* '' */
.icon-upload:before {
  content: "\e807";
} /* '' */
.icon-calendar:before {
  content: "\e808";
} /* '' */
.icon-lock:before {
  content: "\e809";
} /* '' */
.icon-warning-empty:before {
  content: "\e80a";
} /* '' */
.icon-basket:before {
  content: "\e80b";
} /* '' */
.icon-trash-empty:before {
  content: "\e80c";
} /* '' */
.icon-ok:before {
  content: "\e80d";
} /* '' */
.icon-micro:before {
  content: "\e80e";
} /* '' */
.icon-search:before {
  content: "\e80f";
} /* '' */
.icon-book:before {
  content: "\e810";
} /* '' */
.icon-quote:before {
  content: "\e811";
} /* '' */
.icon-play:before {
  content: "\e822";
} /* '' */
.icon-arrow:before {
  content: "\e825";
} /* '' */
.icon-share:before {
  content: "\e8d9";
} /* '' */
.icon-cart:before {
  content: "\e90b";
} /* '' */
.icon-disqus:before {
  content: "\e90e";
} /* '' */
.icon-mastodon:before {
  content: "\e90f";
} /* '' */
.icon-arrow-head:before {
  content: "\e910";
} /* '' */
.icon-money:before {
  content: "\e911";
} /* '' */
.icon-info-circled-alt:before {
  content: "\f086";
} /* '' */
.icon-link-ext:before {
  content: "\f08e";
} /* '' */
.icon-twitter:before {
  content: "\f099";
} /* '' */
.icon-facebook:before {
  content: "\f09a";
} /* '' */
.icon-angle-double-right:before {
  content: "\f101";
} /* '' */
.icon-angle-right:before {
  content: "\f105";
} /* '' */
.icon-youtube:before {
  content: "\f167";
} /* '' */
.icon-youtube-play:before {
  content: "\f16a";
} /* '' */
.icon-instagram:before {
  content: "\f16d";
} /* '' */
.icon-tumblr:before {
  content: "\f173";
} /* '' */
.icon-paypal:before {
  content: "\f1ed";
} /* '' */
.icon-pinterest:before {
  content: "\f231";
} /* '' */
.icon-whatsapp:before {
  content: "\f232";
} /* '' */
.icon-linkedin:before {
  content: "\f318";
} /* '' */
.icon-arrow-down:before {
  content: "\e910";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  transition: transform 0.5s;
}
.icon-arrow-down.active:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.icon-angle-left:before {
  content: "\f105";
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.icon-angle-double-left:before {
  content: "\f101";
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.active .icon-arrow-down:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.icon-circle {
  content: "";
  display: inline-block;
  background-color: var(--c-txt);
  width: 0.4em;
  height: 0.4em;
  border-radius: 100%;
}
.icon-wrapper {
  position: relative;
  width: 1.8em;
  height: 1.8em;
  padding: 0.2em;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  background-color: var(--c-w);
}
.icon-wrapper-hover, .icon-wrapper:hover, a:hover .icon-wrapper {
  background-color: var(--c-1);
}
.icon-burger {
  top: 50%;
}
.icon-burger, .icon-burger:after, .icon-burger:before {
  position: absolute;
  width: 1.5rem;
  height: 3px;
  background-color: var(--c-d);
  color: var(--c-d);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  margin: 0;
}
.icon-burger:after, .icon-burger:before {
  content: "";
  top: 0.34rem;
  left: 0;
}
.icon-burger:before {
  top: calc(-0.3rem - 1px);
}
.icon-burger:hover, .icon-burger:hover:after, .icon-burger:hover:before {
  color: var(--c-a-hover);
}
.icon-burger.active {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon-burger.active:after, .icon-burger.active:before {
  top: 0;
}
.icon-burger.active:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.icon-close {
  color: #3e3e3e;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
}
.icon-close:before, .icon-close:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0;
}
.icon-close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icon-close:hover, .icon-close-burger:hover:after, .icon-close-burger:hover:before {
  background-color: #C05036;
  color: #C05036;
}

.btn.icon, .btn .icon {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -ms-transition: color 0.4s;
  transition: color 0.4s;
}
.btn.icon:hover, .btn:hover .icon {
  color: #fff;
}

.active .icon-burger {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.active .icon-burger:after, .active .icon-burger:before {
  top: 0;
}
.active .icon-burger:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*--------------- Überschriften ---------------*/
.txt-xxxl, h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: "Josefin Sans", Arial, sans-serif;
  line-height: 105%;
  font-weight: 700;
  color: var(--c-h);
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.txt-xxxl + h1, h1 + h1, h2 + h1, h3 + h1, h4 + h1, .h1 + h1, .h2 + h1, .h3 + h1, .h4 + h1, .txt-xxxl + h2, h1 + h2, h2 + h2, h3 + h2, h4 + h2, .h1 + h2, .h2 + h2, .h3 + h2, .h4 + h2, .txt-xxxl + h3, h1 + h3, h2 + h3, h3 + h3, h4 + h3, .h1 + h3, .h2 + h3, .h3 + h3, .h4 + h3, .txt-xxxl + h4, h1 + h4, h2 + h4, h3 + h4, h4 + h4, .h1 + h4, .h2 + h4, .h3 + h4, .h4 + h4, .txt-xxxl + .h1, h1 + .h1, h2 + .h1, h3 + .h1, h4 + .h1, .h1 + .h1, .h2 + .h1, .h3 + .h1, .h4 + .h1, .txt-xxxl + .h2, h1 + .h2, h2 + .h2, h3 + .h2, h4 + .h2, .h1 + .h2, .h2 + .h2, .h3 + .h2, .h4 + .h2, .txt-xxxl + .h3, h1 + .h3, h2 + .h3, h3 + .h3, h4 + .h3, .h1 + .h3, .h2 + .h3, .h3 + .h3, .h4 + .h3, .txt-xxxl + .h4, h1 + .h4, h2 + .h4, h3 + .h4, h4 + .h4, .h1 + .h4, .h2 + .h4, .h3 + .h4, .h4 + .h4 {
  color: var(--c-1);
}
.txt-xxxl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child {
  margin-top: 0;
}
.txt-xxxl a, h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a {
  text-decoration: none !important;
}

h1, .h1 {
  font-size: 3.8235294118rem;
  margin-bottom: var(--sp-l-y);
  margin-top: var(--sp-xl-y);
  color: var(--c-1);
}

h2, .h2, .icke-dp-title {
  font-size: 2.0588235294rem;
  margin-bottom: var(--sp-m-y);
  margin-top: var(--sp-xl-y);
}

h3, .h3 {
  font-size: 1.3529411765rem;
  margin-bottom: var(--sp-xxs-y);
  margin-top: var(--sp-l-y);
}

h4, .h4 {
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-s-y);
}

h2 + h3 {
  font-size: 1rem;
}

/*--------------- Text ---------------*/
p {
  margin-bottom: var(--sp-l-y);
}

b, strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

address {
  font-style: normal;
}

sub, sup {
  line-height: 68%;
}

.txt-cta {
  font-size: 3.8235294118rem;
  line-height: 105%;
  font-weight: 700;
  font-family: "Josefin Sans", Arial, sans-serif;
  color: var(--c-1);
}
.txt-xxxl {
  font-size: 7.8235294118rem;
  line-height: 105%;
}
@media only screen and (min-height: 800px) {
  .txt-xxxl {
    font-size: 3rem;
  }
}
.txt-xxl {
  font-size: 3.8235294118rem;
  line-height: 105%;
}
.txt-xxl2 {
  font-size: 2.5882352941rem;
  line-height: 105%;
}
.txt-xl {
  font-size: 2.0588235294rem;
  font-weight: 700;
  line-height: 105%;
}
.txt-l {
  font-size: 1.3529411765rem;
  line-height: 105%;
}
.txt-m {
  font-size: 1rem;
  line-height: 140%;
}
.txt-s, .ads-note, .wf_caption {
  font-size: 0.8823529412rem;
  line-height: 140%;
}
.txt-s h1, .txt-s h2, .txt-s .menu-a, .ads-note h1, .wf_caption h1, .ads-note h2, .wf_caption h2, .ads-note .menu-a, .wf_caption .menu-a {
  font-size: 0.8823529412rem;
  line-height: 140%;
}
.txt-xs {
  font-size: 0.7647058824rem;
  line-height: 105%;
}
.txt-c-1 {
  color: #C05036;
}
.txt-c-a {
  color: var(--c-a);
  cursor: pointer;
  transition: color 0.5s;
}
.txt-c-a:hover {
  color: var(--c-a-hover);
}
.txt-c-r, .formRed, .formError {
  color: #C05036;
}
.txt-c-grey {
  color: var(--c-grey-d) !important;
}
.txt-c-txt {
  color: #3e3e3e;
}
.txt-c-w {
  color: #fff;
}
.txt-c-w h1, .txt-c-w h2, .txt-c-w h3 {
  color: #fff;
}
.txt-c-m {
  color: #962362;
}
.txt-c-g {
  color: #88AD72;
}
.txt-c-g h1, .txt-c-g h2, .txt-c-g h3 {
  color: #88AD72;
}
.txt-c-g-d {
  color: var(--c-g-d);
}
.txt-c-o {
  color: #C05036;
}
.txt-c-d {
  color: #262626;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}
.txt-regular {
  font-weight: 400;
}
.txt-bold, .highlight {
  font-weight: 700;
}
.txt-black {
  font-weight: 700;
}
.txt-font-text {
  font-family: "Mulish", Arial, sans-serif;
}
.txt-font-h {
  font-family: "Josefin Sans", Arial, sans-serif;
  color: var(--c-h);
}
.txt-title {
  color: var(--c-txt);
}
.txt-title a {
  color: var(--c-txt);
}
.txt-title a:hover {
  color: var(--c-txt);
}
.txt-title.txt-c-txt a {
  color: #3e3e3e;
}
.txt-title.txt-c-txt a:hover {
  color: #3e3e3e;
}
.txt-uppercase {
  text-transform: uppercase;
}
.txt-bg {
  background: #8FC0D0;
  color: #fff;
}
.txt-deco-no {
  text-decoration: none !important;
}
.txt-initial {
  font-size: 2.45em;
  line-height: 100%;
  float: left;
  margin-right: 1rem;
}
@media only screen and (max-width: 540px) {
  .txt-initial {
    display: block;
    float: none;
  }
}

a:hover .txt-c-g, a:hover.txt-c-g {
  color: var(--c-d);
}

/*--------------- Links ---------------*/
a, .a {
  color: var(--c-a);
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -ms-transition: color 0.4s;
  transition: color 0.4s;
  transition: color 0.5s;
}
a:hover, a.active, .a:hover, .a.active {
  color: var(--c-a-hover);
  text-decoration: underline;
}

.link-stretched::after, .masonry-k3 .wf_caption a::after, .box-jammer .btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.link-all {
  -webkit-transition: background-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  color: #3e3e3e;
}
.link-all:hover {
  background-color: #C05036;
  color: #3e3e3e;
}
.link-all p {
  color: #3e3e3e;
}
.link-extend {
  display: inline-block;
  border-radius: 2rem;
  max-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.1rem 0 0.5rem;
  overflow: hidden;
  -webkit-transition: max-width 1s;
  -ms-transition: max-width 1s;
  transition: max-width 1s;
  border: 2px solid var(--c-a);
}
.link-extend .icon {
  float: right;
  margin-left: 0.25rem;
  padding-bottom: 1rem;
}
.link-extend-hover, .link-extend:hover, a:hover .link-extend {
  max-width: 200px;
}

.link-underline {
  text-decoration: none;
  display: inline-block;
}
.link-underline:after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: var(--c-a);
  display: block;
  -webkit-transition: width 0.5s;
  -ms-transition: width 0.5s;
  transition: width 0.5s;
  position: relative;
}
.link-underline:hover:after {
  width: 100%;
}

/*--------------- Listen ---------------*/
ul, ol {
  padding-left: 1.6em;
  margin-bottom: 1.5rem;
}

dt {
  float: left;
  margin-right: 0.75rem;
  font-weight: 700;
}

dd {
  margin-left: 7rem;
  margin-bottom: 0.5rem;
}

ul {
  list-style: none;
}
ul li {
  margin-bottom: 0.5rem;
}
ul li h1, ul li h2, ul li h3, ul li h4 {
  margin-top: 0;
}
ul li:before {
  content: "";
  display: inline-block;
  background-color: var(--c-1);
  width: 0.4em;
  height: 0.4em;
  margin-left: -1.5rem;
  margin-top: 0.5em;
  float: left;
  border-radius: 100%;
}

.list-no, .list-inline {
  padding: 0;
}
.list-no li, .list-inline li {
  list-style: none;
}
.list-no li:before, .list-inline li:before {
  display: none;
}
.list-float {
  overflow: hidden;
}
.list-float li {
  float: left;
  margin-right: 0.5rem;
}
.list-inline li {
  display: inline-block;
}
.list-inline li:not(:first-child):before {
  content: " | ";
  display: inline-block;
  background: transparent;
  width: auto;
  height: auto;
  margin: 0;
  float: none;
}

@media only screen and (max-width: 540px) {
  dd {
    margin-left: 0 !important;
  }
  dt {
    float: none;
  }
}
.list-dl-v dt {
  float: none;
  margin-right: 0;
  font-weight: 700;
  border-bottom: 2px solid #3e3e3e;
  margin-bottom: 0.5rem;
}
.list-dl-v dd {
  margin-left: 0;
}
.list-dl-s dt {
  float: left;
}
.list-dl-s dd {
  margin-left: 3em;
  margin-bottom: 0;
}
.list-dl-l dd {
  margin-left: 10em;
}

/*--------------- Unterstrichen ---------------*/
hr {
  border: 0;
  border-bottom: 1px solid var(--c-grey-d);
  margin-bottom: var(--sp-m-y);
  clear: both;
  margin-left: var(--sp-m-x);
  margin-right: var(--sp-m-x);
}

iframe {
  width: 100%;
  border: 0;
}

fieldset {
  border: 0;
  margin: 0 0 0;
}

input[type=text], textarea, select, input[type=search], input[type=password], input[type=email], input[type=number] {
  width: 100%;
  max-width: 40rem;
  padding: 0.7em 1.2em 0.5em;
  border: 1px solid var(--c-border-1);
  font-size: 1rem;
  color: var(--c-txt);
  font-family: "Josefin Sans", Arial, sans-serif;
  line-height: 100%;
  background-color: var(--c-w);
  border-radius: 2rem;
  -webkit-transition: border 0.2s, padding 0.2s, opacity 0.5s;
  -ms-transition: border 0.2s, padding 0.2s, opacity 0.5s;
  transition: border 0.2s, padding 0.2s, opacity 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  height: 9.2rem;
}

input[type=text]:focus, textarea:focus {
  outline: none;
  border: 1px solid var(--c-a);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[type=checkbox] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

[type=checkbox] + label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 1px solid var(--c-1);
  background-color: #fff;
  content: "";
  display: inline-block;
  margin-right: 5px;
  z-index: 5;
  position: relative;
}

[type=checkbox]:checked + label::before {
  box-shadow: inset 0 0 0 3px #fff;
  background-color: var(--c-1);
}

input[type=submit], input[type=button], button {
  -webkit-appearance: none;
}

.btn-fixed, input[type=submit], input[type=button], button, .btn {
  display: inline-block;
  padding: 0.7em 1.2em 0.5em;
  border: 1px solid var(--c-btn);
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--c-btn-txt);
  line-height: 105%;
  background-color: var(--c-btn);
  cursor: pointer;
  text-decoration: none;
  margin: 0.25rem 0;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-fixed:hover, input[type=submit]:hover, input[type=button]:hover, button:hover, .btn:hover {
  background-color: var(--c-btn-hover);
  border-color: var(--c-btn-hover);
  color: var(--c-btn-txt-hover);
  text-decoration: none;
}
.btn-no {
  background-color: transparent;
  padding: 0;
  border: 0;
  font-weight: 400;
  color: var(--c-a);
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -ms-transition: color 0.4s;
  transition: color 0.4s;
}
.btn-no:hover {
  color: var(--c-a-hover);
  text-decoration: underline;
}
.btn-s {
  font-size: 0.8823529412rem !important;
}
.btn-success, .btn-primary {
  background-color: var(--c-a);
  border-color: var(--c-a);
  color: var(--c-btn-txt);
  font-family: "Josefin Sans", Arial, sans-serif;
}
.btn-success:hover, .btn-primary:hover {
  background-color: var(--c-a-hover);
  border-color: var(--c-a-hover);
  color: var(--c-btn-txt-hover);
}
.btn-ghost {
  display: inline-block;
  border: var(--c-a) 1px solid;
  border-radius: 0.75rem;
  color: var(--c-txt);
  font-size: 1.3529411765rem;
  font-family: "Josefin Sans", Arial, sans-serif;
  line-height: 105%;
  font-weight: 700;
  padding: 0.7em 1.2em 0.5em;
  text-decoration: none;
  transition: all 0.5s;
}
.btn-ghost:hover {
  border-color: var(--c-a);
  color: var(--c-btn-txt-hover);
  background-color: var(--c-a);
  text-decoration: none;
}
.btn-arrow {
  display: inline-block;
  border: 0;
  color: var(--c-a);
  font-size: 1.3529411765rem;
  font-family: "Josefin Sans", Arial, sans-serif;
  font-weight: 700;
  padding: 0.7em 1.2em 0.5em;
  padding-left: 0;
  text-decoration: none;
}
.btn-arrow:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 0.75em solid #fff;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  padding-top: 0;
  display: inline-block;
  margin-left: 1em;
}
.btn-arrow:hover {
  color: var(--c-a-hover);
  text-decoration: none;
}
.btn-circle {
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--c-a);
  color: var(--c-a);
  display: inline-block;
  border-radius: 100%;
  padding-top: 0.2rem;
}
.btn-group .btn {
  margin-bottom: 0.5rem;
}
.btn-group:before {
  display: none;
}
.btn-right-xl, .btn-xl {
  padding: 0.8em 1.3em 0.6em;
  font-size: 1.3529411765rem;
}
.btn-right-xl, .btn-right {
  float: right;
}
.btn-fixed {
  position: fixed;
  bottom: 0;
  margin: 0 -6rem;
  left: 50%;
  border-radius: 2rem 2rem 0 0;
  z-index: 2;
  text-align: center;
}

input[type=submit] + input[type=submit], input[type=button] + input[type=submit], button + input[type=submit], .btn-fixed + input[type=submit], input[type=submit] + input[type=button], input[type=button] + input[type=button], button + input[type=button], .btn-fixed + input[type=button], input[type=submit] + button, input[type=button] + button, button + button, .btn-fixed + button, input[type=submit] + .btn-fixed, input[type=button] + .btn-fixed, button + .btn-fixed, .btn-fixed + .btn-fixed, input[type=submit] + .btn, input[type=button] + .btn, button + .btn, .btn-fixed + .btn, input[type=submit] + .btn-ghost, input[type=button] + .btn-ghost, button + .btn-ghost, .btn-fixed + .btn-ghost, .btn + input[type=submit], .btn + input[type=button], .btn + button, .btn + .btn-fixed, .btn + .btn, .btn + .btn-ghost, .btn-ghost + input[type=submit], .btn-ghost + input[type=button], .btn-ghost + button, .btn-ghost + .btn-fixed, .btn-ghost + .btn, .btn-ghost + .btn-ghost {
  margin-left: var(--sp-m-x);
}

select {
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/system/select-bg.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2rem;
  background-size: 65.5rem;
}

select::-ms-expand {
  display: none;
}

::-webkit-input-placeholder, :-ms-input-placeholder, ::placeholder, ::-moz-placeholder {
  color: #EFEFEF;
  opacity: 1;
}

:focus {
  outline: none;
}

body :focus-visible {
  outline: 2px solid #C05036 !important;
  outline-offset: -2px !important;
}

.label-no .formControlLabel {
  display: none;
}

.rsform-block-moechte .formControlLabel, .rsform-block-moechte .formControls, .rsform-block-datenschutz .formControlLabel, .rsform-block-datenschutz .formControls {
  display: block;
}

.form-check-inline {
  display: inline-block;
  margin-right: 0.75rem;
}

.form-input-l {
  padding: 1rem 1.5rem 0.9rem;
  font-size: 1.3529411765rem;
}

.form-row .col-md-8 {
  width: 66.666%;
}
.form-row .col-md-6 {
  width: 50%;
}
.form-row .col-md-4 {
  width: 33.333%;
}
@media only screen and (max-width: 450px) {
  .form-row .col-md-8, .form-row .col-md-6, .form-row .col-md-4 {
    width: 100%;
  }
}

.form-group, .control-group {
  padding-bottom: 0.75rem;
}

.form-small input {
  max-width: 22rem;
}
.form-small input[type=submit], .form-small input[type=button], .form-small button {
  float: none;
}

.form-dataprivacy-hidden .rsform-block-datenschutz, .form-dataprivacy-hidden .rsform-block-captcha, .form-dataprivacy-hidden .rsform-block-datenschutz-s {
  font-size: 0.8823529412rem;
  line-height: 120%;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
  padding-bottom: 0;
}
.form-dataprivacy-hidden .rsform-block-datenschutz.active, .form-dataprivacy-hidden .rsform-block-captcha.active, .form-dataprivacy-hidden .rsform-block-datenschutz-s.active {
  padding-bottom: var(--sp-s-y);
}

.modalCheckBox input[type=checkbox] {
  float: none;
}

.rsformProgress {
  text-align: left;
  font-size: 1rem;
}

.form-radio-btn {
  padding: 0.75em 1.1em 0.65em;
  border: 1px solid var(--c-border-1);
  background-color: var(--c-w);
  display: block;
  text-align: center;
}
.form-radio-btn.active {
  background-color: var(--c-bg-1);
  border-color: var(--c-bg-1);
  color: var(--c-bg-txt);
}
.form-radio-btns {
  display: flex;
  margin-left: calc(var(--sp-s-x) * -1);
  margin-right: calc(var(--sp-s-x) * -1);
}
.form-radio-btns > .form-check {
  margin-right: 0;
  padding: 0 var(--sp-s-x);
  width: 100%;
}
.form-radio-btn-input {
  position: absolute;
  opacity: 0;
}
.form-bold {
  max-width: 42rem;
  margin: auto;
}
.form-bold .control-label {
  font-size: 1.625rem;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
  font-weight: 700;
  line-height: 120%;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  color: #222;
  display: block;
}
.form-bold button {
  padding: 0.75em 1.1em 0.65em;
  width: 100%;
  background-color: var(--c-bg-2);
  border-color: var(--c-bg-2);
}
.form-bold input {
  padding: 0.75em 1.1em 0.65em;
}
.form-bold .form-row > div {
  padding-left: var(--sp-s-x);
  padding-right: var(--sp-s-x);
  margin-top: var(--sp-m-y);
}

/*--------------- Tabellen ---------------*/
table {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}

table, thead, tbody, th, td, tr {
  border: 0;
  border-collapse: collapse;
  background-color: var(--c-bg-l-1);
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

th, td {
  text-align: left;
  padding: calc(0.5rem - 0.1rem) 1rem;
  font-weight: 700;
  border-right: 1px solid var(--c-grey-d);
  min-width: 130px;
}
th:last-child, td:last-child {
  border: 0;
}

th {
  background-color: var(--c-bg-l-2);
  color: var(--c-g-d);
  font-size: 1.3529411765rem;
  font-family: "Josefin Sans", Arial, sans-serif;
  font-weight: 700;
  padding: 1rem 1rem 0.5rem;
}

.table-fixed {
  table-layout: fixed;
  width: 100%;
}
.table-txt-s th, .table-txt-s td {
  font-size: 0.8823529412rem;
}

tbody, thead {
  padding: 0.5rem;
}

thead {
  background-color: var(--c-bg-l-2);
  padding: 0.5rem;
}
thead:after {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/welle-g.svg);
  position: absolute;
  left: 0;
  width: 100%;
  height: 2rem;
  background-repeat: no-repeat;
  z-index: 10;
}

.cols table {
  width: 100%;
}

@media (max-width: 1024px) {
  table.table-rwd {
    display: block;
    overflow: hidden;
  }
  table.table-rwd thead, table.table-rwd tbody, table.table-rwd th, table.table-rwd td, table.table-rwd tr {
    display: block;
    overflow: hidden;
  }
  table.table-rwd thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.table-rwd tr:nth-child(odd) td {
    border-bottom: 1px solid #191919;
  }
  table.table-rwd td {
    display: flex;
    border-bottom: 1px solid #191919;
  }
  table.table-rwd td:before {
    content: attr(data-label) ": ";
    flex: 0 0 0.5rem;
    font-weight: 700;
    margin-right: 0.75rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 540px) {
  table.table-rwd td {
    display: block;
    border-bottom: 1px solid #191919;
  }
  table.table-rwd td:before {
    font-weight: 700;
    margin-right: 0;
    margin-bottom: 0;
    display: block;
  }
}
.border, .border-a a, .border-label label {
  border: 3px solid var(--c-border-2);
}

.border {
  border: 1px solid #191919;
}
.border-no {
  border: 0;
}
.border-circle, .border-circle-a a, .border-circle-label label {
  border-radius: 100%;
}
.border-radius {
  border-radius: 0.5rem;
}
.border-radius-t {
  border-radius: 0.5rem 0.5rem 0 0;
}
.border-radius-b {
  border-radius: 0 0 0.5rem 0.5rem;
}
.border-c-b {
  border: 1px solid var(--c-g-d);
}
.border-b-short {
  position: relative;
}
.border-b-short:after {
  content: "";
  border-bottom: 3px solid var(--c-border-2);
  width: 3.5rem;
  display: block;
  position: absolute;
  bottom: 0;
}
.border-tb {
  border-top: 1px solid var(--c-g);
  border-bottom: 1px solid var(--c-g);
}
.border-b {
  border-bottom: 1px solid var(--c-grey);
}

.overflow-visible {
  overflow: visible !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden-x {
  overflow-x: hidden;
}

.bg-d-content, .bg-gradient, .bg-o, .bg-g, .masonry-k3 .wf_caption span, .bg-b, .bg-d, .bg-3, .bg-2, .bg-1, .icke-dp-info {
  --c-txt: #fff;
  --c-h: #fff;
  --c-a: #fff;
  --c-a-hover: #fff;
  --c-border: #fff;
  --c-bg-1: #F6F6EE;
  --c-bg-2: #D8E8CF;
  --c-bg-3: #EEF6F8;
  --c-bg-txt: #fff;
  --c-border-1: #fff;
  --c-border-2: #fff;
  --c-border-3: #fff;
  --c-1: #fff;
  --c-2: #FFBD38;
  --c-3: #fff;
  --c-d: #fff;
  --c-g: #fff;
  --c-w: #fff;
  --c-btn: #fff;
  --c-btn-hover: #FFBD38;
  --c-btn-txt: #fff;
  --c-btn-txt-hover: #C05036;
  color: var(--c-txt);
}
.bg-d-content select, .bg-gradient select, .bg-o select, .bg-g select, .masonry-k3 .wf_caption span select, .bg-b select, .bg-d select, .bg-3 select, .bg-2 select, .bg-1 select, .icke-dp-info select {
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/system/select-bg-w.svg);
}
.bg-l-content, .bg-grey-l, .bg-grey, .tab-target, .bg-l-3, .bg-l-1, .soul-main-bg .main, .soul-welle-l, .tab-btn:hover, .tab-btn.active, .stripe, .stripe-l, .stripe-r, .bg-l-2, .tab-btn, .box, .box-icon, .box-btn, .box-full, .box-left, .box-right, .bg-w, .soul-welle, .popup, .popup-s, .dropdown-a {
  --c-txt: #3e3e3e;
  --c-h: #C05036;
  --c-a: #C05036;
  --c-a-hover: #FFBD38;
  --c-border: #3e3e3e;
  --c-bg-1: #C05036;
  --c-bg-2: #FFBD38;
  --c-bg-3: #88AD72;
  --c-bg-txt: #fff;
  --c-border-1: #191919;
  --c-border-2: #191919;
  --c-border-3: #191919;
  --c-1: #C05036;
  --c-2: #FFBD38;
  --c-3: #88AD72;
  --c-d: #262626;
  --c-g: #88AD72;
  --c-w: #fff;
  --c-btn: #8FC0D0;
  --c-btn-txt: #fff;
  --c-btn-hover: #416A62;
  --c-btn-txt-hover: #fff;
  color: var(--c-txt);
}
.bg-w, .soul-welle, .popup, .popup-s, .dropdown-a {
  background-color: #fff;
}
.bg-1, .icke-dp-info {
  background-color: #88AD72;
}
.bg-2 {
  background-color: #88AD72;
}
.bg-3 {
  background-color: #88AD72;
}
.bg-l-2, .tab-btn, .box, .box-icon, .box-btn, .box-full, .box-left, .box-right {
  background-color: #D8E8CF;
}
.bg-l-2 .btn, .tab-btn .btn, .box .btn, .box-icon .btn, .box-btn .btn, .box-full .btn, .box-left .btn, .box-right .btn {
  background-color: var(--c-w);
  border-color: var(--c-a);
  color: var(--c-a);
}
.bg-l-2 .btn:hover, .tab-btn .btn:hover, .box .btn:hover, .box-icon .btn:hover, .box-btn .btn:hover, .box-full .btn:hover, .box-left .btn:hover, .box-right .btn:hover {
  background-color: var(--c-1);
  border-color: var(--c-1);
  color: var(--c-w);
}
.bg-l-2 .btn-primary, .tab-btn .btn-primary, .box .btn-primary, .box-icon .btn-primary, .box-btn .btn-primary, .box-full .btn-primary, .box-left .btn-primary, .box-right .btn-primary {
  background-color: var(--c-r);
  border-color: var(--c-r);
  color: var(--c-w);
}
.bg-l-2 .btn-primary:hover, .tab-btn .btn-primary:hover, .box .btn-primary:hover, .box-icon .btn-primary:hover, .box-btn .btn-primary:hover, .box-full .btn-primary:hover, .box-left .btn-primary:hover, .box-right .btn-primary:hover {
  background-color: var(--c-bg-3);
  border-color: var(--c-bg-3);
  color: var(--c-w);
}
.bg-l-2 a, .tab-btn a, .box a, .box-icon a, .box-btn a, .box-full a, .box-left a, .box-right a {
  color: var(--c-g-d);
}
.bg-l-1, .soul-main-bg .main, .soul-welle-l, .tab-btn:hover, .tab-btn.active, .stripe, .stripe-l, .stripe-r {
  background-color: #F6F6EE;
}
.bg-l-1 .soul-welle-top-bottom-svg, .soul-main-bg .main .soul-welle-top-bottom-svg, .soul-welle-l .soul-welle-top-bottom-svg, .tab-btn:hover .soul-welle-top-bottom-svg, .tab-btn.active .soul-welle-top-bottom-svg, .stripe .soul-welle-top-bottom-svg, .stripe-l .soul-welle-top-bottom-svg, .stripe-r .soul-welle-top-bottom-svg {
  fill: #F6F6EE;
}
.bg-l-3 {
  background-color: #EEF6F8;
}
.bg-d {
  background-color: #262626;
}
.bg-b {
  background-color: #8FC0D0;
}
.bg-g, .masonry-k3 .wf_caption span {
  background-color: #88AD72;
}
.bg-o {
  background-color: #C05036;
}
.bg-grey, .tab-target {
  background-color: #EFEFEF;
}
.bg-grey-l {
  background-color: #fbfbfb;
}
.bg-gradient {
  background: #FFBD38;
  background: -moz-linear-gradient(90deg, #FFBD38 0%, #88AD72 100%);
  background: -webkit-linear-gradient(90deg, #FFBD38 0%, #88AD72 100%);
  background: linear-gradient(90deg, #FFBD38 0%, #88AD72 100%);
}
.bg-hover {
  -webkit-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
}

.stripe, .stripe-l, .stripe-r {
  overflow: visible !important;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  clear: both;
  width: 100%;
}
.stripe:after, .stripe:before, .stripe-l:after, .stripe-r:after, .stripe-l:before, .stripe-r:before {
  content: "";
  position: absolute;
  width: calc((100vw - 1280px) / 2);
  height: 100%;
  top: 0;
  z-index: 0;
  background-color: #F6F6EE;
}
.stripe:after, .stripe-l:after, .stripe-r:after {
  left: 100%;
}
.stripe:before, .stripe-l:before, .stripe-r:before {
  right: 100%;
}
.stripe-r:after {
  left: 100%;
}
.stripe-l:before {
  right: 100%;
}
.stripe-bg-img {
  position: absolute !important;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100% !important;
  width: 100%;
  height: 100%;
}
.stripe.bg-w:after, .stripe.bg-w:before, .bg-w.stripe-r:after, .bg-w.stripe-l:after, .bg-w.stripe-r:before, .bg-w.stripe-l:before {
  background-color: #fff;
}
.stripe-img-l {
  margin-left: calc((-100vw + 1280px) / 2 - 3rem);
  height: 100%;
}
.stripe-img-l img {
  float: right;
}
.stripe-img-r {
  margin-right: calc((-100vw + 1280px) / 2 - 3rem);
  height: 100%;
}
.stripe-img-r img {
  float: left;
}

.sp-p-rl-xl .stripe:after, .sp-p-rl-xl .stripe:before, .sp-p-rl-xl .stripe-r:after, .sp-p-rl-xl .stripe-l:after, .sp-p-rl-xl .stripe-r:before, .sp-p-rl-xl .stripe-l:before {
  width: calc((100vw - 1280px) / 2 + 3rem);
}

@media only screen and (max-width: calc(1280px + 3rem * 2)) {
  .stripe:after, .stripe:before, .stripe-r:after, .stripe-l:after, .stripe-r:before, .stripe-l:before {
    width: 0;
  }
  .sp-p-rl-xl .stripe:after, .sp-p-rl-xl .stripe:before, .sp-p-rl-xl .stripe-r:after, .sp-p-rl-xl .stripe-l:after, .sp-p-rl-xl .stripe-r:before, .sp-p-rl-xl .stripe-l:before, .grid .stripe:after, .grid .stripe:before, .grid .stripe-r:after, .grid .stripe-l:after, .grid .stripe-r:before, .grid .stripe-l:before {
    width: 3rem;
  }
  .stripe-img-l {
    margin-left: -3rem;
  }
}
@media only screen and (max-width: 540px) {
  .sp-p-rl-xl .stripe:after, .sp-p-rl-xl .stripe:before, .sp-p-rl-xl .stripe-r:after, .sp-p-rl-xl .stripe-l:after, .sp-p-rl-xl .stripe-r:before, .sp-p-rl-xl .stripe-l:before {
    width: 1.5rem;
  }
}
@media only screen and (max-width: 400px) {
  .sp-p-rl-xl .stripe:after, .sp-p-rl-xl .stripe:before, .sp-p-rl-xl .stripe-r:after, .sp-p-rl-xl .stripe-l:after, .sp-p-rl-xl .stripe-r:before, .sp-p-rl-xl .stripe-l:before {
    width: 1rem;
  }
}
.fx-hover-show {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.fx-hover-show:hover, .fx-hover:hover .fx-hover-show, .fx-hover-show.active {
  opacity: 1;
}
.fx-show {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.fx-show.active {
  opacity: 1;
}
.fx-hidden, .sr-only, .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.fx-slideout {
  overflow: hidden;
  max-height: 0;
  transition: all 1s;
  opacity: 0;
  border: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.fx-slideout.active {
  opacity: 1;
  max-height: 500px;
}
.fx-slide-up {
  transition: all 0.5s;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.fx-slide-up.ickeaniin {
  opacity: 1;
  transform: none;
}
.fx-pointer {
  cursor: pointer;
}
.fx-prlx-zoom {
  transform-origin: center left;
}
@media only screen and (max-width: 1024px) {
  .fx-prlx-zoom-breaks {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .fx-prlx-zoom-txt {
    position: absolute;
    top: 0;
  }
}

.icke-activator-btn {
  cursor: pointer;
}

.box, .box-icon, .box-btn, .box-bordered, .box-jammer, .box-full, .box-left, .box-right {
  position: relative;
  display: block;
  overflow: hidden;
  padding: var(--sp-l-y) var(--sp-l-x);
  margin: var(--sp-xl-y) 0;
  clear: both;
  border-radius: 10px;
}
@media only screen and (max-width: 540px) {
  .box, .box-icon, .box-btn, .box-bordered, .box-jammer, .box-full, .box-left, .box-right {
    padding-left: var(--sp-l-y);
    padding-right: var(--sp-l-y);
  }
}
.box:after, .box-icon:after, .box-btn:after, .box-bordered:after, .box-jammer:after, .box-full:after, .box-left:after, .box-right:after {
  content: "";
  clear: both;
  display: block;
}
.box-left, .box-right {
  width: 56%;
}
.box-left .icke-pos-left, .box-left .img-left, .box-left .icke-pos-right, .box-left .img-right, .box-left .img-50, .box-right .icke-pos-left, .box-right .img-left, .box-right .icke-pos-right, .box-right .img-right, .box-right .img-50 {
  max-width: calc(44% - 0.75rem) !important;
}
@media screen and (max-width: 540px) {
  .box-left, .box-right {
    width: 100%;
  }
}
.box-jammer {
  margin-left: var(--sp-2-x);
  margin-right: var(--sp-2-x);
  background-color: var(--c-grey-l);
  font-size: 2.0588235294rem;
  line-height: 140%;
  border-top: 2px solid var(--c-1);
  border-bottom: 2px solid var(--c-1);
  text-align: center;
  color: var(--c-1);
  position: relative;
}
@media only screen and (max-width: 540px) {
  .box-jammer {
    margin-left: var(--sp-m-x);
    margin-right: var(--sp-m-x);
  }
}
.box-bordered {
  border-top: 1rem solid #D8E8CF;
  border-bottom: 1rem solid #D8E8CF;
  background: transparent;
}
.box-btn {
  position: relative;
  transition: transform 0.5s;
  border-radius: 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
  width: 100%;
  min-height: 18rem;
}
.box-btn:hover {
  transform: scale(1.1);
}
.box-icon {
  position: relative;
  transition: transform 0.5s;
  border-radius: 10px;
  width: 100%;
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box-icon img {
  width: 6rem;
}
.box-img {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.box-img-img {
  border-radius: 0;
}
.box-img-img-c {
  width: 40%;
  overflow: hidden;
}
.box-img-content {
  width: 60%;
  padding: var(--sp-xl-y) var(--sp-l-x) var(--sp-l-y) var(--sp-xl-x);
}
@media only screen and (max-width: 540px) {
  .box-img {
    padding: 0;
  }
  .box-img-img-c {
    width: 100%;
  }
  .box-img-content {
    width: 100%;
    padding-top: var(--sp-l-y);
  }
}
.box-img-bottom {
  min-height: 18rem;
}
.box-img-bottom-title {
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.box-img-bottom-img {
  height: 100%;
  width: auto;
}
.box-img-bottom-img-c {
  position: absolute;
  right: var(--sp-xs-x);
  bottom: var(--sp-xs-y);
  height: 14rem;
}
.box-light {
  background-color: var(--c-bg-l-1);
}
.box-hover {
  -webkit-transition: background-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
.box-hover:hover {
  background-color: #88AD72;
}
.box-default-img {
  margin-bottom: var(--sp-m-y) !important;
}
.box.float-left-item, .box.float-right-item, .float-left-item.box-left, .float-left-item.box-right, .float-left-item.box-full, .float-left-item.box-jammer, .float-left-item.box-bordered, .float-left-item.box-btn, .float-left-item.box-icon, .float-right-item.box-left, .float-right-item.box-right, .float-right-item.box-full, .float-right-item.box-jammer, .float-right-item.box-bordered, .float-right-item.box-btn, .float-right-item.box-icon {
  margin-top: 0;
}

.grid-3 .box-left, .grid-3 .box-right, .grid-3 .box-full, .grid-3 .box-jammer, .grid-3 .box-bordered, .grid-3 .box-btn, .grid-3 .box-icon, .grid-3 .box, .grid-2 .box-left, .grid-2 .box-right, .grid-2 .box-full, .grid-2 .box-jammer, .grid-2 .box-bordered, .grid-2 .box-btn, .grid-2 .box-icon, .grid-2 .box, .cols .box-left, .cols .box-right, .cols .box-full, .cols .box-jammer, .cols .box-bordered, .cols .box-btn, .cols .box-icon, .cols .box {
  margin-bottom: 0;
  margin-top: 0;
}

/*--------------------------Nachrichten---------------------------*/
#system-message-container {
  position: fixed;
  width: 500px;
  max-width: 90%;
  left: calc(50% - 250px);
  top: 200px;
  z-index: 99;
}
@media (max-width: 600px) {
  #system-message-container {
    width: 90%;
    max-width: 90%;
    left: 5%;
  }
}

#system-message .alert {
  position: relative;
  margin: var(--sp-l-y) var(--sp-xl-x) var(--sp-l-y);
  background-color: #88AD72;
  padding: 1rem 1.5rem;
  color: #fff;
}
#system-message .alert .alert-heading {
  margin-bottom: 0;
  font-size: 1rem;
}
#system-message .alert .close {
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
  color: #C05036;
  font-size: 1.3529411765rem;
  cursor: pointer;
}
#system-message .alert .close:hover {
  text-decoration: none;
}
#system-message .alert > *:last-child {
  margin-bottom: 0;
}
#system-message .alert > *:first-child, #system-message .alert h4 {
  margin-top: 0;
  color: #fff;
}
#system-message .alert-error {
  background-color: #88AD72;
}

.pagination {
  width: 100%;
  margin-top: 1rem;
}

.pagination-list li {
  margin-bottom: 0;
}
.pagination-list li:first-child, .pagination-list li:last-child {
  display: none;
}
.pagination-list a {
  border-radius: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 0.2rem 0.4rem;
  height: 1.3rem;
  font-size: 0.8823529412rem;
  line-height: 100%;
  -webkit-transition: background 0.4s;
  -ms-transition: background 0.4s;
  transition: background 0.4s;
}
.pagination-list .disabled a {
  display: none;
  background-color: #FFBD38;
  color: #3e3e3e;
}
.pagination-list .icon-next, .pagination-list .icon-previous {
  margin-left: -0.2rem;
}
.pagination-list [class^=icon-]:before {
  font-size: 0.8823529412rem;
  width: auto;
}

.module-title h3 {
  font-size: 2.0588235294rem;
  color: var(--c-1);
  font-family: "Mulish", Arial, sans-serif;
}

.moduletable {
  position: relative;
}
#top-2 .moduletable, #bottom .moduletable, #bottom-2 .moduletable, .stoerer .moduletable {
  margin-bottom: var(--sp-xl-y);
}
#top-2 .moduletable:last-child, #bottom .moduletable:last-child, #bottom-2 .moduletable:last-child, .stoerer .moduletable:last-child {
  margin-bottom: 0;
}

.dropdown-menu, .dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}
.dropdown-menu.active, .dropdown-content.active {
  display: block;
  background: var(--c-2);
}
.dropdown-menu-img, .dropdown-content-img {
  max-width: none;
  display: block;
}
.dropdown-a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 0.5rem;
}
.dropdown-a:hover, .dropdown-a.active {
  background: var(--c-2);
}

.social-left {
  position: fixed;
  padding: 0;
  list-style: none;
  z-index: 1000;
  bottom: 100px;
  left: 0;
  margin: 0;
  width: auto;
}
.social-left-items {
  padding: 0;
}
.social-left-item {
  position: relative;
  list-style: none;
  margin-left: calc(-1 * (13rem - 2.4rem));
  font-weight: 700;
  -webkit-transition: margin-left 0.4s;
  -ms-transition: margin-left 0.4s;
  transition: margin-left 0.4s;
}
.social-left-item:hover {
  margin-left: 0;
}
.social-left-item:hover a {
  color: #3e3e3e;
  background-color: #FFBD38;
  border-radius: 0 10rem 10rem 0;
}
.social-left-item:hover .social-left-extra {
  color: #C05036;
}
.social-left-item a {
  display: block;
  position: relative;
  color: #C05036;
  text-align: left;
  padding: 0.5rem 0 0.25rem 0.75rem;
  margin-left: 0;
  width: 13rem;
  height: 2.2rem;
  font-size: 0.8823529412rem;
  line-height: 147%;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.social-left-item:before {
  display: none;
}
.social-left-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.2rem;
  text-align: center;
  border-radius: 100%;
  border: 2px solid var(--c-1);
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--c-bg-site);
}
.social-left-icon:before {
  font-size: 1rem;
}
.social-left-extra {
  position: absolute;
  right: 0.3rem;
  text-align: right;
  font-size: 0.7647058824rem;
}

@media only screen and (max-width: 700px) {
  .social-left {
    bottom: 0;
  }
  .social-left ul {
    margin-bottom: 0;
  }
  #footer .sp-p-xl {
    padding-left: 3rem !important;
  }
}
@media only screen and (max-width: 700px) {
  .social-left {
    position: fixed;
    bottom: 0;
    left: auto;
    text-align: center;
    width: 100%;
  }
  .social-left-extra, .social-left-icon {
    position: relative;
    left: auto;
    right: auto;
  }
  .social-left .social-left-items {
    padding: 0;
    margin-bottom: 0;
    line-height: 90%;
  }
  .social-left .social-left-items li {
    height: 2.4rem;
    width: 2.4rem;
    overflow: hidden;
    margin-left: 0;
    display: inline-block;
    border-radius: 100%;
    margin-right: 0.3rem;
  }
  .social-left .social-left-items li:before {
    background: transparent;
    border: 0;
  }
  .social-left .social-left-items li a {
    color: #C05036;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .social-left .social-left-items li a:after {
    left: 0;
  }
}
.tmp-cols2 {
  overflow: hidden;
}
@media only screen and (max-width: 700px) {
  .tmp-cols2-txt-l, .tmp-cols2-txt-r, .tmp-cols2-img-l, .tmp-cols2-img-r {
    width: 100%;
  }
  .tmp-cols2-img-l {
    order: 2;
  }
}
.tmp-calltoaction {
  margin-bottom: 5rem;
  margin-top: 5rem;
}
.tmp-calltoaction-img {
  opacity: 0.5 !important;
}

.page-header-image {
  height: calc(100vh - 13.5rem);
  margin-top: -6.5rem;
  margin-bottom: 5rem;
}
.page-header-image:after {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/welle-oben-w.svg);
  height: 2rem;
  margin-top: -2rem;
  width: 100vw;
  background-size: 100% 100%;
  position: absolute;
  top: 100%;
  left: 0;
}
/* @author Jules Weigel, Karo3.de * @copyright 	Copyright (C) Jules Weigel, Karo3.de * @license Jules Weigel, Karo3.de */
.lightbox-karo3 {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.lightbox-karo3.active {
  opacity: 1;
  display: block;
}
.lightbox-click {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 50px;
}
.lightbox-close {
  right: -21px;
  top: -0.8rem;
  position: absolute;
  height: 2rem;
  width: 2rem;
  background-color: var(--c-w);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 100%;
  border: 2px solid #C05036;
  border-radius: 100%;
  color: var(--c-txt);
  font-weight: 600;
  font-size: 1.5rem;
  cursor: pointer;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lightbox-close:before {
  content: "+";
}
.lightbox-content {
  position: relative;
  width: 900px;
  max-width: 90%;
  margin: auto;
  margin-top: 6rem;
  background-color: var(--c-w);
  background-size: 900px auto;
}

/* JCE Lightbox */
#jcemediabox-popup-numbers {
  display: none !important;
}

#jcemediabox-popup-closelink {
  width: 22px;
  overflow: hidden;
}

a.jcepopup span.jcemediabox-zoom-image {
  background: transparent;
}

a.jcepopup span.jcemediabox-zoom-image:after {
  background: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/zoom.svg) bottom right no-repeat;
  background-size: contain;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--sp-l-y);
}
.tab-btn {
  order: 0;
  flex: 1 1 100px;
  padding: var(--sp-s-y) var(--sp-2-x);
  transition: background-color 0.5s;
  font-size: 1.3529411765rem;
}
.tab-target {
  order: 1;
  width: 100%;
}
.tab-target.active {
  padding: var(--sp-l-y) var(--sp-2-x);
}

.accordion-btn {
  position: relative;
  font-weight: 700;
}
.accordion-btn:before {
  content: "+";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  font-size: 1em;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 95%;
  background-color: var(--c-1);
}
.accordion-btn.active:before {
  content: "-";
}
blockquote {
  position: relative;
  font-family: "Mulish", Arial, sans-serif;
  margin-bottom: 1.5rem;
  font-size: 1.3529411765rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--c-1);
}
blockquote:before {
  content: "\e825";
  font-family: "fontello";
  font-size: 2.0588235294rem;
  font-style: normal;
  font-weight: normal;
  color: var(--c-1);
  speak: none;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-bottom: 1rem;
  display: block;
}
blockquote cite {
  display: block;
  text-align: right;
  color: var(--c-txt);
  font-size: 1rem;
  line-height: 140%;
  margin-top: -0.75rem;
}
blockquote cite span {
  display: block;
}
blockquote *:last-child {
  margin-bottom: 0;
}

.cite-l {
  font-size: 3.8235294118rem;
  line-height: 140%;
}
.cite-img {
  border-radius: 100%;
  width: 6.4rem;
  height: 6.4rem;
  margin: auto;
}
.cite-txt-xl {
  font-size: 1.6rem;
}
.cite-txt-l {
  font-size: 1.3rem;
}
.cite-txt-m {
  font-size: 1rem;
}
.cite-txt-s {
  font-size: 0.93rem;
}
.cite-txt-xs {
  font-size: 0.78rem;
}

@media only screen and (max-width: 1280px) {
  .cite-l {
    line-height: 105%;
  }
}
@media only screen and (max-width: 1024px) {
  blockquote {
    padding: 1.7rem 0 0 0;
  }
  .cite-l {
    padding: 0;
  }
}
@media only screen and (max-width: 923px) {
  .cite-txt-xl {
    font-size: 1.6rem;
  }
  .cite-txt-l {
    font-size: 1.2rem;
  }
  .cite-txt-m {
    font-size: 1rem;
  }
  .cite-txt-s {
    font-size: 0.85rem;
  }
  .cite-txt-xs {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 700px) {
  .cite-txt-xl:before, .cite-txt-l:before, .cite-txt-m:before, .cite-txt-s:before, .cite-txt-xs:before {
    font-size: 0.7rem;
    margin-top: -0.5rem;
    margin-bottom: 0.25rem;
  }
  .cite-txt-xl {
    font-size: 1rem;
  }
  .cite-txt-l {
    font-size: 0.76rem;
  }
  .cite-txt-m {
    font-size: 0.74rem;
  }
  .cite-txt-s {
    font-size: 0.6rem;
  }
  .cite-txt-xs {
    font-size: 0.54rem;
  }
}
@media only screen and (max-width: 540px) {
  .cite-txt-xl:before, .cite-txt-l:before, .cite-txt-m:before, .cite-txt-s:before, .cite-txt-xs:before {
    font-size: 1.7rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .cite-txt-xl {
    font-size: 1.6rem;
  }
  .cite-txt-l {
    font-size: 1.3rem;
  }
  .cite-txt-m {
    font-size: 1rem;
  }
  .cite-txt-s {
    font-size: 0.93rem;
  }
  .cite-txt-xs {
    font-size: 0.78rem;
  }
}
.cta-grid {
  position: relative;
  padding-bottom: var(--sp-xxl-y);
  padding-top: var(--sp-xxl-y);
}
.cta-grid-box {
  position: relative;
  grid-column: content-start/col 5;
  padding: var(--sp-l-y) var(--sp-xl-x);
  margin: 0;
  grid-row: 1;
}
.cta-grid-box-opener {
  grid-column: content-start/col 6;
  padding: var(--sp-l-y) 0;
  grid-row: 1;
  position: relative;
}
.cta-grid.sz-opener {
  margin: 0;
}
.cta-grid-bg {
  min-height: 23rem;
  grid-column: start/end;
  grid-row: 1;
}
.cta-grid-bg-opener {
  background-position: center;
}
.cta-grid-mobile-bg {
  display: none;
}
@media only screen and (max-width: 540px) and (orientation: portrait) {
  .cta-grid-mobile-bg {
    display: block;
    grid-column: auto;
    grid-row: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  .cta-grid-box-opener {
    padding: var(--sp-xl-y) 0;
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .cta-grid-box {
    grid-column: content-start/col 7;
  }
}
@media only screen and (max-width: 700px) {
  .cta-grid-opener {
    grid-template-rows: auto;
  }
  .cta-grid-box {
    margin: 0;
    grid-column: start/content-end;
  }
  .cta-grid-box-opener {
    font-size: 2rem;
  }
  .cta-grid-bg {
    grid-row: 1/2;
  }
}
@media only screen and (max-width: 700px) {
  .cta-grid-box-opener {
    grid-column: content-start/content-end;
    grid-row: 2;
  }
  .cta-grid-bg-opener {
    background-position: center top 9vh;
    background-image: url("https://www.muehlenau.de/images/bilder/Header/DVG_header_ausschnitt_v03_mobil.jpeg") !important;
  }
}

.masonry-k3 {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}
.masonry-k3 > * {
  display: inline-block;
  padding: 0.5rem;
  position: relative;
  max-width: none !important;
}
.masonry-k3 > * img {
  display: inline-block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 14rem;
}
.masonry-k3-contain > * img {
  object-fit: contain;
  max-height: 23rem;
}
.masonry-k3 .wf_caption span {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0.5rem;
  padding: 0.25rem;
  font-size: 0.8823529412rem;
  line-height: 105%;
}

.no-masonry {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.no-masonry > * {
  padding: var(--sp-m-y) var(--sp-m-x);
}

.mceContentBody .masonry-k3 {
  margin: 0;
  border: 1px dotted #88AD72;
}
.mceContentBody .wf_caption {
  width: auto !important;
}
.mceContentBody .wf_caption img {
  vertical-align: baseline;
}

.moduletable .search .sr-only, .moduletable .search .element-invisible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input.input-click-visible {
  position: absolute;
  right: 0;
  top: var(--sp-s-y);
  max-width: none;
  z-index: 1;
  visibility: hidden;
  -webkit-transition: width 0.5s, visibility 0.5s !important;
  -ms-transition: width 0.5s, visibility 0.5s !important;
  transition: width 0.5s, visibility 0.5s !important;
}

input.input-click-visible.active {
  visibility: visible;
  width: 195px !important;
}

.mod-search-label {
  display: inline-block;
  margin-right: 0.5rem;
  color: var(--c-txt);
}

.moduletable .search {
  overflow: visible;
  position: relative;
}

.label-click {
  cursor: pointer;
}
.label-click:hover {
  color: var(--c-a);
}

.search-page {
  min-height: calc(100vh - 10rem);
}
.search-page .btn {
  width: 100%;
}

.highlight {
  text-transform: uppercase;
}

.search-label-mod {
  color: var(--c-d);
  transition: color 0.5s;
}
.search-label-mod:hover {
  color: var(--c-w);
}

.awesomplete > ul {
  right: 0;
  left: auto !important;
  top: 3rem;
  max-width: 195px;
}
.awesomplete > ul > li:before {
  display: none;
}
.awesomplete > ul > li:hover {
  background: var(--c-bg-l-2);
  color: var(--c-txt);
}
.awesomplete mark {
  background: var(--c-bg-l-3) !important;
}

.col-66 .awesomplete {
  display: block;
}

.wf-editor-tabs li {
  list-style: none;
  padding: var(--sp-m-y) var(--sp-xs-y) 0;
}
.wf-editor-tabs li:before {
  display: none;
}

#editor-xtd-buttons {
  display: none;
}

#jform_tags {
  height: 8rem;
}

.chzn-container-single .chzn-single, .chzn-container-multi .chzn-choices {
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/system/select-bg.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2rem;
  background-size: 65.5rem;
  height: auto;
}
.chzn-container-single .chzn-single div b, .chzn-container-multi .chzn-choices div b {
  display: none;
}

.chzn-container-multi .chzn-choices li.search-choice {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.chzn-container-multi .chzn-choices li.search-choice:before {
  display: none;
}

.popover, .tooltip {
  display: none !important;
}

.modal .btn {
  margin-right: 0.5rem;
}
.modal .btn-primary:not([href]),
.modal .btn-success:not([href]) {
  color: #fff;
}
.modal .btn-primary:not([href]):hover,
.modal .btn-success:not([href]):hover {
  color: #fff;
}
.modal-content {
  min-height: 80vh;
}

.modal-header {
  padding: 0 15px;
}

.contentpane {
  padding: 15px;
}
.contentpane .main-card {
  margin: -10px;
  box-shadow: none;
}

.container-popup .mb-3 {
  margin: 1rem;
}

.container-popup .form-select {
  width: auto;
}

.wf-zoom-image {
  display: inline;
  margin: 0 !important;
  border: 0 !important;
}

.wf-mediabox-close:hover {
  background-color: transparent;
}

body.mceContentReset h1, body.mceContentReset h2, body.mceContentReset h3, body.mceContentReset h4, body.mceContentReset h5, body.mceContentReset h6, body.mceContentReset p, body.mceContentReset td, body.mceContentReset th {
  color: inherit;
}

.mceContentBody .flexbox, .mceContentBody .flexbox-stretch {
  border: 1px dotted var(--c-1);
}
.mceContentBody .box-btn:hover, .mceContentBody .box-btn-icon:hover {
  transform: none;
}
.mceContentBody .box-btn a:after, .mceContentBody .box-btn-icon a:after, .mceContentBody .link-stretched:after {
  display: none;
}
.mceContentBody .ickewidget {
  border: 2px dotted #88AD72 !important;
  position: relative;
}
.mceContentBody .ickewidget:before {
  content: "Seitenelement";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  color: #3e3e3e;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 100%;
  padding: 3px 5px;
}
.mceContentBody thead:after {
  display: none;
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.splide__slide .item-img {
  opacity: 0;
  -webkit-transform: translate(-5rem, -5rem);
  -ms-transform: translate(-5rem, -5rem);
  transform: translate(-5rem, -5rem);
  -webkit-transition: opacity 0.5s, transform 0.5s;
  -ms-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}
.splide__slide .item-txt {
  opacity: 0;
  -webkit-transition: opacity 0.5s, transform 0.5s;
  -ms-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}
.splide__slide.is-visible .item-img {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.splide__slide.is-visible .item-txt {
  opacity: 1;
}

.splide__container {
  position: relative;
  box-sizing: border-box;
}

.splide__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-start;
}

.splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.splide__pagination li:before {
  display: none;
}
.splide__pagination .splide__pagination__page {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.5rem;
  padding: 0;
  border-radius: 100%;
  background-color: #ccc;
  border-color: #ccc;
}
.splide__pagination .splide__pagination__page.is-active, .splide__pagination .splide__pagination__page:hover {
  background-color: #ccc;
  border-color: #ccc;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-active {
  visibility: visible;
}

.splide__slide {
  position: relative;
  box-sizing: border-box;
  list-style-type: none !important;
  margin: 0;
}
.splide__slider {
  position: relative;
}

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

.splide__arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  height: 100%;
  position: absolute;
  width: 100%;
}
.splide__arrows button {
  background: transparent;
}
.splide__arrows button:hover {
  background: transparent;
}
.splide__arrow {
  position: absolute;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  border: var(--c-grey-d) 1px solid;
  z-index: 2;
}
.splide__arrow svg {
  width: 22px;
  align-self: center;
}
.splide__arrow path {
  fill: var(--c-grey-d);
}
.splide__arrow--prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
  margin-left: calc(-1 * var(--sp-xl-x));
}
.splide__arrow--next {
  right: 0;
  margin-right: calc(-1 * var(--sp-xl-x));
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb > .splide__track > .splide__list {
  display: block;
}
.splide--ttb > .splide__pagination {
  width: auto;
}

.splide--fade > .splide__track > .splide__list {
  display: block;
}
.splide--fade > .splide__track > .splide__list > .splide__slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
  user-select: none;
}

.icke-dp {
  position: relative;
  width: 100%;
  height: 24rem;
  margin-bottom: var(--sp-l-y);
}
.icke-dp iframe {
  height: 100% !important;
}
.icke-dp-preview {
  cursor: pointer;
  text-align: center;
  position: relative;
  height: 100%;
}
.icke-dp-preview .icon {
  font-size: 4rem;
}
.icke-dp-preview-youtube {
  height: 100%;
}
.icke-dp-preview-youtube:after {
  content: "\f16a";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: 28%;
  left: calc(50% - 2.5rem);
  font-size: 5rem;
  color: #fff;
  transition: color 0.5s;
}
@media only screen and (max-width: 540px) {
  .icke-dp-preview-youtube:after {
    left: calc(50% - 7.5vw);
    font-size: 15vw;
  }
}
.icke-dp-preview-youtube:hover:after {
  color: #ff0000;
}
.icke-dp-img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.icke-dp-icon {
  height: 7rem;
  display: inline-block;
  margin: 1rem auto 0;
}
.icke-dp-text-img {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.icke-dp-title {
  position: relative;
  margin: 0;
  padding: 1rem 0.75rem 0.75rem;
  line-height: 105%;
}
.icke-dp-consent-manager {
  position: relative;
  padding: 0 0.75rem 4.5rem;
}
.icke-dp-info {
  position: absolute;
  color: var(--c-w);
  bottom: 0.5rem;
  padding: 0.75rem;
  line-height: 120%;
}
.icke-dp-disqus {
  height: auto;
}
.icke-dp-disqus .icke-dp-preview {
  height: 16rem;
}
.icke-sz-ratio-4-3 {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}
.icke-sz-ratio-4-3:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.icke-sz-ratio-16-9 {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}
.icke-sz-ratio-16-9:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.icke-sz-ratio-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.icke-sz-ratio-content img {
  width: 100%;
}
.icke-sz-ratio-content iframe {
  height: 100%;
}
.icke-box-video {
  position: relative;
  height: auto;
}
.icke-box-video img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .icke-pos-left, .icke-pos-right {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .icke-dp-info {
    bottom: 0;
    font-size: 0.8823529412rem;
  }
  .icke-dp-text {
    bottom: 0;
  }
  .icke-dp-consent-manager {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 360px) {
  .icke-dp-info {
    padding: 2px;
  }
}
/*------------------------------Cookie Consent-----------------------------*/
.cpnb-div-position-center .cpnb-message {
  line-height: 154%;
}

.cpnb-button-settings, .cpnb-button-settings-modal {
  font-weight: bold;
}

.cpnb-div-position-top-left .cpnb-button, .cpnb-div-position-top-right .cpnb-button, .cpnb-div-position-bottom-left .cpnb-button, .cpnb-div-position-bottom-right .cpnb-button {
  margin-bottom: 0;
  border-radius: 3rem;
}

.cpnb-div-position-bottom-right {
  max-width: 366px !important;
}

.cpnb-m-bottom-buttons .cpnb-button {
  padding: 0.95em 1.2em 0.5em !important;
}

.modalCheckBox input[type=checkbox] {
  float: none;
}

#cpnb .cpnb-inner, #cpnb .cpnb-div-position-center {
  max-width: none !important;
}

.cpnb-button, .cpnb-button-ok {
  text-shadow: none;
}

.cpnb, .cpnb * {
  font-family: "Mulish", Arial, sans-serif !important;
  line-height: 140%;
  font-size: 0.8823529412rem;
}

.cpnb-m-DeclineAllButton:hover {
  color: #fff;
}

#cpnb_warningBoxBgOverlay {
  z-index: 10;
}

.cpnb-manager-modal-left {
  bottom: 112px !important;
}

@media only screen and (max-width: 1024px) {
  .cpnb-m-bottom-buttons .cpnb-button {
    font-size: 1rem;
  }
  .cpnb-modal--medium {
    font-size: 1rem;
    line-height: 150%;
  }
  .cpnb-modal-inner {
    padding: 1em;
  }
  .cpnb-manager-modal-right {
    top: 10px;
  }
  .cpnb-manager-modal-left {
    top: 55px;
  }
}
@media only screen and (max-width: 700px) {
  .cpnb-manager-modal-right, .cpnb-manager-modal-left {
    bottom: 105px;
  }
}
@media only screen and (max-width: 600px) {
  .cpnb-manager-modal-right {
    bottom: 39px;
  }
  .cpnb-left-menu-toggle-button {
    margin-left: -16px;
    margin-top: 48px;
  }
  .cpnb-left-menu-toggle::after {
    margin-top: 39px;
  }
  .cpnb-manager-modal-right {
    margin-top: 90px;
  }
  .cpnb-manager-modal-left {
    top: 21px;
    bottom: 0;
  }
  .cpnb-m-bottom-buttons .cpnb-button {
    margin: 5px auto !important;
  }
}
@media only screen and (max-width: 540px) {
  .cpnb-button {
    margin-top: 0px !important;
    padding: 13px 8px 5px !important;
  }
  .cpnb-outer.cpnb-div-position-bottom-right {
    bottom: 4rem;
  }
}
@media only screen and (max-width: 400px) {
  .cpnb-m-header {
    font-size: 1rem;
  }
}
body .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper {
  left: auto !important;
  right: 20px !important;
}

.ads-skyscraper {
  position: absolute;
  left: calc(50vw + (1280px / 2));
  top: calc(var(--sz-header) + var(--sp-l-y));
}
@media only screen and (min-width: 1470px) {
  .ads-skyscraper {
    left: calc(50vw + (1280px / 2) + var(--sp-l-x));
  }
}
@media only screen and (min-width: 1600px) {
  .ads-skyscraper {
    left: calc(50vw + (1280px / 2) + var(--sp-xxl-x));
  }
}
.ads-skyscraper-fixed {
  position: fixed;
  top: 100px;
}
.ads-horizontal {
  text-align: center;
  margin: var(--sp-l-y) 0;
}
.ads-horizontal-article {
  margin-left: calc(-3rem - 4vw);
  width: calc(100% + 6rem + 8vw);
}
.ads-vertical {
  margin-right: -1rem;
  margin-left: 1rem;
  float: right;
  position: relative;
}
.ads-vertical-cat-1 {
  width: 300px;
}
.ads-leaderboard .banneritem {
  float: right;
}
.ads-wrapper-top {
  min-height: 1.5rem;
}
.ads-wrapper-top:before {
  float: left;
  display: block;
  width: 7.5rem;
  height: 3rem;
}
.ads .sz-w-max-m {
  width: 1080px;
}
.ads .header-fixed-left {
  max-width: 7.5rem;
}
.ads .header-fixed-left-sp {
  padding-left: 7.5rem;
}
.ads-vertical-mobile {
  text-align: center;
}
.ads-vertical-mobile .moduletable {
  display: inline-block;
  width: auto;
  margin-right: var(--sp-m-x);
}
.ads-content-article {
  float: right;
  margin-left: var(--sp-m-x);
  margin-bottom: var(--sp-m-y);
  margin-right: -16vw;
  clear: right;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1600px) {
  .ads-content-article {
    margin-right: -318px;
  }
}
.ads-content-article-1 {
  width: 300px;
}
.ads-stripe-no:after {
  display: none;
}
.ads-blocker-on .ads-item, .ads-blocker-on .ads-note {
  display: none;
}
@media only screen and (min-width: 1314px) {
  .ads .header-fixed-left {
    min-width: 7.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ads .sz-w-max-m {
    width: calc(100vw - 200px);
  }
  .ads-horizontal-article {
    width: calc(100% + 6rem + 8vw);
  }
}
@media only screen and (max-width: 1200px) {
  .ads-skyscraper-wrapper {
    display: none;
  }
  .ads .sz-w-max-m {
    width: calc(100vw - 120px);
  }
  .ads #kt .kt-form-section:before {
    width: calc(100% + 4rem);
    left: -2rem;
  }
  .ads-content-article {
    margin-right: -318px;
  }
}
@media only screen and (max-width: 1100px) {
  .ads-vertical {
    float: none;
  }
  .ads-vertical-cat-1 {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .ads-skyscraper {
    display: none;
  }
  .ads .sz-w-max-m {
    width: 100vw;
  }
  .ads-content-article {
    margin-right: -22vw;
  }
}
@media only screen and (max-width: 1024px) {
  .ads-content-article {
    float: none;
  }
}
@media only screen and (max-width: 540px) {
  .ads-wrapper-top {
    text-align: center;
  }
  .ads-wrapper-top:before {
    display: none;
  }
}

.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-m, .co-content > .sp-n-rl-m.grid-12er, .co-content > .sp-n-rl-m.row-fluid, .co-content > .sp-n-rl-m.grid-3, .co-content > .sp-n-rl-m.grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-m, .soul-welle > .sp-n-rl-m.grid-12er, .soul-welle > .sp-n-rl-m.row-fluid, .soul-welle > .sp-n-rl-m.grid-3, .soul-welle > .sp-n-rl-m.grid-2 {
  max-width: calc(1280px + (var(--sp-m-x) * 2));
}
.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-l, .co-content > .sp-n-rl-l.grid-12er, .co-content > .sp-n-rl-l.row-fluid, .co-content > .sp-n-rl-l.grid-3, .co-content > .sp-n-rl-l.grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-l, .soul-welle > .sp-n-rl-l.grid-12er, .soul-welle > .sp-n-rl-l.row-fluid, .soul-welle > .sp-n-rl-l.grid-3, .soul-welle > .sp-n-rl-l.grid-2 {
  max-width: calc(1280px + (var(--sp-l-x) * 2));
}
.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-xl, .co-content > .sp-n-rl-xl.grid-12er, .co-content > .sp-n-rl-xl.row-fluid, .co-content > .sp-n-rl-xl.grid-3, .co-content > .sp-n-rl-xl.grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-xl, .soul-welle > .sp-n-rl-xl.grid-12er, .soul-welle > .sp-n-rl-xl.row-fluid, .soul-welle > .sp-n-rl-xl.grid-3, .soul-welle > .sp-n-rl-xl.grid-2 {
  max-width: calc(1280px + (var(--sp-xl-x) * 2));
}
.cols, .row, .cols-2, .cols-3, .cols-4, .cols-bottom, .cols-spacebetween, .cols-right, .cols-center, .cols-nowrap, .cols-stretch, .cols-d-column, .form-row, .form-group.row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  clear: both;
}
.cols-d-column {
  flex-direction: column;
}
.cols-stretch {
  align-items: stretch;
}
.cols-nowrap {
  flex-wrap: nowrap;
}
.cols-center {
  justify-content: center;
}
.cols-center-h {
  align-items: center;
}
.cols-right {
  justify-content: flex-end;
}
.cols-spacebetween {
  justify-content: space-between;
}
.cols-bottom {
  align-items: flex-end;
}
.col-100, .col-12, .col-md-12 {
  width: 100%;
}
.col-75, .col-9, .col-sm-9, .col-md-9 {
  width: 75%;
}
.col-66, .col-8, .col-md-8 {
  width: 66.666666%;
}
.col-60, .col-7 {
  width: 60%;
}
.col-50, .col-6, .col-md-6, .cols-2 > div:not([class*=sz-w]):not([class*=col-]) {
  width: 50%;
}
.col-40, .col-5, .col-md-5 {
  width: 40%;
}
.col-33, .col-4, .col-sm-4, .col-md-4, .cols-3 > div:not([class*=sz-w]):not([class*=col-]) {
  width: 33.333333%;
}
.col-25, .col-3, .col-sm-3, .col-md-3, .cols-4 > div:not([class*=sz-w]):not([class*=col-]) {
  width: 25%;
}
.col-20 {
  width: 20%;
}
.col-16 {
  width: 16.666667%;
}
.col-10 {
  width: 10%;
}
.col-center-h {
  align-self: center;
}
.col-grow {
  flex: 1;
}
.col-flex {
  flex: 1 1 400px;
}
.col-flex-s {
  flex: 1 1 250px;
}

@media only screen and (max-width: 1024px) {
  .col-ds-100 {
    width: 100%;
  }
  .col-33, .cols-3 > div:not([class*=sz-w]):not([class*=col-]) {
    width: 50%;
  }
}
@media only screen and (max-width: 870px) {
  .col-50, .col-40, .col-60, .col-66, .col-6, .col-md-6, .cols-2 > div:not([class*=sz-w]):not([class*=col-]), .col-5, .col-md-5, .col-7, .col-8, .col-md-8 {
    width: 100%;
  }
  .col-66 + .col-33, .col-8 + .col-33, .col-md-8 + .col-33 {
    width: 100%;
  }
  .col-66.sp-p-r-l, .sp-p-r-l.col-8, .sp-p-r-l.col-md-8 {
    padding-right: 0;
    margin-bottom: 1rem;
  }
  .col-25, .col-person-img, .col-person-content, .col-3, .col-sm-3, .col-md-3, .cols-4 > div:not([class*=sz-w]):not([class*=col-]) {
    width: 50%;
  }
}
@media only screen and (max-width: 540px) {
  .col-33, .col-25, .col-4, .col-sm-4, .col-md-4, .cols-3 > div:not([class*=sz-w]):not([class*=col-]), .col-3, .col-sm-3, .col-md-3, .cols-4 > div:not([class*=sz-w]):not([class*=col-]) {
    width: 100%;
  }
  .col-mo-100 {
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none) {
  div {
    flex: 0 0 100%;
  }
}
.sz-100 {
  width: 100%;
  height: 100%;
}
.sz-w-max-m {
  max-width: 1280px;
}
.sz-w-max-s {
  max-width: 600px;
}
.sz-w-max-xs {
  max-width: 600px;
}
.sz-w-100 {
  width: 100%;
}
.sz-w-33 {
  width: 33%;
}
.sz-w-minus-sidebar {
  max-width: calc(100% - 22rem);
}
.sz-w-window {
  width: 100%;
}
.sz-w-auto {
  width: auto;
}
.sz-w-txt-max {
  width: 39rem;
}
.sz-w-full-50 {
  max-width: 50vw;
}
.sz-w-full-50 img {
  float: right;
}
@media only screen and (max-width: 540px) {
  .sz-w-full-50 {
    max-width: none;
  }
}
.sz-h-window {
  height: 100vh;
}
.sz-h-100 {
  height: 100%;
}
.sz-fit {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.sz-fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sz-dynamic, .sz-dynamic-7-5, .sz-dynamic-header, .sz-dynamic-16-9, .sz-dynamic-4-3, .sz-dynamic-1-2, .sz-dynamic-2-1, .sz-dynamic-1-1 {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}
.sz-dynamic:after, .sz-dynamic-7-5:after, .sz-dynamic-header:after, .sz-dynamic-16-9:after, .sz-dynamic-4-3:after, .sz-dynamic-1-2:after, .sz-dynamic-2-1:after, .sz-dynamic-1-1:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.sz-dynamic-content, .sz-dynamic-7-5-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sz-dynamic-content img, .sz-dynamic-7-5-content img {
  width: 100%;
}
.sz-dynamic-1-1:after {
  padding-bottom: 100%;
}
.sz-dynamic-2-1:after {
  padding-bottom: 50%;
}
.sz-dynamic-1-2:after {
  padding-bottom: 200%;
}
.sz-dynamic-4-3:after {
  padding-bottom: 75%;
}
.sz-dynamic-16-9:after {
  padding-bottom: 56.25%;
}
.sz-dynamic-header:after {
  padding-bottom: 38.5%;
}
.sz-dynamic-7-5:after {
  padding-bottom: 71.5%;
}
@media only screen and (max-width: 540px) {
  .teaser > .sz-dynamic-1-1:after {
    padding-bottom: 0;
  }
  .teaser > .sz-dynamic-1-1 .sz-dynamic-content {
    position: relative;
    padding-top: var(--sp-l-y);
  }
}
.float {
  /*.article .float-right, .article .pull-right, .article .float-left, .article .pull-left{
  	max-width: 40%;
  	@media only screen and (max-width: $rwd-break-mobile-m) {
  		max-width: 100%;
  		width: 100%;
  	}
  }*/
}
.float-wrapper {
  overflow: hidden;
}
.float-wrapper-no {
  overflow: unset;
}
.float-wrapper-break::after {
  content: "";
  clear: both;
  display: block;
}
.float-left, .pull-left, .box-left {
  float: left;
}
.float-left-item, .img-left, .icke-pos-left {
  float: left;
  margin-right: var(--sp-2-x);
  margin-bottom: 0.75rem;
  max-width: 50%;
}
.float-clear-l {
  clear: left;
}
.float-right, .pull-right, .box-right {
  float: right;
}
.float-right-item, .img-right, .icke-pos-right {
  float: right;
  margin-left: var(--sp-2-x);
  margin-bottom: 0.75rem;
  clear: right;
  max-width: 50%;
}
.float-none, .pull-none {
  float: none;
  margin-bottom: 1.5rem;
}
.float-clear-r {
  clear: right;
}
.float-no {
  float: none;
  clear: both;
}
.float-clear {
  clear: both;
}
.float-clear:before {
  clear: both;
  display: block;
  content: "";
}
.float-clear-no {
  clear: none;
}

hr.float-clear {
  border: 0;
}

.mceContentBody hr.float-clear {
  background-color: #aaa;
  height: 5px;
}

@media only screen and (max-width: 870px) {
  .float-left-item, .img-left, .icke-pos-left {
    margin-right: var(--sp-l-x);
  }
  .float-right-item, .img-right, .icke-pos-right {
    margin-left: var(--sp-l-x);
  }
}
@media only screen and (max-width: 540px) {
  .article-body .float-right-item, .article-body .float-left-item, .article-body .img-right, .article-body .icke-pos-right, .article-body .img-left, .article-body .icke-pos-left {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: var(--sp-l-y);
    float: none;
    max-width: none;
  }
}
.sp-tb-xxl, .sp-xxl, .sp-t-xxl {
  margin-top: var(--sp-xxl-y);
}
.sp-p-tb-xxl, .sp-p-xxl, .sp-p-t-xxl {
  padding-top: var(--sp-xxl-y);
}
.sp-n-t-xxl {
  margin-top: calc(-1 * var(--sp-xxl-y));
}

.sp-tb-xxl, .sp-xxl, .sp-b-xxl {
  margin-bottom: var(--sp-xxl-y);
}
.sp-p-tb-xxl, .sp-p-xxl, .sp-p-b-xxl {
  padding-bottom: var(--sp-xxl-y);
}
.sp-n-b-xxl {
  margin-bottom: calc(-1 * var(--sp-xxl-y));
}

.sp-tb-xl, .sp-xl, .sp-t-xl {
  margin-top: var(--sp-xl-y);
}
.sp-p-tb-xl, .sp-p-xl, .tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-t-xl {
  padding-top: var(--sp-xl-y);
}
.sp-n-t-xl {
  margin-top: calc(-1 * var(--sp-xl-y));
}

.sp-tb-xl, .sp-xl, .sp-b-xl {
  margin-bottom: var(--sp-xl-y);
}
.sp-p-tb-xl, .sp-p-xl, .sp-p-b-xl {
  padding-bottom: var(--sp-xl-y);
}
.sp-n-b-xl {
  margin-bottom: calc(-1 * var(--sp-xl-y));
}

.sp-tb-l, .sp-l, .sp-t-l {
  margin-top: var(--sp-l-y);
}
.sp-p-tb-l, .sp-p-l, .sp-p-t-l {
  padding-top: var(--sp-l-y);
}
.sp-n-t-l {
  margin-top: calc(-1 * var(--sp-l-y));
}

.sp-tb-l, .sp-l, .sp-b-l {
  margin-bottom: var(--sp-l-y);
}
.sp-p-tb-l, .sp-p-l, .tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-b-l {
  padding-bottom: var(--sp-l-y);
}
.sp-n-b-l {
  margin-bottom: calc(-1 * var(--sp-l-y));
}

.sp-tb-m, .sp-m, .sp-t-m {
  margin-top: var(--sp-m-y);
}
.sp-p-tb-m, .sp-p-m, .sp-p-t-m {
  padding-top: var(--sp-m-y);
}
.sp-n-t-m {
  margin-top: calc(-1 * var(--sp-m-y));
}

.sp-tb-m, .sp-m, .sp-b-m {
  margin-bottom: var(--sp-m-y);
}
.sp-p-tb-m, .sp-p-m, .sp-p-b-m {
  padding-bottom: var(--sp-m-y);
}
.sp-n-b-m {
  margin-bottom: calc(-1 * var(--sp-m-y));
}

.sp-tb-s, .sp-s, .sp-t-s {
  margin-top: var(--sp-s-y);
}
.sp-p-tb-s, .sp-p-s, .sp-p-t-s {
  padding-top: var(--sp-s-y);
}
.sp-n-t-s {
  margin-top: calc(-1 * var(--sp-s-y));
}

.sp-tb-s, .sp-s, .sp-b-s {
  margin-bottom: var(--sp-s-y);
}
.sp-p-tb-s, .sp-p-s, .sp-p-b-s {
  padding-bottom: var(--sp-s-y);
}
.sp-n-b-s {
  margin-bottom: calc(-1 * var(--sp-s-y));
}

.sp-tb-xs, .sp-xs, .sp-t-xs {
  margin-top: var(--sp-xs-y);
}
.sp-p-tb-xs, .sp-p-xs, .sp-p-t-xs {
  padding-top: var(--sp-xs-y);
}
.sp-n-t-xs {
  margin-top: calc(-1 * var(--sp-xs-y));
}

.sp-tb-xs, .sp-xs, .sp-b-xs {
  margin-bottom: var(--sp-xs-y);
}
.sp-p-tb-xs, .sp-p-xs, .sp-p-b-xs {
  padding-bottom: var(--sp-xs-y);
}
.sp-n-b-xs {
  margin-bottom: calc(-1 * var(--sp-xs-y));
}

.sp-tb-xxs, .sp-xxs, .sp-t-xxs {
  margin-top: var(--sp-xxs-y);
}
.sp-p-tb-xxs, .sp-p-xxs, .sp-p-t-xxs {
  padding-top: var(--sp-xxs-y);
}
h1 + h1, h2 + h1, h3 + h1, h4 + h1, .h1 + h1, .h2 + h1, .h3 + h1, .h4 + h1, h1 + h2, h2 + h2, h3 + h2, h4 + h2, .h1 + h2, .h2 + h2, .h3 + h2, .h4 + h2, h1 + h3, h2 + h3, h3 + h3, h4 + h3, .h1 + h3, .h2 + h3, .h3 + h3, .h4 + h3, h1 + h4, h2 + h4, h3 + h4, h4 + h4, .h1 + h4, .h2 + h4, .h3 + h4, .h4 + h4, h1 + .h1, h2 + .h1, h3 + .h1, h4 + .h1, .h1 + .h1, .h2 + .h1, .h3 + .h1, .h4 + .h1, h1 + .h2, h2 + .h2, h3 + .h2, h4 + .h2, .h1 + .h2, .h2 + .h2, .h3 + .h2, .h4 + .h2, h1 + .h3, h2 + .h3, h3 + .h3, h4 + .h3, .h1 + .h3, .h2 + .h3, .h3 + .h3, .h4 + .h3, h1 + .h4, h2 + .h4, h3 + .h4, h4 + .h4, .h1 + .h4, .h2 + .h4, .h3 + .h4, .h4 + .h4, .txt-xxxl + h1, .txt-xxxl + h2, .txt-xxxl + h3, .txt-xxxl + h4, .txt-xxxl + .h1, .txt-xxxl + .h2, .txt-xxxl + .h3, .txt-xxxl + .h4, .sp-n-t-xxs {
  margin-top: calc(-1 * var(--sp-xxs-y));
}

.sp-tb-xxs, .sp-xxs, .sp-b-xxs {
  margin-bottom: var(--sp-xxs-y);
}
.sp-p-tb-xxs, .sp-p-xxs, .sp-p-b-xxs {
  padding-bottom: var(--sp-xxs-y);
}
.sp-n-b-xxs {
  margin-bottom: calc(-1 * var(--sp-xxs-y));
}

.sp-tb-no, .sp-no, .sp-t-no {
  margin-top: 0;
}
.sp-p-tb-no, .sp-p-no, .sp-p-t-no {
  padding-top: 0;
}
.sp-n-t-no {
  margin-top: calc(-1 * 0);
}

.sp-tb-no, .sp-no, .sp-b-no {
  margin-bottom: 0;
}
.sp-p-tb-no, .sp-p-no, .sp-p-b-no {
  padding-bottom: 0;
}
.sp-n-b-no {
  margin-bottom: calc(-1 * 0);
}

.sp-tb-2, .sp-2, .sp-t-2 {
  margin-top: var(--sp-2-x);
}
.sp-p-tb-2, .sp-p-2, .sp-p-t-2 {
  padding-top: var(--sp-2-x);
}
.sp-n-t-2 {
  margin-top: calc(-1 * var(--sp-2-x));
}

.sp-tb-2, .sp-2, .sp-b-2 {
  margin-bottom: var(--sp-2-x);
}
.sp-p-tb-2, .sp-p-2, .sp-p-b-2 {
  padding-bottom: var(--sp-2-x);
}
.sp-n-b-2 {
  margin-bottom: calc(-1 * var(--sp-2-x));
}

.sp-rl-xxl, .sp-xxl, .sp-r-xxl {
  margin-right: var(--sp-xxl-x);
}
.sp-p-rl-xxl, .sp-p-xxl, .sp-p-r-xxl {
  padding-right: var(--sp-xxl-x);
}
.sp-n-rl-xxl, .sp-n-r-xxl {
  margin-right: calc(-1 * var(--sp-xxl-x));
}

.sp-rl-xxl, .sp-xxl, .sp-l-xxl {
  margin-left: var(--sp-xxl-x);
}
.sp-p-rl-xxl, .sp-p-xxl, .sp-p-l-xxl {
  padding-left: var(--sp-xxl-x);
}
.sp-n-rl-xxl, .sp-n-l-xxl {
  margin-left: calc(-1 * var(--sp-xxl-x));
}

.sp-rl-xl, .sp-xl, .sp-r-xl {
  margin-right: var(--sp-xl-x);
}
.sp-site, .tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-rl-xl, .sp-p-xl, .sp-p-r-xl {
  padding-right: var(--sp-xl-x);
}
.sp-n-rl-xl, .sp-n-r-xl {
  margin-right: calc(-1 * var(--sp-xl-x));
}

.sp-rl-xl, .sp-xl, .sp-l-xl {
  margin-left: var(--sp-xl-x);
}
.sp-site, .tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-rl-xl, .sp-p-xl, .sp-p-l-xl {
  padding-left: var(--sp-xl-x);
}
.sp-n-rl-xl, .sp-n-l-xl {
  margin-left: calc(-1 * var(--sp-xl-x));
}

.sp-rl-l, .sp-l, .sp-r-l {
  margin-right: var(--sp-l-x);
}
.sp-p-rl-l, .sp-p-l, .sp-p-r-l {
  padding-right: var(--sp-l-x);
}
.sp-n-rl-l, .sp-n-r-l {
  margin-right: calc(-1 * var(--sp-l-x));
}

.sp-rl-l, .sp-l, .sp-l-l {
  margin-left: var(--sp-l-x);
}
.sp-p-rl-l, .sp-p-l, .sp-p-l-l {
  padding-left: var(--sp-l-x);
}
.sp-n-rl-l, .sp-n-l-l {
  margin-left: calc(-1 * var(--sp-l-x));
}

.sp-rl-m, .sp-m, .sp-r-m {
  margin-right: var(--sp-m-x);
}
.sp-p-rl-m, .sp-p-m, .sp-p-r-m {
  padding-right: var(--sp-m-x);
}
.sp-n-rl-m, .sp-n-r-m {
  margin-right: calc(-1 * var(--sp-m-x));
}

.sp-rl-m, .sp-m, .sp-l-m {
  margin-left: var(--sp-m-x);
}
.sp-p-rl-m, .sp-p-m, .sp-p-l-m {
  padding-left: var(--sp-m-x);
}
.sp-n-rl-m, .sp-n-l-m {
  margin-left: calc(-1 * var(--sp-m-x));
}

.sp-rl-s, .sp-s, .sp-r-s {
  margin-right: var(--sp-s-x);
}
.sp-p-rl-s, .sp-p-s, .sp-p-r-s {
  padding-right: var(--sp-s-x);
}
.sp-n-rl-s, .sp-n-r-s {
  margin-right: calc(-1 * var(--sp-s-x));
}

.sp-rl-s, .sp-s, .sp-l-s {
  margin-left: var(--sp-s-x);
}
.sp-p-rl-s, .sp-p-s, .sp-p-l-s {
  padding-left: var(--sp-s-x);
}
.sp-n-rl-s, .sp-n-l-s {
  margin-left: calc(-1 * var(--sp-s-x));
}

.sp-rl-xs, .sp-xs, .sp-r-xs {
  margin-right: var(--sp-xs-x);
}
.form-row > div, .sp-p-rl-xs, .sp-p-xs, .sp-p-r-xs {
  padding-right: var(--sp-xs-x);
}
.form-row, .masonry-k3, .sp-n-rl-xs, .sp-n-r-xs {
  margin-right: calc(-1 * var(--sp-xs-x));
}

.sp-rl-xs, .sp-xs, .sp-l-xs {
  margin-left: var(--sp-xs-x);
}
.form-row > div, .sp-p-rl-xs, .sp-p-xs, .sp-p-l-xs {
  padding-left: var(--sp-xs-x);
}
.form-row, .masonry-k3, .sp-n-rl-xs, .sp-n-l-xs {
  margin-left: calc(-1 * var(--sp-xs-x));
}

.sp-rl-xxs, .sp-xxs, .sp-r-xxs {
  margin-right: var(--sp-xxs-x);
}
.sp-p-rl-xxs, .sp-p-xxs, .sp-p-r-xxs {
  padding-right: var(--sp-xxs-x);
}
.sp-n-rl-xxs, .sp-n-r-xxs {
  margin-right: calc(-1 * var(--sp-xxs-x));
}

.sp-rl-xxs, .sp-xxs, .sp-l-xxs {
  margin-left: var(--sp-xxs-x);
}
.sp-p-rl-xxs, .sp-p-xxs, .sp-p-l-xxs {
  padding-left: var(--sp-xxs-x);
}
.sp-n-rl-xxs, .sp-n-l-xxs {
  margin-left: calc(-1 * var(--sp-xxs-x));
}

.sp-rl-no, .sp-no, .sp-r-no {
  margin-right: 0;
}
.sp-p-rl-no, .sp-p-no, .sp-p-r-no {
  padding-right: 0;
}
.sp-n-rl-no, .sp-n-r-no {
  margin-right: calc(-1 * 0);
}

.sp-rl-no, .sp-no, .sp-l-no {
  margin-left: 0;
}
.sp-p-rl-no, .sp-p-no, .sp-p-l-no {
  padding-left: 0;
}
.sp-n-rl-no, .sp-n-l-no {
  margin-left: calc(-1 * 0);
}

.sp-rl-2, .sp-2, .sp-r-2 {
  margin-right: var(--sp-2-x);
}
.sp-p-rl-2, .sp-p-2, .sp-p-r-2 {
  padding-right: var(--sp-2-x);
}
.sp-n-rl-2, .sp-n-r-2 {
  margin-right: calc(-1 * var(--sp-2-x));
}

.sp-rl-2, .sp-2, .sp-l-2 {
  margin-left: var(--sp-2-x);
}
.sp-p-rl-2, .sp-p-2, .sp-p-l-2 {
  padding-left: var(--sp-2-x);
}
.sp-n-rl-2, .sp-n-l-2 {
  margin-left: calc(-1 * var(--sp-2-x));
}

.box > *:first-child, .box-left > *:first-child, .box-right > *:first-child, .box-full > *:first-child, .box-jammer > *:first-child, .box-bordered > *:first-child, .box-btn > *:first-child, .box-icon > *:first-child, .box-content > *:first-child, .sp-fl-no > *:first-child {
  margin-top: 0;
}
.box > *:last-child, .box-left > *:last-child, .box-right > *:last-child, .box-full > *:last-child, .box-jammer > *:last-child, .box-bordered > *:last-child, .box-btn > *:last-child, .box-icon > *:last-child, .box-content > *:last-child, .sp-fl-no > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 870px) {
  :root {
    --sp-xxl-x: 3rem;
  }
}
@media only screen and (max-width: 700px) {
  :root {
    --sp-xxl-x: 1.5rem;
    --sp-xl-x: 1.5rem;
    --sp-m-x: 0.75rem;
  }
}
@media only screen and (max-width: 400px) {
  :root {
    --sp-xxl-x: 1rem;
    --sp-xl-x: 1rem;
    --sp-l-x: 1rem;
  }
}

.pos-center-content-s, .co-content > *:not([class*=grid]):not([class*=center]):not(.co-content), .co-content > .grid-12er, .co-content > .row-fluid, .co-content > .grid-3, .co-content > .grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content), .soul-welle > .grid-12er, .soul-welle > .row-fluid, .soul-welle > .grid-3, .soul-welle > .grid-2, .pos-center-content, .pos-center {
  margin-left: auto;
  margin-right: auto;
}
.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content), .co-content > .grid-12er, .co-content > .row-fluid, .co-content > .grid-3, .co-content > .grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content), .soul-welle > .grid-12er, .soul-welle > .row-fluid, .soul-welle > .grid-3, .soul-welle > .grid-2, .pos-center-content {
  position: relative;
}
@media only screen and (min-width: calc(1280px + (3rem * 2) + 1px)) {
  .co-content > *:not([class*=grid]):not([class*=center]):not(.co-content), .co-content > .grid-12er, .co-content > .row-fluid, .co-content > .grid-3, .co-content > .grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content), .soul-welle > .grid-12er, .soul-welle > .row-fluid, .soul-welle > .grid-3, .soul-welle > .grid-2, .pos-center-content {
    max-width: 1280px;
  }
}
@media only screen and (max-width: calc(1280px + (3rem * 2))) {
  .co-content > *:not([class*=grid]):not([class*=center]):not(.co-content), .co-content > .grid-12er, .co-content > .row-fluid, .co-content > .grid-3, .co-content > .grid-2, .soul-welle > *:not([class*=grid]):not([class*=center]):not(.co-content), .soul-welle > .grid-12er, .soul-welle > .row-fluid, .soul-welle > .grid-3, .soul-welle > .grid-2, .pos-center-content {
    margin-left: var(--sp-xl-x) !important;
    margin-right: var(--sp-xl-x) !important;
  }
  .co-content > .sp-n-rl-m:not([class*=grid]):not([class*=center]):not(.co-content), .co-content > .sp-n-rl-m.grid-12er, .co-content > .sp-n-rl-m.row-fluid, .co-content > .sp-n-rl-m.grid-3, .co-content > .sp-n-rl-m.grid-2, .soul-welle > .sp-n-rl-m:not([class*=grid]):not([class*=center]):not(.co-content), .soul-welle > .sp-n-rl-m.grid-12er, .soul-welle > .sp-n-rl-m.row-fluid, .soul-welle > .sp-n-rl-m.grid-3, .soul-welle > .sp-n-rl-m.grid-2, .pos-center-content.sp-n-rl-m {
    margin-left: calc(var(--sp-xl-x) - var(--sp-m-x)) !important;
    margin-right: calc(var(--sp-xl-x) - var(--sp-m-x)) !important;
  }
}
.pos-center-content-s {
  max-width: 600px;
}
.pos-r {
  margin-left: auto;
}
.nav-full, .icke-dp-text-img, .pos-v-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pos-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.pos-rel {
  position: relative;
  z-index: 2;
}
.pos-fixed {
  position: fixed;
}
.pos-z-9 {
  z-index: 9;
}
.pos-initial {
  position: initial;
}
.stripe:before, .soul-welle, .article-body .cta-grid, .co-content-x > .grid, .co-content-x > .teaser-grid, .co-content-x > .teaser-grid-leading, .co-content-x > .teaser-grid-alternate, .co-content-x > .teaser-grid-alternate-s, .pos-full-incenter {
  margin-left: calc((-100vw + 1280px) / 2);
  margin-right: calc((-100vw + 1280px) / 2);
  width: 100vw !important;
  max-width: 100vw;
}
.pos-full-incenter-r {
  display: flex;
  flex: 1 1 50%;
  margin-right: calc((-100vw + 1280px) / 2);
}
.pos-full-incenter-l {
  display: flex;
  flex: 1 1 50%;
  margin-left: calc((-100vw + 1280px) / 2);
}
.pos-standout-full, .pos-standout-left {
  margin-left: calc(-1 * (var(--sp-xl-x) + var(--sp-2-y)));
}
.pos-standout-full, .pos-standout-right {
  margin-right: calc(-1 * (var(--sp-xl-x) + var(--sp-2-y)));
}
.pos-standout-full {
  width: calc(100% + (var(--sp-xl-x) + var(--sp-2-y)) * 2);
}
@media only screen and (max-width: 540px) {
  .pos-standout-full, .pos-standout-left, .pos-standout-right {
    margin-left: calc(-1 * (var(--sp-xl-x) + var(--sp-xl-y))) !important;
    margin-right: calc(-1 * (var(--sp-xl-x) + var(--sp-xl-y))) !important;
    max-width: 100vw !important;
    width: auto;
  }
}
@media only screen and (max-width: 500px) {
  .pos-standout-full, .pos-standout-left, .pos-standout-right {
    margin-left: calc(-1 * (var(--sp-xl-x))) !important;
    margin-right: calc(-1 * (var(--sp-xl-x))) !important;
  }
}

p.pos-r {
  width: fit-content;
}

.sp-p-rl-xl .pos-full-incenter {
  margin-left: calc((-100vw + 1280px) / 2 - var(--sp-xl-x));
  margin-right: calc((-100vw + 1280px) / 2 - var(--sp-xl-x));
}
.sp-p-rl-xl .pos-full-incenter-r {
  margin-right: calc((-100vw + 1280px) / 2 - var(--sp-xl-x));
}
.sp-p-rl-xl .pos-full-incenter-l {
  margin-left: calc((-100vw + 1280px) / 2 - var(--sp-xl-x));
}

@media only screen and (max-width: 1260px) {
  .pos-center {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  .pos-full-incenter {
    margin-left: 0;
    margin-right: 0;
  }
  .sp-p-rl-xl .pos-full-incenter {
    margin-left: calc(-1 * var(--sp-xl-x));
    margin-right: calc(-1 * var(--sp-xl-x));
  }
}
@media only screen and (max-width: calc(1280px + (3rem * 2))) {
  .pos-full-incenter, .stripe:before, .soul-welle, .article-body .cta-grid, .co-content-x > .grid, .co-content-x > .teaser-grid, .co-content-x > .teaser-grid-leading, .co-content-x > .teaser-grid-alternate, .co-content-x > .teaser-grid-alternate-s {
    margin-right: calc(-1 * var(--sp-xl-x));
    margin-left: calc(-1 * var(--sp-xl-x));
  }
  .pos-full-incenter-r {
    margin-right: calc(-1 * var(--sp-xl-x));
  }
  .pos-full-incenter-l {
    margin-left: calc(-1 * var(--sp-xl-x));
  }
}
@media only screen and (max-width: 540px) {
  .pos-full-incenter-r, .pos-full-incenter-l {
    margin-right: calc(-1 * var(--sp-xl-x));
    margin-left: calc(-1 * var(--sp-xl-x));
  }
}
.pos-a {
  position: absolute;
}
.pos-a-t {
  top: 0;
}
.pos-a-tl {
  top: 0;
  left: 0;
}
.pos-a-rb {
  right: var(--sp-xl-x);
  bottom: 6%;
}
.pos-a-b {
  bottom: 0;
}

.display-on {
  display: block !important;
  opacity: 1 !important;
}
.display-off, .display-no {
  display: none !important;
  opacity: 0 !important;
}
.display-b {
  display: block;
}
.display-ib {
  display: inline-block;
}
.display-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
}

:root {
  --grid-outside-l: [start] minmax(0, 1fr) [outside-l] minmax(var(--sp-2-x), 200px) [content-start];
  --grid-outside-r: [content-end] minmax(var(--sp-2-x), 200px) [outside-r] minmax(0, 1fr) [end];
}
@media only screen and (max-width: 1680px) {
  :root {
    --grid-outside-l: [start outside-l] minmax(var(--sp-2-x), 1fr) [content-start];
    --grid-outside-r: [content-end] minmax(var(--sp-2-x), 1fr) [outside-r end];
  }
}
@media only screen and (max-width: 540px) {
  :root {
    --grid-outside-l: [start outside-l] minmax(0.75rem, 1fr) [content-start];
    --grid-outside-r: [content-end] minmax(0.75rem, 1fr) [outside-r end];
  }
}
@media only screen and (max-width: 400px) {
  :root {
    --grid-outside-l: [start outside-l] minmax(0.25rem, 1fr) [content-start];
    --grid-outside-r: [content-end] minmax(0.25rem, 1fr) [outside-r end];
  }
}

.grid {
  display: grid;
  grid-template-columns: var(--grid-outside-l) repeat(12, minmax(0px, calc(var(--sz-w-content) / 12)) [col]) var(--grid-outside-r);
  --sz-w-content: calc(1280px + (var(--sp-m-x) * 2));
}
.grid > *:not([class*=grid]) {
  grid-column: content-start/content-end;
}
.grid-full, .grid > .grid {
  grid-column: start/end;
}
.grid-content {
  grid-column: content-start/content-end;
}
.grid-content-s {
  grid-column: col 2/span 8;
}
@media only screen and (max-width: 700px) {
  .grid-content-s {
    grid-column: col 1/span 10;
  }
}
@media only screen and (max-width: 700px) {
  .grid-content-s {
    grid-column: content-start/content-end;
  }
}
.grid-outside-66-l {
  grid-column: outside-l/col 8;
  padding-right: var(--sp-m-x);
}
.grid-outside-66-l-rest {
  grid-column: col 8/content-end;
}
@media only screen and (max-width: 1024px) {
  .grid-outside-66-l {
    grid-column: outside-l/col 7;
  }
  .grid-outside-66-l-rest {
    grid-column: col 7/content-end;
  }
}
@media only screen and (max-width: 540px) {
  .grid-outside-66-l {
    grid-column: outside-l/outside-r;
    padding: 0;
    margin-bottom: var(--sp-m-y);
  }
  .grid-outside-66-l-rest {
    grid-column: content-start/content-end;
  }
}
.grid-outside-100-l {
  grid-column: outside-l/content-end;
}
@media only screen and (max-width: 1024px) {
  .grid-outside-100-l {
    grid-column: outside-l/outside-r;
  }
}
.grid-in-content, .grid-12er, .row-fluid, .grid-3, .grid-2 {
  display: grid;
  grid-column: content-start/content-end;
  margin-bottom: var(--sp-l-y);
  --grid-outside-l: [start outside-l] 0px [content-start];
  --grid-outside-r: [content-end] 0px [outside-r end];
  margin-left: calc(-1 * var(--sp-m-x));
  margin-right: calc(-1 * var(--sp-m-x));
}
.grid-in-content .grid-in-grid, .grid-12er .grid-in-grid, .row-fluid .grid-in-grid, .grid-3 .grid-in-grid, .grid-2 .grid-in-grid {
  grid-column: auto;
}
.grid-2 {
  grid-template-columns: 1fr 1fr;
}
.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-12er, .row-fluid {
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0;
  margin-left: calc(-1 * var(--sp-m-x));
  margin-right: calc(-1 * var(--sp-m-x));
}
.grid-gap-padding, .grid-sp, .teaser-grid-leading-head, .teaser-grid-leading-txt, .teaser-grid-leading-readmore, .teaser-grid-img, .teaser-grid-head, .teaser-grid-txt, .teaser-grid-info, .teaser-grid-readmore, .teaser-grid-j2store-info, .teaser-grid-cart, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .grid > *:not([class*=grid]):not([class*=sp-p]), .grid-content-s, .grid-outside-66-l-rest, .grid-in-content > *, .grid-2 > *, .grid-3 > *, .grid-12er > *, .row-fluid > * {
  padding-left: var(--sp-m-x);
  padding-right: var(--sp-m-x);
}
.grid-gap-padding .grid-in-grid .grid-in-grid, .grid-sp .grid-in-grid .grid-in-grid, .teaser-grid-leading-head .grid-in-grid .grid-in-grid, .teaser-grid-leading-txt .grid-in-grid .grid-in-grid, .teaser-grid-leading-readmore .grid-in-grid .grid-in-grid, .teaser-grid-img .grid-in-grid .grid-in-grid, .teaser-grid-head .grid-in-grid .grid-in-grid, .teaser-grid-txt .grid-in-grid .grid-in-grid, .teaser-grid-info .grid-in-grid .grid-in-grid, .teaser-grid-readmore .grid-in-grid .grid-in-grid, .teaser-grid-j2store-info .grid-in-grid .grid-in-grid, .teaser-grid-cart .grid-in-grid .grid-in-grid, .span2 .grid-in-grid .grid-in-grid, .span3 .grid-in-grid .grid-in-grid, .span4 .grid-in-grid .grid-in-grid, .span5 .grid-in-grid .grid-in-grid, .span6 .grid-in-grid .grid-in-grid, .span7 .grid-in-grid .grid-in-grid, .span8 .grid-in-grid .grid-in-grid, .span9 .grid-in-grid .grid-in-grid, .span10 .grid-in-grid .grid-in-grid, .span11 .grid-in-grid .grid-in-grid, .span12 .grid-in-grid .grid-in-grid, .grid > *:not([class*=grid]):not([class*=sp-p]) .grid-in-grid .grid-in-grid, .grid-content-s .grid-in-grid .grid-in-grid, .grid-outside-66-l-rest .grid-in-grid .grid-in-grid, .grid-in-content > * .grid-in-grid .grid-in-grid, .grid-2 > * .grid-in-grid .grid-in-grid, .grid-3 > * .grid-in-grid .grid-in-grid, .grid-12er > * .grid-in-grid .grid-in-grid, .row-fluid > * .grid-in-grid .grid-in-grid {
  --sp-m-x: var(--sp-xs-x);
}
@media only screen and (max-width: 1260px) {
  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }
  .grid-3 div:nth-child(3):last-child {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 700px) {
  .grid-2, .grid-40-60, .grid-60-40 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 500px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
  .grid-3 div:nth-child(3):last-child {
    grid-column: auto;
  }
}

.row-fluid {
  margin-bottom: 0;
}

.span12 {
  grid-column: span 12;
}
.span11 {
  grid-column: span 11;
}
.span10 {
  grid-column: span 10;
}
.span9 {
  grid-column: span 9;
}
.span8 {
  grid-column: span 8;
}
.span7 {
  grid-column: span 7;
}
.span6 {
  grid-column: span 6;
}
.span5 {
  grid-column: span 5;
}
.span4 {
  grid-column: span 4;
}
.span3 {
  grid-column: span 3;
}
.span2 {
  grid-column: span 2;
}
.span1 {
  grid-column: span 1;
}
@media only screen and (max-width: 1260px) {
  .span9 {
    grid-column: span 8;
  }
  .span3 {
    grid-column: span 4;
  }
}

.sidebar-grid {
  grid-template-rows: auto auto auto auto;
}
.sidebar-grid-btn {
  grid-column: content-start/content-end;
  grid-row: 1;
  padding-right: var(--sp-m-x);
  padding-left: var(--sp-m-x);
}
.sidebar-grid-main-l {
  grid-column: content-start/col 9;
  grid-row: 2/span2;
  padding-right: var(--sp-m-x);
  padding-left: var(--sp-m-x);
}
.sidebar-grid-r {
  grid-column: col 9/content-end;
  grid-row: 2;
  padding-right: var(--sp-m-x);
  padding-left: var(--sp-m-x);
  padding-top: var(--sp-m-x);
}
.sidebar-grid-r-2 {
  grid-row: 3;
  padding-top: 0;
}
@media only screen and (max-width: 1100px) {
  .sidebar-grid-main-l {
    grid-column: content-start/col 8;
  }
  .sidebar-grid-r {
    grid-column: col 8/content-end;
  }
}
@media only screen and (min-width: 870px) {
  .sidebar-grid-r {
    max-height: unset;
  }
}
@media only screen and (max-width: 870px) {
  .sidebar-grid-main-l {
    grid-column: content-start/content-end;
    order: 1;
    grid-row: 3;
  }
  .sidebar-grid-r {
    grid-column: content-start/content-end;
    order: 0;
  }
  .sidebar-grid-r-2 {
    order: 2;
    grid-row: 4;
    padding-top: var(--sp-l-x);
  }
}

.teaser-grid, .teaser-grid-leading {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "image info" "image head" "image teaser" "image readmore" "image .";
  grid-column: content-start/content-end;
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-l-y);
  position: relative;
}
@media only screen and (max-width: 700px) {
  .teaser-grid, .teaser-grid-leading {
    grid-column: content-start/content-end;
  }
}
@media only screen and (max-width: 870px) {
  .teaser-grid, .teaser-grid-leading {
    display: block;
  }
  .teaser-grid-img {
    width: 40%;
    float: right;
    margin-bottom: var(--sp-s-y);
  }
}
.teaser-grid-img {
  grid-area: image;
}
.teaser-grid-head {
  grid-area: head;
}
.teaser-grid-txt {
  grid-area: teaser;
}
.teaser-grid-info {
  grid-area: info;
  color: var(--c-g);
  margin-bottom: var(--sp-s-y);
}
.teaser-grid-readmore {
  grid-area: readmore;
}
.teaser-grid-v {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  grid-template-areas: "image" "info" "head" "teaser" "readmore";
  position: relative;
}
.teaser-grid-v-img {
  margin-bottom: var(--sp-s-y);
}
@media only screen and (max-width: 870px) {
  .teaser-grid-v {
    display: grid;
  }
  .teaser-grid-v-img {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 1024px) {
  .teaser-grid-leading {
    flex: 1 1 100%;
    grid-template-columns: 40% 60%;
    grid-template-areas: "image head" "image teaser" "image info" "image readmore" "image .";
    padding-left: var(--sp-xs-x);
    padding-right: var(--sp-xs-x);
  }
  .teaser-grid .teaser-grid-v-img, .teaser-grid .teaser-grid-v-head, .teaser-grid .teaser-grid-v-txt, .teaser-grid .teaser-grid-v-info, .teaser-grid .teaser-grid-v-readmore, .teaser-grid .teaser-grid-v-j2store-info, .teaser-grid .teaser-grid-v-cart, .teaser-grid-leading .teaser-grid-v-img, .teaser-grid-leading .teaser-grid-v-head, .teaser-grid-leading .teaser-grid-v-txt, .teaser-grid-leading .teaser-grid-v-info, .teaser-grid-leading .teaser-grid-v-readmore, .teaser-grid-leading .teaser-grid-v-j2store-info, .teaser-grid-leading .teaser-grid-v-cart {
    padding-left: var(--sp-m-x);
    padding-right: var(--sp-m-x);
  }
}
@media only screen and (max-width: 540px) {
  .teaser-grid-leading {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "head" "teaser" "info" "readmore";
    padding-left: var(--sp-l-x);
    padding-right: var(--sp-l-x);
  }
}
.teaser-grid-s .teaser-title > p {
  margin-bottom: 0;
}
.teaser-grid-img-r {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "info image" "head image" "teaser image" "readmore image" ". image";
  margin-bottom: var(--sp-xl-y);
}
@media only screen and (min-width: 871px) {
  .teaser-grid-img-r-head, .teaser-grid-img-r-txt, .teaser-grid-img-r-info, .teaser-grid-img-r-readmore, .teaser-grid-img-r-j2store-info, .teaser-grid-img-r-cart {
    padding-right: var(--sp-xl-x);
  }
}
.teaser-grid-img-no {
  grid-template-areas: "info" "head" "teaser" "readmore";
}
.teaser-grid-just-title {
  grid-template-columns: 1fr;
  grid-template-areas: "head" "info";
  padding-left: var(--sp-2-x);
  padding-right: var(--sp-2-x);
}
.teaser-grid-just-title:before {
  content: "\e825";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  min-width: 1em;
  display: inline-block;
  position: absolute;
  color: var(--c-2);
  left: var(--sp-m-x);
  transition: left 0.5s;
}
.teaser-grid-just-title:hover:before {
  left: var(--sp-l-x);
}
@media only screen and (max-width: 1024px) {
  .teaser-grid-just-title {
    padding-right: 0;
  }
}
@media only screen and (max-width: 870px) {
  .teaser-grid-just-title {
    display: grid;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
.teaser-grid-just-img-title-readmore {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "image info" "image head" "image readmore" "image .";
}
@media only screen and (max-width: 870px) {
  .teaser-grid-just-img-title-readmore {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "image info" "image head" "image readmore" "image .";
  }
  .teaser-grid-just-img-title-readmore-img {
    width: 100%;
    margin-bottom: var(--sp-s-y);
  }
}
.teaser-grid-leading:not(:first-child) {
  flex: 1 1 400px;
  padding-left: var(--sp-xs-x);
  padding-right: var(--sp-xs-x);
}
.teaser-grid-leading:not(:first-child) .teaser-grid-leading-head, .teaser-grid-leading:not(:first-child) .teaser-grid-leading-txt, .teaser-grid-leading:not(:first-child) .teaser-grid-leading-readmore, .teaser-grid-leading:not(:first-child) .grid > *:not([class*=grid]):not([class*=sp-p]), .teaser-grid-leading:not(:first-child) .grid-content-s, .teaser-grid-leading:not(:first-child) .grid-outside-66-l-rest, .teaser-grid-leading:not(:first-child) .grid-in-content > *, .teaser-grid-leading:not(:first-child) .grid-2 > *, .teaser-grid-leading:not(:first-child) .grid-3 > *, .teaser-grid-leading:not(:first-child) .grid-12er > *, .teaser-grid-leading:not(:first-child) .row-fluid > *, .teaser-grid-leading:not(:first-child) .span12, .teaser-grid-leading:not(:first-child) .span11, .teaser-grid-leading:not(:first-child) .span10, .teaser-grid-leading:not(:first-child) .span9, .teaser-grid-leading:not(:first-child) .span8, .teaser-grid-leading:not(:first-child) .span7, .teaser-grid-leading:not(:first-child) .span6, .teaser-grid-leading:not(:first-child) .span5, .teaser-grid-leading:not(:first-child) .span4, .teaser-grid-leading:not(:first-child) .span3, .teaser-grid-leading:not(:first-child) .span2, .teaser-grid-leading:not(:first-child) .teaser-grid-img, .teaser-grid-leading:not(:first-child) .teaser-grid-head, .teaser-grid-leading:not(:first-child) .teaser-grid-txt, .teaser-grid-leading:not(:first-child) .teaser-grid-info, .teaser-grid-leading:not(:first-child) .teaser-grid-readmore, .teaser-grid-leading:not(:first-child) .teaser-grid-j2store-info, .teaser-grid-leading:not(:first-child) .teaser-grid-cart {
  padding-left: var(--sp-xs-x);
  padding-right: var(--sp-xs-x);
}
.teaser-grid-leading-img {
  grid-column: content-start/col 8;
}
.teaser-grid-leading-head, .teaser-grid-leading-txt, .teaser-grid-leading-readmore {
  grid-column: col 8/content-end;
}
@media only screen and (max-width: 1024px) {
  .teaser-grid-leading-img {
    grid-column: content-start/col 7;
  }
  .teaser-grid-leading-head, .teaser-grid-leading-txt, .teaser-grid-leading-readmore, .teaser-grid-leading-j2store-info {
    grid-column: col 7/content-end;
  }
}
@media only screen and (max-width: 540px) {
  .teaser-grid-leading-img:not([class*=teaser-grid-s-]) {
    grid-column: start/end;
    grid-row: 1;
    padding-bottom: var(--sp-l-y);
  }
  .teaser-grid-leading-head:not([class*=teaser-grid-s-]) {
    grid-column: content-start/content-end;
    grid-row: 2;
  }
  .teaser-grid-leading-txt:not([class*=teaser-grid-s-]) {
    grid-column: content-start/content-end;
    grid-row: 3;
  }
  .teaser-grid-leading-j2store-info:not([class*=teaser-grid-s-]) {
    grid-column: content-start/content-end;
    grid-row: 4;
  }
  .teaser-grid-leading-cart:not([class*=teaser-grid-s-]) {
    grid-column: content-start/content-end;
    grid-row: 5;
  }
  .teaser-grid-leading-readmore:not([class*=teaser-grid-s-]) {
    grid-column: content-start/content-end;
    grid-row: 5;
  }
}
.teaser-grid-opener {
  flex: 1 1 100%;
}
.teaser-grid-opener.teaser-v .sz-dynamic-16-9:after {
  padding-bottom: 38.5%;
}
.teaser-grid-opener .teaser-title .h3 {
  font-family: "Josefin Sans", Arial, sans-serif;
  font-size: 3.8235294118rem;
  line-height: 105%;
  font-weight: 700;
}
.teaser-grid-opener .teaser-grid-v-img {
  margin-bottom: -6rem;
}
@media only screen and (max-width: 700px) {
  .teaser-grid-opener .teaser-grid-v-img {
    margin-bottom: -4rem;
  }
}
@media only screen and (max-width: 540px) {
  .teaser-grid-opener .teaser-grid-v-img {
    margin-bottom: -2rem;
    margin-left: calc(-1 * var(--sp-l-x));
    margin-right: calc(-1 * var(--sp-l-x));
  }
}
@media only screen and (max-width: 500px) {
  .teaser-grid-opener .teaser-grid-v-img {
    margin-bottom: 0;
  }
}
.teaser-grid-opener .teaser-grid-v-head, .teaser-grid-opener .teaser-grid-v-txt, .teaser-grid-opener .teaser-grid-v-info {
  position: relative;
  z-index: 2;
  background-color: var(--c-w);
  max-width: 51rem;
  padding: var(--sp-xs-y) var(--sp-xl-x) 0;
  margin-left: var(--sp-2-x);
  margin-right: var(--sp-2-x);
}
@media only screen and (max-width: 540px) {
  .teaser-grid-opener .teaser-grid-v-head, .teaser-grid-opener .teaser-grid-v-txt, .teaser-grid-opener .teaser-grid-v-info {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 500px) {
  .teaser-grid-opener .teaser-grid-v-head, .teaser-grid-opener .teaser-grid-v-txt, .teaser-grid-opener .teaser-grid-v-info {
    padding-left: 0;
    padding-right: 0;
  }
}
.teaser-grid-opener .teaser-grid-v-readmore {
  background-color: var(--c-w);
  max-width: 51rem;
  margin-left: 2rem;
  padding: 0.5rem 3rem 0;
}
@media only screen and (max-width: 540px) {
  .teaser-grid, .teaser-grid-leading {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "info" "head" "teaser" "readmore";
  }
  .teaser-grid-img {
    width: 100%;
    float: none;
    margin-bottom: var(--sp-s-y);
  }
}
.teasers-s .teaser-grid-v-img {
  margin-bottom: var(--sp-s-y);
}
.teasers-s .h2 {
  font-size: 1.3529411765rem;
  margin-bottom: var(--sp-m-y);
}
.teasers-s .h4 {
  font-size: 0.8823529412rem;
}
.teasers-s .grid-3 {
  margin-bottom: 0;
}
.teasers-s .teaser-title {
  margin-bottom: 0;
}

.teaser-grid-event {
  display: grid;
  grid-template-columns: minmax(0, 16.666%) minmax(0, 83.333%);
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "image image" "date info" "date title" "date text";
  height: min-content;
  position: relative;
}
.teaser-grid-event-img {
  grid-area: image;
  padding-bottom: var(--sp-xs-y);
}
.teaser-grid-event-date {
  grid-area: date;
  font-weight: 700;
  margin-right: var(--sp-xs-x);
}
.teaser-grid-event-info {
  grid-area: info;
  color: var(--c-grey-d);
}
.teaser-grid-event-title {
  grid-area: title;
}
.teaser-grid-event-txt {
  grid-area: text;
}

.author-img, .author-img-s {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 100%;
  margin-right: var(--sp-m-x);
}
.author-img-s {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: -3px;
  margin-right: 0;
}

.article > *:not(div):not(section):not(table) {
  max-width: 48rem;
}
.article-img-wrapper {
  margin-right: calc(-1280px + 48rem);
  position: relative;
  top: -2rem;
  min-height: 26rem;
  float: right;
  display: flex;
  align-items: center;
  max-width: calc(70% - 1.5rem / 2);
  z-index: 3;
}
.article-img-wrapper .img-50 {
  max-width: 100% !important;
  margin-bottom: 0;
}
.article-img-wrapper img {
  display: inline-block;
}
@media only screen and (max-width: calc(1280px + 3rem * 2)) {
  .article-img-wrapper {
    margin-right: calc(-100vw + 48rem + 6rem);
    max-width: 42vw;
  }
}
@media only screen and (max-width: 1024px) {
  .article-img-wrapper {
    margin-right: 0;
  }
}
@media only screen and (max-width: 700px) {
  .article-img-wrapper {
    margin: 0 0 var(--sp-m-y);
    min-height: 0;
    max-width: 100%;
    float: none;
    order: 1;
    top: 0;
  }
  .article-img-wrapper .float-right {
    margin: 0;
  }
}

.header {
  z-index: 2;
  position: relative;
}
.header-content {
  position: relative;
  display: flex;
}

.logo {
  position: relative;
  float: left;
  z-index: 2;
}
.logo a {
  border: 0;
}
.logo img {
  display: block;
  width: 14.4rem;
  padding: 1.5rem 0.5rem 1rem 0;
  max-width: 14.4rem;
}

.nav-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 1.25rem;
  flex: 1;
}
.nav-top {
  display: flex;
  position: relative;
  margin-bottom: 0.5rem;
  -webkit-transition: margin 0.5s;
  -ms-transition: margin 0.5s;
  transition: margin 0.5s;
  justify-content: flex-end;
}
.nav-main {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.nav-full {
  overflow: hidden;
  border-top: 1px solid #88AD72;
  border-bottom: 1px solid #88AD72;
}

.logo img, .header-content, .menu-main, .header-fixed {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.header-small {
  border: 0;
}
.header-small .header-content {
  padding-top: 0;
}
.header-small.header-fixed {
  height: 5rem;
}
.header-small .logo img {
  max-width: 8rem;
  padding: 0.5rem 0;
}
.header-small .navs {
  bottom: 0;
  -webkit-transition: bottom 0.5s;
  -ms-transition: bottom 0.5s;
  transition: bottom 0.5s;
}
.header-small .nav-top {
  margin-bottom: 0;
}
.header-small .menu-top {
  margin-bottom: 0.25rem;
}

@media only screen and (max-width: 1260px) {
  .header-small .navs-right {
    padding-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 1024px) {
  .header-small.header-fixed {
    height: 2.8rem;
  }
}
:root {
  --sz-header: 7.5rem;
}
.header-fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: var(--sz-header);
  background-color: #fff;
}

.header-fixed-spacer {
  width: 100%;
  height: var(--sz-header);
}

.menu {
  margin-bottom: 0;
}
.menu-footer {
  float: none;
}
.menu-top {
  margin-bottom: 0.8rem;
  background-color: var(--c-w);
}
.menu-icon {
  margin-left: -0.5rem;
}
.menu-ul {
  padding-left: 0;
}
.menu-ul.fx-slideout {
  transition: all 0.5s;
}
.menu-li {
  float: left;
  margin: 0 0.25rem;
}
.menu-li:first-child {
  margin-left: 0;
}
.menu-li:last-child {
  margin-right: 0;
}
.menu-li-vertical {
  float: none;
  margin: 0;
}
.menu-li-footer {
  margin: 0;
  margin-left: var(--sp-xl-x);
}
.menu-li-icon {
  margin: 0;
}
.menu-li-top {
  margin: 0;
}
.menu-a, .menu-header-main {
  display: inline-block;
  text-decoration: none;
  padding: 0.5rem;
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  -ms-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s;
}
.menu-a:hover, .menu-header-main:hover {
  text-decoration: none;
}
.menu-a .image-title, .menu-header-main .image-title {
  display: none;
}
.menu-a-main, .menu-header-main {
  color: var(--c-d);
  padding: 0.4em 1em 0.2em;
  font-size: 1rem;
  font-family: "Josefin Sans", Arial, sans-serif;
  position: relative;
}
.menu-a-main:after, .menu-header-main:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: var(--c-a);
  border-radius: 100%;
  transition: all 0.3s;
}
.menu-a-main:hover, .menu-a-main-hover, .menu-header-main:hover, .menu-li-main.active > a, .menu-li-main.active > .menu-header {
  color: var(--c-a);
}
.menu-a-main:hover:after, .menu-a-main-hover:after, .menu-header-main:hover:after, .menu-li-main.active > a:after, .menu-li-main.active > .menu-header:after {
  width: 0.5rem;
  height: 0.5rem;
  bottom: -0.2rem;
  left: calc(50% - 0.25rem);
}
.menu-a-main:last-child, .menu-header-main:last-child {
  margin-right: 0;
}
.menu-a-main.btn-ghost:hover, .btn-ghost.menu-header-main:hover {
  color: var(--c-btn-txt-hover);
}
.menu-a-vertical {
  padding: 0.5rem 0;
  -webkit-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  transition: padding 0.3s;
}
.menu-a-top:hover {
  background-color: var(--c-a);
  color: var(--c-w);
}
.menu-a-footer {
  display: inline-block;
  font-family: "Josefin Sans", Arial, sans-serif;
  color: var(--c-txt);
  padding: var(--sp-xxs-y) 0;
}
.menu-a-footer:hover {
  color: var(--c-a);
  text-decoration: underline;
}
.menu-a-icon {
  color: var(--c-d);
  padding: 0.35rem;
}
.menu-a-icon:hover {
  color: var(--c-w);
}
.menu-a-v {
  padding: 0.25rem 0;
}
.menu-header {
  border: 0;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  font-weight: 400;
  line-height: 140%;
}
.menu-header-main:hover {
  background-color: transparent;
}
.menu a {
  text-decoration: none;
}

@media only screen and (max-width: 700px) {
  .menu-a-footer {
    padding-top: var(--sp-s-y);
    padding-bottom: var(--sp-s-y);
  }
}
@media only screen and (max-width: 480px) {
  .footer-bottom-right {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1025px) {
  .nav .menu-li ul {
    position: absolute;
    left: -999em;
    z-index: 10;
    min-width: 8rem;
    padding: 0.5rem 0;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--c-w);
    border-radius: 0.5rem;
  }
  .nav .menu-li ul ul {
    margin-top: calc(-2em - 1px);
    margin-left: -1px;
  }
  .nav .menu-li li, .nav .menu-li li li {
    float: none;
    margin: 0;
    margin-bottom: -1px;
  }
  .nav .menu-li li a, .nav .menu-li li li a {
    font-family: "Mulish", Arial, sans-serif;
    font-size: 1rem;
    margin-bottom: -1px;
    padding: 0.3rem 1rem;
    margin-right: 0;
    margin-left: 0;
    -webkit-transition: color 0.5s, transform 0.5s;
    -ms-transition: color 0.5s, transform 0.5s;
    transition: color 0.5s, transform 0.5s;
  }
  .nav .menu-li li a:after, .nav .menu-li li li a:after {
    left: 0.25rem;
    top: 0.7rem;
  }
  .nav .menu-li li a:hover, .nav .menu-li li li a:hover {
    color: var(--c-a);
    transform: translate(0.25rem, 0);
  }
  .nav .menu-li li:first-child a, .nav .menu-li li li:first-child a {
    border-top-color: transparent;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1024px) {
  .nav .menu-li:hover ul ul {
    left: -999em;
  }
  .nav .menu-li:hover ul, .nav .menu-li li:hover ul, .nav .menu-li ul.active {
    left: auto;
    max-height: 35rem;
    opacity: 1;
  }
  .nav .menu-li li:hover ul, .nav .menu-li ul.active ul {
    left: 100%;
  }
}
.menu-button {
  position: relative;
  min-width: 2rem;
  min-height: 2.5rem;
  cursor: pointer;
  display: none;
  z-index: 2;
  border: 0;
  background-color: transparent !important;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 140%;
}
.menu-button span {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .menu-button {
    display: block;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
  }
  .menu-button span {
    display: inline-block;
  }
}
.menu-button.active .icon-burger {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-button.active .icon-burger:after, .menu-button.active .icon-burger:before {
  top: 0;
}
.menu-button.active .icon-burger:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media only screen and (max-width: 1024px) {
  .nav-main {
    width: 100%;
    order: 1;
  }
  .nav-top {
    width: 100%;
    order: 0;
    margin: var(--sp-m-y) 0;
  }
  .nav-right {
    justify-content: center;
    margin-top: -1px;
  }
  .menu-rwd-moving-wrapper {
    display: none;
  }
  .menu-rwd-wrapper {
    position: fixed;
    left: 0;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.97);
    width: 100vw;
    height: 100vh;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    overflow: hidden;
    max-height: 0;
    transition: all 1s;
    opacity: 0;
    border: 0;
  }
  .menu-rwd-wrapper > .cols {
    flex-direction: column;
  }
  .menu-rwd-wrapper.active {
    opacity: 1;
    overflow-y: auto;
    padding: 0 var(--sp-m-x) var(--sp-m-y);
    max-height: 100vh !important;
    padding-top: 3.8rem;
  }
  .menu-rwd-wrapper .search-label-mod {
    padding: var(--sp-s-y);
  }
  .menu-rwd-wrapper .awesomplete > ul {
    left: 0 !important;
    right: auto;
  }
  .menu-rwd-wrapper input.input-click-visible {
    left: 0;
  }
  .menu-li-main {
    float: none;
    border: 0;
    border-radius: 0 !important;
    margin: 0;
    width: 100% !important;
    padding: 0;
    text-align: center;
    position: relative;
  }
  .menu-li-main ul .menu-a-main {
    font-family: "Mulish", Arial, sans-serif;
  }
  .menu-a-main, .menu-header-main {
    padding: 0.4em 1.5rem 0.3em;
    margin: 0 var(--sp-xs-x);
  }
  .menu-icon {
    overflow: hidden;
    margin-left: -0.35rem;
  }
  .menu-a-icon {
    padding: var(--sp-s-y);
  }
  .menu-rwd-plus {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 3rem;
    color: var(--c-1);
    border-radius: 100%;
    display: flex;
    float: right;
    align-items: center;
    justify-content: center;
  }
  .menu-rwd-plus:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: "\e804";
    font-size: 1rem;
    transform: rotate(90deg);
    display: inline-block;
    transition: transform 0.5s;
  }
  .menu-rwd-plus.active:before {
    transform: rotate(270deg);
  }
}
.popup, .popup-s {
  padding: var(--sp-m-y) var(--sp-m-x);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.09);
}
.popup-s {
  position: absolute;
  right: 0;
  z-index: 2;
  margin-top: var(--sp-xs-y);
  width: 17rem;
  max-width: 80vw;
}

.sp-xxl, .sp-tb-xxl, .sp-t-xxl {
  margin-top: var(--sp-xxl-y);
}
.sp-p-xxl, .sp-p-tb-xxl, .sp-p-t-xxl {
  padding-top: var(--sp-xxl-y);
}
.sp-n-t-xxl {
  margin-top: calc(-1 * var(--sp-xxl-y));
}

.sp-xxl, .sp-tb-xxl, .sp-b-xxl {
  margin-bottom: var(--sp-xxl-y);
}
.sp-p-xxl, .sp-p-tb-xxl, .sp-p-b-xxl {
  padding-bottom: var(--sp-xxl-y);
}
.sp-n-b-xxl {
  margin-bottom: calc(-1 * var(--sp-xxl-y));
}

.sp-xl, .sp-tb-xl, .sp-t-xl {
  margin-top: var(--sp-xl-y);
}
.tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-xl, .sp-p-tb-xl, .sp-p-t-xl {
  padding-top: var(--sp-xl-y);
}
.sp-n-t-xl {
  margin-top: calc(-1 * var(--sp-xl-y));
}

.sp-xl, .sp-tb-xl, .sp-b-xl {
  margin-bottom: var(--sp-xl-y);
}
.sp-p-xl, .sp-p-tb-xl, .sp-p-b-xl {
  padding-bottom: var(--sp-xl-y);
}
.sp-n-b-xl {
  margin-bottom: calc(-1 * var(--sp-xl-y));
}

.sp-l, .sp-tb-l, .sp-t-l {
  margin-top: var(--sp-l-y);
}
.sp-p-l, .sp-p-tb-l, .sp-p-t-l {
  padding-top: var(--sp-l-y);
}
.sp-n-t-l {
  margin-top: calc(-1 * var(--sp-l-y));
}

.sp-l, .sp-tb-l, .sp-b-l {
  margin-bottom: var(--sp-l-y);
}
.tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-l, .sp-p-tb-l, .sp-p-b-l {
  padding-bottom: var(--sp-l-y);
}
.sp-n-b-l {
  margin-bottom: calc(-1 * var(--sp-l-y));
}

.sp-m, .sp-tb-m, .sp-t-m {
  margin-top: var(--sp-m-y);
}
.sp-p-m, .sp-p-tb-m, .sp-p-t-m {
  padding-top: var(--sp-m-y);
}
.sp-n-t-m {
  margin-top: calc(-1 * var(--sp-m-y));
}

.sp-m, .sp-tb-m, .sp-b-m {
  margin-bottom: var(--sp-m-y);
}
.sp-p-m, .sp-p-tb-m, .sp-p-b-m {
  padding-bottom: var(--sp-m-y);
}
.sp-n-b-m {
  margin-bottom: calc(-1 * var(--sp-m-y));
}

.sp-s, .sp-tb-s, .sp-t-s {
  margin-top: var(--sp-s-y);
}
.sp-p-s, .sp-p-tb-s, .sp-p-t-s {
  padding-top: var(--sp-s-y);
}
.sp-n-t-s {
  margin-top: calc(-1 * var(--sp-s-y));
}

.sp-s, .sp-tb-s, .sp-b-s {
  margin-bottom: var(--sp-s-y);
}
.sp-p-s, .sp-p-tb-s, .sp-p-b-s {
  padding-bottom: var(--sp-s-y);
}
.sp-n-b-s {
  margin-bottom: calc(-1 * var(--sp-s-y));
}

.sp-xs, .sp-tb-xs, .sp-t-xs {
  margin-top: var(--sp-xs-y);
}
.sp-p-xs, .sp-p-tb-xs, .sp-p-t-xs {
  padding-top: var(--sp-xs-y);
}
.sp-n-t-xs {
  margin-top: calc(-1 * var(--sp-xs-y));
}

.sp-xs, .sp-tb-xs, .sp-b-xs {
  margin-bottom: var(--sp-xs-y);
}
.sp-p-xs, .sp-p-tb-xs, .sp-p-b-xs {
  padding-bottom: var(--sp-xs-y);
}
.sp-n-b-xs {
  margin-bottom: calc(-1 * var(--sp-xs-y));
}

.sp-xxs, .sp-tb-xxs, .sp-t-xxs {
  margin-top: var(--sp-xxs-y);
}
.sp-p-xxs, .sp-p-tb-xxs, .sp-p-t-xxs {
  padding-top: var(--sp-xxs-y);
}
h1 + h1, h2 + h1, h3 + h1, h4 + h1, .h1 + h1, .h2 + h1, .h3 + h1, .h4 + h1, h1 + h2, h2 + h2, h3 + h2, h4 + h2, .h1 + h2, .h2 + h2, .h3 + h2, .h4 + h2, h1 + h3, h2 + h3, h3 + h3, h4 + h3, .h1 + h3, .h2 + h3, .h3 + h3, .h4 + h3, h1 + h4, h2 + h4, h3 + h4, h4 + h4, .h1 + h4, .h2 + h4, .h3 + h4, .h4 + h4, h1 + .h1, h2 + .h1, h3 + .h1, h4 + .h1, .h1 + .h1, .h2 + .h1, .h3 + .h1, .h4 + .h1, h1 + .h2, h2 + .h2, h3 + .h2, h4 + .h2, .h1 + .h2, .h2 + .h2, .h3 + .h2, .h4 + .h2, h1 + .h3, h2 + .h3, h3 + .h3, h4 + .h3, .h1 + .h3, .h2 + .h3, .h3 + .h3, .h4 + .h3, h1 + .h4, h2 + .h4, h3 + .h4, h4 + .h4, .h1 + .h4, .h2 + .h4, .h3 + .h4, .h4 + .h4, .txt-xxxl + h1, .txt-xxxl + h2, .txt-xxxl + h3, .txt-xxxl + h4, .txt-xxxl + .h1, .txt-xxxl + .h2, .txt-xxxl + .h3, .txt-xxxl + .h4, .sp-n-t-xxs {
  margin-top: calc(-1 * var(--sp-xxs-y));
}

.sp-xxs, .sp-tb-xxs, .sp-b-xxs {
  margin-bottom: var(--sp-xxs-y);
}
.sp-p-xxs, .sp-p-tb-xxs, .sp-p-b-xxs {
  padding-bottom: var(--sp-xxs-y);
}
.sp-n-b-xxs {
  margin-bottom: calc(-1 * var(--sp-xxs-y));
}

.sp-no, .sp-tb-no, .sp-t-no {
  margin-top: 0;
}
.sp-p-no, .sp-p-tb-no, .sp-p-t-no {
  padding-top: 0;
}
.sp-n-t-no {
  margin-top: calc(-1 * 0);
}

.sp-no, .sp-tb-no, .sp-b-no {
  margin-bottom: 0;
}
.sp-p-no, .sp-p-tb-no, .sp-p-b-no {
  padding-bottom: 0;
}
.sp-n-b-no {
  margin-bottom: calc(-1 * 0);
}

.sp-2, .sp-tb-2, .sp-t-2 {
  margin-top: var(--sp-2-x);
}
.sp-p-2, .sp-p-tb-2, .sp-p-t-2 {
  padding-top: var(--sp-2-x);
}
.sp-n-t-2 {
  margin-top: calc(-1 * var(--sp-2-x));
}

.sp-2, .sp-tb-2, .sp-b-2 {
  margin-bottom: var(--sp-2-x);
}
.sp-p-2, .sp-p-tb-2, .sp-p-b-2 {
  padding-bottom: var(--sp-2-x);
}
.sp-n-b-2 {
  margin-bottom: calc(-1 * var(--sp-2-x));
}

.sp-xxl, .sp-rl-xxl, .sp-r-xxl {
  margin-right: var(--sp-xxl-x);
}
.sp-p-xxl, .sp-p-rl-xxl, .sp-p-r-xxl {
  padding-right: var(--sp-xxl-x);
}
.sp-n-rl-xxl, .sp-n-r-xxl {
  margin-right: calc(-1 * var(--sp-xxl-x));
}

.sp-xxl, .sp-rl-xxl, .sp-l-xxl {
  margin-left: var(--sp-xxl-x);
}
.sp-p-xxl, .sp-p-rl-xxl, .sp-p-l-xxl {
  padding-left: var(--sp-xxl-x);
}
.sp-n-rl-xxl, .sp-n-l-xxl {
  margin-left: calc(-1 * var(--sp-xxl-x));
}

.sp-xl, .sp-rl-xl, .sp-r-xl {
  margin-right: var(--sp-xl-x);
}
.sp-p-xl, .tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-rl-xl, .sp-site, .sp-p-r-xl {
  padding-right: var(--sp-xl-x);
}
.sp-n-rl-xl, .sp-n-r-xl {
  margin-right: calc(-1 * var(--sp-xl-x));
}

.sp-xl, .sp-rl-xl, .sp-l-xl {
  margin-left: var(--sp-xl-x);
}
.sp-p-xl, .tmp-cols2-txt-l, .tmp-cols2-txt-r, .sp-p-rl-xl, .sp-site, .sp-p-l-xl {
  padding-left: var(--sp-xl-x);
}
.sp-n-rl-xl, .sp-n-l-xl {
  margin-left: calc(-1 * var(--sp-xl-x));
}

.sp-l, .sp-rl-l, .sp-r-l {
  margin-right: var(--sp-l-x);
}
.sp-p-l, .sp-p-rl-l, .sp-p-r-l {
  padding-right: var(--sp-l-x);
}
.sp-n-rl-l, .sp-n-r-l {
  margin-right: calc(-1 * var(--sp-l-x));
}

.sp-l, .sp-rl-l, .sp-l-l {
  margin-left: var(--sp-l-x);
}
.sp-p-l, .sp-p-rl-l, .sp-p-l-l {
  padding-left: var(--sp-l-x);
}
.sp-n-rl-l, .sp-n-l-l {
  margin-left: calc(-1 * var(--sp-l-x));
}

.sp-m, .sp-rl-m, .sp-r-m {
  margin-right: var(--sp-m-x);
}
.sp-p-m, .sp-p-rl-m, .sp-p-r-m {
  padding-right: var(--sp-m-x);
}
.sp-n-rl-m, .sp-n-r-m {
  margin-right: calc(-1 * var(--sp-m-x));
}

.sp-m, .sp-rl-m, .sp-l-m {
  margin-left: var(--sp-m-x);
}
.sp-p-m, .sp-p-rl-m, .sp-p-l-m {
  padding-left: var(--sp-m-x);
}
.sp-n-rl-m, .sp-n-l-m {
  margin-left: calc(-1 * var(--sp-m-x));
}

.sp-s, .sp-rl-s, .sp-r-s {
  margin-right: var(--sp-s-x);
}
.sp-p-s, .sp-p-rl-s, .sp-p-r-s {
  padding-right: var(--sp-s-x);
}
.sp-n-rl-s, .sp-n-r-s {
  margin-right: calc(-1 * var(--sp-s-x));
}

.sp-s, .sp-rl-s, .sp-l-s {
  margin-left: var(--sp-s-x);
}
.sp-p-s, .sp-p-rl-s, .sp-p-l-s {
  padding-left: var(--sp-s-x);
}
.sp-n-rl-s, .sp-n-l-s {
  margin-left: calc(-1 * var(--sp-s-x));
}

.sp-xs, .sp-rl-xs, .sp-r-xs {
  margin-right: var(--sp-xs-x);
}
.sp-p-xs, .form-row > div, .sp-p-rl-xs, .sp-p-r-xs {
  padding-right: var(--sp-xs-x);
}
.form-row, .masonry-k3, .sp-n-rl-xs, .sp-n-r-xs {
  margin-right: calc(-1 * var(--sp-xs-x));
}

.sp-xs, .sp-rl-xs, .sp-l-xs {
  margin-left: var(--sp-xs-x);
}
.sp-p-xs, .form-row > div, .sp-p-rl-xs, .sp-p-l-xs {
  padding-left: var(--sp-xs-x);
}
.form-row, .masonry-k3, .sp-n-rl-xs, .sp-n-l-xs {
  margin-left: calc(-1 * var(--sp-xs-x));
}

.sp-xxs, .sp-rl-xxs, .sp-r-xxs {
  margin-right: var(--sp-xxs-x);
}
.sp-p-xxs, .sp-p-rl-xxs, .sp-p-r-xxs {
  padding-right: var(--sp-xxs-x);
}
.sp-n-rl-xxs, .sp-n-r-xxs {
  margin-right: calc(-1 * var(--sp-xxs-x));
}

.sp-xxs, .sp-rl-xxs, .sp-l-xxs {
  margin-left: var(--sp-xxs-x);
}
.sp-p-xxs, .sp-p-rl-xxs, .sp-p-l-xxs {
  padding-left: var(--sp-xxs-x);
}
.sp-n-rl-xxs, .sp-n-l-xxs {
  margin-left: calc(-1 * var(--sp-xxs-x));
}

.sp-no, .sp-rl-no, .sp-r-no {
  margin-right: 0;
}
.sp-p-no, .sp-p-rl-no, .sp-p-r-no {
  padding-right: 0;
}
.sp-n-rl-no, .sp-n-r-no {
  margin-right: calc(-1 * 0);
}

.sp-no, .sp-rl-no, .sp-l-no {
  margin-left: 0;
}
.sp-p-no, .sp-p-rl-no, .sp-p-l-no {
  padding-left: 0;
}
.sp-n-rl-no, .sp-n-l-no {
  margin-left: calc(-1 * 0);
}

.sp-2, .sp-rl-2, .sp-r-2 {
  margin-right: var(--sp-2-x);
}
.sp-p-2, .sp-p-rl-2, .sp-p-r-2 {
  padding-right: var(--sp-2-x);
}
.sp-n-rl-2, .sp-n-r-2 {
  margin-right: calc(-1 * var(--sp-2-x));
}

.sp-2, .sp-rl-2, .sp-l-2 {
  margin-left: var(--sp-2-x);
}
.sp-p-2, .sp-p-rl-2, .sp-p-l-2 {
  padding-left: var(--sp-2-x);
}
.sp-n-rl-2, .sp-n-l-2 {
  margin-left: calc(-1 * var(--sp-2-x));
}

.box > *:first-child, .box-left > *:first-child, .box-right > *:first-child, .box-full > *:first-child, .box-jammer > *:first-child, .box-bordered > *:first-child, .box-btn > *:first-child, .box-icon > *:first-child, .box-content > *:first-child, .sp-fl-no > *:first-child {
  margin-top: 0;
}
.box > *:last-child, .box-left > *:last-child, .box-right > *:last-child, .box-full > *:last-child, .box-jammer > *:last-child, .box-bordered > *:last-child, .box-btn > *:last-child, .box-icon > *:last-child, .box-content > *:last-child, .sp-fl-no > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 870px) {
  :root {
    --sp-xxl-x: 3rem;
  }
}
@media only screen and (max-width: 700px) {
  :root {
    --sp-xxl-x: 1.5rem;
    --sp-xl-x: 1.5rem;
    --sp-m-x: 0.75rem;
  }
}
@media only screen and (max-width: 400px) {
  :root {
    --sp-xxl-x: 1rem;
    --sp-xl-x: 1rem;
    --sp-l-x: 1rem;
  }
}

.soul-welle {
  position: relative;
  padding: 6rem 0;
}
@media only screen and (max-width: 540px) {
  .soul-welle {
    padding: 3rem 0 8rem;
  }
}
.soul-welle:before {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/welle-oben-w.svg);
  height: 2rem;
  margin-top: -1.9rem;
  width: 100vw;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.soul-welle-l:before {
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/welle-oben-l.svg);
}
.soul-welle-top {
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/welle-oben.svg);
  height: 2rem;
  background-size: 100% 100%;
  position: absolute;
  top: 99%;
}
.soul-welle-top-bottom {
  position: absolute;
  top: 0;
  z-index: 2;
  height: 1rem;
  width: 100%;
  margin-top: -1rem;
}
.soul-welle-top-bottom-svg {
  height: 100%;
  width: 100%;
  fill: var(--c-w);
}
.soul-cta-header {
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/cta-box-bg.svg);
  background-size: contain;
  width: 35rem;
  height: 18rem;
  padding: 3rem 5rem;
  font-family: "Josefin Sans", Arial, sans-serif;
  font-size: 1.5294117647rem;
  line-height: 105%;
}
@media only screen and (max-width: 540px) {
  .soul-cta-header {
    transform: scale(0.8);
    padding: 3rem 9rem 0 5rem;
  }
}
@media only screen and (max-width: 340px) {
  .soul-cta-header {
    transform: scale(0.7);
  }
}
.soul-cta-header div.soul-opener-claim {
  font-size: 4.8823529412rem;
  line-height: 105%;
  color: var(--c-o);
  padding-top: 0.4rem;
  margin-bottom: -0.5rem;
}
@media only screen and (max-width: 540px) {
  .soul-cta-header div.soul-opener-claim {
    font-size: 4rem;
  }
}
.soul-cta-header div:nth-child(4) {
  padding-left: 12%;
}
@media only screen and (max-width: 540px) {
  .soul-cta-header div:nth-child(4) {
    padding-left: 0;
  }
}
.soul-cta-header div:nth-child(5) {
  padding-left: 22%;
}
.soul-cta-header div img {
  margin-top: -0.5rem;
  float: left;
}
.soul-cta-header .btn {
  padding: 0.8em 1.3em 0.6em;
  font-size: 1rem;
}
.soul-bubbles:before {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/blaeschen-s.svg);
  background-size: contain;
  height: 2rem;
  width: 2rem;
  position: absolute;
  margin-top: -2rem;
  margin-left: -1rem;
}
.soul-bubbles:after {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/blaeschen.svg);
  background-size: contain;
  height: 5rem;
  width: 5rem;
  position: absolute;
  bottom: -2rem;
  right: -1rem;
}
.soul-bubble-bunt {
  width: auto;
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/blaeschen-bunt.svg);
  background-size: auto;
}
.soul-bubble-bunt:after {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/blaeschen.svg);
  background-size: contain;
  height: 5rem;
  width: 5rem;
  position: absolute;
  bottom: -2rem;
  right: -1rem;
}
.soul-footer-logo {
  width: 16.5rem;
}
.soul-footer-col-icons {
  width: 6.5rem;
  text-align: right;
  padding-right: 0.75rem;
}
@media only screen and (max-width: 540px) {
  .soul-footer-col-icons {
    width: auto;
  }
}
.soul-footer-col-icons img {
  border-radius: 0;
}
.soul-footer-mod-title {
  margin-bottom: 1.95rem;
  padding-top: 5rem;
}

.menu-main > .menu-li-main:last-child > a {
  background-color: var(--c-g-l);
  border-radius: 10rem;
}
.sz-opener {
  height: calc(100vh - var(--sz-header));
}

.cols-person {
  margin-bottom: var(--sp-m-y);
}

.stripe:before {
  content: "";
  background-image: url(https://www.muehlenau.de/media/templates/site/muehlenau2023/images/welle-oben-l.svg);
  height: 2rem;
  width: 100vw;
  background-size: 100% 100%;
  position: absolute;
}

.teaser-grid-img .sz-dynamic-16-9 {
  border-radius: 10px;
}

.footer-col3 {
  max-width: 500px;
}

.rwd-tablet-on {
  display: none;
}
.rwd-portrait-on {
  display: none;
}

@media only screen and (max-width: 870px) {
  .rwd-col-bottom {
    order: 12;
  }
  html, body {
    font-size: 16px;
  }
  h1, .txt-xxl2, .teaser-grid-opener .teaser-title .h3 {
    font-size: 1.875rem;
  }
  h2 {
    font-size: 1.4375rem;
  }
  h3 {
    font-size: 1.25rem;
  }
  h4, th {
    font-size: 1rem;
  }
  .txt-initial {
    font-size: 2em;
  }
  .rwd-tablet-on {
    display: block;
  }
  .rwd-tablet-off {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  h1, h2, h3, h4, .h1, .h2, .h3, .h4, .txt-xxxl {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
@media only screen and (max-width: 540px) and (orientation: portrait) {
  .rwd-portrait-on {
    display: block;
  }
  .rwd-portrait-off {
    display: none;
  }
}

/*# sourceMappingURL=template.css.map */