/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
        .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: grabbing !important;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
        /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: grabbing !important;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  box-shadow: none !important;
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  flex: 1 0 100%;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
    .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  animation: gzoomOut 0.5s ease;
}

@keyframes lightboxLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
                .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.mod_article.wave > .inside, .mod_article.hero .ce_wrapperStart > .inside, .mod_article:not(.hero, .wave-sand, .wave-blue), .cartUi .inside, footer > .inside, header > .inside {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

body {
  box-sizing: border-box;
  overflow-x: hidden;
}

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

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

input, button, textarea {
  outline: none;
  line-height: inherit;
}

figure {
  margin: 0;
}

.checklist ul, .ce_gallery ul, .mod_article.hero .ce_wrapperStart > .inside .vorteile ul, .mod_navigation.main ul.level_2, .mod_navigation.main ul.level_1, .cartUi .inside .box .cartItemsUi, header .benefits, footer > .inside .social, footer > .inside .mod_navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* raleway-regular - 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: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url(/files/dist/fonts/raleway-v29-latin-regular.woff2?3876dc02f0567fb217e017445f20a776) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - 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: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url(/files/dist/fonts/raleway-v29-latin-700.woff2?99d8de4a7ca4930678bf684786051eb5) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  font-family: "Raleway", Verdana, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #2f2f2f;
  font-size: clamp(13pt, 1.3vw, 15pt);
}

p {
  margin: 0.5em 0;
}

strong,
b {
  font-weight: 700;
}

a {
  color: #f26f32;
  text-decoration: none;
  font-weight: 700;
  transition: color 0.2s ease-in-out;
}
a:hover {
  color: #db5d22;
}

h1,
h2,
h3,
.ce_accordion:not(.continue-reading) .toggler,
.cartUi .inside .box > .title,
.glightbox-container .price,
.glightbox-container .title,
.offers .offer .title,
h4,
.mod_newslist .news_item h2,
.mod_newslist .news_item h3,
.mod_newslist .news_item .glightbox-container .title,
.glightbox-container .mod_newslist .news_item .title,
.mod_newslist .news_item .glightbox-container .price,
.glightbox-container .mod_newslist .news_item .price,
.cartUi .inside .box .cartItemsUi li .content .title,
.glightbox-container .subtitle,
h5,
h6 {
  font-family: "Raleway", Verdana, sans-serif;
  font-weight: 700;
  margin: 1em 0 0.5em 0;
}

h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2 {
  font-size: 2rem;
}

h3, .ce_accordion:not(.continue-reading) .toggler, .cartUi .inside .box > .title, .glightbox-container .price, .glightbox-container .title, .offers .offer .title {
  font-size: 1.5rem;
}

h4, .mod_newslist .news_item h2,
.mod_newslist .news_item h3,
.mod_newslist .news_item .ce_accordion:not(.continue-reading) .toggler,
.ce_accordion:not(.continue-reading) .mod_newslist .news_item .toggler,
.mod_newslist .news_item .offers .offer .title,
.offers .offer .mod_newslist .news_item .title,
.mod_newslist .news_item .glightbox-container .title,
.glightbox-container .mod_newslist .news_item .title,
.mod_newslist .news_item .glightbox-container .price,
.glightbox-container .mod_newslist .news_item .price,
.mod_newslist .news_item .cartUi .inside .box > .title,
.cartUi .inside .mod_newslist .news_item .box > .title, .cartUi .inside .box .cartItemsUi li .content .title, .glightbox-container .subtitle {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

.small, footer > .inside .mod_navigation ul li a,
footer > .inside .mod_navigation ul li strong {
  font-size: 0.8rem;
}

@media (max-width: 1200px) {
  h1 {
    font-size: 2.2rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  h3, .ce_accordion:not(.continue-reading) .toggler, .cartUi .inside .box > .title, .glightbox-container .price, .glightbox-container .title, .offers .offer .title {
    font-size: 1.2rem;
  }
}
.button, .ce_hyperlink a,
button,
input[type=submit] {
  display: inline-block;
  padding: 9px 16px;
  background-color: #f26f32;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
  transition: background-color 0.2s ease-in-out;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
}
.button:hover, .ce_hyperlink a:hover,
button:hover,
input[type=submit]:hover {
  background-color: #db5d22;
  color: #ffffff;
}

#container {
  padding-top: 1px;
  margin-top: -1px;
}

html {
  scroll-behavior: smooth;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
  padding: 10px 0;
  z-index: 1000;
}
header > .inside {
  display: grid;
  grid-template-columns: clamp(100px, 30vw, 188px) 1fr 40px;
  grid-template-areas: "logo quicklinks menu-opener" "menu menu menu" "benefits benefits benefits";
}
header > .inside .logo {
  grid-area: logo;
}
header > .inside .mod_navigation.main {
  grid-area: menu;
  align-self: center;
}
header > .inside .menu-opener {
  grid-area: menu-opener;
  align-self: center;
}
header > .inside .benefits {
  grid-area: benefits;
  align-self: center;
}
header > .inside .quicklinks {
  grid-area: quicklinks;
  align-self: center;
}

footer {
  padding: 30px 0;
}
footer > .inside {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
footer > .inside .mod_navigation ul {
  display: flex;
}
footer > .inside .mod_navigation ul li {
  margin-right: 3rem;
}
footer > .inside .mod_navigation ul li a,
footer > .inside .mod_navigation ul li strong {
  font-weight: 700;
  text-decoration: none;
}
footer > .inside .social {
  display: flex;
  justify-content: flex-end;
}
footer > .inside .social li a {
  width: 2rem;
  height: 2rem;
  display: block;
  margin-left: 1rem;
  transition: filter 0.2s ease-in-out;
}
footer > .inside .social li a:hover {
  filter: brightness(0.8);
}
@media (max-width: 600px) {
  footer > .inside {
    grid-template-columns: 1fr;
  }
  footer > .inside .mod_navigation {
    margin-bottom: 2rem;
  }
  footer > .inside .mod_navigation ul {
    justify-content: center;
  }
  footer > .inside .mod_navigation ul li {
    margin: 0 0.25rem;
  }
  footer > .inside .social {
    justify-content: center;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.invisible {
  position: absolute;
  left: -999em;
}

@media (min-width: 1200px) {
  .mobile {
    display: none;
  }
}

@media (max-width: 1200px) {
  .desktop {
    display: none;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.article-margin {
  margin-bottom: 4rem;
}

.ce-margin {
  margin-bottom: 1rem;
}

.icon:before,
.icon_link:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1rem;
  height: 1rem;
}
.icon.small:before, footer > .inside .mod_navigation ul li a.icon:before,
footer > .inside .mod_navigation ul li strong.icon:before,
.icon_link.small:before,
footer > .inside .mod_navigation ul li a.icon_link:before,
footer > .inside .mod_navigation ul li strong.icon_link:before {
  width: 0.75rem;
  height: 0.75rem;
}
.icon.icon_email:before,
.icon_link.icon_email:before {
  background-image: url("/files/theme/img/icon_email.svg");
}
.icon.icon_phone:before,
.icon_link.icon_phone:before {
  background-image: url("/files/theme/img/icon_phone.svg");
}
.icon.icon_calendar:before,
.icon_link.icon_calendar:before {
  background-image: url("/files/theme/img/icon_calendar.svg");
}
.icon.icon_add:before,
.icon_link.icon_add:before {
  background-image: url("/files/theme/img/icon_add.svg");
}
.icon.icon_left:before,
.icon_link.icon_left:before {
  background-image: url("/files/theme/img/icon_left.svg");
}
.icon.icon_info:before,
.icon_link.icon_info:before {
  background-image: url("/files/theme/img/icon_info.svg");
}
.icon.icon_remove:before,
.icon_link.icon_remove:before {
  background-image: url("/files/theme/img/icon_remove.svg");
}
.icon.icon_facebook:before,
.icon_link.icon_facebook:before {
  background-image: url("/files/theme/img/icon_facebook.svg");
}
.icon.icon_x:before,
.icon_link.icon_x:before {
  background-image: url("/files/theme/img/icon_x.svg");
}

.icon_link:before {
  margin-right: 0.35rem;
  vertical-align: -3px;
}

.wave-sand {
  background: #f0e8dd url("/files/theme/img/sand-struktur.jpg");
}

.wave-blue {
  background: linear-gradient(90deg, #74d0f6 0%, #c8eafc 100%);
}

.wave-position-1:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -10vw 0;
  background-size: 200vw;
}
.wave-position-1:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -40vw 0;
  background-size: 200vw;
  transform: scaleY(-1);
}

.wave-position-2:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -90vw 0;
  background-size: 200vw;
}
.wave-position-2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -70vw 0;
  background-size: 200vw;
  transform: scaleY(-1);
}

.wave-position-3:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -30vw 0;
  background-size: 200vw;
}
.wave-position-3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -10vw 0;
  background-size: 200vw;
  transform: scaleY(-1);
}

.wave-position-4:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -80vw 0;
  background-size: 200vw;
}
.wave-position-4:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -70vw 0;
  background-size: 200vw;
  transform: scaleY(-1);
}

img.circle {
  border-radius: 100% !important;
}

.menu-opener {
  display: block;
}
.menu-opener .burger {
  width: 40px;
  height: 30px;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menu-opener .burger > div {
  display: block;
  height: 2px;
  width: 100%;
  background: #2f2f2f;
  opacity: 1;
  transform: translateY(0) rotate(0deg);
  transform-origin: center center;
  transition: margin 0.2s ease-in-out, transform 0.2s ease-out, opacity 0.1s ease-in-out, width 0.1s ease-out;
  margin: 4px 0;
}
body.menu-active .menu-opener .burger > div:first-child {
  margin: 4px 0 !important;
  transform: translateY(11px) rotate(45deg);
}
body.menu-active .menu-opener .burger > div:nth-child(2) {
  margin: 4px 0 !important;
  width: 0;
  opacity: 0;
}
body.menu-active .menu-opener .burger > div:nth-child(3) {
  margin: 4px 0 !important;
  transform: translateY(-9px) rotate(-45deg);
}
.menu-opener .burger:hover > div {
  margin: 2px 0;
}
.menu-opener p {
  margin: 0;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

header .benefits {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
body.menu-active header .benefits {
  max-height: 75px;
}
header .benefits li {
  margin: 0 2rem;
  font-size: 0.8rem;
}
@media (max-width: 600px) {
  header .benefits li {
    margin: 0 0.4rem;
    font-size: 0.6rem;
  }
}

.quicklinks {
  display: flex;
  justify-content: flex-end;
  margin: 0 1rem;
}
.quicklinks a {
  font-weight: 700;
  text-decoration: none;
  color: #2f2f2f;
  margin: 0 1rem;
}
@media (max-width: 1100px) {
  .quicklinks a {
    margin: 0 0.5rem;
  }
  .quicklinks a span {
    display: none;
  }
}

.headline {
  text-align: center;
  margin-bottom: 4rem;
}
.headline > span {
  display: block;
}
.headline .title {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 400;
}

.offers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 2.5em;
  -moz-column-gap: 2.5em;
       column-gap: 2.5em;
  margin-left: -1rem;
  margin-right: -1rem;
}
.offers .offer {
  padding: 1rem;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.offers .offer .title {
  margin-top: 0;
}
.offers .offer .icons {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
}
.offers .offer .icons .icon,
.offers .offer .icons .icon_link {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.offers .offer .icons .icon:before,
.offers .offer .icons .icon_link:before {
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.offers .offer .icons .icon_link {
  margin-right: 0.75rem;
  cursor: pointer;
  color: #f26f32;
  font-weight: 700;
}
.offers .offer .popup {
  display: none;
}
.offers .offer:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 800px) {
  .offers {
    grid-template-columns: 1fr;
  }
}

.glightbox-container .goverlay {
  background: rgba(0, 0, 0, 0.5058823529);
}
.glightbox-container .gslide-inline {
  border-radius: 5px;
}
.glightbox-container .title {
  margin-top: 0;
  margin-bottom: 0;
}
.glightbox-container .subtitle {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.glightbox-container .price {
  margin-bottom: 0;
  text-align: right;
}
.glightbox-container .pricesub {
  font-size: 0.8rem;
  text-align: right;
}
.glightbox-container .gprev,
.glightbox-container .gnext {
  display: none;
}
.glightbox-container .gclose {
  border-radius: 50%;
}

.offer-form {
  display: none;
}
.offer-form.visible {
  display: block;
}

.cartUi {
  position: fixed;
  top: 110px;
  right: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.cartUi .inside .box {
  pointer-events: all;
  background-color: #ffffff;
  padding: 1rem;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  max-width: 440px;
  margin-left: auto;
}
.cartUi .inside .box > .title {
  margin-top: 0;
  cursor: pointer;
  position: relative;
  padding-right: 1.2rem;
}
.cartUi .inside .box > .title:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0.9rem;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #2f2f2f;
  margin-left: 0.8rem;
  transition: transform 0.3s ease-in-out;
  transform: rotate(135deg) translate(-0.3rem, 0.3rem);
}
.cartUi .inside .box > .title .amount {
  font-size: 1rem;
  font-weight: 400;
}
.cartUi .inside .box .cartItemsUi {
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  overflow: auto;
}
.cartUi .inside .box .cartItemsUi li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
}
.cartUi .inside .box .cartItemsUi li .content {
  flex: 1 1 auto;
}
.cartUi .inside .box .cartItemsUi li .content .title {
  margin: 0;
}
.cartUi .inside .box .cartItemsUi li .content .subtitle {
  font-size: 0.8rem;
}
.cartUi .inside .box .cartItemsUi li .content .price {
  font-size: 0.8rem;
}
.cartUi .inside .box .cartItemsUi li .icon {
  margin-top: 5px;
  flex: 0 0 30px;
  cursor: pointer;
}
.cartUi .inside .box .bottomrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -0.5rem;
  transition: margin-top 0.3s ease-in-out;
}
.cartUi .inside .box .sumcontainer .sum {
  font-weight: bold;
}
.cartUi .inside .box.open > .title:after {
  transform: rotate(-45deg) translate(0, 0);
}
.cartUi .inside .box.open .cartItemsUi {
  max-height: calc(100vh - 300px);
}
.cartUi .inside .box.open .bottomrow {
  margin-top: 1rem;
}

.reference_slider_outer {
  position: relative;
}
.reference_slider_outer .tns-ovh {
  margin: 0 10rem;
}
.reference_slider_outer .slide > .inside {
  display: flex;
  align-items: center;
}
.reference_slider_outer .slide > .inside .image {
  flex: 0 0 160px;
  margin-right: 2.5em;
}
.reference_slider_outer .slide > .inside .name,
.reference_slider_outer .slide > .inside .agency {
  font-size: 0.8rem;
}
.reference_slider_outer .slide > .inside .agency {
  margin-bottom: 0.5em;
}
.reference_slider_outer .tns-controls button {
  position: absolute;
  top: calc(50% - 0.75rem);
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.reference_slider_outer .tns-controls button:after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #f26f32;
}
.reference_slider_outer .tns-controls button[data-controls=prev] {
  left: 6rem;
}
.reference_slider_outer .tns-controls button[data-controls=prev]:after {
  transform: rotate(-135deg);
}
.reference_slider_outer .tns-controls button[data-controls=next] {
  right: 6rem;
}
.reference_slider_outer .tns-controls button[data-controls=next]:after {
  transform: rotate(45deg);
}
@media (max-width: 1000px) {
  .reference_slider_outer .tns-ovh {
    margin: 0 3rem;
  }
  .reference_slider_outer .tns-controls button[data-controls=prev] {
    left: 0.5rem;
  }
  .reference_slider_outer .tns-controls button[data-controls=next] {
    right: 0.5rem;
  }
}
@media (max-width: 660px) {
  .reference_slider_outer .slide > .inside {
    flex-direction: column;
  }
  .reference_slider_outer .slide > .inside .image {
    margin-right: 0;
  }
  .reference_slider_outer .slide > .inside .quote,
  .reference_slider_outer .slide > .inside .name,
  .reference_slider_outer .slide > .inside .agency {
    text-align: center;
  }
}

.fade-in-effect {
  opacity: 0;
  transform: translateY(30px);
  visibility: hidden;
  transition: opacity 0.3s ease-out, transform 0.4s ease-out;
}
.fade-in-effect.show {
  opacity: 1 !important;
  transform: none;
  visibility: visible;
}

[class^=ce_].wave {
  width: 100vw;
  position: relative;
  left: -4%;
  padding-top: 9vw;
  padding-bottom: 9vw;
  padding-left: 4%;
  padding-right: 4%;
}
@media (min-width: 1200px) {
  [class^=ce_].wave {
    left: calc(-1 * (100vw - 1200px) / 2);
    padding-left: calc((100vw - 1200px) / 2);
    padding-right: calc((100vw - 1200px) / 2);
  }
}

.overlay_membership_button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 20px 108px 20px 20px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  z-index: 50;
}
body.index .overlay_membership_button {
  display: none;
}
@media (max-width: 600px) {
  .overlay_membership_button {
    display: none;
  }
}

.mod_navigation.main {
  text-align: center;
  height: max(500px, 80vh - 150px);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.menu-active .mod_navigation.main {
  max-height: max(500px, 80vh - 150px);
}
.mod_navigation.main ul.level_1 {
  margin: 20px 0;
}
.mod_navigation.main ul.level_1 > li {
  margin: 20px 0;
}
.mod_navigation.main ul.level_1 > li > a, .mod_navigation.main ul.level_1 > li > strong {
  display: block;
  font-weight: 700;
  text-decoration: none;
  color: #2f2f2f;
  font-size: 1.5rem;
}
.mod_navigation.main ul.level_1 > li > a:hover, .mod_navigation.main ul.level_1 > li > .active, .mod_navigation.main ul.level_1 > li > .trail {
  color: #f26f32;
}
.mod_navigation.main ul.level_1 > li.submenu > a:after, .mod_navigation.main ul.level_1 > li.submenu > strong:after {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #2f2f2f;
  margin-left: 0.8rem;
  transition: transform 0.3s ease-in-out;
  transform: rotate(135deg) translate(-0.2rem, 0.2rem);
}
.mod_navigation.main ul.level_1 > li.submenu.trail > a:after, .mod_navigation.main ul.level_1 > li.submenu.trail > strong:after {
  border-color: #f26f32;
}
.mod_navigation.main ul.level_1 > li.submenu.open > a:after, .mod_navigation.main ul.level_1 > li.submenu.open > strong:after {
  transform: rotate(-45deg) translate(0, 0);
}
.mod_navigation.main ul.level_1 > li.submenu ul.level_2 {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.mod_navigation.main ul.level_1 > li.submenu.open ul.level_2 {
  max-height: 200px;
}
.mod_navigation.main ul.level_2 > li > a, .mod_navigation.main ul.level_2 > li > strong {
  text-decoration: none;
  font-weight: 400;
  color: #2f2f2f;
}
.mod_navigation.main ul.level_2 > li > a:hover, .mod_navigation.main ul.level_2 > li > .active, .mod_navigation.main ul.level_2 > li > .trail {
  color: #f26f32;
}

.mod_article:not(.hero, .wave-sand, .wave-blue) {
  margin-top: 4rem;
  margin-bottom: 4rem;
  scroll-margin-top: 4rem;
}

@keyframes benefitFadeIn {
  0% {
    transform: scale(0);
  }
  16% {
    transform: scale(1.32);
  }
  28% {
    transform: scale(0.87);
  }
  45% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.mod_article.hero {
  position: relative;
  margin-top: clamp(55px, 10vw, 95px);
}
.mod_article.hero img {
  width: 100%;
}
.mod_article.hero iframe {
  aspect-ratio: 1920/800;
}
.mod_article.hero iframe + .ce_wrapperStart {
  pointer-events: none;
}
.mod_article.hero .ce_wrapperStart {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 6vw;
  display: flex;
  align-items: center;
}
.mod_article.hero .ce_wrapperStart > .inside {
  color: #ffffff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3137254902);
}
.mod_article.hero .ce_wrapperStart > .inside .headline {
  text-align: left;
}
.mod_article.hero .ce_wrapperStart > .inside h1 {
  margin-bottom: 0;
}
.mod_article.hero .ce_wrapperStart > .inside h1 + p {
  margin-top: 0;
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile {
  text-shadow: none;
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile ul {
  display: flex;
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile ul li {
  display: block;
  width: 7rem;
  height: 7rem;
  margin-right: 0.8rem;
  border-radius: 100%;
  text-align: center;
  line-height: 7rem;
  color: #2f2f2f;
  font-weight: 700;
  animation: benefitFadeIn linear 1s;
  animation-fill-mode: forwards;
  transform: scale(0);
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile ul li:nth-child(4n+1) {
  animation-delay: 0s;
  background-color: #e5de49;
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile ul li:nth-child(4n+2) {
  animation-delay: 0.2s;
  background-color: #f26f32;
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile ul li:nth-child(4n+3) {
  animation-delay: 0.4s;
  background-color: #fdec50;
}
.mod_article.hero .ce_wrapperStart > .inside .vorteile ul li:nth-child(4n+4) {
  animation-delay: 0.6s;
  background-color: #9bd1ee;
}
@media (max-width: 800px) {
  .mod_article.hero .ce_wrapperStart > .inside .vorteile ul li {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    margin-right: 0.6rem;
    font-size: 0.6rem;
  }
}
.mod_article.hero .ce_wrapperStart > .inside .button, .mod_article.hero .ce_wrapperStart > .inside .ce_hyperlink a, .ce_hyperlink .mod_article.hero .ce_wrapperStart > .inside a {
  text-shadow: none;
}
.mod_article.hero:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0;
  height: 5.95vw;
  background-image: url("/files/theme/img/wave.svg");
  background-repeat: no-repeat;
  background-position: -100vw 0;
  background-size: 200vw;
  transform: scaleY(-1);
}

.mod_article.hero + .mod_article {
  margin-top: 1.3333333333rem;
}

.mod_article.hero-news-box > .inside {
  display: grid;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 2.5em;
       column-gap: 2.5em;
}
.mod_article.hero-news-box > .inside > .block {
  grid-column: 1;
}
.mod_article.hero-news-box > .inside .mod_newslist {
  grid-column: 2;
  display: block;
  margin-top: -14rem;
  z-index: 10;
}
.mod_article.hero-news-box > .inside .mod_newslist .news_item {
  opacity: 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 700px) {
  .mod_article.hero-news-box > .inside {
    grid-template-columns: 1fr;
  }
  .mod_article.hero-news-box > .inside > .block {
    grid-row: 2;
  }
  .mod_article.hero-news-box > .inside .mod_newslist {
    grid-column: 1;
    grid-row: 1;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}

.mod_article.wave {
  position: relative;
  padding-top: 9vw;
  padding-bottom: 9vw;
  margin-top: 4rem;
  margin-bottom: 4rem;
  scroll-margin-top: 4rem;
}
.mod_article.wave h2:first-of-type {
  margin-top: 0;
}

.mod_newslist {
  display: grid;
  row-gap: 2.5em;
  -moz-column-gap: 2.5em;
       column-gap: 2.5em;
  margin-left: -1rem;
  margin-right: -1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 800px) {
  .mod_newslist {
    grid-template-columns: 1fr;
  }
}
.mod_newslist .news_item {
  transition: all 0.3s ease-in-out;
  padding: 1rem;
  border-radius: 5px;
}
.mod_newslist .news_item h2 a,
.mod_newslist .news_item h3 a,
.mod_newslist .news_item .ce_accordion:not(.continue-reading) .toggler a,
.ce_accordion:not(.continue-reading) .mod_newslist .news_item .toggler a,
.mod_newslist .news_item .offers .offer .title a,
.offers .offer .mod_newslist .news_item .title a,
.mod_newslist .news_item .glightbox-container .title a,
.glightbox-container .mod_newslist .news_item .title a,
.mod_newslist .news_item .glightbox-container .price a,
.glightbox-container .mod_newslist .news_item .price a,
.mod_newslist .news_item .cartUi .inside .box > .title a,
.cartUi .inside .mod_newslist .news_item .box > .title a {
  color: #2f2f2f;
}
.mod_newslist .news_item img {
  border-radius: 5px;
}
.mod_newslist .news_item:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
}

.mod_article.hero .mod_newsreader .ce_wrapperStart > .inside .textcontent {
  text-shadow: none;
  background-color: rgba(255, 255, 255, 0.6235294118);
  color: #2f2f2f;
  padding: 0 20px;
  display: inline-block;
  margin-bottom: 0;
}
.mod_article.hero .mod_newsreader .ce_wrapperStart > .inside .textcontent .back a {
  color: #2f2f2f;
  font-weight: 400;
}
.mod_article.hero .mod_newsreader .ce_wrapperStart > .inside .textcontent .back a:before {
  filter: brightness(180%);
}

.ce_accordion .toggler {
  cursor: pointer;
}
.ce_accordion .toggler:after {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #f26f32;
  margin-left: 0.8rem;
  transition: transform 0.3s ease-in-out;
  transform: rotate(135deg) translate(-0.15rem, 0.15rem);
}
.ce_accordion .accordion {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.ce_accordion.open .toggler:after {
  transform: rotate(-45deg) translate(-0.15rem, 0.15rem);
}
.ce_accordion.open .accordion {
  opacity: 1;
  max-height: 5000px;
}

.ce_accordion:not(.continue-reading) .toggler {
  font-size: 1rem;
}

.ce_accordion.continue-reading {
  display: grid;
}
.ce_accordion.continue-reading .toggler {
  grid-row: 2;
  text-align: center;
  color: #f26f32;
  font-weight: 700;
  margin-bottom: 1rem;
}
.ce_accordion.continue-reading .toggler:after {
  margin: 0.5rem auto 0 auto;
  display: block;
}
.ce_accordion.continue-reading .accordion {
  grid-row: 1;
}

.ce_form .formbody {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
}
.ce_form .widget {
  margin: 1rem 1rem 0 0;
  position: relative;
  flex: 0 0 calc(100% - 1rem);
}
.ce_form .widget.w50 {
  flex: 0 0 calc(50% - 1rem);
}
@media (max-width: 600px) {
  .ce_form .widget.w50 {
    flex: 0 0 calc(100% - 1rem);
  }
}
.ce_form .widget h2 {
  text-align: center;
}
.ce_form .widget label {
  font-size: 0.8rem;
  display: block;
}
.ce_form .widget input,
.ce_form .widget textarea,
.ce_form .widget select {
  display: block;
  background-color: #fdf5e9;
  border: 0;
  outline: 0;
  border-radius: 5px;
  padding: 9px 16px;
  width: 100%;
  transition: background-color 0.3s ease-in-out;
  color: #2f2f2f;
}
.ce_form .widget input:focus,
.ce_form .widget textarea:focus,
.ce_form .widget select:focus {
  background-color: #f4e7d4;
}
.wave .ce_form .widget input,
.wave .ce_form .widget textarea,
.wave .ce_form .widget select {
  background-color: rgba(255, 255, 255, 0.337254902);
}
.wave .ce_form .widget input:focus,
.wave .ce_form .widget textarea:focus,
.wave .ce_form .widget select:focus {
  background-color: rgba(255, 255, 255, 0.5647058824);
}
.ce_form .widget select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  padding: 12px 16px;
}
.ce_form .widget.widget-select {
  position: relative;
}
.ce_form .widget.widget-select:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  right: 20px;
  bottom: 20px;
  width: 0.6rem;
  height: 0.6rem;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #2f2f2f;
  transform: rotate(135deg);
}
.ce_form .widget.widget-checkbox fieldset {
  border: 0;
  padding: 0;
}
.ce_form .widget.widget-checkbox fieldset legend {
  display: block;
  font-size: 0.8rem;
}
.ce_form .widget.widget-checkbox fieldset span {
  margin: 0 1rem 1rem 0;
  white-space: nowrap;
}
.ce_form .widget.widget-checkbox fieldset span input {
  display: inline-block;
  width: auto;
}
.ce_form .widget.widget-checkbox fieldset span label {
  font-size: 1rem;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.ce_form .widget.widget-submit {
  text-align: center;
}
.ce_form .widget p.error {
  position: absolute;
  left: 1rem;
  bottom: -2rem;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
  z-index: 10;
  color: #f26f32;
  font-size: 0.8rem;
}
.ce_form .widget p.error:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  left: 1rem;
  top: -5px;
  transform: rotate(-45deg);
  z-index: -1;
}

.ce_gallery {
  margin: 1rem 0;
}
.ce_gallery ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0em;
}
.ce_gallery ul li {
  padding: 2.5em;
  flex: 0 1 auto;
}
@media (max-width: 790px) {
  .ce_gallery ul li {
    padding: 1.25em;
  }
}
.ce_gallery ul a {
  display: block;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
.ce_gallery ul a:hover {
  transform: scale(1.05);
}
@media (max-width: 600px) {
  .ce_gallery ul {
    margin: 0;
  }
}

.ce_headline.centered {
  text-align: center;
}

.ce_hyperlink.centered {
  text-align: center;
}

.ce_table table {
  width: 100%;
  border-collapse: collapse;
}
.ce_table tr th,
.ce_table tr td {
  padding: 1rem;
}
.ce_table tr th {
  font-weight: 700;
  text-align: left;
}
.ce_table tbody tr:nth-child(odd) {
  background-color: #fdf5e9;
}
@media (max-width: 800px) {
  .ce_table table thead {
    display: none;
  }
  .ce_table table tr {
    display: block;
  }
  .ce_table table tr th {
    padding: 0.25rem;
  }
  .ce_table table tr th[data-label]:before {
    content: attr(data-label);
    flex: 0 0 calc(50% - 0.5rem);
    margin-right: 1rem;
    display: block;
  }
  .ce_table table tr td {
    padding: 0.25rem;
    display: flex;
    border-top: 1px solid rgba(47, 47, 47, 0.3);
  }
  .ce_table table tr td[data-label]:before {
    content: attr(data-label);
    flex: 0 0 calc(50% - 0.5rem);
    margin-right: 1rem;
    display: block;
  }
  .ce_table table tr td[data-label=""]:before {
    content: "";
    flex: none;
    margin: 0;
  }
}

.ce_text .text_container > :first-child:is(.h2, h3, .offers .offer .title, .glightbox-container .title, .glightbox-container .price, .cartUi .inside .box > .title, .ce_accordion:not(.continue-reading) .toggler, h4, .glightbox-container .subtitle, .cartUi .inside .box .cartItemsUi li .content .title, .mod_newslist .news_item h2,
.mod_newslist .news_item h3,
.mod_newslist .news_item .glightbox-container .title,
.glightbox-container .mod_newslist .news_item .title,
.mod_newslist .news_item .glightbox-container .price,
.glightbox-container .mod_newslist .news_item .price, h5, h6) {
  margin-top: 0;
}
.ce_text .text_container h1 + p {
  font-size: 1.5rem;
}
.ce_text img {
  border-radius: 5px;
}

.ce_text + .ce_text {
  margin-top: 1rem;
}

.ce_text.has-floating-left,
.ce_text.has-floating-right {
  display: flex;
  align-items: center;
}
.ce_text.has-floating-left .image_container.float_left,
.ce_text.has-floating-right .image_container.float_left {
  margin-right: 4rem;
}
.ce_text.has-floating-left .image_container.float_right,
.ce_text.has-floating-right .image_container.float_right {
  margin-left: 4rem;
}
.ce_text.has-floating-left.has-content-icon,
.ce_text.has-floating-right.has-content-icon {
  align-items: flex-start;
}
.ce_text.has-floating-left.has-content-icon .image_container,
.ce_text.has-floating-right.has-content-icon .image_container {
  flex: 0 0 80px;
}
.ce_text.has-floating-left.has-content-3 .image_container,
.ce_text.has-floating-right.has-content-3 .image_container {
  flex: 0 0 calc(25% - 2rem);
}
.ce_text.has-floating-left.has-content-4 .image_container,
.ce_text.has-floating-right.has-content-4 .image_container {
  flex: 0 0 calc(33.333% - 2rem);
}
.ce_text.has-floating-left.has-content-6 .image_container,
.ce_text.has-floating-right.has-content-6 .image_container {
  flex: 0 0 calc(50% - 2rem);
}
@media (max-width: 800px) {
  .ce_text.has-floating-left,
  .ce_text.has-floating-right {
    flex-direction: column;
    align-items: flex-start;
  }
  .ce_text.has-floating-left .image_container,
  .ce_text.has-floating-left .image_container.float_left,
  .ce_text.has-floating-left .image_container.float_right,
  .ce_text.has-floating-right .image_container,
  .ce_text.has-floating-right .image_container.float_left,
  .ce_text.has-floating-right .image_container.float_right {
    order: 1;
    margin: 2rem auto;
  }
  .ce_text.has-floating-left .text_container,
  .ce_text.has-floating-right .text_container {
    order: 2;
  }
  .ce_text.has-floating-left.has-content-icon,
  .ce_text.has-floating-right.has-content-icon {
    text-align: center;
  }
  .ce_text.has-floating-left.has-content-icon .image_container,
  .ce_text.has-floating-right.has-content-icon .image_container {
    width: 80px;
    margin: 0 auto 1rem auto !important;
  }
}

.ce_text.has-floating-above .image_container,
.ce_text.has-floating-below .image_container {
  margin-bottom: 1rem;
}
.ce_text.has-floating-above .content-icon,
.ce_text.has-floating-below .content-icon {
  width: 80px;
}
.ce_text.has-floating-above .content-3,
.ce_text.has-floating-below .content-3 {
  width: 300px;
}
.ce_text.has-floating-above .content-4,
.ce_text.has-floating-below .content-4 {
  width: 400px;
}
.ce_text.has-floating-above .content-6,
.ce_text.has-floating-below .content-6 {
  width: 600px;
}
.ce_text.has-floating-above .content-12,
.ce_text.has-floating-below .content-12 {
  width: 1200px;
}

.ce_text.centered {
  text-align: center;
}
.ce_text.centered .image_container.float_above img,
.ce_text.centered .image_container.float_below img {
  margin: 0 auto;
}

.ce_wrapperStart.columns > .inside {
  display: grid;
  row-gap: 2.5em;
  -moz-column-gap: 2.5em;
       column-gap: 2.5em;
}
.ce_wrapperStart.columns > .inside .ce_text {
  margin-top: 0;
}
.ce_wrapperStart.columns > .inside .ce_text.has-floating-left .image_container.float_left, .ce_wrapperStart.columns > .inside .ce_text.has-floating-right .image_container.float_left {
  margin-right: 1.5rem;
}
.ce_wrapperStart.columns > .inside .ce_text.has-floating-left .image_container.float_right, .ce_wrapperStart.columns > .inside .ce_text.has-floating-right .image_container.float_right {
  margin-left: 1.5rem;
}
.ce_wrapperStart.columns.columns-2 > .inside {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 800px) {
  .ce_wrapperStart.columns.columns-2 > .inside {
    grid-template-columns: 1fr;
  }
}
.ce_wrapperStart.columns.columns-3 > .inside {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 800px) {
  .ce_wrapperStart.columns.columns-3 > .inside {
    grid-template-columns: 1fr;
  }
}
.ce_wrapperStart.columns.columns-4 > .inside {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 800px) {
  .ce_wrapperStart.columns.columns-4 > .inside {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .ce_wrapperStart.columns.columns-4 > .inside {
    grid-template-columns: 1fr;
  }
}
.ce_wrapperStart.columns.mouseover-boxes {
  margin-left: -1rem;
  margin-right: -1rem;
}
.ce_wrapperStart.columns.mouseover-boxes .ce_text {
  transition: all 0.3s ease-in-out;
  padding: 1rem;
  border-radius: 5px;
}
.ce_wrapperStart.columns.mouseover-boxes .ce_text:hover {
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1607843137);
}

.mod_article.hero .ce_wrapperStart.white-box > .inside {
  text-shadow: none;
}
.mod_article.hero .ce_wrapperStart.white-box > .inside .ce_text {
  background-color: rgba(255, 255, 255, 0.337254902);
  color: #2f2f2f;
  padding: 0 20px;
  display: inline-block;
  margin-bottom: 0;
}

.checklist ul li {
  padding-left: 3rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.checklist ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  background: url("/files/theme/img/check.svg") no-repeat center center;
  background-size: contain;
}
