/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 0; }

/**
 * 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: sans-serif;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * 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: sans-serif;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * 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: 60% !important;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.9em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 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; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * 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; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 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 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*# sourceMappingURL=../maps/core/normalize.css.map */
@charset "UTF-8";

:root {
  --primary-color: #E37200;
  --primary-color-light: #E57200;
  --primary-color-dark: #E64510;
  --secondary-color: #242F60;
  --secondary-color-dark: #1c254c;
  --orange-red-color: rgba(230, 99, 6, 1);
  --light-grey-color: #FAFAFA;
  --dark-grey-color: #F5F5F5;
  --color-white: #ffffff;
}

:lang(en-in) {
  --primary-color: #e86215;
  --primary-color-light: #6ea958;
  --primary-color-dark: #4b6e4b;
  --secondary-color: #3D9525;
  --secondary-color-dark: #4b6e4b;
}

html,
body {
  color: #323131;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: normal;
  font-style: normal;
  height: 100%;
  letter-spacing: 0.6px;
  line-height: 28px;
}

@media (min-width: 992px) {
  .body-increased {
    font-size: 1.375rem;
    line-height: 23px;
  }
}

.h1-styles {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  line-height: 38px;
  letter-spacing: 0;
  color: var(--primary-color);
}

@media (min-width: 768px) {
  .h1-styles {
    font-size: 3.5rem;
    line-height: 64px;
  }
}

@media (max-width: 991px) {
  .h1-styles-mb {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 3.5rem;
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--primary-color);
  }
}

@media (max-width: 767px) {
  .h1-styles-mb {
    font-size: 2rem;
  }
}

.h2-styles {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.625rem;
  line-height: 32px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .h2-styles {
    font-size: 2.8125rem;
    line-height: 50px;
  }
}

@media (min-width: 992px) {
  .h2-styles-dt {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    color: #323131;
    font-size: 2.8125rem;
    line-height: 1.25;
  }
}

.h3-styles {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 28px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .h3-styles {
    font-size: 2rem;
    line-height: 42px;
  }
}

.h4-styles {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 24px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .h4-styles {
    font-size: 1.375rem;
    line-height: 32px;
  }
}

.h5-styles {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 20px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .h5-styles {
    font-size: 1.125rem;
    line-height: 26px;
  }
}

.introduction-text {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  max-width: 60%;
  line-height: 29px;
  letter-spacing: 0;
  text-align: right;
  color: #323131;
}

@media (min-width: 768px) {
  .introduction-text {
    font-size: 1.375rem;
    line-height: 36px;
  }
}

.introduction-text-semibold {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 29px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .introduction-text-semibold {
    font-size: 1.375rem;
    line-height: 36px;
  }
}

.introduction-text-banners {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 24px;
  letter-spacing: 0;
  color: #323131;
}

.subheading {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 18px;
  color: var(--secondary-color);
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .introduction-text-banners {
    font-size: 1.25rem;
    line-height: 30px;
  }
}

.introduction-text-banners-semibold {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 24px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .introduction-text-banners-semibold {
    font-size: 1.25rem;
    line-height: 30px;
  }
}

.body-copy {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 28px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .body-copy {
    font-size: 1.125rem;
    line-height: 34px;
  }
}

.body-copy-semibold {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 28px;
  letter-spacing: 0;
  color: #323131;
}

@media (min-width: 768px) {
  .body-copy-semibold {
    font-size: 1.125rem;
    line-height: 34px;
  }
}

.prominent-text {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-left: 30px;
  font-size: 1.375rem;
  line-height: 30px;
  letter-spacing: 0;
  color: var(--secondary-color);
}

@media (min-width: 768px) {
  .prominent-text {
    font-size: 2rem;
    line-height: 42px;
    padding-left: 55px;
  }

  .prominent-text::before {
    width: 3rem;
    top: 1.1rem;
    left: -0.2rem !important;
  }
}

.quote {
  display: block;
  padding-left: 35px;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 30px;
  letter-spacing: 0;
  color: var(--secondary-color);
}

.quote::before {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 0;
  left: -14px;
  width: 2rem;
  background-size: 100%;
  background-image: url("../../assets/img/Symbols_Quote.svg");
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .quote {
    font-size: 2rem;
    line-height: 42px;
    padding-left: 4rem;
  }

  .quote::before {
    width: 3rem;
    top: 1.1rem;
    left: -0.2rem !important;
  }
}

.banner-tagline {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 14px;
  letter-spacing: 0;
  color: var(--secondary-color);
}

@media (min-width: 768px) {
  .banner-tagline {
    font-size: 1rem;
    line-height: 18px;
  }
}

.color-accessible-orange {
  color: var(--primary-color);
}

.color-wordmark-blue {
  color: var(--secondary-color) !important;
}

.color-wordmark-dark-blue {
  color: var(--secondary-color-dark);
}

.color-dark-grey {
  color: #323131;
}

.color-light-grey {
  color: #F5F5F5;
}

.color-white {
  color: #FFFFFF;
}

.color-orange-gradient {
  color: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
}

.color-green {
  color: #006B1E;
}

.background-wordmark-blue {
  background-color: var(--secondary-color);
}

.background-wordmark-dark-blue {
  background-color: var(--secondary-color-dark);
}

.bg-color-half-blue,
.bg-color-half-orange-white {
  max-width: calc(1140px + (100vw - 1140px) / 2);
  padding-right: 16px;
}

.bg-color-half-orange-white>.component-content {
  border-bottom-right-radius: 60px;
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
  padding-left: calc((100vw - 1140px) / 2) !important;
}

.bg-color-half-blue>.component-content {
  border-bottom-right-radius: 60px;
  background: #0064AC;
  padding-left: calc((100vw - 1140px) / 2) !important;
}

.bg-color-half-blue ul li,
.bg-color-half-orange-white ul li {
  position: relative;
  list-style-type: none !important;
}

.bg-color-half-blue ul li::after,
.bg-color-half-orange-white ul li::after {
  position: absolute;
  background-color: white;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  left: -15px;
  top: 13px;
  bottom: 2px;
}

@media (min-width: 992px) {
  .bg-color-half-blue,
  .bg-color-half-orange-white {
    padding-right: 0;
  }
}

.bg-color-half-blue-white {
  padding-left: calc((100vw - 1140px) / 2) !important;
  background: linear-gradient(90deg, var(--secondary-color) 0%, var(--secondary-color) 50%, white 50%);
}

.bg-color-orange-gradient {
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
}

.bg-color-blue {
  background: var(--secondary-color);
}

.bg-color-light-grey {
  background: #F5F5F5;
}

.weight-semibold {
  font-weight: 600;
}

.weight-bold {
  font-weight: 700;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Extralight.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Extralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-ExtralightItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-ExtralightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Light.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-LightItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Medium.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-MediumItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Regular.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-RegularItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Semibold.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-SemiboldItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Bold.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-BoldItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

























/* Icons from directory "" */
.icon {
  display: inline-block;
}

.icon-facebook::after {
  content: "\f09a";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
}

.icon-twitter::after {
  content: "\f099";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
}

.icon-youtube::after {
  content: "\f16a";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
}

.icon-instagram::after {
  content: "\f16d";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
}

.icon-video-play {
  width: 100px;
  height: 100px;
  background: url("../../img/voltaren-sprites.png");
  background-repeat: no-repeat;
  background-size: 120px;
  cursor: pointer;
}

.icon-video-play:hover,
.icon-video-play:focus {
  background-position-y: 98.5%;
}

:root {
  --primary-color: #E37200;
  --primary-color-light: #E57200;
  --primary-color-dark: #E64510;
  --secondary-color: #242F60;
  --secondary-color-dark: #1c254c;
  --orange-red-color: rgba(230, 99, 6, 1);
}

:lang(en-in) {
  --primary-color: #e86215;
  --primary-color-light: #6ea958;
  --primary-color-dark: #4b6e4b;
  --secondary-color: #3D9525;
  --secondary-color-dark: #4b6e4b;
}

.carousel ul {
  padding-inline-start: 0;
  -webkit-padding-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.carousel-nav {
  display: none;
}

.slick-prev,
.slick-next {
  display: none !important;
}

.slick-prev,
.slick-next {
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: 1px solid var(--primary-color);
  outline: none;
}

@media (min-width: 992px) {

  .slick-prev,
  .slick-next {
    display: inline-block !important;
  }
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  background-color: var(--primary-color);
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  color: #FFFFFF;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.5;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.5;
}

.slick-prev:before,
.slick-next:before {
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

.slick-prev {
  z-index: 1;
  border-bottom-left-radius: 30px;
  padding: 14px 21px;
}

.slick-prev:before {
  content: '\f104';
  color: var(--primary-color);
  font-size: 1.5rem;
}

.slick-next {
  z-index: 1;
  padding: 14px 21px;
  border-bottom-right-radius: 30px;
}

.slick-next:before {
  content: '\f105';
  color: var(--primary-color);
  font-size: 1.5rem;
}

[dir="rtl"] .slick-next:before {
  content: '\f105';
}

/* Dots */
.slick-dots {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  width: auto;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  padding-left: 8px;
  padding-right: 8px;
}

.slick-dots li:first-of-type {
  padding-left: 0;
}

@media (min-width: 992px) {
  .slick-dots li li:first-of-type {
    padding-left: 16px;
  }
}

.slick-dots li button {
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background: transparent;
  height: 8px;
  width: 8px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  background-color: rgba(227,114,0,0.8);
  opacity: 1;
  outline: 1px solid #242f60;
}

a:focus,
a:focus > img,
a:focus > span,
a > img:focus,
a > span:focus,
button[type="button"]:focus,
button:focus,
.button-learn-more:focus,
.link-hoverable:focus,
.slick-dots li.slick-active button:focus,
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: 1px solid var(--secondary-color) !important;
  opacity: 1;
}

.slick-dots li.slick-active button {
  background-color: var(--primary-color);
  opacity: 100%;
  height: 15px;
  width: 15px;
  opacity: 1;
  outline: none;
}

.slick-dots li.slick-active button:hover,
.slick-dots li.slick-active button:focus {
  outline: none;
}

.carousel-full-width {
  /* Arrows */
  /* Dots */
}

.carousel-full-width .slick-prev,
.carousel-full-width .slick-next {
  position: absolute;
  bottom: 25px;
}

@media (min-width: 992px) {

  .carousel-full-width .slick-prev,
  .carousel-full-width .slick-next {
    display: block !important;
  }
}

.carousel-full-width .slick-prev {
  left: 18.5vw;
}

.carousel-full-width .slick-next {
  left: calc(18.5vw + 69px);
}

.carousel-full-width .slick-dots {
  padding-left: 15px;
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .carousel-full-width .slick-dots {
    text-align: left !important;
    left: 0 !important;
  }
}

@media (min-width: 992px) {
  .carousel-full-width .slick-dots {
    position: absolute;
    bottom: 0px;
    left: calc(18.5vw + 125px);
  }
}

.carousel-half-width {
  /* Dots */
}

.carousel-half-width .slick-prev {
  position: absolute;
  bottom: 0;
}

.carousel-half-width .slick-next {
  margin-left: 68px;
}

.carousel-half-width .slick-arrow {
  margin-top: 30px;
}

.carousel-half-width .slick-dots {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 24px;
}

@media (min-width: 992px) {
  .carousel-half-width .slick-dots {
    padding: 0;
    padding-left: 16px;
    display: inline-block;
    transform: translateY(-24%);
  }
}

.button-toggle-autoplay {
  position: absolute;
  margin: auto;
  right: 15px;
  bottom: 15px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTcxM0ZBREQyRERDMTFFRDlGQUVGNjI4MENGNjc0ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTcxM0ZBREUyRERDMTFFRDlGQUVGNjI4MENGNjc0ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzEzRkFEQjJEREMxMUVEOUZBRUY2MjgwQ0Y2NzQ4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzEzRkFEQzJEREMxMUVEOUZBRUY2MjgwQ0Y2NzQ4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhjHsZEAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAC91BMVEVHcEzvdxzvdh3qXxLqXBPqVxLsZhXpUhPsaBTrYxLoTxLrZBHoUBHudxvudRvrYBTrXhXrYhPudRvvdhzsbRXrXhPqWRXtbhjoTxHqWBPveRzpVRPsYxXucxroTRLsaBbrYRXtcBjnSxHoURLudhzvdx3oURLucRrtbxjraxPsahTqXRLpVBLoURPucBrudBvpVBLrXhbqWxLqWhXtbhrtchnrZxXvfR3oTxLudxvueR3qXxToUBLpVBLpVRLuchnqVxLqWxTudRzrYhTucxruchrucxrtcxnqWRPrYxTrZxboUhHrYxfsZhftcRrtbBrtbhvtbBroThLraBjoUBLuehzuehrnTBHoUBLucxrucxvqWBPpVBPtcBnpVxTqYBXqXRbsaxnrZhXpXBTsaRjsahfvfh3tcBvqWRLueB3////saxroUhPudh3pWRXtbhvuchzpVBTtcBvqXBbrZBjqXxfpVhTsaRnoTxPrYRfqWxbsZhnudBztbRrveh7nTRLueB3qXhbpVRTrZRjtbxvpWhXpVxTrYxjnTBLoUxPoThLvex7sZRnsbBrudx3rYBfoTRLsahrpUxTucRznSxLueR3ucxzudRzoSADwfB/saxvmPgDwilTqWBfrYhfohxHqXRfoTADwh1TnSRLsahnsbBvsbh3nQQDwjVXmRxHwfx/vfR7sZxvpTQDvhVPoSwLnRgDwfSDqXRbqUwDnQwDmShHqVwHsZRLrZBnwex/tbRvnRQDpUQD628jqWxfylV/tcBzlNwDueR7mRRDwgB/0qH3qWwzrYhz98Oj2t5Pudx7zm2nsZxXpTwDve0LqWgLuejf+9/LtaR3uch34yK//+vfrXgj6077qYRn1r4j85NjtcSj5zrX3wqPpUwz3u53rYBDrYg7whkrsaxnrYQ3tbyvxkVbrYRHxlWroTwn86d7uglHnUBPwfyHxj17oRQDtdS373s7scDX86uHtdS7pVg/vil3vhkbrYxHveh/rXQ3sYhTpVRU6vstAAAAAanRSTlMAuPIHImAE8xIauw/Pn74thzfK1TQW1mKhd8/LJZX6HdYp8bHn7PCMaj8KbY7adt2c6XH4y1eP+amR3cvmwE1KQVTvR37EXlJonciU9nSw9vjTxu3r4qrs4TqDgJGdgsGj6Jfi9ODx/Vf2ki3G+QAACI5JREFUaN61m3dYU1cUwB8iDtwgKjLFUbc46ta6dx1V6+6ejxjAsNEERCUSrCQGyFA+EAKNQBERpYqsal0o7lm1bq3du7Z/9L6EJC/Je+/eN3I+/ub3nfO77977zjvBMJYxsOvsGQFuM4f16duixbQ+473cOqyetaoN5soImh0wc1rE5ayIjdlZG9eb4gz4S8r8tGeHWb1cw+w1w+vjDRsiLkcQsRHEemt8lpnUkJnpPW6V0Ez/oaO21G0gIiKCipsEouFLxfhxXYRjth06Kjx8S/gWE3bDLlpuklSrVXiP6yQMNGDRkSPhRFi4Wc7cbFBngiuVKrTShV15Q9utXqQL37QpnMyNYMjXBFZ04Lm+Xl+qVIbt2OTIzaJeV81cqVRbHDCQO7T7EoMujAhH7i7mfEHG5ctntOL4xHRUmqFhSiRuNpkr1ZaPf41TqrElsWGWcK4zLF+guPwV9tTRsUQwcJv9ZtP5VSgUxW4sd80B80piCyBcqF/A7TuL1QJOL0lPjLXLl4tfwN3XAZ06KL0kMdGRi5pvph1XoUXmdk6pSkxkw2Xyq9jnhkZ9ryoqKoUdl8mvdJ9XWwTqBEAFQcllv29ICe5H7aDUuWYqNVeJlG+2o999PaFeU1PM1FRB69wRsoaT46OauYL6Pf4mE3VETnx8vCVfIf0qyhm4naIBNX4nM9d534jIQvB7vDstNjg33o4rpF/tGB+63T85Otqei+wXdu4TZaZZzh7JAGvmusQv9fYcJCGojvmmIvrdheD3+KtUu9MBMxaJy8mvdozz8Tt1a3KyhZvjIr/Hna8b79dIrNyd1H4L+PotHuN4KAyqkUhsXI5+oef+Dw6bpPvIXAk9N0owv8X2LwxvmahkLrXfAp73Oq3dw9tmZEKCI9feLyoXlq+WfHmeuyfBmZvj4PfSy6YS3n61y0nvV2JxQgJ1viS/Ty/c1vx7ie+9TjvdivXdhsItO3uxtqw0RVfA615XbrvRdROL6blWv2W7cfzO49IKg5KPX0UL64vzNjEdl+w373McxJ1LmsM6PvuG1rIz+4rFYqZ8m7lmLH71rKZCp2S+1zGdC8UdyTWGc5uxOH7lseYaAeZWZ4XUfCC0jNkK45rudVYsjp94mndfx5VbbL7erIncBueCfElY/NTZinOxSm5+teYq+0VuhnNBnclYHD92vuyajtO9rkFKvCS02RwTg8S1x+L46UN5jUoudf5nNsBOBlgkbpkDFr/1oLS0sZD9ud9AnPZrCSwKV+OIxfFvnuQ1FRrY+s0kjiE/VQwaV7Mbd47TTzWHC9nd60CZ22DurVWRaFxKLH6qtvpQoY6d38wBWCdVZORmFG4ONRbHr98+2mQwsDn3G/pjnwAsGpcOi189cTvvfiGLfJMCsDUEFqnOtFgC3FRtShjt3F/vhoVGmgPO3U+PBbvHz2XXClHzPeOF9RaZqCp4nRmxOH7zUZ5pTaOc+96Y3/dmLtwvBIt/V9tU/dCAku+ZYdgQkUiEVmcYFlT6L7B76BD2jT7YRBEqF47F8XuFpY0GeD+nL7ZMZOVC1jMKFr/4JK8izADjTsP6iWxcZr9HUbBgn64taIT5bWHBItT56F4kLH7n78Owc8GGhXPRsj12oYJ4jpjvddPMSwqJexAFe/PQuTADdJ/siw3Z7sCl9VsEL/KV3zWPCuH3jaw+mF/cdsR8D8Kw1y9UV4Sh3Ouyh2GeGSJELgR76mx1aaMOrZ/jjfWIi0PkMmNP5/z0bQnq+74X1jmDgkvplwl760HRoUvI/ZysmZgHwKLlS7+kfql9qTG1NxD7OZfXYV3S4uLSnLhU+yQt9sS5oq9L2PRzLg/F2gUCLlK+NNjrF44CKLt+DmhgDCGq7Mx1Pvcpsad+1ID6su3nBGFYqJygpsHXFQX24umT+pdVrPs5w4h+rjlbuF/9F06n60l9RTr7fl3dOuL1NsMkF+7XEfvbeX3eDS79ujrTC+5KdRwN196vA/bmH0XJN6I59duDCOz8yuZ0IX7tsFd+1Z+7wdivo+XWeZteq7uqZRlxCHUmYY+d1x88EE3Tn4T1+euGmlsmEyst3DQmrhV78ZlGvzWXZT+WdO63NGMHV8ro87WtZwv2yp76u9FM/Trm7zhblli+OqllMhncb5EJe+tP/f7cGvp+Dtxvf0sbbiXBhfrVvwA3/xfP6+/WQPuETH4XWwdB5oMqy6B+65/h9+7WP68RI/Vj6faNI6NsY0lyuQyeb9n5vfWaXKQ+Ib3f8CP9bQ3lSaZ0IX73lOm31aD1Cen9GhaT51jUMjIX+Z7D3q+yP/ljwdhmLq1fFTKX8VzQvWs/i5Uvt+PyyZeJq3T4zBdqlMG4aP0cRr+6Dx3HF0PyZTKEdUXmboX7tT/3dTucxtV8v5LLXe1XudDp02KrFflyF/i1W88PKUbkphjVcphfFQ+/oM6UY1uDjZZ0WfgVo/tVzqP+OD/JKBPIbw6V3w/caYZxQyrlrvObOIBu7mIq0Av3y4FL1Hk0/ZhJD6PcNX6jSoKZxh57gKdXoDrbr+dg5mFLT6MTN42/39SlsMnD9qQ6C7Wuqhb4Q0d0QwT2G5VSlYowLN3WzygX8jmKz1kwAGn0z5N4jgTzu3O4P+Kg41i1WjC/OcE+yGOdY0n7Bk+/wWzGlOcE2vZJHve63OTO7qxGdlu+ka/mfS7kDp/OekA5tDKfp9/ct7n8qMMjxJjP/V6XIEnuzG343GdwoFHObV0dqJG8w/0HFf698znd2yWSCfx+xTHFU61m67dG0s2D9+8oJreXm+526Pe64SME+dXI5N7L1JVyRL8jJ80ZiAkU7h69ZZWV8L6Z2G+EDyZoBHl4Bsoz0tJoz4X/Yvx8O2EuiLZTB7cPTAORESeyRaRKpYpUdQv18MdcFz5TBq31bL+itTX6DZkU6ju5Jct/8z+AvOoQpwKyVwAAAABJRU5ErkJggg==");
  cursor: pointer;
}

.button-toggle-autoplay.is-play {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTgiIGhlaWdodD0iMTE4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDExOCAxMTgiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50LTIpOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIyNi4yNDE3OCIgeTE9IjgwLjMxNzM0IiB4Mj0iNzAuOTkwNzciIHkyPSIzNy4yMzA5MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9Ii4xMzIiIHN0b3AtY29sb3I9IiNmMDU1MjUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjY5MjIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMiIgeDE9IjQ3LjEzMDY3IiB5MT0iODAuNjEzNjQiIHgyPSI5MS44Nzk2NSIgeTI9IjM3LjUyNzIiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQiLz4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xIiBkYXRhLW5hbWU9IkVsbGlwc2UgMSIgY2xhc3M9ImNscy0yIiBjeD0iNTkiIGN5PSI1OSIgcj0iNTkiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01My41MjMwNSw4My45MDM2aC0xMC4wODI1Yy0yLjc0OTc3LTI1LDAtNTAsMC01MGgxMC4wODI1czIuNjQ3OTMsMjUsMCw1MFoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NC40MTE5NCw4NC4xOTk5aC0xMC4wODI1Yy0yLjc0OTc3LTI1LDAtNTAsMC01MGgxMC4wODI1czIuNjQ3OTMsMjUsMCw1MFoiLz4KPC9zdmc+");
}

@media (min-width: 1600px) {
  .button-toggle-autoplay {
    right: 16px;
  }
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide[aria-hidden="true"] {
  pointer-events: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .slick-slide img {
    width: 100%;
    height: 100%;
  }
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container-fluid,
.paragraphSystem,
.row,
[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

* {
  outline: 0;
}

a {
  text-decoration: none;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  display: none !important;
}

html,
body {
  width: 100%;
}

html .uwy, html body .uwy {
  font-family: sans-serif !important;
}
html .uwy :where(div,span,button,img,svg){
  font-family: sans-serif !important;
}
html .uw-sl {
  font-family: sans-serif !important;
}
html .uw-sl :where(div,span,button,img,svg) {
  font-family: sans-serif !important;
}
html .uw-sl button, html .uwy button, html body .uwy button {
  font-family: sans-serif !important;
}
html .uw-sl__item__title {
  font-family: sans-serif !important;
}

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

input[type="search"] {
  box-sizing: content-box;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

ul,
ol {
  padding-inline-start: 15px;
  -webkit-padding-start: 15px;
  color: var(--primary-color);
}

source {
  font-family: 'DiodrumVoltaren', sans-serif;
}

.richText ul:not(.list--tabs) {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 17px !important;
}

.richText ul:not(.list--tabs).indented {
  margin-left: 25px !important;
}

.richText ol {
  counter-reset: item;
  margin: 0 !important;
  padding: 0 !important;
}

.richText ol li {
  display: block;
}

.richText ol li::before {
  content: counter(item) ". ";
  counter-increment: item;
  color: black;
  font-weight: 400;
  font-size: 0.9375rem;
}

.list-marking-white ol li {
  display: block;
}

.list-marking-white ol li::before {
  content: counter(item) ". ";
  font-weight: 700;
  counter-increment: item;
  color: #fff;
  font-size: 0.9375rem;
}

ol.alpha-numeric {
  list-style-type: lower-alpha;
}

ol.alpha-numeric li::before {
  content: counter(item, lower-alpha) ". ";
}

.richText ul:not(.list--tabs) li {
  list-style-type: disc;
  padding-left: 0 !important;
  word-break: break-word;
}

.richText ul:not(.list--tabs) li::before {
  display: none !important;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.richText a.no-decoration {
  text-decoration: none;
}

.richText a.no-decoration:hover span.color-accessible-orange {
  color: var(--secondary-color);
}

a:-webkit-any-link {
  cursor: pointer;
  text-decoration: none;
}

.keyline-center::after {
  margin: 0 auto;
}

.keyline::after,
.keyline-center::after {
  content: '';
  width: calc(1140px / 12);
  height: 2px;
  background-color: var(--primary-color);
  display: block;
  margin-top: 16px;
}

.page-home,
.page-health-wellness-pain,
.page-treatment-by-pain-type {
  .keyline::after,
  .keyline-center::after {
    background-color: var(--secondary-color);
  }
  .h1-styles {
    color: var(--secondary-color);
  }
  .reference-custom-article-teaser .article-title::after,
  .reference-custom-article-teaser-small .article-small-title::after {
    border-color: var(--secondary-color);
  }
  .table-comparison table tr td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .table-comparison {
    padding-bottom: 30px !important;
  }
}

/* VTN-420 | 25-06-2025 | start */

/*.page-about-voltaren,
.page-products {
  .anchor-links,
  .product-buynow-button .buy-now-btn,
  .button-learn-more {
    background-color: var(--primary-color);
  }
  .anchor-links {
    .anchor-links-content .anchor-link a:hover,
    .anchor-links-content .anchor-link a:hover,
    .anchor-links-content .anchor-link a:focus {
      color: #FFF;
      text-decoration: underline 2px !important;
      border: none;
    }
  }
}*/

/* VTN-420 | 25-06-2025 | end */

@media (min-width: 992px) {

  .keyline::after,
  .keyline-center::after {
    margin-top: 20px;
  }
}

.keyline--white {
  position: relative;
}

.keyline--white::after {
  content: '';
  background: #fff;
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 2px;
  width: 68px;
}

.promotional-banner-content {
  position: absolute;
  bottom: 16px;
  right: 0;
  left: 0;
}

@media (min-width: 768px) {
  .promotional-banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    width: 50%;
  }
}

.promotional-banner-content figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.promotional-banner-content img {
  bottom: 16px;
  max-width: 288px;
}

@media (min-width: 992px) {
  .promotional-banner-content img {
    padding-bottom: 60px;
  }
}

.container-quote .image-quote {
  margin-top: 21px;
}

.container-quote .image-quote img {
  width: 28px;
  height: 21px;
}

@media (min-width: 768px) {
  .container-quote .image-quote img {
    width: 40px;
    height: 30px;
  }
}

.container-quote .text-quote {
  padding-left: 16px;
}

.image-rounded-bottom-right img {
  border-bottom-right-radius: 40px;
}

@media (min-width: 992px) {
  .image-rounded-bottom-right img {
    border-bottom-right-radius: 60px;
  }
}

.no-mobile-img img {
  display: none;
}

@media (min-width: 992px) {
  .no-mobile-img img {
    display: block;
  }
}

.related-article figure {
  text-align: left;
}

.hide-on-mobile {
  display: none;
}

@media (min-width: 992px) {
  .hide-on-mobile {
    display: block;
  }
}

.hide-on-dt {
  display: block;
}

@media (min-width: 992px) {
  .hide-on-dt {
    display: none;
  }
}

body.page-testing-page-braces .carousel-homepage {
  border-bottom: none;
}

body.page-testing-page-braces .carousel-homepage .slick-slide img {
  min-width: initial;
}

@media only screen and (max-width: 767px) {
  body.page-testing-page-braces .carousel-homepage .slick-slide img {
    transform: scale(2.5);
  }
}

body.page-testing-page-braces .main-banner .component-content.left {
  min-width: initial;
}

@media screen and (max-width: 767px) {
  .move-to-center-mb img {
    transform: translateX(75%) scale(2.5) !important;
  }
}

@media screen and (max-width: 767px) {
  .place-outside-container-mb {
    margin-left: -16px;
    margin-right: -16px;
    width: 150%;
  }
}

.hero-banner-simple {
  overflow: hidden;
}

.hero-banner-simple figcaption {
  text-align: left;
  padding: 0 16px;
}

@media (min-width: 992px) {
  .hero-banner-simple figcaption {
    padding: 0;
    left: 0;
    margin: 0 auto;
    width: 100vw;
    max-width: 1140px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .hero-banner-simple figcaption h1 {
    width: 47%;
  }
}

@media (min-width: 992px) {
  .hero-banner-align-left figcaption {
    top: 33%;
    max-width: 700px;
    left: -200px;
  }
}

@media (min-width: 1200px) {
  .hero-banner-align-left figcaption {
    left: -440px;
  }
}

.hero-banner-short img {
  min-height: unset !important;
}

@media (max-width: 767px) {
  .image-reset-position-mb img {
    min-width: auto !important;
    transform: unset !important;
  }
}

.image-rounded-container {
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-bottom-right-radius: 40px;
  padding: 20px;
}

@media (min-width: 992px) {
  .image-rounded-container {
    border-bottom-right-radius: 60px;
    border-color: rgba(0, 0, 0, 0.1);
  }
}

.arrow-after {
  position: relative;
  display: block;
  width: 95%;
  padding-right: 5px;
}

.arrow-after::after {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  color: var(--primary-color);
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: -5%;
}

.arrow-up {
  position: relative;
  display: block;
  cursor: pointer;
}

.arrow-up::after {
  content: "\f077";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  color: var(--primary-color);
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  padding-left: 10px;
}

.arrow-down {
  position: relative;
  display: block;
  cursor: pointer;
}

.arrow-down::after {
  content: "\f078";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  color: var(--primary-color);
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  padding-left: 10px;
}

.main-nav .navigation-level1.page-sitemap,
.main-nav .navigation-level1.page-contact-us,
.main-nav .navigation-level1.page-search-results,
.main-nav .navigation-level1.page-where-to-buy,
.main-nav .navigation-level1.page-zugaenglichkeitserklaerung {
  display: none !important;
}

.container-full-width.bg-color-half-blue,
.container-full-width.bg-color-half-orange-white,
.container-full-width.bg-color-half-blue-white {
  padding-right: 15px;
}

.container-full-width.bg-color-half-blue .component-content,
.container-full-width.bg-color-half-orange-white .component-content,
.container-full-width.bg-color-half-blue-white .component-content {
  width: 100%;
}

@media (min-width: 992px) {
  .container-full-width.bg-color-half-blue,
  .container-full-width.bg-color-half-orange-white,
  .container-full-width.bg-color-half-blue-white {
    margin-bottom: 50px;
  }
}

.two-row-list ul {
  display: flex;
  flex-wrap: wrap;
}

.two-row-list ul li {
  width: 100%;
}

@media (min-width: 992px) {
  .two-row-list ul li {
    width: 50%;
  }
}

.image-under-box {
  transform: translateY(-40px);
  margin-bottom: -40px;
}

@media (min-width: 992px) {
  .image-under-box {
    transform: translateY(50px);
  }
}

.hidden-bullets ul {
  padding-inline-start: 0 !important;
  -webkit-padding-start: 0 !important;
}

.hidden-bullets ul li {
  list-style-type: none !important;
}

.banner-with-image .content {
  display: flex;
  justify-content: center;
}

.banner-with-image .promotional-banner {
  max-height: 530px;
  max-width: 288px;
}

@media (min-width: 768px) {
  .banner-with-image .promotional-banner {
    width: 100%;
    max-width: 100%;
    max-height: none;
  }
}

@media (min-width: 992px) {
  .banner-with-image {
    position: relative;
    width: auto;
  }
}

@media (min-width: 992px) {
  .banner-center {
    display: flex;
    justify-content: center;
  }
}

#content {
  margin-top: 53px;
}

@media (min-width: 992px) {
  #content {
    margin-top: 128px;
  }
}

::marker {
  display: none;
  color: transparent;
}

.table-inline-elem.table-comparison table tr td:first-child .body-copy {
  display: inline;
}

.bullet-md>li .body-copy::before {
  content: "\2022";
  position: absolute;
  color: var(--primary-color);
  font-weight: bold;
  display: inline-block;
  font-size: 30px;
  margin-left: -18px;
  list-style-type: none;
}

@media (min-width: 992px) {
  .bullet-md>li .body-copy::before {
    margin-top: 2px;
  }
}

a:hover .link-hoverable,
a:focus .link-hoverable {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover .link-hoverable--primary,
a:focus .link-hoverable--primary {
  color: var(--primary-color);
}

a:hover .link-hoverable--secondary,
a:focus .link-hoverable--secondary {
  color: var(--secondary-color);
}

.link-hoverable {
  color: var(--secondary-color);
  cursor: pointer;
  text-decoration: underline;
}

.product-banner>.component-content>.content.paragraphSystem {
  overflow: auto;
  position: relative;
  padding-bottom: 100px;
}

@media (min-width: 992px) {
  .product-banner>.component-content>.content.paragraphSystem {
    padding-bottom: 0;
  }
}

.product-callout {
  position: unset;
}

@media (min-width: 992px) {
  .product-callout {
    position: relative;
  }
}

.product-callout .buy-now-btn {
  display: inline-block;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  bottom: 45px;
  min-width: 215px;
  position: absolute;
  left: 0;
}

@media (min-width: 768px) {
  .product-callout .buy-now-btn {
    bottom: 0;
  }
}

@media (min-width: 992px) {
  .product-callout .buy-now-btn {
    left: auto;
    right: 0;
  }
}

.product-callout .buy-now-btn div {
  display: inline-block;
}

.product-callout .buy-now-btn p {
  display: inline-block;
}

.video-nojs-hidden .video-nojs {
  display: none;
}

.hide {
  display: none;
}

.image-full-width .component-content {
  width: 100%;
}

.image-full-width .component-content img {
  object-fit: cover;
  width: 100%;
}

body .uwy.userway_p1 #userwayAccessibilityIcon {
  top: auto !important;
  bottom: 5px !important;
  left: 10px !important;
  transform: translate(0);
}

body .uwy.userway_p1 #userwayAccessibilityIcon:hover {
  transform: translate(0) scale(1.1) !important;
}

body .uwy #userwayAccessibilityIcon.uai {
  right: 10px;
  left: auto !important;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  top: 62px !important;
  transform: none;
}

body .uwy #userwayAccessibilityIcon.uai:hover {
  transform: scale(1.1) !important;
}

@media (max-width: 991px) {
  .inner-align-left-mb>.component-content {
    text-align: left !important;
  }
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: 0;
}

@media (max-width: 991px) {
  .overlay-container {
    overflow: auto;
  }
}

.contact-us-box>.component-content>.content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-us-box .image>.component-content {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  border-radius: 50px;
  background-color: #b3b3b3;
  padding: 15px;
}

.reference-buynow-dropdown {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: fit-content;
}

@media (max-width: 991px) {
  .reference-buynow-dropdown {
    left: 15px;
  }
}

.buynow-dropdown {
  width: 180px;
}

.buynow-dropdown:hover .buynow-list {
  display: flex;
}

.buynow-dropdown .icon {
  width: 18px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.buynow-dropdown .buynow-button {
  padding: 5px 30px 5px 10px;
  color: white;
  background-color: #242f60;
  cursor: pointer;
}

.buynow-dropdown .buynow-button:hover {
  background-color: #e86215;
}

.buynow-dropdown .buynow-button .icon {
  fill: white;
}

.buynow-dropdown .buynow-list {
  position: absolute;
  display: none;
  flex-direction: column;
  top: 38px;
  border: 2px solid #e86215;
  border-top: none;
  background-color: white;
  z-index: 10;
}

.buynow-dropdown .buynow-list>ul {
  padding-left: 0;
}

.buynow-dropdown .buynow-list:hover+.buynow-button {
  background-color: #e86215;
}

.buynow-dropdown .buynow-item {
  position: relative;
  list-style: none;
  padding: 10px 30px 10px 10px;
}

.buynow-dropdown .buynow-item:hover {
  background-color: rgba(232, 98, 21, 0.1);
}

.buynow-dropdown .buynow-item:after {
  content: "";
  border: 1px solid #eaeaea;
  position: absolute;
  width: 80%;
  bottom: 0;
}

.buynow-dropdown .buynow-item:last-of-type:after {
  display: none;
}

.buynow-dropdown .buynow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.buynow-dropdown .buynow-icon .icon {
  right: 6px;
}

.buynow-dropdown .buynow-icon .icon path {
  fill: #e86215;
}

:lang(sv-SE) .back-to-top {
  font-size: 0.75rem !important;
}

:lang(sv-SE) .button-learn-more {
  font-size: 0.875rem;
}

@media (min-width: 992px) {
  :lang(sv-SE) .category-pickers-wrapper {
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  :lang(sv-SE) .category-pickers-wrapper .selection-group-area {
    flex-basis: 40%;
  }
}

@media (min-width: 992px) {
  :lang(sv-SE) .treatments-picker .content-desc {
    top: 30px;
  }
}

@media (min-width: 992px) {
  :lang(sv-SE) .hero-banner-simple figcaption {
    padding-left: 16px;
  }
}

@media (min-width: 992px) {
  :lang(sv-SE) .container-nav-rounded-white {
    top: 134px;
  }
}

@media (min-width: 992px) {
  :lang(sv-SE) .main-nav {
    height: 87px;
  }
}

:lang(sv-SE) img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.video-autoplay .video-text {
  padding: 0 16px;
}

@media (min-width: 992px) {
  .video-autoplay .video-text {
    position: absolute;
    padding: 0;
    left: 0;
    margin: 0 auto;
    width: 100vw;
    max-width: 900px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 1200px) {
  .video-autoplay .video-text {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  .video-autoplay .video-text h1 {
    width: 50%;
  }
}

.video-autoplay video {
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .video-autoplay video {
    min-width: 768px;
    transform: translateX(calc(115vw - 767px));
  }
}

.main-banner .component-content.left {
  overflow: hidden;
  min-height: 288px;
  min-width: 768px;
}

.main-banner .component-content.left img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .main-banner .component-content.left img {
    min-height: 600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 992px) {
  .main-banner .component-content.left img {
    transform: translateX(calc(100vw - 1599px));
  }
}

.main-banner .richText {
  margin: 0;
  padding: 0 16px;
}

@media (min-width: 992px) {
  .main-banner .richText {
    z-index: 30;
    max-width: 75%;
    position: relative;
    padding: 0;
    padding-left: 20px;
    margin-top: -60px;
    max-width: 1140px;
    right: 50%;
    top: 50%;
    transform: translateX(50%);
  }
}

@media (min-width: 992px) {
  .main-banner .hp-carousel-text {
    position: absolute;
    width: 1140px;
    max-width: 100vw;
    z-index: 30;
    top: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 380px;
  }
}

.main-banner p {
  margin: 0;
}

.main-banner .banner-tagline {
  padding-top: 16px;
}

@media (min-width: 992px) {
  .main-banner .banner-tagline {
    padding-top: 60px;
  }
}

.main-banner .banner-title {
  padding-top: 8px;
}

@media (min-width: 992px) {
  .main-banner .banner-title {
    padding-top: 10px;
  }
}

.main-banner .banner-text {
  padding-top: 8px;
}

@media (min-width: 992px) {
  .main-banner .banner-text {
    padding-top: 20px;
  }
}

.main-banner .banner-button {
  padding: 24px 0;
}

@media (min-width: 992px) {
  .main-banner .banner-button {
    padding-top: 10px;
  }
}

.main-banner .slick-dots {
  border-bottom: 1px solid black;
}

.carousel-homepage {
  border-bottom: 1px solid #cfcfcf;
}

.carousel-homepage .main-banner {
  position: relative;
}

.carousel-homepage .main-banner .banner-right-bottom-position.image {
  max-width: 150px;
  width: auto;
  height: auto;
  max-height: 50px;
}

.carousel-homepage .main-banner .banner-right-bottom-position.image > .component-content,
.carousel-homepage .main-banner .banner-right-bottom-position.image > .component-content picture,
.carousel-homepage .main-banner .banner-right-bottom-position.image > .component-content img,
.carousel-homepage .main-banner .banner-right-bottom-position.image > .component-content a {
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 150px;
  width: 150px;
  height: 50px;
  max-height: 50px;
  object-fit: cover;
  min-width: 1px;
  min-height: 1px;
  transform: none;
}

.carousel-homepage .main-banner .banner-right-bottom-position {
  position: absolute;
  left: auto;
  right: 0px;
  top: 135px;
  bottom: auto;
}

.carousel-homepage .carouselSlide img {
  min-width: 768px;
}

@media only screen and (max-width: 768px) {
  .carousel-homepage .carouselSlide img {
    transform: translateX(calc(100vw - 768px));
  }
}

.carousel-homepage.carousel-bottom-border-none {
  border-bottom: none;
}

@media (max-width: 991px) {
  /* Prevent homepage carousel from sitting under fixed mobile header */
  .page-home .carousel-homepage {
    margin-top: 14px;
  }
}

@media (min-width: 992px) {
  .carousel-homepage {
    border-bottom: none;
    max-height: 600px;
  }

  .carousel-homepage>.component-content {
    max-height: 600px;
  }
}

@media (min-width: 992px) {
  .carousel-homepage .slick-list.draggable {
    max-height: 600px;
  }
}

@media (min-width: 992px) {
  .carousel-homepage .carouselSlide .box.component.section .content.paragraphSystem {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 1600px) {
  .carousel-full-width>.component-content {
    max-width: 1600px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 991px) {

  .carousel-full-width .slick-prev,
  .carousel-full-width .slick-next,
  .carousel-full-width .slick-dots {
    position: absolute;
    top: 33vw;
    left: 0;
  }
}

@media screen and (max-width: 768px) {

  .carousel-full-width .slick-prev,
  .carousel-full-width .slick-next,
  .carousel-full-width .slick-dots {
    top: 255px;
  }
}

.carousel-full-width .slick-dots {
  margin: auto;
  left: -675px;
  text-align: center;
  right: 0;
}

@media screen and (max-width: 1150px) and (min-width: 992px) {
  .carousel-full-width .slick-dots {
    left: calc(-675px + (1150px - 100vw));
  }
}

.carousel-full-width .slick-prev {
  margin: auto;
  left: -1042px;
  right: 0;
  width: 50px;
}

@media screen and (max-width: 1150px) {
  .carousel-full-width .slick-prev {
    left: calc(-1042px + (1150px - 100vw));
  }
}

.carousel-full-width .slick-next {
  margin: auto;
  right: 0;
  left: -920px;
  width: 50px;
}

@media screen and (max-width: 1150px) {
  .carousel-full-width .slick-next {
    left: calc(-920px + (1150px - 100vw));
  }
}

@media (min-width: 992px) {
  .carousel-full-width .highlight.slick-prev {
    border: 1px solid #323131;
  }

  .carousel-full-width .highlight.slick-next {
    border: 1px solid #323131;
  }
}

.carousel-slides>.carousel-slide:not(:first-child) {
  display: none;
}

.carousel-slides .carousel-slide:nth-child(2),
.carousel-slides .carousel-slide:first-child {
  padding-bottom: 50px !important;
}

@media (min-width: 992px) {

  .carousel-slides .carousel-slide:nth-child(2),
  .carousel-slides .carousel-slide:first-child {
    padding-bottom: 0;
  }
}

.carousel--ordinary .slick-prev,
.carousel--ordinary .slick-next {
  height: 50px;
}

.carousel--ordinary .slick-next {
  left: auto;
  right: 25px;
  bottom: 0;
  margin: auto;
}

@media (max-width: 991px) {
  .carousel--ordinary .slick-next {
    bottom: -39px;
  }
}

.carousel--ordinary .slick-prev {
  right: auto;
  left: 25px;
  bottom: 0;
  margin: auto;
}

@media (max-width: 991px) {
  .carousel--ordinary .slick-prev {
    bottom: -39px;
  }
}

.carousel--ordinary .slick-dots {
  left: 0;
  padding-bottom: 15px;
}

.carousel-visible-control .button-toggle-autoplay {
  bottom: 60px;
}

@media (max-width: 991px) {
  .carousel-visible-control .slick-dots button {
    background-color: var(--primary-color);
  }

  .carousel-visible-control .slick-dots li.slick-active button {
    background-color: var(--primary-color);
  }
}

.carousel-visible-control .slick-prev,
.carousel-visible-control .slick-next {
  display: block !important;
}

@media (max-width: 767px) {

  .carousel-control-sm .slick-prev,
  .carousel-control-sm .slick-next {
    height: 40px;
    width: 40px;
    padding: 0;
  }
}

.carousel-quiz {
  background: white;
  margin-top: 24px;
}

@media (min-width: 992px) {
  .carousel-quiz {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .quiz-banner>.component-content>.content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .quiz-banner>.component-content>.content>.box {
    position: absolute;
  }
}

.quiz-banner .button-learn-more:hover {
  text-decoration: none !important;
}

.quiz-banner .image {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .quiz-banner .image {
    margin-bottom: 40px;
  }
}

.quiz-section-intro {
  display: none;
}

.quiz-section-intro.open {
  display: block;
}

.quiz-section-intro span {
  display: inline-block;
}

.quiz-section-intro .quiz-banner .h1-styles {
  font-size: clamp(32px, calc(32px + (32 - 56) * ((100vw - 992px) / (992 - 1140))), 56px);
  line-height: clamp(38px, calc(38px + (38 - 64) * ((100vw - 992px) / (992 - 1140))), 64px);
}

.quiz-section-intro .quiz-banner .introduction-text-banners {
  font-size: clamp(16px, calc(16px + (16 - 20) * ((100vw - 992px) / (992 - 1140))), 20px);
  line-height: clamp(24px, calc(24px + (24 - 30) * ((100vw - 992px) / (992 - 1140))), 30px);
  padding-bottom: clamp(20px, calc(20px + (20 - 40) * ((100vw - 992px) / (992 - 1140))), 40px);
}

.quiz-section-intro .quiz-banner .body-copy {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}

@media (min-width: 992px) {
  .quiz-section-intro .quiz-banner .body-copy {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.banner-swoosh::after {
  content: "";
  background: url("/content/dam/cf-consumer-healthcare/voltaren-delta/en_GB/quiz/landing-page/banner-swoosh.svg");
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 37%;
  height: 100%;
  pointer-events: none;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.quiz-image-intro figure {
  display: flex;
  justify-content: center;
  align-items: center;
}

.quiz-image-intro figcaption {
  position: absolute;
}

.quiz-modal {
  display: none;
  position: fixed;
  overflow-y: scroll;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: white;
}

.quiz-modal.open {
  display: block;
}

.quiz-modal>.component-content>.content {
  margin: 0 auto;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.quiz-modal::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.quiz-modal {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.quiz-container {
  max-width: 1600px;
}

.quiz-progress-bar {
  background: #F5F5F5;
  width: 100%;
  height: 24px;
  position: absolute;
  top: 0;
  z-index: 2;
}

@media (min-width: 992px) {
  .quiz-progress-bar {
    height: 30px;
  }
}

.quiz-progress-bar>.component-content {
  transition: width 0.5s ease-in-out;
  background: linear-gradient(225deg, #e57200 0%, #e64510 100%);
}

.quiz-progress-bar h2 {
  font-size: 0.875rem;
  width: auto;
  color: white;
  text-align: right;
  padding-right: 10px;
  line-height: 24px;
}

@media (min-width: 992px) {
  .quiz-progress-bar h2 {
    line-height: 30px;
  }
}

.quiz-question-text {
  margin-bottom: 18px;
}

.quiz-question-text .h2-styles {
  font-size: clamp(35px, calc(35px + (35 - 45) * ((100vw - 992px) / (992 - 1140))), 45px);
}

.quiz-question-text p {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (min-width: 992px) {
  .quiz-question-text p {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

.quiz-controls {
  padding-top: 24px;
  z-index: 1;
}

@media (min-width: 992px) {
  .quiz-controls {
    padding-top: 30px;
    position: absolute;
    top: 0;
  }
}

.quiz-controls>.component-content>.content {
  padding: 0 0 0 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .quiz-controls>.component-content>.content {
    padding: 20px 30px;
  }
}

.quiz-control-previous {
  visibility: hidden;
  pointer-events: none;
  width: auto;
  cursor: pointer;
}

.quiz-control-previous>.component-content {
  height: 100%;
  display: flex;
  align-items: center;
}

.quiz-control-previous>.component-content>img {
  margin-right: 10px;
}

.quiz-control-previous>.component-content>.richText-content {
  display: none;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--secondary-color);
}

@media (min-width: 992px) {
  .quiz-control-previous>.component-content>.richText-content {
    display: block;
  }
}

.quiz-control-close {
  z-index: 1;
  width: 54px;
  height: 51px;
  cursor: pointer;
}

a[style="visibility:hidden"] {
  display: none;
}

.quiz-container-intro>.component-content>.content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.quiz-container-intro>.component-content>.content>.image {
  /* order: 3; */
  bottom: 0;
  position: absolute;
}

@media (min-width: 992px) {
  .quiz-container-intro .quiz-text-container {
    position: relative;
    padding-bottom: 100px;
  }
}

.quiz-container-intro.hide {
  display: none;
}

@media (min-width: 992px) {
  .quiz-container-intro {
    padding-top: 120px;
  }
}

.quiz-text-disclaimer {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.quiz-text-tip {
  position: relative;
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  .quiz-text-tip {
    margin-bottom: clamp(10px, calc(10px + (10 - 24) * ((100vw - 992px) / (992 - 1140))), 24px);
  }
}

.quiz-text-tip>.component-content>.richText-content {
  display: flex;
  justify-content: center;
}

.quiz-text-tip p {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}

.quiz-text-tip p::after {
  content: "i";
  line-height: 1.25rem;
  color: white;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #ef7800;
  border-radius: 20px;
  margin-left: 10px;
}

.quiz-text-tip p:hover,
.quiz-text-tip p:active,
.quiz-text-tip p:focus {
  color: #ef7800;
}

.quiz-text-tip p:hover+h4,
.quiz-text-tip p:active+h4,
.quiz-text-tip p:focus+h4 {
  display: block;
}

.quiz-text-tip h4 {
  display: none;
  background: linear-gradient(225deg, #e57200 0%, #e64510 100%);
  border-radius: 0px 0px 30px 0px;
  width: 100%;
  max-width: 400px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  padding: 15px;
  z-index: 1;
  color: white;
}

.quiz-text-tip h4::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  display: block;
  border-top: 0 solid;
  border-bottom: 10px solid #e56704;
  border-left: 8px solid;
  border-right: 8px solid;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}

.quiz-buttons-wrapper {
  padding-bottom: 100px;
}

@media (min-width: 992px) {
  .quiz-buttons-wrapper {
    padding-bottom: 0;
  }
}

.quiz-buttons-wrapper>.component-content {
  max-width: 800px !important;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .quiz-buttons-wrapper>.component-content {
    max-width: 950px !important;
  }
}

.quiz-buttons-wrapper>.component-content>.content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.quiz-buttons-wrapper::after {
  right: -16px;
}

@media (min-width: 992px) {
  .quiz-buttons-wrapper::after {
    display: none;
  }
}

.quiz-pain-type {
  padding: 0 5px;
  margin: 0 0 10px 0;
  width: 140px;
  height: 150px;
  cursor: pointer;
}

@media (min-width: 992px) {
  .quiz-pain-type {
    width: 177px;
    height: auto;
  }
}

.quiz-pain-type img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .quiz-pain-type img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }
}

.quiz-pain-type>.component-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  background: #242f60;
  border-bottom-right-radius: 30px;
}

@media (min-width: 992px) {
  .quiz-pain-type>.component-content {
    padding: 20px;
    border-bottom-right-radius: 50px;
  }
}

.quiz-pain-type>.component-content p {
  color: white;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 992px) {
  .quiz-pain-type>.component-content p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

.quiz-pain-type>.component-content:hover {
  background: linear-gradient(225deg, #e57200 0%, #e64510 100%);
}

.quiz-questions-container {
  display: none;
  pointer-events: none;
  max-width: 1600px;
  position: absolute;
  top: 0;
  height: 100%;
  background: white;
  z-index: 1;
}

.quiz-questions-container.open {
  display: block;
  pointer-events: all;
}

.quiz-questions-container.show-previous-button .quiz-control-previous {
  visibility: visible;
  pointer-events: all;
}

.quiz-questions-container .image-and-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.quiz-questions-container .image-and-content picture {
  order: 2;
}

@media (min-width: 992px) {
  .quiz-questions-container .image-and-content picture {
    order: 1;
  }
}

@media (min-width: 992px) {
  .quiz-questions-container .image-and-content>.carousel-content {
    position: absolute;
    max-width: 100vw;
  }
}

.quiz-questions-container .quiz-buttons-container>.component-content>.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 992px) {
  .quiz-questions-container .quiz-buttons-container>.component-content>.content {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
  }
}

.quiz-questions-container .quiz-buttons {
  padding: 0 5px;
  cursor: pointer;
  margin-bottom: 15px;
  width: 100%;
  max-width: 328px;
}

@media (min-width: 992px) {
  .quiz-questions-container .quiz-buttons {
    max-width: 555px;
  }
}

.quiz-questions-container .quiz-buttons>.component-content {
  height: 100%;
}

.quiz-questions-container .quiz-buttons .richText-content {
  height: 100%;
  background-color: #242f60;
  border-bottom-right-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(15px, calc(15px + (15 - 30) * ((100vw - 992px) / (992 - 1140))), 30px);
}

.quiz-questions-container .quiz-buttons .richText-content p {
  color: white;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 1.125rem;
}

.quiz-questions-container .quiz-buttons .richText-content p strong {
  font-size: 1.375rem;
}

.quiz-questions-container .quiz-buttons .richText-content:hover,
.quiz-questions-container .quiz-buttons .richText-content:active,
.quiz-questions-container .quiz-buttons .richText-content:focus {
  background: linear-gradient(225deg, #e57200 0%, #e64510 100%);
}

.quiz-questions-content {
  padding-top: 30px;
  color: var(--secondary-color);
}

.quiz-results-container {
  display: none;
}

.quiz-results-container.open {
  display: block;
}

.quiz-related-product-snippet,
.quiz-related-article-snippet {
  display: none;
}

.quiz-result {
  display: none;
  height: auto;
}

.quiz-result .quiz-exercise-snippet {
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  .quiz-result .quiz-exercise-snippet {
    margin-bottom: 30px;
  }
}

.quiz-result .quiz-exercise-snippet .richText-content {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .quiz-result .quiz-exercise-snippet .richText-content {
    padding-left: 60px;
  }
}

.quiz-result .quiz-exercise-snippet p {
  display: block;
  color: var(--secondary-color);
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin-bottom: 8px;
}

@media (min-width: 992px) {
  .quiz-result .quiz-exercise-snippet p {
    font-size: 1rem;
    line-height: 1.125rem;
    margin-bottom: 20px;
  }
}

.quiz-result .quiz-exercise-snippet .h3-styles {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 8px;
  letter-spacing: 0.6px;
  font-weight: 700;
}

@media (min-width: 992px) {
  .quiz-result .quiz-exercise-snippet .h3-styles {
    font-size: 1.375rem;
    line-height: 2rem;
    margin-bottom: 10px;
  }
}

.quiz-result .quiz-exercise-snippet .p-styles {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: normal;
  color: #323131;
}

@media (min-width: 992px) {
  .quiz-result .quiz-exercise-snippet .p-styles {
    font-size: 1.125rem;
    line-height: 2.125rem;
  }
}

.quiz-result .quiz-exercise-snippet .video:focus,
.quiz-result .quiz-exercise-snippet .video:focus-visible,
.quiz-result .quiz-exercise-snippet .video:focus-within {
  outline: 1px dashed;
}

.quiz-result .quiz-exercise-snippet .video video {
  height: auto;
}

.quiz-exercise-hidden {
  display: none !important;
}

.quiz-show-more,
.quiz-ca-show-more {
  margin-bottom: 55px;
  display: none;
  cursor: pointer;
}

@media (min-width: 992px) {
  .quiz-show-more,
  .quiz-ca-show-more {
    margin-bottom: 61px;
  }
}

.quiz-show-more ul:not(.list--tabs),
.quiz-ca-show-more ul:not(.list--tabs) {
  display: flex;
  justify-content: center;
  padding-left: 0 !important;
}

.quiz-show-more ul:not(.list--tabs)::before,
.quiz-ca-show-more ul:not(.list--tabs)::before {
  content: "";
  display: block;
  background: black;
  opacity: 0.1;
  height: 1px;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 50%;
}

.quiz-show-more ul:not(.list--tabs) li,
.quiz-ca-show-more ul:not(.list--tabs) li {
  text-align: center;
  display: inline-block;
  align-items: center;
  padding: 11px !important;
  padding-left: 11px !important;
  background: #242f60;
  border-left: 10px solid white;
  border-right: 10px solid white;
  border-bottom-right-radius: 30px;
  color: white;
  min-width: 300px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
}

@media (min-width: 992px) {
  .quiz-show-more ul:not(.list--tabs) li,
  .quiz-ca-show-more ul:not(.list--tabs) li {
    font-size: 1.375rem;
    line-height: 2rem;
    padding: 15px !important;
    padding-left: 15px !important;
    border-bottom-right-radius: 50px;
  }
}

.quiz-show-more ul:not(.list--tabs) li:focus,
.quiz-show-more ul:not(.list--tabs) li:focus-visible,
.quiz-show-more ul:not(.list--tabs) li:focus-within,
.quiz-ca-show-more ul:not(.list--tabs) li:focus,
.quiz-ca-show-more ul:not(.list--tabs) li:focus-visible,
.quiz-ca-show-more ul:not(.list--tabs) li:focus-within {
  background: var(--primary-color);
}

.quiz-show-more ul:not(.list--tabs) li p,
.quiz-ca-show-more ul:not(.list--tabs) li p {
  color: white;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}

@media (min-width: 992px) {
  .quiz-show-more ul:not(.list--tabs) li p,
  .quiz-ca-show-more ul:not(.list--tabs) li p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

.quiz-show-more ul:not(.list--tabs) li:hover,
.quiz-ca-show-more ul:not(.list--tabs) li:hover {
  background: linear-gradient(225deg, #e57200 0%, #e64510 100%);
}

.quiz-show-more ul:not(.list--tabs) li:last-child,
.quiz-ca-show-more ul:not(.list--tabs) li:last-child {
  display: none;
}

.quiz-show-more ul:not(.list--tabs) li:last-child::after,
.quiz-ca-show-more ul:not(.list--tabs) li:last-child::after {
  top: 10px;
  transform: rotate(225deg);
}

.quiz-show-more ul:not(.list--tabs) li::after,
.quiz-ca-show-more ul:not(.list--tabs) li::after {
  content: "";
  border: solid #ffffff;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  transform: rotate(45deg);
  outline: none;
  margin-left: 10px;
  position: relative;
  top: 0;
  right: 0;
}

.quiz-show-more.show,
.quiz-ca-show-more.show {
  display: block;
}

.quiz-show-more.expanded ul:not(.list--tabs) li:first-child,
.quiz-ca-show-more.expanded ul:not(.list--tabs) li:first-child {
  display: none;
}

.quiz-show-more.expanded ul:not(.list--tabs) li:last-child,
.quiz-ca-show-more.expanded ul:not(.list--tabs) li:last-child {
  display: inline-block;
}

picture {
  line-height: 0;
  display: block;
}

.loading-results-modal {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  overflow-y: scroll;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: white;
}

.loading-results-modal>.component-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.loading-results-modal>.component-content>.content {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.loading-results-modal>.component-content>.content::after {
  content: "";
  display: block !important;
  width: 100%;
  height: 24px;
  background: linear-gradient(225deg, #e57200 0%, #e64510 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 992px) {
  .loading-results-modal>.component-content>.content::after {
    height: 30px;
  }
}

.loading-results-modal>.component-content>.content>.container>.component-content>.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.loading-results-modal .loader-container {
  width: auto;
  overflow: hidden;
}

.loading-results-modal .loader-container>.component-content {
  width: 100%;
  height: 100%;
}

.loading-results-modal .loader-container>.component-content>.content {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-results-modal .loader-container .loader-circle {
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 3px #e37200;
  border-radius: 50%;
}

.loading-results-modal .loader-container .loader-circle::before,
.loading-results-modal .loader-container .loader-circle::after {
  content: "";
  width: 60%;
  height: 110%;
  background: white;
  display: block;
  position: absolute;
  transform: rotate(0);
}

.loading-results-modal .loader-container .loader-circle::before {
  right: 50%;
  transform-origin: center right;
  transition: transform 1s 1s ease-out;
}

.loading-results-modal .loader-container .loader-circle::after {
  left: 50%;
  transform: rotate(0);
  transform-origin: center left;
  transition: transform 1s ease-in-out;
}

.loading-results-modal .loader-container .loader-icon {
  position: absolute;
  width: 80px;
}

.loading-results-modal [class*="loading-msg"] {
  font-family: 'DiodrumVoltaren', sans-serif;
  color: #323131;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 1s ease-out, transform 1s ease;
  margin-top: 30px;
}

.loading-results-modal .loading-msg-2 {
  transition-delay: 1s;
}

.loading-results-modal .loading-msg-3 {
  transition-delay: 2s;
}

.loading-results-modal.loading .loader-circle {
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-name: rotate;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
  animation-direction: infinite;
}

.loading-results-modal.loading .loader-circle::after {
  transform: rotate(120deg);
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.loading-results-modal.loading [class*="loading-msg"] {
  opacity: 1;
  transform: translateY(0);
}

.loading-results-modal.open {
  opacity: 1;
  pointer-events: all;
}

.quiz-user-profile,
.quiz-ca-user-profile {
  background: #FAFAFA;
  border-bottom-right-radius: 40px;
  padding: 30px;
}

.quiz-user-profile ul:not(.list--tabs),
.quiz-ca-user-profile ul:not(.list--tabs) {
  padding-left: 0 !important;
}

@media (min-width: 992px) {
  .quiz-user-profile ul:not(.list--tabs),
  .quiz-ca-user-profile ul:not(.list--tabs) {
    display: flex;
    flex-wrap: wrap;
  }
}

.quiz-user-profile h2,
.quiz-ca-user-profile h2 {
  font-size: 1.375rem;
  line-height: 2rem;
  margin-bottom: 0;
}

.quiz-user-profile h3,
.quiz-ca-user-profile h3 {
  width: auto;
  display: inline-flex;
}

.quiz-user-profile a,
.quiz-ca-user-profile a {
  cursor: pointer;
  white-space: nowrap;
  padding-right: 20px;
  color: var(--secondary-color);
}

.quiz-user-profile a:hover,
.quiz-user-profile a:focus,
.quiz-user-profile a:focus-visible,
.quiz-user-profile a:focus-within,
.quiz-ca-user-profile a:hover,
.quiz-ca-user-profile a:focus,
.quiz-ca-user-profile a:focus-visible,
.quiz-ca-user-profile a:focus-within {
  color: var(--primary-color);
}

.quiz-ca-user-profile li,
.quiz-ca-user-profile li {
  line-height: 0;
  margin-bottom: 0 !important;
}

.quiz-ca-user-profile li>span,
.quiz-ca-user-profile li>span {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  display: none;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .quiz-ca-user-profile li>span,
  .quiz-ca-user-profile li>span {
    font-size: 1rem;
    line-height: 1.125rem;
    margin-right: 40px;
  }
}
.quiz-selected-category,
.quiz-ca-selected-category {
  display: block;
  margin-bottom: 24px;
  color: var(--primary-color);
  text-transform: capitalize;
}

@media (min-width: 992px) {
  .quiz-selected-category,
  .quiz-ca-selected-category {
    margin-bottom: 20px;
  }
}

.selected-answer-1a .quiz-profile-1a {
  display: block;
}

.selected-answer-1b .quiz-profile-1b {
  display: block;
}

.selected-answer-1c .quiz-profile-1c {
  display: block;
}

.selected-answer-2a .quiz-profile-2a {
  display: block;
}

.selected-answer-2b .quiz-profile-2b {
  display: block;
}

.selected-answer-2c .quiz-profile-2c {
  display: block;
}

.selected-answer-3a .quiz-profile-3a {
  display: block;
}

.selected-answer-3b .quiz-profile-3b {
  display: block;
}

.selected-answer-4a .quiz-profile-4a {
  display: block;
}

.selected-answer-4b .quiz-profile-4b {
  display: block;
}

.selected-answer-4c .quiz-profile-4c {
  display: block;
}

.selected-answer-5a .quiz-profile-5a {
  display: block;
}

.selected-answer-5b .quiz-profile-5b {
  display: block;
}

.selected-answer-6a .quiz-profile-6a {
  display: block;
}

.selected-answer-6b .quiz-profile-6b {
  display: block;
}

.quiz-related-product {
  margin-bottom: 40px;
}

.quiz-related-product .button-learn-more,
.quiz-related-product .button-learn-more:hover {
  text-decoration: none !important;
}

.quiz-related-product>.component-content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .quiz-related-product>.component-content {
    flex-direction: row;
  }
}

.quiz-related-product>.component-content ul {
  padding-left: 0 !important;
  margin-top: 18px !important;
}

@media (min-width: 992px) {
  .quiz-related-product>.component-content .richText-content {
    padding-left: 30px;
  }
}

.quiz-related-product>.component-content .richText-content li {
  display: flex;
  align-items: center;
}

.quiz-related-product>.component-content .richText-content li::before {
  left: 0;
  content: "";
  display: block !important;
  width: 8px;
  height: 8px;
  margin-right: 20px;
  background: orange;
}

.quiz-related-product img {
  margin-bottom: 16px;
  max-width: 500px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 60px;
}

@media (min-width: 992px) {
  .quiz-related-product img {
    margin: 0;
    width: 41.66%;
  }
}

.quiz-related-product .button-learn-more {
  display: inline-block;
  margin-top: 8px;
}

@media (min-width: 992px) {
  .quiz-related-product .button-learn-more {
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .show-five .button-toggle-autoplay {
    display: none;
  }
}

.carousel-slide {
  display: block;
}

.slick-slide.slick-loading img,
.slick-arrow.slick-hidden {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.quiz-results-data.knee .quiz-related-product-snippet.quiz-related-product-knee,
.quiz-results-data.knee .quiz-related-article-snippet.quiz-related-article-knee {
  display: block;
}

.quiz-results-data.knee .quiz-result-knee {
  display: block;
}

.quiz-results-data.knee.selected-answer-1c .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-1c .reference-knee-13 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2b .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2b .reference-knee-9 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2b .reference-knee-13 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-6 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-9 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-13 {
  display: none;
}

.quiz-results-data.knee.selected-answer-3a .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-3a .reference-knee-13 {
  display: none;
}

.quiz-results-data.knee.selected-answer-4a .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-4a .reference-knee-13 {
  display: none;
}

.quiz-results-data.knee.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-8,
.quiz-results-data.knee.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-13,
.quiz-results-data.knee.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-13 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-knee-1 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-knee-8 {
  display: block;
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-knee-13 {
  display: block;
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-knee-1 {
  display: none;
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-knee-8 {
  display: block;
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-knee-13 {
  display: block;
}

.quiz-results-data.knee.selected-answer-4a.selected-answer-3b.selected-answer-2a .reference-knee-8 {
  display: none;
}

.quiz-results-data.knee.selected-answer-4a.selected-answer-3b.selected-answer-2a .reference-knee-13 {
  display: none;
}

.quiz-results-data.foot .quiz-related-product-snippet.quiz-related-product-foot,
.quiz-results-data.foot .quiz-related-article-snippet.quiz-related-article-foot {
  display: block;
}

.quiz-results-data.foot .quiz-result-foot {
  display: block;
}

.quiz-results-data.foot.selected-answer-2b .reference-foot-2 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2b .reference-foot-10 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2b .reference-foot-12 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-2 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-4 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-8 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-9 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-10 {
  display: none;
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-12 {
  display: none;
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-8 {
  display: none;
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-9 {
  display: none;
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-10 {
  display: none;
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-12 {
  display: none;
}

.quiz-results-data.foot.selected-answer-4a .reference-foot-9 {
  display: none;
}

.quiz-results-data.anterior_hip .quiz-related-product-snippet.quiz-related-product-anterior_hip,
.quiz-results-data.anterior_hip .quiz-related-article-snippet.quiz-related-article-anterior_hip {
  display: block;
}

.quiz-results-data.anterior_hip .quiz-result-anterior_hip {
  display: block;
}

.quiz-results-data.anterior_hip.selected-answer-1c .reference-anterior_hip-15 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-7,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-7 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-11,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-11 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-13,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-13 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-15,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-15 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-3a .reference-anterior_hip-7 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-3a .reference-anterior_hip-13 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-3a .reference-anterior_hip-15 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-4a .reference-anterior_hip-15 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-3a.selected-answer-4a .reference-anterior_hip-15 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-anterior_hip-9 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-anterior_hip-11 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-anterior_hip-2 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-anterior_hip-2 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-6b .reference-anterior_hip-9 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-6b .reference-anterior_hip-13 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-6b .reference-anterior_hip-15 {
  display: none;
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-2a.selected-answer-3b.selected-answer-4a.selected-answer-6a .reference-anterior_hip-9 {
  display: block;
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-2a.selected-answer-3b.selected-answer-4a.selected-answer-6a .reference-anterior_hip-11 {
  display: block;
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-2a.selected-answer-3b.selected-answer-4a.selected-answer-6b .reference-anterior_hip-11 {
  display: block;
}

.quiz-results-data.lateral_hip .quiz-related-product-snippet.quiz-related-product-lateral_hip,
.quiz-results-data.lateral_hip .quiz-related-article-snippet.quiz-related-article-lateral_hip {
  display: block;
}

.quiz-results-data.lateral_hip .quiz-result-lateral_hip {
  display: block;
}

.quiz-results-data.lateral_hip.selected-answer-1a .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1b .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1c .reference-lateral_hip-11 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-1a .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1b .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1c .reference-lateral_hip-12 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-2b .reference-lateral_hip-6 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-2c .reference-lateral_hip-6 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-2c .reference-lateral_hip-9 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-3,
.quiz-results-data.lateral_hip.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-3 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-11 {
  display: block;
}

.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-12 {
  display: block;
}

.quiz-results-data.lateral_hip.selected-answer-1c.selected-answer-6b .reference-lateral_hip-13 {
  display: none;
}

.quiz-results-data.lateral_hip.selected-answer-1c.selected-answer-6b .reference-lateral_hip-15 {
  display: none;
}

.quiz-results-data.back .quiz-related-product-snippet.quiz-related-product-back,
.quiz-results-data.back .quiz-related-article-snippet.quiz-related-article-back {
  display: block;
}

.quiz-results-data.back .quiz-result-back {
  display: block;
}

.quiz-results-data.back.selected-answer-2c .reference-back-3 {
  display: none;
}

.quiz-results-data.back.selected-answer-2c .reference-back-5 {
  display: none;
}

.quiz-results-data.back.selected-answer-2c .reference-back-11 {
  display: none;
}

.quiz-results-data.back.selected-answer-2c .reference-back-12 {
  display: none;
}

.quiz-results-data.back.selected-answer-2c .reference-back-17 {
  display: none;
}

.quiz-results-data.back.selected-answer-1c.selected-answer-4a .reference-back-12 {
  display: none;
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-3 {
  display: none;
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-4 {
  display: none;
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-11 {
  display: none;
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-12 {
  display: none;
}

.quiz-results-data.shoulder .quiz-related-product-snippet.quiz-related-product-shoulder,
.quiz-results-data.shoulder .quiz-related-article-snippet.quiz-related-article-shoulder {
  display: block;
}

.quiz-results-data.shoulder .quiz-result-shoulder {
  display: block;
}

.quiz-results-data.shoulder.selected-answer-2b .reference-shoulder-16 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-6 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-12 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-13 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-15 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-16 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-17 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-10 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-11 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-12 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-13 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-14 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-15 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-16 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-17 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-3b .reference-shoulder-5 {
  display: none;
}

.quiz-results-data.shoulder.selected-answer-1c.selected-answer-4a .reference-shoulder-14 {
  display: none;
}

.quiz-results-data.elbow .quiz-related-product-snippet.quiz-related-product-elbow,
.quiz-results-data.elbow .quiz-related-article-snippet.quiz-related-article-elbow {
  display: block;
}

.quiz-results-data.elbow .quiz-result-elbow {
  display: block;
}

.quiz-results-data.elbow.selected-answer-2c .reference-elbow-10 {
  display: none;
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-3 {
  display: none;
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-4 {
  display: none;
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-5 {
  display: none;
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-10 {
  display: none;
}

.quiz-results-data.neck .quiz-related-product-snippet.quiz-related-product-neck,
.quiz-results-data.neck .quiz-related-article-snippet.quiz-related-article-neck {
  display: block;
}

.quiz-results-data.neck .quiz-result-neck {
  display: block;
}

.quiz-results-data.neck.selected-answer-1c .reference-neck-6 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2b .reference-elbow-2 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2b .reference-elbow-10 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2b .reference-elbow-12 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2c .reference-elbow-2 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2c .reference-elbow-4 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2c .reference-elbow-8 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2c .reference-elbow-9 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2c .reference-elbow-10 {
  display: none;
}

.quiz-results-data.neck.selected-answer-2c .reference-elbow-12 {
  display: none;
}

.quiz-results-data.neck.selected-answer-3a .reference-neck-13 {
  display: none;
}

.quiz-results-data.neck.selected-answer-1c.selected-answer-4a .reference-neck-13 {
  display: none;
}

.quiz-results-data.neck.selected-answer-5b .reference-neck-3 {
  display: none;
}

.quiz-results-data.neck.selected-answer-5b .reference-neck-6 {
  display: none;
}

.quiz-results-data.neck.selected-answer-5b .reference-neck-13 {
  display: none;
}

.quiz-results-data.hand .quiz-related-product-snippet.quiz-related-product-hand,
.quiz-results-data.hand .quiz-related-article-snippet.quiz-related-article-hand {
  display: block;
}

.quiz-results-data.hand .quiz-result-hand {
  display: block;
}

.quiz-results-data.hand.selected-answer-3a .reference-hand-11 {
  display: none;
}

.quiz-results-data .richText-image {
  object-fit: contain;
  flex-shrink: 0;
}

.reference-header.Header {
  min-height: 52px;
  position: fixed;
  z-index: 1000;
  background-color: #FFFFFF;
}

.reference-header.Header>.inner>.component-content {
  position: fixed;
  z-index: 101;
  background-color: white;
  width: 100vw;
  max-width: 100%;
  height: 52px;
}

@media (min-width: 992px) {
  .reference-header.Header>.inner>.component-content {
    background-image: none;
    position: initial;
    box-shadow: none;
  }
}

.reference-header.Header>.inner>.component-content>.image.header-background-mb {
  z-index: -1;
  position: absolute;
  bottom: -0;
}

@media (min-width: 992px) {
  .reference-header.Header>.inner>.component-content>.image.header-background-mb {
    display: none;
  }
}

.reference-header.Header>.inner>.component-content>.image.header-background-mb.no-background {
  display: none;
}

.reference-header.Header>.inner>.component-content>.image.header-background-mb .component-content {
  display: flex;
}

.reference-header.Header>.inner>.component-content>.image.header-background-mb img {
  transform: translateX(calc(100vw - 767px));
  min-width: 940px;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .reference-header.Header>.inner>.component-content>.image.header-background-mb img {
    transform: none;
  }
}

.reference-header.Header:not(.is-expanded)>.inner>.component-content>.image.header-background-mb {
  display: none;
}

.reference-header.Header .navigation-mobile-menu {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 1;
  outline: none;
  margin-left: 8px;
  border: none;
  top: 16px;
  left: 8px;
  cursor: pointer;
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -524px -511px;
}

@media (min-width: 992px) {
  .reference-header.Header .navigation-mobile-menu {
    display: none;
  }
}

@media (min-width: 992px) {
  .reference-header.Header {
    border-bottom: 1px solid #F5F5F5;
  }
}

.reference-header.Header.is-expanded>.inner>.component-content {
  height: auto;
  max-height: 90vh;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.2);
}

.reference-header.Header.is-expanded>.inner>.component-content::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

.reference-header.Header.is-expanded .font-increment-mb {
  display: block;
}

.reference-header.Header.is-expanded .wrapper-hcp-links.clone {
  display: block;
}

@media (min-width: 992px) {
  .reference-header.Header.is-expanded .wrapper-hcp-links.clone {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header .main-nav .component-content {
    width: 100%;
    margin: auto;
  }

  .reference-header .main-nav button.navigation-mobile-menu {
    margin-left: 0 !important;
  }

  .reference-header .main-nav .navigation-branch {
    list-style-type: none;
  }

  .reference-header .main-nav .navigation-branch li {
    display: inline-block;
    position: relative;
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-style: normal;
    border-bottom: 1px solid #F5F5F5;
    padding: 11px 0;
    width: 100%;
  }

  .reference-header .main-nav .navigation-branch li a::after {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    margin-top: 6px;
    margin-right: 6px;
    padding: 5px;
    right: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header .main-nav .navigation-branch li a::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@media only screen and (max-width: 991px) {
  .reference-header .main-nav .navigation-branch li:not(.has-dropdown) a::after {
    -webkit-transform: rotate(-45deg);
  }

  .reference-header .main-nav .navigation-branch li a {
    color: var(--secondary-color-dark);
    display: block;
    width: 95%;
    height: 100%;
  }

  .reference-header .main-nav .navigation-branch li.is-active a::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .reference-header .main-nav .navigation-branch li.is-active {
    border-bottom: none;
    margin-bottom: 20px;
  }

  .reference-header .main-nav .navigation-branch li.is-active::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 15%;
    left: 0;
    border-bottom: 2px solid var(--primary-color);
  }
}

@media (min-width: 992px) {
  .reference-header .main-nav {
    height: 69px;
    display: flex;
    align-items: center;
  }
}

.reference-header .main-nav .navigation-root.navigation-level1 {
  display: none;
}

.reference-header .main-nav .navigation-root.navigation-level1.is-open {
  display: block;
}

@media (min-width: 992px) {
  .reference-header .main-nav .navigation-root.navigation-level1 {
    display: flex;
    justify-content: space-between;
  }
}

.reference-header .main-nav button.navigation-mobile-menu {
  display: none;
}

@media (min-width: 992px) {
  .reference-header .main-nav .navigation-level1 {
    display: flex;
    justify-content: space-between;
  }

  .reference-header .main-nav .navigation-level1 .navigation-item {
    align-items: center;
    font-size: 1.125rem;
    line-height: 21px;
    padding: 12px 12px;
    font-family: 'DiodrumVoltaren', sans-serif; font-weight: 600;
    font-weight: 600;
    cursor: pointer;
  }

  .reference-header .main-nav .navigation-level1 .navigation-item a {
    font-family: 'DiodrumVoltaren', sans-serif;
    color: var(--secondary-color);
    font-weight: 600;
  }

  .reference-header .main-nav .navigation-level1 .navigation-item:hover,
  .reference-header .main-nav .navigation-level1 .navigation-item.main-link-active {
    background-color: var(--primary-color);
    border-radius: 22.5px;
  }

  .reference-header .main-nav .navigation-level1 .navigation-item:hover a,
  .reference-header .main-nav .navigation-level1 .navigation-item.main-link-active a {
    color: #FFFFFF;
  }

  .reference-header .main-nav .navigation-level1 .navigation-item:hover {
    background-color: var(--secondary-color);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .reference-header .main-nav .navigation-level1 .navigation-item {
    padding: 12px 6px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1060px) {
  .reference-header .main-nav .navigation-level1 .navigation-item {
    font-size: 1rem;
  }
}

.reference-header .main-nav ul {
  padding-inline-start: 0;
  -webkit-padding-start: 0;
}

@media (min-width: 992px) {
  .reference-header .main-nav {
    flex: 1;
    margin-left: 15px;
  }
}

.reference-header .navigation-mobile-menu.is-open {
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -524px -469px;
}

.reference-header .mega-menu {
  display: none;
}

@media (min-width: 992px) {
  .reference-header .mega-menu {
    display: block;
    overflow-y: auto;
    max-height: 80vh;
  }

  .reference-header .mega-menu .inner>.component-content {
    overflow: hidden;
  }

  .reference-header .mega-menu .navigation-branch li {
    font-weight: 600;
  }
}

@media (min-width: 992px) {
  .reference-header .Header .color-wordmark-blue .keyline::after {
    width: 100px;
  }

  .reference-header .Header .keyline::after {
    margin-top: 5px;
    width: auto;
  }

  .reference-header .Header .mb-nav-submenu {
    width: auto;
  }

  .reference-header .container-nav-rounded-white {
    position: absolute;
    z-index: 101;
    top: 121px;
    display: none;
    background-color: #FFFFFF;
    border-bottom-right-radius: 80px;
  }

  .reference-header .mega-menu {
    padding: 20px 0;
  }

  .reference-header .mega-menu .button-learn-more {
    padding: 20px;
    display: flex;
    align-items: center;
  }

  .reference-header .mega-menu .navigation-mobile-menu {
    display: none;
  }

  .reference-header .mega-menu .navigation-level1 {
    display: block;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item {
    font-size: 1.375rem;
    line-height: 32px;
    position: relative;
    max-width: 77%;
    padding: 10px 0;
    padding-left: 15px;
    padding-right: 40px;
    margin-top: 6px;
    cursor: pointer;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item::after {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    font-size: 1rem;
    color: var(--primary-color);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    padding-top: 6px;
    right: 10px;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item a {
    color: var(--secondary-color);
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item:hover,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-tabbed,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    border-bottom-right-radius: 30px;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item:hover.page-voltanatura-gel,
  .reference-header .mega-menu .navigation-level1 .navigation-item:hover.page-voltanatura,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-tabbed.page-voltanatura-gel,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-tabbed.page-voltanatura,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active.page-voltanatura-gel,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active.page-voltanatura {
    background: radial-gradient(at bottom left, #009A44, #00e766) !important;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item:hover a,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-tabbed a,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active a {
    color: #FFFFFF;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item:hover::after,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-tabbed::after,
  .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active::after {
    color: #FFFFFF;
  }

  .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active {
    border-bottom-right-radius: 0;
  }

  .reference-header .mega-menu .navigation-hover .navigation-item {
    max-width: 100%;
  }

  .reference-header .mega-menu .navigation-hover .navigation-item:hover {
    border-radius: initial;
  }

  .reference-header .mega-menu ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0;
  }

  .reference-header .mega-menu-hover-box {
    display: none;
    position: absolute;
    height: 100%;
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    right: 0;
    padding: 30px;
    border-bottom-right-radius: 60px;
    transition: 0s;
  }

  .reference-header .mega-menu-hover-box figcaption p:last-of-type {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .reference-header .mega-menu-hover-box .button-learn-more-white {
    font-family: 'DiodrumVoltaren', sans-serif;
    padding-right: 40px;
    font-weight: bold;
  }

  .reference-header .mega-menu-hover-box .button-learn-more-white::after {
    border-width: 0 3px 3px 0;
  }

  .reference-header .green-bg {
    background: radial-gradient(at bottom left, #009A44, #00e766) !important;
  }

  .reference-header .hover-voltanatura {
    background: radial-gradient(at bottom left, #009A44, #00e766) !important;
  }

  .reference-header .mega-menu-img figcaption {
    padding-left: 15px;
  }

  .reference-header .mega-menu-img figcaption .no-decoration {
    width: 70%;
  }

  .reference-header .mega-menu-img figcaption .no-decoration:hover span,
  .reference-header .mega-menu-img figcaption .no-decoration:focus span {
    color: var(--primary-color);
  }

  .reference-header .mega-menu-img figcaption .arrow-after::after {
    right: -30px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .reference-header .mega-menu-img {
    right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header .scrollable .mb-dropdown {
    margin-bottom: 15px;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  }

  .reference-header .scrollable .mb-dropdown::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }

  .reference-header .mb-dropdown {
    max-height: 100vh;
  }

  .reference-header .mb-dropdown figcaption {
    width: 80%;
  }

  .reference-header .mb-dropdown figcaption a {
    z-index: 30;
    text-align: left;
  }

  .reference-header .mb-dropdown figcaption a::after {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: -15%;
    margin-top: -6px;
  }

  .reference-header .mb-dropdown figcaption a span {
    display: block;
    line-height: 1.4;
    margin-bottom: 11px;
  }

  .reference-header .mb-dropdown button {
    display: none;
  }

  .reference-header .mb-dropdown .navigation.component.section {
    z-index: 30;
  }

  .reference-header .mb-dropdown .navigation.component.section {
    padding-top: 0;
  }

  .reference-header .mb-dropdown .navigation.component.section .box.component.section {
    padding-top: 0;
  }

  .reference-header .mb-dropdown .keyline::after {
    display: none;
  }

  .reference-header .mb-dropdown .container {
    padding: 0;
  }

  .reference-header .mb-dropdown .mb-nav-submenu {
    z-index: 20;
    padding-right: 16px;
  }

  .reference-header .mb-dropdown .mb-nav-submenu .richText-content {
    border-bottom: 1px solid #F5F5F5;
    padding: 11px 0;
  }

  .reference-header .mb-dropdown .mb-nav-submenu .richText-content::after {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    padding: 5px;
    right: 16px;
    top: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform .2s ease-out;
  }

  .reference-header .mb-dropdown .mb-nav-submenu .keyline .h5-styles {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header .mb-dropdown .mb-nav-submenu .keyline .h5-styles {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header .mb-dropdown .mb-nav-submenu.active-submenu .richText-content::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .reference-header .mb-dropdown .is-dropdown-expanded .navigation-item-title {
    font-size: 16px;
  }

  .reference-header .mb-dropdown .mega-menu-img .image {
    margin-top: 10px;
  }

  .reference-header .mb-dropdown .mega-menu-img figure {
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 11px;
  }

  .reference-header .mb-dropdown .mega-menu-img figure img {
    width: 100%;
  }

  .reference-header .navigation-logo {
    margin-top: -20px;
  }

  .reference-header .navigation-logo img {
    max-width: 99px !important;
    max-height: 32px !important;
  }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header .navigation-logo {
    margin-top: initial;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header .padding-60-top {
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reference-header .mb-dropdown .mega-menu-img figure img {
    width: 75%;
  }
}

.reference-header .no-background {
  background-image: none !important;
}

@media (min-width: 992px) {
  .reference-header .navigation-link-active.is-active {
    background-color: var(--secondary-color);
    border-radius: 22.5px;
  }

  .reference-header .navigation-link-active.is-active.navigation-level1.navigation-item a {
    color: #FFFFFF;
  }
}

.reference-header .navigation-branch.is-open li>a::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.reference-header .mb-dropdown ul.is-open li>a::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.reference-header .is-dropdown-expanded ul.navigation-level1 li a::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.reference-header .main-title-active {
  z-index: 1000;
}

.reference-header .main-title-active p::after {
  content: '';
  position: absolute;
  border: solid #E37200;
  border-width: 0 2px 2px 0;
  margin-top: 11px;
  margin-right: 6px;
  padding: 5px;
  right: -2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-134deg);
}

@media (min-width: 992px) {
  .reference-header .clone {
    display: none !important;
  }
}

.reference-header .mega-menu>.inner>.component-content>.box>.component-content>.paragraphSystem {
  overflow: hidden;
}

.reference-header-rework.Header {
  min-height: 66px;
  position: fixed;
  z-index: 1000;
  background-color: #FFFFFF;
  margin: auto;
  left: 0;
  right: 0;
}

.reference-header-rework.Header>.inner>.component-content {
  position: fixed;
  z-index: 101;
  background-color: white;
  width: 100vw;
  max-width: 100%;
  height: 52px;
}

@media (min-width: 992px) {
  .reference-header-rework.Header>.inner>.component-content {
    background-image: none;
    position: initial;
    box-shadow: none;
  }
}

.reference-header-rework.Header>.inner>.component-content>.image.header-background-mb {
  z-index: -1;
  position: absolute;
  bottom: -0;
}

@media (min-width: 992px) {
  .reference-header-rework.Header>.inner>.component-content>.image.header-background-mb {
    display: none;
  }
}

.reference-header-rework.Header>.inner>.component-content>.image.header-background-mb.no-background {
  display: none;
}

.reference-header-rework.Header>.inner>.component-content>.image.header-background-mb .component-content {
  display: flex;
}

.reference-header-rework.Header>.inner>.component-content>.image.header-background-mb img {
  transform: translateX(calc(100vw - 767px));
  min-width: 940px;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .reference-header-rework.Header>.inner>.component-content>.image.header-background-mb img {
    transform: none;
  }
}

.reference-header-rework.Header:not(.is-expanded)>.inner>.component-content>.image.header-background-mb {
  display: none;
}

.reference-header-rework.Header .navigation-mobile-menu {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 1;
  outline: none;
  margin-left: 8px;
  border: none;
  top: 25px;
  left: 8px;
  cursor: pointer;
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -524px -511px;
}

@media (min-width: 992px) {
  .reference-header-rework.Header .navigation-mobile-menu {
    display: none;
  }
}

.reference-header-rework.Header.is-expanded>.inner>.component-content {
  height: auto;
  max-height: 90vh;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 991px) {
  .reference-header-rework.Header.is-expanded>.inner>.component-content {
    background-color: #F5F5F5;
  }
}

.reference-header-rework.Header.is-expanded>.inner>.component-content::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

.reference-header-rework.Header.is-expanded .font-increment-mb {
  display: block;
}

.reference-header-rework.Header.is-expanded .wrapper-hcp-links.clone {
  display: block;
}

@media (min-width: 992px) {
  .reference-header-rework.Header.is-expanded .wrapper-hcp-links.clone {
    display: none;
  }
}

.reference-header-rework.Header.is-expanded .wrapper-hcp-links.clone>.component-content>.content {
  display: flex;
  justify-content: center;
}

.reference-header-rework .snippetReference.is-dropdown-expanded .navigation-branch a::after {
  display: none !important;
}

.reference-header-rework .main-title-active {
  padding-bottom: 0 !important;
}

.reference-header-rework .main-title-active+li {
  padding-top: 0 !important;
  margin-bottom: 5px !important;
}

.reference-header-rework .main-title-active+li a::after {
  display: none;
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .main-nav .component-content {
    width: 100%;
    margin: auto;
  }

  .reference-header-rework .main-nav button.navigation-mobile-menu {
    margin-left: 0 !important;
  }

  .reference-header-rework .main-nav .navigation-branch {
    list-style-type: none;
  }

  .reference-header-rework .main-nav .navigation-branch .has-dropdown .navigation-item a::after {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    margin-right: 16px;
    padding: 4px;
    right: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header-rework .main-nav .navigation-branch .has-dropdown .navigation-item a::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .main-nav .navigation-branch li {
    display: flex;
    align-items: center;
    position: relative;
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-style: normal;
    border-bottom: 1px solid #E6E6E6;
    padding: 11px 0;
    width: 100%;
    padding-left: 32px;
    padding-right: 16px;
    background-color: #fff;
  }

  .reference-header-rework .main-nav .navigation-branch li::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    background-color: var(--primary-color);
    left: 0;
    top: 0;
  }

  .reference-header-rework .main-nav .navigation-branch li a {
    color: var(--secondary-color-dark);
    display: block;
    width: 95%;
    height: 100%;
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 991px) {
  .reference-header-rework .main-nav .navigation-branch li a {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .main-nav .navigation-branch li.has-dropdown {
    padding-left: 16px !important;
  }

  .reference-header-rework .main-nav .navigation-branch li.has-dropdown::before,
  .reference-header-rework .main-nav .navigation-branch li.has-dropdown::after {
    display: none;
  }

  .reference-header-rework .main-nav .navigation-branch li.is-active {
    border-bottom: none;
    background-color: var(--secondary-color);
  }

  .reference-header-rework .main-nav .navigation-branch li.is-active a {
    color: #fff;
  }

  .reference-header-rework .main-nav .navigation-branch li.is-active a::after {
    transform: rotate(225deg);
  }
}

@media (min-width: 992px) {
  .reference-header-rework .main-nav {
    height: 69px;
    display: flex;
    align-items: center;
  }
}

.reference-header-rework .main-nav .navigation-root.navigation-level1 {
  display: none;
}

.reference-header-rework .main-nav .navigation-root.navigation-level1.is-open {
  display: block;
}

@media (min-width: 992px) {
  .reference-header-rework .main-nav .navigation-root.navigation-level1 {
    display: flex;
    justify-content: space-between;
  }
}

.reference-header-rework .main-nav button.navigation-mobile-menu {
  display: none;
}

@media (min-width: 992px) {
  .reference-header-rework .main-nav .navigation-level1 {
    display: flex;
    justify-content: space-between;
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item {
    align-items: center;
    font-size: 1.125rem;
    line-height: 21px;
    padding: 12px 12px;
    font-family: 'DiodrumVoltaren', sans-serif; font-weight: 600;
    font-weight: 600;
    cursor: pointer;
    padding-right: 40px;
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item.has-dropdown.is-active a::after {
    transform: translateY(-50%) rotate(180deg);
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item.has-dropdown a:after {
    content: "\f078";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    color: var(--primary-color);
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .reference-header-rework .main-nav .navigation-level1 .navigation-item.has-dropdown a:after {
    right: -20px;
  }
}

@media (min-width: 992px) {
  .reference-header-rework .main-nav .navigation-level1 .navigation-item a {
    position: relative;
    font-family: 'DiodrumVoltaren', sans-serif;
    color: var(--secondary-color);
    font-weight: 600;
    padding-right: 20px;
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item:hover {
    background-color: var(--primary-color);
    border-radius: 22.5px;
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item:hover a {
    color: #FFFFFF;
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item:hover a::after {
    color: var(--secondary-color);
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item:hover {
    background-color: var(--secondary-color);
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item:hover a {
    color: #FFFFFF;
  }

  .reference-header-rework .main-nav .navigation-level1 .navigation-item:hover a::after {
    color: var(--primary-color);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .reference-header-rework .main-nav .navigation-level1 .navigation-item {
    padding: 12px 6px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1060px) {
  .reference-header-rework .main-nav .navigation-level1 .navigation-item {
    font-size: 1rem;
  }
}

.reference-header-rework .main-nav ul {
  padding-inline-start: 0;
  -webkit-padding-start: 0;
}

@media (min-width: 992px) {
  .reference-header-rework .main-nav {
    flex: 1;
    margin-left: 15px;
  }
}

.reference-header-rework .navigation-mobile-menu.is-open {
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -524px -469px;
}

.reference-header-rework .mega-menu {
  display: none;
  margin-left: 16px;
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .mega-menu {
    margin-left: 0;
    background-color: #fff;
  }
}

@media (min-width: 992px) {
  .reference-header-rework .mega-menu {
    display: block;
    overflow-y: auto;
    max-height: 80vh;
    margin-left: 0;
  }

  .reference-header-rework .mega-menu .inner>.component-content {
    overflow: hidden;
  }
}

.reference-header-rework .mega-menu-img {
  display: none !important;
}

@media (min-width: 992px) {
  .reference-header-rework .Header .color-wordmark-blue .keyline::after {
    width: 100px;
  }

  .reference-header-rework .Header .keyline::after {
    margin-top: 5px;
    width: auto;
  }

  .reference-header-rework .Header .mb-nav-submenu {
    width: fit-content;
    padding-left: 0;
    margin-bottom: 16px;
  }

  .reference-header-rework .Header .mb-nav-submenu .keyline::after {
    height: 1px;
    margin-top: 0;
  }

  .reference-header-rework .container-nav-rounded-white {
    position: absolute;
    z-index: 101;
    top: 121px;
    display: none;
    background-color: #FFFFFF;
    border-bottom-right-radius: 30px;
    margin: auto;
    right: 0;
    width: fit-content !important;
    min-width: 297px;
    box-shadow: 0px 8px 16px rgba(50, 49, 49, 0.15);
  }

  .reference-header-rework .container-nav-rounded-white.reference-wirkstoffe-reworked {
    margin: 0;
    left: calc(50vw - 555px);
    transform: translateX(20%);
    overflow: hidden;
  }

  .reference-header-rework .container-nav-rounded-white.reference-wirkstoffe-reworked {
    margin: 0;
    left: calc(50vw - 555px);
    transform: translateX(20%);
    overflow: hidden;
  }

  .reference-header-rework .container-nav-rounded-white.reference-schmerzen-und-gesundheit-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-health-wellness-and-your-pain-reworked,
  .reference-header-rework .container-nav-rounded-white.nav-health {
    margin: 0;
    left: calc(50vw - 500px);
    transform: translateX(20%);
  }

  .reference-header-rework .container-nav-rounded-white.reference-behandlung-nach-schmerzart-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-treatment-by-pain-type-reworked,
  .reference-header-rework .container-nav-rounded-white.nav-treatment-pain {
    left: 25%;
  }

  .reference-header-rework .container-nav-rounded-white.reference-behandlung-nach-schmerzart-reworked .box.col-md-3,
  .reference-header-rework .container-nav-rounded-white.reference-treatment-by-pain-type-reworked .box.col-md-3,
  .reference-header-rework .container-nav-rounded-white.nav-treatment-pain .box.col-md-3 {
    width: 50%;
  }

  .reference-header-rework .container-nav-rounded-white.reference-behandlung-nach-schmerzart-reworked .box.col-md-3>.component-content>.content,
  .reference-header-rework .container-nav-rounded-white.reference-treatment-by-pain-type-reworked .box.col-md-3>.component-content>.content,
  .reference-header-rework .container-nav-rounded-white.nav-treatment-pain .box.col-md-3>.component-content>.content {
    display: flex;
    flex-direction: column;
  }

  .reference-header-rework .container-nav-rounded-white.reference-behandlung-nach-schmerzart-reworked .box.col-md-3:nth-of-type(4),
  .reference-header-rework .container-nav-rounded-white.reference-treatment-by-pain-type-reworked .box.col-md-3:nth-of-type(4),
  .reference-header-rework .container-nav-rounded-white.nav-treatment-pain .box.col-md-3:nth-of-type(4) {
    margin-left: 16px;
    width: calc(50% - 16px);
  }

  .reference-header-rework .container-nav-rounded-white.reference-ber-voltaren-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-about-voltaren-reworked,
  .reference-header-rework .container-nav-rounded-white.nav-about-voltaren {
    left: 74%;
  }
}

@media (min-width: 1800px) {
  .reference-header-rework .container-nav-rounded-white.reference-onze-producten-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-over-voltaren-reworked {
    right: calc((100vw - 1200px) / 2);
  }
}


@media (min-width: 992px) and (min-width: 1199px) {
  .reference-header-rework .container-nav-rounded-white.reference-produkte-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-our-products-reworked,
  .reference-header-rework .container-nav-rounded-white.nav-products {
    left: calc(50vw - 50%);
  }
}

@media (min-width: 1200px) {
  .reference-header-rework .container-nav-rounded-white.reference-produkte-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-our-products-reworked,
  .reference-header-rework .container-nav-rounded-white.nav-products {
    left: calc(50vw - 85%);
  }
  :lang(es-ES) .reference-header-rework .container-nav-rounded-white.nav-products {
    left: calc(50vw - 35%);
  }
  :lang(pt-PT) .reference-header-rework .container-nav-rounded-white.nav-products,
  :lang(fr-CA) .reference-header-rework .container-nav-rounded-white.nav-products,
  :lang(en-CA) .reference-header-rework .container-nav-rounded-white.nav-products {
    left: calc(50vw - 40%);
  }
}

@media (min-width: 992px) and (min-width: 1440px) {
  .reference-header-rework .container-nav-rounded-white.reference-ber-voltaren-reworked,
  .reference-header-rework .container-nav-rounded-white.reference-about-voltaren-reworked,
  .reference-header-rework .container-nav-rounded-white.nav-about-voltaren {
    left: 60%;
  }
}

@media (min-width: 992px) {
  .reference-header-rework .container-nav-rounded-white .navigation {
    width: 100%;
    padding-top: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .reference-header-rework .mega-menu {
    padding: 16px 40px 24px;
    width: auto;
  }

  .reference-header-rework .mega-menu .button-learn-more {
    padding: 20px;
    display: flex;
    align-items: center;
  }

  .reference-header-rework .mega-menu .navigation-mobile-menu {
    display: none;
  }

  .reference-header-rework .mega-menu .navigation-level1 {
    display: block;
  }

  .reference-header-rework .mega-menu .navigation-level1 .navigation-item {
    line-height: 19px;
    position: relative;
    padding: 8px 12px 8px 0;
    cursor: pointer;
    width: max-content;
    width: 100%;
  }

  .reference-header-rework .mega-menu .navigation-level1 .navigation-item:after {
    content: "\f078";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    color: var(--primary-color);
  }

  .reference-header-rework .mega-menu .navigation-level1 .navigation-item a {
    color: var(--secondary-color);
    font-size: 1rem;
  }

  .reference-header-rework .mega-menu .navigation-level1 .navigation-item:hover a,
  .reference-header-rework .mega-menu .navigation-level1 .navigation-item.is-tabbed a,
  .reference-header-rework .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active a {
    color: var(--primary-color);
  }

  .reference-header-rework .mega-menu .navigation-hover .navigation-item {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 25px;
  }

  .reference-header-rework .mega-menu ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0;
  }

  .reference-header-rework .mega-menu-hover-box {
    display: none;
    height: 100%;
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    right: 0;
    padding: 30px;
    border-bottom-right-radius: 60px;
    transition: 0s;
  }

  .reference-header-rework .mega-menu-hover-box figcaption p:last-of-type {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .reference-header-rework .mega-menu-hover-box .button-learn-more-white {
    font-family: 'DiodrumVoltaren', sans-serif;
    padding-right: 40px;
    font-weight: bold;
  }

  .reference-header-rework .mega-menu-hover-box .button-learn-more-white::after {
    border-width: 0 3px 3px 0;
  }

  .reference-header-rework .green-bg {
    background: radial-gradient(at bottom left, #009A44, #00e766) !important;
  }

  .reference-header-rework .mega-menu-img figcaption {
    padding-left: 15px;
  }

  .reference-header-rework .mega-menu-img figcaption .no-decoration {
    width: 70%;
  }

  .reference-header-rework .mega-menu-img figcaption .no-decoration:hover span,
  .reference-header-rework .mega-menu-img figcaption .no-decoration:focus span {
    color: var(--primary-color);
  }

  .reference-header-rework .mega-menu-img figcaption .arrow-after::after {
    right: -30px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .reference-header-rework .mega-menu-img {
    right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .scrollable .mb-dropdown {
    margin-bottom: 32px;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  }

  .reference-header-rework .scrollable .mb-dropdown::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }

  .reference-header-rework .mb-dropdown {
    max-height: 100vh;
  }

  .reference-header-rework .mb-dropdown figcaption {
    width: 80%;
  }

  .reference-header-rework .mb-dropdown figcaption a {
    z-index: 30;
    text-align: left;
  }

  .reference-header-rework .mb-dropdown figcaption a::after {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    padding: 5px;
    right: -15%;
    margin-top: -6px;
  }

  .reference-header-rework .mb-dropdown figcaption a span {
    display: block;
    line-height: 1.4;
    margin-bottom: 11px;
  }

  .reference-header-rework .mb-dropdown button {
    display: none;
  }

  .reference-header-rework .mb-dropdown .navigation.component.section {
    z-index: 30;
  }

  .reference-header-rework .mb-dropdown .navigation.component.section {
    padding-top: 0;
  }
}

@media only screen and (max-width: 991px) and (max-width: 991px) {
  .reference-header-rework .mb-dropdown .navigation.component.section {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .mb-dropdown .navigation.component.section .box.component.section {
    padding-top: 0;
  }

  .reference-header-rework .mb-dropdown .keyline::after {
    display: none;
  }

  .reference-header-rework .mb-dropdown .container {
    padding: 0;
  }

  .reference-header-rework .mb-dropdown .mb-nav-submenu {
    z-index: 20;
    padding-right: 16px;
    padding-left: 32px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #E6E6E6;
  }

  .reference-header-rework .mb-dropdown .mb-nav-submenu span {
    font-size: 16px;
    color: var(--secondary-color);
  }

  .reference-header-rework .mb-dropdown .mb-nav-submenu .richText-content {
    padding: 11px 0;
  }

  .reference-header-rework .mb-dropdown .mb-nav-submenu .keyline .h5-styles {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header-rework .mb-dropdown .mb-nav-submenu .keyline .h5-styles {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .mb-dropdown .mb-nav-submenu.active-submenu .richText-content::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .reference-header-rework .mb-dropdown .is-dropdown-expanded .navigation-item-title {
    font-size: 16px;
    font-weight: normal;
  }

  .reference-header-rework .mb-dropdown .mega-menu-img .image {
    margin-top: 10px;
  }

  .reference-header-rework .mb-dropdown .mega-menu-img figure {
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 11px;
  }

  .reference-header-rework .mb-dropdown .mega-menu-img figure img {
    width: 100%;
  }

  .reference-header-rework .navigation-logo {
    margin-top: -50px;
  }

  .reference-header-rework .navigation-logo img {
    max-width: 99px !important;
    max-height: 32px !important;
  }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header-rework .navigation-logo {
    margin-top: initial;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .padding-60-top {
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reference-header-rework .mb-dropdown .mega-menu-img figure img {
    width: 75%;
  }
}

.reference-header-rework .no-background {
  background-image: none !important;
}

@media (min-width: 992px) {
  .reference-header-rework .navigation-link-active.is-active {
    background-color: var(--secondary-color);
    border-radius: 22.5px;
  }

  .reference-header-rework .navigation-link-active.is-active.navigation-level1.navigation-item a {
    color: #FFFFFF;
  }
}

.reference-header-rework .dropdown-with-image>.component-content>.content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.reference-header-rework .navigation-dropdown-main-link {
  margin-bottom: 16px;
}

.reference-header-rework .navigation-dropdown-main-link a {
  font-weight: 600;
  color: var(--secondary-color);
}

.reference-header-rework .navigation-dropdown-main-link a:hover {
  color: var(--primary-color);
}

.reference-header-rework .navigation-dropdown-main-link a:after {
  content: "\f078";
  position: absolute;
  right: 15px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  color: var(--primary-color);
  transform: rotate(270deg);
}

.reference-header-rework .navigation-dropdown-main-link>.component-content>.richText-content {
  max-width: fit-content;
}

.reference-header-rework .main-title-active {
  z-index: 1000;
}

.reference-header-rework .main-title-active p::after {
  content: '';
  position: absolute;
  border: solid #E37200;
  border-width: 0 2px 2px 0;
  margin-top: 11px;
  margin-right: 6px;
  padding: 5px;
  right: -2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-134deg);
}

@media (min-width: 992px) {
  .reference-header-rework .clone {
    display: none !important;
  }
}

.reference-header-rework .mega-menu>.inner>.component-content>.box>.component-content>.paragraphSystem {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.reference-header-rework .navigation-dropdown-main-link {
  width: 100%;
  display: none;
}

@media (min-width: 992px) {
  .reference-header-rework .navigation-dropdown-main-link {
    display: block;
  }
}

.reference-header-rework .navigation-dropdown-main-link a {
  text-decoration: none !important;
}

.reference-header-rework .navigation-dropdown-main-link-mobile {
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  display: flex;
  padding-left: 32px;
  padding-right: 16px;
  margin-bottom: 0;
  border-bottom: 1px solid #E6E6E6;
}

.reference-header-rework .navigation-dropdown-main-link-mobile a {
  font-weight: 600;
  color: var(--secondary-color);
  text-decoration: none !important;
}

.reference-header-rework .navigation-dropdown-main-link-mobile a::after {
  margin-right: 16px;
}

.reference-header-rework .navigation-dropdown-main-link-mobile::after {
  content: '';
  position: absolute;
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  margin-right: 16px;
  padding: 4px;
  right: 0;
  transform: rotate(-45deg);
}

@media (min-width: 992px) {
  .reference-header-rework .navigation-dropdown-main-link-mobile {
    display: none;
  }
}

.reference-header-rework .mega-menu-with-image .navigation {
  width: 50%;
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .mega-menu-with-image .image {
    display: none !important;
  }
}

.reference-header-rework .mega-menu-with-image .image.hovered {
  display: flex !important;
}

.reference-header-rework .mega-menu-with-image .image.hover-default {
  display: flex;
}

.reference-header-rework .mega-menu-with-image .image img {
  object-fit: contain;
}

.reference-header-rework .mega-menu-with-image .hover-box {
  display: none;
  align-items: center;
  width: 300px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  max-width: 50%;
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .mega-menu-with-image .hover-box {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .reference-header-rework .mega-menu-with-image .hover-box.hovered {
    display: flex !important;
  }
}

.reference-header-rework .mega-menu-with-image .hover-box.hover-default {
  display: flex;
}

.reference-header-rework .mega-menu-with-image .hover-box img {
  object-fit: contain;
}

.reference-header-rework .mega-menu-with-image .hover-box .button-learn-more {
  font-size: 1rem;
  padding: 16px 40px 16px 16px;
}

.reference-header-rework .mega-menu-with-image .hover-box .button-learn-more::after {
  padding: 4px;
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .header-container {
    padding: 0 !important;
  }
}

@media (min-width: 992px) {
  .reference-header-rework .header-container {
    display: flex;
    justify-content: center;
    max-width: none !important;
    background-color: #fff;
  }
}

@media (min-width: 992px) {
  .reference-header-rework .header-container>.component-content>.content {
    display: flex;
  }
}

@media only screen and (max-width: 991px) {
  .reference-header-rework .utility-menu {
    height: 66px;
    padding: 0px 12px;
    background-color: #fff;
    border-bottom: 1px solid #E6E6E6;
  }
}

.navigation-level1.page-apothekensuche,
.navigation-level1.page-mandatory-information {
  display: none !important;
}

@media (min-width: 992px) {
  .read-more {
    display: inline;
  }
}

@media (min-width: 992px) {
  .dots {
    display: none;
  }
}

.read-more-lines {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@media (min-width: 992px) {
  .read-more-lines {
    display: none;
  }
}

.button-read-more {
  z-index: 1;
  color: var(--secondary-color);
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  display: table;
  margin: 0 auto;
  cursor: pointer;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.button-read-more::after {
  content: '';
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg) translate(4px, -6px);
  outline: none;
  position: relative;
}

.button-read-more.inverted::after {
  transform: scaleY(-1) rotate(45deg) translate(4px, -8px);
}

.button-read-more .text {
  width: 100%;
}

.button-read-more .text::after,
.button-read-more .text::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.button-read-more .text::before {
  margin-left: -50%;
}

.button-read-more .text::after {
  left: 17px;
  margin-right: -50%;
}

@media (min-width: 992px) {
  .button-read-more {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .hide-teaser {
    display: none;
  }
}

.show-more-btn {
  z-index: 1;
  color: var(--secondary-color);
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  display: table;
  margin: 0 auto;
  cursor: pointer;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.show-more-btn::after {
  content: '';
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg) translate(4px, -6px);
  outline: none;
  position: relative;
}

.show-more-btn.inverted::after {
  transform: scaleY(-1) rotate(45deg) translate(4px, -8px);
}

.show-more-btn .text {
  width: 100%;
}

.show-more-btn .text::after,
.show-more-btn .text::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.show-more-btn .text::before {
  margin-left: -50%;
}

.show-more-btn .text::after {
  left: 17px;
  margin-right: -50%;
}

@media (min-width: 992px) {
  .show-more-btn {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .hide-read {
    display: none !important;
  }

  body .show-video-container, body .show-video-container .component,
  body .show-video-container, body .show-video-container *{

    display: block!important;
  }
}

p[section-id] a {
  width: 100%;
}

.button-learn-more,
.product-buynow-button .buy-now-btn {
  display: inline-block;
  position: relative;
  background-color: var(--secondary-color);
  border-bottom: 2px solid #cccccc;
  border-bottom-right-radius: 30px;
  padding: 16px 0;
  padding-left: 16px;
  padding-right: 40px;
  color: #FFFFFF;
  font-family: 'DiodrumVoltaren', sans-serif;
  border: 2px solid transparent;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.125rem;
}

@media (min-width: 992px) {

  .button-learn-more,
  .product-buynow-button .buy-now-btn {
    padding-top: 23px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 1.375rem;
  }
}
.button-learn-more::after {
    content: '';
    position: absolute;
    border: solid #FFFFFF;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    transform: translateY(-50%) rotate(320deg);
    outline: none;
    margin-left: 10px;
    top: 50%;
    right: 15px;
  }
@media (min-width: 992px) {
  .button-learn-more::after {
    right: 25px;
  }
}

.button-learn-more:hover,
.button-learn-more:focus {
  background-color: var(--primary-color);
  transition: right .2s ease-out;
  text-decoration: underline !important;
  border: 2px solid #fff;
}

.button-learn-more:hover::after,
.button-learn-more:focus::after {
  right: 15px;
  transition: right .2s ease-out;
}

.button-learn-more-white {
  display: inline-block;
  position: relative;
  background-color: white;
  border-bottom: 2px solid #cccccc;
  border-bottom-right-radius: 30px;
  padding: 16px 0;
  padding-left: 16px;
  padding-right: 40px;
  color: var(--secondary-color);
  font-family: 'DiodrumVoltaren', sans-serif;
  border: 2px solid transparent;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.125rem;
}

@media (min-width: 992px) {
  .button-learn-more-white {
    padding-top: 23px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 1.375rem;
  }
}

.button-learn-more-white::after {
  content: '';
  position: absolute;
  border: solid var(--primary-color);
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  transform: translateY(-50%) rotate(320deg);
  outline: none;
  margin-left: 10px;
  top: 50%;
  right: 15px;
}

@media (min-width: 992px) {
  .button-learn-more-white::after {
    right: 25px;
  }
}

.button-learn-more-white:hover,
.button-learn-more-white:focus {
  background-color: var(--primary-color);
  transition: right .2s ease-out;
  text-decoration: underline !important;
  border: 2px solid #fff;
  color: #FFFFFF;
}

.button-learn-more-white:hover::after,
.button-learn-more-white:focus::after {
  right: 15px;
  transition: right .2s ease-out;
  border: solid #FFFFFF;
  border-width: 0 4px 4px 0;
}

.box-grey {
  background: linear-gradient(90deg, white 10%, whitesmoke 0%, whitesmoke 100%);
  border-top-left-radius: 50px;
}

.box-grey:before {
  content: "";
  width: 70px;
  height: 50px;
  top: -50px;
  right: 0;
  background-color: #F5F5F5;
  position: absolute;
  z-index: -1;
}

.box-grey::after {
  content: "";
  width: 70px;
  height: 50px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -50px;
  border-bottom-right-radius: 100%;
  z-index: -1;
}

.box-grey-right {
  background-color: #F5F5F5;
  border-radius: 50px;
  border-top-right-radius: 0;
  margin-top: 50px;
}

@media (min-width: 992px) {
  .box-grey-right {
    margin-left: 115px;
    width: calc(100% - 115px);
  }
}

.box-grey-right:before {
  content: "";
  width: 115px;
  height: 100px;
  top: -100px;
  right: 0;
  background-color: #F5F5F5;
  position: absolute;
  z-index: -1;
}

.box-grey-right::after {
  content: "";
  width: 115px;
  height: 100px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -100px;
  border-bottom-right-radius: 50%;
  z-index: -1;
}

@media (min-width: 992px) {
  .box-grey-right::after {
    border-bottom-right-radius: 100%;
  }
}

.grey-background:not(.selected-category) {
  background: #F5F5F5;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

@media (min-width: 992px) {
  .grey-background:not(.selected-category) {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABc0AAAWbCAMAAADV2mxUAAACPVBMVEUAAAD////////////////////////////////////////r6+vt7e3u7u7v7+/w8PDx8fHy8vLy8vLz8/Pz8/P09PT09PT19fX19fX29vb29vb39/f39/f39/f39/f4+Pj4+Pj4+Pj4+Pjy8vLz8/Pz8/Pz8/P09PT19fX29vb29vb39/f39/f39/fz8/Pz8/Pz8/P09PT09PT09PT09PT09PT19fX19fX19fX19fX29vb29vb29vb29vb29vb09PT09PT09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fVzd2RnAAAAvnRSTlMAAQIDBQYICQoLDA0ODxAREhMUFRYXGBkaHB0eHyAhIiQlJigpKywtNDg6PT4/QEFCQ0RFRkhJSktNUVRVV1laW11eX2BiZWZoaWprbG5vcHFydXZ3eHp7fH5/gIGChIWGh4iJiouMjY6PkJOUlZeYmZucn6ChoqOkpqeoqqusrrCxsrO0tba4uru9vr/GyMnKy87Q09XW19jZ2tvc3d7f4OHi4+Xm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+8Js16gAAAAFiS0dEAf8CLd4AABM2SURBVHja7d1pm1dzHMfx778JjbSoMJGlzRqlbJMle5ZBy4RUyL4LyVIKSaGyRIWSJFQzZalmqhmPzQ0ktEzNdr7ner0ewufG+zrXOb9zTkT7HTf88tsenbdk5brGxl9/B6DrbWhnyHuPnfbG53vsCJC35r3HP/vZPhMCZK752VM/ckkOkLvmZ0z51HQAuWteNXbBXsMB5K75oJk/WA0gec1HvLTbZgDJa37WHEdYALLX/IxX3C4HyF7zXvVe8wRIX/PrNtkKIHvNaxZZCiB7zSt3/GIogOw1H7TYTADpa177k5UAste8akaLkQCy1/zkZSYCSF/zc7+1EED6ml+6w0AA6Wt+i99RAOSv+Z2t5gFIX/N64wDkr/mDtgHIX/P7TAOQv+Z3WQYgf81v8gAUIH/NRzUZBiB9zUc02gUgfc37rTcLQPqa91hiFYD8NZ9lFID8NR/ne+YA+Wve7zubAOSv+QKTAOSv+U0WAchf8wFbLQKQv+buswCUoOa19gDIX/PjvrQHQP6aTzEHQP6aD9phDoD8NX/GGgD5a16zyxoA+Wv+gjEA8td8cLMxAPLX/HFbAOSvee/ttgDIX/O7TQFQgpqvNgVA/ppfbAmAEtT8dUsA5K95392WAMhf85sNAVCCmr9vCID8Ne/nPVCAEtTcv50BylDz+XYAyF/zqm12AMhf8wvNAFCCmt9vBoAS1Nz5RIAS1LzSYAaA/DUfaQWAEtTcaXOAMtT8CSsAlKDmy6wAUIKab7YCQP6an2gEgBLU/DwjAJSg5rVGAChBzeuMAFCCmj9kBIAS1HyOEQBKUPOFRgAoQc2XGwGgBDX/xAgAJaj5KiMAlKDma4wAUIKarzcCQAlqvsEIAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqruYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmRgBQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHM1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANTcCgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaqzmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5EQDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1FzNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzY0AoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGpuBAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANVdzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcyMAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5mgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJobAUDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzdUcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHU3AgAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGqu5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOZGAFBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQczUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHoMA1X28EgPTWxWojAKT3RawyAkB6n8UnRgBIb2UsNwJAeh/GW0YASG9+vGAEgPSeiweNAJDezKgzAkB6d0StEQDSuyLONQJAesOj2ggA2bX2ithsBoDkNkXEUjMAJLckIh4zA0BysyPiBjMAJDchIkaaASC5ERFRabADQGpbKxER7xkCILW3IyLiXkMApDYlIiIuMARAaudHRETVNksAJLalR0RExJumAEhs3p8xd+IcILUJf9W8b7MtANJq6vNXzZ1RBEjs7b9jHjcaAyCtCftr3meXNQCS2tl7f81jnjkAknrln5jHKHMAJHXhATWP1fYASGlN5cCa32UQgJTqDox5VHu7HyCjhup/1TxmmwQgoVn/jnnUNNkEIJ3dp/yn5vGcUQDSeeq/MY/TdloFIJnf/ndpHvGkWQCSeeT/MY8B2+0CkEpD/4PUPCYZBiCVuoPFPHqutQxAIqt7HrTmcYVpABIZG4fwhm0A0nj1UDGPAVusA5DE1oGHrLn/PQOkMSEOY759AFJYeLiYR9+NFgJIYFP/w9Y8xrTYCKDw9o2KI5huJIDCm3akmEdlkZUACu6dyhFrHn2/thNAoa09KdpgeIOlAAps27Bok4v8hwiguJpHRxtd32otgIJquTbarM5cAMXUenscBd86Byim+jgqsywGUEAz4ijV2wygcKbHUbvdO/4AxdJ6TxyDG5stB1AgTdfHMRmz3XYAhdF4SRyjkd9YD6Ag1g2PY9Z/qf0ACuH9ftEOlXrPQgG6X+sjPaJ9rvzRigDdbPNl0W4D37UjQLdaemp0gMptP5sSoNvsuDU6yGkLrQnQTRafHh3n6o0GBegGG8ZHhzqh/hejAnSxnTOOj442+OW9hgXoQnvm1ERnGDJHzwG6SsuCc6KzDHtxl4EBusDO5zuv5RERAx/YbGSATvb99AHR2arGLnDDBaDztHxwTc/oEoMnr2y1N0AnaF1xT010oTMnf9BkdYAOtXvZpCHR5aprn/nUPReAjrH346ev6hXdpXrM1NdW+eMcQHs0r3pt6ujq6HY9h46b+PDcxSu+2tro+1wAbfNz45avViye+/DEcUM74pnnH0qELVC1vnlaAAAAAElFTkSuQmCC");
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}

@media (min-width: 1440px) {
  .grey-background:not(.selected-category) {
    background-size: 90vw 100%;
  }
}

.grey-background:not(.selected-category):before {
  content: "";
  width: 115px;
  height: 100px;
  top: -100px;
  right: 0;
  background-color: #F5F5F5;
  position: absolute;
  z-index: -1;
}

.grey-background:not(.selected-category)::after {
  content: "";
  width: 115px;
  height: 100px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -100px;
  border-bottom-right-radius: 50%;
  z-index: -1;
}

@media (min-width: 992px) {
  .grey-background:not(.selected-category)::after {
    border-bottom-right-radius: 100%;
  }
}

.screen-change .content {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .screen-change .content .mb-first {
    order: 1;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 991px) {
  .screen-change .content .mb-second {
    order: 2;
  }
}

@media (max-width: 991px) {
  .screen-change .content .mb-third {
    order: 3;
  }
}

@media (max-width: 991px) {
  .screen-change .content .mb-fourth {
    order: 4;
  }
}

@media (max-width: 991px) {
  .screen-change .content .mb-fifth {
    order: 5;
  }
}

.screen-change-dt {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .screen-change-dt .dt-first {
    order: 1;
  }

  .screen-change-dt .dt-second {
    order: 2;
  }

  .screen-change-dt .dt-third {
    order: 3;
  }

  .screen-change-dt .dt-fourth {
    order: 4;
  }

  .screen-change-dt .dt-fifth {
    order: 5;
  }

  .screen-change-dt .dt-sixth {
    order: 6;
  }
}

.container-full-width {
  display: flex;
  float: none;
  justify-content: center;
  width: 100% !important;
}

.container-full-width>.component-content {
  max-width: 100%;
}

.container {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 16px;
  width: 100%;
}

@media (min-width: 992px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

.container .component-content {
  max-width: 100%;
}

.container-750 {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 16px;
  width: 100%;
}

@media (min-width: 992px) {
  .container-750 {
    max-width: 750px;
    padding: 0;
  }
}

.container-750 .component-content {
  max-width: 100%;
}

.container-quote {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 16px;
  width: 100vw;
}

@media (min-width: 768px) {
  .container-quote {
    max-width: 750px;
    padding: 0;
  }
}

.container-quote .component-content {
  max-width: 100%;
}

.container-rounded-bottom-right {
  border-bottom-right-radius: 60px;
  float: left;
}

.container-rounded-left {
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
  float: right;
}

.container-wide {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  float: none;
  clear: both;
}

#footer .background-wordmark-blue {
  padding-top: 32px;
}

@media (min-width: 992px) {
  #footer .background-wordmark-blue {
    padding-top: 50px;
  }
}

#footer .background-wordmark-blue .footer-logo figure {
  text-align: left;
}

#footer .background-wordmark-blue .footer-logo img {
  max-width: 136px;
  max-height: 46px;
  height: 100%;
  width: 100%;
}

@media (min-width: 992px) {
  #footer .background-wordmark-blue .footer-logo img {
    max-width: 201px;
    max-height: 60px;
  }
}

#footer .background-wordmark-blue .footer-links {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 32px;
  margin-top: 32px;
}

@media (max-width: 499px) {
  #footer .background-wordmark-blue > .component-content,
  #footer .background-wordmark-dark-blue > .component-content {
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 500px) and (max-width: 991px) {
  #footer .background-wordmark-blue > .component-content,
  #footer .background-wordmark-dark-blue > .component-content {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  #footer .background-wordmark-blue .footer-links {
    padding: 0;
    margin: 0;
    border-top: none;
  }

  /* fix VTN-269 28-01-2025 */
  #footer .background-wordmark-blue .footer-links:after {
    content: "";
    position: absolute;
    height: 70%;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    right: 0;
    top: 8%;
  }
}

#footer .background-wordmark-blue .footer-links ul {
  margin: 0;
  padding-bottom: 13px;
  list-style: none;
  padding-left: 0 !important;
}

@media (min-width: 992px) {
  #footer .background-wordmark-blue .footer-links ul {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 18px;
  }
}

#footer .background-wordmark-blue .footer-links ul li {
  padding-left: 0;
  list-style-type: none;
}

@media (min-width: 992px) {
  #footer .background-wordmark-blue .footer-links ul li {
    width: 50%;
    padding-bottom: 13px;
  }
}

#footer .background-wordmark-blue .footer-links ul li::before {
  display: none;
}

#footer .background-wordmark-blue .footer-links ul li a:hover,
#footer .background-wordmark-blue .footer-links ul li a:focus {
  color: var(--primary-color);
}

#footer .background-wordmark-blue .reference-social-icons .content {
  display: flex;
  flex-direction: column;
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 8px 0;
}

@media (min-width: 992px) {
  #footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link {
    justify-content: space-between;
  }
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #FFFFFF;
  text-decoration: none;
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a:hover span,
#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a:focus span {
  color: var(--primary-color);
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a i {
  margin-left: 10px;
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a i:hover {
  color: var(--primary-color);
}

#footer .background-wordmark-blue .reference-social-icons .content .icon {
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  height: 33px;
  width: 33px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

#footer .background-wordmark-blue .reference-social-icons .content .icon:hover {
  border: 1px solid var(--primary-color);
}

#footer .background-wordmark-dark-blue {
  padding: 8px 0;
}

@media (min-width: 992px) {
  #footer .background-wordmark-dark-blue {
    padding: 34px 0;
  }
}

@media (min-width: 992px) {
  #footer .background-wordmark-dark-blue:not(.container-full-width) .container {
    width: 65%;
    margin: 0;
  }
}

.box-grey {
  background: linear-gradient(90deg, white 10%, whitesmoke 0%, whitesmoke 100%);
  border-top-left-radius: 50px;
}

.box-grey:before {
  content: "";
  width: 70px;
  height: 50px;
  top: -50px;
  right: 0;
  background-color: #F5F5F5;
  position: absolute;
  z-index: -1;
}

.box-grey::after {
  content: "";
  width: 70px;
  height: 50px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -50px;
  border-bottom-right-radius: 100%;
  z-index: -1;
}

.box-grey-right {
  background-color: #F5F5F5;
  border-radius: 50px;
  border-top-right-radius: 0;
  margin-top: 50px;
}

@media (min-width: 992px) {
  .box-grey-right {
    margin-left: 115px;
    width: calc(100% - 115px);
  }
}

.box-grey-right:before {
  content: "";
  width: 115px;
  height: 100px;
  top: -100px;
  right: 0;
  background-color: #F5F5F5;
  position: absolute;
  z-index: -1;
}

.box-grey-right::after {
  content: "";
  width: 115px;
  height: 100px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -100px;
  border-bottom-right-radius: 50%;
  z-index: -1;
}

@media (min-width: 992px) {
  .box-grey-right::after {
    border-bottom-right-radius: 100%;
  }
}

.grey-background:not(.selected-category) {
  background: #F5F5F5;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

@media (min-width: 992px) {
  .grey-background:not(.selected-category) {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABc0AAAWbCAMAAADV2mxUAAACPVBMVEUAAAD////////////////////////////////////////r6+vt7e3u7u7v7+/w8PDx8fHy8vLy8vLz8/Pz8/P09PT09PT19fX19fX29vb29vb39/f39/f39/f39/f4+Pj4+Pj4+Pj4+Pjy8vLz8/Pz8/Pz8/P09PT19fX29vb29vb39/f39/f39/fz8/Pz8/Pz8/P09PT09PT09PT09PT09PT19fX19fX19fX19fX29vb29vb29vb29vb29vb09PT09PT09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fVzd2RnAAAAvnRSTlMAAQIDBQYICQoLDA0ODxAREhMUFRYXGBkaHB0eHyAhIiQlJigpKywtNDg6PT4/QEFCQ0RFRkhJSktNUVRVV1laW11eX2BiZWZoaWprbG5vcHFydXZ3eHp7fH5/gIGChIWGh4iJiouMjY6PkJOUlZeYmZucn6ChoqOkpqeoqqusrrCxsrO0tba4uru9vr/GyMnKy87Q09XW19jZ2tvc3d7f4OHi4+Xm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+8Js16gAAAAFiS0dEAf8CLd4AABM2SURBVHja7d1pm1dzHMfx778JjbSoMJGlzRqlbJMle5ZBy4RUyL4LyVIKSaGyRIWSJFQzZalmqhmPzQ0ktEzNdr7ner0ewufG+zrXOb9zTkT7HTf88tsenbdk5brGxl9/B6DrbWhnyHuPnfbG53vsCJC35r3HP/vZPhMCZK752VM/ckkOkLvmZ0z51HQAuWteNXbBXsMB5K75oJk/WA0gec1HvLTbZgDJa37WHEdYALLX/IxX3C4HyF7zXvVe8wRIX/PrNtkKIHvNaxZZCiB7zSt3/GIogOw1H7TYTADpa177k5UAste8akaLkQCy1/zkZSYCSF/zc7+1EED6ml+6w0AA6Wt+i99RAOSv+Z2t5gFIX/N64wDkr/mDtgHIX/P7TAOQv+Z3WQYgf81v8gAUIH/NRzUZBiB9zUc02gUgfc37rTcLQPqa91hiFYD8NZ9lFID8NR/ne+YA+Wve7zubAOSv+QKTAOSv+U0WAchf8wFbLQKQv+buswCUoOa19gDIX/PjvrQHQP6aTzEHQP6aD9phDoD8NX/GGgD5a16zyxoA+Wv+gjEA8td8cLMxAPLX/HFbAOSvee/ttgDIX/O7TQFQgpqvNgVA/ppfbAmAEtT8dUsA5K95392WAMhf85sNAVCCmr9vCID8Ne/nPVCAEtTcv50BylDz+XYAyF/zqm12AMhf8wvNAFCCmt9vBoAS1Nz5RIAS1LzSYAaA/DUfaQWAEtTcaXOAMtT8CSsAlKDmy6wAUIKab7YCQP6an2gEgBLU/DwjAJSg5rVGAChBzeuMAFCCmj9kBIAS1HyOEQBKUPOFRgAoQc2XGwGgBDX/xAgAJaj5KiMAlKDma4wAUIKarzcCQAlqvsEIAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqruYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmRgBQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHM1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANTcCgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaqzmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5EQDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1FzNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzY0AoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGpuBAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANVdzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcyMAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5mgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJobAUDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzdUcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHU3AgAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGqu5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOZGAFBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQczUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHoMA1X28EgPTWxWojAKT3RawyAkB6n8UnRgBIb2UsNwJAeh/GW0YASG9+vGAEgPSeiweNAJDezKgzAkB6d0StEQDSuyLONQJAesOj2ggA2bX2ithsBoDkNkXEUjMAJLckIh4zA0BysyPiBjMAJDchIkaaASC5ERFRabADQGpbKxER7xkCILW3IyLiXkMApDYlIiIuMARAaudHRETVNksAJLalR0RExJumAEhs3p8xd+IcILUJf9W8b7MtANJq6vNXzZ1RBEjs7b9jHjcaAyCtCftr3meXNQCS2tl7f81jnjkAknrln5jHKHMAJHXhATWP1fYASGlN5cCa32UQgJTqDox5VHu7HyCjhup/1TxmmwQgoVn/jnnUNNkEIJ3dp/yn5vGcUQDSeeq/MY/TdloFIJnf/ndpHvGkWQCSeeT/MY8B2+0CkEpD/4PUPCYZBiCVuoPFPHqutQxAIqt7HrTmcYVpABIZG4fwhm0A0nj1UDGPAVusA5DE1oGHrLn/PQOkMSEOY759AFJYeLiYR9+NFgJIYFP/w9Y8xrTYCKDw9o2KI5huJIDCm3akmEdlkZUACu6dyhFrHn2/thNAoa09KdpgeIOlAAps27Bok4v8hwiguJpHRxtd32otgIJquTbarM5cAMXUenscBd86Byim+jgqsywGUEAz4ijV2wygcKbHUbvdO/4AxdJ6TxyDG5stB1AgTdfHMRmz3XYAhdF4SRyjkd9YD6Ag1g2PY9Z/qf0ACuH9ftEOlXrPQgG6X+sjPaJ9rvzRigDdbPNl0W4D37UjQLdaemp0gMptP5sSoNvsuDU6yGkLrQnQTRafHh3n6o0GBegGG8ZHhzqh/hejAnSxnTOOj442+OW9hgXoQnvm1ERnGDJHzwG6SsuCc6KzDHtxl4EBusDO5zuv5RERAx/YbGSATvb99AHR2arGLnDDBaDztHxwTc/oEoMnr2y1N0AnaF1xT010oTMnf9BkdYAOtXvZpCHR5aprn/nUPReAjrH346ev6hXdpXrM1NdW+eMcQHs0r3pt6ujq6HY9h46b+PDcxSu+2tro+1wAbfNz45avViye+/DEcUM74pnnH0qELVC1vnlaAAAAAElFTkSuQmCC");
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}

@media (min-width: 1440px) {
  .grey-background:not(.selected-category) {
    background-size: 90vw 100%;
  }
}

.grey-background:not(.selected-category):before {
  content: "";
  width: 115px;
  height: 100px;
  top: -100px;
  right: 0;
  background-color: #F5F5F5;
  position: absolute;
  z-index: -1;
}

.grey-background:not(.selected-category)::after {
  content: "";
  width: 115px;
  height: 100px;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: -100px;
  border-bottom-right-radius: 50%;
  z-index: -1;
}

@media (min-width: 992px) {
  .grey-background:not(.selected-category)::after {
    border-bottom-right-radius: 100%;
  }
}

.back-to-top {
  bottom: 24px;
  position: fixed;
  right: 0;
  z-index: 100;
  width: 75px;
  height: 75px;
  text-align: center;
  color: #000;
  border-bottom-left-radius: 20px;
  background: #FFFFFF;
  font-weight: bold;
  line-height: 1.5;
  font-family: 'DiodrumVoltaren', sans-serif;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.15);
  padding-top: 32px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  font-size: 0.75rem;
}

.back-to-top:before {
  content: "";
  top: 5px;
  height: 24px;
  width: 24px;
  right: 24px;
  position: absolute;
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -524px -338px;
}

@media (min-width: 992px) {
  .back-to-top {
    bottom: 40px;
    color: #323131;
  }

  .back-to-top:before {
    top: 6px;
    right: 24px;
  }

  .back-to-top:hover {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    color: #FFFFFF;
  }

  .back-to-top:hover:before {
    background: url("../../img/voltaren-sprites.png") no-repeat;
    background-position: -524px -382px;
  }
}

.reference-custom-article-teaser {
  cursor: pointer;
  outline: none;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser {
    margin-right: 30px;
  }

  .reference-custom-article-teaser:hover .article-teaser-content,
  .reference-custom-article-teaser:focus .article-teaser-content {
    position: relative;
    background-color: var(--primary-color);
    border-bottom-right-radius: 40px;
  }

  .reference-custom-article-teaser:hover .article-teaser-content::before,
  .reference-custom-article-teaser:focus .article-teaser-content::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: -59px;
    width: 100%;
    height: 60px;
    background-color: var(--primary-color);
  }

  .reference-custom-article-teaser:hover .article-title,
  .reference-custom-article-teaser:hover .article-description,
  .reference-custom-article-teaser:focus .article-title,
  .reference-custom-article-teaser:focus .article-description {
    color: #FFFFFF;
  }

  .reference-custom-article-teaser:hover .article-title:after,
  .reference-custom-article-teaser:focus .article-title:after {
    border-color: #FFFFFF;
    right: -25px;
  }
}

.reference-custom-article-teaser .img-responsive {
  border-bottom-right-radius: 40px;
  padding-top: 24px;
  position: relative;
  z-index: 10;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser .img-responsive {
    border-bottom-right-radius: 60px;
    padding-top: 40px;
  }
}

.reference-custom-article-teaser .article-teaser-content {
  padding-top: 16px;
  margin-top: -9px;
  padding-left: 16px;
}

@media (min-width: 768px) {
  .reference-custom-article-teaser .article-teaser-content {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .reference-custom-article-teaser .article-teaser-content {
    max-width: 555px;
    padding-top: 20px;
    margin-bottom: 40px;
    padding-left: 16px;
  }
}

@media (min-width: 1200px) {
  .reference-custom-article-teaser .article-teaser-content {
    padding-left: 30px;
  }
}

.reference-custom-article-teaser .article-title {
  margin-right: 50px;
  position: relative;
  font-size: 1.125rem;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser .article-title {
    font-size: 32px;
  }
}

.reference-custom-article-teaser .article-title::after {
  content: "";
  border: solid var(--primary-color);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(320deg) translateY(-50%);
  outline: none;
  position: absolute;
  right: -13px;
  top: 50%;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser .article-title::after {
    right: -20px;
  }
}

.reference-custom-article-teaser .article-description {
  padding-top: 8px;
  padding-bottom: 24px;
  margin-right: 50px;
  color: #323131;
  font-size: 0.9375rem;
  font-weight: 500;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser .article-description {
    font-size: 1.125rem;
    padding-top: 10px;
    padding-bottom: 50px;
  }
}

.reference-custom-article-teaser-small {
  outline: none;
}

.reference-custom-article-teaser-small>.component-content {
  cursor: pointer;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser-small {
    padding-right: 30px;
  }

  .reference-custom-article-teaser-small:hover .article-teaser-small-content,
  .reference-custom-article-teaser-small:focus .article-teaser-small-content {
    position: relative;
    background-color: var(--primary-color);
    border-bottom-right-radius: 40px;
  }

  .reference-custom-article-teaser-small:hover .article-teaser-small-content::before,
  .reference-custom-article-teaser-small:focus .article-teaser-small-content::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: -59px;
    width: 100%;
    height: 60px;
    background-color: var(--primary-color);
  }

  .reference-custom-article-teaser-small:hover .article-small-title,
  .reference-custom-article-teaser-small:hover .article-small-description,
  .reference-custom-article-teaser-small:focus .article-small-title,
  .reference-custom-article-teaser-small:focus .article-small-description {
    color: #FFFFFF;
  }

  .reference-custom-article-teaser-small:hover .article-small-title:after,
  .reference-custom-article-teaser-small:focus .article-small-title:after {
    border-color: #FFFFFF;
    right: -25px;
  }
}

.reference-custom-article-teaser-small .img-small-responsive {
  position: relative;
  z-index: 10;
  border-bottom-right-radius: 40px;
  padding-top: 24px;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser-small .img-small-responsive {
    padding-top: 40px;
  }
}

.reference-custom-article-teaser-small .article-teaser-small-content {
  padding-top: 16px;
  margin-top: -9px;
  padding-left: 16px;
}

@media (min-width: 768px) {
  .reference-custom-article-teaser-small .article-teaser-small-content {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .reference-custom-article-teaser-small .article-teaser-small-content {
    max-width: 263px;
    padding-top: 20px;
    margin-bottom: 40px;
    padding-left: 16px;
  }
}

@media (min-width: 1200px) {
  .reference-custom-article-teaser-small .article-teaser-small-content {
    padding-left: 20px;
  }
}

.reference-custom-article-teaser-small .article-small-title {
  margin-right: 29px;
  position: relative;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser-small .article-small-title {
    margin-right: 35px;
  }
}

.reference-custom-article-teaser-small .article-small-title::after {
  content: "";
  border: solid var(--primary-color);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(320deg) translateY(-50%);
  outline: none;
  position: absolute;
  right: -13px;
  top: 50%;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser-small .article-small-title::after {
    right: -15px;
  }
}

.reference-custom-article-teaser-small .article-small-description {
  padding-top: 8px;
  padding-bottom: 24px;
  margin-right: 35px;
  color: #323131;
  font-size: 0.9375rem;
  font-weight: 500;
}

@media (min-width: 992px) {
  .reference-custom-article-teaser-small .article-small-description {
    padding-top: 10px;
    padding-bottom: 40px;
  }
}

.article-faded::before {
  content: "";
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, white 70%);
}

.grey-background:not(.selected-category) .article-faded::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, #F5F5F5 70%);
}

@media (min-width: 992px) {
  .font-lg-active .reference-custom-article-teaser .article-title {
    font-size: 38px;
  }
}

@media (min-width: 992px) {
  .font-sm-active .reference-custom-article-teaser .article-title {
    font-size: 28px;
  }
}

.articles-grid .paragraphSystem {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-auto-rows: minmax(500px, auto);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

@media (min-width: 992px) {
.articles-grid .paragraphSystem {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(500px, auto);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
}

.articles-grid .paragraphSystem .snippetReference {
  height: fit-content;
  width: 100%;
}

.articles-grid .paragraphSystem .snippetReference .inner {
  height: 100%;
}

.articles-grid .paragraphSystem .snippetReference .inner .component-content {
  height: 100%;
}

.articles-grid .paragraphSystem .snippetReference .inner .product-teaser {
  height: 100%;
}

.articles-grid .paragraphSystem .snippetReference.showArticle {
  display: block;
}

.articles-grid .paragraphSystem>a {
  position: absolute;
}

.hideArticle {
  display: none !important;
}

.article-filter-box {
  background-color: #F5F5F5;
  border-bottom-right-radius: 32px;
  padding: 16px;
}

@media (min-width: 992px) {
  .article-filter-box {
    padding: 30px;
    border-bottom-right-radius: 60px;
  }
}

.article-filter-box p {
  margin: 0;
}

div[class*="subfilter-title"] {
  margin: 0;
}

.article-filter {
  background-color: whitesmoke;
  border-bottom-right-radius: 60px;
  padding: 24px 16px;
}

.article-filter .banner-tagline {
  font-size: 1.125rem;
  color: #323131;
  font-weight: 600;
  padding-left: 18px;
}

.article-filter .article-selector {
  list-style: none !important;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  padding-top: 16px;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  .article-filter .article-selector {
    justify-content: flex-start;
    padding: 30px 0;
  }
}

.article-filter .article-selector li {
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  border-bottom-right-radius: 16px;
  padding: 8px !important;
  max-width: 48%;
  width: 100%;
  max-height: 63px;
  min-height: 50px;
  line-height: 1.3;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  cursor: pointer;
  margin-top: 10px;
}

.article-filter .article-selector li:hover,
.article-filter .article-selector li:focus {
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
  border: none;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .article-filter .article-selector li {
    padding: 24px 8px !important;
  }
}

@media (min-width: 1200px) {
  .article-filter .article-selector li {
    max-width: calc(33% - 16px);
    border-bottom-right-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    min-width: 202px;
    margin-right: 15px;
  }
}

.article-filter .article-selector li::before {
  display: none;
}

.article-filter .article-selector li.selected-article {
  color: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0);
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
}

.article-filter .article-selector li.selected-article.filter-voltanatura {
  background: radial-gradient(at bottom left, #009A44, #00e766) !important;
}

.article-filter .article-selector li.filter-voltanatura:hover,
.article-filter .article-selector li.filter-voltanatura:focus {
  background: radial-gradient(at bottom left, #009A44, #00e766) !important;
}

.selected-category {
  padding-top: 0 !important;
  margin-top: 40px;
}

.selected-category .richTextHyperlinkedImage {
  margin-top: 0;
  padding-top: 0;
}

@media (min-width: 992px) {
  .hero-banner .hero-banner-content .richText-content {
    z-index: 1;
  }
}

.hero-banner .hero-banner-content .richText-content p:last-of-type {
  margin: 0;
}

.hero-banner .hero-banner-image {
  display: none;
}

@media (min-width: 992px) {
  .hero-banner .hero-banner-image {
    display: block;
    width: auto;
    bottom: 0;
  }

  .hero-banner .hero-banner-image img {
    min-width: 493px;
    min-height: 493px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .hero-banner .hero-banner-image img {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .hero-banner .hero-banner-image img {
    margin-right: 125px;
  }
}

.hero-banner .richText.first.odd.container {
  flex-basis: 1;
  margin-top: 0px;
  margin-right: 0;
}

@media (min-width: 992px) {
  .hero-banner .richText.first.odd.container {
    margin-left: 8px;
  }
}

.hero-banner>.component-content>.content.paragraphSystem {
  display: flex;
  margin-left: auto;
  max-width: calc(1140px + ((100vw - 1140px) / 2));
}

.hero-banner-simple figure {
  overflow: hidden;
}

.hero-banner-simple figure img {
  width: 100%;
  min-width: 768px;
}

@media only screen and (max-width: 767px) {
  .hero-banner-simple figure img {
    transform: translateX(calc(100vw - 767px));
  }
}

@media only screen and (max-width: 1600px) and (min-width: 992px) {
  .hero-banner-simple figure img {
    min-width: 1600px;
    max-width: 1600px;
    transform: translateX(calc(100vw - 1599px));
  }
}

.enhanced-hero-banner {
  padding: 0;
  width: calc(100% - 32px);
  border: 1px solid #F5F5F5;
  box-shadow: 2px 9px 12px -8px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .enhanced-hero-banner {
    box-shadow: none;
    border: none;
  }
}

@media (min-width: 992px) {
  .enhanced-hero-banner {
    margin-bottom: 0;
  }
}

.enhanced-hero-banner .paragraphSystem {
  width: 100%;
  display: inline-block;
}

.enhanced-hero-banner .paragraphSystem picture {
  width: 100%;
}

.enhanced-hero-banner .enhanced-hero-banner-image {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .enhanced-hero-banner .enhanced-hero-banner-image {
    margin-bottom: 0;
  }
}

.enhanced-hero-banner .enhanced-hero-banner-image img {
  padding-bottom: 10px;
  background: linear-gradient(90deg, #E64510 0%, #E57200 52%, #E57200);
  border-bottom-right-radius: 46px;
}

@media (min-width: 992px) {
  .enhanced-hero-banner .enhanced-hero-banner-image img {
    border-bottom-right-radius: 187px;
  }
}

@media (min-width: 992px) {
  .enhanced-hero-banner figure {
    min-height: 500px;
    display: flex;
    align-items: center;
  }
}

.enhanced-hero-banner figure img {
  width: 100%;
}

@media (min-width: 768px) {
  .enhanced-hero-banner figure img {
    width: auto;
  }
}

.enhanced-hero-banner figure figcaption {
  padding: 0 16px;
  text-align: left;
}

@media (min-width: 768px) {
  .enhanced-hero-banner figure figcaption {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .enhanced-hero-banner figure figcaption {
    position: absolute;
    width: 52%;
    padding-left: 8%;
    left: 0;
    top: 0;
  }

  .enhanced-hero-banner figure figcaption p:last-of-type {
    padding-top: 40px;
  }
}

.enhanced-hero-banner figure figcaption p {
  margin: 8px 0;
}

@media (min-width: 992px) {
  .enhanced-hero-banner figure figcaption p {
    margin: 20px 0;
  }
}

.enhanced-hero-banner figure figcaption p:last-of-type {
  padding: 24px 0;
}

.enhanced-hero-banner figure figcaption .keyline::after {
  margin: 16px 0;
}

@media (min-width: 992px) {
  .enhanced-hero-banner figure figcaption .keyline::after {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .figcaption-width-8-lg figure figcaption {
    width: calc(1140px / 12 * 8);
  }
}

@media (min-width: 992px) {
  .figcaption-width-7-lg figure figcaption {
    width: calc(1140px / 12 * 7);
  }
}

/* parameterized */
.reference-custom-product-taser,
.reference-product-card {
  height: 100%;
}

/* VTN-416 | 20-06-2025 | start */

.reference-custom-product-taser:hover .product-teaser,
.reference-custom-product-taser:focus .product-teaser,
.reference-product-card:hover .product-teaser,
.reference-product-card:focus .product-teaser {
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
  border-color: rgba(0, 0, 0, 0);
}

.reference-custom-product-taser:hover .product-teaser .h3-styles,
.reference-custom-product-taser:hover .product-teaser .banner-tagline,
.reference-custom-product-taser:hover .product-teaser .body-copy,
.reference-custom-product-taser:focus .product-teaser .h3-styles,
.reference-custom-product-taser:focus .product-teaser .banner-tagline,
.reference-custom-product-taser:focus .product-teaser .body-copy,
.reference-product-card:hover .product-teaser .h3-styles,
.reference-product-card:hover .product-teaser .banner-tagline,
.reference-product-card:hover .product-teaser .body-copy,
.reference-product-card:focus .product-teaser .h3-styles,
.reference-product-card:focus .product-teaser .banner-tagline,
.reference-product-card:focus .product-teaser .body-copy {
  color: #FFFFFF;
}

:lang(de-DE) .reference-custom-product-taser:hover .product-teaser,
:lang(de-DE) .reference-custom-product-taser:focus .product-teaser,
:lang(de-DE) .reference-product-card:hover .product-teaser,
:lang(de-DE) .reference-product-card:focus .product-teaser {
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
}

:lang(de-DE) .reference-custom-product-taser:hover .product-teaser .h3-styles,
:lang(de-DE) .reference-custom-product-taser:hover .product-teaser .banner-tagline,
:lang(de-DE) .reference-custom-product-taser:hover .product-teaser .body-copy,
:lang(de-DE) .reference-custom-product-taser:focus .product-teaser .h3-styles,
:lang(de-DE) .reference-custom-product-taser:focus .product-teaser .banner-tagline,
:lang(de-DE) .reference-custom-product-taser:focus .product-teaser .body-copy,
:lang(de-DE) .reference-product-card:hover .product-teaser .h3-styles,
:lang(de-DE) .reference-product-card:hover .product-teaser .banner-tagline,
:lang(de-DE) .reference-product-card:hover .product-teaser .body-copy,
:lang(de-DE) .reference-product-card:focus .product-teaser .h3-styles,
:lang(de-DE) .reference-product-card:focus .product-teaser .banner-tagline,
:lang(de-DE) .reference-product-card:focus .product-teaser .body-copy {
  color: #323131;
}

.reference-custom-product-taser .product-teaser .product-teaser-img,
.reference-product-card .product-teaser .product-teaser-img {
  cursor: pointer;
}

/* VTN-416 | 20-06-2025 | end */

.reference-custom-product-taser:hover .product-teaser .button-learn-more,
.reference-custom-product-taser:focus .product-teaser .button-learn-more,
.reference-product-card:hover .product-teaser .button-learn-more,
.reference-product-card:focus .product-teaser .button-learn-more {
  background-color: #FFFFFF;
  color: var(--secondary-color);
}

.reference-custom-product-taser:hover .product-teaser .button-learn-more::after,
.reference-custom-product-taser:focus .product-teaser .button-learn-more::after,
.reference-product-card:hover .product-teaser .button-learn-more::after,
.reference-product-card:focus .product-teaser .button-learn-more::after {
  border-color: var(--secondary-color);
}

.reference-custom-product-taser:hover .product-teaser-voltanatura .h3-styles,
.reference-custom-product-taser:focus .product-teaser-voltanatura .h3-styles,
.reference-product-card:hover .product-teaser-voltanatura .h3-styles,
.reference-product-card:focus .product-teaser-voltanatura .h3-styles {
  color: #000;
}

.reference-custom-product-teaser-small .h3-styles {
  color: #000;
  font-size: 1.375rem;
  line-height: 32px;
}
.reference-custom-product-teaser-small .product-teaser{
  padding: 10px !important;
}
.reference-custom-product-teaser-small .product-teaser .product-title, .reference-product-card .product-teaser .product-title {
  padding: 0px !important;
  margin: 0px !important;
}
.reference-custom-product-teaser-small .product-teaser .product-button, .reference-product-card .product-teaser .product-button {
  padding-bottom: 0px !important;
}

.reference-custom-product-taser:hover .product-buynow-button .button-learn-more,
.reference-custom-product-taser:focus .product-buynow-button .button-learn-more,
.reference-product-card:hover .product-buynow-button .button-learn-more,
.reference-product-card:focus .product-buynow-button .button-learn-more {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwMHB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwMCAxMDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO30NCgkuc3Qxe2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGNjcxRjt9DQoJLnN0MntkaXNwbGF5OmlubGluZTt9DQoJLnN0M3tmaWxsOiNGRkZGRkY7fQ0KCS5zdDR7ZGlzcGxheTppbmxpbmU7ZmlsbDojRkZGRkZGO30NCgkuc3Q1e2ZpbGw6IzAwMUE2ODt9DQoJLnN0NntkaXNwbGF5OmlubGluZTtmaWxsOiMwMDFBNjg7fQ0KPC9zdHlsZT4NCjxnIGlkPSJJY29uX3YxIiBjbGFzcz0ic3QwIj4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTk0LjcsNDk5LjhjMCwyNzMuMy0yMjEuNiw0OTQuOS00OTQuOSw0OTQuOUMyMjYuNSw5OTQuNyw0LjksNzczLjIsNC45LDQ5OS44QzQuOSwyMjYuNSwyMjYuNSw1LDQ5OS44LDUNCgkJQzc3My4xLDUsOTk0LjcsMjI2LjUsOTk0LjcsNDk5LjgiLz4NCgk8ZyBpZD0iSWNvbl8wMDAwMDAzNzY1MDk4NzE0NzA2NDIzMTQyMDAwMDAxMDI3MDA1NjkwNTg5NjA3MjYwNV8iIGNsYXNzPSJzdDIiPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDEzLjgsNjcxLjljLTEyLjYsMC0yNS4zLDUuMi0zNC4yLDE0LjFjLTguOSw4LjktMTQuMSwyMS41LTE0LjEsMzQuMmMwLDEyLjYsNS4yLDI1LjMsMTQuMSwzNC4yDQoJCQljOC45LDguOSwyMS41LDE0LjEsMzQuMiwxNC4xYzEyLjYsMCwyNS4zLTUuMiwzNC4yLTE0LjFjOC45LTguOSwxNC4xLTIxLjUsMTQuMS0zNC4yYzAtMTIuNi01LjItMjUuMy0xNC4xLTM0LjINCgkJCVM0MjYuNSw2NzEuOSw0MTMuOCw2NzEuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTY4MC41LDY3MS45Yy0xMi42LDAtMjUuMyw1LjItMzQuMiwxNC4xcy0xNC4xLDIxLjUtMTQuMSwzNC4yYzAsMTIuNiw1LjIsMjUuMywxNC4xLDM0LjINCgkJCWM4LjksOC45LDIxLjUsMTQuMSwzNC4yLDE0LjFjMTIuNiwwLDI1LjMtNS4yLDM0LjItMTQuMWM4LjktOC45LDE0LjEtMjEuNSwxNC4xLTM0LjJjMC0xMi42LTUuMi0yNS4zLTE0LjEtMzQuMg0KCQkJQzcwNS43LDY3Ny4xLDY5My4xLDY3MS45LDY4MC41LDY3MS45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNODIwLjksMzI1LjhjLTUuMi03LjQtMTQuMS0xMi42LTIzLjgtMTIuNkg0MDguNHY1OS40aDM0Ny44bC0xOS42LDYyLjNINDYzLjd2NTkuNGgyNTQuMmwtMjQuOCw3OC44SDQxMC45DQoJCQlMMjg5LjgsMjUxLjZjLTQuNS0xMS45LTE1LjYtMjAuMS0yOC4yLTIwLjFoLTg4LjR2NTkuNGg2Ny42bDExNy40LDMxNC4yYzUuOSwxNi4zLDIzLDI3LjUsNDAuOSwyNy41aDMwNi44DQoJCQljMTguNiwwLDM0LjItMTEuOSw0MC4xLTI5LjdsNzkuNS0yNTAuM0M4MjguMywzNDMuNyw4MjYuOCwzMzMuMyw4MjAuOSwzMjUuOHoiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iSWNvbl92MV9Ib3Zlcl8wMDAwMDAwODg1NDcyODMwMzc3Nzk1MTQ2MDAwMDAxNDcxNTY1MTc3MDU5NDgyMTMwOV8iIGNsYXNzPSJzdDAiPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik00MTMuOCw2NzEuOWMtMTIuNiwwLTI1LjMsNS4yLTM0LjIsMTQuMWMtOC45LDguOS0xNC4xLDIxLjUtMTQuMSwzNC4yYzAsMTIuNiw1LjIsMjUuMywxNC4xLDM0LjINCgkJYzguOSw4LjksMjEuNSwxNC4xLDM0LjIsMTQuMWMxMi42LDAsMjUuMy01LjIsMzQuMi0xNC4xYzguOS04LjksMTQuMS0yMS41LDE0LjEtMzQuMmMwLTEyLjYtNS4yLTI1LjMtMTQuMS0zNC4yDQoJCVM0MjYuNSw2NzEuOSw0MTMuOCw2NzEuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNjgwLjUsNjcxLjljLTEyLjYsMC0yNS4zLDUuMi0zNC4yLDE0LjFzLTE0LjEsMjEuNS0xNC4xLDM0LjJjMCwxMi42LDUuMiwyNS4zLDE0LjEsMzQuMg0KCQljOC45LDguOSwyMS41LDE0LjEsMzQuMiwxNC4xYzEyLjYsMCwyNS4zLTUuMiwzNC4yLTE0LjFjOC45LTguOSwxNC4xLTIxLjUsMTQuMS0zNC4yYzAtMTIuNi01LjItMjUuMy0xNC4xLTM0LjINCgkJQzcwNS43LDY3Ny4xLDY5My4xLDY3MS45LDY4MC41LDY3MS45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04MjAuOSwzMjUuOGMtNS4yLTcuNC0xNC4xLTEyLjYtMjMuOC0xMi42SDQwOC40djU5LjRoMzQ3LjhsLTE5LjYsNjIuM0g0NjMuN3Y1OS40aDI1NC4ybC0yNC44LDc4LjhINDEwLjkNCgkJTDI4OS44LDI1MS42Yy00LjUtMTEuOS0xNS42LTIwLjEtMjguMi0yMC4xaC04OC40djU5LjRoNjcuNmwxMTcuNCwzMTQuMmM1LjksMTYuMywyMywyNy41LDQwLjksMjcuNWgzMDYuOA0KCQljMTguNiwwLDM0LjItMTEuOSw0MC4xLTI5LjdsNzkuNS0yNTAuM0M4MjguMywzNDMuNyw4MjYuOCwzMzMuMyw4MjAuOSwzMjUuOHoiLz4NCjwvZz4NCjxnIGlkPSJJY29uX3YyXzAwMDAwMDMyNjE1Mzc2MjQxNzQ0MjUxNDMwMDAwMDE3MDg3MDczOTczMDI5ODY2NDIzXyI+DQoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTM3OS41LDc0MC40Yy0xNy43LDAtMzUuMyw3LjMtNDcuOCwxOS43QzMxOS4zLDc3Mi42LDMxMiw3OTAuMywzMTIsODA4YzAsMTcuNyw3LjMsMzUuMywxOS43LDQ3LjgNCgkJYzEyLjUsMTIuNSwzMC4xLDE5LjcsNDcuOCwxOS43YzE3LjcsMCwzNS4zLTcuMyw0Ny44LTE5LjdjMTIuNS0xMi41LDE5LjctMzAuMSwxOS43LTQ3LjhjMC0xNy43LTcuMy0zNS4zLTE5LjctNDcuOA0KCQlDNDE0LjgsNzQ3LjcsMzk3LjIsNzQwLjQsMzc5LjUsNzQwLjR6Ii8+DQoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTc1Mi40LDc0MC40Yy0xNy43LDAtMzUuMyw3LjMtNDcuOCwxOS43Yy0xMi41LDEyLjUtMTkuNywzMC4xLTE5LjcsNDcuOGMwLDE3LjcsNy4zLDM1LjMsMTkuNyw0Ny44DQoJCWMxMi41LDEyLjUsMzAuMSwxOS43LDQ3LjgsMTkuN2MxNy43LDAsMzUuMy03LjMsNDcuOC0xOS43YzEyLjUtMTIuNSwxOS43LTMwLjEsMTkuNy00Ny44YzAtMTcuNy03LjMtMzUuMy0xOS43LTQ3LjgNCgkJUzc3MCw3NDAuNCw3NTIuNCw3NDAuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTQ4LjcsMjU2LjRjLTcuMy0xMC40LTE5LjctMTcuNy0zMy4yLTE3LjdIMzcxLjl2ODMuMWg0ODYuNEw4MzAuOSw0MDlINDQ5LjJ2ODMuMWgzNTUuNUw3NzAsNjAyLjNIMzc1LjQNCgkJTDIwNi4xLDE1Mi42Yy02LjItMTYuNi0yMS44LTI4LTM5LjUtMjhINDN2ODMuMWg5NC41TDMwMS42LDY0N2M4LjMsMjIuOSwzMi4yLDM4LjQsNTcuMSwzOC40aDQyOWMyNiwwLDQ3LjgtMTYuNiw1Ni4xLTQxLjUNCgkJbDExMS4xLTM1MEM5NTkuMSwyODEuNCw5NTcsMjY2LjgsOTQ4LjcsMjU2LjR6Ii8+DQo8L2c+DQo8ZyBpZD0iSWNvbl92Ml9Ib3ZlciIgY2xhc3M9InN0MCI+DQoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTM3OS41LDc0MC40Yy0xNy43LDAtMzUuMyw3LjMtNDcuOCwxOS43QzMxOS4zLDc3Mi42LDMxMiw3OTAuMywzMTIsODA4YzAsMTcuNyw3LjMsMzUuMywxOS43LDQ3LjgNCgkJYzEyLjUsMTIuNSwzMC4xLDE5LjcsNDcuOCwxOS43YzE3LjcsMCwzNS4zLTcuMyw0Ny44LTE5LjdjMTIuNS0xMi41LDE5LjctMzAuMSwxOS43LTQ3LjhjMC0xNy43LTcuMy0zNS4zLTE5LjctNDcuOA0KCQlDNDE0LjgsNzQ3LjcsMzk3LjIsNzQwLjQsMzc5LjUsNzQwLjR6Ii8+DQoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTc1Mi40LDc0MC40Yy0xNy43LDAtMzUuMyw3LjMtNDcuOCwxOS43Yy0xMi41LDEyLjUtMTkuNywzMC4xLTE5LjcsNDcuOGMwLDE3LjcsNy4zLDM1LjMsMTkuNyw0Ny44DQoJCWMxMi41LDEyLjUsMzAuMSwxOS43LDQ3LjgsMTkuN2MxNy43LDAsMzUuMy03LjMsNDcuOC0xOS43YzEyLjUtMTIuNSwxOS43LTMwLjEsMTkuNy00Ny44YzAtMTcuNy03LjMtMzUuMy0xOS43LTQ3LjgNCgkJUzc3MCw3NDAuNCw3NTIuNCw3NDAuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNOTQ4LjcsMjU2LjRjLTcuMy0xMC40LTE5LjctMTcuNy0zMy4yLTE3LjdIMzcxLjl2ODMuMWg0ODYuNEw4MzAuOSw0MDlINDQ5LjJ2ODMuMWgzNTUuNUw3NzAsNjAyLjNIMzc1LjQNCgkJTDIwNi4xLDE1Mi42Yy02LjItMTYuNi0yMS44LTI4LTM5LjUtMjhINDN2ODMuMWg5NC41TDMwMS42LDY0N2M4LjMsMjIuOSwzMi4yLDM4LjQsNTcuMSwzOC40aDQyOWMyNiwwLDQ3LjgtMTYuNiw1Ni4xLTQxLjUNCgkJbDExMS4xLTM1MEM5NTkuMSwyODEuNCw5NTcsMjY2LjgsOTQ4LjcsMjU2LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-color: transparent;
}

.reference-custom-product-taser:hover .product-buynow-button .button-learn-more:hover,
.reference-custom-product-taser:focus .product-buynow-button .button-learn-more:hover,
.reference-product-card:hover .product-buynow-button .button-learn-more:hover,
.reference-product-card:focus .product-buynow-button .button-learn-more:hover {
  border: none;
}

.reference-custom-product-taser .product-teaser,
.reference-product-card .product-teaser {
  padding: 16px;
  border-bottom-right-radius: 60px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-teaser,
  .reference-product-card .product-teaser {
    padding: 30px 50px;
  }
}

.reference-custom-product-taser .product-teaser p,
.reference-product-card .product-teaser p {
  margin: 0;
}

.reference-custom-product-taser .product-teaser .product-title,
.reference-product-card .product-teaser .product-title {
  padding-top: 16px;
  margin-bottom: 44px;
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-teaser .product-title,
  .reference-product-card .product-teaser .product-title {
    margin-bottom: 39px;
    padding-top: 30px;
  }

  .page-products .reference-custom-product-taser.voltarol-product-card .product-title {
    margin-bottom: 90px !important;
  }
}

.reference-custom-product-taser .product-teaser .product-tagline,
.reference-product-card .product-teaser .product-tagline {
  padding: 8px 0;
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-teaser .product-tagline,
  .reference-product-card .product-teaser .product-tagline {
    padding: 10px 0;
  }
}

.reference-custom-product-taser .product-teaser .product-teaser-img,
.reference-product-card .product-teaser .product-teaser-img {
  text-align: center;
}

.reference-custom-product-taser .product-teaser .product-description,
.reference-product-card .product-teaser .product-description {
  padding-top: 8px;
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-teaser .product-description,
  .reference-product-card .product-teaser .product-description {
    padding-top: 15px;
  }
}

.reference-custom-product-taser .product-teaser .product-button,
.reference-product-card .product-teaser .product-button {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-teaser .product-button,
  .reference-product-card .product-teaser .product-button {
    padding-top: 53px;
  }
}

.reference-custom-product-taser .product-button-container,
.reference-product-card .product-button-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

@media (min-width: 768px) {

  .reference-custom-product-taser .product-button-container,
  .reference-product-card .product-button-container {
    flex-direction: row;
    padding-bottom: 16px;
  }
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-button-container,
  .reference-product-card .product-button-container {
    padding-bottom: 0;
  }
}

.reference-custom-product-taser .product-buynow-button,
.reference-product-card .product-buynow-button {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-buynow-button,
  .reference-product-card .product-buynow-button {
    padding-bottom: 0;
  }
}

.reference-custom-product-taser .product-buynow-button .button-learn-more,
.reference-product-card .product-buynow-button .button-learn-more {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwMHB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwMCAxMDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkY2NzFGO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntkaXNwbGF5Om5vbmU7fQ0KCS5zdDN7ZGlzcGxheTppbmxpbmU7ZmlsbDojRkZGRkZGO30NCgkuc3Q0e2Rpc3BsYXk6aW5saW5lO2ZpbGw6IzAwMUE2ODt9DQo8L3N0eWxlPg0KPGcgaWQ9Ikljb25fdjEiPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05OTQuNyw0OTkuOGMwLDI3My4zLTIyMS42LDQ5NC45LTQ5NC45LDQ5NC45QzIyNi41LDk5NC43LDQuOSw3NzMuMiw0LjksNDk5LjhDNC45LDIyNi41LDIyNi41LDUsNDk5LjgsNQ0KCQlDNzczLjEsNSw5OTQuNywyMjYuNSw5OTQuNyw0OTkuOCIvPg0KCTxnIGlkPSJJY29uXzAwMDAwMDM3NjUwOTg3MTQ3MDY0MjMxNDIwMDAwMDEwMjcwMDU2OTA1ODk2MDcyNjA1XyI+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00MTMuOCw2NzEuOWMtMTIuNiwwLTI1LjMsNS4yLTM0LjIsMTQuMWMtOC45LDguOS0xNC4xLDIxLjUtMTQuMSwzNC4yYzAsMTIuNiw1LjIsMjUuMywxNC4xLDM0LjINCgkJCWM4LjksOC45LDIxLjUsMTQuMSwzNC4yLDE0LjFjMTIuNiwwLDI1LjMtNS4yLDM0LjItMTQuMWM4LjktOC45LDE0LjEtMjEuNSwxNC4xLTM0LjJjMC0xMi42LTUuMi0yNS4zLTE0LjEtMzQuMg0KCQkJUzQyNi41LDY3MS45LDQxMy44LDY3MS45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjgwLjUsNjcxLjljLTEyLjYsMC0yNS4zLDUuMi0zNC4yLDE0LjFzLTE0LjEsMjEuNS0xNC4xLDM0LjJjMCwxMi42LDUuMiwyNS4zLDE0LjEsMzQuMg0KCQkJYzguOSw4LjksMjEuNSwxNC4xLDM0LjIsMTQuMWMxMi42LDAsMjUuMy01LjIsMzQuMi0xNC4xYzguOS04LjksMTQuMS0yMS41LDE0LjEtMzQuMmMwLTEyLjYtNS4yLTI1LjMtMTQuMS0zNC4yDQoJCQlDNzA1LjcsNjc3LjEsNjkzLjEsNjcxLjksNjgwLjUsNjcxLjl6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MjAuOSwzMjUuOGMtNS4yLTcuNC0xNC4xLTEyLjYtMjMuOC0xMi42SDQwOC40djU5LjRoMzQ3LjhsLTE5LjYsNjIuM0g0NjMuN3Y1OS40aDI1NC4ybC0yNC44LDc4LjhINDEwLjkNCgkJCUwyODkuOCwyNTEuNmMtNC41LTExLjktMTUuNi0yMC4xLTI4LjItMjAuMWgtODguNHY1OS40aDY3LjZsMTE3LjQsMzE0LjJjNS45LDE2LjMsMjMsMjcuNSw0MC45LDI3LjVoMzA2LjgNCgkJCWMxOC42LDAsMzQuMi0xMS45LDQwLjEtMjkuN2w3OS41LTI1MC4zQzgyOC4zLDM0My43LDgyNi44LDMzMy4zLDgyMC45LDMyNS44eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJJY29uX3YxX0hvdmVyXzAwMDAwMDA4ODU0NzI4MzAzNzc3OTUxNDYwMDAwMDE0NzE1NjUxNzcwNTk0ODIxMzA5XyIgY2xhc3M9InN0MiI+DQoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTQxMy44LDY3MS45Yy0xMi42LDAtMjUuMyw1LjItMzQuMiwxNC4xYy04LjksOC45LTE0LjEsMjEuNS0xNC4xLDM0LjJjMCwxMi42LDUuMiwyNS4zLDE0LjEsMzQuMg0KCQljOC45LDguOSwyMS41LDE0LjEsMzQuMiwxNC4xYzEyLjYsMCwyNS4zLTUuMiwzNC4yLTE0LjFjOC45LTguOSwxNC4xLTIxLjUsMTQuMS0zNC4yYzAtMTIuNi01LjItMjUuMy0xNC4xLTM0LjINCgkJUzQyNi41LDY3MS45LDQxMy44LDY3MS45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02ODAuNSw2NzEuOWMtMTIuNiwwLTI1LjMsNS4yLTM0LjIsMTQuMXMtMTQuMSwyMS41LTE0LjEsMzQuMmMwLDEyLjYsNS4yLDI1LjMsMTQuMSwzNC4yDQoJCWM4LjksOC45LDIxLjUsMTQuMSwzNC4yLDE0LjFjMTIuNiwwLDI1LjMtNS4yLDM0LjItMTQuMWM4LjktOC45LDE0LjEtMjEuNSwxNC4xLTM0LjJjMC0xMi42LTUuMi0yNS4zLTE0LjEtMzQuMg0KCQlDNzA1LjcsNjc3LjEsNjkzLjEsNjcxLjksNjgwLjUsNjcxLjl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTgyMC45LDMyNS44Yy01LjItNy40LTE0LjEtMTIuNi0yMy44LTEyLjZINDA4LjR2NTkuNGgzNDcuOGwtMTkuNiw2Mi4zSDQ2My43djU5LjRoMjU0LjJsLTI0LjgsNzguOEg0MTAuOQ0KCQlMMjg5LjgsMjUxLjZjLTQuNS0xMS45LTE1LjYtMjAuMS0yOC4yLTIwLjFoLTg4LjR2NTkuNGg2Ny42bDExNy40LDMxNC4yYzUuOSwxNi4zLDIzLDI3LjUsNDAuOSwyNy41aDMwNi44DQoJCWMxOC42LDAsMzQuMi0xMS45LDQwLjEtMjkuN2w3OS41LTI1MC4zQzgyOC4zLDM0My43LDgyNi44LDMzMy4zLDgyMC45LDMyNS44eiIvPg0KPC9nPg0KPGcgaWQ9Ikljb25fdjJfMDAwMDAwMzI2MTUzNzYyNDE3NDQyNTE0MzAwMDAwMTcwODcwNzM5NzMwMjk4NjY0MjNfIiBjbGFzcz0ic3QyIj4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMzc5LjUsNzQwLjRjLTE3LjcsMC0zNS4zLDcuMy00Ny44LDE5LjdDMzE5LjMsNzcyLjYsMzEyLDc5MC4zLDMxMiw4MDhjMCwxNy43LDcuMywzNS4zLDE5LjcsNDcuOA0KCQljMTIuNSwxMi41LDMwLjEsMTkuNyw0Ny44LDE5LjdjMTcuNywwLDM1LjMtNy4zLDQ3LjgtMTkuN2MxMi41LTEyLjUsMTkuNy0zMC4xLDE5LjctNDcuOGMwLTE3LjctNy4zLTM1LjMtMTkuNy00Ny44DQoJCUM0MTQuOCw3NDcuNywzOTcuMiw3NDAuNCwzNzkuNSw3NDAuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzUyLjQsNzQwLjRjLTE3LjcsMC0zNS4zLDcuMy00Ny44LDE5LjdjLTEyLjUsMTIuNS0xOS43LDMwLjEtMTkuNyw0Ny44YzAsMTcuNyw3LjMsMzUuMywxOS43LDQ3LjgNCgkJYzEyLjUsMTIuNSwzMC4xLDE5LjcsNDcuOCwxOS43YzE3LjcsMCwzNS4zLTcuMyw0Ny44LTE5LjdjMTIuNS0xMi41LDE5LjctMzAuMSwxOS43LTQ3LjhjMC0xNy43LTcuMy0zNS4zLTE5LjctNDcuOA0KCQlTNzcwLDc0MC40LDc1Mi40LDc0MC40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05NDguNywyNTYuNGMtNy4zLTEwLjQtMTkuNy0xNy43LTMzLjItMTcuN0gzNzEuOXY4My4xaDQ4Ni40TDgzMC45LDQwOUg0NDkuMnY4My4xaDM1NS41TDc3MCw2MDIuM0gzNzUuNA0KCQlMMjA2LjEsMTUyLjZjLTYuMi0xNi42LTIxLjgtMjgtMzkuNS0yOEg0M3Y4My4xaDk0LjVMMzAxLjYsNjQ3YzguMywyMi45LDMyLjIsMzguNCw1Ny4xLDM4LjRoNDI5YzI2LDAsNDcuOC0xNi42LDU2LjEtNDEuNQ0KCQlsMTExLjEtMzUwQzk1OS4xLDI4MS40LDk1NywyNjYuOCw5NDguNywyNTYuNHoiLz4NCjwvZz4NCjxnIGlkPSJJY29uX3YyX0hvdmVyIiBjbGFzcz0ic3QyIj4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMzc5LjUsNzQwLjRjLTE3LjcsMC0zNS4zLDcuMy00Ny44LDE5LjdDMzE5LjMsNzcyLjYsMzEyLDc5MC4zLDMxMiw4MDhjMCwxNy43LDcuMywzNS4zLDE5LjcsNDcuOA0KCQljMTIuNSwxMi41LDMwLjEsMTkuNyw0Ny44LDE5LjdjMTcuNywwLDM1LjMtNy4zLDQ3LjgtMTkuN2MxMi41LTEyLjUsMTkuNy0zMC4xLDE5LjctNDcuOGMwLTE3LjctNy4zLTM1LjMtMTkuNy00Ny44DQoJCUM0MTQuOCw3NDcuNywzOTcuMiw3NDAuNCwzNzkuNSw3NDAuNHoiLz4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzUyLjQsNzQwLjRjLTE3LjcsMC0zNS4zLDcuMy00Ny44LDE5LjdjLTEyLjUsMTIuNS0xOS43LDMwLjEtMTkuNyw0Ny44YzAsMTcuNyw3LjMsMzUuMywxOS43LDQ3LjgNCgkJYzEyLjUsMTIuNSwzMC4xLDE5LjcsNDcuOCwxOS43YzE3LjcsMCwzNS4zLTcuMyw0Ny44LTE5LjdjMTIuNS0xMi41LDE5LjctMzAuMSwxOS43LTQ3LjhjMC0xNy43LTcuMy0zNS4zLTE5LjctNDcuOA0KCQlTNzcwLDc0MC40LDc1Mi40LDc0MC40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05NDguNywyNTYuNGMtNy4zLTEwLjQtMTkuNy0xNy43LTMzLjItMTcuN0gzNzEuOXY4My4xaDQ4Ni40TDgzMC45LDQwOUg0NDkuMnY4My4xaDM1NS41TDc3MCw2MDIuM0gzNzUuNA0KCQlMMjA2LjEsMTUyLjZjLTYuMi0xNi42LTIxLjgtMjgtMzkuNS0yOEg0M3Y4My4xaDk0LjVMMzAxLjYsNjQ3YzguMywyMi45LDMyLjIsMzguNCw1Ny4xLDM4LjRoNDI5YzI2LDAsNDcuOC0xNi42LDU2LjEtNDEuNQ0KCQlsMTExLjEtMzUwQzk1OS4xLDI4MS40LDk1NywyNjYuOCw5NDguNywyNTYuNHoiLz4NCjwvZz4NCjwvc3ZnPg0K);
  background-color: transparent;
}

.reference-product-card .product-buynow-button .ps-widget.button-learn-more .ps-button-label,
.reference-product-card .product-buynow-button .ps-widget.button-learn-more:after{
  display: none;
}

@media (min-width: 992px) {

  .reference-custom-product-taser .product-buynow-button .button-learn-more,
  .reference-product-card .product-buynow-button .button-learn-more {
    width: 55px;
    height: 55px;
  }
}

.reference-custom-product-taser .product-buynow-button .button-learn-more::after,
.reference-product-card .product-buynow-button .button-learn-more::after {
  display: none;
}

.reference-custom-product-taser .product-buynow-button a,
.reference-product-card .product-buynow-button a {
  display: flex;
}

/* clasic box */
.box.product-teaser {
  margin-top: 30px;
  margin-bottom: 24px;
  padding: 0 16px;
  border-bottom-right-radius: 60px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
  .box.product-teaser {
    padding: 0 50px;
  }

  .box.product-teaser:hover {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    border: rgba(0, 0, 0, 0);
  }

  .box.product-teaser:hover .h3-styles,
  .box.product-teaser:hover .banner-tagline,
  .box.product-teaser:hover .body-copy {
    color: #FFFFFF;
  }

  .box.product-teaser:hover .button-learn-more {
    background-color: #FFFFFF;
    color: var(--secondary-color);
  }

  .box.product-teaser:hover .button-learn-more::after {
    border-color: var(--secondary-color);
  }
}

.box.product-teaser p {
  margin: 0;
}

.box.product-teaser .product-title h3 {
  padding-top: 16px;
}

@media (min-width: 992px) {
  .box.product-teaser .product-title h3 {
    padding-top: 30px;
  }
}

.box.product-teaser .product-title p:last-of-type {
  padding: 8px 0;
}

@media (min-width: 992px) {
  .box.product-teaser .product-title p:last-of-type {
    padding: 10px 0;
  }
}

.box.product-teaser .product-teaser-img {
  text-align: center;
}

.box.product-teaser .product-description p:first-of-type {
  padding-top: 8px;
}

@media (min-width: 992px) {
  .box.product-teaser .product-description p:first-of-type {
    padding-top: 15px;
  }
}

.box.product-teaser .product-description p:last-of-type {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 992px) {
  .box.product-teaser .product-description p:last-of-type {
    padding-top: 53px;
  }
}

.reference-custom-product-taser--floated .product-teaser {
  min-height: 360px;
  background: #fff;
  box-shadow: 5px 5px 16px 5px rgba(0, 0, 0, 0.19);
}

@media (min-width: 992px) {
  .reference-custom-product-taser--floated .product-teaser {
    min-height: 660px;
  }
}

.product-teaser-voltanatura {
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/it_IT/desktop/voltanatura/sand_bg_voltanatura.jpg");
  background-size: cover !important;
  background-repeat: no-repeat;
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/it_IT/desktop/voltanatura/sand_bg_voltanatura.jpg") !important;
}

.reference-custom-product-taser:hover .product-teaser-voltanatura {
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/it_IT/desktop/voltanatura/sand_bg_voltanatura.jpg") !important;
}

.reference-custom-product-taser:hover .product-teaser-voltanatura .product-description span {
  color: var(--secondary-color);
}

.btn-align-bottom .product-teaser-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.btn-align-bottom .product-button {
  margin-top: auto !important;
}

.accordion-container {
  padding: 0;
  margin: 0;
  list-style: none;
}

.accordion-slide {
  position: relative;
  background-color: #F5F5F5;
  border-bottom-right-radius: 20px;
  margin-bottom: 8px;
  padding-bottom: 1px;
}

@media (min-width: 992px) {
  .accordion-slide {
    margin-bottom: 20px;
  }
}

.accordion-slide::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 16px;
  right: 36px;
  background: var(--primary-color);
  width: calc(100% - 36px);
  margin: auto;
}

@media (min-width: 992px) {
  .accordion-slide::after {
    left: 30px;
  }
}

@media (min-width: 1200px) {
  .accordion-slide::after {
    right: 24px;
  }
}

.accordion-slide:first-child {
  border-top: 0;
}

.accordion-head {
  color: var(--secondary-color);
  padding: 16px;
}

@media (min-width: 992px) {
  .accordion-head {
    padding: 20px 30px;
  }
}

.accordion-title {
  float: none;
  margin: 0;
  display: block;
  padding-right: 15px;
}

.accordion-title-text {
  font-size: 0.9375rem;
  color: var(--secondary-color);
}

@media (min-width: 992px) {
  .accordion-title-text {
    font-size: 1.125rem;
  }
}

.accordion-content-wrapper {
  background: #FFFFFF;
  margin: 16px;
  margin-top: 0;
  padding: 0 8px;
  border-bottom-right-radius: 20px;
}

@media (min-width: 992px) {
  .accordion-content-wrapper {
    margin: 30px;
    margin-top: 0;
    border-bottom-right-radius: 40px;
    border-top: 2px solid var(--primary-color);
    padding: 0 68px;
  }
}

.mod-js .accordion-content-wrapper {
  position: relative;
  height: 0;
  top: -999999px;
  left: -999999px;
  overflow: hidden;
  box-sizing: border-box;
  visibility: hidden;
  display: none;
}

.mod-js .accordion-head {
  position: relative;
  cursor: pointer;
}

.mod-js .accordion-head:after {
  position: absolute !important;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  transform: rotate(90deg);
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  font-size: 1.25rem;
  color: var(--primary-color);
}

@media (min-width: 992px) {
  .mod-js .accordion-head:after {
    right: 30px;
  }
}

.mod-js .accordion-slide.is-active>.accordion-head {
  cursor: pointer;
}

.mod-js .accordion-slide.is-active>.accordion-head:after {
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "\f077";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  transform: none;
  line-height: 68px;
  color: var(--secondary-color);
}

@media (min-width: 992px) {
  .mod-js .accordion-slide.is-active>.accordion-head:after {
    right: 30px;
  }
}

.mod-js .accordion-slide.is-active>.accordion-head .accordion-title {
  padding-right: 40px;
}

.mod-js .accordion-slide.is-active>.accordion-head .accordion-title::after {
  content: '';
  position: absolute;
  height: 2px;
  background: var(--primary-color);
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 36px);
  margin: auto;
}

@media (min-width: 992px) {
  .mod-js .accordion-slide.is-active>.accordion-head .accordion-title::after {
    display: none;
  }
}

@media (min-width: 992px) {
  .mod-js .accordion-slide.is-active>.accordion-head .accordion-title {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none;
  }
}

.mod-js .accordion-slide.is-active::after {
  display: none;
}

.mod-js .accordion-slide.is-active>.accordion-content-wrapper {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  visibility: visible;
  display: block;
}

.mod-js .accordion-slide.is-active:last-child>.accordion-content-wrapper {
  border-bottom: none;
}

@media (max-width: 991px) {
  .tabs-content {
    background: white;
    margin-bottom: 8px;
  }

  .tabs-content.is-hidden {
    display: none;
  }

  .tabs-nav-switcher {
    display: none;
  }

  .custom-tabs .tabs-nav {
    height: auto;
    z-index: 2;
  }

  .custom-tabs .tabs-nav ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0;
  }

  .custom-tabs .tabs-nav .tabs-nav-list {
    width: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(1) {
    order: 1;
  }

  .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(1) {
    order: 1;
  }

  .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(2) {
    order: 2;
  }

  .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(2) {
    order: 2;
  }

  .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(3) {
    order: 3;
  }

  .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(3) {
    order: 3;
  }

  .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(4) {
    order: 4;
  }

  .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(4) {
    order: 4;
  }

  .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(5) {
    order: 5;
  }

  .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(5) {
    order: 5;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item {
    float: none;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    background-color: #FFFFFF;
    border-bottom-right-radius: 20px;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a {
    display: block;
    width: 100%;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem::after {
    content: "";
    position: absolute;
    height: 1px;
    left: 24px;
    right: 30px;
    background: var(--primary-color);
    z-index: 1;
    margin-top: -1px;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem .text-wrapper {
    display: flex;
    align-items: center;
    padding: 16px 8px;
    color: var(--secondary-color);
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 28px;
    letter-spacing: 0;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem .text-wrapper:after {
    position: absolute !important;
    right: 30px;
    transform: rotate(90deg);
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    font-size: 1rem;
    color: var(--primary-color);
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item.is-active {
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    transition: all 0.2s ease-out;
    transition-property: border-top-right-radius, border-top-left-radius;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item.is-active .tabMenuItem .text-wrapper:after {
    color: var(--secondary-color);
    transform: rotate(270deg);
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content {
    background-color: #FFFFFF;
    border-bottom-right-radius: 20px;
    margin-bottom: 8px;
    padding: 16px;
    padding-bottom: 26px;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content ul {
    margin: 0;
    padding: 0;
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding: 0;
    font-size: 1.25rem;
    line-height: 20px;
    color: var(--primary-color);
  }

  .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content ul li::before {
    display: none;
  }
}

@media (min-width: 992px) {
  .tabs .tabs-nav .tabs-nav-list {
    display: flex;
    padding: 0;
    margin: 0;
  }

  .tabs .tabs-nav .tabs-nav-item {
    display: inline-block;
    cursor: pointer;
    width: 33%;
    text-align: center;
    padding: 12px 33px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: relative;
    flex: 1;
  }

  .tabs .tabs-nav .tabs-nav-item a {
    position: relative;
  }

  .tabs .tabs-nav .tabs-nav-item.is-active::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 86%;
    background: var(--primary-color);
    left: 0;
    right: 0;
    bottom: 2px;
    margin-left: auto;
    margin-right: auto;
  }

  .tabs .tabs-nav .tabs-nav-item a {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--secondary-color);
    font-size: 1.125rem;
    line-height: 42px;
  }

  .tabs .tabs-nav .tabs-nav-item.is-active,
  .tabs .tabs-nav .tabs-nav-item.is-active a {
    cursor: default;
    background: white;
  }

  .tabs .tabs-nav .tabs-nav-item:first-child {
    margin-left: 0;
  }

  .tabs .tabs-content {
    position: relative;
    top: -2px;
    z-index: 100;
    overflow: hidden;
    background: white;
  }

  .tabs .tabContent .tab-content {
    padding: 40px 97px;
  }

  .tabs .tabContent .tab-content ul {
    margin: 0;
    padding: 0;
  }

  .tabs .tabContent .tab-content ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding: 0;
    font-size: 1.125rem;
    line-height: 20px;
    color: var(--primary-color);
  }

  .tabs .tabContent .tab-content ul li::before {
    display: none;
  }
}

.tabs--static .tabs-nav-list {
  display: flex;
  padding: 0;
  margin: 0;
}

.tabs--static .text-wrapper {
  color: var(--secondary-color);
  font-weight: bold;
}

.tabs--static .tabs-nav-item {
  display: inline-block;
  cursor: pointer;
  width: 33%;
  text-align: center;
  padding: 12px 33px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
  flex: 1;
  max-width: 220px;
  background-color: white;
}

.tabs--static .tabs-nav-item.is-active {
  background-color: var(--primary-color) !important;
}

.tabs--static .tabs-nav-item.is-active .text-wrapper {
  color: #fff;
}

.tabs--static .tabs-nav-item.is-active::after {
  display: none;
}

.tabs--static .tabs-nav-item:first-child {
  margin-left: 0;
}

.tabs--static .tabContent {
  padding: 15px;
  border: 15px solid var(--primary-color);
  overflow: hidden;
}

@media (min-width: 992px) {
  .tabs--static .tabContent {
    padding: 60px 97px;
  }
}

.tabs--two-toned-white .tabs-nav-list,
.tabs--two-toned .tabs-nav-list {
  position: relative;
  background: #F5F5F5;
}

.tabs--two-toned-white .tabs-nav-list::before,
.tabs--two-toned-white .tabs-nav-list::after,
.tabs--two-toned .tabs-nav-list::before,
.tabs--two-toned .tabs-nav-list::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 17px;
  background-color: #F5F5F5;
}

@media (min-width: 992px) {

  .tabs--two-toned-white .tabs-nav-list::before,
  .tabs--two-toned-white .tabs-nav-list::after,
  .tabs--two-toned .tabs-nav-list::before,
  .tabs--two-toned .tabs-nav-list::after {
    width: calc((100vw - 1140px) / 2);
    top: -2px;
  }
}

.tabs--two-toned-white .tabs-nav-list::before,
.tabs--two-toned .tabs-nav-list::before {
  left: -17px;
}

@media (min-width: 992px) {

  .tabs--two-toned-white .tabs-nav-list::before,
  .tabs--two-toned .tabs-nav-list::before {
    left: calc((1140px - 100vw) / 2);
  }
}

.tabs--two-toned-white .tabs-nav-list::after,
.tabs--two-toned .tabs-nav-list::after {
  right: -16px;
}

@media (min-width: 992px) {

  .tabs--two-toned-white .tabs-nav-list::after,
  .tabs--two-toned .tabs-nav-list::after {
    right: calc((1157px - 100vw) / 2);
  }
}

.tabs--two-toned-white .tabs-nav-list {
  background: white;
}

.tabs--two-toned-white .tabs-nav-list::before,
.tabs--two-toned-white .tabs-nav-list::after {
  background-color: white;
}

.anchor-links {
  background-color: var(--secondary-color);
  border-bottom-right-radius: 40px;
}
@media (min-width: 992px) {
  .anchor-links.inline-anchors .richText-content{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
  }

  .anchor-links.inline-anchors .richText-content>* {
    padding-right: 10px;
    position: relative;
    width: 310px;
  }

  .anchor-links.inline-anchors .anchor-title{
    flex-basis: 100% !important;
  }

  .anchor-links.inline-anchors .anchor-links-content .anchor-link a::after{
    right: 0px !important;
  }

  .anchor-links.inline-anchors .anchor-links-content .anchor-link{
    padding-top: 0px;
  }
}

.anchor-links .anchor-links-content {
  padding: 24px 16px;
}

@media (min-width: 992px) {
  .anchor-links .anchor-links-content {
    padding: 30px;
  }
}

@media (min-width: 992px) {
  .anchor-links .anchor-links-content .anchor-title {
    padding-bottom: 10px;
  }
}

.anchor-links .anchor-links-content .anchor-link {
  padding-top: 26px;
}

a.orange-link-hover:hover,
.anchor-links .anchor-links-content .anchor-link a:hover,
.anchor-links .anchor-links-content .anchor-link a:hover,
.anchor-links .anchor-links-content .anchor-link a:focus {
  color: var(--primary-color);
}

.anchor-links .anchor-links-content a.orange-link-hover:hover::after,
.anchor-links .anchor-links-content .anchor-link a:hover::after,
.anchor-links .anchor-links-content .anchor-link a:focus::after {
  color: #FFFFFF;
}

@media (min-width: 992px) {
  .anchor-links .anchor-links-content .anchor-link {
    padding-top: 20px;
  }
}

.container-sharethis {
  height: 80px;
}

.container-sharethis .sharethis-img>.component-content {
  display: flex;
  justify-content: flex-end;
}

.container-sharethis .sharethis-img figure {
  cursor: pointer;
  display: inline-block;
  text-align: right;
  padding-right: 15px;
}

@media (min-width: 992px) {
  .container-sharethis .sharethis-img figure {
    cursor: auto;
  }
}

@media (min-width: 992px) {
  .container-sharethis .sharethis-img figure img {
    display: none;
  }
}

.container-sharethis .sharethis-img figcaption {
  display: none;
}

@media (min-width: 992px) {
  .container-sharethis .sharethis-img figcaption {
    display: block;
  }
}

.container-sharethis .sharethis-img.submenu-active figure {
  margin-left: auto;
  margin-right: 15px;
  background: url("../../img/voltaren-sprites.png");
  width: 41px;
  height: 40px;
  background-position: -524px -190px;
}

.container-sharethis .sharethis-img.submenu-active figure img {
  display: none;
}

.container-sharethis .sharethis-links {
  display: none;
}

@media (min-width: 992px) {
  .container-sharethis .sharethis-links {
    display: block;
  }
}

.container-sharethis .sharethis-links .shareThis-list {
  display: flex;
  position: relative;
  top: -100px;
  justify-content: flex-end;
  width: 100%;
  padding-right: 15px;
}

@media (min-width: 992px) {
  .container-sharethis .sharethis-links .shareThis-list {
    position: initial;
    top: 0;
  }
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item {
  display: block;
  padding-left: 6px;
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a {
  display: flex;
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a img[title="Whatsapp"] {
  display: block;
}

@media (min-width: 992px) {
  .container-sharethis .sharethis-links .shareThis-list .shareThis-item a img[title="Whatsapp"] {
    display: none;
  }
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title="Facebook"],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title="Facebook"] {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAACSpJREFUWAm1WW2MVUcZnjn3LrDQS5cVvLtrsLXRgI0BY4ImbVojmqY1lAJxm0i1lPDDaPQXptHEH2psyo/GaNKmWmJiwF8lQLulatPG+FHUpJJIsEqTtoQaWe4u31DY3XvPGZ/neWfOPXfZlkrqdO+Zd96P533mnZlzTg/eXWebfHhpo3Puwt3BhS9455cXIQz7LIwE72703k8A9oTz4URw7o2s5g4M3bHxZX//nvx60vn/JSg8PVobf+G5zd6FzYUr1iJ2ngcCiDiHnjIbiGPAHxXs8Zf505APBO93fujxzkE5vsdLhL2298mHFt4bsnwHKnZrLxnjYkR1FTdUdBbprl+W+bFQz74z8pOZf107M+Ku5XR6a//ymSL8CpW7M1WLVEQU0ayaQCQnIrF6yQ5nqy4DLSNUuc/ck0MfWLndf//VmXfjEUPmdmlt7b8tL8I+F0KT4Inc7ITlkkZSnAEnUfqRWxxjv7rArUA0+fmD2YIFm4Yeu8R9PGfL5tRCOf7ggi2dTvE7YDUFyUulgYa2neWKM2BeB0gFwFlj2CiGCkDUk2soituL6SuvtL7Vt1qOc1wMYZah9UD/xtyFvcYDy8kyiAdl42C9jWlLdkLN9qFtLl3pC3vm3USozVsz8tMrb1FfbVdVsvXgolWFd7s1WU2eDKwSlKoFMb3ppJc/tSmGMkdY4mhLFaWOLcUVwX0w5NNjJ7/dXCRD5dJD8sKXG0uLTjFW5GGR5/EkEMHxS4miVuApUdJpjLiAjLoDxXgSMRszUyJp+OC/1IQR/Opi6tSupEt9D8lLLv8RYm/S5iZyJEhnDm1MEkhVjqk3HX2UDGtr/nQyKqog7dGXMSU+9MSMOTa1vlnbgMCylSQnv9JYgcTbEhnNFm7aj8zFBJWZcyTfio4EqeNPE2V88gOparz5ErhXz9jc+Uf54IBRrZ6Edid/FMtUx5MBSRjMcGuC4sSl5mExHx4GNlWWcVjmrDHo+m7+lPP9i2lxrj3lpo782g5OjOdAOdAnslVMnPiV43/ctw0ATxFfaSZHGytmfH5UA14ksNedDgKIgQQbNSSnXrroA13jSz90jXUPyy9d8vMnXWv7hzUxiwJsJT5lsP1DGyaAvIA+NvxEfgtxtNwd7zZoj0HBarEiFCiTGgPBSrPn2PSsXFee//HPXUUQrmqsFyuX8LrxBLUc3KPJzwG3KNxHJr7R90kC2HKHsCEBkE8Ms4ImcGNLI1PG3kjScf6qu6VLlyt/2+/yiTddmLpo2yFWyLAtXrISA4B5GCwCdvJxr74Pmr/Xz4wuuXG6mPlMd0/YrMkpLUVpow5gPfuWyTHz7IZBWLvt7JNfRTnaUjCv7XNOj9vFcjADSemWZTzFkWRVeedJ8gf1duFuoquSG5rKTgDb1t3ElLQkvA/SF399H/00DknD1ZaM9Dhy+Wknzsw/XzI+8jBStAkj6VRRkjM9iWJfrgYv78dHb/gsbt6/Z04DJR496WxyIhQt0tNOv2WP/AWnWVtH6WZfOPnxbf2C7q4MYuMhsByWWxwgWn6xdSP9QwuzIvgBVQw6zkIVBSQ5k6kqBz15l7OgtdRR/86tuDiJZSewoSVPPdGolh5ayaAHRTe3cxfchf56FtwAHVkerLl6BVBlsVZR+hAAayAgGFnhqUPPu/bxI27eyttdvak7Bhydu/ynXerzM/+JEyVAhI9pGK+qpbQ84Zy/CMnddTrthXUe91Q9epQEYrVsVkZIYQSEoJS4XNr7iBINfH1nD8nzO78mLz796C9CCiJKWnjKkSglOIogBOWIZHk7PufxiqyxCJCocCxA7haccrAnjAEZAWMNQ2pwIg696B/zJav02pb0ETs60R+3bgXYuF7vu4zVrp0jQkpojhgpIBE2SgYKmeWBPZEQqBBKDqVNt5d4o5afCFTjIzmuIsUKF2Zd7BZfyfA/RWfL4G4Ok0Q0iioFSXeXSlXimOhzNek5/d7kVVfGpp9NllaLgVC4H/97KuvL3HHWxhYmzlCnkY6pkmYlCImVr1vykAZSb1O1mYxEYxzJGKoRYyRb0mmMqlv1GecPYyuEbHDP2fNw+yuno02LkOoeTbOz2SIL/zAQfJSTjzLGi7BgTzbGSxYJZCzH1JMYcSNhLr3JzxJOLxgwYRArQit+NkfTEtxqHd0ZCQ8DSp5SlheiIWzWoaj6WjxxUqMU0ysuq4VnaFPWeig00NtPTG6ztnAGCgyC3h0JTOLqkQxVmN00AcbhJ5miZBaABK0QIoZ46dRbDKp7rPnz9mHi6i1o2djF106sa+zH+m8sk2uCdihERmNBWWIE887Bxu7t3/7MTR/6jQ2ko9biIchZGhJPjQBkjmYdx3Slzu+QgVISJtcvXdEJM/8AbB0/lZvPVxHRhdqoV2+R5qP0QospFYetFuOjb4wTBeMDB8M0drxqfHT4i+s/kT5wlZts2dip17AIvyCcKpd6Zpr17CWlstGOrKoEetosntdo43YQ+66V8RyZ3uKJYbG17yaCdClJcrDQNb6HO/5xBTKxwInOPYQu6VJyjFMigqclK30hUE42rmJ135e2uCeJj0XbO/LLyzoj5MTWQ3LxcydOZT5bD6Jv06jHldHgUI2klAgVtFmLJshgmeibeviZh9ktOhLm+2glXpiKyw77pQNbkm/qexGitrVuAJ9Z8viZRbMjOhp3TO+YU7d9RAN9ohdkbuW4x+aMT3HExJNvYr53awZ3vYfPLEzSPHBuv89qW4E8bdVRZlysdsoIZC5Xt4K9Y+NrtaSfZpdmwT7qaMOKvZWF7K65CCKyjKJ8VWvdN4hPf+19cGsSVTPnexMzsDMmFic56ukRT221WozT+yj7FO/dwSyrbRrafR2f/pi5+eyZP8/P+tagHn8gI9VRFYiHJJ7a8hEID1UNscmXh8Xm1I2PutwX/vHhj92y9t0Ikke1Fhy/Yzu5rnEv9voO5LyVefEKGhtGlbd1Inarx4pBAVaMoU371Lsx34fP0bsvvT+foxMV9mEUH/bbL272RbEZy7kWZZunrCqNCtZdRiufyNnS+tN4kjyfueyp5tMX/z8f9qtkKeMJ1ehk7Xvw3ebzqOpy1GoElRrGbwDmFgjhn0f8OPrXwfzAkLvnZb/n+v6J5L/VMsUcDF1FqwAAAABJRU5ErkJggg==");
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title="Twitter"],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title="Twitter"] {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAACWVJREFUWAm1WWuMVVcVXvvcO0+Y6RQYZphKaGuUpj/Ekky0NTYGjaGRtw7R0bQl+Evtn/pIm/SHP0hKo1ZNqE0kGi3+MCWAHdDEPmxooWlSE9qEtmAktGAY5sHMyAwz3NfZft9ae5977/Q6PKL7cs7eez2+9a219z73zsHJTbaxHy3rKE9dXu/Ff8mJW5l6v8Ilvs87ucU5NwrYC+L8BS9yJsnJkd7Pbz3mtu+v3Ew4dyNO/vmB3PBfDw868YOppOvg2+yAACIi6DlmA3FMeFHAHv8SdwnjI965vbftKR9Xw+u8BdhrW198uH2jTyq7UbG768kYFyOqd+WGis4jXbVLEjfk88ljfb8ovn/tyPC7ltGlHW0ri6n/Ayp3f6wWqShReLNqCqLjSCRUL+phbNWlo0WEqOISebZ36V3fdz9+t7gQj+DS2GRkR9t9ldQfFO97CB7JzQ+YLWkgxQyYRGZHbmGO/SqeW4FoaueOJ62t23p/OsN93LAlDaUQDj/Y+lC5nP4NWD0KyVtNAw3ddhYrZMC4Akh1gLHOoePQ1wAEObn6NP1cWph7a+SRpjVq2OBmCPMUI99s21oRf8B4YDlZBuXBsXGw3ubURT2h5ttQ10iW2UKfOBn1ueb+vl/OnaO8tn2kkiMPLvpU6mSfJqvJk4FVgqPagpjcZCpXe0qjD8ecYYmDLlaUMrbol3pZ7iuFoYs/6FmkippbHcnL3+hYlpbTobTiFzkeTwIRHFcMFKQKHgNFmc7h5xFRn0DBn0RMx8gckTRs8IlNMbxbk14dfy7KYl9HckYqu+C7Sjc3kQNBGnNqc5JAqGxOucloo8GwtmZPI6OiFaQ+2NInw4ecmCHGtpHv5bbAMWsZybFvdaxG4J2RjGYLM92PjMUANZlzprY1MhKkjJcmSv9oB1K1/mZL4Ho5fSvinuQXB5TaMpKlcuXJNPX5CKqBiIFLxxzq2JbJloshIGdl8bE++EBWW61qAgStJhjJagJQGV561/BrB3fCUJuSHBvoWI0AW6uGHNHciOmyqASy2mWiDWNGO52bJ715xYNiaVAAPX2UUNwW7CFQuXnC5jFYaVOSZSdb1BEitcXG54BjdQnPj1g9k1vl4pj+kVTcX9QZOSMR8aIPD5iRZWArjJLFKqSp3DH6naZPE8GW2/stChhJGTXcEZY4unQ0tyybb79HJN+sM80eGvrH4O1f+LZ073pbep8Zl6U/fEnyd3xG2tZ+VTq3/yRgEIvN8GOvHAwVd3xvit+sVhMDt95SSIuTtgrYb3iqasXoH8prhwA6xfTS/dTfpTL2gUz+6mGRwozyjLrF6x+RzkGS+WgrvPeKTO37rqTjZ+GDrHjREX1YLMTnjDo0507c9mx5bVJKZRVNbSnJwg6G2mg+BKk2ZpjrXiWta78iy586IS33bICEbua3eFO2lapOcYQ1TCf+hZVBRAbVj/VWRQ2fSVGvNcB1+TQp3erxU1QfNQRDSWMmlqMFt0eRacrnTkrzJz8ruaUfkyWP7pfimbek+O6rUjp/UpLFSyOlur48/oFM7BkQXyppLCKRmMWAKUqp5SB/VXjsS9T10ZWt+dS7LlNGaix9dDXHCEYgyTeJn5uuI9D88X7htVArXzgtUryamehDPZRDl1qLixuazkM9L8vltiTx0sXSMyc7oSCi2UAUeqXMMb/uKmVpQhVvtFUmzoctwUqZd3X1rKLVE26xGb9cLrUngpOr5VVHHpoAwOJjrGeHffgIiM4c3H2jHKV48mXgEbNaBI3F7QV8XlYMDEKsyAV7U6Yclt4cTB3HSl5dCRK3g8jM4Z9L8R9vXjfR9MqUzJ34S529Jk0+JGfra+N5v0fz+aZZrHZuigwti+DEmWYWKotsq6AYYV44ebQu6EKT6UO7xJVLiknc2moybiSqqhoujNkpnXMJ/iiaNMcGYZSoyWNVY0W55LOv/h77dOG/UgunXpfZF5/RlcgKUROKqxYv5aE6pc5RKk+fv5o0JfIhaxP3AQ3tOUbDWEnTasasKfdVvlUKb78olYtnFLbRrfDeUZl4ertVKmAZqhFjpdiiTOfcozyg4IGKv4Ot4PNL9k/+e3hz55vQ3Es59wcvVswgDIXZMlrbfV+Tzp0/k1znMgoaNl+ckysv75XpPz4hvoLnIr9F1J/mATsDr8oYkNuTN8bHgXmB2jxvkGLi7lW/gBYxLLtAGNGuvnFA92P7/V+Xlv4Nkl9+uyQgXJkclsroWSm8f0xmX9krfvqSbj07FMZQxxaQMZWIsTIhY8ZkaJvk/J+oUS5jmzpWY1uf0urxuxsfVfCGS+eaop1wVkabGgW9Vgt+wZ96q0r0Z08hbFgpxoj4UFi16W92sDnb99vCnXTRcN1D06exRQ9Z1YgTvGHAzGxOc7VQlJixSYOdZaRWwdIqY+zMm9icB5n15k98lp/RMc4exkqSoqak5XGoy3RiRa1XN9wMWOWAUOJ0il8EDK9BLZgdPNQKMgbUZQ64nJscOOpPG/M3HQ3dqRXrN/6GIdgykt1D46fhpgo6sWnPzGt+tZhc1XYLlWFgJkZP8+cdM8ac93vU0M2Wejb6R/Iiucdr38BlJGnYLh1PYLt+qI4ZOFGselnAGBwqDah9sKm1RdQYWHvFrOJlOiQRE8KiHej73aweGHJiqyPZefjCeOKSTSB6hUpdJqPBqTaSis/RWDEq9NDRFpFNboHjWJ1x49yegxwRze7mn7zjlnU9FG1jr4WIk9iPbOjCa5ZKeM1CstCoZTjdNXMqa08qMdQKNraV7TQ38o9+rC2++UZbnPQvee46XrMwSM+RqUMuye1AmILmSRReIWtljDmXq1rB+rnmpPbVraJ+hCHjgKlL7ty5xCdfbkQwWKtXw9vI5iV49Vc6CNAeomrm/N3ECOyMifnqOMhpMe95SE70i8/RbHWcHE+S3LbefTfx6o+QPS9MvNGSNPWjmkfJqFrVUJ1wavXRpCyCHL7R1r6DozcyYR609XiJmro9Kz5x57qFCJJHbS04/6/t4oaOjXja7Ab+3YyRfeswKr9leGCIpjxsbHsOArCiD3W6T50MuSa8jt438795HU3s2PwAXuyXXhp0aTqI5VwHZvjj20jQRsljaqljhnFV5i7hB82fE0l+3fP89P/nxX4kGvuxTfgvkqT0AN7UfhFVXYla9YHUClxdsBkBIfz3iBtG/08kcqRXHjjm9t/cf5H8B6t33lB8i1sCAAAAAElFTkSuQmCC");
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title="Mail"],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title="Mail"] {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAACmNJREFUWAm1WQ1sVlcZfs/9vv5RWtpS21IkjG0IWQxglAjoZob7dQwoky3CsskWY7IM50AJjC2DZQkYJ9sM2SLGTYGYSAUGQ+eYUYfg5l+ExSFLQAQzoH8U2q5/3/fd4/O855z7fa3NYERPe+855/153ue85+fe3hq5wtK2qrYie6HrNiv2JiNmQmztOBPZRmtkjDGmFbBnxNgzVuRElJJ9Ddc3HTR3N+euJJz5KE52x+LU2ddfXWLELoklngvfYgMEEBFBzTYLiKPDiwLW+I1MB9r7rDE/HL85e0gNL/PmYS9tfe6ro+60UW4jMnbdUDKOiyOqd+WGjA4jnbeLIrPXpqPVjc8N/uPSkeF3KaOOZWUTBmO7HZm7IWSLVJQovJk1BdF2IOKzF/Qwdtmlo4sIUc5E8mLD2Kkrzbp3Bz+Mh3cZ2aRlWdmcXGx3ibX1BA/khgdMptST4gg4iMSO3Hwf61UslwLR1M4cikpLFzU808N1PGKJRpRCePa+0vuz2fg3wKpXSN4KCmjosnOx/AgYVwCpDjDWPnRs2gIALydXG8efiwf6/tyyvGi6Go5wcwjDFC1Ly5pyYnc6HphOpkF5sO04uNr1qQt6Qg23oW4kWWILfWSk1aaKZzY+33ea8sLyX5lsua98Wmxkmw5WB08GLhNsFSbEyZ1M5WpPafBhmz1MsdeFjFLGEvxiK3U2N7D33Lfqy1VRcBtCsusrFbVxNt4b52y54fYkEMFxhUBequAhUJBpH34WEfUE8v4k4nSMzBZJwwY/oSiGNdPj/vatQRbqISR7JPc0fCfq4iayJ0hjdl2fJBAq6VPuZLTRYJhbZ08jR0UzSL23pU+CDzkxfYxFLQ+nFsIxKQnJtnsrpiDwg4GMjhZmuh4ZiwEKRs6e2hbISJAyXjpQ+gc7kCr0d7YEHiqnb07MBj44oNSSDo1MNrcB05TGkwFB6Ex3V9hL10+SshsfEMkOeCmqYEBJYDhcFqwTOdAi5AaHZPe+9cgstijihdnTDRbHU88e2PUgXLfQXUm2La6YMhjnmnSkwNDsKThOOjLEw7du01GV8BZ/0Jm0P3ID5KJRY9TNDvZKz682oo3E6NxTjNHw18pqdPIks0YW6hqDUknpyHSGQVgkVX81vSXz/jEpGj9Vzn9/qdhAlI40cuvB1TSmiIV1aLOZiqR27VvUSNGEGc4NesvloDXw8IsTZlLrQ0Uz6l7IHHbTbe1CklM8BdSbw4bCZjEl2Qym2j29xn57j3Q+f48MHH5NM5AsEbhpIJJRMFJxOWLf1IyX2pWv6UxE5dVkpoQ8O3Lzjm7nI+oCSA5H5xdXj5HYfpZTTR9Y+WwSw023LgNoBt79nbQ/dTMUsVQ/2iyjbn4I1rDnbsePi0IM+hb6Y10ha3Xr/iqpsROl9/c/ckZ6pz9J0Yk4rjA2xCQpUSaWidTp4tVA+fOLgTW4d2SVOXZI2h6bLXF3u1Tc/ZRU3vsMEsGBOT+SYyB3uZAl0++Q2icOiSkbIxd/+k3p2r0+QQx29GNx/k6KPTwduCaKo0x1XkErF1Cd4MjgSdE+jgiszfY1syR37riUzlyIrO6UqMQ9KMI5GPzLb3pYqpc3Y5FlpWPTHdL75stDB+4xOSz9YXzMDNnGMV4EVkwojWJrqjRb3jhkxOXAOeZ5OikB4wst0r7uRsmc/JsUXTVDxj55QExlQ5JRHjGVS78nFXetl7inA7azJXP0t8l4teFjKqq2ubz81PuhdElXWRRZqfIrltveqbwz5SQYqKGn+iS7mX7pfPYe6XurGefoNVK34S+Srp2IyYikZsVuKf30Asm1nJD2xz+Dk+FoQiAZtO4uZs3H8Ae+6iGjPJvNjIpEH0foUQgKASBkV48m1Tm9AtKcF3xLpt0ixdfOlIvbV4nBjq179j2p+847UjrtVsmcekcGjh2Q+GKrHzyGCyIuliPhlpfDYzJcAobOINamXDAYeWBPdWgHB9IrLORMu7I5i6Vm1W4p/sRs6f/jbun8bpOapRuukZ5fPieDJ/4ko29dLrUbjohg04xYAKYPD4KyPex9NJ0u6k1bSV3AIQhlfjTOCVOru5YKalnz0hxL6ey7sCF+gvXWien8vNjuDuk/sl/OPjBWTHGZrkM9G4tKZfRt35Da1fulfQOOr/4ugHi80PJE9URFhujHRDF+pVT2RfijqNMFh8fwoiMbKmR2S2YtkupHtkrce1Ha1l4v2ZaTeaOBPrE9510f/t0/Xy8f7N8sqYZrpXbNfqyPirwtWiQTrmQZ5AcRy6Z/90dFkZxCbpSO5ohOOEVd9vJTH5DLZjVJzaPblGD72hskBkHnxztT4PwL30e7dzwpvW+8CKKTkdHXJUqXBDitmVd30Z9HELIJHLSPIJs2qmnuvAiTtzmcsAYL12h+dFhWc74s1Su2K3D7Y1+Q3JnjzofE1F9VfplQyEBO1vWzJ6T311skhd1f9bWXnDDolRgxPFlMs2/voaF/VTPomNkcjWpRaVtrtExKTLpIbMa9pnU8vUCi0tFiJn3K2eWNwcmtKYWiKxsqxXJ8u1lybf/E2blOpfr8TiI5W5Jj4XqMUvYVtpVk2sav4PVho6bZv0+GuMTItp6mLc7Cq7SufuRlrQvwXf9y7nxVK69SSx7yjKPPfsblNONV0xE1J+t/MIhjIQwUjTPzKnbBoykJTG8sDA6MzdTHJ8voRSsl1/ov9JgbjlabeuMBkHSThvOnQbANfrnz70vfwa0AwruOGiiMs9MtEn298aV+fZ9M4Nrm107J2sG/AxbHEqcMI4OxguuNUi/X2oE6G8IgFCoN6PVKnCofxfnnB+jIOcy8v/aPjfvS/E+GD1xIrisf29v+HmjpO5TuUsVmVFy62xnLRfMxnSP1iKZT5Hh6u8LdDlPHKKCqr+Ko3Pm7zUJpak0gSMOEJDujpOJxLNdTCsjA/m2E9AIJlZEs9bhCIFJSm1CrHrlTG6fjLOrx5m0SHeJoAmhrZGfjj3t1w5ATyxCSla+eaY9MNB9EP6CSU+5psKuFEg2EDCow7iw8glwgX0PmLJxejbxMN0iBv2Kqf3TE1FbdH2xDPRTBS1vmVeEzS85/ZtHRea5cVUP7HHpYa56v9tnmGJ2OHYIP9Q9+xMSTr7XEyMyarZfxmYVQ9fsu7DZRahmQB1x2FB83lzuNCGROVz6DQ/vKSe3zS8UzVRzwJWe3HIw5HdnolpEIwsqNj42RSsuCGnz6y+yCWT0RdeR8byI6K8fEuWrby2mhJ0M+y+REP/2jjXXwN3IoilKLGrZdwac/QtbvOf+HkqhoJvL3Jhnls+qzoxsLoTWl9PBybYEFOZOdcs/7e1nOxGbzuMlXz/0wgg6V98so5+ZV3Im1vhHxrmNcPhlcQS88pXx28muNGYMQrOjDzOs6NbLXFOFz9Lae/83naM9EK7sYH/YzbywxcbwE0zkXKSzWqJoaTVh+Gl36lJybWtOBF5pf4KG4pX5H9//nw34hWbbxhKrIRpnb8aX2i8jqBOSqEZkah4sP5hYQwr9HzFnUx8F8X4PcftA0X9m/SP4DnTXoSu+sFOQAAAAASUVORK5CYII=");
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title="Whatsapp"],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title="Whatsapp"] {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAACXBIWXMAAAsSAAALEgHS3X78AAAFb0lEQVRYhb1ZW2wUVRj+Zru9bbt0uZS3XniDkNDFqCSKbY2m+mAAI76YtJS2iPFSNYCJBnuJaDRgjCkJXrAF+kbUQhsv0US69a2F0JpYxGjahTcBu7Xdlr20x/yzZ4ZzZs7spbvle9nOPzPnfOef/14NWYIx5gdQD8AHoM6yWgBACMC4pmnD2e6VMRhj9YyxPsbYDMsMA4yxPfeL4KUMyakwxRhrXg2CPq6NpFgOz7DoZIBFJ4f1v9MAHbo6HQ4pbZTb4AAA24LLt4KIXB5E9MogYtcC91bTmLl6/pY6uCu3ofCxfXBX1qi2IBt+U9O0Mysmyj/PJ9xRTMQmR7Dw9XuIXRvhK7DEr4KoeJ+IevZ0oOCB3art9icj60iUG/2AJAvPInz2MO6OnFMSSUXUuJ+/uQ7e1q/g2mD7SI5klUT5574kajI+/Rv+O/G8/rlTEUl9H3B5ylDa2ouC7TbtPqtp2oWURMlxOEm/SDLU3QC2EEq8kAOiGpeVtvSi8NF9IgWy2e2apk2LQpdCoZ02kl0NYOGQ4tHsMd/bgtj1gLgOKaovqUZ5qJgyr8OzOsl4cELQBJC3sRKu8iqwhVnEb0xkpVH9ssQHX+cVuNZLNiuZgFWjneLF4ncndY2KKKprxNqeP1HW8TN8H44if0tt1lolk5rva7GKJS4mUa5NM1ss3QoifP6Y9GZeeRVKX/5Sknn2vps1UULs+rDVBPyUCW1EAUg5eOH8+7bFPHuP2mSkUTpALrA41G1dxfQykagUJyKjg7at3dXKzIKip9tzQpS0unxHcnZTeSJRU82R0SHdkexEt6mJ1jXmhCghOn5RvPTxmJ4gKtoCIfb7iHIRq2OZ8qBangOiMEKloVEpl8enHAhNT9hk5LHhc4dyxRPxm+NWkR6zDKJ+8Y6eJhVY/P6kTbjwzbF7cTYHoIOroMpMWPpHTZQIRceGJJnnuaPQPD7l87mEkmgyUPUknppIel86fd+ISvrO3+qcbSgRzJ06IMkKHtwF78HVJWsQlSzYVVKW9KXo2CAigX5JVljbBO+Lp5Vm4D3Qi3Un/oZnd0dKM3FX+JVyg6gUZd2b1IFdxNypNkQvy0mByK79YExvPwwUN7SjcGcTXBuq9Op+3fG/khLOq7DtrbfZZvVEra8RpihezhzekbihydWQWI9S1VPW8RPcVfaDUVVFfVTxU+qsRXb+72vrbXuU7u9D4SNSfbpW07SQ6ExmSUUZKJ38TZuF3n4YEaM1EUD9kRNJcCdUyQr8UianwYXuPyJRKSUUP/NqSqIG5j5rQ7j/kGMMVCFRx8ogkpYDnDX+MInyItXcqai+EXkb06+KFn/sQeidhxD51a5d5fMX5UpJK/bBs6vT+phj4fyp+WJJGUqaj6dNlLB0O4i5z9tw52A55r9oReyPgO2Z5dtBzH70BKJX5Zxe/OTr1gr/jNg3WVsR0vuMca071ZEdjs6UbnOXv7lW/yWbjt+csLUi1D6vOfKL9UybRKJuy03pSE5VVKbQNatZ1cIJVNbA+8q3VnF3qi40rXIvV3BX1OiatDgQeXqXdQsrUWm+SQX0aoEGD2vespEkZ35ctaX105ulv0hSj29ba/UagNIrzZ2WHErBVKC1Sl/42Dp0MEkacdMKMTPV8wmJjrvD/Xo7QuRULQjl+sUfetLu6/PKq1HU0I6inU2qYD/N+3hb1WwqSyBKU7s3MtWQMXpcujGhhyeRKIU48ujE6NGxfhjmJNPLFoyxqzmYJGcCmvRmphg+UXbCDJ/XN9OQghbno+1sCHbxmJ0ZOAlxoQFOSF0c8vkpP0A6pOkZenbF/2hImHpiskzB/kIyg072RSwNIl0bNmdWQCsGgP8B3qn/VR5Tjz8AAAAASUVORK5CYII=");
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title="LinkedIn"],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title="LinkedIn"] {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAApCAYAAABDV7v1AAAACXBIWXMAARTSAAEU0gH6NdiXAAAE7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNi0wMlQxMDozNjozNyswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDYtMDJUMTA6Mzc6MjQrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDYtMDJUMTA6Mzc6MjQrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFkZjU4M2YyLTU2ZTktYTE0NC1iMDMxLTM3M2E5OTg2ODEwZCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxZGY1ODNmMi01NmU5LWExNDQtYjAzMS0zNzNhOTk4NjgxMGQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZGY1ODNmMi01NmU5LWExNDQtYjAzMS0zNzNhOTk4NjgxMGQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFkZjU4M2YyLTU2ZTktYTE0NC1iMDMxLTM3M2E5OTg2ODEwZCIgc3RFdnQ6d2hlbj0iMjAyMy0wNi0wMlQxMDozNjozNyswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjUgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvA+UyYAAAhqSURBVFiFvZl7jFXFGcB/M+fcu3f3LvtiKbCAPASUR4tSoAUxbAvEJqXaog22pRXQNrUltUlfEShptEltNcZgLRXbIvIHEasG2qJUQDHapUEtSglYCmQXWF7rPlju3r33njNf/5hzds/eXdhX45ec3DMz3/m+35kz8803c5WIMEgpBWYBU4BxQDmggFbgNPAh8C5QPxgn7gCfKwG+BXwV+CwQ78MzHwA7gD8Ctf32KCL9uSpE5GkZvLwmIlP741v149OvBX551Rf2MpiPziBtLSAGlUiiK0ajEkOuZXMbsBLI9Oa8L6CVwOvA9PwG79QhMjXbyR3bj19/FNPShGQDw3HQJYU4wyfhTppLfNZXiH/ytp7sXwEWAwcGA3ozUAMURCuz/3qF1LafkX33MJIClQRdjB2p4agXwANJg7liwWNThlF0x3oSC1f35Ose4LmBgH6GvLc0zRdoffxO0q+8jSoEZ6QG1w2osHPdWu0shxc+plHwG6Fg5nBKfvgy7oS5+T6/AzzTH9DJ2Fna0ZPZd16mec1STCO4EzS4MRAJQHoBJdRToA3+OQNZKHng5xR+6aF833cDz/cFVANHA1gA2v/+FE1rV1tfiaAyBs7IWEDSV9Cg3QHafPxaSK5aQfG9m/MZpgYMXaDy5ckukPufo2nNatAQ+9R4yh/bTsWmN0jcuhhzPtcJ2R8xQKHGnQSpzc+S2vqDfI1u5Pk9Ogf4Z1jw6z7g0jdngAfu+DIqNhxBV1R1KDevryZTsx/nE7HAWofVznJPPRrUKQ3kDF4dlD70JxK3royyfA/YGBbye3RttNDy6/uQdqsVn72kCyRAYv4yGwEHugoLENfoSriy6fuY1nPR1gejfFHQm4Hbw0J650ba3zqIO9aujtJ2ubufVMvAIUMxoCs0fn2a1NY10ZYxwKqeQO+JIJB64Tc4FVbFGaZo37eT9te3dmj4546T+vMj6DAFGYz44IyG9n3P4tUeirasCG+iY/QkMB4gvXsLzQ+uwJ1YYHvMUUgqh7T4JKrno8qGktn7KuJlcEYUIDmDeLnAor1UzAUHpN1DUtgJVAC6WEFMgwgqOmYdwTslJL+2muKVT0ZhJwPHw3Xk0yEkQOYfL6FigGjrwQgq6YDvk971Fvigh4Ee6iJ+8FAu6hTQBu+swR3mEptxA8SLkZYz5I6fRTwft0p3HTYGdDlk39+JDTwdUh2ClgKzw1pJt+F9WGM/aRDQJZVBV1ZSvmEXKlmO5NLoIZVcfuJu2ve8SWzqMMoe3oVKloEYpD1F00/mUfTFxQz57hZUsrzzK9cfoXXjfWQOHsAd0xVWF4N/tg7vvwdxJ3YgzQGecYHrsQEWAK/2CP7FS+jSzuErBtAu7rib7IoUGi4sRTKgHBd33AxwbJv5qI4hq39Lovpe8sWpmkbZwzU0r59H9r0auwyHsBqkDbzTh6KgU4ImRgeXdXKxFmkDdIyuInSf4j1PeV0xhsSCVT22hVJ05y9sHPVNpFbZkdZwIqpaFYKWYbcPFvRKg+1BNYiprBQohX/hBOm/PUrmnZe6qcSnL8QZPwKTymvQliEiJWCTMie4rHi5QUcbAP/cERpXT8c7A3hQ8tMfk1z2aKeC4+BW3Yh36jxEc2sFmGzUlBPwkyGaYRcUDTqGA7Tt2IRXB/GpDs5IaN+zvZuOKh4Kfl6lAWLJaE02BG0ALoW1unQ4yiWYQQMX03QCXQ5iFCoJ4jVgWpu6grrxbsNcBHTJiGhVYwhaR2RX6Iy8Hj0ExMsyKFFe54olgDag8l6+W4opKBec4TdEK+tC0OPYJBkAd+wUnFET7WoymME6gMkoOdCl4I6bFa0+HIL6RFI7gNj0akzTwJwNRkwLuBNm4YycGK1+GzqTkpPAwbAlUb0MFQf8HB+baEFaIT57WbS2DbsD7pI9vRDexGcuomDuAvyzHuiPoVcVmCZwx5dTuPjb0ZYdQHM+6BYiYSq5fJ3t1Vx0UvUDOrKVurpOaM9gGqDojrWoRGlU4w/hTRT0IvBEWIjPXETRXSvwzxtrTwTTch7JpDCXbTSTXAblghiDaT6PZNo62shlOpeRgEcuX0S8LObyRVvOplFx8M9AwZyZFC75URRyX3BZE3l7pmqCMQFwecMq2rZtxhldABqU1p2OFTbWirGvq3XXPZEYOvZK4W+oE+gpbTANPiio+N2/cYZPi7LMJ5hI0P00b054I9ks2YO7UaWhY0GupG1jyJtwIeaAMUgq06X3VMIBVweQdhxIWy6IqaA0mBRIO5Q98mI+5MYoZE+gi8Kb3NEavLp6nMrg+ymFKgwyKq06e8/Y3lKFse670PCAQkKdwJYrmLMGBMp+9Tzxm5ZGGY5gd6BdJApaCszrAD38hk33xGAaM5hWULHgsKMUVGks2AH0IzPQIGkf7zjEp1dQtu41nNEzoxrNwBd6ejQKOh/oyAbSr/4Fvx50heBOHkd82ucpuGUZpuEkrU8/gHcsi64EXa7A6e082CCtgn8RdAWU3H8/ya8/lb+gXMEOvTO9gS7sMHupjtjk4RTd9RgFs5fgjOqy9lJwyzdI//Vx2vf+ntyJ80gqZ/dYCWxCowADkrXLokqAe10hhUuWU3T7OvTQ6/I56oC5XOP4PDrr38Pu7cEPEgrd+8m5d/wA2cN78Gvfx288jbQ1AwaVGIIur8IdMw13ygJiUxfabKm7vAjc1auj4Oh5Qh+OszMiUisi/v/haFxEpF5Ebuvr0bgGioAFV3mPemAr9iBgbHAtJC909FP+AyzH7oV29/UhJSJLsefoS4AmbMDfi10Vjl3j2euw/4p8Djtkqq6i14hN1d7E5hOH+wqXD/pl4EZs/HoF8AZgx8GCj8LugBQ287mAzcx6/TOhN/kfgO4lf29QiWoAAAAASUVORK5CYII=");
}

.container-sharethis .active {
  display: block;
}

@media (min-width: 992px) {
  .container-sharethis .active {
    height: auto;
  }
}

@media (min-width: 992px) {
  .video-box .video-int,
  .quiz-ca-video-box .quiz-ca-video-int {
    padding-right: 0;
  }
}

.video-box .video-int .video-content,
.quiz-ca-video-box .quiz-ca-video-int .video-ca-content {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 105;
}

.video-box .video-int .video-content .video,
.quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video {
  position: relative;
  padding: 0;
  width: 90%;
  max-width: 720px;
  margin-top: 130px;
}

@media (min-width: 992px) {
  .video-box .video-int .video-content .video,
  .quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video {
    margin-top: 0;
  }
}

.video-box .video-int .video-content .video iframe,
.quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video iframe {
  min-height: 50vh;
  height: auto !important;
}

@media (min-width: 992px) {
  .video-box .video-int .video-content .video iframe,
  .quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video iframe {
    height: 100% !important;
  }
}

.video-box .video-int .video-content .video iframe,
.video-box .video-int .video-content .video object,
.video-box .video-int .video-content .video embed,
.quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video iframe,
.quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video object,
.quiz-ca-video-box .quiz-ca-video-int .video-ca-content .video embed {
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
}

.video-box .video-int .placeholder-img,
.quiz-ca-video-box .quiz-ca-video-int .placeholder-img {
  position: relative;
}

.video-box .video-int .placeholder-img img,
.quiz-ca-video-box .quiz-ca-video-int .placeholder-img img {
  display: block !important;
  width: 100%;
}

.video-box .video-int .placeholder-img .title-content,
.quiz-ca-video-box .quiz-ca-video-int .placeholder-img .title-content {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

.video-box .video-int .placeholder-img .title-content button,
.quiz-ca-video-box .quiz-ca-video-int .placeholder-img .title-content button {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  padding: 0;
}

.video-box .video-int .placeholder-img .title-content button i,
.quiz-ca-video-box .quiz-ca-video-int .placeholder-img .title-content button i {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.video-box .video-int .placeholder-img .title-content p,
.quiz-ca-video-box .quiz-ca-video-int .placeholder-img .title-content p {
  position: absolute;
  left: 35px;
  bottom: 30px;
}

.video-box .video-text .richText-content,
.quiz-ca-video-box .video-text .richText-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (min-width: 992px) {
  .video-out-of-box {
    left: 15px;
    padding-bottom: 83px;
  }
}

@media (min-width: 1440px) {
  .video-out-of-box {
    left: 7.33%;
  }
}

.reference-custom-yt-video>.component-content {
  position: relative;
  padding-top: 56.25%;
}

.reference-custom-yt-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  visibility: visible !important;
  opacity: 1 !important;
}

.utility-menu_language,
.language-selector,
.search-bar,
.search-bar-inner {
  display: none;
}

.main-menu_search-icon,
.search-close {
  cursor: pointer;
}

@media only screen and (max-width: 991px) {

  .wrapper-hcp-links,
  .selected-language {
    display: none;
  }

  .scrollable .selected-language {
    display: block;
  }

  .language-container {
    margin-bottom: -40px;
    top: 14px;
    left: 14%;
    z-index: 1;
  }
}

.mb-dropdown .is-open~.wrapper-hcp-links,
.mb-dropdown .is-open~.selected-language {
  display: block;
  position: absolute;
  bottom: 0;
}

@media (min-width: 992px) {

  .mb-dropdown .is-open~.wrapper-hcp-links,
  .mb-dropdown .is-open~.selected-language {
    display: none;
  }
}

.mb-dropdown .is-open~.selected-language {
  padding: 25px 0;
}

@media (min-width: 992px) {
  .utility-menu {
    padding-top: 8px;
    display: block;
  }

  .utility-menu>.component-content>.content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

.language-selector_selected {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 18px;
  color: #323131;
  cursor: pointer;
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 4px;
}

.language-selector_selected::after {
  content: "\f078";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  font-size: 0.875rem;
  color: var(--primary-color);
  padding-left: 10px;
}

.language-selector_selected a:hover,
.language-selector_selected a:focus {
  transition: .2s ease-out;
  color: var(--primary-color);
}

.main-menu_search-icon {
  z-index: 1;
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -523px -293px;
  width: 30px;
  height: 30px;
}

.main-menu_search-icon:hover,
.main-menu_search-icon:focus {
  background-position-y: -425px;
}

@media (min-width: 992px) {
  .main-menu_search-icon {
    z-index: auto;
  }
}

.gsk-logo {
  margin-top: 5px;
  padding-left: 16px;
  z-index: 1;
}

@media (min-width: 992px) {
  .gsk-logo {
    margin-top: 0;
    z-index: auto;
  }
}

.gsk-logo a:focus img {
  outline: 1px solid var(--primary-color);
}

.gsk-logo img {
  max-width: 23px;
  max-height: 20px;
}

@media (min-width: 992px) {
  .gsk-logo img {
    max-width: 42px;
    max-height: 36px;
  }
}

.wrapper-hcp-links {
  padding: 26px 0;
  text-align: center;
}

@media (min-width: 992px) {
  .wrapper-hcp-links {
    padding: 0;
    border-top: none;
    text-align: left;
  }
}

.wrapper-hcp-links .richText:first-of-type {
  border-right: 1px solid #F5F5F5;
}

@media (min-width: 992px) {
  .wrapper-hcp-links .richText:first-of-type {
    border: none;
  }
}

.wrapper-hcp-links .richText-content a {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 18px;
  color: #323131;
}

/*VTN-391 | add PriceSpider into navigation | 28.05.2025 | Start*/
.wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation .ps-button-label,
.wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation:after{
  display: none;
}

.wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation{
  background: transparent;
  margin: inherit;
  padding: inherit;
  border: none;
  float: left;
  text-align: left;
  transition: none;
  min-width: unset;
  height: 28px;
  line-height: 32px;
}

.font-sm-active .wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation {
  line-height: 28px;
}

.font-lg-active .wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation {
  line-height: 30px;
}

.wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation:hover {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 32px;
}

.font-sm-active .wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation:hover {
  line-height: 28px;
}

.font-lg-active .wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation:hover {
  line-height: 30px;
}

@media (max-width: 991px) {
  .wrapper-hcp-links .richText-content .ps-widget[ps-sku].ps-widget-in-navigation {
    text-align: center;
    float: none;
  }
}
/*VTN-391 | add PriceSpider into navigation | 28.05.2025 | End*/

.wrapper-hcp-links .richText-content a:hover,
.wrapper-hcp-links .richText-content a:focus {
  color: var(--primary-color);
  text-decoration: underline;
}

.navigation-logo .component-content.left {
  text-align: center;
}

@media (min-width: 992px) {
  .navigation-logo .component-content.left {
    text-align: left;
  }
}

.navigation-logo a:focus img {
  outline: 1px solid var(--primary-color);
}

@media (min-width: 992px) {
  .navigation-logo {
    width: auto;
  }
}

.search-and-logo {
  display: flex;
  justify-content: flex-end;
  top: 14px;
}

@media (min-width: 992px) {
  .search-and-logo {
    display: block;
    top: initial;
  }

  .search-and-logo .content {
    display: flex;
    align-items: center;
  }
}

.search-bar {
  position: absolute;
  top: 0;
  right: 0;
  height: 53px;
  background: #F5F5F5;
  z-index: 2;
}

@media (min-width: 992px) {
  .search-bar {
    height: 58px;
    z-index: auto;
  }
}

.search-bar-inner {
  position: absolute;
  background-color: #F5F5F5;
  border-bottom-left-radius: 20px;
  right: 0;
  height: 53px;
  top: -36px;
  z-index: 2;
}

@media (min-width: 992px) {
  .search-bar-inner {
    top: -60px;
    height: 58px;
    width: 80%;
    z-index: auto;
  }
}

.searchBox .searchBox-label::after {
  content: '';
  position: absolute;
  height: 2px;
  left: 26px;
  right: 24px;
  background: #E37200;
  top: 53px;
}

@media (min-width: 992px) {
  .searchBox .searchBox-label::after {
    top: 56px;
    right: 32px;
  }
}

.searchBox .search-query {
  border: none;
  background: transparent;
  height: 53px;
  font-weight: 600;
  font-size: 1rem;
  font-family: 'DiodrumVoltaren', sans-serif;
  opacity: .5;
  padding-top: 20px;
}

.searchBox .search-query:focus {
  outline: 1px solid var(--primary-color);
}

@media (min-width: 992px) {
  .searchBox .search-query {
    font-size: 1.125rem;
    width: 90%;
    height: 58px;
  }
}

.searchBox .form-search {
  display: flex;
  justify-content: space-between;
}

.searchBox .button {
  background: url("../../img/voltaren-sprites.png");
  border: none;
  background-repeat: no-repeat;
  color: transparent;
  background-position: -517px -424px;
  min-width: 39px;
  padding: 0;
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-top: 20px;
}

.searchBox .button:focus {
  outline: 1px solid var(--primary-color);
}

@media (min-width: 992px) {
  .searchBox .button {
    padding: 8px 20px;
  }
}

.search-close {
  position: absolute;
  top: 20px;
  right: 0;
  background: url("../../img/voltaren-sprites.png") no-repeat;
  background-position: -523px -466px;
  width: 30px;
  height: 30px;
}

.search-close:focus {
  border: 1px solid var(--primary-color);
}

@media (min-width: 992px) {
  .search-close {
    position: relative;
  }
}

.languageVisible .language-selector {
  display: flex;
  opacity: 1;
  top: 100%;
  z-index: 120;
  width: auto;
  position: absolute;
}

.languageVisible .language-selector .content {
  width: 65px;
}

.languageVisible .language-selector ul {
  width: 100%;
  background-color: #FFFFFF;
  z-index: 105;
  padding-left: 0 !important;
  border-bottom-right-radius: 20px;
}

.languageVisible .language-selector ul li {
  list-style-type: none;
  border-bottom: 2px solid #F5F5F5;
  text-align: left;
  margin: 0 15px;
}

.languageVisible .language-selector ul li a {
  color: #323131;
}

.languageVisible .language-selector ul li a:hover,
.languageVisible .language-selector ul li a:focus {
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
  color: #FFFFFF;
}

.languageVisible .language-selector ul li:hover a,
.languageVisible .language-selector ul li:focus a {
  background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
  color: #FFFFFF;
}

.languageVisible .language-selector ul li:last-of-type {
  border-bottom: none;
}

.languageVisible .language-selector ul li:last-of-type:hover {
  border-bottom-right-radius: 20px;
}

.languageVisible .language-selector ul li {
  padding: 16px 0;
}

@media (min-width: 992px) {
  .languageVisible .language-selector ul li {
    text-align: center;
    margin: 0;
    padding: 0;
  }

  .languageVisible .language-selector ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 0;
  }
}

.languageVisible .language-selector_selected::after {
  transform: rotate(180deg);
  padding-left: 0;
  padding-right: 10px;
}

.languageVisible .utility-menu_language {
  display: block;
  transform: translateX(-15px);
}

.languageVisible .utility-menu_language ul {
  display: block;
}

.languageVisible .utility-menu_language ul a {
  color: #323131;
}

.sticky-header.languageVisible .language-selector {
  display: none;
}

.searchVisible .search-bar,
.searchVisible .search-bar-inner {
  display: block;
  animation: slide-down .3s ease-out;
}

.skip-to-content {
  display: none;
}

@media (min-width: 992px) {
  .skip-to-content {
    position: absolute;
    display: block;
    padding: 10px;
  }

  .skip-to-content a {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    padding: 5px;
    font-size: 14px;
    pointer-events: none;
  }

  .skip-to-content a:focus {
    color: #FFFFFF;
    background-color: var(--secondary-color);
    border-radius: 22.5px;
  }
}

.selectorActive {
  border-bottom: 1px solid var(--primary-color);
  padding-bottom: 4px;
}

.font-increment {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  color: var(--secondary-color);
  cursor: pointer;
  display: none;
}

@media (min-width: 992px) {
  .font-increment {
    display: block;
  }
}

.font-increment .font-sm {
  font-size: 0.875rem;
}

.font-increment .font-md {
  font-size: 1rem;
}

.font-increment .font-lg {
  font-size: 1.125rem;
}

.font-increment .font-sm:hover,
.font-increment .font-sm:focus,
.font-increment .font-md:hover,
.font-increment .font-md:focus,
.font-increment .font-lg:hover,
.font-increment .font-lg:focus {
  color: var(--primary-color);
  transition: .15s ease-out;
}

@media (min-width: 992px) {
  .font-increment-mb {
    display: none;
  }
}

.font-increment-mb .richText-content {
  display: flex;
}

.font-increment-mb .richText-content p {
  display: inline-block;
  margin: auto;
}

.font-increment-mb .font-sm {
  font-size: 1rem;
}

.font-increment-mb .font-md {
  font-size: 1.125rem;
}

.font-increment-mb .font-lg {
  font-size: 1.25rem;
}

.font-lg-active {
  font-size: 1.125rem;
}

.font-md-active {
  font-size: 1rem;
}

.font-sm-active {
  font-size: .9375rem;
}

.font-xs-active {
  font-size: 0.875rem;
}

@keyframes slide-down {
  0% {
    transform: translateY(-100px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  html:lang(de-DE) .language-container {
    top: 19px;
  }
}

html:lang(de-DE) .wrapper-hcp-links {
  padding: 32px 0 16px 0;
}

@media (min-width: 992px) {
  html:lang(de-DE) .wrapper-hcp-links {
    padding: 0;
    border-top: none;
    text-align: left;
  }
}

html:lang(de-DE) .wrapper-hcp-links .richText:first-of-type {
  margin-right: 8px;
  padding-right: 8px;
}

@media (min-width: 992px) {
  html:lang(de-DE) .wrapper-hcp-links .richText:first-of-type {
    border: none;
    margin-right: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  html:lang(de-DE) .wrapper-hcp-links .richText {
    width: fit-content;
  }
}

@media only screen and (max-width: 991px) {
  html:lang(de-DE) .wrapper-hcp-links .richText-content a {
    text-decoration: underline;
  }
}

html:lang(de-DE) .search-and-logo {
  top: 19px;
}

@media (min-width: 992px) {
  html:lang(de-DE) .search-and-logo {
    top: initial;
  }
}

html:lang(de-DE) .search-bar-inner {
  top: -65px;
}

@media (min-width: 992px) {
  html:lang(de-DE) .search-bar-inner {
    top: -60px;
  }
}

.subfilter {
  display: flex;
  flex-direction: column;
  z-index: 100;
  width: auto;
}

@media only screen and (max-width: 991px) {
  .subfilter {
    align-items: center;
    margin-top: 16px;
  }
}

.subfilter input {
  z-index: -1;
}

.subfilter label {
  cursor: pointer;
}

.subfilter__productsNum {
  position: relative;
  margin-bottom: 50px;
  margin-left: 50px;
}

@media (min-width: 992px) {
  .subfilter__productsNum {
    top: 0;
    position: absolute;
    white-space: nowrap;
    transition: top .2s ease-out;
  }
}

.subfilter__productsNum span:nth-child(1),
.subfilter__productsNum :nth-child(2) {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: var(--primary-color);
}

.subfilter__productsNum span:nth-child(3),
.subfilter__productsNum :nth-child(4),
.subfilter__productsNum :nth-child(5) {
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #323131;
}

.subfilter__productsNum::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  top: 40px;
  border-bottom: 2px solid var(--primary-color);
}

@media only screen and (max-width: 991px) {
  .subfilter__productsNum {
    order: 2;
    margin-left: 16px;
    align-self: flex-start;
  }

  .subfilter__productsNum::before {
    content: '';
    display: block;
    position: absolute;
    width: 84px;
    top: 40px;
    left: -16px;
    border-bottom: 2px solid var(--primary-color);
  }
}

.subfilter__filtersPicker.is-closed .toggleSubfilter {
  background-color: transparent;
}

.subfilter__filtersPicker {
  background-color: #F5F5F5;
  border-bottom-right-radius: 50px;
  position: relative;
  transition: .2s ease-out;
  width: 100%;
}

@media (min-width: 992px) {
  .subfilter__filtersPicker {
    margin-right: 20px;
    width: 370px;
    padding: 40px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker {
    max-width: initial;
    margin-bottom: 30px;
    height: auto;
    border-bottom-right-radius: 20px;
  }
}

.subfilter__filtersPicker .toggleSubfilter {
  position: absolute;
  width: 100%;
  height: 25px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker .toggleSubfilter {
    display: none;
  }
}

.subfilter__filtersPicker .toggleSubfilter__button {
  position: relative;
}

.subfilter__filtersPicker .toggleSubfilter__button .text {
  margin-left: 50px;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}

.subfilter__filtersPicker .toggleSubfilter__button .text.is-minimized {
  height: 50px;
  width: 90px;
  margin-left: 16px;
  margin-top: 21px;
  background-color: #F5F5F5;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: var(--secondary-color);
}

.subfilter__filtersPicker .dropdown {
  position: relative;
  height: 332px;
  width: 296px;
  margin: auto;
  margin-top: 40px;
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker .dropdown {
    height: auto;
    min-height: 53px;
    width: 100%;
    margin-top: 0;
  }
}

.subfilter__filtersPicker .dropdown__toggler {
  cursor: pointer;
  position: relative;
  height: 42px;
  width: 100%;
  border-bottom: 2px solid var(--primary-color);
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: var(--secondary-color);
  background-color: #F5F5F5;
  font-weight: bold;
  box-sizing: border-box;
  list-style: none;
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker .dropdown__toggler {
    display: flex;
    align-items: center;
    width: 100%;
    height: 54px;
    border-bottom-right-radius: 20px;
    border-bottom: 0;
  }

  .subfilter__filtersPicker .dropdown__toggler::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid var(--primary-color);
    width: calc(100% - 32px);
    margin: auto;
  }

  .subfilter__filtersPicker .dropdown__toggler__text {
    padding: 0 16px;
    width: 100%;
  }
}

@media only screen and (max-width: 991px) and (max-width: 991px) {
  .subfilter__filtersPicker .dropdown__toggler__text {
    font-size: 15px;
    color: #323131;
  }
}

.subfilter__filtersPicker .dropdown__toggler::after {
  content: '';
  position: absolute;
  border: solid black;
  border-width: 0 2px 2px 0;
  padding: 5px;
  right: 0;
  top: 9px;
  transform: rotate(-135deg);
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker .dropdown__toggler::after {
    right: 16px;
    top: 21px;
  }
}

.subfilter__filtersPicker .dropdown__toggler.is-active::after {
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.subfilter__filtersPicker .dropdown__toggler li.clone .item {
  margin: 0;
}

.subfilter__filtersPicker .dropdown .itemIsActive {
  background: radial-gradient(at bottom left, #E64510, var(--primary-color));
  height: 54px;
  top: 0;
}

.subfilter__filtersPicker .dropdown .itemIsActive::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #FFFFFF;
  width: calc(100% - 32px);
  margin: auto;
}

.subfilter__filtersPicker .dropdown .itemIsActive::after {
  content: '';
  position: absolute;
  border: solid white;
  border-width: 0 2px 2px 0;
  padding: 5px;
}

.subfilter__filtersPicker .dropdown .itemIsActive .item__text {
  color: #FFFFFF;
  font-size: 12px;
}

.subfilter__filtersPicker .dropdown .itemIsActive .item {
  padding-left: 16px;
  padding-right: 16px;
}

.subfilter__filtersPicker .dropdown__items__list {
  list-style: none;
  margin-top: 15px;
  padding: 10px 0;
}

.subfilter__filtersPicker .dropdown__items__list li:focus {
  outline: 1px solid black;
}

.subfilter__filtersPicker .dropdown__items__list li.is-active {
  background: radial-gradient(at bottom left, #E64510, var(--primary-color));
  border-bottom-right-radius: 20px;
}

.subfilter__filtersPicker .dropdown .is-active .item__text {
  color: white;
}

.subfilter__filtersPicker .dropdown .item {
  display: flex;
  margin-bottom: 10px;
  padding: 8px 10px;
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker .dropdown .item {
    padding: 8px 16px;
  }
}

.subfilter__filtersPicker .dropdown .item label::before {
  visibility: visible;
  border: 2px solid var(--secondary-color-dark);
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 22px;
  margin: 0 11px 0 0;
  padding: 0;
  vertical-align: top;
  width: 22px;
  line-height: 24px;
  border-bottom-right-radius: 10px;
}

.subfilter__filtersPicker .dropdown .item__toggle {
  position: absolute;
  margin: auto 0;
  width: 24px;
  height: 24px;
  color: var(--secondary-color);
  opacity: 0;
}

.subfilter__filtersPicker .dropdown .item__toggle:checked+label:before {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  content: "\2713";
  text-align: center;
}

.subfilter__filtersPicker .dropdown .item__text {
  color: var(--secondary-color);
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  margin-left: 10px;
}

@media only screen and (max-width: 991px) {
  .subfilter__filtersPicker .dropdown .item__text {
    font-size: 12px;
  }
}

.subfilter-hidden {
  display: none !important;
}

.products-table .table-arrow {
  content: '';
  position: absolute;
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  padding: 3px;
  left: 20px;
  top: 9px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.products-container {
  max-width: 1350px;
}

@media screen and (min-width: 1600px) {
  .products-container {
    transform: translateX(-100px);
    margin-left: auto;
  }
}

.products-container>.component-content>.content.paragraphSystem {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .products-container>.component-content>.content.paragraphSystem {
    flex-direction: row;
  }
}

.products-container.is-small {
  transform: none;
  max-width: 1140px;
  margin: auto;
}

.reference-custom-subfilter {
  outline: none;
  width: auto;
}

@media (min-width: 992px) {
  .reference-custom-subfilter {
    padding-top: 50px;
  }
}

.reference-custom-subfilter.is-hidden {
  display: hidden;
}

@media screen and (min-width: 1600px) {
  .reference-custom-subfilter.is-hidden {
    visibility: visible;
    display: block;
  }
}

.reference-custom-subfilter.is-closed .toggleSubfilter {
  background-color: transparent;
}

.reference-custom-subfilter.is-closed .subfilter__filtersPicker {
  height: 40px;
  width: 185px;
  overflow: hidden;
  border-bottom-right-radius: 15px;
}

.reference-custom-subfilter.is-closed .toggleSubfilter .toggleSubfilter__button .text {
  margin-left: 10px;
  height: 40px;
  line-height: 40px;
}

.reference-custom-subfilter.is-closed .subfilter__productsNum {
  top: -30px;
  opacity: 0;
  transition: opacity .05s ease-out;
  z-index: -1;
}

.articles-grid {
  flex: 1;
}

.all-products {
  order: 5;
}

html:lang(es-es) .products-table {
  display: none;
}

.page-search-results .richText.first.odd.container {
  margin-top: 100px;
  font-size: 3.5rem;
}

.box-grey {
  background: whitesmoke;
  border-top-left-radius: 0;
}

@media only screen and (max-width: 991px) {
  .Content .cf-search-box .button {
    height: 40px;
    width: 50px;
  }
}

.Content .cf-search-box .button:hover,
.Content .cf-search-box .button:focus {
  cursor: pointer;
}

.search-highlight {
  color: var(--primary-color);
}

.cf-search-box {
  display: flex;
  padding-left: 26px;
}

.searchBox-label {
  width: 90%;
}

.searchBox-label .easy-autocomplete {
  width: 100% !important;
}

.Content .search-query {
  padding: 27px 0 !important;
  height: 80px !important;
  width: 100% !important;
  font-size: 1.125rem;
  font-weight: 700 !important;
  color: #323131 !important;
}

@media only screen and (max-width: 991px) {
  .Content .search-query {
    padding: 0px 16px !important;
    height: 58px !important;
  }
}

.easy-autocomplete-container {
  width: 109% !important;
  left: -18px !important;
}

.easy-autocomplete-container ul {
  background-color: #FFFFFF !important;
  border-bottom-right-radius: 40px !important;
  box-shadow: 0px 0px 25px 9px rgba(0, 0, 0, 0.1);
}

.easy-autocomplete-container ul li {
  position: relative !important;
  padding: 12px 30px !important;
  font-size: 18px !important;
  color: var(--secondary-color) !important;
  font-weight: 600 !important;
  border: none !important;
}

.easy-autocomplete-container ul li::before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  width: calc(100% - 60px);
  margin: auto;
}

.easy-autocomplete-container ul li:last-child {
  border-bottom-right-radius: 40px !important;
}

.easy-autocomplete-container ul li:first-child::before {
  display: none;
}

.easy-autocomplete-container ul li:hover {
  color: white !important;
  background: radial-gradient(at bottom left, #E64510, var(--primary-color)) !important;
}

.Content .easy-autocomplete-container {
  left: 0 !important;
  width: 105% !important;
}

@media only screen and (max-width: 991px) {
  .Content .easy-autocomplete-container {
    width: calc(100% + 30px) !important;
    left: 0 !important;
    top: 62px !important;
  }
}

.recommended-pages-title {
  margin-top: 10px;
  color: var(--secondary-color);
  font-size: 1.125rem;
  font-weight: 600;
}

.recommended-pages-desc {
  margin-top: 10px;
  color: #323131;
  font-weight: 600;
  font-size: 0.9375rem;
}

.searchResults {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #F5F5F5;
  width: 100vw;
  padding-top: 104px;
  color: var(--secondary-color);
  font-weight: 600;
  font-size: 0.9375rem;
}

@media only screen and (max-width: 991px) {
  .searchResults {
    flex-direction: column;
    padding-top: 74px;
  }
}

.searchResults .component-content {
  width: 100%;
}

.searchResults-pagination {
  margin: 50px auto;
}

.searchResults-pagination-list {
  text-align: center;
}

.searchResults-pagination-item {
  display: inline-block;
  color: var(--secondary-color);
  font-size: 1.125rem;
  padding: 0 10px;
  font-weight: 600;
}

.searchResults-pagination-item:hover {
  color: var(--primary-color);
}

.searchResults-pagination .is-active {
  color: var(--secondary-color-dark);
  font-weight: 700;
}

.searchResults-number {
  font-size: 1.375rem;
  color: var(--secondary-color);
  font-weight: 600;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .searchResults-number {
    margin-bottom: 28px;
  }
}

.searchResults-title {
  position: relative;
  margin-bottom: 10px;
  width: 80%;
}

@media only screen and (max-width: 991px) {
  .searchResults-title {
    width: 100%;
    padding-right: 30px;
  }
}

.searchResults-title a {
  font-size: 2rem;
  color: var(--secondary-color-dark);
  font-weight: 600;
  font-style: italic;
}

@media only screen and (max-width: 991px) {
  .searchResults-title::after {
    content: '';
    position: absolute;
    border: solid #E37200;
    border-width: 0 2px 2px 0;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 16px;
    top: 50%;
    margin-top: -6px;
  }
}

.searchResults-result {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.searchResults-image {
  order: 3;
  margin-top: -30px;
  margin-left: auto;
  max-height: 93px;
}

@media only screen and (max-width: 991px) {
  .searchResults-image {
    display: none;
  }
}

.searchResults-description {
  width: 80%;
  font-size: 1.125rem;
  color: #323131;
  font-weight: 500;
}

@media only screen and (max-width: 991px) {
  .searchResults-description {
    width: 100%;
  }
}

.Content .searchBox {
  position: relative;
  height: 80px;
  width: 750px;
  background-color: #FFFFFF;
  border-bottom-right-radius: 40px;
  box-shadow: 0px 0px 25px 9px rgba(0, 0, 0, 0.1);
  margin-bottom: -40px;
  margin-top: 30px;
  z-index: 5;
}

@media only screen and (max-width: 991px) {
  .Content .searchBox {
    height: 60px;
    width: 90%;
    border-bottom-right-radius: 20px;
  }
}

.Content .searchBox-label::after {
  top: initial !important;
  bottom: 0;
  content: '';
  position: absolute;
  height: 2px;
  left: 43px;
  right: 40px;
  background: var(--primary-color);
}

@media only screen and (max-width: 991px) {
  .Content .searchBox-label::after {
    left: 0 !important;
    width: 95%;
  }
}

.products-table .table-arrow {
  content: '';
  position: absolute;
  border: solid var(--secondary-color);
  border-width: 0 5px 5px 0;
  padding: 6px;
  left: calc(100% - 25px);
  margin-left: 5px;
  top: 25px;
  transform: rotate(-45deg);
}

@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  100% {
    opacity: 1;
  }
}

.table-comparison table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.table-comparison table th {
  position: sticky;
  left: -5px;
}

.table-comparison table tr {
  border-bottom: 1px solid var(--primary-color);
}

.table-comparison table tr:first-child {
  width: 140px;
  color: var(--secondary-color-dark);
}

@media (min-width: 992px) {
  .table-comparison table tr:first-child {
    width: auto;
  }
}

.table-comparison table tr:first-child td {
  font-size: 1.125rem;
}

.table-comparison table tr:nth-of-type(2) td {
  padding-top: 10px;
}

.table-comparison table tr td {
  padding-right: 15px;
  padding-top: 20px;
  vertical-align: top;
  font-size: 0.9375rem;
}

.table-comparison table tr td ul {
  color: #323131;
  list-style: none;
}

.table-comparison table tr td ul li::before {
  content: "\2022";
  position: absolute;
  color: var(--primary-color);
  font-weight: bold;
  display: inline-block;
  font-size: 30px;
  margin-left: -15px;
}

@media (min-width: 992px) {
  .table-comparison table tr td ul li::before {
    margin-top: 4px;
  }
}

.table-comparison table tr td:first-child .body-copy {
  display: block;
}

.table-comparison table tr td a:focus .link-hoverable {
  color: var(--primary-color);
}

.table-comparison table th {
  color: var(--secondary-color-dark);
  font-size: 1.125rem;
  text-transform: uppercase;
  background-color: #FFFFFF;
}

.table-comparison.no-tabs table tr {
  border-bottom: 1px solid var(--primary-color);
}

.table-comparison.no-tabs table tr:nth-of-type(2) ul {
  padding-left: 15px;
}

.table-comparison.no-tabs table tr:nth-of-type(2) ul li::before {
  display: block;
}

.table-comparison:not(.slider-table) table {
  width: 100%;
}

.table-comparison.slider-table tr td:first-child {
  position: sticky;
  left: 0;
  background: #FFFFFF;
  z-index: 50;
}

.table-comparison.slider-table tr td:first-child span {
  width: 100px;
}

@media (min-width: 992px) {
  .table-comparison.slider-table tr td:first-child span {
    width: auto;
    max-width: 200px;
  }
}

.products-table {
  overflow-x: scroll;
  max-width: 100%;
}

@media (min-width: 992px) {
  .products-table {
    max-width: 1140px;
    overflow-x: hidden;
  }
}

.products-table .table-arrow {
  animation: pulse 2.5s infinite;
  opacity: 1;
  right: auto;
}

.products-table .table-arrow.is-hidden {
  opacity: 0;
}

.products-table .table-comparison tr td:first-child {
  text-align: center;
  max-width: 220px;
  font-size: 1.125rem;
}

.page-products {
  -webkit-overflow-scrolling: touch;
}

.references.has-more-than-three .references-show-all,
.references.has-more-than-three .references-hide {
  display: none;
}

.references.has-more-than-three .references-show-all {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, white 70%);
  display: block;
  margin-top: -65px;
  padding-top: 70px;
  position: relative;
}

.references.has-more-than-three .references-show-all .arrow-down {
  display: inline-block;
}

.references.has-more-than-three .references-show-all .arrow-down:hover,
.references.has-more-than-three .references-show-all .arrow-down:focus {
  color: var(--primary-color);
}

.references.has-more-than-three ul {
  height: 20px;
  padding-top: 16px;
}

.references.has-more-than-three ul li {
  display: none;
}

.references.has-more-than-three ul li:first-child {
  display: list-item;
}

.references.has-more-than-three.show-all-references ul {
  height: auto;
}

.references.has-more-than-three.show-all-references ul li {
  display: list-item;
}

.references.has-more-than-three.show-all-references .references-show-all {
  display: none;
}

.references.has-more-than-three.show-all-references .references-hide {
  display: inline-block;
}

.references.has-more-than-three.show-all-references .references-hide .arrow-up:hover,
.references.has-more-than-three.show-all-references .references-hide .arrow-up:focus {
  color: var(--primary-color);
}

.sitemap {
  margin-top: 70px;
  width: 70%;
}

.sitemap-column ul {
  list-style-type: none;
  padding-inline-start: 0;
  -webkit-padding-start: 0;
  margin-bottom: 10px;
}

.sitemap-column ul ul ul {
  margin-left: 3%;
  display: list-item;
}

.sitemap-column ul ul ul li::before {
  content: "•";
  font-size: 25px;
  bottom: -3px;
  position: relative;
}

.sitemap-column li {
  padding-bottom: 5px;
}

.sitemap-column li a {
  color: #323131;
  font-weight: 500;
  font-size: 1.125rem;
}

.sitemap-column li a:hover,
.sitemap-column li a:focus {
  color: var(--primary-color);
  transition: .2s ease all;
}

.sitemap-column li h2,
.sitemap-column li h3 {
  border-bottom: 4px solid #F5F5F5;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.sitemap-column li h2 a,
.sitemap-column li h3 a {
  font-size: 1.375rem;
  font-weight: 600;
  color: var(--secondary-color);
}

@media (min-width: 992px) {
  .sitemap-column li h2 a,
  .sitemap-column li h3 a {
    font-size: 2rem;
  }
}

.toggle-box__content {
  display: none;
}

.toggle-box__content--visible {
  display: initial;
}

.toggle-box__toggler {
  position: relative;
  width: auto;
}

.toggle-box__toggler:after {
  right: -30px;
}

.box--half-rounded-right {
  border-bottom-right-radius: 75px;
}

@media (max-width: 991px) {
  .box--half-rounded-right-md {
    border-bottom-right-radius: 50px;
  }
}

.box--half-rounded-left {
  border-bottom-left-radius: 75px;
}

.box--background-grey {
  background-color: #F5F5F5;
}

.box--background-primary {
  background-color: var(--primary-color-light);
}

.box--background-half-primary {
  background: linear-gradient(360deg, #EF7800 50%, white 50%) no-repeat;
}

.box--flex {
  display: flex;
}

.box--center {
  justify-content: center;
  align-items: center;
}

.reference-mandatory-information {
  position: fixed;
  width: 50px;
  height: 100px;
  top: 0;
  right: 36px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 100;
}

@media (min-width: 992px) {
  .reference-mandatory-information {
    display: none;
  }
}

.mandatory-information-button {
  background-color: var(--secondary-color);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  border: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  cursor: pointer;
}

.mandatory-information-button:hover {
  background-color: var(--primary-color);
}

.mandatory-information-button a {
  display: block;
  padding: 15px 10px;
}

.mandatory-information-text {
  color: #fff;
}

.overlay-background {
  display: none;
}

.overlay-container {
  display: flex;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 9999;
  text-align: center;
  top: auto !important;
}

.overlay-content {
  border: solid 2px #323131;
  position: relative;
  width: 100%;
  min-width: 80px;
  min-height: 80px;
  padding: 10px;
  display: inline-block;
  background: white;
  text-align: left;
  border-radius: 10px;
  overflow-y: auto;
  border: none;
  border-radius: 0;
  box-shadow: 1px 0px 2px 2px #d4d4d4;
}

.overlay-content-inner {
  margin: auto;
  overflow: hidden;
  padding-top: 50px;
  width: 90%;
}

@media (min-width: 992px) {
  .overlay-content-inner {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.overlay-close {
  z-index: 9999;
  font-size: 25px;
  line-height: 1;
  position: absolute;
  right: 15px;
  cursor: pointer;
  display: none;
  color: var(--secondary-color);
  outline: none;
}

.overlay-close:hover {
  color: var(--primary-color);
}

.overlay-close:after {
  content: "\f00d";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
}

.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/loader.gif) no-repeat 50% 50%;
}

.overlay-content {
  width: 100% !important;
}

.compare-products-filter {
  display: flex;
  justify-content: space-between;
  z-index: 100;
  width: auto;
}

@media only screen and (max-width: 991px) {
  .compare-products-filter {
    align-items: center;
    margin-top: 16px;
  }
}

.compare-products-filter input {
  z-index: -1;
}

.compare-products-filter label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.compare-products-filter__filtersPicker {
  position: relative;
  transition: .2s ease-out;
  max-width: initial;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
}

@media (min-width: 992px) {
  .compare-products-filter__filtersPicker {
    width: 500px;
    margin-bottom: 30px;
  }
}

.compare-products-filter__filtersPicker .dropdown {
  position: relative;
  height: auto;
  min-height: 45px;
  width: 100%;
  margin-top: 0;
  border: 1px solid var(--secondary-color-dark);
  border-bottom-right-radius: 20px;
}

@media (min-width: 992px) {
  .compare-products-filter__filtersPicker .dropdown {
    border-radius: 20px;
  }
}

.compare-products-filter__filtersPicker .dropdown__toggler {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  height: 54px;
  width: 100%;
  color: var(--secondary-color);
}

.compare-products-filter__filtersPicker .dropdown__toggler__text {
  display: flex;
  align-items: center;
  margin-left: 16px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  padding-right: 30px;
  line-height: 1.3;
}

@media (min-width: 992px) {
  .compare-products-filter__filtersPicker .dropdown__toggler__text {
    font-size: 22px;
    margin-left: 48px;
    padding-right: 0;
  }
}

.compare-products-filter__filtersPicker .dropdown__toggler::after {
  content: '';
  position: absolute;
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  padding: 4px;
  transform: rotate(-135deg);
  right: 16px;
}

@media (min-width: 992px) {
  .compare-products-filter__filtersPicker .dropdown__toggler::after {
    right: 48px;
    border-width: 0 3px 3px 0;
  }
}

.compare-products-filter__filtersPicker .dropdown__toggler.is-active::after {
  transform: rotate(45deg);
}

.compare-products-filter__filtersPicker .dropdown__toggler li.clone .item {
  margin: 0;
}

.compare-products-filter__filtersPicker .dropdown .itemIsActive {
  background: radial-gradient(at bottom left, #E64510, var(--primary-color));
  height: 54px;
  top: 0;
}

.compare-products-filter__filtersPicker .dropdown .itemIsActive::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #FFFFFF;
  width: calc(100% - 32px);
  margin: auto;
}

.compare-products-filter__filtersPicker .dropdown .itemIsActive::after {
  content: '';
  position: absolute;
  border: solid white;
  border-width: 0 2px 2px 0;
  padding: 5px;
}

.compare-products-filter__filtersPicker .dropdown .itemIsActive .item__text {
  color: #FFFFFF;
  font-size: 12px;
}

.compare-products-filter__filtersPicker .dropdown .itemIsActive .item {
  padding-left: 16px;
  padding-right: 16px;
}

.compare-products-filter__filtersPicker .dropdown__items__list {
  list-style: none;
  padding: 10px 0;
}

.compare-products-filter__filtersPicker .dropdown__items__list li:focus {
  outline: 1px solid black;
}

.compare-products-filter__filtersPicker .dropdown__items__list li.is-active {
  border-bottom-right-radius: 20px;
}

.compare-products-filter__filtersPicker .dropdown__items__list li.is-active .item {
  background: radial-gradient(at bottom left, #E64510, var(--primary-color));
}

.compare-products-filter__filtersPicker .dropdown .is-active .item__text {
  color: white;
}

.compare-products-filter__filtersPicker .dropdown .item {
  display: flex;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 8px 16px;
}

.compare-products-filter__filtersPicker .dropdown .item label::before {
  visibility: visible;
  border: 2px solid var(--secondary-color-dark);
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 22px;
  margin: 0 11px 0 0;
  padding: 0;
  vertical-align: top;
  width: 22px;
  line-height: 24px;
  border-bottom-right-radius: 10px;
}

.compare-products-filter__filtersPicker .dropdown .item__toggle {
  position: absolute;
  margin: auto 0;
  width: 24px;
  height: 24px;
  color: var(--secondary-color);
  opacity: 0;
}

.compare-products-filter__filtersPicker .dropdown .item__toggle:checked+label:before {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  content: "\2713";
  text-align: center;
}

.compare-products-filter__filtersPicker .dropdown .item__text {
  color: var(--secondary-color);
  font-style: normal;
  font-size: 1.125rem;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .compare-products-filter__filtersPicker .dropdown .item__text {
    font-size: 12px;
  }
}

.dropdown-container {
  display: flex;
}

.compare-products-filter-container>.component-content>.content {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

@media (min-width: 992px) {
  .compare-products-filter-container>.component-content>.content {
    gap: 0;
  }
}

@media (min-width: 992px) {
  .reference-compare-products-filter {
    width: 500px;
  }
}

.is-filter-disabled {
  cursor: disabled;
  pointer-events: none;
}

.push-first {
  order: -1;
}

.reference-product-card {
  margin-bottom: 50px;
  max-width: calc(50% - 5px);
}

@media (min-width: 992px) {
  .reference-product-card {
    min-width: 500px;
    margin-bottom: 100px;
    max-width: none;
  }
}

.reference-product-card .product-teaser {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .reference-product-card .product-teaser {
    margin-bottom: 100px;
  }
}

.reference-product-card .product-teaser:hover p {
  color: #fff;
}

.comparison-products>.component-content>.content {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.product-section-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
  padding-left: 10px;
}

@media (min-width: 992px) {
  .product-section-header {
    padding-left: 0;
    justify-content: center;
  }
}

.product-section-header h3 {
  font-weight: 500;
}

@media (min-width: 992px) {
  .product-section-header h3 {
    font-size: 2.5rem;
    color: #383838;
  }
}

.product-section-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 5px;
  min-width: 35px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #D8D8D8;
}

@media (min-width: 992px) {
  .product-section-toggle {
    margin-left: 48px;
  }
}

.product-section-toggle span {
  position: absolute;
  width: 14px;
  height: 2px;
  background-color: var(--primary-color);
}

.product-section-toggle span:nth-of-type(2) {
  transform: rotate(90deg);
}

.product-section-body {
  display: none;
  color: #323131;
  padding-left: 10px;
  font-size: 1.125rem;
}

@media (min-width: 992px) {
  .product-section-body {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.product-section {
  border-bottom: 3px solid #D8D8D8;
  border-top: 3px solid #D8D8D8;
  padding-top: 32px;
  padding-bottom: 32px;
  margin-top: -3px;
}

@media (min-width: 992px) {
  .product-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.product-section.is-active {
  display: block;
  border-color: var(--primary-color);
}

.product-section.is-active .product-section-body {
  display: block;
}

.product-section.is-active .product-section-header {
  margin-bottom: 24px;
}

.product-section.is-active h3 {
  color: var(--primary-color);
}

.product-section.is-active+.product-section {
  margin-top: 0;
  border-top: 0;
}

.product-section.is-active .product-section-toggle span:nth-of-type(2) {
  display: none;
  transform: rotate(90deg);
}

.product-section-subtitle {
  margin-top: 5px;
}

.product-section-title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.video-caption-container {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
}

.video-caption-container .transcript {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background-color: #fff;
  padding: 15px;
  width: 100%;
  overflow-y: auto;
  max-height: 150px;
}

@media (min-width: 992px) {
  .video-caption-container .transcript {
    max-height: 700px;
  }
}

.video-caption-container .transcript-captions {
  width: 100%;
  height: 180px;
}

.video-caption-container .transcript-toggle {
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  color: var(--secondary-color);
}

.cue {
  cursor: pointer;
  color: #323131 !important;
  font-size: 0.875rem !important;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: normal !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 992px) {
  .cue {
    font-size: 1.125rem !important;
  }
}

.cue:hover {
  color: var(--secondary-color) !important;
}

.cue.current {
  color: var(--primary-color) !important;
  font-weight: 700 !important;
}

@media (min-width: 992px) {
  .video-transcript,
  .quiz-ca-video-transcript {
    padding-right: 0;
  }
}

.video-transcript .video-video,
.quiz-ca-video-transcript .video-video {
  display: flex;
}

.video-transcript .video-content,
.quiz-ca-video-transcript .video-content {
  display: flex;
  width: 100%;
}

.video-transcript .video-content .video,
.quiz-ca-video-transcript .video-content .video {
  position: relative;
  padding: 0;
  width: 100%;
  margin-top: 130px;
}

@media (min-width: 992px) {
  .video-transcript .video-content .video,
  .quiz-ca-video-transcript .video-content .video {
    margin-top: 0;
  }
}

.video-transcript .video-content .video video,
.quiz-ca-video-transcript .video-content .video video {
  width: 100%;
  height: auto;
}

.video-transcript .video-content .video iframe,
.quiz-ca-video-transcript .video-content .video iframe {
  min-height: 50vh;
  height: auto !important;
}

@media (min-width: 992px) {
  .video-transcript .video-content .video iframe,
  .quiz-ca-video-transcript .video-content .video iframe {
    height: 100% !important;
  }
}

.video-transcript .video-content .video iframe,
.video-transcript .video-content .video object,
.video-transcript .video-content .video embed,
.quiz-ca-video-transcript .video-content .video iframe,
.quiz-ca-video-transcript .video-content .video object,
.quiz-ca-video-transcript .video-content .video embed {
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
}

.video-transcript .placeholder-img,
.quiz-ca-video-transcript .placeholder-img {
  position: relative;
}

.video-transcript .placeholder-img img,
.quiz-ca-video-transcript .placeholder-img img {
  display: block !important;
  width: 100%;
}

.video-transcript .placeholder-img .title-content,
.quiz-ca-video-transcript .placeholder-img .title-content {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

.video-transcript .placeholder-img .title-content button,
.quiz-ca-video-transcript .placeholder-img .title-content button {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  padding: 0;
}

.video-transcript .placeholder-img .title-content button i,
.quiz-ca-video-transcript .placeholder-img .title-content button i {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.video-transcript .placeholder-img .title-content p,
.quiz-ca-video-transcript .placeholder-img .title-content p {
  position: absolute;
  left: 35px;
  bottom: 30px;
}

.video-text .richText-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.legal-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  background-color: white;
  text-align: center;
  padding: 10px 40px 38px;
  width: 100%;
  z-index: 9999;
}

.legal-box .legal {
  max-width: 1140px;
}

.legal-box .legal-resize {
  display: inline-block;
  font-size: 1rem;
}

.legal-box .legal-resize:after {
  content: "\f078";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  font-size: 0.875rem;
  color: black;
  padding-left: 10px;
}

.legal-box .legal-text {
  font-size: 0.875rem;
  line-height: 1.5;
}

.legal-box.active .legal-resize:after {
  transform: rotate(180deg);
  padding-left: 0;
  padding-right: 10px;
}

.legal-box.active .legal-text {
  font-size: 0.563rem;
}

@media (max-width: 991px) {
  .padding-0-mb {
    padding: 0 !important;
  }
}

.padding-0-top {
  padding-top: 0 !important;
}

.padding-0-bottom {
  padding-bottom: 0 !important;
}

.padding-10-top {
  padding-top: 10px !important;
}

.padding-10-bottom {
  padding-bottom: 10px;
}

.padding-20-top {
  padding-top: 20px !important;
}

.padding-20-bottom {
  padding-bottom: 20px;
}

.padding-30-top {
  padding-top: 30px !important;
}

.padding-30-bottom {
  padding-bottom: 30px;
}

.padding-30-left {
  padding-left: 30px;
}

.padding-40-top {
  padding-top: 40px !important;
}

.padding-40-bottom {
  padding-bottom: 40px;
}

.padding-50-top {
  padding-top: 50px;
}

@media (min-width: 992px) {
  .padding-50-top-dt {
    padding-top: 50px;
  }
}

.padding-50-bottom {
  padding-bottom: 50px;
}

.padding-60-top {
  padding-top: 60px;
}

.padding-60-bottom {
  padding-bottom: 60px;
}

.padding-80-top {
  padding-top: 80px;
}

.padding-80-bottom {
  padding-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .padding-15-left-mb {
    padding-left: 15px !important;
  }
}

.padding-15-right-mb {
  padding-right: 15px !important;
}

@media (min-width: 992px) {
  .padding-15-right-mb {
    padding-right: initial !important;
  }
}

@media (min-width: 992px) {
  .padding-15-left-dt {
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .padding-15-right-dt {
    padding-right: 15px;
  }
}

.padding-30-left-mb {
  padding-left: 30px !important;
}

@media (min-width: 992px) {
  .padding-30-left-mb {
    padding-left: initial !important;
  }
}

.padding-30-right-mb {
  padding-right: 30px !important;
}

@media (min-width: 992px) {
  .padding-30-right-mb {
    padding-right: initial !important;
  }
}

@media (min-width: 992px) {
  .padding-30-left-dt {
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  .padding-30-right-dt {
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .padding-10-top-dt {
    padding-top: 10px;
  }
}

@media (min-width: 992px) {
  .padding-20-top-dt {
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .padding-25-top-dt {
    padding-top: 25px;
  }
}

@media (min-width: 992px) {
  .padding-30-top-dt {
    padding-top: 30px;
  }
}

@media (min-width: 992px) {
  .padding-40-top-dt {
    padding-top: 40px;
  }
}

@media (min-width: 992px) {
  .padding-40-right-dt {
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-42-top-dt {
    padding-top: 42px;
  }
}

@media (min-width: 992px) {
  .padding-50-top-dt {
    padding-top: 50px;
  }
}

@media (min-width: 992px) {
  .padding-56-top-dt {
    padding-top: 56px;
  }
}

@media (min-width: 992px) {
  .padding-60-top-dt {
    padding-top: 60px;
  }
}

@media (min-width: 992px) {
  .padding-80-top-dt {
    padding-top: 80px;
  }
  .padding-150-top-dt{
    padding-top: 150px;
  }
}

@media screen and (max-width: 991px) {
  .padding-12-top-mb {
    padding-top: 12px;
  }
}

@media screen and (max-width: 991px) {
  .padding-16-top-mb {
    padding-top: 16px;
  }
}

@media screen and (max-width: 991px) {
  .padding-18-top-mb {
    padding-top: 18px;
  }
}

@media screen and (max-width: 991px) {
  .padding-20-top-mb {
    padding-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .padding-24-top-mb {
    padding-top: 24px;
  }
}

@media screen and (max-width: 991px) {
  .padding-40-top-mb {
    padding-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  .padding-40-right-mb {
    padding-right: 40px;
  }
}

@media screen and (max-width: 991px) {
  .padding-60-top-mb {
    padding-top: 60px;
  }
}

.padding-top-md {
  padding-top: 30px;
}

@media (min-width: 992px) {
  .padding-top-md {
    padding-top: 75px;
  }
}

@media (max-width: 991px) {
  .padding-0-right-mb {
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-0-right-dt {
    padding-right: 0 !important;
  }
  .padding-15-right-dt {
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  .margin-30-right-dt {
    margin-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .padding-16-right-mb {
    padding-right: 16px;
  }
}

@media (max-width: 767px) {
  .padding-10-right-sm {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .padding-5-right-sm {
    padding-right: 5px !important;
  }
}

@media (min-width: 992px) {
  .padding-10-bottom-dt {
    padding-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .padding-17-bottom-dt {
    padding-bottom: 17px;
  }
}

@media (min-width: 992px) {
  .padding-20-bottom-dt {
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .padding-25-bottom-dt {
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .padding-30-bottom-dt {
    padding-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .padding-40-bottom-dt {
    padding-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .padding-50-bottom-dt {
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .padding-60-bottom-dt {
    padding-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .padding-74-bottom-dt {
    padding-bottom: 74px;
  }
}

@media (min-width: 992px) {
  .padding-80-bottom-dt {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .padding-12-bottom-mb {
    padding-bottom: 12px;
  }
}

@media screen and (max-width: 991px) {
  .padding-16-bottom-mb {
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 991px) {
  .padding-20-bottom-mb {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .padding-24-bottom-mb {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 991px) {
  .padding-26-bottom-mb {
    padding-bottom: 26px;
  }
}

@media screen and (max-width: 991px) {
  .padding-36-bottom-mb {
    padding-bottom: 36px;
  }
}

@media screen and (max-width: 991px) {
  .padding-40-bottom-mb {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  .padding-50-bottom-mb {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 991px) {
  .padding-56-bottom-mb {
    padding-bottom: 56px;
  }
}

.padding-bottom-md {
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .padding-bottom-md {
    padding-bottom: 75px;
  }
}

@media (min-width: 992px) {
  .padding-15-left-dt {
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .padding-30-left-dt {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  .padding-30-left-mb {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  .padding-16-left-mb {
    padding-left: 16px;
  }
}

@media screen and (max-width: 767px) {
  .margin-100-top-xs {
    margin-top: 100px;
  }
}

@media screen and (max-width: 991px) {
  .margin-0-top-mb {
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .margin-24-top-mb {
    margin-top: 24px;
  }
}

@media screen and (max-width: 991px) {
  .margin-30-top-mb {
    margin-top: 30px;
  }
}

@media screen and (max-width: 991px) {
  .margin-30-bottom-mb {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  .margin-40-top-mb {
    margin-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  .margin-50-top-mb {
    margin-top: 50px;
  }
}

@media screen and (max-width: 991px) {
  .margin-60-top-mb {
    margin-top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .margin-80-top-mb {
    margin-top: 80px;
  }
}

@media (min-width: 992px) {
  .margin-16-top-dt {
    margin-top: 16px;
  }
}

@media (min-width: 992px) {
  .margin-20-top-dt {
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .margin-30-top-dt {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .margin-40-top-dt {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .margin-40-right-dt {
    margin-right: 40px;
  }
}

@media (min-width: 992px) {
  .margin-60-top-dt {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .margin-80-top-dt {
    margin-top: 80px;
  }
}

.margin-80-top {
  margin-top: 80px;
}

@media (max-width: 991px) {
  .margin-16-top-mb {
    margin-top: 16px;
  }
}
@media screen and (max-width: 991px) {
  .margin-16-bottom-mb {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 991px) {
  .margin-24-bottom-mb {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 991px) {
  .margin-42-bottom-mb {
    margin-bottom: 42px;
  }
}

@media screen and (max-width: 991px) {
  .margin-40-right-mb {
    margin-right: 40px;
  }
}

@media screen and (max-width: 991px) {
  .margin-54-bottom-mb {
    margin-bottom: 54px;
  }
}

@media screen and (max-width: 991px) {
  .margin-60-bottom-mb {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 991px) {
  .margin-16-right-mb {
    margin-right: 16px;
  }
}

@media screen and (max-width: 991px) {
  .margin-40-bottom-mb {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  .margin-78-bottom-mb {
    margin-bottom: 78px;
  }
}

@media screen and (max-width: 991px) {
  .margin-80-bottom-mb {
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .margin-60-bottom-dt {
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .margin-40-bottom-dt {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .margin-80-bottom-dt {
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .margin-30-bottom-dt {
    margin-bottom: 30px;
  }
}

.margin-left-16 {
  margin-left: 16px;
}

@media (min-width: 992px) {
  .margin-16-left-dt {
    margin-left: 16px !important;
  }
}

.margin-0-left {
  margin-left: 0px !important;
}

.margin-5-left {
  margin-left: 5px;
}

@media (min-width: 992px) {
  .margin-15-left-dt {
    margin-left: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-20-left-dt {
    margin-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-30-right-tb {
    margin-right: 30px;
  }
}

@media (min-width: 992px) {
  .product-description-padding .product-teaser .product-description {
    padding-top: 55px;
  }
}

.circumference-recommendation__selector {
  padding: 0 !important;
}

.circumference-recommendation__selector .circumference-recommendation__current::after {
  content: '';
  position: absolute;
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  margin-top: 6px;
  margin-right: 30px;
  padding: 5px;
  right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: transform .25s ease-out;
}

.circumference-recommendation__selector.circumference-recommendation__selector--expanded .circumference-recommendation__current::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: transform .25s ease-out;
}

@media (min-width: 992px) {
  .circumference-recommendation__selector {
    display: flex;
    width: fit-content;
    border: 1px solid var(--secondary-color);
    border-radius: 50px;
  }
}

.circumference-recommendation__selector>li {
  padding: 12px 20px !important;
  color: #323131;
  transition: 0.1s all ease-out;
  cursor: pointer;
  border-left: 1px solid var(--secondary-color);
  border-right: 1px solid var(--secondary-color);
  border-top: 1px solid var(--secondary-color);
  margin-bottom: 0 !important;
}

.circumference-recommendation__selector>li:last-child {
  border-bottom: 1px solid var(--secondary-color);
  border-bottom-right-radius: 50px;
}

.circumference-recommendation__selector>li:hover,
.circumference-recommendation__selector>li:focus {
  color: #fff;
  background-color: var(--secondary-color);
}

.circumference-recommendation__selector>li:hover span,
.circumference-recommendation__selector>li:focus span {
  color: inherit;
}

.circumference-recommendation__selector>li::before {
  display: none !important;
}

@media (max-width: 991px) {
  .circumference-recommendation__selector>li:not(.circumference-recommendation__current) {
    display: none;
  }
}

@media (min-width: 992px) {
  .circumference-recommendation__selector>li {
    border: 0;
    border-bottom-right-radius: 0;
  }

  .circumference-recommendation__selector>li:not(:last-child) {
    border-right: 1px solid var(--secondary-color);
  }

  .circumference-recommendation__selector>li:last-child {
    border-bottom: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .circumference-recommendation__selector>li:nth-child(2) {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
  }
}

@media (max-width: 991px) {
  .circumference-recommendation__selector--expanded>li {
    display: block !important;
  }

  .circumference-recommendation__selector--expanded .circumference-recommendation__current {
    border-bottom-right-radius: 0;
  }
}

.circumference-recommendation__current {
  border-bottom: 1px solid var(--secondary-color);
  border-bottom-right-radius: 30px;
}

@media (min-width: 992px) {
  .circumference-recommendation__current {
    display: none;
  }
}

.circumference-recommendation__display {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 992px) {
  .circumference-recommendation__display {
    justify-content: flex-start;
  }
}

.circumference-recommendation__display>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 21px 17px;
  color: #323131;
}

.circumference-recommendation__display>li:not(:last-child) {
  margin-right: 10px;
}

.circumference-recommendation__display>li::before {
  display: none !important;
}

.circumference-recommendation__display span:not(:last-child) {
  margin-bottom: 10px;
}

.circumference-recommendation__size {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 67px;
  border: 1px solid #323131;
  border-radius: 50%;
}

.circumference-recommendation__size--active {
  background: linear-gradient(225deg, #E57200 0%, #E64510 100%);
}

.circumference-recommendation__size--small {
  width: 34px;
  height: 34px;
  font-weight: bold;
}

.circumference-recommendation__size--selected {
  background-color: var(--secondary-color);
  color: #fff !important;
}

.circumference-recommendation__size--selected span {
  color: inherit;
}

.circumference-recommendation__display__active {
  background-color: var(--secondary-color);
  color: #fff !important;
  border-bottom-right-radius: 30px;
}

.circumference-recommendation__display__active span {
  color: inherit;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

@media (max-width: 991px) {
  :lang(de-DE) #content {
    margin-top: 75px;
  }
}

:lang(de-DE) ratings-popup {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 70%;
}

@media (min-width: 992px) {
  :lang(de-DE) ratings-popup {
    top: 50%;
  }
}

@media (min-width: 992px) {
  :lang(de-DE) .treatments-picker .content-desc {
    top: 0 !important;
  }
}

:lang(de-DE) .carousel .container-box-lg {
  min-height: auto;
}

:lang(de-DE) .carousel .container-box-lg>.component-content {
  min-height: auto;
}

:lang(de-DE) .carousel .main-banner .component-content.left {
  min-height: auto;
}

:lang(de-DE) .accordion-slide {
  scroll-margin: 120px;
}

@media (max-width: 991px) {
  :lang(de-DE) .selected-category {
    margin-top: 0;
  }
}

:lang(de-DE) .product-callout .carousel-slides .carousel-slide {
  padding-bottom: 0 !important;
}

@media (max-width: 991px) {
  :lang(de-DE) .carousel-full-width .slick-dots {
    top: 163px;
    right: auto;
    width: fit-content;
    min-width: 60px;
  }
}

@media (min-width: 992px) {
  :lang(de-DE) .carousel-full-width .slick-dots {
    display: flex;
    width: fit-content;
    left: -91vw;
  }
}

@media (min-width: 1200px) {
  :lang(de-DE) .carousel-full-width .slick-dots {
    left: -1060px;
  }
}

:lang(de-DE) .show-five.carousel-half-width .slick-dots {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  :lang(de-DE) .slick-dots li.slick-active button {
    height: 12px;
    width: 12px;
  }
}

:lang(de-DE) .article-filter .article-selector li {
  padding-left: 8px !important;
}

@media (max-width: 767px) {
  :lang(de-DE) .articles-grid .paragraphSystem {
    grid-template-columns: auto;
  }
}

@media (max-width: 767px) {
  :lang(de-DE) .moving-background-active {
    padding-left: 25px;
  }

  :lang(de-DE) .moving-background-active span {
    font-size: 1rem;
  }
}

@media (max-width: 991px) {
  :lang(de-DE) .container-teaser .carousel.show-three .carousel-content>.content {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  :lang(de-DE) .promotional-banner-content {
    bottom: 3px;
  }

  :lang(de-DE) .promotional-banner-content .button-learn-more {
    padding: 9px 30px 9px 5px;
  }
}

:lang(de-DE) .regulatory-text-hp-banner {
  z-index: 10;
  width: fit-content;
  position: absolute;
  top: 10.5rem;
  right: 0;
}

@media (min-width: 768px) {
  :lang(de-DE) .regulatory-text-hp-banner {
    top: 22vw;
  }
}

@media (min-width: 992px) {
  :lang(de-DE) .regulatory-text-hp-banner {
    bottom: 5%;
    right: 4% !important;
    top: auto;
  }
}

@media (min-width: 1200px) {
  :lang(de-DE) .regulatory-text-hp-banner {
    right: 6% !important;
  }
}

:lang(de-DE) .product-pflicht figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 991px) {
  :lang(de-DE) .page-oral-pain-relief .product-pflicht figcaption {
    bottom: 0;
    right: 20%;
    transform: translateX(-50%);
  }
  :lang(de-DE) .page-oral-pain-relief .product-pflicht .carousel-slide .image {
    padding-right: 5px;
  }
}

:lang(de-DE) .regulatory-text .introduction-text-banners,
:lang(de-DE) .regulatory-text.introduction-text-banners,
:lang(de-DE) .regulatory-text.body-copy {
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.875rem;
}

:lang(de-DE) .regulatory-text-banner {
  margin-top: 3px;
}

@media (min-width: 768px) {
  :lang(de-DE) .regulatory-text-banner {
    position: absolute;
    right: 8%;
    margin-top: 20px;
  }
}

:lang(de-DE) #regulatory {
  scroll-margin: 150px;
  scroll-padding: 150px;
}

:lang(de-DE) .regulatory-box .text-read-more .dots {
  display: inline-block;
}

:lang(de-DE) .regulatory-box .text-read-more .hide-on-mobile {
  display: none;
}

:lang(de-DE) .regulatory-box .text-read-more>.component-content>.richText-content>.read-more {
  display: none;
}

:lang(de-DE) .regulatory-box .hide-read {
  display: none;
}

:lang(de-DE) .regulatory-box .read-more-lines {
  display: flex;
}

:lang(de-DE) .regulatory-box .button-read-more {
  display: table;
}

:lang(de-DE) .btn-buy-now .ps-widget {
  border-radius: 0 0 20px;
  border-width: 2px;
}

:lang(de-DE) .btn-buy-now .ps-widget:hover {
  border-width: 2px;
  border-color: #fff;
  border-radius: 0 0 20px;
}

@media (min-width: 992px) {
  :lang(de-DE) .show-five .slick-track {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  :lang(de-DE) .show-five .carousel-slide {
    width: calc(33% - 20px) !important;
  }

  :lang(de-DE) .show-five .carousel-slide img {
    width: 150px;
  }
}

:lang(de-DE) .show-five .carousel-slide {
  padding-bottom: 0 !important;
}

:lang(de-DE) .tabs-invert-colors {
  padding: 0 10px;
}

@media (max-width: 991px) {
  :lang(de-DE) .tabs-invert-colors>.component-content {
    padding: 0 15px;
    background-color: #F5F5F5;
    border-bottom-right-radius: 20px;
  }
}

@media (min-width: 992px) {
  :lang(de-DE) .tabs-invert-colors .tabs-content {
    background-color: #F5F5F5;
  }
}

@media (min-width: 992px) {
  :lang(de-DE) .tabs-invert-colors .tabs-nav {
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) {
  :lang(de-DE) .tabs-invert-colors .tabs-nav .tabs-nav-list .tabs-nav-item.is-active {
    background-color: #F5F5F5;
  }

  :lang(de-DE) .tabs-invert-colors .tabs-nav .tabs-nav-list .tabs-nav-item.is-active:after {
    width: 100%;
  }
}

:lang(de-DE) .tabs-invert-colors .tabs-nav .tabs-nav-list .tabs-nav-item.is-active .tabMenuItem {
  background-color: #F5F5F5;
}

:lang(de-DE) .tabs-invert-colors .tabs-nav .tabs-nav-list .tabs-nav-item.is-active .text-wrapper {
  color: var(--primary-color);
}

:lang(de-DE) .tabs-invert-colors .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem:after {
  left: 34px;
  right: 44px;
}

:lang(de-DE) .tabs-invert-colors .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem .text-wrapper:after {
  right: 44px;
}

:lang(de-DE) .product-banner>.component-content>.content.paragraphSystem {
  overflow: unset;
}

@media (min-width: 992px) {
  :lang(de-DE) .extra-width figcaption {
    padding-left: 4%;
  }

  :lang(de-DE) .extra-width h2 {
    width: 170%;
  }
}

:lang(de-DE) .page-search-results .richText.first.odd.container {
  margin-top: 10px;
}

@media (min-width: 992px) {
  :lang(de-DE) .page-search-results .richText.first.odd.container {
    margin-top: 50px;
  }
}

:lang(de-DE) .page-home .carousel-slides .carousel-slide:nth-child(2),
:lang(de-DE) .page-home .carousel-slides .carousel-slide:first-child {
  padding-bottom: 0 !important;
}

:lang(es-ES) .carousel-full-width .slick-dots button {
  background-color: var(--primary-color);
}

:lang(es-ES) .carousel-full-width .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

@media (min-width: 992px) {
  :lang(es-ES) .banner-text-width {
    width: 60%;
  }

  :lang(es-ES) .banner-text-width .banner-text {
    width: 62%;
  }
}

:lang(es-ES) .shareThis-list {
  top: 10px !important;
}

:lang(es-ES) .bg-color-half-blue-white.container-full-width {
  padding-right: 0;
}

@media (min-width: 992px) {
  :lang(es-ES) .anchor-links-content {
    padding: 25px;
  }
}

:lang(es-ES) .product-teaser-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

:lang(es-ES) .product-teaser-content .product-button {
  margin-top: auto;
}

@media (min-width: 992px) {

  :lang(es-ES) .carousel-full-width .slick-prev,
  :lang(es-ES) .carousel-full-width .slick-next {
    bottom: 5px;
  }

  :lang(es-ES) .carousel-full-width .slick-dots {
    padding-bottom: 23px;
  }
}

@media (max-width: 767px) {
  :lang(es-ES) .promotional-banner-content picture {
    position: absolute;
    top: -200px;
  }
}

:lang(fr-BE) .category-pickers-wrapper {
  display: none;
}

:lang(fr-BE) .table-comparison table tr:first-child td {
  font-size: 1rem;
}

@media (min-width: 992px) and (max-width: 1200px) {
  :lang(fr-BE) .hide-on-tb {
    display: none;
  }

  :lang(fr-BE) .show-on-tb {
    display: block;
  }
}

@media (min-width: 992px) {
  :lang(fr-BE) .haleon-logo {
    z-index: auto;
  }

  :lang(fr-BE) .search-bar {
    height: 40px;
  }
}

@media (min-width: 992px) {
  html:lang(fr-CA) .treatments-picker .content-desc-title {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  html:lang(fr-CA) .treatments-picker .content-desc-title {
    font-size: 2.25rem;
  }
}

html:lang(fr-CA) .page-flexible-commute .hero-banner-simple figcaption {
  top: 0;
  transform: none;
}

html:lang(fr-CA) .table-comparison,
html:lang(en-CA) .table-comparison {
  overflow-x: scroll;
}

html:lang(fr-CA) .table-comparison ol,
html:lang(en-CA) .table-comparison ol {
  padding-left: 20px;
}

html:lang(fr-CA) .table-comparison ol li::marker,
html:lang(en-CA) .table-comparison ol li::marker {
  color: var(--primary-color);
}

@media (min-width: 992px) {
  :lang(be-BE) .main-nav .navigation-level1 .navigation-item a {
    font-size: 1rem;
  }
}

:lang(be-BE) .category-pickers-wrapper {
  display: none;
}

@media (min-width: 992px) {
  :lang(be-BE) .hero-banner-simple figcaption {
    padding-left: 16px;
  }
}

@media (max-width: 767px) {
  :lang(be-BE) .searchResults-title a {
    word-wrap: break-word;
  }
}

:lang(be-BE) .page-home .slick-arrow {
  bottom: 3px;
}

:lang(be-BE) .page-home .slick-dots {
  padding-bottom: 23px;
}

:lang(be-BE) .hero-banner-simple figcaption h1 {
  width: 46%;
}

@media (min-width: 992px) {
  :lang(be-BE) .haleon-logo {
    z-index: auto;
  }

  :lang(be-BE) .search-bar {
    height: 40px;
  }
}

html:lang(en-AU) .container-sharthis .active {
  height: auto;
}

html:lang(en-AU) .overlay-background {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  height: 100%;
  width: 100%;
}

html:lang(en-AU) .overlay-container {
  position: absolute;
  top: 100px !important;
  display: block;
}

html:lang(en-AU) .overlay-content {
  overflow: unset;
  border: solid 2px solid #323131;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 80px;
  max-width: 950px !important;
}

html:lang(en-AU) .overlay-close {
  font-size: 35px;
  top: -40px;
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {

  html:lang(en-AU) .carousel-homepage .slides-item0 .main-banner .switchable-image img,
  html:lang(en-AU) .carousel-homepage .slides-item1 .main-banner .switchable-image img {
    object-position: calc(1300px - 100vw);
  }
}

@media (min-width: 1200px) and (max-width: 1440px) {

  html:lang(en-AU) .carousel-homepage .slides-item0 .main-banner .switchable-image img,
  html:lang(en-AU) .carousel-homepage .slides-item1 .main-banner .switchable-image img {
    object-position: calc(1440px - 100vw);
  }
}

@media (min-width: 992px) {
  :lang(en-IN) .reference-our-products-reworked .navigation-hover .navigation-item {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  :lang(en-IN) .reference-header-rework .main-nav .navigation-branch li {
    padding-left: 16px;
  }

  :lang(en-IN) .reference-header-rework .main-nav .navigation-branch li::before {
    display: none;
  }
}

:lang(en-IN) .page-about-voltaren.navigation-item a::after {
  display: none;
}

@media (min-width: 992px) {
  :lang(en-IN) .enhanced-hero-banner figure figcaption {
    width: calc(1140px / 12 * 8);
  }
}

:lang(en-IN) #footer .background-wordmark-blue {
  --secondary-color: #117105;
}

:lang(en-IN) .moving-background {
  background-image: url("/content/dam/cf-consumer-healthcare/voltaren-delta/en_IN/mobile/treatment_by_pain_type/banners/animated-background-Iodex-mobile.png") !important;
}

@media (min-width: 992px) {
  :lang(en-IN) .moving-background {
    background-image: url("/content/dam/cf-consumer-healthcare/voltaren-delta/en_IN/desktop/treatment_by_pain_type/banners/animated-background-Iodex-desktop.svg") !important;
  }
}

@media (min-width: 1511px) {

  :lang(en-IN) .treatments-picker .content-desc-text,
  :lang(en-IN) .pain-category-name,
  :lang(en-IN) .category-picker-title,
  :lang(en-IN) .content-desc-title.h1-white {
    color: #fff !important;
  }
}

:lang(en-IN) .treatments-picker.is-mobile-active a .internal-button {
  padding: 16px 40px 16px 20px;
}

:lang(en-IN) .category-picker-title hr {
  border-bottom: 2px solid #fff;
}

:lang(en-IN) .richText ul:not(.list--tabs) li {
  padding-left: 8px !important;
}

@media (min-width: 1200px) {

  :lang(es-CO) .page-chronic-pain .hero-banner-simple h1,
  :lang(es-CO) .page-acute-pain .hero-banner-simple h1 {
    width: 65%;
  }
}

@media (min-width: 992px) {

  :lang(es-CO) .main-nav .navigation-level1 .navigation-item:hover,
  :lang(es-CO) .main-nav .navigation-level1 .navigation-item.main-link-active,
  :lang(es-CO) .main-nav .navigation-level1 .navigation-item.is-active {
    z-index: 105;
  }
}

@media (min-width: 992px) {
  :lang(es-CO) .utility-menu {
    padding-bottom: 11px;
    padding-top: 7px;
  }
}

@media (max-width: 767px) {
  :lang(es-CO) .banner-with-image .promotional-banner {
    max-width: 320px;
    max-height: 589px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :lang(es-CO) .breadcrumbs-list li.first a {
    display: block;
  }
}

:lang(es-CO) .container-sharethis .active {
  height: 100%;
}

:lang(es-CO) .searchResults-term:before,
:lang(es-CO) .searchResults-term:after {
  content: '\"';
}

@media (min-width: 992px) {
  html:lang(pt-PT) .category-pickers-wrapper .selection-group-type {
    flex-basis: 42%;
  }

  html:lang(pt-PT) .category-pickers-wrapper .selection-group-type .pain-category {
    flex: 1;
  }
}

@media (max-width: 991px) {
  html:lang(pt-PT) .container-sharethis .active {
    height: auto;
  }
}

html:lang(pt-PT) .container-sharethis .active {
  height: auto;
}

@media (min-width: 992px) {
  html:lang(pt-PT) .enhanced-hero-banner figure figcaption {
    top: auto;
    transform: none;
  }
}

@media (max-width: 991px) {
  html:lang(pt-PT) .mb-dropdown .mega-menu-img figure img {
    width: auto;
  }
}

@media (max-width: 991px) {
  html:lang(pt-PT) .searchResults-title {
    padding-right: 25px;
  }
}

html:lang(pt-PT) .list-type-none li {
  list-style-type: none !important;
}

html:lang(pt-PT) .table-comparison.slider-table tr:last-of-type {
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/it_IT/desktop/voltanatura/sand_bg_voltanatura.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  html:lang(pt-PT) .table-comparison.slider-table tr:last-of-type td:first-child {
    background: transparent;
  }
}

html:lang(pt-PT) .table-comparison.slider-table tr:last-of-type td:hover a span {
  color: #006B1E;
}

@media (min-width: 992px) {
  html:lang(pt-PT) .reference-header-rework .container-nav-rounded-white.nav-health {
    left: calc(50vw - 300px);
  }
}

@media (min-width: 1440px) {
  html:lang(pt-PT) .reference-header-rework .container-nav-rounded-white.nav-health {
    left: calc(50vw - 350px);
  }
}

html:lang(pt-PT) .articles-grid {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  html:lang(pt-PT) .product-banner {
    display: flex;
    padding-bottom: 100px;
  }
}

html:lang(pt-PT) .product-banner>.component-content>.content {
  overflow: initial;
}

@media (max-width: 991px) {
  html:lang(pt-PT) .product-banner>.component-content>.content {
    position: unset;
  }
}

:lang(it-IT) .tabs-content .bullet-md>li .body-copy::before {
  margin-left: -20px;
}

@media (min-width: 992px) {
  :lang(it-IT) .reference-header-rework .container-nav-rounded-white.nav-health {
    transform: none;
  }
}

@media (min-width: 992px) and (max-width: 1440px) {
  :lang(it-IT) .reference-header-rework .container-nav-rounded-white.nav-health {
    left: 220px;
  }
}

@media (min-width: 992px) {
  :lang(it-IT) .reference-header-rework .container-nav-rounded-white.nav-about-voltaren {
    margin: 0;
    left: calc(50vw - 280px);
  }
}

@media (min-width: 992px) {
  :lang(it-IT) .reference-header-rework .container-nav-rounded-white.nav-treatment-pain {
    margin: 0;
    left: calc(50vw + 20px);
  }
}

@media (min-width: 1200px) {
  :lang(it-IT) .reference-header-rework .container-nav-rounded-white.nav-products {
    margin: 0;
    left: calc(50vw + 250px);
  }
}

:lang(it-IT) .navigation-item.page-voltanatura-gel.is-mega-menu-active {
  background: radial-gradient(at bottom left, #009A44, #00e766) !important;
}

:lang(it-IT) .navigation-item.page-voltanatura-gel.is-mega-menu-active .navigation-item-title {
  color: white !important;
}

:lang(it-IT) .navigation-item.page-voltanatura-gel.is-mega-menu-active:after {
  color: white;
}

:lang(it-IT) .mega-menu-with-image .hover-voltanatura.hovered .button-learn-more {
  background-color: white;
  color: var(--secondary-color);
}

:lang(it-IT) .mega-menu-with-image .hover-voltanatura.hovered .button-learn-more:hover {
  background-color: var(--primary-color);
  color: white;
}

:lang(it-IT) .mega-menu-with-image .hover-voltanatura.hovered .button-learn-more:hover:after {
  border-color: white;
}

:lang(it-IT) .mega-menu-with-image .hover-voltanatura.hovered .button-learn-more:after {
  border-color: var(--secondary-color);
}

:lang(it-IT) .bullet-md>li .body-copy::before {
  margin-top: 3px;
}

:lang(it-IT) .table-comparison.slider-table tr:last-of-type {
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/it_IT/desktop/voltanatura/sand_bg_voltanatura.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  :lang(it-IT) .table-comparison.slider-table tr:last-of-type td:first-child {
    background: transparent;
  }
}

:lang(it-IT) .table-comparison.slider-table tr:last-of-type td:hover a span {
  color: #006B1E;
}

@media (min-width: 992px) and (max-width: 1199px) {

  html:lang(en-NZ) .carousel-homepage .slides-item0 .main-banner .switchable-image img,
  html:lang(en-NZ) .carousel-homepage .slides-item6 .main-banner .switchable-image img {
    object-position: calc(1300px - 100vw);
  }
}

@media (min-width: 1200px) and (max-width: 1440px) {

  html:lang(en-NZ) .carousel-homepage .slides-item0 .main-banner .switchable-image img,
  html:lang(en-NZ) .carousel-homepage .slides-item6 .main-banner .switchable-image img {
    object-position: calc(1440px - 100vw);
  }
}

html:lang(en-NZ) .overlay-background {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  height: 100%;
  width: 100%;
}

html:lang(en-NZ) .overlay-container {
  position: absolute;
  top: 100px !important;
  display: block;
}

html:lang(en-NZ) .overlay-content {
  overflow: unset;
  border: solid 2px solid #323131;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 80px;
  max-width: 950px !important;
}

html:lang(en-NZ) .overlay-close {
  font-size: 35px;
  top: -40px;
  color: #fff;
}

@media (min-width: 992px) {
  html:lang(en-NZ) .haleon-logo {
    z-index: auto;
  }

  html:lang(en-NZ) .search-bar {
    height: 40px;
  }
}

html:lang(en-NZ) button[type='button']:focus {
  outline: 1px solid black;
}

html:lang(en-NZ) a:focus {
  outline: 1px solid black;
}

html:lang(en-GB) .gsk-logo img {
  max-width: none;
  max-height: 10px;
}

@media (min-width: 992px) {
  html:lang(en-GB) .gsk-logo img {
    max-height: 21px;
  }
}

html:lang(en-GB) .reference-header-rework .main-nav .navigation-branch li a {
  font-size: 1.125rem;
}

html:lang(en-GB) .reference-header-rework.Header .navigation-mobile-menu {
  width: 40px;
  height: 40px;
  top: 16px;
  background-position: -516px -502px;
}

html:lang(en-GB) .reference-header-rework.Header .navigation-mobile-menu.is-open {
  background-position: -516px -462px;
}

@media (min-width: 992px) {
  html:lang(en-GB) .reference-header-rework .mega-menu {
    top: 140px;
  }
}

@media (min-width: 1200px) {
  html:lang(en-GB) .reference-header-rework .mega-menu {
    top: 124px;
  }
}

@media (min-width: 1600px) {
  html:lang(en-GB) .reference-header-rework .mega-menu {
    top: 114px;
  }
}

@media (min-width: 1200px) {
  html:lang(en-GB) .reference-health-wellness-and-your-pain-reworked.container-nav-rounded-white {
    left: calc(40vw - 500px);
  }
}

@media (min-width: 992px) {
  html:lang(en-GB) .reference-about-voltaren-reworked.container-nav-rounded-white {
    left: 64%;
  }
}

@media (min-width: 1200px) {
  html:lang(en-GB) .reference-about-voltaren-reworked.container-nav-rounded-white {
    margin: 0;
    left: 60%;
  }
}

html:lang(en-GB) .product-teaser-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

html:lang(en-GB) .product-teaser-content .product-button-container {
  padding-top: 25px;
  margin-bottom: 40px;
  margin-top: auto;
}

html:lang(en-GB) .product-teaser-content .product-button-container .product-button {
  padding: 0;
}

html:lang(en-GB) .product-teaser-content .product-button-container .product-buynow-button {
  margin-top: 25px;
}

@media (min-width: 768px) {
  html:lang(en-GB) .product-teaser-content .product-button-container .product-buynow-button {
    margin-top: 0;
  }
}

html:lang(en-GB) a:focus {
  outline: 1px solid black;
}

html:lang(en-GB) .articles-grid .paragraphSystem {
  grid-auto-rows: auto;
}

html:lang(en-GB) .articles-grid .paragraphSystem .snippetReference .inner .product-teaser {
  height: auto;
}

html:lang(en-GB).font-lg-active {
  font-size: 1.25rem;
}

@media (min-width: 768px) {
  html:lang(en-GB).font-lg-active {
    font-size: 1.125rem;
  }
}

html:lang(en-GB).font-md-active {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  html:lang(en-GB).font-md-active {
    font-size: 1rem;
  }
}

html:lang(en-GB).font-sm-active {
  font-size: 1rem;
}

@media (min-width: 768px) {
  html:lang(en-GB).font-sm-active {
    font-size: 0.9375rem;
  }
}

@media (min-width: 992px) {
  html:lang(nl-NL) .reference-header .mega-menu .button-learn-more {
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  html:lang(nl-NL) .reference-header .mega-menu-hover-box figcaption p:last-of-type {
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  html:lang(nl-NL) .page-recovery-back-pain-inflammation .hero-banner-simple figcaption h1 {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  html:lang(nl-NL) .page-recovery-back-pain-inflammation .hero-banner-simple figcaption h1 {
    width: 50%;
  }
}

html:lang(nl-NL) .button-read-more .text:after {
  margin-left: 5px;
  left: 25px;
}

html:lang(nl-NL) .button-read-more .text:before {
  margin-right: 5px;
}

html:lang(nl-NL) .button-learn-more:after {
  right: 20px;
}

html:lang(nl-NL) .button-learn-more:hover:after {
  right: 10px;
}

html:lang(nl-NL) .back-to-top {
  font-size: 0.625rem;
}

@media (min-width: 992px) {
  html:lang(nl-NL) .enhanced-hero-banner-image figure figcaption {
    padding-left: 4%;
  }

  html:lang(nl-NL) .enhanced-hero-banner-image figure figcaption .keyline:after {
    margin: 8px 0;
  }

  html:lang(nl-NL) .enhanced-hero-banner-image figure figcaption p {
    margin: 0;
  }
}

@media (min-width: 992px) {
  html:lang(nl-NL) .pain-category .sc-bdnxRM {
    width: 45px;
    height: 45px;
  }
}

@media (min-width: 1200px) {
  html:lang(nl-NL) .pain-category .sc-bdnxRM {
    width: 55px;
    height: 55px;
  }
}

@media (min-width: 992px) {
  html:lang(nl-NL) .pain-category-name {
    font-size: .75rem;
  }
}

@media (min-width: 1200px) {
  html:lang(nl-NL) .pain-category-name {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  html:lang(nl-NL) .category-pickers-wrapper .selection-group-type {
    flex-basis: 36%;
  }
}

@media (min-width: 1200px) {
  html:lang(nl-NL) .category-pickers-wrapper .selection-group-type {
    flex-basis: 46%;
  }
}

@media (min-width: 1200px) {
  html:lang(nl-NL) .category-pickers-wrapper .selection-group-area {
    flex-basis: 51%;
  }
}

html:lang(nl-NL) #footer .background-wordmark-blue .footer-links::after {
  display: none;
}

@media (min-width: 992px) {
  html:lang(nl-NL) .haleon-logo {
    z-index: auto;
  }

  html:lang(nl-NL) .search-bar {
    height: 40px;
  }
}

html:lang(nl-NL) .articles-grid .paragraphSystem {
  grid-auto-rows: auto;
}

html:lang(nl-NL) .articles-grid .paragraphSystem .snippetReference .inner .product-teaser {
  height: auto;
}

.container-continuous-counter {
  counter-reset: mycounter;
}

.container-continuous-counter ol li:before {
  content: counter(mycounter) ". ";
  counter-increment: mycounter;
}

.container-box-lg {
  min-height: 280px;
}

@media (min-width: 992px) {
  .container-box-lg {
    min-height: 600px;
  }
}

.container-box-md {
  min-height: 190px;
}

@media (min-width: 992px) {
  .container-box-md {
    min-height: 490px;
  }
}

.container-box-sm {
  min-height: 190px;
}

@media (min-width: 992px) {
  .container-box-sm {
    min-height: 400px;
  }
}

.font-secondary {
  color: #fff;
}

.flex>.component-content>.paragraphSystem {
  display: flex;
}

.flex-wrap>.component-content>.paragraphSystem {
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .flex-dt>.component-content>.paragraphSystem {
    display: flex;
  }
}

.flex--column>.component-content>.paragraphSystem {
  flex-direction: column;
}

.flex--row>.component-content>.paragraphSystem {
  flex-direction: row;
}

.flex--center>.component-content>.paragraphSystem {
  align-items: center;
  justify-content: center;
  height: 100%;
}
.flex--center>.component-content {
  height: 100%;
}

@media (max-width: 991px) {
  .flex--center-mb {
    display: flex;
    justify-content: center;
  }
}

.flex-justify-end {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 992px) {
  .lg-flex-row>.component-content>.paragraphSystem {
    flex-direction: row;
  }
}

.absolute {
  position: absolute;
}

@media (min-width: 992px) {
  .lg-absolute {
    position: absolute;
  }
}

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

.text-left {
  text-align: left;
}

.no-overflow {
  overflow: hidden;
}

.font-lg {
  font-size: 1.15625rem;
}

@media (min-width: 992px) {
  .font-size-20-lg {
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .font-size-18-lg {
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .font-size-16-lg {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .font-size-14-lg {
    font-size: 0.875rem;
  }
}

@media (min-width: 992px) {
  .font-size-12-lg {
    font-size: 0.75rem;
  }
}

.text-shadow-white {
  text-shadow: 0 0 30px white;
}

.text-shadow-black {
  text-shadow: 0 0 30px black;
}

.text-shadow-grey {
  text-shadow: 0 0 30px #808080;
}

.text-subdued {
  font-size: .75rem;
}

@media (min-width: 992px) {
  .text-subdued {
    font-size: .875rem;
  }
}

.justify-content-right {
  justify-content: flex-end;
}

.word-wrap-break {
  word-wrap: break;
  overflow-wrap: break-word;
}

.display-block {
  display: block;
}

.push-forward {
  z-index: 10;
}

.bullet-square>li>.body-copy::before {
  content: "\25AA";
}

.hyphens {
  hyphens: auto;
  -webkit-hyphens: auto;
}

.min-height-1 img {
  min-height: 1px;
}

.max-height-none img {
  max-height: none;
}

@media (max-width: 991px) {
  .absolute-mb {
    position: absolute;
  }
}

@media (max-width: 991px) {
  .top-0-mb {
    top: 0;
  }
}

@media (max-width: 991px) {
  .static-mb {
    position: static;
  }
}

.haleon-logo {
  margin-top: 5px;
  padding-left: 10px;
  z-index: 1;
}

.haleon-logo img {
  max-width: none;
  max-height: 10px;
}

@media (min-width: 992px) {
  .haleon-logo img {
    max-height: 21px;
  }
}

@media (min-width: 768px) {
  .table.line-height-1-dt p span {
    line-height: 1;
  }
}

.template-voltanatura-delta-template-2 .h1-styles,
.template-voltanatura-delta-template .h1-styles {
  --primary-color: #006b1e !important;
}

.template-voltanatura-delta-template-2 .h2-styles,
.template-voltanatura-delta-template .h2-styles {
  color: #006b1e;
}

.template-voltanatura-delta-template-2 .bg-color-half-orange-white>.component-content,
.template-voltanatura-delta-template .bg-color-half-orange-white>.component-content {
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20orange%20background%201370x628.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 10px solid #006b1e;
}

.template-voltanatura-delta-template-2 .box-grey,
.template-voltanatura-delta-template .box-grey {
  padding-top: 100px;
  background: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP%20sand%20background%20320x1914%20(related%20articles).png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {

  .template-voltanatura-delta-template-2 .box-grey,
  .template-voltanatura-delta-template .box-grey {
    padding-top: 200px;
    background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/TB sand background 991x1341 (related articles).png");
  }
}

@media (min-width: 992px) {

  .template-voltanatura-delta-template-2 .box-grey,
  .template-voltanatura-delta-template .box-grey {
    background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT sand background 1600x1101 (related articles).png");
  }
}

.template-voltanatura-delta-template-2 .box-grey::before,
.template-voltanatura-delta-template .box-grey::before {
  display: none;
}

.template-voltanatura-delta-template-2 .box-grey-bordered,
.template-voltanatura-delta-template .box-grey-bordered {
  border-bottom: 10px solid #006b1e;
}

.template-voltanatura-delta-template-2 .grey-background,
.template-voltanatura-delta-template .grey-background {
  background: none !important;
}

@media (min-width: 992px) {

  .template-voltanatura-delta-template-2 .grey-background,
  .template-voltanatura-delta-template .grey-background {
    padding-left: 20%;
  }
}

.template-voltanatura-delta-template-2 .grey-background>.component-content,
.template-voltanatura-delta-template .grey-background>.component-content {
  position: relative;
  padding-top: 100px;
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP%20sand%20background%20320x1914%20(related%20articles).png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 768px) {

  .template-voltanatura-delta-template-2 .grey-background>.component-content,
  .template-voltanatura-delta-template .grey-background>.component-content {
    padding-top: 200px;
    background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/TB%20sand%20background%20991x1000%20(How%20to%20use%20VN%20Gel).png") !important;
  }
}

@media (min-width: 992px) {

  .template-voltanatura-delta-template-2 .grey-background>.component-content,
  .template-voltanatura-delta-template .grey-background>.component-content {
    padding-left: 50px;
    background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20sand%20background%201484x979%20(How%20to%20use%20VN%20Gel).png") !important;
  }
}

.template-voltanatura-delta-template-2 .grey-background::before,
.template-voltanatura-delta-template .grey-background::before {
  display: none;
}

.template-voltanatura-delta-template-2 .grey-background .image,
.template-voltanatura-delta-template .grey-background .image {
  float: none;
}

@media (min-width: 992px) {

  .template-voltanatura-delta-template-2 .grey-background .image,
  .template-voltanatura-delta-template .grey-background .image {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.template-voltanatura-delta-template-2 .accordion-slide,
.template-voltanatura-delta-template .accordion-slide {
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT green background closed.png") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP green background open.png") !important;
}

@media (min-width: 992px) {

  .template-voltanatura-delta-template-2 .accordion-slide,
  .template-voltanatura-delta-template .accordion-slide {
    background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT green background closed.png") !important;
  }
}

@media (min-width: 992px) {

  .template-voltanatura-delta-template-2 .accordion-slide.is-active,
  .template-voltanatura-delta-template .accordion-slide.is-active {
    background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP green background open.png") !important;
  }
}

.template-voltanatura-delta-template-2 .accordion-slide.is-active .accordion-head::after,
.template-voltanatura-delta-template .accordion-slide.is-active .accordion-head::after {
  color: var(--primary-color) !important;
}

.template-voltanatura-delta-template-2 .accordion-title-text,
.template-voltanatura-delta-template .accordion-title-text {
  color: #fff;
}

.template-voltanatura-delta-template-2 .accordion-content-wrapper,
.template-voltanatura-delta-template .accordion-content-wrapper {
  padding-left: 0;
  background: transparent;
}

.template-voltanatura-delta-template-2 .accordion-content-wrapper .body-copy,
.template-voltanatura-delta-template .accordion-content-wrapper .body-copy {
  color: #fff;
}

.template-voltanatura-delta-template-2 .custom-tabs>.component-content,
.template-voltanatura-delta-template .custom-tabs>.component-content {
  min-height: 550px;
}

/*# sourceMappingURL=../maps/core/main-2.css.map */


/* Aman Singh |11-07-2023 | start */
.pd-1.bg-color-half-blue>.component-content,
.pd-1.bg-color-half-orange-white>.component-content {
  padding: 1rem !important;
}

.keyline-right::after {
  position: absolute;
  right: 0;
}

/* Aman Singh |11-07-2023 | end */

/* Anubhav | 28-07-2023 */
@media screen and (max-width: 991px) {
  .haleon-mobile-logo {
    width: 120px;
    z-index: 99;
  }
}

@media screen and (max-width: 460px) {
  .haleon-mobile-logo {
    width: 90px;
  }
}

@media screen and (max-width: 360px) {
  .haleon-mobile-logo {
    width: 60px;
  }
}

/* Amrendra | 3-08-2023 | GSKBD-28916 | logo alignment on en-ca and fr-ca*/
:lang(en-CA) .haleon-logo img,
:lang(fr-CA) .haleon-logo img {
  max-height: unset;
  margin-top: 0;
}

@media screen and (max-width: 460px) {

  :lang(en-CA) .haleon-mobile-logo,
  :lang(fr-CA) .haleon-mobile-logo {
    margin-top: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {

  :lang(en-CA) .haleon-mobile-logo,
  :lang(fr-CA) .haleon-mobile-logo {
    margin-top: 0;
  }
}

@media(min-width: 992px) {

  :lang(en-CA) .haleon-mobile-logo,
  :lang(fr-CA) .haleon-mobile-logo {
    max-width: 120px;
  }
}

.d-block {
  display: block;
}

.video-content .video iframe[src*="youtube"] {
  visibility: visible;
  opacity: 1;
}

.strong {
  font-weight: bold;
}

/* 07-11-23 | GSKBD-30083 | start */
.reference-custom-product-taser:hover .product-teaser .button-learn-more.btn-learnmore-new {
  background: transparent;
}
.reference-custom-product-taser .product-buynow-button .buy-now-btn{
  background-color: var(--secondary-color);
  color: white;
  padding-left: 40px;
}
.reference-custom-product-taser:hover .product-buynow-button .buy-now-btn{
  color: var(--secondary-color);
  background-color: white;
}
.reference-custom-product-taser:hover .product-teaser .button-learn-more.btn-learnmore-new::after,
.reference-custom-product-taser .product-teaser .button-learn-more.btn-learnmore-new::after{
  display: none;
}
.reference-custom-product-taser .product-buynow-button .buy-now-btn:after {
  content: '';
  position: absolute;
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  transform: translateY(-50%) rotate(320deg);
  outline: none;
  margin-left: 10px;
  top: 50%;
  right: 25px;
}
.reference-custom-product-taser:hover .product-buynow-button .buy-now-btn:after {
  border: solid var(--secondary-color);
  border-width: 0 4px 4px 0;
}
.button-learn-more.btn-learnmore-new {
  display: inline-block;
  color: var(--secondary-color);
  font-family: 'DiodrumVoltaren', sans-serif;
  border: 2px solid transparent;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.375rem;
  background: transparent;
  padding-left: 40px;
}
.reference-custom-product-taser .product-buynow-button .buy-now-btn:hover::after {
  right: 15px;
  transition: right .2s ease-out;
}
.reference-custom-product-taser .product-buynow-button .buy-now-btn:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px){
  .reference-custom-product-taser .product-buynow-button .buy-now-btn {
    padding-left: 10px;
  }
  .reference-custom-product-taser .product-buynow-button .buy-now-btn:after {
    padding: 6px;
    right: 20px;
  }
  .button-learn-more.btn-learnmore-new {
    padding-left: 10px;
    padding-right: 10px;
  }
}
  /* 07-11-23 | GSKBD-30083 | end */

/* 23-11-23 | GSKBD-30083 | end */
@media (max-width:991px){
  .haleon-logo {
   width: 80px;
  }
  .haleon-logo img{
    max-height: 14px;
  }
}

/* GSKBD-30862 | 12/01/24 | start */
@media (min-width:992px){
  .main-banner .banner-footnote {
    margin-top: 5%;
    line-height: 1.25;
  }
  .banner-footnote .introduction-text-banners {
    font-size: 0.75rem;
    line-height: 1.25;
  }
}
@media (min-width:1200px){
  .main-banner .banner-footnote {
    margin-top: 12%;
  }
}

/* GSKBD-30862 | 12/01/24 | end */


/* GSKBD-30875 | 24-01-2024 | Start  */

#footer .background-wordmark-blue .footer-logo.footer-logo-it img {
  max-height: 100%;
}

.promotional-banner-button {
  position: absolute;
  bottom: 1rem;
}
@media (min-width: 768px) {
  .promotional-banner-button {
    right: 3rem;
  }
}
@media (min-width: 992px) {
  .promotional-banner-button {
    right: 6rem;
    bottom: 6rem;
  }
}

#header .reference-header-rework .mega-menu-img.menu-img-it {
  display: block !important;
}

/* GSKBD-30875 | 24-01-2024 | End */


/* GSKBD-30053 | 30-01-2024 | variant added - "treatment-by-pain-type-container" |  Start */

@media(min-width: 992px) {
  .Header .treatment-by-pain-type-container .navigation ul.navigation-root li.navigation-item {
    padding: 3px 12px 3px 0;

  }
  .Header .treatment-by-pain-type-container .navigation ul.navigation-root li:nth-child(2n) {
    padding-bottom: 16px;
  }
  .Header .treatment-by-pain-type-container .navigation.by-type-container ul.navigation-root li:nth-child(5){
    padding-bottom: 16px;
  }
  .Header .treatment-by-pain-type-container .navigation.by-type-container ul.navigation-root li:nth-child(6) {
    padding-bottom: 3px;
  }
}

/* GSKBD-30053 | 30-01-2024 | variant added - "treatment-by-pain-type-container" | End */

.force-display-block {
  display: block !important;
}

.display-block {
  display: block;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.keyline.keyline-green::after{
  background-color: #006b1e;
}
:lang(nl-NL) .page-voltanatura-gel .product-banner .slick-prev,
:lang(nl-NL) .page-voltanatura-gel  .product-banner .slick-next{
  border-color: #006b1e;
}
:lang(nl-NL) .page-voltanatura-gel  .product-banner .slick-dots li button{
  border-color: #006b1e;
  background-color: #006b1e;
}
:lang(nl-NL) .page-voltanatura-gel  .product-banner .slick-prev:before, :lang(nl-NL) .page-voltanatura-gel  .product-banner .slick-next:before
{
  color: #006b1e;
}
:lang(nl-NL) .page-voltanatura-gel  .product-banner .button-learn-more, :lang(nl-NL) .page-voltanatura-gel  .anchor-links{
  background-color: #006b1e;
}

:lang(nl-NL) .page-voltanatura-gel  .product-banner .button-learn-more:hover, :lang(nl-NL) .page-voltanatura-gel  .product-banner  .button-learn-more:focus{
  background-color: #fff;
  border: 2px solid #006b1e;
  color: #006b1e;
}
:lang(nl-NL) .page-voltanatura-gel  .product-banner .button-learn-more:hover::after{
  border-color: #006b1e;
}
:lang(nl-NL) .page-voltanatura-gel .anchor-links .anchor-links-content .anchor-link a:hover, :lang(nl-NL) .page-voltanatura-gel .anchor-links .anchor-links-content .anchor-link a:focus,:lang(nl-NL) .page-voltanatura-gel .arrow-after::after,
:lang(nl-NL) .page-voltanatura-gel .product-banner .slick-prev:hover:before, :lang(nl-NL) .page-voltanatura-gel .product-banner .slick-prev:focus:before, :lang(nl-NL) .page-voltanatura-gel .product-banner .slick-next:hover:before, :lang(nl-NL) .page-voltanatura-gel .product-banner .slick-next:focus:before{
  color: #fff;
}
:lang(nl-NL) .page-voltanatura-gel .product-banner .slick-prev:hover, :lang(nl-NL) .page-voltanatura-gel .product-banner .slick-prev:focus, :lang(nl-NL) .page-voltanatura-gel .product-banner .slick-next:hover, :lang(nl-NL) .page-voltanatura-gel .product-banner .slick-next:focus{
  background-color:#006b1e
}
:lang(nl-NL).mod-js .page-voltanatura-gel .accordion-slide.is-active>.accordion-head .accordion-title::after, :lang(nl-NL) .page-voltanatura-gel .accordion-slide::after{
  background: #fff;
}
:lang(nl-NL) .template-voltanatura-delta-template.page-voltanatura-gel .accordion-slide.is-active .accordion-head::after,
:lang(nl-NL).mod-js .page-voltanatura-gel .accordion-head:after{
  color: #fff!important;
}
@media (min-width: 992px) {
  :lang(nl-NL) .page-voltanatura-gel .accordion-content-wrapper{
    border-top-color: #fff;
  }
}

:lang(it-IT) .page-riconosci-questo-sorriso {
  .container-full-width.bg-color-half-blue,
  .container-full-width.bg-color-half-orange-white,
  .container-full-width.bg-color-half-blue-white {
    padding-right: 0px;
  }

  .bg-color-half-orange-white > .component-content {
    padding-left: 0 !important;

    @media (min-width: 992px) {
      max-width: 60%;
    }
    @media (max-width: 991px) {
      max-width: 70%;
    }
  }

  .container-rounded-bottom-right > .component-content > .content {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
    @media (max-width: 991px) {
      flex-direction: column;
    }
    video {
      height: auto !important;
    }
    padding-top: 20px;
  }

  .riconosci-first-video-container > .component-content > .content {
    display: flex;
    @media (max-width: 992px) {
      flex-direction: column;
    }
    .riconosci-first-video {
      @media (min-width: 992px) {
        flex: 0 1 570px;
      }
      > .component-content {
        video {
          height: auto;
        }
      }
    }
  }
  .riconosci-second-video {
    @media (min-width: 992px) {
      flex: 0 1 420px;
    }
  }
}
.margin-top-24-mb {
  @media (max-width: 767px){
      margin-top: 24px;
  }
}

/* VTN-334 | 27-05-2025 | banner update | Start */
@media (min-width: 992px){
  html:lang(en-AU) .carousel-homepage .slides-item5 .main-banner .banner-text,
  html:lang(en-AU) .carousel-homepage .slides-item6 .main-banner .banner-text {
    max-width: 450px;
  }
}

@media (min-width: 1300px) {
  html:lang(en-AU) .carousel-homepage .slides-item5 .main-banner .richText,
  html:lang(en-AU) .carousel-homepage .slides-item6 .main-banner .richText {
    right: 57%;
  }
}
/* VTN-334 | 27-05-2025 | banner update | End */

:lang(es-ES) .bg-color-light-blue {
  background-color: #59bfe7;
}


/* VTN-380 | 30-05-2025 | update footer content alignment | Start */

/* VTN-380 | 30-05-2025 | update footer content alignment | Start */
@media (min-width: 992px) {
  html:lang(en-CA) #footer .background-wordmark-blue > .component-content > .content,
  html:lang(fr-CA) #footer .background-wordmark-blue > .component-content > .content {
    flex-direction: column;
  }
}

/* VTN-380 | 30-05-2025 | update footer content alignment | End */


/* VTN-380 | 30-05-2025 | update footer content alignment | End */


/* VTN-384 | 30-05-2025 | accessability fixes | Start */

:lang(nl-NL) {
  @media (max-width: 991px) {
    .slick-dots li button {
      border: 1px solid var(--secondary-color);;
      background-color: var(--secondary-color);;
      opacity: 1;
      color: #fff;
    }
    .color-accessible-orange {
      color: #ab5600;
    }
  }


/* VTN-334 | 27-05-2025 | banner update | Start */
@media (min-width: 992px){
  html:lang(en-AU) .carousel-homepage .slides-item5 .main-banner .banner-text,
  html:lang(en-AU) .carousel-homepage .slides-item6 .main-banner .banner-text {
    max-width: 450px;
  }
}

@media (min-width: 1300px) {
  html:lang(en-AU) .carousel-homepage .slides-item5 .main-banner .richText,
  html:lang(en-AU) .carousel-homepage .slides-item6 .main-banner .richText {
    right: 57%;
  }
}
/* VTN-334 | 27-05-2025 | banner update | End */



  .page-where-to-buy .breadcrumbs-without-separator li:last-child {
    color: var(--secondary-color);
    font-family: 'DiodrumVoltaren', sans-serif;
    font-weight: 600;
  }
}

/* VTN-384 | 30-05-2025 | accessability fixes | End */

:lang(en-CA) .page-home .h1-styles {
  color: var(--primary-color);
}

:lang(fr-CA) .page-home .h1-styles {
  color: var(--primary-color);
}

.page-newsletter-anmeldung-danke .breadcrumbs-without-separator li:last-child {
  color: var(--secondary-color);
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
}

/* GCO-614 | 17-06-2025 | accessability fixes | End */

:lang(fr-CA) .page-home .h1-styles {
  color: var(--primary-color);
}

.page-newsletter-anmeldung-danke .breadcrumbs-without-separator li:last-child {
  color: var(--secondary-color);
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
}

/* GCO-614 | 17-06-2025 | accessability fixes | End */

@media (max-width: 991px) {
  body .show-m {
    display: block !important
  }
}

.reference-ucl-form-iframe {
  > .component-content > iframe {
    border: none;
  }
}
/* common classes */

.fit-width {
    width: fit-width !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.grey-bg {
    background-color: var(--light-grey-color);
}

.dark-grey-bg {
    background-color: var(--dark-grey-color);
}

.flex-align-start>*>.paragraphSystem {
    align-items: flex-start !important;
}

.flex-justify-start>*>.paragraphSystem {
    justify-content: flex-start !important
}

.max-margin-right {
    margin-right: max(0px, (100% - 1140px)/2) !important;
}
.max-padding-right {
    padding-right: max(0px, (100% - 1140px)/2) !important;
}

.padding-40-left {
    padding-left: 40px;
}

.margin-20-top {
    margin-top: 20px !important;
}
.margin-30-top {
    margin-top: 30px !important;
}

.m-img-full-width img {
    width: 100%
}
.view-xs-only {
    display: none;
}
.flex-row {
    flex-direction: row !important;
}

@media (min-width: 992px) {
    .p-d-t-1 {
        padding-top: 1rem !important;
    }

    .p-d-t-2 {
        padding-top: 2rem !important;
    }

    .p-d-t-3 {
        padding-top: 3rem !important;
    }

    .p-d-t-4 {
        padding-top: 4rem !important;
    }

    .p-d-t-5 {
        padding-top: 5rem !important;
    }

    .p-d-b-1 {
        padding-bottom: 1rem !important;
    }

    .p-d-b-2 {
        padding-bottom: 2rem !important;
    }

    .p-d-b-3 {
        padding-bottom: 3rem !important;
    }

    .p-d-b-4 {
        padding-bottom: 4rem !important;
    }

    .p-d-b-5 {
        padding-bottom: 5rem !important;
    }
}

@media (max-width: 991px) {
    .p-m-t-1 {
        padding-top: 1rem !important;
    }
    
    .p-m-t-2 {
        padding-top: 2rem !important;
    }
    
    .p-m-t-3 {
        padding-top: 3rem !important;
    }
    
    .p-m-t-4 {
        padding-top: 4rem !important;
    }
    
    .p-m-t-5 {
        padding-top: 5rem !important;
    }
    
    .p-m-b-1 {
        padding-bottom: 1rem !important;
    }
    
    .p-m-b-2 {
        padding-bottom: 2rem !important;
    }
    
    .p-m-b-3 {
        padding-bottom: 3rem !important;
    }

    .p-m-b-4 {
        padding-bottom: 4rem !important;
    }
    
    .p-m-b-5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 992px) {
    .margin-150-top-dt {
        margin-top: 150px;
    }

    .margin-100-top-dt {
        margin-top: 100px;
    }

    .margin-100-bottom-dt {
        margin-bottom: 100px;
    }

    .margin-150-bottom-dt {
        margin-bottom: 150px;
    }

    .padding-120-top-dt {
        padding-top: 120px;
    }

    .padding-100-bottom-dt {
        padding-bottom: 120px;
    }
    .padding-40-left-dt {
        padding-left: 40px;
    }

    .font-size-20 {
        font-size: 1.25rem !important;
    }

    .font-size-80 {
        font-size: 5rem !important;
        line-height: 1.1;
    }

    .font-size-90 {
        font-size: 5.625rem !important;
        line-height: 1.1;
    }

    .img-min-width-auto img {
        min-width: auto !important;
    }
}

@media screen and (max-width: 991px) {
    .margin-150-top-mb {
        margin-top: 150px;
    }
    .padding-40-right-mb {
        padding-right: 40px;
    }

    .margin-100-top-mb {
        margin-top: 100px;
    }

    .font-size-20 {
        font-size: 1.125rem !important;
    }

    .font-size-90 {
        font-size: 4.375rem !important;
    }
    .m-flex>*>.paragraphSystem {
        display: flex;
        flex-direction: column;
    }
    .m-flex-reverse>*>.paragraphSystem {
        flex-direction: column-reverse;;
    }
    .m-img-full-width img {
        width: 100%
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .padding-40-left-tab {
        padding-left: 40px;
    }
    .padding-40-lr-tab {
        padding-left: 40px;
        padding-right: 40px;
    }
    .font-size-70-sm {
        font-size: 4.375rem !important;
    }
}
@media screen and (min-width: 768px) {
    .view-xs-only {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .font-size-20 {
        font-size: 0.938rem !important;
    }
    .xs-d-flex>*>.paragraphSystem {
        display: flex;
        flex-direction: column;
    }
    .xs-d-flex-reverse>*>.paragraphSystem {
        flex-direction: column-reverse;;
    }
    .view-xs-only {
        display: block;
    }
    .padding-10-lr-xs {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .font-size-48-xs {
        font-size: 3rem !important;
    }
}/* how-to-use-voltaren-gel page css  */

/* hero-banner css */

.how_to_banner .hero-banner-simple figcaption p {
    max-width: 480px;
    color: var(--secondary-color);
    font-size: 22px;
    line-height: 1.65;
    letter-spacing: 0px;
}

.how_to_banner .hero-banner-simple figcaption h1 .h1-styles {
    color: var(--secondary-color);
    font-size: 5rem;
    line-height: 1.1;
}

.how_to_banner .scroll-btn {
    position: absolute;
    bottom: 15%;
    left: 44%;
    transform: translateY(-50%);
}

/* grey-bg section css */
.share-icon-block {
    position: absolute;
    right: 0;
}

.dosage-crousel .accordion-slide {
    margin-bottom: 0
}

.dosage-crousel .carousel-full-width .slick-prev {
    left: 0;
    right: unset;
    border-color: #CCCCCC;
}

.dosage-crousel .carousel-full-width .slick-next {
    left: 60px;
    right: unset;
    border-color: #CCCCCC;
}
.dosage-crousel .carousel-full-width .slick-prev:before,
.dosage-crousel .carousel-full-width .slick-next:before {
    color: #CCCCCC;
}

.dosage-crousel .carousel-full-width .slick-prev:hover,
.dosage-crousel .carousel-full-width .slick-next:hover {
    background-color: transparent;
    border-color: var(--primary-color);
}
.dosage-crousel .carousel-full-width .slick-prev:hover:before,
.dosage-crousel .carousel-full-width .slick-next:hover:before {
    color: var(--primary-color);
}

.dosage-crousel .accordion-content-wrapper {
    padding: 40px !important;
}

.full-left-block {
    margin-top: 4rem;
    padding-top: 2rem;
}

.full-left-block>div>div>.box {
    padding-top: 5%;
}

.faq-accordion-no-margin .accordion-slide {
    margin: 4px 0;
    padding: 0;
}

.treat-image:after {
    content: '';
    display: inline-block;
    background-image: url('/content/dam/cf-consumer-healthcare/voltaren-delta/en_GB/desktop/how-to-use-voltaren-gel/treat-bg.png') !important;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 500px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.white-carousel-btn .slick-dots li button {
    border-color: var(--color-white) !important;
    background-color: var(--color-white);
}

.white-carousel-btn .slick-dots li.slick-active button {
    background-color: var(--color-white);
}

.white-carousel-btn .slick-prev,
.white-carousel-btn .slick-next {
    border-color: var(--color-white);
    background-color: var(--color-white);
}

.white-carousel-btn .slick-prev:hover:before,
.white-carousel-btn .slick-prev:focus:before,
.white-carousel-btn .slick-next:hover:before,
.white-carousel-btn .slick-next:focus:before {
    opacity: 1;
    color: var(--primary-color);
}
.faq-right-bg:after {
    content: '';
    position: absolute;
    width: 400px;
    height: 200px;
    background: url('/content/dam/cf-consumer-healthcare/voltaren-delta/en_GB/desktop/how-to-use-voltaren-gel/faq-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;
}

.reference-custom-product-taser .ps-widget {
  display: block !important;
  min-width: inherit !important;
  background-color: inherit !important;
  padding: 0 !important;
  clear: both !important;
  border: none !important;
  line-height: 1 !important;
}

.reference-custom-product-taser .ps-widget[ps-sku] {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 30px !important;
    padding-right: 60px !important;
    min-width: 187px !important;
    background-color: #242f60 !important;
    border-color: #242f60 !important;
    border-style: solid !important;
    border-width: 0 !important;
    line-height: 28px !important;
    box-sizing: border-box !important; 
}

.reference-pricespider-buy-now-btn .ps-widget[aria-label="No Sellers Found"],
.reference-pricespider-buy-now-btn:has(.ps-widget[aria-label="Find where to buy this product"]) .product-buynow-button {
    display: none !important;
}

.reference-custom-product-taser .ps-widget[ps-sku] .ps-button-label{
    display: inline !important;
}

.reference-custom-product-taser .ps-widget small {
    display: none !important;
}

.reference-custom-product-taser .ps-button-label {
    display: none !important;
}

.reference-custom-product-taser .ps-widget[ps-sku].ps-enabled:after {
    content: none !important;
}
.reminder-carousel .carousel-full-width .slick-dots {
    bottom: 70px;
}
.reminder-carousel .carousel-full-width .slick-prev, .reminder-carousel .carousel-full-width .slick-next {
    bottom: 90px !important;
}
.play-pause .title-content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
}
.play-pause button {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
    padding: 0;
}
.icon-video-pause {
    width: 100px;
    height: 100px;
    background: url(../../img/icon-video-pause.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.scroll-high-jack-mb {
    position: relative;
}
.scroll-high-jack-img-text {
    position: absolute;
    bottom: 2rem;
    left: 1.5rem;
    z-index: 1;
}
.orange-box-mb-last {
    position: absolute;
    top: 15%;
    left: 1.5rem;
    z-index: 1;
}
.white-bg {
    background: var(--color-white) !important;
}
.vertical-middle {
    vertical-align: text-bottom;
}
.how-to-use-faq .accordion-content-wrapper {
    padding: 30px 68px;
}
@media screen and (min-width: 992px) {
    .padding-0-right-dt .sharethis-img figure,
    .padding-0-right-dt .shareThis-list {
        padding-right: 0 !important;
    }
    .treat-image {
        padding-top: 12%;
    }
    .left-img-block {
        margin-top: -18.5%;
    }
    .reminder-carousel .main-banner .component-content.left img,
    .reminder-carousel .carousel-homepage .slick-list.draggable,
    .reminder-carousel .carousel-homepage>.component-content,
    .reminder-carousel .carousel-homepage {
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100%;
    }
    .reminder-carousel .carousel-slides .carousel-slide {
        padding-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1440px) and (min-width: 992px) {
    .how_to_banner .hero-banner-simple figure img {
        min-width: 1600px;
        max-width: 1600px;
        transform: translateX(calc(100vw - 1440px));
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .how_to_banner .hero-banner-simple figcaption {
        padding-left: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .how_to_banner .hero-banner-simple figcaption {
        position: absolute;
        bottom: 5%;
        left: 5%;
        height: 40%;
    }
    .how_to_banner .hero-banner-simple figcaption h1 .h1-styles {
        font-size: 4.688;
    }
    .how_to_banner .hero-banner-simple figcaption p {
        font-size: 1.25rem;
    }
    .how_to_banner .scroll-btn {
        position: absolute;
        bottom: 0%;
        left: 28%;
    }
    .dosage-crousel .carousel-homepage .carouselSlide img {
        transform: none;
        width: 100%;
        min-width: 100%;
    }
    .treat-image {
        padding-top: 8%;
    }
    .treat-image:after {
        top: 20px;
        background-size: 55%;
    }
    .full-left-block>div>div>.box {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .reminder-carousel .hp-carousel-text {
        position: absolute;
        bottom: 5rem;
        left: 2rem;
        width: 80%;
    }
    .reminder-carousel .hp-carousel-text * {
        color: #fff;
    }
    .dosage-crousel .carousel-homepage {
        border-bottom: none;
    }
    .dosage-crousel .carousel-slides .carousel-slide {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .how_to_banner .hero-banner-simple figcaption h1 .h1-styles {
        font-size: 40px;
    }
    .how_to_banner .hero-banner-simple figcaption p {
        font-size: 18px;
    }
    .dosage-crousel .accordion-content-wrapper {
        padding: 16px !important;
    }
    .how_to_banner .scroll-btn {
        left: 45%;
        transform: translateY(-50%);
    }
    .how_to_banner .hero-banner-simple figcaption {
        bottom: 8%;
        left: 0;
    }
    .hero-banner-simple figure img {
        transform: none;
        width: 100%;
        min-width: 100%;
        object-fit: cover;
    }
    .treat-image:after {
        display: none;
    }
}

/* VTN-635 | 19-03-2026 | Start */

@media (min-width: 992px) {
    :lang(en-GB) .reference-header-rework .mega-menu.reference-our-products-reworked {
        right: 20px;
        left: auto;
    }

    :lang(en-GB) .reference-header-rework .mega-menu.reference-tcs-london-marathon-reworked {
        right: 0;
        left: auto;
    }

    :lang(en-GB) .reference-header-rework .mega-menu.reference-treatment-by-pain-type-reworked {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
}

@media (min-width: 1300px) {
    :lang(en-GB) .reference-header-rework .mega-menu.reference-our-products-reworked {
        right: calc((100vw - 1284px) / 2 + 20px);
        left: auto;    
    }
    
    :lang(en-GB) .reference-header-rework .mega-menu.reference-tcs-london-marathon-reworked {
        right: calc((100vw - 1284px) / 2);
        left: auto;    
    }
}

/* VTN-635 | 19-03-2026 | End */@media (max-width: 767px) {
  .banner-with-image-de .promotional-banner,
  .banner-with-image-de .promotional-banner-content img{
    max-width: 100%;
  } 
  .banner-with-image-de .promotional-banner-content{
    position: relative;
  }
  .banner-with-image-de .content.paragraphSystem{
    flex-direction: column;
  }
}:lang(nl-NL) {
  .page-about-voltaren   {
    .hero-banner .hero-banner-image img {
      margin-right: 0;
    }
  }

  .page-treatment-by-pain-type {
    .bg-color-half-blue ul li::after, 
    .bg-color-half-orange-white ul li::after {
      background-color: #fff;
    }

    .bullet-md > li .body-copy::before {
      color: var(--secondary-color);
    }

    .bg-color-half-blue-white ul li::after, 
    .bg-color-half-orange-white ul li::after,
    .bg-color-blue .bullet-md>li .body-copy::before {
      color: #fff;
    }

    .bg-color-half-blue-white ul li::after, 
    .bg-color-half-orange-white ul li::after {
      position: absolute;
      background-color: white;
      border-radius: 50%;
      content: "";
      display: inline-block;
      height: 7px;
      width: 7px;
      left: -15px;
      top: 13px;
      bottom: 2px;
    }
  }
}


.richText .component-content {
    overflow: hidden;
}

.richText .component-content:has(buynow-button) {
    overflow: visible;
}

.richText h1 {
    margin-top: 0;
    word-wrap: break-word;
}

.richText h2 {
    margin-top: 0;
    word-wrap: break-word;
}

.richText h3 {
    margin-top: 0;
    word-wrap: break-word;
}

.richText h4 {
    margin-top: 0;
    word-wrap: break-word;
}

.richText h5 {
    margin-top: 0;
    word-wrap: break-word;
}

.richText h6 {
    margin-top: 0;
    word-wrap: break-word;
}

.richText a {
    text-decoration: underline;
}

.richText ul, .richText ol {
    padding: 10px 0;
    margin-left: 10px;
}

.richText li {
    margin-left: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    list-style-type: none;
}

.richText ol li {
    list-style: decimal;
}

.richText ul li {
    position: relative;
    margin-left: 0;
    padding-left: 15px;
}

.richText ul li:before {
    top: 1px;
    left: -5px;
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
}

.richText-image {
    display: block;
    margin-bottom: 10px;
}

.richText-image.pull-left {
    margin: 5px 15px 5px 10px;
    float: left;
}

.richText-image.pull-right {
    margin: 5px 10px 5px 15px;
    float: right;
}

/*# sourceMappingURL=../maps/components/richText.css.map */

.color-dexibu-red span {
    color: #c31617;
}

p span.xs-header.introduction-text-banners {
    font-size: 22px;
    font-weight: 700;
}

.header-quote-container {
    display: flex;

    .color-accessible-orange {
        font-size: 6rem;
        padding-top: 1rem;
        padding-right: .5rem;
    }
}

.header-quote {
    line-height: 42px;
    color: #242F60;
    font-weight: 600;
    font-size: 2rem;
}

.line-height-1 p {
    line-height: 1;
}

.line-height-1-375 p {
    line-height: 1.375;
}

@media screen and (max-width: 768px) {
    .header-quote {
        font-size: 1.375rem;
        line-height: 30px;
    }

    .header-quote-container .color-accessible-orange {
        font-size: 4rem;
        padding-top: 1rem;
        padding-right: .5rem;
    }
}

@media (min-width: 992px) {
    .font-dt-15 .richText-content * {
        font-size: 15px;
    }

    .font-dt-18 .richText-content * {
        font-size: 18px;
    }

    .font-dt-32 .richText-content * {
        font-size: 32px;
    }

    .font-dt-15 {
        font-size: 15px !important;
    }

    .font-dt-18 {
        font-size: 18px !important;
    }

    .font-dt-32 {
        font-size: 32px !important;
    }
}

@media (max-width: 576px) {
    .richText .font-1-5-xs {
        font-size: 1.5rem
    }
}
.image .right {
  text-align: right; }

.image .left {
  text-align: left; }

.image .middle {
  text-align: center; }

@media only screen and (max-width: 767px) {
  .image .component-content {
    text-align: center; } }

.image--half-rounded-right img {
  border-bottom-right-radius: 100px; }

/*# sourceMappingURL=../maps/components/image.css.map */

.product-img-banner {
  width: 100%;

  img {
    width: 50%;
  }
}:root {
  --primary-color: #E37200;
  --primary-color-light: #E57200;
  --primary-color-dark: #E64510;
  --secondary-color:  #242F60;
  --secondary-color-dark:  #1c254c;
  --orange-red-color: rgba(230,99,6,1); }

:lang(en-in) {
  --primary-color: #e86215;
  --primary-color-light: #6ea958;
  --primary-color-dark: #4b6e4b;
  --secondary-color:  #3D9525;
  --secondary-color-dark:  #4b6e4b; }

.breadcrumbs {
  padding: 0;
  display: none; }
  @media (min-width: 992px) {
    .breadcrumbs {
      padding-top: 28px;
      display: block; } }
  .breadcrumbs-list {
    overflow: hidden;
    margin: 0;
    padding: 0 16px;
    list-style: none; }
    @media (min-width: 1200px) {
      .breadcrumbs-list {
        padding: 0; } }
    .breadcrumbs-list li {
      margin-right: 6px;
      z-index: 100; }
      @media (min-width: 992px) {
        .breadcrumbs-list li {
          float: left; } }
      .breadcrumbs-list li a {
        font-size: 0.9375rem;
        color: var(--secondary-color);
        font-family: 'DiodrumVoltaren', sans-serif;
        font-weight: 600; }
        .breadcrumbs-list li a:hover, .breadcrumbs-list li a:focus {
          color: var(--primary-color); }
      .breadcrumbs-list li.is-current {
        color: #323131; }
      .breadcrumbs-list li.first a {
        color: var(--secondary-color);
        font-size: 0rem;
        border: 0px;
        display: flex; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .breadcrumbs-list li.first a {
            display: block; } }
        .breadcrumbs-list li.first a::before {
          content: '';
          display: inline-block;
          width: 24px;
          height: 24px;
          background: url("../../img/voltaren-sprites.png");
          background-repeat: no-repeat;
          background-position: -524px -250px;
          margin-top: 38px;
          color: var(--secondary-color); }
          @media (min-width: 992px) {
            .breadcrumbs-list li.first a::before {
              margin-top: 0; } }
      .breadcrumbs-list li.first.is-current {
        display: none; }
  .breadcrumbs-separator {
    margin: 0 10px; }
  .breadcrumbs-without-separator {
    display: flex; }
    .breadcrumbs-without-separator .breadcrumbs-separator {
      display: none; }
    .breadcrumbs-without-separator li {
      position: relative;
      padding-right: 10px;
      margin-right: 4px; }
      @media (min-width: 992px) {
        .breadcrumbs-without-separator li {
          padding-right: 20px;
          margin-right: 10px; } }
      .breadcrumbs-without-separator li:before {
        top: 1px;
        right: 0;
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        position: absolute;
        font-size: 0.75rem; }
      .breadcrumbs-without-separator li:first-of-type::before {
        margin-top: 38px; }
        @media (min-width: 992px) {
          .breadcrumbs-without-separator li:first-of-type::before {
            margin-top: 0; } }
      .breadcrumbs-without-separator li:last-child {
        background-image: none;
        margin-right: 0;
        padding-right: 0;
        font-size: 0.9375rem;
        font-weight: 500; }
        .breadcrumbs-without-separator li:last-child:before {
          display: none; }
  .breadcrumbs-list {
    display: block; }
    @media (min-width: 992px) {
      .breadcrumbs-list {
        display: flex; } }

/*# sourceMappingURL=../maps/components/breadcrumbs.css.map */
.page-sign-up .cf-toaster-form,
.content-hide{
  display: none;
}
.email-form{
  background-color: #242F60;
  border-radius: 0px 0px 30px 0px;
}
@media(max-width:992px){
.email-form{
  margin: 0 16px;
  width: auto;
  float: none;
  display: flex;
}
}
.email-form .form-container{
  padding: 40px;
  padding-bottom: 10px;
}
@media(max-width:767px){
  .email-form .form-container{
    padding: 10px;
  }
  }
.email-form form{
  max-width: 504px;
}
.email-form .form-container>.component-content>.paragraphSystem{
  display: flex;
  flex-direction: row;
  padding: 20px 20px 20px 15px;
  gap: 82px;
}
@media(max-width:992px){
  .email-form .form-container>.component-content>.paragraphSystem{
    flex-direction: column;
    gap: 50px;
  }

}
.email-form .form-container h2{
 color: #EF7800;
 font-size: 45px;
 line-height: 1.1;
 margin-bottom: 30px;
}
.email-form .form-container p{
  color: #ffffff;
  font-size: 20px;
  line-height: 1.5;
 }
.email-form .form-container .richText,
.email-form .form-container .form-reference{
  display: inline-block;
  width: 50%;
}
@media(max-width:992px){
  .email-form .form-container .richText,
.email-form .form-container .form-reference{
  width: 100%;
}
}
.email-form  .form-text label{
  display: block;
  color: #ffffff;
  line-height: 1.9;
  margin-bottom: 8px;
}
.email-form  .form-text{
  width: 100%;
  margin-bottom: 30px;
}
.email-form  .form-text input{
  display: block;
  width: 100%;
  color: #242F60;
  font-size: 15px;
  line-height: 1.5;
  padding: 15px;
  border: 1px solid #242F60;
}
.email-form  .form-button{
  display: block;
  width: 100%;
  max-width: 283px;
  border-radius: 0 0 32px 0;
  border: 0 0 3px 0;
  margin-top: 40px;
  cursor: pointer;
}
.email-form  .form-button button{
  font-size: 22px;
  font-weight: 600;
  font-family: 'DiodrumVoltaren', sans-serif;
  line-height: 1.3;
  color: #242F60;
  padding: 20px 33px;
  border-radius: 0px 0px 30px 0px;
  border: 2px solid #242F60;
  cursor: pointer;
}
.email-form  .form-button button:hover{
  background-color: #E57200;
  color: #ffffff;
}
.email-form  .form-button button::after{
content: '';
border: solid #242F60;
width: 5px;
height: 5px;
border-width: 0 3px 3px 0;
border-radius: 2px;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
position: relative;
left: 5px;
cursor: pointer;
}
.email-form  .form-button button:hover:after{
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
}
.email-form  .learn-more-txt{
  width: 100% !important;
}
.email-form  .learn-more-txt p{
  font-size: 12px;
  line-height: 1.65;
  margin-left: 0px;
  margin-top: 20px;
}
.email-form  .learn-more-txt p a{
  cursor: pointer;
}
.email-form  .learn-more-txt p a:hover{
  text-decoration: none;
  color: #E57200;
}
.email-form .error-msg{
  background: #e20e17 !important;
  color: #fff !important;
  padding: 5px 10px;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 15px;
  text-align: left;
  width: fit-content;
  margin-top: 10px;
}
.email-form input.error{
  border: 1.5px solid #EC0000;
}
@media(max-width:992px){
  .email-form .form-container h2{
    font-size: 40px;
  }
  .email-form .form-button button{
    font-size: 20px;
    line-height: 1.4;
  }
  .email-form .form-container p{
    font-size: 18px;
  }
  .email-form  .form-text label{
    font-size: 15px;
  }
}
@media(max-width:767px){
  .email-form .form-container h2 {
    font-size: 26px;
    line-height: 1.25;
  }
.email-form .form-container p{
  font-size: 15px;
  line-height: 28px;
  }
  .email-form .form-text label{
    font-size: 13px;
    line-height: 16px;
  }
  .email-form .form-button button{
    font-size: 18px;
    line-height: 24px;
  }
  .email-form .learn-more-txt p{
    font-size: 10px;
    line-height: 18px;
  }
}
.required-text p {
  font-size: 15px;
  color: #323131;
  text-align: right;
  font-weight: 400;
}

.required-text p::before,
.dob-text .birth-label::after,
.required label::after {
  content: "*";
  color: #E37200;
  padding-right: 5px;
}
.signUp-form form,
.signupform-title {
  max-width: 752px;
  margin: auto;
  float: none;
}
.signUp-form form a {
  color: #E37200;
  /* text-decoration: none; */
  font-weight: 600;
  cursor: pointer;
}
.signUp-form .disclaimer {
  font-size: 16px;
  font-weight: 500;
  color: #323131;
  position: relative;
  top: -80px;
}
.signUp-form .disclaimer p {
  line-height: 24px;
}
.inpage-form .error-msg,
.signUp-form .error-msg {
  color: #e20e17 !important;
  text-align: center;
  margin-left: -24px;
}
.inpage-form .month-field .error-msg,
.inpage-form .year-field .error-msg,
.signUp-form .month-field .error-msg,
.signUp-form .year-field .error-msg {
  text-align: left;
  margin: 0px;
}
.signUp-form input[type="checkbox"] {
  width: 24px !important;
  height: 24px;
  border: 2px solid #242F60;
  border-bottom-right-radius: 10px !important;
  appearance: none;
  -webkit-appearance: none;
  top: 6px;
  position: relative;
  padding: 0px;
}

.signUp-form .radio-field label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.signUp-form .radio-field label input {
  width: 25px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.signUp-form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #242F60;
  border-radius: 50px;
  padding: 0px;
  cursor: pointer;
}

.signUp-form input[type="radio"]:checked:after {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #242F60;
  border: 2px solid #242F60;
  /* left: 20px;
  top: 21px; */
  position: absolute;
  display: inline-block;
  border-radius: 50px;
}

.signUp-form input[type="checkbox"]:checked:after {
  /* content: "\f00c"; */
  content: "";
  transform: rotate(45deg);
  color: #242F60;
  width: 5px;
  height: 12px;
  border-Color: #242F60;
  display: inline-block;
  border-bottom: 4px solid #242F60;
  border-right: 4px solid #242F60;
  position: absolute;
  left: 5px;
  top: 0px;
}
.checkbox-disclaimer input[type="checkbox"] {
  background-color: #242F60;
  width: 20%;
  height: 24px;
  border: 2px solid #fff;
  border-bottom-right-radius: 10px !important;
  appearance: none;
  -webkit-appearance: none;
  top: 8px;
  position: relative;
  cursor: pointer;
  width: 24px;
  display: flex;
}

.checkbox-disclaimer input[type="checkbox"]:checked:after {
  content: "";
  transform: rotate(45deg);
  color: #fff;
  width: 3px;
  height: 9px;
  border-Color: #fff;
  display: inline-block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  left: 8px;
  top: 3px;
}

form fieldset {
  padding: 0px;
}
.signUp-form .checkbox-disclaimer input[type="checkbox"] ,
.inpage-form .checkbox-disclaimer input[type="checkbox"] {
  background-color: transparent;
  border: 2px solid #242F60;
}
.signUp-form .checkbox-disclaimer input[type="checkbox"]:checked:after,
.inpage-form .checkbox-disclaimer input[type="checkbox"]:checked:after{
  color: #242F60;
  border-bottom: 2px solid #242F60;
  border-right: 2px solid #242F60;
}

.input-box label,
.dob-text,
.input-box legend {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 600;
  color: #323131;
  width: 278px;
  display: inline-block;
}

.dob-text p {
  width: 278px;
}

.dob-text .birth-disclaimer {
  font-size: 18px;
  font-weight: 600;
  color: #242F60;
}

.dob-text .birth-disclaimer::before {
  content: "i";
  color: #fff;
  background: #E37200;
  border-radius: 50px;
  width: 20px;
  text-align: center;
  font-size: 14px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -3px;
}

.dob-text .birth-label .dob-field,
.input-box {
  /* display: flex; */
  justify-content: center;
  margin: 60px 0px;
}

.dob-field{
  display: flex;
  /* justify-content: center; */
  margin: 60px 0px;
  align-items: flex-start;
}

.input-box label span {
  font-weight: 400;
  font-size: 18px;
  margin-left: 15px;
  line-height: 1.9;
}

.month-field select,
.input-box input,
.input-box fieldset label,
.gender-select select {
  padding: 15px 30px 15px 16px;
  border-radius: 0px 0px 30px 0px;
  border: 2px solid #242F60;
  width: 465px;
  height: 64px;
}
select option{
  line-height: 1.9;
  cursor: pointer;
}

.month-field select.error,
input.error {
  border: 2px solid #e20e17 !important;
}


.input-box fieldset label input {
  width: auto;
}

.input-box .cmp-cf-form-qa__field-label {
  display: block;
  float: right;
  margin: auto;
  margin: 5px 0;
  position: relative;
  top: -85px;
}

fieldset {
  border: none;
}
.cf-form-post-submit-message {
  padding: 30px 20px;
  text-align: center;
}

.cf-form-post-submit-message p {
  color: #fff;
  margin-bottom: 30px;
}

.cf-toaster-form .cf-form-post-submit-message button.close,
.form-button button {
  color: #ffff;
  font-size: 22px;
  background: none;
  padding: 15px 30px 15px 16px;
  border-radius: 0px 0px 30px 0px;
  border: 2px solid #242F60;
  width: 185px;
  background: #242F60;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.cf-toaster-form .cf-form-post-submit-message button.close{
 margin: auto;
}
.cf-toaster-form .cf-form-post-submit-message button.close, .cf-toaster-form .form-button button{
  padding: 10px 50px 10px 15px;
}
.checkbox-disclaimer .cmp-cf-form-options__field-description {
  display: none;
}

.cf-toaster-form p {
  color: #ffffff;
  line-height: 22px;
  margin: 10px 0 0;
  font-size: 14px;
}

.form-button button::after {
  content: "";
  background: url(/content/dam/cf-consumer-healthcare/voltaren-delta/master/icons/righ-arrow-w.svg);
  background-size: contain;
  display: block;
  width: 19px;
  height: 18px;
  position: absolute;
  background-repeat: no-repeat;
  right: 20px;
  transform: translateX(-50%);
  border: none;
}

.form-button button:hover,
.form-button button:focus {
  background-color: var(--primary-color);
  transition: right .2s ease-out;
  text-decoration: underline !important;
  border: 2px solid #fff;
}

.cf-toaster-form .form-button button::after {
  content: "";
  background: url(/content/dam/cf-consumer-healthcare/voltaren-delta/master/icons/right-arrow.svg);
  background-size: contain;
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-repeat: no-repeat;
  right: 10px;
  transform: translateX(-50%);
  border: none;
}

.cf-toaster-form p a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
}
form p a:hover {
  color: var(--primary-color);
  transition: right .2s ease-out;
}
.month-field select:focus,
.input-box input:focus,
.cmp-form-options__field--checkbox:focus{
  border: 2px solid #EF7800 !important;
}
.cf-toaster-form .cf-form-post-submit-message button.close:hover,
.cf-toaster-form .form-button button:hover {
  background-color: var(--primary-color);
  transition: right .2s ease-out;
  text-decoration: underline !important;
  border: 2px solid #fff;
}
.required-text p::before,
.dob-text .birth-label::after,
.required label::after {
  content: "*";
  color: #E37200;
  padding-right: 5px;
}
.signUp-form .disclaimer p {
  line-height: 24px;
}

.dob-text,
.month-field,
.year-field {
  display: inline-block;
  width: auto;
  margin: 0px;
}

.month-field {
  margin-right: 10px;
  position: relative;
}
.gender-select{
  position: relative;
}
.month-field:after, .gender-select:after{
  content: "\f078";
  position: absolute;
  right: 30px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  color: var(--primary-color);
  top: 32px;
  transform: translateY(-50%);
  cursor: pointer;
}

.gender-select fieldset{
  display: flex;
  align-items: center;
}
.gender-select legend{
  float: left;
}
@media(max-width:768px){
  .gender-select:after {
    top: 55px;
  }
  .month-field:after {
    top: 26px;
  }
  .gender-select legend{
    float: unset;
  }
}
.month-field fieldset {
  padding: 0px;
}

.month-field label {
  display: none;
}
.gender-select select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #323131;
  font-size: 18px;
  line-height: 1.9;
  font-family: 'DiodrumVoltaren', sans-serif;
}
.year-field input,
.month-field select {
  width: 227px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #323131;
  font-size: 18px;
  line-height: 1.9;
  font-family: 'DiodrumVoltaren', sans-serif;
}
.form-qa select,
select{
  cursor: pointer;
}
.check-box {
  margin: 0px;
  position: relative;
  top: 15px;
}

.radio-field {
  margin: 0px;
  position: relative;
}

.hide-toaster-form .cf-toaster-form {
  display: none;
}

.cf-toaster-form {
  max-width: 650px;
  background-color: #242F60;
  border-radius: 0px 20px 0px 0px;
  padding: 5px 15px 0px 15px;
  position: fixed;
  bottom: 0;
  z-index: 99999;
  right: 140px;
}
.cf-toaster-form:has(.toaster-container form.is-hidden) {
  max-width: 400px;
  width: 100%;
}

.cf-toaster-form .toaster-heading {
  padding: 10px 0;
  cursor: pointer;
}

.cf-toaster-form .toaster-heading h2 {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.toaster-heading h2:after {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  content: "";
  right: 5px;
  top: 20px;
  background-size: contain;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.toaster-heading.active h2:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 12px;
  right: 16px;
}

.cf-toaster-form .form-text.input-box {
  margin: 10px 0px;
  display: block;
}
p.fields-required-txt{
font-size: 12px;
}
.cf-toaster-form .input-box input {
  width: 100%;
  cursor: text;
  color: #323131;
  font-size: 18px;
  padding: 0 30px 0 16px;
  height: 44px;
}
.cf-toaster-form  form .desclaimer-text fieldset{
  padding-top: 0px;
}
.cf-toaster-form .description-text {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.cf-toaster-form .cmp-form-text input::placeholder {
  font-weight: 400;
  color: #323131;
  font-size: 15px;
}

form .desclaimer-text fieldset {
  padding: 0;
}

form .desclaimer-text legend {
  display: none;
}

 .desclaimer-text label {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  width: 50px;
  padding-right: 20px;
}

 .desclaimer-text label span {
  margin-left: 10px;
}

form .desclaimer-text fieldset {
  padding: 0;
  display: flex;
  width: 100%;
  padding-top: 1rem;
}

.checkbox-disclaimer .cmp-cf-form-options__help-message {
  display: none;
}

.cf-toaster-form .form-button {
  margin-top: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}

.cf-toaster-form .cf-form-post-submit-message button.close,
.cf-toaster-form .form-button button {
  color: #242F60;
  font-family: 'DiodrumVoltaren', sans-serif;
  width: auto;
  border: 2px solid #fff;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 1.125rem;
}
.cf-toaster-form .email-error,
.cf-toaster-form .email-error,
.cf-toaster-form .first-name-error,
.cf-toaster-form .Last-name-error,
.cf-toaster-form .error-msg {
  background: #e20e17 !important;
  color: #fff !important;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 15px;
  text-align: left;
  width: fit-content;
  margin: 0;
}
.inpage-form .error-msg,
.signUp-form .error-msg {
  color: #e20e17 !important;
  text-align: center;
  margin-left: -24px;
}
.inpage-form .month-field .error-msg,
.inpage-form .year-field .error-msg,
.signUp-form .month-field .error-msg,
.signUp-form .year-field .error-msg {
  text-align: left;
  margin: 0px;
}

.input-box.year-field .cmp-form-text {
  display: flex;
  flex-direction: column;
}
@media(max-width:768px) {
  .cf-toaster-form.active {
    width: 100%;
    /* left: 50% !important; */
  }

  .cf-toaster-form {
    width: 50%;
    /* left: 40% !important; */
  }

  .cf-toaster-form .toaster-heading h2 {
    font-size: 18px;
  }

  .cf-toaster-form .input-box input {
    font-size: 15px;
  }

form .desclaimer-text label span {
    font-size: 14px;
  }

  .cf-toaster-form .cf-form-post-submit-message button.close,
  .cf-toaster-form .form-button button {
    font-size: 18px;
  }

  .cf-toaster-form .description-text p {
    line-height: 24px;
    font-size: 16px;
  }

 .desclaimer-text fieldset p {
    font-size: 14px;
  }

  .input-box label span {
    font-size: 15px;
  }

  .signUp-form .disclaimer p {
    font-size: 14px;
  }

  .form-button button {
    font-size: 18px;
    line-height: 24px;
  }
}

@media(max-width:991px) {
  .cf-toaster-form {
    z-index: 99999999;
    /* transform: translate(-50%, 0%); */
    right: auto;
    right: 0;
    bottom: 0px;
  }
}

@media(max-width:768px) {

  .month-field select,
  .input-box input,
  .input-box fieldset label,
  .gender-select select {
    width: 100%;
    height: 58px;
  }

  .signUp-form .disclaimer,
  .input-box .cmp-cf-form-qa__field-label {
    top: 0;
  }

  .dob-field,
  .check-box,
  .radio-field,
  .dob-text .birth-label .dob-field,
  .input-box {
    margin: 30px 0px;
  }
  .month-field,
  .year-field {
    width: 50%;
    margin: 10px 0px;
    vertical-align: top;
  }
  .month-field{
    margin-left: -4px;
  }
  .year-field{
    margin-left: 4px;
  }
  .input-box label,
  .dob-text,
  .input-box legend {
    font-size: 18px;
  }

  .dob-text .birth-disclaimer {
    font-size: 15px;
    float: right;
  }

  .dob-field,
  .dob-text {
    display: block;
  }

  .dob-text .birth-label,
  .dob-text .birth-disclaimer {
    display: inline-block;
    width: auto;
  }

  .dob-text .birth-disclaimer::before {
    content: none
  }

  .dob-text .birth-disclaimer::after {
    content: "i";
    color: #fff;
    background: #E37200;
    border-radius: 50px;
    width: 20px;
    text-align: center;
    font-size: 14px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 0px;
  }
  .inpage-form .error-msg ,
  .signUp-form .error-msg {
    color: #e20e17;
    text-align: left;
    margin: 0px;
  }

  .signupform-title h1 {
    margin: 20px 0;
  }

  .checkbox-disclaimer input[type="checkbox"] {
    /* width: 100%; */
    max-width: 25px;
  }

  .signupform-title p {
    font-size: 15px;
  }
}

.thankyou-msg p {
  font-size: 18px;
  color: #323131;
  font-weight: 400;
  letter-spacing: 0;
}

.thankyou-msg p:first-child {
  padding-bottom: 1rem;
}

.birth-disclaimer {
  cursor: pointer;
}

.dob-text p.pop-up {
  font-size: 15px;
  color: #fff;
  line-height: 1.3;
  font-size: 15px;
  text-align: center;
  position: absolute;
  padding: 20px 10px 10px 10px;
  height: 170px;
  background-image: url("/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/homepage/desktop-tooltip.png");
  background-size: 100% 100%;
  z-index: 1;
}

.dob-text p.pop-up span {
  position: relative;
  top: 15px;
}
.toaster-container .form-reference {
  padding-right: 1rem;
}
.cf-toaster-form {
  max-width: 160px;
}
.cf-toaster-form.active {
  max-width: 650px;
}
.toaster-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 75vh;
}
.cf-toaster-form ::-webkit-scrollbar {
width: 3px;
}
.cf-toaster-form ::-webkit-scrollbar-track {
background: #242F60;
}
.cf-toaster-form ::-webkit-scrollbar-thumb {
background: #ffffff;
}
.cf-toaster-form ::-webkit-scrollbar-thumb:hover {
background: #ffffff;;
}
.toaster-heading :after {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  content: "";
  right: 5px;
  top: 20px;
  background-size: contain;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.toaster-heading.active :after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 12px;
  right: 16px;
}
.cf-toaster-form .toaster-heading button {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  background: none;
  border: none;
width: 100%;
  padding: 10px 0;
}
.cf-toaster-form .toaster-heading {
  padding: 0px;
}
.cf-toaster-form .toaster-heading button:focus {
  outline: 1px solid #ffffff;
  border: 1px solid;
}
.font-10, .font-10 p {
  font-size: 10px !important;
  line-height: 1.5;
}
.checkbox-disclaimer .cmp-cf-form-options__field-description {
  display: unset;
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.cf-toaster-form .form-button button:focus {
  background-color: var(--primary-color);
  transition: right .2s ease-out;
  text-decoration: underline !important;
  border: 2px solid #fff;
}
.cf-toaster-form a:focus {
  color: var(--primary-color);
}
.cf-toaster-form .cf-form-post-submit-message h2 {
  color: #fff;
  font-size: 1.125rem;
}
.required legend:after {
  content: "*";
  color: #E37200;
  padding-right: 5px;
}
.gender-select .error {
  border: 2px solid #e20e17
}
.gender-select fieldset {
  display: unset;
}
@media(max-width:768px) {
  .dob-text p.pop-up {
    background-image: url("/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/homepage/mobile-tooltip.png");
    position: unset;
    width: 100%;
  }

  .thankyou-msg p {
    font-size: 15px;
  }
}
.product-article-filter-wrapper {
    margin-bottom: 30px;
}

.product-article-filter-description {
    margin-bottom: 30px;
    display: none;
}

#product-article-filter {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

@media (max-width:991px){
    #product-article-filter{
        flex-direction: column;
    }
}

#product-article-filter .article-filter-dropdown {
    display: flex;
    flex-direction: column;
    flex: 1;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

#product-article-filter .active-article-filter > .filter-selected-option,
#product-article-filter .hover-article-filter > .filter-selected-option,
#product-article-filter .filter-selected-option:hover {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    border: 2px solid transparent;
    color: #fff;
}

#product-article-filter .hover-article-filter > .filter-selected-option::after {
    transform: rotate(180deg);
}

#product-article-filter .filter-selected-option::after {
    content: "\f0d7";
    position: absolute;
    right: 30px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 1.875rem;
    color: var(--secondary-color);
}

#product-article-filter .filter-reset-button .filter-selected-option::after {
    content: none;
}

#product-article-filter .hover-article-filter > .filter-options-list {
    display: block;
}

#product-article-filter .filter-selected-option {
    position: relative;
    padding: 10px;
    cursor: pointer;
    border-bottom-right-radius: 30px;
    border: 2px solid var(--secondary-color);
    margin-bottom: 10px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 28px;
    background: transparent;
}

#product-article-filter .filter-selected-option:focus-visible{
    outline: 1px solid blue !important;
}

#product-article-filter .filter-options-list {
    list-style: none;
    padding: 0px !important;
    margin: 0px;
    display: none;
    z-index: 1;
}

#product-article-filter .filter-options-list li {
    padding: 10px;
    cursor: pointer;
    margin: 0px;
    border-bottom-right-radius: 30px;
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
    margin-bottom: 10px;
    font-weight: bold;
}

#product-article-filter .filter-options-list li:hover {
    background-color: #f0f0f0;
}

#product-article-filter .filter-options-list li:focus-visible{
    outline: 1px solid blue !important;
}
/* Overwrites */
.quiz-ca-results-container {
  display: none;
}

.quiz-ca-further-article .reference-custom-article-teaser {
  margin: 0px !important;
}
.quiz-ca-further-article .reference-custom-article-teaser .img-responsive {
  padding-top: 0px !important;
}

.quiz-ca-video-description {
  padding-left: 15px;
}

.quiz-ca-user-profile{
  padding: 30px;
  box-sizing: border-box;
}
.quiz-ca-user-profile li > span {
  display: block !important;
  color: #242F60;
  text-align: left;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.quiz-ca-user-profile .arrow-after{
  margin-top: 25px;
  color:  #242F60;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  text-decoration-line: underline;
}
.quiz-ca-user-profile h2{
  color: #242F60;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.quiz-ca-user-profile .quiz-ca-selected-category{
  color:  #E37200;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  text-transform: none;
}

.quiz-ca-video-description p:nth-child(1){
  color: #242F60;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.6px;
  line-height: 20px;
  font-size: 16px;
  margin-top: 15px;
}
.quiz-ca-video-description p:nth-child(2) {
  color: #323131;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.6px;
  line-height: 32px;
  font-size: 22px;
  margin: 10px 0px;
}
.quiz-ca-video-description p:nth-child(3) {
  color: #323131;
  font-family: 'DiodrumVoltaren', sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.6px;
  line-height: 34px;
  font-size: 16px;
}

.quiz-ca-recommended-product-image {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 60px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.quiz-ca-recommended-product-description .button-learn-more {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none !important;
}

.flex-item {
  display: flex;
}

.flex-all-child,
.flex-all-child .inner,
.flex-all-child .component-content,
.flex-all-child .paragraphSystem {
  display: flex;
}

.flex-all-child-with-wrap,
.flex-all-child-with-wrap .inner,
.flex-all-child-with-wrap .component-content,
.flex-all-child-with-wrap .paragraphSystem {
  flex-wrap: wrap;
}
.padding-right-15 {
  padding-right: 15px;
}

.video-ca-content .video{
  max-height: 460px !important;
}
.video-ca-content iframe{
  min-height: 405px !important;
  height: unset !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.video-ca-transcript-block{
  display: none;
  background-color: #fff;
  padding: 15px;
  display: flex;
  flex-direction: column;
  margin-top: -10px;
  display: none;

}

.video-ca-transcript-button {
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  color: var(--secondary-color);
  align-self: flex-end;
}

.video-ca-transcript-text {
  max-height: 300px;
  overflow: auto;
  display: none;
}

@media (min-width: 992px) {

  .quiz-ca-video-description {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding-left: 4rem;
  }

  .quiz-ca-video-box .paragraphSystem:nth-child(1){
    display: flex;
  }

  .quiz-ca-video-description p:nth-child(1){
    margin-top: 0px;
  }

  .quiz-ca-user-profile{
    padding: 40px 90px;
    box-sizing: border-box;
  }
  .quiz-ca-user-profile li > span {
    display: block !important;
    color: #242F60;
    font-family: 'DiodrumVoltaren', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
  }
  .quiz-ca-user-profile .arrow-after{
    color: #242F60;
    font-family: 'DiodrumVoltaren', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-decoration-line: underline;
    margin-top: 30px;
  }
  .quiz-ca-user-profile h2{
    color: #242F60;
    font-family: 'DiodrumVoltaren', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }
  .quiz-ca-user-profile .quiz-ca-selected-category{
    color: #E37200;
    font-family: 'DiodrumVoltaren', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 30px;
    text-transform: none;
  }
}
a.buy-now-button {
    display: inline-block;
    float: none;
    width: auto;
    min-width: 110px;
    vertical-align: middle;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    cursor: pointer;
    background-color: #242f60;
    border-color: #242f60;
    border-style: solid;
    border-width: 0;
    border-radius: 50px/5px;
    color: #ffffff;
    padding: 0 8px;
    text-align: center;
}

a.buy-now-button:hover {
    background-color: #e86215;
    border-color: #e86215;
    color: #ffffff;
}

a.buy-now-button span {
    font-family: 'DiodrumVoltaren', sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600;
}
.contact-wrapper .heading {
  line-height: 1.2;
  font-size: 2.99925rem;
  font-weight: 600;
}
.contact-wrapper .sub-heading {
  font-size: 1.125rem;
  font-weight: 500;
}
.contact-wrapper .contact-item {
  display: flex !important;
  align-items: center;
  border: none;
}
.contact-wrapper .contact-item .grey-circle {
  background: #b3b3b3;
  text-align: center;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-wrapper .contact-item .grey-circle img {
  width: 25px;
}
.contact-wrapper .ext-link {
  border-bottom: 1px solid #323131;
  color: inherit;
}
.contact-wrapper .ext-link:hover {
  text-decoration: none;
  background: #323131;
  color: #ffffff;
}
.contact-wrapper .default-icon > .removePopUp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #323131;
  border-radius: 50%;
  margin: 0 0 0 5px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
.contact-wrapper .default-icon > .removePopUp img {
  width: auto;
  height: 16px;
  text-align: center;
}
/* Locale specific code | add if required*/
.theme-font-color {
  color: #323131 !important;
}
.visibility-hide {
  visibility: hidden;
}
.contact-wrapper .contact-list.margin-0-left-mb {
  padding-left: 0 !important;
}
/* Locale specific code */
@media (max-width: 767px) {
  .contact-wrapper .heading {
    font-size: calc(26px + 1.7991vw);
  }
  .contact-wrapper .contact-item {
    padding: 10px;
    border-radius: 4px;
    background: #f5f5f5;
  }
  .contact-wrapper .contact-item .grey-circle {
    margin-right: 10px;
    margin-left: 8px;
  }
  
}
@media (min-width: 767px) {
  .contact-wrapper .contact-item .grey-circle{
    margin-right: 16px;
  }
}
.disc-mob-width{
  transform: translateX(-100%);
  min-width: 100vw;
  left: 100%;
  margin-left: 16px;
}
/* Locale specific code */
.btn-video {
    padding-bottom: 3px;
    
    a {
        text-decoration: none !important;
        padding-top: 1.1rem;
        padding-right: 4rem;
    }

    @media (max-width: 768px){
        .richText-content {
            padding-bottom: 3px;
        }
    }
}

.body-copy.video-text {
    line-height: 30px;
}@media only screen and (min-width: 992px) {
  .d-block-d {
    display: block;
  }
}
@media only screen and (min-width: 1601px) {
  .carousel-home-gb
    .main-banner.first
    .first-image
    .component-content.left
    img {
    transform: translateX(calc(100px));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) {
  .carousel-home-gb
    .main-banner.first
    .first-image
    .component-content.left
    img {
    transform: translateX(calc(100vw - 1300px));
  }
}

:lang(de-DE) {
  .products-carousel.carousel-full-width {
    @media (max-width: 991px) {
      .slick-dots {
        bottom: 5%;
        padding-bottom: 0;
        top: auto;
      }

      .carousel-slides .carousel-slide:nth-child(2), 
      .carousel-slides .carousel-slide:first-child {
        padding-bottom: 0 !important;
      }

      .main-banner {
        .richText {
          z-index: 100;
          position: absolute;
        }
        .richText:nth-of-type(1) {
          top: 58%;
        }
        .richText:nth-of-type(2) {
          top: auto;
          bottom: 5%;
        }
      }
    }
  }
}

.products-carousel {
    @media (min-width: 992px) {
      .slick-list.draggable {
        max-height: 660px;
      }
    } 

  @media (max-width: 991px) {
    .carouselSlide img {
      min-width: unset !important;
      max-width: 100vw;
      margin: 0 !important;
    }  
    .button-learn-more {
      padding: 1vw 4vw !important;
      font-size: 2vw;
    }
  }

  .main-banner  {
    .hp-carousel-text { 
      width: 100%;
      height: fit-content;
      bottom: 10px;
      top: auto;
      transform: translateX(-50%);

      @media (max-width: 991px) {
        transform: none;
      }
    }
    .richText {
      padding-left: 0;
      display: flex;
      justify-content: center;

      @media (max-width: 991px) {
        justify-content: start;
        padding-right: 0;
        padding-left: 11.75%;
      }

      p {
        text-align: center;
        width: fit-content;
        padding: 0;
      }
    }
  }
}/* Fluid layout + dots aligned to hero image (JS keeps ul under .carousel, updates coordinates — no reparent per slide) */

@media only screen and (max-width: 767px) {
  /* Containing block for absolutely positioned ul.slick-dots (one stable parent; JS updates top/left/width) */
  .carousel.carousel--mobile-images {
    position: relative;
  }

  .carousel.carousel--mobile-images .main-banner .component-content.left {
    min-width: 0;
    min-height: 0;
    width: 100%;
    max-width: 100%;
  }

  .carousel.carousel--mobile-images .carouselSlide img,
  .carousel.carousel--mobile-images .carousel-slides img {
    display: block;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    object-fit: contain;
  }

  .carousel.carousel--mobile-images.carousel-homepage {
    max-height: none;
  }

  .carousel.carousel--mobile-images.carousel-homepage > .component-content {
    max-height: none;
  }

  .carousel.carousel--mobile-images.carousel-homepage .slick-list.draggable {
    max-height: none;
  }

  .carousel.carousel--mobile-images .carouselSlide figure,
  .carousel.carousel--mobile-images .main-banner .image .component-content {
    width: 100%;
    max-width: 100%;
  }

  .carousel.carousel--mobile-images picture {
    display: block;
    width: 100%;
  }

  /* Image column still relative for stacking context if needed */
  .carousel.carousel--mobile-images .main-banner .image > .component-content {
    position: relative;
  }

  /* ul lives under .carousel on mobile; top/left/width set in carousel-mobile-images.js */
  .carousel.carousel--mobile-images > ul.slick-dots {
    margin: 0 !important;
    padding: 10px 16px 14px;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    transform: none !important;
    transform-origin: unset !important;
    text-align: center;
    list-style: none;
    z-index: 5;
    pointer-events: none;
    border-bottom: none !important;
    box-sizing: border-box;
  }

  .carousel.carousel--mobile-images > ul.slick-dots li {
    pointer-events: auto;
  }

  .carousel.carousel--mobile-images .main-banner .slick-dots {
    border-bottom: none !important;
  }
}
.page-gewinnspiel {
    --secondary-color : #242F60;

    .Content > .image,
    .Content > .box {
        margin: 2rem 0;
    }

    .main-banner-container figcaption{
        max-width: 1456px;
        top: 42%;
        right: 7%;
        margin-bottom: 0;

        h1 {
            margin-bottom: 1rem;
            width: 40%;
        }

        .h1-styles {
            color: #FF7700;
            font-size: clamp(2rem, 3vw, 3rem);
            line-height: clamp(2rem , 3vw, 3rem);
            font-weight: 700;
        }

        .introduction-text-banners {
            display: inline-block;
            width: 34%;
            font-size: clamp(1rem, 3vw, 1.25rem);
            color: var(--secondary-color);
            line-height: clamp(1.2rem, 2vw, 1.5rem);
        }

        .banner-text {
            margin-bottom: 3.5rem;
            padding-top: 0;
        }
    }

    .only-mobile-container {
        display: none;
    }

    .form-container {
        margin-top: 0;

        .key-line {
            text-align: left;
        }
    }

    #formSection {
        padding-top: 8rem;
    }

    .db-bg-container > .component-content,
    .form-container > .component-content,
    .orange-bg-container > .component-content {
        max-width: 1680px;
    }

    .db-bg-container {
        margin-bottom: 0;
    }

    .db-bg-container > .component-content {
        min-height: 417px;
        margin-top: 0;
        background-size: 100% 100%;

        & > .paragraphSystem {
            height: 100%;
            padding: 3rem;
        }

        & > .paragraphSystem > div:nth-of-type(1) {
            margin-top: 1rem;

            p.text-white {
                font-size: clamp(1rem, 2vw, 1.3rem);
                font-weight: 500;
            }
        }

        img {
            width: 67%;
        }

        .image {
            padding-top: 0.5rem;
        }

        .white-bg.last img {
            width: 55%;
        }

        .white-bg {
            & > .component-content > .paragraphSystem {
                display: flex;
                margin: 1rem 3rem 0.5rem 0;
            }

            .text-white {
                line-height: clamp(1rem, 2vw, 1.3rem);
            }

            .header .banner-tagline {
                font-size: clamp(1rem, 3vw, 1.5rem);
                font-weight: 500;
                line-height: 1.5rem;
            }

            .banner-tagline {
                font-size: clamp(.7rem, 2vw, 1rem);
            }

            p {
                line-height: 1rem;
            }

            p:nth-of-type(3) {
                margin-top: 1rem;
            }
        }
    }

    .orange-bg-container > .component-content {
        background-size: 100% 100%;

        & > .paragraphSystem {
            height: 100%;
            padding: 4rem 3rem;
            background-size: 100%;

            .richText span {
                color: white;
            }

            & > .image {
                position: absolute;
                right: 6.25vw;
            }

            & > div:nth-of-type(3) {
                margin: 3rem 0;

                .richText:first-of-type {
                    margin: 2rem 0;
                    min-height: 108px;

                    p {
                        font-size: clamp(1rem, 2vw, 1.7rem);
                        line-height: clamp(1.3rem, 2vw, 2rem);
                    }
                }

                .image {
                    min-height: 239px;
                }

                .banner-tagline {
                    color: var(--secondary-color);
                    font-weight: 300;
                }
            }
        }

    }

    .video-container {
        padding-bottom: 5rem;

        .richTextEnhanced {
            width: 100%;
        }

        .parametrizedhtml {
            margin-top: 2rem;
        }

        h2 {
            padding: 0 13rem 30px 13rem;
        }

        .banner-tagline {
            font-size: 28px;
            line-height: 32px;
        }
    }

    .h2-styles {
        color: var(--secondary-color);
        font-size: clamp(2rem, 2vw, 3rem);
        line-height: clamp(2rem, 2vw, 2.5rem);
        font-weight: 700;
    }

    .button-learn-more {
        background-color: #00068E;
        padding-left: 20px;
        padding-right: 20px;
    }

    .button-learn-more:after {
        display: none;
    }

    .form-container > .component-content {
        margin: 0 auto;
        width: 100%;
    }

    .dt-break {
        display: block;
    }

    @media screen and (min-width: 1921px) {
        .hero-banner-simple:nth-of-type(2) figcaption {
            left: 33%;
        }
    }

    @media only screen and (max-width: 1600px) and (min-width: 992px) {
        .hero-banner-simple figure img {
            min-width: 768px;
            max-width: none;
            transform: none;
        }
    }

    @media screen and (max-width: 1300px) {
        .hero-banner-simple figcaption {
            right: -3%;
            top: 38%;

            .banner-text {
                margin-bottom: 1rem;
            }
        }

        .orange-bg-container > .component-content > .paragraphSystem > .image {
            right: 0;
        }
    }

    @media screen and (max-width: 991px) {
        .main-banner-container figure{
            display: flex;
            flex-direction: column-reverse;

            figcaption {
                padding: 0;

                .introduction-text-banners {
                    width: 100%;
                    text-align: center;
                }

                img {
                    width: 100vw;
                    min-width: 0;
                }

                h1 {
                    width: 100%;
                    text-align: center;
                }

                .banner-text:nth-of-type(2) {
                    text-align: center;
                }
            }
        }

        .main-banner-container + .image picture {
            width: 100%;
            text-align: center;
        }
    }

    @media screen and (max-width: 768px) {
        .dt-break {
            display: inline-block;
        }

        .Content {
            padding: 0 5px;
        }

        .Content > .image,
        .Content > .box {
            margin: 0;
        }

        .main-banner-container figure{
            display: flex;
            flex-direction: column-reverse;

            figcaption {
                padding: 0;

                .introduction-text-banners {
                    width: 100%;
                    text-align: center;
                }

                img {
                    width: 100vw;
                    min-width: 0;
                }

                h1 {
                    width: 100%;
                    text-align: center;
                }

                .banner-text:nth-of-type(2) {
                    text-align: center;
                    /*position: absolute;*/
                    /*top: 84%;*/
                    /*right: 32%;*/
                }
            }
        }

        .main-banner-container,
        .hide-on-dt {
            margin: 0 !important;
        }

        .db-bg-container > .component-content {
            background-image: url('/content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/desktop/uefa-landing/funktioniert-mobile-blue-bg.jpg') !important;
            background-size: 100% 100%;
            margin-top: 1.5rem;

            & > .paragraphSystem {
                padding: 2rem 0;
                margin: 0 1rem;
            }

            .text-white {
                margin-bottom: 1rem;
                line-height: 21px;
            }

            .richText-content {
                text-align: center;
            }

            & > .paragraphSystem > div:nth-of-type(1) {
                margin: 0;
            }

            .white-bg {
                margin: 0.2rem 0;

                & > .component-content > .paragraphSystem {
                    margin: 0;
                }

                .image {
                    width: 21%;
                    margin: 1rem .5rem;
                    padding: 0;
                }

                p {
                    line-height: 14px;
                    margin-top: .3rem;

                    span {
                        font-size: .64rem;
                    }
                }

                .richText-content {
                    text-align: left;
                    margin-top: .5rem;
                }
            }

            .white-bg.last {
                margin-bottom: 1.5rem;
                .image {
                    width: 18%;
                }
            }

            .header {
                margin-bottom: .25rem;
            }

            .h2-styles {
                margin-bottom: .8rem;
            }
        }

        #formSection {
            padding-top: 5rem;
        }



        .orange-bg-container {
            & > .component-content {
                background-image: url('/content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/desktop/uefa-landing/orange-background-mobile.jpg') !important;
                padding-bottom: 2rem;
            }

            & > .component-content > .paragraphSystem {
                padding: 1rem 3rem;
            }

            .richText-content {
                text-align: center;
            }

            .h1-styles {
                font-size: 2.5rem;
            }

            & > .component-content > .paragraphSystem >div:nth-of-type(3) {
                margin: 0;
                padding-bottom: 2rem;

                .richText:first-of-type {
                    min-height: auto;
                    margin-top: 3rem;
                    margin-bottom: 1.5rem;
                }

                .button-learn-more {
                    font-size: .8rem;
                    text-transform: uppercase;
                    padding: 16px 19px;
                }

                .button-learn-more::after {
                    display: none;
                }

                .image {
                    min-height: auto;

                    picture {
                        display: flex;
                        justify-content: center;
                    }
                }

                .richText:nth-of-type(4) {
                    position: absolute;
                    top: 98%;
                    left: 0%;

                    .richText-content {
                        text-align: left;
                    }

                    span {
                        font-size: .8rem;
                    }
                }
            }
        }

        .video-container {
            box-shadow: none;
            padding-bottom: 0;

            h2 {
                padding: 1rem 0;
            }

            .banner-tagline {
                font-size: clamp(20px, 2vw, 28px);
                line-height: clamp(20px, 2vw, 32px);
            }
        }

        .Content > div:nth-child(8) {
            h2 {
                padding-top: 1rem;
            }
        }
    }

    @media screen and (max-width: 500px) {
        .main-banner-container .banner-text:nth-of-type(2) {
            right: 36%;
        }

        .hero-banner-simple.image {
            .banner-text:nth-of-type(2) {
                top: 84%;
                right: 14%;
            }
        }

        .orange-bg-container > .component-content > .paragraphSystem > div:nth-of-type(3) .richText:nth-of-type(4){
            left: -2%;
            top: 95%;

            span {
                font-size: .51rem
            }
        }

        .db-bg-container > .component-content img {
            width: 91% !important;
        }
    }
}
.product-compare-filter {
  display: none;
}
.page-voltadexibu #content {
  margin-top: 0px !important;
}
.page-voltadexibu .dark-blue-bg {
  background: rgba(28, 37, 76, 1);
}

.page-voltadexibu .container-teaser .accordion-header {
  margin-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 992px) {
  .page-voltadexibu .container-teaser .accordion-header {
    margin-bottom: 30px;
    padding-top: 88px;
  }
}
.page-voltadexibu .container-teaser .accordion-header .h2-styles {
  font-size: 31px;
  line-height: 1.3;
  font-weight: 700;
  color: #f5f5f5;
}
@media (min-width: 992px) {
  .page-voltadexibu .container-teaser .accordion-header .h2-styles {
    font-size: 43px;
    line-height: 1.4;
  }
  .page-voltadexibu .container-teaser .accordion-header h2 {
    position: relative;
    padding-bottom: 16px;
    text-align: center;;
  }
}
.page-voltadexibu .container-teaser .accordion-slide {
  background: rgba(157, 157, 157, 0.2);
}
.page-voltadexibu .dark-blue-bg .container-teaser .accordion-title-text {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  font-style: normal;
  color: rgba(245, 245, 245, 1);
}

.page-voltadexibu .dark-blue-bg .container-teaser .accordion-content p .body-copy {
  font-size: 14px;
}

@media (min-width: 992px) {
  .page-voltadexibu .dark-blue-bg .container-teaser .accordion-title-text {
    font-size: 18px;
  }

  .page-voltadexibu .dark-blue-bg .container-teaser .accordion-content p .body-copy {
    font-size: 18px;
  }

  .page-voltadexibu .container-teaser .accordion-slide::after {
    left: 0;
    right: 0;
    margin: 0;
    width: 92%;
  }
}

@media (min-width: 1200px) {
  .page-voltadexibu .container-teaser .accordion-slide::after {
    left: 0;
    right: 0;
    margin: 0;
    width: 92%;
  }
}

.page-voltadexibu .reference-regulatory-box #regulatory {
  color: #ffffff;
}

.page-voltadexibu .reference-regulatory-box .read-more-lines .text {
  color: #ffffff;
}

.page-voltadexibu .reference-regulatory-box .read-more-end p {
  color: #ffffff;
}

@media (min-width: 992px){
  .voltadexibu-compare-products-dropdown {
    margin-right: 12%;
  }
}

@media (min-width: 1200px) {
  .voltadexibu-compare-products-dropdown {
    margin-right: 200px;
  }
}


.reference-voltadexibu-compare-item .comparison-card .comparison-product-cta a {
  text-decoration: underline;
}

.comparison-section-with-cta-href  {
  text-decoration: underline;
}

@media (max-width: 992px){
  .voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
    right: -54%;
  }
}

/*product-compare block styles*/
.page-voltadexibu .voltadexibu-pain-cards + .box.component .title .title-heading {
  font-size: 31px;
  font-weight: 700;
  line-height: 1.3;
  color: #001A68;
  text-align: center;
}

@media (min-width: 992px){
  .page-voltadexibu .voltadexibu-pain-cards + .box.component .title .title-heading {
    font-size: 43px;
    line-height: 1.4;
  }
}

.page-voltadexibu .voltadexibu-pain-cards + .box.component .font-large {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #001A68;
  text-align: center;
  margin-top: 12px;
}

@media (min-width: 992px){
  .page-voltadexibu .voltadexibu-pain-cards + .box.component .font-large {
    font-size: 28px;
    line-height: 1.4;
  }
}

.page-voltadexibu .voltadexibu-pain-cards + .box.component .font-small {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  margin: 24px 0;
  color: #001A68;
}

@media (min-width: 992px){
  .page-voltadexibu .voltadexibu-pain-cards + .box.component .font-small {
    font-size: 18px;
    line-height: 1.4;
    margin: 48px 0;
  }
}
.voltadexibu-comparison-container > .component-content > .paragraphSystem.content{
  display: flex;
  justify-content: space-between;
  max-width: 1071px;
  margin-top: 50px;
}
.voltadexibu-comparison-card{
  display: none;
  width: 50%;
  max-width: 508px;
  flex-grow: 1;
}
.voltadexibu-comparison-card.first {
  padding-right: 16px;
}
@media (min-width: 1060px){
  .voltadexibu-comparison-card.first {
    padding-right: 0;
  }
}
.voltadexibu-comparison-main-card,
.voltadexibu-comparison-main-card + .voltadexibu-comparison-card{
  display: flex;
}
.comparison-card{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.comparison-product-image-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.comparison-product-image{
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comparison-product-subtitle{
  display: none;
}
.comparison-product-title{
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: #001A68;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.comparison-product-title span {
  font-size: 18px;
  line-height: 1.3;
}
.voltadexibu-comparison-main-card .label-neu img {
  width: 135px;
  height: 75px;
  max-height: none;
  margin-top: -10px;
}
@media (min-width: 992px){
  .voltadexibu-comparison-main-card .label-neu img {
    max-height: none;
    width: 360px;
    margin-top: -35px;
    height: 200px;
  }
}
.comparison-product-cta > a{
  font-size: 11px;
  line-height: 14.3px;
  margin-top: 10px;
  display: block;
  font-weight: 400;
  color: #001A68;
}
.comparison-section-with-silver-bg{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.comparison-section-with-silver-bg-icon{
  width: 100%;
  max-width: 56px;
}
.comparison-section-with-silver-bg-title{
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 700;
  text-align: center;
  color: #001A68;
  display: flex;
  flex-direction: column;
}
.comparison-section-with-silver-bg-title span.hide-on-dt {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
.comparison-section-with-silver-bg-content{
  font-size: 14px;
  line-height: 21px;
  padding: 6px;
  margin-top: 14px;
  border-radius: 6px;
  width: 100%;
  background-color: #F5F5F5;
  font-weight: 400;
  color: #001A68;
}
.comparison-section-with-silver-bg-content > b,
.comparison-section-with-silver-bg-content > strong{
  font-weight: 700;
}
.comparison-section-with-cta{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.comparison-section-with-cta-image{
  width: 100%;
  max-width: 48px;
}
.comparison-section-with-cta-href>a{
  font-size: 14px;
  line-height: 21px;
  display: inline;
  font-weight: 700;
  text-align: center;
  color: #001A68;
}
.comparison-section-with-cta-href > b{
  color: #001A68;
}
.comparison-section-with-silver-bg-icon-wrapper {
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.voltadexibu-comparison-card .comparison-section-with-silver-bg-icon-wrapper {
    opacity: 0;
}
.voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
    opacity: 1;
    float: right;
    right: -50%;
    position: relative;
}
@media (max-width: 992px){
  .voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
    right: -54% !important;
  }
}
@media (min-width: 992px) {
  .voltadexibu-comparison-card .comparison-section-with-silver-bg-icon-wrapper {
      opacity: 1;
  }
  .voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
      opacity: 1;
      float: unset;
      right: unset;
      position: unset;
  }
  .comparison-section-with-silver-bg{
    margin-top: 50px;
  }
  .comparison-section-with-silver-bg-icon{
    max-width: 80px;
  }
  .comparison-product-image{
    width: 100%;
    height: 174px;
  }
  .comparison-product-title{
    font-size: 43px;
    line-height: 1.4;
    margin-top: 24px;
  }
  .comparison-product-title span {
    font-size: 28px;
    line-height: 1.4;
  }
  .comparison-product-cta > a{
    font-size: 14px;
    line-height: 19.6px;
    margin-top: 20px;
  }
  .comparison-section-with-silver-bg-title{
    font-size: 28px;
    line-height: 39.2px;
  }
  .comparison-section-with-silver-bg-content{
    font-size: 18px;
    line-height: 25.2px;
    padding: 16px;
    margin-top: 24px;
    border-radius: 8px;
  }
  .comparison-section-with-silver-bg-content > b,
  .comparison-section-with-silver-bg-content > strong{
    font-weight: 700;
  }
  .comparison-section-with-cta{
    margin-top: 60px;
  }
  .comparison-section-with-cta-image{
    max-width: 80px;
  }
  .comparison-section-with-cta-href>a{
    font-size: 18px;
    line-height: 25.2px;
  }
}

/* DROPDOWN */
.voltadexibu-compare-products-dropdown-wrapper{
  display: flex;
  justify-content: end;
  user-select: none;
}





.voltadexibu-compare-products-dropdown {
  position: relative;
  display: inline-block;
  min-width: 160px;
}

@media (min-width: 767px){
  .voltadexibu-compare-products-dropdown {
    min-width: 230px;
  }
}
.voltadexibu-dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  background-color: #242F60;
  color: #fff;
  border-radius: 8px;
  padding-right: 40px;
}
.voltadexibu-dropdown-header.active {
  border-radius: 8px 8px 0 0;
}
.voltadexibu-dropdown-arrow {
  transition: transform 0.3s;
  color: #FF671F;
  font-size: 32px;
}
.voltadexibu-dropdown-menu {
  display: none;
  position: absolute;
  top: 97%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #323131;
  color: #fff;
  z-index: 1000;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.voltadexibu-dropdown-value {
  font-size: 14px;
}
@media (min-width: 767px){
  .voltadexibu-dropdown-value {
    font-size: 18px;
  }
}

.voltadexibu-dropdown-value::after {
  content: "\f078";
  position: absolute;
  right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  color: var(--primary-color);
  transition: transform 0.3s;
}
.voltadexibu-dropdown-header.active .voltadexibu-dropdown-value::after {
  transform: rotate(-180deg);
}
.voltadexibu-dropdown-item {
  padding: 10px;
  cursor: pointer;
}
.voltadexibu-dropdown-item:hover {
  background-color: #524f4f;
}
/* ========== Header styles ========== */

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .hidden-xs {
    display: none !important;
  }
}

.page-voltadexibu #header {
  padding: 0 !important;
  background: #fff;
}

.page-voltadexibu .reference-voltadexibu-header {
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: #fff;
}

.page-voltadexibu .reference-voltadexibu-header .inner > .component-content {
  margin: 0;
}

.page-voltadexibu .promo-header {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 12px 10px;
  min-height: 88px;
  height: auto;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.page-voltadexibu .promo-header .image .left {
  display: flex;
}

@media (min-width: 480px) {
  .page-voltadexibu .promo-header {
    padding: 12px 16px;
  }
}

@media (min-width: 1440px) {
  .page-voltadexibu .promo-header {
    padding: 12px 48px 0 48px;
    min-height: 138px;
    box-shadow: none;
  }
}

.page-voltadexibu .promo-header > .component-content > .content {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
  margin: 0;
}

.page-voltadexibu .promo-header .logo-box {
  padding: 0;
  min-width: 130px;
  order: 2;
  z-index: 10;
  display: none;
  margin-top: 13px;
}

@media (min-width: 1440px) {
  .page-voltadexibu .promo-header .logo-box {
    min-width: 260px;
  }
}

.page-voltadexibu .promo-header .logo-box img {
  width: 130px;
  height: 41px;
}

@media (min-width: 1440px) {
  .page-voltadexibu .promo-header .logo-box img {
    width: 260px;
    height: 82px;
  }
}

@media (min-width: 960px) {
  .page-voltadexibu .promo-header .logo-box {
    display: flex;
  }
}

.page-voltadexibu .promo-header .logo-box > .component-content > .content {
  margin: 0;
}

.page-voltadexibu .promo-header .logo-box .image {
  width: 130px;
  height: auto;
  padding: 0;
}

@media (min-width: 1440px) {
  .page-voltadexibu .promo-header .logo-box .image {
    width: 260px;
    height: auto;
    padding: 0;
  }
}


@media (max-width: 992px) {
  .page-voltadexibu .logo-box-mob {
    order: 2;
    position: absolute;
    left: -27px;
    right: 0;
    justify-self: center;
    top: 43px;
    width: 130px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
  }
}

.page-voltadexibu .logo-box-mob .image {
  width: 159px;
  height: 39px;
  padding: 0;
}

@media (min-width: 960px) {
  .page-voltadexibu .promo-header .logo-box-mob {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .page-voltadexibu .mobile-menu {
    flex: 1 0 auto;
    order: 3;
  }
}
@media (max-width: 480px) {
  .page-voltadexibu .reference-voltadexibu-buy-button {
    height: 40px;
  }
}

.page-voltadexibu .mobile-menu {
  order: 2;
}

.page-voltadexibu .mobile-menu > .component-content > .content {
  margin: 0;
}

.page-voltadexibu .mobile-menu .mobile-menu-container {
  display: flex;
  flex-direction: column;
  gap: 67px;
  margin: 0;
  padding: 67px 0 118px;
  overflow: auto;
  position: fixed;
  left: -100%;
  top: 0;
  height: 100vh;
  width: 100%;
  transition: all 0.2s linear;
  list-style: none;
  z-index: 100;
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/product/voltadexibu/compare/mobile-bcg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.page-voltadexibu .mobile-menu-container .voltadexibu-logo-burger img {
  position: fixed;
  left: -100%;
}

#menuToggle:checked ~ .mobile-menu-container .voltadexibu-logo-burger img {
  top: 58px;
  left: 50%;
  transition: all 0.2s linear;
  transform: translateX(-50%);
}


@media (min-width: 480px){
  #menuToggle:checked ~ .mobile-menu-container .voltadexibu-logo-burger img {
    top: 48px;
  }
}



.page-voltadexibu .mobile-menu .mobile-menu-container li {
  margin-left: 7px;
  text-align: right;
}

.page-voltadexibu .mobile-menu .mobile-menu-container li a {
  padding: 0 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  color: #fff;
  letter-spacing: 0;
}

.page-voltadexibu .mobile-menu .mobile-menu-container li a img {
  margin-left: 10px;
  margin-bottom: -4px;
}

.page-voltadexibu .mobile-menu .mobile-menu-container .line-decor {
  position: relative;
}

.page-voltadexibu .mobile-menu .mobile-menu-container .line-decor::after {
  content: "";
  position: absolute;
  top: 59px;
  right: 25px;
  background-color: #fff;
  width: 41px;
  height: 1px;
}

.page-voltadexibu .mobile-menu .reference-voltadexibu-mobile-menu {
  width: fit-content;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}

.page-voltadexibu
  .mobile-menu
  .reference-voltadexibu-mobile-menu
  .component-content {
  display: flex;
}

.page-voltadexibu .mobile-menu .mobile-menu-label {
  display: inline-block;
  margin: 0 16px 0 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
}

.page-voltadexibu #menuToggle {
  opacity: 0;
  width: 24px;
  height: 26px;
  order: 2;
}

.page-voltadexibu .mobile-menu .menu-btn {
  position: absolute;
  order: 1;
  z-index: 101;
}

#menuToggle:checked ~ .menu-btn {
  position: fixed;
}

.page-voltadexibu .mobile-menu .menu-btn > span {
  display: inline-block;
  z-index: 10;
}

.page-voltadexibu .mobile-menu .menu-btn > span.mobile-menu-icon,
.page-voltadexibu .mobile-menu .menu-btn > span.mobile-menu-icon::before,
.page-voltadexibu .mobile-menu .menu-btn > span.mobile-menu-icon::after {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 6px;
  background-color: #011c72;
  border-radius: 2px;
}

.page-voltadexibu .mobile-menu .menu-btn > span.mobile-menu-icon {
  top: 50%;
  transform: translateY(-50%);
}

.page-voltadexibu .mobile-menu .menu-btn > span.mobile-menu-icon::before {
  content: "";
  transform: translateY(-9px);
  transition: transform 0.2s linear;
}

.page-voltadexibu .mobile-menu .menu-btn > span.mobile-menu-icon::after {
  content: "";
  transform: translateY(9px);
  transition: transform 0.2s linear;
}

#menuToggle:checked ~ .menu-btn .mobile-menu-icon {
  visibility: hidden;
}

#menuToggle:checked ~ .menu-btn .mobile-menu-icon::before {
  visibility: visible;
  transform: translateY(0) rotate(45deg);
  width: 30px;
  background-color: #fff;
  transition: all 0.3s ease 0s;
}

#menuToggle:checked ~ .menu-btn .mobile-menu-icon::after {
  visibility: visible;
  transform: translateY(0) rotate(-45deg);
  width: 30px;
  background-color: #fff;
  transition: all 0.3s ease 0s;
}

#menuToggle:checked ~ .mobile-menu-container {
  left: 0;
}

.page-voltadexibu .main-navigation {
  display: none;
}

.page-voltadexibu .basket-button-box {
  order: 3;
}

.page-voltadexibu .basket-button-mob {
  background: #001a68;
  padding: 2px 10px;
  border-radius: 65px;
  margin-right: 5px;
}

.page-voltadexibu .basket-button-mob a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.page-voltadexibu .basket-button-mob img {
  width: 16px;
  height: 18px;
  margin-right: 6px;
}

.page-voltadexibu .basket-button-mob span {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}

@media (min-width: 960px) {
  .page-voltadexibu .basket-button-mob {
    display: none !important;
  }
}

.page-voltadexibu .promo-header .component-content .content {
  display: flex;
  align-items: center;
}

@media (max-width: 959px) {
  .page-voltadexibu .promo-header .component-content .content {
    justify-content: space-between;
  }
}

.page-voltadexibu .promo-header .reference-voltadexibu-mobile-menu {
  margin-left: -16px;
}

@media (min-width: 960px) {
  .page-voltadexibu .main-navigation {
    display: flex;
    flex: 1 1 auto;
    margin-top: 15px;
    order: 4;
  }
}

.page-voltadexibu .main-navigation > .component-content {
  width: 100%;
}

.page-voltadexibu .main-navigation > .component-content > .content {
  margin: 0;
}

.page-voltadexibu
  .promo-header
  .main-navigation
  > .component-content
  > .content
  .richText {
  width: 100% !important;
  display: flex;
  justify-content: flex-end;
}

.page-voltadexibu
  .promo-header
  .main-navigation
  > .component-content
  > .content
  .richText
  > .component-content {
  width: 100%;
}

.page-voltadexibu .promo-header .main-navigation ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  list-style: none;
  padding-left: 0px !important;
}

.page-voltadexibu .promo-header .main-navigation ul li {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.page-voltadexibu .promo-header .main-navigation ul li a {
  color: rgb(0, 26, 104);
  font-size: 14px;
  font-weight: 400;
  line-height: 9px;
  text-decoration: none;
}


/* @media (min-width: 1040px){
  .page-voltadexibu .promo-header .main-navigation ul li a {
    font-size: 14px;
  }
} */

@media (min-width: 1440px) {
  .page-voltadexibu .promo-header .main-navigation ul li a {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 1920px) {
  .page-voltadexibu .promo-header .main-navigation ul li a {
    font-size: 18px;
    line-height: 18px;
  }
}

.page-voltadexibu .promo-header .main-navigation ul li:nth-child(2) {
  max-width: 90px;
  text-align: center;
}

.page-voltadexibu .promo-header .main-navigation ul li:nth-child(3) {
  max-width: 125px;
  text-align: center;
}

.page-voltadexibu .promo-header .main-navigation ul li:nth-child(4) {
  max-width: 90px;
  text-align: center;
}

.page-voltadexibu .promo-header .main-navigation ul li:nth-child(5) {
  max-width: 90px;
  text-align: center;
}

.page-voltadexibu .promo-header .main-navigation ul li:nth-child(6) {
  max-width: 90px;
  text-align: center;
}

@media (min-width: 1040px) {
  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(1) {
    max-width: 120px;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(2) {
    max-width: 90px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(3) {
    max-width: 125px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(4) {
    max-width: 110px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(5) {
    max-width: 100px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(6) {
    max-width: 135px;
    text-align: center;
  }
}

@media (min-width: 1440px) {
  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(1) {
    max-width: 120px;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(2) {
    max-width: 115px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(3) {
    max-width: 155px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(4) {
    max-width: 110px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(5) {
    max-width: 100px;
    text-align: center;
  }

  .page-voltadexibu .promo-header .main-navigation ul li:nth-child(6) {
    max-width: 175px;
    text-align: center;
  }
}

.page-voltadexibu .promo-header .product-logo {
  display: flex;
  justify-content: flex-end;
  width: fit-content;
  height: fit-content;
  flex: 1 0 100%;
  order: 1;
  margin-bottom: 8px;
}

@media (min-width: 960px) {
  .page-voltadexibu .promo-header .product-logo {
    margin-bottom: 0px;
  }
}

.page-voltadexibu .promo-header .product-logo .content {
  display: flex;
  align-items: center;
}

.page-voltadexibu .promo-header .product-logo .header-top-link {
  display: none;
}

@media (min-width: 960px) {
  .page-voltadexibu .promo-header .product-logo .header-top-link {
    display: block;
    order: 1;
    margin-right: 8px;
  }
}

.page-voltadexibu .promo-header .product-logo .header-top-link a {
  color: #001a68;
  font-size: 18px;
  font-weight: 400;
}

.page-voltadexibu .promo-header .product-logo .header-link-icon {
  display: none;
}

@media (min-width: 960px) {
  .page-voltadexibu .promo-header .product-logo .header-link-icon {
    display: block;
    order: 2;
    width: 28px;
    height: 28px;
    margin-right: 28px;
  }
}

.page-voltadexibu .promo-header .product-logo .haleon-logo-header {
  order: 3;
  width: 74px;
  height: 20px;
}

@media (min-width: 960px) {
  .page-voltadexibu .promo-header .product-logo .haleon-logo-header {
    width: 123px;
    height: 32px;
  }
}

.page-voltadexibu .promo-header .product-logo .component-content > .content {
  margin: 0;
}


@media (max-width: 400px) {
  .page-voltadexibu .mobile-menu .mobile-menu-container {
    gap: 48px;
  }
  .page-voltadexibu .mobile-menu .mobile-menu-container li:first-of-type {
    margin-top: 12px
  }
  .page-voltadexibu .mobile-menu .mobile-menu-container .line-decor::after {
    top: 42px;
  }
}
/* ========== End Header styles ========== */
#pain-cards-anchor,
#products-anchor,
#dolo-anchor,
#video-wie-wirkt-anchor,
#accordion-anchor {
    height: 0px;
    line-height: 0;
}
.page-products .voltadexibu-pain-cards {
    padding-top: 72px;
    padding-bottom: 48px;
}
.page-products .voltadexibu-pain-cards .vdb-cards-heading {
    font-size: 31px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: white;
    max-width: 1064px;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .page-products .voltadexibu-pain-cards .vdb-cards-heading {
        font-size: 43px;
        line-height: 1.4;
    }
}
.page-products .voltadexibu-pain-cards .vdb-cards-perex {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    max-width: 1064px;
    margin: 8px auto 24px;
    color: white;
}
@media (min-width: 992px) {
    .page-products .voltadexibu-pain-cards .vdb-cards-perex {
        font-size: 28px;
        line-height: 1.4;
    }
}
.page-products .voltadexibu-pain-cards .vdb-cards-paragraph {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    max-width: 1064px;
    margin: 0 auto;
    color: white;
}
.page-products .voltadexibu-pain-cards .vdb-cards-paragraph + ul {
    max-width: 1064px;
    margin: 24px auto 0!important;
    padding-left: 30px !important;
}
.page-products .voltadexibu-pain-cards .vdb-cards-paragraph + ul li {
    margin-bottom: 0;
}
.page-products .voltadexibu-pain-cards .vdb-cards-paragraph + ul li > span {
    position: relative;
}
.page-products .voltadexibu-pain-cards .vdb-cards-paragraph + ul li > span::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: #ffffff;
    position: absolute;
    top: 4px;
    left: -16px;
}
@media (min-width: 992px) {
    .page-products .voltadexibu-pain-cards .vdb-cards-paragraph + ul li > span::before {
        top: 6px;
    }
}
.page-products .voltadexibu-pain-cards .vdb-cards-paragraph + .vdb-cards-paragraph {
    margin-top: 24px !important;
}
@media (min-width: 992px) {
    .page-products .voltadexibu-pain-cards .vdb-cards-paragraph {
        font-size: 18px;
        line-height: 1.4;
    }
}
.page-products .voltadexibu-pain-cards .slick-dots li button {
    border-color: white !important;
    background-color: white !important;
}
.page-products .voltadexibu-pain-cards .carousel .carousel-slides .carousel-slide {
    padding: 24px !important;
}
.page-products .voltadexibu-pain-cards .carousel .carousel-slides  {
    margin-top: 40px;
}
.page-products .voltadexibu-pain-cards .slick-dots {
    text-align: center;
    margin-top: 16px;
}
.page-products .voltadexibu-pain-cards .carouselSlide .image.component.section {
    box-shadow: 2px 4px 10px 0 #00000073;
    background-color: white;
    border-radius: 16px;
    padding: 12px;
}
.page-products .voltadexibu-pain-cards .carouselSlide .image.component.section img {
    width: 172px;
    height: 172px;
}
.page-products .voltadexibu-pain-cards .carouselSlide .image.component.section figcaption p {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    text-align: center;
    color: #001A68;
    margin-top: 42px;
    margin-bottom: 20px;
}
.page-products .voltadexibu-pain-cards .carousel {
    width: 100% !important;
}
.page-products .slick-list {
    margin: 0 -36px !important;
    padding: 0 !important;
}
@media (max-width: 991px) {
    .page-products .voltadexibu-pain-cards .carousel {
        width: calc(100% + 64px) !important;
        margin: 0 -32px;
    }
    .page-products .voltadexibu-pain-cards .carouselSlide .image.component.section {
        aspect-ratio: 1;
    }
    .page-products .voltadexibu-pain-cards .carousel .carousel-slides .carousel-slide {
        padding: 0 !important;
        margin-top: 24px;
    }
    .page-products .voltadexibu-pain-cards {
        padding-top: 48px;
        padding-bottom: 48px;
   }
    .page-products .voltadexibu-pain-cards .carousel .carousel-slides  {
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        max-width: 100%;
    }
    .page-products  .voltadexibu-pain-cards .slick-slide {
        width: 280px;
    }
    .page-products .voltadexibu-pain-cards .slick-list {
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin-top: 24px;
        padding: 0 !important;
    }
    .page-products .voltadexibu-pain-cards .slick-slide {
        transform: scale(0.85);
        transition: transform .3s ease;
    }
    .page-products .voltadexibu-pain-cards .slick-slide.slick-current {
        transform: scale(1);
        z-index:1;
    }
    .page-products .carousel.carousel-pain-cards > .component-content {
        text-align: center;
    }
}
@media (min-width: 1200px) {
    .page-products .slick-list {
        margin: 0 -24px !important;
    }
}
.vdb-box-blue {
    background-color: #001A68;
}

.reference-voltadexibu-autoplay-video-block .component-content {
    line-height: 0;
}

.reference-voltadexibu-autoplay-video-block .component-content video {
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.reference-voltadexibu-youtube-video-block .component-content img {
    object-fit: cover;
}

.richText.component.section.vdb-wirkt-anchor.first.odd.col-xs-12 {
    line-height: 0;
    height: 0;
    margin-top: -1px;
}

body.page-voltadexibu .uwy.userway_p1 .userway_buttons_wrapper {
    top: unset;
    bottom: 80px;
    left: auto;
    right: -25px;
}

body .uwy {
    z-index: 100 !important; /* overrides deafult userway ENORMOUS z-index */
}.test-green {
    color: green;
}

.footer-block {
    width: 100%;
    height: fit-content;
    background: radial-gradient(71.83% 60.2% at 50% 63.2%, #EF973F 0%, #C52727 100%);
    padding: 48px 20px 24px;
    position: relative;
}

.footer-block:before {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(/content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/product/voltadexibu/additional-bg.svg) transparent center / cover no-repeat;
}

@media (min-width: 992px) {
    .footer-block {
        padding: 87px 20px 78px;
    }
}

.footer-block .component-content > .content {
    width: 100%;
    margin: 0 auto;
    max-width: 1380px;
    position: relative;
    z-index: auto;
}

.footer-block .component-content > .content .image figure {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}

.footer-block .component-content > .content .image figcaption {
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .image figcaption {
        margin-bottom: 30px;
    }
}

.footer-block .component-content > .content .image figcaption h2 {
    font-size: 31px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    padding: 0 15px;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .image figcaption h2 {
        font-size: 43px;
        line-height: 1.4;
    }
}

.footer-block .component-content > .content .image picture {
    margin-bottom: 10px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
}

.footer-block .component-content > .content .richText p a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 24px;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    box-sizing: border-box;
    position: relative;
}

.footer-block .component-content > .content .richText p a:before {
    content: "";
    width: 15px;
    height: 21px;
    display: inline-block;
    background: url(/content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/product/voltadexibu/arrow-right.png) transparent center / contain no-repeat;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .richText p a {
        font-size: 18px;
        line-height: 1.4;
        padding: 13px 39px;
        border: 2px solid #FFFFFF;
        border-radius: 30px;
    }

    .footer-block .component-content > .content .richText p a:before {
        width: 29px;
        height: 25px;
    }
}

.footer-block .component-content > .content .richText.last {
    margin-top: 6px;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .richText.last {
        margin-top: 84px;
    }
}

.footer-block .component-content > .content .richText.last .component-content {
    overflow: visible;
}

.footer-block .component-content > .content .richText.last ul {
    list-style: none;
    padding: 12px 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: fit-content;
    margin: 0 auto !important;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .richText.last ul {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }
}

.footer-block .component-content > .content .richText.last ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
}

.footer-block .component-content > .content .vdb-footer-disclaimer {
    font-size: 12px;
    line-height: 1.4;
    color: white;
    max-width: 750px;
    display: block;
    margin: 0 auto;
    padding: 20px 30px;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .vdb-footer-disclaimer {
        font-size: 14px;
    }
}

.footer-block .component-content > .content .richText.last ul li span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (min-width: 992px) {
    .footer-block .component-content > .content .richText.last ul li span {
        font-size: 18px;
        line-height: 1.4;
    }
}

.footer-block .component-content > .content .richText.last ul li span:before {
    content: "";
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    background: url(/content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/product/voltadexibu/check-icon.png) transparent 100% no-repeat;
    margin-right: 12px;
    position: relative;
    top: -3px;
}
.test-red {
    color: red;
}

.page-products #myVideo,
.page-products .videos-container .reference-voltadexibu-autoplay-video-block video.my-video {
    width: 100%;
}

.page-products .reference-voltadexibu-youtube-video-block {
    height: 199vw!important;
}

.page-products .reference-voltadexibu-youtube-video-block:not(.hide-on-mobile):not(.hide-on-dt) {
    height: 56vw!important;
}

.page-products .videos-container .reference-voltadexibu-youtube-video-block .my-video {
    height: 171vw!important;
}

@media (min-width: 481px) {
    .page-products .reference-voltadexibu-youtube-video-block,
    .page-products .videos-container .reference-voltadexibu-autoplay-video-block .my-video {
        height: 56vw!important;
    }

    .page-products .reference-voltadexibu-youtube-video-block.hide-on-mobile,
    .page-products .videos-container .reference-voltadexibu-autoplay-video-block.hide-on-mobile {
        display: block !important;
    }

    .page-products .reference-voltadexibu-youtube-video-block.hide-on-dt,
    .page-products .videos-container .reference-voltadexibu-autoplay-video-block.hide-on-dt {
        display: none !important;
    }
}

.page-products .reference-voltadexibu-youtube-video-block > .component-content,
.page-products .reference-voltadexibu-youtube-video-block > .component-content > .voltadexibu-videoWrapper,
.page-products .reference-voltadexibu-youtube-video-block > .component-content > .voltadexibu-videoWrapper iframe.voltadexibu-youtube-video {
    height: 100% !important;
}


.page-products .reference-voltadexibu-youtube-video-block > .component-content > .voltadexibu-videoWrapper img {
    height: 100% !important;
    width: 100%;
}
.scroll-sequence {
    position: relative;
    background-color: #f04122;
    height: 200vh; /* gets overwritten by js */
}

#pill-1 {
    opacity: 0; /* Initially hidden */
    transition: opacity 1s ease-in-out; /* Smooth transition for opacity */
}

.coral--light .scroll-sequence {
    display: none; /* hide in author mode*/
}

.canvas-wrapper {
    position: sticky;
    top: 0;
    max-width: 100%;
    height: 100vh;
    width: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
}

#pill-1 {
    height: 100%;
    width: auto;
}

.pill-01-preview {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100vh;
    width: auto;
    margin: 0 auto;
    z-index: -1;
    object-fit: cover;
}

/* Sequence Titles */
.sequence-titles {
    position: absolute;
    bottom: min(15vh, 250px);
    text-align: center;
    color: white;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
}

.sequence-titles.is-active {
    opacity: 1;
    transform: translateY(0);
}

.sequence-titles-item {
    font-size: min(58px, 8vh);
    font-weight: 700;
    line-height: 1.3;
}

.sequence-titles-item span {
    opacity: 0.5;
    margin-top: 12px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
}

.sequence-titles-item span.is-active {
    opacity: 1;
    transform: scale(1.1);
}

/* Sequence Bottom */
.sequence-bottom {
    padding: 10px 0 100px;
    margin-top: -1px;
    background-color: #f04122;
    color: white;
}

.sequence-bottom .richText-content a {
    color: white;
}

/* Rich Text Content */
.sequence-bottom .richText-content p:first-of-type a {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-decoration: underline;
}

.sequence-bottom .richText-content p:nth-of-type(2) a {
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.sequence-bottom .richText-content p:nth-of-type(2) a svg {
    width: 34px;
}

.sequence-bottom .richText-content h2 {
    margin-top: 48px;
    font-size: 28px;
    font-weight: 700;
    line-height: 39.2px;
}

.sequence-bottom .sequence-bottom-item {
    margin-top: 72px;
}

.sequence-bottom .sequence-bottom-item h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 39.2px;
}

.sequence-bottom .sequence-bottom-item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
}

.sequence-bottom .sequence-bottom-item img {
    width: 150px;
}

.sequence-bottom .sequence-bottom-image img {
    padding-right: 10%;
    width: 40%;
    min-width: 280px;
    margin: 0 0 20px;
}

/* Media Queries */
@media (min-width: 992px) {
    .box.component.sequence-bottom-list > .component-content {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .sequence-bottom {
        padding-bottom: 72px;
    }

    .sequence-bottom .sequence-bottom-item {
        margin-top: 48px;
    }

    .sequence-titles-item {
        font-size: 36px;
    }

    .sequence-bottom .richText-content p:first-of-type a {
        font-size: 12px;
        line-height: 14px;
    }

    .sequence-bottom .richText-content p:nth-of-type(2) a {
        font-size: 18px;
        line-height: 24px;
    }

    .sequence-bottom .richText-content h2 {
        margin-top: 48px;
        font-size: 24px;
        line-height: 32px;
    }

    .sequence-bottom .sequence-bottom-item h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .sequence-bottom .sequence-bottom-item p {
        font-size: 14px;
        line-height: 21px;
    }

    .sequence-bottom .sequence-bottom-item img {
        width: 100px;
    }

    .sequence-titles {
        bottom: 180px;
    }
}
.product-compare-filter {
  display: none;
}
.page-voltadexibu #content {
  margin-top: 0px !important;
}
.page-voltadexibu .dark-blue-bg {
  background: rgba(28, 37, 76, 1);
}

.page-voltadexibu .container-teaser .accordion-header {
  margin-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 992px) {
  .page-voltadexibu .container-teaser .accordion-header {
    margin-bottom: 30px;
    padding-top: 88px;
  }
}
.page-voltadexibu .container-teaser .accordion-header .h2-styles {
  font-size: 31px;
  line-height: 1.3;
  font-weight: 700;
  color: #f5f5f5;
}
@media (min-width: 992px) {
  .page-voltadexibu .container-teaser .accordion-header .h2-styles {
    font-size: 43px;
    line-height: 1.4;
  }
  .page-voltadexibu .container-teaser .accordion-header h2 {
    position: relative;
    padding-bottom: 16px;
    text-align: center;;
  }
}
.page-voltadexibu .container-teaser .accordion-slide {
  background: rgba(157, 157, 157, 0.2);
}
.page-voltadexibu .dark-blue-bg .container-teaser .accordion-title-text {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  font-style: normal;
  color: rgba(245, 245, 245, 1);
}

.page-voltadexibu .dark-blue-bg .container-teaser .accordion-content p .body-copy {
  font-size: 14px;
}

@media (min-width: 992px) {
  .page-voltadexibu .dark-blue-bg .container-teaser .accordion-title-text {
    font-size: 18px;
  }

  .page-voltadexibu .dark-blue-bg .container-teaser .accordion-content p .body-copy {
    font-size: 18px;
  }

  .page-voltadexibu .container-teaser .accordion-slide::after {
    left: 0;
    right: 0;
    margin: 0;
    width: 92%;
  }
}

@media (min-width: 1200px) {
  .page-voltadexibu .container-teaser .accordion-slide::after {
    left: 0;
    right: 0;
    margin: 0;
    width: 92%;
  }
}

.page-voltadexibu .reference-regulatory-box #regulatory {
  color: #ffffff;
}

.page-voltadexibu .reference-regulatory-box .read-more-lines .text {
  color: #ffffff;
}

.page-voltadexibu .reference-regulatory-box .read-more-end p {
  color: #ffffff;
}

@media (min-width: 992px){
  .voltadexibu-compare-products-dropdown {
    margin-right: 12%;
  }
}

@media (min-width: 1200px) {
  .voltadexibu-compare-products-dropdown {
    margin-right: 200px;
  }
}


.reference-voltadexibu-compare-item .comparison-card .comparison-product-cta a {
  text-decoration: underline;
}

.comparison-section-with-cta-href  {
  text-decoration: underline;
}

@media (max-width: 992px){
  .voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
    right: -54%;
  }
}

/*product-compare block styles*/
.page-voltadexibu .voltadexibu-pain-cards + .box.component .title .title-heading {
  font-size: 31px;
  font-weight: 700;
  line-height: 1.3;
  color: #001A68;
  text-align: center;
}

@media (min-width: 992px){
  .page-voltadexibu .voltadexibu-pain-cards + .box.component .title .title-heading {
    font-size: 43px;
    line-height: 1.4;
  }
}

.page-voltadexibu .voltadexibu-pain-cards + .box.component .font-large {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #001A68;
  text-align: center;
  margin-top: 12px;
}

@media (min-width: 992px){
  .page-voltadexibu .voltadexibu-pain-cards + .box.component .font-large {
    font-size: 28px;
    line-height: 1.4;
  }
}

.page-voltadexibu .voltadexibu-pain-cards + .box.component .font-small {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  margin: 24px 0;
  color: #001A68;
}

@media (min-width: 992px){
  .page-voltadexibu .voltadexibu-pain-cards + .box.component .font-small {
    font-size: 18px;
    line-height: 1.4;
    margin: 48px 0;
  }
}
.voltadexibu-comparison-container > .component-content > .paragraphSystem.content{
  display: flex;
  justify-content: space-between;
  max-width: 1071px;
  margin-top: 50px;
}
.voltadexibu-comparison-card{
  display: none;
  width: 50%;
  max-width: 508px;
  flex-grow: 1;
}
.voltadexibu-comparison-card.first {
  padding-right: 16px;
}
@media (min-width: 1060px){
  .voltadexibu-comparison-card.first {
    padding-right: 0;
  }
}
.voltadexibu-comparison-main-card,
.voltadexibu-comparison-main-card + .voltadexibu-comparison-card{
  display: flex;
}
.comparison-card{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.comparison-product-image-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.comparison-product-image{
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comparison-product-subtitle{
  display: none;
}
.comparison-product-title{
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: #001A68;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.comparison-product-title span {
  font-size: 18px;
  line-height: 1.3;
}
.voltadexibu-comparison-main-card .label-neu img {
  width: 135px;
  height: 75px;
  max-height: none;
  margin-top: -10px;
}
@media (min-width: 992px){
  .voltadexibu-comparison-main-card .label-neu img {
    max-height: none;
    width: 360px;
    margin-top: -35px;
    height: 200px;
  }
}
.comparison-product-cta > a{
  font-size: 11px;
  line-height: 14.3px;
  margin-top: 10px;
  display: block;
  font-weight: 400;
  color: #001A68;
}
.comparison-section-with-silver-bg{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.comparison-section-with-silver-bg-icon{
  width: 100%;
  max-width: 56px;
}
.comparison-section-with-silver-bg-title{
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 700;
  text-align: center;
  color: #001A68;
  display: flex;
  flex-direction: column;
}
.comparison-section-with-silver-bg-title span.hide-on-dt {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
.comparison-section-with-silver-bg-content{
  font-size: 14px;
  line-height: 21px;
  padding: 6px;
  margin-top: 14px;
  border-radius: 6px;
  width: 100%;
  background-color: #F5F5F5;
  font-weight: 400;
  color: #001A68;
}
.comparison-section-with-silver-bg-content > b,
.comparison-section-with-silver-bg-content > strong{
  font-weight: 700;
}
.comparison-section-with-cta{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.comparison-section-with-cta-image{
  width: 100%;
  max-width: 48px;
}
.comparison-section-with-cta-href>a{
  font-size: 14px;
  line-height: 21px;
  display: inline;
  font-weight: 700;
  text-align: center;
  color: #001A68;
}
.comparison-section-with-cta-href > b{
  color: #001A68;
}
.comparison-section-with-silver-bg-icon-wrapper {
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.voltadexibu-comparison-card .comparison-section-with-silver-bg-icon-wrapper {
    opacity: 0;
}
.voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
    opacity: 1;
    float: right;
    right: -50%;
    position: relative;
}
@media (max-width: 992px){
  .voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
    right: -54% !important;
  }
}
@media (min-width: 992px) {
  .voltadexibu-comparison-card .comparison-section-with-silver-bg-icon-wrapper {
      opacity: 1;
  }
  .voltadexibu-comparison-main-card .comparison-section-with-silver-bg-icon-wrapper {
      opacity: 1;
      float: unset;
      right: unset;
      position: unset;
  }
  .comparison-section-with-silver-bg{
    margin-top: 50px;
  }
  .comparison-section-with-silver-bg-icon{
    max-width: 80px;
  }
  .comparison-product-image{
    width: 100%;
    height: 174px;
  }
  .comparison-product-title{
    font-size: 43px;
    line-height: 1.4;
    margin-top: 24px;
  }
  .comparison-product-title span {
    font-size: 28px;
    line-height: 1.4;
  }
  .comparison-product-cta > a{
    font-size: 14px;
    line-height: 19.6px;
    margin-top: 20px;
  }
  .comparison-section-with-silver-bg-title{
    font-size: 28px;
    line-height: 39.2px;
  }
  .comparison-section-with-silver-bg-content{
    font-size: 18px;
    line-height: 25.2px;
    padding: 16px;
    margin-top: 24px;
    border-radius: 8px;
  }
  .comparison-section-with-silver-bg-content > b,
  .comparison-section-with-silver-bg-content > strong{
    font-weight: 700;
  }
  .comparison-section-with-cta{
    margin-top: 60px;
  }
  .comparison-section-with-cta-image{
    max-width: 80px;
  }
  .comparison-section-with-cta-href>a{
    font-size: 18px;
    line-height: 25.2px;
  }
}

/* DROPDOWN */
.voltadexibu-compare-products-dropdown-wrapper{
  display: flex;
  justify-content: end;
  user-select: none;
}





.voltadexibu-compare-products-dropdown {
  position: relative;
  display: inline-block;
  min-width: 160px;
}

@media (min-width: 767px){
  .voltadexibu-compare-products-dropdown {
    min-width: 230px;
  }
}
.voltadexibu-dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  background-color: #242F60;
  color: #fff;
  border-radius: 8px;
  padding-right: 40px;
}
.voltadexibu-dropdown-header.active {
  border-radius: 8px 8px 0 0;
}
.voltadexibu-dropdown-arrow {
  transition: transform 0.3s;
  color: #FF671F;
  font-size: 32px;
}
.voltadexibu-dropdown-menu {
  display: none;
  position: absolute;
  top: 97%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #323131;
  color: #fff;
  z-index: 1000;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.voltadexibu-dropdown-value {
  font-size: 14px;
}
@media (min-width: 767px){
  .voltadexibu-dropdown-value {
    font-size: 18px;
  }
}

.voltadexibu-dropdown-value::after {
  content: "\f078";
  position: absolute;
  right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  color: var(--primary-color);
  transition: transform 0.3s;
}
.voltadexibu-dropdown-header.active .voltadexibu-dropdown-value::after {
  transform: rotate(-180deg);
}
.voltadexibu-dropdown-item {
  padding: 10px;
  cursor: pointer;
}
.voltadexibu-dropdown-item:hover {
  background-color: #524f4f;
}
.snippetReference .legal-pop-up{
    background: #ffffffeb;
    border-radius: 20px;
    padding: 20px 30px 20px 25px;
    width: 100%;
    border: 1px solid #000;
}

.snippetReference.reference-legal-pop-up{
    padding: 20px;
    position: fixed;
    bottom: 0%;
    right: 0%;
    z-index: 10;
    width: 50%;
    max-width: 800px;
    width: 100%;
    z-index: 100000;
}

.snippetReference .legal-pop-up .legal-close-btn{
    position: absolute;
    top: -10px;
    right: -10px;
}

.snippetReference .legal-pop-up .legal-close-btn button{
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.snippetReference .legal-pop-up h2,
.snippetReference .legal-pop-up p{
    font-family: 'Galano Grotesque', sans-serif; font-weight: 400;
}


@media (min-width: 992px) {
    .snippetReference .legal-pop-up p{
        font-size: 12px;
    }
    .snippetReference .legal-pop-up .legal-close-btn,
    .snippetReference .legal-pop-up h2{
        font-size: 16px;
    }

}

@media (max-width: 991px) {
    .snippetReference .legal-pop-up p{
        font-size: 10px;
    }
    .snippetReference .legal-pop-up .legal-close-btn,
    .snippetReference .legal-pop-up h2{
        font-size: 14px;
    }
}
.contact-wrapper .heading {
  line-height: 1.2;
  font-size: 2.99925rem;
  font-weight: 600;
}
.contact-wrapper .sub-heading {
  font-size: 1.125rem;
  font-weight: 500;
}
.contact-wrapper .contact-item {
  display: flex !important;
  align-items: center;
  border: none;
}
.contact-wrapper .contact-item .grey-circle {
  background: #b3b3b3;
  text-align: center;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-wrapper .contact-item .grey-circle img {
  width: 25px;
}
.contact-wrapper .ext-link {
  border-bottom: 1px solid #323131;
  color: inherit;
}
.contact-wrapper .ext-link:hover {
  text-decoration: none;
  background: #323131;
  color: #ffffff;
}
.contact-wrapper .default-icon > .removePopUp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #323131;
  border-radius: 50%;
  margin: 0 0 0 5px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
.contact-wrapper .default-icon > .removePopUp img {
  width: auto;
  height: 16px;
  text-align: center;
}
/* Locale specific code | add if required*/
.theme-font-color {
  color: #323131 !important;
}
.visibility-hide {
  visibility: hidden;
}
.contact-wrapper .contact-list.margin-0-left-mb {
  padding-left: 0 !important;
}
/* Locale specific code */
@media (max-width: 767px) {
  .contact-wrapper .heading {
    font-size: calc(26px + 1.7991vw);
  }
  .contact-wrapper .contact-item {
    padding: 10px;
    border-radius: 4px;
    background: #f5f5f5;
  }
  .contact-wrapper .contact-item .grey-circle {
    margin-right: 10px;
    margin-left: 8px;
  }
  
}
@media (min-width: 767px) {
  .contact-wrapper .contact-item .grey-circle{
    margin-right: 16px;
  }
}
.disc-mob-width{
  transform: translateX(-100%);
  min-width: 100vw;
  left: 100%;
  margin-left: 16px;
}
/* Locale specific code */
.reference-custom-product-taser .product-teaser .product-button-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.articles-grid .paragraphSystem .snippetReference {
    min-height: fit-content;
    height: 100%;
}/* Home page Products Carousel styles */
html[lang='de-DE'] .page-home .all-products h2,
html[lang='de-DE'] .page-home .pain-points h2 {
    margin: 3rem auto;
}

html[lang='de-DE'] .page-home .all-products .carousel,
html[lang='de-DE'] .page-home .pain-points .carousel {
    margin: 0 auto 3rem;
}

html[lang='de-DE'] .page-home .all-products .carousel .slick-slide .container-teaser,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-slide .snippetReference {
    width: 100%;
    padding: 0 1rem;
}

html[lang='de-DE'] .page-home .all-products .carousel .slick-prev.slick-arrow,
html[lang='de-DE'] .page-home .all-products .carousel .slick-next.slick-arrow,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-prev.slick-arrow,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-next.slick-arrow {
    border: none;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    padding: 0;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    display: inline-block !important;
}

html[lang='de-DE'] .page-home .all-products .carousel .slick-prev.slick-arrow,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-prev.slick-arrow {
    left: -1rem;
}

html[lang='de-DE'] .page-home .all-products .carousel .slick-next.slick-arrow,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-next.slick-arrow {
    right: -1rem;
}

html[lang='de-DE'] .page-home .all-products .carousel .slick-prev.slick-arrow:before,
html[lang='de-DE'] .page-home .all-products .carousel .slick-next.slick-arrow:before,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-prev.slick-arrow:before,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-next.slick-arrow:before {
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[lang='de-DE'] .page-home .all-products .carousel .slick-dots,
html[lang='de-DE'] .page-home .pain-points .carousel .slick-dots {
    text-align: center;
}

html[lang='de-DE'] .page-home .all-products .carousel h3.product-title {
    margin: 0 0 1rem;
}

html[lang='de-DE'] .page-home .all-products .carousel .product-button {
    padding: 1.5rem 0;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box {
    padding: 30px 15px 24px;
    border-bottom-right-radius: 60px;
    border: 2px solid var(--primary-color-light);
    background: white;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box:hover {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    border: 2px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box:hover a.button-learn-more {
    background-color: #FFFFFF;
    color: var(--secondary-color);
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box:hover a.button-learn-more::after {
    transition: right .2s ease-out;
    border-right: 4px solid var(--secondary-color) !important;
    border-bottom: 4px solid var(--secondary-color) !important;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box:hover .richText.odd p,
html[lang='de-DE'] .page-home .pain-points .snippetReference .box:hover .richText .product-title {
    color: #fff;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 20px;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .image + .richText {
    order: -1;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .paragraphSystem {
    display: flex;
    flex-direction: column;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .image .component-content.middle {
    max-width: 150px;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .richText h3 {
    font: normal 700 1.375rem/28px 'DiodrumVoltaren', sans-serif;
    text-align: left;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--secondary-color);
    padding-bottom: 1rem;
}

html[lang='de-DE'] .page-home .pain-points .box .richText.odd p {
    font: normal 500 0.9375rem/28px 'DiodrumVoltaren', sans-serif;
    letter-spacing: 0;
    color: #323131;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .richText.last {
    padding: 1.5rem 0 0;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box a.button-learn-more {
    font: normal 600 1.125rem/28px 'DiodrumVoltaren', sans-serif;
    display: inline-block;
    position: relative;
    text-decoration: none;
    background-color: var(--secondary-color);
    padding: 16px 40px 16px 16px;
    color: #FFFFFF;
    border: 2px solid transparent;
    border-bottom: 2px solid #cccccc;
    border-bottom-right-radius: 30px;
    cursor: pointer;
}

html[lang='de-DE'] .page-home .pain-points .snippetReference .box .richText.last a.button-learn-more::after {
    content: '';
    position: absolute;
    border-top: none;
    border-right: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    border-left: none;
    display: inline-block;
    padding: 8px;
    transform: translateY(-50%) rotate(320deg);
    outline: none;
    margin-left: 10px;
    top: 50%;
    right: 25px;
}


@media (min-width: 768px) {
    html[lang='de-DE'] .page-home .all-products .carousel h3.product-title .h3-styles,
    html[lang='de-DE'] .page-home .pain-points .snippetReference .box .richText h3 {
        font-size: 1.7rem;
        line-height: 1.5;
    }

    html[lang='de-DE'] .page-home .pain-points .box .richText.odd p {
        font-size: 1.125rem;
        line-height: 34px;
    }
}

@media (min-width: 992px) {
    html[lang='de-DE'] .page-home .all-products .carousel .reference-custom-product-taser .product-teaser,
    html[lang='de-DE'] .page-home .all-products .carousel .reference-product-card .product-teaser {
        padding: 0 15px;
    }

    html[lang='de-DE'] .page-home .all-products .carousel .slick-prev.slick-arrow,
    html[lang='de-DE'] .page-home .pain-points .carousel .slick-prev.slick-arrow {
        left: -2rem;
    }

    html[lang='de-DE'] .page-home .all-products .carousel .slick-next.slick-arrow,
    html[lang='de-DE'] .page-home .pain-points .carousel .slick-next.slick-arrow {
        right: -2rem;
    }

    html[lang='de-DE'] .page-home .pain-points .snippetReference .box a.button-learn-more {
        font-size: 1.375rem;
        padding: 23px 60px 20px 30px;
    }

    html[lang='de-DE'] .page-home .pain-points .snippetReference .box a.button-learn-more:hover,
    html[lang='de-DE'] .page-home .pain-points .snippetReference .box a.button-learn-more:focus {
        background-color: #FFFFFF;
        color: var(--secondary-color);
    }

    html[lang='de-DE'] .page-home .pain-points .snippetReference .box .richText.last a:hover::after,
    html[lang='de-DE'] .page-home .pain-points .snippetReference .box .richText.last a:focus::after {
        transition: right .2s ease-out;
        right: 15px;
        border-right: 4px solid var(--secondary-color);
        border-bottom: 4px solid var(--secondary-color);
    }
}
/* Wirkstoffe Products page Products Carousel styles */
html[lang="de-DE"] .page-wirkstoffe.page-wirkstoffubersicht .all-products h2,
html[lang="de-DE"] .page-wirkstoffe.page-wirkstoffubersicht .pain-points h2 {
  margin: 3rem auto;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel {
  margin: 0 auto 3rem;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-slide
  .container-teaser,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-slide
  .snippetReference {
  width: 100%;
  padding: 0 1rem;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-prev.slick-arrow,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-next.slick-arrow,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-prev.slick-arrow,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-next.slick-arrow {
  border: none;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  padding: 0;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  display: inline-block !important;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-prev.slick-arrow,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-prev.slick-arrow {
  left: -1rem;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-next.slick-arrow,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-next.slick-arrow {
  right: -1rem;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-prev.slick-arrow:before,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-next.slick-arrow:before,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-prev.slick-arrow:before,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-next.slick-arrow:before {
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .slick-dots,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .carousel
  .slick-dots {
  text-align: center;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  h3.product-title {
  margin: 0 0 1rem;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .carousel
  .product-button {
  padding: 1.5rem 0;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box {
  padding: 30px 15px 24px;
  border-bottom-right-radius: 60px;
  border: 2px solid var(--primary-color-light);
  background: white;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box:hover {
  background: radial-gradient(
    at bottom left,
    var(--primary-color-dark),
    var(--primary-color-light)
  );
  border: 2px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box:hover
  a.button-learn-more {
  background-color: #ffffff;
  color: var(--secondary-color);
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box:hover
  a.button-learn-more::after {
  transition: right 0.2s ease-out;
  border-right: 4px solid var(--secondary-color) !important;
  border-bottom: 4px solid var(--secondary-color) !important;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box:hover
  .richText.odd
  p,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box:hover
  .richText
  .product-title {
  color: #fff;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .component-content
  .carousel-slides {
  overflow-x: clip;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .slick-list {
  position: relative;
  overflow-y: visible;
  overflow-x: visible;
  display: block;
  margin: 0;
  padding: 0;
  max-height: max-content;
  z-index: 1;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 20px;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .image
  + .richText {
  order: -1;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .paragraphSystem {
  display: flex;
  flex-direction: column;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .image
  .component-content.middle {
  max-width: 150px;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .richText
  h3 {
  font: normal 700 1.375rem/28px 'DiodrumVoltaren', sans-serif;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--secondary-color);
  padding-bottom: 1rem;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .box
  .richText.odd
  p {
  font: normal 500 0.9375rem/28px 'DiodrumVoltaren', sans-serif;
  letter-spacing: 0;
  color: #323131;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .richText.last {
  padding: 1.5rem 0 0;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  a.button-learn-more {
  font: normal 600 1.125rem/28px 'DiodrumVoltaren', sans-serif;
  display: inline-block;
  position: relative;
  text-decoration: none;
  background-color: var(--secondary-color);
  padding: 16px 40px 16px 16px;
  color: #ffffff;
  border: 2px solid transparent;
  border-bottom: 2px solid #cccccc;
  border-bottom-right-radius: 30px;
  cursor: pointer;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .pain-points
  .snippetReference
  .box
  .richText.last
  a.button-learn-more::after {
  content: "";
  position: absolute;
  border-top: none;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  border-left: none;
  display: inline-block;
  padding: 8px;
  transform: translateY(-50%) rotate(320deg);
  outline: none;
  margin-left: 10px;
  top: 50%;
  right: 25px;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .reference-custom-product-taser
  .product-teaser
  .product-teaser-content
  .product-description {
  min-height: 160px;
  max-height: 200px;
  height: auto;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .reference-custom-product-taser
  .product-teaser
  .product-teaser-content
  .product-teaser-img {
  min-height: 240px;
  height: auto;
  max-height: 250px;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .reference-custom-product-taser
  .product-teaser
  .product-teaser-content
  .product-title {
  height: auto;
  min-height: 140px;
  max-height: 145px;
  margin-bottom: 0px !important;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .reference-custom-product-taser
  .product-teaser
  .product-teaser-content {
  height: auto;
  min-height: 725px;
  max-height: 735px;
  padding-bottom: 5px;
}

html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .reference-custom-product-taser
  .product-teaser
  .product-teaser-content
  .product-teaser-img
  a,
html[lang="de-DE"]
  .page-wirkstoffe.page-wirkstoffubersicht
  .all-products
  .reference-custom-product-taser
  .product-teaser
  .product-teaser-content
  .product-teaser-img
  img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 568px) {
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-description {
    min-height: 175px;
    max-height: 180px;
    height: auto;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-teaser-img {
    min-height: 320px;
    height: auto;
    max-height: 330px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-title {
    height: auto;
    min-height: 50px;
    max-height: 55px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content {
    height: auto;
    min-height: 790px;
    max-height: 800px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    h3.product-title
    .h3-styles,
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .snippetReference
    .box
    .richText
    h3 {
    font-size: 1.7rem;
    line-height: 1.5;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .box
    .richText.odd
    p {
    font-size: 1.125rem;
    line-height: 34px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-description {
    min-height: 170px;
    max-height: 180px;
    height: auto;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    ratings-and-reviews {
    width: 100%;
    height: auto;
    display: flex;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    ratings-and-reviews
    button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    ratings-and-reviews
    button
    ol {
    width: 40%;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-teaser-img {
    min-height: 240px;
    height: auto;
    max-height: 445px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .carousel
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-title {
    height: auto;
    min-height: 185px;
    max-height: 200px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content {
    height: auto;
    min-height: 800px;
    max-height: 855px;
    padding-bottom: 15px;
  }
}

@media (min-width: 992px) {
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-description {
    min-height: 195px;
    max-height: 205px;
    height: auto;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-teaser-img {
    min-height: 176px;
    height: auto;
    max-height: 185px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content
    .product-title {
    height: auto;
    min-height: 215px;
    max-height: 225px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .reference-custom-product-taser
    .product-teaser
    .product-teaser-content {
    height: auto;
    min-height: 765px;
    max-height: 770px;
    padding-bottom: 20px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .carousel
    .reference-custom-product-taser
    .product-teaser,
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .carousel
    .reference-product-card
    .product-teaser {
    padding: 0 15px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .carousel
    .slick-prev.slick-arrow,
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .carousel
    .slick-prev.slick-arrow {
    left: -2rem;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .all-products
    .carousel
    .slick-next.slick-arrow,
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .carousel
    .slick-next.slick-arrow {
    right: -2rem;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .snippetReference
    .box
    a.button-learn-more {
    font-size: 1.375rem;
    padding: 23px 60px 20px 30px;
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .snippetReference
    .box
    a.button-learn-more:hover,
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .snippetReference
    .box
    a.button-learn-more:focus {
    background-color: #ffffff;
    color: var(--secondary-color);
  }

  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .snippetReference
    .box
    .richText.last
    a:hover::after,
  html[lang="de-DE"]
    .page-wirkstoffe.page-wirkstoffubersicht
    .pain-points
    .snippetReference
    .box
    .richText.last
    a:focus::after {
    transition: right 0.2s ease-out;
    right: 15px;
    border-right: 4px solid var(--secondary-color);
    border-bottom: 4px solid var(--secondary-color);
  }
}
:lang(en-CA),
:lang(fr-CA) {  
  .reference-movement-coach-cta {
    .article-selector li {
      text-align: center;
      padding: 10px 40px 10px 30px !important;
      min-width: fit-content;
      width: auto;
      border-width: 3px;
      margin-top: 30px;
      
      span {
        font-weight: 600;
        font-size: 22px;
        line-height: 28px;
        
        a::after {
          content: "^";
        transform: rotate(90deg);
        position: absolute;
        font-size: 30px;
        font-weight: 500;
      }
    }
  }
  
  .article-filter.richTextEnhanced {
    padding: 42px 20px;
    .banner-tagline {
      font-size: 22px;
      font-weight: 700;
    }
  }
  
  .richText ul:not(.list--tabs) li { 
    padding-left: 30px !important;
  }
  
  @media (max-width: 991px) {
    margin-top: 2rem;
    width: 100vw;
    margin-left: -16px;
    .article-filter.richTextEnhanced {
      border-bottom-right-radius: 0px;
      .banner-tagline {
        font-size: 16px;
        line-height: 26px;
      }
    }
    .article-filter .article-selector { 
      padding-left: 0 !important;
      li {
        border-bottom-right-radius: 25px;
        padding: 13px !important;
        padding-right: 40px !important;
        span {
          font-size: 18px;
          line-height: 24px;
        }
      }
    }
    .richText ul:not(.list--tabs) li { 
      padding-left: 13px !important;
    }
  }
  
  @media (min-width: 992px) {
    height: 250px;
    .article-filter.richTextEnhanced {
      width: 100vw;
      border-bottom-right-radius: 0px;
      max-width: 1600px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
  }
}

.page-treatment-by-pain-type.template-voltaren-delta-template-2 {
  .reference-movement-coach-cta {
    @media (min-width: 992px) {
      .article-filter.richTextEnhanced {
        max-width: 1650px;
      }
    }
  }
}

.page-hip-pain {
  .reference-movement-coach-cta {
    @media (min-width: 992px) {
      .article-filter.richTextEnhanced {
        max-width: 1400px;
      }
    }
  }
}

.page-health-wellness-pain,
.page-understanding-pain {
  @media (min-width: 992px) {
    .hero-banner {
      max-width: 1600px;
      margin: 0 auto;
      float: none;
      .hero-banner-image img {
        margin-right: 0;
      }
    }
  }
}
}.contact-wrapper .heading {
  line-height: 1.2;
  font-size: 2.99925rem;
  font-weight: 600;
}
.contact-wrapper .sub-heading {
  font-size: 1.125rem;
  font-weight: 500;
}
.contact-wrapper .contact-item {
  display: flex !important;
  align-items: center;
  border: none;
}
.contact-wrapper .contact-item .grey-circle {
  background: #b3b3b3;
  text-align: center;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-wrapper .contact-item .grey-circle img {
  width: 25px;
}
.contact-wrapper .ext-link {
  border-bottom: 1px solid #323131;
  color: inherit;
}
.contact-wrapper .ext-link:hover {
  text-decoration: none;
  background: #323131;
  color: #ffffff;
}
.contact-wrapper .default-icon > .removePopUp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #323131;
  border-radius: 50%;
  margin: 0 0 0 5px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
.contact-wrapper .default-icon > .removePopUp img {
  width: auto;
  height: 16px;
  text-align: center;
}
/* Locale specific code | add if required*/
.theme-font-color {
  color: #323131 !important;
}
.visibility-hide {
  visibility: hidden;
}
.contact-wrapper .contact-list.margin-0-left-mb {
  padding-left: 0 !important;
}
/* Locale specific code */
@media (max-width: 767px) {
  .contact-wrapper .heading {
    font-size: calc(26px + 1.7991vw);
  }
  .contact-wrapper .contact-item {
    padding: 10px;
    border-radius: 4px;
    background: #f5f5f5;
  }
  .contact-wrapper .contact-item .grey-circle {
    margin-right: 10px;
    margin-left: 8px;
  }
  
}
@media (min-width: 767px) {
  .contact-wrapper .contact-item .grey-circle{
    margin-right: 16px;
  }
}
.disc-mob-width{
  transform: translateX(-100%);
  min-width: 100vw;
  left: 100%;
  margin-left: 16px;
}
/* Locale specific code */
.accessability-figcap {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}/* Italian voltadexi page banner */
@media (min-width: 769px) {
    .page-voltadexi .hero-banner.switchable-image > .component-content {
        background-size: cover;
        background-position: 0;
        min-height: 600px;
    }
    .page-voltadexi .hero-banner.switchable-image > .component-content > .paragraphSystem {
        padding: 200px 20px 50px 20px;
    }
    .page-voltadexi .hero-banner.switchable-image > .component-content > .paragraphSystem .image {
        padding-top: 50px;
    }
}
@media (min-width: 992px) {
    .page-voltadexi .hero-banner.switchable-image > .component-content > .paragraphSystem {
        padding: 200px 20px 50px 70px;
    }
}
@media (max-width: 768px) {
 .page-voltadexi .hero-banner.switchable-image > .component-content {
    background-image: url('/content/dam/cf-consumer-healthcare/voltaren-delta/it_IT/desktop/products/voltadexi/voltadexi-mobile-banner.png?auto=format') !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: #f05d15;
    background-size: cover;
    padding-top: 90%;
 }

 .page-voltadexi .hero-banner.switchable-image > .component-content p {
    text-align: center;
 }

 .page-voltadexi .hero-banner.switchable-image > .component-content > .paragraphSystem {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
 }
}
@media (max-width: 388px) {
    .page-voltadexi .hero-banner.switchable-image > .component-content {
        background-size: contain;
    }
}
/* italian voltadexi page banner end*/

:lang(fr-CA),
:lang(en-CA) {
    .page-products .hero-banner {

        @media (min-width: 992px) {
            .hero-banner-image {
                img {
                    max-height: 500px;
                }
            }
        }

        @media (min-width: 992px) and (max-width: 1100px) {   

            .hero-banner-content {
                padding-right: 0;

                .h1-styles {
                    font-size: 2.875rem;
                    line-height: 1.2;
                }
                
                .introduction-text {
                    font-size: 1.125rem;
                }
            }
        }
        @media (max-width: 991px) {
            > .component-content > .content {
                flex-direction: column;

                > .image {
                    display: block;
                }
            }
        }
    }
}

.page-roadshow  {
    .box.desktop-only.hide-on-mobile:nth-of-type(2) {
        .image img {
            width: 100%;
            max-width: 1680px;
        }
    }
}

.ucl-banner {
    .richText:has(.banner-button){
        display: none;

        @media (min-width: 992px) {
            display: block;
            width: fit-content;
            position: absolute;
            /* bottom: 25%; */
            top: 70%;
            transform: translateY(-50%);
            margin-top: 0 !important;
            right: 3%;
            
            a {
                text-wrap: nowrap;
            }
        }

        @media (min-width: 1200px) {
            right: 7%;
        }

        &.richTextHyperlinkedImage {
            display: block;
            
            @media (min-width: 992px) {
                display: none;
            }
        }
    }
}@media (min-width: 992px) {
    .page-voltamed #content {
        margin-top: 0px;
    }
}

.voltamed-intro {
    color: #001967;
    padding-top: 56px;
    padding-bottom: 47px;
    text-align: center;
    overflow: hidden;
}

.voltamed-intro a {
    display: inline-flex;
    color: var(--Colour-New-Wordmark-Blue, #001967);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    gap: 16px;
    margin-top: 28px;
}

.voltamed-intro a:hover,
.voltamed-intro a:focus {
    text-decoration: underline;
}

.voltamed-intro-tag .richText-content {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #001967;
    font-weight: 500;
}
.tag-shape-new {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243 46"><path d="M51.5232 0.441406C48.519 0.441406 46.2279 3.09254 46.6224 6.06901C49.0867 24.6131 62.6746 45.2269 70.891 45.2269H171.461C179.677 45.2269 193.272 24.62 195.73 6.06901C196.124 3.09254 193.833 0.441406 190.829 0.441406L51.5232 0.441406Z" fill="%2300007D"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

.tag-shape-new span {
    color: white;
    font-weight: bold;
    display: inline-block;
    width: 130px;
    height: 37px;
    font-size: 31px;
    line-height: 37px;
}

.voltamed-intro-tag {
    text-align: center;
    margin-bottom: 38px;
}

.voltamed-intro-perex p {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.voltamed-intro-perex h2 {
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 24px;
}

.voltamed-icons > .component-content > .content {
    display: flex;
    justify-content: space-between;
}

.voltamed-icons .voltamed-icons-item {
    width: 156px;
    display: block;
}

.voltamed-icons .voltamed-icons-item p {
    color: var(--Colour-New-Wordmark-Blue, #001967);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}
.voltamed-sphere-lottie {
    position: relative;
}

.voltamed-sphere-lottie svg {
    position: absolute;
    left: 5%;
    right: 5%;
    top: 0;
    bottom: 0;
    max-width: 90%;
}

.voltamed-sphere-content .component-content .content {
   display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; 
    gap: 24px;
    text-align: center;
}


.voltamed-sphere-content .richText-content {
    position: relative;
}

.voltamed-sphere-content .component-content {
    overflow: visible;
}

  .voltamed-sphere > .component-content > .paragraphSystem > a {
    display: none;
  }
  
  /* Middle column */
  .voltamed-sphere-lottie {
    order: 2;
  }
  
  /* First side column */
  .voltamed-sphere-content:nth-of-type(2) {
    order: 1;
  }
  
  /* Second side column */
  .voltamed-sphere-content:nth-of-type(3) {
   order: 3;
  }

  @media (min-width: 769px) {
    .voltamed-sphere-content.voltamed-sphere-right .richText.even {
        transform: translateX(60px);
    }
    
    .voltamed-sphere-content.voltamed-sphere-left .richText.even {
        transform: translateX(-60px);
    }

    .voltamed-sphere > .component-content > .paragraphSystem.content {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 1rem; 
        position: relative;
      }
      
      .voltamed-sphere-lottie {
        flex: 0 1 430px;
      }
      
      .voltamed-sphere-content {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
      }
  }

  @media (min-width: 1200px) {
    .voltamed-sphere > .component-content {
        padding: 0;
    }
  }

  @media (min-width: 768px) and (max-width: 1200px) {
    .voltamed-sphere-content.voltamed-sphere-left {
        transform: translateX(100px);
        z-index: 2;
    }
    
    
    .voltamed-sphere-content.voltamed-sphere-right {
        transform: translateX(-100px);
        z-index: 2;
    }
    
    .voltamed-sphere-lottie {
        min-width: 300px;
    }
    
    
    .voltamed-sphere-content {
        min-width: 200px;
    }

    .voltamed-sphere {margin-top: 140px}
}


@media (min-width: 1200px) {
    .voltamed-sphere > .component-content {
        padding: 0 60px;
    }
}
  
  @media (max-width: 768px) {
    .voltamed-sphere-content .component-content {
        width: 100%;
    }
    .voltamed-sphere {
        margin-top: 96px;
    }
    .voltamed-sphere-lottie {
        min-width: 100px;
    }
    .voltamed-sphere > .component-content > .paragraphSystem {
      display: flex;
      flex-direction: column;
    }
    .voltamed-sphere-content .component-content .content {
        gap: 24px;
    }

    .voltamed-sphere-content .richText-content h3 {
        text-align: center;
        font-size: 18px;
        padding: 24px !important;
    }
  }
  

@media (min-width: 1440px) {
    .voltamed-sphere-content .richText-content::before {
        content: '';
        position: absolute;
        opacity: 0.68;
        background: #fff;
        width: 60px;
        height: 1px;
        top: 50%;
        left: -90px;
    }
    
    .voltamed-sphere-content.voltamed-sphere-left .richText-content::before {
        left: auto;
        right: -90px;
    }
}

.voltamed-sphere-content .richText-content h3 {
    color: white;
    font-size: 18px;
    white-space: nowrap;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    padding: 28px;
    min-width: fit-content;
}

@media (min-width: 769px) and (max-width: 1200px) {
  .voltamed-sphere-content .richText-content h3 {
    font-size: 15px !important;
  }  
}

.voltamed-sphere-content > .component-content {
    width: 100%;
}

.voltamed-sphere-content.voltamed-sphere-right .richText-content h3 {
    border-radius: 24px 0px;
    background: linear-gradient(90deg, #1F4717 0%, #78C51D 100%);
    box-shadow: 0px 129px 36px 0px rgba(255, 255, 255, 0.00),
        0px 83px 33px 0px rgba(203, 131, 131, 0.01),
        0px 47px 28px 0px rgba(255, 255, 255, 0.05),
        0px 21px 21px 0px rgba(255, 255, 255, 0.09),
        0px 5px 11px 0px rgba(255, 255, 255, 0.10);
}

.voltamed-sphere-content.voltamed-sphere-left .richText-content h3 {
    border-radius: 0px 24px;
    background: linear-gradient(90deg, #78C51D 0%, #1F4717 100%);
    box-shadow: 0px 129px 36px 0px rgba(255, 255, 255, 0.00),
    0px 83px 33px 0px rgba(255, 255, 255, 0.01),
    0px 47px 28px 0px rgba(255, 255, 255, 0.05),
    0px 21px 21px 0px rgba(255, 255, 255, 0.09),
    0px 5px 11px 0px rgba(255, 255, 255, 0.10);
}

.voltamed-sphere-content .richText-content p {
    color: #001967;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 12px;
}

.voltamed-sphere-buynow {
  text-align: center;
  margin-top: 56px;
  padding-bottom: 117px;
}

@media (min-width: 769px) {
  .voltamed-sphere-buynow {
    margin-top: 90px;
    padding-bottom: 157px;
  }
}

.voltamed-sphere-buynow .component-content .paragraphSystem .richText-content a.text-center {
    box-shadow: 0px 83px 33px 0px #FFFFFF03;
    background-color: #FFFFFF26;
    width: 194px;
    height: 64px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 2px solid #001967;
    border-radius: 40px;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0px;
    color: #001967;
}

.voltamed-video-1 {}

.voltamed-text-divider {overflow: hidden;padding-top: 128px;padding-bottom: 128px;}
.voltamed-text-divider p {
    color: #001967;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

@media (min-width: 769px) {
    .voltamed-text-divider p {
        font-size: 28px;
    }
}

.voltamed-video-2 {
}

.voltamed-faq {
    padding-top: 112px;
    padding-bottom: 112px;
    display: block;
    overflow: hidden;
}

.voltamed-faq .voltamed-faq-title h2 {
    color: var(--Dark-Grey, #323131);
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 24px;
}

.voltamed-faq .voltamed-faq-title h2::before {
    content: '';
    border-radius: 4px;
    background: #EF7800;
    width: 68px;
    height: 2px;
    position:  absolute;
    bottom: 0;
}

.voltamed-faq .accordion-content-wrapper .accordion-content .richText-content p {
  font-weight: 500;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0px;
  color: #323131;
}

.voltamed-faq .accordion-content-wrapper .accordion-content .richText-content {
  padding: 32px 16px;
}

.voltamed-faq .accordion-slide .accordion-head .accordion-title a .accordion-title-text {
  color: #323131;
}

.voltamed-faq .accordion-slide.is-active .accordion-head .accordion-title a .accordion-title-text {
  color: #242F60;
}

@media (min-width: 769px) {
 .voltamed-faq .accordion-content-wrapper .accordion-content .richText-content {
  padding: 64px 32px;
  }
}

.voltamed-faq .voltamed-faq-perex p {
    color: var(--Dark-Grey, #323131);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 40px;
}

.voltamed-outro {
    padding-top: 56px;
    padding-bottom: 112px;
    overflow: hidden;
}

.voltamed-outro .richText-content p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #001967;
}

.voltamed-intro-gradient {
    background: linear-gradient(180deg, #FFF 8.08%, #A6CCB8 45.18%, #7CC49E 73.11%, #59BE96 84.36%, #6CBB8B 94.03%, #8ABC87 103.12%);
    width: 100%;
    overflow: hidden;
}

.page-voltamed .reference-voltamed-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: white;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.page-voltamed .reference-voltamed-header.hidden {
    transform: translateY(-100%);
}

.page-voltamed .product-logo > .component-content > .content {
    display: flex;
    padding: 8px 0 8px 0;
    justify-content: flex-end;
    align-items: center;
    gap: 35px;
    align-self: stretch;
}

.page-voltamed .product-logo .header-top-link p a {
    color: #001967;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.page-voltamed .product-logo .header-top-link p a svg {
    margin-left: 4px;
    transform: translateY(2px);
    display: inline-block;
}

.page-voltamed .haleon-logo-header .component-content {
    line-height: 0;
}

.page-voltamed .promo-header .logo-box {
    width: fit-content;
}

.page-voltamed .promo-header .logo-box .image,
.page-voltamed .promo-header .logo-box .component-content {
    line-height: 1;
}

.page-voltamed .promo-header .logo-box .image img {
    width: 275px;
    max-width: none;
}

.page-voltamed .promo-header > .component-content > .content {
    display: flex;
    justify-content: space-between;
}

.page-voltamed .promo-header .main-navigation {
    width: 100%;
}

.page-voltamed .promo-header .main-navigation > .component-content > .content {
    display: flex;
}

.page-voltamed .promo-header .main-navigation > .component-content > .content {
    display: flex;
    justify-content: space-between;
}

.page-voltamed .promo-header .main-navigation ul {
    display: flex;
    align-items: center;
    padding-left: 0 !important;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
}

.page-voltamed .promo-header .main-navigation * {
    height: 100%;
}

.page-voltamed .promo-header .main-navigation ul li {
    margin-bottom: 0;
    height: auto !important;
    list-style: none;
}

.page-voltamed .promo-header .main-navigation ul li a {
    color: #001967;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.page-voltamed .promo-header .main-navigation ul li a:hover,
.page-voltamed .promo-header .main-navigation ul li a:focus {
   text-decoration: underline;
}
.page-voltamed .promo-header .main-navigation > .component-content > .paragraphSystem.content > .richText {
    width: 100%;
    padding: 0 20px;
}

.page-voltamed .promo-header .main-navigation > .component-content > .paragraphSystem.content > .richText > .component-content {
    height: 100%
}

.page-voltamed .promo-header .main-navigation > .component-content > .paragraphSystem.content > .richText > .component-content > .richText-content {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
}

/* bloom - responsive */

@media (max-width: 767px ) {
    .voltamed-intro {
        padding-top: 0;
    }
    .voltamed-intro-perex p {
        font-size: 18px;
        line-height: 1.2;
    }
    .voltamed-intro-tag {
        margin-bottom: 18px;
    }
    .voltamed-intro-perex h2 {
        margin-top: 18px;
        font-size: 24px;
    }
    .voltamed-icons .voltamed-icons-item {
        width: 180px;

        .image {
        max-width: 120px;
        margin: 0 auto;
        float: none;
      }
    }

    .voltamed-icons > .component-content > .content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .voltamed-icons .voltamed-icons-item p {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }
    .voltamed-icons > .component-content > .content {
        gap: 32px;
    }
}
/* bloom - responsive end */


/* bloom - header */

.reference-voltamed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: transform 0.3s ease;
}

.reference-voltamed-header.hidden {
  transform: translateY(-100%);
}


@media (min-width: 960px) {
  .page-voltamed .mobile-menu {
    flex: 1 0 auto;
    order: 3;
  }
}
@media (max-width: 480px) {
  .page-voltamed .reference-voltadexibu-buy-button {
    height: 40px;
  }
}

.page-voltamed .mobile-menu {
  order: -1;
}

.page-voltamed .mobile-menu > .component-content > .content {
  margin: 0;
}

.page-voltamed .mobile-menu .mobile-menu-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0;
  padding: 120px 0 118px;
  overflow: auto;
  position: fixed;
  left: -100%;
  top: 0;
  height: 100vh;
  width: 100%;
  transition: all 0.2s linear;
  list-style: none;
  z-index: 100;
  background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/voltamed/voltarol-shape-desktop.png");
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 760px) {
    .page-voltamed .mobile-menu .mobile-menu-container {
      background-image: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren-delta/de_DE/voltamed/voltarol-shape-mobile.png");
    }
}

.page-voltamed .mobile-menu-container .voltadexibu-logo-burger img {
  opacity: 0;
  position: fixed;
  left: -100%;
}

#menuToggle:checked ~ .mobile-menu-container .voltadexibu-logo-burger img {
  top: 62px;
  transition: opacity .3s;
  transition-delay: .2s;
  transform: translateX(-50%);
  width: 125px;
  right: -20px;
  left: auto;
  opacity: 1;
}

@media (min-width: 650px) {
  #menuToggle:checked ~ .mobile-menu-container .voltadexibu-logo-burger img {
    width: 200px;
  }
}

@media (min-width: 480px){
  #menuToggle:checked ~ .mobile-menu-container .voltadexibu-logo-burger img {
    top: 48px;
  }
}

.page-voltamed .mobile-menu .mobile-menu-container li {
  margin-left: 7px;
  text-align: left;
}

.page-voltamed .mobile-menu .mobile-menu-container li a {
  padding: 0 16px;
  text-align: left;
  color: #fff;
  letter-spacing: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.page-voltamed .mobile-menu .mobile-menu-container li a img {
  margin-left: 10px;
  margin-bottom: -4px;
}

.page-voltamed .mobile-menu .mobile-menu-container .line-decor {
  position: relative;
}

.page-voltamed .mobile-menu .reference-voltadexibu-mobile-menu {
  width: fit-content;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}

.page-voltamed
  .mobile-menu
  .reference-voltadexibu-mobile-menu
  .component-content {
  display: flex;
}

.page-voltamed .mobile-menu .mobile-menu-label {
  display: inline-block;
  margin: 0 16px 0 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
}

.page-voltamed #menuToggle {
  opacity: 0;
  width: 45px;
  height: 24px;
  position: absolute;
  display: inline-flex;
  overflow: hidden;
  order: 1;
  left: 25px;
}

.page-voltamed .mobile-menu .menu-btn {
  position: relative !important;
  order: 1;
  z-index: 101;
  width: 30px;
  height: 26px;
}

#menuToggle:checked ~ .menu-btn {
  position: fixed;
}

.page-voltamed .mobile-menu .menu-btn > span {
  display: inline-block;
  z-index: 10;
}

.page-voltamed .mobile-menu .menu-btn > span.mobile-menu-icon,
.page-voltamed .mobile-menu .menu-btn > span.mobile-menu-icon::before,
.page-voltamed .mobile-menu .menu-btn > span.mobile-menu-icon::after {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 6px;
  background-color: #011c72;
  border-radius: 2px;
  left: 0;
}

.page-voltamed .mobile-menu .menu-btn > span.mobile-menu-icon {
  top: 50%;
  transform: translateY(-50%);
}

.page-voltamed .mobile-menu .menu-btn > span.mobile-menu-icon::before {
  content: "";
  transform: translateY(-9px);
  transition: transform 0.2s linear;
}

.page-voltamed .mobile-menu .menu-btn > span.mobile-menu-icon::after {
  content: "";
  transform: translateY(9px);
  transition: transform 0.2s linear;
}

#menuToggle:checked ~ .menu-btn .mobile-menu-icon {
  visibility: hidden;
}

#menuToggle:checked ~ .menu-btn .mobile-menu-icon::before {
  visibility: visible;
  transform: translateY(0) rotate(45deg);
  width: 30px;
  background-color: #fff;
  transition: all 0.3s ease 0s;
}

#menuToggle:checked ~ .menu-btn .mobile-menu-icon::after {
  visibility: visible;
  transform: translateY(0) rotate(-45deg);
  width: 30px;
  background-color: #fff;
  transition: all 0.3s ease 0s;
}

#menuToggle:checked ~ .mobile-menu-container {
  left: 0;
}

@media (max-width: 778px) {
  .page-voltamed .promo-header .logo-box .image img {
    width: 124px;
  }
  .page-voltamed .header-top-link {
    display: none;
  }

  .page-voltamed .promo-header > .component-content > .content {
        align-items: center;
        padding-bottom: 10px;
    }
}

.reference-voltamed-mobile-menu .component-content {
  display: flex;
}

/* bloom-header end*/:lang(nl-BE){
    .banner-with-image .promotional-banner{
        max-width: 100%;
        max-height: none;
    }
    .banner-with-image .promotional-banner.first {
        width: 100%;
    }

    @media (max-width: 767px){
        .banner-with-image .promotional-banner-content{
            width: 50%;
            margin-left: auto;
        }
        .banner-with-image .promotional-banner-content{
            right: 10px;
        }
    }

    @media (max-width: 600px){
        .banner-with-image .promotional-banner-content img{
            max-width: 83%;
        }
    }

    @media (max-width: 539px){
        .banner-with-image .promotional-banner-content{
            top: 50%;
            bottom: auto;
            transform: translateY(-50%);
        }
        .banner-with-image .promotional-banner-content .button-learn-more{
            padding: 4px 40px 4px 8px;
            line-height: 1.4;
            font-size: 0.98rem;
        }
        .banner-with-image .promotional-banner-content .button-learn-more::after{
            border-width: 0 2px 2px 0;
            padding: 6px;
        }
    }
}

:lang(fr-BE){
    .banner-with-image .promotional-banner{
        max-width: 100%;
        max-height: none;
    }
    .banner-with-image .promotional-banner.first {
        width: 100%;
    }
    .banner-with-image .promotional-banner.last{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        width: 50%
    }
    @media (max-width: 539px) {
        .banner-with-image .promotional-banner.last{
            top: 50%;
            right: 10px;
            bottom: auto;
            transform: translateY(-50%);
        }
        .banner-with-image .promotional-banner.last .image .component-content{
            text-align: right;
        }
        .banner-with-image .promotional-banner.last img{
            max-width: 83%;
        }
        .banner-with-image .promotional-banner.last .button-learn-more{
            padding: 4px 40px 4px 8px;
            line-height: 1.4;
        }
        .banner-with-image .promotional-banner.last .button-learn-more::after{
            border-width: 0 2px 2px 0;
            padding: 6px;
            font-size: 0.98rem;
        }
    }
    @media (min-width: 768px) {
        .banner-with-image .promotional-banner.last figure{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }
        .banner-with-image .promotional-banner.last img{
            max-width: 288px;
        }
    }
    @media (min-width: 992px) {
        .banner-with-image .promotional-banner.last img {
            padding-bottom: 60px;
        }
    }
}.icons-container {
    & > div > div {
        justify-content: center;
        height: 100%;
    }

    .image {
        max-height: 150px;
    }
}

@media (min-width: 992px) {
    .vertical-align-center-992up > .component-content > .content {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .vertical-align-center-1200up > .component-content > .content {
        display: flex;
        align-items: center;
    }
}
:lang(en-CA) .treatments-picker .content,
:lang(fr-CA) .treatments-picker .content {
    min-width: auto;
}

@media only screen and (min-width: 1511px) {
    .treatments-picker__content-desc-text--hide {
        display: none;
    }
}

@media only screen and (max-width: 1510px) {
    :lang(en-CA) .content-desc-title.h1-orange,
    :lang(fr-CA) .content-desc-title.h1-orange {
        padding-top: 40px;
        line-height: 1.25;
    }

    :lang(en-CA) .content-desc-text.intro-text-dark,
    :lang(fr-CA) .content-desc-text.intro-text-dark {
        padding-bottom: 20px;
    }
}
.buy-now-grid > .component-content > .content {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 15px;
}

.buy-now-grid-item {
    flex: 0 0 369px;
    float: none;
    margin: 0;
    max-width: 369px;
    padding: 0;
}

.buy-now-grid-item > .component-content > .content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.buy-now-grid-item .image.component .component-content {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(50, 49, 49, 0.1);
    border-radius: 0 0 60px 0;
    display: flex;
    flex-direction: column;
    height: 204px;
    justify-content: center;
    overflow: hidden;
    width: 369px;
}

.buy-now-grid-item .image.component a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.buy-now-grid-item .image.component picture,
.buy-now-grid-item .image.component img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 120px;
    max-width: 220px;
    width: auto;
}

.buy-now-grid-item .richText-content p {
    margin: 0;
}

.buy-now-grid-item .richText.component .component-content,
.buy-now-grid-item .richText-content,
.buy-now-grid-item .richText-content p {
    overflow: visible;
}

.buy-now-grid-item .button-learn-more {
    align-items: center;
    border-radius: 0 0 25px 0;
    display: inline-flex;
    font-size: 22px;
    gap: 6px;
    line-height: 28px;
    padding: 10px 52px 13px 30px;
}

.buy-now-grid-item .button-learn-more::after {
    padding: 4px;
    right: 36px;
    top: 23px;
}

.buy-now-grid-item .button-learn-more:hover::after,
.buy-now-grid-item .button-learn-more:focus::after {
    right: 23px;
}

@media (max-width: 1199px) {
    .buy-now-grid-item {
        flex: 0 0 359px;
        max-width: 359px;
    }

    .buy-now-grid-item .image.component .component-content {
        width: 359px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .buy-now-grid > .component-content > .paragraphSystem.content {
        display: grid;
        gap: 40px 15px;
        grid-template-columns: auto auto;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .buy-now-grid > .component-content > .content {
        justify-content: center;
    }

    .buy-now-grid-item {
        flex: 0 0 100%;
        margin: 0 auto;
        max-width: 344px;
        width: 100%;
    }
}
.ps-widget.ps-no-sku.ps-disabled > small,
.ps-widget.ps-sku.ps-disabled > small{
    display: none !important;
}/* Accordion arrow animation for mobile navigation second level */
.reference-header-rework .navigation-dropdown-main-link-mobile::after {
  transition: transform 0.2s ease;
}

.reference-header-rework .navigation-dropdown-main-link-mobile.accordion-open::after {
  transform: rotate(45deg);
}

.reference-header-rework .navigation-dropdown-main-link-mobile.no-submenu::after {
  display: none;
}

@media (max-width: 991px) {
  /* Show navigation list inside clone accordion panels (overrides main.css display:none) */
  .reference-header-rework .clone .default-style .navigation-root.navigation-level1 {
    display: block;
  }

  /* Hide hover image boxes inside mobile clone dropdown (desktop-only feature) */
  .reference-header-rework .clone .hover-box {
    display: none !important;
  }

  /* Remove desktop-only top padding inside mobile clone dropdown */
  .reference-header-rework .clone .padding-80-top {
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner-with-image .content {
        flex-direction: column;
    }

    .banner-with-image.show-on-tablet {
        display: block;
    }

    .banner-with-image.hide-on-tablet {
        display: none;
    }
}

.banner-text.banner-text-small {
    line-height: 16px;
    padding: 0 0 16px;

    span, sub {
        line-height: 16px;
    }
}

@media (max-width: 767px) {
    .banner-text.banner-button {
        padding: 10px 0;
    }
}
.dynamic-regulatory .right-button {
    position: fixed;
    right: 0;
    top: 27%;
    display: block;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px 0 0 5px;
    bottom: 50%;
    box-shadow: 3px -3px 3px rgb(0 0 0 / 10%);
    height: 130px;
    width: 32px;
    z-index: 9991;
    text-align: center;
}
.dynamic-regulatory .right-button a {
    display: block;
    transform: rotate(-90deg);
    width: 100%;
    top: 70%;
    color: #006999;
    position: relative;
    font-weight: 500;
}
.dynamic-regulatory .bottom-row {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    box-shadow: 3px 0 5px 5px rgb(193 196 197 / 50%);
    background: #fff;
    height: 170px;
    box-sizing: border-box;
    z-index: 1050;
}
.dynamic-regulatory .bottom-row .enlarge {
    position: absolute;
    right: 50%;
    margin-right: -25%;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    top: 5px;
}
.dynamic-regulatory .bottom-row .conclude {
    position: absolute;
    right: 20px;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    top: 6px;
}
.dynamic-regulatory .bottom-row.enlargeblock {
    height: 400px;
}
.dynamic-regulatory .bottom-row .inner-container-width {
    height: 100%;
    padding-top: 30px;
    box-sizing: border-box;
}
.dynamic-regulatory .bottom-row .inner-container-width h4{
    color: #3e4549;
    font-weight: 600;
    font-size: 1.5rem;
    margin: 0;
}
.dynamic-regulatory .right-button.hidden {
    display: none;
}
.dynamic-regulatory .bottom-row .inner-container-width > div {
    height: 100%;
}
.dynamic-regulatory .bottom-row .inner-container-width > div > div {
    height: 100%;
    overflow: auto;
    position: relative;
}
.dynamic-regulatory .scroll_block {
    padding: 0 30px 15px 30px;
}
.dynamic-regulatory .bottom-row .enlarge.active span {
    display: none;
}
.dynamic-regulatory .bottom-row .enlarge em {
    font-style: normal;
    display: none;
}
.dynamic-regulatory .bottom-row .enlarge.active em {
    display: inline-block;
}
.dynamic-regulatory .bottom-row .enlarge:after {
    content: "";
    margin-left: 5px;
    display: inline-block;
    background: url('/content/dam/cf-consumer-healthcare/bp-vitasprint/de_DE/src/icons/css_sprites.png') no-repeat 11.56% 2.3%;
    background-size: 1357.14% 6271.4 0.7%;
    width: 7px;
    height: 7px;
    margin-top: 4px;
}
.dynamic-regulatory .bottom-row .enlarge.active:after {
    transform: rotate(180deg);
}
.dynamic-regulatory .bottom-row .conclude:after {
    content: "";
    margin-left: 5px;
    display: inline-block;
    background: url('/content/dam/cf-consumer-healthcare/bp-vitasprint/de_DE/src/icons/css_sprites.png') no-repeat 11.5% 8.58%;
    background-size: 1187.5% 5487.5%;
    width: 8px;
    height: 8px;
    margin-top: 4px;
}
.dynamic-regulatory .hidden {
    display: none;
}
.dynamic-regulatory h5 {
    font-size: 1.15rem;
    margin: 1rem 0;
}
.dynamic-regulatory p {
    margin: 0;
    font-size: 0.875rem;
}

@media (min-width: 1200px){
    .dynamic-regulatory .inner-container-width {
        width: 1140px;
        margin: 0 auto;
    }
}
@media (max-width: 768px){
    .dynamic-regulatory .right-button{
        top: 40%;
        height: 105px;
    }
    .dynamic-regulatory .bottom-row .enlarge{
        margin-right: -16%;
    }
    .dynamic-regulatory .right-button a {
        top: 73%;
    }

    #header .header-navigation.main-menu .navigation ul.navigation-level1 li.page-where-to-buy {
        display: block;
    }
}