@charset "UTF-8";
/* @author Jules Weigel, Karo3.de * @copyright 	Copyright (C) Jules Weigel, Karo3.de * @license Jules Weigel, Karo3.de */
:root {
  --c-txt: #111;
  --c-h: #299557;
  --c-a: #299557;
  --c-a-hover: #299557;
  --c-bg-1: #299557;
  --c-bg-2: #f55c5c;
  --c-bg-3: #205e27;
  --c-bg-txt: #fff;
  --c-bg-a: #fff;
  --c-bg-a-hover: #fff;
  --c-border-1: #d5d5d5;
  --c-border-2: #299557;
  --c-border-3: #d5d5d5;
  --c-1: #299557;
  --c-2: #f2f2f2;
  --c-3: #205e27;
  --c-w: #fff;
  --c-l: #F3F3F3;
  --c-d: #272727;
  --c-grey: #EFEFEF;
  --c-grey-l: #fbfbfb;
  --c-grey-d: #ccc;
  --c-r: #f55c5c;
  --c-b: #77B2C3;
  --c-y: #FEC600;
  --c-g: #299557;
  --c-o: #D89521;
  --c-m: #962362;
  --c-btn: #299557;
  --c-btn-txt: #fff;
  --c-btn-hover: #7ec587;
  --c-btn-txt-hover: #fff;
  --c-g-light: #7ec587;
  --c-g-lighter: #E5F2EA;
}

: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: 1100px;
  --sz-header: 10.5rem;
}

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

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v34-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v34-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v34-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v34-latin-ext_latin-regular.woff") format("woff"), url("../fonts/open-sans-v34-latin-ext_latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v34-latin-ext_latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v34-latin-ext_latin-italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v34-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v34-latin-ext_latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v34-latin-ext_latin-italic.woff") format("woff"), url("../fonts/open-sans-v34-latin-ext_latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v34-latin-ext_latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v34-latin-ext_latin-600.eot"); /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v34-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v34-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/open-sans-v34-latin-ext_latin-600.woff") format("woff"), url("../fonts/open-sans-v34-latin-ext_latin-600.ttf") format("truetype"), url("../fonts/open-sans-v34-latin-ext_latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600italic - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v34-latin-ext_latin-600italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/open-sans-v34-latin-ext_latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v34-latin-ext_latin-600italic.woff2") format("woff2"), url("../fonts/open-sans-v34-latin-ext_latin-600italic.woff") format("woff"), url("../fonts/open-sans-v34-latin-ext_latin-600italic.ttf") format("truetype"), url("../fonts/open-sans-v34-latin-ext_latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin-ext_latin */
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-condensed-v12-latin-ext_latin-700.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Condensed Bold"), local("OpenSansCondensed-Bold"), url("../fonts/open-sans-condensed-v12-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-condensed-v12-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/open-sans-condensed-v12-latin-ext_latin-700.woff") format("woff"), url("../fonts/open-sans-condensed-v12-latin-ext_latin-700.ttf") format("truetype"), url("../fonts/open-sans-condensed-v12-latin-ext_latin-700.svg#OpenSansCondensed") format("svg"); /* Legacy iOS */
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

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

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

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.img-100 {
  width: 100%;
}
.icke-pos-right, .image-right, .img-right, .icke-pos-left, .image-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: 768px) {
  .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;
}
.page-header-image, .img-bg {
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.icke-pos-left, .image-left, .img-left {
  display: block;
}
.icke-pos-right, .image-right, .img-right {
  display: block;
}
.img-desc, .img-caption {
  font-size: 0.8823529412rem;
  line-height: 130%;
  font-style: italic;
  margin-bottom: var(--sp-m-y);
}
.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 img {
  transition: all 1s;
}
.img-zoom:hover img {
  transform: scale(1.15);
}

@media only screen and (max-width: 600px) {
  .img-50, .img-right, .img-left, .icke-pos-left, .icke-pos-right, .image-right, .image-left {
    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 {
  font-family: "fontello";
  src: url("../fonts/fontello.eot?43396230");
  src: url("../fonts/fontello.eot?43396230#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?43396230") format("woff2"), url("../fonts/fontello.woff?43396230") format("woff"), url("../fonts/fontello.ttf?43396230") format("truetype"), url("../fonts/fontello.svg?43396230#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
[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-up-1:before {
  content: "\e806";
} /* '' */
.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-play:before {
  content: "\e822";
} /* '' */
.icon-quote:before {
  content: "\e811";
} /* '' */
.icon-arrow:before {
  content: "\e824";
} /* '' */
.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-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-pinterest:before {
  content: "\f231";
} /* '' */
.icon-whatsapp:before {
  content: "\f232";
} /* '' */
.icon-linkedin:before {
  content: "\f318";
} /* '' */
.icon-paypal:before {
  content: "\f1ed";
} /* '' */
.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);
}
.icon-bluesky:before {
  content: "";
  background: #0085ff;
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  margin-top: 3px;
  display: inline-block;
}

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

.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: 2rem;
  height: 3px;
  background-color: #272727;
  color: #272727;
  -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.4rem;
  left: 0;
}
.icon-burger:before {
  top: calc(-0.4rem - 1px);
}
.icon-burger:hover, .icon-burger:hover:after, .icon-burger:hover:before {
  color: #f2f2f2;
}
.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: #111;
  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: #299557;
  color: #299557;
}

.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;
}

/*--------------- Überschriften ---------------*/
.txt-xxxl, h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: "Open Sans Condensed", Arial, sans-serif;
  line-height: 130%;
  font-weight: 700;
  color: var(--c-h);
}
.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: 2rem;
  margin-bottom: var(--sp-l-y);
  margin-top: var(--sp-xl-y);
}

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

h3, .h3 {
  font-size: 1.2941176471rem;
  margin-bottom: var(--sp-m-y);
  margin-top: var(--sp-xl-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: 600;
}

i, em {
  font-style: italic;
}

address {
  font-style: normal;
}

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

.txt-cta {
  font-size: 2rem;
  line-height: 130%;
  font-weight: 700;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  color: var(--c-1);
}
.txt-xxxl {
  font-size: 2.1764705882rem;
  line-height: 130%;
}
@media only screen and (min-height: 800px) {
  .txt-xxxl {
    font-size: 3rem;
  }
}
.txt-xxl {
  font-size: 2rem;
  line-height: 130%;
}
.txt-xl {
  font-size: 1.4705882353rem;
  font-weight: 600;
  line-height: 130%;
}
.txt-l {
  font-size: 1.2941176471rem;
  font-weight: 600;
  line-height: 130%;
}
.txt-m {
  font-size: 1rem;
  line-height: 145%;
}
.txt-s, .ads-note, .wf_caption {
  font-size: 0.8823529412rem;
  line-height: 145%;
}
.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: 145%;
}
.txt-xs {
  font-size: 0.8235294118rem;
  line-height: 130%;
}
.txt-c-1 {
  color: #299557;
}
.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: #f55c5c;
}
.txt-c-grey {
  color: var(--c-grey-d);
}
.txt-c-txt {
  color: #111;
  font-weight: 400;
}
.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: var(--c-g);
}
.txt-c-g h1, .txt-c-g h2, .txt-c-g h3 {
  color: #299557;
}
.txt-c-o {
  color: #D89521;
}
.txt-c-d {
  color: #272727;
}
.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: 600;
}
.txt-black {
  font-weight: 700;
}
.txt-font-text {
  font-family: "Open Sans", arial, sans-serif;
}
.txt-font-h {
  font-family: "Open Sans Condensed", Arial, sans-serif;
}
.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: #111;
}
.txt-title.txt-c-txt a:hover {
  color: #111;
}
.txt-uppercase {
  text-transform: uppercase;
}
.txt-bg {
  background: #77B2C3;
  color: #fff;
}
.txt-deco-no {
  text-decoration: none !important;
}

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, .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: #111;
}
.link-all:hover {
  background-color: #299557;
  color: #111;
}
.link-all p {
  color: #111;
}
.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: 600;
}

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: 600px) {
  dd {
    margin-left: 0 !important;
  }
  dt {
    float: none;
  }
}
.list-dl-v dt {
  float: none;
  margin-right: 0;
  font-weight: 600;
  border-bottom: 2px solid #111;
  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: 2px 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: 100%;
  padding: 0.7em 1.2em 0.6em;
  border: 1px solid var(--c-border-2);
  font-family: "Open Sans", arial, sans-serif;
  font-size: 0.8823529412rem;
  color: #111;
  line-height: 145%;
  background-color: var(--c-w);
  border-radius: 0;
  -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);
}

input[type=checkbox], input[type=radio] {
  display: inline-block;
  margin-top: 0.25rem;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
}

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

input[type=submit], input[type=button], button, .btn {
  display: inline-block;
  padding: 0.7em 1.2em 0.6em;
  border: 1px solid var(--c-btn);
  font-family: "Open Sans", arial, sans-serif;
  border-radius: 0;
  font-size: 0.8823529412rem;
  font-weight: 600;
  color: var(--c-btn-txt);
  line-height: 145%;
  background-color: var(--c-btn);
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
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 {
  float: right;
  background-color: var(--c-r);
  border-color: var(--c-r);
  color: var(--c-btn-txt);
}
.btn-success:hover, .btn-primary:hover {
  background-color: var(--c-btn-hover);
  border-color: var(--c-btn-hover);
  color: var(--c-btn-txt-hover);
}
.btn-ghost {
  display: inline-block;
  background-color: var(--c-w);
  border: var(--c-a) 3px solid;
  color: var(--c-txt);
  font-size: 0.8823529412rem;
  padding: calc(0.7em - 3px) calc(1.2em - 2px) calc(0.6em - 4px);
  text-decoration: none;
}
.btn-ghost:hover {
  border-color: var(--c-g-light);
  color: var(--c-txt);
  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;
}

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

select {
  background-image: url(../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;
}

.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.2941176471rem;
}

.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;
}

table, thead, tbody, th, td, tr {
  border: 0;
  border-collapse: collapse;
}

th, td {
  text-align: left;
  padding: calc(0.5rem - 0.1rem) 0.5rem;
}

@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: 2px solid #d5d5d5;
  }
  table.table-rwd td {
    display: flex;
    border-bottom: 2px solid #d5d5d5;
  }
  table.table-rwd td:before {
    content: attr(data-label) ": ";
    flex: 0 0 0.5rem;
    font-weight: 600;
    margin-right: 0.75rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 600px) {
  table {
    display: block;
    overflow: hidden;
  }
  table thead, table tbody, table th, table td, table tr {
    display: block;
    overflow: hidden;
  }
  table.table-rwd td {
    display: block;
    border-bottom: 2px solid #d5d5d5;
  }
  table.table-rwd td:before {
    font-weight: 600;
    margin-right: 0;
    margin-bottom: 0;
    display: block;
  }
}
.border, .border-a a, .border-label label {
  border: 3px solid var(--c-border-2);
}

.border {
  border: 2px solid #d5d5d5;
}
.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-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: 2px solid var(--c-g);
  border-bottom: 2px solid var(--c-g);
}
.border-b {
  border-bottom: 2px 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, .co-content-g > *, .bg-b, .bg-d, .bg-3, .bg-2, .bg-1, .icke-dp-info, .page-header-imageheader h1 {
  --c-txt: #fff;
  --c-h: #fff;
  --c-a: #fff;
  --c-a-hover: #fff;
  --c-border: #fff;
  --c-bg-1: #f2f2f2;
  --c-bg-2: #f2f2f2;
  --c-bg-3: #f2f2f2;
  --c-bg-txt: #fff;
  --c-border-1: #fff;
  --c-border-2: #fff;
  --c-border-3: #fff;
  --c-1: #fff;
  --c-2: #f2f2f2;
  --c-3: #fff;
  --c-d: #fff;
  --c-g: #fff;
  --c-w: #fff;
  --c-btn: #7ec587;
  --c-btn-hover: #E5F2EA;
  --c-btn-txt: #fff;
  --c-btn-txt-hover: #111;
  color: var(--c-txt);
}
.bg-d-content a:not([class*=btn]), .bg-gradient a:not([class*=btn]), .bg-o a:not([class*=btn]), .bg-g a:not([class*=btn]), .co-content-g > * a:not([class*=btn]), .bg-b a:not([class*=btn]), .bg-d a:not([class*=btn]), .bg-3 a:not([class*=btn]), .bg-2 a:not([class*=btn]), .bg-1 a:not([class*=btn]), .icke-dp-info a:not([class*=btn]), .page-header-imageheader h1 a:not([class*=btn]) {
  text-decoration: underline;
}
.bg-d-content select, .bg-gradient select, .bg-o select, .bg-g select, .co-content-g > * select, .bg-b select, .bg-d select, .bg-3 select, .bg-2 select, .bg-1 select, .icke-dp-info select, .page-header-imageheader h1 select {
  background-image: url(../images/system/select-bg-w.svg);
}
.bg-l-content, .bg-w-transparent, .bg-grey-l, .bg-grey, .ig-image-descriptions, .tab-target, .bg-w, .popup, .popup-s, .dropdown-a, .bg-l-3, .bg-l-2, .tab-btn, .box, .content-box, .box-full, .content-box-full, .box-left, .box-right, .content-box-left, .content-box-right, .bg-l-1, .tab-btn:hover, .tab-btn.active {
  --c-txt: #111;
  --c-h: #299557;
  --c-a: #299557;
  --c-a-hover: #299557;
  --c-border: #111;
  --c-bg-1: #299557;
  --c-bg-2: #f2f2f2;
  --c-bg-3: #205e27;
  --c-bg-txt: #fff;
  --c-border-1: #d5d5d5;
  --c-border-2: #299557;
  --c-border-3: #d5d5d5;
  --c-1: #299557;
  --c-2: #f2f2f2;
  --c-3: #205e27;
  --c-d: #272727;
  --c-g: #299557;
  --c-w: #fff;
  --c-btn: #299557;
  --c-btn-txt: #fff;
  --c-btn-hover: #7ec587;
  --c-btn-txt-hover: #fff;
  color: var(--c-txt);
}
.bg-1, .icke-dp-info, .page-header-imageheader h1 {
  background-color: #299557;
}
.bg-2 {
  background-color: #f55c5c;
}
.bg-3 {
  background-color: #205e27;
}
.bg-l-1, .tab-btn:hover, .tab-btn.active {
  background-color: #f2f2f2;
}
.bg-l-2, .tab-btn, .box, .content-box, .box-full, .content-box-full, .box-left, .box-right, .content-box-left, .content-box-right {
  background-color: #f2f2f2;
}
.bg-l-2 .btn-primary, .tab-btn .btn-primary, .box .btn-primary, .content-box .btn-primary, .box-full .btn-primary, .content-box-full .btn-primary, .box-left .btn-primary, .box-right .btn-primary, .content-box-left .btn-primary, .content-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, .content-box .btn-primary:hover, .box-full .btn-primary:hover, .content-box-full .btn-primary:hover, .box-left .btn-primary:hover, .box-right .btn-primary:hover, .content-box-left .btn-primary:hover, .content-box-right .btn-primary:hover {
  background-color: var(--c-bg-3);
  border-color: var(--c-bg-3);
  color: var(--c-w);
}
.bg-l-3 {
  background-color: #f2f2f2;
}
.bg-d {
  background-color: #272727;
}
.bg-b {
  background-color: #77B2C3;
}
.bg-g, .co-content-g > * {
  background-color: #299557;
}
.bg-g .txt-c-r, .bg-g .formRed, .bg-g .formError, .co-content-g > * .txt-c-r, .co-content-g > * .formRed, .co-content-g > * .formError {
  color: #fff;
}
.bg-o {
  background-color: #D89521;
}
.bg-w, .popup, .popup-s, .dropdown-a {
  background-color: #fff;
}
.bg-grey, .ig-image-descriptions, .tab-target {
  background-color: #EFEFEF;
}
.bg-grey-l {
  background-color: #fbfbfb;
}
.bg-gradient {
  background: rgba(178, 178, 80, 0.4);
  background: -moz-linear-gradient(-27deg, rgba(178, 178, 80, 0.4) 0%, rgba(242, 242, 242, 0.7) 100%);
  background: -webkit-linear-gradient(-27deg, rgba(178, 178, 80, 0.4) 0%, rgba(242, 242, 242, 0.7) 100%);
  background: linear-gradient(-27deg, rgba(178, 178, 80, 0.4) 0%, rgba(242, 242, 242, 0.7) 100%);
}
.bg-hover {
  -webkit-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
}
.bg-waermebild, .ig-image-descriptions, .box, .content-box, .box-full, .content-box-full, .box-left, .box-right, .content-box-left, .content-box-right {
  background-image: url(../images/waermebild-weiss.svg);
  background-size: 900px auto;
}
.bg-waermebild.bg-1, .bg-waermebild.bg-g, .bg-1.ig-image-descriptions, .bg-1.box, .bg-1.content-box, .bg-1.box-full, .bg-1.content-box-full, .bg-1.box-left, .bg-1.box-right, .bg-1.content-box-left, .bg-1.content-box-right, .bg-g.ig-image-descriptions, .bg-g.box, .bg-g.content-box, .bg-g.box-full, .bg-g.content-box-full, .bg-g.box-left, .bg-g.box-right, .bg-g.content-box-left, .bg-g.content-box-right {
  background-image: url(../images/waermebild-weiss2.svg);
}
.bg-w-transparent {
  background-color: rgba(255, 255, 255, 0.92);
}

.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 {
  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;
}

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

.box, .content-box, .cite-box, .box-bordered, .box-jammer, .box-full, .content-box-full, .box-left, .box-right, .content-box-left, .content-box-right {
  position: relative;
  display: block;
  overflow: hidden;
  padding: var(--sp-l-y) var(--sp-l-x);
  margin: var(--sp-l-y) 0;
  clear: both;
}
.box h1:first-of-type, .box h2:first-of-type, .box h3:first-of-type, .box h4:first-of-type, .box .h1:first-of-type, .box .h2:first-of-type, .box .h3:first-of-type, .box .h4:first-of-type, .box .txt-xxxl:first-of-type, .content-box h1:first-of-type, .cite-box h1:first-of-type, .box-bordered h1:first-of-type, .box-jammer h1:first-of-type, .box-full h1:first-of-type, .content-box-full h1:first-of-type, .box-left h1:first-of-type, .box-right h1:first-of-type, .content-box-left h1:first-of-type, .content-box-right h1:first-of-type, .content-box h2:first-of-type, .cite-box h2:first-of-type, .box-bordered h2:first-of-type, .box-jammer h2:first-of-type, .box-full h2:first-of-type, .content-box-full h2:first-of-type, .box-left h2:first-of-type, .box-right h2:first-of-type, .content-box-left h2:first-of-type, .content-box-right h2:first-of-type, .content-box h3:first-of-type, .cite-box h3:first-of-type, .box-bordered h3:first-of-type, .box-jammer h3:first-of-type, .box-full h3:first-of-type, .content-box-full h3:first-of-type, .box-left h3:first-of-type, .box-right h3:first-of-type, .content-box-left h3:first-of-type, .content-box-right h3:first-of-type, .content-box h4:first-of-type, .cite-box h4:first-of-type, .box-bordered h4:first-of-type, .box-jammer h4:first-of-type, .box-full h4:first-of-type, .content-box-full h4:first-of-type, .box-left h4:first-of-type, .box-right h4:first-of-type, .content-box-left h4:first-of-type, .content-box-right h4:first-of-type, .content-box .h1:first-of-type, .cite-box .h1:first-of-type, .box-bordered .h1:first-of-type, .box-jammer .h1:first-of-type, .box-full .h1:first-of-type, .content-box-full .h1:first-of-type, .box-left .h1:first-of-type, .box-right .h1:first-of-type, .content-box-left .h1:first-of-type, .content-box-right .h1:first-of-type, .content-box .h2:first-of-type, .cite-box .h2:first-of-type, .box-bordered .h2:first-of-type, .box-jammer .h2:first-of-type, .box-full .h2:first-of-type, .content-box-full .h2:first-of-type, .box-left .h2:first-of-type, .box-right .h2:first-of-type, .content-box-left .h2:first-of-type, .content-box-right .h2:first-of-type, .content-box .h3:first-of-type, .cite-box .h3:first-of-type, .box-bordered .h3:first-of-type, .box-jammer .h3:first-of-type, .box-full .h3:first-of-type, .content-box-full .h3:first-of-type, .box-left .h3:first-of-type, .box-right .h3:first-of-type, .content-box-left .h3:first-of-type, .content-box-right .h3:first-of-type, .content-box .h4:first-of-type, .cite-box .h4:first-of-type, .box-bordered .h4:first-of-type, .box-jammer .h4:first-of-type, .box-full .h4:first-of-type, .content-box-full .h4:first-of-type, .box-left .h4:first-of-type, .box-right .h4:first-of-type, .content-box-left .h4:first-of-type, .content-box-right .h4:first-of-type, .content-box .txt-xxxl:first-of-type, .cite-box .txt-xxxl:first-of-type, .box-bordered .txt-xxxl:first-of-type, .box-jammer .txt-xxxl:first-of-type, .box-full .txt-xxxl:first-of-type, .content-box-full .txt-xxxl:first-of-type, .box-left .txt-xxxl:first-of-type, .box-right .txt-xxxl:first-of-type, .content-box-left .txt-xxxl:first-of-type, .content-box-right .txt-xxxl:first-of-type {
  margin-top: 0;
}
.box:after, .content-box:after, .cite-box:after, .box-bordered:after, .box-jammer:after, .box-full:after, .content-box-full:after, .box-left:after, .box-right:after, .content-box-left:after, .content-box-right:after {
  content: "";
  clear: both;
  display: block;
}
.box-left, .box-right, .content-box-left, .content-box-right {
  width: 56%;
}
.box-left .icke-pos-left, .box-left .img-left, .box-left .icke-pos-right, .box-left .img-right, .box-left .image-right, .box-left .image-left, .box-left .img-50, .box-right .icke-pos-left, .box-right .img-left, .box-right .icke-pos-right, .box-right .img-right, .box-right .image-right, .box-right .image-left, .box-right .img-50, .content-box-left .icke-pos-left, .content-box-left .img-left, .content-box-left .icke-pos-right, .content-box-left .img-right, .content-box-left .image-right, .content-box-left .image-left, .content-box-left .img-50, .content-box-right .icke-pos-left, .content-box-right .img-left, .content-box-right .icke-pos-right, .content-box-right .img-right, .content-box-right .image-right, .content-box-right .image-left, .content-box-right .img-50 {
  max-width: calc(44% - 0.75rem) !important;
}
@media screen and (max-width: 600px) {
  .box-left, .box-right, .content-box-left, .content-box-right {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .box-quote-left.icke-box {
    width: 56%;
    float: left;
    margin-right: var(--sp-2-x);
    margin-left: calc(-1 * (var(--sp-xl-x) + var(--sp-2-y)));
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 600px) {
  .box-quote-right {
    width: 56%;
    float: right;
    margin-left: var(--sp-2-x);
    margin-right: calc(-1 * (var(--sp-xl-x) + var(--sp-2-y)));
    margin-bottom: 0.75rem;
  }
}
.box-jammer {
  margin-left: var(--sp-2-x);
  margin-right: var(--sp-2-x);
  background-color: var(--c-grey-l);
  font-size: 1.4705882353rem;
  line-height: 145%;
  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: 600px) {
  .box-jammer {
    margin-left: var(--sp-m-x);
    margin-right: var(--sp-m-x);
  }
}
.box-bordered {
  border: 2px solid #299557;
  background: transparent;
}
.box-bordered .module-title h3 {
  background-color: #fff;
  color: #111;
}
.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: #f55c5c;
}
@media only screen and (max-width: 600px) {
  .box, .content-box, .cite-box, .box-bordered, .box-jammer, .box-full, .content-box-full, .box-left, .box-right, .content-box-left, .content-box-right {
    padding-left: var(--sp-l-y);
    padding-right: var(--sp-l-y);
  }
}

/*--------------------------Nachrichten---------------------------*/
#system-message .alert {
  position: relative;
  margin: var(--sp-l-y) var(--sp-xl-x) var(--sp-l-y);
  background-color: #f55c5c;
  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: #299557;
  font-size: 1.2941176471rem;
  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: #299557;
}

.footer-logo img {
  width: 14rem;
}
.footer h2, .footer h3 {
  color: var(--c-g);
}
.footer-col2 {
  margin-top: 0.2rem;
}
.footer-col2 h3 {
  margin-top: 0.2rem;
  margin-bottom: 0.6rem;
}
.footer-col3 {
  margin-top: 2.7rem;
}
@media only screen and (max-width: 600px) {
  .footer-col3 {
    margin-top: 0;
  }
}

.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: #f2f2f2;
  color: #111;
}
.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: 1.4705882353rem;
  color: var(--c-1);
  font-family: "Open Sans", 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;
}

blockquote {
  position: relative;
  font-family: "Open Sans Condensed", Arial, sans-serif;
  margin-bottom: 1.5rem;
  line-height: 145%;
}
blockquote cite {
  display: block;
  text-align: right;
  color: var(--c-txt);
  font-size: 1rem;
  line-height: 145%;
  margin-top: -0.75rem;
}
blockquote cite span {
  display: block;
}
blockquote *:last-child {
  margin-bottom: 0;
}

.cite-box {
  padding-left: 15.5rem;
  min-height: 14.5rem;
}
.cite-img {
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
  width: 11.5rem;
  height: 11.5rem;
}
.cite-img-wrapper {
  position: absolute;
  left: 2rem;
}
@media only screen and (max-width: 600px) {
  .cite-img-wrapper {
    position: relative;
    margin-bottom: 1rem;
  }
  .cite-box {
    padding-left: 1.5rem;
  }
}

.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: 600;
  -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: #111;
  background-color: #f2f2f2;
  border-radius: 0 10rem 10rem 0;
}
.social-left-item:hover .social-left-extra {
  color: #299557;
}
.social-left-item a {
  display: block;
  position: relative;
  color: #299557;
  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.8235294118rem;
}

@media only screen and (max-width: 768px) {
  .social-left {
    bottom: 0;
  }
  .social-left ul {
    margin-bottom: 0;
  }
  #footer .sp-p-xl {
    padding-left: 3rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .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: #299557;
    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: 768px) {
  .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: -1.5rem;
}
.page-header-imageheader {
  display: flex;
  justify-content: center;
  margin-top: -5rem;
  position: relative;
}
.page-header-imageheader h1 {
  padding: 1.8rem var(--sp-xl-x) 1.5rem;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
  min-width: 25rem;
  max-width: 100%;
  text-align: center;
}

/* @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;
  background-color: var(--c-bg-site);
  padding: 0.75em 0.5em;
  line-height: 0;
  text-align: center;
  border: 2px solid #299557;
  border-radius: 100px;
  color: #111;
  font-weight: 600;
  font-size: 24px;
  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-karo3 > div.lightbox-content {
  position: relative;
  width: 900px;
  max-width: 90%;
  margin: auto;
  margin-top: 100px;
  background-color: var(--c-bg-site);
}

#lightbox-module > div.lightbox-content {
  background-color: var(--c-bg-site);
  background-size: 900px auto;
}

.lightbox-bg {
  min-height: 28rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 1rem;
}

.lightbox-body {
  overflow: hidden;
}

.lightbox-inner-click {
  cursor: pointer;
}

.lightbox-content-text {
  overflow: hidden;
}

.lightbox-content-text .btn {
  float: none;
}

.lightbox-content-text .h2-look {
  margin-top: 0;
}

.lightbox-content-text p {
  margin: 0 0 0.5rem 0;
}

.lightbox-content-text .button-bottom {
  position: absolute;
  bottom: 3rem;
}

@media only screen and (max-width: 1000px) {
  .lightbox-bg {
    padding: 2rem;
    min-height: 28rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .lightbox-content-text .button-bottom {
    position: relative;
    bottom: 0rem;
    margin-top: 1.5rem;
  }
}
/* 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(../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;
}

/*---------------------------Karo3 Lightbox---------------------------*/
.karo3-lightbox {
  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;
}

.karo3-lightbox.active {
  opacity: 1;
  display: block;
}

.lightbox-click {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 50px;
}

div.lightbox-schliessen {
  right: -21px;
  top: -0.8rem;
  position: absolute;
  background-color: #fff;
  padding: 0.75em 0.5em;
  line-height: 0;
  text-align: center;
  border: 2px solid #299557;
  border-radius: 100px;
  color: #222222;
  font-weight: 600;
  font-size: 24px;
  cursor: pointer;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 99;
}

div.lightbox-schliessen:before {
  content: "+";
}

.karo3-lightbox > div.lightbox-content {
  position: relative;
  width: 900px;
  max-width: 90%;
  margin: auto;
  margin-top: 100px;
  background-color: #fff;
}

#lightbox-module > div.lightbox-content {
  background-color: #f2f2f2;
  background-image: url("../images/waermebild-weiss.svg");
  background-size: 900px auto;
}

.lightbox-bg {
  padding: 3rem 14rem 3rem 3rem;
  min-height: 28rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 1rem;
}

.lightbox-body {
  overflow: hidden;
}

.lightbox-img {
  margin: 0 -3rem -3rem 0;
}

.lightbox-img img {
  display: block;
}

.lightbox-inner-click {
  cursor: pointer;
}

.lightbox-content-text {
  overflow: hidden;
}

.lightbox-content-text .btn {
  float: none;
}

.lightbox-content-text .h2-look {
  margin-top: 0;
}

.lightbox-content-text p {
  margin: 0 0 0.5rem 0;
}

.lightbox-content-text .button-bottom {
  position: absolute;
  bottom: 3rem;
}

.lightbox-img .lightbox-bg {
  background-size: 90%;
  background-position: center 2rem;
}

.lightbox-btn-container {
  position: absolute;
  bottom: 0;
}

@media only screen and (max-width: 1000px) {
  .lightbox-bg {
    padding: 2rem;
    min-height: 28rem;
    background-position: bottom;
  }
  .lightbox-content-text .button-bottom {
    position: relative;
    bottom: 0;
    margin-top: 1.5rem;
  }
  .lightbox-btn-container p {
    margin-bottom: 0;
  }
  .lightbox-body .lightbox-content-text .button-bottom {
    position: absolute;
    bottom: 1rem;
  }
  .lightbox-img .lightbox-bg {
    padding: 1rem;
    min-height: 45vw;
    background-position: center 2rem;
    background-size: 94%;
  }
  .lightbox-img .lightbox-content-text .button-bottom {
    position: absolute;
    bottom: 0.25rem;
  }
  .karo3-lightbox > div.lightbox-content {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 580px) {
  .lightbox-img .lightbox-bg {
    min-height: calc(44vw + 6rem);
    background-size: 96%;
  }
  div.lightbox-schliessen {
    right: -9px;
  }
}
@media only screen and (max-width: 400px) {
  .lightbox-btn-container .btn {
    font-size: 0.6rem;
  }
}
.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.2941176471rem;
}
.tab-target {
  order: 1;
  width: 100%;
}
.tab-target.active {
  padding: var(--sp-l-y) var(--sp-2-x);
}

.accordion-btn {
  padding: var(--sp-xs-y) var(--sp-2-x);
  position: relative;
  font-weight: 600;
}
.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: "-";
}
.accordion-target {
  padding-left: var(--sp-2-x);
}
blockquote {
  position: relative;
  font-family: "Open Sans", arial, sans-serif;
  margin-bottom: 1.5rem;
  font-size: 1.4705882353rem;
  line-height: 145%;
  font-weight: 400;
  color: var(--c-1);
}
blockquote:before {
  content: "\e811";
  font-family: "fontello";
  font-size: 1.4705882353rem;
  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: 145%;
  margin-top: -0.75rem;
}
blockquote cite span {
  display: block;
}
blockquote *:last-child {
  margin-bottom: 0;
}

.cite-img {
  border-radius: 100%;
  width: 6.4rem;
  height: 6.4rem;
  margin: auto;
}

@media only screen and (min-width: 600px) {
  .box-quote {
    position: relative;
    padding: 0 var(--sp-2-x) 0 calc(var(--sp-2-x) + 3.5rem);
    overflow: hidden;
  }
  .box-quote:before {
    float: left;
    margin-left: -3.5rem;
    margin-bottom: 0;
    line-height: 145%;
  }
}

.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: 100%;
  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;
}

.menu-rwd-wrapper input.input-click-visible {
  position: relative;
  visibility: visible;
  width: 195px !important;
}
.menu-rwd-wrapper .moduletable .search {
  float: none;
  margin: auto;
}

.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(../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, .mceContentBody .content-box, .mceContentBody .box-left, .mceContentBody .box-right, .mceContentBody .content-box-left, .mceContentBody .content-box-right, .mceContentBody .box-full, .mceContentBody .content-box-full, .mceContentBody .tab-btn, .mceContentBody .bg-l-2 {
  background-color: rgba(242, 242, 242, 0.6901960784);
}

@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: "";
  position: absolute;
  top: calc(50% - 2rem);
  left: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  background-image: url(../images/system/youtube-r.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.icke-dp-preview-youtube:hover:after {
  background-image: url(../images/system/youtube.svg);
}
.icke-dp-preview-vimeo {
  height: 100%;
}
.icke-dp-preview-vimeo:after {
  content: "";
  position: absolute;
  top: calc(50% - 2rem);
  left: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  background-image: url(../images/system/vimeo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.icke-dp-preview-vimeo:hover:after {
  background-image: url(../images/system/vimeo-h.svg);
}
.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: 130%;
}
.icke-dp-consent-manager {
  position: relative;
  padding: 0 0.75rem 4.5rem;
}
.icke-dp-info {
  position: absolute;
  bottom: 1rem;
  padding: 0.75rem;
  font-size: 14px;
  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: 10px 14px 7px;
}

.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: "Open Sans", arial, sans-serif !important;
  line-height: 145%;
  font-size: 0.8823529412rem;
}

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

#cpnb_warningBoxBgOverlay {
  z-index: 10;
}

@media only screen and (max-width: 1024px) {
  .cpnb-m-bottom-buttons .cpnb-button {
    font-size: 0.85rem;
  }
  .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: 768px) {
  .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;
  }
}
@media only screen and (max-width: 600px) {
  .cpnb-button {
    margin-top: 0px !important;
    padding: 4px 8px !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 + (1100px / 2));
  top: calc(var(--sz-header) + var(--sp-l-y));
  z-index: 10;
}
@media only screen and (min-width: 1470px) {
  .ads-skyscraper {
    left: calc(50vw + (1100px / 2) + var(--sp-l-x));
  }
}
@media only screen and (min-width: 1600px) {
  .ads-skyscraper {
    left: calc(50vw + (1100px / 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: 10.5rem;
  height: 3rem;
}
.ads .sz-w-max-m {
  width: 1080px;
}
.ads .header-fixed-left {
  max-width: 10.5rem;
}
.ads .header-fixed-left-sp {
  padding-left: 10.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;
}
.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: 10.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;
  }
}
@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: 600px) {
  .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 {
  max-width: calc(1100px + (var(--sp-m-x) * 2));
}
.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-l {
  max-width: calc(1100px + (var(--sp-l-x) * 2));
}
.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content).sp-n-rl-xl {
  max-width: calc(1100px + (var(--sp-xl-x) * 2));
}
.co-content-g > * {
  padding: var(--sp-l-y) var(--sp-l-x);
}
.co-content-g > h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.cols, .row, .cols-2, .cols-3, .cols-4, .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;
}
.col-100, .col-12, .col-md-12 {
  width: 100%;
}
.col-75, .col-9, .col-sm-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 {
  width: 50%;
}
.col-40, .col-5, .col-md-5 {
  width: 40%;
}
.col-33, .col-4, .col-sm-4, .col-md-4, .cols-3 > div {
  width: 33.333333%;
}
.col-25, .col-3, .col-sm-3, .cols-4 > div {
  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 240px;
}

@media only screen and (max-width: 1024px) {
  .col-ds-100 {
    width: 100%;
  }
  .cols-3 > div {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .col-50, .col-40, .col-60, .col-66, .col-6, .col-md-6, .cols-2 > div, .col-5, .col-md-5, .col-7, .col-8, .col-md-8 {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .col-33, .col-4, .col-sm-4, .col-md-4, .cols-3 > div {
    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: 1100px;
}
.sz-w-max-s {
  max-width: 54rem;
}
.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: 600px) {
  .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: 600px) {
  .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, .img-left, .image-left, .box-left, .content-box-left, .icke-pos-left {
  float: left;
  margin-right: var(--sp-2-x);
  margin-bottom: 0.75rem;
}
.float-clear-l {
  clear: left;
}
.float-right, .pull-right, .img-right, .image-right, .box-right, .content-box-right, .icke-pos-right {
  float: right;
  margin-left: var(--sp-2-x);
  margin-bottom: 0.75rem;
  clear: right;
}
.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, .img-left, .image-left, .box-left, .content-box-left, .icke-pos-left, .pull-left {
    margin-right: var(--sp-l-x);
  }
  .float-right, .img-right, .image-right, .box-right, .content-box-right, .icke-pos-right, .pull-right {
    margin-left: var(--sp-l-x);
  }
}
@media only screen and (max-width: 600px) {
  .article-body .float-right, .article-body .float-left, .article-body .img-right, .article-body .image-right, .article-body .box-right, .article-body .content-box-right, .article-body .icke-pos-right, .article-body .pull-right, .article-body .img-left, .article-body .image-left, .article-body .box-left, .article-body .content-box-left, .article-body .icke-pos-left, .article-body .pull-left {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: var(--sp-l-y);
    float: 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);
}
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-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);
}
.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);
}
.co-content-g > *, .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);
}
.co-content-g > *, .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, .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, .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, .content-box > *:first-child, .box-left > *:first-child, .box-right > *:first-child, .content-box-left > *:first-child, .content-box-right > *:first-child, .box-full > *:first-child, .content-box-full > *:first-child, .box-jammer > *:first-child, .box-bordered > *:first-child, .cite-box > *:first-child, .sp-fl-no > *:first-child {
  margin-top: 0;
}
.box > *:last-child, .content-box > *:last-child, .box-left > *:last-child, .box-right > *:last-child, .content-box-left > *:last-child, .content-box-right > *:last-child, .box-full > *:last-child, .content-box-full > *:last-child, .box-jammer > *:last-child, .box-bordered > *:last-child, .cite-box > *:last-child, .sp-fl-no > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 870px) {
  :root {
    --sp-xxl-x: 3rem;
    --sp-xxl-y: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  :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), .pos-center-content, .pos-center {
  margin-left: auto;
  margin-right: auto;
}
.co-content > *:not([class*=grid]):not([class*=center]):not(.co-content), .pos-center-content {
  position: relative;
  max-width: 1100px;
}
@media only screen and (max-width: calc(1100px + (3rem * 2))) {
  .co-content > *:not([class*=grid]):not([class*=center]):not(.co-content), .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), .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: 54rem;
}
.pos-r {
  margin-left: auto;
}
.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;
}
.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 + 1100px) / 2);
  margin-right: calc((-100vw + 1100px) / 2);
  width: 100vw !important;
  max-width: 100vw;
}
.pos-full-incenter-r {
  display: flex;
  flex: 1 1 50%;
  margin-right: calc((-100vw + 1100px) / 2);
}
.pos-full-incenter-l {
  display: flex;
  flex: 1 1 50%;
  margin-left: calc((-100vw + 1100px) / 2);
}
.article-body .float-left, .article-body .img-left, .article-body .image-left, .article-body .box-left, .article-body .content-box-left, .article-body .icke-pos-left, .article-body .pull-left, .ig-main-scope-wrapper, .article-body .icke-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-jammer:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-bordered:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .cite-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .icke-pos-full, .pos-standout-full, .pos-standout-left {
  margin-left: calc(-1 * (var(--sp-xl-x) + var(--sp-2-y)));
}
.article-body .float-right, .article-body .img-right, .article-body .image-right, .article-body .box-right, .article-body .content-box-right, .article-body .icke-pos-right, .article-body .pull-right, .ig-main-scope-wrapper, .article-body .icke-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-jammer:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-bordered:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .cite-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .icke-pos-full, .pos-standout-full, .pos-standout-right {
  margin-right: calc(-1 * (var(--sp-xl-x) + var(--sp-2-y)));
}
.ig-main-scope-wrapper, .article-body .icke-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-jammer:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-bordered:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .cite-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .icke-pos-full, .pos-standout-full {
  width: calc(100% + (var(--sp-xl-x) + var(--sp-2-y)) * 2);
}
@media only screen and (max-width: 600px) {
  .article-body .float-left, .article-body .img-left, .article-body .image-left, .article-body .box-left, .article-body .content-box-left, .article-body .icke-pos-left, .article-body .pull-left, .ig-main-scope-wrapper, .article-body .icke-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-jammer:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-bordered:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .cite-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .icke-pos-full, .pos-standout-full, .article-body .float-right, .article-body .img-right, .article-body .image-right, .article-body .box-right, .article-body .content-box-right, .article-body .icke-pos-right, .article-body .pull-right, .pos-standout-left, .pos-standout-right {
    margin-left: calc(-1 * (var(--sp-xl-x) + var(--sp-xl-x))) !important;
    margin-right: calc(-1 * (var(--sp-xl-x) + var(--sp-xl-x))) !important;
    max-width: 100vw !important;
    width: auto;
  }
}
@media only screen and (max-width: 500px) {
  .article-body .float-left, .article-body .img-left, .article-body .image-left, .article-body .box-left, .article-body .content-box-left, .article-body .icke-pos-left, .article-body .pull-left, .ig-main-scope-wrapper, .article-body .icke-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-left:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-right:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .content-box-full:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-jammer:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .box-bordered:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .article-body .cite-box:not([class*=right]):not([class*=left]):not([class*=right]):not([class*=jammer]):not([class*=quote]), .icke-pos-full, .pos-standout-full, .article-body .float-right, .article-body .img-right, .article-body .image-right, .article-body .box-right, .article-body .content-box-right, .article-body .icke-pos-right, .article-body .pull-right, .pos-standout-left, .pos-standout-right {
    margin-left: calc(-1 * (var(--sp-xl-x))) !important;
    margin-right: calc(-1 * (var(--sp-xl-x))) !important;
  }
}

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

@media only screen and (max-width: 1260px) {
  .pos-center {
    width: 100%;
  }
}
@media only screen and (max-width: 1100px) {
  .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(1100px + (3rem * 2))) {
  .pos-full-incenter, .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: 600px) {
  .pos-full-incenter-r, .pos-full-incenter-l {
    margin-right: calc(-1 * var(--sp-xl-x));
    margin-left: calc(-1 * var(--sp-xl-x));
  }
}
.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;
}

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

@media only screen and (max-width: 870px) {
  .rwd-col-bottom {
    order: 12;
  }
  html, body {
    font-size: 16px;
  }
  .rwd-tablet-on {
    display: block;
  }
  .rwd-tablet-off {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  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;
  }
}
: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: 1500px) {
  :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: 600px) {
  :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(1100px + (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: 768px) {
  .grid-content-s {
    grid-column: col 1/span 10;
  }
}
@media only screen and (max-width: 768px) {
  .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: 600px) {
  .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];
}
.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-small-img, .teaser-grid-small-head, .teaser-grid-small-txt, .teaser-grid-small-info, .teaser-grid-small-readmore, .teaser-grid-small-j2store-info, .teaser-grid-small-cart, .teaser-grid-imgr-img, .teaser-grid-imgr-head, .teaser-grid-imgr-txt, .teaser-grid-imgr-info, .teaser-grid-imgr-readmore, .teaser-grid-imgr-j2store-info, .teaser-grid-imgr-cart, .teaser-grid-leading-head, .teaser-grid-leading-txt, .teaser-grid-leading-readmore, .teaser-grid-l2-img, .teaser-grid-l2-head, .teaser-grid-l2-txt, .teaser-grid-l2-info, .teaser-grid-l2-readmore, .teaser-grid-l2-j2store-info, .teaser-grid-l2-cart, .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-sp .grid-in-grid, .teaser-grid-small-img .grid-in-grid, .teaser-grid-small-head .grid-in-grid, .teaser-grid-small-txt .grid-in-grid, .teaser-grid-small-info .grid-in-grid, .teaser-grid-small-readmore .grid-in-grid, .teaser-grid-small-j2store-info .grid-in-grid, .teaser-grid-small-cart .grid-in-grid, .teaser-grid-imgr-img .grid-in-grid, .teaser-grid-imgr-head .grid-in-grid, .teaser-grid-imgr-txt .grid-in-grid, .teaser-grid-imgr-info .grid-in-grid, .teaser-grid-imgr-readmore .grid-in-grid, .teaser-grid-imgr-j2store-info .grid-in-grid, .teaser-grid-imgr-cart .grid-in-grid, .teaser-grid-leading-head .grid-in-grid, .teaser-grid-leading-txt .grid-in-grid, .teaser-grid-leading-readmore .grid-in-grid, .teaser-grid-l2-img .grid-in-grid, .teaser-grid-l2-head .grid-in-grid, .teaser-grid-l2-txt .grid-in-grid, .teaser-grid-l2-info .grid-in-grid, .teaser-grid-l2-readmore .grid-in-grid, .teaser-grid-l2-j2store-info .grid-in-grid, .teaser-grid-l2-cart .grid-in-grid, .teaser-grid-img .grid-in-grid, .teaser-grid-head .grid-in-grid, .teaser-grid-txt .grid-in-grid, .teaser-grid-info .grid-in-grid, .teaser-grid-readmore .grid-in-grid, .teaser-grid-j2store-info .grid-in-grid, .teaser-grid-cart .grid-in-grid, .span2 .grid-in-grid, .span3 .grid-in-grid, .span4 .grid-in-grid, .span5 .grid-in-grid, .span6 .grid-in-grid, .span7 .grid-in-grid, .span8 .grid-in-grid, .span9 .grid-in-grid, .span10 .grid-in-grid, .span11 .grid-in-grid, .span12 .grid-in-grid, .grid > *:not([class*=grid]):not([class*=sp-p]) .grid-in-grid, .grid-content-s .grid-in-grid, .grid-outside-66-l-rest .grid-in-grid, .grid-in-content > * .grid-in-grid, .grid-2 > * .grid-in-grid, .grid-3 > * .grid-in-grid, .grid-12er > * .grid-in-grid, .row-fluid > * .grid-in-grid {
  margin-left: calc(-1 * var(--sp-m-x));
  margin-right: calc(-1 * var(--sp-m-x));
}
.grid-gap-padding .grid-in-grid .grid-in-grid, .grid-sp .grid-in-grid .grid-in-grid, .teaser-grid-small-img .grid-in-grid .grid-in-grid, .teaser-grid-small-head .grid-in-grid .grid-in-grid, .teaser-grid-small-txt .grid-in-grid .grid-in-grid, .teaser-grid-small-info .grid-in-grid .grid-in-grid, .teaser-grid-small-readmore .grid-in-grid .grid-in-grid, .teaser-grid-small-j2store-info .grid-in-grid .grid-in-grid, .teaser-grid-small-cart .grid-in-grid .grid-in-grid, .teaser-grid-imgr-img .grid-in-grid .grid-in-grid, .teaser-grid-imgr-head .grid-in-grid .grid-in-grid, .teaser-grid-imgr-txt .grid-in-grid .grid-in-grid, .teaser-grid-imgr-info .grid-in-grid .grid-in-grid, .teaser-grid-imgr-readmore .grid-in-grid .grid-in-grid, .teaser-grid-imgr-j2store-info .grid-in-grid .grid-in-grid, .teaser-grid-imgr-cart .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-l2-img .grid-in-grid .grid-in-grid, .teaser-grid-l2-head .grid-in-grid .grid-in-grid, .teaser-grid-l2-txt .grid-in-grid .grid-in-grid, .teaser-grid-l2-info .grid-in-grid .grid-in-grid, .teaser-grid-l2-readmore .grid-in-grid .grid-in-grid, .teaser-grid-l2-j2store-info .grid-in-grid .grid-in-grid, .teaser-grid-l2-cart .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: 768px) {
  .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;
}
.span9 h1:not(.product-title) {
  width: 135%;
}
.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 head" "image teaser" "image info" "image readmore" "image .";
  grid-column: col 1/span 10;
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-l-y);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .teaser-grid, .teaser-grid-leading {
    grid-column: content-start/content-end;
  }
}
@media only screen and (max-width: 600px) {
  .teaser-grid, .teaser-grid-leading {
    display: block;
  }
  .teaser-grid-img {
    width: 40%;
    float: right;
  }
}
.teaser-grid-img {
  grid-area: image;
}
.teaser-grid-head {
  grid-area: head;
}
.teaser-grid-txt {
  grid-area: teaser;
}
.teaser-grid-info {
  grid-area: info;
}
.teaser-grid-readmore {
  grid-area: readmore;
}
.teaser-grid-l2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "image head" "image teaser" "image info" "image readmore" "image .";
  grid-column: col 1/span 10;
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-l-y);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .teaser-grid-l2 {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "head" "teaser" "info" "readmore";
  }
  .teaser-grid-l2-img {
    margin-bottom: var(--sp-s-y);
  }
}
.teaser-grid-l2-img {
  grid-area: image;
}
.teaser-grid-l2-head {
  grid-area: head;
}
.teaser-grid-l2-txt {
  grid-area: teaser;
}
.teaser-grid-l2-info {
  grid-area: info;
}
.teaser-grid-l2-readmore {
  grid-area: readmore;
}
.teaser-grid-l3 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "image head" "image teaser" "image info" "image readmore" "image .";
  grid-column: col 1/span 10;
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-l-y);
  position: relative;
}
.teaser-grid-l3-img, .teaser-grid-l3-head, .teaser-grid-l3-txt, .teaser-grid-l3-info, .teaser-grid-l3-readmore, .teaser-grid-l3-j2store-info, .teaser-grid-l3-cart {
  padding-left: var(--sp-l-x);
  padding-right: var(--sp-l-x);
}
.teaser-grid-l3-head, .teaser-grid-l3-txt, .teaser-grid-l3-info, .teaser-grid-l3-readmore, .teaser-grid-l3-j2store-info, .teaser-grid-l3-cart {
  position: relative;
  z-index: 2;
  margin-left: -4rem;
  background: var(--c-w);
  margin-top: -1px;
}
.teaser-grid-l3 .teaser-grid-l3-img .sz-dynamic-16-9:after {
  padding-bottom: 59.12%;
}
.teaser-grid-l3-img {
  grid-area: image;
}
.teaser-grid-l3-head {
  grid-area: head;
  margin-top: 2rem;
  padding-top: var(--sp-xs-y);
}
.teaser-grid-l3-txt {
  grid-area: teaser;
}
.teaser-grid-l3-info {
  grid-area: info;
}
.teaser-grid-l3-readmore {
  grid-area: readmore;
}
@media only screen and (max-width: 1024px) {
  .teaser-grid-l3 {
    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-l3-img {
    margin-bottom: -3rem;
    padding-right: 0;
    padding-left: 0;
  }
  .teaser-grid-l3-head, .teaser-grid-l3-txt, .teaser-grid-l3-info, .teaser-grid-l3-readmore, .teaser-grid-l3-j2store-info, .teaser-grid-l3-cart {
    position: relative;
    z-index: 2;
    margin-left: var(--sp-2-x);
    margin-right: var(--sp-2-x);
    padding-left: var(--sp-xl-x);
    padding-right: var(--sp-xl-x);
  }
  .teaser-grid-l3-head {
    grid-area: head;
    margin-top: 0;
    padding-top: var(--sp-xs-y);
  }
  .teaser-grid-l3 .teaser-grid-l3-img .sz-dynamic-16-9:after {
    padding-bottom: 56.25%;
  }
}
@media only screen and (max-width: 600px) {
  .teaser-grid-l3-img {
    margin-bottom: -2rem;
    margin-left: calc(-1 * var(--sp-l-x));
    margin-right: calc(-1 * var(--sp-l-x));
  }
  .teaser-grid-l3-head, .teaser-grid-l3-txt, .teaser-grid-l3-info, .teaser-grid-l3-readmore, .teaser-grid-l3-j2store-info, .teaser-grid-l3-cart {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 500px) {
  .teaser-grid-l3-img {
    margin-bottom: 0;
  }
  .teaser-grid-l3-head, .teaser-grid-l3-txt, .teaser-grid-l3-info, .teaser-grid-l3-readmore, .teaser-grid-l3-j2store-info, .teaser-grid-l3-cart {
    padding-left: 0;
    padding-right: 0;
  }
}
.teaser-grid-v {
  flex: 1 1 263px;
  padding-left: var(--sp-l-x);
  padding-right: var(--sp-l-x);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  grid-template-areas: "image" "head" "teaser" "info" "readmore";
  position: relative;
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-l-y);
}
.teaser-grid-v-img {
  grid-area: image;
  margin-bottom: var(--sp-s-y);
}
.teaser-grid-v-head {
  grid-area: head;
}
.teaser-grid-v-txt {
  grid-area: teaser;
}
.teaser-grid-v-info {
  grid-area: info;
}
.teaser-grid-v-readmore {
  grid-area: readmore;
}
@media only screen and (max-width: 790px) {
  .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: 600px) {
  .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 .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: 0;
    padding-right: 0;
  }
}
.teaser-grid-opener {
  flex: 1 1 100%;
  margin-bottom: var(--sp-l-y);
}
.teaser-grid-opener .sz-dynamic-16-9:after {
  padding-bottom: 38.5%;
}
.teaser-grid-opener .teaser-title {
  margin-top: var(--sp-s-y);
}
.teaser-grid-opener .teaser-title .h3 {
  font-family: "Open Sans Condensed", Arial, sans-serif;
  font-size: 2rem;
  line-height: 130%;
  font-weight: 700;
}
.teaser-grid-opener .teaser-grid-v-img {
  margin-bottom: -6rem;
}
@media only screen and (max-width: 768px) {
  .teaser-grid-opener .teaser-grid-v-img {
    margin-bottom: -4rem;
  }
}
@media only screen and (max-width: 600px) {
  .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: 600px) {
  .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;
}
.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: 600px) {
  .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-s .teaser-title > p {
  margin-bottom: 0;
}
.teaser-grid-imgr {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "head image" "teaser image" "info image" "readmore image" ". image";
  grid-column: col 1/span 10;
  margin-top: var(--sp-l-y);
  margin-bottom: var(--sp-l-y);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .teaser-grid-imgr {
    grid-column: content-start/content-end;
  }
}
@media only screen and (max-width: 600px) {
  .teaser-grid-imgr {
    display: block;
  }
  .teaser-grid-imgr-img {
    display: none;
  }
}
.teaser-grid-imgr-img {
  grid-area: image;
}
.teaser-grid-imgr-head {
  grid-area: head;
}
.teaser-grid-imgr-txt {
  grid-area: teaser;
}
.teaser-grid-imgr-info {
  grid-area: info;
}
.teaser-grid-imgr-readmore {
  grid-area: readmore;
}
.teaser-grid-small {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "image" "head" "teaser" "info" "readmore";
  grid-column: col 1/span 10;
  margin-top: var(--sp-xs-y);
  margin-bottom: var(--sp-xs-y);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .teaser-grid-small {
    grid-column: content-start/content-end;
  }
}
@media only screen and (max-width: 600px) {
  .teaser-grid-small {
    display: block;
  }
  .teaser-grid-small-img {
    display: none;
  }
}
.teaser-grid-small-img {
  grid-area: image;
}
.teaser-grid-small-head {
  grid-area: head;
}
.teaser-grid-small-txt {
  grid-area: teaser;
}
.teaser-grid-small-info {
  grid-area: info;
}
.teaser-grid-small-readmore {
  grid-area: readmore;
}
.teaser-grid-small .h3 {
  margin-bottom: 0;
}
.teasers-s .teaser-grid-v-img {
  margin-bottom: var(--sp-s-y);
}
.teasers-s .h2 {
  font-size: 1.2941176471rem;
  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;
}

@media only screen and (min-width: 870px) {
  .items-leading .teaser-grid-v:not(.teaser-grid-opener) {
    flex: inherit;
    width: 33%;
  }
}
.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: 600;
  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-default {
  position: relative;
  background-color: var(--c-w);
  max-width: 51rem;
  margin-left: var(--sp-2-x);
  margin-right: var(--sp-2-x);
  padding: var(--sp-xs-y) var(--sp-xl-x) 0;
}
@media only screen and (max-width: 600px) {
  .article-default {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 500px) {
  .article-default {
    padding-left: 0;
    padding-right: 0;
  }
}
.article-with-imgheader {
  margin-top: -6rem;
}
@media only screen and (max-width: 768px) {
  .article-with-imgheader {
    margin-top: -4rem;
  }
}
@media only screen and (max-width: 600px) {
  .article-with-imgheader {
    margin-top: -2rem;
  }
}
@media only screen and (max-width: 500px) {
  .article-with-imgheader {
    margin-top: 0;
  }
}
.article-author-top {
  float: left;
  margin-bottom: var(--sp-m-y);
}
.article-share-top {
  float: right;
  clear: right;
}
@media only screen and (max-width: 600px) {
  .article-date {
    float: none;
    margin: 0;
  }
}
.article-body .link-readmore .float-left, .article-body .link-readmore .img-left, .article-body .link-readmore .image-left, .article-body .link-readmore .box-left, .article-body .link-readmore .content-box-left, .article-body .link-readmore .icke-pos-left, .article-body .link-readmore .pull-left {
  margin-left: 0;
}
.article-body .link-readmore .float-right, .article-body .link-readmore .img-right, .article-body .link-readmore .image-right, .article-body .link-readmore .box-right, .article-body .link-readmore .content-box-right, .article-body .link-readmore .icke-pos-right, .article-body .link-readmore .pull-right {
  margin-right: 0;
}
.article-body .icke-box .float-left, .article-body .icke-box .img-left, .article-body .icke-box .image-left, .article-body .icke-box .box-left, .article-body .icke-box .content-box-left, .article-body .icke-box .icke-pos-left, .article-body .icke-box .pull-left, .article-body .content-box .float-left, .article-body .box-left .float-left, .article-body .box-right .float-left, .article-body .content-box-left .float-left, .article-body .content-box-right .float-left, .article-body .box-full .float-left, .article-body .content-box-full .float-left, .article-body .box-jammer .float-left, .article-body .box-bordered .float-left, .article-body .cite-box .float-left, .article-body .content-box .img-left, .article-body .box-left .img-left, .article-body .box-right .img-left, .article-body .content-box-left .img-left, .article-body .content-box-right .img-left, .article-body .box-full .img-left, .article-body .content-box-full .img-left, .article-body .box-jammer .img-left, .article-body .box-bordered .img-left, .article-body .cite-box .img-left, .article-body .content-box .image-left, .article-body .box-left .image-left, .article-body .box-right .image-left, .article-body .content-box-left .image-left, .article-body .content-box-right .image-left, .article-body .box-full .image-left, .article-body .content-box-full .image-left, .article-body .box-jammer .image-left, .article-body .box-bordered .image-left, .article-body .cite-box .image-left, .article-body .content-box .box-left, .article-body .box-left .box-left, .article-body .box-right .box-left, .article-body .content-box-left .box-left, .article-body .content-box-right .box-left, .article-body .box-full .box-left, .article-body .content-box-full .box-left, .article-body .box-jammer .box-left, .article-body .box-bordered .box-left, .article-body .cite-box .box-left, .article-body .content-box .content-box-left, .article-body .box-left .content-box-left, .article-body .box-right .content-box-left, .article-body .content-box-left .content-box-left, .article-body .content-box-right .content-box-left, .article-body .box-full .content-box-left, .article-body .content-box-full .content-box-left, .article-body .box-jammer .content-box-left, .article-body .box-bordered .content-box-left, .article-body .cite-box .content-box-left, .article-body .content-box .icke-pos-left, .article-body .box-left .icke-pos-left, .article-body .box-right .icke-pos-left, .article-body .content-box-left .icke-pos-left, .article-body .content-box-right .icke-pos-left, .article-body .box-full .icke-pos-left, .article-body .content-box-full .icke-pos-left, .article-body .box-jammer .icke-pos-left, .article-body .box-bordered .icke-pos-left, .article-body .cite-box .icke-pos-left, .article-body .content-box .pull-left, .article-body .box-left .pull-left, .article-body .box-right .pull-left, .article-body .content-box-left .pull-left, .article-body .content-box-right .pull-left, .article-body .box-full .pull-left, .article-body .content-box-full .pull-left, .article-body .box-jammer .pull-left, .article-body .box-bordered .pull-left, .article-body .cite-box .pull-left {
  margin-left: 0 !important;
}
.article-body .icke-box .float-right, .article-body .icke-box .img-right, .article-body .icke-box .image-right, .article-body .icke-box .box-right, .article-body .icke-box .content-box-right, .article-body .icke-box .icke-pos-right, .article-body .icke-box .pull-right, .article-body .content-box .float-right, .article-body .box-left .float-right, .article-body .box-right .float-right, .article-body .content-box-left .float-right, .article-body .content-box-right .float-right, .article-body .box-full .float-right, .article-body .content-box-full .float-right, .article-body .box-jammer .float-right, .article-body .box-bordered .float-right, .article-body .cite-box .float-right, .article-body .content-box .img-right, .article-body .box-left .img-right, .article-body .box-right .img-right, .article-body .content-box-left .img-right, .article-body .content-box-right .img-right, .article-body .box-full .img-right, .article-body .content-box-full .img-right, .article-body .box-jammer .img-right, .article-body .box-bordered .img-right, .article-body .cite-box .img-right, .article-body .content-box .image-right, .article-body .box-left .image-right, .article-body .box-right .image-right, .article-body .content-box-left .image-right, .article-body .content-box-right .image-right, .article-body .box-full .image-right, .article-body .content-box-full .image-right, .article-body .box-jammer .image-right, .article-body .box-bordered .image-right, .article-body .cite-box .image-right, .article-body .content-box .box-right, .article-body .box-left .box-right, .article-body .box-right .box-right, .article-body .content-box-left .box-right, .article-body .content-box-right .box-right, .article-body .box-full .box-right, .article-body .content-box-full .box-right, .article-body .box-jammer .box-right, .article-body .box-bordered .box-right, .article-body .cite-box .box-right, .article-body .content-box .content-box-right, .article-body .box-left .content-box-right, .article-body .box-right .content-box-right, .article-body .content-box-left .content-box-right, .article-body .content-box-right .content-box-right, .article-body .box-full .content-box-right, .article-body .content-box-full .content-box-right, .article-body .box-jammer .content-box-right, .article-body .box-bordered .content-box-right, .article-body .cite-box .content-box-right, .article-body .content-box .icke-pos-right, .article-body .box-left .icke-pos-right, .article-body .box-right .icke-pos-right, .article-body .content-box-left .icke-pos-right, .article-body .content-box-right .icke-pos-right, .article-body .box-full .icke-pos-right, .article-body .content-box-full .icke-pos-right, .article-body .box-jammer .icke-pos-right, .article-body .box-bordered .icke-pos-right, .article-body .cite-box .icke-pos-right, .article-body .content-box .pull-right, .article-body .box-left .pull-right, .article-body .box-right .pull-right, .article-body .content-box-left .pull-right, .article-body .content-box-right .pull-right, .article-body .box-full .pull-right, .article-body .content-box-full .pull-right, .article-body .box-jammer .pull-right, .article-body .box-bordered .pull-right, .article-body .cite-box .pull-right {
  margin-right: 0 !important;
}
@media only screen and (max-width: 600px) {
  .article-body .icke-box .float-left, .article-body .icke-box .float-right, .article-body .icke-box .img-left, .article-body .icke-box .image-left, .article-body .icke-box .box-left, .article-body .icke-box .content-box-left, .article-body .icke-box .icke-pos-left, .article-body .icke-box .pull-left, .article-body .icke-box .img-right, .article-body .icke-box .image-right, .article-body .icke-box .box-right, .article-body .icke-box .content-box-right, .article-body .icke-box .icke-pos-right, .article-body .icke-box .pull-right, .article-body .content-box .float-left, .article-body .box-left .float-left, .article-body .box-right .float-left, .article-body .content-box-left .float-left, .article-body .content-box-right .float-left, .article-body .box-full .float-left, .article-body .content-box-full .float-left, .article-body .box-jammer .float-left, .article-body .box-bordered .float-left, .article-body .cite-box .float-left, .article-body .content-box .float-right, .article-body .box-left .float-right, .article-body .box-right .float-right, .article-body .content-box-left .float-right, .article-body .content-box-right .float-right, .article-body .box-full .float-right, .article-body .content-box-full .float-right, .article-body .box-jammer .float-right, .article-body .box-bordered .float-right, .article-body .cite-box .float-right, .article-body .content-box .img-left, .article-body .box-left .img-left, .article-body .box-right .img-left, .article-body .content-box-left .img-left, .article-body .content-box-right .img-left, .article-body .box-full .img-left, .article-body .content-box-full .img-left, .article-body .box-jammer .img-left, .article-body .box-bordered .img-left, .article-body .cite-box .img-left, .article-body .content-box .image-left, .article-body .box-left .image-left, .article-body .box-right .image-left, .article-body .content-box-left .image-left, .article-body .content-box-right .image-left, .article-body .box-full .image-left, .article-body .content-box-full .image-left, .article-body .box-jammer .image-left, .article-body .box-bordered .image-left, .article-body .cite-box .image-left, .article-body .content-box .box-left, .article-body .box-left .box-left, .article-body .box-right .box-left, .article-body .content-box-left .box-left, .article-body .content-box-right .box-left, .article-body .box-full .box-left, .article-body .content-box-full .box-left, .article-body .box-jammer .box-left, .article-body .box-bordered .box-left, .article-body .cite-box .box-left, .article-body .content-box .content-box-left, .article-body .box-left .content-box-left, .article-body .box-right .content-box-left, .article-body .content-box-left .content-box-left, .article-body .content-box-right .content-box-left, .article-body .box-full .content-box-left, .article-body .content-box-full .content-box-left, .article-body .box-jammer .content-box-left, .article-body .box-bordered .content-box-left, .article-body .cite-box .content-box-left, .article-body .content-box .icke-pos-left, .article-body .box-left .icke-pos-left, .article-body .box-right .icke-pos-left, .article-body .content-box-left .icke-pos-left, .article-body .content-box-right .icke-pos-left, .article-body .box-full .icke-pos-left, .article-body .content-box-full .icke-pos-left, .article-body .box-jammer .icke-pos-left, .article-body .box-bordered .icke-pos-left, .article-body .cite-box .icke-pos-left, .article-body .content-box .pull-left, .article-body .box-left .pull-left, .article-body .box-right .pull-left, .article-body .content-box-left .pull-left, .article-body .content-box-right .pull-left, .article-body .box-full .pull-left, .article-body .content-box-full .pull-left, .article-body .box-jammer .pull-left, .article-body .box-bordered .pull-left, .article-body .cite-box .pull-left, .article-body .content-box .img-right, .article-body .box-left .img-right, .article-body .box-right .img-right, .article-body .content-box-left .img-right, .article-body .content-box-right .img-right, .article-body .box-full .img-right, .article-body .content-box-full .img-right, .article-body .box-jammer .img-right, .article-body .box-bordered .img-right, .article-body .cite-box .img-right, .article-body .content-box .image-right, .article-body .box-left .image-right, .article-body .box-right .image-right, .article-body .content-box-left .image-right, .article-body .content-box-right .image-right, .article-body .box-full .image-right, .article-body .content-box-full .image-right, .article-body .box-jammer .image-right, .article-body .box-bordered .image-right, .article-body .cite-box .image-right, .article-body .content-box .box-right, .article-body .box-left .box-right, .article-body .box-right .box-right, .article-body .content-box-left .box-right, .article-body .content-box-right .box-right, .article-body .box-full .box-right, .article-body .content-box-full .box-right, .article-body .box-jammer .box-right, .article-body .box-bordered .box-right, .article-body .cite-box .box-right, .article-body .content-box .content-box-right, .article-body .box-left .content-box-right, .article-body .box-right .content-box-right, .article-body .content-box-left .content-box-right, .article-body .content-box-right .content-box-right, .article-body .box-full .content-box-right, .article-body .content-box-full .content-box-right, .article-body .box-jammer .content-box-right, .article-body .box-bordered .content-box-right, .article-body .cite-box .content-box-right, .article-body .content-box .icke-pos-right, .article-body .box-left .icke-pos-right, .article-body .box-right .icke-pos-right, .article-body .content-box-left .icke-pos-right, .article-body .content-box-right .icke-pos-right, .article-body .box-full .icke-pos-right, .article-body .content-box-full .icke-pos-right, .article-body .box-jammer .icke-pos-right, .article-body .box-bordered .icke-pos-right, .article-body .cite-box .icke-pos-right, .article-body .content-box .pull-right, .article-body .box-left .pull-right, .article-body .box-right .pull-right, .article-body .content-box-left .pull-right, .article-body .content-box-right .pull-right, .article-body .box-full .pull-right, .article-body .content-box-full .pull-right, .article-body .box-jammer .pull-right, .article-body .box-bordered .pull-right, .article-body .cite-box .pull-right {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .article-body .icke-box .img-desc, .article-body .content-box .img-desc, .article-body .box-left .img-desc, .article-body .box-right .img-desc, .article-body .content-box-left .img-desc, .article-body .content-box-right .img-desc, .article-body .box-full .img-desc, .article-body .content-box-full .img-desc, .article-body .box-jammer .img-desc, .article-body .box-bordered .img-desc, .article-body .cite-box .img-desc {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .article-img {
    margin-left: calc(-1 * var(--sp-l-x));
    margin-right: calc(-1 * var(--sp-l-x));
  }
}
.article-img-copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.6470588235rem;
  color: var(--c-w);
  line-height: 130%;
  margin-bottom: var(--sp-xxs-x);
  margin-right: var(--sp-xxs-x);
  transform: translate(100%) rotate(270deg);
  transform-origin: left bottom;
}
.article-img-copyright a {
  color: var(--c-w);
  text-decoration: underline;
}

.share {
  position: relative;
}
.share-title {
  position: absolute;
  margin-top: -1.4rem;
  right: 0;
  font-size: 0.8823529412rem;
}
.share-link {
  background-color: var(--c-d);
  border-radius: 100%;
  color: var(--c-w);
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  padding: 0.05rem 0.25rem;
  transition: all 0.5s;
}
.share-link:hover {
  background-color: var(--c-1);
  color: var(--c-w);
}

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

.logo {
  position: relative;
  height: 100%;
  padding: 4rem 0 3rem;
  margin-left: 50%;
  transition: margin 0.5s, width 0.5s, padding 0.5s;
}
.logo a {
  border: 0;
}
.logo img {
  display: block;
  max-width: calc(100vw - 5rem);
  margin-left: -9.5rem;
  width: 19rem;
  transition: margin 0.5s, width 0.5s, padding 0.5s;
}
@media only screen and (max-width: 790px) {
  .logo {
    padding: 3rem 0 0;
  }
}
@media only screen and (max-width: 400px) {
  .logo {
    margin-left: 0;
  }
  .logo img {
    margin-left: 0;
  }
}

.nav-top {
  position: absolute;
  right: 0;
  top: var(--sp-xxs-y);
}
.nav-main {
  position: relative;
  left: -325px;
  transition: all 0.5s;
}
@media only screen and (max-width: 1024px) {
  .nav-main {
    left: -303px;
  }
}
.navs {
  position: absolute;
  top: 8rem;
  left: 50%;
  padding: 0;
  width: 100%;
  transition: all 0.5s;
}

:root {
  --sz-header: 10.5rem;
}
@media only screen and (max-width: 790px) {
  :root {
    --sz-header: 6.8rem;
  }
}

.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);
}

.logo img, .header-content, .menu-main, .header-fixed, .header {
  -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;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.09);
}
.header-small .logo {
  margin-left: 0;
  padding: 2.8rem 0 0.2rem;
}
.header-small .logo img {
  width: 10rem;
  margin-left: 0;
}
.header-small .nav-main {
  left: 0;
}
.header-small .navs {
  left: 18rem;
  top: 2.3rem;
}

@media only screen and (max-width: 1260px) {
  .header-small .navs-right {
    padding-bottom: 0.75rem;
  }
  .header-small .navs {
    left: 13rem;
  }
}
@media only screen and (max-width: 790px) {
  .header-small.header-fixed {
    height: 2.8rem;
  }
  .header-small .logo {
    padding: 0.8rem 0 0.2rem;
  }
}
.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 {
  float: none;
  margin: 0;
}
.menu-li-footer .separator {
  padding: var(--sp-xxs-y) 0;
  display: inline-block;
  cursor: pointer;
}
.menu-li-footer .separator:hover {
  color: #299557;
}
.menu-li-icon {
  margin: 0;
}
.menu-li-top {
  margin: 0;
}
.menu-li-main.active > a, .menu-li.active > .menu-header {
  color: var(--c-a-hover);
}
.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-txt);
  padding: 0.4em 0.8em 0.3em;
  margin: 0 var(--sp-m-x);
  font-size: 1.2941176471rem;
  font-family: "Open Sans Condensed", Arial, sans-serif;
}
.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;
  padding: var(--sp-xxs-y) 0;
  color: #111;
}
.menu-a-footer:hover {
  color: #299557;
}
.menu-a-icon {
  color: var(--c-a);
  padding: 0.35rem;
}
.menu-a-icon:hover {
  color: var(--c-a-hover);
  text-decoration: underline;
}
.menu-a-icon [class^=icon-]:before {
  opacity: 0.6;
  transition: opacity 0.5s;
}
.menu-a-icon:hover [class^=icon-]:before {
  opacity: 1;
}
.menu-a-icon .icon-facebook {
  color: #20557d;
}
.menu-a-icon .icon-mastodon {
  color: #2b90d9;
}
.menu-a-icon .icon-twitter {
  color: #3e8ca5;
}
.menu-a-icon .icon-instagram {
  color: #fe0378;
}
.menu-a-icon .icon-disqus {
  color: #2f9eff;
}
.menu-a-icon .icon-rss {
  color: #f15a24;
}
.menu-a-v {
  padding: 0.25rem 0;
}
.menu-header-main:hover {
  background-color: transparent;
}
.menu a {
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .menu-li-footer {
    margin: 0.25rem 0;
  }
}
@media only screen and (min-width: 790px) {
  .nav .menu-li ul {
    position: absolute;
    left: -999em;
    z-index: 10;
    min-width: 8rem;
    padding: 0;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 0 var(--sp-m-x);
  }
  .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;
    background-color: #fff;
    margin-bottom: -1px;
  }
  .nav .menu-li li a, .nav .menu-li li li a {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 1rem;
    margin-bottom: -1px;
    padding: 0.3rem 0.75rem;
    margin-right: 0;
    margin-left: 0;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
  }
  .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: 790px) 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.rwd-hover ul, .nav .menu-li li.rwd-hover ul {
    left: auto;
    padding: 0.3rem 0;
    max-height: 15rem;
    opacity: 1;
  }
  .nav .menu-li li:hover ul {
    left: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-a-main, .menu-header-main {
    padding: 0.4em 0 0.3em 0;
    margin: 0 var(--sp-xs-x);
  }
  .menu-rwd-plus {
    width: 2.6rem;
    height: 2.6rem;
    font-size: 3rem;
    border: 3px solid #fff;
    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);
  }
}
.nav .menu-li ul.active {
  left: auto;
}

.menu-button {
  position: relative;
  min-width: 2rem;
  min-height: 2.5rem;
  cursor: pointer;
  display: none;
}
.menu-button span {
  display: none;
}
@media only screen and (max-width: 790px) {
  .menu-button {
    display: block;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
  }
  .menu-button span {
    margin-left: 2.5rem;
    padding-top: 0.5rem;
    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: 790px) {
  .menu-rwd-wrapper {
    position: fixed;
    left: 0;
    z-index: 12;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.97);
    width: 100vw;
    height: calc(100vh - 2.8rem);
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  .menu-rwd-wrapper.active {
    overflow-y: auto;
    padding: 0 var(--sp-m-x) var(--sp-m-y);
    max-height: calc(100vh - 2.8rem) !important;
  }
  .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: "Open Sans", arial, sans-serif;
  }
  .menu-a-main, .menu-header-main {
    padding: 0.4em 0 0.3em 0;
    margin: 0 var(--sp-xs-x);
  }
  .menu-icon {
    overflow: hidden;
    margin-left: -0.35rem;
    padding: var(--sp-xs-y) var(--sp-2-x);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0.75rem;
  }
  .menu-rwd-plus {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 3rem;
    border: 3px solid #fff;
    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);
}
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-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);
}
.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);
}
.co-content-g > *, .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);
}
.co-content-g > *, .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, .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, .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, .content-box > *:first-child, .box-left > *:first-child, .box-right > *:first-child, .content-box-left > *:first-child, .content-box-right > *:first-child, .box-full > *:first-child, .content-box-full > *:first-child, .box-jammer > *:first-child, .box-bordered > *:first-child, .cite-box > *:first-child, .sp-fl-no > *:first-child {
  margin-top: 0;
}
.box > *:last-child, .content-box > *:last-child, .box-left > *:last-child, .box-right > *:last-child, .content-box-left > *:last-child, .content-box-right > *:last-child, .box-full > *:last-child, .content-box-full > *:last-child, .box-jammer > *:last-child, .box-bordered > *:last-child, .cite-box > *:last-child, .sp-fl-no > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 870px) {
  :root {
    --sp-xxl-x: 3rem;
    --sp-xxl-y: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  :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-adv-ownadv {
  flex: 1 1 33%;
  padding-left: var(--sp-l-x);
  padding-right: var(--sp-l-x);
}
.soul-adv-ownadv-big {
  flex: 1 1 55%;
}
.soul-disqus-extend-btn-container {
  opacity: 0;
  transition: opacity 0.5s;
}
.soul-disqus-extend-btn-container.active {
  opacity: 1;
  border-top: 6px solid var(--c-grey-d);
  padding: 1rem 0 0;
}
.soul-disqus-extend-btn-container.active .icon-arrow-down:before {
  transform: rotate(90deg);
}
.soul-disqus-extend-btn-container.active .icon-arrow-down.active:before {
  transform: rotate(-90deg);
}
.soul-banner-kr {
  position: relative;
}
.soul-banner-kr-txt span {
  background-color: #279557;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 153%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.soul-banner-kr-button {
  border-radius: 100%;
  background-color: #ecaa1e;
  width: 10rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 150%;
  margin: -3rem -2rem -3rem 0;
  text-align: center;
  font-weight: 700;
}
.soul-banner-kr-button a {
  color: var(--c-txt);
  text-decoration: none !important;
}
.soul-banner-kr-button strong {
  font-size: 1.7rem;
}
@media only screen and (max-width: 970px) {
  .soul-banner-kr-img {
    order: 2;
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .soul-banner-kr .cols-spacebetween {
    justify-content: center;
    text-align: center !important;
  }
  .soul-banner-kr-txt span {
    font-size: 1.4rem;
  }
  .soul-banner-kr-img {
    max-width: 80%;
  }
  .soul-banner-kr-button {
    order: 3;
    width: 8rem;
    height: 8rem;
    margin: 0 0 -2rem;
    font-size: 1.1rem;
  }
  .soul-banner-kr-button strong {
    font-size: 1.4rem;
  }
}

.itemid-125 .content-box-full .img-left {
  max-width: 20% !important;
}
@media only screen and (max-width: 1024px) {
  .itemid-125 .content-box-full .img-left {
    max-width: 33% !important;
  }
}
@media only screen and (max-width: 600px) {
  .itemid-125 .content-box-full .img-left {
    max-width: 100% !important;
  }
}

.img-cover-left_top {
  object-position: left top;
}
.img-cover-center_top {
  object-position: center top;
}
.img-cover-right_top {
  object-position: right top;
}
.img-cover-left_middle {
  object-position: left center;
}
.img-cover-right_middle {
  object-position: right center;
}
.img-cover-left_bottom {
  object-position: left bottom;
}
.img-cover-center_bottom {
  object-position: center bottom;
}
.img-cover-right_bottom {
  object-position: right bottom;
}

.mceContentBody .add-placeholder-rectangle, .mceContentBody .placeholder-article-bottom {
  border: 3px dotted #299557;
  padding: 5px;
}

.mceContentBody .add-placeholder-rectangle:before {
  content: "Platzhalter – Werbebanner";
}

.mceContentBody .placeholder-article-bottom:before {
  content: "Platzhalter – Das könnte Sie auch interessieren";
}

.com_content .add-placeholder-rectangle, .com_content .placeholder-article-bottom {
  display: none;
}

.banneritem iframe {
  max-width: 100%;
}

audio {
  width: 100%;
  margin-bottom: 1rem;
}

.kr-podcast h3 {
  font-size: 1.188rem;
  margin-top: 2.5rem !important;
  font-weight: 600;
  color: #222;
  font-family: "Open Sans Condensed", Arial, sans-serif;
}

.kr-podcast-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.kr-podcast-link {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: stretch;
}

.kr-podcast-link-icon {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  flex: 1;
}

.kr-podcast-link-icon img {
  width: 3rem;
}

.kr-podcast-link-txt {
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.kr-podcast iframe {
  min-height: 165px;
}

.sc-k3sc {
  color: #111 !important;
}

#top-right, #bottom-right {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

#bottom-right {
  bottom: 0;
  top: auto;
}

#top-right a, #bottom-right a {
  background-color: var(--c-bg-2);
  border-color: var(--c-bg-2);
}

#top-right a:hover, #bottom-right a:hover {
  background-color: var(--c-bg-2);
  border-color: var(--c-bg-2);
}

#top-right p, #bottom-right p {
  margin-bottom: 0;
}

.stoerer2 .btn-right {
  padding: 0.9rem 2rem 0.8rem;
}

.site-center.special {
  overflow: hidden;
}

.footer-col1 {
  flex: 1 1 347px;
  padding-right: 3rem;
}
.footer-col1 h2 {
  font-size: 28px;
  margin-bottom: var(--sp-s-y);
  margin-top: 1px;
}
.footer-col3 {
  flex: 1 1 206px;
}

@media only screen and (min-width: 790px) {
  .video-container .load-iframe, .video-container iframe {
    height: 420px !important;
  }
}
.iframe-container {
  width: 100%;
  margin-bottom: var(--sp-l-y);
}

@media only screen and (max-width: 790px) {
  #top-right, #bottom-right, .moduletable .search {
    position: fixed;
    top: auto;
    left: 0;
    bottom: -1px;
    z-index: 999;
    width: 33.333%;
    min-height: 2.8rem;
    text-align: center;
    border-top: 2px solid #f1f1f1;
    background-color: #fff;
    line-height: 119%;
  }
  #top-right {
    left: 33.3333%;
  }
  .moduletable .search {
    right: 0;
    left: auto;
    z-index: 11;
  }
  #top-right a, #bottom-right a {
    width: 100%;
    background-color: #fff;
    border-color: #fff;
    color: #299557;
    padding: 0.5rem 0;
    font-size: 0.9375rem;
  }
  input.input-click-visible {
    top: auto;
    bottom: 100%;
  }
}
.disqus_thread {
  max-height: 32rem;
  opacity: 1;
}

.iframe-container {
  width: 100%;
}

.youtube-logo, .vimeo-logo, .googlemaps-logo {
  display: inline-block;
  color: #fff;
  width: 200px;
  height: 50px;
  max-width: 100%;
  background: url(/media/plg_karo3youtubedataprivacy/images/YouTube.svg) no-repeat;
  background-size: contain;
}

.vimeo-logo {
  background: url(/media/plg_karo3youtubedataprivacy/images/Vimeo.svg) no-repeat;
  background-size: contain;
}

.load-iframe-txt {
  position: absolute;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.load-iframe-txt > div {
  position: absolute;
  bottom: 3%;
  padding: 0% 9%;
}

.load-iframe-txt a {
  color: #fff;
  text-decoration: underline;
}

.load-iframe {
  overflow: hidden;
  position: relative;
  background-color: #000;
  background-position: center;
  background-size: cover;
}

.load-iframe .h2-look {
  margin: 0 0 1rem;
}

.maps-container .load-iframe-txt, .maps-container .load-iframe-txt a {
  background-color: transparent;
  color: #333;
}

.rwd-480-on {
  display: none;
}

@media only screen and (max-width: 600px) {
  .rwd-480-on {
    display: block;
  }
  .rwd-480-off {
    display: none;
  }
}
.ig-image-descriptions {
  padding: var(--sp-l-y) var(--sp-l-x) !important;
}

.igui-position-bottom-right {
  bottom: 0.75rem !important;
  right: 0.75rem !important;
}
.igui-position-bottom-right svg {
  width: 2rem;
}

.itemid-1073 .article-body .btn {
  width: 19rem;
  max-width: 100%;
}

@media only screen and (max-width: 1446px) and (min-width: 790px) {
  .nav-top {
    position: fixed;
    right: 10.5rem;
  }
}
@media print {
  .print-icon {
    display: none;
  }
  html, body {
    font-size: 9pt;
  }
  a[href]:not(.cboxElement):not(.wfpopup):after {
    content: " <URL: " attr(href) ">";
    background-color: inherit;
    font-style: italic;
    font-size: 8pt;
  }
  .logo a[href]::after, .text-h-section a[href]::after, #bottom-2 a[href]::after, .breadcrumb a[href]::after, .accordion-link-karo3 a[href]::after {
    display: none;
  }
  .logo {
    padding: 2rem 0 2rem !important;
    margin-left: 50% !important;
  }
  .logo img {
    margin-left: -9.5rem !important;
    width: 19rem !important;
  }
  .header-fixed {
    position: relative !important;
    height: auto !important;
    box-shadow: none !important;
  }
  .header-fixed-spacer {
    display: none;
  }
  .link-stretched::after {
    position: relative;
  }
  .fx-slide-up {
    opacity: 1;
    transform: none;
  }
  .navs, .nav-top, [class^=ads-], [class*=" ads-"], #footer, .print-no, .pagination,
.article-share-top, #top-right, #bottom-right, .fx-repositioning-article-bottom, .share, .article-bottom, #bottom, .stoerer, .disqus_thread {
    display: none !important;
  }
  @page {
    size: 210mm 297mm;
    margin: 15mm;
  }
}

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