/*!
 * frontend
 * name: rwe /  innogy-web,
 * buildDate: Wed Jul 03 2019 17:01:47 GMT+0200 (CEST),
 * packageVersion: 3.13.3
 */
@font-face {
  font-family: light;
  src        : url(/lib/rwe/fonts/RWESansWeb-Light?#iefix) format("eot"),
    url(/lib/rwe/fonts/RWESansWeb-Light.woff2) format("woff2"),
    url(/lib/rwe/fonts/RWESansWeb-Light.woff) format("woff");
  font-weight: normal;
  font-style : normal
}

@font-face {
  font-family: regular;
  src        : url(/lib/rwe/fonts/RWESansWeb-Regular?#iefix) format("eot"),
    url(/lib/rwe/fonts/RWESansWeb-Regular.woff2) format("woff2"),
    url(/lib/rwe/fonts/RWESansWeb-Regular.woff) format("woff");
  font-weight: normal;
  font-style : normal
}

@font-face {
  font-family: medium;
  src        : url(/lib/rwe/fonts/RWESansWeb-Medium?#iefix) format("eot"),
    url(/lib/rwe/fonts/RWESansWeb-Medium.woff2) format("woff2"),
    url(/lib/rwe/fonts/RWESansWeb-Medium.woff) format("woff");
  font-weight: normal;
  font-style : normal
}

@font-face {
  font-family: bold;
  src        : url(/lib/rwe/fonts/RWESansWeb-Bold?#iefix) format("eot"),
    url(/lib/rwe/fonts/RWESansWeb-Bold.woff2) format("woff2"),
    url(/lib/rwe/fonts/RWESansWeb-Bold.woff) format("woff");
  font-weight: normal;
  font-style : normal
}

@font-face {
  font-family: "rwe-iconfont";
  src        : url(/lib/rwe/fonts/rwe-iconfont.eot?v=3.13.3);
  src        : url(/lib/rwe/fonts/rwe-iconfont.eot?#iefix&v=3.13.3) format("eot"),
    url(/lib/rwe/fonts/rwe-iconfont.woff?v=3.13.3) format("woff"),
    url(/lib/rwe/fonts/rwe-iconfont.ttf?v=3.13.3) format("truetype"),
    url(/lib/rwe/fonts/rwe-iconfont.svg#rwe-iconfont&v=3.13.3) format("svg");
  font-weight: normal;
  font-style : normal
}

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

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

html {
  font-family             : sans-serif;
  -ms-text-size-adjust    : 100%;
  -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio:not([controls]) {
  display: none;
  height : 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

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

mark {
  background: #ff0;
  color     : #000
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing        : content-box;
  height            : 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size  : 1em
}

button,
input,
optgroup,
select,
textarea {
  color : inherit;
  font  : inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor            : pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border : 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  padding           : 0
}

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

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing        : content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border : 1px solid silver;
  margin : 0 2px;
  padding: .35em .625em .75em
}

legend {
  border : 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

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

td,
th {
  padding: 0
}

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

html {
  -webkit-tap-highlight-color: transparent
}

body {
  font-family     : "Trebuchet MS", "Tahoma", sans-serif;
  line-height     : 1.428571429;
  background-color: #fff
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size  : inherit;
  line-height: inherit
}

img {
  vertical-align: middle
}

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

[role=button] {
  cursor: pointer
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top   : 10px;
  margin-bottom: 10px
}

p {
  margin: 0 0 10px
}

.small,
small {
  font-size: 85%
}

.mark,
mark {
  background-color: #fcf8e3;
  padding         : .2em
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #777
}

ol,
ul {
  margin-top   : 0;
  margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

.list-unstyled {
  padding-left: 0;
  list-style  : none
}

dl {
  margin-top   : 0;
  margin-bottom: 20px
}

dd,
dt {
  line-height: 1.428571429
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

abbr[data-original-title],
abbr[title] {
  cursor       : help;
  border-bottom: 1px dotted #777
}

blockquote {
  padding  : 10px 20px;
  margin   : 0 0 20px;
  font-size: 17.5px
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
  display    : block;
  font-size  : 80%;
  line-height: 1.428571429;
  color      : #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: "\2014 \00A0"
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left : 0;
  border-right : 5px solid #eee;
  border-left  : 0;
  text-align   : right
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: ""
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: "\00A0 \2014"
}

address {
  margin-bottom: 20px;
  font-style   : normal;
  line-height  : 1.428571429
}

.container,
.container-fluid {
  margin-right : auto;
  margin-left  : auto;
  padding-left : 1.5vw;
  padding-right: 1.5vw
}

.row {
  margin-left : -1.5vw;
  margin-right: -1.5vw
}

.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,
.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,
.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,
.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 {
  position     : relative;
  min-height   : 1px;
  padding-left : 1.5vw;
  padding-right: 1.5vw
}

.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-1 {
  width: 8.3333333333%
}

.col-xs-2 {
  width: 16.6666666667%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.3333333333%
}

.col-xs-5 {
  width: 41.6666666667%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.3333333333%
}

.col-xs-8 {
  width: 66.6666666667%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.3333333333%
}

.col-xs-11 {
  width: 91.6666666667%
}

.col-xs-12 {
  width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.3333333333%
}

.col-xs-pull-2 {
  right: 16.6666666667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.3333333333%
}

.col-xs-pull-5 {
  right: 41.6666666667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.3333333333%
}

.col-xs-pull-8 {
  right: 66.6666666667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.3333333333%
}

.col-xs-pull-11 {
  right: 91.6666666667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.3333333333%
}

.col-xs-push-2 {
  left: 16.6666666667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.3333333333%
}

.col-xs-push-5 {
  left: 41.6666666667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.3333333333%
}

.col-xs-push-8 {
  left: 66.6666666667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.3333333333%
}

.col-xs-push-11 {
  left: 91.6666666667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%
}

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

.col-xs-offset-4 {
  margin-left: 33.3333333333%
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%
}

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

.col-xs-offset-7 {
  margin-left: 58.3333333333%
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%
}

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

.col-xs-offset-10 {
  margin-left: 83.3333333333%
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%
}

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

.center-block {
  display     : block;
  margin-left : auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font            : 0/0 a;
  color           : transparent;
  text-shadow     : none;
  background-color: transparent;
  border          : 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

.ps-container {
  -ms-touch-action  : none;
  touch-action      : none;
  overflow          : hidden !important;
  -ms-overflow-style: none
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
  display         : block;
  background-color: transparent
}

.ps-container.ps-in-scrolling {
  pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  background-color: transparent;
  opacity         : .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #999
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  background-color: transparent;
  opacity         : .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
  display           : none;
  position          : absolute;
  opacity           : 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition        : background-color .2s linear, opacity .2s linear;
  bottom            : 0;
  height            : 15px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  position          : absolute;
  background-color  : #aaa;
  border-radius     : 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition        : background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  bottom            : 2px;
  height            : 6px
}

.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
  height: 6px
}

.ps-container>.ps-scrollbar-y-rail {
  display           : none;
  position          : absolute;
  opacity           : 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition        : background-color .2s linear, opacity .2s linear;
  right             : 0;
  width             : 15px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  position          : absolute;
  background-color  : #aaa;
  border-radius     : 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition        : background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  right             : 2px;
  width             : 6px
}

.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
  width: 6px
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  background-color: transparent;
  opacity         : .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  background-color: transparent;
  opacity         : .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
  opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
  background-color: transparent;
  opacity         : .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
  background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
  background-color: transparent;
  opacity         : .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
  background-color: #999
}

.float-right,
.float-xs-right {
  float: right
}

.float-left,
.float-xs-left {
  float: left
}

.float-none,
.float-xs-none {
  float: none
}

.container {
  max-width: 1280px
}

.container-fluid,
.container-fluid .container,
.container .container {
  padding-left : 0;
  padding-right: 0
}

.container-fluid>.row {
  margin: 0
}

[data-tpl*=grid-form] .container {
  padding-left : 1.5vw;
  padding-right: 1.5vw
}

[data-tpl*=detail] aside [data-tpl*=grid],
[data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) {
  margin-top   : 3vw;
  margin-bottom: 3vw
}

[data-tpl*=grid]>.container>.content:not(:first-child),
[data-tpl*=grid]>.container>.row>.grid-content:not(:first-child) {
  margin-top: 3vw
}

main>[data-tpl*=grid]:last-child:not([data-tpl=grid-bas-07]):not([data-tpl=grid-bas-01][class*=color-background]) {
  margin-bottom: 2.5rem
}

#main-footer [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]),
main [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) {
  margin-left : 3vw;
  margin-right: 3vw
}

#main-footer [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) [data-tpl*=grid],
main [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) [data-tpl*=grid] {
  margin-left : 0;
  margin-right: 0
}

#main-footer,
main {
  opacity           : 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition        : opacity .2s ease-in-out
}

#main-footer {
  min-height: 1px
}

body,
html {
  font-size             : 15px;
  color                 : #1d4477;
  font-family           : regular;
  -webkit-font-smoothing: antialiased
}

h1,
h2,
h3 {
  font-family: bold;
  font-weight: normal
}

h1 {
  font-size  : 2rem;
  line-height: 1.1
}

h2 {
  font-size  : 1.7rem;
  line-height: 1.2
}

h3 {
  font-size  : 1.15rem;
  line-height: 1.45
}

strong {
  font-family: bold;
  font-weight: normal
}

em {
  font-style: normal
}

ol,
ul {
  list-style  : none;
  padding-left: 0
}

.accordion-item ul li,
.content-extended ul li,
.content ul li {
  padding-left: 1rem
}

.accordion-item ul li:before,
.content-extended ul li:before,
.content ul li:before {
  content       : "\00b7";
  font-family   : medium;
  display       : inline-block;
  width         : 1rem;
  margin-left   : -1rem;
  vertical-align: .05rem
}

ol {
  counter-reset: a
}

ol li {
  counter-increment: a;
  padding-left     : 1.75rem
}

ol li:before {
  content    : counter(a) ". ";
  display    : inline-block;
  color      : #00b1eb;
  width      : 1.75rem;
  margin-left: -1.75rem
}

a {
  text-decoration   : none;
  color             : #00b1eb;
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  -webkit-transform : translateY(0);
  transform         : translateY(0)
}

/* a:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
} */

figcaption,
small {
  font-size  : .9rem;
  line-height: 1.5
}

.font--light {
  font-family: light
}

.font--regular {
  font-family: regular
}

.font--medium {
  font-family: medium
}

.font--bold {
  font-family: bold
}

.color-background-1 {
  background-color: #fff
}

.color-background-2 {
  background-color: #f5f3f6
}

.color-background-3 {
  background-color: #1d4477
}

.color-background-4 {
  background-color: #00b1eb
}

.color-background-5 {
  background-color: #3ed8c3
}

.color-background-6 {
  background-color: #000
}

.color-background-7 {
  background-color: #dcdcdc
}

.color-background-8 {
  background-color: #e7343f
}

.color-background-none {
  background-color: transparent
}

[class*=color-background-] {
  color: #fff
}

.color-background-none {
  color: inherit
}

.color-background-1,
.color-background-2,
.color-background-5,
.color-background-none,
.color-background-partial {
  color: #1d4477
}

.color-teaser-1 {
  background-color: #fff
}

.color-teaser-2 {
  background-color: #f5f3f6
}

.color-teaser-3 {
  background-color: #1d4477
}

.color-teaser-4 {
  background-color: #00b1eb
}

.color-teaser-5 {
  background-color: #3ed8c3
}

[class*=color-teaser],
[class*=color-teaser]>header:after,
[class*=color-teaser] a:not(.btn),
[class*=color-teaser] a:not(.btn):hover {
  color: #fff
}

.color-teaser-1,
.color-teaser-1 a:not(.btn),
.color-teaser-1 a:not(.btn):hover,
.color-teaser-1>header:after,
.color-teaser-2,
.color-teaser-2 a:not(.btn),
.color-teaser-2 a:not(.btn):hover,
.color-teaser-2>header:after {
  color: #1d4477
}

.color-font-1 {
  color: #fff
}

.color-font-2 {
  color: #1d4477
}

.color-font-3 {
  color: #00b1eb
}

.color-font-4 {
  color: #dcdcdc
}

.color-font-5 {
  color: #5a5a5a
}

.color-font-6 {
  color: #f5f3f6
}

.color-font-7 {
  color: #3ed8c3
}

.color-font-8 {
  color: #858585
}

.color-font-9 {
  color: #e7343f
}

.color-line-1 {
  border-color: #f5f3f6 !important
}

.color-line-2 {
  border-color: #dcdcdc !important
}

.color-line-3 {
  border-color: #00b1eb !important
}

.color-line-4 {
  border-color: #e7343f !important
}

[class*=color-background-] {
  border-color: #f5f3f6
}

.color-background-2,
.color-background-3,
.color-background-none {
  border-color: #dcdcdc
}

.color-cta-1 {
  background-color: #fff
}

.color-cta-1:focus,
.color-cta-1:hover {
  background-color: #e6e5e5
}

.color-cta-1:active {
  background-color: #ccc
}

.color-cta-2 {
  background-color: #1d4477
}

.color-cta-2:focus,
.color-cta-2:hover {
  background-color: #003253
}

.color-cta-2:active {
  background-color: #001320
}

.color-cta-3 {
  background-color: #00b1eb
}

.color-cta-3:focus,
.color-cta-3:hover {
  background-color: #199acc
}

.color-cta-3:active {
  background-color: #13789f
}

.color-cta-4 {
  background-color: #3ed8c3
}

.color-cta-4:focus,
.color-cta-4:hover {
  background-color: #00a19f
}

.color-cta-4:active {
  background-color: #00a19f
}

.color-cta-5 {
  background-color: #dcdcdc
}

.color-cta-5:focus,
.color-cta-5:hover {
  background-color: #f6f5f5
}

.color-cta-5:active {
  background-color: #fff
}

[class*=color-cta-],
[class*=color-cta-]:active,
[class*=color-cta-]:focus,
[class*=color-cta-]:hover {
  color: #fff
}

.color-cta-1,
.color-cta-1:active,
.color-cta-1:focus,
.color-cta-1:hover {
  color: #1d4477
}

.color-icon-1 {
  color: #fff
}

.color-icon-2 {
  color: #1d4477
}

.color-icon-3 {
  color: #00b1eb
}

.color-icon-4 {
  color: #dcdcdc
}

.color-icon-5 {
  color: #3ed8c3
}

.color-icon-6 {
  color: #5a5a5a
}

.color-icon-7 {
  color: #858585
}

.color-icon-8 {
  color: #e7343f
}

#dws01-modal .close:before,
#main-navigation ul.quick-nav li a:before,
#main-navigation ul li span:before,
#off-screen-app-drawer .off-screen-close:before,
.rwe-icon:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
[data-tpl=breadcrumb] ol li:before,
[data-tpl=las01r] .trigger:after,
[data-tpl=modal] .close:before,
[data-tpl=sli01] .slider-next:before,
[data-tpl=sli01] .slider-prev:before {
  display                : inline-block;
  speak                  : none;
  font-family            : "rwe-iconfont";
  line-height            : 1;
  font-weight            : normal;
  font-style             : normal;
  font-variant           : normal;
  text-transform         : none;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale
}

.rwe-icon-activity:before {
  content: "\EA01"
}

.rwe-icon-arrow_left:before {
  content: "\EA02"
}

.rwe-icon-arrow_right:before,
[data-tpl=breadcrumb] ol li:before {
  content: "\EA03"
}

.rwe-icon-briefcase:before {
  content: "\EA04"
}

.rwe-icon-burger_menu:before {
  content: "\EA05"
}

.rwe-icon-calendar:before {
  content: "\EA06"
}

.rwe-icon-chat:before {
  content: "\EA07"
}

.rwe-icon-check_checkbox:before {
  content: "\EA08"
}

.rwe-icon-checkmark:before {
  content: "\EA09"
}

.rwe-icon-checkmark_elipse:before {
  content: "\EA0A"
}

#main-navigation ul li span:before,
.rwe-icon-chevron_down:before,
[data-tpl=las01r] .trigger:after {
  content: "\EA0B"
}

.rwe-icon-chevron_left:before {
  content: "\EA0C"
}

.rwe-icon-chevron_right:before {
  content: "\EA0D"
}

.rwe-icon-chevron_up:before,
footer [data-tpl=las01r] .trigger:after {
  content: "\EA0E"
}

.rwe-icon-circle-arrow-left:before,
[data-tpl=sli01] .slider-prev:before {
  content: "\EA0F"
}

.rwe-icon-circle-arrow-right:before,
[data-tpl=sli01] .slider-next:before {
  content: "\EA10"
}

.rwe-icon-clock:before {
  content: "\EA11"
}

#dws01-modal .close:before,
#off-screen-app-drawer .off-screen-close:before,
.rwe-icon-close:before,
[data-tpl=modal] .close:before {
  content: "\EA12"
}

.rwe-icon-close_elipse:before {
  content: "\EA13"
}

.rwe-icon-document:before {
  content: "\EA14"
}

.rwe-icon-dot:before {
  content: "\EA15"
}

.rwe-icon-download:before {
  content: "\EA16"
}

.rwe-icon-edit:before {
  content: "\EA17"
}

.rwe-icon-external_link:before {
  content: "\EA18"
}

.rwe-icon-eye:before {
  content: "\EA19"
}

.rwe-icon-eye_off:before {
  content: "\EA1A"
}

.rwe-icon-facebook:before {
  content: "\EA1B"
}

.rwe-icon-facebook_elipse:before {
  content: "\EA1C"
}

.rwe-icon-google:before {
  content: "\EA1D"
}

.rwe-icon-google_elipse:before {
  content: "\EA1E"
}

.rwe-icon-grid:before {
  content: "\EA1F"
}

.rwe-icon-hilfe_kontakt:before {
  content: "\EA20"
}

.rwe-icon-home:before {
  content: "\EA21"
}

.icon_link:before {
  content: "\EA22"
}

.rwe-icon-instagram:before {
  content: "\EA23"
}

.rwe-icon-instagram_elipse:before {
  content: "\EA24"
}

.rwe-icon-kununu:before {
  content: "\EA25"
}

.rwe-icon-kununu_elipse:before {
  content: "\EA26"
}

.rwe-icon-link:before {
  content: "\EA27"
}

.rwe-icon-linkedin:before {
  content: "\EA28"
}

.rwe-icon-linkedin_elipse:before {
  content: "\EA29"
}

.rwe-icon-list:before {
  content: "\EA2A"
}

#main-navigation ul.quick-nav li.login a:before,
.rwe-icon-logout:before {
  content: "\EA2B"
}

#main-navigation ul.quick-nav li.contact a:before,
.rwe-icon-mail:before {
  content: "\EA2C"
}

.rwe-icon-mail_elipse:before {
  content: "\EA2D"
}

.rwe-icon-map:before {
  content: "\EA2E"
}

.rwe-icon-map_pin:before {
  content: "\EA2F"
}

.rwe-icon-map_pin_cluster:before {
  content: "\EA30"
}

.rwe-icon-maximize:before {
  content: "\EA31"
}

.rwe-icon-maximize_elipse:before {
  content: "\EA32"
}

.rwe-icon-meinpraktikum:before {
  content: "\EA33"
}

.rwe-icon-meinpraktikum_elipse:before {
  content: "\EA34"
}

.rwe-icon-minimize:before {
  content: "\EA35"
}

.rwe-icon-minimize_elipse:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\EA36"
}

.rwe-icon-pause_elipse:before {
  content: "\EA37"
}

.rwe-icon-phone:before {
  content: "\EA38"
}

.rwe-icon-pin:before {
  content: "\EA39"
}

.rwe-icon-play_elipse:before {
  content: "\EA3A"
}

.rwe-icon-plus:before {
  content: "\EA3B"
}

.rwe-icon-print:before {
  content: "\EA3C"
}

.rwe-icon-print_elipse:before {
  content: "\EA3D"
}

.rwe-icon-rss:before {
  content: "\EA3E"
}

.rwe-icon-search:before {
  content: "\EA3F"
}

.rwe-icon-snapchat-elipse:before {
  content: "\EA40"
}

.rwe-icon-snapchat:before {
  content: "\EA41"
}

.rwe-icon-sound_off:before {
  content: "\EA42"
}

.rwe-icon-sound_off_elipse:before {
  content: "\EA43"
}

.rwe-icon-sound_on:before {
  content: "\EA44"
}

.rwe-icon-sound_on_elipse:before {
  content: "\EA45"
}

.rwe-icon-star:before {
  content: "\EA46"
}

.rwe-icon-subline:before {
  content: "\EA47"
}

.rwe-icon-subline_elipse:before {
  content: "\EA48"
}

.rwe-icon-tiles:before {
  content: "\EA49"
}

.rwe-icon-tooltip:before {
  content: "\EA4A"
}

.rwe-icon-twitter:before {
  content: "\EA4B"
}

.rwe-icon-twitter_elipse:before {
  content: "\EA4C"
}

.rwe-icon-vero-elipse:before {
  content: "\EA4D"
}

.rwe-icon-vero:before {
  content: "\EA4E"
}

.rwe-icon-whatsapp:before {
  content: "\EA4F"
}

.rwe-icon-whatsapp_elipse:before {
  content: "\EA50"
}

.rwe-icon-xing:before {
  content: "\EA51"
}

.rwe-icon-xing_elipse:before {
  content: "\EA52"
}

.rwe-icon-youtube:before {
  content: "\EA53"
}

.rwe-icon-youtube_elipse:before {
  content: "\EA54"
}

.rwe-icon-toggle_right:before {
  content: '\e900';
}

body,
html {
  height: 100%
}

body {
  margin: 0
}

#page-wrapper {
  position             : relative;
  overflow             : hidden;
  background-color     : #dcdcdc;
  min-height           : 100%;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column
}

#off-screen-wrap #off-screen-content>div {
  background-color: #fff
}

.aria-only {
  display: none
}

.link {
  color    : #00b1eb;
  font-size: .9rem
}

.link:before {
  -webkit-transition-duration       : .1s;
  transition-duration               : .1s;
  -webkit-transition-property       : -webkit-transform;
  transition-property               : -webkit-transform;
  transition-property               : transform;
  transition-property               : transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function        : ease-out
}

.link--download {
  -webkit-transform: perspective(1px) translateZ(0);
  transform        : perspective(1px) translateZ(0)
}

.link--download:before {
  content     : "\EA16";
  font-size   : .7rem;
  font-family : rwe-iconfont;
  margin-right: .75rem
}

.link--download:hover:before {
  -webkit-transform: translateY(2px);
  transform        : translateY(2px)
}

.link--internal:before {
  content     : "\EA0D";
  font-size   : .7rem;
  font-family : rwe-iconfont;
  margin-right: .75rem
}

.link--internal:hover:before {
  -webkit-transform: translateX(4px);
  transform        : translateX(4px)
}

.link--external:before {
  content     : "\EA18";
  font-size   : .7rem;
  font-family : rwe-iconfont;
  margin-right: .75rem
}

.link--external:hover:before {
  -webkit-transform: translateX(2px) translateY(-2px);
  transform        : translateX(2px) translateY(-2px)
}

.link--phone:before {
  content     : "\EA38";
  font-size   : .7rem;
  font-family : rwe-iconfont;
  margin-right: .75rem
}

.link--phone:hover:before {
  -webkit-transform: translateX(4px);
  transform        : translateX(4px)
}

aside>:first-child {
  margin-top: 0
}

[data-tpl*=detail-]>header [data-tpl=grid-bas-02] {
  padding-left : 3vw;
  padding-right: 3vw
}

[data-tpl*=detail-]>header [data-tpl=grid-bas-02] .container {
  padding-left : .75vw;
  padding-right: .75vw
}

#main-header {
  height                     : 90px;
  position                   : absolute;
  left                       : 0;
  right                      : 0;
  z-index                    : 10;
  text-align                 : center;
  background                 : #00b1eb;
  background                 : rgb(29, 68, 119);
  background                 : -moz-linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(0, 161, 159, 1) 100%);
  background                 : -webkit-linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(0, 161, 159, 1) 100%);
  background                 : linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(0, 161, 159, 1) 100%);
  filter                     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d4477", endColorstr="#00a19f", GradientType=1);
  overflow                   : hidden;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-transition         : background-color .8s ease-in-out;
  transition                 : background-color .8s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  -webkit-perspective        : 1000px;
  perspective                : 1000px;
  -webkit-transform          : translateZ(0);
  transform                  : translateZ(0)
}

.is-mobile.is-ios #main-header {
  position: fixed
}

#main-header>div,
.is-mobile.is-ios #main-header.main-header--ready {
  position: absolute
}

#main-header>div {
  height: 100%;
  left  : 0;
  right : 0
}

#main-header .logo {
  display           : block;
  cursor            : pointer;
  z-index           : 1;
  position          : absolute;
  top               : 50%;
  left              : 50%;
  -webkit-transform : translate(-50%, -50%);
  transform         : translate(-50%, -50%);
  -webkit-transition: opacity .8s ease-in-out;
  transition        : opacity .8s ease-in-out;
  font-family       : regular
}

#main-header .logo div {
  height: 100%
}

#main-header .logo svg {
  display : block;
  overflow: visible
}

#main-header.osad--during-animation--close,
#main-header.osad--during-animation--open {
  -webkit-transition-duration: 0s;
  transition-duration        : 0s
}

#main-header.osad--during-animation--close {
  -webkit-transition-delay: 0s;
  transition-delay        : 0s
}

body.state-off-screen-cart-visible #main-header .logo,
body.state-off-screen-navigation-visible #main-header .logo {
  opacity                    : 0;
  -webkit-transition-delay   : 0s;
  transition-delay           : 0s;
  -webkit-transition-duration: .4s;
  transition-duration        : .4s;
  pointer-events             : none
}

#main-header>div {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

body.state-off-screen-navigation-visible #main-header>div {
  -webkit-transform: translateX(18rem);
  transform        : translateX(18rem)
}

body.state-off-screen-cart-visible #main-header>div {
  -webkit-transform: translateX(-18rem);
  transform        : translateX(-18rem)
}

#main-header.during-animation {
  -webkit-transition-duration: .4s;
  transition-duration        : .4s
}

#main-header.main-header--fixed,
#main-header.main-header--out-of-viewport {
  padding           : 0;
  height            : calc(2rem + 20px);
  position          : fixed !important;
  top               : 0;
  -webkit-transform : translate3d(0, -100%, 0);
  transform         : translate3d(0, -100%, 0);
  opacity           : 0;
  -webkit-transition: none;
  transition        : none;
  background        : #1d4477
}

#main-header.main-header--fixed>div,
#main-header.main-header--out-of-viewport>div {
  height: auto
}

#main-header.main-header--fixed .logo,
#main-header.main-header--out-of-viewport .logo {
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: none;
  transition        : none
}

#main-header.main-header--fixed,
#main-header.main-header--unfixed {
  -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out
}

#main-header.main-header--fixed {
  background        : rgb(29, 68, 119);
  background        : -moz-linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(27, 75, 122, 1) 40%, rgba(0, 161, 159, 1) 100%);
  background        : -webkit-linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(27, 75, 122, 1) 40%, rgba(0, 161, 159, 1) 100%);
  background        : linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(27, 75, 122, 1) 40%, rgba(0, 161, 159, 1) 100%);
  filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d4477", endColorstr="#00a19f", GradientType=1);
  filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d4477", endColorstr="#00a19f", GradientType=1);
  opacity           : 1;
  -webkit-transform : translateZ(0);
  transform         : translateZ(0);
  -webkit-transition: opacity .4s ease-in-out, left .4s ease-in-out, right .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : opacity .4s ease-in-out, left .4s ease-in-out, right .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, left .4s ease-in-out, right .4s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, left .4s ease-in-out, right .4s ease-in-out, -webkit-transform .4s ease-in-out
}

[data-tpl=meta-navigation] {
  position         : relative;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  height           : 2.5rem;
  z-index          : 12
}

#target-group-select {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  font-size          : .9rem;
  line-height        : 1;
  color              : #fff;
  border-bottom      : 1px solid #f5f3f6;
  height             : 100%;
  position           : relative;
  padding            : 0 3vw;
  overflow           : visible;
  background         : rgb(29, 68, 119);
  background         : -moz-linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(0, 161, 159, 1) 100%);
  background         : -webkit-linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(0, 161, 159, 1) 100%);
  background         : linear-gradient(45deg, rgba(29, 68, 119, 1) 0%, rgba(0, 161, 159, 1) 100%);
  filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d4477", endColorstr="#00a19f", GradientType=1);
}

#target-group-select>ul,
#target-group-select>ul>li {
  height : 100%;
  margin : 0;
  padding: 0
}

#quick-navigation {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  width            : 100%;
  min-width        : 200px;
  padding          : 0 3vw;
  position         : absolute;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

#quick-navigation .button,
#quick-navigation a,
#quick-navigation button {
  display       : inline-block;
  vertical-align: middle;
  outline       : 0;
  color         : #fff;
  padding       : 1rem;
  text-transform: capitalize
}

#quick-navigation a {
  font-family: inherit;
  font-size  : inherit;
  line-height: inherit
}

#quick-navigation .button,
#quick-navigation button {
  border            : none;
  background        : none;
  fill              : #fff;
  -webkit-transition: color .2s ease-in-out, fill .2s ease-in-out;
  transition        : color .2s ease-in-out, fill .2s ease-in-out
}

#quick-navigation .button svg,
#quick-navigation button svg {
  color   : #fff;
  display : block;
  overflow: visible;
  height  : 1.3rem;
  width   : auto;
  fill    : #3ed8c3;
}

#quick-navigation .button[aria-controls=off-screen-cart],
#quick-navigation button[aria-controls=off-screen-cart] {
  pointer-events: none
}

#quick-navigation ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  margin : 0
}

#quick-navigation #quick-navigation-left-list {
  margin-left : -1rem;
  margin-right: auto
}

#quick-navigation #quick-navigation-right-list {
  -webkit-transition: opacity .4s ease-in-out;
  transition        : opacity .4s ease-in-out;
  margin-right      : -1rem;
  margin-left       : auto
}

#quick-navigation li {
  position         : relative;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  line-height      : 1.3rem;
  font-size        : .9rem;
  font-family      : light
}

#quick-navigation li:before,
#quick-navigation li:not(.menu):not(.search):not(.cart) {
  display: none
}

#quick-navigation li:not(.menu):not(.search):not(.cart):before {
  content          : "";
  display          : inline-block;
  width            : 1px;
  height           : 30px;
  background       : hsla(0, 0%, 86%, .2);
  position         : absolute;
  left             : -1px;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

#quick-navigation li:hover a,
#quick-navigation li:hover button:not([aria-controls=off-screen-cart]),
#quick-navigation li[aria-selected=true] a,
#quick-navigation li[aria-selected=true] button:not([aria-controls=off-screen-cart]) {
  color: #dcdcdc;
  fill : #dcdcdc
}

#quick-navigation li.menu {
  -webkit-transform : translateX(0);
  transform         : translateX(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

#quick-navigation li.menu[aria-selected=true] {
  opacity: 1
}

#quick-navigation li.menu button svg {
  float : left;
  height: 15px;
  width : 21.6px
}

#quick-navigation li.menu button svg+span {
  display    : none;
  margin-left: .5rem
}

#quick-navigation li.search button#button-search-drawer {
  font-family: rwe-iconfont;
  font-size  : 1.15rem;
  content    : "\EA3F"
}

#quick-navigation li.search button svg {
  height: 20px;
  width : 20.597px
}

#main-header.main-header--fixed #quick-navigation,
#main-header.main-header--out-of-viewport #quick-navigation {
  position         : relative;
  top              : 0;
  -webkit-transform: translateY(0);
  transform        : translateY(0)
}

#main-header.main-header--fixed #quick-navigation li,
#main-header.main-header--out-of-viewport #quick-navigation li {
  position: relative
}

#main-header.main-header--fixed #quick-navigation li:before,
#main-header.main-header--out-of-viewport #quick-navigation li:before {
  height: 100%
}

#off-screen-wrap {
  position             : relative;
  background-color     : #fff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  -webkit-box-flex     : 1;
  -ms-flex             : 1 0 auto;
  flex                 : 1 0 auto;
  min-height           : 1px
}

#off-screen-wrap:after,
#off-screen-wrap:before {
  content: "";
  display: table
}

#off-screen-wrap.tgs--during-animation {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

#off-screen-wrap.tgs--during-animation--close {
  -webkit-transition-delay: .04s;
  transition-delay        : .04s
}

#off-screen-content {
  width                : 100%;
  padding              : 0;
  -webkit-transform    : translateY(0);
  transform            : translateY(0);
  margin-top           : 90px;
  -webkit-box-flex     : 1;
  -ms-flex             : 1 0 auto;
  flex                 : 1 0 auto;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
  background-color     : #dcdcdc;
  min-height           : 1px
}

#off-screen-content.osad--during-animation,
#off-screen-content.osad--open,
#off-screen-content.tgs--during-animation {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

#off-screen-content.tgs--during-animation--close {
  -webkit-transition-delay: .04s;
  transition-delay        : .04s
}

#off-screen-content.osad--open:not(.osad--during-animation--close) {
  -webkit-transform: translateY(340px);
  transform        : translateY(340px)
}

#off-screen-overlay {
  position          : fixed;
  top               : 0;
  left              : 0;
  bottom            : 0;
  width             : 100%;
  background-color  : #5a5a5a;
  visibility        : hidden;
  opacity           : 0;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out .4s
}

body.state-off-screen-app-drawer-visible #off-screen-overlay,
body.state-off-screen-cart-visible #off-screen-overlay,
body.state-off-screen-navigation-visible #off-screen-overlay {
  visibility        : visible;
  opacity           : .6;
  z-index           : 1;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out
}

#off-screen-cart,
#off-screen-navigation {
  position          : fixed;
  top               : 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
  box-shadow        : 0 0 10px rgba(0, 0, 0, .75);
  height            : 100%;
  z-index           : 12;
  background-color  : #dcdcdc;
  -webkit-transform : translateX(0);
  transform         : translateX(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  opacity           : 0
}

#off-screen-cart .scroll-wrapper,
#off-screen-navigation .scroll-wrapper {
  -webkit-transform: translateY(0);
  transform        : translateY(0)
}

#off-screen-cart[aria-expanded=true],
#off-screen-navigation[aria-expanded=true] {
  opacity: 1
}

#off-screen-app-drawer {
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  position                   : absolute;
  z-index                    : 9;
  top                        : 90px;
  width                      : 100%;
  height                     : 340px;
  overflow                   : hidden;
  -webkit-perspective        : 340px;
  perspective                : 340px;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  -webkit-transform          : translate3d(0, -100%, 0);
  transform                  : translate3d(0, -100%, 0);
  -webkit-transition         : height .4s ease-in-out;
  transition                 : height .4s ease-in-out
}

#off-screen-app-drawer>div {
  opacity                 : .5;
  visibility              : hidden;
  overflow                : hidden;
  position                : absolute;
  left                    : 0;
  bottom                  : 0;
  width                   : 100%;
  height                  : 100%;
  -webkit-transform       : rotateX(45deg) scale(.97);
  transform               : rotateX(45deg) scale(.97);
  -webkit-transform-origin: center bottom;
  transform-origin        : center bottom
}

#off-screen-app-drawer .off-screen-close {
  display          : block;
  position         : absolute;
  top              : auto;
  right            : auto;
  font-size        : .9rem;
  bottom           : 0;
  left             : 50%;
  margin           : 0;
  padding          : .5rem;
  line-height      : 0;
  outline          : 0;
  border           : 0;
  background       : transparent;
  -webkit-transform: scaleY(-1) translateX(-50%);
  transform        : scaleY(-1) translateX(-50%);
  color            : #dcdcdc;
  overflow         : hidden
}

#off-screen-app-drawer .app-drawer {
  position          : absolute;
  top               : 0;
  width             : 100%;
  height            : 340px;
  background-color  : #5a5a5a;
  color             : #fff;
  -webkit-transform : translateX(0);
  transform         : translateX(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center
}

#off-screen-app-drawer .app-drawer>[data-tpl] {
  width: 100%
}

#off-screen-app-drawer .app-drawer [data-tpl=ses01] .form-group {
  margin-bottom: 0
}

#off-screen-app-drawer.drawer-login-drawer #contact-drawer {
  -webkit-transform: translateX(100%);
  transform        : translateX(100%)
}

#off-screen-app-drawer.drawer-login-drawer #search-drawer {
  -webkit-transform: translateX(200%);
  transform        : translateX(200%)
}

#off-screen-app-drawer.drawer-contact-drawer #login-drawer {
  -webkit-transform: translateX(-100%);
  transform        : translateX(-100%)
}

#off-screen-app-drawer.drawer-contact-drawer #search-drawer {
  -webkit-transform: translateX(100%);
  transform        : translateX(100%)
}

#off-screen-app-drawer.drawer-search-drawer #login-drawer {
  -webkit-transform: translateX(-200%);
  transform        : translateX(-200%)
}

#off-screen-app-drawer.drawer-search-drawer #contact-drawer {
  -webkit-transform: translateX(-100%);
  transform        : translateX(-100%)
}

#off-screen-app-drawer[aria-expanded=true] {
  -webkit-transform: translateZ(0);
  transform        : translateZ(0);
  background-color : #5a5a5a
}

#off-screen-app-drawer[aria-expanded=true]>div {
  opacity          : 1;
  -webkit-transform: rotateX(0deg) scale(1);
  transform        : rotateX(0deg) scale(1);
  visibility       : visible
}

#off-screen-app-drawer[aria-expanded=true]:not(.during-animation),
#off-screen-app-drawer[aria-expanded=true]:not(.during-animation--open)>div {
  overflow: visible
}

#off-screen-app-drawer[aria-expanded=true]:not(.during-animation)>div {
  background: #dcdcdc
}

#off-screen-app-drawer.during-animation .app-drawer,
#off-screen-app-drawer[aria-expanded=false] .app-drawer {
  -webkit-transition-duration: 0ms;
  transition-duration        : 0ms
}

#off-screen-app-drawer.during-animation--open {
  -webkit-transition: background-color 0s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : background-color 0s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, background-color 0s ease-in-out;
  transition        : transform .4s ease-in-out, background-color 0s ease-in-out, -webkit-transform .4s ease-in-out
}

#off-screen-app-drawer.during-animation--open>div {
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, visibility 0s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, visibility 0s ease-in-out, -webkit-transform .4s ease-in-out
}

#off-screen-app-drawer.during-animation--close {
  -webkit-transform : translate3d(0, -100%, 0);
  transform         : translate3d(0, -100%, 0);
  -webkit-transition: background-color 0s ease-in-out .4s, -webkit-transform .4s ease-in-out;
  transition        : background-color 0s ease-in-out .4s, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, background-color 0s ease-in-out .4s;
  transition        : transform .4s ease-in-out, background-color 0s ease-in-out .4s, -webkit-transform .4s ease-in-out
}

#off-screen-app-drawer.during-animation--close>div {
  opacity           : 0;
  -webkit-transform : rotateX(45deg) scale(.97);
  transform         : rotateX(45deg) scale(.97);
  visibility        : hidden;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s, -webkit-transform .4s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out .4s, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, visibility 0s ease-in-out .4s;
  transition        : transform .4s ease-in-out, opacity .4s ease-in-out, visibility 0s ease-in-out .4s, -webkit-transform .4s ease-in-out
}

#off-screen-navigation {
  width           : 18rem;
  right           : 100%;
  z-index         : 11;
  background-color: #fff
}

#off-screen-navigation[aria-expanded=true] {
  -webkit-transform: translateX(100%);
  transform        : translateX(100%)
}

#off-screen-navigation.during-animation--close {
  -webkit-transform: translateX(0);
  transform        : translateX(0)
}

.ps {
  overflow          : hidden !important;
  overflow-anchor   : none;
  -ms-overflow-style: none;
  touch-action      : auto;
  -ms-touch-action  : auto
}

.ps__rail-x {
  display           : none;
  opacity           : 0;
  transition        : background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height            : 15px;
  bottom            : 0;
  position          : absolute
}

.ps__rail-y {
  transition        : background-color .2s linear, opacity .2s linear, width .4s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear, width .4s linear;
  width             : 0;
  right             : 0;
  position          : absolute;
  overflow          : hidden
}

#off-screen-navigation:hover .ps--active-y .ps__rail-y {
  width: 15px
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display         : block;
  background-color: transparent
}

.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps__rail-x,
.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity         : .9
}

.ps__thumb-x {
  transition        : background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height            : 6px;
  bottom            : 2px
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: #aaa;
  border-radius   : 6px;
  position        : absolute
}

.ps__thumb-y {
  transition        : background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width             : 6px;
  right             : 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  background-color: #999;
  height          : 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background-color: #999;
  width           : 11px
}

footer#main-footer [data-tpl=individual-global-zone]:empty,
footer#main-footer [data-tpl=individual-zone]:empty {
  display: none
}

footer#main-footer [data-tpl=individual-zone]+[data-tpl=individual-global-zone]:before {
  content   : "";
  display   : block;
  height    : 1px;
  background: hsla(0, 0%, 100%, .2);
  margin    : 0 3vw
}

footer#main-footer .headline,
footer#main-footer .subheadline {
  margin-top: 0
}

footer#main-footer section[data-tpl=individual-global-zone],
footer#main-footer section[data-tpl=individual-zone] {
  /* background: -webkit-gradient(linear, left top, right top, from(#1d4477), color-stop(80%, #1982b7), to(#00b1eb));
	background: linear-gradient(90deg, #1d4477 0, #1982b7 80%, #00b1eb) */
}

footer#main-footer section[data-tpl=individual-global-zone] .btn,
footer#main-footer section[data-tpl=individual-zone] .btn {
  font-size: 1rem
}

footer#main-footer section[data-tpl=individual-global-zone] .headline,
footer#main-footer section[data-tpl=individual-global-zone] .subheadline,
footer#main-footer section[data-tpl=individual-zone] .headline,
footer#main-footer section[data-tpl=individual-zone] .subheadline {
  font-size  : 1rem;
  line-height: 1.5;
  font-family: regular;
  color      : inherit;
  text-align : left;
  margin     : 0 0 1rem
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=tic01] .headline+.btn,
footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=tic01] .subheadline+.btn,
footer#main-footer section[data-tpl=individual-zone] [data-tpl=tic01] .headline+.btn,
footer#main-footer section[data-tpl=individual-zone] [data-tpl=tic01] .subheadline+.btn {
  margin-top: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=lll01],
footer#main-footer section[data-tpl=individual-zone] [data-tpl=lll01] {
  margin-left : 0;
  margin-right: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=lll01] ul,
footer#main-footer section[data-tpl=individual-zone] [data-tpl=lll01] ul {
  -webkit-box-pack: start;
  -ms-flex-pack   : start;
  justify-content : flex-start
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=lll01] li,
footer#main-footer section[data-tpl=individual-zone] [data-tpl=lll01] li {
  padding: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=fol01] ul,
footer#main-footer section[data-tpl=individual-zone] [data-tpl=fol01] ul {
  margin-bottom: -1rem
}

footer#main-footer section[data-tpl=individual-zone] {
  color: #fff
}

footer#main-footer section[data-tpl=individual-zone]:after,
footer#main-footer section[data-tpl=individual-zone]:before {
  content: " ";
  display: table
}

footer#main-footer section[data-tpl=individual-zone]:after {
  clear: both
}

footer#main-footer section[data-tpl=individual-zone] .container:empty {
  border-bottom: 0
}

footer#main-footer section[data-tpl=individual-zone] .grid-content:not(:first-child) {
  margin-top: 2.5rem
}

footer#main-footer section[data-tpl=individual-zone] [data-tpl=grid-bas-02] {
  margin-top   : 0;
  margin-bottom: 0
}

footer#main-footer section[data-tpl=individual-zone] [data-tpl=grid-bas-05] {
  margin-top   : 1.5rem;
  margin-bottom: 1.5rem
}

footer#main-footer section[data-tpl=individual-zone] [data-tpl*=grid]+[data-tpl*=grid] .container {
  padding: 10px 0
}

footer#main-footer section[data-tpl=individual-global-zone] {
  color: #fff
}

footer#main-footer section[data-tpl=individual-global-zone]:after,
footer#main-footer section[data-tpl=individual-global-zone]:before {
  content: " ";
  display: table
}

footer#main-footer section[data-tpl=individual-global-zone]:after {
  clear: both
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05] {
  margin-top   : 0;
  margin-bottom: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05]:first-child {
  margin-top: 1.5rem
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05]:last-child {
  margin-bottom: 1.5rem
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05]+[data-tpl=grid-bas-05],
footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05] .grid-content:not(:first-child) {
  margin-top: 2.5rem
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=lin01] {
  margin-top   : 0;
  margin-bottom: 0;
  border-color : hsla(0, 0%, 100%, .2)
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=ll01] {
  padding: 0;
  margin : 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=ll01] li {
  padding-left: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=ll01] header {
  display: none
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=ll01] a {
  color        : rgba(62, 216, 195, 0.6);
  font-family  : light;
  line-height  : 2;
  padding-left : 0;
  border-bottom: none
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=ll01] a:hover {
  color: rgba(62, 216, 195, 1);
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=ll01] a:before {
  display: none
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] {
  margin-bottom: 0;
  padding      : 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] ul {
  margin-top   : 0;
  margin-bottom: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] h3 {
  margin-bottom: 0;
  padding      : 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] .accordion-item__content>:first-child {
  margin-top: 1rem
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] .accordion-item__content [data-tpl=ll01] a {
  padding: 0
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] .accordion-item__content [data-tpl=ll01] li+li {
  margin-top: .5rem
}

footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] .accordion-item__headline {
  font-size  : 1rem;
  line-height: 1.5;
  color      : inherit;
  font-family: bold;
  margin-top : 0
}

footer#main-footer section[data-tpl=global-zone] {
  background-color: #1d4477;
  color           : hsla(0, 0%, 100%, .5)
}

footer#main-footer section[data-tpl=global-zone]:after,
footer#main-footer section[data-tpl=global-zone]:before {
  content: " ";
  display: table
}

footer#main-footer section[data-tpl=global-zone]:after {
  clear: both
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] {
  margin: 0
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container {
  margin               : 0;
  width                : 100%;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=las01r] {
  width            : 100%;
  float            : left;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : center;
  -ms-flex-pack    : center;
  justify-content  : center;
  padding          : 0;
  padding-top      : 1.5rem;
  padding-bottom   : 1.5rem;
  border-bottom    : 1px solid hsla(0, 0%, 100%, .2)
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=las01r] .trigger {
  padding-top   : 0;
  padding-bottom: 0;
  font-size     : 1rem
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container .copyright {
  margin           : 0 0 1.5rem;
  text-align       : center;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : center;
  -ms-flex-pack    : center;
  justify-content  : center;
  float            : left;
  width            : 100%;
  font-family      : regular
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container .endorsement {
  padding    : .25rem 0 .25rem 1rem;
  margin-left: 1rem;
  border-left: 1px solid hsla(0, 0%, 100%, .2)
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container .endorsement svg {
  display: block;
  width  : 2.928rem;
  height : .8rem
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container .endorsement svg path {
  fill: hsla(0, 0%, 100%, .5)
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] {
  text-align: center;
  display   : inline-block;
  float     : left;
  width     : 100%
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol {
  text-align       : center;
  margin           : 1.5rem 0;
  padding          : 0;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : center;
  -ms-flex-pack    : center;
  justify-content  : center;
  list-style       : none
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol:after,
footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol:before {
  content: " ";
  display: table
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol:after {
  clear: both
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol li+li {
  margin-left: 1.5rem
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol li {
  padding-left: 0
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol li a {
  color          : hsla(0, 0%, 100%, .5);
  font-family    : regular;
  font-size      : .8rem;
  text-decoration: none
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol li a:hover {
  color: #fff
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol li:before {
  display: none;
  content: ""
}

footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer]+.copyright {
  padding-top: 1.5rem;
  border-top : 1px solid hsla(0, 0%, 100%, .2);
  font-family: regular;
  font-size  : .8rem
}

#main-navigation {
  position                  : relative;
  height                    : 100%;
  -webkit-overflow-scrolling: touch;
  padding                   : 1.5rem;
  -webkit-user-select       : none;
  -moz-user-select          : none;
  -ms-user-select           : none;
  user-select               : none;
  background-color          : #fff
}

#main-navigation ul {
  padding   : 0;
  color     : #fff;
  list-style: none
}

#main-navigation ul ul {
  margin-left: 1rem;
  font-size  : .9rem;
  line-height: 1.5
}

#main-navigation ul li {
  position         : relative;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  border-bottom    : 1px solid hsla(0, 0%, 52%, .5);
  font-family      : regular
}

#main-navigation ul li:last-child,
#main-navigation ul li[aria-expanded=true] {
  border-bottom: none
}

#main-navigation ul li a {
  color             : #858585;
  text-decoration   : none;
  display           : block;
  padding           : .75rem 0;
  -webkit-transition: color .4s ease-in-out;
  transition        : color .4s ease-in-out;
  margin-right      : 2.5rem
}

#main-navigation ul li a:active,
#main-navigation ul li a:active:after,
#main-navigation ul li a:focus,
#main-navigation ul li a:focus:after,
#main-navigation ul li a:hover,
#main-navigation ul li a:hover:after {
  color: #00b1eb
}

#main-navigation ul li span {
  float: right;
  color: hsla(0, 0%, 52%, .5)
}

#main-navigation ul li span:before {
  font-size         : .5rem;
  -webkit-transition: color .4s ease-in-out;
  transition        : color .4s ease-in-out
}

#main-navigation ul li.active {
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column
}

#main-navigation ul li.active ul {
  width : 95%;
  margin: 0 0 0 auto
}

#main-navigation ul li.active>a {
  color: #1d4477
}

#main-navigation ul li.active:after {
  -webkit-transform: rotate(180deg);
  transform        : rotate(180deg);
  color            : #1d4477;
  position         : absolute;
  right            : 0;
  top              : 1rem
}

#main-navigation ul li[aria-expanded]>span {
  display    : inline-block;
  position   : relative;
  right      : 0;
  top        : .75rem;
  font-size  : 1.3rem;
  height     : 1.3rem;
  line-height: 1
}

#main-navigation ul li[aria-expanded]>span:before {
  line-height       : 1;
  -webkit-transform : rotate(0deg);
  transform         : rotate(0deg);
  -webkit-transition: color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition        : color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition        : transform .2s ease-in-out, color .2s ease-in-out;
  transition        : transform .2s ease-in-out, color .2s ease-in-out, -webkit-transform .2s ease-in-out
}

#main-navigation ul li[aria-expanded]>span:focus,
#main-navigation ul li[aria-expanded]>span:hover {
  cursor: pointer
}

#main-navigation ul li[aria-expanded]>ul {
  height  : 0;
  overflow: hidden
}

#main-navigation ul li[aria-expanded=true]>a,
#main-navigation ul li[aria-expanded=true]>span {
  color: #858585
}

#main-navigation ul li[aria-expanded=true]>span:before {
  -webkit-transform: rotate(-180deg);
  transform        : rotate(-180deg)
}

#main-navigation ul li[aria-expanded=true]:not(.during-animation)>ul {
  height: auto
}

#main-navigation ul li.during-animation>ul {
  -webkit-transition: height .4s ease-in-out;
  transition        : height .4s ease-in-out
}

#main-navigation ul.quick-nav,
#main-navigation ul.target-group-nav {
  margin-top: 1.5rem;
  display   : block
}

#main-navigation ul.quick-nav li,
#main-navigation ul.target-group-nav li {
  border-bottom: none
}

#main-navigation ul.quick-nav li>a:before,
#main-navigation ul.target-group-nav li>a:before {
  color         : inherit;
  width         : 2rem;
  font-size     : .9rem;
  vertical-align: middle
}

#main-navigation ul.quick-nav li {
  -webkit-box-pack: start;
  -ms-flex-pack   : start;
  justify-content : flex-start;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex
}

#main-navigation ul.quick-nav li a {
  padding: .5rem 0
}

#main-navigation ul.quick-nav li a:before {
  padding-right: .75rem
}

#main-navigation ul.quick-nav li+li {
  border-top: 1px solid #fff
}

#main-navigation ul.target-group-nav li>a {
  content: "\EA27"
}

#main-navigation ul.target-group-nav li>a:before {
  font-size: 1.3rem
}

[data-tpl=breadcrumb] {
  padding-left : 3vw;
  padding-right: 3vw;
  background   : #1d4477;
  color        : hsla(0, 0%, 100%, .5)
}

[data-tpl=breadcrumb] ol {
  padding: 1rem 0
}

[data-tpl=breadcrumb] ol li {
  display     : inline-block;
  padding-left: 0
}

[data-tpl=breadcrumb] ol li:before {
  margin-right  : .75rem;
  font-size     : .5rem;
  vertical-align: middle;
  color         : hsla(0, 0%, 100%, .5);
  margin-left   : 0;
  width         : auto
}

[data-tpl=breadcrumb] ol li a {
  color             : inherit;
  font-size         : .8rem;
  line-height       : 1.5;
  -webkit-transform : translateY(0);
  transform         : translateY(0);
  -webkit-transition: color .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : color .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : color .4s ease-in-out, transform .4s ease-in-out;
  transition        : color .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  display           : inline-block
}

[data-tpl=breadcrumb] ol li a:active,
[data-tpl=breadcrumb] ol li a:focus,
[data-tpl=breadcrumb] ol li a:hover {
  color: #fff
}

[data-tpl=breadcrumb] ol li a:active {
  -webkit-transform: translateY(2px);
  transform        : translateY(2px)
}

[data-tpl=breadcrumb] ol li:first-child:before {
  content: "";
  display: none
}

[data-tpl=breadcrumb] ol li.active a {
  color: #fff
}

[data-tpl=breadcrumb] ol li+li {
  margin-left: .75rem
}

[data-tpl=breadcrumb]+footer {
  border-top: 1px solid #f5f3f6
}

#dws01-modal,
[data-tpl=modal] {
  position          : fixed;
  top               : 0;
  left              : 0;
  width             : 0;
  height            : 0;
  opacity           : 0;
  z-index           : 999999;
  -webkit-transition: opacity .2s ease-in-out;
  transition        : opacity .2s ease-in-out;
  overflow-x        : hidden;
  overflow-y        : auto
}

#dws01-modal,
#dws01-modal *,
[data-tpl=modal],
[data-tpl=modal] * {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

#dws01-modal iframe,
[data-tpl=modal] iframe {
  border : none;
  display: block;
  width  : 100%
}

#dws01-modal.hidden,
[data-tpl=modal].hidden {
  display: none
}

#dws01-modal .modal-overlay,
[data-tpl=modal] .modal-overlay {
  position  : fixed;
  width     : 100%;
  height    : 100%;
  top       : 0;
  left      : 0;
  background: rgba(245, 243, 246, .8)
}

#dws01-modal .modal-content,
[data-tpl=modal] .modal-content {
  position          : absolute;
  display           : block;
  margin            : 3vh 0;
  left              : 50%;
  width             : 100%;
  max-width         : 94vw;
  background        : #fff;
  opacity           : 0;
  -webkit-transform : scale(.5) translate(-50%);
  transform         : scale(.5) translate(-50%);
  -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition        : opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition        : transform .2s ease-in-out, opacity .2s ease-in-out;
  transition        : transform .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
  padding           : 1.5rem
}

#dws01-modal .modal-content [data-tpl=modal-content],
[data-tpl=modal] .modal-content [data-tpl=modal-content] {
  display: block
}

#dws01-modal .modal-content [data-tpl=tic01],
[data-tpl=modal] .modal-content [data-tpl=tic01] {
  margin-bottom: 0
}

#dws01-modal .close,
[data-tpl=modal] .close {
  margin        : 0;
  padding       : 0;
  background    : none;
  border        : none;
  font-size     : 0;
  color         : transparent;
  letter-spacing: -1px;
  position      : absolute;
  top           : .5rem;
  right         : .5rem;
  outline       : 0;
  cursor        : pointer
}

#dws01-modal .close:before,
[data-tpl=modal] .close:before {
  font-size     : .7rem;
  line-height   : 1;
  letter-spacing: normal;
  color         : #1d4477
}

#dws01-modal[aria-expanded=true],
[data-tpl=modal][aria-expanded=true] {
  opacity: 1;
  width  : 100%;
  height : 100%
}

#dws01-modal[aria-expanded=true] .modal-content,
[data-tpl=modal][aria-expanded=true] .modal-content {
  opacity          : 1;
  -webkit-transform: scale(1) translate(-50%);
  transform        : scale(1) translate(-50%)
}

#dws01-modal.during-animation--close,
[data-tpl=modal].during-animation--close {
  opacity: 0
}

#dws01-modal.during-animation--close .modal-content,
[data-tpl=modal].during-animation--close .modal-content {
  opacity          : 0;
  -webkit-transform: scale(.5);
  transform        : scale(.5)
}

#dws01-modal[data-modal-id=dws01-modal] .modal-content,
[data-tpl=modal][data-modal-id=dws01-modal] .modal-content {
  top       : 0;
  max-height: none
}

[data-tpl=modal-content] {
  display: none
}

.image {
  display : inline-block;
  position: relative
}

.image [data-tpl=ll01] {
  background   : none;
  padding-left : 0;
  padding-right: 0
}

.image .link.link--download {
  color: #00b1eb
}

.image.image--lazy-loaded {
  display: none
}

.image.image--loaded {
  display: block
}

.image-decorative div {
  position           : relative;
  background-repeat  : no-repeat;
  padding-top        : 66.6666666667%;
  -webkit-transition : opacity .8s ease-in-out, -webkit-transform .2s ease-in-out;
  transition         : opacity .8s ease-in-out, -webkit-transform .2s ease-in-out;
  transition         : transform .2s ease-in-out, opacity .8s ease-in-out;
  transition         : transform .2s ease-in-out, opacity .8s ease-in-out, -webkit-transform .2s ease-in-out;
  z-index            : 1;
  background-size    : cover;
  background-position: 50%
}

.image-decorative.media-align--top-left div {
  background-position: 0 0
}

.image-decorative.media-align--top-center div {
  background-position: 50% 0
}

.image-decorative.media-align--top-right div {
  background-position: 100% 0
}

.image-decorative.media-align--center-left div {
  background-position: 0 50%
}

.image-decorative.media-align--center-center div {
  background-position: 50%
}

.image-decorative.media-align--center-right div {
  background-position: 100% 50%
}

.image-decorative.media-align--bottom-left div {
  background-position: 0 100%
}

.image-decorative.media-align--bottom-center div {
  background-position: 50% 100%
}

.image-decorative.media-align--bottom-right div {
  background-position: 100% 100%
}

.image-decorative.media-fill--out div {
  background-size: cover
}

.image-decorative.media-full--height div {
  background-size: auto 100%
}

.image-decorative.media-full--width div {
  background-size: 100% auto
}

.image-semantic {
  position: relative;
  margin  : 0
}

.image-semantic picture {
  display: block
}

.image-semantic.media-fill--width img,
.image-semantic img {
  width : 100%;
  height: auto
}

.image-semantic.media-fill--height img {
  width : auto;
  height: 100%
}

.image-semantic.media-fill--out img {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 50% 50%;
  object-position   : 50% 50%;
  font-family       : "object-fit: cover; object-position: 50% 50%"
}

.image-semantic.media-fill--out.media-align--top-left img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 0 0;
  object-position   : 0 0;
  font-family       : "object-fit: cover; object-position: 0% 0%"
}

.image-semantic.media-fill--out.media-align--top-center img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 50% 0;
  object-position   : 50% 0;
  font-family       : "object-fit: cover; object-position: 50% 0%"
}

.image-semantic.media-fill--out.media-align--top-right img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 100% 0;
  object-position   : 100% 0;
  font-family       : "object-fit: cover; object-position: 100% 0%"
}

.image-semantic.media-fill--out.media-align--center-left img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 0 50%;
  object-position   : 0 50%;
  font-family       : "object-fit: cover; object-position: 0% 50%"
}

.image-semantic.media-fill--out.media-align--center-center img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 50% 50%;
  object-position   : 50% 50%;
  font-family       : "object-fit: cover; object-position: 50% 50%"
}

.image-semantic.media-fill--out.media-align--center-right img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 100% 50%;
  object-position   : 100% 50%;
  font-family       : "object-fit: cover; object-position: 100% 50%"
}

.image-semantic.media-fill--out.media-align--bottom-left img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 0 100%;
  object-position   : 0 100%;
  font-family       : "object-fit: cover; object-position: 0% 100%"
}

.image-semantic.media-fill--out.media-align--bottom-center img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 50% 100%;
  object-position   : 50% 100%;
  font-family       : "object-fit: cover; object-position: 50% 100%"
}

.image-semantic.media-fill--out.media-align--bottom-right img {
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: 100% 100%;
  object-position   : 100% 100%;
  font-family       : "object-fit: cover; object-position: 100% 100%"
}

.image-semantic.media-fill--height.media-align--top-left img,
.image-semantic.media-fill--width.media-align--top-left img {
  position         : relative;
  left             : 0;
  top              : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

.image-semantic.media-fill--height.media-align--top-center img,
.image-semantic.media-fill--width.media-align--top-center img {
  position         : relative;
  left             : 50%;
  top              : 0;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

.image-semantic.media-fill--height.media-align--top-right img,
.image-semantic.media-fill--width.media-align--top-right img {
  position         : relative;
  left             : 100%;
  top              : 0;
  -webkit-transform: translate(-100%);
  transform        : translate(-100%)
}

.image-semantic.media-fill--height.media-align--center-left img,
.image-semantic.media-fill--width.media-align--center-left img {
  position         : relative;
  left             : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

.image-semantic.media-fill--height.media-align--center-center img,
.image-semantic.media-fill--width.media-align--center-center img {
  position         : relative;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%)
}

.image-semantic.media-fill--height.media-align--center-right img,
.image-semantic.media-fill--width.media-align--center-right img {
  position         : relative;
  left             : 100%;
  top              : 50%;
  -webkit-transform: translate(-100%, -50%);
  transform        : translate(-100%, -50%)
}

.image-semantic.media-fill--height.media-align--bottom-left img,
.image-semantic.media-fill--width.media-align--bottom-left img {
  position         : relative;
  left             : 0;
  top              : 100%;
  -webkit-transform: translateY(-100%);
  transform        : translateY(-100%)
}

.image-semantic.media-fill--height.media-align--bottom-center img,
.image-semantic.media-fill--width.media-align--bottom-center img {
  position         : relative;
  left             : 50%;
  top              : 100%;
  -webkit-transform: translate(-50%, -100%);
  transform        : translate(-50%, -100%)
}

.image-semantic.media-fill--height.media-align--bottom-right img,
.image-semantic.media-fill--width.media-align--bottom-right img {
  position         : relative;
  left             : 100%;
  top              : 100%;
  -webkit-transform: translate(-100%, -100%);
  transform        : translate(-100%, -100%)
}

.image-semantic [data-tpl=text-badge] {
  position: absolute;
  top     : .75rem;
  right   : .75rem;
  z-index : 3
}

.btn {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  text-decoration    : none;
  display            : inline-block;
  vertical-align     : top;
  text-align         : center;
  cursor             : pointer;
  white-space        : nowrap;
  -webkit-transform  : translateY(0);
  transform          : translateY(0);
  padding            : .6rem 1.5rem;
  -webkit-transition : background-color .2s ease-in-out;
  transition         : background-color .2s ease-in-out;
  max-width          : 100%;
  text-overflow      : ellipsis;
  overflow           : hidden;
  font-family        : medium;
  font-size          : 1rem;
  line-height        : 1;
  border             : none;
  border-radius      : 6px;
  font-weight        : 500;
}

.btn--full-width.btn {
  width: 100%
}

.btn:before {
  font-size   : .7rem;
  margin-right: .5rem
}

.btn:focus,
.btn:hover {
  text-decoration: none;
  outline        : none
}

/* .btn:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
} */

.btn:disabled,
.disabled.btn {
  background-color: #dcdcdc;
  color           : #5a5a5a;
  pointer-events  : none
}

.btn:disabled:hover,
.disabled.btn:hover {
  cursor: default
}

.btn-bar .btn {
  float: left
}

.btn-bar .btn~.btn {
  margin-left: 1rem
}

.btn-bar:after,
.btn-bar:before {
  content: " ";
  display: table
}

.btn-bar:after {
  clear: both
}

[data-tpl=hea01] {
  font-family: bold
}

[data-tpl=hea01].hea01--centered {
  text-align: center
}

[data-tpl=sli01] {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  -webkit-transform  : translateZ(0);
  transform          : translateZ(0);
  max-width          : 100%;
  user-select        : none
}

[data-tpl=sli01],
[data-tpl=sli01] .slider-container,
[data-tpl=sli01] .slider__frame {
  position: relative;
  width   : 100%;
  margin  : 0 auto;
  overflow: hidden
}

[data-tpl=sli01] .slider-wrapper,
[data-tpl=sli01] .slider__slides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[data-tpl=sli01] .slider-slide,
[data-tpl=sli01] .slider__slide {
  display         : inline-block;
  width           : 0;
  -webkit-box-flex: 0;
  -ms-flex        : 0 1 auto;
  flex            : 0 1 auto;
  overflow        : hidden;
  opacity         : 0
}

[data-tpl=sli01] .slider-slide.active:first-of-type,
[data-tpl=sli01] .slider__slide.active:first-of-type {
  opacity: 1;
  width  : 100%
}

[data-tpl=sli01].slider--ready .slider-slide,
[data-tpl=sli01].slider--ready .slider__slide {
  width           : 100%;
  -webkit-box-flex: 1;
  -ms-flex        : 1 1 0px;
  flex            : 1 1 0;
  opacity         : 1
}

[data-tpl=sli01].slider--ready .slider-slide>*,
[data-tpl=sli01].slider--ready .slider__slide>* {
  -webkit-transform: translateZ(0);
  transform        : translateZ(0)
}

[data-tpl=sli01] .slider-next,
[data-tpl=sli01] .slider-prev {
  display: none
}

[data-tpl=sli01]>.slider-container>.slider-wrapper [data-tpl*=grid] {
  margin : 0;
  padding: 0
}

[data-tpl=sli01]>.slider-container>.slider-wrapper [data-tpl*=grid] .container-fluid .row>[data-tpl],
[data-tpl=sli01]>.slider-container>.slider-wrapper [data-tpl*=grid] .container-fluid .row>[data-tpl]:last-child {
  margin-bottom: 0
}

[data-tpl=sli01] .row {
  margin: 0
}

[data-tpl=sli01] .slider-pagination {
  position         : absolute;
  z-index          : 2;
  text-align       : center;
  line-height      : 1;
  width            : 100%;
  -webkit-transform: translateZ(0);
  transform        : translateZ(0);
  bottom           : .75rem;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : center;
  -ms-flex-pack    : center;
  justify-content  : center;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center
}

[data-tpl=sli01] .swiper-pagination-bullet {
  width        : .75rem;
  height       : .75rem;
  border-radius: 50%;
  background   : #f5f3f6;
  cursor       : pointer
}

[data-tpl=sli01] .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: .75rem
}

[data-tpl=sli01] .swiper-pagination-bullet-active {
  background: #3ed8c3
}

[data-tpl=sli01] .slider-next,
[data-tpl=sli01] .slider-prev {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  background-color  : transparent;
  outline           : none;
  border            : none;
  position          : absolute;
  top               : 50%;
  -webkit-transform : translate3d(0, -50%, 0);
  transform         : translate3d(0, -50%, 0);
  z-index           : 2;
  cursor            : pointer;
  -webkit-transition: opacity .2s ease-in-out;
  transition        : opacity .2s ease-in-out;
  opacity           : 0
}

[data-tpl=sli01] .slider-next:after,
[data-tpl=sli01] .slider-prev:after {
  content         : "";
  background-color: #000;
  position        : absolute;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  border-radius   : 50%;
  z-index         : -1
}

[data-tpl=sli01] .slider-next:before,
[data-tpl=sli01] .slider-prev:before {
  font-size: 1.5rem;
  color    : #fff
}

[data-tpl=sli01] .slider-next.swiper-button-disabled,
[data-tpl=sli01] .slider-prev.swiper-button-disabled {
  display: none
}

[data-tpl=sli01] .slider-prev {
  left: .5rem
}

[data-tpl=sli01] .slider-next {
  right: .5rem
}

[data-tpl=sli01].sli01--text-components .swiper-pagination-bullet {
  border          : 1px solid #dcdcdc;
  background-color: transparent
}

[data-tpl=sli01].sli01--text-components .swiper-pagination-bullet-active {
  border-color    : #fff;
  background-color: #3ed8c3
}

[data-tpl=sli01].sli01--text-components .slider-pagination {
  position  : relative;
  top       : auto;
  bottom    : auto;
  margin-top: 1.5rem
}

[data-tpl=sli01].sli01--text-components .slider-next:after,
[data-tpl=sli01].sli01--text-components .slider-prev:after {
  display: none
}

[data-tpl=sli01].sli01--text-components .slider-next:before,
[data-tpl=sli01].sli01--text-components .slider-prev:before {
  color: #5a5a5a
}

audio,
canvas,
progress,
video {
  display       : inline-block;
  vertical-align: baseline
}

[data-tpl=video] {
  overflow : hidden;
  posiotion: relative
}

[data-tpl=video] figure {
  margin: 0
}

[data-tpl=video] .videoplayer-content {
  position  : relative;
  background: #000
}

[data-tpl=video] .posterimg,
[data-tpl=video] .videoplayer {
  width  : 100%;
  height : auto;
  padding: 0;
  margin : 0
}

[data-tpl=video] .videoplayer {
  opacity   : 0;
  visibility: hidden;
  position  : absolute;
  z-index   : 2;
  left      : 0;
  top       : 0
}

[data-tpl=video] video {
  width        : 100%;
  height       : auto;
  display      : block;
  -o-object-fit: cover;
  object-fit   : cover
}

[data-tpl=video] .posterimg {
  display   : block;
  visibility: visible;
  opacity   : 1;
  position  : relative;
  z-index   : 1
}

[data-tpl=video] .vjs-poster {
  width              : 100%;
  height             : 100%;
  position           : absolute;
  left               : 0;
  top                : 0;
  background-size    : cover;
  background-position: 50% 50%;
  display            : none;
  pointer-events     : none
}

[data-tpl=video].youtube .vjs-poster {
  display: block
}

html.is-mobile:not(.is-android) [data-tpl=video].youtube iframe {
  z-index: 11;
  opacity: 0
}

html.is-mobile:not(.is-android) [data-tpl=video].youtube .vjs-has-started iframe {
  opacity       : 1;
  z-index       : 1;
  pointer-events: none
}

[data-tpl=video].youtube.videojs-ready .posterimg,
[data-tpl=video]:not(.youtube).poster-loaded.videojs-ready .posterimg {
  -webkit-transition: opacity 0s ease-in-out .4s, visibility 0s ease-in-out .4s;
  transition        : opacity 0s ease-in-out .4s, visibility 0s ease-in-out .4s;
  opacity           : 0;
  visibility        : hidden
}

[data-tpl=video].youtube.videojs-ready .videoplayer,
[data-tpl=video]:not(.youtube).poster-loaded.videojs-ready .videoplayer {
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out;
  opacity           : 1;
  visibility        : visible
}

[data-tpl=video]:not(.youtube).poster-loaded .posterimg {
  position: absolute
}

[data-tpl=video].videojs-ready.youtube .posterimg,
[data-tpl=video]:not(.youtube).poster-loaded .videoplayer {
  position: relative
}

[data-tpl=video].videojs-ready.youtube .videoplayer {
  height: 100%
}

.vjs-full-window #off-screen-content {
  position: relative;
  z-index : 50
}

.video-js .vjs-caption-settings,
.video-js .vjs-control-bar,
.video-js .vjs-current-time,
.video-js .vjs-error-display,
.video-js .vjs-remaining-time,
.video-js .vjs-time-divider {
  display: none
}

.video-js .vjs-control-text {
  display : inline-block;
  border  : 0;
  clip    : rect(0 0 0 0);
  height  : 0;
  margin  : -1px;
  overflow: hidden;
  padding : 0;
  position: absolute;
  width   : 0
}

.video-js .vjs-loading-spinner {
  display          : none !important;
  width            : 45px;
  height           : 45px;
  background       : red;
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform        : translate(-50%, -50%) rotate(0deg)
}

.video-js button {
  background        : none;
  border            : none;
  color             : inherit;
  display           : inline-block;
  overflow          : visible;
  font-size         : 1.7rem;
  line-height       : inherit;
  text-transform    : none;
  text-decoration   : none;
  -webkit-transition: none;
  transition        : none;
  outline           : 0;
  padding           : 0
}

.video-js button:active,
.video-js button:focus,
.video-js button:hover {
  outline: 0
}

.video-js .vjs-big-play-button {
  display          : none;
  width            : 1.8rem;
  height           : 1.8rem;
  line-height      : 1.7rem;
  border-radius    : 50%;
  overflow         : hidden;
  position         : absolute;
  z-index          : 5;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  text-align       : center;
  vertical-align   : middle;
  cursor           : pointer
}

.video-js .vjs-big-play-button:before {
  content   : "";
  width     : 100%;
  height    : 100%;
  position  : absolute;
  right     : 0;
  top       : 0;
  z-index   : -1;
  background: rgba(0, 0, 0, .5)
}

.video-js.vjs-controls-disabled .vjs-big-play-button,
.video-js.vjs-error .vjs-big-play-button,
.video-js.vjs-has-started .vjs-big-play-button {
  display: none
}

.video-js .vjs-hidden {
  display: none !important
}

.video-js .vjs-offscreen {
  height  : 1px;
  left    : -9999px;
  position: absolute;
  top     : 0;
  width   : 1px
}

.video-js .vjs-lock-showing {
  display   : block !important;
  opacity   : 1;
  visibility: visible
}

.video-js .vjs-no-js {
  padding         : 20px;
  color           : #fff;
  background-color: #000;
  text-align      : center;
  width           : 300px;
  height          : 150px;
  margin          : 0 auto
}

.video-js .vjs-control.vjs-close-button {
  cursor    : pointer;
  height    : 60px;
  position  : absolute;
  right     : 0;
  top       : .5em;
  z-index   : 2;
  background: red;
  color     : lime
}

.video-js .vjs-menu-content,
.video-js .vjs-menu-item {
  list-style: none
}

.video-js.vjs-seeking .vjs-loading-spinner,
.video-js.vjs-waiting .vjs-loading-spinner,
.videojs-loading .vjs-loading-spinner {
  display          : block;
  -webkit-animation: a 1s ease-in-out infinite;
  animation        : a 1s ease-in-out infinite
}

.videojs-ready .vjs-loading-spinner {
  display: none
}

.videojs-ready .vjs-big-play-button {
  display: block
}

[data-tpl=video].videoplayer--bg {
  z-index : 0;
  position: relative;
  overflow: hidden
}

[data-tpl=video].videoplayer--bg .videoplayer-content {
  cursor        : default;
  pointer-events: none
}

[data-tpl=video].videoplayer--bg .videoplayer-content:before {
  content: "";
  display: none
}

[data-tpl=video].videoplayer--bg .vjs-big-play-button,
[data-tpl=video].videoplayer--bg .vjs-control-bar,
[data-tpl=video].videoplayer--bg .vjs-poster {
  display: none
}

.is-mobile [data-tpl=video].videoplayer--bg .posterimg,
.is-mobile [data-tpl=video].videoplayer--bg .vjs-poster {
  display   : block;
  opacity   : 1;
  visibility: visible
}

.is-mobile [data-tpl=video].videoplayer--bg .videoplayer {
  display: none
}

[data-tpl=video].videoplayer--bg.media-align--top-left .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--top-left video {
  -o-object-position: 0 0;
  object-position   : 0 0
}

[data-tpl=video].videoplayer--bg.media-align--top-left.youtube .videoplayer {
  top              : 0;
  left             : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=video].videoplayer--bg.media-align--top-center .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--top-center video {
  -o-object-position: 50% 0;
  object-position   : 50% 0
}

[data-tpl=video].videoplayer--bg.media-align--top-center.youtube .videoplayer {
  top              : 0;
  left             : 50%;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

[data-tpl=video].videoplayer--bg.media-align--top-right .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--top-right video {
  -o-object-position: 100% 0;
  object-position   : 100% 0
}

[data-tpl=video].videoplayer--bg.media-align--top-right.youtube .videoplayer {
  top              : 0;
  left             : auto;
  right            : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=video].videoplayer--bg.media-align--center-left .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--center-left video {
  -o-object-position: 0 50%;
  object-position   : 0 50%
}

[data-tpl=video].videoplayer--bg.media-align--center-left.youtube .videoplayer {
  top              : 50%;
  left             : 0;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

[data-tpl=video].videoplayer--bg.media-align--center-right .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--center-right video {
  -o-object-position: 100% 50%;
  object-position   : 100% 50%
}

[data-tpl=video].videoplayer--bg.media-align--center-right.youtube .videoplayer {
  top              : 50%;
  left             : auto;
  right            : 0;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

[data-tpl=video].videoplayer--bg.media-align--bottom-left .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--bottom-left video {
  -o-object-position: 0 100%;
  object-position   : 0 100%
}

[data-tpl=video].videoplayer--bg.media-align--bottom-left.youtube .videoplayer {
  top              : auto;
  bottom           : 0;
  left             : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=video].videoplayer--bg.media-align--bottom-center .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--bottom-center video {
  -o-object-position: 50% 100%;
  object-position   : 50% 100%
}

[data-tpl=video].videoplayer--bg.media-align--bottom-center.youtube .videoplayer {
  top              : auto;
  bottom           : 0;
  left             : 50%;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

[data-tpl=video].videoplayer--bg.media-align--bottom-right .videoplayer,
[data-tpl=video].videoplayer--bg.media-align--bottom-right video {
  -o-object-position: 100% 100%;
  object-position   : 100% 100%
}

[data-tpl=video].videoplayer--bg.media-align--bottom-right.youtube .videoplayer {
  top              : auto;
  bottom           : 0;
  left             : auto;
  right            : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=video].videoplayer--fullscreen .videoplayer iframe {
  opacity: 0
}

[data-tpl=video].videoplayer--fullscreen .videoplayer video {
  opacity   : 0;
  visibility: hidden
}

[data-tpl=video].videoplayer--fullscreen .videoplayer video:-webkit-full-screen {
  width : 100%;
  height: 100%
}

[data-tpl=video].videoplayer--fullscreen .videoplayer .vjs-poster {
  display: block;
  z-index: 2
}

[data-tpl=video].videoplayer--fullscreen .videoplayer .vjs-control-bar {
  z-index: 1
}

[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-has-started .vjs-control-bar {
  display: none
}

[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-has-started .vjs-big-play-button {
  display: block
}

[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-fullscreen iframe,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-fullscreen video,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-playing iframe,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-playing video {
  visibility: visible;
  opacity   : 1
}

[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-fullscreen .vjs-control-bar,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-playing .vjs-control-bar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex
}

[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-fullscreen .vjs-big-play-button,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-fullscreen .vjs-poster,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-playing .vjs-big-play-button,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-playing .vjs-poster {
  display: none !important
}

[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-fullscreen.vjs-has-started .vjs-control-bar,
[data-tpl=video].videoplayer--fullscreen .videoplayer.vjs-playing.vjs-has-started .vjs-control-bar {
  z-index: 5
}

[data-tpl=video].videoplayer--fullscreen.media-align--top-left .vjs-poster {
  background-position: 0 0
}

[data-tpl=video].videoplayer--fullscreen.media-align--top-center .vjs-poster {
  background-position: 50% 0
}

[data-tpl=video].videoplayer--fullscreen.media-align--top-right .vjs-poster {
  background-position: 100% 0
}

[data-tpl=video].videoplayer--fullscreen.media-align--center-left .vjs-poster {
  background-position: 0 50%
}

[data-tpl=video].videoplayer--fullscreen.media-align--center-right .vjs-poster {
  background-position: 100% 50%
}

[data-tpl=video].videoplayer--fullscreen.media-align--bottom-left .vjs-poster {
  background-position: 0 100%
}

[data-tpl=video].videoplayer--fullscreen.media-align--bottom-center .vjs-poster {
  background-position: 50% 100%
}

[data-tpl=video].videoplayer--fullscreen.media-align--bottom-right .vjs-poster {
  background-position: 100% 100%
}

.vjs-full-window [data-tpl*=sta] header {
  display: none
}

#main-navigation ul.quick-nav li>a:before,
#main-navigation ul.target-group-nav li>a:before,
#main-navigation ul li[aria-expanded]>span:before,
.video-js .vjs-big-play-button:after,
.video-js .vjs-fullscreen-control:before,
.video-js .vjs-play-control:before,
.video-js .vjs-subtitles-button:before,
.video-js .vjs-volume-menu-button:before {
  display                : inline-block;
  speak                  : none;
  font-family            : rwe-iconfont;
  line-height            : 1;
  font-weight            : 400;
  font-style             : normal;
  font-variant           : normal;
  text-transform         : none;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale
}

.video-js .vjs-big-play-button:after,
.video-js .vjs-fullscreen-control:before,
.video-js .vjs-play-control:before,
.video-js .vjs-subtitles-button:before,
.video-js .vjs-volume-menu-button:before {
  background   : rgba(0, 0, 0, .5);
  border-radius: 50%
}

[data-element=tag-bar] .tag-bar__tag-list .tag-bar__tag:after,
[data-module=map-tool] .map-frame__filter .collapsible h3:after,
[data-module=map-tool] .map-frame__footer .map-result-trigger:after,
[data-module=map-tool] .map-frame__overlay:before,
[data-module=map-tool] .map-infobox .info-box__close:before,
[data-tpl*=acc] .accordion-item__headline:after,
[data-tpl*=srt] header:after,
[data-tpl*=tea] header:after,
[data-tpl=bnv01] a:before,
[data-tpl=brc01]>footer button:after,
[data-tpl=breadcrumb] ol li a:before,
[data-tpl=brt01] header:after,
[data-tpl=ctc01] ul h4:before,
[data-tpl=form] .checkbox input[type=checkbox]:checked+input[type=hidden]+label:before,
[data-tpl=form] [data-tpl=select] .custom-select:after,
[data-tpl=form] input[data-element=datepicker]~.date-group-btn .icon-calendar .picker .picker__header .picker__nav--next:before,
[data-tpl=form] input[data-element=datepicker]~.date-group-btn .icon-calendar .picker .picker__header .picker__nav--prev:before,
[data-tpl=form] label:before,
[data-tpl=ieb01] .ieb-item__header:after,
[data-tpl=il01] li:before,
[data-tpl=jrc01]>footer button:after,
[data-tpl=jrt01] header:after,
[data-tpl=las01] .trigger:after,
[data-tpl=modal] .close:before,
[data-tpl=plt01] .link:after,
[data-tpl=ptea01] .affordance:before,
[data-tpl=rdc01]>footer button:after,
[data-tpl=rt01] header:after,
[data-tpl=sli01] .slider-next:before,
[data-tpl=sli01] .slider-prev:before,
[data-tpl=src01]>footer button:after,
[data-tpl=tag-bar-sticky] .tag-bar--sticky__jump-container a:after,
[data-tpl=tbl02].table--mobile-expandable tr .trigger-expand:before,
[data-tpl=tic01] .content-extended-arrow:before,
[data-tpl=tic03] .content-extended-arrow:before,
a.link:before {
  display                : inline-block;
  speak                  : none;
  font-family            : rwe-iconfont;
  line-height            : 1;
  font-weight            : 400;
  font-style             : normal;
  font-variant           : normal;
  text-transform         : none;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale
}

.videoplayer--inline.videojs-is-ended .vjs-big-play-button:after {
  content: "\EA3A"
}

.video-js .vjs-fullscreen-control:before {
  content           : "\EA32";
  -webkit-transition: color .4s ease-in-out, border-color .4s ease-in-out !important;
  transition        : color .4s ease-in-out, border-color .4s ease-in-out !important
}

.video-js .vjs-play-control.vjs-playing:before {
  content: "\EA37"
}

.video-js .vjs-big-play-button:after,
.video-js .vjs-play-control.vjs-paused:before,
.video-js .vjs-play-control:before {
  content: "\EA3A"
}

.video-js .vjs-volume-menu-button:before {
  content           : "\EA45";
  -webkit-transition: color .4s ease-in-out, border-color .4s ease-in-out !important;
  transition        : color .4s ease-in-out, border-color .4s ease-in-out !important
}

.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\EA43"
}

.video-js .vjs-subtitles-button:before {
  content           : "\EA48";
  -webkit-transition: color .4s ease-in-out, border-color .4s ease-in-out !important;
  transition        : color .4s ease-in-out, border-color .4s ease-in-out !important
}

.video-js .vjs-big-play-button:after {
  width             : 100%;
  height            : 100%;
  color             : #fff;
  font-size         : 1.7rem;
  -webkit-transition: color .4s ease-in-out;
  transition        : color .4s ease-in-out;
  display           : -ms-flexbox;
  display           : -webkit-box;
  display           : flex;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
  justify-content   : center;
  padding-top       : 1px
}

.video-js .vjs-big-play-button:hover:after {
  color: #00b1eb
}

.video-js .vjs-control-bar {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  width             : 100%;
  position          : absolute;
  bottom            : 0;
  left              : 0;
  right             : 0;
  padding           : 1rem;
  opacity           : 0;
  -webkit-transform : translateY(100%);
  transform         : translateY(100%);
  -webkit-transition: opacity .8s ease-in-out, -webkit-transform .8s ease-in-out;
  transition        : opacity .8s ease-in-out, -webkit-transform .8s ease-in-out;
  transition        : opacity .8s ease-in-out, transform .8s ease-in-out;
  transition        : opacity .8s ease-in-out, transform .8s ease-in-out, -webkit-transform .8s ease-in-out;
  z-index           : 5
}

.video-js .vjs-control {
  -ms-flex          : none;
  -webkit-box-flex  : 0;
  flex              : none;
  color             : hsla(0, 0%, 100%, .8);
  padding           : 0;
  -webkit-transition: color .4s ease-in-out;
  transition        : color .4s ease-in-out;
  outline           : 0
}

.video-js .vjs-control:active,
.video-js .vjs-control:focus,
.video-js .vjs-control:hover {
  outline: 0
}

.video-js .vjs-custom-control-spacer {
  display: none
}

.video-js .vjs-fullscreen-control:before,
.video-js .vjs-play-control:before,
.video-js .vjs-subtitles-button:before,
.video-js .vjs-volume-menu-button:before {
  font-size     : 1.7rem;
  line-height   : 1;
  vertical-align: middle
}

.video-js .vjs-play-control {
  cursor      : pointer;
  margin-right: 1rem
}

.video-js .vjs-play-control:hover {
  color: #00b1eb
}

.video-js .vjs-volume-menu-button {
  position    : relative;
  margin-right: 1rem;
  cursor      : default;
  font-size   : 1.7rem
}

.video-js .vjs-volume-menu-button:before {
  cursor: pointer
}

.video-js .vjs-volume-menu-button:hover {
  color: #00b1eb
}

.video-js .vjs-volume-menu-button .vjs-menu-content {
  width             : 100%;
  height            : 5rem;
  position          : absolute;
  top               : -.25rem;
  left              : 0;
  -webkit-transform : translateY(-100%);
  transform         : translateY(-100%);
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out .4s
}

.video-js .vjs-volume-menu-button .vjs-volume-bar {
  width            : .25rem;
  height           : 100%;
  background       : hsla(0, 0%, 100%, .4);
  position         : absolute;
  left             : 50%;
  border-radius    : .125rem;
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%)
}

.video-js .vjs-volume-menu-button .vjs-volume-bar .vjs-volume-level {
  width        : 100%;
  height       : 100%;
  background   : #00b1eb;
  border-radius: .125rem;
  position     : absolute;
  left         : 0;
  bottom       : 0
}

.video-js .vjs-volume-menu-button .vjs-volume-bar .vjs-volume-level:before {
  content           : "";
  display           : block;
  width             : .25rem;
  height            : .25rem;
  border-radius     : 50%;
  cursor            : pointer;
  position          : absolute;
  z-index           : 4;
  left              : 0;
  top               : 0;
  margin-top        : -.125rem;
  opacity           : 1;
  background-color  : #00b1eb;
  -webkit-transform : scale(1);
  transform         : scale(1);
  -webkit-transition: background-color .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : background-color .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, background-color .4s ease-in-out;
  transition        : transform .4s ease-in-out, background-color .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.video-js .vjs-volume-menu-button.vjs-slider-active .vjs-menu-content,
.video-js .vjs-volume-menu-button:hover .vjs-menu-content {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out
}

.video-js .vjs-volume-menu-button.vjs-slider-active .vjs-volume-bar .vjs-volume-level:before,
.video-js .vjs-volume-menu-button:hover .vjs-volume-bar .vjs-volume-level:before {
  -webkit-transform: scale(2);
  transform        : scale(2);
  background-color : #fff
}

.video-js .vjs-duration {
  -ms-flex-order           : 1;
  -webkit-box-ordinal-group: 2;
  order                    : 1;
  margin-left              : 1rem;
  font-family              : regular;
  font-size                : .8rem;
  line-height              : 1.5
}

.video-js .vjs-duration .vjs-duration-display {
  vertical-align: middle;
  display       : inline-block
}

.video-js .vjs-progress-control {
  display            : -ms-flexbox;
  display            : -webkit-box;
  display            : flex;
  -ms-flex-align     : center;
  -webkit-box-align  : center;
  align-items        : center;
  -ms-flex-positive  : 1;
  -webkit-box-flex   : 1;
  flex-grow          : 1;
  -ms-flex-item-align: stretch;
  align-self         : stretch
}

.video-js .vjs-progress-holder {
  display         : block;
  -ms-flex        : auto;
  -webkit-box-flex: 1;
  flex            : auto;
  height          : .25rem;
  position        : relative;
  background      : hsla(0, 0%, 100%, .4);
  border-radius   : .125rem
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-play-progress {
  display      : block;
  width        : 0;
  height       : 100%;
  margin       : 0;
  padding      : 0;
  position     : absolute;
  left         : 0;
  top          : 0;
  background   : #00b1eb;
  border-radius: .125rem
}

.video-js .vjs-progress-holder .vjs-play-progress {
  -webkit-transition: width .2s ease-in-out;
  transition        : width .2s ease-in-out
}

.video-js .vjs-progress-holder .vjs-play-progress:before {
  content           : "";
  display           : none;
  width             : .25rem;
  height            : .25rem;
  border-radius     : 50%;
  cursor            : pointer;
  position          : absolute;
  z-index           : 4;
  right             : 0;
  top               : 0;
  margin-right      : -.125rem;
  opacity           : 1;
  background-color  : #00b1eb;
  -webkit-transform : scale(1);
  transform         : scale(1);
  -webkit-transition: background-color .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : background-color .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, background-color .4s ease-in-out;
  transition        : transform .4s ease-in-out, background-color .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.video-js .vjs-progress-holder .vjs-play-progress:after {
  content           : attr(data-current-time);
  position          : absolute;
  z-index           : 3;
  bottom            : .25rem;
  right             : 0;
  -webkit-transform : translateX(50%);
  transform         : translateX(50%);
  color             : #00b1eb;
  font-size         : .8rem;
  line-height       : 1.5;
  font-family       : medium;
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out .4s
}

.video-js .vjs-progress-holder .vjs-load-progress {
  background: rgba(60, 55, 50, .3)
}

.video-js .vjs-progress-holder .vjs-mouse-display {
  height            : 100%;
  position          : absolute;
  z-index           : 2;
  left              : 0;
  top               : 0;
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out .4s;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out .4s
}

.video-js .vjs-progress-holder .vjs-mouse-display:before {
  content   : "";
  width     : 1px;
  height    : 100%;
  position  : absolute;
  left      : 0;
  top       : 0;
  background: #fff
}

.video-js .vjs-progress-holder .vjs-mouse-display:after {
  content          : attr(data-current-time);
  display          : block;
  position         : absolute;
  bottom           : .25rem;
  left             : 0;
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%);
  color            : #fff;
  font-size        : .8rem;
  line-height      : 1.5;
  font-family      : medium
}

.video-js .vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress:before {
  -webkit-transform: scale(2);
  transform        : scale(2);
  background-color : #fff
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out
}

.video-js .vjs-subtitles-button {
  cursor                   : pointer;
  margin-left              : 1rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order           : 1;
  order                    : 1;
  position                 : relative;
  font-size                : 1.7rem
}

.video-js .vjs-subtitles-button:hover:before {
  color: #00b1eb
}

.video-js .vjs-subtitles-button .vjs-menu {
  position          : absolute;
  top               : -22px;
  opacity           : 0;
  visibility        : hidden;
  right             : -1rem;
  margin-right      : -6px;
  -webkit-transform : translateY(-100%);
  transform         : translateY(-100%);
  background        : #000;
  border-radius     : .25rem;
  padding           : .75rem;
  white-space       : nowrap;
  text-align        : center;
  font-size         : .7rem;
  font-family       : medium;
  line-height       : 1.6;
  -webkit-transition: visibility .2s ease-in-out 0ms, top .2s ease-in-out, opacity .2s ease-in-out;
  transition        : visibility .2s ease-in-out 0ms, top .2s ease-in-out, opacity .2s ease-in-out
}

.video-js .vjs-subtitles-button .vjs-menu ul {
  padding: 0;
  margin : 0
}

.video-js .vjs-subtitles-button .vjs-menu ul:after {
  content     : "";
  display     : block;
  position    : absolute;
  bottom      : -6px;
  right       : 1.85rem;
  width       : 0;
  height      : 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #000 transparent transparent
}

.video-js .vjs-subtitles-button .vjs-menu li {
  padding: .25rem;
  outline: 0
}

.video-js .vjs-subtitles-button .vjs-menu li:active,
.video-js .vjs-subtitles-button .vjs-menu li:focus,
.video-js .vjs-subtitles-button .vjs-menu li:hover {
  outline: 0
}

.video-js .vjs-subtitles-button .vjs-menu li:before {
  display: none
}

.video-js .vjs-subtitles-button .vjs-menu li+li {
  border-top: 1px solid #9d9b98
}

.video-js .vjs-subtitles-button .vjs-menu li.vjs-selected,
.video-js .vjs-subtitles-button[aria-expanded=true]:before {
  color: #00b1eb
}

.video-js .vjs-subtitles-button[aria-expanded=true] .vjs-menu {
  opacity   : 1;
  visibility: visible;
  top       : -12px
}

.video-js .vjs-fullscreen-control {
  cursor                   : pointer;
  margin-left              : 1rem;
  -ms-flex-order           : 1;
  -webkit-box-ordinal-group: 2;
  order                    : 1
}

.video-js .vjs-fullscreen-control:hover {
  color: #00b1eb
}

.video-js.vjs-live .vjs-progress-control {
  display: none
}

.video-js.vjs-has-started .vjs-control-bar {
  opacity                    : 1;
  -webkit-transform          : translateY(0);
  transform                  : translateY(0);
  -webkit-transition-duration: .2s;
  transition-duration        : .2s
}

.video-js.vjs-has-started.vjs-user-inactive.vjs-playing {
  cursor: none
}

.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity                    : 0;
  -webkit-transform          : translateY(100%);
  transform                  : translateY(100%);
  -webkit-transition-duration: .8s;
  transition-duration        : .8s
}

.video-js.vjs-has-started .vjs-progress-control .vjs-play-progress:before {
  display: block
}

.video-js.vjs-has-started:not(.vjs-ended) .vjs-progress-control .vjs-play-progress:after {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out;
  transition        : opacity .4s ease-in-out, visibility 0s ease-in-out;
  font-family       : regular;
  font-size         : .8rem
}

.video-js.vjs-controls-disabled .vjs-control-bar,
.video-js.vjs-error .vjs-control-bar,
.video-js.vjs-using-native-controls .vjs-control-bar {
  display: none !important
}

html.is-ios body.vjs-full-window [data-tpl=video] {
  overflow: visible;
  position: static
}

.video-js.vjs-fullscreen {
  width            : 100% !important;
  height           : 100% !important;
  position         : fixed !important;
  overflow         : hidden;
  z-index          : 1000;
  left             : 0 !important;
  top              : 0 !important;
  bottom           : 0 !important;
  right            : 0 !important;
  margin           : 0 !important;
  padding          : 0 !important;
  background       : #000;
  -webkit-transform: translate(0) !important;
  transform        : translate(0) !important
}

.video-js.vjs-fullscreen .vjs-tech {
  width            : 100%;
  height           : 100%;
  left             : 0;
  top              : 0;
  -webkit-transform: translate(0);
  transform        : translate(0);
  -o-object-fit    : contain;
  object-fit       : contain
}

.videoplayer--inline.videojs-is-ended .vjs-big-play-button:after {
  padding-left: 0
}

html.is-mobile [data-tpl=video].videoplayer--inline .vjs-poster {
  display: block;
  z-index: 2
}

html.is-mobile [data-tpl=video].videoplayer--inline .vjs-big-play-button {
  display: block
}

html.is-mobile [data-tpl=video].videoplayer--inline .vjs-control-bar {
  z-index: 1
}

html.is-mobile [data-tpl=video].videoplayer--inline .vjs-fullscreen .vjs-big-play-button,
html.is-mobile [data-tpl=video].videoplayer--inline .vjs-fullscreen .vjs-poster,
html:not(.is-mobile) [data-tpl=video].videoplayer--inline .vjs-has-started .vjs-poster,
html:not(.is-mobile) [data-tpl=video].videoplayer--inline:not(.youtube) .vjs-poster {
  display: none
}

html:not(.is-mobile).is-edge [data-tpl=video].videoplayer--inline .vjs-poster,
html:not(.is-mobile).is-ie [data-tpl=video].videoplayer--inline .vjs-poster {
  display: block
}

html:not(.is-mobile).is-edge [data-tpl=video].videoplayer--inline .vjs-has-started .vjs-poster,
html:not(.is-mobile).is-ie [data-tpl=video].videoplayer--inline .vjs-has-started .vjs-poster {
  display: none
}

body.vjs-full-window {
  padding   : 0;
  margin    : 0;
  height    : 100%;
  overflow-y: auto
}

body.vjs-full-window #off-screen-content {
  -webkit-transform: none;
  transform        : none
}

[data-tpl=sta01] {
  overflow: hidden;
  position: relative
}

[data-tpl=sta01] header {
  opacity  : 1;
  position : relative;
  left     : 1rem;
  max-width: calc(100% - 2rem);
  top      : -1.5rem;
  z-index  : 10;
  padding  : 1.5rem
}

[data-tpl=sta01] header,
[data-tpl=sta01] header.color-teaser-1 {
  background-color: #fff
}

[data-tpl=sta01] header.color-teaser-2 {
  background-color: #f5f3f6
}

[data-tpl=sta01] .headline {
  font-family: bold;
  font-size  : 1.7rem;
  margin     : 0;
  color      : #1d4477
}

[data-tpl=sta01] .subheadline {
  color      : #1d4477;
  font-family: light;
  font-size  : 1rem;
  margin     : 1rem 0 0
}

[data-tpl=sta01] .btn {
  background   : #3ed8c3;
  color        : #fff;
  border-radius: 0;
  font-family  : light;
  margin-top   : 1.5rem;
  padding      : .75rem 1rem
}

[data-tpl=sta01] .btn:before {
  content     : "\EA0D";
  font-family : rwe-iconfont;
  font-size   : .7rem;
  margin-right: .5rem
}

[data-tpl=sta01] .image,
[data-tpl=sta01] [data-tpl=video] {
  padding-top: 50%
}

[data-tpl=sta01] .image {
  width   : 100%;
  height  : 0;
  overflow: hidden;
  position: relative;
  z-index : 1
}

[data-tpl=sta01] .image>div {
  padding-top        : 0;
  position           : absolute;
  left               : 0;
  top                : 0;
  right              : 0;
  bottom             : 0;
  background-repeat  : no-repeat;
  background-position: 50%;
  background-size    : cover;
  -webkit-transition : opacity .8s ease-in-out, -webkit-transform .2s ease-in-out;
  transition         : opacity .8s ease-in-out, -webkit-transform .2s ease-in-out;
  transition         : transform .2s ease-in-out, opacity .8s ease-in-out;
  transition         : transform .2s ease-in-out, opacity .8s ease-in-out, -webkit-transform .2s ease-in-out;
  z-index            : 1
}

[data-tpl=sta01] [data-tpl=video] .videoplayer,
[data-tpl=sta01] [data-tpl=video] .videoplayer-content {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%
}

[data-tpl=sta01] [data-tpl=video] .posterimg,
[data-tpl=sta01] [data-tpl=video] video {
  width            : 100%;
  height           : auto;
  position         : relative;
  top              : 50%;
  left             : 0;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  -o-object-fit    : cover;
  object-fit       : cover
}

[data-tpl=sli01] [data-tpl=sta01] header {
  margin-bottom: .75rem
}

[data-tpl=sta02] {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction   : column-reverse;
  flex-direction       : column-reverse
}

[data-tpl=sta02] .image {
  display         : block;
  -webkit-box-flex: 0;
  -ms-flex        : 0 0 auto;
  flex            : 0 0 auto
}

[data-tpl=sta02] header {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction   : column-reverse;
  flex-direction       : column-reverse
}

[data-tpl=sta02] .headline,
[data-tpl=sta02] .subheadline {
  color        : #1d4477;
  margin-bottom: 0
}

[data-tpl=sta02] .headline {
  font-size  : 2rem;
  font-family: bold;
  margin-top : .75rem
}

[data-tpl=sta02] .subheadline {
  font-size  : 1rem;
  font-family: regular;
  margin-top : 1.5rem
}

[data-tpl=sta02] .image:before,
[data-tpl=sta02] [data-tpl=video]:not(.videoplayer--fullscreen):before {
  content    : "";
  padding-top: 66.6666666667%;
  display    : block
}

[data-tpl=sta02] picture {
  position: absolute;
  left    : 0;
  top     : 0;
  right   : 0;
  bottom  : 0;
  overflow: hidden
}

[data-tpl=sta02] [class*=media-align] picture,
[data-tpl=sta02] [class*=media-fill] picture {
  width: auto
}

[data-tpl=sta02] img {
  height           : 100%;
  width            : auto;
  position         : absolute !important;
  left             : 50%;
  -webkit-transform: translateX(-50%);
  transform        : translateX(-50%)
}

[data-tpl=sta02] .image-caption {
  display: none
}

[data-tpl=sta02] .image.media-fill--width img {
  width : 100% !important;
  height: auto !important
}

[data-tpl=sta02] .image.media-fill--height img {
  width            : auto !important;
  height           : 100% !important;
  left             : 50%;
  top              : 0;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

[data-tpl=sta02] .image.media-align--top-left img {
  top              : 0;
  left             : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=sta02] .image.media-align--top-center img {
  top              : 0;
  left             : 50%;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

[data-tpl=sta02] .image.media-align--top-right img {
  top              : 0;
  left             : auto;
  right            : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=sta02] .image.media-align--center-left img {
  top              : 50%;
  left             : 0;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

[data-tpl=sta02] .image.media-align--center-right img {
  top              : 50%;
  left             : auto;
  right            : 0;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

[data-tpl=sta02] .image.media-align--bottom-left img {
  top              : auto;
  bottom           : 0;
  left             : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=sta02] .image.media-align--bottom-center img {
  top              : auto;
  bottom           : 0;
  left             : 50%;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

[data-tpl=sta02] .image.media-align--bottom-right img {
  top              : auto;
  bottom           : 0;
  left             : auto;
  right            : 0;
  -webkit-transform: translate(0);
  transform        : translate(0)
}

[data-tpl=sta02] [data-tpl=video] figure {
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
  overflow: hidden
}

[data-tpl=sta02] [data-tpl=video] figcaption {
  display: none
}

[data-tpl=sta02] [data-tpl=video] .videoplayer-content {
  position: static
}

[data-tpl=sta02] [data-tpl=video] .videoplayer,
[data-tpl=sta02] [data-tpl=video] .videoplayer-content {
  width : 100%;
  height: 100%
}

[data-tpl=sta02] [data-tpl=video] .posterimg,
[data-tpl=sta02] [data-tpl=video] video {
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover
}

[data-tpl=sta02] [data-tpl=video]:not(.youtube).poster-loaded .videoplayer {
  position: absolute;
  overflow: hidden
}

[data-tpl=sta02] [data-tpl=video] .posterimg,
[data-tpl=sta02] [data-tpl=video].videoplayer--bg.youtube .videoplayer,
[data-tpl=sta02] [data-tpl=video] video {
  position         : relative;
  width            : auto;
  height           : 100%;
  top              : 0;
  left             : 50%;
  -webkit-transform: translate(-50%);
  transform        : translate(-50%)
}

[data-tpl=sta02] [data-tpl=video] .ar-4-3 .posterimg,
[data-tpl=sta02] [data-tpl=video] .ar-4-3 video,
[data-tpl=sta02] [data-tpl=video] .ar-4-3.youtube.videoplayer--bg .videoplayer {
  width            : 100%;
  height           : auto;
  left             : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

[data-tpl=las01] .trigger {
  padding    : .75rem .5rem .75rem 0;
  font-family: regular;
  font-size  : 1rem;
  color      : #fff;
  display    : inline-block
}

[data-tpl=las01]:after {
  content           : "\EA0B";
  font-family       : rwe-iconfont;
  display           : inline-block;
  color             : #fff;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition        : -webkit-transform .2s ease-in-out;
  transition        : transform .2s ease-in-out;
  transition        : transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  font-size         : .5rem
}

[data-tpl=las01]>ul {
  display: none
}

[data-tpl=las01]>ul.active {
  display: block
}

[data-tpl=las01]>ul>li,
[data-tpl=las01]>ul>li>a {
  display: none
}

[data-tpl=las01r] {
  position   : relative;
  font-size  : 1rem;
  line-height: inherit;
  color      : inherit;
  display    : inline-block
}

[data-tpl=las01r] .trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor : pointer
}

[data-tpl=las01r] .trigger:after {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition        : -webkit-transform .4s ease-in-out;
  transition        : transform .4s ease-in-out;
  transition        : transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  margin-left       : .75rem;
  font-size         : .5rem
}

[data-tpl=las01r] ul {
  background        : #fff;
  position          : absolute;
  padding           : 0 .5rem;
  margin            : 0;
  -webkit-box-shadow: 0 0 5px rgba(90, 90, 90, .5);
  box-shadow        : 0 0 5px rgba(90, 90, 90, .5);
  left              : 50%;
  -webkit-transform : translateX(-50%);
  transform         : translateX(-50%);
  display           : block;
  -webkit-transition: visibility .2s ease-in-out 0ms, margin-top .2s ease-in-out, opacity .2s ease-in-out;
  transition        : visibility .2s ease-in-out 0ms, margin-top .2s ease-in-out, opacity .2s ease-in-out;
  margin-top        : 1.5rem;
  visibility        : hidden;
  opacity           : 0
}

[data-tpl=las01r] ul:before {
  bottom             : 100%;
  border             : solid transparent;
  content            : " ";
  height             : 0;
  width              : 0;
  position           : absolute;
  pointer-events     : none;
  border-bottom-color: #fff;
  border-width       : 8px;
  left               : calc(50% - 8px)
}

[data-tpl=las01r] ul li {
  color    : #00b1eb;
  padding  : .75rem .25rem;
  font-size: 1rem
}

[data-tpl=las01r] ul li+li {
  border-top: 1px solid #f5f3f6
}

[data-tpl=las01r].open ul {
  visibility: visible;
  opacity   : 1;
  margin-top: .75rem
}

[data-tpl=las01r].open .trigger:after {
  -webkit-transform: scaleY(-1);
  transform        : scaleY(-1)
}

#target-group-select [data-tpl=las01r] {
  height: 100%;
  float : right
}

#target-group-select [data-tpl=las01r] .trigger {
  height           : 100%;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center
}

footer [data-tpl=las01r],
footer [data-tpl=las01r] .trigger {
  height: 100%
}

footer [data-tpl=las01r] ul {
  bottom            : 100%;
  margin-top        : 0;
  margin-bottom     : 1.5rem;
  -webkit-transition: visibility .2s ease-in-out 0ms, margin-bottom .2s ease-in-out, opacity .2s ease-in-out;
  transition        : visibility .2s ease-in-out 0ms, margin-bottom .2s ease-in-out, opacity .2s ease-in-out
}

footer [data-tpl=las01r] ul:before {
  top                : 100%;
  border-top-color   : #fff;
  border-bottom-color: transparent
}

footer [data-tpl=las01r].open ul {
  margin-bottom: .75rem
}

@supports (-ms-overflow-style:none) {

  .ps,
  .ps-container {
    overflow: auto !important
  }
}

@media -ms-high-contrast,
screen and -ms-high-contrast {

  .ps,
  .ps-container {
    overflow: auto !important
  }
}

@media (min-width:320px) {
  .video-js button {
    font-size: 2.1rem
  }

  .video-js button.vjs-big-play-button {
    height   : 4rem;
    width    : 4rem;
    font-size: 2.1rem
  }

  .video-js button.vjs-big-play-button:after {
    font-size: 4rem
  }

  .video-js .vjs-volume-bar {
    bottom: .25rem
  }

  .video-js .vjs-fullscreen-control:before {
    margin: 0
  }

  .video-js .vjs-volume-menu-button:before {
    margin-bottom: 0
  }
}

@media (min-width:480px) {

  .container,
  .container-fluid {
    padding-left : .75vw;
    padding-right: .75vw
  }

  .row {
    margin-left : -.75vw;
    margin-right: -.75vw
  }

  .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,
  .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,
  .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,
  .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 {
    padding-left : .75vw;
    padding-right: .75vw
  }

  .container-fluid {
    padding-left : 0;
    padding-right: 0
  }

  [data-tpl*=grid-form] .container {
    padding-left : .75vw;
    padding-right: .75vw
  }

  [data-tpl*=detail] aside [data-tpl*=grid],
  [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) {
    margin-top   : 1.5vw;
    margin-bottom: 1.5vw
  }

  [data-tpl*=grid]>.container>.content:not(:first-child),
  [data-tpl*=grid]>.container>.row>.grid-content:not(:first-child) {
    margin-top: 1.5vw
  }

  body,
  html {
    font-size: 18px
  }

  h1 {
    font-size: 2.1rem
  }

  h1,
  h2 {
    line-height: 1.2
  }

  h2 {
    font-size: 1.9rem
  }

  h3 {
    font-size  : 1.2rem;
    line-height: 1.35
  }

  figcaption,
  small {
    font-size  : .9rem;
    line-height: 1.55
  }

  #main-header>div {
    -webkit-transition: right .4s ease-in-out, left .4s ease-in-out;
    transition        : right .4s ease-in-out, left .4s ease-in-out
  }

  body.state-off-screen-navigation-visible #main-header>div {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    left             : 18rem
  }

  body.state-off-screen-cart-visible #main-header>div {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    right            : 18rem
  }

  #main-header.main-header--fixed,
  #main-header.main-header--out-of-viewport {
    height: calc(2rem + 25px)
  }

  #target-group-select,
  #target-group-select .target-group-select--trigger {
    font-size: .8rem
  }

  #target-group-select #target-group-select-list:after {
    font-size: .7rem
  }

  #quick-navigation li {
    line-height: 1.2rem
  }

  footer#main-footer [data-tpl=individual-zone]+[data-tpl=individual-global-zone]:before {
    margin: 0 1.5vw
  }

  footer#main-footer section[data-tpl=individual-zone] .headline,
  footer#main-footer section[data-tpl=individual-zone] .subheadline {
    font-size    : 1.2rem;
    line-height  : 1.35;
    margin-bottom: .75rem
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] .accordion-item__headline {
    font-size  : 1rem;
    line-height: 1.45
  }

  footer#main-footer section[data-tpl=global-zone] .endorsement svg {
    width : 6.2729083073rem;
    height: .8rem
  }

  footer#main-footer section[data-tpl=global-zone] .copyright {
    line-height: 1.5rem
  }

  #main-navigation ul ul {
    font-size  : .9rem;
    line-height: 1.55
  }

  .btn {
    font-size: 1.2rem
  }

  [data-tpl=sli01].sli01--text-components .slider-pagination {
    margin-top: 2.5rem
  }

  .video-js button {
    font-size: 2.1rem
  }

  .video-js button.vjs-big-play-button {
    height   : 4rem;
    width    : 4rem;
    font-size: 2.1rem
  }

  .video-js button.vjs-big-play-button:after {
    font-size: 4rem
  }

  .video-js .vjs-volume-bar {
    bottom: .25rem
  }

  .video-js .vjs-fullscreen-control:before {
    margin: 0
  }

  .video-js .vjs-volume-menu-button:before {
    margin-bottom: 0
  }

  [data-tpl=sta01] header .headline {
    font-family: bold;
    font-size  : 2.5rem
  }

  [data-tpl=sta01] header .subheadline {
    margin-top: .75rem;
    font-size : 1.2rem
  }

  [data-tpl=sta01] header .btn {
    font-family: light;
    margin-top : 1.5rem
  }

  [data-tpl=sta01] .image,
  [data-tpl=sta01] [data-tpl=video] {
    padding-top: 40.625%
  }

  [data-tpl=sta02] {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : column-reverse;
    flex-direction       : column-reverse
  }

  [data-tpl=sta02] .headline,
  [data-tpl=sta02] .subheadline {
    color        : #1d4477;
    margin-bottom: 0
  }

  [data-tpl=sta02] .headline {
    font-size  : 2.5rem;
    font-family: bold;
    margin-top : .75rem
  }

  [data-tpl=sta02] .subheadline {
    font-size  : .9rem;
    font-family: regular;
    margin-top : 2.5rem
  }

  [data-tpl=las01] .trigger {
    padding  : 1rem .25rem 1rem 0;
    font-size: .8rem
  }

  [data-tpl=las01] .trigger:after {
    font-size: .4rem
  }
}

@media (min-width:971px) {
  #main-navigation ul.quick-nav {
    display: none
  }
}

@media (min-width:480px),
print {

  .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-1 {
    width: 8.3333333333%
  }

  .col-sm-2 {
    width: 16.6666666667%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-4 {
    width: 33.3333333333%
  }

  .col-sm-5 {
    width: 41.6666666667%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-7 {
    width: 58.3333333333%
  }

  .col-sm-8 {
    width: 66.6666666667%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-10 {
    width: 83.3333333333%
  }

  .col-sm-11 {
    width: 91.6666666667%
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-pull-1 {
    right: 8.3333333333%
  }

  .col-sm-pull-2 {
    right: 16.6666666667%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-4 {
    right: 33.3333333333%
  }

  .col-sm-pull-5 {
    right: 41.6666666667%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-7 {
    right: 58.3333333333%
  }

  .col-sm-pull-8 {
    right: 66.6666666667%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-10 {
    right: 83.3333333333%
  }

  .col-sm-pull-11 {
    right: 91.6666666667%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-push-1 {
    left: 8.3333333333%
  }

  .col-sm-push-2 {
    left: 16.6666666667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-4 {
    left: 33.3333333333%
  }

  .col-sm-push-5 {
    left: 41.6666666667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-7 {
    left: 58.3333333333%
  }

  .col-sm-push-8 {
    left: 66.6666666667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-10 {
    left: 83.3333333333%
  }

  .col-sm-push-11 {
    left: 91.6666666667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%
  }

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

  .col-sm-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%
  }

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

  .col-sm-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%
  }

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

  .col-sm-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%
  }

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

@media (min-width:800px) {
  .float-minlg-right {
    clear: right;
    float: right
  }

  .container-fluid {
    padding-left : 0;
    padding-right: 0
  }

  [data-tpl*=grid-form] .container {
    padding-left : .75vw;
    padding-right: .75vw
  }

  #main-footer [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]),
  main [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) {
    margin-left : 1.5vw;
    margin-right: 1.5vw
  }

  [data-tpl*=grid]>.container>.content:not(:first-child),
  [data-tpl*=grid]>.container>.row>.grid-content:not(:first-child) {
    margin-top: 0
  }

  body,
  html {
    font-size: 20px
  }

  #page-wrapper {
    font-size: .9rem
  }

  h1 {
    font-size: 2.1rem
  }

  h1,
  h2 {
    line-height: 1.2
  }

  h2 {
    font-size: 1.9rem
  }

  h3 {
    font-size  : 1.2rem;
    line-height: 1.35
  }

  figcaption,
  small {
    font-size  : .8rem;
    line-height: 1.5
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02] {
    padding-left : 1.5vw;
    padding-right: 1.5vw
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02] .container {
    padding-left : .75vw;
    padding-right: .75vw
  }

  body:not(.state-off-screen-navigation-visible) [data-tpl*=detail-]>header [data-tpl=bnv01],
  body:not(.state-off-screen-navigation-visible) [data-tpl*=detail-]>header [data-tpl=sta02] {
    width: auto
  }

  #main-header {
    margin-top: 0;
    height    : 120px
  }

  body.state-off-screen-cart-visible #main-header .logo,
  body.state-off-screen-navigation-visible #main-header .logo {
    opacity       : 1;
    pointer-events: auto
  }

  body.state-off-screen-navigation-visible #main-header>div {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    left             : 18rem
  }

  body.state-off-screen-cart-visible #main-header>div {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    right            : 18rem
  }

  [data-tpl=meta-navigation] {
    height: 2rem
  }

  #target-group-select {
    font-size: 20px
  }

  #quick-navigation li {
    font-size        : .9rem;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: stretch;
    -ms-flex-align   : stretch;
    align-items      : stretch
  }

  #quick-navigation li a,
  #quick-navigation li button {
    display          : -webkit-inline-box;
    display          : -ms-inline-flexbox;
    display          : inline-flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
  }

  #quick-navigation li .button svg,
  #quick-navigation li button svg {
    height: 1.2rem
  }

  #quick-navigation li.menu button,
  #quick-navigation li:not(.menu):not(.search):not(.cart) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #quick-navigation li.menu button {
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
  }

  #quick-navigation li.menu button svg {
    height: 13px;
    width : 18.72px
  }

  #quick-navigation li.menu button svg+span {
    display           : inline;
    -webkit-transition: opacity .4s ease-in-out, visibility 0s ease-in-out, font-size .4s ease-in-out, margin-left .4s ease-in-out;
    transition        : opacity .4s ease-in-out, visibility 0s ease-in-out, font-size .4s ease-in-out, margin-left .4s ease-in-out;
    opacity           : 1;
    visibility        : visible;
    display           : -webkit-inline-box;
    display           : -ms-inline-flexbox;
    display           : inline-flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    margin-left       : .75rem
  }

  body.state-off-screen-navigation-visible #quick-navigation li.menu button svg+span {
    -webkit-transition: opacity .4s ease-in-out, visibility .4s step-end, font-size .4s ease-in-out, margin-left .4s ease-in-out;
    transition        : opacity .4s ease-in-out, visibility .4s step-end, font-size .4s ease-in-out, margin-left .4s ease-in-out;
    opacity           : 0;
    visibility        : hidden;
    font-size         : 0;
    margin-left       : 0
  }

  #quick-navigation li.search button svg {
    height: 18px;
    width : 18.5373px
  }

  #off-screen-content {
    margin-top: 120px
  }

  #off-screen-wrap #off-screen-content {
    -webkit-transition: padding .4s ease-in-out;
    transition        : padding .4s ease-in-out
  }

  #off-screen-app-drawer {
    top: 120px
  }

  #off-screen-app-drawer .off-screen-close {
    top          : 1rem;
    right        : 0;
    bottom       : auto;
    left         : auto;
    border-radius: 50%;
    font-size    : .9rem
  }

  #off-screen-app-drawer .app-drawer>[data-tpl] {
    max-width   : 60%;
    margin-left : auto;
    margin-right: auto
  }

  footer#main-footer [data-tpl=individual-zone]+[data-tpl=individual-global-zone]:before {
    margin: 0 1.5vw
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=acc01] ul li.accordion-item[aria-expanded=false] .accordion-item__content,
  footer#main-footer section[data-tpl=individual-zone] [data-tpl=acc01] ul li.accordion-item[aria-expanded=false] .accordion-item__content {
    display: block
  }

  footer#main-footer section[data-tpl=individual-global-zone] .headline,
  footer#main-footer section[data-tpl=individual-global-zone] .subheadline,
  footer#main-footer section[data-tpl=individual-zone] .headline,
  footer#main-footer section[data-tpl=individual-zone] .subheadline {
    font-size    : .8rem;
    line-height  : 1.5;
    margin-bottom: 1rem
  }

  footer#main-footer section[data-tpl=individual-zone] .grid-content:not(:first-child) {
    margin-top: 0
  }

  footer#main-footer section[data-tpl=individual-global-zone] {
    font-size  : .8rem;
    line-height: 1.5
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05] {
    margin-top   : 2.5rem;
    margin-bottom: 1.5rem
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05]:first-child {
    margin-top: 1.5rem
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05]:last-child {
    margin-bottom: 2.5rem
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-05] .grid-content:not(:first-child) {
    margin-top: 0
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl=grid-bas-02]+[data-tpl=grid-bas-05] {
    margin-top: 1.5rem
  }

  footer#main-footer section[data-tpl=individual-global-zone] [data-tpl*=acc] .accordion-item__headline {
    font-size  : .9rem;
    line-height: 1.45
  }

  footer#main-footer section[data-tpl=global-zone] {
    font-size: .7rem
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] {
    margin: 1rem 0
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container {
    margin               : 0 auto;
    width                : 100%;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction   : row;
    flex-direction       : row
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=las01r] {
    width        : auto;
    float        : left;
    margin-top   : 0;
    margin-bottom: 0;
    border-bottom: 0;
    border-right : 1px solid hsla(0, 0%, 100%, .2);
    padding      : 0 1rem 0 0
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=las01r] .trigger {
    padding-top   : 0;
    padding-bottom: 0;
    font-size     : .7rem
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=las01r] .trigger:after {
    font-size: .3rem
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container .copyright {
    margin     : 0 0 0 auto;
    padding-top: 0;
    float      : right;
    width      : auto;
    font-family: regular
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container .endorsement {
    padding    : .25rem 0 .25rem 1rem;
    margin-left: 1rem
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] {
    float       : left;
    width       : auto;
    border      : none;
    padding-left: 1rem
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol {
    margin: 0
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer] ol li a {
    font-size: .7rem
  }

  footer#main-footer section[data-tpl=global-zone] [data-tpl=grid-bas-02] .container [data-tpl=footer]+.copyright {
    font-size  : .7rem;
    border     : none;
    padding-top: 0
  }

  #main-navigation {
    font-size  : .9rem;
    line-height: 1.45
  }

  #main-navigation ul ul {
    font-size  : .8rem;
    line-height: 1.5
  }

  #main-navigation ul li[aria-expanded]>span {
    font-size: 1.2rem
  }

  #main-navigation ul.target-group-nav li>a:before {
    font-size: .7rem
  }

  [data-tpl=breadcrumb] {
    padding-left : 1.5vw;
    padding-right: 1.5vw
  }

  [data-tpl=breadcrumb] ol {
    max-width: 1280px;
    margin   : 0 auto
  }

  [data-tpl=breadcrumb] ol li a {
    font-size  : .8rem;
    line-height: 1.5
  }

  #dws01-modal .modal-content,
  [data-tpl=modal] .modal-content {
    -webkit-transform: scale(.5) translate(-50%);
    transform        : scale(.5) translate(-50%);
    margin           : 6vh 0
  }

  #dws01-modal[aria-expanded=true] .modal-content,
  [data-tpl=modal][aria-expanded=true] .modal-content {
    -webkit-transform: scale(1) translate(-50%);
    transform        : scale(1) translate(-50%)
  }

  #dws01-modal.modal--fixed-width .modal-content,
  [data-tpl=modal].modal--fixed-width .modal-content {
    max-width: 600px
  }

  .btn {
    font-size: .8rem
  }

  [data-tpl=sli01]:hover .slider-next,
  [data-tpl=sli01]:hover .slider-prev {
    opacity: .8
  }

  [data-tpl=sli01]:hover .slider-next:hover,
  [data-tpl=sli01]:hover .slider-prev:hover {
    opacity: 1
  }

  [data-tpl=sli01] .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: .5rem
  }

  .video-js button {
    font-size: 1.2rem
  }

  .video-js button.vjs-big-play-button {
    font-size: 1.9rem
  }

  .video-js button,
  .video-js button.vjs-big-play-button {
    font-size: 2.1rem
  }

  .video-js .vjs-volume-bar {
    bottom: .25rem
  }

  [data-tpl=sta01] header {
    width   : 52%;
    position: absolute;
    bottom  : 1.5rem;
    left    : 3.5rem;
    top     : auto;
    z-index : 10;
    padding : 1.5rem
  }

  [data-tpl=sta01] header,
  [data-tpl=sta01] header.color-teaser-1 {
    background-color: hsla(0, 0%, 100%, .9)
  }

  [data-tpl=sta01] header.color-teaser-2 {
    background-color: rgba(245, 243, 246, .9)
  }

  [data-tpl=sta01] header .headline {
    font-family: bold;
    font-size  : 1.9rem
  }

  [data-tpl=sta01] header .subheadline {
    margin   : 1rem 0 0;
    font-size: .9rem
  }

  [data-tpl=sta01] header .btn {
    font-family: light;
    margin-top : 1rem;
    font-size  : .9rem
  }

  [data-tpl=sta01].sta01--centered-centered header {
    left             : 50%;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%)
  }

  [data-tpl=sta01].sta01--bottom-left:not(.sta01--compact) header,
  [data-tpl=sta01].sta01--bottom-right:not(.sta01--compact) header,
  [data-tpl=sta01].sta01--centered-left:not(.sta01--compact) header,
  [data-tpl=sta01].sta01--centered-right:not(.sta01--compact) header {
    width            : 40%;
    text-align       : left;
    -webkit-transform: translateX(0);
    transform        : translateX(0)
  }

  [data-tpl=sta01].sta01--bottom-left.sta01--compact header,
  [data-tpl=sta01].sta01--bottom-right.sta01--compact header,
  [data-tpl=sta01].sta01--centered-left.sta01--compact header,
  [data-tpl=sta01].sta01--centered-right.sta01--compact header {
    text-align: left
  }

  [data-tpl=sta01].sta01--bottom-left [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button,
  [data-tpl=sta01].sta01--bottom-right [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button,
  [data-tpl=sta01].sta01--centered-left [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button,
  [data-tpl=sta01].sta01--centered-right [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button {
    display: block
  }

  [data-tpl=sta01].sta01--bottom-right header,
  [data-tpl=sta01].sta01--centered-right header {
    left : auto;
    right: 1.5rem
  }

  [data-tpl=sta01].sta01--bottom-right [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button,
  [data-tpl=sta01].sta01--centered-right [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button {
    margin-left: -20%
  }

  [data-tpl=sta01].sta01--bottom-right [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button:before,
  [data-tpl=sta01].sta01--centered-right [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button:before {
    left: 0
  }

  [data-tpl=sta01].sta01--centered-right header {
    right: 3.5rem
  }

  [data-tpl=sta01].sta01--bottom-left header,
  [data-tpl=sta01].sta01--centered-left header {
    left : 1.5rem;
    right: auto
  }

  [data-tpl=sta01].sta01--bottom-left [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button,
  [data-tpl=sta01].sta01--centered-left [data-tpl=video].videoplayer--fullscreen .vjs-big-play-button {
    margin-left: 20%
  }

  [data-tpl=sta01].sta01--centered-left header {
    left: 3.5rem
  }

  [data-tpl=sta02] {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : column-reverse;
    flex-direction       : column-reverse
  }

  [data-tpl=sta02] .headline,
  [data-tpl=sta02] .subheadline {
    color        : #1d4477;
    margin-right : 1.5rem;
    margin-bottom: 0
  }

  [data-tpl=sta02] .headline {
    font-size  : 2.1rem;
    font-family: bold;
    margin-top : .75rem
  }

  [data-tpl=sta02] .subheadline {
    font-size  : .9rem;
    font-family: regular;
    margin-top : 2.5rem
  }

  [data-tpl=sta02] .image:before,
  [data-tpl=sta02] [data-tpl=video]:not(.videoplayer--fullscreen):before {
    padding-top: 37.5%
  }

  [data-tpl=sta02] [data-tpl=video] .posterimg,
  [data-tpl=sta02] [data-tpl=video] img {
    width            : 100%;
    height           : auto;
    left             : 0;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%)
  }

  [data-tpl=sta02] [data-tpl=video] .posterimg,
  [data-tpl=sta02] [data-tpl=video].videoplayer--bg.youtube .videoplayer,
  [data-tpl=sta02] [data-tpl=video] video {
    position         : relative;
    width            : 100%;
    height           : auto;
    top              : 50%;
    left             : 0;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%)
  }

  [data-tpl=las01r] .trigger {
    font-size: .7rem
  }

  [data-tpl=las01r] .trigger:after {
    margin-left : .5rem;
    /* font-size: .35rem */
  }

  [data-tpl=las01r] ul {
    padding: 0 .5rem;
    margin : 1.5rem 0 0
  }

  [data-tpl=las01r] ul:before {
    bottom      : 100%;
    border-width: 8px
  }

  [data-tpl=las01r] ul li {
    padding  : .75rem .5rem;
    font-size: .8rem
  }

  footer [data-tpl=las01r] .trigger {
    padding: 1rem 0
  }

  footer [data-tpl=las01r] .trigger:after {
    content: "\EA0E"
  }

  footer [data-tpl=las01r] .trigger ul {
    bottom: 100%;
    margin: 0 0 .75rem
  }

  footer [data-tpl=las01r] .trigger ul:before {
    top                : 100%;
    border-top-color   : #fff;
    border-bottom-color: transparent
  }
}

@media (min-width:800px) and (max-width:970px) {

  body.state-off-screen-cart-visible #quick-navigation li:not(.menu):not(.search):not(.cart),
  body.state-off-screen-navigation-visible #quick-navigation li:not(.menu):not(.search):not(.cart) {
    opacity: 0
  }
}

@media (min-width:800px),
print {

  .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-1 {
    width: 8.3333333333%
  }

  .col-md-2 {
    width: 16.6666666667%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-4 {
    width: 33.3333333333%
  }

  .col-md-5 {
    width: 41.6666666667%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-7 {
    width: 58.3333333333%
  }

  .col-md-8 {
    width: 66.6666666667%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-10 {
    width: 83.3333333333%
  }

  .col-md-11 {
    width: 91.6666666667%
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-pull-1 {
    right: 8.3333333333%
  }

  .col-md-pull-2 {
    right: 16.6666666667%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-4 {
    right: 33.3333333333%
  }

  .col-md-pull-5 {
    right: 41.6666666667%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-7 {
    right: 58.3333333333%
  }

  .col-md-pull-8 {
    right: 66.6666666667%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-10 {
    right: 83.3333333333%
  }

  .col-md-pull-11 {
    right: 91.6666666667%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-push-1 {
    left: 8.3333333333%
  }

  .col-md-push-2 {
    left: 16.6666666667%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-4 {
    left: 33.3333333333%
  }

  .col-md-push-5 {
    left: 41.6666666667%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-7 {
    left: 58.3333333333%
  }

  .col-md-push-8 {
    left: 66.6666666667%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-10 {
    left: 83.3333333333%
  }

  .col-md-push-11 {
    left: 91.6666666667%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%
  }

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

  .col-md-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%
  }

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

  .col-md-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%
  }

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

  .col-md-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%
  }

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

@media (min-width:1280px) {

  body,
  html {
    font-size: 22px
  }

  #page-wrapper {
    font-size: .9rem
  }

  h1 {
    font-size  : 2.1rem;
    line-height: 1.1
  }

  h2 {
    font-size  : 1.9rem;
    line-height: 1.2
  }

  h3 {
    font-size  : 1.2rem;
    line-height: 1.3
  }

  figcaption,
  small {
    font-size  : .8rem;
    line-height: 1.4
  }

  body.state-off-screen-cart-visible,
  body.state-off-screen-navigation-visible {
    overflow: scroll
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02] {
    padding-left : 0;
    padding-right: 0
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02]>.container {
    padding-left : .75vw;
    padding-right: .75vw
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02]>.container>[data-tpl] {
    padding-left : 1.5vw;
    padding-right: 1.5vw
  }

  #main-header {
    height: 5rem
  }

  body.state-off-screen-navigation-visible #main-header>div {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    left             : 16rem
  }

  body.state-off-screen-cart-visible #main-header>div {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    right            : 16rem
  }

  #main-header.main-header--fixed,
  #main-header.main-header--out-of-viewport {
    height: calc(1.5rem + 25px)
  }

  #quick-navigation #quick-navigation-left-list {
    margin-left: -.75rem
  }

  #quick-navigation #quick-navigation-right-list {
    margin-right: -.75rem
  }

  #quick-navigation li {
    line-height: 1rem;
    font-size  : .8rem
  }

  #quick-navigation li a,
  #quick-navigation li button {
    padding: .75rem
  }

  #quick-navigation li .button svg,
  #quick-navigation li button svg {
    height: 1rem
  }

  #quick-navigation li.menu button svg {
    width : 1rem;
    width : 25px;
    height: 25px
  }

  #quick-navigation li.menu button svg+span {
    margin-left: .5rem
  }

  #quick-navigation li.search button svg {
    width: 1.01625rem
  }

  #off-screen-content {
    margin-top: 5rem
  }

  #off-screen-wrap.osc--during-animation #off-screen-content,
  #off-screen-wrap.osn--during-animation #off-screen-content {
    -webkit-transition: padding .4s ease-in-out;
    transition        : padding .4s ease-in-out
  }

  body.state-off-screen-cart-visible #off-screen-content {
    padding-right: 16rem
  }

  body.state-off-screen-navigation-visible #off-screen-content {
    padding-left: 16rem
  }

  #off-screen-overlay {
    max-width        : 1920px;
    left             : 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform        : translate3d(-50%, 0, 0)
  }

  body.state-off-screen-cart-visible #off-screen-overlay,
  body.state-off-screen-navigation-visible #off-screen-overlay {
    display: none
  }

  #off-screen-app-drawer {
    top: 5rem
  }

  #off-screen-navigation {
    width     : 16rem;
    overflow-y: auto
  }

  footer#main-footer [data-tpl=individual-zone]+[data-tpl=individual-global-zone]:before {
    content   : "";
    display   : block;
    height    : 1px;
    width     : 100%;
    max-width : 1280px;
    margin    : 0 auto;
    background: hsla(0, 0%, 100%, .2)
  }

  #main-navigation {
    font-size  : .8rem;
    line-height: 1.4
  }

  #main-navigation ul ul {
    font-size  : .7rem;
    line-height: 1.45
  }

  #main-navigation ul li[aria-expanded]>span {
    font-size: 1.2rem
  }

  #main-navigation ul.target-group-nav li>a:before {
    font-size: .7rem
  }

  .btn {
    font-size: .8rem
  }

  [data-tpl=sta01] header {
    bottom : 1.5rem;
    left   : 3.5rem;
    padding: 2.5rem 1.5rem
  }

  [data-tpl=sta01] header .headline {
    font-family: bold;
    font-size  : 1.9rem
  }

  [data-tpl=sta01] header .subheadline {
    margin   : 1.5rem 0 0;
    font-size: 1rem
  }

  [data-tpl=sta01] header .btn {
    font-family: light;
    margin-top : 1.5rem
  }

  [data-tpl=sta02] {
    max-width            : 1280px;
    margin               : 0 auto;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : column-reverse;
    flex-direction       : column-reverse
  }

  [data-tpl=sta02] .headline,
  [data-tpl=sta02] .subheadline {
    color        : #1d4477;
    margin-bottom: 0
  }

  [data-tpl=sta02] .headline {
    font-size    : 2.1rem;
    font-family  : bold;
    margin-top   : .75rem;
    margin-bottom: 0
  }

  [data-tpl=sta02] .subheadline {
    font-size  : 1rem;
    font-family: regular;
    margin-top : 1.5rem
  }
}

@media (min-width:1280px),
print {

  .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-1 {
    width: 8.3333333333%
  }

  .col-lg-2 {
    width: 16.6666666667%
  }

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

  .col-lg-4 {
    width: 33.3333333333%
  }

  .col-lg-5 {
    width: 41.6666666667%
  }

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

  .col-lg-7 {
    width: 58.3333333333%
  }

  .col-lg-8 {
    width: 66.6666666667%
  }

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

  .col-lg-10 {
    width: 83.3333333333%
  }

  .col-lg-11 {
    width: 91.6666666667%
  }

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

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

  .col-lg-pull-1 {
    right: 8.3333333333%
  }

  .col-lg-pull-2 {
    right: 16.6666666667%
  }

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

  .col-lg-pull-4 {
    right: 33.3333333333%
  }

  .col-lg-pull-5 {
    right: 41.6666666667%
  }

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

  .col-lg-pull-7 {
    right: 58.3333333333%
  }

  .col-lg-pull-8 {
    right: 66.6666666667%
  }

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

  .col-lg-pull-10 {
    right: 83.3333333333%
  }

  .col-lg-pull-11 {
    right: 91.6666666667%
  }

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

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

  .col-lg-push-1 {
    left: 8.3333333333%
  }

  .col-lg-push-2 {
    left: 16.6666666667%
  }

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

  .col-lg-push-4 {
    left: 33.3333333333%
  }

  .col-lg-push-5 {
    left: 41.6666666667%
  }

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

  .col-lg-push-7 {
    left: 58.3333333333%
  }

  .col-lg-push-8 {
    left: 66.6666666667%
  }

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

  .col-lg-push-10 {
    left: 83.3333333333%
  }

  .col-lg-push-11 {
    left: 91.6666666667%
  }

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

  .col-lg-offset-0 {
    margin-left: 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1600px) {

  body.state-off-screen-cart-visible,
  body.state-off-screen-navigation-visible {
    overflow: scroll
  }

  #off-screen-wrap.osc--during-animation #off-screen-content,
  #off-screen-wrap.osn--during-animation #off-screen-content {
    -webkit-transition: padding .4s ease-in-out;
    transition        : padding .4s ease-in-out
  }

  body.state-off-screen-cart-visible #off-screen-content {
    padding-right: 16rem
  }

  body.state-off-screen-navigation-visible #off-screen-content {
    padding-left: 16rem
  }

  #off-screen-overlay {
    max-width        : 1920px;
    left             : 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform        : translate3d(-50%, 0, 0)
  }

  body.state-off-screen-cart-visible #off-screen-overlay,
  body.state-off-screen-navigation-visible #off-screen-overlay {
    display: none
  }

  #off-screen-navigation {
    overflow-y: auto
  }
}

@media (min-width:1920px) {

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

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

  .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,
  .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,
  .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,
  .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 {
    padding-left : 15px;
    padding-right: 15px
  }

  .container,
  .container-fluid {
    padding-left : 0;
    padding-right: 0
  }

  [data-tpl*=grid-form] .container {
    padding-left : 15px;
    padding-right: 15px
  }

  [data-tpl*=detail] aside [data-tpl*=grid],
  [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) {
    margin-top   : 30px;
    margin-bottom: 30px
  }

  #main-footer [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]),
  main [data-tpl*=grid]:not([data-tpl=grid-bas-01]):not([data-tpl=grid-bas-07]):not([data-tpl^=grid-form]) {
    margin-left : 30px;
    margin-right: 30px
  }

  #page-wrapper {
    max-width: 1920px;
    margin   : 0 auto;
    overflow : hidden
  }

  body {
    background: #f0f0f0
  }

  body:after,
  body:before {
    content         : "";
    display         : block;
    position        : fixed;
    width           : 100vw;
    height          : 100%;
    background-color: #f0f0f0;
    top             : 0;
    z-index         : 42
  }

  body:before {
    right       : 50%;
    margin-right: 960px
  }

  body:after {
    left       : 50%;
    margin-left: 960px
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02],
  [data-tpl*=detail-]>header [data-tpl=grid-bas-02]>.container {
    padding-left : 0;
    padding-right: 0
  }

  [data-tpl*=detail-]>header [data-tpl=grid-bas-02]>.container>[data-tpl] {
    padding-left : 30px;
    padding-right: 30px
  }

  #main-header.main-header--fixed,
  #main-header.main-header--out-of-viewport {
    left : calc((100vw - 1920px) / 2);
    right: calc((100vw - 1920px) / 2)
  }

  body.state-off-screen-navigation-visible #off-screen-content {
    padding-left: calc(16rem - 15px)
  }

  #off-screen-navigation {
    right       : 50%;
    margin-right: 960px
  }
}

@media (min-width:1940px) {
  body.state-off-screen-navigation-visible #off-screen-content {
    padding-left: 16rem
  }
}

@media (max-width:479px) {
  .btn {
    padding-left : 2.5rem;
    padding-right: 2.5rem
  }
}