@import url("robotoFont.css"); html,body {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    font-family: 'Roboto',sans-serif;
    background-color: #f6f6f6
}

/*!
 * Data View Theme: 'nexmart'
 *
 * color1:      #004687
 * color2:      #86b9df
 * color2 dark: #4e98d0
 *
 * Copyright nexMart GmbH & Co. KG
 */
.dataview {
    font-size: 16px;
    font-weight: 400;
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: .01em;
    width: 1px;
    min-width: 100%;
    overflow: visible
}

.dataview * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.dataview div[aria-hidden=true] .youtube-player-container {
    display: none
}

.dataview .slider div[aria-hidden=true] video {
    display: none
}

.dataview .debug-container {
    display: block;
    padding: 1em;
    font-family: monospace;
    background-color: rgba(255,0,255,0.07);
    border: 1px solid #f0f;
    border-radius: .5em;
    font-size: .75em;
    margin: 1em 0;
    line-height: 1.25;
    white-space: nowrap;
    overflow-x: auto;
    color: #f0f
}

.dataview .debug {
    color: #f0f !important
}

.dataview .debug * {
    color: #f0f !important
}

.dataview .cf::before,.dataview .cf::after {
    content: " ";
    display: table
}

.dataview .cf::after {
    clear: both
}

.dataview a {
    color: inherit;
    text-decoration: none
}

.dataview a:hover,.dataview a:active,.dataview a:visited {
    color: inherit
}

.dataview b,.dataview strong {
    font-weight: 700
}

.dataview input,.dataview button,.dataview textarea {
    font-size: 1em;
    line-height: 1
}

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

.dataview .btn {
    padding: 1em 2em;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    background-color: #86b9df;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #fff
}

.dataview .btn:hover {
    background-color: #4e98d0;
    color: #fff
}

.dataview ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.dataview ul li {
    margin-bottom: 1em
}

.dataview ul.bullets li {
    display: block;
    position: relative;
    padding-left: 1.5em
}

.dataview ul.bullets li::before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    width: .6em;
    height: .6em;
    background-color: #004687
}

.dataview .alert {
    padding: 1em;
    margin: 2em auto;
    width: calc(100% - 2em);
    max-width: 1200px
}

.dataview .alert.alert-error {
    background-color: #b84949;
    color: #fff
}

.dataview .product-link:hover .product-image::before {
    opacity: .5
}

.dataview .product-link .product-image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 200ms ease-out;
    background-color: #fff;
    opacity: 0;
    z-index: 2
}

.dataview .product-image .thumbnail {
    display: block;
    margin: 0 auto;
    padding: .5em;
    font-size: .5em;
    border: none;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
}

.dataview .product-image .badge {
    display: block;
    position: absolute;
    bottom: -.3em;
    right: -.3em;
    width: 2em;
    height: 2em;
    z-index: 3
}

.dataview .product-image .badge .badge-icon {
    width: 100%;
    height: 100%;
    fill: #004687;
    stroke: #004687
}

.dataview .print-button-container {
    clear: both;
    float: right
}

.dataview .btn-print {
    position: relative;
    padding: 1.5em;
    display: block;
    margin-bottom: 3em;
    float: right
}

.dataview .btn-print::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+DQo8cGF0aCBjbGFzcz0icGF0aDEiIGQ9Ik0xNiA0aDMydjhoLTMydi04eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPg0KPHBhdGggY2xhc3M9InBhdGgyIiBkPSJNNjAgMTZoLTU2Yy0yLjIgMC00IDEuOC00IDR2MjBjMCAyLjIgMS44IDQgNCA0aDEydjE2aDMydi0xNmgxMmMyLjIgMCA0LTEuOCA0LTR2LTIwYzAtMi4yLTEuOC00LTQtNHpNOCAyOGMtMi4yMDkgMC00LTEuNzkxLTQtNHMxLjc5MS00IDQtNCA0IDEuNzkxIDQgNC0xLjc5MSA0LTQgNHpNNDQgNTZoLTI0di0yMGgyNHYyMHoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4NCjwvc3ZnPg==");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.dataview .top-bar {
    margin-bottom: 2em;
    margin-top: 2em
}

.dataview .top-bar .logo {
    float: left;
    padding: 1em
}

.dataview .top-bar .logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 18em;
    max-height: 6em
}

.dataview .dropdown {
    display: block;
    position: relative;
    padding: 1em 3em 1em 1em;
    line-height: 1;
    cursor: pointer;
    overflow: visible;
    height: 3em;
    outline: 0;
    background-color: #86b9df;
    color: #fff
}

.dataview .dropdown::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCA5MDAgOTAwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J002MzMgNDUwbC00MjQgLTQyNHEtMTEgLTExIC0yNiAtMTF0LTI2IDExbC05NSA5NXEtMTEgMTAgLTExIDI1dDExIDI2bDMwNCAzMDNsLTMwNCAzMDRxLTExIDExIC0xMSAyNnEwIDE0IDExIDI1bDk1IDk1cTExIDExIDI2IDExdDI2IC0xMWw0MjQgLTQyNHExMCAtMTEgMTAgLTI2cTAgLTE0IC0xMCAtMjV2MHonIGZpbGw9JyNmZmYnLz48L3N2Zz4=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1em;
    position: absolute;
    transform: rotate(90deg);
    top: 0;
    right: 0;
    bottom: 0;
    width: 3em;
    transition: transform 300ms ease
}

.dataview .dropdown .menu {
    position: absolute;
    top: 3em;
    left: 0;
    display: none;
    width: 100%;
    background-color: #86b9df
}

.dataview .dropdown .menu .menuitem {
    display: block;
    margin: 0
}

.dataview .dropdown .menu .menuitem a {
    display: block;
    padding: 1em 3em 1em 1em
}

.dataview .dropdown .menu .menuitem:hover {
    background-color: #4e98d0
}

.dataview .dropdown:hover {
    background-color: #4e98d0
}

.dataview .dropdown.animating {
    z-index: 10
}

.dataview .dropdown.open {
    background-color: #4e98d0;
    z-index: 10
}

.dataview .dropdown.open .menu {
    display: block
}

.dataview .dropdown.open::after {
    transform: rotate(-90deg);
    transition: transform 300ms ease
}

.dataview .language-dropdown-container {
    margin-top: 2em
}

.dataview .language-dropdown-container .dropdown-language {
    width: 10em;
    text-align: center;
    white-space: nowrap;
    float: right
}

.dataview .language-dropdown-container .dropdown-language::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjkgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBjbGFzcz0icGF0aDEiIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zNC4yODYgNS43MTRjMTguOTI5IDAgMzQuMjg2IDE1LjM1NyAzNC4yODYgMzQuMjg2cy0xNS4zNTcgMzQuMjg2LTM0LjI4NiAzNC4yODYtMzQuMjg2LTE1LjM1Ny0zNC4yODYtMzQuMjg2IDE1LjM1Ny0zNC4yODYgMzQuMjg2LTM0LjI4NnpNNDYuNTE4IDI4Ljk3M2MtMC4zNTcgMC4yNjgtMC41OCAwLjc1OS0xLjAyNyAwLjg0OCAwLjIyMy0wLjA0NSAwLjQ0Ni0wLjg0OCAwLjU4LTEuMDI3IDAuMjY4LTAuMzEzIDAuNjI1LTAuNDkxIDAuOTgyLTAuNjcgMC43NTktMC4zMTMgMS41MTgtMC40MDIgMi4zMjEtMC41MzYgMC43NTktMC4xNzkgMS42OTYtMC4xNzkgMi4yNzcgMC40OTEtMC4xMzQtMC4xMzQgMC45MzgtMS4wNzEgMS4wNzEtMS4xMTYgMC40MDItMC4yMjMgMS4wNzEtMC4xMzQgMS4zMzktMC41MzYgMC4wODktMC4xMzQgMC4wODktMC45ODIgMC4wODktMC45ODItMC43NTkgMC4wODktMS4wMjctMC42MjUtMS4wNzEtMS4yNSAwIDAuMDQ1LTAuMDg5IDAuMTc5LTAuMjY4IDAuMzU3IDAuMDQ1LTAuNjctMC44MDQtMC4xNzktMS4xMTYtMC4yNjgtMS4wMjctMC4yNjgtMC44OTMtMC45ODItMS4yMDUtMS43NDEtMC4xNzktMC40MDItMC42Ny0wLjUzNi0wLjg0OC0wLjkzOC0wLjE3OS0wLjI2OC0wLjI2OC0wLjg0OC0wLjY3LTAuODkzLTAuMjY4LTAuMDQ1LTAuNzU5IDAuOTM4LTAuODQ4IDAuODkzLTAuNDAyLTAuMjIzLTAuNTggMC4wODktMC44OTMgMC4yNjgtMC4yNjggMC4xNzktMC40OTEgMC4wODktMC43NTkgMC4yMjMgMC44MDQtMC4yNjgtMC4zNTctMC43MTQtMC43NTktMC42MjUgMC42MjUtMC4xNzkgMC4zMTMtMC44NDgtMC4wNDUtMS4xNjFoMC4yMjNjLTAuMDg5LTAuNDAyLTEuMzM5LTAuNzU5LTEuNzQxLTEuMDI3cy0yLjU0NS0wLjcxNC0yLjk5MS0wLjQ0NmMtMC41MzYgMC4zMTMgMC4xMzQgMS4yMDUgMC4xMzQgMS42NTIgMC4wNDUgMC41MzYtMC41MzYgMC42Ny0wLjUzNiAxLjExNiAwIDAuNzU5IDEuNDI5IDAuNjI1IDEuMDcxIDEuNjUyLTAuMjIzIDAuNjI1LTEuMDcxIDAuNzU5LTEuNDI5IDEuMjUtMC4zNTcgMC40NDYgMC4wNDUgMS4yNSAwLjQwMiAxLjU2MyAwLjM1NyAwLjI2OC0wLjYyNSAwLjcxNC0wLjc1OSAwLjgwNC0wLjc1OSAwLjM1Ny0xLjMzOS0wLjc1OS0xLjUxOC0xLjQyOS0wLjEzNC0wLjQ5MS0wLjE3OS0xLjA3MS0wLjcxNC0xLjMzOS0wLjI2OC0wLjA4OS0xLjExNi0wLjIyMy0xLjI5NSAwLjA0NS0wLjI2OC0wLjY3LTEuMjA1LTAuOTM4LTEuODMtMS4xNjEtMC44OTMtMC4zMTMtMS42NTItMC4zMTMtMi41ODktMC4xNzkgMC4zMTMtMC4wNDUtMC4wODktMS40MjktMC44NDgtMS4yMDUgMC4yMjMtMC40NDYgMC4xMzQtMC45MzggMC4yMjMtMS4zODQgMC4wODktMC4zNTcgMC4yNjgtMC43MTQgMC41MzYtMS4wMjcgMC4wODktMC4xNzkgMS4wNzEtMS4yMDUgMC43NTktMS4yNSAwLjc1OSAwLjA4OSAxLjYwNyAwLjEzNCAyLjIzMi0wLjQ5MSAwLjQwMi0wLjQwMiAwLjU4LTEuMDcxIDAuOTgyLTEuNTE4IDAuNTgtMC42NyAxLjI5NSAwLjE3OSAxLjkyIDAuMjIzIDAuODkzIDAuMDQ1IDAuODQ4LTAuOTM4IDAuMzU3LTEuMzg0IDAuNTggMC4wNDUgMC4wODktMS4wMjctMC4yMjMtMS4xNjEtMC40MDItMC4xMzQtMS45MiAwLjI2OC0xLjExNiAwLjU4LTAuMTc5LTAuMDg5LTEuMjUgMi4xNDMtMS44NzUgMS4wMjctMC4xNzktMC4yMjMtMC4yNjgtMS4xNjEtMC42Ny0xLjIwNS0wLjM1NyAwLTAuNTggMC40MDItMC43MTQgMC42NyAwLjIyMy0wLjU4LTEuMjUtMC45ODItMS41NjMtMS4wMjcgMC42Ny0wLjQ0NiAwLjEzNC0wLjkzOC0wLjM1Ny0xLjIwNS0wLjM1Ny0wLjIyMy0xLjQ3My0wLjQwMi0xLjc4Ni0wLjA0NS0wLjg0OCAxLjAyNyAwLjg5MyAxLjE2MSAxLjMzOSAxLjQyOSAwLjEzNCAwLjA4OSAwLjY3IDAuNDAyIDAuMzU3IDAuNjI1LTAuMjY4IDAuMTM0LTEuMDcxIDAuMzU3LTEuMTYxIDAuNTM2LTAuMjY4IDAuNDAyIDAuMzEzIDAuODQ4LTAuMDg5IDEuMjUtMC40MDItMC40MDItMC40MDItMS4wNzEtMC43MTQtMS41MTggMC40MDIgMC40OTEtMS42MDcgMC4yMjMtMS41NjMgMC4yMjMtMC42NyAwLTEuNzQxIDAuNDQ2LTIuMjMyLTAuMjIzLTAuMDg5LTAuMTc5LTAuMDg5LTEuMjA1IDAuMTc5LTAuOTgyLTAuNDAyLTAuMzEzLTAuNjctMC42MjUtMC45MzgtMC44MDQtMS40NzMgMC40OTEtMi44NTcgMS4xMTYtNC4xOTYgMS44MyAwLjE3OSAwLjA0NSAwLjMxMyAwLjA0NSAwLjUzNi0wLjA0NSAwLjM1Ny0wLjEzNCAwLjY3LTAuMzU3IDEuMDI3LTAuNTM2IDAuNDQ2LTAuMTc5IDEuMzg0LTAuNzE0IDEuODc1LTAuMzEzIDAuMDQ1LTAuMDg5IDAuMTc5LTAuMTc5IDAuMjIzLTAuMjIzIDAuMzEzIDAuMzU3IDAuNjI1IDAuNzE0IDAuODkzIDEuMTE2LTAuMzU3LTAuMTc5LTAuOTM4LTAuMDg5LTEuMzM5LTAuMDQ1LTAuMzEzIDAuMDg5LTAuODQ4IDAuMTc5LTAuOTgyIDAuNTM2IDAuMTM0IDAuMjIzIDAuMzEzIDAuNTggMC4yMjMgMC44MDQtMC41OC0wLjQwMi0xLjAyNy0xLjA3MS0xLjgzLTEuMTYxLTAuMzU3IDAtMC43MTQgMC0wLjk4MiAwLjA0NS00LjI4NiAyLjM2Ni03LjkwMiA1LjgwNC0xMC40OTEgOS45MTEgMC4xNzkgMC4xNzkgMC4zNTcgMC4zMTMgMC41MzYgMC4zNTcgMC40NDYgMC4xMzQgMCAxLjQyOSAwLjg0OCAwLjc1OSAwLjI2OCAwLjIyMyAwLjMxMyAwLjUzNiAwLjEzNCAwLjg0OCAwLjA0NS0wLjA0NSAxLjgzIDEuMTE2IDEuOTY0IDEuMjA1IDAuMzEzIDAuMjY4IDAuODA0IDAuNTggMC45MzggMC45MzggMC4wODkgMC4zMTMtMC4xNzkgMC42Ny0wLjQ0NiAwLjgwNC0wLjA0NS0wLjA4OS0wLjcxNC0wLjc1OS0wLjgwNC0wLjU4LTAuMTM0IDAuMjIzIDAgMS40MjkgMC40OTEgMS4zODQtMC43MTQgMC4wNDUtMC40MDIgMi44MTItMC41OCAzLjM0OCAwIDAuMDQ1IDAuMDg5IDAuMDQ1IDAuMDg5IDAuMDQ1LTAuMTM0IDAuNTM2IDAuMzEzIDIuNjM0IDEuMjA1IDIuNDExLTAuNTggMC4xMzQgMS4wMjcgMi4xODggMS4yNSAyLjMyMSAwLjU4IDAuNDAyIDEuMjUgMC42NyAxLjY1MiAxLjI1IDAuNDQ2IDAuNjI1IDAuNDQ2IDEuNTYzIDEuMDcxIDIuMDU0LTAuMTc5IDAuNTM2IDAuOTM4IDEuMTYxIDAuODkzIDEuOTItMC4wODkgMC4wNDUtMC4xMzQgMC4wNDUtMC4yMjMgMC4wODkgMC4yMjMgMC42MjUgMS4wNzEgMC42MjUgMS4zODQgMS4yMDUgMC4xNzkgMC4zNTcgMCAxLjIwNSAwLjU4IDEuMDI3IDAuMDg5LTAuOTgyLTAuNTgtMS45NjQtMS4wNzEtMi43NjgtMC4yNjgtMC40NDYtMC41MzYtMC44NDgtMC43NTktMS4yOTUtMC4yMjMtMC40MDItMC4yNjgtMC44OTMtMC40NDYtMS4zMzkgMC4xNzkgMC4wNDUgMS4xNjEgMC40MDIgMS4wNzEgMC41MzYtMC4zNTcgMC44OTMgMS40MjkgMi40NTUgMS45MiAzLjAzNiAwLjEzNCAwLjEzNCAxLjE2MSAxLjQ3MyAwLjYyNSAxLjQ3MyAwLjU4IDAgMS4zODQgMC44OTMgMS42NTIgMS4zMzkgMC40MDIgMC42NyAwLjMxMyAxLjUxOCAwLjU4IDIuMjMyIDAuMjY4IDAuODkzIDEuNTE4IDEuMjk1IDIuMjMyIDEuNjk2IDAuNjI1IDAuMzEzIDEuMTYxIDAuNzU5IDEuNzg2IDAuOTgyIDAuOTM4IDAuMzU3IDEuMTYxIDAuMDQ1IDEuOTY0LTAuMDg5IDEuMTYxLTAuMTc5IDEuMjk1IDEuMTE2IDIuMjMyIDEuNjA3IDAuNTggMC4zMTMgMS44MyAwLjc1OSAyLjQ1NSAwLjQ5MS0wLjI2OCAwLjA4OSAwLjkzOCAxLjkyIDEuMDI3IDIuMDU0IDAuNDAyIDAuNTM2IDEuMTYxIDAuODA0IDEuNjA3IDEuMzM5IDAuMTM0LTAuMDg5IDAuMjY4LTAuMjIzIDAuMzEzLTAuNDAyLTAuMTc5IDAuNDkxIDAuNjcgMS40MjkgMS4xMTYgMS4zMzkgMC40OTEtMC4wODkgMC42MjUtMS4wNzEgMC42MjUtMS40MjktMC44OTMgMC40NDYtMS42OTYgMC4wODktMi4xODgtMC44MDQtMC4wODktMC4yMjMtMC44MDQtMS40NzMtMC4xNzktMS40NzMgMC44NDggMCAwLjI2OC0wLjY3IDAuMTc5LTEuMjk1cy0wLjcxNC0xLjAyNy0xLjAyNy0xLjU2M2MtMC4yNjggMC41MzYtMS4xNjEgMC40MDItMS40MjktMC4wNDUgMCAwLjEzNC0wLjEzNCAwLjM1Ny0wLjEzNCAwLjUzNi0wLjIyMyAwLTAuNDQ2IDAuMDQ1LTAuNjctMC4wNDUgMC4wODktMC41MzYgMC4xMzQtMS4yMDUgMC4yNjgtMS43ODYgMC4yMjMtMC44MDQgMS42OTYtMi4zNjYtMC4yMjMtMi4yNzctMC42NyAwLjA0NS0wLjkzOCAwLjMxMy0xLjE2MSAwLjg5My0wLjIyMyAwLjUzNi0wLjEzNCAxLjAyNy0wLjc1OSAxLjI5NS0wLjQwMiAwLjE3OS0xLjc0MSAwLjA4OS0yLjE0My0wLjEzNC0wLjg0OC0wLjQ5MS0xLjQyOS0yLjA1NC0xLjQyOS0yLjk0Ni0wLjA0NS0xLjIwNSAwLjU4LTIuMjc3IDAtMy4zOTMgMC4yNjgtMC4yMjMgMC41MzYtMC42NyAwLjg0OC0wLjg5MyAwLjI2OC0wLjE3OSAwLjU4IDAuMTM0IDAuNzE0LTAuNDAyLTAuMTM0LTAuMDg5LTAuMzEzLTAuMjY4LTAuMzU3LTAuMjY4IDAuNjcgMC4zMTMgMS45Mi0wLjQ0NiAyLjUgMCAwLjM1NyAwLjI2OCAwLjc1OSAwLjM1NyAwLjk4Mi0wLjA4OSAwLjA0NS0wLjEzNC0wLjMxMy0wLjY3LTAuMTM0LTEuMDI3IDAuMTM0IDAuNzU5IDAuNjI1IDAuODkzIDEuMjk1IDAuNDAyIDAuMjY4IDAuMjY4IDAuOTgyIDAuMTc5IDEuNDczIDAuNDQ2IDAuNDkxIDAuMzEzIDAuNTggMC44MDQgMS4xNjEgMC4xMzQgMC4zNTcgMC41MzYgMC40MDIgMC41MzYgMC41MzYgMS4wNzEgMC4xMzQgMC40OTEgMC40MDIgMS43NDEgMC44NDggMS45NjQgMC45MzggMC41OCAwLjcxNC0wLjk4MiAwLjYyNS0xLjUxOC0wLjA0NS0wLjA0NS0wLjA0NS0xLjUxOC0wLjA4OS0xLjUxOC0xLjQyOS0wLjMxMy0wLjg5My0xLjQyOS0wLjA4OS0yLjE4OCAwLjEzNC0wLjA4OSAxLjE2MS0wLjQ0NiAxLjYwNy0wLjgwNCAwLjQwMi0wLjM1NyAwLjg5My0wLjk4MiAwLjY3LTEuNTYzIDAuMjIzIDAgMC40MDItMC4xNzkgMC40OTEtMC40MDItMC4xMzQtMC4wNDUtMC42Ny0wLjQ5MS0wLjc1OS0wLjQ0NiAwLjMxMy0wLjE3OSAwLjI2OC0wLjQ0NiAwLjA4OS0wLjcxNCAwLjQ0Ni0wLjI2OCAwLjIyMy0wLjc1OSAwLjY3LTAuOTM4IDAuNDkxIDAuNjcgMS40NzMtMC4wODkgMC45ODItMC42MjUgMC40NDYtMC42MjUgMS40NzMtMC4zMTMgMS43NDEtMC44OTMgMC42NyAwLjE3OSAwLjE3OS0wLjY3IDAuNTM2LTEuMTYxIDAuMzEzLTAuNDAyIDAuODQ4LTAuNDAyIDEuMjUtMC42MjUgMCAwLjA0NSAxLjExNi0wLjYyNSAwLjc1OS0wLjY3IDAuNzU5IDAuMDg5IDIuMjc3LTAuNzE0IDEuMTE2LTEuMzg0IDAuMTc5LTAuNDAyLTAuNDAyLTAuNTgtMC44MDQtMC42NyAwLjMxMy0wLjA4OSAwLjcxNCAwLjA4OSAwLjk4Mi0wLjA4OSAwLjU4LTAuNDAyIDAuMTc5LTAuNTgtMC4zMTMtMC43MTQtMC42MjUtMC4xNzktMS40MjkgMC4yMjMtMS45MiAwLjUzNnpNMzkuMjQxIDY4LjEyNWM2LjExNi0xLjA3MSAxMS41NjMtNC4xMDcgMTUuNjctOC40MzgtMC4yNjgtMC4yNjgtMC43NTktMC4xNzktMS4xMTYtMC4zNTctMC4zNTctMC4xMzQtMC42MjUtMC4yNjgtMS4wNzEtMC4zNTcgMC4wODktMC44OTMtMC44OTMtMS4yMDUtMS41MTgtMS42NTItMC41OC0wLjQ0Ni0wLjkzOC0wLjkzOC0xLjc4Ni0wLjc1OS0wLjA4OSAwLjA0NS0wLjk4MiAwLjM1Ny0wLjgwNCAwLjUzNi0wLjU4LTAuNDkxLTAuODQ4LTAuNzU5LTEuNjA3LTAuOTgyLTAuNzE0LTAuMjIzLTEuMjA1LTEuMTE2LTEuOTItMC4zMTMtMC4zNTcgMC4zNTctMC4xNzkgMC44OTMtMC4zNTcgMS4yNS0wLjU4LTAuNDkxIDAuNTM2LTEuMDcxIDAuMDg5LTEuNjA3LTAuNTM2LTAuNjI1LTEuNDczIDAuNDAyLTEuOTIgMC42Ny0wLjI2OCAwLjIyMy0wLjU4IDAuMzEzLTAuNzU5IDAuNTgtMC4yMjMgMC4zMTMtMC4zMTMgMC43MTQtMC40OTEgMS4wMjctMC4xMzQtMC4zNTctMC44OTMtMC4yNjgtMC45MzgtMC41MzYgMC4xNzkgMS4wNzEgMC4xNzkgMi4xODggMC40MDIgMy4yNTkgMC4xMzQgMC42MjUgMCAxLjY1Mi0wLjUzNiAyLjE0M3MtMS4yMDUgMS4wMjctMS4yOTUgMS43ODZjLTAuMDg5IDAuNTM2IDAuMDQ1IDEuMDI3IDAuNTM2IDEuMTYxIDAuMDQ1IDAuNjctMC43MTQgMS4xNjEtMC42NyAxLjg3NSAwIDAuMDQ1IDAuMDQ1IDAuNDkxIDAuMDg5IDAuNzE0eiI+PC9wYXRoPg0KPC9zdmc+");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 3em
}

.dataview .container {
    max-width: 1200px;
    margin: 0 auto
}

.dataview .container .content {
    padding: 1em;
    overflow-x: visible
}

.dataview .page-header {
    width: 100%;
    margin-bottom: 2em
}

.dataview .page-header .product-title {
    color: #004687
}

.dataview .page-header .product-title small {
    color: #86b9df;
    font-size: 1em;a
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    display: block;
    letter-spacing: .1em
}

.dataview .page-header .product-data {
    text-align: left;
    margin-top: 1em;
    font-size: .875em
}

.dataview .page-header .product-data p {
    margin: 0;
    line-height: 1.5
}

.dataview .lead {
    font-size: 1.75em;
    padding: 0 0 1em 0;
    font-weight: 700;
    color: #86b9df
}

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

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

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

.dataview .slick-list.dragging {
    cursor: hand
}

.dataview .slick-slider .slick-track,.dataview .slick-slider .slick-list {
    transform: translate3d(0,0,0)
}

.dataview .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

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

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

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

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

.dataview [dir='rtl'] .slick-slide {
    float: right
}

.dataview .slick-slide img {
    display: block
}

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

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

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

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

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

.dataview .slider {
    width: 100%;
    position: relative;
    overflow-y: hidden
}

.dataview .slider .slide {
    position: relative
}

.dataview .slider .slide img,.dataview .slider .slide video {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translate(0,-50%)
}

.dataview .slider .slide .youtube-consent {
    height: 100%;
    background: #808080;
    color: #fff;
    width: 100%;
    padding: 3em
}

.dataview .slider .slide .youtube-consent-btn {
    background: #8b0000;
    border-radius: 20px;
    color: #fff;
    padding: 1em;
    margin: 0 auto;
    display: block;
    margin-top: 3em
}

.dataview .slider .slide .data-privacy {
    margin-top: 1em;
    text-decoration: underline
}

.dataview .slider .slide .data-privacy a {
    color: #fff
}

.dataview .slider .slide .youtube-player-container {
    height: 100%;
    max-width: 660px;
    margin: 0 auto
}

.dataview .slider button {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.dataview .slider .slick-list,.dataview .slider .slick-track {
    padding: 0;
    margin: 0 auto
}

.dataview .slider .slick-prev,.dataview .slider .slick-next {
    position: absolute;
    font-size: .00001em;
    top: 45%;
    transform: translate(0,-50%);
    cursor: pointer;
    outline: none;
    color: transparent;
    overflow: hidden
}

.dataview .slider .slick-prev::before,.dataview .slider .slick-next::before {
    display: block;
    color: #004687;
    font-size: 50px;
    width: 1em
}

.dataview .slider .slick-next {
    right: 0
}

.dataview .slider .slick-next::before {
    content: '\232A'
}

.dataview .slider .slick-prev {
    left: 0
}

.dataview .slider .slick-prev::before {
    content: '\2329'
}

.dataview .slider .slick-dots {
    display: block;
    text-align: right;
    background-color: #fff;
    padding: .5em;
    width: 100%
}

.dataview .slider .slick-dots li {
    display: inline-block;
    margin: 0 .3em .5em .3em;
    background-color: #b3b3b3
}

.dataview .slider .slick-dots li.slick-active {
    background-color: #004687
}

.dataview .slider .slick-dots li button {
    color: transparent;
    display: block;
    height: 1em;
    width: 1em;
    outline: none;
    cursor: pointer
}

.dataview #media-slider {
    margin-bottom: 1em;
    min-height: 180px;
    background-color: #fff;
    height: 250px
}

.dataview #media-slider .slide {
    height: 250px;
    padding: 1em 3em;
    position: relative
}

.dataview #media-slider-nav {
    margin-bottom: 3em;
    max-height: 80px
}

.dataview #media-slider-nav .slick-list {
    width: 80%;
    margin: 0 auto
}

.dataview #media-slider-nav .slide {
    cursor: pointer
}

.dataview #media-slider-nav .slide .square {
    height: 80px;
    width: 80px;
    margin: 0 auto
}

.dataview #media-slider-nav .slide.current .square {
    border: .2em solid #004687
}

.dataview .box {
    margin-bottom: 1em
}

.dataview .box .box-heading {
    padding: 1em;
    text-transform: uppercase;
    font-size: 1em;
    color: #86b9df;
    letter-spacing: .1em
}

.dataview .box .box-content {
    padding: 2em 1.5em 1em 1.5em;
    background-color: #fff
}

.dataview .box.top-features ul.bullets li::before {
    background-color: #004687
}

.dataview .box.promotion .box-content .badge {
    float: left;
    width: 3em;
    height: 3em
}

.dataview .box.promotion .box-content .badge .badge-icon {
    width: 100%;
    height: 100%;
    fill: #004687;
    stroke: #004687
}

.dataview .box.promotion .box-content .promo-desc {
    margin-left: 4em;
    word-break: break-word
}

.dataview .box.promotion .box-content .promo-desc .promo-text {
    display: block;
    padding-bottom: .7em
}

.dataview .box.followup .box-content {
    width: 100%;
    background-color: #fff;
    padding: 1em
}

.dataview .box.followup .box-content .product-image {
    width: 30%;
    float: left;
    position: relative;
    padding: 30% 0 0 0
}

.dataview .box.followup .box-content .product-image img {
    display: block;
    width: 100%
}

.dataview .box.followup .box-content .product-details {
    position: relative;
    padding: 0 0 0 35%;
    width: 100%
}

.dataview .box.followup .box-content .product-details .title {
    font-weight: bold;
    display: block
}

.dataview .box.followup .box-content .product-details .gtin {
    display: block;
    margin-top: 1em
}

.dataview .box.variations .box-content {
    padding: 0 1em 1em 1em
}

.dataview .box.variations .box-content .variation .variation-label {
    margin: 1em 0 .5em 0;
    display: block
}

.dataview .box.variations .box-content .variation .variation-dropdown .menuitem {
    padding: 1em 3em 1em 1em
}

.dataview .box.variations .box-content .variation .variation-dropdown .menuitem.selected {
    font-weight: bold
}

.dataview .box.variations .box-content .variation .variation-dropdown .menuitem.disabled {
    opacity: .5
}

.dataview .aside {
    display: block;
    float: right;
    max-width: 35%;
    width: 35%;
    height: auto
}

.dataview .aside > div {
    margin-left: 15%
}

.dataview .purchase-buttons {
    margin-bottom: 1em;
    margin-top: 1em
}

.dataview .purchase-buttons .btn {
    margin-bottom: 1em;
    display: block;
    color: #fff;
    padding: 1em 1.6em
}

.dataview .purchase-buttons .btn::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzInIGhlaWdodD0nMzInIHZpZXdib3g9JzAgMCAzMiAzMicgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9J00xMiAyOWMwIDEuNjU3LTEuMzQzIDMtMyAzcy0zLTEuMzQzLTMtM2MwLTEuNjU3IDEuMzQzLTMgMy0zczMgMS4zNDMgMyAzeicgZmlsbD0nI0ZGRic+PC9wYXRoPjxwYXRoIGQ9J00zMiAyOWMwIDEuNjU3LTEuMzQzIDMtMyAzcy0zLTEuMzQzLTMtM2MwLTEuNjU3IDEuMzQzLTMgMy0zczMgMS4zNDMgMyAzeicgZmlsbD0nI0ZGRic+PC9wYXRoPjxwYXRoIGQ9J00zMiAxNnYtMTJoLTI0YzAtMS4xMDUtMC44OTUtMi0yLTJoLTZ2Mmg0bDEuNTAyIDEyLjg3N2MtMC45MTUgMC43MzMtMS41MDIgMS44NTktMS41MDIgMy4xMjMgMCAyLjIwOSAxLjc5MSA0IDQgNGgyNHYtMmgtMjRjLTEuMTA1IDAtMi0wLjg5NS0yLTIgMC0wLjAwNyAwLTAuMDE0IDAtMC4wMjBsMjYtMy45OHonIGZpbGw9JyNGRkYnPjwvcGF0aD48L3N2Zz4=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    position: absolute;
    width: 3em;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #4e98d0;
    transform: translate(-3em,0);
    transition: transform 300ms ease-out
}

.dataview .purchase-buttons .btn > span {
    position: relative;
    display: inline-block;
    transition: transform 300ms ease-out
}

.dataview .purchase-buttons .btn:hover {
    background-color: #4e98d0
}

.dataview .purchase-buttons .btn:hover::before {
    transform: translate(0,0);
    transition: transform 300ms ease-out
}

.dataview .purchase-buttons .btn:hover > span {
    transform: translate(1.5em,0);
    transition: transform 300ms ease-out
}

.dataview .purchase-buttons .btn:nth-child(2) {
    margin-right: 0
}

.dataview .marketing-claims {
    font-size: .75em;
    margin-top: 1em
}

.dataview .product-properties {
    float: none;
    width: auto;
    min-width: 60%;
    overflow: hidden;
    margin-bottom: 3em
}

.dataview .product-properties .properties-section {
    border-bottom: .2em solid #004687
}

.dataview .product-properties .properties-section .section-header {
    position: relative;
    color: #86b9df;
    cursor: pointer
}

.dataview .product-properties .properties-section .section-header .heading {
    font-size: 1em;
    line-height: 1em;
    padding: 2em 0;
    text-transform: uppercase;
    width: calc(100% - 5em);
    letter-spacing: .1em
}

.dataview .product-properties .properties-section .section-header .caret {
    position: absolute;
    top: 1em;
    right: 0;
    display: block;
    height: 3em;
    width: 3em;
    line-height: 1;
    font-weight: 700;
    border: none
}

.dataview .product-properties .properties-section .section-header .caret::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTUnIGhlaWdodD0nMTUnIHZpZXdCb3g9JzAgMCA5MDAgOTAwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J002MzMgNDUwbC00MjQgLTQyNHEtMTEgLTExIC0yNiAtMTF0LTI2IDExbC05NSA5NXEtMTEgMTAgLTExIDI1dDExIDI2bDMwNCAzMDNsLTMwNCAzMDRxLTExIDExIC0xMSAyNnEwIDE0IDExIDI1bDk1IDk1cTExIDExIDI2IDExdDI2IC0xMWw0MjQgLTQyNHExMCAtMTEgMTAgLTI2cTAgLTE0IC0xMCAtMjV2MHonIGZpbGw9JyNjY2MnPjwvcGF0aD48L3N2Zz4=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: rotate(-90deg);
    transition: transform 300ms ease
}

.dataview .product-properties .properties-section .section-header .caret:hover::before {
    transform: scale(1.2) rotate(-90deg)
}

.dataview .product-properties .properties-section .section-content {
    margin-bottom: 2em
}

.dataview .product-properties .properties-section table {
    width: 100%;
    border: none;
    border-spacing: .2em
}

.dataview .product-properties .properties-section table td {
    text-align: left;
    padding: 1em 2em;
    background-color: #fff;
    transition: background-color 200ms ease;
    vertical-align: top
}

.dataview .product-properties .properties-section table tr:hover td {
    background-color: transparent
}

.dataview .product-properties .properties-section table .property-key,.dataview .product-properties .properties-section table .property-value {
    width: 50%
}

.dataview .product-properties .properties-section.collapsed .section-header .caret::before {
    transform: rotate(90deg);
    transition: transform 300ms ease
}

.dataview .product-properties .properties-section.collapsed .section-header .caret:hover::before {
    transform: scale(1.2) rotate(90deg)
}

.dataview .section--downloads .download {
    background-color: transparent;
    padding: 1em;
    margin-bottom: .2em;
    vertical-align: middle;
    display: block;
    transition: background-color 200ms ease
}

.dataview .section--downloads .download:hover {
    background-color: #fff;
    transition: background-color 200ms ease
}

.dataview .section--downloads .download span {
    vertical-align: middle;
    line-height: 1.5;
    padding-left: 3em;
    display: block
}

.dataview .section--downloads .download span.description {
    color: #808080;
    font-size: .8em;
    padding-left: 3.75em
}

.dataview .section--downloads .download::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4NCjxwYXRoIGNsYXNzPSJwYXRoMSIgZD0iTTU3LjM2MyAxNC4zMTdjLTEuMzg4LTEuODkzLTMuMzIzLTQuMTA2LTUuNDQ5LTYuMjMxcy00LjMzOC00LjA2MC02LjIzMS01LjQ0OWMtMy4yMjMtMi4zNjQtNC43ODctMi42MzctNS42ODMtMi42MzdoLTMxYy0yLjc1NyAwLTUgMi4yNDMtNSA1djU0YzAgMi43NTcgMi4yNDMgNSA1IDVoNDZjMi43NTcgMCA1LTIuMjQzIDUtNXYtMzljMC0wLjg5Ni0wLjI3My0yLjQ1OS0yLjYzNy01LjY4M3pNNDkuMDg2IDEwLjkxNGMxLjkxOSAxLjkxOSAzLjQyNSAzLjY1IDQuNTM2IDUuMDg2aC05LjYyMnYtOS42MjJjMS40MzcgMS4xMTEgMy4xNjcgMi42MTcgNS4wODYgNC41MzZ6TTU2IDU5YzAgMC41NDItMC40NTggMS0xIDFoLTQ2Yy0wLjU0MiAwLTEtMC40NTgtMS0xdi01NGMwLTAuNTQyIDAuNDU4LTEgMS0xIDAgMCAzMC45OTctMCAzMSAwdjE0YzAgMS4xMDUgMC44OTUgMiAyIDJoMTR2Mzl6Ij48L3BhdGg+DQo8cGF0aCBjbGFzcz0icGF0aDIiIGQ9Ik00NiA1MmgtMjhjLTEuMTA1IDAtMi0wLjg5NS0yLTJzMC44OTUtMiAyLTJoMjhjMS4xMDUgMCAyIDAuODk1IDIgMnMtMC44OTUgMi0yIDJ6Ij48L3BhdGg+DQo8cGF0aCBjbGFzcz0icGF0aDMiIGQ9Ik00NiA0NGgtMjhjLTEuMTA1IDAtMi0wLjg5NS0yLTJzMC44OTUtMiAyLTJoMjhjMS4xMDUgMCAyIDAuODk1IDIgMnMtMC44OTUgMi0yIDJ6Ij48L3BhdGg+DQo8cGF0aCBjbGFzcz0icGF0aDQiIGQ9Ik00NiAzNmgtMjhjLTEuMTA1IDAtMi0wLjg5NS0yLTJzMC44OTUtMiAyLTJoMjhjMS4xMDUgMCAyIDAuODk1IDIgMnMtMC44OTUgMi0yIDJ6Ij48L3BhdGg+DQo8L3N2Zz4=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    width: 2em;
    height: 2em;
    position: absolute;
    padding-top: .2em;
    float: left
}

.dataview .section--downloads .download.type-application_pdf::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4NCjxwYXRoIGNsYXNzPSJwYXRoMSIgZD0iTTUyLjYyNiAzNi44NDNjLTAuODUzLTAuODQtMi43NDUtMS4yODUtNS42MjMtMS4zMjMtMS45NDktMC4wMjItNC4yOTQgMC4xNS02Ljc2MSAwLjQ5NS0xLjEwNS0wLjYzNy0yLjI0My0xLjMzMS0zLjEzNy0yLjE2Ni0yLjQwNC0yLjI0NS00LjQxLTUuMzYxLTUuNjYxLTguNzg3IDAuMDgxLTAuMzIgMC4xNTEtMC42MDEgMC4yMTUtMC44ODggMCAwIDEuMzU0LTcuNjkxIDAuOTk2LTEwLjI5Mi0wLjA1MC0wLjM1Ny0wLjA4MC0wLjQ2LTAuMTc1LTAuNzM3bC0wLjExOC0wLjMwMmMtMC4zNjgtMC44NS0xLjA5MC0xLjc1LTIuMjIzLTEuN2wtMC42ODItMC4wMjFjLTEuMjYzIDAtMi4yOTEgMC42NDYtMi41NjIgMS42MTEtMC44MjEgMy4wMjcgMC4wMjYgNy41NTYgMS41NjEgMTMuNDIxbC0wLjM5MyAwLjk1NWMtMS4wOTkgMi42OC0yLjQ3NyA1LjM3OS0zLjY5MiA3Ljc2bC0wLjE1OCAwLjMxYy0xLjI3OSAyLjUwMi0yLjQzOSA0LjYyNy0zLjQ5MSA2LjQyNmwtMS4wODYgMC41NzRjLTAuMDc5IDAuMDQyLTEuOTQgMS4wMjYtMi4zNzcgMS4yOS0zLjcwNCAyLjIxMS02LjE1OCA0LjcyMS02LjU2NSA2LjcxNC0wLjEzIDAuNjM2LTAuMDMzIDEuNDQ5IDAuNjI2IDEuODI2bDEuMDUwIDAuNTI5YzAuNDU2IDAuMjI4IDAuOTM2IDAuMzQ0IDEuNDI4IDAuMzQ0IDIuNjM4IDAgNS43LTMuMjg2IDkuOTE5LTEwLjY0OCA0Ljg3MS0xLjU4NiAxMC40MTYtMi45MDQgMTUuMjc2LTMuNjMxIDMuNzA0IDIuMDg2IDguMjU5IDMuNTM0IDExLjEzNCAzLjUzNCAwLjUxMSAwIDAuOTUxLTAuMDQ5IDEuMzA4LTAuMTQzIDAuNTUxLTAuMTQ2IDEuMDE2LTAuNDYxIDEuMy0wLjg4NyAwLjU1OC0wLjg0IDAuNjcxLTEuOTk2IDAuNTItMy4xOC0wLjA0NS0wLjM1MS0wLjMyNi0wLjc4Ni0wLjYyOS0xLjA4M3pNMTMuMjI4IDUwLjg3OGMwLjQ4MS0xLjMxNSAyLjM4NS0zLjkxNSA1LjItNi4yMjIgMC4xNzctMC4xNDQgMC42MTMtMC41NTIgMS4wMTItMC45MzEtMi45NDQgNC42OTUtNC45MTUgNi41NjctNi4yMTMgNy4xNTR6TTI5LjkwMiAxMi40OGMwLjg0OCAwIDEuMzMgMi4xMzcgMS4zNyA0LjE0MXMtMC40MjkgMy40MS0xLjAxMCA0LjQ1MWMtMC40ODEtMS41NDEtMC43MTQtMy45NjktMC43MTQtNS41NTYgMCAwLTAuMDM1LTMuMDM1IDAuMzU0LTMuMDM1djB6TTI0LjkyOCAzOS44NDNjMC41OTEtMS4wNTcgMS4yMDUtMi4xNzIgMS44MzMtMy4zNTUgMS41MzEtMi44OTUgMi40OTctNS4xNiAzLjIxNy03LjAyMiAxLjQzMiAyLjYwNSAzLjIxNSA0LjgyIDUuMzEyIDYuNTk0IDAuMjYyIDAuMjIxIDAuNTM5IDAuNDQ0IDAuODMgMC42NjYtNC4yNjMgMC44NDMtNy45NDggMS44NjktMTEuMTkyIDMuMTE2djB6TTUxLjgwNiAzOS42MDNjLTAuMjYgMC4xNjItMS4wMDMgMC4yNTYtMS40ODIgMC4yNTYtMS41NDQgMC0zLjQ1NS0wLjcwNi02LjEzMy0xLjg1NCAxLjAyOS0wLjA3NiAxLjk3My0wLjExNSAyLjgxOS0wLjExNSAxLjU0OSAwIDIuMDA4LTAuMDA3IDMuNTIyIDAuMzhzMS41MzQgMS4xNzEgMS4yNzQgMS4zMzN2MHoiPjwvcGF0aD4NCjxwYXRoIGNsYXNzPSJwYXRoMiIgZD0iTTU3LjM2MyAxNC4zMTdjLTEuMzg4LTEuODkzLTMuMzIzLTQuMTA2LTUuNDQ5LTYuMjMxcy00LjMzOC00LjA2MC02LjIzMS01LjQ0OWMtMy4yMjMtMi4zNjQtNC43ODctMi42MzctNS42ODMtMi42MzdoLTMxYy0yLjc1NyAwLTUgMi4yNDMtNSA1djU0YzAgMi43NTcgMi4yNDMgNSA1IDVoNDZjMi43NTcgMCA1LTIuMjQzIDUtNXYtMzljMC0wLjg5Ni0wLjI3My0yLjQ1OS0yLjYzNy01LjY4M3Ywek00OS4wODYgMTAuOTE0YzEuOTE5IDEuOTE5IDMuNDI1IDMuNjUgNC41MzYgNS4wODZoLTkuNjIydi05LjYyMmMxLjQzNiAxLjExMSAzLjE2NyAyLjYxNyA1LjA4NiA0LjUzNnYwek01NiA1OWMwIDAuNTQyLTAuNDU4IDEtMSAxaC00NmMtMC41NDIgMC0xLTAuNDU4LTEtMXYtNTRjMC0wLjU0MiAwLjQ1OC0xIDEtMSAwIDAgMzAuOTk3LTAgMzEgMHYxNGMwIDEuMTA1IDAuODk1IDIgMiAyaDE0djM5eiI+PC9wYXRoPg0KPC9zdmc+")
}

.dataview .section--accessories .accessory {
    float: none;
    width: 100%;
    background-color: #fff;
    padding: 1em
}

.dataview .section--accessories .accessory .product-image {
    width: 30%;
    float: left;
    position: relative
}

.dataview .section--accessories .accessory .product-image img {
    display: block;
    width: 100%
}

.dataview .section--accessories .accessory .product-details {
    position: relative;
    padding: 0 0 0 35%;
    width: 100%;
    min-height: 5.7em
}

.dataview .section--accessories .accessory .product-details .title {
    font-weight: bold;
    display: block
}

.dataview .section--accessories .accessory .product-details .description {
    display: block
}

.dataview .section--accessories .accessory .product-details .gtin {
    display: block;
    margin-top: 1em
}

.dataview .section--accessories .accessory.no-image .product-details {
    float: none;
    width: 100%
}

.dataview .supplier-pictograms {
    float: none;
    padding-bottom: 0
}

.dataview .supplier-pictograms .pictogram {
    width: 22%;
    margin-right: 4%;
    float: left;
    position: relative;
    margin-bottom: 1em
}

.dataview .supplier-pictograms .pictogram::before {
    content: attr(title);
    position: absolute;
    bottom: 60%;
    left: 60%;
    padding: 1em;
    background-color: #004687;
    z-index: 10;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear,opacity 200ms ease-out
}

.dataview .supplier-pictograms .pictogram:hover::before {
    transition: visibility 0s linear,opacity 300ms ease-out
}

.dataview .supplier-pictograms .pictogram:nth-child(4n+5) {
    clear: left
}

.dataview .supplier-pictograms .pictogram:nth-child(4n+5)::after {
    content: " ";
    clear: left
}

.dataview .supplier-pictograms .pictogram:nth-child(4n+4) {
    margin-right: 0
}

.dataview .supplier-pictograms .pictogram:nth-child(4n+4)::before {
    left: auto;
    right: 40%
}

.dataview .supplier-pictograms .pictogram img {
    border: 2px solid #004687;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100px;
    margin: 0 auto
}

.dataview .powered-by {
    max-width: 1200px;
    margin: 1em auto 2em;
    padding: 1em;
    text-align: right;
    color: #ccc
}

.dataview .powered-by a {
    font-weight: bold
}

.dataview .product-image.is-loading,.dataview .followup.is-loading,.dataview .supplier-pictograms .pictogram.is-loading {
    background-size: 100%
}

.dataview .product-image.is-loading img,.dataview .followup.is-loading img,.dataview .supplier-pictograms .pictogram.is-loading img {
    opacity: 0
}

.dataview .product-image.is-broken,.dataview .followup.is-broken,.dataview .supplier-pictograms .pictogram.is-broken {
    background-image: url("./assets/placeholder.png");
    background-size: 100%;
    background-color: #f6f6f6
}

.dataview .product-image.is-broken img,.dataview .followup.is-broken img,.dataview .supplier-pictograms .pictogram.is-broken img {
    opacity: 0
}

.dataview .product-image img,.dataview .followup img,.dataview .supplier-pictograms .pictogram img {
    transition: opacity .4s
}

/*!
 * Retail Connect Theme: 'nexmart'
 *
 * color1:      #004687
 * color2:      #86b9df
 * color2 dark: #4e98d0
 * color2 light: 
 *
 * Copyright nexMart GmbH & Co. KG
 */
#js-locales {
    display: none
}

.catalog-view-app .catalog-view .component.retail-connect {
    padding: 0
}

.spinner {
    position: relative;
    margin: 3em auto;
    padding: 3em auto
}

.dataview .purchase-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dataview .component.retail-connect {
    clear: both
}

.dataview .component.retail-connect #theme-color1 {
    display: none;
    color: #004687
}

.dataview .component.retail-connect #theme-color2 {
    display: none;
    color: #86b9df
}

.dataview .component.retail-connect .section-rc {
    padding-top: 2em;
    margin-bottom: 2em
}

.dataview .component.retail-connect .section-rc .redirect-notice {
    margin-top: .5em;
    margin-bottom: .5em;
    white-space: normal
}

.dataview .component.retail-connect .section-rc .section-header {
    padding: 0;
    position: relative;
    color: #86b9df;
    cursor: pointer;
    border-bottom: .2em solid #004687;
    border-bottom-color: #004687
}

.dataview .component.retail-connect .section-rc .section-header .heading {
    font-size: 1em;
    line-height: 1em;
    padding: 1em 0;
    text-transform: uppercase;
    width: calc(100% - 5em);
    letter-spacing: .1em
}

.dataview .component.retail-connect .section-rc .section-header .caret {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 3em;
    width: 3em;
    line-height: 1;
    font-weight: 700;
    border: none
}

.dataview .component.retail-connect .section-rc .section-header .caret:hover::before {
    transform: scale(1.2) rotate(-90deg)
}

.dataview .component.retail-connect .section-rc .section-header .caret::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTUnIGhlaWdodD0nMTUnIHZpZXdCb3g9JzAgMCA5MDAgOTAwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J002MzMgNDUwbC00MjQgLTQyNHEtMTEgLTExIC0yNiAtMTF0LTI2IDExbC05NSA5NXEtMTEgMTAgLTExIDI1dDExIDI2bDMwNCAzMDNsLTMwNCAzMDRxLTExIDExIC0xMSAyNnEwIDE0IDExIDI1bDk1IDk1cTExIDExIDI2IDExdDI2IC0xMWw0MjQgLTQyNHExMCAtMTEgMTAgLTI2cTAgLTE0IC0xMCAtMjV2MHonIGZpbGw9JyNjY2MnPjwvcGF0aD48L3N2Zz4=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: rotate(-90deg);
    transition: transform 300ms ease
}

.dataview .component.retail-connect .section-rc .section-content {
    padding: 0;
    display: none
}

.dataview .component.retail-connect .section-rc.collapsed .section-header .caret::before {
    transform: rotate(90deg)
}

.dataview .component.retail-connect .section-rc.collapsed .section-header .caret:hover {
    transform: scale(1.2) rotate(0)
}

.dataview .component.retail-connect .section-rc.collapsed .section-header .caret:hover::before {
    transform: rotate(90deg);
    transition: transform 300ms ease
}

.dataview .component.retail-connect .row {
    margin: 0;
    margin-bottom: 20px;
    width: 100%
}

.dataview .component.retail-connect .row:last-child {
    margin-bottom: 0
}

.dataview .component.retail-connect [class*="col-"] {
    float: left;
    padding: 8px
}

.dataview .component.retail-connect .retailconnect-container {
    text-align: center;
    white-space: nowrap
}

.dataview .component.retail-connect .retailconnect-container::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.dataview .component.retail-connect .retailconnect-container .retail-section-bar {
    padding: 1em 0 2em 0;
    display: inline-block;
    width: 100%
}

.dataview .component.retail-connect .retailconnect-container .retail-section-bar .row {
    text-align: center;
    display: block
}

.dataview .component.retail-connect .retailconnect-container .retail-section-bar .row a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    padding: .65em 1em;
    font-size: 1.05em;
    line-height: 1em
}

.dataview .component.retail-connect .retailconnect-container .retail-section-bar .row a.section-active {
    border-bottom: .2em solid #fff;
    border-bottom-color: #004687
}

.dataview .component.retail-connect .retailconnect-container .retail-section-bar .col-1-3.btn {
    padding: 1em 2em
}

.dataview .component.retail-connect .retailconnect-container .retail-section-bar .col-1-3.btn.section-active {
    background-color: #4e98d0
}

.dataview .component.retail-connect .retailconnect-container .retailer-box {
    margin-bottom: 10px;
    position: relative
}

.dataview .component.retail-connect .retailconnect-container .retailer-box.hidden {
    display: none
}

.dataview .component.retail-connect .retailconnect-container .retailer-box .name-bar {
    background-color: #86b9df;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 4px 8px;
    padding-left: 1.5em;
    bottom: 0;
    display: block;
    text-align: left;
    white-space: normal
}

.dataview .component.retail-connect .retailconnect-container .retailer-box .name-bar .arrow-right {
    position: absolute;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    margin-left: -1em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%20%20%20%3Cg%20class%3D%22currentLayer%22%3E%20%20%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%20%20%20%20%3Cpath%20id%3D%22svg_1%22%20fill%3D%22white%22%20d%3D%22M17.297%2013.703l-11.594%2011.594q-0.297%200.297-0.703%200.297t-0.703-0.297l-2.594-2.594q-0.297-0.297-0.297-0.703t0.297-0.703l8.297-8.297-8.297-8.297q-0.297-0.297-0.297-0.703t0.297-0.703l2.594-2.594q0.297-0.297%200.703-0.297t0.703%200.297l11.594%2011.594q0.297%200.297%200.297%200.703t-0.297%200.703z%22%20class%3D%22path1%22%2F%3E%20%20%20%3C%2Fg%3E%20%20%20%3Cg%3E%20%20%20%20%3Ctitle%3ELayer%202%3C%2Ftitle%3E%20%20%20%20%3Crect%20fill%3D%22none%22%20y%3D%220%22%20x%3D%220%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20id%3D%22backgroundrect%22%2F%3E%20%20%20%3C%2Fg%3E%20%20%20%3Cg%3E%20%20%20%20%3Ctitle%3Ebackground%3C%2Ftitle%3E%20%20%20%20%3Crect%20fill%3D%22none%22%20id%3D%22canvas_background%22%20height%3D%22402%22%20width%3D%22582%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: .7em
}

.dataview .component.retail-connect .retailconnect-container .retailer-box .image-container {
    padding: 5px;
    border: 1px solid #86b9df
}

.dataview .component.retail-connect .retailconnect-container .retailer-box .image-container .retailer-image {
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 100px;
    max-height: 200px
}

.dataview .component.retail-connect .retailconnect-container .retailer-box .calculated-rank {
    display: none
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content {
    position: relative
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content > div:not(.spinner) {
    display: none
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-online.section-active,.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local.section-active {
    display: block
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .section-description {
    text-align: left;
    white-space: normal
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .section-description.section-active {
    display: block
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-online {
    margin-left: -8px;
    margin-right: -8px;
    text-align: left
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-online .no-retailers {
    padding: 0 8px;
    white-space: normal
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-online .show-all-online-retailer-boxes {
    border-bottom: 1px solid #000;
    float: left;
    clear: left;
    margin: 0 8px;
    cursor: pointer
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-online .show-all-online-retailer-boxes:hover {
    border-bottom: 3px solid #000
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local {
    color: #000
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local #google-map {
    padding: 8px 0
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local #google-map.error-geolocation {
    color: #f00;
    width: 100%;
    word-break: break-all;
    white-space: normal;
    text-align: left
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local #google-map #map-canvas {
    height: 400px
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local {
    text-align: left
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local .no-retailers {
    left: 0;
    top: 0;
    position: absolute;
    white-space: normal
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local.no-geolocation {
    margin-left: 0;
    margin-right: 1em
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul {
    margin-top: -.8em;
    padding-left: 3.5em
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li.too-many-retailers {
    display: none
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li:not(.highlight) {
    padding: 11px 1px
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li:hover {
    cursor: pointer
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li > span {
    white-space: normal
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li > span:first-of-type:before {
    font-family: 'Roboto',sans-serif;
    font-weight: normal;
    position: relative;
    display: block;
    top: .5em;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 2.5em;
    margin-left: -1.3em;
    line-height: 0;
    width: 0
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li.highlight {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #4e98d0;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li .gmap-latlon {
    display: none
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local .number-overlay {
    position: absolute;
    text-align: center;
    width: 1.8em;
    height: 3.7em;
    margin-top: .2em;
    margin-left: -2.9em;
    padding-top: .33em;
    padding-left: .1em;
    color: #fff;
    line-height: 1.2em;
    border-radius: 7px;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg class='currentLayer'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill='%23777777' d='M13 0C7.477 0 3 4.477 3 10c0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10z' class='path1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.9em
}

.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local a.googlemaps-link {
    text-decoration: underline;
    color: #000
}

.dataview .component.retail-connect .wrapped {
    white-space: pre-wrap
}

@media only screen and (max-width: 600px) {
    .dataview {
        font-size:14px
    }
}

@media only screen and (max-width: 450px) {
    .dataview {
        font-size:12px
    }
}

@media only print {
    .dataview {
        background-color: #fff
    }
}

@media print,only screen and (min-width: 800px) {
    .dataview .print-button-container {
        float:right;
        width: 35%
    }

    /* mediaquery '.dataview .print-button-container' */
}

@media print,only screen and (min-width: 480px) {
    .dataview .top-bar {
        background-color:transparent !important;
        padding: 1em 0
    }

    /* mediaquery '.dataview .top-bar' */
}

@media print,only screen and (min-width: 800px) {
    .dataview .language-dropdown-container {
        float:right;
        margin-top: 0
    }

    /* mediaquery '.dataview .language-dropdown-container' */
}

@media print,only screen and (max-width: 480px) {
    .dataview .dropdown-language::before {
        display:none
    }

    /* mediaquery '.dataview .dropdown-language::before' */
}

@media all and (max-width: 480px) {
    .dataview .dropdown-language::before {
        display:none
    }

    /* mediaquery '.dataview .dropdown-language::before' */
}

@media print,only screen and (min-width: 480px) {
    .dataview .dropdown-language {
        padding:1em 3em 1em 4em
    }

    /* mediaquery '.dataview .dropdown-language' */
}

@media print,only screen and (min-width: 480px) {
    .dataview .dropdown-language .menu .menuitem a {
        padding:1em 3em 1em 4em
    }

    /* mediaquery '.dataview .dropdown-language .menu .menuitem a' */
}

@media print,only screen and (min-width: 800px) {
    .dataview .page-header .product-title {
        float:left;
        max-width: 75%
    }

    /* mediaquery '.dataview .page-header .product-title' */
}

@media print,only screen and (min-width: 800px) {
    .dataview .page-header .product-data {
        float:right;
        text-align: right;
        margin-top: 0
    }

    /* mediaquery '.dataview .page-header .product-data' */
}

@media print,only screen and (max-width: 450px) {
    .dataview .slider .slick-next::before {
        margin-right:-.4em
    }

    /* mediaquery '.dataview .slider .slick-next::before' */
}

@media print,only screen and (max-width: 450px) {
    .dataview .slider .slick-prev::before {
        margin-left:-.4em
    }

    /* mediaquery '.dataview .slider .slick-prev::before' */
}

@media print,only screen and (max-width: 450px) {
    .dataview .slider .slick-dots li {
        margin:0 .5em .5em .3em
    }

    /* mediaquery '.dataview .slider .slick-dots li' */
    .dataview .slider .slick-dots li button {
        width: 1.5em;
        height: 1.5em
    }
}

@media print,only screen and (min-width: 600px) {
    .dataview #media-slider {
        height:400px
    }

    /* mediaquery '.dataview #media-slider' */
}

@media print,only screen and (min-width: 600px) {
    .dataview #media-slider .slide {
        height:400px;
        padding: 1em 4em
    }

    /* mediaquery '.dataview #media-slider .slide' */
}

@media print,only screen and (min-width: 1000px) {
    .dataview #media-slider-nav .slick-list {
        width:90%
    }

    /* mediaquery '.dataview #media-slider-nav .slick-list' */
}

@media only print {
    .dataview .box {
        margin-bottom: 1em
    }

    /* mediaquery '.dataview .box' */
}

@media print,only screen and (max-width: 800px) {
    .dataview .aside {
        display:block;
        float: left;
        max-width: 100%;
        width: 100%;
        height: auto
    }

    .dataview .aside > div {
        margin-left: 0
    }
}

@media print,only screen and (min-width: 450px) {
    .dataview .purchase-buttons .btn {
        display:block;
        width: 49%;
        margin-right: 2%;
        float: left
    }

    /* mediaquery '.dataview .purchase-buttons .btn' */
}

@media print,only screen and (min-width: 800px) {
    .dataview .purchase-buttons .btn {
        float:none;
        width: 100%;
        margin-bottom: 1em
    }

    /* mediaquery '.dataview .purchase-buttons .btn' */
}

@media print,only screen and (min-width: 900px) {
    .dataview .purchase-buttons .btn {
        display:block;
        width: 49%;
        margin-right: 2%;
        float: left
    }

    /* mediaquery '.dataview .purchase-buttons .btn' */
}

@media print,only screen and (max-width: 800px) {
    .dataview .product-properties {
        float:none;
        width: auto;
        min-width: 100%;
        overflow: hidden;
        min-height: 400px;
        height: auto
    }
}

@media (max-width: 450px) {
    .dataview .product-properties .properties-section table {
        display:block
    }

    /* mediaquery '.dataview .product-properties .properties-section table' */
    .dataview .product-properties .properties-section table tbody,.dataview .product-properties .properties-section table thead,.dataview .product-properties .properties-section table tr,.dataview .product-properties .properties-section table td {
        display: block
    }

    .dataview .product-properties .properties-section table tr {
        margin-bottom: .5em
    }

    .dataview .product-properties .properties-section table td {
        float: left;
        width: 100%
    }

    .dataview .product-properties .properties-section table .property-key {
        width: 100%;
        font-weight: 700
    }

    .dataview .product-properties .properties-section table .property-value {
        width: 100%
    }
}

@media only print {
    /* mediaquery '.dataview .product-properties .properties-section table' */
    .dataview .product-properties .properties-section table td {
        padding: .5em 0;
        border-bottom: 1px solid #ccc
    }
}

@media print,only screen and (min-width: 700px) {
    .dataview .section--accessories .accessory {
        width:49%;
        float: left;
        margin-right: 2%
    }

    /* mediaquery '.dataview .section--accessories .accessory' */
    .dataview .section--accessories .accessory:nth-child(2n) {
        margin-right: 0
    }
}

@media print,only screen and (min-width: 800px) {
    .dataview .section--accessories .accessory {
        width:100%;
        float: none
    }

    /* mediaquery '.dataview .section--accessories .accessory' */
}

@media print,only screen and (min-width: 1000px) {
    .dataview .section--accessories .accessory {
        width:49%;
        float: left;
        margin-right: 2%
    }

    /* mediaquery '.dataview .section--accessories .accessory' */
    .dataview .section--accessories .accessory:nth-child(2n) {
        margin-right: 0
    }
}

@media only print {
    .dataview {
        background-color: #fff
    }

    .dataview .container.cf {
        padding-top: 7em
    }

    .dataview #media-slider .slick-prev,.dataview #media-slider .slick-next,.dataview #media-slider-nav {
        display: none !important
    }

    .dataview .box {
        margin-bottom: 1em
    }

    .dataview .slick-track {
        page-break-after: always;
        width: 100% !important;
        transform: none !important
    }

    .dataview .slider {
        position: relative
    }

    .dataview .slider .slick-list {
        position: static
    }

    .dataview .slider .slick-track {
        position: static;
        height: 100%
    }

    .dataview .slider .slide {
        position: absolute;
        display: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .dataview .slider .slide.slide-image:first-of-type {
        display: block;
        max-width: 100% !important
    }

    .dataview .slider .slide:first-of-type + .slide-image {
        display: block;
        max-width: 100% !important
    }

    .dataview .aside {
        page-break-before: always;
        float: left;
        width: 100%;
        padding: 0
    }

    .dataview .aside .top-features.box {
        page-break-after: always
    }

    .dataview .product-properties {
        float: left;
        width: 100%;
        min-height: 400px
    }

    .dataview .purchase-buttons .btn {
        display: none !important
    }
}

@media all and (max-width: 500px) {
    .purchase-buttons {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .purchase-buttons .btn {
        width: 100%;
        margin-left: 0;
        float: none
    }
}

@media all and (max-width: 450px) {
    .dataview .component.retail-connect .retailconnect-container .col-1-2,.dataview .component.retail-connect .retailconnect-container .col-1-4,.dataview .component.retail-connect .retailconnect-container .col-1-8 {
        width:100%;
        clear: both
    }

    .dataview .component.retail-connect .retailconnect-container .retailer-box .name-bar {
        font-size: x-large
    }

    .dataview .component.retail-connect .retailconnect-container .retailer-box .name-bar .arrow-right {
        margin-left: -.7em
    }

    .dataview .component.retail-connect .retailconnect-container .retailer-box .retailer-image {
        min-height: 170px;
        max-height: 280px
    }

    .dataview .component.retail-connect .retailconnect-container .retailer-box .image-container {
        padding: 10px
    }

    .dataview .component.retail-connect .retailconnect-container .retailer-box .image-container .retailer-image {
        min-height: 150px
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local .list-local ul li.highlight {
        margin-right: -8px
    }
}

@media all and (min-width: 451px) and (max-width:600px) {
    .dataview .component.retail-connect .retailconnect-container .col-1-2 {
        width:100%;
        clear: both
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-4,.dataview .component.retail-connect .retailconnect-container .col-1-8 {
        width: 33%
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-4:nth-child(3n+1),.dataview .component.retail-connect .retailconnect-container .col-1-8:nth-child(3n+1) {
        clear: both
    }
}

@media all and (max-width: 600px) {
    .dataview .component.retail-connect .retailconnect-container .retailers-list-local .list-local.no-geolocation {
        margin-left:0;
        margin-right: 0
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local .list-local ul.ordered-by-distance {
        padding-left: 2.5em;
        margin-top: 0
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local .list-local ul li {
        margin-bottom: 0
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local .list-local ul li.highlight {
        margin-bottom: 0;
        margin-right: 10px
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local #google-map {
        padding: 10px
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local #google-map.error-geolocation {
        width: 100%;
        word-break: break-word;
        white-space: normal;
        text-align: left
    }

    .dataview .component.retail-connect .retailconnect-container .retailers-list-local #google-map #map-canvas {
        width: 100%
    }
}

@media all and (min-width: 600px) {
    .dataview .component.retail-connect .retailconnect-container .col-2-3 {
        width:66.66%
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-2 {
        width: 50%
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-2:nth-child(2n+1) {
        clear: both
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-3 {
        width: 33.33%
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-4,.dataview .component.retail-connect .retailconnect-container .col-1-8 {
        width: 25%;
        clear: none
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-4:nth-child(4n+1),.dataview .component.retail-connect .retailconnect-container .col-1-8:nth-child(4n+1) {
        clear: both
    }
}

@media all and (min-width: 960px) {
    .dataview .component.retail-connect .retailconnect-container .col-1-4 {
        width:25%;
        min-width: 230px
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-4:nth-child(4n+1) {
        clear: both
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-8 {
        width: 12.5%
    }

    .dataview .component.retail-connect .retailconnect-container .col-1-8:nth-child(4n+1) {
        clear: none
    }

    .dataview .component.retail-connect .retailconnect-container .retailer-box .retailer-image {
        min-height: 140px
    }
}

/*
 * Data View Theme: Fischer
 *
 * gray:     #7E7E7E
 * red:      #f21600
 * dark red: #da1400
 *
 * Copyright nexMart GmbH & Co. KG
 */
.dataview .lead {
    color: #7e7e7e;
}

.dataview .btn {
    background-color: #f21600;
    color: #fff;
}

.dataview .btn:hover {
    background-color: #da1400;
    color: #fff;
}

.dataview ul.bullets li::before {
    background-color: #f21600;
}

.dataview .box .box-heading {
    color: #f21600;
}

.dataview .box.top-features {
    background-color: #7e7e7e;
    color: #fff;
}

.dataview .box.top-features .box-heading {
    color: #fff;
}

.dataview .box.top-features .box-content {
    background-color: #7e7e7e;
}

.dataview .box.top-features ul.bullets li::before {
    background-color: #fff;
}

.dataview .container .content {
    margin-top: 2em;
}

.dataview .top-bar {
    background-color: #f21600 !important;
    margin: 0;
    padding: 0;
}

.dataview .top-bar .logo {
    background-color: #fff;
    padding-left: 1em;
    padding-right: 1em;
}

.dataview .dropdown-language {
    background-color: #f21600;
    color: #fff;
}

.dataview .dropdown-language .menu {
    background-color: #f21600;
}

.dataview .dropdown-language .menu .menuitem:hover {
    background-color: #da1400;
}

.dataview .dropdown-language:hover {
    background-color: #da1400;
}

.dataview .dropdown-language.open {
    background-color: #da1400;
}

.dataview .page-header .product-title {
    color: #7e7e7e;
}

.dataview .page-header .product-title small {
    color: #7e7e7e;
}

.dataview .slider .slick-dots li.slick-active {
    background-color: #7e7e7e;
}

.dataview .slider .slick-prev::before, .dataview .slider .slick-next::before {
    color: #f21600;
}

.dataview #media-slider-nav .slide.current .square {
    border-color: #f21600;
}

.dataview .purchase-buttons .btn {
    background-color: #f21600;
    color: #fff;
}

.dataview .purchase-buttons .btn:hover {
    background-color: #f21600;
}

.dataview .purchase-buttons .btn::before {
    background-color: #da1400;
}

.dataview .product-properties .properties-section {
    border-color: #7e7e7e;
}

.dataview .product-properties .properties-section .section-header {
    color: #f21600;
}

.dataview .supplier-pictograms .pictogram::before {
    background-color: #f21600;
}

/*
 * Retail Connect Integration Theme: SupplierName
 *
 * gray:     #7E7E7E
 * red:      #f21600
 * dark red: #da1400
 *
 * white: #fff
 * red: #f00
 *
 * Copyright nexMart GmbH & Co. KG
 */
/* box with the buy online label in it */
.dataview .component.retail-connect .retailconnect-container .retailer-box .name-bar {
    background-color: #f21600;
    color: #fff;
}

/* color the border of the boxed online retailer image */
.dataview .component.retail-connect .retailconnect-container .retailer-box .image-container {
    border-color: #f21600;
}

/* error message, if geolocation can't be used for some reason */
.dataview .component.retail-connect .retailconnect-container .retailers-list-local #google-map.error-geolocation {
    color: #f00;
}

/* color of the numbered pinpoint on and beside the Google Map */
.dataview .component.retail-connect .retailconnect-container .retailers-list-local .list-local .number-overlay {
    color: #fff;
}

/* selected pickup/local retailer is highlighted in a bordered box */
.dataview .component.retail-connect .retailconnect-container .retail-section-content .retailers-list-local .list-local ul li.highlight {
    border-color: #f21600;
}

/* color of the heading that slides open to show 'online' and 'local' on click */
.dataview .component.retail-connect .section-rc .section-header {
    color: #f21600;
    border-bottom-color: #7E7E7E;
}

/* selected 'tab' is highlighted by an underline with this color */
.dataview .component.retail-connect .retailconnect-container .retail-section-bar .row a.section-active {
    border-bottom-color: #7E7E7E;
}

/* button color under the important facts box */
.dataview.purchase-buttons .btn {
    background-color: #da1400;
}

/* button color on mouseover under the important facts box */
.purchase-buttons .btn:hover {
    background-color: #333333;
}

/* button color of the sliding in cart symbol */
.dataview .purchase-buttons .btn::before {
    background-color: #da1400;
}

/* is used for the highligted marker */
.dataview .component.retail-connect #theme-color1 {
    color: #7E7E7E;
}

.dataview .component.retail-connect #theme-color2 {
    color: #f21600;
}