.accordion [role=accordionpanel] h4:not(.toggle-handle),
.accordion [role=accordionpanel] h5,
.button-list .button-list-item,
.col-entry h2,
.hero blockquote cite,
.hero blockquote cite span,
.horizontal-steps .step-items h3,
.icon-bar .small-title,
.section-title,
.tab-container h4:not(.toggle-handle):not(.dva-m-teaser__topline),
.tab-container h5,
.teaser .btn,
blockquote cite,
h3,
h4,
th {
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal
}

.accordion .handle-default,
.accordion .handle-text,
.accordion [role=accordionpanel] h3:not(.teaser-headline),
.article-container h3,
.beta,
.hero-career .hero-product .btn.filled,
.hero-contact-form-box .message-title,
.hero-flagship blockquote p,
.hero blockquote p,
.icon-bar .icon-bar-item .icon-bar-item-header,
.product-finder-section .accordion--manual .accorion__headline,
.section-headline,
.tab-container h3:not(.teaser-headline),
.teaser.special .btn,
b,
h1,
h2,
strong {
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal
}




/* Optional: prevent scrolling when overlay is active */
body.overlay-active {
  overflow: hidden;
}


/* Default: Desktop logo visible, mobile logo hidden */
/* Header logo wrapper - desktop */
.dvag-m-n01-header__logo-wrapper {
  display: block;           /* ensure visible on desktop */
  width: 260px;
  height: 240px;
  float: left;              /* keep left alignment */
}

/* Mobile logo hidden by default */
.dvag-m-n01-header__logo-mobile {
  display: none;
}

/* Swap for mobile */
@media screen and (max-width: 768px) {
  .dvag-m-n01-header__logo-wrapper {
    display: none;          /* hide desktop logo */
  }
  .dvag-m-n01-header__logo-mobile {
    display: block;         /* show mobile logo */
  }

  /* Optional: center mobile logo or adjust size */
  .dvag-m-n01-header__logo-mobile img {
    width: 60px;
    height: auto;
    display: block;
    margin: 0 auto;        /* center in parent */
  }
}

img {
  max-width: 100%; /* never overflow container */
  height: auto;    /* maintain aspect ratio */
  display: block;  /* removes spacing below images */
  object-fit: contain; /* keeps it inside container without cropping */
}

* {
	box-sizing: border-box
}

blockquote,
body,
div,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
iframe,
label,
legend,
li,
nav,
object,
ol,
p,
section,
table,
ul {
	margin: 0;
	padding: 0
}

article,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

body {
	min-height: 100%;
	overflow-x: auto
}

@media (min-width:48em) {
	body {
		overflow-x: hidden
	}
}

div.page {
	background-color: #fff;
	overflow: hidden
}

.col-wrapper {
	zoom: 1;
	display: inline-block;
	width: 100%;
	padding: 0
}

.col-wrapper:after,
.col-wrapper:before {
	content: "";
	display: table
}

.col-wrapper:after {
	clear: both
}

[class^=col-] {
	position: relative
}

#state-indicator {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	font-size: 0
}

@media (min-width:48em) {
	#state-indicator {
		z-index: 2
	}
}

@media (min-width:64em) {
	#state-indicator {
		z-index: 3
	}
}

@media (max-width:47.9375em) {
	.col-s-11 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(91.7% - 20px)
	}

	.col-s-11.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 91.7%
	}

	.col-s-10 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(83.3% - 20px)
	}

	.col-s-10.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 83.3%
	}

	.col-s-9 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(75% - 20px)
	}

	.col-s-9.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 75%
	}

	.col-s-8 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(66.7% - 20px)
	}

	.col-s-8.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 66.7%
	}

	.col-s-7 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(58.3% - 20px)
	}

	.col-s-7.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 58.3%
	}

	.col-s-6 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}

	.col-s-6.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 50%
	}

	.col-s-5 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(41.7% - 20px)
	}

	.col-s-5.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 41.7%
	}

	.col-s-4 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(33.3% - 20px)
	}

	.col-s-4.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 33.3%
	}

	.col-s-3 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(25% - 20px)
	}

	.col-s-3.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 25%
	}

	.col-s-2 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(16.7% - 20px)
	}

	.col-s-2.bleed-s {
		margin-left: 0;
		margin-right: 0;
		width: 16.7%
	}

	.col-s-1 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(8.3% - 20px)
	}

	.col-s-1.bleed-s {
		width: 8.3%
	}

	.col-s-1.bleed-s,
	.col-s-12 {
		margin-left: 0;
		margin-right: 0
	}

	.col-s-12 {
		zoom: 1;
		clear: both;
		float: none;
		width: 100%
	}

	.col-s-12:after,
	.col-s-12:before {
		content: "";
		display: table
	}

	.col-s-12:after {
		clear: both
	}

	.col-s-1-offset,
	.col-s-1-offset.bleed-s {
		margin-left: calc(8.3% + 10px)
	}

	.col-s-1-offset.bleed-s.col-s-1-push {
		width: auto
	}

	.col-s-1-push,
	.col-s-1-push.bleed-s {
		margin-right: calc(8.3% + 10px)
	}

	.col-s-2-offset,
	.col-s-2-offset.bleed-s {
		margin-left: calc(16.7% + 10px)
	}

	.col-s-2-offset.bleed-s.col-s-2-push {
		width: auto
	}

	.col-s-2-push,
	.col-s-2-push.bleed-s {
		margin-right: calc(16.7% + 10px)
	}

	.col-s-3-offset,
	.col-s-3-offset.bleed-s {
		margin-left: calc(25% + 10px)
	}

	.col-s-3-offset.bleed-s.col-s-3-push {
		width: auto
	}

	.col-s-3-push,
	.col-s-3-push.bleed-s {
		margin-right: calc(25% + 10px)
	}

	.col-s-4-offset,
	.col-s-4-offset.bleed-s {
		margin-left: calc(33.3% + 10px)
	}

	.col-s-4-offset.bleed-s.col-s-4-push {
		width: auto
	}

	.col-s-4-push,
	.col-s-4-push.bleed-s {
		margin-right: calc(33.3% + 10px)
	}

	.col-s-5-offset,
	.col-s-5-offset.bleed-s {
		margin-left: calc(41.7% + 10px)
	}

	.col-s-5-offset.bleed-s.col-s-5-push {
		width: auto
	}

	.col-s-5-push,
	.col-s-5-push.bleed-s {
		margin-right: calc(41.7% + 10px)
	}

	.col-s-6-offset,
	.col-s-6-offset.bleed-s {
		margin-left: calc(50% + 10px)
	}

	.col-s-6-offset.bleed-s.col-s-6-push {
		width: auto
	}

	.col-s-6-push,
	.col-s-6-push.bleed-s {
		margin-right: calc(50% + 10px)
	}

	.col-s-7-offset,
	.col-s-7-offset.bleed-s {
		margin-left: calc(58.3% + 10px)
	}

	.col-s-7-offset.bleed-s.col-s-7-push {
		width: auto
	}

	.col-s-7-push,
	.col-s-7-push.bleed-s {
		margin-right: calc(58.3% + 10px)
	}

	.col-s-8-offset,
	.col-s-8-offset.bleed-s {
		margin-left: calc(66.7% + 10px)
	}

	.col-s-8-offset.bleed-s.col-s-8-push {
		width: auto
	}

	.col-s-8-push,
	.col-s-8-push.bleed-s {
		margin-right: calc(66.7% + 10px)
	}

	.col-s-9-offset,
	.col-s-9-offset.bleed-s {
		margin-left: calc(75% + 10px)
	}

	.col-s-9-offset.bleed-s.col-s-9-push {
		width: auto
	}

	.col-s-9-push,
	.col-s-9-push.bleed-s {
		margin-right: calc(75% + 10px)
	}

	.col-s-10-offset,
	.col-s-10-offset.bleed-s {
		margin-left: calc(83.3% + 10px)
	}

	.col-s-10-offset.bleed-s.col-s-10-push {
		width: auto
	}

	.col-s-10-push,
	.col-s-10-push.bleed-s {
		margin-right: calc(83.3% + 10px)
	}

	.col-s-11-offset,
	.col-s-11-offset.bleed-s {
		margin-left: calc(91.7% + 10px)
	}

	.col-s-11-offset.bleed-s.col-s-11-push {
		width: auto
	}

	.col-s-11-push,
	.col-s-11-push.bleed-s {
		margin-right: calc(91.7% + 10px)
	}

	.col-s-12-offset,
	.col-s-12-offset.bleed-s {
		margin-left: calc(100% + 10px)
	}

	.col-s-12-offset.bleed-s.col-s-12-push {
		width: auto
	}

	.col-s-12-push,
	.col-s-12-push.bleed-s {
		margin-right: calc(100% + 10px)
	}

	.bleed-s {
		zoom: 1;
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px)
	}

	.bleed-s:after,
	.bleed-s:before {
		content: "";
		display: table
	}

	.bleed-s:after {
		clear: both
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.col-m-12 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}

	.col-m-12.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 100%
	}

	.col-m-11 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(91.7% - 20px)
	}

	.col-m-11.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 91.7%
	}

	.col-m-10 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(83.3% - 20px)
	}

	.col-m-10.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 83.3%
	}

	.col-m-9 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(75% - 20px)
	}

	.col-m-9.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 75%
	}

	.col-m-8 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(66.7% - 20px)
	}

	.col-m-8.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 66.7%
	}

	.col-m-7 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(58.3% - 20px)
	}

	.col-m-7.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 58.3%
	}

	.col-m-6 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}

	.col-m-6.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 50%
	}

	.col-m-5 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(41.7% - 20px)
	}

	.col-m-5.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 41.7%
	}

	.col-m-4 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(33.3% - 20px)
	}

	.col-m-4.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 33.3%
	}

	.col-m-3 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(25% - 20px)
	}

	.col-m-3.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 25%
	}

	.col-m-2 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(16.7% - 20px)
	}

	.col-m-2.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 16.7%
	}

	.col-m-1 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(8.3% - 20px)
	}

	.col-m-1.bleed-m {
		margin-left: 0;
		margin-right: 0;
		width: 8.3%
	}

	.col-m-12 {
		zoom: 1;
		clear: both;
		float: none
	}

	.col-m-12:after,
	.col-m-12:before {
		content: "";
		display: table
	}

	.col-m-12:after {
		clear: both
	}

	.col-m-1-offset,
	.col-m-1-offset.bleed-m {
		margin-left: calc(8.33333% + 10px)
	}

	.col-m-1-offset.bleed-m.col-m-1-push {
		width: auto
	}

	.col-m-1-push,
	.col-m-1-push.bleed-m {
		margin-right: calc(8.33333% + 10px)
	}

	.col-m-2-offset,
	.col-m-2-offset.bleed-m {
		margin-left: calc(16.66667% + 10px)
	}

	.col-m-2-offset.bleed-m.col-m-2-push {
		width: auto
	}

	.col-m-2-push,
	.col-m-2-push.bleed-m {
		margin-right: calc(16.66667% + 10px)
	}

	.col-m-3-offset,
	.col-m-3-offset.bleed-m {
		margin-left: calc(25% + 10px)
	}

	.col-m-3-offset.bleed-m.col-m-3-push {
		width: auto
	}

	.col-m-3-push,
	.col-m-3-push.bleed-m {
		margin-right: calc(25% + 10px)
	}

	.col-m-4-offset,
	.col-m-4-offset.bleed-m {
		margin-left: calc(33.33333% + 10px)
	}

	.col-m-4-offset.bleed-m.col-m-4-push {
		width: auto
	}

	.col-m-4-push,
	.col-m-4-push.bleed-m {
		margin-right: calc(33.33333% + 10px)
	}

	.col-m-5-offset,
	.col-m-5-offset.bleed-m {
		margin-left: calc(41.66667% + 10px)
	}

	.col-m-5-offset.bleed-m.col-m-5-push {
		width: auto
	}

	.col-m-5-push,
	.col-m-5-push.bleed-m {
		margin-right: calc(41.66667% + 10px)
	}

	.col-m-6-offset,
	.col-m-6-offset.bleed-m {
		margin-left: calc(50% + 10px)
	}

	.col-m-6-offset.bleed-m.col-m-6-push {
		width: auto
	}

	.col-m-6-push,
	.col-m-6-push.bleed-m {
		margin-right: calc(50% + 10px)
	}

	.col-m-7-offset,
	.col-m-7-offset.bleed-m {
		margin-left: calc(58.33333% + 10px)
	}

	.col-m-7-offset.bleed-m.col-m-7-push {
		width: auto
	}

	.col-m-7-push,
	.col-m-7-push.bleed-m {
		margin-right: calc(58.33333% + 10px)
	}

	.col-m-8-offset,
	.col-m-8-offset.bleed-m {
		margin-left: calc(66.66667% + 10px)
	}

	.col-m-8-offset.bleed-m.col-m-8-push {
		width: auto
	}

	.col-m-8-push,
	.col-m-8-push.bleed-m {
		margin-right: calc(66.66667% + 10px)
	}

	.col-m-9-offset,
	.col-m-9-offset.bleed-m {
		margin-left: calc(75% + 10px)
	}

	.col-m-9-offset.bleed-m.col-m-9-push {
		width: auto
	}

	.col-m-9-push,
	.col-m-9-push.bleed-m {
		margin-right: calc(75% + 10px)
	}

	.col-m-10-offset,
	.col-m-10-offset.bleed-m {
		margin-left: calc(83.33333% + 10px)
	}

	.col-m-10-offset.bleed-m.col-m-10-push {
		width: auto
	}

	.col-m-10-push,
	.col-m-10-push.bleed-m {
		margin-right: calc(83.33333% + 10px)
	}

	.col-m-11-offset,
	.col-m-11-offset.bleed-m {
		margin-left: calc(91.66667% + 10px)
	}

	.col-m-11-offset.bleed-m.col-m-11-push {
		width: auto
	}

	.col-m-11-push,
	.col-m-11-push.bleed-m {
		margin-right: calc(91.66667% + 10px)
	}

	.col-m-12-offset,
	.col-m-12-offset.bleed-m {
		margin-left: calc(100% + 10px)
	}

	.col-m-12-offset.bleed-m.col-m-12-push {
		width: auto
	}

	.col-m-12-push,
	.col-m-12-push.bleed-m {
		margin-right: calc(100% + 10px)
	}

	.bleed-m {
		zoom: 1;
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px)
	}

	.bleed-m:after,
	.bleed-m:before {
		content: "";
		display: table
	}

	.bleed-m:after {
		clear: both
	}
}

@media (min-width:64em) {
	.col-l-12 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px)
	}

	.col-l-12.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 100%
	}

	.col-l-11 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(91.66667% - 20px)
	}

	.col-l-11.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 91.66667%
	}

	.col-l-10 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(83.33333% - 20px)
	}

	.col-l-10.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 83.33333%
	}

	.col-l-9 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(75% - 20px)
	}

	.col-l-9.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 75%
	}

	.col-l-8 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(66.66667% - 20px)
	}

	.col-l-8.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 66.66667%
	}

	.col-l-7 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(58.33333% - 20px)
	}

	.col-l-7.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 58.33333%
	}

	.col-l-6 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(50% - 20px)
	}

	.col-l-6.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 50%
	}

	.col-l-5 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(41.66667% - 20px)
	}

	.col-l-5.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 41.66667%
	}

	.col-l-4 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(33.33333% - 20px)
	}

	.col-l-4.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 33.33333%
	}

	.col-l-3 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(25% - 20px)
	}

	.col-l-3.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 25%
	}

	.col-l-2 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(16.66667% - 20px)
	}

	.col-l-2.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 16.66667%
	}

	.col-l-1 {
		clear: none;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: calc(8.33333% - 20px)
	}

	.col-l-1.bleed-l {
		margin-left: 0;
		margin-right: 0;
		width: 8.33333%
	}

	.col-l-12 {
		zoom: 1;
		clear: both;
		float: none
	}

	.col-l-12:after,
	.col-l-12:before {
		content: "";
		display: table
	}

	.col-l-12:after {
		clear: both
	}

	.col-l-1-offset,
	.col-l-1-offset.bleed-l {
		margin-left: calc(8.33333% + 10px)
	}

	.col-l-1-offset.bleed-l.col-l-1-push {
		width: auto
	}

	.col-l-1-push,
	.col-l-1-push.bleed-l {
		margin-right: calc(8.33333% + 10px)
	}

	.col-l-2-offset,
	.col-l-2-offset.bleed-l {
		margin-left: calc(16.66667% + 10px)
	}

	.col-l-2-offset.bleed-l.col-l-2-push {
		width: auto
	}

	.col-l-2-push,
	.col-l-2-push.bleed-l {
		margin-right: calc(16.66667% + 10px)
	}

	.col-l-3-offset,
	.col-l-3-offset.bleed-l {
		margin-left: calc(25% + 10px)
	}

	.col-l-3-offset.bleed-l.col-l-3-push {
		width: auto
	}

	.col-l-3-push,
	.col-l-3-push.bleed-l {
		margin-right: calc(25% + 10px)
	}

	.col-l-4-offset,
	.col-l-4-offset.bleed-l {
		margin-left: calc(33.33333% + 10px)
	}

	.col-l-4-offset.bleed-l.col-l-4-push {
		width: auto
	}

	.col-l-4-push,
	.col-l-4-push.bleed-l {
		margin-right: calc(33.33333% + 10px)
	}

	.col-l-5-offset,
	.col-l-5-offset.bleed-l {
		margin-left: calc(41.66667% + 10px)
	}

	.col-l-5-offset.bleed-l.col-l-5-push {
		width: auto
	}

	.col-l-5-push,
	.col-l-5-push.bleed-l {
		margin-right: calc(41.66667% + 10px)
	}

	.col-l-6-offset,
	.col-l-6-offset.bleed-l {
		margin-left: calc(50% + 10px)
	}

	.col-l-6-offset.bleed-l.col-l-6-push {
		width: auto
	}

	.col-l-6-push,
	.col-l-6-push.bleed-l {
		margin-right: calc(50% + 10px)
	}

	.col-l-7-offset,
	.col-l-7-offset.bleed-l {
		margin-left: calc(58.33333% + 10px)
	}

	.col-l-7-offset.bleed-l.col-l-7-push {
		width: auto
	}

	.col-l-7-push,
	.col-l-7-push.bleed-l {
		margin-right: calc(58.33333% + 10px)
	}

	.col-l-8-offset,
	.col-l-8-offset.bleed-l {
		margin-left: calc(66.66667% + 10px)
	}

	.col-l-8-offset.bleed-l.col-l-8-push {
		width: auto
	}

	.col-l-8-push,
	.col-l-8-push.bleed-l {
		margin-right: calc(66.66667% + 10px)
	}

	.col-l-9-offset,
	.col-l-9-offset.bleed-l {
		margin-left: calc(75% + 10px)
	}

	.col-l-9-offset.bleed-l.col-l-9-push {
		width: auto
	}

	.col-l-9-push,
	.col-l-9-push.bleed-l {
		margin-right: calc(75% + 10px)
	}

	.col-l-10-offset,
	.col-l-10-offset.bleed-l {
		margin-left: calc(83.33333% + 10px)
	}

	.col-l-10-offset.bleed-l.col-l-10-push {
		width: auto
	}

	.col-l-10-push,
	.col-l-10-push.bleed-l {
		margin-right: calc(83.33333% + 10px)
	}

	.col-l-11-offset,
	.col-l-11-offset.bleed-l {
		margin-left: calc(91.66667% + 10px)
	}

	.col-l-11-offset.bleed-l.col-l-11-push {
		width: auto
	}

	.col-l-11-push,
	.col-l-11-push.bleed-l {
		margin-right: calc(91.66667% + 10px)
	}

	.col-l-12-offset,
	.col-l-12-offset.bleed-l {
		margin-left: calc(100% + 10px)
	}

	.col-l-12-offset.bleed-l.col-l-12-push {
		width: auto
	}

	.col-l-12-push,
	.col-l-12-push.bleed-l {
		margin-right: calc(100% + 10px)
	}

	.bleed-l {
		zoom: 1;
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px)
	}

	.bleed-l:after,
	.bleed-l:before {
		content: "";
		display: table
	}

	.bleed-l:after {
		clear: both
	}
}

.col-table {
	display: table
}

.container {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px
}

@media (min-width:48em) {
	.container {
		padding: 0 40px
	}
}

@media (min-width:64em) {
	.container {
		padding: 0 70px
	}
}

.container.page {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0
}

@media (max-width:47.9375em) {
	.full-section-small .content-box {
		margin-left: -30px;
		margin-right: -30px;
		width: calc(100% + 60px)
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.full-section-medium .content-box {
		margin-left: -40px;
		margin-right: -40px;
		width: calc(100% + 80px)
	}
}

@media (min-width:64em) {
	.full-section-large .content-box {
		margin-left: -70px;
		margin-right: -70px;
		width: calc(100% + 140px)
	}
}

.bar+.bar {
	margin-top: 30px
}

@media (max-width:47.9375em) {
	.bar .col-s-12+.col-s-12 {
		margin-top: 30px
	}
}

.cf,
.clearfix,
.container,
.section-dividor-title,
.tabs.main-tabs .tab-container,
.text ol,
.text ul {
	zoom: 1
}

.cf:after,
.cf:before,
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.section-dividor-title:after,
.section-dividor-title:before,
.tabs.main-tabs .tab-container:after,
.tabs.main-tabs .tab-container:before,
.text ol:after,
.text ol:before,
.text ul:after,
.text ul:before {
	content: " ";
	display: table
}

.cf:after,
.clear,
.clearfix:after,
.container:after,
.section-dividor-title:after,
.tabs.main-tabs .tab-container:after,
.text ol:after,
.text ul:after {
	clear: both
}

.is-hidden,
.show-if-path-cookie {
	display: none !important;
	visibility: hidden !important
}

.has-path-cookie .show-if-path-cookie {
	display: block !important;
	visibility: visible !important
}

.has-path-cookie .hide-if-path-cookie {
	display: none !important;
	visibility: hidden !important
}

.is-visuallyhidden {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px)
}

.right {
	float: right
}

.left {
	float: left
}

.center {
	float: none;
	margin-left: auto;
	margin-right: auto
}

.align-right {
	text-align: right
}

.align-center {
	text-align: center
}

.align-left {
	text-align: left
}

@media (min-width:48em) and (max-width:63.9375em) {
	.m-align-left {
		text-align: left !important
	}
}

@media (min-width:64em) {
	.l-align-left {
		text-align: left !important
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.m-align-right {
		text-align: right !important
	}
}

@media (min-width:64em) {
	.l-align-right {
		text-align: right !important
	}
}

@media (max-width:47.9375em) {
	.s-align-center {
		text-align: center !important
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.m-align-center {
		text-align: center !important
	}
}

@media (min-width:64em) {
	.l-align-center {
		text-align: center !important
	}
}

hr.ornament:after,
hr.ornament:before {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto
}

.is-inactive {
	opacity: .5;
	pointer-events: none
}

@media (max-width:47.9375em) {
	.hide-small {
		display: none !important
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.hide-medium {
		display: none !important
	}
}

@media (min-width:64em) {
	.hide-large {
		display: none !important
	}
}

@media (max-width:63.9375em) {
	.hide-max-medium {
		display: none !important
	}
}

.valid {
	color: #7a9a01
}

.error {
	color: #7d1b2a
}

.warning {
	color: #e9dda6
}

.information {
	color: #ccc
}

.full-width {
	width: 100%
}

.bg-white,
.tabs-infobox .button-area,
.tabs-infobox .button-area .blank-tab,
.tabs-infobox .button-area.prev .rounded-area,
.tabs-infobox .tab-nav {
	background: #fff
}

.bg-lightgrey {
	background: #f2f2f2
}

.bg-darkgrey {
	background: #404040
}

.bg-gradient {
	background: #f2f2f2;
	background: linear-gradient(180deg, #f2f2f2, #fff 50%)
}

.bg-hero-gradient,
.hero-gradient {
	background: #f2f2f2;
	background: linear-gradient(180deg, #f2f2f2 80%, #fff);
	padding-bottom: 0
}

.text-gold {
	color: #c8aa22
}

.text-grey {
	color: #666
}

.text-lightgrey {
	color: #d9d9d9
}

.text-blue {
	color: #00587c
}

.text-red {
	color: #7d1b2a
}

.text-dimmed {
	opacity: .5
}

.no-margin-bottom {
	margin-bottom: 0 !important
}

.margin-top-small {
	margin-top: 20px
}

.margin-top-medium {
	margin-top: 35px
}

.margin-top-large {
	margin-top: 50px
}

.margin-top-largest {
	margin-top: 100px
}

.margin-bottom-small {
	margin-bottom: 20px
}

.margin-bottom-medium {
	margin-bottom: 35px
}

.margin-bottom-large {
	margin-bottom: 50px
}

@media (max-width:47.9375em) {
	.s-margin-bottom-large {
		margin-bottom: 50px
	}
}

@media (max-width:47.9375em) {
	.s-margin-bottom-small {
		margin-bottom: 20px
	}
}

.padding-default {
	padding: 20px
}

.no-padding {
	padding: 0 !important
}

.no-padding-top {
	padding-top: 0 !important
}

.no-padding-bottom {
	padding-bottom: 0 !important
}

@media (max-width:47.9375em) {
	.no-padding-small {
		padding: 0 !important
	}
}

.top-negative-displaced {
	margin-top: 0
}

@media (min-width:64em) {
	.top-negative-displaced {
		margin-top: -100px;
		position: relative
	}
}

.cover {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.full-bg-img {
	zoom: 1;
	background-size: cover;
	background-position: 50% 50%
}

.full-bg-img:after,
.full-bg-img:before {
	content: "";
	display: table
}

.full-bg-img:after {
	clear: both
}

@media (max-width:47.9375em) {
	.no-bg-img-m {
		background-image: none !important
	}
}

@media (max-width:47.9375em) {
	.no-bg-img-m.dark-no-gradient {
		background-color: #e6e6e6
	}
}

a {
	text-decoration: none;
	outline: 0;
	color: inherit
}

a.download:after {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23404040%22%20d%3D%22m18.466%208.52%201.132%201.13-7.553%207.554-7.542-7.542L5.635%208.53l5.615%205.615V2.18h1.6v11.955l5.616-5.615Zm1.694%2011.656v-5.14h1.6v6.74H2.341v-6.74h1.6v5.14H20.16Z%22%2F%3E%3E%3C%2Fsvg%3E");
	content: "";
	position: relative;
	display: inline-block;
	margin-right: .3em;
	margin-left: .2em;
	width: .75em;
	height: .75em
}

a.add {
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding-left: 60px;
	height: 50px;
	color: #666
}

a.add:before {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ctitle%3EAdd%20Icon%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23c8aa22%22%20d%3D%22M50%200C22.4%200%200%2022.4%200%2050s22.4%2050%2050%2050%2050-22.4%2050-50S77.6%200%2050%200zm0%2091C27.4%2091%209%2072.6%209%2050S27.4%209%2050%209s41%2018.4%2041%2041-18.4%2041-41%2041z%22%2F%3E%3Cpath%20fill%3D%22%23c8aa22%22%20d%3D%22M50%2011.5c-21.3%200-38.5%2017.2-38.5%2038.5S28.7%2088.5%2050%2088.5%2088.5%2071.3%2088.5%2050%2071.3%2011.5%2050%2011.5zm25.3%2042c0%202-1.6%203.6-3.6%203.6H57.1v14.6c0%202-1.6%203.6-3.6%203.6h-7c-2%200-3.6-1.6-3.6-3.6V57.1H28.3c-2%200-3.6-1.6-3.6-3.6v-7c0-2%201.6-3.6%203.6-3.6h14.6V28.3c0-2%201.6-3.6%203.6-3.6h7c2%200%203.6%201.6%203.6%203.6v14.6h14.6c2%200%203.6%201.6%203.6%203.6v7z%22%2F%3E%3C%2Fsvg%3E");
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	margin-right: 10px;
	width: 50px;
	height: 50px
}

a.lightbox {
	position: relative;
	display: inline-block;
	padding: 0
}

@media (min-width:48em) {

	a.lightbox:after,
	a.lightbox:before {
		content: "";
		position: absolute;
		display: block
	}

	a.lightbox:before {
		content: "";
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		border-top: 60px solid rgba(255, 255, 255, .75);
		border-left: 60px solid transparent;
		text-indent: -9999px
	}

	a.lightbox:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M56%2C36H40v8h16v16h8V44h16v-8H64V20h-8V36z%22%2F%3E%3Cpath%20d%3D%22M37.2%2C62.8c-12.8-12.8-12.8-33.7%2C0-46.5s33.7-12.8%2C46.5%2C0s12.8%2C33.7%2C0%2C46.5S50.1%2C75.6%2C37.2%2C62.8%20M88.4%2C67.4c15.5-15.4%2C15.5-40.4%2C0-55.8C73-3.9%2C48-3.9%2C32.6%2C11.6C18.8%2C25.4%2C17.4%2C47%2C28.4%2C62.4L0%2C90.7l9.3%2C9.3l28.4-28.3C53.1%2C82.6%2C74.6%2C81.3%2C88.4%2C67.4%22%2F%3E%3C%2Fsvg%3E");
		top: 7px;
		right: 7px;
		width: 20px;
		height: 20px
	}

	a.lightbox:hover:before {
		border-top-color: #c8aa22
	}

	a.lightbox:hover:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M56%2C36H40v8h16v16h8V44h16v-8H64V20h-8V36z%22%2F%3E%3Cpath%20d%3D%22M37.2%2C62.8c-12.8-12.8-12.8-33.7%2C0-46.5s33.7-12.8%2C46.5%2C0s12.8%2C33.7%2C0%2C46.5S50.1%2C75.6%2C37.2%2C62.8%20M88.4%2C67.4c15.5-15.4%2C15.5-40.4%2C0-55.8C73-3.9%2C48-3.9%2C32.6%2C11.6C18.8%2C25.4%2C17.4%2C47%2C28.4%2C62.4L0%2C90.7l9.3%2C9.3l28.4-28.3C53.1%2C82.6%2C74.6%2C81.3%2C88.4%2C67.4%22%2F%3E%3C%2Fsvg%3E")
	}

	a.lightbox.bottom-right {
		position: absolute;
		right: 0;
		bottom: 0
	}

	a.lightbox.bottom-right:before {
		top: auto;
		bottom: 0;
		border-top: 0;
		border-bottom: 60px solid rgba(255, 255, 255, .75)
	}

	a.lightbox.bottom-right:after {
		top: auto;
		bottom: 7px;
		transform: rotate(-90deg)
	}

	a.lightbox.bottom-right:hover:before {
		border-bottom-color: #c8aa22
	}
}

p {
	margin-bottom: 1em
}

blockquote {
	border-top: 1px solid #c8aa22;
	border-bottom: 1px solid #c8aa22;
	padding: 33px 20px 30px;
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 1.2;
	color: #c8aa22
}

@media (min-width:64em) {
	blockquote {
		font-size: 40px;
		font-size: 2.5rem
	}
}

blockquote p {
	margin-bottom: 3px
}

blockquote img {
	display: block;
	margin-top: 20px
}

blockquote cite {
	font-size: 17px;
	font-size: 1.0625rem;
	display: block;
	margin-top: 10px
}

@media (min-width:64em) {
	blockquote cite {
		margin-top: 20px
	}
}

blockquote cite span {
	display: block;
	margin-top: 5px
}

sup {
	line-height: 1
}

hr {
	position: relative;
	border: 0;
	height: 2px;
	background: #d9d9d9;
	margin: 25px 0
}

hr.ornament {
	overflow: visible;
	background: rgba(0, 0, 0, 0);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0), #d9d9d9 25%, #d9d9d9 75%, transparent)
}

hr.ornament:before {
	content: "";
	position: absolute;
	top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #d9d9d9;
	background-color: #fff
}

hr.ornament:after {
	content: "";
	position: absolute;
	top: -1px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #c8aa22
}

address {
	font-style: normal;
	margin-bottom: 35px
}

address h4 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #c8aa22;
	margin-bottom: 20px
}

address span {
	display: block;
	font-style: normal
}

abbr {
	border-bottom: 1px dotted #4d4d4d;
	cursor: help
}

small {
	display: inline-block;
	font-size: 12px;
	font-size: .75rem;
	line-height: 1.4
}

h2+.article-text,
h2+ol,
h2+p,
h2+ul {
	margin-top: 30px
}

.article-text+h2,
ol+h2,
p+h2,
ul+h2 {
	margin-bottom: 42px
}

.article-text h2:first-child,
.article-text h3:first-child {
	margin-top: 30px;
	margin-bottom: 20px
}

.article-text h3+.article-text,
.article-text h3+ol,
.article-text h3+p,
.article-text h3+ul,
.text-wrapper h3+.article-text,
.text-wrapper h3+ol,
.text-wrapper h3+p,
.text-wrapper h3+ul {
	margin-top: 30px
}

.article-text+.article-text h3,
.article-text+.text-wrapper h3,
ol+.article-text h3,
ol+.text-wrapper h3,
p+.article-text h3,
p+.text-wrapper h3,
ul+.article-text h3,
ul+.text-wrapper h3 {
	margin-bottom: 42px
}

.text ol.button-list,
.text ol.flat,
.text ul.button-list,
.text ul.flat,
ol.button-list,
ol.flat,
ul.button-list,
ul.flat {
	list-style-type: none
}

.text ol.button-list li,
.text ol.flat li,
.text ul.button-list li,
.text ul.flat li,
ol.button-list li,
ol.flat li,
ul.button-list li,
ul.flat li {
	padding-left: 0
}

.text ol.button-list li:before,
.text ol.flat li:before,
.text ul.button-list li:before,
.text ul.flat li:before,
ol.button-list li:before,
ol.flat li:before,
ul.button-list li:before,
ul.flat li:before {
	content: none
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style-position: inside
}

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

a img {
	vertical-align: bottom;
	border: 0
}

figcaption {
	font-style: italic
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	width: 100%
}

th {
	padding: 10px;
	text-align: left
}

td {
	padding: 10px 15px
}

tbody tr:nth-child(odd) {
	background: #f2f2f2
}

.grid:before {
	content: "";
	position: fixed;
	left: 10px;
	left: calc(50% - 10px);
	transform: translateX(-50%);
	z-index: 1000;
	display: block;
	margin: 0 auto;
	width: calc(100% - 40px);
	max-width: 1340px;
	height: 100%;
	background-image: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(255, 0, 255, .15) 0, rgba(255, 0, 255, .15) 8.33333%, transparent 0, transparent calc(4.16667% + 10px));
	pointer-events: none
}

@media (min-width:48em) {
	.grid:before {
		width: calc(100% - 60px)
	}
}

@media (min-width:64em) {
	.grid:before {
		width: calc(100% - 120px)
	}
}

@keyframes dva-link-border__animation {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

.text:after {
	content: ""
}

.text a {
	color: #c8aa22;
	position: relative;
	display: inline-flex;
	text-decoration: none
}

.text a:hover {
	color: #786614
}

.text a:hover:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: -2px;
	left: 0;
	display: block;
	width: 100%;
	border-bottom: 2px solid #786614;
	animation: dva-link-border__animation .3s ease-in-out 1
}

.text a.dvag-e-button {
	color: #fff
}

.text ol,
.text ul {
	margin-bottom: 1.4em
}

.text ol li,
.text ul li {
	padding-left: 18px
}

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

.text ol {
	counter-reset: item
}

.text ol>li {
	position: relative;
	display: block;
	counter-increment: item;
	padding-left: 28px
}

.text ol>li:before {
	content: counter(item) ".";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1px;
	width: 25px
}

.text ol ul>li {
	counter-increment: none
}

.text ul {
	list-style-type: none
}

.text ul>li {
	position: relative
}

.text ul>li:before {
	content: "";
	display: block;
	background: #666;
	position: absolute;
	left: 0;
	top: .5em;
	width: .45em;
	padding-bottom: .45em;
	border-radius: 50%
}

.text ul ol {
	counter-reset: item
}

.text ul ol>li {
	counter-increment: item
}

.text ul ul>li:before {
	top: .6em;
	width: .3em;
	padding-bottom: .3em
}

.text li {
	margin-bottom: .3125em
}

.text li li:first-child {
	margin-top: .3125em
}

.text ol+h2,
.text ul+h2 {
	margin-top: 30px
}

.text h2+ol,
.text h2+ul {
	margin-bottom: 42px
}

.text blockquote {
	float: left;
	clear: right;
	margin-bottom: 40px
}

@media (min-width:48em) {
	.text blockquote {
		width: calc(50% - 10px);
		margin-left: calc(-12.5% - 2.5px);
		margin-right: calc(6.25% - 1.25px)
	}
}

.text blockquote+* {
	clear: right
}

@media (min-width:48em) {
	.text.parbase blockquote {
		width: auto
	}
}

.text .figure-with-caption {
	clear: both;
	margin-bottom: 40px
}

@media (min-width:48em) {

	.text .figure-with-caption.left,
	.text .figure-with-caption.right {
		width: calc(50% - 10px)
	}
}

@media (min-width:48em) {
	.text .figure-with-caption.left {
		margin-left: calc(-12.5% - 2.5px);
		margin-right: calc(6.25% - 1.25px)
	}
}

.text .figure-with-caption.left+* {
	clear: right
}

@media (min-width:48em) {
	.text .figure-with-caption.right {
		margin-right: calc(-12.5% - 2.5px);
		margin-left: calc(6.25% - 1.25px)
	}
}

.text .figure-with-caption.right+* {
	clear: left
}

.article-video-image+.text>ol,
.article-video-image+.text>ul,
.quote+.text>ol,
.quote+.text>ul {
	float: left;
	width: calc(56.25% + 8.75px)
}

.article-video-image+.text+:not(.download-list),
.article-video-image+.text>ol+*,
.article-video-image+.text>ul+*,
.quote+.text+:not(.download-list),
.quote+.text>ol+*,
.quote+.text>ul+* {
	clear: both
}

.scrollable {
	position: relative;
	width: 100%;
	padding-right: 0;
	padding-left: 0
}

.scrollable .scrollable-prev {
	left: -20px
}

.full-section-small .scrollable .scrollable-prev {
	left: 10px
}

@media (min-width:48em) {
	.scrollable .scrollable-prev {
		left: -25px
	}

	.full-section-medium .scrollable .scrollable-prev {
		left: 10px
	}
}

@media (min-width:64em) {
	.scrollable .scrollable-prev {
		left: -50px
	}

	.full-section-large .scrollable .scrollable-prev {
		left: 10px
	}
}

.scrollable .scrollable-next {
	right: -20px
}

.full-section-small .scrollable .scrollable-next {
	right: 10px
}

@media (min-width:48em) {
	.scrollable .scrollable-next {
		right: -25px
	}

	.full-section-medium .scrollable .scrollable-next {
		right: 10px
	}
}

@media (min-width:64em) {
	.scrollable .scrollable-next {
		right: -50px
	}

	.full-section-large .scrollable .scrollable-next {
		right: 10px
	}
}

.scrollable-left:after,
.scrollable-left:before,
.scrollable-right:after,
.scrollable-right:before {
	content: "";
	position: absolute;
	display: block;
	top: -20px;
	width: 70px;
	bottom: -20px;
	opacity: 0;
	transition: opacity .25s linear;
	z-index: 11;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 70%);
	pointer-events: none
}

.scrollable-left:before,
.scrollable-right:before {
	left: 0;
	transform: translateX(-70%)
}

.scrollable-left:after,
.scrollable-right:after {
	right: 0;
	transform: translateX(70%)
}

.scrollable-left:before,
.scrollable-right:after {
	opacity: 1
}

.scrollable-wrapper {
	overflow-x: auto;
	overflow-x: touch;
	display: block;
	position: relative
}

@media (min-width:64em) {
	.scrollable-wrapper {
		margin-right: 0
	}
}

.scrollable-content {
	zoom: 1;
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	transition: left .8s ease
}

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

.scrollable-content:after {
	clear: both
}

.scrollable-content>a,
.scrollable-content>blockquote,
.scrollable-content>div {
	display: inline-block;
	vertical-align: top
}

.scrollable-content [class*=col-l-],
.scrollable-content [class*=col-m-],
.scrollable-content [class*=col-s-] {
	clear: none;
	float: none;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px
}

.scrollable-content .col-s-3 {
	width: 24%;
	width: calc(25% - 10px)
}

.scrollable-content .col-s-4 {
	width: 32%;
	width: calc(33.33333% - 10px)
}

.scrollable-content .col-s-6 {
	width: 47%;
	width: calc(50% - 10px)
}

.scrollable-content .col-s-12 {
	width: 96%;
	width: calc(100% - 10px)
}

@media (min-width:48em) {
	.scrollable-content .col-m-3 {
		width: 24%;
		width: calc(25% - 10px)
	}

	.scrollable-content .col-m-4 {
		width: 32%;
		width: calc(33.33333% - 10px)
	}

	.scrollable-content .col-m-6 {
		width: 47%;
		width: calc(50% - 10px)
	}

	.scrollable-content .col-m-12 {
		width: 96%;
		width: calc(100% - 10px)
	}
}

@media (min-width:64em) {
	.scrollable-content .col-l-3 {
		width: 24%;
		width: calc(25% - 10px)
	}

	.scrollable-content .col-l-4 {
		width: 32%;
		width: calc(33.33333% - 10px)
	}

	.scrollable-content .col-l-6 {
		width: 47%;
		width: calc(50% - 10px)
	}

	.scrollable-content .col-l-12 {
		width: 96%;
		width: calc(100% - 10px)
	}
}

.scrollable-content * {
	white-space: normal
}

.scrollable-content .teaser {
	border-top: 0;
	padding: 0 30px
}

.accordion {
	clear: both
}

.accordion [role=accordion][aria-selected=false]+[role=accordionpanel] {
	display: none
}

@media (min-width:48em) {
	.accordion [role=accordion][aria-selected=true]+[role=accordionpanel] {
		padding: 0 40px
	}
}

.accordion [role=accordionpanel] {
	padding: 15px 0
}

.accordion [role=accordionpanel] h3:not(.teaser-headline) {
	margin-bottom: 18px
}

.accordion [role=accordionpanel] h4:not(.toggle-handle) {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.4;
	margin-bottom: 8px
}

@media (min-width:64em) {
	.accordion [role=accordionpanel] h4:not(.toggle-handle) {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.accordion [role=accordionpanel] h5 {
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.4
}

@media (min-width:64em) {
	.accordion [role=accordionpanel] h5 {
		font-size: 17px;
		font-size: 1.0625rem
	}
}

@media (max-width:47.9375em) {
	.accordion>[aria-expanded=true] {
		border-bottom: 1px solid #d9d9d9;
		padding-left: 30px;
		padding-right: 30px;
		background-color: #f2f2f2
	}

	.accordion>[aria-expanded=true] [aria-expanded=true] {
		padding-left: 0;
		padding-right: 0
	}

	.accordion>[aria-expanded=true] [aria-expanded=true] .toggle-handle {
		border-bottom: 0
	}

	.accordion>[aria-expanded=true] [aria-expanded=true] [role=accordionpanel] {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (max-width:47.9375em) {
	.accordion>[aria-expanded=true]>[role=accordionpanel] {
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width:47.9375em) {
	.accordion>[aria-expanded=true] .toggle-handle {
		padding-left: 0;
		padding-right: 30px
	}

	.accordion>[aria-expanded=true] .toggle-handle:after {
		right: 0
	}
}

@media (min-width:48em) {
	.accordion>[aria-expanded=true] [role=accordionpanel] {
		padding: 0 30px 20px
	}
}

.accordion .toggle-handle {
	display: block;
	position: relative;
	clear: both;
	cursor: pointer
}

@media (max-width:47.9375em) {
	.accordion .toggle-handle {
		font-family: dvag-type, sans-serif;
		font-weight: 600;
		font-style: normal;
		border-bottom: 1px solid #d9d9d9;
		padding-left: 30px;
		padding-right: 30px
	}
}

.accordion .handle-default {
	padding: 18px 60px 18px 30px;
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.4
}

.accordion .handle-default:hover {
	color: #666
}

.accordion .handle-default:after {
	position: absolute;
	top: 0;
	right: 30px;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto
}

@media (min-width:48em) {
	.accordion .handle-default:hover {
		color: #c8aa22
	}
}

.accordion .handle-text {
	padding: 14px 60px 14px 30px;
	margin-bottom: 0;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.1
}

@media (min-width:48em) {
	.accordion .handle-text {
		padding-left: 40px
	}

	.accordion .handle-text:hover {
		color: #c8aa22
	}
}

@media (min-width:64em) {
	.accordion .handle-text {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.accordion .handle-text:after {
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1
}

@media (min-width:48em) {
	.accordion .handle-text:after {
		left: 0;
		right: auto
	}
}

.accordion .accordion .accordion .handle-text {
	text-align: center
}

@media (min-width:48em) {
	.accordion .accordion .accordion .handle-text {
		text-align: left
	}
}

.accordion .accordion .accordion .handle-text:after {
	left: auto;
	right: 0;
	width: 18px;
	height: 18px;
	line-height: 1
}

@media (min-width:48em) {
	.accordion .accordion .accordion .handle-text:after {
		left: 0;
		right: auto
	}
}

@media (min-width:48em) {
	.accordion .handle-text[aria-selected=true]+[role=accordionpanel] {
		padding-left: 40px;
		padding-right: 0
	}
}

.accordion .handle-default:after,
.accordion .handle-text:after {
	content: "";
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%2080.8l50-50-11.7-11.6L50%2057.5%2011.7%2019.2%200%2030.8%22%2F%3E%3C%2Fsvg%3E");
	border: 1px solid #c8aa22;
	border-radius: 50%;
	background-size: 60%;
	background-position: center 60%
}

.accordion .handle-default:hover:after,
.accordion .handle-text:hover:after {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%2080.8l50-50-11.7-11.6L50%2057.5%2011.7%2019.2%200%2030.8%22%2F%3E%3C%2Fsvg%3E");
	background-color: #c8aa22;
	background-size: 60%
}

.accordion .handle-default[aria-selected=true]:after,
.accordion .handle-text[aria-selected=true]:after {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2069.2l11.7%2011.6L50%2042.5l38.3%2038.3L100%2069.2l-50-50%22%2F%3E%3C%2Fsvg%3E");
	background-size: 60%
}

.accordion .handle-default[aria-selected=true]:hover:after,
.accordion .handle-text[aria-selected=true]:hover:after {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2069.2l11.7%2011.6L50%2042.5l38.3%2038.3L100%2069.2l-50-50%22%2F%3E%3C%2Fsvg%3E");
	background-color: #c8aa22;
	background-size: 60%
}

@media (max-width:63.9375em) {
	.tabs .accordion {
		margin-top: 30px
	}
}

@media (max-width:47.9375em) {
	.accordion .teaser {
		border: none;
		margin-left: -25px;
		margin-right: -25px
	}
}

.tabs .tab-nav {
	white-space: nowrap;
	overflow: auto
}

.tabs .nav-item {
	display: inline-block
}

.tabs .nav-item a {
	display: block;
	cursor: pointer
}

.tabs.main-tabs .nav-item {
	margin-right: 5px
}

.tabs.main-tabs .nav-item:last-child {
	margin-right: 0
}

.tabs.main-tabs .nav-item a {
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	font-size: .75rem;
	line-height: 116.66667%;
	text-transform: uppercase;
	background-color: #d9d9d9;
	padding: 15px 20px
}

@media (min-width:48em) {
	.tabs.main-tabs .nav-item a {
		font-size: 13px;
		font-size: .8125rem;
		line-height: 130.76923%
	}
}

.tabs.main-tabs .nav-item a:hover {
	text-decoration: none;
	color: #c8aa22;
	background-color: #e6e6e6
}

.tabs.main-tabs .nav-item [aria-selected=true] {
	background-color: #f2f2f2;
	color: #c8aa22
}

.tabs.main-tabs .tab-container {
	background-color: #f2f2f2;
	padding: 20px
}

.tabs.main-tabs .tab-container .sub-tabs .nav-item a {
	padding-top: 15px
}

.tabs.main-tabs.white .tab-container,
.tabs.main-tabs.white .tab-nav .nav-item a[aria-selected=true] {
	background-color: #fff
}

@media (min-width:48em) and (max-width:63.9375em) {
	.tabs.vertical {
		overflow: hidden
	}
}

.tabs.vertical .tab-nav {
	white-space: normal
}

@media (min-width:48em) and (max-width:63.9375em) {
	.tabs.vertical .tab-nav {
		white-space: nowrap;
		overflow: auto;
		padding: 0 30px;
		margin: 0 -30px
	}
}

@media (min-width:64em) {
	.tabs.vertical .tab-nav {
		float: left;
		margin-right: 0;
		width: 25%
	}

	.tabs.vertical .tab-nav .nav-item {
		display: block
	}

	.tabs.vertical .tab-nav .nav-item:first-child {
		margin-top: 35px
	}
}

.tabs.vertical .tab-nav .nav-item {
	text-align: right;
	margin: 10px 0
}

@media (min-width:48em) and (max-width:63.9375em) {
	.tabs.vertical .tab-nav .nav-item {
		display: inline-block;
		color: #666;
		background-color: #d9d9d9;
		margin: 0 5px -5px 0;
		overflow: hidden
	}

	.tabs.vertical .tab-nav .nav-item:last-child {
		margin-right: 0
	}
}

.tabs.vertical .tab-nav .nav-item a {
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal;
	background: transparent;
	padding: 15px 20px
}

@media (min-width:48em) and (max-width:63.9375em) {
	.tabs.vertical .tab-nav .nav-item a {
		padding: 15px 20px
	}
}

.tabs.vertical .tab-nav .nav-item a:hover {
	color: #c8aa22;
	cursor: pointer
}

.tabs.vertical .tab-nav .nav-item [aria-selected=true] {
	background-color: #f2f2f2;
	color: #c8aa22;
	border: 0
}

.tabs.vertical .tab-container,
.tabs.vertical .tab-footer-nav {
	background-color: #f2f2f2;
	padding: 20px 90px
}

@media (min-width:64em) {

	.tabs.vertical .tab-container,
	.tabs.vertical .tab-footer-nav {
		float: left;
		margin-left: 0;
		padding: 56px 60px;
		width: 75%
	}
}

@media (min-width:64em) {
	.tabs.vertical .tab-footer-nav {
		margin-left: 25%;
		float: none
	}
}

.tabs.gold-nav .nav-item a {
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #c8aa22
}

.tabs.gold-nav .nav-item a:hover {
	color: #4d4d4d
}

.tabs.sub-tabs .tab-nav {
	text-align: center;
	background-color: #f2f2f2
}

.tabs.sub-tabs .nav-item:not(:last-child) {
	margin-right: 20px
}

.tabs.sub-tabs .nav-item a {
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #c8aa22;
	text-decoration: none;
	padding: 20px 0 5px
}

.tabs.sub-tabs .nav-item a:hover {
	color: #4d4d4d
}

.tabs.sub-tabs .nav-item [aria-selected=true] {
	border-top: 4px solid #c8aa22
}

.tabs.sub-tabs .tab-container {
	background-color: #f2f2f2;
	padding: 15px 0 0
}

.tabs [role=accordion][aria-selected=false]+[role=accordionpanel] {
	display: none
}

@media (max-width:47.9375em) {
	.tabs .tab-container {
		padding: 15px
	}
}

.tab-container h3:not(.teaser-headline) {
	margin-bottom: 18px
}

.tab-container h4:not(.toggle-handle):not(.dva-m-teaser__topline) {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.4;
	margin-bottom: 8px
}

@media (min-width:64em) {
	.tab-container h4:not(.toggle-handle):not(.dva-m-teaser__topline) {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.tab-container h5 {
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.4
}

@media (min-width:64em) {
	.tab-container h5 {
		font-size: 17px;
		font-size: 1.0625rem
	}
}

.tabs.main-tabs .tab-container .sub-tabs,
.tabs.sub-tabs.pre-subbed {
	background-color: transparent
}

.tabs.main-tabs .tab-container .sub-tabs .tab-nav,
.tabs.sub-tabs.pre-subbed .tab-nav {
	background-color: transparent;
	text-align: left
}

.tabs.main-tabs .tab-container .sub-tabs .nav-item a,
.tabs.main-tabs .tab-container .sub-tabs .tab-container,
.tabs.sub-tabs.pre-subbed .nav-item a,
.tabs.sub-tabs.pre-subbed .tab-container {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0
}

.inline-list li {
	display: inline-block;
	margin-bottom: 5px
}

.button-list {
	zoom: 1;
	list-style: none
}

.button-list:after,
.button-list:before {
	content: "";
	display: table
}

.button-list:after {
	clear: both
}

@media (max-width:47.9375em) {
	.button-list .button-list-item+.button-list-item {
		margin-top: 15px
	}
}

.button-list .button-list-item:last-child {
	margin-right: 0
}

@media (min-width:48em) {
	.button-list .button-list-item {
		text-align: center
	}
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
	.button-list {
		text-align: center
	}
}

.button-list .btn {
	display: table-cell;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 50px;
	width: 1000px
}

@media (min-width:48em) {
	.button-list .btn {
		height: 60px
	}
}

.button-list .inline {
	height: auto
}

@media (max-width:47.9375em) {
	.button-list.inline-list .button-list-item {
		margin-top: 0
	}
}

.article-container {
	color: #4d4d4d
}

.article-container h3 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2
}

@media (min-width:64em) {
	.article-container h3 {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.article-container h3+p {
	margin-top: 30px
}

p+.article-container h3 {
	margin-bottom: 42px
}

.article-container .text p {
	margin-bottom: 1.4em
}

.article-container .text h3 {
	margin-bottom: 1.16667em
}

.article-container .quote p {
	margin-bottom: 3px
}

.article-container .article-infobox {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px
}

@media (min-width:48em) {
	.article-container .article-infobox {
		margin-top: 35px;
		margin-bottom: 35px
	}
}

@media (min-width:64em) {
	.article-container .article-infobox {
		margin-top: 50px;
		margin-bottom: 50px
	}
}

@media (min-width:64em) {
	.article-container .article-infobox:first-child {
		margin-top: 0
	}
}

@media (min-width:64em) {
	.article-container .article-infobox:last-child {
		margin-bottom: 0
	}
}

.article-container .bg-darkgrey {
	margin-top: 20px;
	margin-bottom: 20px
}

@media (min-width:48em) {
	.article-container .bg-darkgrey {
		margin-top: 35px;
		margin-bottom: 35px
	}
}

.alert {
	text-align: center;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #4d4d4d;
	background: #f2f2f2
}

section {
	zoom: 1;
	clear: both;
	width: 100%;
	display: block;
	padding: 50px 0;
	color: #666
}

section:after,
section:before {
	content: "";
	display: table
}

section:after {
	clear: both
}

section[class*=bg-darkgrey] {
	color: #fff
}

@media (min-width:48em) {
	section {
		padding: 60px 0
	}
}

@media (min-width:64em) {
	section {
		padding: 80px 0
	}
}

@media (min-width:64em) {
	section.flex {
		display: flex
	}
}

@media (min-width:48em) {
	section.short {
		padding-top: 38px;
		padding-bottom: 40px
	}
}

@media (min-width:64em) {
	section.short {
		padding-top: 48px;
		padding-bottom: 50px
	}
}

@media (min-width:48em) {
	section.squashed {
		padding-top: 38px;
		padding-bottom: 40px
	}
}

@media (min-width:64em) {
	section.squashed {
		padding-top: inherit;
		padding-bottom: inherit
	}
}

.section-wrapper {
	display: flex;
	flex-flow: column nowrap
}

.section-wrapper:after,
.section-wrapper:before {
	content: none
}

@media (min-width:48em) {
	.section-wrapper {
		flex-direction: row
	}
}

.section-title {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: 16px
}

@media (min-width:64em) {
	.section-title {
		margin-bottom: 20px
	}
}

.section-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom: 30px;
	text-align: center
}

.section-icon svg {
	width: 50%;
	height: 50%;
	fill: #fff;
	margin: 15px
}

.section-icon.rounded {
	border: 1px solid #fff;
	border-radius: 50%
}

.section-headline {
	color: #4d4d4d;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.2
}

[class*=bg-darkgrey] .section-headline {
	color: #fff
}

@media (min-width:64em) {
	.section-headline {
		font-size: 45px;
		font-size: 2.8125rem
	}
}

.align-left .section-headline {
	text-align: left
}

.section-headline+p {
	margin-top: 18px
}

@media (min-width:64em) {
	.section-headline+p {
		margin-top: 22px
	}
}

@media (min-width:48em) {

	.bg-darkgrey.light-gradient,
	.light-gradient .section-headline {
		color: #4d4d4d
	}
}

.section-header {
	zoom: 1;
	margin-bottom: 20px
}

.section-header:after,
.section-header:before {
	content: "";
	display: table
}

.section-header:after {
	clear: both
}

@media (max-width:47.9375em) {
	.full-section-small.section-header-footer-padding .section-header {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (min-width:48em) {
	.section-header {
		margin-bottom: 35px
	}
}

@media (min-width:64em) {
	.section-header {
		margin-bottom: 40px
	}
}

.section-header p:last-child {
	margin-bottom: 0
}

.section-footer {
	zoom: 1;
	margin-top: 20px
}

.section-footer:after,
.section-footer:before {
	content: "";
	display: table
}

.section-footer:after {
	clear: both
}

@media (max-width:47.9375em) {
	.full-section-small.section-header-footer-padding .section-footer {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (min-width:48em) {
	.section-footer {
		margin-top: 35px
	}

	.section-header+.section-footer {
		margin-top: 0
	}
}

@media (min-width:64em) {
	.section-footer {
		margin-top: 50px
	}

	.section-header+.section-footer {
		margin-top: 0
	}
}

.double-section {
	zoom: 1
}

.double-section:after,
.double-section:before {
	content: "";
	display: table
}

.double-section:after {
	clear: both
}

.double-section .vignette {
	margin-bottom: 0
}

.text-with-image {
	zoom: 1
}

.text-with-image:after,
.text-with-image:before {
	content: "";
	display: table
}

.text-with-image:after {
	clear: both
}

@media (max-width:47.9375em) {
	.text-with-image .align-right {
		text-align: left
	}

	.text-with-image .left,
	.text-with-image .right {
		float: none;
		padding: 0;
		margin-left: auto;
		margin-right: auto
	}
}

.text-with-image .aside-iconimage,
.text-with-image .text-wrapper {
	display: table-cell;
	vertical-align: top;
	padding-right: 20px
}

.text-with-image h3 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2
}

.text-with-image h3+p {
	margin-top: 10px
}

.text-with-image img {
	display: block;
	margin-bottom: 20px
}

.text-with-image img.full-width {
	height: auto
}

.text-with-image .aside-iconimage img {
	max-width: 50px
}

.icon-bar .container {
	padding: 0 30px
}

.icon-bar .small-title {
	margin-bottom: 15px;
	color: #c8aa22;
	font-size: 15px;
	font-size: .9375rem;
	text-transform: uppercase
}

@media (min-width:64em) {
	.icon-bar .small-title {
		font-size: 18px;
		font-size: 1.125rem;
		margin-bottom: 35px
	}
}

.icon-bar .section-header {
	margin-bottom: 60px;
	color: #4d4d4d
}

@media (max-width:47.9375em) {
	.icon-bar .section-header {
		margin-bottom: 45px
	}
}

.icon-bar .items-container {
	display: flex
}

.icon-bar .items-container.edit-mode {
	display: block
}

.icon-bar .items-container.edit-mode .icon-bar-item {
	width: 100%
}

@media (max-width:47.9375em) {
	.icon-bar .items-container {
		display: block
	}
}

.icon-bar .icon-bar-item {
	width: 33%;
	margin-bottom: 25px
}

@media (max-width:47.9375em) {
	.icon-bar .icon-bar-item {
		width: 100%
	}
}

.icon-bar .icon-bar-item .section {
	max-width: 320px;
	margin: 0 auto;
	padding: 0 40px
}

@media (max-width:47.9375em) {
	.icon-bar .icon-bar-item .section {
		max-width: none;
		padding: 0
	}
}

.icon-bar .icon-bar-item .icon-bar-item-header {
	margin-bottom: 30px;
	font-size: 17px;
	font-size: 1.0625rem
}

@media (min-width:64em) {
	.icon-bar .icon-bar-item .icon-bar-item-header {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.icon-bar .icon-bar-item .center-icon-image {
	display: flex;
	justify-content: center;
	margin-bottom: 30px
}

.icon-bar .icon-bar-item .center-icon-image .icon {
	max-height: 100px;
	max-width: 100px;
	width: auto !important
}

@media (min-width:48em) {
	.icon-bar .icon-bar-item .center-icon-image .icon {
		max-height: 120px;
		max-width: 120px
	}
}

.icon-bar .icon-bar-item .text-wrapper {
	line-height: 24px
}

@media (min-width:48em) {
	.icon-bar .icon-bar-item .text-wrapper {
		font-size: 17px;
		font-size: 1.0625rem
	}
}

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

@media (min-width:64em) {
	h1 {
		font-size: 45px;
		font-size: 2.8125rem
	}
}

.beta,
h2 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2
}

@media (min-width:64em) {

	.beta,
	h2 {
		font-size: 22px;
		font-size: 1.375rem
	}
}

h3 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.4
}

@media (min-width:64em) {
	h3 {
		font-size: 22px;
		font-size: 1.375rem
	}
}

h4 {
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.4
}

@media (min-width:64em) {
	h4 {
		font-size: 17px;
		font-size: 1.0625rem
	}
}

.section-dividor-title {
	position: relative
}

.section-dividor-title:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	display: block;
	border-top: 2px solid #e6e6e6;
	width: 100%
}

.section-dividor-title .section-title {
	display: inline-block;
	position: relative;
	margin-bottom: 0;
	padding-right: 16px
}

.section-dividor-title .btn.inline {
	text-transform: none;
	color: #c8aa22;
	float: right;
	padding-left: 16px;
	line-height: inherit
}

.section-dividor-title.text-grey .section-title {
	color: #666
}

.section-dividor-title .btn.inline,
.section-dividor-title .btn.inline:hover,
.section-dividor-title .section-title,
.section-dividor-title .section-title:hover {
	background: #fff
}

.bg-lightgrey .section-dividor-title .btn.inline,
.bg-lightgrey .section-dividor-title .btn.inline:hover,
.bg-lightgrey .section-dividor-title .section-title,
.bg-lightgrey .section-dividor-title .section-title:hover {
	background: #f2f2f2
}

.tag {
	display: inline-block;
	margin-bottom: 7px;
	padding: 0 5px;
	border-radius: 2px;
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 11px;
	font-size: .6875rem;
	text-transform: uppercase;
	line-height: 19px;
	background: #c8aa22;
	color: #fff
}

img.vignette {
	border-radius: 50%;
	border: 1px solid #c8aa22;
	margin-bottom: 20px;
	padding: 4px
}

img.vignette.small {
	width: 180px
}

.btn {
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal;
	display: inline-block;
	background: transparent;
	color: #c8aa22;
	border: 1px solid #c8aa22;
	border-radius: 4px;
	text-align: center;
	transition: background-color .3s, border-color .3s, color .3s;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	padding: 22px 30px;
	min-height: 60px;
	text-transform: none;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer
}

html:not(.touchevents) .btn:hover {
	color: #fff;
	background: #c8aa22;
	text-decoration: none
}

.btn:hover svg {
	fill: #fff
}

.btn.is-disabled,
.btn:disabled,
.btn[disabled] {
	color: gray;
	border-color: gray;
	pointer-events: none
}

.btn.is-disabled svg,
.btn:disabled svg,
.btn[disabled] svg {
	fill: gray
}

.btn svg {
	width: 15px;
	height: 15px;
	top: -15px;
	margin-bottom: -18px;
	position: relative;
	fill: #c8aa22;
	margin-right: 5px;
	transition: all .3s;
	overflow: inherit
}

@media (min-width:64em) {
	.btn svg {
		width: 20px;
		height: 20px;
		top: -20px;
		margin-bottom: -25px
	}
}

.btn.arrow-left-mini,
.btn.arrow-right-mini {
	position: relative
}

.btn.arrow-left-mini svg,
.btn.arrow-right-mini svg {
	position: absolute;
	top: 50%;
	height: 10px;
	width: 10px;
	margin-top: -4px;
	margin-bottom: auto
}

@media (min-width:64em) {

	.btn.arrow-left-mini svg,
	.btn.arrow-right-mini svg {
		height: 12px;
		width: 12px;
		margin-top: -6px;
		margin-bottom: auto
	}
}

.btn.arrow-right-mini {
	padding-right: 47px
}

@media (max-width:24.3125em) {
	.btn.arrow-right-mini {
		padding: 18px 28px 18px 15px
	}
}

@media (min-width:64em) {
	.btn.arrow-right-mini {
		padding-right: 55px
	}
}

.btn.arrow-right-mini svg {
	right: 20px;
	margin-right: 0;
	margin-left: 5px
}

@media (max-width:24.3125em) {
	.btn.arrow-right-mini svg {
		right: 12px
	}
}

@media (min-width:64em) {
	.btn.arrow-right-mini svg {
		right: 30px
	}
}

.btn.arrow-left-mini {
	padding-left: 47px
}

@media (max-width:24.3125em) {
	.btn.arrow-left-mini {
		padding: 18px 15px 18px 28px
	}
}

@media (min-width:64em) {
	.btn.arrow-left-mini {
		padding-left: 55px
	}
}

.btn.arrow-left-mini svg {
	left: 20px
}

@media (max-width:24.3125em) {
	.btn.arrow-left-mini svg {
		left: 12px
	}
}

@media (min-width:64em) {
	.btn.arrow-left-mini svg {
		left: 30px
	}
}

.btn.inline {
	display: inline-block;
	padding: 0;
	border: 0;
	min-height: 0;
	width: auto;
	font-family: inherit;
	font-size: inherit;
	text-align: inherit;
	vertical-align: inherit;
	text-transform: none
}

.btn.inline.download {
	position: relative
}

.btn.inline.download:after {
	content: "";
	margin: 0;
	position: absolute;
	display: block;
	top: .15em;
	width: 1em;
	height: 1em;
	transition: all .3s
}

.btn.inline.download {
	padding-left: 20px
}

.btn.inline.download:after {
	left: 0;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23c8aa22%22%20d%3D%22m18.466%208.52%201.132%201.13-7.553%207.554-7.542-7.542L5.635%208.53l5.615%205.615V2.18h1.6v11.955l5.616-5.615Zm1.694%2011.656v-5.14h1.6v6.74H2.341v-6.74h1.6v5.14H20.16Z%22%2F%3E%3E%3C%2Fsvg%3E")
}

.btn.inline.download:after,
.btn.inline.download:hover:after {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.btn.inline.download:hover:after {
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23786614%22%20d%3D%22m18.466%208.52%201.132%201.13-7.553%207.554-7.542-7.542L5.635%208.53l5.615%205.615V2.18h1.6v11.955l5.616-5.615Zm1.694%2011.656v-5.14h1.6v6.74H2.341v-6.74h1.6v5.14H20.16Z%22%2F%3E%3E%3C%2Fsvg%3E")
}

html:not(.touchevents) .btn.inline:hover {
	background: transparent;
	color: #786614
}

.btn.inline:hover svg {
	fill: #786614
}

.btn.inline:focus {
	border: 0;
	box-shadow: none
}

.btn.inline.arrow-right-mini svg {
	right: 0
}

.btn.inline.arrow-left-mini svg {
	left: 0
}

.btn.inline.arrow-right-mini {
	padding-right: 16px
}

.btn.inline.arrow-left-mini {
	padding-left: 16px
}

.btn.filled {
	border-color: #c8aa22;
	color: #fff;
	background: #c8aa22
}

.btn.filled svg {
	fill: #fff
}

html:not(.touchevents) .btn.filled:focus,
html:not(.touchevents) .btn.filled:hover {
	background: #786614;
	border-color: #786614
}

html:not(.touchevents) .btn.filled:focus svg,
html:not(.touchevents) .btn.filled:hover svg {
	fill: #fff
}

.btn.filled.is-disabled,
.btn.filled[disabled=disabled] {
	background: gray;
	border-color: gray
}

.btn.bg-lightgrey,
.btn.white {
	color: #fff
}

.btn.bg-lightgrey svg,
.btn.white svg {
	fill: #fff
}

.btn.bg-lightgrey.filled,
.btn.white.filled {
	background: #fff;
	color: #666;
	border-color: #fff
}

.btn.bg-lightgrey.filled svg,
.btn.white.filled svg {
	fill: #c8aa22
}

html:not(.touchevents) .btn.bg-lightgrey.filled:focus,
html:not(.touchevents) .btn.bg-lightgrey.filled:hover,
html:not(.touchevents) .btn.white.filled:focus,
html:not(.touchevents) .btn.white.filled:hover {
	color: #fff;
	background: #c8aa22;
	border-color: #c8aa22
}

html:not(.touchevents) .btn.bg-lightgrey.filled:focus svg,
html:not(.touchevents) .btn.bg-lightgrey.filled:hover svg,
html:not(.touchevents) .btn.white.filled:focus svg,
html:not(.touchevents) .btn.white.filled:hover svg {
	fill: #fff
}

.btn.bg-lightgrey.filled.is-disabled svg,
.btn.bg-lightgrey.filled[disabled=disabled] svg,
.btn.white.filled.is-disabled svg,
.btn.white.filled[disabled=disabled] svg {
	fill: gray
}

.btn.bg-lightgrey.filled {
	background: #f2f2f2
}

.btn.small {
	min-height: 0;
	padding: 10px 15px
}

.btn.small.arrow-right-mini {
	padding-right: 25px
}

@media (min-width:64em) {
	.btn.small.arrow-right-mini {
		padding-right: 30px
	}
}

.btn.small.arrow-right-mini svg {
	right: 6px
}

.btn.small.arrow-left-mini {
	padding-left: 25px
}

@media (min-width:64em) {
	.btn.small.arrow-left-mini {
		padding-left: 30px
	}
}

.btn.small.arrow-left-mini svg {
	left: 6px
}

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

.teaser {
	clear: both;
	position: relative;
	white-space: normal;
	text-align: left
}

.teaser[onclick] {
	cursor: pointer
}

@media (max-width:47.9375em) {
	.logic-article-teaser-bar:first-child .col-s-12:first-child>.teaser {
		border-top: 0;
		padding-top: 0
	}
}

.teaser .teaser-headline a:after,
.teaser .teaser-image a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0;
	right: 0
}

.teaser.special {
	zoom: 1;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #f2f2f2;
	border-top: 0
}

.teaser.special:after,
.teaser.special:before {
	content: "";
	display: table
}

.teaser.special:after {
	clear: both
}

.teaser.special .btn {
	font-size: 12px;
	font-size: .75rem;
	line-height: 1.2;
	padding: 12px 51px 12px 19px
}

.teaser.special .btn svg {
	right: 20px
}

.teaser.special img {
	float: right;
	margin: -30px -30px 20px 20px;
	transform: rotate(3deg);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5)
}

.teaser .btn {
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.2;
	letter-spacing: 0
}

.teaser.padding {
	padding-top: 35px;
	padding-bottom: 35px
}

.teaser.align-center {
	padding: 0
}

@media (max-width:47.9375em) {
	.teaser.align-center {
		padding: 30px 0
	}
}

.teaser.align-center .teaser-title {
	display: table;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 100%;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	color: gray;
	overflow: hidden
}

.teaser.align-center .teaser-title:after {
	content: "";
	position: relative;
	top: .5em;
	left: 16px;
	display: table-cell;
	border-top: 1px solid gray;
	width: 100%
}

.teaser.align-center .teaser-image {
	margin: 0 0 5px
}

.teaser blockquote {
	border: 0;
	padding: 0;
	color: #666
}

@media (min-width:64em) {
	.teaser blockquote {
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 1.4
	}
}

.teaser blockquote p {
	font-style: italic
}

.teaser blockquote:before {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2090.393c22.3-5.4%2031.756-13.51%2037.16-34.79L48.31%208.307H19.935l-8.108%2035.805h14.187c-3.713%2014.53-7.77%2028.385-23.307%2032.77L0%2090.393zm51.69%200c22.294-5.4%2031.755-13.51%2037.157-34.79L100%208.307H71.627l-8.12%2035.805h14.2c-3.723%2014.53-7.772%2028.385-23.323%2032.77l-2.695%2013.51z%22%2F%3E%3C%2Fsvg%3E");
	content: "";
	height: 15px;
	width: 100%;
	display: block;
	margin-bottom: 10px
}

.teaser blockquote .teaser-headline {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.2;
	margin-top: 10px
}

.teaser blockquote cite {
	display: block
}

.teaser blockquote cite span {
	display: inline
}

@media (max-width:47.9375em) {
	.bar .col-wrapper [class^=col-]:first-child .teaser {
		border-top: 1px solid #d9d9d9;
		padding-top: 30px
	}
}

.teaser-image {
	margin-bottom: 15px
}

.teaser-title {
	position: relative;
	z-index: 1;
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2;
	color: #c8aa22;
	margin-bottom: 6px
}

@media (min-width:64em) {
	.teaser-title {
		font-size: 17px;
		font-size: 1.0625rem
	}
}

.teaser-headline {
	font-family: dvag-type, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #4d4d4d;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: 28px
}

[class*=bg-darkgrey] .teaser-headline {
	color: #fff
}

@media (min-width:64em) {
	.teaser-headline {
		font-size: 22px;
		font-size: 1.375rem
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-slide .selector {
	text-align: center
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	touch-action: pan-y
}

.swiper-wp8-vertical {
	touch-action: pan-x
}

.scrollable-next,
.scrollable-prev,
.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin: -30px 0 0;
	padding: 0;
	border: 0;
	width: 20px;
	height: 40px;
	cursor: pointer
}

.scrollable-next svg,
.scrollable-prev svg,
.swiper-button-next svg,
.swiper-button-prev svg {
	top: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	fill: #c8aa22
}

html:not(.touchevents) .scrollable-next:hover,
html:not(.touchevents) .scrollable-prev:hover,
html:not(.touchevents) .swiper-button-next:hover,
html:not(.touchevents) .swiper-button-prev:hover {
	background: transparent
}

.scrollable-next:hover svg,
.scrollable-prev:hover svg,
.swiper-button-next:hover svg,
.swiper-button-prev:hover svg {
	fill: #404040
}

.scrollable-next:focus,
.scrollable-prev:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus {
	outline: none;
	box-shadow: none;
	border: 0
}

.swiper-button-disabled.scrollable-next,
.swiper-button-disabled.scrollable-prev,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.scrollable-prev,
.swiper-button-prev,
.swiper-container-rtl .scrollable-next,
.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.scrollable-next,
.swiper-button-next,
.swiper-container-rtl .scrollable-prev,
.swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s;
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-bullets {
	margin: 0 auto;
	display: flex;
	max-width: 100%
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-bullet {
	width: 36px;
	height: 5px;
	display: inline-block;
	background: #c8aa22;
	opacity: .2;
	margin: 0 3px
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #c8aa22
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide,
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	visibility: hidden;
	transform-origin: 0 0;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: blur(50px);
	z-index: 0
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-meta {
	position: relative;
	display: block;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	text-align: left
}

.swiper-meta .swiper-pagination {
	position: inherit;
	white-space: nowrap;
	margin-right: 10px;
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #c8aa22
}

.swiper-meta .swiper-pagination.swiper-pagination-bullets {
	margin: 10px auto
}

.swiper-meta .swiper-slide-description {
	flex-grow: 2
}

.article-body [data-module=gallery] {
	margin: 50px auto
}

.article-body [data-module=gallery] .swiper-meta {
	max-width: 592px;
	margin: 0 auto
}

[data-module=gallery] {
	position: relative
}

[data-module=gallery] .swiper-slide .selector {
	position: relative;
	display: table;
	min-width: 100%;
	margin: 0 auto 40px;
	overflow: hidden
}

@media (min-width:48em) {
	[data-module=gallery] .swiper-slide .selector {
		min-width: 592px
	}
}

[data-module=gallery] .swiper-slide .selector>.img-wrapper,
[data-module=gallery] .swiper-slide .selector>span {
	display: table-row;
	width: 1px
}

[data-module=gallery] .swiper-slide .selector .swiper-meta {
	display: table-cell;
	width: 1px
}

[data-module=gallery] .swiper-slide .selector .swiper-pagination {
	position: relative;
	display: inline-block;
	width: 25%;
	text-align: left;
	float: left
}

[data-module=gallery] .swiper-slide .selector .swiper-slide-copyright {
	font-size: 13px;
	font-size: .8125rem;
	color: gray;
	display: inline-block;
	width: 70%;
	text-align: right;
	float: right
}

[data-module=gallery] .swiper-slide .selector .swiper-slide-description {
	color: gray;
	width: 100%;
	margin-top: 20px;
	flex-grow: inherit
}

@media (min-width:48em) {
	[data-module=gallery] .swiper-slide .selector .swiper-slide-description {
		margin-top: 35px
	}
}

[data-module=gallery] .scrollable-prev,
[data-module=gallery] .swiper-button-prev,
[data-module=gallery] .swiper-container-rtl .scrollable-next,
[data-module=gallery] .swiper-container-rtl .swiper-button-next {
	left: -20px
}

@media (min-width:48em) {

	[data-module=gallery] .scrollable-prev,
	[data-module=gallery] .swiper-button-prev,
	[data-module=gallery] .swiper-container-rtl .scrollable-next,
	[data-module=gallery] .swiper-container-rtl .swiper-button-next {
		left: -40px
	}
}





[data-module=gallery] .scrollable-next,
[data-module=gallery] .swiper-button-next,
[data-module=gallery] .swiper-container-rtl .scrollable-prev,
[data-module=gallery] .swiper-container-rtl .swiper-button-prev {
	right: -20px
}

@media (min-width:48em) {

	[data-module=gallery] .scrollable-next,
	[data-module=gallery] .swiper-button-next,
	[data-module=gallery] .swiper-container-rtl .scrollable-prev,
	[data-module=gallery] .swiper-container-rtl .swiper-button-prev {
		right: -40px
	}
}

.container [data-module=gallery-horizontal-steps] .swiper-wrapper,
.container [data-module=gallery-infographic-steps] .swiper-wrapper,
.container [data-module=gallery-teaser] .swiper-wrapper,
.container [data-module=gallery] .swiper-wrapper {
	-ms-flex-pack: center
}

.container [data-module=gallery-horizontal-steps].no-swiping .swiper-wrapper,
.container [data-module=gallery-infographic-steps].no-swiping .swiper-wrapper,
.container [data-module=gallery-teaser].no-swiping .swiper-wrapper,
.container [data-module=gallery].no-swiping .swiper-wrapper {
	justify-content: center
}

.container [data-module=gallery-horizontal-steps].no-swiping .scrollable-next,
.container [data-module=gallery-horizontal-steps].no-swiping .scrollable-prev,
.container [data-module=gallery-horizontal-steps].no-swiping .swiper-button-next,
.container [data-module=gallery-horizontal-steps].no-swiping .swiper-button-prev,
.container [data-module=gallery-infographic-steps].no-swiping .scrollable-next,
.container [data-module=gallery-infographic-steps].no-swiping .scrollable-prev,
.container [data-module=gallery-infographic-steps].no-swiping .swiper-button-next,
.container [data-module=gallery-infographic-steps].no-swiping .swiper-button-prev,
.container [data-module=gallery-teaser].no-swiping .scrollable-next,
.container [data-module=gallery-teaser].no-swiping .scrollable-prev,
.container [data-module=gallery-teaser].no-swiping .swiper-button-next,
.container [data-module=gallery-teaser].no-swiping .swiper-button-prev,
.container [data-module=gallery].no-swiping .scrollable-next,
.container [data-module=gallery].no-swiping .scrollable-prev,
.container [data-module=gallery].no-swiping .swiper-button-next,
.container [data-module=gallery].no-swiping .swiper-button-prev {
	display: none
}

@media (min-width:48em) {

	.container [data-module=gallery-horizontal-steps] .scrollable-prev,
	.container [data-module=gallery-horizontal-steps] .swiper-button-prev,
	.container [data-module=gallery-horizontal-steps] .swiper-container-rtl .scrollable-next,
	.container [data-module=gallery-horizontal-steps] .swiper-container-rtl .swiper-button-next,
	.container [data-module=gallery-infographic-steps] .scrollable-prev,
	.container [data-module=gallery-infographic-steps] .swiper-button-prev,
	.container [data-module=gallery-infographic-steps] .swiper-container-rtl .scrollable-next,
	.container [data-module=gallery-infographic-steps] .swiper-container-rtl .swiper-button-next,
	.container [data-module=gallery-teaser] .scrollable-prev,
	.container [data-module=gallery-teaser] .swiper-button-prev,
	.container [data-module=gallery-teaser] .swiper-container-rtl .scrollable-next,
	.container [data-module=gallery-teaser] .swiper-container-rtl .swiper-button-next,
	.container [data-module=gallery] .scrollable-prev,
	.container [data-module=gallery] .swiper-button-prev,
	.container [data-module=gallery] .swiper-container-rtl .scrollable-next,
	.container [data-module=gallery] .swiper-container-rtl .swiper-button-next {
		left: -30px
	}
}

@media (min-width:48em) {

	.container [data-module=gallery-horizontal-steps] .scrollable-next,
	.container [data-module=gallery-horizontal-steps] .swiper-button-next,
	.container [data-module=gallery-horizontal-steps] .swiper-container-rtl .scrollable-prev,
	.container [data-module=gallery-horizontal-steps] .swiper-container-rtl .swiper-button-prev,
	.container [data-module=gallery-infographic-steps] .scrollable-next,
	.container [data-module=gallery-infographic-steps] .swiper-button-next,
	.container [data-module=gallery-infographic-steps] .swiper-container-rtl .scrollable-prev,
	.container [data-module=gallery-infographic-steps] .swiper-container-rtl .swiper-button-prev,
	.container [data-module=gallery-teaser] .scrollable-next,
	.container [data-module=gallery-teaser] .swiper-button-next,
	.container [data-module=gallery-teaser] .swiper-container-rtl .scrollable-prev,
	.container [data-module=gallery-teaser] .swiper-container-rtl .swiper-button-prev,
	.container [data-module=gallery] .scrollable-next,
	.container [data-module=gallery] .swiper-button-next,
	.container [data-module=gallery] .swiper-container-rtl .scrollable-prev,
	.container [data-module=gallery] .swiper-container-rtl .swiper-button-prev {
		right: -30px
	}
}

.product-finder-element .item-list {
	list-style: none
}

@media (min-width:48em) {
	.product-finder-element .item-list {
		margin-left: -10px;
		margin-right: -10px
	}
}

@media (max-width:47.9375em) {
	.product-finder-element .item {
		border-top: 1px solid #d9d9d9
	}
}

@media (min-width:48em) {
	.product-finder-element .item {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1.2;
		background-color: #fff;
		position: relative;
		margin: 10px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		cursor: pointer
	}

	.product-finder-element .item:hover {
		background-color: #f2f2f2
	}

	.product-finder-element .item:after {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		display: block;
		content: " ";
		border-radius: 50%;
		border: 1px solid #c8aa22;
		color: #c8aa22;
		text-align: center
	}

	.product-finder-element .item .item-icon {
		fill: #c8aa22;
		height: 50px
	}

	.product-finder-element .item .item-icon svg {
		max-width: 95px;
		height: 60px
	}
}

@media (min-width:48em) {
	.product-finder-element .is-selected {
		background-color: #00587c;
		color: #fff
	}

	.product-finder-element .is-selected:after {
		content: "";
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%2300587c%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2055.43l4.195-4.188L31.08%2078.138l64.736-64.74L100%2017.59%2031.172%2086.6%22%2F%3E%3C%2Fsvg%3E");
		background-size: 60%;
		background-color: #fff;
		border-color: #fff
	}
}

@media (min-width:48em) {
	.product-finder-element .is-selected .item-icon svg {
		fill: #fff
	}
}

@media (min-width:48em) {
	.product-finder-element .is-selected:hover {
		color: inherit
	}

	.product-finder-element .is-selected:hover .item-icon svg {
		fill: #c8aa22
	}
}

@media (max-width:47.9375em) {
	.product-finder-element .is-selected:hover .item-header:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2069.2l11.7%2011.6L50%2042.5l38.3%2038.3L100%2069.2l-50-50%22%2F%3E%3C%2Fsvg%3E");
		background-size: 60%
	}
}

@media (max-width:47.9375em) {
	.product-finder-element .is-selected .item-header {
		border-bottom: 1px solid #d9d9d9
	}

	.product-finder-element .is-selected .item-header:hover:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2069.2l11.7%2011.6L50%2042.5l38.3%2038.3L100%2069.2l-50-50%22%2F%3E%3C%2Fsvg%3E");
		background-color: #c8aa22;
		background-size: 60%
	}
}

.product-finder-element .item-header {
	display: flex;
	cursor: pointer
}

@media (min-width:48em) {
	.product-finder-element .item-header {
		flex-flow: column wrap;
		justify-content: space-around;
		height: 190px;
		padding: 10px;
		pointer-events: none
	}
}

@media (max-width:47.9375em) {
	.product-finder-element .item-header {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		-ms-flex-align: center;
		padding: 10px 65px 10px 30px;
		min-height: 80px
	}

	.product-finder-element .item-header:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 30px;
		margin-top: -9px;
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%2080.8l50-50-11.7-11.6L50%2057.5%2011.7%2019.2%200%2030.8%22%2F%3E%3C%2Fsvg%3E");
		border: 1px solid #c8aa22;
		border-radius: 50%;
		background-size: 60%;
		background-position: center 60%
	}

	.product-finder-element .item-header:hover:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50%2080.8l50-50-11.7-11.6L50%2057.5%2011.7%2019.2%200%2030.8%22%2F%3E%3C%2Fsvg%3E");
		background-color: #c8aa22;
		background-size: 60%
	}
}

@media (max-width:47.9375em) {
	.product-finder-element .item-icon {
		margin: auto 0;
		width: 40px;
		fill: #00587c
	}

	.product-finder-element .item-icon.locked {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%2300587c%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M29.17%2023.086c0-7.2%2010.5-15.198%2020.83-15.198%2010.342%200%2020.852%207.024%2020.852%2015.198v26.912H29.17V23.086zm50.002%2026.912V23.086C79.172%208.31%2062.43%200%2050.012%200%2037.588%200%2020.85%2010.107%2020.85%2023.086v26.912H12.5V100h75V49.998h-8.328z%22%2F%3E%3C%2Fsvg%3E")
	}

	.product-finder-element .item-label {
		display: inline-block;
		vertical-align: middle;
		font-weight: 700;
		font-size: 18px;
		font-size: 1.125rem;
		margin: auto 20px;
		width: calc(100% - 80px)
	}

	.product-finder-element .item-content {
		display: none
	}

	.product-finder-element .is-selected {
		background-color: #f2f2f2
	}

	.product-finder-element .is-selected .item-header:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2069.2l11.7%2011.6L50%2042.5l38.3%2038.3L100%2069.2l-50-50%22%2F%3E%3C%2Fsvg%3E");
		background-size: 60%
	}

	.product-finder-element .is-selected .item-header:hover:after {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2069.2l11.7%2011.6L50%2042.5l38.3%2038.3L100%2069.2l-50-50%22%2F%3E%3C%2Fsvg%3E");
		background-color: #c8aa22;
		background-size: 60%
	}

	.product-finder-element .is-selected .item-content {
		display: block;
		margin-top: 10px;
		padding-bottom: 28px
	}

	.product-finder-element .is-selected .item-content .item-content-text {
		padding: 0 30px
	}

	.product-finder-element .is-selected .item-content .accordion {
		text-align: left;
		margin-top: 25px
	}

	.product-finder-element .is-selected .item-content .accordion>h3 {
		padding: 15px 30px
	}

	.product-finder-element .is-selected .item-content .toggle-handle {
		padding-left: 0;
		padding-right: 30px
	}

	.product-finder-element .is-selected .item-content .toggle-handle:after {
		right: 0
	}

	.product-finder-element .is-selected .item-content .accordion {
		padding-left: 30px;
		padding-right: 30px
	}

	.product-finder-element .is-selected .item-content .accordion>[aria-expanded=true] {
		padding-left: 0;
		padding-right: 0
	}

	.product-finder-element .is-selected .item-content .accordion>[aria-expanded=true] .toggle-handle {
		border-bottom: 0
	}

	.product-finder-element .is-selected .item-content .accordion>[aria-expanded=true] [role=accordionpanel] {
		padding-left: 30px
	}

	.product-finder-element .is-selected:last-child .item-content {
		padding-bottom: 0
	}
}

.figure-with-caption {
	padding: 0;
	text-align: center
}

.figure-with-caption.center,
.figure-with-caption.left,
.figure-with-caption.right {
	margin-bottom: 40px
}

@media (min-width:48em) {
	.figure-with-caption.left {
		float: left;
		clear: left
	}
}

@media (min-width:48em) {
	.figure-with-caption.right {
		float: right;
		clear: right
	}
}

@media (min-width:48em) {
	.figure-with-caption.center {
		float: none;
		margin-left: auto;
		margin-right: auto
	}
}

.figure-with-caption figcaption {
	text-align: left;
	color: gray
}

.figure-with-caption figcaption .caption {
	margin-top: 10px;
	display: block
}

.figure-with-caption img {
	width: 100%
}

.figure-with-caption .credit {
	font-size: 13px;
	font-size: .8125rem;
	line-height: 1.4;
	text-align: right;
	display: block
}

@media (min-width:64em) {
	.info-content {
		display: flex;
		flex-flow: row nowrap;
		align-content: stretch;
		flex-basis: 100%
	}
}

@media (max-width:63.9375em) {

	.info-content>.col-m-12:first-child .col-entry,
	.info-content>.col-s-12:first-child .col-entry {
		border-top: 0
	}
}

@media (min-width:48em) and (max-width:63.9375em) {

	.info-content>.col-m-6:first-child .col-entry,
	.info-content>.col-m-6:nth-child(2) .col-entry {
		border-top: 0
	}
}

@media (min-width:64em) {
	.info-content+.figure-block {
		margin-top: 80px
	}
}

@media (max-width:47.9375em) {
	.col-entry [role=accordion][aria-selected=false]+[role=accordionpanel] {
		display: none
	}

	.col-entry [role=accordion][aria-selected=true]+[role=accordionpanel] {
		display: block
	}

	.col-entry [data-behaviour=handler][aria-selected=true]:before {
		content: "-"
	}

	.col-entry [data-behaviour=handler] {
		display: flex;
		justify-content: space-between;
		padding-right: 60px;
		cursor: pointer
	}

	.col-entry [data-behaviour=handler]:before {
		content: "+";
		position: absolute;
		top: 20px;
		right: 20px;
		height: 40px;
		width: 40px;
		line-height: 37px;
		display: block;
		border-radius: 50%;
		border: 1px solid #c8aa22;
		color: #c8aa22;
		text-align: center
	}

	.col-entry [data-behaviour=handler] h2 {
		order: 2;
		padding: 0 20px;
		text-align: center;
		width: calc(100% - 60px)
	}

	.col-entry [data-behaviour=handler] .image-wrapper {
		order: 1;
		width: 60px;
		text-align: center
	}

	.col-entry [data-behaviour=handler] img {
		height: 40px
	}

	.col-entry .align-center p {
		text-align: center
	}

	.col-entry .accordion-wrapper {
		padding: 20px 30px 0
	}

	.col-entry .accordion-wrapper[aria-expanded=true] {
		padding: 20px 30px;
		box-shadow: inset 0 11px 8px -10px #d9d9d9, inset 0 -11px 8px -10px #d9d9d9;
		background-color: #f2f2f2
	}
}

@media (min-width:48em) {
	.col-entry {
		height: 100%;
		display: flex;
		flex-flow: column wrap;
		border-top: 0
	}

	.col-entry [data-behaviour=tab]:before {
		display: none
	}

	.col-entry .image-wrapper img {
		height: 80px
	}
}

@media (max-width:63.9375em) {
	.col-entry {
		padding: 30px 10px;
		border-top: 1px solid #d9d9d9
	}
}

.col-entry h2 {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 20px;
	line-height: 1.2
}

@media (min-width:48em) {
	.col-entry h2 {
		font-size: 24px;
		font-size: 1.5rem;
		color: #4d4d4d
	}

	[class*=bg-darkgrey] .col-entry h2 {
		color: #fff
	}
}

@media (min-width:64em) {
	.col-entry h2 {
		font-size: 30px;
		font-size: 1.875rem
	}
}

.col-entry img {
	margin-bottom: 20px;
	max-width: 100%;
	max-height: 100%;
	width: auto
}

.col-entry .icon-check {
	position: relative;
	padding-top: 30px;
	font-size: 18px;
	font-size: 1.125rem
}

@media (min-width:48em) {
	.col-entry .icon-check {
		padding-left: 30px;
		padding-right: 30px
	}
}

.col-entry .icon-check:before {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23c8aa22%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M0%2055.43l4.195-4.188L31.08%2078.138l64.736-64.74L100%2017.59%2031.172%2086.6%22%2F%3E%3C%2Fsvg%3E");
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	width: 40px
}

.figure-block .operating-figure+* {
	display: block;
	margin-top: 10px
}

.figure-block .operating-figure .text-gold {
	font-family: dvag-type, sans-serif;
	font-weight: 400;
	font-style: normal
}

.figure-block .rating {
	position: relative;
	display: inline-block
}

@media (min-width:64em) {
	.figure-block .rating {
		justify-content: flex-end
	}
}

.figure-block .rating a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	display: block;
	z-index: 1
}

.figure-block .rating p {
	margin-bottom: 0
}

.figure-block em {
	display: block;
	margin: 20px 0 10px;
	font-size: 60px;
	font-size: 3.75rem;
	line-height: 83.33333%;
	color: #c8aa22;
	white-space: nowrap;
	font-style: normal
}

.figure-block .seal img {
	height: 80px;
	margin-top: -9px;
	margin-bottom: 0
}

.hero {
	position: relative;
	background-position: 50%;
	background-size: cover;
	color: #4d4d4d
}

.hero[class*=bg-dark] {
	color: #fff
}

@media (min-width:48em) {
	.hero {
		background-image: none
	}
}

@media (min-width:75em) {
	.hero picture {
		display: block
	}
}

.hero picture img {
	display: block;
	width: 100%
}

.hero .item-wrapper {
	display: flex;
	flex-direction: column
}

@media (max-width:47.9375em) {
	.hero .item-wrapper {
		padding: 30px
	}

	.hero .item-wrapper.s-align-center .vb-image {
		position: relative;
		z-index: 1
	}
}

@media (min-width:48em) {
	.hero .item-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.hero .item-wrapper {
		padding: 40px
	}

	.hero .item-wrapper.m-align-center {
		flex-direction: column;
		justify-content: center
	}

	.hero .item-wrapper.m-align-center .vb-image {
		order: 0;
		height: auto
	}
}

@media (min-width:64em) {
	.hero .item-wrapper {
		bottom: 100px
	}

	.hero .item-wrapper.l-align-center {
		margin-top: 0;
		flex-direction: column;
		justify-content: center
	}

	.hero .item-wrapper.l-align-center .vb-image {
		order: 0
	}
}

@media (min-width:48em) {
	.hero .vb-image {
		position: relative;
		order: 1
	}
}

.hero .vignette {
	max-width: 100px;
	background-color: #fff;
	margin-bottom: 10px
}

@media (min-width:48em) and (max-width:63.9375em) {
	.hero .vignette {
		width: 100%
	}
}

.hero .signature {
	height: 32px
}

.hero .rating-vignette {
	width: 160px;
	max-width: none
}

@media (max-width:47.9375em) {
	.hero .rating-vignette {
		margin: 125px 210px 25px 0
	}
}

@media (min-width:48em) {
	.hero .rating-vignette {
		width: 230px;
		margin-top: 180px;
		margin-left: 55px
	}
}

.hero .hero-teaser {
	margin-left: auto
}

@media (min-width:64em) {
	.hero .hero-teaser h1 {
		font-size: 36px;
		font-size: 2.25rem;
		line-height: 1.2
	}
}

.hero .rating-wrapper h1 {
	line-height: 1.4
}

@media (max-width:47.9375em) {
	.hero .rating-wrapper h1 {
		font-size: 20px;
		font-size: 1.25rem
	}
}

@media (min-width:64em) {
	.hero .rating-wrapper h1 {
		font-size: 36px;
		font-size: 2.25rem
	}
}

@media (min-width:48em) {
	.hero .rating-wrapper {
		max-width: none
	}
}

@media (max-width:63.9375em) {
	.hero .rating-wrapper h1 {
		margin-bottom: 20px
	}
}

.hero .rating-wrapper hr {
	height: 1px;
	display: inline-block;
	background: #666;
	width: 100px
}

.hero .rating-wrapper .rating-star {
	width: 33px;
	height: 33px
}

.hero blockquote {
	border: 0;
	padding: 0;
	color: inherit
}

.hero blockquote p {
	font-size: 25px;
	font-size: 1.5625rem;
	line-height: 1.2;
	quotes: "„""“""‚""’"
}

.hero blockquote p:before {
	content: open-quote
}

.hero blockquote p:after {
	content: close-quote
}

.hero blockquote p+cite {
	margin-top: 20px
}

.hero blockquote img {
	display: inline-block
}

.hero blockquote cite {
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.1
}

@media (max-width:47.9375em) {
	.hero.has-horizontal-gradient {
		background: none
	}
}

.hero.has-horizontal-gradient:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	padding-top: 56.25%
}

@media (min-width:48em) {
	.hero.has-horizontal-gradient:before {
		bottom: 0
	}
}

@media (max-width:47.9375em) {
	.hero.has-horizontal-gradient .item-wrapper {
		position: static;
		margin-top: -1px;
		background: #f2f2f2
	}
}

@media (min-width:64em) {
	.hero-product {
		position: relative
	}
}

.hero-product .hero-image {
	position: relative
}

@media (min-width:64em) {
	.hero-product .hero-image {
		position: static;
		float: right;
		margin-left: 0;
		width: 41.66667%
	}
}

@media (min-width:64em) {
	.hero-product .hero-image:before {
		content: "";
		display: block;
		padding-bottom: 100%
	}
}

@media (min-width:64em) {
	.hero-product .hero-image picture {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: auto;
		height: 100%
	}
}

.hero-product .hero-image picture img {
	height: 100%
}

@media (min-width:64em) {
	.hero-product .hero-image picture img {
		width: auto;
		float: right;
		max-width: none
	}
}

.hero-product .hero-box-product {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px
}

@media (min-width:64em) {
	.hero-product .hero-box-product {
		position: absolute;
		height: 100%;
		padding-bottom: 80px;
		margin-right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hero-product .award-list {
	position: absolute;
	bottom: 0;
	margin: 5px
}

@media (min-width:48em) {
	.hero-product .award-list {
		margin: 10px
	}
}

.hero-product .award {
	display: inline-block;
	margin: 5px
}

.hero-product .award img {
	max-height: 50px
}

@media (min-width:48em) {
	.hero-product .award img {
		max-height: 100px
	}
}

@media (min-width:48em) {
	.hero-product .award {
		margin: 10px
	}
}

@media (max-width:63.9375em) {
	.hero-flagship {
		display: flex;
		flex-direction: column
	}

	.hero-flagship picture {
		order: 2
	}

	.hero-flagship .item-wrapper {
		order: 1
	}
}

.hero-flagship .section-title {
	margin-bottom: 10px
}

.hero-flagship blockquote p {
	quotes: none;
	font-size: 25px;
	font-size: 1.5625rem
}

@media (min-width:48em) {
	.hero-flagship blockquote p {
		font-size: 30px;
		font-size: 1.875rem
	}
}

.hero-contact-form-box .btn[type=submit] {
	margin-top: 10px
}

.hero-contact-form-box .section-header {
	margin-bottom: 12px
}

.hero-contact-form-box .field-container {
	margin-bottom: 20px
}

.hero-career .hero-product .award img {
	max-height: 61px
}

@media (max-width:47.9375em) {
	.hero-career .hero-product .award img {
		max-height: 30px
	}
}

.hero-career .hero-product .hero-image.vb-premium {
	background-size: cover
}

@media (max-width:63.9375em) {
	.hero-career .hero-product .hero-image.vb-premium {
		overflow: hidden
	}

	.hero-career .hero-product .hero-image.vb-premium picture img {
		max-width: 42vw;
		float: right;
		margin-right: 13%
	}
}

@media (max-width:47.9375em) {
	.hero-career .hero-product .hero-image.vb-premium picture img {
		max-width: 40vw;
		margin-right: 8%
	}
}

.hero-career .hero-product .section-headline {
	margin: 0 0 16px;
	font-family: dvag-type, sans-serif;
	font-size: 1.5rem;
	line-height: 1.42;
	font-weight: 700
}

@media (min-width:64em) {
	.hero-career .hero-product .section-headline {
		margin: 0 0 24px;
		font-size: 1.75rem
	}
}

.hero-career a.external:after {
	width: 1.1em;
	height: 1.1em;
	margin-left: .9em;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url("data:image/svg+xml;chartset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M80.92%2051.272c-3.508%200-6.355%202.85-6.355%206.35v27c0%201.466-1.19%202.656-2.65%202.656H15.378c-1.467%200-2.658-1.19-2.658-2.657V28.096c0-1.467%201.19-2.658%202.658-2.658h26.99c3.518%200%206.365-2.847%206.365-6.354%200-3.52-2.847-6.36-6.365-6.36h-26.99C6.9%2012.722.005%2019.612.005%2028.094V84.62C.005%2093.103%206.9%20100%2015.378%20100h56.537c8.467%200%2015.365-6.898%2015.365-15.38V57.624c0-3.5-2.846-6.35-6.36-6.35%22%2F%3E%3Cpath%20d%3D%22M84.622%200H58.264c-3.508%200-6.354%202.854-6.354%206.36s2.846%206.355%206.354%206.355H78.29L36.095%2054.922c-2.483%202.483-2.483%206.506%200%208.99%201.234%201.233%202.868%201.858%204.49%201.858%201.628%200%203.258-.625%204.5-1.86L87.28%2021.72v20.01c0%203.516%202.846%206.362%206.36%206.362%203.508%200%206.354-2.846%206.354-6.36V15.37C99.994%206.893%2093.104%200%2084.622%200%22%2F%3E%3C%2Fsvg%3E")
}

.dva-m-stage-section>.section-content {
	padding: 0;
	max-width: 1460px
}

.dva-m-stage-section .content-box {
	display: flex;
	margin: 0;
	width: 100%;
	flex-direction: column
}

@media (min-width:64em) {
	.dva-m-stage-section .content-box .content-box {
		margin-left: -70px;
		margin-right: -70px;
		width: calc(100% + 140px)
	}
}

.hero-box {
	zoom: 1;
	color: #666;
	position: relative;
	float: none
}

.hero-box:after,
.hero-box:before {
	content: "";
	display: table
}

.hero-box:after {
	clear: both
}

.hero-box[class*=bg-darkgrey] {
	color: #fff
}

@media (min-width:64em) {
	.hero-box {
		margin-left: 70px;
		margin-right: 70px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		width: auto;
		max-width: 1060px;
		align-self: center
	}

	.variant-component .hero-box {
		margin-left: 120px;
		margin-right: 120px;
		max-width: none
	}

	.hero-box.col-l-10,
	.show-if-path-cookie .hero-box {
		margin-left: auto;
		margin-right: auto
	}
}

.hero-box.no-horizontal-padding {
	padding: 30px 0
}

@media (min-width:48em) and (max-width:63.9375em) {
	.hero-box.minimal .section-wrapper {
		flex-direction: row
	}
}

@media (max-width:63.9375em) {
	.hero-box .section-wrapper {
		flex-direction: column
	}
}

@media (min-width:64em) {

	.hero-box .full-section-large .section-content,
	.hero-box .section-content {
		padding-left: 0;
		padding-right: 0
	}
}

@media (min-width:64em) {

	.hero-box.section,
	.hero-box .section {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

@media (min-width:48em) {
	.hero-box.col-wrapper {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (min-width:64em) {
	.hero-box.col-wrapper {
		padding: 0 10px
	}
}

.award-box {
	zoom: 1;
	position: relative;
	margin-bottom: 0;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center
}

.award-box:after,
.award-box:before {
	content: "";
	display: table
}

.award-box:after {
	clear: both
}

@media (min-width:48em) {
	.award-box {
		padding-left: 40px;
		padding-right: 40px
	}
}

.award-box .section-header {
	margin-bottom: 10px
}

@media (min-width:64em) {
	.award-box {
		margin-left: 20px;
		margin-right: 0
	}

	.award-box .section-footer {
		margin-top: 30px
	}
}

@media (min-width:64em) {
	.award-box .award-list {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width: 100%
	}
}

.award-box .award-list [class^=image] {
	width: 50%;
	margin-bottom: 0
}

.award-box .award {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 45%;
	max-width: 150px;
	max-height: 150px;
	margin-left: 5px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	font-size: 0;
	color: transparent
}

@media (min-width:64em) {
	.award-box .award {
		max-width: auto
	}
}

@media (max-width:47.9375em) {
	.award-box .award {
		width: 42.5%
	}

	.award-box .award:first-child {
		margin-bottom: 20px
	}
}

.award-box .award:before {
	content: "";
	display: block;
	padding-bottom: 150%
}

.content-container .text-with-image-ultimate+.article-video-image,
.content-container .text-with-image-ultimate+.image-gallery,
.content-container .text-with-image-ultimate+.text-with-image-ultimate {
	margin-top: 35px
}

@media (min-width:48em) {

	.content-container .text-with-image-ultimate+.article-video-image,
	.content-container .text-with-image-ultimate+.image-gallery,
	.content-container .text-with-image-ultimate+.text-with-image-ultimate {
		margin-top: 40px
	}
}

@media (min-width:64em) {

	.content-container .text-with-image-ultimate+.article-video-image,
	.content-container .text-with-image-ultimate+.image-gallery,
	.content-container .text-with-image-ultimate+.text-with-image-ultimate {
		margin-top: 60px
	}
}

.content-container hr {
	margin: 60px 0
}

.content-container .text h3 {
	margin-bottom: 10px
}

.content-container .text ol+h3,
.content-container .text p+h3,
.content-container .text ul+h3 {
	margin-top: 60px
}

.content-container .text ol+h2,
.content-container .text p+h2,
.content-container .text ul+h2 {
	margin-top: 30px
}

.horizontal-steps {
	position: relative
}

.horizontal-steps .pagination li {
	border-right: 1px solid #4d4d4d
}

.horizontal-steps .pagination li:last-child {
	border: 0
}

.horizontal-steps .pagination a {
	padding: 1em
}

.horizontal-steps .scrollable-wrapper {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

.horizontal-steps .scrollable-content {
	margin: 0
}

.horizontal-steps .swiper-stage {
	position: relative
}

.horizontal-steps .scrollable-prev,
.horizontal-steps .swiper-button-prev {
	left: -20px
}

@media (min-width:64em) {

	.horizontal-steps .scrollable-prev,
	.horizontal-steps .swiper-button-prev {
		left: -40px
	}
}

.horizontal-steps .scrollable-next,
.horizontal-steps .swiper-button-next {
	right: -20px
}

@media (min-width:64em) {

	.horizontal-steps .scrollable-next,
	.horizontal-steps .swiper-button-next {
		right: -40px
	}
}

.horizontal-steps .pagination {
	zoom: 1;
	display: inline-block;
	margin-bottom: 20px
}

.horizontal-steps .pagination:after,
.horizontal-steps .pagination:before {
	content: "";
	display: table
}

.horizontal-steps .pagination:after {
	clear: both
}

.horizontal-steps .pagination li {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2;
	position: relative;
	z-index: 1;
	width: 95px;
	height: 80px;
	float: left;
	display: table;
	margin-right: 32px;
	border-radius: 5px;
	color: #c8aa22;
	font: dvag-type, sans-serif
}

@media (min-width:64em) {
	.horizontal-steps .pagination li {
		font-size: 15px;
		font-size: .9375rem;
		width: 140px;
		line-height: 1.2
	}
}

.horizontal-steps .pagination a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding: 10px 5px 10px 10px;
	border: 1px solid #c8aa22;
	border-right: 0;
	background-color: #fff;
	border-radius: 4px 0 0 4px
}

.horizontal-steps .pagination a:hover,
.horizontal-steps .pagination a:hover .triangle:after {
	background-color: #f2f2f2
}

.horizontal-steps .pagination a:focus {
	border-color: #00587c;
	border-right: 0
}

.horizontal-steps .pagination a:focus .triangle:after {
	border-color: #00587c
}

.horizontal-steps .pagination svg {
	margin-right: 6px;
	width: 45px;
	height: 45px;
	vertical-align: middle;
	fill: #c8aa22
}

.horizontal-steps .pagination .is-active {
	color: #fff
}

.horizontal-steps .pagination .is-active a {
	background-color: #00587c;
	border-color: transparent
}

.horizontal-steps .pagination .is-active a .triangle:after {
	background-color: #00587c;
	border-right: 2px solid #00587c;
	border-top: 2px solid #00587c
}

.horizontal-steps .pagination .is-active svg {
	fill: #fff
}

.horizontal-steps .pagination .triangle {
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 0;
	z-index: -1;
	transform: scaleX(.6)
}

.horizontal-steps .pagination .triangle:after {
	content: "";
	background-color: #fff;
	width: 62px;
	height: 58px;
	top: -6px;
	right: -32px;
	position: absolute;
	border-radius: 10px;
	border-right: 2px solid #c8aa22;
	border-top: 2px solid #c8aa22;
	transform: rotate(45deg)
}

.horizontal-steps .pagination .is-active .default {
	display: none
}

@media (max-width:47.9375em) {
	.horizontal-steps .step-items {
		margin-left: -30px;
		margin-right: -30px
	}

	.horizontal-steps .step-items [role=accordion][aria-selected=false]+[role=accordionpanel] {
		display: none
	}

	.horizontal-steps .step-items [role=accordion][aria-selected=true]+[role=accordionpanel] {
		display: block
	}

	.horizontal-steps .step-items [data-behaviour=handler]:before {
		content: "+";
		position: absolute;
		top: 30px;
		right: 20px;
		height: 40px;
		width: 40px;
		line-height: 37px;
		display: block;
		border-radius: 50%;
		border: 1px solid #c8aa22;
		color: #c8aa22;
		text-align: center
	}

	.horizontal-steps .step-items .wrapper[aria-expanded=true] {
		box-shadow: inset 0 11px 8px -10px #d9d9d9, inset 0 -11px 8px -10px #d9d9d9;
		background-color: #f2f2f2
	}

	.horizontal-steps .step-items [data-behaviour=handler][aria-selected=true]:before {
		content: "-"
	}
}

.horizontal-steps .step-items .item {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform .3s
}

@media (min-width:48em) {

	.horizontal-steps .step-items .item,
	.horizontal-steps .step-items .item.swiper-slide-active {
		background-color: #e6e6e6
	}

	.horizontal-steps .step-items .item.swiper-slide-active:after {
		height: 0;
		width: 0;
		border-bottom: 35px solid rgba(0, 0, 0, 0);
		border-left: 20px solid #e6e6e6;
		border-top: 35px solid rgba(0, 0, 0, 0)
	}

	.horizontal-steps .step-items .item.swiper-slide-active .wrapper {
		opacity: 1
	}
}

@media (min-width:48em) {
	.horizontal-steps .step-items .item {
		height: auto;
		display: table-cell;
		vertical-align: top;
		border-right: 5px solid #e6e6e6;
		width: 320px;
		background-color: #f2f2f2
	}
}

@media (min-width:48em) {
	.horizontal-steps .step-items .item:before {
		height: 0;
		width: 0;
		border-bottom: 35px solid rgba(0, 0, 0, 0);
		border-left: 20px solid #e6e6e6;
		border-top: 35px solid rgba(0, 0, 0, 0);
		content: "";
		z-index: 9;
		position: absolute;
		top: 45%;
		left: 0
	}

	.horizontal-steps .step-items .item:first-child:before,
	.horizontal-steps .step-items .item:last-child:after {
		display: none
	}

	.horizontal-steps .step-items .item:after {
		height: 0;
		width: 0;
		border-bottom: 35px solid rgba(0, 0, 0, 0);
		border-left: 20px solid #f2f2f2;
		border-top: 35px solid rgba(0, 0, 0, 0);
		content: "";
		z-index: 10;
		position: absolute;
		top: 45%;
		right: -20px
	}
}

@media (min-width:48em) {
	.horizontal-steps .step-items .wrapper {
		opacity: .5;
		padding: 20px 5px
	}
}

.horizontal-steps .step-items header {
	width: 800px;
	max-width: 100%;
	height: 100px;
	padding: 20px 80px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer
}

@media (min-width:48em) {
	.horizontal-steps .step-items header {
		cursor: auto;
		min-width: 320px;
		padding-top: 215px;
		padding-left: 20px;
		padding-right: 20px
	}
}

.horizontal-steps .step-items header svg {
	display: none
}

@media (max-width:47.9375em) {
	.horizontal-steps .step-items header svg {
		position: absolute;
		left: 20px;
		top: 30px;
		width: 45px;
		height: 45px;
		display: block;
		fill: #c8aa22
	}
}

.horizontal-steps .step-items h3 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.4
}

@media (min-width:48em) {
	.horizontal-steps .step-items h3 {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 1.2
	}
}

.horizontal-steps .step-items h3 span {
	display: inline-block;
	margin-right: 5px;
	color: #c8aa22
}

.horizontal-steps .step-items .content-wrapper {
	padding: 0 20px 20px
}

@media (min-width:48em) {
	.horizontal-steps .step-items .content-wrapper {
		padding-bottom: 0
	}
}

.horizontal-steps .step-items .content-wrapper img {
	width: 100%;
	margin-bottom: 20px
}

@media (min-width:48em) {
	.horizontal-steps .step-items .content-wrapper img {
		position: absolute;
		left: 20px;
		top: 20px;
		width: calc(100% - 40px)
	}
}

.product-finder-section hr {
	margin-top: 40px;
	margin-bottom: 37px
}

@media (min-width:64em) {
	.product-finder-section hr {
		margin-top: 60px;
		margin-bottom: 57px
	}
}

@media (min-width:64em) {
	.product-finder-section .tab-container {
		min-height: 641px
	}
}

.product-finder-section .tab-container>h3 svg {
	float: right;
	margin-left: 10px;
	width: 50px;
	height: 50px;
	fill: #00587c
}

@media (max-width:47.9375em) {
	.product-finder-section .product-finder-element {
		margin-left: -30px;
		margin-right: -30px;
		padding-bottom: 0
	}
}

@media (min-width:48em) {

	.product-finder-section .product-finder-element .employees,
	.product-finder-section .product-finder-element .liquidity,
	.product-finder-section .product-finder-element .risk {
		color: #fff
	}

	.product-finder-section .product-finder-element .employees .item-icon,
	.product-finder-section .product-finder-element .employees:hover .item-icon,
	.product-finder-section .product-finder-element .liquidity .item-icon,
	.product-finder-section .product-finder-element .liquidity:hover .item-icon,
	.product-finder-section .product-finder-element .risk .item-icon,
	.product-finder-section .product-finder-element .risk:hover .item-icon {
		fill: #fff
	}

	.product-finder-section .product-finder-element .risk {
		background-color: #b10000
	}

	.product-finder-section .product-finder-element .employees {
		background-color: #79a4b1
	}

	.product-finder-section .product-finder-element .liquidity {
		background-color: #acbf50
	}
}

.product-finder-section .product-finder-result {
	position: relative
}

@media (min-width:48em) and (max-width:63.9375em) {
	.product-finder-section .product-finder-result .vertical .tab-nav {
		margin: 0;
		padding: 0
	}
}

.product-finder-section .product-finder-result .vertical .nav-item .is-highlighted,
.product-finder-section .product-finder-result .vertical .nav-item [aria-highlighted] {
	color: #00587c;
	font-weight: 700
}

@media (min-width:48em) {
	.product-finder-section .product-finder-result .risk {
		fill: #b10000
	}

	.product-finder-section .product-finder-result .employees {
		fill: #79a4b1
	}

	.product-finder-section .product-finder-result .liquidity {
		fill: #acbf50
	}
}

.product-finder-section .accordion--manual h4.toggle-handle.handle-text {
	padding-left: 44px
}

.product-finder-section .accordion--manual h4.toggle-handle.handle-text:after {
	left: 0
}

.product-finder-section .accordion--manual .accorion__headline {
	margin-top: 44px
}

.tabs-infobox {
	position: relative
}

.tabs-infobox .button-area {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%
}

@media (min-width:48em) {
	.tabs-infobox .button-area {
		width: 40px
	}
}

@media (min-width:64em) {
	.tabs-infobox .button-area {
		width: 70px
	}
}

.tabs-infobox .button-area .blank-tab {
	display: block;
	width: 100%
}

@media (min-width:48em) {
	.tabs-infobox .button-area .blank-tab {
		font-size: 13px;
		font-size: .8125rem;
		line-height: 1.2;
		padding: 15px 20px
	}
}

.tabs-infobox .button-area.next {
	left: auto;
	right: 0
}

.tabs-infobox .button-area.is-active,
.tabs-infobox .button-area.is-active.prev .rounded-area {
	background: #e6e6e6
}

.tabs-infobox .button-area.is-active.next .rounded-area {
	background: #f2f2f2
}

@media (min-width:48em) {
	.tabs-infobox .button-area .rounded-area {
		position: absolute;
		top: 40%;
		content: "";
		display: block;
		padding-bottom: 100%;
		width: 20px;
		height: 0
	}
}

@media (min-width:64em) {
	.tabs-infobox .button-area .rounded-area {
		width: 40px
	}
}

.tabs-infobox .button-area.prev .rounded-area {
	right: -50%;
	border-radius: 0 100px 100px 0
}

.tabs-infobox .button-area.next .rounded-area {
	background: #f2f2f2;
	border-radius: 0 100px 100px 0
}

@media (min-width:48em) {
	.tabs-infobox .main-tabs {
		margin-left: 40px;
		margin-right: 40px
	}
}

@media (min-width:64em) {
	.tabs-infobox .main-tabs {
		margin-left: 70px;
		margin-right: 70px
	}
}

@media (min-width:48em) {
	.tabs-infobox .main-tabs .tab-container {
		padding: 40px
	}
}

@media (min-width:64em) {
	.tabs-infobox .main-tabs .tab-container {
		padding: 60px 70px
	}
}

.tab-footer-nav {
	padding: 0 65px 40px;
	background: #f2f2f2
}

@media (min-width:64em) {
	.tab-footer-nav {
		padding: 0 65px 60px
	}
}

.tab-footer-nav a:focus {
	color: #c8aa22;
	border-color: #c8aa22
}

.tab-footer-nav a:focus svg {
	fill: #c8aa22
}