@charset "UTF-8";

.mfp-bg,
.nav-main-bg,
.master-download-bg,
.quickform-bg,
.mega-menu-main-bg {
    transition: visibility 0s ease .3s, opacity .3s ease;
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%
}

.mfp-bg::after,
.nav-main-bg::after,
.master-download-bg::after,
.quickform-bg::after,
.mega-menu-main-bg::after {
    content: "";
    position: absolute;
    background-color: RGB(var(--secondary-rgb));
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .15
}

.activated.mfp-bg,
.activated.nav-main-bg,
.activated.master-download-bg,
.activated.quickform-bg,
.activated.mega-menu-main-bg {
    transition: opacity .3s ease 0s;
    opacity: 1;
    visibility: visible
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=36.25em&large=50em&xlarge=68.75em&xxlarge=80em&xxxlarge=90em&xxxxlarge=100em"
}

html {
    box-sizing: border-box;
    font-size: 112.5%
}

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

body {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 4px
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 4px;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 2rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
    line-height: 0;
    color: #e8e8e8
}

h1,
.h1 {
    font-size: 1.33333rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2,
.h2 {
    font-size: 1.11111rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h3,
.h3 {
    font-size: 1.05556rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4,
.h4 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5,
.h5 {
    font-size: .94444rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6,
.h6 {
    font-size: .88889rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,
screen and (min-width:36.25em) {

    h1,
    .h1 {
        font-size: 2.66667rem
    }

    h2,
    .h2 {
        font-size: 2.22222rem
    }

    h3,
    .h3 {
        font-size: 1.72222rem
    }

    h4,
    .h4 {
        font-size: 1.38889rem
    }

    h5,
    .h5 {
        font-size: 1.11111rem
    }

    h6,
    .h6 {
        font-size: .88889rem
    }
}

a {
    line-height: inherit;
    color: RGB(var(--primary-rgb));
    text-decoration: none;
    cursor: pointer
}

a:hover,
a:focus {
    color: RGB(var(--secondary-rgb))
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 65.55556rem;
    height: 0;
    margin: 1.11111rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e8e8e8;
    border-left: 0
}

ul,
ol,
dl {
    margin-bottom: 2rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 2rem;
    padding: 30;
    border-left: none
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #222
}

cite {
    display: block;
    font-size: .72222rem;
    color: #888
}

cite:before {
    content: "— "
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: .11111rem .27778rem .05556rem;
    border: 1px solid #e8e8e8;
    background-color: #f5f5f5;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #000
}

kbd {
    margin: 0;
    padding: .11111rem .22222rem 0;
    background-color: #f5f5f5;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #000;
    border-radius: 4px
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #222
}

.lead {
    font-size: 140.625%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

ul.no-bullet,
ol.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width:36.25em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:50em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href)")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title)")"
    }

    pre,
    blockquote {
        border: 1px solid #222;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 3.05556rem;
    margin: 0 0 .88889rem;
    padding: .66667rem 1.11111rem;
    border: 2px solid rgba(49, 49, 49, .6);
    border-radius: 4px;
    background-color: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: 1.11111rem;
    font-weight: 400;
    line-height: 1.6;
    color: #222;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    appearance: none
}

[type=text]:focus,
[type=password]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=week]:focus,
[type=email]:focus,
[type=number]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=url]:focus,
[type=color]:focus,
textarea:focus {
    outline: 0;
    border: 2px solid RGB(var(--primary-rgb));
    background-color: #fff;
    box-shadow: 0 0 5px #e8e8e8;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f5f5f5;
    cursor: not-allowed
}

[type=submit],
[type=button] {
    appearance: none;
    border-radius: 4px
}

input[type=search] {
    box-sizing: border-box
}

::placeholder {
    color: #222
}

[type=file],
[type=checkbox],
[type=radio] {
    margin: 0 0 .88889rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .44444rem;
    margin-right: .88889rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .44444rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .77778rem;
    font-weight: 400;
    line-height: 1.8;
    color: #000
}

label.middle {
    margin: 0 0 .88889rem;
    padding: .55556rem 0
}

.help-text {
    margin-top: -.44444rem;
    font-size: .72222rem;
    font-style: italic;
    color: #000
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: .88889rem;
    align-items: stretch
}

.input-group>:first-child,
.input-group>:first-child.input-group-button>* {
    border-radius: 4px 0 0 4px
}

.input-group>:last-child,
.input-group>:last-child.input-group-button>* {
    border-radius: 0 4px 4px 0
}

.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
    color: #000;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.11111rem
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .44444rem
}

.fieldset {
    margin: 1rem 0;
    padding: 1.11111rem;
    border: 1px solid #e8e8e8
}

.fieldset legend {
    margin: 0;
    margin-left: -.16667rem;
    padding: 0 .16667rem
}

select {
    height: 3.05556rem;
    margin: 0 0 .88889rem;
    padding: .66667rem 1.11111rem;
    appearance: none;
    border: 2px solid rgba(49, 49, 49, .6);
    border-radius: 4px;
    background-color: #fff;
    font-family: inherit;
    font-size: 1.11111rem;
    font-weight: 400;
    line-height: 1.6;
    color: #222;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:focus {
    outline: 0;
    border: 2px solid RGB(var(--primary-rgb));
    background-color: #fff;
    box-shadow: 0 0 5px #e8e8e8;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #d52b1e;
    background-color: #fbeae9
}

.is-invalid-input:not(:focus)::placeholder {
    color: #d52b1e
}

.is-invalid-label {
    color: #d52b1e
}

.form-error {
    display: none;
    margin-top: -.44444rem;
    margin-bottom: .88889rem;
    font-size: .66667rem;
    font-weight: 700;
    color: #d52b1e
}

.form-error.is-visible {
    display: block
}

.responsive-embed,
.flex-video {
    position: relative;
    height: 0;
    margin-bottom: .88889rem;
    padding-bottom: 75%;
    overflow: hidden
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.responsive-embed.widescreen,
.flex-video.widescreen {
    padding-bottom: 56.25%
}

.tabs {
    margin: 0;
    border: 1px solid transparent;
    background: #313131;
    list-style-type: none
}

.tabs::before,
.tabs::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.tabs::after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: 0 0
}

.tabs.primary {
    background: #0f0
}

.tabs.primary>li>a {
    color: #000
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #00f200
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: .88889em 1.11111em;
    font-size: 1rem;
    line-height: 1;
    color: #fff
}

[data-whatinput=mouse] .tabs-title>a {
    outline: 0
}

.tabs-title>a:hover {
    background: RGB(var(--primary-rgb));
    color: #dbdbdb
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: #fff;
    color: #313131
}

.tabs-content {
    border: 1px solid transparent;
    border-top: 0;
    background: 0 0;
    color: #222;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid transparent;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 0
}

.tabs-panel.is-active {
    display: block
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu>li>a {
    padding: .41667rem
}

.dropdown.menu>li.is-active>a {
    background: 0 0;
    color: #fff
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

@media print,
screen and (min-width:36.25em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
}

@media print,
screen and (min-width:50em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #e8e8e8;
    background: #fff
}

.dropdown .is-dropdown-submenu a {
    padding: .41667rem
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

@font-face {
    font-family: "BearingPointSans";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(BearingPointSans-L+C.95b1722d.woff)format("woff"), url(BearingPointSans-L+C.3096ab3b.eot)format("eot"), url(BearingPointSans-L+C.b8a5e81a.otf)format("otf"), url(BearingPointSans-L+C.bbdecb7a.woff2)format("woff2")
}

@font-face {
    font-family: "FS Albert";
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(FSAlbertWeb-Regular.9ac1c9ac.woff)format("woff"), url(FSAlbertWeb-Regular.1d666a13.eot)format("eot")
}

@font-face {
    font-family: "FS Albert";
    font-style: italic;
    font-display: optional;
    src: url(FSAlbertWeb-Italic.50fe01be.woff)format("woff"), url(FSAlbertWeb-Italic.170e870e.eot)format("eot")
}

@font-face {
    font-family: "FS Albert";
    font-weight: 700;
    font-display: optional;
    src: url(FSAlbertWeb-Bold.34a843a6.woff)format("woff"), url(FSAlbertWeb-Bold.8cf3e2f2.eot)format("eot")
}

@font-face {
    font-family: "FS Albert";
    font-weight: 700;
    font-style: italic;
    font-display: optional;
    src: url(FSAlbertWeb-BoldItalic.6607812f.woff)format("woff"), url(FSAlbertWeb-BoldItalic.80789ce5.eot)format("eot")
}

@font-face {
    font-family: "BPC Icons";
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(bpc-icons.ec8d168b.woff2)format("woff2"), url(bpc-icons.fe1145c3.woff)format("woff")
}

.icon {
    display: inline-block
}

.icon-block-quote:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-brand-assets:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-download:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-envelope:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-envelope-facet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-facebook-facet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-facebook-logo:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-filter:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-left-arrow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-linkedin-facet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-linkedin-logo:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-minus:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-pin-drop:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-play:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-plus:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-right-arrow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-search-thin:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-share:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-signup:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-staff-headshot:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-twitter-facet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-twitter-logo:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-youtube-facet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-check:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-down-arrow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-globe:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-africa:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-xing-logo:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-xing-facet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-external:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-link:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-rss:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-clock:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-reload:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-spinner:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-inbox:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-phone-in-talk:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-phone:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.icon-career:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

[lang=ru] button-reverse,
[lang=ru] .button-reverse,
[lang=ru] .button,
[lang=ru] button,
[lang=ru] [type=submit],
[lang=ru] [type=button],
[lang=ru] input[type=file],
[lang=ru] #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container [lang=ru] .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]),
[lang=ru] #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container [lang=ru] #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]),
[lang=ru] #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-banner-sdk [lang=ru] #onetrust-pc-btn-handler,
[lang=ru] #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-banner-sdk [lang=ru] #onetrust-accept-btn-handler,
[lang=ru] #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-banner-sdk [lang=ru] #onetrust-reject-all-handler,
[lang=ru] nav.nav-top>ul.dropdown>li:last-child>a,
[lang=ru] .call-us-button-container .call-us-button,
.call-us-button-container [lang=ru] .call-us-button,
[lang=ru] .calendly-appointment-button .appointment-button,
.calendly-appointment-button [lang=ru] .appointment-button,
[lang=ru] [data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-presence="54"] [lang=ru] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[lang=ru] [data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-presence="77"] [lang=ru] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[lang=ru] [data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-presence="78"] [lang=ru] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[lang=ru] [data-presence="46"] nav.nav-top>ul>li:last-child>a,
[data-presence="46"] [lang=ru] nav.nav-top>ul>li:last-child>a,
[lang=ru] [data-presence="47"] nav.nav-top>ul>li:last-child>a,
[data-presence="47"] [lang=ru] nav.nav-top>ul>li:last-child>a,
[lang=ru] [data-presence="40"] nav.nav-top>ul>li:last-child>a,
[data-presence="40"] [lang=ru] nav.nav-top>ul>li:last-child>a,
[lang=ru] [data-presence="43"] nav.nav-top>ul>li:last-child>a,
[data-presence="43"] [lang=ru] nav.nav-top>ul>li:last-child>a,
[lang=ru] [data-presence="55"] nav.nav-top>ul>li:last-child>a,
[data-presence="55"] [lang=ru] nav.nav-top>ul>li:last-child>a,
[lang=ru] [data-presence="56"] nav.nav-top>ul>li:last-child>a,
[data-presence="56"] [lang=ru] nav.nav-top>ul>li:last-child>a {
    font-family: "FS Albert Cyrill", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif
}

h1,
.header-h1 {
    line-height: 1.4;
    margin-top: 4.72222rem;
    margin-bottom: 2.72222rem;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.71429rem
}

@media print,
screen and (min-width:50em) {

    h1,
    .header-h1 {
        font-size: 2.77778rem
    }
}

h2,
.header-h2 {
    line-height: 1.4;
    margin-top: 3rem;
    margin-bottom: 1.22222rem;
    font-weight: 700;
    font-size: 1.5rem
}

@media print,
screen and (min-width:50em) {

    h2,
    .header-h2 {
        font-size: 1.55556rem
    }
}

h3,
.header-h3,
.panel .panel-header,
.grid-content .content-header,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h3 {
    line-height: 1.4;
    margin-top: 2.8rem;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.14286rem
}

@media print,
screen and (min-width:50em) {

    h3,
    .header-h3,
    .panel .panel-header,
    .grid-content .content-header,
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h3 {
        font-size: 1.38889rem
    }
}

h4,
.header-h4,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
    line-height: 1.4;
    margin-top: 2.5rem;
    margin-bottom: .44444rem;
    font-weight: 700;
    font-size: 1rem
}

@media print,
screen and (min-width:50em) {

    h4,
    .header-h4,
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
        font-size: 1rem
    }
}

h5,
.header-h5 {
    line-height: 1.4;
    margin-top: 2.5rem;
    margin-bottom: .33333rem;
    font-weight: 700;
    font-style: oblique;
    font-size: 1rem
}

h5+p,
.header-h5+p {
    margin-top: 0
}

@media print,
screen and (min-width:50em) {

    h5,
    .header-h5 {
        font-size: 1rem
    }
}

h6,
.header-h6 {
    line-height: 1.4;
    margin-top: 2rem;
    margin-bottom: .22222rem;
    font-weight: 400;
    font-size: 1rem
}

h6+p,
.header-h6+p {
    margin-top: 0
}

@media print,
screen and (min-width:50em) {

    h6,
    .header-h6 {
        font-size: 1rem
    }
}

.intermediate-h2 {
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.5rem
}

@media print,
screen and (min-width:36.25em) {
    .intermediate-h2 {
        font-size: 1.88889rem
    }
}

@media screen and (max-width:49.99875em) {
    html {
        font-size: 87.5%
    }
}

html[lang=ru] body {
    font-family: "FS Albert Cyrill", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif !important
}

h2.first-letter-capitalized::first-letter,
.header-h2.first-letter-capitalized::first-letter {
    font-size: 4.5rem;
    padding-right: .3rem
}

.feature-label,
.content-type {
    display: block;
    margin-top: 2rem;
    margin-bottom: .83333rem;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.14286rem
}

@media print,
screen and (min-width:50em) {

    .feature-label,
    .content-type {
        font-size: .88889rem
    }
}

.feature-label+h1,
.feature-label+h2,
.feature-label+h3,
.feature-label+h4,
.feature-label+.header-h1,
.feature-label+.header-h2,
.feature-label+.header-h3,
.feature-label+.header-h4,
.content-type+h1,
.content-type+h2,
.content-type+h3,
.content-type+h4,
.content-type+.header-h1,
.content-type+.header-h2,
.content-type+.header-h3,
.content-type+.header-h4 {
    margin-top: 0
}

@media print,
screen and (min-width:50em) {
    .feature-label {
        font-size: 1.33333rem
    }
}

.primary-color {
    color: RGB(var(--primary-rgb))
}

.secondary-color {
    color: RGB(var(--secondary-rgb))
}

a {
    transition: color .2s ease
}

a.tweet-link {
    padding-left: 1.88889rem;
    position: relative;
    display: block
}

a.tweet-link:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: -.11111rem;
    left: 0
}

a.teaser-link {
    display: block
}

a.disable-hover-link {
    color: inherit
}

strong,
b {
    font-weight: 700
}

em,
i {
    font-weight: 400;
    font-style: oblique
}

blockquote {
    position: relative;
    width: 100%;
    padding: 2.14286rem 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.66667rem;
    margin-left: 0;
    font-size: 1.28571rem;
    font-weight: 700
}

blockquote::before,
blockquote::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

blockquote::after {
    clear: both
}

blockquote::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #fff
}

@media print,
screen and (min-width:50em) {
    blockquote {
        padding: 3.33333rem 0;
        font-size: 1.33333rem
    }
}

.video-active blockquote::before {
    display: none
}

.impressions blockquote,
.event-welcome blockquote {
    margin: 0
}

.has-image blockquote {
    position: relative
}

.has-image blockquote .edit-quote {
    margin-bottom: 3.33333rem
}

.has-image blockquote .edit-cite {
    float: left;
    max-width: 50%;
    text-align: left
}

.has-image blockquote::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: 0
}

@media print,
screen and (min-width:36.25em) {
    .has-image blockquote .edit-quote {
        max-width: 50%
    }

    .has-image blockquote .edit-cite {
        max-width: 25%
    }
}

blockquote cite {
    color: #888;
    font-weight: 400;
    font-size: 1rem;
    font-style: normal
}

blockquote cite::before {
    content: "";
    display: none
}

blockquote cite span {
    display: block
}

blockquote p {
    position: relative;
    z-index: 1;
    margin-top: 0;
    margin-bottom: 1.66667rem
}

blockquote .edit-quote {
    padding-top: 3.21429rem;
    position: relative
}

blockquote .edit-quote:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 2.61111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    left: 0
}

@media print,
screen and (min-width:50em) {
    blockquote .edit-quote {
        padding-top: 3.33333rem
    }
}

blockquote .edit-quote::before {
    color: RGB(var(--secondary-rgb));
    line-height: 1
}

@supports (-webkit-background-clip:text) {
    blockquote .edit-quote::before {
        background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

blockquote .edit-cite {
    float: right;
    text-align: right;
    margin-bottom: 0
}

blockquote .tweet-link {
    float: left;
    position: relative;
    z-index: 1;
    font-size: 1rem;
    font-weight: 400;
    margin-right: 2rem
}

blockquote button,
blockquote .button {
    font-size: 1rem
}

.mfp-content-page blockquote {
    padding: 2.14286rem;
    background-color: #fff
}

@media print,
screen and (min-width:50em) {
    .mfp-content-page blockquote {
        padding: 3.33333rem
    }
}

.mfp-content-page blockquote::before {
    display: none
}

.mfp-content-page blockquote:last-child {
    margin-bottom: 0
}

blockquote.with-image {
    margin-right: 0;
    margin-left: 0
}

blockquote.with-image img {
    display: block
}

blockquote.with-image .button {
    clear: right;
    float: right
}

blockquote.with-image .author {
    position: relative;
    padding-bottom: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    blockquote.with-image .author {
        width: 25%;
        float: left;
        padding-bottom: 0
    }

    blockquote.with-image .quote {
        width: 75%;
        float: right;
        padding-left: 2.22222rem
    }
}

.content-section.quote {
    background-color: #fff
}

.content-section.quote blockquote {
    padding: 0
}

.content-section.quote blockquote::before {
    display: none
}

.content-section.quote .inner-wrapper {
    display: flex;
    gap: 1.11111rem;
    flex-wrap: wrap
}

@media screen and (min-width:68.75em) {
    .content-section.quote .inner-wrapper {
        flex-wrap: nowrap
    }
}

.content-section.quote .image-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 27.77778rem
}

@media print,
screen and (min-width:50em) {
    .content-section.quote .image-container {
        flex-shrink: 0;
        margin-bottom: auto
    }
}

.content-section.quote .image-container+blockquote cite {
    font-size: 0
}

.content-section.quote .image-container .button {
    margin-top: .83333rem
}

@media screen and (min-width:68.75em) {
    .content-section.quote .image-container .button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.77778rem
    }
}

.content-section.quote .image-container figure {
    overflow: hidden;
    display: inline-block;
    position: relative;
    width: calc(min(60%, 16.66667rem));
    aspect-ratio: 1;
    flex-shrink: 0;
    z-index: 1
}

.content-section.quote .image-container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
    border-radius: 50%
}

.content-section.quote .image-container>div {
    overflow: hidden;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: calc(min(45%, 11.11111rem));
    padding-top: 2.77778rem;
    padding-right: .66667rem;
    padding-bottom: 2.77778rem;
    padding-left: 1.94444rem;
    margin-left: -1.38889rem;
    aspect-ratio: .67;
    color: #fff
}

.content-section.quote .image-container>div::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -49%;
    background-color: RGB(var(--primary-rgb));
    border-radius: 50%;
    z-index: -1
}

.content-section.quote .image-container>div .header-h3 {
    font-size: 1.22222rem;
    margin-top: 0;
    margin-bottom: 0
}

.content-section.quote .image-container .header-h4 {
    margin-top: 0;
    color: #222
}

.content-section .feature-label {
    color: RGB(var(--primary-rgb))
}

address,
.address-block {
    font-style: normal
}

address span,
address .mail,
address .partner-website,
.address-block span,
.address-block .mail,
.address-block .partner-website {
    display: block
}

address .phone,
address .fax,
.address-block .phone,
.address-block .fax {
    display: inline-block
}

address .fax::before,
.address-block .fax::before {
    content: "|";
    margin: 0 .55556rem 0 .37037rem
}

address .address,
.address-block .address {
    margin-bottom: 1rem
}

p.intro {
    font-size: 1.33333rem;
    line-height: 1.4;
    margin-bottom: 3.33333rem
}

p.intro+.button {
    margin-top: -1.33333rem
}

p.screamer,
.callout>p {
    padding: 2.14286rem 0;
    font-size: 1.28571rem
}

p.screamer::before,
p.screamer::after,
.callout>p::before,
.callout>p::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

p.screamer::after,
.callout>p::after {
    clear: both
}

@media print,
screen and (min-width:50em) {

    p.screamer,
    .callout>p {
        padding: 3.33333rem 0;
        font-size: 1.33333rem
    }
}

p.screamer::before,
.callout>p::before {
    z-index: -1
}

p.screamer {
    position: relative;
    color: RGB(var(--secondary-rgb));
    font-weight: 700
}

p.screamer::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #fff
}

.banner-primary>p {
    color: #fff;
    position: relative
}

.banner-primary>p::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: RGB(var(--primary-rgb))
}

.banner-primary>p a,
.banner-primary>p .text-to-tweet {
    color: RGB(var(--secondary-rgb))
}

.banner-primary>p a::before,
.banner-primary>p .text-to-tweet::before {
    color: RGB(var(--secondary-rgb))
}

.banner-secondary>p {
    color: #fff;
    position: relative
}

.banner-secondary>p::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: RGB(var(--secondary-rgb))
}

.banner-secondary>p a,
.banner-secondary>p .text-to-tweet {
    color: RGB(var(--primary-rgb))
}

.banner-secondary>p a::before,
.banner-secondary>p .text-to-tweet::before {
    color: RGB(var(--primary-rgb))
}

p.first-letter-capitalized::first-letter {
    font-size: 3.4rem;
    padding-right: .4rem
}

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

p img.left {
    float: left;
    margin-right: 1rem;
    margin-bottom: .5rem
}

p img.right {
    float: right;
    margin-left: 1rem;
    margin-bottom: .5rem
}

.first-letter-capitalized {
    overflow: hidden
}

.first-letter-capitalized::first-letter {
    line-height: .7;
    padding-top: .3ex;
    float: left;
    text-transform: uppercase
}

.big-number {
    width: 100%;
    color: #222;
    display: table;
    padding-top: 1.42857rem;
    padding-bottom: 1.42857rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-width: 2px;
    border-style: dashed;
    border-color: rgba(34, 34, 34, .5);
    border-right: none;
    border-left: none
}

.big-number:last-child {
    margin-bottom: 0
}

.big-number:first-child {
    margin-top: 0
}

.big-number+.big-number {
    border-top: none;
    margin-top: -2rem
}

.big-number>div {
    display: table-cell;
    vertical-align: top
}

.big-number>div :first-child {
    margin-top: 0
}

.big-number>div :last-child {
    margin-bottom: 0
}

.big-number .number {
    max-width: 40%
}

.big-number .number p {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    text-align: right
}

.big-number .text {
    padding-left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    .big-number.big .number p {
        font-size: 7.4rem;
        line-height: .85
    }
}

@media screen and (min-width:68.75em) {
    .big-number.big {
        padding-top: 2.22222rem;
        padding-bottom: 2.22222rem
    }

    .big-number.big .text {
        padding-left: 2.22222rem
    }
}

.pink-purple-gradient {
    color: #ff48a6
}

@supports (-webkit-background-clip:text) {
    .pink-purple-gradient {
        background-image: linear-gradient(135deg, #ff48a6 10%, #520881 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.blue-light-purple-light-gradient {
    color: #fee5f3
}

@supports (-webkit-background-clip:text) {
    .blue-light-purple-light-gradient {
        background-image: linear-gradient(135deg, #fee5f3 10%, #6c03a8 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.green-blue-gradient {
    color: #93d522
}

@supports (-webkit-background-clip:text) {
    .green-blue-gradient {
        background-image: linear-gradient(135deg, #93d522 10%, #033e8e 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.white-space-no-wrap {
    white-space: nowrap
}

.text-to-tweet {
    position: relative;
    padding-left: 1.88889rem;
    color: RGB(var(--primary-rgb))
}

.text-to-tweet:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: -.27778rem;
    left: 0
}

.text-to-tweet:hover:before,
.text-to-tweet:active:before,
.text-to-tweet:focus:before {
    color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:50em) {
    .partial-width-label {
        max-width: 32.77778rem
    }
}

ins.date {
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 1em;
    color: #888
}

@media print,
screen and (min-width:50em) {
    ins.date {
        font-size: .77778rem
    }
}

.sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

html {
    height: 100%
}

body {
    color: #222;
    appearance: none;
    height: 100%
}

*,
:focus {
    outline: 0
}

iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0
}

.logo {
    width: 8.28571rem;
    display: block
}

.logo img {
    display: block;
    width: 100%
}

.logo svg {
    display: block;
    width: 100%;
    height: 20px
}

@media print,
screen and (min-width:50em) {
    .logo {
        width: 9.33333rem
    }

    .logo svg {
        height: 27px
    }
}

.section-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: inherit
}

.content-section {
    padding: 2.85714rem 0;
    z-index: 0;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media print,
screen and (min-width:50em) {
    .content-section {
        padding: 4.44444rem 0
    }
}

.content-section.base,
.content-section.two-column-contact-list-section {
    overflow: hidden
}

.content-section.base+.base,
.content-section.base+.form,
.content-section.base+.vcard-section+.base,
.content-section.two-column-contact-list-section+.base,
.content-section.two-column-contact-list-section+.form,
.content-section.two-column-contact-list-section+.vcard-section+.base {
    padding-top: 0
}

@media print,
screen and (min-width:50em) {
    .content-section.two-column-contact-list-section {
        padding: 2.22222rem 0 4.44444rem 0
    }
}

.content-section.video {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: visible
}

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

.content-section.detail-section {
    background-color: #fff;
    z-index: 1
}

@media print,
screen and (min-width:50em) {
    .content-section.detail-section {
        padding: 1.11111rem 0
    }
}

.content-section.intro-section {
    background-color: #fff
}

.content-section h2:first-child,
.content-section h3:first-child {
    margin-top: 0
}

.content-section.alt-background4 {
    overflow: hidden;
    color: #fff;
    background-color: #222
}

.content-section.additional-content {
    padding-top: 0
}

.content-section.additional-content+.base,
.content-section.additional-content+.form,
.content-section.additional-content+.vcard-section+.base {
    padding-top: 0
}

.video+.vcard-section+.content-section.additional-content,
.quote+.vcard-section+.content-section.additional-content,
.quote+.content-section.additional-content {
    padding: 2.85714rem 0
}

@media print,
screen and (min-width:50em) {

    .video+.vcard-section+.content-section.additional-content,
    .quote+.vcard-section+.content-section.additional-content,
    .quote+.content-section.additional-content {
        padding: 4.44444rem 0
    }
}

.content-section.panel-grid {
    overflow: hidden
}

.content-section.panel-wall {
    background-color: RGB(var(--primary-rgb));
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%)
}

.content-section.distributor-section {
    color: #fff;
    background-color: #222
}

.content-section.distributor-section .distributor-list a {
    color: #fff;
    background-color: #313131
}

.content-section.distributor-section button.whisper,
.content-section.distributor-section .button.whisper {
    color: #fff;
    border-color: #fff
}

.content-section.distributor-section button.whisper:hover,
.content-section.distributor-section button.whisper:focus,
.content-section.distributor-section .button.whisper:hover,
.content-section.distributor-section .button.whisper:focus {
    color: #fff;
    border-color: RGB(var(--secondary-rgb))
}

.content-section.distributor-section button.whisper.disabled,
.content-section.distributor-section button.whisper.disabled:hover,
.content-section.distributor-section button.whisper.disabled:focus,
.content-section.distributor-section button.whisper[disabled],
.content-section.distributor-section button.whisper[disabled]:hover,
.content-section.distributor-section button.whisper[disabled]:focus,
.content-section.distributor-section .button.whisper.disabled,
.content-section.distributor-section .button.whisper.disabled:hover,
.content-section.distributor-section .button.whisper.disabled:focus,
.content-section.distributor-section .button.whisper[disabled],
.content-section.distributor-section .button.whisper[disabled]:hover,
.content-section.distributor-section .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.content-section.lightbox-section {
    background-color: #e8e8e8
}

.content-section .link-list-wrap {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem;
    background-color: #e8e8e8;
    overflow: hidden
}

@media print,
screen and (min-width:50em) {
    .content-section .link-list-wrap {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:50em) {
    .content-section .link-list-wrap {
        border-radius: 4px
    }
}

.content-section .link-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: -.11111rem;
    margin-left: -.11111rem;
    margin-right: -.11111rem;
    margin-bottom: -.11111rem
}

.content-section .link-list li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.content-section .link-list li::before {
    display: none
}

.content-section .link-list li {
    width: 100%;
    padding-top: .11111rem;
    padding-left: .11111rem;
    padding-bottom: .11111rem;
    padding-right: .11111rem
}

@media print,
screen and (min-width:36.25em) {
    .content-section .link-list li {
        width: auto
    }
}

.content-section .link-list .button {
    position: relative;
    width: 100%;
    border-radius: 0;
    padding: .55556em 1.55556em
}

.content-section .link-list .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1em;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.content-section .link-list .button::before {
    color: transparent;
    transition: color .3s ease-out
}

.content-section .link-list .button:hover::before,
.content-section .link-list .button:focus::before {
    color: inherit
}

.content-section .link-list .button.disabled::before,
.content-section .link-list .button.disabled:hover::before,
.content-section .link-list .button.disabled:focus::before,
.content-section .link-list .button[disabled]::before,
.content-section .link-list .button[disabled]:hover::before,
.content-section .link-list .button[disabled]:focus::before {
    display: none
}

[data-whatinput=touch] .content-section .link-list .button::before {
    color: inherit
}

.content-section .link-list .button:before {
    content: ""
}

.content-section .link-list .button::before {
    right: .77778em
}

.content-section .link-list .button:hover,
.content-section .link-list .button:focus {
    padding-left: .77778em;
    padding-right: 2.33333em
}

.content-section .link-list .button.disabled,
.content-section .link-list .button.disabled:hover,
.content-section .link-list .button.disabled:focus,
.content-section .link-list .button[disabled],
.content-section .link-list .button[disabled]:hover,
.content-section .link-list .button[disabled]:focus {
    padding-left: 1.55556em;
    padding-right: 1.55556em
}

[data-whatinput=touch] .content-section .link-list .button {
    padding-left: .77778em;
    padding-right: 2.33333em
}

.content-section .link-list .button[rel~=external]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.content-section .inner-wrapper>:first-child {
    margin-top: 0
}

.content-section .inner-wrapper>:last-child {
    margin-bottom: 0
}

.main-wrapper {
    max-width: 65.55556rem;
    margin-right: auto;
    margin-left: auto
}

.main-wrapper::before,
.main-wrapper::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.main-wrapper::after {
    clear: both
}

.inner-wrapper {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .inner-wrapper {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.meta-nav {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    padding-top: .85714rem;
    padding-bottom: .85714rem;
    height: 2.85714rem;
    background: rgba(0, 0, 0, .1);
    width: 100%;
    position: relative
}

@media print,
screen and (min-width:50em) {
    .meta-nav {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.meta-nav::before,
.meta-nav::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.meta-nav::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .meta-nav {
        padding-top: 1.94444rem;
        padding-bottom: 1.94444rem;
        height: auto;
        background: 0 0;
        width: auto;
        position: relative
    }

    .meta-nav .logo,
    .meta-nav .breadcrumb {
        float: left
    }

    .meta-nav .logo {
        margin-right: 2.77778rem
    }
}

.row {
    margin-right: -.41667rem;
    margin-left: -.41667rem
}

@media print,
screen and (min-width:36.25em) {
    .row {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

@media print,
screen and (min-width:50em) {
    .row {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

.row::before,
.row::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.row::after {
    clear: both
}

.link-collection .panel>div {
    margin-right: -1.11111rem;
    margin-left: -1.11111rem
}

.link-collection .panel>div::before,
.link-collection .panel>div::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.link-collection .panel>div::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    .link-collection .panel>div {
        margin-right: -1.11111rem;
        margin-left: -1.11111rem
    }
}

@media print,
screen and (min-width:50em) {
    .link-collection .panel>div {
        margin-right: -1.11111rem;
        margin-left: -1.11111rem
    }
}

.link-collection .panel .image {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

@media print,
screen and (min-width:36.25em) {
    .link-collection .panel .image {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.link-collection .panel .image,
.link-collection .panel .image:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .link-collection .panel .image {
        width: 26.66667%;
        float: left;
        padding-right: 1.11111rem;
        padding-left: 1.11111rem
    }

    .link-collection .panel .image,
    .link-collection .panel .image:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.link-collection .panel .image img {
    display: block;
    margin: auto
}

.link-collection .panel .description {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

@media print,
screen and (min-width:36.25em) {
    .link-collection .panel .description {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.link-collection .panel .description,
.link-collection .panel .description:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .link-collection .panel .description {
        width: 73.33333%;
        float: left;
        padding-right: 1.11111rem;
        padding-left: 1.11111rem
    }

    .link-collection .panel .description,
    .link-collection .panel .description:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.link-collection .panel .description.full {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

@media print,
screen and (min-width:36.25em) {
    .link-collection .panel .description.full {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.link-collection .panel .description.full,
.link-collection .panel .description.full:last-child:not(:first-child) {
    float: left;
    clear: none
}

.link-collection .panel .description h4 {
    margin-top: 0;
    margin-bottom: 0
}

.link-collection .panel .description .link {
    margin-bottom: 1rem;
    display: block
}

.responsive-embed {
    background-color: #313131
}

.medium-dark-grey .responsive-embed {
    background-color: #222
}

.noscript-message {
    background-color: #fff300
}

.noscript-message p {
    margin: 0;
    padding-top: 1rem;
    padding-right: 4.28571rem;
    padding-bottom: 1rem;
    font-weight: 700;
    color: #222
}

@media print,
screen and (min-width:36.25em) {
    .noscript-message p {
        padding-right: 3.61111rem
    }
}

@media print,
screen and (min-width:50em) {
    .noscript-message p {
        padding-right: 0
    }
}

.grid .inner-wrapper {
    display: grid;
    grid-column-gap: 3.33333rem;
    grid-row-gap: 3.33333rem;
    grid-template-columns: repeat(auto-fit, minmax(calc(min(300px, 100%)), 1fr))
}

.grid .inner-wrapper>div>div {
    margin-bottom: 2rem
}

.grid .inner-wrapper>div>:last-child {
    margin-bottom: 0
}

button.icon,
.button.icon {
    position: relative
}

button.icon:before,
.button.icon:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1em;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

button.icon::before,
.button.icon::before {
    color: transparent;
    transition: color .3s ease-out
}

button.icon:hover::before,
button.icon:focus::before,
.button.icon:hover::before,
.button.icon:focus::before {
    color: inherit
}

button.icon.disabled::before,
button.icon.disabled:hover::before,
button.icon.disabled:focus::before,
button.icon[disabled]::before,
button.icon[disabled]:hover::before,
button.icon[disabled]:focus::before,
.button.icon.disabled::before,
.button.icon.disabled:hover::before,
.button.icon.disabled:focus::before,
.button.icon[disabled]::before,
.button.icon[disabled]:hover::before,
.button.icon[disabled]:focus::before {
    display: none
}

[data-whatinput=touch] button.icon::before,
[data-whatinput=touch] .button.icon::before {
    color: inherit
}

button.icon:before,
.button.icon:before {
    content: ""
}

button.icon::before,
.button.icon::before {
    right: 2.33333em
}

button.icon:hover,
button.icon:focus,
.button.icon:hover,
.button.icon:focus {
    padding-left: 2.33333em;
    padding-right: 3.88889em
}

button.icon.disabled,
button.icon.disabled:hover,
button.icon.disabled:focus,
button.icon[disabled],
button.icon[disabled]:hover,
button.icon[disabled]:focus,
.button.icon.disabled,
.button.icon.disabled:hover,
.button.icon.disabled:focus,
.button.icon[disabled],
.button.icon[disabled]:hover,
.button.icon[disabled]:focus {
    padding-left: 3.11111em;
    padding-right: 3.11111em
}

[data-whatinput=touch] button.icon,
[data-whatinput=touch] .button.icon {
    padding-left: 2.33333em;
    padding-right: 3.88889em
}

button.loading,
.button.loading {
    animation: preloader infinite 1s linear;
    border: 4px solid #e8e8e8;
    border-left-color: RGB(var(--secondary-rgb));
    transform: none;
    width: 2.88889em;
    height: 2.88889em;
    text-indent: -99999px;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    pointer-events: none;
    animation-delay: .25s
}

@keyframes preloader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

button.loading,
button.loading:hover,
button.loading:focus,
.button.loading,
.button.loading:hover,
.button.loading:focus {
    color: transparent;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

button.loading::before,
button.loading::after,
.button.loading::before,
.button.loading::after {
    display: none
}

button.show-all:before,
button.show-more:before,
.button.show-all:before,
.button.show-more:before {
    content: ""
}

button.show-all::before,
button.show-more::before,
.button.show-all::before,
.button.show-more::before {
    transform: scale(.65) translateY(-50%);
    transform-origin: right top
}

button.map:before,
.button.map:before {
    content: ""
}

button.download:before,
.button.download:before {
    content: ""
}

button.book:before,
.button.book:before {
    content: ""
}

button.close,
.button.close {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: transparent;
    font-size: 0;
    border-bottom-left-radius: 4px;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    background-color: #222
}

button.close::after,
.button.close::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

button.close:hover::after,
button.close:focus::after,
.button.close:hover::after,
.button.close:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

button.close.disabled::after,
button.close.disabled:hover::after,
button.close.disabled:focus::after,
button.close[disabled]::after,
button.close[disabled]:hover::after,
button.close[disabled]:focus::after,
.button.close.disabled::after,
.button.close.disabled:hover::after,
.button.close.disabled:focus::after,
.button.close[disabled]::after,
.button.close[disabled]:hover::after,
.button.close[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {

    button.close,
    .button.close {
        height: 40px
    }
}

@media screen and (min-width:90em) {

    button.close,
    .button.close {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {

    button.close,
    .button.close {
        width: 44px
    }
}

@media screen and (min-width:90em) {

    button.close,
    .button.close {
        width: 60px
    }
}

button.close:before,
.button.close:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {

    button.close:before,
    .button.close:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {

    button.close:before,
    .button.close:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

button.close::before,
.button.close::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

button.close:hover,
button.close:focus,
.button.close:hover,
.button.close:focus {
    color: #fff
}

button.close:hover::before,
button.close:focus::before,
.button.close:hover::before,
.button.close:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

button.close:hover .icon-shadow,
button.close:focus .icon-shadow,
.button.close:hover .icon-shadow,
.button.close:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

button.close:hover .icon-shadow::before,
button.close:focus .icon-shadow::before,
.button.close:hover .icon-shadow::before,
.button.close:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

button.close .icon-shadow,
.button.close .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

button.close .icon-shadow:before,
.button.close .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {

    button.close .icon-shadow:before,
    .button.close .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {

    button.close .icon-shadow:before,
    .button.close .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

button.close .icon-shadow::before,
.button.close .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

button.close[disabled]:hover::before,
button.close[disabled]:focus::before,
button.close.disabled:hover::before,
button.close.disabled:focus::before,
.button.close[disabled]:hover::before,
.button.close[disabled]:focus::before,
.button.close.disabled:hover::before,
.button.close.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

button.close[disabled]:hover .icon-shadow,
button.close[disabled]:focus .icon-shadow,
button.close.disabled:hover .icon-shadow,
button.close.disabled:focus .icon-shadow,
.button.close[disabled]:hover .icon-shadow,
.button.close[disabled]:focus .icon-shadow,
.button.close.disabled:hover .icon-shadow,
.button.close.disabled:focus .icon-shadow {
    color: #fff
}

button.close[disabled]:hover .icon-shadow::before,
button.close[disabled]:focus .icon-shadow::before,
button.close.disabled:hover .icon-shadow::before,
button.close.disabled:focus .icon-shadow::before,
.button.close[disabled]:hover .icon-shadow::before,
.button.close[disabled]:focus .icon-shadow::before,
.button.close.disabled:hover .icon-shadow::before,
.button.close.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

button.close::before,
.button.close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

button.close .icon-shadow::before,
.button.close .icon-shadow::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

button.close:hover,
button.close:focus,
.button.close:hover,
.button.close:focus {
    background-color: #222
}

button.cancel,
.button.cancel {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

button.cancel:hover,
button.cancel:focus,
.button.cancel:hover,
.button.cancel:focus {
    background-color: transparent
}

button.cancel:hover,
button.cancel:focus,
.button.cancel:hover,
.button.cancel:focus {
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--primary-rgb))
}

button.cancel.disabled,
button.cancel.disabled:hover,
button.cancel.disabled:focus,
button.cancel[disabled],
button.cancel[disabled]:hover,
button.cancel[disabled]:focus,
.button.cancel.disabled,
.button.cancel.disabled:hover,
.button.cancel.disabled:focus,
.button.cancel[disabled],
.button.cancel[disabled]:hover,
.button.cancel[disabled]:focus {
    background-color: transparent;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

button.whisper,
.button.whisper {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

button.whisper:hover,
button.whisper:focus,
.button.whisper:hover,
.button.whisper:focus {
    background-color: transparent
}

button.whisper:hover,
button.whisper:focus,
.button.whisper:hover,
.button.whisper:focus {
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--primary-rgb))
}

button.whisper.disabled,
button.whisper.disabled:hover,
button.whisper.disabled:focus,
button.whisper[disabled],
button.whisper[disabled]:hover,
button.whisper[disabled]:focus,
.button.whisper.disabled,
.button.whisper.disabled:hover,
.button.whisper.disabled:focus,
.button.whisper[disabled],
.button.whisper[disabled]:hover,
.button.whisper[disabled]:focus {
    background-color: transparent;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

button.reverse,
.button.reverse {
    color: #fff;
    background-color: RGB(var(--secondary-rgb))
}

button.reverse:hover,
button.reverse:focus,
.button.reverse:hover,
.button.reverse:focus {
    color: #fff;
    background-color: RGB(var(--primary-rgb))
}

button-reverse,
.button-reverse {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    color: #fff;
    background-color: RGB(var(--secondary-rgb))
}

[data-whatinput=mouse] button-reverse,
[data-whatinput=mouse] .button-reverse {
    outline: 0
}

button-reverse:hover,
button-reverse:focus,
.button-reverse:hover,
.button-reverse:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

button-reverse::after,
.button-reverse::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

button-reverse:hover::after,
button-reverse:focus::after,
.button-reverse:hover::after,
.button-reverse:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

button-reverse.disabled::after,
button-reverse.disabled:hover::after,
button-reverse.disabled:focus::after,
button-reverse[disabled]::after,
button-reverse[disabled]:hover::after,
button-reverse[disabled]:focus::after,
.button-reverse.disabled::after,
.button-reverse.disabled:hover::after,
.button-reverse.disabled:focus::after,
.button-reverse[disabled]::after,
.button-reverse[disabled]:hover::after,
.button-reverse[disabled]:focus::after {
    display: none
}

button-reverse.disabled,
button-reverse[disabled],
.button-reverse.disabled,
.button-reverse[disabled] {
    opacity: .25;
    cursor: not-allowed
}

button-reverse.disabled,
button-reverse.disabled:hover,
button-reverse.disabled:focus,
button-reverse[disabled],
button-reverse[disabled]:hover,
button-reverse[disabled]:focus,
.button-reverse.disabled,
.button-reverse.disabled:hover,
.button-reverse.disabled:focus,
.button-reverse[disabled],
.button-reverse[disabled]:hover,
.button-reverse[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

button-reverse:hover,
button-reverse:focus,
.button-reverse:hover,
.button-reverse:focus {
    color: #fff;
    background-color: RGB(var(--primary-rgb))
}

.invert button,
.invert .button {
    background-color: #fff;
    color: inherit
}

.invert button:hover,
.invert button:focus,
.invert .button:hover,
.invert .button:focus {
    background-color: RGB(var(--secondary-rgb))
}

.invert button.disabled,
.invert button.disabled:hover,
.invert button.disabled:focus,
.invert button[disabled],
.invert button[disabled]:hover,
.invert button[disabled]:focus,
.invert .button.disabled,
.invert .button.disabled:hover,
.invert .button.disabled:focus,
.invert .button[disabled],
.invert .button[disabled]:hover,
.invert .button[disabled]:focus {
    background-color: #fff;
    opacity: .25
}

.invert button:hover,
.invert button:focus,
.invert .button:hover,
.invert .button:focus {
    color: #fff
}

.invert button.disabled,
.invert button.disabled:hover,
.invert button.disabled:focus,
.invert button[disabled],
.invert button[disabled]:hover,
.invert button[disabled]:focus,
.invert .button.disabled,
.invert .button.disabled:hover,
.invert .button.disabled:focus,
.invert .button[disabled],
.invert .button[disabled]:hover,
.invert .button[disabled]:focus {
    color: inherit
}

.invert button.cancel,
.invert button.whisper,
.invert .button.cancel,
.invert .button.whisper {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    border-color: #fff
}

.invert button.cancel:hover,
.invert button.cancel:focus,
.invert button.whisper:hover,
.invert button.whisper:focus,
.invert .button.cancel:hover,
.invert .button.cancel:focus,
.invert .button.whisper:hover,
.invert .button.whisper:focus {
    background-color: transparent
}

.invert button.cancel:hover,
.invert button.cancel:focus,
.invert button.whisper:hover,
.invert button.whisper:focus,
.invert .button.cancel:hover,
.invert .button.cancel:focus,
.invert .button.whisper:hover,
.invert .button.whisper:focus {
    color: #fff;
    border-color: RGB(var(--secondary-rgb))
}

.invert button.cancel.disabled,
.invert button.cancel.disabled:hover,
.invert button.cancel.disabled:focus,
.invert button.cancel[disabled],
.invert button.cancel[disabled]:hover,
.invert button.cancel[disabled]:focus,
.invert button.whisper.disabled,
.invert button.whisper.disabled:hover,
.invert button.whisper.disabled:focus,
.invert button.whisper[disabled],
.invert button.whisper[disabled]:hover,
.invert button.whisper[disabled]:focus,
.invert .button.cancel.disabled,
.invert .button.cancel.disabled:hover,
.invert .button.cancel.disabled:focus,
.invert .button.cancel[disabled],
.invert .button.cancel[disabled]:hover,
.invert .button.cancel[disabled]:focus,
.invert .button.whisper.disabled,
.invert .button.whisper.disabled:hover,
.invert .button.whisper.disabled:focus,
.invert .button.whisper[disabled],
.invert .button.whisper[disabled]:hover,
.invert .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.invert button.reverse,
.invert .button.reverse {
    color: #fff;
    background-color: RGB(var(--secondary-rgb))
}

.invert button.reverse:hover,
.invert button.reverse:focus,
.invert .button.reverse:hover,
.invert .button.reverse:focus {
    color: RGB(var(--primary-rgb));
    background-color: #fff
}

.invert button.loading,
.invert .button.loading {
    background-color: transparent
}

button.right,
.button.right {
    float: right
}

.clut-green button,
.clut-green .button {
    background-color: #93d522;
    color: #fff
}

.clut-green button:hover,
.clut-green button:focus,
.clut-green .button:hover,
.clut-green .button:focus {
    background-color: #033e8e;
    color: #fff
}

.clut-green button.whisper,
.clut-green .button.whisper {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    border-color: #fff
}

.clut-green button.whisper:hover,
.clut-green button.whisper:focus,
.clut-green .button.whisper:hover,
.clut-green .button.whisper:focus {
    background-color: transparent
}

.clut-green button.whisper:hover,
.clut-green button.whisper:focus,
.clut-green .button.whisper:hover,
.clut-green .button.whisper:focus {
    color: #fff;
    border-color: #033e8e
}

.clut-green button.whisper.disabled,
.clut-green button.whisper.disabled:hover,
.clut-green button.whisper.disabled:focus,
.clut-green button.whisper[disabled],
.clut-green button.whisper[disabled]:hover,
.clut-green button.whisper[disabled]:focus,
.clut-green .button.whisper.disabled,
.clut-green .button.whisper.disabled:hover,
.clut-green .button.whisper.disabled:focus,
.clut-green .button.whisper[disabled],
.clut-green .button.whisper[disabled]:hover,
.clut-green .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.clut-blue button,
.clut-blue .button {
    background-color: #fee5f3;
    color: #fff
}

.clut-blue button:hover,
.clut-blue button:focus,
.clut-blue .button:hover,
.clut-blue .button:focus {
    background-color: #6c03a8;
    color: #fff
}

.clut-blue button.whisper,
.clut-blue .button.whisper {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    border-color: #fff
}

.clut-blue button.whisper:hover,
.clut-blue button.whisper:focus,
.clut-blue .button.whisper:hover,
.clut-blue .button.whisper:focus {
    background-color: transparent
}

.clut-blue button.whisper:hover,
.clut-blue button.whisper:focus,
.clut-blue .button.whisper:hover,
.clut-blue .button.whisper:focus {
    color: #fff;
    border-color: #6c03a8
}

.clut-blue button.whisper.disabled,
.clut-blue button.whisper.disabled:hover,
.clut-blue button.whisper.disabled:focus,
.clut-blue button.whisper[disabled],
.clut-blue button.whisper[disabled]:hover,
.clut-blue button.whisper[disabled]:focus,
.clut-blue .button.whisper.disabled,
.clut-blue .button.whisper.disabled:hover,
.clut-blue .button.whisper.disabled:focus,
.clut-blue .button.whisper[disabled],
.clut-blue .button.whisper[disabled]:hover,
.clut-blue .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.clut-pink button,
.clut-pink .button {
    background-color: #ff48a6;
    color: #fff
}

.clut-pink button:hover,
.clut-pink button:focus,
.clut-pink .button:hover,
.clut-pink .button:focus {
    background-color: #520881;
    color: #fff
}

.clut-pink button.whisper,
.clut-pink .button.whisper {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    border-color: #fff
}

.clut-pink button.whisper:hover,
.clut-pink button.whisper:focus,
.clut-pink .button.whisper:hover,
.clut-pink .button.whisper:focus {
    background-color: transparent
}

.clut-pink button.whisper:hover,
.clut-pink button.whisper:focus,
.clut-pink .button.whisper:hover,
.clut-pink .button.whisper:focus {
    color: #fff;
    border-color: #520881
}

.clut-pink button.whisper.disabled,
.clut-pink button.whisper.disabled:hover,
.clut-pink button.whisper.disabled:focus,
.clut-pink button.whisper[disabled],
.clut-pink button.whisper[disabled]:hover,
.clut-pink button.whisper[disabled]:focus,
.clut-pink .button.whisper.disabled,
.clut-pink .button.whisper.disabled:hover,
.clut-pink .button.whisper.disabled:focus,
.clut-pink .button.whisper[disabled],
.clut-pink .button.whisper[disabled]:hover,
.clut-pink .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.button,
button,
[type=submit],
[type=button] {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0
}

[data-whatinput=mouse] .button,
[data-whatinput=mouse] button,
[data-whatinput=mouse] [type=submit],
[data-whatinput=mouse] [type=button] {
    outline: 0
}

.button:hover,
.button:focus,
button:hover,
button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

.button::after,
button::after,
[type=submit]::after,
[type=button]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.button:hover::after,
.button:focus::after,
button:hover::after,
button:focus::after,
[type=submit]:hover::after,
[type=submit]:focus::after,
[type=button]:hover::after,
[type=button]:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.button.disabled::after,
.button.disabled:hover::after,
.button.disabled:focus::after,
.button[disabled]::after,
.button[disabled]:hover::after,
.button[disabled]:focus::after,
button.disabled::after,
button.disabled:hover::after,
button.disabled:focus::after,
button[disabled]::after,
button[disabled]:hover::after,
button[disabled]:focus::after,
[type=submit].disabled::after,
[type=submit].disabled:hover::after,
[type=submit].disabled:focus::after,
[type=submit][disabled]::after,
[type=submit][disabled]:hover::after,
[type=submit][disabled]:focus::after,
[type=button].disabled::after,
[type=button].disabled:hover::after,
[type=button].disabled:focus::after,
[type=button][disabled]::after,
[type=button][disabled]:hover::after,
[type=button][disabled]:focus::after {
    display: none
}

.button.disabled,
.button[disabled],
button.disabled,
button[disabled],
[type=submit].disabled,
[type=submit][disabled],
[type=button].disabled,
[type=button][disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus,
button.disabled,
button.disabled:hover,
button.disabled:focus,
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
[type=submit].disabled,
[type=submit].disabled:hover,
[type=submit].disabled:focus,
[type=submit][disabled],
[type=submit][disabled]:hover,
[type=submit][disabled]:focus,
[type=button].disabled,
[type=button].disabled:hover,
[type=button].disabled:focus,
[type=button][disabled],
[type=button][disabled]:hover,
[type=button][disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

.input-group .button,
.input-group button,
.input-group [type=submit],
.input-group [type=button] {
    font-size: 1rem
}

.load-more-wrap {
    text-align: center;
    margin-bottom: 3.33333rem
}

.load-more-wrap button {
    margin-bottom: 0
}

.load-more-wrap.hide {
    display: none
}

.buttons {
    margin-top: -.22222rem;
    margin-right: -.38889rem;
    margin-bottom: 0;
    margin-left: -.38889rem
}

.buttons.align-center {
    text-align: center
}

.buttons button,
.buttons .button {
    margin-top: .77778rem;
    margin-right: .38889rem;
    margin-bottom: 0;
    margin-left: .38889rem;
    vertical-align: bottom
}

.page-header .buttons {
    margin-top: 2rem
}

.opener {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: #000;
    font-size: 0;
    position: fixed;
    right: 0;
    top: 0
}

.opener::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.opener:hover::after,
.opener:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.opener.disabled::after,
.opener.disabled:hover::after,
.opener.disabled:focus::after,
.opener[disabled]::after,
.opener[disabled]:hover::after,
.opener[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .opener {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .opener {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .opener {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .opener {
        width: 60px
    }
}

.opener:hover,
.opener:focus {
    background-color: #000
}

.link-collection,
.distributor-list,
.contact-list,
.contact-link-list,
.share-list,
.facet-share-list,
.contact-share-list,
.breadcrumb,
.check-list,
.partners,
.sponsors,
.technology-partners,
.detail-section-list,
.panel-list,
.accordion,
.filter-form ul,
.video-playlist .video-thumb-list,
.nav-top>ul,
.inline-share-bar ul,
.share-bar ul,
.share .icon-bubble,
.select2 .select2-selection.select2-selection--multiple .select2-selection__rendered,
.select2-results__options,
.nav-main ul,
.master-download-section .downloads,
.logos-list-slider,
.logos-list,
.add-to-calendar .icon-bubble,
.icons-n-numbers,
.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper,
.mega-menu ul,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper,
.tabs,
.pricing-slider .swiper-wrapper,
.agenda .slider-nav,
.sitemap .sitemap-list ul,
.staff-profile .experience-and-expertise ul,
.event-kit .speakers {
    margin: 0;
    padding: 0
}

.link-collection li,
.distributor-list li,
.contact-list li,
.contact-link-list li,
.share-list li,
.facet-share-list li,
.contact-share-list li,
.breadcrumb li,
.check-list li,
.partners li,
.sponsors li,
.technology-partners li,
.detail-section-list li,
.panel-list li,
.accordion li,
.filter-form ul li,
.video-playlist .video-thumb-list li,
.nav-top>ul li,
.inline-share-bar ul li,
.share-bar ul li,
.share .icon-bubble li,
.select2 .select2-selection.select2-selection--multiple .select2-selection__rendered li,
.select2-results__options li,
.nav-main ul li,
.master-download-section .downloads li,
.logos-list-slider li,
.logos-list li,
.add-to-calendar .icon-bubble li,
.icons-n-numbers li,
.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper li,
.mega-menu ul li,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper li,
.tabs li,
.pricing-slider .swiper-wrapper li,
.agenda .slider-nav li,
.sitemap .sitemap-list ul li,
.staff-profile .experience-and-expertise ul li,
.event-kit .speakers li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.link-collection li::before,
.distributor-list li::before,
.contact-list li::before,
.contact-link-list li::before,
.share-list li::before,
.facet-share-list li::before,
.contact-share-list li::before,
.breadcrumb li::before,
.check-list li::before,
.partners li::before,
.sponsors li::before,
.technology-partners li::before,
.detail-section-list li::before,
.panel-list li::before,
.accordion li::before,
.filter-form ul li::before,
.video-playlist .video-thumb-list li::before,
.nav-top>ul li::before,
.inline-share-bar ul li::before,
.share-bar ul li::before,
.share .icon-bubble li::before,
.select2 .select2-selection.select2-selection--multiple .select2-selection__rendered li::before,
.select2-results__options li::before,
.nav-main ul li::before,
.master-download-section .downloads li::before,
.logos-list-slider li::before,
.logos-list li::before,
.add-to-calendar .icon-bubble li::before,
.icons-n-numbers li::before,
.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper li::before,
.mega-menu ul li::before,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper li::before,
.tabs li::before,
.pricing-slider .swiper-wrapper li::before,
.agenda .slider-nav li::before,
.sitemap .sitemap-list ul li::before,
.staff-profile .experience-and-expertise ul li::before,
.event-kit .speakers li::before {
    display: none
}

ul li {
    list-style: none;
    position: relative
}

ul li::before {
    content: "•";
    position: absolute;
    left: -1rem;
    top: -1px;
    display: block
}

.extendable-distributor-list .distributor-list>li:nth-child(n+7) {
    display: none
}

.extendable-distributor-list .load-more-wrap {
    display: block
}

.extendable-distributor-list.visible .distributor-list>li:nth-child(n+7) {
    display: block
}

.extendable-distributor-list.visible .load-more-wrap {
    display: none
}

.distributor-list {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem;
    margin-bottom: 2.22222rem
}

@media print,
screen and (min-width:50em) {
    .distributor-list {
        margin-right: 0;
        margin-left: 0
    }
}

.distributor-list>li {
    color: #222;
    border-radius: 4px;
    position: relative;
    border-radius: 0;
    margin-bottom: 1px
}

.distributor-list>li::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.distributor-list>li:hover::after,
.distributor-list>li:focus::after,
.distributor-list>li:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.distributor-list>li:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.distributor-list>li:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.distributor-list>li::after {
    border-radius: 0
}

.distributor-list>li:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.distributor-list>li:first-child::after {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.distributor-list>li:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.distributor-list>li:last-child::after {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.distributor-list>:first-child>* {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.distributor-list>:first-child>::after {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.distributor-list>:last-child>* {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.distributor-list>:last-child>::after {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.distributor-list li>a {
    transition: all .3s ease 100ms;
    background-color: rgba(255, 255, 255, .9);
    display: block;
    color: #222
}

.distributor-list li>a:hover,
.distributor-list li>a:focus {
    background-color: #fff
}

.distributor-list .headline {
    margin: 0;
    position: relative;
    padding: 1.71429rem 4.28571rem 1.5rem 2.14286rem
}

.distributor-list .headline:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.distributor-list .headline::before {
    right: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .distributor-list .headline {
        padding: 1.33333rem 5rem 1.16667rem 3.33333rem
    }

    .distributor-list .headline::before {
        right: 3.33333rem
    }
}

.distributor-list .headline .date {
    display: block;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .88889rem;
    color: #888
}

@media print,
screen and (min-width:50em) {
    .distributor-list .headline .date {
        font-size: .77778rem
    }
}

.distributor-page .distributor-list h3 {
    font-size: 1.33333rem;
    line-height: inherit
}

.distributor-list .label {
    display: inline-block;
    color: #fff;
    background-color: RGB(var(--primary-rgb));
    padding-top: .25em;
    padding-right: .6em;
    padding-bottom: .25em;
    padding-left: .6em;
    line-height: inherit;
    font-size: .77778rem;
    font-weight: 700;
    vertical-align: text-top;
    margin-left: .75em
}

.distributor-list .label.highlight {
    background-color: RGB(var(--secondary-rgb))
}

.bullets {
    margin-left: 2.11111rem
}

.list-label {
    display: block;
    margin-bottom: 1.11111rem;
    font-weight: 700
}

.contact-list {
    margin-bottom: 2.22222rem;
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

.contact-list .vcard {
    height: 100%
}

@media print,
screen and (min-width:36.25em) {
    .contact-list {
        margin-right: 0;
        margin-left: 0
    }
}

.contact-list>li:last-child .vcard {
    margin-bottom: 0
}

@media print,
screen and (min-width:36.25em) {
    .contact-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -.55556rem;
        margin-right: -.55556rem
    }

    .contact-list::before,
    .contact-list::after {
        display: table;
        content: " ";
        flex-basis: 0;
        order: 1
    }

    .contact-list::after {
        clear: both
    }

    .contact-list>li {
        float: left;
        width: 50%
    }

    .contact-list>li:nth-of-type(n) {
        clear: none
    }

    .contact-list>li:nth-of-type(2n+1) {
        clear: both
    }

    .contact-list>li:last-child {
        float: left
    }

    .contact-list>li {
        padding: 1.11111rem .55556rem 0 .55556rem
    }

    .contact-list .vcard {
        margin-bottom: 0
    }
}

@media screen and (min-width:68.75em) {
    .contact-list>li {
        float: left;
        width: 33.33333%
    }

    .contact-list>li:nth-of-type(n) {
        clear: none
    }

    .contact-list>li:nth-of-type(3n+1) {
        clear: both
    }

    .contact-list>li:last-child {
        float: left
    }
}

.contact-list.one-column>li {
    float: left;
    width: 100%
}

.contact-list.one-column>li:nth-of-type(n) {
    clear: none
}

.contact-list.one-column>li:nth-of-type(n+1) {
    clear: both
}

.contact-list.one-column>li:last-child {
    float: left
}

@media print,
screen and (min-width:50em) {
    .contact-list.one-column .vcard:not(.compact).large .profile-image {
        max-width: 11.11111rem;
        padding-bottom: 11.11111rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .contact-list.two-column>li {
        float: left;
        width: 100%
    }

    .contact-list.two-column>li:nth-of-type(n) {
        clear: none
    }

    .contact-list.two-column>li:nth-of-type(n+1) {
        clear: both
    }

    .contact-list.two-column>li:last-child {
        float: left
    }
}

@media print,
screen and (min-width:50em) {
    .contact-list.two-column>li {
        float: left;
        width: 50%
    }

    .contact-list.two-column>li:nth-of-type(n) {
        clear: none
    }

    .contact-list.two-column>li:nth-of-type(2n+1) {
        clear: both
    }

    .contact-list.two-column>li:last-child {
        float: left
    }
}

.inner-wrapper .contact-list:last-child {
    margin-bottom: 0
}

.two-column-contact-list-section .contact-list:last-child {
    margin-bottom: 0
}

.contact-link-list a {
    position: relative;
    padding-left: 1.66667rem
}

.contact-link-list a[href*=mailto]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=mailto]:hover:before,
.contact-link-list a[href*=mailto]:active:before,
.contact-link-list a[href*=mailto]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=twitter]:before,
.contact-link-list a[href*="x.com"]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=twitter]:hover:before,
.contact-link-list a[href*=twitter]:active:before,
.contact-link-list a[href*=twitter]:focus:before,
.contact-link-list a[href*="x.com"]:hover:before,
.contact-link-list a[href*="x.com"]:active:before,
.contact-link-list a[href*="x.com"]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=facebook]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: .05556rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=facebook]:hover:before,
.contact-link-list a[href*=facebook]:active:before,
.contact-link-list a[href*=facebook]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=linkedin]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=linkedin]:hover:before,
.contact-link-list a[href*=linkedin]:active:before,
.contact-link-list a[href*=linkedin]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=xing]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=xing]:hover:before,
.contact-link-list a[href*=xing]:active:before,
.contact-link-list a[href*=xing]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=".bearingpoint.com"]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=".bearingpoint.com"]:hover:before,
.contact-link-list a[href*=".bearingpoint.com"]:active:before,
.contact-link-list a[href*=".bearingpoint.com"]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=toolbox]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=toolbox]:hover:before,
.contact-link-list a[href*=toolbox]:active:before,
.contact-link-list a[href*=toolbox]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.contact-link-list a[href*=instagram]:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.contact-link-list a[href*=instagram]:hover:before,
.contact-link-list a[href*=instagram]:active:before,
.contact-link-list a[href*=instagram]:focus:before {
    color: RGB(var(--secondary-rgb))
}

.share-list::before,
.share-list::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.share-list::after {
    clear: both
}

.share-list li {
    float: left
}

.share-list a {
    display: block;
    width: 1.92857rem;
    height: 1.92857rem;
    line-height: 1.92857rem;
    text-align: center;
    position: relative;
    font-size: 0
}

@media print,
screen and (min-width:50em) {
    .share-list a {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem
    }

    .share-list a::before {
        font-size: 1.11111rem !important
    }
}

.share-list a.linkedin:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    font-size: 1.14286rem;
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.share-list a.linkedin:hover:before,
.share-list a.linkedin:active:before,
.share-list a.linkedin:focus:before {
    color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:50em) {
    .share-list a.linkedin:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1rem;
        font-family: "BPC Icons";
        color: RGB(var(--primary-rgb));
        transition: color .2s ease
    }

    .share-list a.linkedin:hover:before,
    .share-list a.linkedin:active:before,
    .share-list a.linkedin:focus:before {
        color: RGB(var(--secondary-rgb))
    }
}

.share-list a.twitter:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    font-size: 1.14286rem;
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.share-list a.twitter:hover:before,
.share-list a.twitter:active:before,
.share-list a.twitter:focus:before {
    color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:50em) {
    .share-list a.twitter:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1rem;
        font-family: "BPC Icons";
        color: RGB(var(--primary-rgb));
        transition: color .2s ease
    }

    .share-list a.twitter:hover:before,
    .share-list a.twitter:active:before,
    .share-list a.twitter:focus:before {
        color: RGB(var(--secondary-rgb))
    }
}

.share-list a.xing:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    font-size: 1.14286rem;
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.share-list a.xing:hover:before,
.share-list a.xing:active:before,
.share-list a.xing:focus:before {
    color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:50em) {
    .share-list a.xing:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1rem;
        font-family: "BPC Icons";
        color: RGB(var(--primary-rgb));
        transition: color .2s ease
    }

    .share-list a.xing:hover:before,
    .share-list a.xing:active:before,
    .share-list a.xing:focus:before {
        color: RGB(var(--secondary-rgb))
    }
}

.share-list a.facebook:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    font-size: 1.14286rem;
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.share-list a.facebook:hover:before,
.share-list a.facebook:active:before,
.share-list a.facebook:focus:before {
    color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:50em) {
    .share-list a.facebook:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1rem;
        font-family: "BPC Icons";
        color: RGB(var(--primary-rgb));
        transition: color .2s ease
    }

    .share-list a.facebook:hover:before,
    .share-list a.facebook:active:before,
    .share-list a.facebook:focus:before {
        color: RGB(var(--secondary-rgb))
    }
}

.share-list a.mail:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    font-size: 1.14286rem;
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.share-list a.mail:hover:before,
.share-list a.mail:active:before,
.share-list a.mail:focus:before {
    color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:50em) {
    .share-list a.mail:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1rem;
        font-family: "BPC Icons";
        color: RGB(var(--primary-rgb));
        transition: color .2s ease
    }

    .share-list a.mail:hover:before,
    .share-list a.mail:active:before,
    .share-list a.mail:focus:before {
        color: RGB(var(--secondary-rgb))
    }
}

.facet-share-list {
    margin: 0-.11111rem 1.66667rem -.11111rem;
    display: flex;
    flex-wrap: wrap;
    gap: .22222rem 0
}

.facet-share-list::before,
.facet-share-list::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.facet-share-list::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .facet-share-list {
        float: right;
        padding: 0;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:50em) {
    .facet-share-list.clut {
        float: left
    }
}

.facet-share-list.clut li a {
    width: 2.66667rem;
    height: 2.66667rem;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    font-size: 0;
    color: RGB(var(--primary-rgb));
    border-radius: 100%;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-image: radial-gradient(#fff 60%, transparent 60%)
}

.facet-share-list.clut li a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.facet-share-list.clut li a::before {
    width: 2.66667rem;
    height: auto;
    font-size: 2.66667rem;
    line-height: 2.66667rem
}

.facet-share-list.clut li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.facet-share-list.clut li a:hover::after,
.facet-share-list.clut li a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.facet-share-list.clut li a.disabled::after,
.facet-share-list.clut li a.disabled:hover::after,
.facet-share-list.clut li a.disabled:focus::after,
.facet-share-list.clut li a[disabled]::after,
.facet-share-list.clut li a[disabled]:hover::after,
.facet-share-list.clut li a[disabled]:focus::after {
    display: none
}

.facet-share-list.clut li a::before {
    border-radius: 100%;
    display: block
}

.facet-share-list.clut li a:hover,
.facet-share-list.clut li a:focus {
    color: RGB(var(--secondary-rgb));
    background-image: radial-gradient(#fff 60%, transparent 60%)
}

.facet-share-list li {
    float: left;
    padding: 0 .11111rem
}

.facet-share-list li a {
    width: 2.66667rem;
    height: 2.66667rem;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    font-size: 0;
    color: var(--facet-share-list-background-color, #313131);
    border-radius: 100%;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-image: radial-gradient(#fff 60%, transparent 60%);
    display: block
}

.facet-share-list li a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.facet-share-list li a::before {
    width: 2.66667rem;
    height: auto;
    font-size: 2.66667rem;
    line-height: 2.66667rem
}

.facet-share-list li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.facet-share-list li a:hover::after,
.facet-share-list li a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.facet-share-list li a.disabled::after,
.facet-share-list li a.disabled:hover::after,
.facet-share-list li a.disabled:focus::after,
.facet-share-list li a[disabled]::after,
.facet-share-list li a[disabled]:hover::after,
.facet-share-list li a[disabled]:focus::after {
    display: none
}

.facet-share-list li a::before {
    border-radius: 100%;
    display: block
}

.facet-share-list li a:hover,
.facet-share-list li a:focus {
    color: var(--facet-share-list-hover-background-color, #313131);
    background-image: radial-gradient(RGB(var(--primary-rgb)) 60%, transparent 60%)
}

.facet-share-list li a.linkedin:before {
    content: ""
}

.facet-share-list li a.facebook:before {
    content: ""
}

.facet-share-list li a.twitter:before {
    content: ""
}

.facet-share-list li a.youtube:before {
    content: ""
}

.facet-share-list li a.xing:before {
    content: ""
}

.facet-share-list li a.mail:before {
    content: ""
}

.facet-share-list li a.podbean:before {
    content: ""
}

.facet-share-list li a.soundcloud:before {
    content: ""
}

.facet-share-list li a.itunes:before {
    content: ""
}

.facet-share-list li a.instagram:before {
    content: ""
}

.facet-share-list li a.wechat:before {
    content: ""
}

.facet-share-list li a.kununu:before {
    content: ""
}

.facet-share-list li a.spotify:before {
    content: ""
}

.facet-share-list li a.google-podcasts:before {
    content: ""
}

.contact-share-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.38889rem;
    margin-right: -.38889rem
}

.contact-share-list li {
    padding-left: .38889rem;
    padding-right: .38889rem
}

.contact-share-list li a {
    transition: border-color .2s ease;
    font-size: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.77778rem;
    width: 2.77778rem
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a {
        height: 2.22222rem;
        width: 2.22222rem
    }
}

.contact-share-list li a:hover,
.contact-share-list li a:focus {
    border-color: RGB(var(--secondary-rgb))
}

.contact-share-list li a:hover::before,
.contact-share-list li a:focus::before {
    color: RGB(var(--secondary-rgb))
}

.contact-share-list li a::before {
    transition: color .2s ease;
    color: #fff
}

.contact-share-list li a.linkedin:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.38889rem;
    font-family: "BPC Icons"
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a.linkedin:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

.contact-share-list li a.facebook:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.38889rem;
    font-family: "BPC Icons"
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a.facebook:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

.contact-share-list li a.twitter:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.38889rem;
    font-family: "BPC Icons"
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a.twitter:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

.contact-share-list li a.youtube:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.38889rem;
    font-family: "BPC Icons"
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a.youtube:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

.contact-share-list li a.xing:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.38889rem;
    font-family: "BPC Icons"
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a.xing:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

.contact-share-list li a.mail:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.38889rem;
    font-family: "BPC Icons"
}

@media screen and (min-width:68.75em) {
    .contact-share-list li a.mail:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

.breadcrumb {
    display: none
}

.breadcrumb::before,
.breadcrumb::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.breadcrumb::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .breadcrumb {
        display: block
    }
}

.breadcrumb li {
    float: left;
    margin-right: .44444rem
}

.breadcrumb li a {
    display: block;
    color: #e8e8e8
}

.breadcrumb li a:hover,
.breadcrumb li a:focus {
    color: #fff
}

.breadcrumb li a::after {
    content: "/";
    display: inline-block;
    color: #e8e8e8;
    margin-left: .44444rem
}

.breadcrumb li:last-child a {
    color: #fff
}

.breadcrumb li:last-child a::after {
    content: "";
    display: none
}

.download-list {
    margin: 0;
    padding: 0;
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

.download-list li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.download-list li::before {
    display: none
}

@media print,
screen and (min-width:50em) {
    .download-list {
        margin-right: 0;
        margin-left: 0
    }
}

.download-list.collectable li {
    position: relative
}

.download-list.collectable .checkbox {
    position: absolute;
    right: .55556rem;
    top: .55556rem;
    margin: 0;
    padding: .55556rem;
    z-index: 1;
    cursor: default
}

@media print,
screen and (min-width:36.25em) {
    .download-list.collectable .checkbox {
        right: 1.11111rem;
        top: 1.11111rem
    }
}

.download-list.collectable .checkbox label {
    vertical-align: top;
    font-size: 0;
    padding: 0;
    width: 1.44444rem;
    height: 1.61111rem
}

.download-list li {
    margin-top: .55556rem;
    background-color: #fff
}

.download-list li:first-child {
    margin-top: 0
}

.download-list li:last-child {
    margin-bottom: 0
}

.download-list a:not(.button) {
    color: #222;
    border-radius: 4px;
    position: relative;
    display: table;
    width: 100%;
    background-color: #fff
}

.download-list a:not(.button)::before,
.download-list a:not(.button)::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.download-list a:not(.button)::after {
    clear: both
}

.download-list a:not(.button)::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.download-list a:not(.button):hover::after,
.download-list a:not(.button):focus::after,
.download-list a:not(.button):focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.download-list a:not(.button):focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.download-list a:not(.button):hover::after {
    border-color: RGB(var(--primary-rgb))
}

.download-list .button {
    margin-top: 1.11111rem
}

@media print,
screen and (min-width:36.25em) {
    .download-list .button {
        margin-left: 3.44444rem
    }
}

.download-list .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    right: 1.88889rem
}

.download-list .image,
.download-list .description {
    display: table-cell;
    float: none !important;
    vertical-align: middle
}

.download-list .description {
    width: 100%;
    position: relative;
    padding: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .download-list .description {
        padding: 1.66667rem
    }
}

.download-list .description span {
    display: block;
    font-size: 1rem
}

.download-list .description span.name {
    position: relative;
    padding-left: 3.44444rem
}

.download-list .description span.name.icon:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 2rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: .38889rem
}

.download-list .description span.name.icon::before {
    line-height: 1
}

@media print,
screen and (min-width:36.25em) {
    .download-list .description span.name {
        font-size: 1.33333rem;
        margin-top: -.55556rem
    }

    .download-list .description span.name::before {
        margin-top: .55556rem
    }
}

.download-list .description span.filesize {
    color: #222;
    padding-left: 3.44444rem
}

@media print,
screen and (min-width:36.25em) {
    .download-list .description span.filesize {
        font-size: .88889rem
    }
}

.download-list .image {
    width: 40%;
    float: left;
    padding-right: 0;
    padding-left: 0
}

.download-list .image,
.download-list .image:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .download-list .image {
        width: 20%;
        float: left;
        padding-right: 0;
        padding-left: 0
    }

    .download-list .image,
    .download-list .image:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

@media print,
screen and (min-width:50em) {
    .download-list .image {
        padding: 1.11111rem 0 1.11111rem 1.66667rem
    }
}

.download-list .image+.description {
    width: 60%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    padding: .71429rem 2.14286rem
}

.download-list .image+.description,
.download-list .image+.description:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .download-list .image+.description {
        width: 80%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        padding: 1.11111rem 1.66667rem
    }

    .download-list .image+.description,
    .download-list .image+.description:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.download-list .image+.description::before {
    position: relative
}

@media print,
screen and (min-width:36.25em) {
    .download-list .image+.description::before {
        position: absolute;
        left: 3.33333rem
    }
}

.download-list .image+.description span {
    margin-left: 0
}

.download-list .image+.description span.name {
    position: relative;
    padding-left: 0
}

@media print,
screen and (min-width:36.25em) {
    .download-list .image+.description span.name {
        padding-left: 3.44444rem;
        padding-top: 0
    }
}

.download-list .image+.description span.name::before {
    top: .83333rem
}

@media print,
screen and (min-width:36.25em) {
    .download-list .image+.description span.name::before {
        position: absolute;
        top: -.27778rem
    }
}

.download-list .image+.description span.filesize {
    padding-left: 0
}

@media print,
screen and (min-width:36.25em) {
    .download-list .image+.description span.filesize {
        padding-left: 3.44444rem
    }
}

.download-list:last-child {
    margin-bottom: 0
}

.check-list {
    margin-bottom: 4rem
}

.check-list li {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 1.66667rem;
    text-align: center
}

.check-list li:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.66667rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%
}

@media print,
screen and (min-width:36.25em) {
    .check-list li {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

.partners,
.sponsors,
.technology-partners {
    margin-right: -.41667rem;
    margin-left: -.41667rem
}

@media print,
screen and (min-width:36.25em) {

    .partners,
    .sponsors,
    .technology-partners {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

@media print,
screen and (min-width:50em) {

    .partners,
    .sponsors,
    .technology-partners {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

.partners::before,
.sponsors::before,
.technology-partners::before,
.partners::after,
.sponsors::after,
.technology-partners::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.partners::after,
.sponsors::after,
.technology-partners::after {
    clear: both
}

.partners>li,
.sponsors>li,
.technology-partners>li {
    float: left;
    width: 50%;
    padding-right: .41667rem;
    padding-left: .41667rem
}

@media print,
screen and (min-width:36.25em) {

    .partners>li,
    .sponsors>li,
    .technology-partners>li {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.partners>li:nth-of-type(n),
.sponsors>li:nth-of-type(n),
.technology-partners>li:nth-of-type(n) {
    clear: none
}

.partners>li:nth-of-type(2n+1),
.sponsors>li:nth-of-type(2n+1),
.technology-partners>li:nth-of-type(2n+1) {
    clear: both
}

.partners>li:last-child,
.sponsors>li:last-child,
.technology-partners>li:last-child {
    float: left
}

@media print,
screen and (min-width:36.25em) {

    .partners>li,
    .sponsors>li,
    .technology-partners>li {
        float: left;
        width: 33.33333%;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:36.25em) {

    .partners>li,
    .sponsors>li,
    .technology-partners>li {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:36.25em) {

    .partners>li:nth-of-type(n),
    .sponsors>li:nth-of-type(n),
    .technology-partners>li:nth-of-type(n) {
        clear: none
    }

    .partners>li:nth-of-type(3n+1),
    .sponsors>li:nth-of-type(3n+1),
    .technology-partners>li:nth-of-type(3n+1) {
        clear: both
    }

    .partners>li:last-child,
    .sponsors>li:last-child,
    .technology-partners>li:last-child {
        float: left
    }
}

.partners li,
.sponsors li,
.technology-partners li {
    padding-top: 0;
    padding-right: .41667rem;
    padding-bottom: .83333rem;
    padding-left: .41667rem
}

@media print,
screen and (min-width:50em) {

    .partners li,
    .sponsors li,
    .technology-partners li {
        padding-top: 0;
        padding-right: .55556rem;
        padding-bottom: 1.11111rem;
        padding-left: .55556rem
    }
}

.partners li .logo-wrap,
.sponsors li .logo-wrap,
.technology-partners li .logo-wrap {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden
}

.partners li .logo-wrap>.partner-link,
.sponsors li .logo-wrap>.partner-link,
.technology-partners li .logo-wrap>.partner-link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.partners li .logo-wrap a,
.sponsors li .logo-wrap a,
.technology-partners li .logo-wrap a {
    color: #222;
    border-radius: 4px;
    position: relative
}

.partners li .logo-wrap a::after,
.sponsors li .logo-wrap a::after,
.technology-partners li .logo-wrap a::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.partners li .logo-wrap a:hover::after,
.sponsors li .logo-wrap a:hover::after,
.technology-partners li .logo-wrap a:hover::after,
.partners li .logo-wrap a:focus::after,
.sponsors li .logo-wrap a:focus::after,
.technology-partners li .logo-wrap a:focus::after,
.partners li .logo-wrap a:focus-within::after,
.sponsors li .logo-wrap a:focus-within::after,
.technology-partners li .logo-wrap a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.partners li .logo-wrap a:focus-within::after,
.sponsors li .logo-wrap a:focus-within::after,
.technology-partners li .logo-wrap a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.partners li .logo-wrap a:hover::after,
.sponsors li .logo-wrap a:hover::after,
.technology-partners li .logo-wrap a:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.partners li .logo-wrap .partner-link,
.sponsors li .logo-wrap .partner-link,
.technology-partners li .logo-wrap .partner-link {
    position: absolute;
    height: 100%;
    display: block;
    background-color: #fff;
    padding: 2.14286rem
}

@media print,
screen and (min-width:50em) {

    .partners li .logo-wrap .partner-link,
    .sponsors li .logo-wrap .partner-link,
    .technology-partners li .logo-wrap .partner-link {
        padding: 1.66667rem
    }
}

.partners li .logo-wrap .partner-link img,
.sponsors li .logo-wrap .partner-link img,
.technology-partners li .logo-wrap .partner-link img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 75%
}

.sponsors.isotope-grid .grid-item>div {
    overflow: visible;
    transform: none;
    backface-visibility: visible
}

.sponsors.isotope-grid .grid-item>div::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

.sponsors.isotope-grid .grid-item>div:hover::after,
.sponsors.isotope-grid .grid-item>div:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

.sponsors .logo-wrap {
    border-radius: 4px
}

.sponsors .grid-content .content-wrap .content-header {
    padding-top: 0
}

.sponsors .grid-content .content-wrap.buttons {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 1.42857rem;
    padding-left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    .sponsors .grid-content .content-wrap.buttons {
        padding-left: 2.14286rem;
        padding-right: 2.14286rem
    }
}

@media print,
screen and (min-width:50em) {
    .sponsors .grid-content .content-wrap.buttons {
        padding-left: 1.66667rem;
        padding-right: 1.66667rem
    }
}

.sponsors .grid-content .content-wrap.buttons .button {
    width: auto;
    margin-left: 0;
    margin-right: 0
}

@media print,
screen and (min-width:36.25em) {
    .sponsors .grid-content .content-wrap.buttons .button {
        padding-left: 1.55556rem;
        padding-right: 1.55556rem
    }
}

@media print,
screen and (min-width:50em) {
    .sponsors .grid-content .content-wrap.buttons .button {
        display: block
    }
}

.detail-section-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.detail-section-list::before,
.detail-section-list::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.detail-section-list::after {
    clear: both
}

.detail-section-list>li {
    position: relative;
    float: left;
    padding-left: 1.77778rem;
    padding-right: 1rem;
    padding-top: .33333rem;
    padding-bottom: .33333rem
}

.detail-section-list>li.date:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.time:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.location:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: .16667rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.telephone:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: .16667rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.online-event:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.hybrid-event {
    padding-left: 5rem
}

.detail-section-list>li.hybrid-event:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.hybrid-event:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: 1.66667rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li.hybrid-event a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--secondary-rgb));
    transition: color .2s ease;
    position: absolute;
    top: 0;
    left: 3.33333rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.detail-section-list>li:nth-last-child(2) {
    flex-grow: 1
}

.detail-section-list>li:nth-child(1),
.detail-section-list>li:nth-child(2) {
    min-width: 9.16667rem
}

.detail-section-list>li.browser-time {
    min-width: 10rem;
    height: 2.42857rem
}

.table-wrap {
    position: relative;
    margin-bottom: 2rem
}

.table-wrap>div {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

table {
    width: 100%;
    background-color: #e8e8e8;
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    border-spacing: 0;
    border-radius: 4px;
    overflow: hidden;
    padding: 2px
}

table th {
    padding: .55556rem 1.66667rem;
    text-align: left;
    vertical-align: top;
    color: #fff
}

table td {
    padding: .66667rem 1.66667rem;
    vertical-align: top;
    background-color: #fff;
    background-clip: padding-box;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
    min-width: 11em
}

table tbody tr:first-child td:first-of-type {
    border-top-left-radius: 4px
}

table tbody tr:first-child td:last-of-type {
    border-top-right-radius: 4px
}

table tbody tr:last-child td:first-of-type {
    border-bottom-left-radius: 4px
}

table tbody tr:last-child td:last-of-type {
    border-bottom-right-radius: 4px
}

table tbody th {
    padding-top: .66667rem;
    text-align: right
}

table p,
table ul,
table ol {
    margin-bottom: 1rem
}

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

table img {
    height: auto !important
}

h1+label.error,
h2+label.error,
h3+label.error,
h4+label.error,
h5+label.error,
h6+label.error {
    display: block;
    clear: left;
    margin: 0;
    position: relative
}

h1+label.error::before,
h2+label.error::before,
h3+label.error::before,
h4+label.error::before,
h5+label.error::before,
h6+label.error::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    content: "";
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #d52b1e;
    position: absolute;
    top: -8px;
    left: .3rem
}

@media print,
screen and (min-width:50em) {

    form .row:last-child input,
    form .row:last-child select,
    form .row:last-child textarea,
    form .row:last-child .select2-container {
        margin-bottom: 0
    }
}

form .row:last-child [type=submit],
form .row:last-child [type=reset] {
    margin-top: .66667rem;
    margin-bottom: 0
}

form .row:last-child .cancel {
    margin-top: .66667rem;
    margin-bottom: 0
}

form .row:last-child input,
form .row:last-child select,
form .row:last-child textarea,
form .row:last-child .select2-container {
    margin-bottom: .88889rem
}

form .row:last-child input.error,
form .row:last-child select.error,
form .row:last-child textarea.error,
form .row:last-child .select2-container.error {
    margin-bottom: 0
}

form .col-full {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

form .col-full::before,
form .col-full::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

form .col-full::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    form .col-full {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

form .col-full,
form .col-full:last-child:not(:first-child) {
    float: left;
    clear: none
}

form .col-half {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

form .col-half::before,
form .col-half::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

form .col-half::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    form .col-half {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

form .col-half,
form .col-half:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:50em) {
    form .col-half {
        width: 50%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:50em) and (min-width:36.25em) {
    form .col-half {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:50em) {

    form .col-half,
    form .col-half:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

form .col-third {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

form .col-third::before,
form .col-third::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

form .col-third::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    form .col-third {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

form .col-third,
form .col-third:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:50em) {
    form .col-third {
        width: 33.33333%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:50em) and (min-width:36.25em) {
    form .col-third {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:50em) {

    form .col-third,
    form .col-third:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

form .col-two-thirds {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem
}

form .col-two-thirds::before,
form .col-two-thirds::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

form .col-two-thirds::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    form .col-two-thirds {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

form .col-two-thirds,
form .col-two-thirds:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:50em) {
    form .col-two-thirds {
        width: 66.66667%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:50em) and (min-width:36.25em) {
    form .col-two-thirds {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:50em) {

    form .col-two-thirds,
    form .col-two-thirds:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

form .bumblebee {
    height: 0;
    width: 0;
    overflow: hidden
}

form .check-radio+.check-radio {
    margin-top: .21429rem
}

@media print,
screen and (min-width:50em) {
    form .check-radio+.check-radio {
        margin-top: 0
    }
}

form label::after {
    color: RGB(var(--primary-rgb));
    content: "*";
    font-weight: 400
}

form label.optional {
    font-weight: 400
}

form label.optional::after {
    display: none
}

form label.error {
    font-size: .83333rem
}

form label.error::after {
    content: ""
}

form label.disclaimer {
    font-size: 1rem
}

form .error-message {
    background-color: #d52b1e;
    color: #fff;
    padding: .22222rem .55556rem;
    border-radius: 4px
}

form .mandatory {
    padding-top: 1.25rem
}

@media print,
screen and (min-width:50em) {
    form .mandatory {
        text-align: right
    }
}

form .mandatory::before {
    color: RGB(var(--primary-rgb));
    content: "*"
}

form .mandatory-col {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem;
    width: auto
}

@media print,
screen and (min-width:36.25em) {
    form .mandatory-col {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

form .mandatory-col,
form .mandatory-col:last-child:not(:first-child) {
    float: left;
    clear: none
}

form .mandatory-col:last-child {
    float: right !important
}

form.invert label::after {
    color: #fff
}

form.invert .mandatory {
    color: #e8e8e8
}

form.invert .mandatory::before {
    color: #fff
}

fieldset {
    margin-bottom: 1.66667rem
}

fieldset.raise {
    margin-bottom: 3.33333rem
}

fieldset.submit button,
fieldset.submit .button {
    font-size: 1rem
}

@media print,
screen and (min-width:50em) {
    fieldset.submit .col-half {
        width: auto
    }
}

label {
    font-size: 1.11111rem;
    display: block;
    line-height: 1.6;
    color: #222;
    cursor: pointer;
    margin-bottom: 0
}

label.error {
    float: right;
    background-color: #d52b1e;
    color: #fff;
    padding: .22222rem .55556rem;
    cursor: pointer;
    margin-bottom: 1rem;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.invert label {
    color: #fff
}

h1+label.error,
h2+label.error,
h3+label.error,
h4+label.error,
h5+label.error,
h6+label.error {
    display: inline-block;
    float: none;
    border-radius: 4px
}

.ffl-wrap {
    position: relative;
    display: block;
    padding-top: .77778rem;
    margin-top: -.77778rem
}

.ffl-wrap .ffl-label {
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    position: absolute;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    top: 1.44444rem
}

.ffl-wrap.ffl-floated .ffl-label {
    top: 0
}

.ffl-wrap .ffl-label {
    padding-left: .22222rem;
    padding-right: .22222rem;
    left: 1.11111rem;
    z-index: 1
}

.ffl-wrap.ffl-floated .ffl-label {
    background-color: #f5f5f5;
    font-size: .77778rem
}

.invert .ffl-wrap.ffl-floated .ffl-label {
    color: #fff
}

.ffl-wrap.has-error .ffl-label::after {
    color: #d52b1e
}

.ffl-wrap input:-webkit-autofill {
    -webkit-transition: color 9999s ease-out 9999s, background-color 9999s ease-out;
    transition: color 9999s ease-out 9999s, background-color 9999s ease-out
}

.ffl-wrap input:-webkit-autofill+.ffl-label {
    top: 0;
    font-size: .77778rem
}

.checkbox+.checkbox {
    padding-top: .55556rem
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=url],
input[type=password],
input[type=search],
select,
textarea {
    margin-bottom: 1rem;
    overflow: hidden
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input:-ms-input-placeholder[type=text],
input:-ms-input-placeholder[type=email],
input:-ms-input-placeholder[type=tel],
input:-ms-input-placeholder[type=number],
input:-ms-input-placeholder[type=url],
input:-ms-input-placeholder[type=password],
input:-ms-input-placeholder[type=search],
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear,
input[type=url]::-ms-clear,
input[type=password]::-ms-clear,
input[type=search]::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {
    display: none
}

input:hover[type=text],
input:hover[type=email],
input:hover[type=tel],
input:hover[type=number],
input:hover[type=url],
input:hover[type=password],
input:hover[type=search],
select:hover,
textarea:hover {
    border-color: #313131
}

input:active[type=text],
input:active[type=email],
input:active[type=tel],
input:active[type=number],
input:active[type=url],
input:active[type=password],
input:active[type=search],
select:active,
textarea:active,
input:focus[type=text],
input:focus[type=email],
input:focus[type=tel],
input:focus[type=number],
input:focus[type=url],
input:focus[type=password],
input:focus[type=search],
select:focus,
textarea:focus {
    box-shadow: none;
    border-color: RGB(var(--primary-rgb));
    background-color: transparent
}

.invert input[type=text],
.invert input[type=email],
.invert input[type=tel],
.invert input[type=number],
.invert input[type=url],
.invert input[type=password],
.invert input[type=search],
.invert select,
.invert textarea {
    border: 2px solid rgba(255, 255, 255, .6);
    color: #fff
}

.invert input:hover[type=text],
.invert input:hover[type=email],
.invert input:hover[type=tel],
.invert input:hover[type=number],
.invert input:hover[type=url],
.invert input:hover[type=password],
.invert input:hover[type=search],
.invert select:hover,
.invert textarea:hover {
    border-color: rgba(255, 255, 255, .8)
}

.invert input:active[type=text],
.invert input:active[type=email],
.invert input:active[type=tel],
.invert input:active[type=number],
.invert input:active[type=url],
.invert input:active[type=password],
.invert input:active[type=search],
.invert select:active,
.invert textarea:active,
.invert input:focus[type=text],
.invert input:focus[type=email],
.invert input:focus[type=tel],
.invert input:focus[type=number],
.invert input:focus[type=url],
.invert input:focus[type=password],
.invert input:focus[type=search],
.invert select:focus,
.invert textarea:focus {
    border-color: #fff
}

.invert input[type=text]::-webkit-input-placeholder,
.invert input[type=email]::-webkit-input-placeholder,
.invert input[type=tel]::-webkit-input-placeholder,
.invert input[type=number]::-webkit-input-placeholder,
.invert input[type=url]::-webkit-input-placeholder,
.invert input[type=password]::-webkit-input-placeholder,
.invert input[type=search]::-webkit-input-placeholder,
.invert select::-webkit-input-placeholder,
.invert textarea::-webkit-input-placeholder {
    color: #fff
}

.invert input[type=text]::-moz-placeholder,
.invert input[type=email]::-moz-placeholder,
.invert input[type=tel]::-moz-placeholder,
.invert input[type=number]::-moz-placeholder,
.invert input[type=url]::-moz-placeholder,
.invert input[type=password]::-moz-placeholder,
.invert input[type=search]::-moz-placeholder,
.invert select::-moz-placeholder,
.invert textarea::-moz-placeholder {
    color: #fff
}

.invert input:-ms-input-placeholder[type=text],
.invert input:-ms-input-placeholder[type=email],
.invert input:-ms-input-placeholder[type=tel],
.invert input:-ms-input-placeholder[type=number],
.invert input:-ms-input-placeholder[type=url],
.invert input:-ms-input-placeholder[type=password],
.invert input:-ms-input-placeholder[type=search],
.invert select:-ms-input-placeholder,
.invert textarea:-ms-input-placeholder {
    color: #fff
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=url],
input[type=password],
input[type=search],
select,
textarea {
    appearance: none
}

input[type=text].error,
input[type=text].error:hover,
input[type=text].error:focus,
input[type=text].error:active,
input[type=email].error,
input[type=email].error:hover,
input[type=email].error:focus,
input[type=email].error:active,
input[type=tel].error,
input[type=tel].error:hover,
input[type=tel].error:focus,
input[type=tel].error:active,
input[type=number].error,
input[type=number].error:hover,
input[type=number].error:focus,
input[type=number].error:active,
input[type=url].error,
input[type=url].error:hover,
input[type=url].error:focus,
input[type=url].error:active,
input[type=password].error,
input[type=password].error:hover,
input[type=password].error:focus,
input[type=password].error:active,
input[type=search].error,
input[type=search].error:hover,
input[type=search].error:focus,
input[type=search].error:active,
select.error,
select.error:hover,
select.error:focus,
select.error:active,
textarea.error,
textarea.error:hover,
textarea.error:focus,
textarea.error:active {
    border-color: #d52b1e;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

input[type=file] {
    display: block;
    border: 2px solid rgba(49, 49, 49, .6);
    border-radius: 4px;
    padding: .66667rem 1.11111rem;
    font-size: .88889rem;
    cursor: pointer
}

input[type=file]:hover {
    border-color: #313131
}

input[type=file]:active,
input[type=file]:focus {
    border-color: RGB(var(--primary-rgb))
}

input[type=file].error {
    border-color: #d52b1e;
    margin-bottom: 0
}

select,
textarea {
    display: block
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    position: absolute
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    padding-left: 2.5rem;
    margin: 0;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

input[type=checkbox]+label::after,
input[type=radio]+label::after {
    content: "";
    color: rgba(49, 49, 49, .6);
    border-width: 2px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: .14286rem;
    display: block;
    width: 1.44444rem;
    height: 1.44444rem;
    transition: color .3s ease;
    line-height: 1.2rem
}

input[type=checkbox]:hover+label::after,
input[type=checkbox]:focus+label::after,
input[type=radio]:hover+label::after,
input[type=radio]:focus+label::after {
    color: RGB(var(--primary-rgb))
}

input[type=checkbox]:checked+label::before,
input[type=radio]:checked+label::before {
    color: currentColor
}

.invert input[type=checkbox]+label,
.invert input[type=radio]+label {
    color: #fff
}

.invert input[type=checkbox]+label::after,
.invert input[type=radio]+label::after {
    color: rgba(255, 255, 255, .6)
}

.invert input[type=checkbox]:checked+label::before,
.invert input[type=radio]:checked+label::before {
    color: currentColor
}

.invert input[type=checkbox]:hover+label::after,
.invert input[type=checkbox]:focus+label::after,
.invert input[type=radio]:hover+label::after,
.invert input[type=radio]:focus+label::after {
    color: #fff
}

input[type=checkbox][disabled],
input[type=radio][disabled] {
    pointer-events: none
}

input[type=checkbox].error+label::after,
input[type=radio].error+label::after {
    border-color: #d52b1e
}

.has-error.checkbox {
    padding-bottom: 0
}

.has-error+label {
    background-color: transparent;
    color: #d52b1e;
    float: left;
    margin-left: 2.5rem
}

.has-error:not([class^=col-])+label {
    padding-left: 0
}

input[type=checkbox]+label::before {
    color: transparent;
    position: absolute;
    content: "";
    height: .33333rem;
    width: .55556rem;
    transform: rotate(-45deg);
    left: .44444rem;
    top: .66667rem;
    transition: border-color .3s ease;
    border-left-width: .11111rem;
    border-left-style: solid;
    border-bottom-width: .11111rem;
    border-bottom-style: solid
}

input[type=checkbox]:checked+label::before {
    color: currentColor;
    transition: border-color .3s ease
}

input[type=checkbox][disabled]+label::after {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .2)
}

.invert input[type=checkbox][disabled]+label::after {
    background-color: rgba(255, 255, 255, .5);
    border-color: rgba(0, 0, 0, .1)
}

.invert input[type=checkbox][disabled]+label:hover::after,
.invert input[type=checkbox][disabled]+label:focus::after {
    background-color: rgba(255, 255, 255, .5)
}

input[type=radio]+label::before {
    content: "";
    border-radius: 50%;
    background-color: currentColor;
    z-index: 1;
    top: .35714rem;
    left: 0;
    width: 1.44444rem;
    height: 1.44444rem;
    transform: scale(.4) translateY(-40%);
    transform-origin: center;
    text-align: center;
    position: absolute;
    color: transparent;
    transition: all .3s ease
}

input[type=radio]+label::after {
    border-radius: 50%
}

textarea {
    min-height: 9.44444rem;
    width: 100%;
    resize: vertical;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 1rem
}

.invert textarea {
    color: #fff
}

select {
    display: block;
    background-color: transparent;
    border: 2px solid rgba(49, 49, 49, .6)
}

.invert select {
    border: 2px solid rgba(255, 255, 255, .6);
    color: #fff
}

.invert select option {
    color: #fff
}

select option {
    padding: .44444rem
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: 2.77778rem
}

.no-js select+label {
    display: none
}

.or {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    position: relative
}

[type=reset] {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

[type=reset]:hover,
[type=reset]:focus {
    background-color: transparent
}

[type=reset]:hover,
[type=reset]:focus {
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--primary-rgb))
}

[type=reset].disabled,
[type=reset].disabled:hover,
[type=reset].disabled:focus,
[type=reset][disabled],
[type=reset][disabled]:hover,
[type=reset][disabled]:focus {
    background-color: transparent;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

.invert [type=reset] {
    color: #fff;
    border-color: #fff
}

.invert [type=reset]:hover,
.invert [type=reset]:focus {
    color: #fff;
    border-color: RGB(var(--secondary-rgb))
}

.invert [type=reset].disabled,
.invert [type=reset].disabled:hover,
.invert [type=reset].disabled:focus,
.invert [type=reset][disabled],
.invert [type=reset][disabled]:hover,
.invert [type=reset][disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

p.error-message {
    border-radius: 4px;
    padding: .22222rem .55556rem;
    color: #fff;
    display: inline-block;
    background-color: #d52b1e
}

.inline-file {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .66667rem;
    margin-bottom: 1.33333rem
}

.inline-file label:not(.error) {
    font-weight: 700
}

.inline-file .error {
    max-width: 22.22222rem;
    width: 100%;
    border-radius: 4px
}

.inline-file .whisper {
    color: RGB(var(--primary-rgb));
    border-color: RGB(var(--primary-rgb))
}

.inline-file .whisper:hover,
.inline-file .whisper:focus {
    color: RGB(var(--primary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

.inline-file .whisper.disabled,
.inline-file .whisper.disabled:hover,
.inline-file .whisper.disabled:focus,
.inline-file .whisper[disabled],
.inline-file .whisper[disabled]:hover,
.inline-file .whisper[disabled]:focus {
    background-color: transparent;
    color: RGB(var(--primary-rgb));
    border-color: RGB(var(--primary-rgb))
}

.inline-file input[type=file] {
    margin-bottom: 0 !important;
    padding: 0;
    border: 0;
    font-weight: 700;
    font-size: 1.11111rem
}

@media print,
screen and (min-width:50em) {
    .inline-file input[type=file] {
        width: auto
    }
}

.inline-file input[type=file]::file-selector-button {
    opacity: 0;
    width: 0
}

.vcard {
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap
}

.vcard::before,
.vcard::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.vcard::after {
    clear: both
}

.vcard.has-overlay .profile-link .fn {
    color: RGB(var(--primary-rgb))
}

.vcard.has-overlay:hover .vcard-overlay {
    pointer-events: auto;
    opacity: 1
}

.vcard.has-overlay:hover .vcard-overlay::after {
    left: 105%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.vcard.has-overlay:hover .vcard-overlay .animation-wrapper-up,
.vcard.has-overlay:hover .vcard-overlay .animation-wrapper-down {
    opacity: 1;
    transform: translateY(0)
}

.vcard.has-overlay .vcard-overlay:focus-within {
    pointer-events: auto;
    opacity: 1
}

.vcard.has-overlay .vcard-overlay:focus-within::after {
    left: 105%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.vcard.has-overlay .vcard-overlay:focus-within .animation-wrapper-up,
.vcard.has-overlay .vcard-overlay:focus-within .animation-wrapper-down {
    opacity: 1;
    transform: translateY(0)
}

.vcard::after,
.vcard::before {
    display: flex
}

.vcard.compact {
    --image-width-in-percentage: 4.44444rem
}

.vcard .vcard-overlay {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    pointer-events: none;
    padding: .83333rem;
    transition: opacity .2s ease-out;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: RGBA(var(--primary-rgb), .9);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.vcard .vcard-overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.vcard .vcard-overlay:hover::after,
.vcard .vcard-overlay:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.vcard .vcard-overlay.disabled::after,
.vcard .vcard-overlay.disabled:hover::after,
.vcard .vcard-overlay.disabled:focus::after,
.vcard .vcard-overlay[disabled]::after,
.vcard .vcard-overlay[disabled]:hover::after,
.vcard .vcard-overlay[disabled]:focus::after {
    display: none
}

.vcard .vcard-overlay .animation-wrapper-up {
    transform: translateY(20px)
}

.vcard .vcard-overlay .animation-wrapper-down {
    transform: translateY(-20px)
}

.vcard .vcard-overlay .animation-wrapper-up,
.vcard .vcard-overlay .animation-wrapper-down {
    transition: opacity .15s ease-in, transform .15s ease-in;
    transition-delay: .2s;
    opacity: 0
}

.vcard .vcard-overlay .heading-link {
    display: block;
    font-weight: 700;
    color: #fff;
    margin-bottom: .55556rem
}

.vcard .vcard-overlay .heading-link:hover,
.vcard .vcard-overlay .heading-link:focus {
    color: RGB(var(--secondary-rgb))
}

.vcard img {
    display: block;
    width: 100%;
    max-width: none
}

.vcard .profile-image {
    width: var(--image-width-in-percentage, 38%);
    padding-bottom: var(--image-width-in-percentage, 38%);
    overflow: hidden;
    position: relative
}

.vcard .profile-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto
}

.vcard .profile-description {
    padding: .71429rem;
    background-color: inherit;
    width: 62%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start
}

@media print,
screen and (min-width:36.25em) {
    .vcard .profile-description {
        padding-top: .81111rem;
        padding-right: 1.11111rem;
        padding-bottom: .81111rem;
        padding-left: 1.11111rem
    }
}

.vcard .profile-description .share-list {
    margin-left: -.28571rem
}

@media print,
screen and (min-width:50em) {
    .vcard .profile-description .share-list {
        margin-left: -.22222rem
    }
}

.vcard .profile-description .contact-button {
    width: 9.28571rem;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:68.74875em) {
    .vcard .profile-description .contact-button {
        font-size: .77778rem
    }
}

@media screen and (max-width:49.99875em) {
    .vcard .profile-description .contact-button {
        font-size: 1rem
    }
}

.vcard .profile-link {
    width: 100%;
    display: block;
    flex-grow: 1
}

.vcard .profile-link .fn,
.vcard .profile-link .position,
.vcard .profile-link .countries,
.vcard .profile-link .phone {
    display: block;
    font-size: 1rem;
    line-height: 1.4
}

@media print,
screen and (min-width:50em) {

    .vcard .profile-link .fn,
    .vcard .profile-link .position,
    .vcard .profile-link .countries,
    .vcard .profile-link .phone {
        font-size: .77778rem
    }
}

.vcard .profile-link .fn {
    font-weight: 700
}

.vcard .profile-link .position {
    color: #222
}

.vcard .profile-link .countries {
    color: #8f8f8f;
    margin-top: .44444rem
}

.vcard.invert {
    background-color: #313131;
    color: #fff
}

.vcard.invert .position {
    color: #fff
}

.vcard.global-management .profile-summary {
    padding: 1.66667rem
}

.vcard.global-management .profile-summary p:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:36.25em) {
    .vcard {
        border-radius: 4px
    }

    .vcard .profile-image {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .vcard.global-management .profile-image {
        height: auto;
        padding-bottom: 0
    }

    .vcard.global-management .profile-image img {
        position: static;
        transform: none;
        height: auto;
        width: 100%
    }

    .vcard.global-management .profile-image,
    .vcard.global-management .profile-description {
        padding: 1.66667rem
    }

    .vcard.global-management .profile-image .button,
    .vcard.global-management .profile-description .button {
        font-size: 1rem;
        margin-top: auto
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:50em) {

    .vcard.global-management .profile-image .button,
    .vcard.global-management .profile-description .button {
        font-size: .77778rem
    }
}

@media screen and (min-width:36.25em) and (min-width:68.75em) {

    .vcard.global-management .profile-image .button,
    .vcard.global-management .profile-description .button {
        font-size: .88889rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .vcard.global-management .profile-link {
        flex-grow: 0
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:50em) {

    .vcard.global-management .profile-image,
    .vcard.global-management .profile-description,
    .vcard.global-management .profile-summary {
        padding: .71429rem
    }

    .vcard.global-management .profile-image {
        width: 20%
    }

    .vcard.global-management .profile-description {
        width: 20%
    }

    .vcard.global-management .profile-summary {
        width: 60%;
        font-size: .88889rem
    }

    .vcard.global-management .profile-link {
        padding-bottom: .55556rem
    }
}

@media screen and (min-width:36.25em) and (min-width:68.75em) {
    .vcard.global-management .profile-image {
        padding: 1.66667rem
    }

    .vcard.global-management .profile-link .fn {
        font-size: 1.11111rem
    }

    .vcard.global-management .profile-link .position {
        font-size: .88889rem
    }

    .vcard.global-management .profile-description,
    .vcard.global-management .profile-summary {
        padding-top: 1.66667rem;
        padding-left: 0;
        padding-bottom: 1.66667rem;
        padding-right: 1.66667rem
    }
}

@media screen and (min-width:68.75em) {

    .vcard.large .profile-link .fn,
    .vcard.large .profile-link .position {
        font-size: 1.11111rem
    }

    .vcard.large .profile-description {
        padding: 1.66667rem
    }
}

.vcard.has-contact-button .profile-link {
    padding-bottom: .55556rem
}

.vcard.has-contact-button .profile-description {
    padding-top: 1.11111rem;
    padding-bottom: 1.11111rem
}

.vcard-section {
    display: none;
    padding: 0 0 2.14286rem 0
}

@media print,
screen and (min-width:36.25em) {
    .vcard-section {
        display: block;
        margin-top: 0;
        position: absolute;
        width: 100%;
        top: 0;
        padding-bottom: 0;
        transform: translate(0, -100%)
    }

    .vcard-section .vcard {
        height: 6.07143rem;
        padding-left: 6.07143rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .vcard-section .vcard .vcard-overlay {
        flex-direction: row;
        justify-content: space-around
    }

    .vcard-section .vcard .vcard-overlay .heading-link {
        margin: 0
    }

    .vcard-section .vcard .vcard-overlay .contact-share-list li {
        padding-bottom: 0
    }

    .vcard-section .vcard .profile-description {
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .vcard-section .vcard .profile-image {
        width: 6.07143rem;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        border-bottom-left-radius: 0
    }

    .vcard-section .vcard .profile-image img {
        position: static;
        transform: none;
        height: auto;
        width: 100%
    }

    .vcard-section .vcard .profile-link {
        display: block;
        vertical-align: middle;
        height: auto;
        padding-right: .5rem;
        padding-bottom: 0;
        min-width: 5em
    }

    .vcard-section .vcard .share-list {
        margin: 0;
        min-width: 3.85714rem
    }

    .vcard-section .vcard .position {
        display: none
    }
}

@media print,
screen and (min-width:50em) {
    .vcard-section {
        padding: 0
    }

    .vcard-section .vcard {
        height: 4.72222rem;
        padding-left: 4.72222rem
    }

    .vcard-section .vcard .share-list {
        min-width: 3rem
    }

    .vcard-section .vcard .profile-image {
        width: 4.72222rem
    }
}

.vcard-section .contact-list li {
    padding-top: 0
}

@media print,
screen and (min-width:36.25em) {
    .vcard-section .contact-list {
        margin-right: -.17857rem;
        margin-left: -.17857rem;
        margin-bottom: 0 !important
    }

    .vcard-section .contact-list>li {
        padding-right: .35714rem;
        padding-left: .35714rem
    }
}

@media print,
screen and (min-width:50em) {
    .vcard-section .contact-list {
        margin-right: -.13889rem;
        margin-left: -.13889rem
    }

    .vcard-section .contact-list>li {
        padding-right: .27778rem;
        padding-left: .27778rem
    }
}

@media screen and (min-width:68.75em) {
    .vcard-section .contact-list>li {
        width: 40%
    }
}

.vcard-call-to-action-section {
    background-color: #313131
}

.vcard-call-to-action-section .contact-list:last-child {
    margin-bottom: 0
}

.vcard-call-to-action-section .headline {
    margin-top: 0;
    color: #fff
}

@media screen and (max-width:36.24875em) {
    .vcard-call-to-action-section .headline {
        margin-bottom: 1.11111rem
    }
}

.vcard-call-to-action-section .headline-info {
    color: #fff
}

.panel {
    position: relative;
    margin: 0 0 1.22222rem 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background-color: #fff;
    color: #222;
    font-size: 1rem;
    padding: 1.71429rem 2.14286rem;
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

.panel>:first-child {
    margin-top: 0
}

.panel>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .panel {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:50em) {
    .panel {
        padding: 2.77778rem 3.33333rem;
        font-size: .88889rem
    }
}

.panel:last-child {
    margin-bottom: 0
}

.panel.small:last-child,
.panel.large:last-child,
.panel.image:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .panel.small {
        padding: 1.71429rem 1.42857rem
    }
}

@media print,
screen and (min-width:50em) {
    .panel.large {
        padding: 2rem 4.44444rem
    }
}

.panel.event-registration {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

@media print,
screen and (min-width:36.25em) {
    .panel.event-registration {
        margin-right: 0;
        margin-left: 0
    }
}

.panel.press-contact .header-h3 {
    margin-top: 0
}

.panel.press-contact p {
    font-size: 1rem;
    margin-bottom: 1rem
}

.panel.image {
    overflow: hidden;
    padding: 0
}

.panel.image::before,
.panel.image::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.panel.image::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .panel.image {
        min-height: 14.22222rem;
        margin-bottom: 2.22222rem
    }
}

.panel.image .image-wrap {
    overflow: hidden;
    position: relative;
    min-height: 14.22222rem
}

@media print,
screen and (min-width:50em) {
    .panel.image .image-wrap {
        min-height: 0;
        position: absolute;
        width: 50%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0
    }
}

.panel.image .image-wrap img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.panel.image .image-wrap a {
    display: block;
    width: 100%;
    height: 100%
}

.panel.image .description {
    padding: 1.71429rem 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .panel.image .description {
        padding: 2.77778rem;
        width: 50%;
        float: right
    }
}

.panel :last-child {
    margin-bottom: 0
}

.panel .panel-header {
    color: #222;
    margin: 0;
    transition: color .2s ease;
    word-wrap: break-word
}

.panel .panel-header+* {
    margin-top: .77778rem
}

.panel .panel-icon {
    min-height: 3.71429rem;
    padding-left: 4.78571rem;
    padding-top: 1rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px auto
}

@media print,
screen and (min-width:50em) {
    .panel .panel-icon {
        min-height: 2.88889rem;
        padding-left: 3.72222rem;
        padding-top: .44444rem
    }
}

.panel.warning,
.panel.alert {
    border-width: 2px;
    border-style: solid;
    border-color: var(--color)
}

.panel.warning .panel-icon,
.panel.alert .panel-icon {
    position: relative;
    border: 0;
    min-height: auto;
    padding-top: 0
}

.panel.warning .panel-icon:before,
.panel.alert .panel-icon:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 30px;
    font-family: "BPC Icons";
    color: var(--color);
    transition: color .2s ease;
    position: absolute;
    top: -13px;
    left: 0
}

@media print,
screen and (min-width:50em) {

    .panel.warning .panel-icon,
    .panel.alert .panel-icon {
        padding-top: 0
    }
}

.panel.warning {
    --color: #fff300
}

.panel.alert {
    --color: #d52b1e
}

.panel.hide {
    display: none
}

.panel .svg {
    position: relative
}

.panel .svg.primary-background svg {
    fill: RGB(var(--primary-rgb))
}

.panel .svg svg {
    position: absolute;
    left: 0;
    top: 0;
    height: 2.83333rem;
    width: 51px
}

@media print,
screen and (min-width:50em) {
    .panel.isotope-hub-featured .image-wrap {
        width: 50%
    }

    .panel.isotope-hub-featured .description {
        width: 50%
    }
}

@media screen and (min-width:68.75em) {
    .panel.isotope-hub-featured .image-wrap {
        width: 33.33%
    }

    .panel.isotope-hub-featured .description {
        width: 66.66%
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.025)
    }

    to {
        transform: scale(1)
    }
}

.panel.isotope-hub-featured.jumpTo-active {
    animation: pulse .45s ease .15s
}

.panel.isotope-hub-featured .panel-header {
    -webkit-hyphens: none;
    hyphens: none
}

.panel.isotope-hub-featured a.file:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.77778rem;
    font-family: "BPC Icons"
}

.panel.isotope-hub-featured a.file::before {
    margin-bottom: 1.14286rem;
    display: block;
    line-height: 1;
    transition: none
}

@media print,
screen and (min-width:50em) {
    .panel.isotope-hub-featured a.file::before {
        margin-bottom: .88889rem
    }
}

.panel form input:not(.error),
.panel form textarea:not(.error) {
    margin-bottom: 1rem
}

.panel form label.error {
    margin-bottom: .5rem
}

.panel .ffl-wrap .ffl-label {
    background-color: #fff
}

.panel .content-type {
    margin-top: 0
}

.panel.cke,
.ckeditor .panel {
    display: inline-block;
    margin-left: unset;
    margin-right: unset;
    font-size: inherit
}

a.panel {
    color: #222;
    border-radius: 4px;
    position: relative;
    display: block
}

a.panel::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

a.panel:hover::after,
a.panel:focus::after,
a.panel:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

a.panel:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

a.panel:hover::after {
    border-color: RGB(var(--primary-rgb))
}

a.panel .panel-header {
    color: RGB(var(--primary-rgb))
}

.panel-list {
    margin-right: -.41667rem;
    margin-left: -.41667rem;
    display: flex;
    flex-flow: row wrap
}

@media print,
screen and (min-width:36.25em) {
    .panel-list {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

@media print,
screen and (min-width:50em) {
    .panel-list {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

.main-wrapper .panel-list {
    padding-right: 0;
    padding-left: 0
}

.panel-list li {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .41667rem;
    padding-left: .41667rem;
    padding-top: .41667rem;
    padding-bottom: .41667rem
}

@media print,
screen and (min-width:36.25em) {
    .panel-list li {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .panel-list li {
        padding-top: .55556rem;
        padding-bottom: .55556rem
    }
}

@media print,
screen and (min-width:50em) {
    .panel-list li {
        display: flex;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media print,
screen and (min-width:50em) {
    .panel-wall .panel-list li {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width:68.75em) {
    .panel-wall .panel-list li {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.panel-list .panel {
    display: flex
}

@media print,
screen and (min-width:50em) {
    .panel-list .panel {
        width: 100%
    }
}

.page-header {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff
}

.page-header button.whisper,
.page-header .button.whisper {
    color: #fff;
    border-color: #fff
}

.page-header button.whisper:hover,
.page-header button.whisper:focus,
.page-header .button.whisper:hover,
.page-header .button.whisper:focus {
    color: #fff;
    border-color: RGB(var(--secondary-rgb))
}

.page-header button.whisper.disabled,
.page-header button.whisper.disabled:hover,
.page-header button.whisper.disabled:focus,
.page-header button.whisper[disabled],
.page-header button.whisper[disabled]:hover,
.page-header button.whisper[disabled]:focus,
.page-header .button.whisper.disabled,
.page-header .button.whisper.disabled:hover,
.page-header .button.whisper.disabled:focus,
.page-header .button.whisper[disabled],
.page-header .button.whisper[disabled]:hover,
.page-header .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.page-header .inner-wrapper {
    position: relative;
    padding-top: 6.21429rem;
    padding-bottom: 4.28571rem
}

@media print,
screen and (min-width:36.25em) {
    .has-contacts .page-header .inner-wrapper {
        padding-bottom: 10rem
    }
}

@media print,
screen and (min-width:50em) {
    .page-header .inner-wrapper {
        padding-top: 10rem;
        padding-bottom: 10rem
    }

    .has-contacts .page-header .inner-wrapper {
        padding-bottom: 11.11111rem
    }
}

.page-header .inner-wrapper>:first-child {
    margin-top: 0
}

.page-header .inner-wrapper>:last-child {
    margin-bottom: 0
}

.page-header .sticky-top-bar+.inner-wrapper {
    padding-top: 3.33333rem
}

@media print,
screen and (min-width:50em) {
    .page-header .sticky-top-bar+.inner-wrapper {
        padding-top: 3.88889rem
    }
}

@media print,
screen and (min-width:50em) {
    .page-header .main-wrapper {
        position: relative
    }
}

.page-header.image-header {
    background-color: RGB(var(--secondary-rgb))
}

.page-header.image-header .meta-nav {
    position: absolute;
    top: 0;
    left: 0
}

@media print,
screen and (min-width:50em) {
    .page-header.image-header .meta-nav {
        position: static
    }
}

.page-header.monochrome {
    background-image: none;
    background-color: #000
}

.page-header.monochrome .header-h1 {
    color: RGB(var(--primary-rgb))
}

.page-header.image-header,
.page-header.fullsize-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.page-header .facet-share-list {
    float: none
}

.page-header .facet-share-list li a {
    width: 2.66667rem;
    height: 2.66667rem;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    font-size: 0;
    color: #fff;
    border-radius: 100%;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-image: radial-gradient(#313131 60%, transparent 60%);
    border-width: 2px;
    border-color: #fff;
    border-style: solid
}

.page-header .facet-share-list li a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.page-header .facet-share-list li a::before {
    width: 2.66667rem;
    height: auto;
    font-size: 2.66667rem;
    line-height: 2.66667rem
}

.page-header .facet-share-list li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.page-header .facet-share-list li a:hover::after,
.page-header .facet-share-list li a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.page-header .facet-share-list li a.disabled::after,
.page-header .facet-share-list li a.disabled:hover::after,
.page-header .facet-share-list li a.disabled:focus::after,
.page-header .facet-share-list li a[disabled]::after,
.page-header .facet-share-list li a[disabled]:hover::after,
.page-header .facet-share-list li a[disabled]:focus::after {
    display: none
}

.page-header .facet-share-list li a::before {
    border-radius: 100%;
    display: block
}

.page-header .facet-share-list li a:hover,
.page-header .facet-share-list li a:focus {
    color: #fff;
    background-image: radial-gradient(#313131 60%, transparent 60%)
}

.page-header .facet-share-list li a.linkedin:before {
    content: ""
}

.page-header .facet-share-list li a.facebook:before {
    content: ""
}

.page-header .facet-share-list li a.twitter:before {
    content: ""
}

.page-header .facet-share-list li a.youtube:before {
    content: ""
}

.page-header .facet-share-list li a.xing:before {
    content: ""
}

.page-header .facet-share-list li a.mail:before {
    content: ""
}

.page-header .facet-share-list li a:hover,
.page-header .facet-share-list li a:focus {
    border-color: RGB(var(--primary-rgb))
}

.page-header .background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.page-header.fullsize-header {
    background-image: none;
    margin-bottom: 0
}

.page-header.fullsize-header::before {
    position: fixed
}

.page-header.fullsize-header .inner-wrapper {
    padding-bottom: 0;
    max-width: none
}

.page-header.event-header+.section-wrapper {
    padding-top: 0
}

.page-header.event-header .buttons {
    margin-top: -2rem
}

.page-header.event-header .buttons+.event-status {
    margin-top: 1.11111rem
}

.page-header .headline-description {
    display: block;
    margin-top: 2rem
}

@media print,
screen and (min-width:50em) {
    .page-header .headline-description {
        width: 75%
    }
}

.page-header .contact-name {
    margin-bottom: .42857rem
}

.page-header .contact-name+.feature-label {
    margin-top: 0;
    margin-bottom: 1.88889rem
}

.page-header.stage .inner-wrapper {
    padding-top: calc(10% + 2.85714rem);
    padding-bottom: 15%
}

@media print,
screen and (min-width:50em) {
    .page-header.stage .inner-wrapper {
        padding-top: 12.77778rem;
        padding-bottom: 12.77778rem
    }
}

.page-header.stage .sticky-top-bar+.inner-wrapper {
    padding-top: 10%
}

@media print,
screen and (min-width:50em) {
    .page-header.stage .sticky-top-bar+.inner-wrapper {
        padding-top: 7.22222rem
    }
}

.page-header.stage .header-h1 {
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5rem
}

@media print,
screen and (min-width:50em) {
    .page-header.stage .header-h1 {
        font-size: 3.33333rem
    }
}

.accordion {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .accordion {
        margin-right: 0;
        margin-left: 0
    }
}

.accordion>li {
    color: #222;
    border-radius: 4px;
    position: relative;
    border-radius: 0;
    margin-bottom: 1px
}

.accordion>li::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.accordion>li:hover::after,
.accordion>li:focus::after,
.accordion>li:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.accordion>li:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.accordion>li:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.accordion>li::after {
    border-radius: 0
}

.accordion>li:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.accordion>li:first-child::after {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.accordion>li:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.accordion>li:last-child::after {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.accordion>:first-child>.accordion-title {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.accordion>:first-child>.accordion-title::after {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.accordion>:last-child>.accordion-title {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.accordion>:last-child>.accordion-title::after {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.accordion .accordion-item {
    background-color: rgba(255, 255, 255, .9)
}

.accordion .accordion-item.is-active {
    background-color: #fff
}

.accordion .accordion-item.is-active .accordion-title:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons"
}

.accordion .accordion-title {
    position: relative;
    display: block;
    color: #222;
    padding: 1.71429rem 4.28571rem 1.5rem 2.14286rem;
    font-size: 1.33333rem
}

.accordion .accordion-title:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    right: 3.33333rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.accordion .accordion-title::before {
    right: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .accordion .accordion-title {
        padding: 1.33333rem 5rem 1.16667rem 3.33333rem
    }

    .accordion .accordion-title::before {
        right: 3.33333rem
    }
}

.accordion .accordion-title .label {
    display: inline-block;
    color: #fff;
    background-color: RGB(var(--primary-rgb));
    padding-top: .25em;
    padding-right: .6em;
    padding-bottom: .25em;
    padding-left: .6em;
    line-height: inherit;
    font-size: .77778rem;
    font-weight: 700;
    vertical-align: text-top;
    margin-left: .75em
}

.accordion .accordion-title .label.highlight {
    background-color: RGB(var(--secondary-rgb))
}

.accordion .accordion-content {
    display: none;
    padding-top: 1.71429rem;
    padding-right: 4.28571rem;
    padding-bottom: 3rem;
    padding-left: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .accordion .accordion-content {
        padding-top: 1.33333rem;
        padding-right: 5rem;
        padding-bottom: 2.33333rem;
        padding-left: 3.33333rem
    }
}

.accordion .accordion-content :first-child {
    margin-top: 0
}

.accordion .accordion-content :last-child {
    margin-bottom: 0
}

.accordion .accordion-content .label {
    display: inline-block;
    color: #fff;
    background-color: RGB(var(--primary-rgb));
    padding-top: .25em;
    padding-right: .6em;
    padding-bottom: .25em;
    padding-left: .6em;
    line-height: inherit;
    font-size: .77778rem;
    font-weight: 700;
    vertical-align: text-top;
    margin-left: .75em
}

.accordion .accordion-content .label.highlight {
    background-color: RGB(var(--secondary-rgb))
}

.accordion .accordion-content .ffl-wrap {
    margin-top: -.77778rem
}

.content-section .accordion .accordion-content ol,
.content-section .accordion .accordion-content ul {
    margin-bottom: 2rem
}

.content-section .accordion .accordion-content ol li {
    list-style: decimal
}

.content-section .accordion .accordion-content ul li {
    position: relative
}

.content-section .accordion .accordion-content ul li::before {
    display: block;
    color: #222
}

.content-section .accordion .accordion-content blockquote {
    margin-bottom: 2rem
}

.accordion .ffl-wrap .ffl-label {
    background-color: #fff
}

.grid.columns-2 [id^=accordion-] {
    padding-block: 0
}

.grid.columns-2 [id^=accordion-]:not(:last-child) {
    margin-bottom: 2rem
}

.grid.columns-2 [id^=accordion-]>.main-wrapper>.inner-wrapper {
    padding-inline: 0;
    gap: 1.77778rem
}

.grid.columns-2 [id^=accordion-]>.main-wrapper>.inner-wrapper>h2 {
    margin-bottom: 0;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1.5rem
}

@media print,
screen and (min-width:50em) {
    .grid.columns-2 [id^=accordion-]>.main-wrapper>.inner-wrapper>h2 {
        font-size: 1.55556rem
    }
}

.grid.columns-2 [id^=accordion-]>.main-wrapper>.inner-wrapper .accordion {
    margin-inline: 0
}

.grid.columns-2 [id^=accordion-]>.main-wrapper>.inner-wrapper .accordion-title {
    font-size: 1.22222rem
}

.isotope-hub {
    overflow: hidden
}

.isotope-hub:first-child .filter-wrap {
    margin-top: 1.11111rem
}

.isotope-hub .header-h1 {
    color: RGB(var(--secondary-rgb))
}

.isotope-hub .panel:last-child {
    margin-bottom: 2.22222rem
}

@media print,
screen and (min-width:50em) {
    .isotope-hub .panel:last-child {
        margin-bottom: 4.44444rem
    }
}

.isotope-hub .tag {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: .16667rem;
    padding-left: .55556rem;
    padding-bottom: .16667rem;
    padding-right: .55556rem;
    color: #fff;
    background-color: RGB(var(--secondary-rgb));
    border-top-left-radius: 4px;
    font-weight: 700
}

.isotope-grid {
    margin-left: -2.55952rem;
    margin-right: -2.55952rem;
    margin-top: 1.11111rem;
    z-index: 1;
    position: relative
}

.isotope-grid::before,
.isotope-grid::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.isotope-grid::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    .isotope-grid {
        margin-left: -2.69841rem;
        margin-right: -2.69841rem
    }
}

@media print,
screen and (min-width:50em) {
    .isotope-grid {
        margin-left: -.55556rem;
        margin-right: -.55556rem
    }
}

.isotope-grid::before {
    transition: opacity .3s ease, visibility .3s ease;
    visibility: visible;
    opacity: 1;
    content: "";
    display: block;
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 29
}

@media screen and (min-width:68.75em) {
    .isotope-grid:not(.two-column-layout) .grid-item {
        width: 33.33333%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media screen and (min-width:68.75em) and (min-width:36.25em) {
    .isotope-grid:not(.two-column-layout) .grid-item {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media screen and (min-width:68.75em) {

    .isotope-grid:not(.two-column-layout) .grid-item,
    .isotope-grid:not(.two-column-layout) .grid-item:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.isotope-grid.is-initialized::before {
    visibility: hidden;
    opacity: 0
}

.isotope-grid.same-height-grid-items {
    display: flex;
    flex-wrap: wrap
}

.isotope-grid.same-height-grid-items .grid-item {
    position: static !important
}

.isotope-grid.same-height-grid-items .grid-item>div {
    height: 100%
}

.isotope-grid .share {
    margin-top: 1.05556rem;
    margin-bottom: 0;
    text-align: left;
    padding-right: 1.42857rem;
    padding-bottom: 1.71429rem;
    padding-left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    .isotope-grid .share {
        padding-right: 3.33333rem;
        padding-bottom: 2.77778rem;
        padding-left: 3.33333rem
    }
}

.isotope-grid .share .icon-bubble-trigger {
    color: RGB(var(--primary-rgb))
}

.isotope-grid .share .icon-bubble-trigger:hover,
.isotope-grid .share .icon-bubble-trigger:focus {
    color: RGB(var(--secondary-rgb))
}

.isotope-grid .share .icon-bubble {
    right: auto;
    left: 1.42857rem;
    top: 2rem
}

@media print,
screen and (min-width:36.25em) {
    .isotope-grid .share .icon-bubble {
        left: 3.33333rem;
        top: 1.77778rem
    }
}

.isotope-grid .share .icon-bubble::after {
    left: 1.66667rem;
    right: auto
}

.alt-background4 .isotope-grid::before {
    background-color: #222
}

.isotope-grid .grid-item {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem;
    margin-bottom: 1.11111rem
}

@media print,
screen and (min-width:36.25em) {
    .isotope-grid .grid-item {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.isotope-grid .grid-item,
.isotope-grid .grid-item:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .isotope-grid .grid-item {
        width: 50%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:36.25em) {
    .isotope-grid .grid-item {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:36.25em) {

    .isotope-grid .grid-item,
    .isotope-grid .grid-item:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.isotope-grid .grid-item>div,
.isotope-grid .grid-item>a {
    color: #222;
    border-radius: 4px;
    position: relative;
    background-color: #fff
}

.isotope-grid .grid-item>div::after,
.isotope-grid .grid-item>a::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.isotope-grid .grid-item>div:hover::after,
.isotope-grid .grid-item>div:focus::after,
.isotope-grid .grid-item>div:focus-within::after,
.isotope-grid .grid-item>a:hover::after,
.isotope-grid .grid-item>a:focus::after,
.isotope-grid .grid-item>a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.isotope-grid .grid-item>div:focus-within::after,
.isotope-grid .grid-item>a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.isotope-grid .grid-item>div:hover::after,
.isotope-grid .grid-item>a:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.isotope-grid .grid-item>a {
    display: block
}

.isotope-grid .grid-item .responsive-embed {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    overflow: hidden
}

.isotope-grid .grid-item .responsive-embed iframe {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.isotope-grid .grid-item .responsive-embed.consent-required {
    z-index: 0
}

.alt-background4 .isotope-grid .grid-item>div {
    color: #fff;
    background-color: #313131
}

.grid-image {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    overflow: hidden;
    display: block
}

.hub-video-wrapper:hover .grid-image::before {
    color: RGB(var(--secondary-rgb))
}

.hub-video-wrapper .grid-image {
    position: relative
}

.hub-video-wrapper .grid-image:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 4.22222rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.hub-video-wrapper .grid-image:hover:before,
.hub-video-wrapper .grid-image:active:before,
.hub-video-wrapper .grid-image:focus:before {
    color: RGB(var(--secondary-rgb))
}

.grid-content {
    position: relative
}

.grid-content>a {
    display: block
}

.grid-content .button {
    margin-top: 1.33333rem
}

.grid-content .content-type {
    display: -webkit-box;
    overflow: hidden;
    position: absolute;
    top: 1.71429rem;
    left: 1.42857rem;
    right: 1.42857rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: .83333rem;
    line-height: 1.4;
    color: #888;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media print,
screen and (min-width:36.25em) {
    .grid-content .content-type {
        top: 2.22222rem;
        left: 3.33333rem;
        right: 3.33333rem
    }
}

.grid-content a.content-type {
    color: RGB(var(--primary-rgb))
}

.grid-content a.content-type:hover,
.grid-content a.content-type:focus {
    color: RGB(var(--secondary-rgb))
}

.grid-content .content-wrap {
    clear: both;
    color: currentColor;
    display: block
}

.grid-content .content-wrap.file:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 2rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.grid-content .content-wrap.file::before {
    margin-bottom: -.83333rem;
    display: block;
    transition: none;
    padding-top: 1.71429rem;
    padding-right: 1.42857rem;
    padding-left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    .grid-content .content-wrap.file::before {
        margin-bottom: -2.16667rem;
        padding-top: 2.77778rem;
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.grid-content .content-wrap.list {
    margin-left: 0
}

.grid-content .content-wrap.list li {
    margin-bottom: .83333rem
}

.grid-content .content-wrap.list li::before {
    content: none
}

.grid-content .content-wrap.list li a {
    position: relative;
    display: block;
    padding-right: 2.22222rem;
    padding-bottom: .27778rem;
    color: RGB(var(--primary-rgb));
    text-shadow: none;
    background-image: linear-gradient(to right, RGB(var(--primary-rgb)), RGB(var(--primary-rgb))), linear-gradient(to right, RGB(var(--secondary-rgb)), RGB(var(--secondary-rgb)));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: color .5s ease, background-size .5s ease
}

.grid-content .content-wrap.list li a:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.grid-content .content-wrap.list li a span {
    display: block;
    background-image: linear-gradient(to right, RGB(var(--secondary-rgb)), RGB(var(--secondary-rgb)) 50%, RGB(var(--primary-rgb)) 50%);
    background-size: 200% 100%;
    background-position: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position .5s ease
}

.grid-content .content-wrap.list li a::after {
    transition: color .2s ease
}

.grid-content .content-wrap.list li a:hover,
.grid-content .content-wrap.list li a:focus {
    color: RGB(var(--secondary-rgb));
    background-size: 0 1px, 100% 1px
}

.grid-content .content-wrap.list li a:hover::after,
.grid-content .content-wrap.list li a:focus::after {
    color: RGB(var(--secondary-rgb))
}

.grid-content .content-wrap.list li a:hover span,
.grid-content .content-wrap.list li a:focus span {
    background-position: 0 100%
}

.is-ie .grid-content .content-wrap.list li a span {
    background-image: none
}

.grid-content .content-wrap.list :last-child {
    margin-bottom: 0
}

.grid-content .content-wrap.buttons,
.grid-content .content-wrap.list {
    margin-bottom: 0;
    padding-right: 1.42857rem;
    padding-left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {

    .grid-content .content-wrap.buttons,
    .grid-content .content-wrap.list {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.grid-content .content-wrap.buttons>*,
.grid-content .content-wrap.list>* {
    width: 100%
}

.grid-content .content-wrap:last-child {
    padding-bottom: 1.71429rem
}

@media print,
screen and (min-width:36.25em) {
    .grid-content .content-wrap:last-child {
        padding-bottom: 2.77778rem
    }
}

.grid-content .content-wrap:last-child .content-header:last-child {
    margin-bottom: 0
}

@media screen and (max-width:49.99875em) {
    .grid-content .content-wrap>p {
        display: none
    }
}

.grid-content .content-header {
    clear: both;
    word-break: break-word;
    word-wrap: break-word;
    margin-top: 0;
    padding-top: 1.71429rem;
    padding-right: 1.42857rem;
    padding-left: 1.42857rem;
    font-size: 1.28571rem
}

@media print,
screen and (min-width:36.25em) {
    .grid-content .content-header {
        padding-top: 2.77778rem;
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

@media print,
screen and (min-width:50em) {
    .grid-content .content-header {
        font-size: 1.38889rem
    }
}

[lang=de] .grid-content .content-header,
[lang=ru] .grid-content .content-header {
    -webkit-hyphens: auto;
    hyphens: auto
}

.grid-content .content-type+div .content-header,
.grid-content .content-type+.content-header,
.grid-content .date+div .content-header,
.grid-content .date+.content-header {
    padding-top: 4.35714rem
}

@media print,
screen and (min-width:36.25em) {

    .grid-content .content-type+div .content-header,
    .grid-content .content-type+.content-header,
    .grid-content .date+div .content-header,
    .grid-content .date+.content-header {
        padding-top: 5.42857rem
    }
}

@media print,
screen and (min-width:50em) {

    .grid-content .content-type+div .content-header,
    .grid-content .content-type+.content-header,
    .grid-content .date+div .content-header,
    .grid-content .date+.content-header {
        padding-top: 5rem
    }
}

.grid-content .content-type+.date {
    top: 4.35714rem;
    left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    .grid-content .content-type+.date {
        top: 5rem;
        left: 3.33333rem
    }
}

.grid-content .content-type+.date+div .content-header,
.grid-content .content-type+.date+.content-header {
    padding-top: 6.85714rem
}

@media print,
screen and (min-width:36.25em) {

    .grid-content .content-type+.date+div .content-header,
    .grid-content .content-type+.date+.content-header {
        padding-top: 7.14286rem
    }
}

@media print,
screen and (min-width:50em) {

    .grid-content .content-type+.date+div .content-header,
    .grid-content .content-type+.date+.content-header {
        padding-top: 7rem
    }
}

.grid-content .date {
    display: block;
    padding-top: .11111rem;
    position: absolute;
    top: 1.71429rem;
    left: 1.42857rem
}

@media print,
screen and (min-width:36.25em) {
    .grid-content .date {
        top: 2.77778rem;
        left: 3.33333rem
    }
}

.grid-content p {
    margin-bottom: 0;
    font-size: 1rem;
    padding-right: 1.42857rem;
    padding-left: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .grid-content p {
        font-size: .77778rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .grid-content p {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.isotope-headline {
    margin: 0 auto;
    padding: 0 .71429rem;
    max-width: 62.85714rem
}

@media print,
screen and (min-width:50em) {
    .isotope-headline {
        max-width: 48.88889rem;
        padding: 0 .55556rem
    }
}

.isotope-headline h2 {
    margin-top: 0;
    margin-bottom: 2rem
}

.no-display {
    width: 100%;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem;
    text-align: center;
    line-height: 1.4;
    font-size: 1.14286rem
}

@media print,
screen and (min-width:50em) {
    .no-display {
        padding-left: 3.33333rem;
        padding-right: 3.33333rem;
        margin-top: 2.77778rem;
        margin-bottom: 2.77778rem;
        font-size: 1.38889rem
    }
}

#information-hub-target .no-display {
    margin-top: .60317rem
}

@media print,
screen and (min-width:50em) {
    #information-hub-target .no-display {
        margin-top: 1.66667rem
    }
}

[data-loader=circle-side] {
    z-index: 31;
    display: none
}

[data-loader=circle-side] .circle {
    animation: preloader infinite 1s linear;
    border: 4px solid #e8e8e8;
    border-left-color: RGB(var(--secondary-rgb));
    transform: none;
    display: block;
    width: 4.44444rem;
    height: 4.44444rem;
    border-radius: 100%
}

@keyframes preloader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.search-result-list [data-loader=circle-side],
.staff-profiles-listing [data-loader=circle-side] {
    top: 11.11111rem
}

.staff-profiles-listing [data-loader=circle-side] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.isotope-grid [data-loader=circle-side] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    margin-top: 8.88889rem;
    margin-bottom: 8.88889rem;
    width: 4.44444rem
}

.staff-profiles-listing {
    position: relative;
    min-height: 5.55556rem
}

.filter-wrap {
    position: relative;
    margin-bottom: .83333rem
}

.filter-wrap>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:36.25em) {
    .filter-wrap {
        margin-bottom: 1.11111rem
    }

    .filter-wrap>:last-child {
        margin-bottom: 0
    }
}

.filter-wrap.filter-hide {
    display: none !important
}

.inner-wrapper .filter-wrap {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .inner-wrapper .filter-wrap {
        margin-right: 0;
        margin-left: 0
    }
}

.filter-wrap .button {
    position: relative;
    border-radius: 0;
    padding-left: 1.55556em;
    padding-right: 1.55556em;
    padding-top: .55556em;
    padding-bottom: .55556em;
    margin-bottom: 0
}

.filter-wrap .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1em;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.filter-wrap .button::before {
    color: transparent;
    transition: color .3s ease-out
}

.filter-wrap .button:hover::before,
.filter-wrap .button:focus::before {
    color: inherit
}

.filter-wrap .button.disabled::before,
.filter-wrap .button.disabled:hover::before,
.filter-wrap .button.disabled:focus::before,
.filter-wrap .button[disabled]::before,
.filter-wrap .button[disabled]:hover::before,
.filter-wrap .button[disabled]:focus::before {
    display: none
}

[data-whatinput=touch] .filter-wrap .button::before {
    color: inherit
}

.filter-wrap .button:before {
    content: ""
}

.filter-wrap .button::before {
    right: .77778em
}

.filter-wrap .button:hover,
.filter-wrap .button:focus {
    padding-left: .77778em;
    padding-right: 2.33333em
}

.filter-wrap .button.disabled,
.filter-wrap .button.disabled:hover,
.filter-wrap .button.disabled:focus,
.filter-wrap .button[disabled],
.filter-wrap .button[disabled]:hover,
.filter-wrap .button[disabled]:focus {
    padding-left: 1.55556em;
    padding-right: 1.55556em
}

[data-whatinput=touch] .filter-wrap .button {
    padding-left: .77778em;
    padding-right: 2.33333em
}

.filter-wrap .button .open-text {
    display: block
}

.filter-wrap .button .close-text {
    display: none
}

.filter-wrap .button.open {
    position: relative;
    z-index: 3;
    border-bottom-left-radius: 0
}

.filter-wrap .button.open:before {
    content: ""
}

.filter-wrap .button.open::before {
    font-size: .88889em;
    transform: translate(0, -50%) rotate(45deg) !important
}

.filter-wrap .button.open .open-text {
    display: none
}

.filter-wrap .button.open .close-text {
    display: block
}

.filter-wrap .button.reset {
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden
}

.filter-wrap .button.reset:before {
    content: ""
}

.filter-wrap .button.reset::before {
    transform: translate(0, -50%) scaleX(-1) !important
}

.filter-wrap .button.reset.visible {
    opacity: 1;
    visibility: visible
}

.filter-wrap .button.reset.visible+.rss {
    opacity: 0
}

.filter-wrap .button.rss {
    overflow: visible;
    transform: none;
    backface-visibility: visible;
    color: #222;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: 0 0;
    font-size: 1em;
    line-height: 1.2
}

.filter-wrap .button.rss::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

.filter-wrap .button.rss:hover::after,
.filter-wrap .button.rss:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

.filter-wrap .button.rss:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .filter-wrap .button.rss:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .filter-wrap .button.rss:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.filter-wrap .button.rss::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.filter-wrap .button.rss:hover,
.filter-wrap .button.rss:focus {
    color: #222
}

.filter-wrap .button.rss:hover::before,
.filter-wrap .button.rss:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.filter-wrap .button.rss:hover .icon-shadow,
.filter-wrap .button.rss:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.filter-wrap .button.rss:hover .icon-shadow::before,
.filter-wrap .button.rss:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.filter-wrap .button.rss .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.filter-wrap .button.rss .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .filter-wrap .button.rss .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .filter-wrap .button.rss .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.filter-wrap .button.rss .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.filter-wrap .button.rss[disabled]:hover::before,
.filter-wrap .button.rss[disabled]:focus::before,
.filter-wrap .button.rss.disabled:hover::before,
.filter-wrap .button.rss.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.filter-wrap .button.rss[disabled]:hover .icon-shadow,
.filter-wrap .button.rss[disabled]:focus .icon-shadow,
.filter-wrap .button.rss.disabled:hover .icon-shadow,
.filter-wrap .button.rss.disabled:focus .icon-shadow {
    color: #222
}

.filter-wrap .button.rss[disabled]:hover .icon-shadow::before,
.filter-wrap .button.rss[disabled]:focus .icon-shadow::before,
.filter-wrap .button.rss.disabled:hover .icon-shadow::before,
.filter-wrap .button.rss.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.filter-wrap .button.rss::before {
    right: 0
}

.filter-wrap .button.rss::after {
    content: " "
}

.filter-wrap .button.rss .icon-shadow {
    font-size: 0
}

.filter-toggle {
    width: 100%;
    overflow: hidden;
    background-color: #e8e8e8
}

@media print,
screen and (min-width:50em) {
    .filter-toggle {
        transition: .2s border-radius ease;
        border-radius: 4px 4px 4px 4px
    }
}

@media print,
screen and (min-width:50em) {
    .filter-active .filter-toggle {
        border-radius: 4px 4px 0 0
    }
}

.filter-toggler {
    height: 0;
    perspective: 2500px;
    overflow: hidden
}

.filter-toggler .filter-options {
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top;
    transition-property: transform, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 700ms
}

.filter-toggler .filter-options.is-open {
    opacity: 1;
    transform: rotateX(0deg)
}

@media print,
screen and (min-width:50em) {
    .filter-toggler .filter-options {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

.filter-options {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    background-color: RGB(var(--primary-rgb));
    padding-top: 3.57143rem;
    padding-bottom: 3.57143rem;
    position: relative
}

@media print,
screen and (min-width:50em) {
    .filter-options {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.filter-options.staff-listing {
    padding-top: 2.22222rem
}

.inner-wrapper .filter-options {
    padding-right: 1.42857rem;
    padding-left: 1.42857rem;
    padding-top: 1.42857rem;
    padding-bottom: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .inner-wrapper .filter-options {
        padding: 1.11111rem 2.22222rem
    }

    .inner-wrapper .filter-options.small {
        padding: 1.11111rem 1.11111rem
    }
}

.filter-options .ffl-wrap .ffl-label {
    background-color: RGB(var(--primary-rgb))
}

.filter-options .button:not(.reset),
.filter-options button:not(.reset) {
    color: RGB(var(--primary-rgb))
}

.filter-options .button:not(.reset):hover,
.filter-options .button:not(.reset):focus,
.filter-options button:not(.reset):hover,
.filter-options button:not(.reset):focus {
    color: #fff
}

.filter-options .button:not(.reset).disabled,
.filter-options .button:not(.reset).disabled:hover,
.filter-options .button:not(.reset).disabled:focus,
.filter-options .button:not(.reset)[disabled],
.filter-options .button:not(.reset)[disabled]:hover,
.filter-options .button:not(.reset)[disabled]:focus,
.filter-options button:not(.reset).disabled,
.filter-options button:not(.reset).disabled:hover,
.filter-options button:not(.reset).disabled:focus,
.filter-options button:not(.reset)[disabled],
.filter-options button:not(.reset)[disabled]:hover,
.filter-options button:not(.reset)[disabled]:focus {
    color: RGB(var(--primary-rgb))
}

.filter-label {
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 1rem;
    font-size: 1.11111rem
}

.divider-label {
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 1rem;
    font-size: 1.11111rem
}

.filter-form legend {
    display: block;
    width: 100%;
    font-size: .88889rem;
    font-weight: 700;
    text-transform: uppercase
}

@media print,
screen and (min-width:36.25em) {
    .filter-form legend {
        text-align: center
    }
}

.filter-form.invert legend {
    color: #fff
}

.filter-form fieldset {
    margin-bottom: 0
}

.filter-form ul {
    margin: 0-.55556rem
}

.filter-form ul::before,
.filter-form ul::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.filter-form ul::after {
    clear: both
}

@media print,
screen and (min-width:36.25em) {
    .filter-form ul {
        text-align: center;
        margin: 0
    }
}

.filter-form ul li {
    display: block;
    padding: .27778rem .55556rem
}

@media print,
screen and (min-width:36.25em) {
    .filter-form ul li {
        display: inline-block;
        padding: .55556rem 1.11111rem;
        position: relative;
        float: none;
        width: auto
    }
}

@media print,
screen and (min-width:36.25em) {
    .filter-form ul li::after {
        content: "";
        display: block;
        border-left: 1px solid rgba(255, 255, 255, .6);
        width: 1px;
        height: 1.44444rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }
}

.filter-form ul li:last-child::after {
    display: none
}

.filter-form ul li label {
    display: block
}

.staff-listing .filter-form .column {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem;
    margin-bottom: 1rem
}

@media print,
screen and (min-width:36.25em) {
    .staff-listing .filter-form .column {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.staff-listing .filter-form .column,
.staff-listing .filter-form .column:last-child:not(:first-child) {
    float: left;
    clear: none
}

.staff-listing .filter-form .column:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .staff-listing .filter-form .column {
        width: 33.33333%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:50em) and (min-width:36.25em) {
    .staff-listing .filter-form .column {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:50em) {

    .staff-listing .filter-form .column,
    .staff-listing .filter-form .column:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .staff-listing .filter-form .column:last-child {
        margin-right: auto;
        margin-left: auto;
        float: none !important
    }

    .staff-listing .filter-form .column:last-child,
    .staff-listing .filter-form .column:last-child:last-child:not(:first-child) {
        float: none;
        clear: both
    }
}

.lightbox .title,
section .video-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 700;
    font-size: 1rem;
    width: 100%;
    background-color: #313131;
    color: #fff;
    text-align: center;
    line-height: 1.66667rem;
    padding: .55556rem
}

@media print,
screen and (min-width:50em) {

    .lightbox .title,
    section .video-title {
        padding: 1.38889rem .83333rem
    }
}

.lightbox-teaser {
    margin-bottom: 2rem;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.lightbox-teaser img {
    height: auto !important
}

.lightbox-teaser:last-child {
    margin-bottom: 0
}

.lightbox-teaser .share {
    right: 0;
    right: 0;
    top: 41px;
    position: absolute;
    margin: 0;
    z-index: 1
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share {
        right: 0
    }
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share {
        right: 0;
        top: 41px
    }
}

@media screen and (min-width:90em) {
    .lightbox-teaser .share {
        right: 0;
        top: 56px
    }
}

.lightbox-teaser .share .icon-bubble-trigger {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: RGB(var(--primary-rgb));
    font-size: 0;
    border-bottom-left-radius: 4px;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    display: block;
    padding-left: 0
}

.lightbox-teaser .share .icon-bubble-trigger::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.lightbox-teaser .share .icon-bubble-trigger:hover::after,
.lightbox-teaser .share .icon-bubble-trigger:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.lightbox-teaser .share .icon-bubble-trigger.disabled::after,
.lightbox-teaser .share .icon-bubble-trigger.disabled:hover::after,
.lightbox-teaser .share .icon-bubble-trigger.disabled:focus::after,
.lightbox-teaser .share .icon-bubble-trigger[disabled]::after,
.lightbox-teaser .share .icon-bubble-trigger[disabled]:hover::after,
.lightbox-teaser .share .icon-bubble-trigger[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share .icon-bubble-trigger {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .lightbox-teaser .share .icon-bubble-trigger {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share .icon-bubble-trigger {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .lightbox-teaser .share .icon-bubble-trigger {
        width: 60px
    }
}

.lightbox-teaser .share .icon-bubble-trigger:hover,
.lightbox-teaser .share .icon-bubble-trigger:focus {
    background-color: RGB(var(--secondary-rgb))
}

.lightbox-teaser .share .icon-bubble-trigger:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share .icon-bubble-trigger:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .lightbox-teaser .share .icon-bubble-trigger:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.lightbox-teaser .share .icon-bubble-trigger::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.lightbox-teaser .share .icon-bubble-trigger:hover,
.lightbox-teaser .share .icon-bubble-trigger:focus {
    color: #fff
}

.lightbox-teaser .share .icon-bubble-trigger:hover::before,
.lightbox-teaser .share .icon-bubble-trigger:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.lightbox-teaser .share .icon-bubble-trigger:hover .icon-shadow,
.lightbox-teaser .share .icon-bubble-trigger:focus .icon-shadow {
    transition: none;
    color: #fff
}

.lightbox-teaser .share .icon-bubble-trigger:hover .icon-shadow::before,
.lightbox-teaser .share .icon-bubble-trigger:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.lightbox-teaser .share .icon-bubble-trigger .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.lightbox-teaser .share .icon-bubble-trigger .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share .icon-bubble-trigger .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .lightbox-teaser .share .icon-bubble-trigger .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.lightbox-teaser .share .icon-bubble-trigger .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.lightbox-teaser .share .icon-bubble-trigger[disabled]:hover::before,
.lightbox-teaser .share .icon-bubble-trigger[disabled]:focus::before,
.lightbox-teaser .share .icon-bubble-trigger.disabled:hover::before,
.lightbox-teaser .share .icon-bubble-trigger.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.lightbox-teaser .share .icon-bubble-trigger[disabled]:hover .icon-shadow,
.lightbox-teaser .share .icon-bubble-trigger[disabled]:focus .icon-shadow,
.lightbox-teaser .share .icon-bubble-trigger.disabled:hover .icon-shadow,
.lightbox-teaser .share .icon-bubble-trigger.disabled:focus .icon-shadow {
    color: #fff
}

.lightbox-teaser .share .icon-bubble-trigger[disabled]:hover .icon-shadow::before,
.lightbox-teaser .share .icon-bubble-trigger[disabled]:focus .icon-shadow::before,
.lightbox-teaser .share .icon-bubble-trigger.disabled:hover .icon-shadow::before,
.lightbox-teaser .share .icon-bubble-trigger.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.lightbox-teaser .share .icon-bubble::after {
    right: 20px
}

@media print,
screen and (min-width:50em) {
    .lightbox-teaser .share .icon-bubble::after {
        right: 22px
    }
}

@media screen and (min-width:90em) {
    .lightbox-teaser .share .icon-bubble::after {
        right: 30px
    }
}

.lightbox-teaser .share~a .zoom {
    border-radius: 0
}

.lightbox,
.lightbox-link {
    position: relative
}

.lightbox img,
.lightbox-link img {
    width: 100%
}

.zoom {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: RGB(var(--primary-rgb));
    font-size: 0;
    border-bottom-left-radius: 4px;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.zoom::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.zoom:hover::after,
.zoom:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.zoom.disabled::after,
.zoom.disabled:hover::after,
.zoom.disabled:focus::after,
.zoom[disabled]::after,
.zoom[disabled]:hover::after,
.zoom[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .zoom {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .zoom {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .zoom {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .zoom {
        width: 60px
    }
}

.zoom:hover,
.zoom:focus {
    background-color: RGB(var(--secondary-rgb))
}

.zoom:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .zoom:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .zoom:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.zoom::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.zoom:hover,
.zoom:focus {
    color: #fff
}

.zoom:hover::before,
.zoom:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.zoom:hover .icon-shadow,
.zoom:focus .icon-shadow {
    transition: none;
    color: #fff
}

.zoom:hover .icon-shadow::before,
.zoom:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.zoom .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.zoom .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .zoom .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .zoom .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.zoom .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.zoom[disabled]:hover::before,
.zoom[disabled]:focus::before,
.zoom.disabled:hover::before,
.zoom.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.zoom[disabled]:hover .icon-shadow,
.zoom[disabled]:focus .icon-shadow,
.zoom.disabled:hover .icon-shadow,
.zoom.disabled:focus .icon-shadow {
    color: #fff
}

.zoom[disabled]:hover .icon-shadow::before,
.zoom[disabled]:focus .icon-shadow::before,
.zoom.disabled:hover .icon-shadow::before,
.zoom.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.lightbox .lightbox-opener {
    display: block
}

.lightbox-link {
    display: inline-block;
    transition: none
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    position: fixed;
    height: 100%
}

.mfp-bg {
    z-index: 23
}

.mfp-wrap {
    z-index: 24;
    outline: 0 !important;
    left: 0;
    width: 100%
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .3s ease
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
    transition: opacity .3s ease 0s;
    visibility: visible
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .3s ease
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    height: 100%;
    width: 100%
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: .44444rem;
    box-sizing: border-box
}

.mfp-container::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container::before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 26
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-content .content-section {
    padding: 0
}

.mfp-content .content-section .main-wrapper {
    background-color: #f5f5f5;
    padding: 2rem
}

.mfp-content .content-section .inner-wrapper {
    padding: 0
}

@media print,
screen and (min-width:50em) {
    .mfp-content .content-section {
        padding-top: 1.11111rem;
        padding-bottom: 1.11111rem
    }

    .mfp-content .content-section .main-wrapper {
        padding: 2.22222rem
    }
}

.mfp-iframe-scaler {
    height: 100%
}

.mfp-iframe-scaler iframe[src*="outlook.office365.com/owa/calendar"] {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:65em) {
    .mfp-iframe-scaler iframe[src*="outlook.office365.com/owa/calendar"] {
        max-width: 1024px
    }
}

.mfp-iframe-scaler .mfp-close.fixed-modal-width {
    top: .44444rem;
    right: 50%;
    transform: translateX(var(--button-spacing, 210px))
}

@media screen and (min-width:65em) {
    .mfp-iframe-scaler .mfp-close.fixed-modal-width {
        --button-spacing: 512px
    }
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
    pointer-events: all
}

.mfp-zoom {
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    user-select: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: .44444rem;
    right: .44444rem;
    z-index: 25
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-loading.mfp-figure,
.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 27;
    box-shadow: none;
    touch-action: manipulation;
    transition: opacity .3s ease, color .3s ease, background-color .3s ease;
    opacity: 1;
    pointer-events: all
}

.mfp-removing button.mfp-close,
.mfp-removing button.mfp-arrow {
    opacity: 0
}

button.mfp-close {
    cursor: pointer !important;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: transparent;
    font-size: 0;
    border-bottom-left-radius: 4px;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    background-color: #222;
    position: fixed;
    right: 0;
    top: 0
}

button.mfp-close::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

button.mfp-close:hover::after,
button.mfp-close:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

button.mfp-close.disabled::after,
button.mfp-close.disabled:hover::after,
button.mfp-close.disabled:focus::after,
button.mfp-close[disabled]::after,
button.mfp-close[disabled]:hover::after,
button.mfp-close[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    button.mfp-close {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    button.mfp-close {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    button.mfp-close {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    button.mfp-close {
        width: 60px
    }
}

button.mfp-close:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    button.mfp-close:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    button.mfp-close:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

button.mfp-close::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

button.mfp-close:hover,
button.mfp-close:focus {
    color: #fff
}

button.mfp-close:hover::before,
button.mfp-close:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

button.mfp-close:hover .icon-shadow,
button.mfp-close:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

button.mfp-close:hover .icon-shadow::before,
button.mfp-close:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

button.mfp-close .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

button.mfp-close .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    button.mfp-close .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    button.mfp-close .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

button.mfp-close .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

button.mfp-close[disabled]:hover::before,
button.mfp-close[disabled]:focus::before,
button.mfp-close.disabled:hover::before,
button.mfp-close.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

button.mfp-close[disabled]:hover .icon-shadow,
button.mfp-close[disabled]:focus .icon-shadow,
button.mfp-close.disabled:hover .icon-shadow,
button.mfp-close.disabled:focus .icon-shadow {
    color: #fff
}

button.mfp-close[disabled]:hover .icon-shadow::before,
button.mfp-close[disabled]:focus .icon-shadow::before,
button.mfp-close.disabled:hover .icon-shadow::before,
button.mfp-close.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

button.mfp-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

button.mfp-close .icon-shadow::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

button.mfp-close:hover,
button.mfp-close:focus {
    background-color: #222
}

.overlay button.mfp-close {
    position: absolute
}

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

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: .66667rem;
    line-height: 1rem;
    white-space: nowrap
}

button.mfp-arrow {
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1.6;
    border: 0;
    border-radius: 0;
    text-align: left;
    vertical-align: baseline;
    font-size: 1rem;
    color: #222;
    overflow: visible;
    transform: none;
    backface-visibility: visible;
    line-height: 1;
    position: absolute;
    margin: 0;
    top: 50%;
    padding: 0;
    width: 6.66667rem;
    height: 4.44444rem;
    -webkit-tap-highlight-color: transparent;
    transform: translate(0, -50%);
    color: #fff
}

button.mfp-arrow:hover,
button.mfp-arrow:focus {
    background: 0 0;
    color: #222
}

button.mfp-arrow::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

button.mfp-arrow:hover::after,
button.mfp-arrow:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

button.mfp-arrow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 2rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

button.mfp-arrow:hover,
button.mfp-arrow:focus {
    color: RGB(var(--primary-rgb))
}

button.mfp-arrow-left::before,
button.mfp-arrow-right::before {
    width: 1.5rem;
    height: 2.33333rem;
    text-shadow: 0 0 .55556rem #222
}

@media print,
screen and (min-width:50em) {

    button.mfp-arrow-left::before,
    button.mfp-arrow-right::before {
        text-shadow: none
    }
}

button.mfp-arrow-left {
    left: 0
}

button.mfp-arrow-left:before {
    content: ""
}

button.mfp-arrow-right {
    right: 0
}

button.mfp-arrow-right:before {
    content: ""
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    max-height: 100% !important;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: all;
    background-color: #fff
}

.mfp-figure {
    line-height: 0
}

.mfp-figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2.22222rem;
    bottom: 2.22222rem;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: .66667rem;
    line-height: .77778rem
}

.mfp-figure figure {
    margin: 0;
    height: 100%
}

.mfp-bottom-bar {
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
    margin: -2.77778rem 0 0;
    display: none
}

.mfp-title {
    color: #222;
    text-align: left;
    line-height: 1rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-right: 2rem
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
    height: 100%
}

@media all and (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: .33333rem;
        padding-right: .33333rem
    }
}

.mfp-readmode.mfp-bg::after {
    display: none
}

.mfp-readmode .footer-section,
.mfp-readmode .content-section {
    padding-top: 2.85714rem;
    padding-bottom: 2.85714rem;
    padding-left: 0;
    padding-right: 0
}

@media print,
screen and (min-width:50em) {

    .mfp-readmode .footer-section,
    .mfp-readmode .content-section {
        padding-top: 4.44444rem;
        padding-bottom: 4.44444rem
    }
}

@media screen and (min-width:100em) {

    .mfp-readmode .footer-section,
    .mfp-readmode .content-section {
        padding-top: 10vh;
        padding-bottom: 10vh
    }
}

.mfp-readmode .footer-section .main-wrapper,
.mfp-readmode .content-section .main-wrapper {
    background-color: transparent;
    padding: 0
}

.mfp-readmode .main-wrapper {
    max-width: 58.88889rem
}

.mfp-readmode .main-wrapper .inner-wrapper {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .mfp-readmode .main-wrapper .inner-wrapper {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.mfp-readmode .main-wrapper .inner-wrapper img {
    display: block
}

.mfp-readmode .mfp-container {
    padding: 0
}

.mfp-readmode h1 {
    margin-top: 0;
    column-span: all
}

.mfp-readmode h1+h2 {
    margin-top: -1.66667rem;
    margin-bottom: 2.72222rem
}

.mfp-readmode h1+h3 {
    margin-top: 0
}

.mfp-readmode blockquote {
    padding-top: 0;
    padding-bottom: 0
}

.mfp-readmode blockquote::before {
    display: none
}

.mfp-readmode.dark-theme.mfp-bg {
    background-color: #313131
}

.mfp-readmode.dark-theme .footer-section .main-wrapper,
.mfp-readmode.dark-theme .content-section .main-wrapper {
    color: #fff
}

.mfp-readmode.dark-theme .mfp-preloader {
    color: #fff
}

.mfp-readmode.dark-theme table {
    background-image: none;
    background-color: RGB(var(--primary-rgb))
}

.mfp-readmode.dark-theme table td {
    background-color: #313131
}

.mfp-readmode.dark-theme h1 {
    color: RGB(var(--primary-rgb))
}

.mfp-readmode.dark-theme blockquote p {
    color: #fff
}

.mfp-readmode.dark-theme blockquote .edit-quote::before {
    color: inherit;
    color: RGB(var(--primary-rgb))
}

@supports (-webkit-background-clip:text) {
    .mfp-readmode.dark-theme blockquote .edit-quote::before {
        background-image: none;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: currentColor
    }
}

.mfp-readmode.dark-theme blockquote cite {
    color: #e8e8e8
}

.mfp-readmode.dark-theme .panel {
    background-color: #222;
    color: #fff
}

.mfp-readmode.light-theme.mfp-bg {
    background-color: #f5f5f5
}

@media screen and (min-width:100em) {
    .mfp-readmode.column-count-2 .main-wrapper {
        max-width: 88.88889rem
    }
}

@media screen and (min-width:100em) {
    .mfp-readmode.column-count-2 .main-wrapper .inner-wrapper {
        column-count: 2;
        column-gap: 4.44444rem
    }
}

@media screen and (min-width:100em) {
    .mfp-readmode.column-count-2 h1 {
        max-width: 50%;
        padding-right: 2.22222rem
    }

    @supports not (column-span:all) {
        .mfp-readmode.column-count-2 h1 {
            max-width: none;
            padding-right: 0
        }
    }
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    transition: opacity .3s ease 0s;
    opacity: 1;
    visibility: visible
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    transition: opacity .3s ease 0s;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    transition: opacity .3s ease 0s;
    opacity: 1;
    visibility: visible
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity .3s ease-out
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    height: 100%
}

section .video-playlist.consent-required .cookie-placeholder,
section .video-container.consent-required .cookie-placeholder {
    z-index: 6
}

section .video-container {
    position: relative
}

section .video-container .responsive-embed {
    margin: 0;
    position: relative
}

section .video-container .responsive-embed::after {
    transition: opacity .3s ease;
    content: "";
    background-color: transparent;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

section .video-container .responsive-embed iframe {
    width: calc(100% + 1px);
    height: calc(100% + 1px)
}

section .video-container .preview-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

section .video-container.video-paused .responsive-embed::after {
    background-color: rgba(255, 255, 255, .75)
}

section .video-container.video-started .video-play {
    display: none
}

section .video-title {
    z-index: 3;
    display: none;
    font-size: 1.11111rem;
    font-weight: 400
}

@media print,
screen and (min-width:50em) {
    section .video-title {
        display: block
    }
}

section .video-title p {
    margin: 0
}

section .video-play {
    width: 3.61111rem;
    height: 3.61111rem;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    font-size: 0;
    color: RGB(var(--primary-rgb));
    border-radius: 100%;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-image: radial-gradient(#fff 60%, transparent 60%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4
}

section .video-play:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

section .video-play::before {
    width: 3.61111rem;
    height: auto;
    font-size: 3.61111rem;
    line-height: 3.61111rem
}

section .video-play::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

section .video-play:hover::after,
section .video-play:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

section .video-play.disabled::after,
section .video-play.disabled:hover::after,
section .video-play.disabled:focus::after,
section .video-play[disabled]::after,
section .video-play[disabled]:hover::after,
section .video-play[disabled]:focus::after {
    display: none
}

section .video-play::before {
    border-radius: 100%;
    display: block
}

section .video-play:hover,
section .video-play:focus {
    color: RGB(var(--secondary-rgb));
    background-image: radial-gradient(#fff 60%, transparent 60%)
}

section .video-close {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: transparent;
    font-size: 0;
    border-bottom-left-radius: 4px;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    background-color: #222;
    transition: opacity .3s ease;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 5
}

section .video-close::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

section .video-close:hover::after,
section .video-close:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

section .video-close.disabled::after,
section .video-close.disabled:hover::after,
section .video-close.disabled:focus::after,
section .video-close[disabled]::after,
section .video-close[disabled]:hover::after,
section .video-close[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    section .video-close {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    section .video-close {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    section .video-close {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    section .video-close {
        width: 60px
    }
}

section .video-close:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    section .video-close:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    section .video-close:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

section .video-close::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

section .video-close:hover,
section .video-close:focus {
    color: #fff
}

section .video-close:hover::before,
section .video-close:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

section .video-close:hover .icon-shadow,
section .video-close:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

section .video-close:hover .icon-shadow::before,
section .video-close:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

section .video-close .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

section .video-close .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    section .video-close .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    section .video-close .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

section .video-close .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

section .video-close[disabled]:hover::before,
section .video-close[disabled]:focus::before,
section .video-close.disabled:hover::before,
section .video-close.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

section .video-close[disabled]:hover .icon-shadow,
section .video-close[disabled]:focus .icon-shadow,
section .video-close.disabled:hover .icon-shadow,
section .video-close.disabled:focus .icon-shadow {
    color: #fff
}

section .video-close[disabled]:hover .icon-shadow::before,
section .video-close[disabled]:focus .icon-shadow::before,
section .video-close.disabled:hover .icon-shadow::before,
section .video-close.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

section .video-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

section .video-close .icon-shadow::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

section .video-close:hover,
section .video-close:focus {
    background-color: #222
}

section .video-wrapper {
    position: relative;
    margin-top: 2.85714rem;
    margin-right: -2.14286rem;
    margin-bottom: 2.85714rem;
    margin-left: -2.14286rem
}

section .video-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #fff
}

@media print,
screen and (min-width:36.25em) {
    section .video-wrapper {
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:50em) {
    section .video-wrapper {
        max-width: 36.11111rem;
        padding-top: 4.44444rem;
        padding-bottom: 4.44444rem;
        margin-top: 4.44444rem;
        margin-bottom: 4.44444rem
    }
}

section .video-wrapper .video-title {
    position: relative;
    bottom: auto
}

@media screen and (min-width:68.75em) {
    section .video-wrapper .video-play {
        width: 6rem;
        height: 6rem
    }

    section .video-wrapper .video-play::before {
        width: 6rem;
        height: auto;
        font-size: 6rem;
        line-height: 6rem
    }
}

section .video-wrapper .responsive-embed img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    display: block
}

@supports (object-fit:cover) {
    section .video-wrapper .responsive-embed img {
        transform: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

section.alt-background4 .video-wrapper {
    padding: 0
}

section.alt-background4 .video-wrapper::before {
    background-color: inherit
}

section.video-playing {
    overflow: visible !important;
    z-index: 28;
    position: relative
}

section.video-playing .video-close {
    opacity: 1;
    pointer-events: auto
}

section.video-playing .video-play {
    opacity: 0;
    pointer-events: none
}

section.video-playing .video-container.video-current {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 28
}

section.video-playing .video-container.video-current .responsive-embed {
    padding-bottom: 0;
    height: 100%;
    width: 100%
}

section.video-playing .video-container.video-current .responsive-embed iframe {
    width: 100%;
    height: 100%
}

section.video-playing .video-container.video-current .responsive-embed::after {
    opacity: 0;
    pointer-events: none
}

section.video-playing .video-wrapper::before {
    display: none
}

.video-playlist {
    max-width: 65.55556rem;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color: #e8e8e8
}

.video-playlist::before,
.video-playlist::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.video-playlist::after {
    clear: both
}

.video-playlist::before,
.video-playlist::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.video-playlist::after {
    clear: both
}

.video-playlist .video-player {
    position: relative;
    background-color: #e8e8e8
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-player {
        width: 60%;
        float: left;
        padding-right: 0;
        padding-left: 0
    }

    .video-playlist .video-player,
    .video-playlist .video-player:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.video-playlist .video-player .video-title {
    display: none;
    padding: .55556rem 0;
    border-width: 0
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-player .video-title {
        display: block
    }
}

.video-playlist .video-player .responsive-embed {
    margin: 0;
    position: relative
}

.video-playlist .video-player .responsive-embed iframe {
    width: calc(100% + 1px);
    height: calc(100% + 1px)
}

.video-playlist .video-player .responsive-embed img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    display: block
}

@supports (object-fit:cover) {
    .video-playlist .video-player .responsive-embed img {
        transform: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-player .video-play {
        width: 5rem;
        height: 5rem
    }

    .video-playlist .video-player .video-play::before {
        width: 5rem;
        height: auto;
        font-size: 5rem;
        line-height: 5rem
    }
}

.ckeditor .video-playlist .video-player .video-play {
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    font-size: 0;
    color: RGB(var(--primary-rgb));
    border-radius: 100%;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-image: radial-gradient(#fff 60%, transparent 60%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4
}

.ckeditor .video-playlist .video-player .video-play:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.ckeditor .video-playlist .video-player .video-play::before {
    width: 6rem;
    height: auto;
    font-size: 6rem;
    line-height: 6rem
}

.ckeditor .video-playlist .video-player .video-play::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.ckeditor .video-playlist .video-player .video-play:hover::after,
.ckeditor .video-playlist .video-player .video-play:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.ckeditor .video-playlist .video-player .video-play.disabled::after,
.ckeditor .video-playlist .video-player .video-play.disabled:hover::after,
.ckeditor .video-playlist .video-player .video-play.disabled:focus::after,
.ckeditor .video-playlist .video-player .video-play[disabled]::after,
.ckeditor .video-playlist .video-player .video-play[disabled]:hover::after,
.ckeditor .video-playlist .video-player .video-play[disabled]:focus::after {
    display: none
}

.ckeditor .video-playlist .video-player .video-play::before {
    border-radius: 100%;
    display: block
}

.ckeditor .video-playlist .video-player .video-play:hover,
.ckeditor .video-playlist .video-player .video-play:focus {
    color: RGB(var(--secondary-rgb));
    background-image: radial-gradient(#fff 60%, transparent 60%)
}

.video-playlist .video-thumb-list {
    position: relative;
    max-height: 17.85714rem;
    overflow: auto;
    padding-right: 0 !important
}

.ckeditor .video-playlist .video-thumb-list.scrollbar-replacement {
    overflow-y: auto !important
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-thumb-list {
        width: 40%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        position: absolute;
        top: 0;
        right: 0;
        max-height: none;
        height: 100%
    }

    .video-playlist .video-thumb-list,
    .video-playlist .video-thumb-list:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.video-playlist .video-thumb-list li.active {
    pointer-events: none
}

.video-playlist .video-thumb-list li.active .video-item {
    color: #fff;
    background-color: #313131 !important;
    cursor: default
}

.ckeditor .video-playlist .video-thumb-list li.active {
    pointer-events: all
}

.video-playlist .video-thumb-list li .video-item {
    max-width: 65.55556rem;
    margin-right: auto;
    margin-left: auto;
    color: #222;
    transition: all .3s ease;
    padding: .71429rem;
    cursor: pointer
}

.video-playlist .video-thumb-list li .video-item::before,
.video-playlist .video-thumb-list li .video-item::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.video-playlist .video-thumb-list li .video-item::after {
    clear: both
}

.video-playlist .video-thumb-list li .video-item::before,
.video-playlist .video-thumb-list li .video-item::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.video-playlist .video-thumb-list li .video-item::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-thumb-list li .video-item {
        padding: .55556rem
    }
}

[data-whatintent=mouse] .video-playlist .video-thumb-list li .video-item:hover,
[data-whatintent=mouse] .video-playlist .video-thumb-list li .video-item:focus {
    background-color: #fff
}

.video-playlist .video-thumb-list li .video-thumbnail {
    width: 40%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    position: relative
}

.video-playlist .video-thumb-list li .video-thumbnail,
.video-playlist .video-thumb-list li .video-thumbnail:last-child:not(:first-child) {
    float: left;
    clear: none
}

.video-playlist .video-thumb-list li .video-thumbnail img {
    display: block;
    width: 100%
}

.video-playlist .video-thumb-list li .video-description {
    width: 60%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    padding-left: .71429rem
}

.video-playlist .video-thumb-list li .video-description,
.video-playlist .video-thumb-list li .video-description:last-child:not(:first-child) {
    float: left;
    clear: none
}

.video-playlist .video-thumb-list li .video-description::before,
.video-playlist .video-thumb-list li .video-description::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.video-playlist .video-thumb-list li .video-description::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-thumb-list li .video-description {
        padding-left: .55556rem
    }
}

.video-playlist .video-thumb-list li .video-description p {
    font-size: .85714rem;
    line-height: 1.4;
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-thumb-list li .video-description p {
        font-size: .77778rem
    }
}

.video-playlist .video-thumb-list li .video-description .time {
    display: block;
    font-size: .71429rem;
    color: #fff
}

@media print,
screen and (min-width:50em) {
    .video-playlist .video-thumb-list li .video-description .time {
        font-size: .55556rem
    }
}

.content-section.text-n-video,
.content-section.quote-n-video {
    overflow: hidden;
    background-color: #313131;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.content-section.text-n-video blockquote,
.content-section.text-n-video .video-intro,
.content-section.quote-n-video blockquote,
.content-section.quote-n-video .video-intro {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    padding: 1.71429rem 2.14286rem;
    background-color: #fff;
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 1rem;
    font-weight: 400
}

@media print,
screen and (min-width:50em) {

    .content-section.text-n-video blockquote,
    .content-section.text-n-video .video-intro,
    .content-section.quote-n-video blockquote,
    .content-section.quote-n-video .video-intro {
        padding: 2.77778rem 3.33333rem
    }
}

.content-section.text-n-video blockquote::before,
.content-section.text-n-video .video-intro::before,
.content-section.quote-n-video blockquote::before,
.content-section.quote-n-video .video-intro::before {
    display: none;
    position: static;
    width: 0;
    height: 0
}

@media screen and (min-width:68.75em) {

    .content-section.text-n-video .quote-wrapper,
    .content-section.text-n-video .video-intro,
    .content-section.text-n-video .video-container,
    .content-section.quote-n-video .quote-wrapper,
    .content-section.quote-n-video .video-intro,
    .content-section.quote-n-video .video-container {
        width: 50%
    }
}

.content-section.text-n-video blockquote,
.content-section.quote-n-video blockquote {
    height: 100%
}

@media screen and (min-width:68.75em) {

    .content-section.text-n-video .inner-wrapper,
    .content-section.quote-n-video .inner-wrapper {
        max-width: none;
        display: flex;
        flex-flow: row wrap
    }
}

.content-section.text-n-video .image-wrapper,
.content-section.quote-n-video .image-wrapper {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
    overflow: hidden
}

.content-section.text-n-video .image-wrapper img,
.content-section.quote-n-video .image-wrapper img {
    display: block
}

@media screen and (min-width:68.75em) {

    .content-section.text-n-video .image-wrapper,
    .content-section.quote-n-video .image-wrapper {
        width: 50%
    }
}

@media screen and (min-width:68.75em) {

    .content-section.text-n-video .video-container,
    .content-section.quote-n-video .video-container {
        height: 100%
    }
}

@media screen and (min-width:68.75em) {

    .content-section.text-n-video .video-play,
    .content-section.quote-n-video .video-play {
        width: 5rem;
        height: 5rem
    }

    .content-section.text-n-video .video-play::before,
    .content-section.quote-n-video .video-play::before {
        width: 5rem;
        height: auto;
        font-size: 5rem;
        line-height: 5rem
    }
}

.content-section.text-n-video .bg-image,
.content-section.quote-n-video .bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media screen and (max-width:68.74875em) {

    .content-section.text-n-video .bg-image,
    .content-section.quote-n-video .bg-image {
        background-image: none !important
    }
}

.content-section.text-n-video .responsive-embed,
.content-section.quote-n-video .responsive-embed {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff
}

.content-section.text-n-video .video-current .responsive-embed,
.content-section.quote-n-video .video-current .responsive-embed {
    border-radius: 0
}

@media screen and (min-width:68.75em) {
    .content-section.text-n-video .video-intro {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0
    }
}

@media print,
screen and (min-width:50em) {
    .content-section.text-n-video .responsive-embed {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0
    }
}

.grid .video-wrapper {
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 0
}

.grid .video-wrapper::before {
    display: none
}

.nav-top {
    --top-menu-color: rgba(255, 255, 255, 0.65);
    --top-menu-color-current: #ffffff;
    --top-menu-color-active: #ffffff;
    display: none;
    float: right
}

@media screen and (min-width:68.75em) {
    .nav-top {
        display: block
    }
}

.nav-top>ul {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-left: -.83333rem;
    margin-right: -.83333rem
}

.nav-top>ul>li>a {
    display: block;
    padding-left: .41667rem;
    padding-right: .41667rem;
    margin-left: .41667rem;
    margin-right: .41667rem;
    transition: all .3s ease;
    color: var(--top-menu-color);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: transparent
}

.nav-top>ul>li>a:hover,
.nav-top>ul>li>a:focus,
.nav-top>ul>li>a:active {
    color: var(--top-menu-color-active)
}

.nav-top>ul>li.active>a {
    color: var(--top-menu-color-active);
    border-bottom-color: var(--top-menu-color-active)
}

.nav-top>ul>li.minor {
    position: absolute;
    top: -3.05556rem;
    right: var(--right, 0);
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease
}

.nav-top>ul>li.minor.visible {
    opacity: 1
}

.nav-top>ul>li.minor>a {
    font-size: .88889em
}

.footer-section {
    position: relative
}

.footer-section .footer-top,
.footer-section .disclaimer,
.footer-section .footer-bottom,
.footer-section .copyright {
    padding-top: 2.14286rem;
    padding-bottom: 2.14286rem
}

.footer-section .footer-top .inner-wrapper,
.footer-section .disclaimer .inner-wrapper,
.footer-section .footer-bottom .inner-wrapper,
.footer-section .copyright .inner-wrapper {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1.11111rem;
    align-items: center
}

.footer-section .footer-top,
.footer-section .disclaimer {
    --facet-share-list-background-color: #222222;
    --facet-share-list-hover-background-color: #222222;
    background-color: #313131
}

.footer-section .footer-bottom,
.footer-section .copyright {
    background-color: #222
}

.footer-section .footer-bottom p,
.footer-section .copyright p {
    color: #fff;
    margin: 0;
    font-weight: 700;
    font-size: 1rem
}

@media print,
screen and (min-width:50em) {

    .footer-section .footer-bottom p,
    .footer-section .copyright p {
        font-size: .88889rem
    }
}

.footer-section .footer-bottom p span,
.footer-section .copyright p span {
    font-weight: 400
}

.footer-section .copyright .inner-wrapper,
.footer-section .disclaimer .inner-wrapper {
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end
}

@media print,
screen and (min-width:50em) {

    .footer-section .copyright .signup,
    .footer-section .disclaimer .signup {
        min-width: 24.72222rem
    }
}

@media print,
screen and (min-width:50em) {

    .footer-section .copyright .signup a,
    .footer-section .disclaimer .signup a {
        padding: 1.94444rem 2.22222rem
    }
}

.footer-section .copyright .signup a span,
.footer-section .disclaimer .signup a span {
    font-size: 1.33333rem;
    padding-left: 3.57143rem
}

.footer-section .copyright .signup a span::before,
.footer-section .disclaimer .signup a span::before {
    font-size: 2.77778rem
}

.footer-section .footer-bottom .inner-wrapper,
.footer-section .disclaimer .inner-wrapper {
    justify-content: space-between
}

@media print,
screen and (min-width:50em) {

    .footer-section .footer-bottom .inner-wrapper,
    .footer-section .disclaimer .inner-wrapper {
        flex-wrap: nowrap
    }
}

.footer-section .footer-bottom .bcorp-logo,
.footer-section .disclaimer .bcorp-logo {
    height: 3.33333rem;
    width: auto
}

@media print,
screen and (min-width:36.25em) {

    .footer-section .footer-bottom .bcorp-logo,
    .footer-section .disclaimer .bcorp-logo {
        height: 5rem;
        margin-top: -.83333rem;
        margin-bottom: -.83333rem
    }
}

@media print,
screen and (min-width:50em) {
    .footer-section .footer-link-wrapper {
        padding-top: 0;
        font-size: .88889rem
    }
}

.footer-section .column-nav {
    margin: 0;
    padding: 0;
    display: grid;
    color: #fff;
    flex-grow: 1;
    gap: 3.33333rem;
    grid-template-columns: repeat(auto-fit, minmax(14.28571rem, 1fr))
}

.footer-section .column-nav li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-section .column-nav li::before {
    display: none
}

@media print,
screen and (min-width:50em) {
    .footer-section .column-nav {
        grid-template-columns: repeat(2, 1fr) 19.44444rem
    }
}

.footer-section .column-nav ul {
    margin: 0;
    padding: 0;
    font-size: .88889rem;
    line-height: 1.2
}

.footer-section .column-nav ul li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-section .column-nav ul li::before {
    display: none
}

.footer-section .column-nav ul:not(.facet-share-list) {
    display: flex;
    flex-direction: column;
    gap: .83333rem
}

.footer-section .column-nav ul:not(.facet-share-list) a {
    color: inherit
}

.footer-section .column-nav ul:not(.facet-share-list) a:hover,
.footer-section .column-nav ul:not(.facet-share-list) a:focus,
.footer-section .column-nav ul:not(.facet-share-list) a:active {
    color: RGB(var(--primary-rgb))
}

.footer-section .column-nav [class^=header-] {
    display: block;
    margin-top: 0
}

.footer-section .column-nav .facet-share-list {
    display: flex;
    gap: .35714rem;
    flex-wrap: wrap
}

.footer-section .footer-link-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.11111rem;
    row-gap: .35714rem
}

.footer-section .footer-link-list li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-section .footer-link-list li::before {
    display: none
}

.footer-section .footer-link-list a {
    display: block;
    color: #fff;
    font-size: 1rem
}

@media print,
screen and (min-width:50em) {
    .footer-section .footer-link-list a {
        font-size: .88889rem
    }
}

.footer-section .footer-link-list a:hover,
.footer-section .footer-link-list a:focus,
.footer-section .footer-link-list a:active {
    color: RGB(var(--primary-rgb))
}

.footer-section .signup {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem;
    align-self: stretch;
    flex-grow: 1;
    width: 100%;
    margin-top: -2.14286rem;
    margin-bottom: 1.03175rem
}

@media print,
screen and (min-width:50em) {
    .footer-section .signup {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:50em) {
    .footer-section .signup {
        flex-grow: 0;
        width: 19.44444rem;
        margin-bottom: -2.14286rem;
        margin-left: auto
    }
}

.footer-section .signup a {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease;
    padding: 2.14286rem;
    background-color: #3e3e3e
}

.footer-section .signup a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.footer-section .signup a:hover::after,
.footer-section .signup a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.footer-section .signup a.disabled::after,
.footer-section .signup a.disabled:hover::after,
.footer-section .signup a.disabled:focus::after,
.footer-section .signup a[disabled]::after,
.footer-section .signup a[disabled]:hover::after,
.footer-section .signup a[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .footer-section .signup a {
        height: 100%;
        padding: 1.11111rem 1.66667rem;
        position: relative
    }
}

.footer-section .signup a:hover,
.footer-section .signup a:focus,
.footer-section .signup a:active {
    background-color: RGB(var(--primary-rgb))
}

.footer-section .signup a span {
    color: #fff;
    display: block;
    position: relative;
    padding-left: 2.22222rem
}

.footer-section .signup a span:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.66667rem;
    font-family: "BPC Icons";
    color: #fff;
    transition: color .2s ease;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.footer-section .facet-share-list {
    float: none;
    margin-bottom: 0
}

.footer-section .facet-share-list+.button {
    margin-top: 1.11111rem
}

.footer-section .left-side {
    display: flex;
    flex-wrap: wrap-reverse;
    column-gap: 3.33333rem;
    row-gap: 1.11111rem;
    margin-right: auto
}

.footer-section .scroll-top-button-wrapper {
    position: relative;
    padding-right: 1.78571rem;
    color: #fff;
    margin-left: auto
}

.footer-section .scroll-top-button-wrapper:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    color: #fff;
    transition: color .2s ease;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.footer-section .scroll-top-button-wrapper:hover:before,
.footer-section .scroll-top-button-wrapper:active:before,
.footer-section .scroll-top-button-wrapper:focus:before {
    color: RGB(var(--primary-rgb))
}

.footer-section .scroll-top-button-wrapper::before {
    right: 0
}

.footer-section .scroll-top-button-wrapper:hover,
.footer-section .scroll-top-button-wrapper:focus,
.footer-section .scroll-top-button-wrapper:active {
    color: RGB(var(--primary-rgb))
}

.image-teaser {
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: RGB(var(--secondary-rgb));
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.image-teaser.clut-green {
    background-color: #93d522;
    background-image: linear-gradient(135deg, #93d522 10%, #033e8e 90%)
}

.image-teaser.clut-blue {
    background-color: #fee5f3;
    background-image: linear-gradient(135deg, #fee5f3 10%, #6c03a8 90%)
}

.image-teaser.clut-pink {
    background-color: #ff48a6;
    background-image: linear-gradient(135deg, #ff48a6 10%, #520881 90%)
}

.image-teaser.monochrome {
    background-color: #000;
    background-image: none
}

.image-teaser.monochrome .header-h1 {
    color: RGB(var(--primary-rgb))
}

.image-teaser .teaser-link,
.image-teaser .profile-link {
    color: #fff
}

.image-teaser .teaser-link:hover,
.image-teaser .teaser-link:focus,
.image-teaser .profile-link:hover,
.image-teaser .profile-link:focus {
    color: #fff
}

.image-teaser .teaser-link {
    margin-bottom: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .image-teaser .teaser-link {
        margin-bottom: 3.33333rem
    }
}

.image-teaser .inner-wrapper {
    position: relative;
    padding-top: 2.14286rem;
    padding-bottom: 2.14286rem
}

.image-teaser .inner-wrapper:not(.exclude-height) {
    min-height: 13.88889rem
}

@media print,
screen and (min-width:50em) {
    .image-teaser .inner-wrapper {
        padding-top: 7.77778rem;
        padding-bottom: 7.77778rem
    }

    .image-teaser .inner-wrapper:not(.exclude-height) {
        min-height: 36.38889rem
    }
}

.image-teaser .inner-wrapper :first-child {
    margin-top: 0
}

.image-teaser .inner-wrapper :last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .image-teaser.is-contact .inner-wrapper {
        max-width: 66%
    }
}

.image-teaser .profile-description {
    display: inline-block
}

.image-teaser .profile-description .fn {
    display: block;
    font-weight: 700
}

.image-teaser .share-list {
    margin-left: -2px
}

.image-teaser .share-list a::before {
    color: #fff
}

.image-teaser .share-list a:hover::before,
.image-teaser .share-list a:focus::before {
    color: RGB(var(--secondary-rgb))
}

.image-teaser .feature-label {
    color: #fff
}

.image-teaser.is-contact .profile-description+.buttons {
    margin-top: 1.66667rem
}

.article-teaser {
    overflow: hidden;
    color: #fff;
    background-color: #222
}

@media print,
screen and (min-width:50em) {
    .article-teaser {
        padding-top: 7.77778rem;
        padding-bottom: 0
    }
}

.article-teaser .feature-label,
.article-teaser .content-type {
    color: #e8e8e8
}

.article-teaser .teaser-link {
    color: #fff
}

.article-teaser .teaser-link:hover,
.article-teaser .teaser-link:focus {
    color: RGB(var(--primary-rgb))
}

.article-teaser .teaser-link .feature-label {
    margin-top: 0
}

.article-teaser button.whisper,
.article-teaser .button.whisper {
    color: #fff;
    border-color: #fff
}

.article-teaser button.whisper:hover,
.article-teaser button.whisper:focus,
.article-teaser .button.whisper:hover,
.article-teaser .button.whisper:focus {
    color: #fff;
    border-color: RGB(var(--secondary-rgb))
}

.article-teaser button.whisper.disabled,
.article-teaser button.whisper.disabled:hover,
.article-teaser button.whisper.disabled:focus,
.article-teaser button.whisper[disabled],
.article-teaser button.whisper[disabled]:hover,
.article-teaser button.whisper[disabled]:focus,
.article-teaser .button.whisper.disabled,
.article-teaser .button.whisper.disabled:hover,
.article-teaser .button.whisper.disabled:focus,
.article-teaser .button.whisper[disabled],
.article-teaser .button.whisper[disabled]:hover,
.article-teaser .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.article-teaser .panel {
    background-color: #313131;
    display: block;
    overflow: hidden
}

@media print,
screen and (min-width:50em) {
    .article-teaser .panel {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .article-teaser .panel::after {
        border-bottom-style: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.article-teaser .panel .image {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem;
    margin-top: -1.71429rem
}

@media print,
screen and (min-width:50em) {
    .article-teaser .panel .image {
        margin-right: -3.33333rem;
        margin-left: -3.33333rem;
        margin-top: -2.77778rem
    }
}

.article-teaser .panel .image+.description {
    padding-top: 1.71429rem
}

@media print,
screen and (min-width:50em) {
    .article-teaser .panel .image+.description {
        padding-top: 2.77778rem
    }
}

.article-teaser a.panel {
    color: #fff
}

.article-teaser .panel-list {
    margin-bottom: -.55556rem !important
}

@media print,
screen and (min-width:50em) {
    .article-teaser .panel-list {
        margin-top: 4.44444rem
    }
}

.overlay {
    --spacing: 1.66667rem 2.77778rem;
    background: #f5f5f5;
    text-align: left;
    left: 50%;
    top: 5.55556rem;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    transform: translate(-50%, 0) !important;
    width: 100%;
    max-width: 71.11111rem;
    padding: var(--spacing)
}

@media print,
screen and (min-width:50em) {
    .overlay {
        --spacing: 2.5rem 8.33333rem
    }
}

@media screen and (min-width:68.75em) {
    .overlay {
        --spacing: 3.33333rem 11.11111rem
    }
}

.overlay.no-space {
    --spacing: 0
}

.overlay .col-full {
    text-align: center
}

.overlay .header-h3 {
    font-size: 1.66667rem;
    margin-top: 0;
    margin-bottom: 2.16667rem
}

.overlay .detail-section-list {
    margin-bottom: .83333rem
}

@media screen and (max-width:49.99875em) {

    .master-download-opener,
    .search-opener,
    .nav-opener,
    .quickform-opener {
        border-bottom-left-radius: 4px
    }

    .quickform-opener~.nav-opener,
    .search-opener~.nav-opener,
    .language-switch~.nav-opener,
    .master-download-opener~.nav-opener {
        border-radius: 0
    }

    .language-switch .language-switch-opener {
        border-bottom-left-radius: 4px
    }
}

@media print,
screen and (min-width:50em) {

    .quickform-opener,
    .language-switch .language-switch-opener,
    .master-download-opener,
    .search-opener {
        border-bottom-left-radius: 4px
    }

    .nav-opener {
        border-bottom-right-radius: 4px
    }

    .master-download-opener~.search-opener,
    .master-download-opener~.quickform-opener {
        border-radius: 0
    }

    .side~.language-switch .language-switch-opener,
    .side~.quickform-opener {
        border-radius: 0
    }

    .side~.share-bar>div {
        border-radius: 0 0 0 4px
    }
}

.language-switch .expanded+.language-switch-opener {
    border-radius: 0
}

.master-download-opener~.language-switch .language-switch-opener {
    border-radius: 0
}

@media screen and (max-width:36.24875em) {
    .copy-to-clipboard {
        display: block
    }
}

.copy-to-clipboard.input-group input {
    cursor: text !important;
    margin-bottom: 0
}

@media screen and (max-width:36.24875em) {
    .copy-to-clipboard.input-group input {
        border-radius: 4px 4px 0 0;
        margin-bottom: .05556rem
    }
}

.copy-to-clipboard.input-group button:before {
    content: ""
}

@media screen and (max-width:36.24875em) {
    .copy-to-clipboard.input-group button {
        width: 100%;
        border-radius: 0 0 4px 4px;
        padding-top: .75em;
        padding-bottom: .75em
    }
}

.copy-to-clipboard.input-group button:hover,
.copy-to-clipboard.input-group button:focus,
[data-whatinput=touch] .copy-to-clipboard.input-group button {
    padding-left: 3.11111em;
    padding-right: 3.11111em
}

.copy-to-clipboard.input-group button:hover::before,
.copy-to-clipboard.input-group button:focus::before,
[data-whatinput=touch] .copy-to-clipboard.input-group button::before {
    color: transparent
}

.copy-to-clipboard.input-group button.copy-success {
    background-color: #93d522;
    color: #222
}

.copy-to-clipboard.input-group button.copy-success:hover,
.copy-to-clipboard.input-group button.copy-success:focus {
    background-color: #76aa1b;
    color: #222
}

.copy-to-clipboard.input-group button.copy-success,
[data-whatinput=touch] .copy-to-clipboard.input-group button.copy-success,
.copy-to-clipboard.input-group button.copy-success:hover,
.copy-to-clipboard.input-group button.copy-success:focus {
    padding-left: 2.33333em;
    padding-right: 3.88889em
}

.copy-to-clipboard.input-group button.copy-success::before,
[data-whatinput=touch] .copy-to-clipboard.input-group button.copy-success::before,
.copy-to-clipboard.input-group button.copy-success:hover::before,
.copy-to-clipboard.input-group button.copy-success:focus::before {
    color: inherit
}

.inline-share-bar {
    position: relative;
    z-index: 1;
    transform: translateY(1.42857rem)
}

@media print,
screen and (min-width:50em) {
    .inline-share-bar {
        transform: translateY(2.22222rem)
    }
}

.inline-share-bar .inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

@media print,
screen and (min-width:36.25em) {
    .inline-share-bar .inner-wrapper {
        justify-content: flex-end
    }
}

.inline-share-bar .share-icon {
    display: none;
    margin-right: 1.11111rem;
    font-size: 0
}

.inline-share-bar .share-icon:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem;
    color: #222;
    transition: color .2s ease
}

@media print,
screen and (min-width:36.25em) {
    .inline-share-bar .share-icon {
        display: block
    }
}

.inline-share-bar ul {
    display: flex
}

.inline-share-bar ul li {
    margin-left: .55556rem
}

.inline-share-bar ul li:first-child {
    margin-left: 0
}

.inline-share-bar a {
    color: #222;
    border-radius: 4px;
    position: relative;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
    border-width: 1px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 50%;
    font-size: 0;
    transition: all .3s ease 100ms
}

.inline-share-bar a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    color: #222;
    transition: color .2s ease;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.inline-share-bar a::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.inline-share-bar a:hover::after,
.inline-share-bar a:focus::after,
.inline-share-bar a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.inline-share-bar a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.inline-share-bar a:hover::after {
    border-color: RGB(var(--primary-rgb))
}

@media print,
screen and (min-width:50em) {
    .inline-share-bar a {
        height: 1.94444rem;
        width: 1.94444rem
    }
}

.inline-share-bar a::after {
    border-width: 1px;
    border-radius: 50%
}

@media print,
screen and (min-width:50em) {
    .inline-share-bar a::before {
        font-size: 1rem !important
    }
}

[data-whatintent=keyboard] .inline-share-bar a:focus,
[data-whatintent=mouse] .inline-share-bar a:hover {
    border-color: RGB(var(--primary-rgb))
}

.inline-share-bar a.twitter:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    font-size: 1.28571rem
}

.inline-share-bar a.facebook:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    font-size: 1.28571rem
}

.inline-share-bar a.xing:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    font-size: 1.28571rem
}

.inline-share-bar a.linkedin:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    font-size: 1.28571rem
}

.inline-share-bar a.mail:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons";
    font-size: 1.28571rem
}

.share-bar {
    height: 3.28571rem
}

@media print,
screen and (min-width:50em) {
    .share-bar {
        height: auto
    }
}

.share-bar>div {
    z-index: 10;
    background-color: #000;
    padding: .35714rem 2.14286rem;
    height: 3.28571rem
}

.share-bar>div::before,
.share-bar>div::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.share-bar>div::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .share-bar>div {
        position: fixed;
        top: 8.88889rem;
        right: 0;
        height: auto;
        width: 2.44444rem;
        padding: 0;
        border-radius: 4px 0 0 4px
    }
}

@media screen and (min-width:90em) {
    .share-bar>div {
        width: 3.33333rem
    }
}

.share-bar.sticky>div {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center
}

.share-bar .share-icon {
    color: #fff;
    position: relative;
    line-height: 1;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, .6);
    padding: .57143rem 1.28571rem .5rem 0;
    margin-right: 1.11111rem;
    font-size: 0;
    height: 2.57143rem
}

.share-bar .share-icon:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem;
    color: rgba(255, 255, 255, .6);
    transition: color .2s ease
}

@media print,
screen and (min-width:50em) {
    .share-bar .share-icon {
        width: 100%;
        padding: .55556rem;
        top: 0;
        display: block;
        border: 0
    }

    .share-bar .share-icon:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .share-bar .share-icon {
        height: 3.33333rem
    }

    .share-bar .share-icon:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.share-bar ul {
    display: inline-block;
    padding: .42857rem 0;
    margin: 0-.44444rem;
    vertical-align: top
}

.share-bar ul::before,
.share-bar ul::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.share-bar ul::after {
    clear: both
}

@media print,
screen and (min-width:50em) {
    .share-bar ul {
        padding: 0 .55556rem;
        display: block;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:90em) {
    .share-bar ul {
        margin-bottom: .55556rem
    }
}

.share-bar ul li {
    padding: 0 .57143rem;
    display: inline-block;
    vertical-align: middle
}

@media print,
screen and (min-width:50em) {
    .share-bar ul li {
        display: block;
        padding: 0
    }

    .share-bar ul li:first-child {
        border-top: 1px solid rgba(255, 255, 255, .6);
        padding-top: .38889rem
    }
}

.share-bar a {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 0;
    line-height: 1
}

.share-bar a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .share-bar a:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

@media screen and (min-width:90em) {
    .share-bar a:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

.share-bar a::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.share-bar a:hover,
.share-bar a:focus {
    color: #fff
}

.share-bar a:hover::before,
.share-bar a:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.share-bar a:hover .icon-shadow,
.share-bar a:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.share-bar a:hover .icon-shadow::before,
.share-bar a:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.share-bar a .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.share-bar a .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .share-bar a .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

@media screen and (min-width:90em) {
    .share-bar a .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

.share-bar a .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.share-bar a[disabled]:hover::before,
.share-bar a[disabled]:focus::before,
.share-bar a.disabled:hover::before,
.share-bar a.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.share-bar a[disabled]:hover .icon-shadow,
.share-bar a[disabled]:focus .icon-shadow,
.share-bar a.disabled:hover .icon-shadow,
.share-bar a.disabled:focus .icon-shadow {
    color: #fff
}

.share-bar a[disabled]:hover .icon-shadow::before,
.share-bar a[disabled]:focus .icon-shadow::before,
.share-bar a.disabled:hover .icon-shadow::before,
.share-bar a.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.share-bar a::before {
    left: 0
}

.share-bar a .icon-shadow::before {
    left: 0
}

.share-bar a::after {
    color: transparent
}

.share-bar a::after,
.share-bar a::before {
    height: 1.71429rem;
    line-height: 1.2
}

@media print,
screen and (min-width:50em) {

    .share-bar a::after,
    .share-bar a::before {
        height: auto;
        line-height: 1
    }
}

.share-bar a:hover::after,
.share-bar a:focus::after {
    color: transparent
}

.share-bar a .icon-shadow::before {
    height: 1.71429rem;
    line-height: 1.2
}

@media print,
screen and (min-width:50em) {
    .share-bar a .icon-shadow::before {
        height: auto;
        line-height: 1
    }
}

.share-bar a.twitter:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.twitter:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.twitter .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.twitter:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.twitter:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.twitter .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.twitter:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.twitter:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.twitter .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share-bar a.facebook:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.facebook:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.facebook .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.facebook:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.facebook:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.facebook .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.facebook:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.facebook:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.facebook .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share-bar a.linkedin:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.linkedin:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.linkedin .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.linkedin:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.linkedin:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.linkedin .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.linkedin:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.linkedin:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.linkedin .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share-bar a.xing:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.xing:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.xing .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.xing:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.xing:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.xing .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.xing:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.xing:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.xing .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share-bar a.mail:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.mail:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.mail .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.mail:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.mail:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.mail .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.mail:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.mail:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.mail .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share-bar a.rss:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.rss:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.rss .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.rss:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.rss:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.rss .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.rss:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.rss:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.rss .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share-bar a.link:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.link:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share-bar a.link .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share-bar a.link:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.link:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share-bar a.link .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share-bar a.link:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.link:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share-bar a.link .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

@media print,
screen and (min-width:50em) {
    .share-bar a {
        width: 100%;
        height: 2.22222rem
    }

    .share-bar a::after,
    .share-bar a.twitter::after,
    .share-bar a.facebook::after,
    .share-bar a.linkedin::after,
    .share-bar a.xing::after,
    .share-bar a.mail::after,
    .share-bar a.rss::after {
        display: none
    }

    .share-bar a::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .share-bar a .icon-shadow::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .share-bar a.twitter::before,
    .share-bar a.mail::before {
        margin-top: 0
    }

    .share-bar a.twitter .icon-shadow::before,
    .share-bar a.mail .icon-shadow::before {
        margin-top: 0
    }
}

.share {
    text-align: right;
    position: relative;
    margin: .71429rem 0 1.42857rem
}

.share:focus-within .icon-bubble {
    transform: translateY(0)
}

.share .icon-bubble-trigger:hover+.icon-bubble,
.share .icon-bubble-trigger:focus+.icon-bubble {
    transform: translateY(0)
}

.share .icon-bubble {
    right: 0;
    left: auto;
    transform: translateY(.5rem)
}

.share .icon-bubble::after {
    left: auto;
    right: 1.66667rem;
    transform: translateX(50%)
}

.share .icon-bubble:hover,
.share .icon-bubble:focus {
    transform: translateY(0)
}

@media print,
screen and (min-width:50em) {
    .share {
        margin: 1.11111rem 0 1.66667rem
    }
}

.share:focus-within .icon-bubble {
    visibility: visible;
    opacity: 1
}

.share .icon-bubble-trigger:hover+.icon-bubble,
.share .icon-bubble-trigger:focus+.icon-bubble,
.share .icon-bubble-trigger:focus-within+.icon-bubble {
    visibility: visible;
    opacity: 1
}

.share .icon-bubble {
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    position: absolute;
    padding-left: .44444rem;
    padding-top: .77778rem;
    padding-bottom: .83333rem;
    padding-right: .44444rem;
    background-color: #222;
    border-radius: 4px;
    font-size: 0;
    z-index: 10;
    white-space: nowrap;
    margin-top: .11111rem;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0
}

.share .icon-bubble:hover,
.share .icon-bubble:focus {
    visibility: visible;
    opacity: 1
}

.share .icon-bubble:hover ::after,
.share .icon-bubble:focus ::after {
    color: #222
}

.share .icon-bubble::after {
    content: "";
    border-bottom-color: #222;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: 99%
}

.share .icon-bubble::before {
    content: "";
    border: 5px solid transparent;
    bottom: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.share .icon-bubble li {
    vertical-align: middle;
    display: inline-block;
    padding-left: .44444rem;
    padding-right: .44444rem
}

.share .icon-bubble a {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 0;
    line-height: 1;
    height: 1.42857rem
}

.share .icon-bubble a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

.share .icon-bubble a::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.share .icon-bubble a:hover,
.share .icon-bubble a:focus {
    color: #fff
}

.share .icon-bubble a:hover::before,
.share .icon-bubble a:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.share .icon-bubble a:hover .icon-shadow,
.share .icon-bubble a:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.share .icon-bubble a:hover .icon-shadow::before,
.share .icon-bubble a:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.share .icon-bubble a .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.share .icon-bubble a .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

.share .icon-bubble a .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.share .icon-bubble a[disabled]:hover::before,
.share .icon-bubble a[disabled]:focus::before,
.share .icon-bubble a.disabled:hover::before,
.share .icon-bubble a.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.share .icon-bubble a[disabled]:hover .icon-shadow,
.share .icon-bubble a[disabled]:focus .icon-shadow,
.share .icon-bubble a.disabled:hover .icon-shadow,
.share .icon-bubble a.disabled:focus .icon-shadow {
    color: #fff
}

.share .icon-bubble a[disabled]:hover .icon-shadow::before,
.share .icon-bubble a[disabled]:focus .icon-shadow::before,
.share .icon-bubble a.disabled:hover .icon-shadow::before,
.share .icon-bubble a.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.share .icon-bubble a::before {
    left: 0
}

.share .icon-bubble a .icon-shadow::before {
    left: 0
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a {
        height: 1.11111rem
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a {
        height: 1.33333rem
    }
}

.share .icon-bubble a::after {
    color: transparent
}

.share .icon-bubble a:hover::after,
.share .icon-bubble a:focus::after {
    color: transparent
}

.share .icon-bubble-trigger {
    padding-left: 1.66667rem;
    position: relative;
    cursor: pointer;
    color: #222;
    background-color: transparent;
    transition: color .3s ease
}

.share .icon-bubble-trigger:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.share .icon-bubble-trigger:hover,
.share .icon-bubble-trigger:focus {
    color: RGB(var(--secondary-rgb))
}

.share .icon-bubble a.twitter:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.twitter:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.twitter .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.twitter:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.twitter:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.twitter .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.twitter:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.twitter:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.twitter .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share .icon-bubble a.facebook:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.facebook:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.facebook .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.facebook:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.facebook:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.facebook .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.facebook:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.facebook:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.facebook .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share .icon-bubble a.linkedin:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.linkedin:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.linkedin .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.linkedin:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.linkedin:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.linkedin .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.linkedin:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.linkedin:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.linkedin .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share .icon-bubble a.xing:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.xing:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.xing .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.xing:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.xing:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.xing .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.xing:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.xing:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.xing .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share .icon-bubble a.mail:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.mail:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.mail .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.mail:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.mail:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.mail .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.mail:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.mail:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.mail .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share .icon-bubble a.rss:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.rss:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.rss .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.rss:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.rss:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.rss .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.rss:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.rss:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.rss .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.share .icon-bubble a.link:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.link:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.share .icon-bubble a.link .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .share .icon-bubble a.link:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.link:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.link .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .share .icon-bubble a.link:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.link:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .share .icon-bubble a.link .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:68.75em) {
    html {
        scroll-padding-top: 6.11111rem
    }
}

@media screen and (max-width:68.74875em) {
    .sticky-top-bar {
        height: auto !important
    }
}

@media screen and (min-width:68.75em) {
    .sticky-top-bar .sticky {
        position: relative;
        left: 0;
        right: 0;
        max-width: none !important;
        z-index: 11
    }

    .sticky-top-bar .sticky::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 50%;
        height: 100%;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        background: 0 0
    }

    .sticky-top-bar .sticky::before {
        transition: background-color 400ms ease 100ms;
        z-index: 0
    }

    .sticky-top-bar .sticky .meta-nav {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 65.55556rem;
        margin-right: auto;
        margin-left: auto
    }

    .sticky-top-bar .sticky.is-stuck::before {
        background-color: rgba(0, 0, 0, .75)
    }

    .sticky-top-bar .sticky.is-at-top {
        position: fixed
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: 0;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: 0
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2 {
    max-width: 100%;
    margin-bottom: 1rem
}

.select2.select2-container--disabled {
    opacity: .2
}

.select2.select2-container--disabled+label {
    opacity: .2
}

.select2.select2-container--disabled .select2-selection {
    cursor: not-allowed
}

.error+.select2 {
    margin-bottom: 0 !important
}

.select2 .select2-selection {
    background: 0 0;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    border-radius: 4px;
    border-color: rgba(49, 49, 49, .6)
}

.select2 .select2-selection,
.select2 .select2-selection:focus {
    border-width: 2px;
    border-color: rgba(49, 49, 49, .6)
}

.error+.select2 .select2-selection {
    border-color: #d52b1e;
    border-bottom-right-radius: 0
}

.error+.select2 .select2-selection:hover,
.error+.select2 .select2-selection:focus {
    border-color: #d52b1e;
    border-bottom-right-radius: 0
}

.select2 .select2-selection:hover {
    border-color: #313131
}

.select2 .select2-selection.select2-selection--single {
    height: 3.05556rem;
    padding-top: .66667rem;
    padding-bottom: .66667rem;
    padding-left: 1.11111rem;
    padding-right: 2.88889rem
}

.select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: 1.55556rem
}

.select2 .select2-selection.select2-selection--multiple {
    min-height: 3.05556rem
}

.select2 .select2-selection.select2-selection--multiple .select2-selection__rendered {
    font-size: .88889rem;
    padding-top: .22222rem;
    padding-left: 1.11111rem;
    padding-bottom: .44444rem;
    padding-right: 1.11111rem
}

.select2 .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin-top: .5rem;
    margin-right: .44444rem;
    padding-right: .44444rem;
    padding-left: .44444rem;
    background-color: RGB(var(--secondary-rgb));
    color: #fff;
    border-radius: 4px;
    border-width: 0
}

.select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove {
    margin-right: .22222rem;
    color: #fff;
    transition: color .2s ease
}

.select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff
}

.select2 .select2-selection .select2-selection__rendered {
    display: block;
    font-size: 1.11111rem;
    color: #222;
    padding-right: 0;
    padding-left: 0
}

.select2 .select2-selection .select2-selection__arrow {
    background: 0 0;
    height: 100%;
    top: 0;
    right: .33333rem;
    width: 32px;
    transition: transform .2s ease;
    border: 0
}

.select2 .select2-selection .select2-selection__arrow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:36.25em) {
    .select2 .select2-selection .select2-selection__arrow {
        right: .66667rem
    }
}

.select2 .select2-selection .select2-selection__arrow b {
    border: 0
}

.select2.select2-container--focus .select2-selection {
    border-color: RGB(var(--primary-rgb))
}

.select2-container {
    display: block
}

.select2-container .select2-search--dropdown .select2-search__field {
    padding-top: 0;
    padding-right: 1.11111rem;
    padding-bottom: 0;
    padding-left: 1.11111rem;
    border-width: 0
}

.select2-container .select2-dropdown--above {
    margin-top: 2px
}

.select2-container .select2-dropdown--below {
    margin-top: -2px
}

.select2-container .select2-dropdown--below .select2-search--dropdown input {
    margin-top: 1rem
}

.select2-container .select2-dropdown {
    border-width: 2px
}

.select2-container.select2-container--open .select2-selection {
    border-width: 2px;
    border-color: RGB(var(--primary-rgb));
    border-color: rgba(49, 49, 49, .6)
}

.select2-container.select2-container--open .select2-dropdown {
    border-color: RGB(var(--primary-rgb))
}

.select2-container.select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg)
}

.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: RGB(var(--primary-rgb));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: RGB(var(--primary-rgb));
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container.select2-container--open.select2-container--above .select2-selection,
.select2-container.select2-container--open.select2-container--below .select2-selection {
    border-color: RGB(var(--primary-rgb));
    background: 0 0
}

.select2-container .select2-search--inline {
    padding-right: .88889rem;
    padding-bottom: 0;
    padding-left: .88889rem
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: .22222rem;
    margin-bottom: 0;
    height: 1.77778rem
}

.select2-container .select2-selection.select2-selection--multiple {
    border-width: 2px
}

.select2-dropdown {
    border-radius: 4px;
    border-color: rgba(49, 49, 49, .6);
    transition: border-color .2s ease
}

.select2-dropdown.select2-dropdown--above .select2-search {
    padding-top: .88889rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.select2-dropdown .select2-search {
    padding: 0
}

.select2-dropdown .select2-search .select2-search__field {
    height: 1.77778rem
}

.select2-dropdown .select2-results .select2-results__option {
    padding-top: .44444rem;
    padding-right: 1.11111rem;
    padding-bottom: .44444rem;
    padding-left: 1.11111rem
}

.select2-dropdown .select2-results .select2-results__option[role=group] {
    padding: 0
}

.select2-dropdown .select2-results .select2-results__option[role=group] strong {
    display: block;
    padding-top: .33333rem;
    padding-right: .33333rem;
    padding-bottom: .33333rem;
    padding-left: .33333rem
}

.select2-dropdown .select2-results .select2-results__option--highlighted {
    background-color: RGB(var(--primary-rgb))
}

.select2-dropdown .select2-results [aria-selected=true] {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

.invert .error+.select2 .select2-selection {
    border-color: #d52b1e
}

.invert .error+.select2 .select2-selection:hover,
.invert .error+.select2 .select2-selection:focus {
    border-color: #d52b1e
}

.invert .select2.select2-container.select2-container--open .select2-selection[aria-expanded=true] {
    border-color: #fff
}

.invert .select2.select2-container.select2-container--focus .select2-selection {
    border-style: solid;
    border-color: #fff
}

.invert .select2.select2-container.select2-container--focus .select2-selection:hover {
    border-color: rgba(255, 255, 255, .8)
}

.invert .select2 .select2-selection {
    border-style: solid;
    border-color: rgba(255, 255, 255, .6)
}

.invert .select2 .select2-selection:hover {
    border-color: rgba(255, 255, 255, .8)
}

.invert .select2 .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    cursor: default;
    transition: background-color .3s ease;
    float: left;
    background-color: rgba(255, 255, 255, .8);
    color: #222
}

.invert .select2 .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover {
    background-color: #fff
}

.invert .select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(49, 49, 49, .6);
    cursor: pointer
}

.invert .select2 .select2-selection.select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #313131
}

.invert .select2 .select2-selection .select2-selection__rendered {
    color: #fff
}

.invert .select2 .select2-selection .select2-selection__arrow {
    position: absolute
}

.invert .select2 .select2-selection .select2-selection__arrow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: .88889rem;
    font-family: "BPC Icons";
    color: #fff;
    transition: color .2s ease;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.select2-container--invert {
    display: block
}

.select2-container--invert.select2-container--open .select2-selection {
    border-color: #fff
}

.select2-container--invert.select2-container--open .select2-dropdown {
    border-color: #fff
}

.select2-container--invert .select2-dropdown {
    border-color: rgba(255, 255, 255, .6)
}

.select2-container--invert .select2-dropdown .select2-search.select2-search--dropdown input {
    color: #fff
}

.select2-container--invert .select2-dropdown .select2-results .select2-results__option--highlighted {
    background-color: #f5f5f5;
    color: #222
}

.select2-container--invert .select2-dropdown .select2-results [aria-selected=true] {
    background-color: #e8e8e8;
    color: #222
}

.select2-container--invert .select2-dropdown .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-hidden-accessible+label {
    margin-top: 3.05556rem
}

html.menu-open {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%
}

html.menu-open body {
    overflow: hidden;
    height: 100%
}

.nav-opener {
    z-index: 15;
    right: 0
}

@media print,
screen and (min-width:50em) {
    .nav-opener {
        left: 0
    }
}

.nav-opener .stripe::before {
    clip: rect(-1px, 22px, 100px, -1px)
}

.nav-opener .stripe::after {
    transition: clip 0s ease-out .25s, background-color .2s ease-out;
    clip: rect(-1px, -1px, 100px, -1px)
}

.nav-opener:hover .stripe::before,
.nav-opener:hover .stripe::after,
.nav-opener:focus .stripe::before,
.nav-opener:focus .stripe::after {
    transition: clip .25s ease-out 0s
}

.nav-opener:hover .stripe::before,
.nav-opener:focus .stripe::before {
    clip: rect(-1px, 22px, 100px, 22px)
}

.nav-opener:hover .stripe::after,
.nav-opener:focus .stripe::after {
    clip: rect(-1px, 22px, 100px, -1px)
}

.nav-opener:hover .stripe:nth-child(2)::before,
.nav-opener:hover .stripe:nth-child(2)::after,
.nav-opener:focus .stripe:nth-child(2)::before,
.nav-opener:focus .stripe:nth-child(2)::after {
    transition: clip .25s ease-out .05s
}

.nav-opener:hover .stripe:nth-child(3)::before,
.nav-opener:hover .stripe:nth-child(3)::after,
.nav-opener:focus .stripe:nth-child(3)::before,
.nav-opener:focus .stripe:nth-child(3)::after {
    transition: clip .25s ease-out .1s
}

.nav-opener .stripe::before {
    background-color: #fff
}

.nav-opener .stripe::after {
    background-color: transparent
}

.nav-opener:hover .stripe::before,
.nav-opener:focus .stripe::before {
    background-color: #fff
}

.nav-opener:hover .stripe::after,
.nav-opener:focus .stripe::after {
    background-color: RGB(var(--primary-rgb))
}

.menu-open .nav-opener {
    background-color: #222;
    z-index: 15
}

.menu-open .nav-opener .stripe::before {
    background-color: #fff
}

.menu-open .nav-opener .stripe::after {
    background-color: transparent
}

.menu-open .nav-opener:hover .stripe::before,
.menu-open .nav-opener:focus .stripe::before {
    background-color: #fff
}

.menu-open .nav-opener:hover .stripe::after,
.menu-open .nav-opener:focus .stripe::after {
    background-color: RGB(var(--primary-rgb))
}

.menu-open .nav-opener:hover,
.menu-open .nav-opener:focus {
    background-color: #222
}

.menu-open .nav-opener .stripe:first-child {
    transform: translate3d(0, 5px, 0) rotate3d(0, 0, 1, 45deg) scale(1.1)
}

.menu-open .nav-opener .stripe:nth-child(2) {
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

@media print,
screen and (min-width:50em) {
    .menu-open .nav-opener .stripe:nth-child(2) {
        transform: translate3d(-100%, 0, 0)
    }
}

.menu-open .nav-opener .stripe:last-child {
    transform: translate3d(0, -5px, 0) rotate3d(0, 0, 1, -45deg) scale(1.1)
}

.nav-opener .stripes {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    display: block;
    width: 22px
}

@media screen and (min-width:90em) {
    .nav-opener .stripes {
        transform: translate(-50%, -50%) scale3d(1, 1, 1)
    }
}

.nav-opener .stripe {
    display: block;
    height: 2px;
    margin-top: 3px;
    transition-delay: 0;
    transition-duration: .3s;
    transition-property: opacity, transform;
    transition-timing-function: ease;
    border-radius: 1px;
    position: relative;
    overflow: hidden
}

.nav-opener .stripe::before,
.nav-opener .stripe::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.nav-opener .stripe:first-child {
    margin-top: 0
}

@media print,
screen and (min-width:50em) {
    .nav-opener .stripe:nth-child(2) {
        transition: opacity .15s, transform .15s
    }
}

.nav-main-bg {
    z-index: 12
}

.nav-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 1090px;
    height: 100%;
    transform: translate3d(-100%, 0, 0);
    transition: transform .3s ease;
    z-index: 14;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.nav-main.overflow {
    overflow: hidden
}

.menu-open .nav-main {
    transform: translate3d(0, 0, 0)
}

.nav-main li:first-child {
    margin-top: 0
}

.nav-main li.has-children>a {
    padding-right: 2.22222rem
}

.nav-main li.has-children>a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1em;
    font-family: "BPC Icons";
    position: absolute;
    right: 5.55556em;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .nav-main li.has-children>a {
        padding-right: 1.11111rem
    }
}

.nav-main li.has-children>a::before {
    opacity: 0;
    transition: right .3s ease, opacity .3s ease
}

[data-whatinput=touch] .nav-main li.has-children>a::before,
.nav-main li.has-children>a:hover::before,
.nav-main li.has-children>a:focus::before {
    right: 0;
    opacity: 1
}

.nav-main li.opened>.nav-menu {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform .3s ease, opacity .3s ease
}

@media screen and (max-width:49.99875em) {
    .nav-main li.opened>.nav-menu {
        background-color: #000
    }
}

.nav-main li.opened>a::before {
    right: 0;
    opacity: 1
}

.nav-main li.active>a {
    font-weight: 700
}

.nav-main li.minor {
    margin-top: 1.66667rem
}

.nav-main li.minor>a {
    font-size: 1rem;
    padding-top: .35714rem;
    padding-bottom: .35714rem
}

@media print,
screen and (min-width:50em) {
    .nav-main li.minor>a {
        font-size: .88889em;
        padding-top: .38889em;
        padding-bottom: .38889em
    }
}

.nav-main li.minor~.minor {
    margin-top: 0
}

[data-whatinput=touch] .nav-main li.minor.has-children>a::before,
.nav-main li.minor.has-children>a:hover::before,
.nav-main li.minor.has-children>a:focus::before {
    right: .15em
}

@media print,
screen and (min-width:50em) {
    .nav-main li.minor.opened>a::before {
        right: 2px
    }
}

.nav-main li a {
    display: block;
    position: relative;
    font-size: 1.14286rem;
    padding-top: .34em;
    padding-bottom: .34em
}

@media print,
screen and (min-width:50em) {
    .nav-main li a {
        font-size: 1.11111rem
    }
}

.nav-main li a.headline {
    padding: 0
}

.nav-main li a.headline::before {
    content: "";
    display: none
}

.nav-main .header-h3 {
    margin: .22222rem 0 1.44444rem 0;
    font-size: 1.57143rem
}

@media print,
screen and (min-width:50em) {
    .nav-main .header-h3 {
        font-size: 1.66667rem
    }
}

.nav-main .facet {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: -1;
    overflow: hidden
}

.nav-main .logo {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #222;
    z-index: 16;
    width: 100%;
    height: 2.85714rem
}

@media print,
screen and (min-width:50em) {
    .nav-main .logo {
        display: none
    }
}

.nav-main .logo img,
.nav-main .logo svg {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    box-sizing: content-box;
    padding-top: .85714rem;
    padding-bottom: .85714rem;
    max-width: 8.28571rem;
    margin-top: 1px
}

@media print,
screen and (min-width:50em) {

    .nav-main .logo img,
    .nav-main .logo svg {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

.nav-main .logo img::before,
.nav-main .logo img::after,
.nav-main .logo svg::before,
.nav-main .logo svg::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.nav-main .logo img::after,
.nav-main .logo svg::after {
    clear: both
}

.nav-main .logo svg {
    height: 18px
}

.nav-main .back {
    padding-left: 1.94444rem;
    position: absolute;
    left: 0;
    top: 2.85714rem;
    width: 100%;
    color: #fff;
    text-align: left;
    padding-top: .71429rem;
    padding-bottom: .71429rem;
    border-radius: 0
}

.nav-main .back:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    left: .55556rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .nav-main .back {
        display: none
    }
}

.nav-main .back:hover,
.nav-main .back:focus {
    color: #fff !important
}

.nav-main>.nav-menu>.scrollbar-replacement>ul>li>a {
    transform: translate3d(-75%, 0, 0);
    opacity: 0
}

.nav-main>.nav-menu>.scrollbar-replacement>ul>li>a.is-active {
    transition: transform .25s ease-out, opacity .25s ease-out, color .3s ease;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.nav-main>.nav-menu>.scrollbar-replacement>.ps__rail-y {
    right: 1.07143rem !important;
    top: 2.85714rem !important
}

@media print,
screen and (min-width:50em) {
    .nav-main>.nav-menu>.scrollbar-replacement>.ps__rail-y {
        right: 1.11111rem !important;
        top: 6.11111rem !important
    }
}

.nav-main .nav-menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 2.85714rem 0 0;
    overflow: hidden
}

@media print,
screen and (min-width:50em) {
    .nav-main .nav-menu {
        overflow: visible;
        padding: 6.11111rem 0 3.05556rem 0;
        width: 29.3578%
    }
}

.nav-main .nav-menu ul {
    padding: 1.14286rem 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .nav-main .nav-menu ul {
        height: 100%;
        padding: 0 2.22222rem;
        margin-top: 0;
        margin-bottom: 0
    }
}

.nav-main .nav-menu .nav-menu {
    width: 100%;
    transform: translate3d(-100%, 0, 0);
    transition: visibility 0s .3s, transform .3s cubic-bezier(.165, .84, .44, 1), opacity .3s ease;
    visibility: hidden;
    z-index: 15;
    pointer-events: none;
    padding: 7.5rem 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .nav-main .nav-menu .nav-menu {
        border-left: 1px solid rgba(255, 255, 255, .2);
        padding: 10.11111rem 2.22222rem 3.05556rem 2.22222rem;
        opacity: 0;
        right: -100%;
        left: auto
    }
}

.nav-main .nav-menu .nav-menu ul {
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 1.11111rem 0 1.33333rem 0
}

@media print,
screen and (min-width:50em) {
    .nav-main .nav-menu .nav-menu .headline {
        position: absolute;
        display: block;
        height: 4rem;
        top: 6.11111rem;
        left: 2.22222rem;
        right: 2.22222rem;
        white-space: nowrap
    }

    .nav-main .nav-menu .nav-menu .headline .header-h3 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.nav-main .nav-menu .nav-menu .headline .header-h3 {
    display: inline-block
}

.nav-main .nav-menu .nav-menu .nav-menu {
    background-color: #313131
}

@media print,
screen and (min-width:50em) {
    .nav-main .nav-menu .nav-menu .nav-menu {
        background-color: rgba(49, 49, 49, .9);
        right: -140.625%;
        width: 140.625%;
        overflow: hidden
    }

    .nav-main .nav-menu .nav-menu .nav-menu::before {
        content: "";
        display: block;
        background: rgba(245, 245, 245, .05);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 200%;
        height: 100%;
        transform: translateY(100%) translateX(-7.66667rem) rotate(-30deg);
        transform-origin: top left
    }
}

.nav-main .location-mobile-section {
    color: #fff;
    height: auto;
    width: 100%
}

@media print,
screen and (min-width:50em) {
    .nav-main .location-mobile-section {
        display: none
    }
}

.nav-main .location-mobile-section .location-small {
    padding-top: 1.78571rem;
    padding-bottom: 1.14286rem
}

.nav-main .location-mobile-section .location-small p {
    margin-bottom: 1.07143rem
}

.nav-main .ps__rail-y {
    right: 2.14286rem !important;
    top: 11.42857rem !important
}

@media print,
screen and (min-width:50em) {
    .nav-main .ps__rail-y {
        right: 2.22222rem !important;
        top: 10.16667rem !important
    }
}

@media screen and (min-width:68.75em) {

    .sticky-elements .nav-opener,
    .sticky-elements .nav-main,
    .sticky-elements .nav-main-bg {
        display: none
    }
}

.master-download-opener {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: RGB(var(--primary-rgb));
    font-size: 0;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    z-index: 16;
    right: 82px
}

.master-download-opener::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.master-download-opener:hover::after,
.master-download-opener:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.master-download-opener.disabled::after,
.master-download-opener.disabled:hover::after,
.master-download-opener.disabled:focus::after,
.master-download-opener[disabled]::after,
.master-download-opener[disabled]:hover::after,
.master-download-opener[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .master-download-opener {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .master-download-opener {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .master-download-opener {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .master-download-opener {
        width: 60px
    }
}

.master-download-opener:hover,
.master-download-opener:focus {
    background-color: RGB(var(--secondary-rgb))
}

.master-download-opener:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .master-download-opener:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .master-download-opener:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.master-download-opener::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.master-download-opener:hover,
.master-download-opener:focus {
    color: #fff
}

.master-download-opener:hover::before,
.master-download-opener:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.master-download-opener:hover .icon-shadow,
.master-download-opener:focus .icon-shadow {
    transition: none;
    color: #fff
}

.master-download-opener:hover .icon-shadow::before,
.master-download-opener:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.master-download-opener .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.master-download-opener .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .master-download-opener .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .master-download-opener .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.master-download-opener .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.master-download-opener[disabled]:hover::before,
.master-download-opener[disabled]:focus::before,
.master-download-opener.disabled:hover::before,
.master-download-opener.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.master-download-opener[disabled]:hover .icon-shadow,
.master-download-opener[disabled]:focus .icon-shadow,
.master-download-opener.disabled:hover .icon-shadow,
.master-download-opener.disabled:focus .icon-shadow {
    color: #fff
}

.master-download-opener[disabled]:hover .icon-shadow::before,
.master-download-opener[disabled]:focus .icon-shadow::before,
.master-download-opener.disabled:hover .icon-shadow::before,
.master-download-opener.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

@media print,
screen and (min-width:50em) {
    .master-download-opener {
        right: 90px
    }
}

@media screen and (min-width:90em) {
    .master-download-opener {
        right: 122px
    }
}

.master-download-opener:nth-last-child(5) {
    right: 41px
}

@media print,
screen and (min-width:50em) {
    .master-download-opener:nth-last-child(5) {
        right: 0
    }
}

.master-download-opener:nth-last-child(6) {
    right: 82px
}

@media print,
screen and (min-width:50em) {
    .master-download-opener:nth-last-child(6) {
        right: 45px
    }
}

@media screen and (min-width:90em) {
    .master-download-opener:nth-last-child(6) {
        right: 61px
    }
}

.master-download-opener.activated {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    z-index: 23;
    background-color: #222;
    right: 0;
    transition: color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out
}

.master-download-opener.activated:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .master-download-opener.activated:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .master-download-opener.activated:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.master-download-opener.activated::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.master-download-opener.activated:hover,
.master-download-opener.activated:focus {
    color: #fff
}

.master-download-opener.activated:hover::before,
.master-download-opener.activated:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.master-download-opener.activated:hover .icon-shadow,
.master-download-opener.activated:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.master-download-opener.activated:hover .icon-shadow::before,
.master-download-opener.activated:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.master-download-opener.activated .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.master-download-opener.activated .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .master-download-opener.activated .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .master-download-opener.activated .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.master-download-opener.activated .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.master-download-opener.activated[disabled]:hover::before,
.master-download-opener.activated[disabled]:focus::before,
.master-download-opener.activated.disabled:hover::before,
.master-download-opener.activated.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.master-download-opener.activated[disabled]:hover .icon-shadow,
.master-download-opener.activated[disabled]:focus .icon-shadow,
.master-download-opener.activated.disabled:hover .icon-shadow,
.master-download-opener.activated.disabled:focus .icon-shadow {
    color: #fff
}

.master-download-opener.activated[disabled]:hover .icon-shadow::before,
.master-download-opener.activated[disabled]:focus .icon-shadow::before,
.master-download-opener.activated.disabled:hover .icon-shadow::before,
.master-download-opener.activated.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.master-download-opener.activated::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

.master-download-opener.activated .icon-shadow::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

.master-download-opener.activated:hover,
.master-download-opener.activated:focus {
    background-color: #222
}

.master-download-bg {
    z-index: 21
}

.master-download-section {
    transition: transform .3s ease;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
    transform: translate3d(100%, 0, 0)
}

@media print,
screen and (min-width:36.25em) {
    .master-download-section {
        width: 40%
    }
}

@media screen and (min-width:68.75em) {
    .master-download-section {
        width: 30%
    }
}

@media screen and (min-width:80em) {
    .master-download-section {
        width: 25%
    }
}

.master-download-section.opened {
    transform: translate3d(0, 0, 0)
}

.master-download-section .scrollbar-replacement {
    position: relative;
    height: 92%;
    margin-right: -1.05556rem
}

.master-download-section .scrollbar-replacement.ps {
    padding-right: 1.05556rem
}

@media print,
screen and (min-width:50em) {
    .master-download-section .scrollbar-replacement {
        margin-right: -1.66667rem
    }

    .master-download-section .scrollbar-replacement.ps {
        padding-right: 1.66667rem
    }
}

.master-download-section .header-h3 {
    padding-left: 2.11111rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.5rem
}

.master-download-section .header-h3:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.22222rem;
    font-family: "BPC Icons";
    position: absolute;
    top: .05556rem;
    left: 0
}

.master-download-section .downloads {
    position: relative
}

.master-download-section .downloads li {
    margin-bottom: 1.66667rem
}

.master-download-section .downloads li:last-child {
    margin-bottom: 0
}

.master-download-section .downloads .image {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden
}

.master-download-section .downloads .image.no-preview-image {
    background-color: rgba(255, 255, 255, .5)
}

.master-download-section .downloads .image.no-preview-image img {
    display: none
}

.master-download-section .downloads .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    opacity: .65;
    display: block
}

.master-download-section .downloads .description {
    display: block;
    padding-top: .83333rem;
    padding-right: 1.11111rem;
    padding-bottom: .83333rem;
    padding-left: 1.11111rem;
    background-color: #fff;
    color: #222
}

.master-download-section .downloads .filesize {
    white-space: nowrap
}

.master-download-section .downloads .filesize::before {
    content: "("
}

.master-download-section .downloads .filesize::after {
    content: ")"
}

.master-download-section a {
    border-radius: 4px;
    transition: none;
    overflow: hidden;
    display: block;
    color: #222;
    border-radius: 4px;
    position: relative
}

.master-download-section a::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.master-download-section a:hover::after,
.master-download-section a:focus::after,
.master-download-section a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.master-download-section a:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.master-download-section a:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.master-download-section a:hover,
.master-download-section a:focus {
    color: #fff
}

.master-download-section a:hover .image img,
.master-download-section a:focus .image img {
    filter: blur(10px);
    transform: translate(-50%, -50%) scale(1.2)
}

.master-download-section a:hover .image::after,
.master-download-section a:focus .image::after {
    color: #fff
}

.master-download-section a:hover .description,
.master-download-section a:focus .description {
    color: #222
}

.master-download-section .main-wrapper,
.master-download-section .inner-wrapper {
    height: 100%
}

.fly-in {
    color: #fff;
    background-color: rgba(0, 0, 0, .9);
    padding: 3.57143rem 0
}

@media print,
screen and (min-width:50em) {
    .fly-in {
        padding: 2.77778rem 0
    }
}

@media screen and (min-width:90em) {
    .fly-in {
        padding: 3.33333rem 0
    }
}

.fly-in a:not(.button) {
    color: #fff
}

.fly-in a:not(.button):hover,
.fly-in a:not(.button):focus {
    color: RGB(var(--primary-rgb))
}

.fly-in .invert .button,
.fly-in .invert button {
    color: rgba(0, 0, 0, .9)
}

.fly-in .invert .button:hover,
.fly-in .invert .button:focus,
.fly-in .invert button:hover,
.fly-in .invert button:focus {
    color: #fff
}

.fly-in .invert .button.disabled,
.fly-in .invert .button.disabled:hover,
.fly-in .invert .button.disabled:focus,
.fly-in .invert .button[disabled],
.fly-in .invert .button[disabled]:hover,
.fly-in .invert .button[disabled]:focus,
.fly-in .invert button.disabled,
.fly-in .invert button.disabled:hover,
.fly-in .invert button.disabled:focus,
.fly-in .invert button[disabled],
.fly-in .invert button[disabled]:hover,
.fly-in .invert button[disabled]:focus {
    color: rgba(0, 0, 0, .9)
}

.image-wrapper {
    position: relative
}

.image-wrapper img {
    width: 100%
}

@media print,
screen and (min-width:50em) {
    .image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .image-wrapper img {
        display: none
    }
}

.language-switch {
    right: 41px;
    position: fixed;
    overflow: hidden;
    pointer-events: none;
    top: 0;
    z-index: 18
}

@media print,
screen and (min-width:50em) {
    .language-switch {
        right: 0
    }
}

.language-switch .flag-icon {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: #000;
    font-size: 0;
    background-origin: content-box;
    font-size: inherit;
    margin: 0;
    padding: 0;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    display: block
}

.language-switch .flag-icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.language-switch .flag-icon:hover::after,
.language-switch .flag-icon:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.language-switch .flag-icon.disabled::after,
.language-switch .flag-icon.disabled:hover::after,
.language-switch .flag-icon.disabled:focus::after,
.language-switch .flag-icon[disabled]::after,
.language-switch .flag-icon[disabled]:hover::after,
.language-switch .flag-icon[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .language-switch .flag-icon {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .language-switch .flag-icon {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .language-switch .flag-icon {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .language-switch .flag-icon {
        width: 60px
    }
}

.language-switch .flag-icon:hover,
.language-switch .flag-icon:focus {
    background-color: #000
}

.language-switch .flag-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

@media print,
screen and (min-width:50em) {
    .language-switch .flag-icon img {
        width: 22px
    }
}

@media screen and (min-width:90em) {
    .language-switch .flag-icon img {
        width: 30px
    }
}

.language-switch .language-switch-opener {
    position: absolute;
    z-index: 18;
    transition: transform .3s ease, border-radius .3s ease
}

.language-switch>* {
    pointer-events: all
}

.language-options {
    transition: transform .3s ease, border-radius .3s ease;
    display: flex;
    z-index: 18;
    transform: translateX(100%)
}

.language-options.expanded {
    transform: translateX(-1px)
}

.language-options .flag-icon {
    margin-right: 1px
}

.language-options .flag-icon:first-child {
    border-bottom-left-radius: 4px
}

.language-options .flag-icon:last-child {
    margin-right: 40px
}

@media print,
screen and (min-width:50em) {
    .language-options .flag-icon:last-child {
        margin-right: 44px
    }
}

@media screen and (min-width:90em) {
    .language-options .flag-icon:last-child {
        margin-right: 60px
    }
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333em;
    line-height: 1em;
    margin: 0 2.22222rem 0 0
}

.location-small .flag-icon,
.select2-container--location .flag-icon {
    width: 1.71429rem;
    height: 1.71429rem;
    margin: 0 1.07143rem 0 0
}

.g-recaptcha-wrapper {
    float: left
}

.g-recaptcha-wrapper .error {
    margin-top: -.16667rem;
    margin-right: .22222rem
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

table.chart {
    background: 0 0;
    border-radius: 0;
    padding: 0
}

table.chart tbody {
    display: block
}

table.chart tr {
    display: block
}

table.chart tr::before,
table.chart tr::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

table.chart tr::after {
    clear: both
}

table.chart td,
table.chart th {
    display: block;
    padding: 0;
    font-weight: 400;
    text-align: left
}

table.chart td {
    background: 0 0;
    border-width: 0;
    border-radius: 0 !important;
    min-width: 0
}

.chart-section.content-section {
    color: #fff;
    background-color: #313131
}

.chart-description {
    font-style: italic;
    margin-bottom: 1rem
}

.chart-wrapper {
    overflow: hidden;
    position: relative
}

.chart-wrapper .table-wrap {
    margin-bottom: 0
}

.column-chart .chart-wrapper .table-wrap {
    width: 100%;
    overflow-x: auto
}

.bar-chart .chart-wrapper {
    margin-right: -2rem;
    padding-right: 2rem
}

.column-chart .chart-wrapper {
    display: flex;
    width: 100%;
    margin-top: -2rem;
    padding-top: 2rem
}

.chart {
    display: flex;
    flex-direction: column-reverse;
    overflow-x: auto
}

.column-chart .chart tbody {
    display: flex
}

.chart .record::before {
    content: "";
    display: block
}

.chart .record:first-child::before {
    display: none !important
}

.column-chart .chart .record.has-comparison {
    max-width: 5.5rem;
    min-width: 5.5rem
}

.column-chart .chart .record {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 3.5rem;
    margin-left: 1px
}

.chart .headline {
    position: relative;
    z-index: 4;
    text-transform: uppercase;
    font-size: .77778rem;
    overflow: hidden
}

@media print,
screen and (min-width:36.25em) {
    .chart .headline {
        font-size: 1rem;
        font-weight: 700
    }
}

.chart .headline:empty {
    display: none
}

.chart .headline .headline-inner {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 1em
}

.chart .headline .sub-headline {
    font-size: .66667rem;
    font-weight: 400
}

.bar-chart .chart .headline {
    height: 3.5rem;
    float: left;
    width: 50%
}

@media print,
screen and (min-width:36.25em) {
    .bar-chart .chart .headline {
        width: 40%
    }
}

.bar-chart .chart .headline .headline-outer {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    overflow: hidden;
    max-height: 3.2em
}

@media print,
screen and (min-width:36.25em) {
    .bar-chart .chart .headline .main-headline {
        line-height: 1.4;
        max-height: 2.8em
    }
}

.column-chart .chart .headline {
    order: 2;
    height: 100%;
    width: 100%
}

.column-chart .chart .headline .headline-outer {
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%)
}

.column-chart .chart .headline .headline-outer::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.column-chart .chart .headline .headline-inner {
    align-items: flex-end;
    white-space: nowrap;
    margin-left: 50%;
    transform: rotate(-90deg) translateX(-100%) translateY(-50%);
    transform-origin: top left
}

.bar-chart .chart td {
    float: left;
    width: 50%
}

@media print,
screen and (min-width:36.25em) {
    .bar-chart .chart td {
        width: 60%
    }
}

.bar-chart .chart td:first-of-type {
    padding-top: .5rem
}

.bar-chart .chart td:last-of-type {
    padding-bottom: .5rem
}

.column-chart .chart td {
    order: 1;
    height: 15rem;
    display: flex;
    flex-direction: column-reverse;
    width: auto
}

.column-chart .chart td:first-of-type {
    padding-left: .5rem
}

.column-chart .chart td:last-of-type {
    padding-right: .5rem
}

.chart .bar-wrapper {
    display: flex;
    position: relative;
    align-items: center;
    color: rgba(255, 255, 255, .75);
    transition-duration: 1s;
    z-index: 1
}

.chart .bar-wrapper .value {
    display: block;
    position: relative;
    pointer-events: none;
    transition: 1s opacity, .3s color;
    z-index: 2
}

.chart .bar-wrapper:not(.animate) .value {
    opacity: 0
}

.chart .bar-wrapper[href]:hover,
.chart .bar-wrapper[href].active,
.chart .bar-wrapper[href].tippy-active {
    color: #222
}

.chart .bar-wrapper[href]:hover .bar::after,
.chart .bar-wrapper[href].active .bar::after,
.chart .bar-wrapper[href].tippy-active .bar::after {
    opacity: 1
}

.chart .bar-wrapper[href]:hover .bar+.clone::before,
.chart .bar-wrapper[href].active .bar+.clone::before,
.chart .bar-wrapper[href].tippy-active .bar+.clone::before {
    opacity: 0
}

.chart .bar-wrapper[href]:hover .bar+.clone::after,
.chart .bar-wrapper[href].active .bar+.clone::after,
.chart .bar-wrapper[href].tippy-active .bar+.clone::after {
    opacity: .5
}

.bar-chart .chart .bar-wrapper {
    height: 2.5rem;
    transition-property: width;
    max-width: 100%
}

.bar-chart .chart .bar-wrapper .value {
    width: 100%;
    padding-right: 1em;
    padding-left: 1em;
    text-align: right
}

.bar-chart .chart .bar-wrapper:not(.animate) {
    width: 0 !important
}

.column-chart .chart .bar-wrapper {
    transition-property: height;
    flex-direction: column-reverse;
    width: 2.5rem;
    font-size: .8rem
}

.column-chart .chart .bar-wrapper::before {
    content: "";
    height: 100%
}

.column-chart .chart .bar-wrapper .value {
    margin: 0;
    padding-top: 1em;
    padding-bottom: 1em
}

.column-chart .chart .bar-wrapper:not(.animate) {
    height: 0 !important
}

.chart .bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    overflow: hidden;
    transition: .3s color
}

.chart .bar::before,
.chart .bar::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
    background-color: RGB(var(--primary-rgb));
    transition: .3s opacity
}

.chart .bar::after {
    background-color: #fff;
    opacity: 0
}

.chart .bar.clone::before,
.chart .bar.clone::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    opacity: .5
}

.chart .bar.clone::after {
    opacity: 0
}

.bar-chart .chart .bar::before,
.bar-chart .chart .bar::after {
    min-width: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.bar-chart .chart .bar.clone {
    transform: translateX(-100%) translateX(-1px)
}

.bar-chart .chart .bar.clone::before,
.bar-chart .chart .bar.clone::after {
    border-top-right-radius: 0;
    border-top-left-radius: 1.25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 1.25rem;
    background-position: right;
    background-image: linear-gradient(-90deg, RGB(var(--primary-rgb)), RGBA(var(--primary-rgb), 0));
    background-size: 5.55556rem 100%
}

.bar-chart .chart .bar.clone::after {
    background-image: linear-gradient(-90deg, RGB(var(--secondary-rgb)), RGBA(var(--primary-rgb), 0))
}

.column-chart .chart .bar::before,
.column-chart .chart .bar::after {
    min-height: 1.25rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

.column-chart .chart .bar.clone {
    transform: translateY(100%)
}

.column-chart .chart .bar.clone::before,
.column-chart .chart .bar.clone::after {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    background-image: linear-gradient(180deg, RGB(var(--primary-rgb)), RGBA(var(--primary-rgb), 0));
    background-size: 100% 5.55556rem;
    background-position: top
}

.column-chart .chart .bar.clone::after {
    background-image: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0))
}

.bar-chart .chart .has-comparison .headline {
    height: 3.5rem
}

.chart .has-comparison .bar-wrapper {
    font-size: .9rem
}

.bar-chart .chart .has-comparison .bar-wrapper {
    height: 1.5rem
}

.column-chart .chart .has-comparison .bar-wrapper {
    width: 2.5rem
}

.chart .has-comparison .comparison .bar-wrapper {
    font-size: .7rem
}

.chart .has-comparison .comparison .bar-wrapper .value {
    color: rgba(255, 255, 255, .5)
}

.bar-chart .chart .has-comparison .comparison .bar-wrapper {
    height: 1rem
}

.column-chart .chart .has-comparison .comparison .bar-wrapper {
    width: 2rem
}

.chart .has-comparison .comparison .bar::before {
    background-color: RGB(var(--secondary-rgb))
}

.bar-chart .chart .has-comparison .comparison .bar.clone::before {
    background-color: transparent;
    background-image: linear-gradient(-90deg, RGB(var(--secondary-rgb)), RGBA(var(--primary-rgb), 0))
}

.column-chart .chart .has-comparison .comparison .bar.clone::before {
    background-color: transparent;
    background-image: linear-gradient(180deg, RGB(var(--secondary-rgb)), RGBA(var(--primary-rgb), 0))
}

.chart thead {
    display: block;
    display: flow-root;
    height: 3.05556rem;
    margin-top: 2rem
}

.chart thead th {
    background-color: RGB(var(--primary-rgb));
    color: rgba(255, 255, 255, .75);
    text-align: center;
    border-radius: 1.25rem;
    padding-right: 2em;
    padding-left: 2em;
    font-size: .9rem
}

.chart thead th:empty {
    display: none
}

.chart thead tr {
    float: left
}

.chart thead .comparison-value-title {
    background-color: RGB(var(--secondary-rgb));
    color: rgba(255, 255, 255, .5);
    font-size: .7rem
}

.scale-wrapper {
    font-size: 0
}

.bar-chart .scale-wrapper {
    position: relative;
    margin-left: 50%
}

@media print,
screen and (min-width:36.25em) {
    .bar-chart .scale-wrapper {
        margin-left: 40%
    }
}

.bar-chart .scale-wrapper.has-head {
    top: -5.05556rem
}

.bar-chart .scale {
    display: inline-flex;
    flex-direction: column;
    height: 0
}

.bar-chart .scale::before {
    content: "";
    padding-top: 100%
}

.column-chart .scale {
    position: relative;
    height: 15rem
}

.scale-mark {
    text-transform: uppercase;
    color: rgba(255, 255, 255, .75);
    white-space: nowrap;
    font-size: .66667rem
}

@media print,
screen and (min-width:36.25em) {
    .scale-mark {
        font-size: 1rem
    }
}

.scale-mark::before {
    content: attr(data-label);
    visibility: hidden
}

.bar-chart .scale-mark[data-label=""]::before {
    padding-left: 0
}

.column-chart .scale-mark::before {
    padding-left: .5rem
}

.scale-mark span {
    position: absolute;
    display: block;
    line-height: 1
}

.scale-mark span::before {
    content: "";
    position: absolute;
    bottom: 50%;
    height: 1px;
    width: 999vw;
    background-color: rgba(255, 255, 255, .2)
}

.scale-mark span[style*=":0%"] {
    z-index: 3
}

.scale-mark span[style*=":0%"]::before {
    background-color: rgba(255, 255, 255, .8)
}

.bar-chart .scale-mark span {
    bottom: 0;
    transform: rotate(-90deg) translateY(50%);
    transform-origin: bottom left
}

.bar-chart .scale-mark span::before {
    display: inline-block;
    right: -.5em;
    transform: translateX(100%)
}

.bar-chart .scale-mark span:empty::before {
    right: 0
}

.column-chart .scale-mark span {
    right: 0;
    transform: translateY(50%);
    padding-left: .5rem
}

.column-chart .scale-mark span::before {
    left: 0;
    transform: translateX(-100%)
}

.column-chart .scale-mark span:empty {
    padding-left: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 25px)
}

[data-tippy-root] .tippy-box {
    padding-top: 1.8em;
    padding-right: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    max-width: 30.55556rem !important;
    text-align: left;
    font-size: .88889rem;
    line-height: 1.4
}

[data-tippy-root] .tippy-box .header-h4 {
    display: block;
    margin-top: 0
}

[data-tippy-root] .tippy-box p {
    margin-bottom: 1.11111rem
}

[data-tippy-root] .tippy-box .button {
    font-size: .77778rem
}

@font-face {
    font-family: "swiper-icons";
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

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

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

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

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

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

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

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

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

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

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

.swiper-cube {
    overflow: visible
}

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

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

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

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

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

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

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

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

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

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

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

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper-slide>* {
    box-sizing: border-box
}

.swiper-button-prev,
.swiper-button-next {
    --text-color: #222222;
    transition: background-color .25s ease-out;
    width: 2.14286rem;
    margin: 0;
    background-image: none
}

@media print,
screen and (min-width:50em) {

    .swiper-button-prev,
    .swiper-button-next {
        width: 2.77778rem
    }
}

.swiper-button-prev::after,
.swiper-button-next::after {
    display: none
}

.swiper-button-prev.swiper-button-lock,
.swiper-button-next.swiper-button-lock {
    display: block;
    visibility: hidden
}

.swiper-button-prev.icon-only,
.swiper-button-next.icon-only {
    color: var(--text-color)
}

.swiper-button-prev.icon-only:focus .icon-shadow,
.swiper-button-next.icon-only:focus .icon-shadow {
    color: var(--text-color)
}

.swiper-button-prev.icon-only:hover,
.swiper-button-next.icon-only:hover {
    background-color: transparent
}

.swiper-button-prev.icon-only:hover .icon-shadow::before,
.swiper-button-next.icon-only:hover .icon-shadow::before {
    color: RGB(var(--primary-rgb))
}

.swiper-button-prev {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    left: 0
}

.swiper-button-prev:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .swiper-button-prev:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .swiper-button-prev:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.swiper-button-prev::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.swiper-button-prev:hover,
.swiper-button-prev:focus {
    color: #fff
}

.swiper-button-prev:hover::before,
.swiper-button-prev:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.swiper-button-prev:hover .icon-shadow,
.swiper-button-prev:focus .icon-shadow {
    transition: none;
    color: #fff
}

.swiper-button-prev:hover .icon-shadow::before,
.swiper-button-prev:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.swiper-button-prev .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.swiper-button-prev .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .swiper-button-prev .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .swiper-button-prev .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.swiper-button-prev .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.swiper-button-prev[disabled]:hover::before,
.swiper-button-prev[disabled]:focus::before,
.swiper-button-prev.disabled:hover::before,
.swiper-button-prev.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.swiper-button-prev[disabled]:hover .icon-shadow,
.swiper-button-prev[disabled]:focus .icon-shadow,
.swiper-button-prev.disabled:hover .icon-shadow,
.swiper-button-prev.disabled:focus .icon-shadow {
    color: #fff
}

.swiper-button-prev[disabled]:hover .icon-shadow::before,
.swiper-button-prev[disabled]:focus .icon-shadow::before,
.swiper-button-prev.disabled:hover .icon-shadow::before,
.swiper-button-prev.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.swiper-button-prev:hover {
    background-color: RGB(var(--secondary-rgb))
}

[data-whatintent=keyboard] .swiper-button-prev:focus {
    background-color: RGB(var(--secondary-rgb))
}

.swiper-button-next {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    right: 0
}

.swiper-button-next:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .swiper-button-next:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .swiper-button-next:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.swiper-button-next::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.swiper-button-next:hover,
.swiper-button-next:focus {
    color: #fff
}

.swiper-button-next:hover::before,
.swiper-button-next:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.swiper-button-next:hover .icon-shadow,
.swiper-button-next:focus .icon-shadow {
    transition: none;
    color: #fff
}

.swiper-button-next:hover .icon-shadow::before,
.swiper-button-next:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.swiper-button-next .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.swiper-button-next .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .swiper-button-next .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .swiper-button-next .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.swiper-button-next .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.swiper-button-next[disabled]:hover::before,
.swiper-button-next[disabled]:focus::before,
.swiper-button-next.disabled:hover::before,
.swiper-button-next.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.swiper-button-next[disabled]:hover .icon-shadow,
.swiper-button-next[disabled]:focus .icon-shadow,
.swiper-button-next.disabled:hover .icon-shadow,
.swiper-button-next.disabled:focus .icon-shadow {
    color: #fff
}

.swiper-button-next[disabled]:hover .icon-shadow::before,
.swiper-button-next[disabled]:focus .icon-shadow::before,
.swiper-button-next.disabled:hover .icon-shadow::before,
.swiper-button-next.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.swiper-button-next:hover {
    background-color: RGB(var(--primary-rgb))
}

[data-whatintent=keyboard] .swiper-button-next:focus {
    background-color: RGB(var(--primary-rgb))
}

.swiper-pagination {
    width: 100%;
    font-size: 0;
    position: static;
    margin-top: 1.42857rem;
    margin-bottom: calc(-.27778rem + 1px);
    transform: none
}

@media print,
screen and (min-width:50em) {
    .swiper-pagination {
        margin-top: 2.22222rem
    }
}

.swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    margin-bottom: .27778rem !important;
    margin-right: .27778rem !important;
    margin-left: .27778rem !important;
    color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    background-color: currentColor;
    opacity: 1
}

@media print,
screen and (min-width:50em) {
    .swiper-pagination-bullet {
        height: 15px;
        width: 15px
    }
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border-color: currentColor
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
    border-color: RGB(var(--primary-rgb))
}

.image-slider .swiper-slide {
    display: flex;
    justify-content: center
}

.image-slider .title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 700;
    font-size: 1rem;
    width: 100%;
    background-color: #313131;
    color: #fff;
    text-align: center;
    line-height: 1.66667rem;
    padding: .55556rem
}

@media print,
screen and (min-width:50em) {
    .image-slider .title {
        padding: 1.38889rem .83333rem
    }
}

.image-slider a {
    display: block
}

.image-slider img {
    width: auto;
    max-height: 596.25px
}

.image-slider .swiper-pagination-bullet {
    color: #313131
}

.related-slider-section {
    background: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    position: relative;
    padding-top: 1.78571rem;
    padding-bottom: 1.78571rem
}

@media print,
screen and (min-width:50em) {
    .related-slider-section {
        padding-top: 2.77778rem;
        padding-bottom: 2.77778rem
    }
}

.related-slider-section .inner-wrapper .related-slider {
    width: 100%
}

.related-slider-section .header-h3,
.related-slider-section .sub-headline {
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    margin-right: 2.14286rem;
    margin-bottom: 1.78571rem;
    margin-left: 2.14286rem
}

@media print,
screen and (min-width:50em) {

    .related-slider-section .header-h3,
    .related-slider-section .sub-headline {
        margin-right: 2.77778rem;
        margin-bottom: 2.77778rem;
        margin-left: 2.77778rem
    }
}

.related-slider-section .sub-headline {
    margin-top: -1.78571rem;
    font-weight: 400
}

.related-slider-section .swiper-button-prev,
.related-slider-section .swiper-button-next {
    position: relative;
    z-index: unset;
    height: auto;
    width: 2.14286rem;
    flex-shrink: 0
}

@media print,
screen and (min-width:50em) {

    .related-slider-section .swiper-button-prev,
    .related-slider-section .swiper-button-next {
        width: 2.77778rem
    }
}

.related-slider-wrapper {
    display: flex
}

.related-slider-wrapper.related-slider-without-featured-images .featured-image-container {
    display: none
}

.related-slider {
    --button-size: 2.14286rem;
    width: calc(100% - calc(var(--button-size)*2))
}

@media print,
screen and (min-width:50em) {
    .related-slider {
        --button-size: 2.77778rem
    }
}

.related-slider.without-swiper-slider {
    display: flex;
    flex-flow: row wrap;
    margin-right: -.83333rem;
    margin-left: -.83333rem;
    width: auto
}

.related-slider.without-swiper-slider .swiper-slide {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: calc(100% - 1.66667rem);
    margin-right: .83333rem;
    margin-left: .83333rem;
    margin-bottom: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .related-slider.without-swiper-slider .swiper-slide {
        width: calc(50% - 1.66667rem);
        margin-right: .83333rem;
        margin-left: .83333rem
    }
}

@media screen and (min-width:68.75em) {
    .related-slider.without-swiper-slider .swiper-slide {
        width: calc(33.33333% - 1.66667rem);
        margin-right: .83333rem;
        margin-left: .83333rem;
        margin-bottom: 0
    }
}

.related-slider.without-swiper-slider .swiper-slide .slider-content {
    height: auto
}

.related-slider.vertical {
    width: 100%
}

.related-slider.vertical .swiper-slide {
    width: 100%
}

.related-slider.vertical .swiper-slide a {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2.22222rem
}

@media print,
screen and (min-width:50em) {
    .related-slider.vertical .swiper-slide a {
        flex-direction: row
    }
}

.related-slider.vertical .swiper-slide a .featured-image-container {
    display: none
}

.related-slider.vertical .swiper-slide a.has-featured-image .featured-image-container {
    display: block;
    height: 11.11111rem;
    padding-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .related-slider.vertical .swiper-slide a.has-featured-image .featured-image-container {
        width: 30%;
        height: auto;
        flex-shrink: 0
    }
}

.related-slider.vertical .swiper-slide a .slider-content {
    width: 100%;
    height: auto
}

@media print,
screen and (min-width:50em) {
    .related-slider.vertical .swiper-slide a .slider-content {
        min-height: 11.11111rem
    }
}

.related-slider .swiper-slide {
    height: auto
}

@media print,
screen and (min-width:36.25em) {
    .related-slider .swiper-slide {
        width: 50%;
        margin-right: 20px
    }
}

@media screen and (min-width:68.75em) {
    .related-slider .swiper-slide {
        width: 33.33%;
        margin-right: 20px
    }
}

.related-slider .slider-content {
    display: block;
    padding-top: 2.85714rem;
    padding-right: 1.35714rem;
    padding-bottom: 2.85714rem;
    padding-left: 1.35714rem;
    height: 100%;
    background-color: #fff
}

@media print,
screen and (min-width:50em) {
    .related-slider .slider-content {
        padding-top: 2.5rem;
        padding-right: 3.05556rem;
        padding-bottom: 2.5rem;
        padding-left: 3.05556rem
    }
}

.related-slider a {
    color: #222
}

.related-slider a:hover,
.related-slider a:focus {
    color: RGB(var(--secondary-rgb))
}

.related-slider a:hover .content-type,
.related-slider a:focus .content-type {
    color: RGB(var(--secondary-rgb))
}

.related-slider .content-type {
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1rem
}

@media print,
screen and (min-width:50em) {
    .related-slider .content-type {
        font-size: .88889rem;
        margin-bottom: .66667rem
    }
}

.related-slider .content-wrap {
    margin: 0;
    font-size: 1.42857rem;
    word-wrap: break-word
}

@media print,
screen and (min-width:50em) {
    .related-slider .content-wrap {
        font-size: 1.38889rem
    }
}

.related-slider .featured-image-container {
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    background-color: RGB(var(--secondary-rgb))
}

.related-slider .featured-image-container>.featured-image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.related-slider .featured-image-container.monochrome {
    background-color: #313131
}

.welcome-2020 .related-slider .featured-image-container.animate-image {
    height: 0
}

.related-slider .featured-image-container .featured-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.related-slider .swiper-pagination {
    margin-bottom: 2.77778rem
}

.related-slider .swiper-pagination.swiper-pagination-lock {
    display: block;
    visibility: hidden
}

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

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

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

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

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

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

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

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

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

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

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}

.scrollbar-replacement {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.scrollbar-replacement.ps .ps__rail-y,
.scrollbar-replacement.ps .ps__rail-x {
    background-color: transparent !important
}

.logos-list-footer {
    padding: 2.22222rem 0
}

.logos-list-footer .header-h1 {
    margin-top: 0
}

.logos-list-slider .swiper-wrapper {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.logos-list-slider .swiper-slide>* {
    padding: 1.38889rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.66667rem
}

.logos-list-slider .swiper-slide>* .wrapper {
    width: 100%;
    height: 100%;
    text-align: center
}

.logos-list-slider .swiper-slide>* .wrapper img {
    max-width: 100%;
    max-height: 100%
}

.logos-list {
    display: flex;
    margin-left: -1.38889rem;
    margin-right: -1.38889rem;
    flex-flow: row wrap;
    align-items: center
}

.logos-list li {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%;
    padding-top: 2.22222rem;
    padding-right: 1.38889rem;
    padding-bottom: 2.22222rem;
    padding-left: 1.38889rem;
    text-align: center
}

.logos-list li img {
    max-height: 3.33333rem
}

@media screen and (max-width:36.24875em) {
    .logos-list img {
        max-width: 7.22222rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .logos-list li {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 20%;
        max-width: 20%
    }
}

@media screen and (min-width:68.75em) {
    .logos-list {
        justify-content: space-between;
        margin-right: -1.05556rem;
        margin-left: -1.05556rem
    }

    .logos-list li {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 14%;
        max-width: 14%;
        padding-right: 1.05556rem;
        padding-left: 1.05556rem
    }
}

@media screen and (min-width:80em) {
    .logos-list {
        margin-right: -1.38889rem;
        margin-left: -1.38889rem
    }

    .logos-list li {
        padding-right: 1.38889rem;
        padding-left: 1.38889rem
    }
}

@media screen and (min-width:80em) and (-ms-high-contrast:active),
screen and (min-width:80em) and (-ms-high-contrast:none) {
    .logos-list li img[src*=svg] {
        max-width: 6.66667rem
    }
}

.isotope-same-height .isotope-grid {
    display: flex;
    flex-wrap: wrap
}

.isotope-same-height .isotope-grid .grid-item {
    position: static !important
}

.isotope-same-height .isotope-grid .grid-item>div {
    height: 100%
}

.isotope-same-height .isotope-grid .grid-content {
    height: 100%
}

.isotope-same-height .isotope-grid .grid-content>div {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.isotope-same-height .isotope-grid .grid-content>div .content-wrap {
    width: 100%
}

.isotope-same-height .isotope-grid .grid-content .buttons {
    margin-top: auto;
    margin-right: 0;
    margin-left: 0
}

.isotope-same-height .isotope-grid .grid-content .buttons .button {
    margin-right: 0;
    margin-left: 0;
    padding-right: .75em;
    padding-left: .75em
}

.quickform-opener {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    right: 41px;
    z-index: 19
}

.quickform-opener:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .quickform-opener:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .quickform-opener:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.quickform-opener::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.quickform-opener:hover,
.quickform-opener:focus {
    color: #fff
}

.quickform-opener:hover::before,
.quickform-opener:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.quickform-opener:hover .icon-shadow,
.quickform-opener:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.quickform-opener:hover .icon-shadow::before,
.quickform-opener:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.quickform-opener .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.quickform-opener .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .quickform-opener .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .quickform-opener .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.quickform-opener .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.quickform-opener[disabled]:hover::before,
.quickform-opener[disabled]:focus::before,
.quickform-opener.disabled:hover::before,
.quickform-opener.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.quickform-opener[disabled]:hover .icon-shadow,
.quickform-opener[disabled]:focus .icon-shadow,
.quickform-opener.disabled:hover .icon-shadow,
.quickform-opener.disabled:focus .icon-shadow {
    color: #fff
}

.quickform-opener[disabled]:hover .icon-shadow::before,
.quickform-opener[disabled]:focus .icon-shadow::before,
.quickform-opener.disabled:hover .icon-shadow::before,
.quickform-opener.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

@media print,
screen and (min-width:50em) {
    .quickform-opener {
        right: 0
    }
}

.quickform-opener.activated {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    z-index: 21;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    right: 0;
    background-color: #222
}

.quickform-opener.activated:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .quickform-opener.activated:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .quickform-opener.activated:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.quickform-opener.activated::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.quickform-opener.activated:hover,
.quickform-opener.activated:focus {
    color: #fff
}

.quickform-opener.activated:hover::before,
.quickform-opener.activated:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.quickform-opener.activated:hover .icon-shadow,
.quickform-opener.activated:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.quickform-opener.activated:hover .icon-shadow::before,
.quickform-opener.activated:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.quickform-opener.activated .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.quickform-opener.activated .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .quickform-opener.activated .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .quickform-opener.activated .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.quickform-opener.activated .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.quickform-opener.activated[disabled]:hover::before,
.quickform-opener.activated[disabled]:focus::before,
.quickform-opener.activated.disabled:hover::before,
.quickform-opener.activated.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.quickform-opener.activated[disabled]:hover .icon-shadow,
.quickform-opener.activated[disabled]:focus .icon-shadow,
.quickform-opener.activated.disabled:hover .icon-shadow,
.quickform-opener.activated.disabled:focus .icon-shadow {
    color: #fff
}

.quickform-opener.activated[disabled]:hover .icon-shadow::before,
.quickform-opener.activated[disabled]:focus .icon-shadow::before,
.quickform-opener.activated.disabled:hover .icon-shadow::before,
.quickform-opener.activated.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.quickform-opener.activated::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

.quickform-opener.activated .icon-shadow::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

.quickform-opener.activated:hover,
.quickform-opener.activated:focus {
    background-color: #222
}

.quickform-section {
    visibility: hidden;
    top: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    max-height: 100%;
    z-index: 20;
    transform: translate3d(0, -100%, 0);
    transition: transform .3s ease;
    overflow-x: hidden;
    overflow-y: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.quickform-section h2 {
    margin-top: 0
}

.quickform-section fieldset:not(.privacy-statement) {
    margin-bottom: 0
}

.quickform-section.opened {
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.quickform-section .invert .ffl-floated .ffl-label {
    background-color: rgba(0, 0, 0, .9)
}

.quickform-bg {
    z-index: 17
}

.country-code-picker {
    display: flex;
    position: relative
}

.country-code-picker .ffl-wrap input[type=text],
.country-code-picker .ffl-wrap input[type=email],
.country-code-picker .ffl-wrap input[type=tel],
.country-code-picker .ffl-wrap input[type=number],
.country-code-picker .ffl-wrap input[type=url],
.country-code-picker .ffl-wrap input[type=password],
.country-code-picker .ffl-wrap input[type=search],
.country-code-picker .ffl-wrap select,
.country-code-picker .ffl-wrap textarea,
.country-code-picker .ffl-wrap .select2-selection {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0
}

.country-code-picker .ffl-wrap:first-child input[type=text],
.country-code-picker .ffl-wrap:first-child input[type=email],
.country-code-picker .ffl-wrap:first-child input[type=tel],
.country-code-picker .ffl-wrap:first-child input[type=number],
.country-code-picker .ffl-wrap:first-child input[type=url],
.country-code-picker .ffl-wrap:first-child input[type=password],
.country-code-picker .ffl-wrap:first-child input[type=search],
.country-code-picker .ffl-wrap:first-child select,
.country-code-picker .ffl-wrap:first-child textarea,
.country-code-picker .ffl-wrap:first-child .select2-selection {
    border-right: 0;
    border-left-width: 2px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.country-code-picker .ffl-wrap:last-child input[type=text],
.country-code-picker .ffl-wrap:last-child input[type=email],
.country-code-picker .ffl-wrap:last-child input[type=tel],
.country-code-picker .ffl-wrap:last-child input[type=number],
.country-code-picker .ffl-wrap:last-child input[type=url],
.country-code-picker .ffl-wrap:last-child input[type=password],
.country-code-picker .ffl-wrap:last-child input[type=search],
.country-code-picker .ffl-wrap:last-child select,
.country-code-picker .ffl-wrap:last-child textarea,
.country-code-picker .ffl-wrap:last-child .select2-selection {
    border-left: 0;
    border-right-width: 2px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.country-code-picker .country-code-wrapper {
    min-width: 5.55556rem
}

@media screen and (min-width:68.75em) {
    .country-code-picker .country-code-wrapper {
        min-width: 6.94444rem
    }
}

.country-code-picker .pre-dial-code-wrapper .pre-dial-code {
    display: inline;
    background-color: transparent;
    color: rgba(34, 34, 34, .7);
    padding-left: 0;
    padding-right: 0
}

.invert .country-code-picker .pre-dial-code-wrapper .pre-dial-code {
    color: rgba(255, 255, 255, .7)
}

.country-code-picker .phone-number-wrapper {
    flex-grow: 1
}

.country-code-picker .phone-number-wrapper.ffl-floated>.ffl-label {
    left: -4.5rem
}

@media screen and (min-width:68.75em) {
    .country-code-picker .phone-number-wrapper.ffl-floated>.ffl-label {
        left: -5.83333rem
    }
}

.country-code-picker .phone-number-wrapper .phone-number {
    padding-left: 0
}

.country-code-picker .phone-number-wrapper .overlay-number {
    position: absolute;
    top: 1.44444rem;
    left: 0;
    right: 0;
    color: #222;
    font-size: 1.11111rem
}

.country-code-picker .phone-number-wrapper .overlay-number+input {
    color: transparent
}

.invert .country-code-picker .phone-number-wrapper .overlay-number {
    color: #fff
}

.country-code-picker.is-active .country-code-wrapper .country-code-container {
    border-color: RGB(var(--primary-rgb))
}

.invert .country-code-picker.is-active .country-code-wrapper .country-code-container {
    border-color: #fff
}

.country-code-picker.is-active .country-code-wrapper .select2-container--open .country-code-container {
    border-bottom-left-radius: 0
}

.country-code-picker.is-active input:not(.error) {
    border-color: RGB(var(--primary-rgb))
}

.invert .country-code-picker.is-active input:not(.error) {
    border-color: #fff
}

.country-code-picker.has-error .ffl-wrap .country-code-container,
.country-code-picker.has-error .ffl-wrap .pre-dial-code {
    border-color: #d52b1e
}

.invert .country-code-picker.has-error .ffl-wrap .country-code-container,
.invert .country-code-picker.has-error .ffl-wrap .pre-dial-code {
    border-color: #d52b1e
}

.country-code-picker.has-error .phone-number {
    border-bottom-right-radius: 0 !important
}

.country-code-container .select2-selection__rendered {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 1.33333rem
}

.country-code-container .select2-selection__rendered .flag-icon {
    margin: 0
}

.country-code-dropdown {
    background-color: #f5f5f5
}

.select2-container--invert .country-code-dropdown {
    background-color: #000
}

.country-code-dropdown .country-code {
    margin-left: auto
}

.country-code-dropdown .select2-results__option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.country-code-dropdown .select2-results__option .flag-icon {
    min-width: 1.33333rem
}

.country-code-dropdown .select2-results__option .flag-icon img {
    vertical-align: baseline
}

.content-section.quote.has-image {
    background-color: RGB(var(--primary-rgb));
    background-position-y: 50%;
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media print,
screen and (min-width:50em) {
    .content-section.quote.has-image {
        padding-top: 7.77778rem;
        padding-bottom: 7.77778rem
    }
}

.content-section.quote.has-image blockquote {
    color: #fff;
    margin-bottom: 0
}

.content-section.quote.has-image blockquote .edit-quote {
    color: currentColor
}

.content-section.quote.has-image blockquote .edit-quote::before {
    color: inherit
}

@supports (-webkit-background-clip:text) {
    .content-section.quote.has-image blockquote .edit-quote::before {
        background-image: none;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: currentColor
    }
}

.content-section.quote.has-image blockquote cite {
    color: #fff
}

@media print,
screen and (min-width:50em) {
    .content-section.quote.has-image {
        background-size: cover
    }
}

.content-section.pictures-and-content .lightbox-picture {
    text-align: center
}

.content-section.pictures-and-content .lightbox-picture+p {
    margin-top: 2rem
}

.content-section.pictures-and-content.background-white {
    background-color: #fff
}

.content-section.pictures-and-content.background-dark-gray {
    background-color: #222;
    color: #fff
}

.content-section.pictures-and-content.background-white,
.content-section.pictures-and-content.background-dark-gray {
    padding: 2.85714rem 0
}

@media print,
screen and (min-width:50em) {

    .content-section.pictures-and-content.background-white,
    .content-section.pictures-and-content.background-dark-gray {
        padding: 4.44444rem 0
    }
}

.content-section.pictures-and-content.background-white+.additional-content,
.content-section.pictures-and-content.background-dark-gray+.additional-content {
    padding: 2.85714rem 0
}

@media print,
screen and (min-width:50em) {

    .content-section.pictures-and-content.background-white+.additional-content,
    .content-section.pictures-and-content.background-dark-gray+.additional-content {
        padding: 4.44444rem 0
    }
}

#onetrust-consent-sdk .onetrust-pc-dark-filter {
    background: rgba(0, 0, 0, .8)
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    top: 0;
    bottom: 0;
    position: relative;
    height: 36.11111rem;
    overflow-x: hidden
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .privacy-notice-link {
    color: RGB(var(--primary-rgb));
    text-decoration: none
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .privacy-notice-link:hover,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .privacy-notice-link:focus {
    color: RGB(var(--secondary-rgb))
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: #e8e8e8;
    border: 1px solid RGB(var(--primary-rgb))
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-tgl input:checked+.ot-switch .ot-switch-nob::before {
    background-color: RGB(var(--primary-rgb))
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-tgl input:focus+.ot-switch .ot-switch-nob {
    box-shadow: none !important
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-sdk-row {
    padding-bottom: 1.38889rem
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-always-active {
    color: RGB(var(--secondary-rgb))
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-acc-grpdesc {
    padding: .83333rem
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc {
    font-size: 1rem
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
    top: 0;
    bottom: 0;
    position: relative;
    padding-top: 1.38889rem;
    padding-bottom: 1.38889rem
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -.55556rem;
    padding-left: 1.38889rem;
    padding-right: 1.38889rem
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]) {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb));
    font-size: 1rem;
    width: auto;
    opacity: 1;
    min-width: 11.11111rem;
    margin: .55556rem
}

[data-whatinput=mouse] #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]) {
    outline: 0
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):hover::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:hover::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:focus::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:hover::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:focus::after {
    display: none
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled] {
    opacity: .25;
    cursor: not-allowed
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:focus,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled],
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):focus {
    background-color: transparent
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):focus {
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--primary-rgb))
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:focus,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled],
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:focus {
    background-color: transparent;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]) {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    font-size: 1rem;
    width: auto;
    opacity: 1;
    min-width: 11.11111rem;
    margin: .55556rem
}

[data-whatinput=mouse] #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]) {
    outline: 0
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):hover::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:hover::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:focus::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:hover::after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:focus::after {
    display: none
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled] {
    opacity: .25;
    cursor: not-allowed
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]).disabled:focus,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled],
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container #accept-recommended-btn-handler:not(#clear-filters-handler):not(#filter-btn-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded])[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-pc-footer-logo {
    display: none
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    max-width: 950px;
    width: 95%;
    background-color: #e8e8e8
}

#onetrust-consent-sdk #onetrust-banner-sdk:focus {
    outline: 0
}

#onetrust-consent-sdk #onetrust-banner-sdk a:focus {
    outline: 0
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
    width: 100%;
    padding: 0
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
    margin-bottom: 0
}

@media screen and (max-width:68.74875em) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
        margin-left: 1.55556rem;
        margin-right: 1.55556rem
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
    font-size: 1rem;
    margin-bottom: 0
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text a {
    margin-left: 5px;
    color: RGB(var(--primary-rgb));
    text-decoration: none
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text a:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text a:focus {
    color: RGB(var(--secondary-rgb))
}

#onetrust-consent-sdk #onetrust-banner-sdk .onetrust-close-btn-ui {
    position: absolute;
    right: .66667rem
}

@media screen and (max-width:68.74875em) {
    #onetrust-consent-sdk #onetrust-banner-sdk .onetrust-close-btn-ui {
        top: 25%;
        right: 2%
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-cookie-btn::after {
    display: none
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
    margin-bottom: 25px
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media print,
screen and (min-width:36.25em) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group .banner-actions-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

@media print,
screen and (min-width:36.25em) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group .banner-actions-container {
        flex-direction: row-reverse
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-container,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-container {
    margin: 0
}

@media screen and (max-width:49.99875em) {

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-container,
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-container {
        width: auto !important
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb));
    margin: .27778rem;
    font-size: 1rem;
    width: auto !important;
    opacity: 1;
    min-width: 11.11111rem;
    max-width: unset
}

[data-whatinput=mouse] #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler {
    outline: 0
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled:focus::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]:focus::after {
    display: none
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled] {
    opacity: .25;
    cursor: not-allowed
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled],
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus {
    background-color: transparent
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus {
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--primary-rgb))
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.disabled:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled],
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler[disabled]:focus {
    background-color: transparent;
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb))
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    margin: .27778rem;
    font-size: 1rem;
    width: auto !important;
    opacity: 1;
    min-width: 11.11111rem
}

[data-whatinput=mouse] #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
[data-whatinput=mouse] #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    outline: 0
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:focus::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled:focus::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled]::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled]:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled]:focus::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled:focus::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled]::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled]:hover::after,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled]:focus::after {
    display: none
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled],
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled] {
    opacity: .25;
    cursor: not-allowed
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler.disabled:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled],
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled]:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler[disabled]:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler.disabled:focus,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled],
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled]:hover,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    order: 1
}

#onetrust-consent-sdk #onetrust-banner-sdk .onetrust-close-btn-handler {
    overflow: hidden
}

#onetrust-consent-sdk #onetrust-banner-sdk .onetrust-close-btn-handler::after {
    content: ""
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy {
    width: 100% !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1.66667rem
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {
    background-color: #e8e8e8;
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    border: 0;
    border-spacing: 0;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px
}

@media screen and (max-width:49.99875em) {
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {
        display: block
    }
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table thead {
    background-color: transparent
}

@media screen and (max-width:49.99875em) {
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table thead {
        display: none
    }
}

@media screen and (max-width:49.99875em) {
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tbody {
        display: block
    }
}

@media screen and (max-width:49.99875em) {
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr {
        display: block;
        margin-bottom: .55556rem
    }
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child {
    margin-bottom: 0
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {
    padding: .55556rem 1.66667rem;
    border: 0;
    background-color: transparent;
    color: #fff
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
    padding: .66667rem 1.66667rem;
    background-color: #fff;
    background-clip: padding-box;
    border-style: solid;
    border-width: 2px;
    border-color: transparent
}

@media screen and (max-width:49.99875em) {
    #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
        display: block;
        width: auto
    }
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td.ot-host-td {
    word-break: break-word
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table a {
    pointer-events: none;
    text-decoration: none
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h3 {
    margin-top: 0
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy *,
#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
    font-size: 1rem;
    line-height: 1.6
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section:last-child {
    margin-bottom: 0
}

.cookie-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: .83333rem;
    padding-bottom: .83333rem;
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    z-index: 7
}

@media print,
screen and (min-width:50em) {
    .cookie-placeholder {
        padding-left: .83333rem;
        padding-right: .83333rem
    }
}

.color-teaser.content-section {
    padding: 4.28571rem 0;
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

@media print,
screen and (min-width:50em) {
    .color-teaser.content-section {
        padding: 6.66667rem 0
    }
}

.quote+.color-teaser.content-section,
.slider-wrap+.color-teaser.content-section {
    background-color: RGB(var(--secondary-rgb))
}

.quote+.color-teaser.content-section .button.whisper,
.slider-wrap+.color-teaser.content-section .button.whisper {
    color: #fff;
    border-color: #fff
}

.quote+.color-teaser.content-section .button.whisper:hover,
.quote+.color-teaser.content-section .button.whisper:focus,
.slider-wrap+.color-teaser.content-section .button.whisper:hover,
.slider-wrap+.color-teaser.content-section .button.whisper:focus {
    color: #fff;
    border-color: RGB(var(--primary-rgb))
}

.quote+.color-teaser.content-section .button.whisper.disabled,
.quote+.color-teaser.content-section .button.whisper.disabled:hover,
.quote+.color-teaser.content-section .button.whisper.disabled:focus,
.quote+.color-teaser.content-section .button.whisper[disabled],
.quote+.color-teaser.content-section .button.whisper[disabled]:hover,
.quote+.color-teaser.content-section .button.whisper[disabled]:focus,
.slider-wrap+.color-teaser.content-section .button.whisper.disabled,
.slider-wrap+.color-teaser.content-section .button.whisper.disabled:hover,
.slider-wrap+.color-teaser.content-section .button.whisper.disabled:focus,
.slider-wrap+.color-teaser.content-section .button.whisper[disabled],
.slider-wrap+.color-teaser.content-section .button.whisper[disabled]:hover,
.slider-wrap+.color-teaser.content-section .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.color-teaser .header-h1 {
    margin-bottom: 0
}

.color-teaser .feature-label {
    margin-top: .66667rem;
    color: #fff
}

.color-teaser button.whisper,
.color-teaser .button.whisper {
    color: #fff;
    border-color: #fff
}

.color-teaser button.whisper:hover,
.color-teaser button.whisper:focus,
.color-teaser .button.whisper:hover,
.color-teaser .button.whisper:focus {
    color: #fff;
    border-color: RGB(var(--primary-rgb))
}

.color-teaser button.whisper.disabled,
.color-teaser button.whisper.disabled:hover,
.color-teaser button.whisper.disabled:focus,
.color-teaser button.whisper[disabled],
.color-teaser button.whisper[disabled]:hover,
.color-teaser button.whisper[disabled]:focus,
.color-teaser .button.whisper.disabled,
.color-teaser .button.whisper.disabled:hover,
.color-teaser .button.whisper.disabled:focus,
.color-teaser .button.whisper[disabled],
.color-teaser .button.whisper[disabled]:hover,
.color-teaser .button.whisper[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.color-teaser .invert button,
.color-teaser .invert .button {
    background-color: #fff;
    color: RGB(var(--secondary-rgb))
}

.color-teaser .invert button:hover,
.color-teaser .invert button:focus,
.color-teaser .invert .button:hover,
.color-teaser .invert .button:focus {
    background-color: RGB(var(--primary-rgb))
}

.color-teaser .invert button.disabled,
.color-teaser .invert button.disabled:hover,
.color-teaser .invert button.disabled:focus,
.color-teaser .invert button[disabled],
.color-teaser .invert button[disabled]:hover,
.color-teaser .invert button[disabled]:focus,
.color-teaser .invert .button.disabled,
.color-teaser .invert .button.disabled:hover,
.color-teaser .invert .button.disabled:focus,
.color-teaser .invert .button[disabled],
.color-teaser .invert .button[disabled]:hover,
.color-teaser .invert .button[disabled]:focus {
    background-color: #fff;
    opacity: .25
}

.color-teaser .invert button:hover,
.color-teaser .invert button:focus,
.color-teaser .invert .button:hover,
.color-teaser .invert .button:focus {
    color: #fff
}

.color-teaser .invert button.disabled,
.color-teaser .invert button.disabled:hover,
.color-teaser .invert button.disabled:focus,
.color-teaser .invert button[disabled],
.color-teaser .invert button[disabled]:hover,
.color-teaser .invert button[disabled]:focus,
.color-teaser .invert .button.disabled,
.color-teaser .invert .button.disabled:hover,
.color-teaser .invert .button.disabled:focus,
.color-teaser .invert .button[disabled],
.color-teaser .invert .button[disabled]:hover,
.color-teaser .invert .button[disabled]:focus {
    color: RGB(var(--secondary-rgb))
}

.iframe-teaser .iframe-container {
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden
}

.iframe-teaser .iframe-container>iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:36.24875em) {
    .iframe-teaser .iframe-container:not(.mobile-iframe) {
        padding-bottom: 600px !important
    }
}

@media print,
screen and (min-width:50em) {
    .iframe-teaser .mobile-iframe {
        display: none
    }
}

.iframe-teaser .mobile-iframe+.iframe-container {
    display: none
}

@media print,
screen and (min-width:50em) {
    .iframe-teaser .mobile-iframe+.iframe-container {
        display: block
    }
}

.iframe-teaser .image-container {
    position: relative
}

@media screen and (max-width:49.99875em) {
    .iframe-teaser .image-container+div {
        display: none
    }
}

.fullsize-gallery {
    padding: 0
}

.fullsize-gallery a {
    display: block;
    width: 50%;
    float: left
}

@media print,
screen and (min-width:36.25em) {
    .fullsize-gallery a {
        width: 25%
    }
}

@media screen and (min-width:80em) {
    .fullsize-gallery a {
        width: 20%
    }
}

@media screen and (min-width:90em) {
    .fullsize-gallery a {
        width: 12.5%
    }
}

.fullsize-gallery a:hover img,
.fullsize-gallery a:focus img {
    opacity: 1
}

.fullsize-gallery a img {
    opacity: .7;
    transition: opacity .3s ease;
    width: 100%
}

.fullsize-gallery::after {
    display: table;
    content: "";
    clear: both
}

.fullsize-gallery+.additional-content {
    padding-top: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .fullsize-gallery+.additional-content {
        padding-top: 3.33333rem
    }
}

.key-facts {
    --columns: 1;
    overflow: hidden;
    color: #fff;
    background-color: #f5f5f5
}

@media print,
screen and (min-width:36.25em) {
    .key-facts {
        --columns: 3
    }
}

@media print,
screen and (min-width:36.25em) {
    .key-facts.two-columns {
        --columns: 2
    }
}

.key-facts.gradient-box .facts .fact {
    background-color: RGB(var(--primary-rgb));
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%)
}

.key-facts.gradient-box .facts .fact span {
    color: #fff
}

.key-facts .header-h1 {
    color: RGB(var(--primary-rgb))
}

.key-facts .facts {
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 1.11111rem;
    grid-template-columns: repeat(var(--columns), 1fr);
    text-align: center
}

.key-facts .facts li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.key-facts .facts li::before {
    display: none
}

.key-facts .facts .fact {
    display: flex;
    flex-direction: column;
    position: relative;
    transition: color 2.5s ease-in 400ms;
    background-color: #fff;
    border-radius: 4px;
    padding: 1.78571rem;
    width: 100%
}

.key-facts .facts .fact .description {
    color: #222
}

.key-facts .facts .fact .number,
.key-facts .facts .fact .label {
    color: RGB(var(--primary-rgb))
}

.key-facts .description {
    display: block;
    font-size: .77778rem;
    line-height: 1.4;
    font-weight: 700
}

.key-facts .number,
.key-facts .label {
    margin: 0;
    display: block;
    color: transparent;
    transition: color 1s cubic-bezier(.04, .39, 0, .91)
}

.key-facts .label {
    font-weight: 700;
    line-height: 1.4
}

.key-facts .number {
    margin-top: auto;
    word-break: break-all;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.71429rem
}

@media print,
screen and (min-width:50em) {
    .key-facts .number {
        font-size: 2.77778rem
    }
}

.distributor-slider {
    color: #fff;
    background-color: #000
}

.distributor-slider .inner-wrapper {
    position: relative
}

.distributor-slider .inner-wrapper+.inner-wrapper {
    margin-top: 4rem;
    padding-bottom: 6.22222rem
}

@media print,
screen and (min-width:50em) {
    .distributor-slider .inner-wrapper+.inner-wrapper {
        padding-bottom: 0
    }
}

@media print,
screen and (min-width:36.25em) {
    .distributor-slider .slide-content {
        display: flex
    }
}

@media print,
screen and (min-width:36.25em) {
    .distributor-slider .image-container {
        width: 20.66667rem;
        padding-right: 2.33333rem;
        flex-shrink: 0;
        flex-grow: 0
    }
}

.distributor-slider .image-container>div {
    border-color: #fff;
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
    padding-top: .44444rem;
    padding-right: .44444rem;
    padding-bottom: .44444rem;
    padding-left: .44444rem
}

.distributor-slider .image-container img {
    border-radius: 4px
}

.distributor-slider .content-wrapper {
    margin-top: 1.33333rem
}

@media print,
screen and (min-width:36.25em) {
    .distributor-slider .content-wrapper {
        margin-top: 0;
        flex-grow: 1;
        flex-shrink: 1
    }
}

.distributor-slider .header-h1 {
    color: RGB(var(--primary-rgb));
    margin-bottom: 1.33333rem
}

.distributor-slider .swiper-button-next,
.distributor-slider .swiper-button-prev {
    top: auto;
    bottom: 0;
    transform: translateY(-50%)
}

@media print,
screen and (min-width:50em) {

    .distributor-slider .swiper-button-next,
    .distributor-slider .swiper-button-prev {
        top: 50%;
        bottom: auto
    }
}

.distributor-slider .swiper-button-next:hover,
.distributor-slider .swiper-button-prev:hover {
    background-color: transparent
}

.distributor-slider .swiper-button-next:hover .icon-shadow::before,
.distributor-slider .swiper-button-prev:hover .icon-shadow::before {
    color: RGB(var(--primary-rgb))
}

[data-whatintent=keyboard] .distributor-slider .swiper-button-next:focus,
[data-whatintent=keyboard] .distributor-slider .swiper-button-prev:focus {
    background-color: transparent
}

[data-whatintent=keyboard] .distributor-slider .swiper-button-next:focus .icon-shadow::before,
[data-whatintent=keyboard] .distributor-slider .swiper-button-prev:focus .icon-shadow::before {
    color: RGB(var(--primary-rgb))
}

.distributor-slider .swiper-button-prev {
    left: calc(50% - 3.55556rem)
}

@media print,
screen and (min-width:50em) {
    .distributor-slider .swiper-button-prev {
        left: 0
    }
}

.distributor-slider .swiper-button-next {
    right: calc(50% - 3.55556rem)
}

@media print,
screen and (min-width:50em) {
    .distributor-slider .swiper-button-next {
        right: 0
    }
}

@media print,
screen and (min-width:36.25em) {
    .text-and-restricted-download .inner-wrapper {
        display: flex;
        flex-flow: row wrap;
        margin-right: -.83333rem;
        margin-left: -.83333rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .text-and-restricted-download .half {
        width: calc(50% - 1.66667rem);
        margin-right: .83333rem;
        margin-left: .83333rem
    }
}

.quotes .swiper-pagination {
    bottom: auto;
    margin-top: 1.66667rem
}

.quotes .swiper-pagination-bullet {
    color: #222
}

.content-section.quote-slider .inner-wrapper {
    display: block
}

.content-section.quote-slider blockquote.swiper-slide.has-image {
    display: grid;
    column-gap: 2.22222rem;
    row-gap: 1.42857rem;
    grid-template-columns: 1fr
}

.content-section.quote-slider blockquote.swiper-slide.has-image figure img {
    aspect-ratio: 1
}

@media print,
screen and (min-width:36.25em) {
    .content-section.quote-slider blockquote.swiper-slide.has-image {
        grid-template-columns: 1fr 3fr
    }
}

.content-section.quote-slider blockquote.swiper-slide::after {
    all: revert
}

.content-section.quote-slider .edit-quote>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.33333rem
}

.content-section.quote-slider .share {
    margin: unset
}

.content-section.quote-slider .share .icon-bubble-trigger {
    padding-right: 1.11111rem
}

.content-section.quote-slider .share .icon-bubble {
    top: 0;
    right: 0;
    transform: translateX(100%)
}

.content-section.quote-slider .share .icon-bubble::after {
    right: auto;
    left: 0;
    bottom: 50%;
    transform: translateX(-14px) translateY(50%) rotate(-90deg)
}

.teaser-slider {
    padding: 0;
    background-color: #000
}

.teaser-slider .image-wrapper {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.teaser-slider .image-wrapper::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .3)0, transparent 100%)
}

.teaser-slider .inner-wrapper {
    height: 100%;
    z-index: 2;
    color: #fff;
    position: relative;
    padding-top: 2.14286rem;
    padding-bottom: 6.42857rem
}

@media print,
screen and (min-width:50em) {
    .teaser-slider .inner-wrapper {
        min-height: 36.38889rem;
        padding-top: 7.77778rem;
        padding-bottom: 7.77778rem
    }
}

.teaser-slider .inner-wrapper .cta-list {
    margin-left: 0;
    max-width: 15rem
}

.teaser-slider .inner-wrapper .cta-list li {
    margin-bottom: .83333rem
}

.teaser-slider .inner-wrapper .cta-list li::before {
    content: none
}

.teaser-slider .inner-wrapper .cta-list li a {
    position: relative;
    display: block;
    padding-right: 2.22222rem;
    padding-bottom: .27778rem;
    color: #fff;
    text-shadow: none;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, RGB(var(--primary-rgb)), RGB(var(--primary-rgb)));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: color .5s ease, background-size .5s ease
}

.teaser-slider .inner-wrapper .cta-list li a:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.teaser-slider .inner-wrapper .cta-list li a span {
    display: block;
    background-image: linear-gradient(to right, RGB(var(--primary-rgb)), RGB(var(--primary-rgb)) 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position .5s ease
}

.teaser-slider .inner-wrapper .cta-list li a::after {
    transition: color .2s ease
}

.teaser-slider .inner-wrapper .cta-list li a:hover,
.teaser-slider .inner-wrapper .cta-list li a:focus {
    color: RGB(var(--primary-rgb));
    background-size: 0 1px, 100% 1px
}

.teaser-slider .inner-wrapper .cta-list li a:hover::after,
.teaser-slider .inner-wrapper .cta-list li a:focus::after {
    color: RGB(var(--primary-rgb))
}

.teaser-slider .inner-wrapper .cta-list li a:hover span,
.teaser-slider .inner-wrapper .cta-list li a:focus span {
    background-position: 0 100%
}

.is-ie .teaser-slider .inner-wrapper .cta-list li a span {
    background-image: none
}

.teaser-slider .swiper {
    line-height: 0
}

.teaser-slider .swiper-wrapper {
    line-height: 1.6;
    align-items: stretch
}

.teaser-slider .swiper-wrapper .swiper-slide {
    position: relative;
    height: auto
}

.teaser-slider .swiper-wrapper .swiper-slide.green .colored-headline {
    color: #93d522
}

.teaser-slider .swiper-wrapper .swiper-slide.green a span {
    background-image: linear-gradient(to right, #93d522, #93d522 50%, #fff 50%)
}

.teaser-slider .swiper-wrapper .swiper-slide.green a::before {
    border-bottom-color: #93d522
}

.teaser-slider .swiper-wrapper .swiper-slide.green a:hover,
.teaser-slider .swiper-wrapper .swiper-slide.green a:focus {
    color: #93d522
}

.teaser-slider .swiper-wrapper .swiper-slide.green a:hover::after,
.teaser-slider .swiper-wrapper .swiper-slide.green a:focus::after {
    color: #93d522
}

.teaser-slider .swiper-wrapper .swiper-slide.blue .colored-headline {
    color: #fee5f3
}

.teaser-slider .swiper-wrapper .swiper-slide.blue a span {
    background-image: linear-gradient(to right, #fee5f3, #fee5f3 50%, #fff 50%)
}

.teaser-slider .swiper-wrapper .swiper-slide.blue a::before {
    border-bottom-color: #fee5f3
}

.teaser-slider .swiper-wrapper .swiper-slide.blue a:hover,
.teaser-slider .swiper-wrapper .swiper-slide.blue a:focus {
    color: #fee5f3
}

.teaser-slider .swiper-wrapper .swiper-slide.blue a:hover::after,
.teaser-slider .swiper-wrapper .swiper-slide.blue a:focus::after {
    color: #fee5f3
}

.teaser-slider .swiper-wrapper .swiper-slide.pink .colored-headline {
    color: #ff48a6
}

.teaser-slider .swiper-wrapper .swiper-slide.pink a span {
    background-image: linear-gradient(to right, #ff48a6, #ff48a6 50%, #fff 50%)
}

.teaser-slider .swiper-wrapper .swiper-slide.pink a::before {
    border-bottom-color: #ff48a6
}

.teaser-slider .swiper-wrapper .swiper-slide.pink a:hover,
.teaser-slider .swiper-wrapper .swiper-slide.pink a:focus {
    color: #ff48a6
}

.teaser-slider .swiper-wrapper .swiper-slide.pink a:hover::after,
.teaser-slider .swiper-wrapper .swiper-slide.pink a:focus::after {
    color: #ff48a6
}

.teaser-slider .swiper-wrapper .swiper-slide.white .colored-headline {
    color: #fff
}

.teaser-slider .swiper-wrapper .swiper-slide.white a span {
    background-image: linear-gradient(to right, #fff, #fff 50%, #fff 50%)
}

.teaser-slider .swiper-wrapper .swiper-slide.white a::before {
    border-bottom-color: #fff
}

.teaser-slider .swiper-wrapper .swiper-slide.white a:hover,
.teaser-slider .swiper-wrapper .swiper-slide.white a:focus {
    color: #fff
}

.teaser-slider .swiper-wrapper .swiper-slide.white a:hover::after,
.teaser-slider .swiper-wrapper .swiper-slide.white a:focus::after {
    color: #fff
}

.teaser-slider .swiper-wrapper .swiper-slide.swiper-slide-active .cta-list {
    display: block
}

.teaser-slider .swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.77778rem;
    margin: 0;
    display: flex;
    counter-reset: bullets;
    width: 15.27778rem
}

@media print,
screen and (min-width:50em) {
    .teaser-slider .swiper-pagination {
        width: 26.38889rem
    }
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    padding: .55556rem 0;
    width: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    color: transparent;
    flex-shrink: 1;
    flex-grow: 1
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-size: 200% 200%;
    background-position: 100%;
    background-image: linear-gradient(90deg, RGB(var(--primary-rgb)) 0%, RGB(var(--primary-rgb)) 50%, rgba(255, 255, 255, .35) 50%)
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet:focus::after {
    background-image: linear-gradient(90deg, RGB(var(--primary-rgb)) 0%, RGB(var(--primary-rgb)) 50%, #fff 50%)
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transition: all 500ms;
    flex-grow: 3
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet.green::after {
    background-image: linear-gradient(90deg, #93d522 0, #93d522 50%, rgba(255, 255, 255, .35) 50%)
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet.blue::after {
    background-image: linear-gradient(90deg, #fee5f3 0, #fee5f3 50%, rgba(255, 255, 255, .35) 50%)
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet.pink::after {
    background-image: linear-gradient(90deg, #ff48a6 0, #ff48a6 50%, rgba(255, 255, 255, .35) 50%)
}

.teaser-slider .swiper-pagination .swiper-pagination-bullet.white::after {
    background-image: linear-gradient(90deg, #fff 0, #fff 50%, rgba(255, 255, 255, .35) 50%)
}

.teaser-slider .swiper-pagination.show-count .swiper-pagination-bullet:focus::before {
    color: #fff
}

.teaser-slider .swiper-pagination.show-count .swiper-pagination-bullet::before {
    counter-increment: bullets;
    content: "0" counter(bullets);
    position: absolute;
    left: 0;
    top: -.55556rem;
    width: auto;
    height: auto;
    color: rgba(255, 255, 255, .5);
    font-size: 15px;
    font-weight: bolder;
    line-height: 1;
    opacity: 0
}

@media print,
screen and (min-width:50em) {
    .teaser-slider .swiper-pagination.show-count .swiper-pagination-bullet::before {
        top: -.27778rem
    }
}

.teaser-slider .swiper-pagination.show-count .swiper-pagination-bullet-active::before {
    transition: .15s;
    opacity: 1
}

.teaser-slider.disable-animation .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-position: 0
}

.teaser-slider.enable-animation .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    animation-duration: 5s;
    animation-name: pagination-progressbar;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

.teaser-slider .main-wrapper {
    position: relative
}

.teaser-slider .counter {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: #fff;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: .83333rem;
    display: none
}

@media print,
screen and (min-width:50em) {
    .teaser-slider .counter {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .teaser-slider .counter {
        padding-right: 1.66667rem
    }
}

@media print,
screen and (min-width:50em) {
    .teaser-slider .counter {
        bottom: 1.94444rem
    }
}

.teaser-slider .counter .current-index {
    font-size: 2.22222rem
}

.teaser-slider .counter .count-slides {
    font-size: 1.33333rem
}

@media print,
screen and (min-width:50em) {
    .teaser-slider .counter {
        display: block
    }
}

@keyframes pagination-progressbar {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

.header-video-animation.header-video {
    height: auto;
    min-height: auto
}

.header-video-animation.header-video::before {
    z-index: 1
}

.header-video-animation.header-video .content {
    top: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:36.24875em) {
    .header-video-animation.header-video .content {
        top: 40%
    }
}

.header-video-animation.header-video .content h1 {
    display: flex;
    margin-bottom: 2.22222rem;
    font-size: 2rem;
    line-height: 1.2
}

@media print,
screen and (min-width:36.25em) {
    .header-video-animation.header-video .content h1 {
        font-size: 3rem
    }
}

@media screen and (min-width:68.75em) {
    .header-video-animation.header-video .content h1 {
        font-size: 4rem
    }
}

.header-video-animation.header-video .content h1.active .phrase span {
    transform: translateX(0);
    opacity: 1
}

.header-video-animation.header-video .content h1>div {
    width: 50%;
    overflow: hidden
}

.header-video-animation.header-video .content .phrase span {
    display: block;
    transition-timing-function: cubic-bezier(0, 1, .5, 1);
    opacity: 0
}

.header-video-animation.header-video .content .phrase:first-child {
    padding-right: 1.5rem;
    text-align: right
}

.header-video-animation.header-video .content .phrase:first-child span {
    transition: transform 2s, opacity .5s ease-out;
    transform: translateX(50%)
}

.header-video-animation.header-video .content .phrase:last-child {
    padding-left: 1.5rem;
    color: #ff48a6
}

.header-video-animation.header-video .content .phrase:last-child span {
    transition: transform 2s 2s, opacity .5s 2s ease-out;
    transform: translateX(-50%)
}

.header-video-animation.header-video .content .animated-intro {
    display: none;
    text-align: center;
    transition: transform 2s 4s ease, opacity 1s 4s ease-out;
    transform: translateY(-50%);
    opacity: 0
}

.header-video-animation.header-video .content .animated-intro.active {
    transform: translateY(0);
    opacity: 1
}

@media print,
screen and (min-width:36.25em) {
    .header-video-animation.header-video .content .animated-intro {
        display: block
    }
}

.header-video-animation.header-video.disable-overlay .background::after {
    display: none
}

.header-video-animation.header-video.video-loaded .background::after {
    animation-name: homepage-header-video-outro;
    animation-delay: 0s
}

@keyframes homepage-header-video-outro {
    0% {
        transform: scaleX(1);
        background-color: #262527;
        width: 50vw
    }

    99% {
        transform: translateX(-100%);
        background-color: #262527;
        width: 50vw
    }

    to {
        transform: translateX(-200%);
        background-color: #262527;
        width: 50vw
    }
}

.header-video-animation .background {
    position: relative;
    aspect-ratio: 16/9
}

.header-video-animation .background::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    width: 1px;
    background-color: #fff;
    transform: scaleY(0);
    transform-origin: top right;
    animation-name: homepage-header-video-intro;
    animation-duration: .8s;
    animation-delay: .5s;
    animation-timing-function: cubic-bezier(.85, 0, .15, 1);
    animation-fill-mode: forwards
}

@keyframes homepage-header-video-intro {
    0% {
        transform: scaleY(0);
        background-color: #fff;
        width: 1px
    }

    50% {
        transform: scaleY(1);
        background-color: #262527;
        width: 1px
    }

    50.1% {
        transform: scaleX(0);
        width: 50vw
    }

    to {
        transform: scaleX(1);
        background-color: #262527;
        width: 50vw
    }
}

.header-video-animation .background .image-wrapper,
.header-video-animation .background .video-wrapper {
    transition: opacity .3s ease-out, visibility .3s ease-out
}

.header-video-animation .background .image-wrapper.hidden,
.header-video-animation .background .video-wrapper.hidden {
    visibility: hidden;
    opacity: 0
}

.header-video-animation .background .video-wrapper {
    position: static
}

.header-video-animation .background .image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.header-video-animation .background img,
.header-video-animation .background video {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    transform: none
}

.header-video-animation .main-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.header-video-animation .mobile-content {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    padding-top: .83333rem;
    text-align: center
}

@media print,
screen and (min-width:36.25em) {
    .header-video-animation .mobile-content {
        display: none
    }
}

.header-video-animation .mobile-content p {
    margin-bottom: 0
}

.big-teaser-section {
    --text-color: #222222;
    --background-color: #ffffff;
    color: var(--text-color);
    background-color: var(--background-color)
}

.big-teaser-section.invert {
    --text-color: #ffffff;
    --background-color: #000000
}

.big-teaser {
    --feature-label-color: RGB(var(--primary-rgb));
    --headline-label-color: RGB(var(--secondary-rgb));
    --whisper-button-color: RGB(var(--secondary-rgb));
    --button-background-color: RGB(var(--primary-rgb));
    --button-active-background-color: RGB(var(--secondary-rgb));
    --stroke-color: RGB(var(--primary-rgb));
    word-break: break-word
}

.big-teaser .inner-wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser .inner-wrapper {
        flex-direction: row
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser.image-right-align .image-wrapper {
        order: 1;
        padding-left: 1.94444rem;
        padding-right: 0
    }

    .big-teaser.image-right-align .image-wrapper+.content-wrapper {
        padding-right: 1.94444rem;
        padding-left: 0
    }
}

@media screen and (min-width:68.75em) {
    .big-teaser.image-right-align .image-wrapper {
        padding-left: 2.77778rem
    }

    .big-teaser.image-right-align .image-wrapper+.content-wrapper {
        padding-right: 2.77778rem
    }
}

.big-teaser .image-wrapper {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser .image-wrapper {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser .image-wrapper {
        padding-right: 1.94444rem
    }

    .big-teaser .image-wrapper+.content-wrapper {
        padding-left: 1.94444rem
    }
}

@media screen and (min-width:68.75em) {
    .big-teaser .image-wrapper {
        padding-right: 2.77778rem
    }

    .big-teaser .image-wrapper+.content-wrapper {
        padding-left: 2.77778rem
    }
}

.big-teaser .image-wrapper,
.big-teaser .content-wrapper {
    position: relative;
    min-width: 50%;
    flex-shrink: 1;
    flex-grow: 1
}

.big-teaser .content-wrapper {
    padding-bottom: 1.66667rem
}

.big-teaser img {
    display: block
}

.clut-green .big-teaser {
    --feature-label-color: #93d522;
    --stroke-color: #93d522;
    --button-background-color: #93d522;
    --button-active-background-color: #033e8e;
    --headline-label-color: #033e8e
}

.clut-blue .big-teaser {
    --feature-label-color: #fee5f3;
    --stroke-color: #fee5f3;
    --button-background-color: #fee5f3;
    --button-active-background-color: #6c03a8;
    --headline-label-color: #6c03a8
}

.clut-pink .big-teaser {
    --feature-label-color: #ff48a6;
    --stroke-color: #ff48a6;
    --button-background-color: #ff48a6;
    --button-active-background-color: #520881;
    --headline-label-color: #520881
}

.invert .big-teaser {
    --headline-label-color: #ffffff;
    --whisper-button-color: #ffffff
}

.big-teaser .feature-label {
    color: var(--feature-label-color)
}

.big-teaser .header-h1 {
    position: relative;
    color: var(--headline-label-color)
}

.big-teaser .header-h1::before,
.big-teaser .header-h1::after {
    background-color: RGB(var(--primary-rgb));
    content: "";
    position: absolute;
    top: calc(100% + 1.36111rem);
    left: 0;
    width: 50px;
    height: 1px;
    transition-property: transform;
    transition-delay: .8s;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
    transform: scaleX(0);
    transform-origin: left
}

.big-teaser .header-h1.is-animated::before,
.big-teaser .header-h1.is-animated::after {
    transform: scaleX(1)
}

@media print,
screen and (min-width:50em) {
    .big-teaser .header-h1 {
        font-size: clamp(32px, 4vw, 45px)
    }
}

.big-teaser .header-h1::after {
    background-color: var(--stroke-color)
}

.big-teaser .header-h1::before {
    background-color: var(--headline-label-color);
    transition-delay: 0s
}

.big-teaser .button {
    background-color: var(--button-background-color)
}

.big-teaser .button:hover,
.big-teaser .button:focus {
    background-color: var(--button-active-background-color)
}

.big-teaser .button.whisper {
    color: var(--whisper-button-color);
    background-color: transparent;
    border-color: var(--whisper-button-color)
}

.big-teaser .button.whisper:hover,
.big-teaser .button.whisper:focus {
    color: var(--whisper-button-color);
    border-color: var(--button-background-color)
}

.big-teaser.boxed-teaser {
    --gutter: clamp(2.22222rem, 6.5vw, 4.44444rem)
}

.big-teaser.boxed-teaser .image-wrapper {
    z-index: 1
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser.boxed-teaser .image-wrapper {
        margin-top: var(--gutter);
        padding-right: calc(.75*var(--gutter))
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser.boxed-teaser .image-wrapper+.content-wrapper {
        margin-right: calc(-1.75*var(--gutter));
        margin-bottom: var(--gutter);
        padding-top: var(--gutter);
        padding-right: var(--gutter);
        padding-bottom: var(--gutter);
        padding-left: calc(1.75*var(--gutter));
        background-color: #222;
        transform: translateX(calc(-1.75*var(--gutter)))
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser.boxed-teaser .feature-label {
        margin-top: 0;
        line-height: 1
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser.boxed-teaser.image-right-align .image-wrapper {
        padding-right: 0
    }
}

.big-teaser.boxed-teaser.image-right-align .content-wrapper {
    padding-right: calc(1.75*var(--gutter));
    padding-left: var(--gutter);
    transform: translateX(0)
}

.big-teaser-slider {
    --text-color: #222222;
    --background-color: #ffffff;
    position: relative;
    color: var(--text-color);
    background-color: var(--background-color)
}

.big-teaser-slider.invert {
    --text-color: #ffffff;
    --background-color: #000000
}

.big-teaser-slider.invert .big-teaser {
    --headline-label-color: #ffffff;
    --whisper-button-color: #ffffff
}

.big-teaser-slider.invert .swiper-button-prev,
.big-teaser-slider.invert .swiper-button-next {
    --text-color: #ffffff
}

.big-teaser-slider .pagination-wrapper {
    position: relative
}

.big-teaser-slider .pagination {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    position: absolute;
    top: 2.22222rem;
    left: 0;
    line-height: 0;
    z-index: 2;
    transform: scale(.75) rotate(-90deg);
    transform-origin: 50% 50%
}

@media print,
screen and (min-width:50em) {
    .big-teaser-slider .pagination {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser-slider .pagination {
        top: -2.22222rem
    }
}

@media print,
screen and (min-width:50em) {
    .big-teaser-slider .pagination {
        transform: scale(1) rotate(-90deg)
    }
}

.big-teaser-slider .pagination .circle-background {
    fill: transparent;
    stroke: #313131
}

.big-teaser-slider .pagination .circle {
    fill: transparent;
    stroke: RGB(var(--primary-rgb))
}

.big-teaser-slider .swiper {
    line-height: 0
}

.big-teaser-slider .swiper .swiper-wrapper {
    line-height: 1.6;
    align-items: stretch;
    justify-content: stretch
}

.big-teaser-slider .swiper-slide .buttons {
    display: none
}

.big-teaser-slider .swiper-slide.swiper-slide-active .buttons {
    display: block
}

.big-teaser-slider .main-wrapper {
    position: relative
}

.big-teaser-slider .counter {
    padding-right: 2.14286rem;
    padding-left: 2.14286rem;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: var(--text-color);
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: .83333rem
}

@media print,
screen and (min-width:50em) {
    .big-teaser-slider .counter {
        padding-right: 3.33333rem;
        padding-left: 3.33333rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser-slider .counter {
        padding-right: 1.66667rem
    }
}

@media print,
screen and (min-width:50em) {
    .big-teaser-slider .counter {
        bottom: 1.94444rem
    }
}

.big-teaser-slider .counter .current-index {
    font-size: 2.22222rem
}

.big-teaser-slider .counter .count-slides {
    font-size: 1.33333rem
}

.big-teaser-slider .navigation {
    z-index: 2;
    position: absolute;
    top: 2.85714rem;
    left: 0;
    right: 0
}

@media print,
screen and (min-width:36.25em) {
    .big-teaser-slider .navigation {
        top: 50%;
        transform: translateY(-50%)
    }
}

.big-teaser-slider .navigation .main-wrapper {
    display: flex;
    justify-content: space-between
}

.big-teaser-slider .swiper-button-next,
.big-teaser-slider .swiper-button-prev {
    position: relative;
    color: var(--text-color)
}

.big-teaser-slider .swiper-button-next:focus .icon-shadow,
.big-teaser-slider .swiper-button-prev:focus .icon-shadow {
    color: var(--text-color)
}

.big-teaser-slider .swiper-button-next:hover,
.big-teaser-slider .swiper-button-prev:hover {
    background-color: transparent
}

.big-teaser-slider .swiper-button-next:hover .icon-shadow::before,
.big-teaser-slider .swiper-button-prev:hover .icon-shadow::before {
    color: RGB(var(--primary-rgb))
}

.big-teaser-slider .swiper-button-next {
    margin-left: auto
}

.next-section-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100vh
}

@media screen and (max-width:68.74875em) {
    .next-section-wrapper {
        display: none
    }
}

button.next-section {
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1.6;
    border: 0;
    border-radius: 0;
    text-align: left;
    vertical-align: baseline;
    font-size: 1rem;
    color: #222;
    overflow: visible;
    transform: none;
    backface-visibility: visible;
    transition: transform 1.5s ease, opacity 1.5s ease;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.22222rem;
    width: 2.66667rem;
    height: 2.66667rem;
    margin-left: -1.33333rem;
    z-index: 3;
    cursor: pointer;
    transform: translate3d(0, 0, 0)
}

button.next-section:hover,
button.next-section:focus {
    background: 0 0;
    color: #222
}

button.next-section::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

button.next-section:hover::after,
button.next-section:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

button.next-section:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: #fff;
    transition: color .2s ease;
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%
}

@media screen and (max-width:68.74875em) {
    button.next-section {
        display: none
    }
}

button.next-section::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .65);
    border-radius: 50%;
    transform: translate3d(0, 0, 0);
    transition: border 1s ease, transform 1s ease
}

button.next-section::after {
    transform: translate3d(0, 0, 0);
    text-align: center;
    top: .44444rem;
    left: 0;
    right: 0;
    transition: transform 1s ease
}

button.next-section:hover::before,
button.next-section:hover::after,
button.next-section:focus::before,
button.next-section:focus::after {
    border-color: #fff;
    animation: bounce 1s ease infinite
}

button.next-section:hover::after,
button.next-section:focus::after {
    left: 0
}

.no-js button.next-section,
button.next-section.hidden {
    border-color: transparent;
    opacity: 0;
    transition: none;
    transform: translate3d(0, 4.88889rem, 0)
}

button.next-section.active {
    opacity: 0;
    transform: scale(6);
    pointer-events: none
}

button.next-section.active::before {
    transform-origin: center;
    border-width: .5px
}

button.next-section.active::after {
    display: none
}

.section-wrapper .content-section:first-child .next-section {
    position: relative;
    top: .44444rem;
    left: 0;
    margin-left: 0
}

@keyframes bounce {

    0%,
    to {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(0, 4px, 0)
    }
}

.event-agenda-section ul {
    margin: 0;
    padding: 0
}

.event-agenda-section ul li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.event-agenda-section ul li::before {
    display: none
}

.event-agenda-section .show-agenda {
    position: relative
}

.event-agenda-section .show-agenda:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1em;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.event-agenda-section .show-agenda::before {
    color: transparent;
    transition: color .3s ease-out
}

.event-agenda-section .show-agenda:hover::before,
.event-agenda-section .show-agenda:focus::before {
    color: inherit
}

.event-agenda-section .show-agenda.disabled::before,
.event-agenda-section .show-agenda.disabled:hover::before,
.event-agenda-section .show-agenda.disabled:focus::before,
.event-agenda-section .show-agenda[disabled]::before,
.event-agenda-section .show-agenda[disabled]:hover::before,
.event-agenda-section .show-agenda[disabled]:focus::before {
    display: none
}

[data-whatinput=touch] .event-agenda-section .show-agenda::before {
    color: inherit
}

.event-agenda-section .show-agenda:before {
    content: ""
}

.event-agenda-section .show-agenda::before {
    right: 2.33333em
}

.event-agenda-section .show-agenda:hover,
.event-agenda-section .show-agenda:focus {
    padding-left: 2.33333em;
    padding-right: 3.88889em
}

.event-agenda-section .show-agenda.disabled,
.event-agenda-section .show-agenda.disabled:hover,
.event-agenda-section .show-agenda.disabled:focus,
.event-agenda-section .show-agenda[disabled],
.event-agenda-section .show-agenda[disabled]:hover,
.event-agenda-section .show-agenda[disabled]:focus {
    padding-left: 3.11111em;
    padding-right: 3.11111em
}

[data-whatinput=touch] .event-agenda-section .show-agenda {
    padding-left: 2.33333em;
    padding-right: 3.88889em
}

.event-agenda-section .show-agenda:before {
    content: ""
}

.event-agenda-section .show-agenda span:nth-child(2) {
    display: none
}

.event-agenda-section .show-agenda.is-active {
    margin-bottom: 2.77778rem
}

.event-agenda-section .show-agenda.is-active:before {
    content: ""
}

.event-agenda-section .show-agenda.is-active span:nth-child(1) {
    display: none
}

.event-agenda-section .show-agenda.is-active span:nth-child(2) {
    display: inline
}

.event-agenda-section .agenda-wrapper {
    max-height: 0;
    overflow: hidden
}

.event-agenda-section .agenda-wrapper.is-active {
    max-height: none;
    overflow: visible
}

.event-agenda-section .tabs-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.77778rem
}

.event-agenda-section .tabs-buttons .tabs-title {
    margin-top: 0;
    margin-right: .5em;
    margin-bottom: .5em;
    margin-left: 0
}

.event-agenda-section .tabs-buttons h3 {
    margin-bottom: 0
}

.event-agenda-section .tabs-buttons .button {
    padding: .75em 3.11111em;
    color: #fff
}

.event-agenda-section .tabs-buttons .button:hover {
    color: #fff
}

.event-agenda-section .tabs-buttons .button[aria-selected=true] {
    background-color: RGB(var(--secondary-rgb))
}

.event-agenda-section .tabs-buttons .button[aria-selected=false] {
    background-color: RGB(var(--primary-rgb))
}

.event-agenda-section .event-agenda {
    width: 100%
}

.event-agenda-section .tabs-panel {
    display: none
}

.event-agenda-section .tabs-panel.is-active {
    display: block
}

.event-agenda-section .tabs-panel:first-child .item {
    transition-property: opacity;
    transition-timing-function: linear;
    opacity: 0
}

.event-agenda-section .tabs-panel:first-child .item.is-active {
    opacity: 1
}

.event-agenda-section .tabs-panel:first-child .item.is-active .description::before {
    transform: scale(1, 1)
}

.event-agenda-section .tabs-panel:first-child .item .description {
    transition-duration: inherit
}

.event-agenda-section .tabs-panel:first-child .item .description::before {
    transition-property: transform;
    transition-timing-function: linear;
    transition-duration: inherit;
    transform: scale(1, 0);
    transform-origin: top
}

.event-agenda-section .item {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch
}

.event-agenda-section .item:last-child .description>:last-child {
    margin-bottom: 0
}

.event-agenda-section .item:last-child .description::before {
    height: 0
}

.event-agenda-section .item .timerange {
    padding-top: .33333rem;
    flex-shrink: 0;
    flex-grow: 0;
    position: absolute;
    top: 0;
    left: 2.77778rem
}

@media print,
screen and (min-width:36.25em) {
    .event-agenda-section .item .timerange {
        left: 0;
        position: relative;
        min-width: 8.88889rem
    }
}

.event-agenda-section .item .timerange .start-time::after {
    content: " - "
}

.event-agenda-section .item .description {
    position: relative;
    padding-left: 2.77778rem;
    padding-top: 1.94444rem
}

@media print,
screen and (min-width:36.25em) {
    .event-agenda-section .item .description {
        padding-top: .33333rem
    }
}

.event-agenda-section .item .description::before {
    content: "";
    position: absolute;
    left: -1px;
    top: .83333rem;
    height: 100%;
    width: 2px;
    background-color: RGB(var(--primary-rgb))
}

.event-agenda-section .item .description::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: .94444rem;
    width: .94444rem;
    background-color: RGB(var(--secondary-rgb));
    border-radius: 50%;
    transform: translate(-50%, .61111rem)
}

.event-agenda-section .item .description .headline {
    font-size: 1.11111rem;
    font-weight: 700;
    margin-top: 0
}

.add-to-calendar {
    text-align: right;
    position: relative;
    margin: .71429rem 0 1.42857rem;
    display: inline-block;
    position: relative
}

.add-to-calendar:focus-within .icon-bubble {
    transform: translateX(-50%) translateY(0)
}

.add-to-calendar .icon-bubble-trigger:hover+.icon-bubble,
.add-to-calendar .icon-bubble-trigger:focus+.icon-bubble {
    transform: translateX(-50%) translateY(0)
}

.add-to-calendar .icon-bubble {
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(.5rem)
}

.add-to-calendar .icon-bubble::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
}

.add-to-calendar .icon-bubble:hover,
.add-to-calendar .icon-bubble:focus {
    transform: translateX(-50%) translateY(0)
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar {
        margin: 1.11111rem 0 1.66667rem
    }
}

.add-to-calendar:focus-within .icon-bubble {
    visibility: visible;
    opacity: 1
}

.add-to-calendar .icon-bubble-trigger:hover+.icon-bubble,
.add-to-calendar .icon-bubble-trigger:focus+.icon-bubble,
.add-to-calendar .icon-bubble-trigger:focus-within+.icon-bubble {
    visibility: visible;
    opacity: 1
}

.add-to-calendar .icon-bubble {
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    position: absolute;
    padding-left: .44444rem;
    padding-top: .77778rem;
    padding-bottom: .83333rem;
    padding-right: .44444rem;
    background-color: #222;
    border-radius: 4px;
    font-size: 0;
    z-index: 10;
    white-space: nowrap;
    margin-top: .11111rem;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0
}

.add-to-calendar .icon-bubble:hover,
.add-to-calendar .icon-bubble:focus {
    visibility: visible;
    opacity: 1
}

.add-to-calendar .icon-bubble:hover ::after,
.add-to-calendar .icon-bubble:focus ::after {
    color: #222
}

.add-to-calendar .icon-bubble::after {
    content: "";
    border-bottom-color: #222;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: 99%
}

.add-to-calendar .icon-bubble::before {
    content: "";
    border: 5px solid transparent;
    bottom: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.add-to-calendar .icon-bubble li {
    vertical-align: middle;
    display: inline-block;
    padding-left: .44444rem;
    padding-right: .44444rem
}

.add-to-calendar .icon-bubble a {
    color: #fff;
    font-size: 0;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 0;
    line-height: 1;
    height: 1.42857rem
}

.add-to-calendar .icon-bubble a:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

.add-to-calendar .icon-bubble a::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.add-to-calendar .icon-bubble a:hover,
.add-to-calendar .icon-bubble a:focus {
    color: #fff
}

.add-to-calendar .icon-bubble a:hover::before,
.add-to-calendar .icon-bubble a:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.add-to-calendar .icon-bubble a:hover .icon-shadow,
.add-to-calendar .icon-bubble a:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.add-to-calendar .icon-bubble a:hover .icon-shadow::before,
.add-to-calendar .icon-bubble a:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.add-to-calendar .icon-bubble a .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.add-to-calendar .icon-bubble a .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(0, -50%);
        position: absolute;
        top: 50%
    }
}

.add-to-calendar .icon-bubble a .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.add-to-calendar .icon-bubble a[disabled]:hover::before,
.add-to-calendar .icon-bubble a[disabled]:focus::before,
.add-to-calendar .icon-bubble a.disabled:hover::before,
.add-to-calendar .icon-bubble a.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.add-to-calendar .icon-bubble a[disabled]:hover .icon-shadow,
.add-to-calendar .icon-bubble a[disabled]:focus .icon-shadow,
.add-to-calendar .icon-bubble a.disabled:hover .icon-shadow,
.add-to-calendar .icon-bubble a.disabled:focus .icon-shadow {
    color: #fff
}

.add-to-calendar .icon-bubble a[disabled]:hover .icon-shadow::before,
.add-to-calendar .icon-bubble a[disabled]:focus .icon-shadow::before,
.add-to-calendar .icon-bubble a.disabled:hover .icon-shadow::before,
.add-to-calendar .icon-bubble a.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.add-to-calendar .icon-bubble a::before {
    left: 0
}

.add-to-calendar .icon-bubble a .icon-shadow::before {
    left: 0
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a {
        height: 1.11111rem
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a {
        height: 1.33333rem
    }
}

.add-to-calendar .icon-bubble a::after {
    color: transparent
}

.add-to-calendar .icon-bubble a:hover::after,
.add-to-calendar .icon-bubble a:focus::after {
    color: transparent
}

.detail-section-list .add-to-calendar {
    font-size: .88889rem;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

@media print,
screen and (min-width:36.25em) {
    .detail-section-list .add-to-calendar button {
        padding-left: 2em;
        padding-right: 2em
    }
}

.add-to-calendar .icon-bubble a.google-calendar:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.google-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.google-calendar .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a.google-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.google-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.google-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a.google-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.google-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.google-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.add-to-calendar .icon-bubble a.apple-calendar:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.apple-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.apple-calendar .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a.apple-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.apple-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.apple-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a.apple-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.apple-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.apple-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.add-to-calendar .icon-bubble a.yahoo-calendar:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.yahoo-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.yahoo-calendar .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a.yahoo-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.yahoo-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.yahoo-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a.yahoo-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.yahoo-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.yahoo-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.add-to-calendar .icon-bubble a.outlook-calendar:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.outlook-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.outlook-calendar .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a.outlook-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.outlook-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.outlook-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a.outlook-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.outlook-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.outlook-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.add-to-calendar .icon-bubble a.office365-calendar:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.office365-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.office365-calendar .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a.office365-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.office365-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.office365-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a.office365-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.office365-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.office365-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.add-to-calendar .icon-bubble a.save-to-calendar:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.save-to-calendar:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

.add-to-calendar .icon-bubble a.save-to-calendar .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    font-size: 1.42857rem
}

@media print,
screen and (min-width:50em) {
    .add-to-calendar .icon-bubble a.save-to-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.save-to-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.save-to-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons"
    }
}

@media screen and (min-width:90em) {
    .add-to-calendar .icon-bubble a.save-to-calendar:after {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.save-to-calendar:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }

    .add-to-calendar .icon-bubble a.save-to-calendar .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons"
    }
}

.event-time .time-in-ecoma-timezone {
    display: none;
    position: absolute;
    top: -.44444rem;
    font-size: .77778rem;
    color: #8f8f8f
}

.event-time .timezone-info {
    display: none;
    position: absolute;
    bottom: -.16667rem;
    right: 0;
    left: 1.77778rem;
    font-size: .66667rem
}

.event-status {
    display: inline-block;
    color: #fff;
    background-color: RGB(var(--primary-rgb));
    padding-top: .25em;
    padding-right: .6em;
    padding-bottom: .25em;
    padding-left: .6em;
    line-height: inherit;
    font-size: .77778rem;
    font-weight: 700;
    vertical-align: text-top;
    margin-left: .75em;
    border-radius: 4px;
    margin-left: 0;
    text-transform: uppercase
}

.event-status.highlight {
    background-color: RGB(var(--secondary-rgb))
}

.event-status.rescheduled {
    background-color: #93d522
}

.event-status.postponed {
    color: #222;
    background-color: #fff300
}

.event-status.cancelled {
    background-color: #d52b1e
}

.page-header .event-status {
    font-size: .88889rem;
    margin-top: -1.78571rem
}

.grid-item .event-status {
    font-size: .77778rem;
    margin-top: -.55556rem;
    margin-left: 1.42857rem;
    margin-right: 1.42857rem;
    margin-bottom: 1rem
}

@media print,
screen and (min-width:36.25em) {
    .grid-item .event-status {
        margin-left: 3.33333rem;
        margin-right: 3.33333rem
    }
}

@media print,
screen and (min-width:50em) {
    .grid-item .event-status {
        font-size: .66667rem
    }
}

.date.postponed,
.date.cancelled {
    text-decoration: line-through
}

.timeline {
    overflow: hidden
}

.timeline .steps {
    overflow: hidden;
    position: relative
}

.timeline .steps::after,
.timeline .steps::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px
}

@media screen and (max-width:68.74875em) {

    .timeline .steps::after,
    .timeline .steps::before {
        left: 31px
    }
}

.timeline .steps::before {
    bottom: 0;
    background-color: #fff
}

.timeline .steps::after {
    height: var(--progress, 0);
    background-color: RGB(var(--primary-rgb));
    transition: 200ms height
}

.timeline .step {
    position: relative;
    display: flex;
    width: calc(50% + 31px)
}

@media screen and (max-width:68.74875em) {
    .timeline .step {
        flex-direction: row-reverse;
        width: auto;
        margin-bottom: 16px
    }
}

.timeline .step:nth-child(even) {
    left: calc(50% - 31px);
    flex-direction: row-reverse
}

@media screen and (max-width:68.74875em) {
    .timeline .step:nth-child(even) {
        left: 0
    }
}

.timeline .step:nth-child(even) .content {
    transform: translateX(200%)
}

.timeline .step:nth-child(even) .step-line {
    transform: translateX(-100%)
}

.timeline .step.visible .content {
    transform: translateX(0);
    opacity: 1
}

.timeline .step.visible .step-line {
    transform: translateX(0)
}

.timeline .step.visible .date {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

.timeline .step .content {
    width: 100%;
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    background-color: #fff;
    border-radius: 4px;
    transform: translateX(-200%);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 500ms;
    transition-delay: 200ms
}

@media screen and (max-width:68.74875em) {
    .timeline .step .content {
        transform: translateX(200%)
    }
}

.timeline .step .content p:last-child {
    margin-bottom: 0
}

.timeline .step .date {
    display: flex;
    width: 62px;
    height: 62px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #fff;
    border-style: solid;
    border-color: RGB(var(--primary-rgb));
    border-width: 2px;
    border-radius: 50%;
    transition-property: background-color, color;
    transition-duration: 200ms;
    z-index: 1
}

.timeline .step-line {
    width: 40px;
    height: 2px;
    margin-top: 31px;
    flex-shrink: 0;
    background-color: RGB(var(--primary-rgb));
    transform: translateX(100%);
    transition-property: transform;
    transition-duration: 200ms
}

@media screen and (max-width:68.74875em) {
    .timeline .step-line {
        transform: translateX(-100%)
    }
}

.show-more-section.hide-content>div {
    -webkit-mask-image: linear-gradient(#000 0, transparent 85%);
    mask-image: linear-gradient(#000 0, transparent 85%);
    max-height: 16.66667rem
}

.show-more-section.hide-content p {
    margin-bottom: 0
}

.show-more-section.hide-content button {
    position: absolute;
    bottom: 4.44444rem;
    margin-top: 0
}

.show-more-section .inner-wrapper .image-slider {
    margin-bottom: 2.22222rem
}

.show-more-section .inner-wrapper>:last-child {
    margin-bottom: 2.22222rem
}

.show-more-section>button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    bottom: auto
}

.show-more-section .slider-wrapper {
    position: relative
}

.show-more-section .swiper-button-next {
    right: calc(-1*max(3vw, 2.14286rem))
}

.show-more-section .swiper-button-prev {
    left: calc(-1*max(3vw, 2.14286rem))
}

.inline-icon-distributor {
    background-color: RGB(var(--primary-rgb));
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    color: #fff
}

.inline-icon-distributor .inner-wrapper>* {
    margin-bottom: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .inline-icon-distributor .inner-wrapper>* {
        margin-bottom: 3.33333rem
    }
}

.inline-icon-distributor .inner-wrapper>:first-child {
    margin-top: 0
}

.inline-icon-distributor .inner-wrapper>:last-child {
    margin-bottom: 0
}

.inline-icon-distributor .icon-link-list-wrapper>p {
    margin-top: 2.22222rem;
    margin-bottom: unset;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center
}

@media print,
screen and (min-width:36.25em) {
    .inline-icon-distributor .icon-link-list-wrapper>p {
        max-width: 80%
    }
}

.inline-icon-distributor .icon-link-list-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: 1.11111rem
}

@media screen and (min-width:68.75em) {
    .inline-icon-distributor .icon-link-list-wrapper ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 15ch), 1fr))
    }

    .inline-icon-distributor .icon-link-list-wrapper ul.three-columns {
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr))
    }
}

.inline-icon-distributor .icon-link-list-wrapper ul>li {
    display: block;
    position: relative;
    list-style: none;
    text-align: center;
    color: #fff
}

@media print,
screen and (min-width:36.25em) {
    .inline-icon-distributor .icon-link-list-wrapper ul>li {
        width: calc(50% - 1.11111rem/2)
    }
}

@media screen and (min-width:68.75em) {
    .inline-icon-distributor .icon-link-list-wrapper ul>li {
        width: unset
    }
}

.inline-icon-distributor .icon-link-list-wrapper ul>li::before {
    content: none
}

.inline-icon-distributor .icon-link-list-wrapper ul>li>* {
    padding: 1.11111rem;
    margin-bottom: 0
}

.inline-icon-distributor .icon-link-list-wrapper ul>li>::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .2);
    z-index: -1
}

.inline-icon-distributor .icon-link-list-wrapper ul>li * {
    margin-top: 0;
    margin-bottom: .55556rem
}

.inline-icon-distributor .icon-link-list-wrapper ul>li :last-child {
    margin-bottom: 0
}

.inline-icon-distributor .icon-link-list-wrapper ul>li img {
    position: static;
    height: 4.16667rem;
    width: 4.16667rem;
    transform: none
}

@media print,
screen and (min-width:50em) {
    .inline-icon-distributor .icon-link-list-wrapper ul>li img {
        height: 5.55556rem;
        width: 5.55556rem
    }
}

.inline-icon-distributor .icon-link-list-wrapper ul>li a {
    display: block;
    color: #fff
}

.inline-icon-distributor .icon-link-list-wrapper ul>li a:hover::after,
.inline-icon-distributor .icon-link-list-wrapper ul>li a:focus::after {
    background-color: rgba(255, 255, 255, .5)
}

.content-section.text-teaser .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.11111rem;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width:68.75em) {
    .content-section.text-teaser .content-wrapper {
        flex-direction: row;
        gap: 3.33333rem
    }
}

.content-section.text-teaser .intro {
    margin: unset
}

@media screen and (min-width:68.75em) {
    .content-section.text-teaser .intro {
        width: 28ch;
        min-width: 28ch
    }
}

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

.text-teaser.transparent-background {
    background-color: transparent
}

.text-teaser .header-h1 {
    color: var(--text-color, RGB(var(--secondary-rgb)))
}

.text-teaser .intro {
    color: var(--text-color, RGB(var(--secondary-rgb)))
}

.icons-n-numbers {
    margin-right: -.41667rem;
    margin-left: -.41667rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 2rem
}

@media print,
screen and (min-width:36.25em) {
    .icons-n-numbers {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

@media print,
screen and (min-width:50em) {
    .icons-n-numbers {
        margin-right: -.55556rem;
        margin-left: -.55556rem
    }
}

.icons-n-numbers li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: .41667rem;
    padding-left: .41667rem;
    padding-top: 1.07143rem;
    padding-bottom: 1.07143rem;
    text-align: center
}

@media print,
screen and (min-width:36.25em) {
    .icons-n-numbers li {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:50em) {
    .icons-n-numbers li {
        padding-top: .83333rem;
        padding-bottom: .83333rem
    }
}

@media screen and (min-width:68.75em) {
    .icons-n-numbers li {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.icons-n-numbers svg {
    display: block;
    width: 100%;
    height: 5.55556rem;
    fill: RGB(var(--secondary-rgb));
    margin-bottom: 1rem
}

.icons-n-numbers strong {
    display: block;
    text-align: center
}

.icon-description {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 2.22222rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 51.11111rem
}

.icon-description .icon {
    height: 5.55556rem;
    width: 5.55556rem;
    max-height: 5.55556rem;
    max-width: 5.55556rem;
    aspect-ratio: 1
}

.icon-description svg {
    display: block;
    fill: RGB(var(--secondary-rgb))
}

.icon-description .description>:last-child {
    margin-bottom: unset
}

.content-section.fullwidth-slider {
    background-color: #000;
    color: #fff;
    overflow: hidden
}

.content-section.fullwidth-slider .feature-label {
    color: RGB(var(--primary-rgb))
}

.content-section.fullwidth-slider a {
    color: #fff
}

.content-section.fullwidth-slider .content>:first-child {
    margin-top: 0
}

.content-section.fullwidth-slider .content .button {
    margin-bottom: 2.77778rem
}

.content-section.fullwidth-slider .content-wrapper .date {
    color: #fff
}

.content-section.fullwidth-slider .content-wrapper .date+* {
    margin-top: 0
}

.content-section.fullwidth-slider .slider-wrapper {
    position: relative
}

@media print,
screen and (min-width:50em) {
    .content-section.fullwidth-slider .slider-wrapper .swiper-navigation {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        right: -1.07143rem;
        width: 4.28571rem;
        height: 4.28571rem;
        border-style: solid;
        border-width: 1px;
        border-color: #fff;
        border-radius: 100%;
        z-index: 30
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-prev,
.content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-next {
    top: 0;
    height: 100%
}

@media print,
screen and (min-width:50em) {

    .content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-prev,
    .content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-next {
        position: relative;
        width: 1.42857rem
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-prev:hover,
.content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-next:hover {
    background-color: transparent
}

.content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-next {
    right: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-next {
        right: 0
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-prev {
    left: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .content-section.fullwidth-slider .slider-wrapper .swiper-navigation .swiper-button-prev {
        left: 0
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-pagination {
    position: absolute;
    right: 1.11111rem;
    bottom: 1.11111rem;
    left: auto;
    width: auto;
    margin: 0;
    font-size: 1.33333rem;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif
}

@media screen and (max-width:36.24875em) {
    .content-section.fullwidth-slider .slider-wrapper .swiper-pagination {
        font-size: 1.14286rem
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-pagination span {
    font-size: 167%
}

.content-section.fullwidth-slider .slider-wrapper .swiper {
    overflow: visible;
    width: 100%
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper {
    width: 100%
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide {
    position: relative;
    height: auto;
    color: #fff;
    transition: .6s opacity
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide.clut-green>*,
.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide .clut-green>* {
    background-color: #93d522
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide.clut-blue>*,
.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide .clut-blue>* {
    background-color: #fee5f3
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide.clut-pink>*,
.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide .clut-pink>* {
    background-color: #ff48a6
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: .6
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide>* {
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 1.71429rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 2.14286rem;
    background-size: cover;
    background-color: inherit;
    border-radius: 4px
}

@media print,
screen and (min-width:50em) {
    .content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide>* {
        padding-top: 2.77778rem;
        padding-right: 3.33333rem;
        padding-bottom: 2.77778rem;
        padding-left: 3.33333rem
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide h3 {
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide p {
    margin-top: 0;
    margin-bottom: 2.77778rem
}

@media print,
screen and (min-width:50em) {
    .content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide p {
        margin-bottom: 4.72222rem
    }
}

.content-section.fullwidth-slider .slider-wrapper .swiper-wrapper .swiper-slide .read-more {
    align-self: flex-start;
    margin-top: auto
}

.content-section.fullwidth-slider.alternate {
    background-color: #222
}

.content-section.fullwidth-slider.alternate .swiper-navigation {
    background-color: RGB(var(--primary-rgb));
    border: 0
}

.content-section.fullwidth-slider.alternate .swiper-slide div[data-interchange] {
    position: absolute;
    inset: 0
}

.content-section.fullwidth-slider.alternate .swiper-slide div[data-interchange]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .95)0, rgba(0, 0, 0, .75) 60%, rgba(0, 0, 0, .2) 90%, rgba(0, 0, 0, .2) 95%, rgba(0, 0, 0, .35) 100%)
}

.content-section.fullwidth-slider.alternate .swiper-slide .content-wrapper {
    position: relative;
    padding-right: calc(3.33333rem*2)
}

@media print,
screen and (min-width:50em) {
    .content-section.fullwidth-slider.alternate .swiper-slide .content-wrapper {
        padding-right: calc(3.33333rem*3)
    }
}

.content-section.fullwidth-slider.alternate .swiper-slide .content-wrapper p {
    margin: 0
}

.content-section.fullwidth-slider.alternate .swiper-slide .content-wrapper p:not(:first-child) {
    margin-top: 1.11111rem
}

.distributor-list-with-background-image.has-background-image {
    color: #fff
}

@media print,
screen and (min-width:50em) {
    .page-header.has-mega-menu.monochrome::before {
        pointer-events: none;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 25%;
        background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .989) .8%, rgba(0, 0, 0, .957) 3%, rgba(0, 0, 0, .908) 6.5%, rgba(0, 0, 0, .845) 11.1%, rgba(0, 0, 0, .77) 16.8%, rgba(0, 0, 0, .685) 23.4%, rgba(0, 0, 0, .595) 30.7%, rgba(0, 0, 0, .502) 38.7%, rgba(0, 0, 0, .408) 47.1%, rgba(0, 0, 0, .317) 55.9%, rgba(0, 0, 0, .231) 64.8%, rgba(0, 0, 0, .154) 73.9%, rgba(0, 0, 0, .088) 82.8%, rgba(0, 0, 0, .035) 91.6%, transparent 100%)
    }
}

@media print,
screen and (min-width:50em) {
    .page-header.has-mega-menu.monochrome.stage .background-image::after {
        pointer-events: none;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 25%;
        background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .989) .8%, rgba(0, 0, 0, .957) 3%, rgba(0, 0, 0, .908) 6.5%, rgba(0, 0, 0, .845) 11.1%, rgba(0, 0, 0, .77) 16.8%, rgba(0, 0, 0, .685) 23.4%, rgba(0, 0, 0, .595) 30.7%, rgba(0, 0, 0, .502) 38.7%, rgba(0, 0, 0, .408) 47.1%, rgba(0, 0, 0, .317) 55.9%, rgba(0, 0, 0, .231) 64.8%, rgba(0, 0, 0, .154) 73.9%, rgba(0, 0, 0, .088) 82.8%, rgba(0, 0, 0, .035) 91.6%, transparent 100%)
    }
}

.mega-menu-main-bg {
    z-index: 6;
    display: none
}

.mega-menu {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 7
}

.menu-open .mega-menu .nav-top {
    --top-menu-color: rgba(34, 34, 34, 0.65);
    --top-menu-color-current: #222222;
    --top-menu-color-active: #222222
}

.menu-open .mega-menu .logo svg path {
    fill: #222
}

.mega-menu .logo {
    float: none;
    margin-right: 0;
    margin-bottom: 1.66667rem
}

.mega-menu .logo svg path {
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease
}

.mega-menu .header-h2 {
    margin-top: 0;
    margin-bottom: 0
}

.mega-menu .header-h4 {
    margin-top: 0
}

.mega-menu .dropdown-wrapper {
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 5vh;
    padding-top: 8.33333rem;
    background-color: #f5f5f5;
    background-image: url(mega-menu.37842da0.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    z-index: -1
}

.mega-menu .dropdown {
    overflow: hidden;
    position: relative;
    height: 100%;
    max-width: 65.55556rem;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px)
}

.mega-menu .dropdown a {
    color: #222;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.mega-menu .dropdown a:hover,
.mega-menu .dropdown a:focus {
    color: RGB(var(--primary-rgb))
}

.mega-menu .dropdown a:hover .background-image,
.mega-menu .dropdown a:focus .background-image {
    filter: none
}

.mega-menu .close {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #222;
    background-color: transparent;
    z-index: 2
}

.mega-menu .close:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.66667rem;
    font-family: "BPC Icons"
}

.mega-menu .close .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.66667rem;
    font-family: "BPC Icons"
}

.mega-menu .close:hover,
.mega-menu .close:focus {
    background-color: transparent
}

.mega-menu .has-sub-nav.current .dropdown-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.mega-menu .has-sub-nav.current .dropdown-wrapper .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-property: transform, opacity, visibility;
    transition-duration: 200ms;
    transition-delay: 250ms;
    transition-timing-function: ease-out
}

.mega-menu .has-sub-nav.current .dropdown-wrapper .dropdown.closing {
    opacity: 0;
    visibility: hidden;
    transition: none
}

.mega-menu .title {
    padding-top: 0;
    padding-bottom: 1rem;
    font-size: 1.33333rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #313131
}

.mega-menu .title>a {
    position: relative;
    display: block;
    padding-right: 1.66667rem
}

.mega-menu .title>a:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    right: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.mega-menu .title>a::after {
    font-weight: 400
}

.mega-menu .background-image {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    filter: grayscale(100%);
    transition-property: filter;
    transition-duration: .3s;
    transition-timing-function: ease
}

.mega-menu .background-image>div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.mega-menu .navigation-container {
    scrollbar-width: thin;
    scrollbar-color: #e8e8e8 transparent;
    height: 100%;
    width: 500px;
    padding-right: 3.33333rem;
    padding-left: 3.33333rem;
    overflow-x: hidden;
    overflow-y: scroll
}

.mega-menu .navigation-container::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background: 0 0
}

.mega-menu .navigation-container::-webkit-scrollbar {
    width: 6px;
    background: 0 0
}

.mega-menu .navigation-container::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    background: #e8e8e8
}

.mega-menu .sub-nav a,
.mega-menu .teaser a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

.mega-menu .sub-nav .summary,
.mega-menu .teaser .summary {
    display: grid;
    gap: 1.11111rem;
    grid-template-columns: repeat(2, 1fr)
}

.mega-menu .sub-nav .summary .text,
.mega-menu .teaser .summary .text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .88889rem;
    color: #222
}

.mega-menu .sub-nav>li:last-child>a,
.mega-menu .teaser>li:last-child>a {
    border-bottom: none
}

.mega-menu .sub-nav>li>a,
.mega-menu .teaser>li>a {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e8e8e8
}

.mega-menu .sub-nav {
    padding-bottom: .77778rem
}

.mega-menu .sub-nav>li.has-third-level>a {
    padding-right: 1.66667rem
}

.mega-menu .sub-nav>li.has-third-level>a:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    right: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.mega-menu .sub-nav .current>a {
    color: RGB(var(--primary-rgb))
}

.mega-menu .sub-nav .current .third-level {
    opacity: 1;
    pointer-events: auto;
    z-index: 1
}

.mega-menu .sub-nav .third-level {
    scrollbar-width: thin;
    scrollbar-color: #e8e8e8 transparent;
    display: grid;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    overflow-x: hidden;
    overflow-y: auto;
    gap: 1.11111rem;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    position: absolute;
    top: 0;
    left: 500px;
    right: 0;
    bottom: 0;
    padding-top: 3.33333rem;
    padding-right: 3.33333rem;
    padding-bottom: 3.33333rem;
    padding-left: 3.33333rem;
    background-color: #fff;
    pointer-events: none
}

.mega-menu .sub-nav .third-level::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background: 0 0
}

.mega-menu .sub-nav .third-level::-webkit-scrollbar {
    width: 6px;
    background: 0 0
}

.mega-menu .sub-nav .third-level::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    background: #e8e8e8
}

.mega-menu .sub-nav .third-level li:first-child {
    grid-column: 1/3
}

.mega-menu .sub-nav .third-level li:not(:first-child) a {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 1.11111rem;
    padding-right: 1.11111rem;
    background-color: #f5f5f5
}

.mega-menu .sub-nav .third-level li.active>a {
    color: RGB(var(--primary-rgb))
}

.mega-menu .sub-nav .summary {
    padding-top: 0;
    padding-bottom: 0
}

.mega-menu .teaser {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #313131
}

.mega-menu .teaser .summary>div:first-child {
    display: flex;
    align-items: center
}

.mega-menu .teaser .summary .text {
    grid-column: 1/3;
    margin-bottom: 0;
    -webkit-line-clamp: 2
}

.mega-menu .teaser .background-image {
    order: -1
}

.mega-menu .nav-top {
    float: none;
    clear: left
}

.mega-menu .nav-top>ul {
    position: relative;
    flex-wrap: wrap
}

.mega-menu .nav-top>ul>li.active>a {
    color: var(--top-menu-color);
    border-bottom-color: var(--top-menu-color)
}

.mega-menu .nav-top>ul>li.active>a:hover {
    color: var(--top-menu-color-current);
    border-bottom-color: var(--top-menu-color-current)
}

.mega-menu .nav-top>ul>li.current>a {
    border-bottom-color: var(--top-menu-color-current)
}

@media screen and (min-width:68.75em) {
    .mega-menu {
        display: block
    }

    .mega-menu-main-bg {
        display: block
    }
}

.content-section.insight-overview {
    color: #fff;
    padding: 0
}

.content-section.insight-overview .inner-wrapper {
    min-height: auto
}

.content-section.insight-overview .insight-overview-container {
    display: flex;
    flex-flow: row wrap;
    margin-right: -2.5rem;
    margin-left: -2.5rem
}

.content-section.insight-overview .insight-overview-container>div {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: calc(100% - 5rem);
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

@media screen and (min-width:68.75em) {
    .content-section.insight-overview .insight-overview-container .title-container {
        width: calc(40% - 5rem);
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }
}

.content-section.insight-overview .insight-overview-container .title-container.full-width {
    width: calc(100% - 5rem);
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

.content-section.insight-overview .insight-overview-container .title-container.full-width .title {
    margin-bottom: 0
}

.content-section.insight-overview .insight-overview-container .title-container .title {
    word-break: break-word;
    margin-bottom: 2rem
}

@media screen and (min-width:68.75em) {
    .content-section.insight-overview .insight-overview-container .content-container {
        width: calc(60% - 5rem);
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }
}

.content-section.insight-overview .insight-overview-container .content-container>* {
    margin-bottom: 90
}

.content-section.insight-overview .insight-overview-container .content-container>:last-child {
    margin-bottom: 0
}

.content-section.insight-overview .insight-overview-container .content-container li:not(:last-child) {
    margin-bottom: 2rem
}

.highlights {
    background-color: #fff
}

.highlights .headline {
    color: RGB(var(--secondary-rgb))
}

@supports (-webkit-background-clip:text) {
    .highlights .headline {
        background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block
    }
}

.highlights .grid-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-left: -.83333rem;
    margin-right: -.83333rem;
    margin-bottom: -.83333rem;
    margin-top: -.83333rem
}

.highlights .item {
    width: calc(100% - 1.66667rem);
    margin-left: .83333rem;
    margin-right: .83333rem;
    margin-bottom: .83333rem;
    margin-top: .83333rem;
    position: relative;
    padding-left: 1.11111rem;
    font-size: 1.33333rem
}

@media print,
screen and (min-width:36.25em) {
    .highlights .item {
        width: calc(50% - 1.66667rem);
        margin-left: .83333rem;
        margin-right: .83333rem;
        margin-bottom: .83333rem;
        margin-top: .83333rem
    }
}

.highlights .item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: .16667rem;
    height: 100%;
    background-color: RGB(var(--secondary-rgb));
    background-image: linear-gradient(180deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%)
}

.highlights+.additional-content {
    padding: 2.85714rem 0
}

@media print,
screen and (min-width:50em) {
    .highlights+.additional-content {
        padding: 4.44444rem 0
    }
}

.content-section.articles-overview {
    background-color: #000;
    color: #fff
}

.content-section.articles-overview .item {
    position: relative;
    display: block;
    height: 100%
}

.content-section.articles-overview .item:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 1.11111rem;
    right: 2.77778rem
}

.content-section.articles-overview .item::before {
    width: 2.22222rem;
    height: 2.22222rem;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: opacity .2s, visibility .2s, right .2s
}

[data-whatinput=touch] .content-section.articles-overview .item.is-animated::before,
.content-section.articles-overview .item.is-animated:hover::before,
.content-section.articles-overview .item.is-animated:focus::before {
    right: 1.11111rem;
    visibility: visible;
    opacity: 1
}

.content-section.articles-overview .feature-label {
    color: RGB(var(--primary-rgb));
    margin-top: 0
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .feature-label {
        margin-top: 5.55556rem
    }
}

.content-section.articles-overview .inner-wrapper {
    display: flex;
    flex-flow: row wrap;
    overflow: hidden
}

@media screen and (max-width:68.74875em) {
    .content-section.articles-overview .inner-wrapper {
        flex-direction: column
    }
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .inner-wrapper .content {
        width: 45%;
        padding-right: 4rem
    }
}

.content-section.articles-overview .inner-wrapper .content ul {
    display: flex;
    flex-flow: row wrap;
    margin-right: -.83333rem;
    margin-left: -.83333rem
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .inner-wrapper .content ul {
        max-width: 15.55556rem
    }
}

.content-section.articles-overview .inner-wrapper .content ul li {
    width: calc(100% - 1.66667rem);
    margin-right: .83333rem;
    margin-left: .83333rem;
    margin-bottom: .83333rem
}

@media print,
screen and (min-width:36.25em) {
    .content-section.articles-overview .inner-wrapper .content ul li {
        width: calc(33.3% - 1.66667rem)
    }
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .inner-wrapper .content ul li {
        width: calc(100% - 1.66667rem)
    }
}

.content-section.articles-overview .inner-wrapper .content ul li::before {
    content: none
}

.content-section.articles-overview .inner-wrapper .content ul li a {
    position: relative;
    display: block;
    padding-right: 2.22222rem;
    padding-bottom: .27778rem;
    color: #fff;
    text-shadow: none;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, RGB(var(--primary-rgb)), RGB(var(--primary-rgb)));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: color .5s ease, background-size .5s ease
}

.content-section.articles-overview .inner-wrapper .content ul li a:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.content-section.articles-overview .inner-wrapper .content ul li a span {
    display: block;
    background-image: linear-gradient(to right, RGB(var(--primary-rgb)), RGB(var(--primary-rgb)) 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position .5s ease
}

.content-section.articles-overview .inner-wrapper .content ul li a::after {
    transition: color .2s ease
}

.content-section.articles-overview .inner-wrapper .content ul li a:hover,
.content-section.articles-overview .inner-wrapper .content ul li a:focus {
    color: RGB(var(--primary-rgb));
    background-size: 0 1px, 100% 1px
}

.content-section.articles-overview .inner-wrapper .content ul li a:hover::after,
.content-section.articles-overview .inner-wrapper .content ul li a:focus::after {
    color: RGB(var(--primary-rgb))
}

.content-section.articles-overview .inner-wrapper .content ul li a:hover span,
.content-section.articles-overview .inner-wrapper .content ul li a:focus span {
    background-position: 0 100%
}

.is-ie .content-section.articles-overview .inner-wrapper .content ul li a span {
    background-image: none
}

.content-section.articles-overview .inner-wrapper .overview-grid {
    width: 100%;
    position: relative;
    overflow: visible
}

@media screen and (max-width:36.24875em) {
    .content-section.articles-overview .inner-wrapper .overview-grid {
        display: none
    }
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .inner-wrapper .overview-grid {
        width: 55%
    }
}

@media print,
screen and (min-width:36.25em) {
    .content-section.articles-overview .inner-wrapper .overview-grid .grid-wrapper {
        display: flex;
        flex-flow: row wrap;
        margin-left: -1.11111rem;
        margin-right: -1.11111rem;
        margin-bottom: -1.11111rem;
        margin-top: -1.11111rem
    }
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .inner-wrapper .overview-grid .grid-wrapper {
        height: 54.44444rem;
        flex-direction: column
    }
}

.content-section.articles-overview .inner-wrapper .overview-grid .item {
    width: calc(50% - 2.22222rem);
    margin-left: 1.11111rem;
    margin-right: 1.11111rem;
    margin-bottom: 1.11111rem;
    margin-top: 1.11111rem;
    position: relative;
    height: 15rem;
    color: #fff
}

@media screen and (max-width:36.24875em) {
    .content-section.articles-overview .inner-wrapper .overview-grid .item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0
    }
}

.content-section.articles-overview .inner-wrapper .overview-grid .item:first-child:not(.insights),
.content-section.articles-overview .inner-wrapper .overview-grid .item.insights {
    height: 15rem
}

@media screen and (min-width:68.75em) {

    .content-section.articles-overview .inner-wrapper .overview-grid .item:first-child:not(.insights),
    .content-section.articles-overview .inner-wrapper .overview-grid .item.insights {
        height: 17.77778rem;
        width: calc(50% + 2.22222rem/2);
        margin-top: 11.11111rem;
        margin-left: -2.22222rem
    }
}

.content-section.articles-overview .inner-wrapper .overview-grid .item.events-videos-talks:not(.has-background) .background-container {
    background-color: #fee5f3;
    background-image: none
}

.content-section.articles-overview .inner-wrapper .overview-grid .item.pressreleases-mediareports-news {
    height: 15rem
}

.content-section.articles-overview .inner-wrapper .overview-grid .item.pressreleases-mediareports-news .background-container {
    background-image: none;
    background-color: #313131
}

.content-section.articles-overview .inner-wrapper .overview-grid .item.pressreleases-mediareports-news .background-container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3)
}

@media screen and (min-width:68.75em) {
    .content-section.articles-overview .inner-wrapper .overview-grid .item.pressreleases-mediareports-news {
        height: 17.77778rem
    }
}

@media screen and (min-width:80em) {
    .content-section.articles-overview .inner-wrapper .overview-grid .item.pressreleases-mediareports-news {
        width: calc(50% + 2.22222rem/2);
        margin-right: -2.22222rem
    }
}

.content-section.articles-overview .inner-wrapper .overview-grid .item>* {
    margin: 0
}

.content-section.articles-overview .inner-wrapper .overview-grid .item .background-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    padding-left: 2.22222rem;
    padding-top: 2.22222rem;
    padding-bottom: 1.66667rem;
    padding-right: 2.22222rem;
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 4px
}

.content-section.articles-overview .inner-wrapper .overview-grid .item .content-type {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: .83333rem;
    display: none;
    z-index: 1
}

.content-section.articles-overview .inner-wrapper .overview-grid .item .content-type.visible {
    display: block
}

.content-section.articles-overview .inner-wrapper .overview-grid .item h3 {
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 0;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1rem;
    z-index: 1
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper {
    width: 100%;
    position: relative
}

@media print,
screen and (min-width:36.25em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper {
        display: none
    }
}

@media print,
screen and (min-width:50em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        right: -1.07143rem;
        width: 4.28571rem;
        height: 4.28571rem;
        border-style: solid;
        border-width: 1px;
        border-color: #fff;
        border-radius: 100%;
        z-index: 30
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-prev,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-next {
    top: 0;
    height: 100%
}

@media print,
screen and (min-width:50em) {

    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-prev,
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-next {
        position: relative;
        width: 1.42857rem
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-prev:hover,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-next:hover {
    background-color: transparent
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-next {
    right: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-next {
        right: 0
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-prev {
    left: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-navigation .swiper-button-prev {
        left: 0
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-pagination {
    position: absolute;
    right: 1.11111rem;
    bottom: 1.11111rem;
    left: auto;
    width: auto;
    margin: 0;
    font-size: 1.33333rem;
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif
}

@media screen and (max-width:36.24875em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-pagination {
        font-size: 1.14286rem
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-pagination span {
    font-size: 167%
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper {
    overflow: visible;
    width: 100%
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper {
    width: 100%
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide {
    position: relative;
    height: auto;
    color: #fff;
    transition: .6s opacity
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide.clut-green>*,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide .clut-green>* {
    background-color: #93d522
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide.clut-blue>*,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide .clut-blue>* {
    background-color: #fee5f3
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide.clut-pink>*,
.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide .clut-pink>* {
    background-color: #ff48a6
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: .6
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide>* {
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 1.71429rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 2.14286rem;
    background-size: cover;
    background-color: inherit;
    border-radius: 4px
}

@media print,
screen and (min-width:50em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide>* {
        padding-top: 2.77778rem;
        padding-right: 3.33333rem;
        padding-bottom: 2.77778rem;
        padding-left: 3.33333rem
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide h3 {
    font-family: "BearingPointSans", "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide p {
    margin-top: 0;
    margin-bottom: 2.77778rem
}

@media print,
screen and (min-width:50em) {
    .content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide p {
        margin-bottom: 4.72222rem
    }
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-wrapper .swiper-slide .read-more {
    align-self: flex-start;
    margin-top: auto
}

.content-section.articles-overview .inner-wrapper .articles-overview-slider-wrapper .swiper-slide .background-container {
    padding-bottom: 3.42857rem
}

@media print,
screen and (min-width:50em) {
    .cke-content.two-columns .inner-wrapper {
        column-width: calc(50vw - 4.16667rem);
        column-gap: 1.66667rem
    }
}

@media screen and (min-width:1180px) {
    .cke-content.two-columns .inner-wrapper {
        column-width: 28.61111rem
    }
}

.cke-content :where(h2, h3, h4, h5, h6):first-child {
    margin-top: 0
}

.tabs {
    text-align: center;
    padding-top: 2.77778rem;
    padding-bottom: 2.77778rem
}

.tabs .tabs-title {
    float: none;
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px;
    font-weight: 700;
    background-color: #222
}

.tabs .tabs-title>a {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    transition: all .3s ease;
    color: #fff
}

.tabs .tabs-title>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.tabs .tabs-title>a:hover::after,
.tabs .tabs-title>a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.tabs .tabs-title>a.disabled::after,
.tabs .tabs-title>a.disabled:hover::after,
.tabs .tabs-title>a.disabled:focus::after,
.tabs .tabs-title>a[disabled]::after,
.tabs .tabs-title>a[disabled]:hover::after,
.tabs .tabs-title>a[disabled]:focus::after {
    display: none
}

.tabs .tabs-title>a:focus {
    color: #313131
}

.tabs .tabs-title.is-active {
    pointer-events: none;
    background-color: #fff
}

.tabs .tabs-title.is-active>a {
    color: #313131
}

@media screen and (min-width:68.75em) {
    .tabs .tabs-title:first-child {
        overflow: hidden;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .tabs .tabs-title:last-child {
        overflow: hidden;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

#day-tabs .tabs-title {
    color: #222;
    border-radius: 4px;
    position: relative
}

#day-tabs .tabs-title::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

#day-tabs .tabs-title:hover::after,
#day-tabs .tabs-title:focus::after,
#day-tabs .tabs-title:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

#day-tabs .tabs-title:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

#day-tabs .tabs-title:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.location-items .panel h2 {
    margin: 0 0 1.66667rem 0
}

.location-items .panel .info {
    margin-bottom: 1.77778rem
}

@media print,
screen and (min-width:36.25em) {
    .location-items .panel .info {
        width: 40%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:36.25em) {
    .location-items .panel .info {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:36.25em) {

    .location-items .panel .info,
    .location-items .panel .info:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

@media print,
screen and (min-width:36.25em) {
    .location-items .panel .detail {
        width: 60%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:36.25em) {
    .location-items .panel .detail {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:36.25em) {

    .location-items .panel .detail,
    .location-items .panel .detail:last-child:not(:first-child) {
        float: left;
        clear: none
    }
}

.location-items .panel .address-block .phone,
.location-items .panel .address-block .fax {
    display: block
}

@media print,
screen and (min-width:36.25em) {

    .location-items .panel .address-block .phone,
    .location-items .panel .address-block .fax {
        display: inline-block
    }
}

.location-items .panel .address-block .fax::before {
    display: none
}

@media print,
screen and (min-width:36.25em) {
    .location-items .panel .address-block .fax::before {
        display: inline-block
    }
}

.location-items .panel .address,
.location-items .panel .next-appointment {
    display: block
}

.location-items .panel .date {
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem
}

.partner-logo {
    display: block;
    margin-bottom: 1rem
}

.content-section.contact-personal-and-address .headline {
    margin-bottom: 1.33333rem
}

.content-section.contact-personal-and-address .container {
    display: flex;
    flex-flow: row wrap;
    margin-right: -.83333rem;
    margin-left: -.83333rem;
    flex-direction: column
}

@media print,
screen and (min-width:36.25em) {
    .content-section.contact-personal-and-address .container {
        flex-direction: row
    }
}

@media print,
screen and (min-width:36.25em) {

    .content-section.contact-personal-and-address .profile-wrapper,
    .content-section.contact-personal-and-address .address-wrapper {
        width: calc(50% - 1.66667rem);
        margin-right: .83333rem;
        margin-left: .83333rem
    }
}

.content-section.contact-personal-and-address .profile-wrapper {
    display: flex;
    flex-direction: column
}

@media print,
screen and (min-width:36.25em) {
    .content-section.contact-personal-and-address .profile-wrapper {
        flex-direction: row
    }
}

@media print,
screen and (min-width:50em) {
    .content-section.contact-personal-and-address .profile-wrapper {
        width: calc(45% - 1.66667rem);
        margin-right: .83333rem;
        margin-left: .83333rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .content-section.contact-personal-and-address .profile-image+.contact-data {
        padding-left: 3rem
    }
}

.content-section.contact-personal-and-address .profile-image img {
    min-width: 8.33333rem
}

.content-section.contact-personal-and-address .contact-data {
    margin-top: .83333rem;
    padding-left: 1.33333rem
}

@media print,
screen and (min-width:36.25em) {
    .content-section.contact-personal-and-address .contact-data {
        margin-top: 0
    }
}

.content-section.contact-personal-and-address .address-wrapper {
    margin-top: .83333rem;
    padding-left: 1.33333rem
}

@media print,
screen and (min-width:36.25em) {
    .content-section.contact-personal-and-address .address-wrapper {
        margin-top: 0;
        padding-left: 4.44444rem
    }
}

@media print,
screen and (min-width:50em) {
    .content-section.contact-personal-and-address .address-wrapper {
        width: calc(55% - 1.66667rem);
        margin-right: .83333rem;
        margin-left: .83333rem
    }
}

@media screen and (min-width:80em) {
    .content-section.contact-personal-and-address .address-wrapper {
        padding-left: 0
    }
}

.content-section.contact-personal-and-address .position {
    color: rgba(49, 49, 49, .6)
}

.content-section.contact-personal-and-address .address,
.content-section.contact-personal-and-address .contact-name {
    font-weight: 700;
    margin-bottom: .33333rem
}

.benefits-with-icons-and-video {
    color: #fff;
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%)
}

.benefits-with-icons-and-video .main-wrapper .video-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 2.22222rem
}

@media print,
screen and (min-width:50em) {
    .benefits-with-icons-and-video .main-wrapper .video-wrapper {
        margin-top: 4.44444rem
    }
}

.benefits-with-icons-and-video .main-wrapper .video-wrapper::before {
    content: none
}

.benefits-with-icons-and-video .main-wrapper .video-wrapper+* {
    margin-top: 2.22222rem
}

@media print,
screen and (min-width:50em) {
    .benefits-with-icons-and-video .main-wrapper .video-wrapper+* {
        margin-top: 4.44444rem
    }
}

.benefits-with-icons-and-video ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    margin-top: -1.11111rem;
    margin-bottom: -1.11111rem;
    margin-left: -1.11111rem;
    margin-right: -1.11111rem
}

.benefits-with-icons-and-video ul li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.benefits-with-icons-and-video ul li::before {
    display: none
}

.benefits-with-icons-and-video ul li {
    overflow: hidden;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: calc(100% - 2.22222rem);
    margin-top: 1.11111rem;
    margin-bottom: 1.11111rem;
    margin-left: 1.11111rem;
    margin-right: 1.11111rem
}

@media print,
screen and (min-width:50em) {
    .benefits-with-icons-and-video ul li {
        width: calc(50% - 2.22222rem)
    }
}

.benefits-with-icons-and-video ul li:nth-child(odd) .container {
    transform: translateX(100%)
}

.benefits-with-icons-and-video ul li:nth-child(even) .container {
    transform: translateX(-100%)
}

.benefits-with-icons-and-video ul li.animate .container,
.benefits-with-icons-and-video ul li.animate+li .container {
    transform: translateX(0)
}

.benefits-with-icons-and-video ul li.animate .container .icon,
.benefits-with-icons-and-video ul li.animate+li .container .icon {
    opacity: 1;
    visibility: visible
}

.benefits-with-icons-and-video ul .container {
    display: flex;
    word-break: break-word;
    transition: transform .5s ease-out
}

.benefits-with-icons-and-video ul .icon {
    margin-right: 1.33333rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-in .5s, visibility .5s ease-in .5s
}

.benefits-with-icons-and-video .header-h1 {
    color: #fff
}

.benefits-with-icons-and-video .headline {
    font-size: 1.33333rem;
    font-weight: 700;
    align-self: center;
    color: #fff
}

.benefits-with-icons-and-video .headline:first-child {
    margin-bottom: 1.66667rem
}

.benefits-with-icons-and-video .icon {
    width: 3.88889rem;
    min-width: 3.88889rem;
    min-height: 3.88889rem
}

@media print,
screen and (min-width:50em) {
    .benefits-with-icons-and-video .icon {
        width: 5.55556rem;
        min-width: 5.55556rem;
        min-height: 3.88889rem
    }
}

nav.nav-top>ul.dropdown>li:last-child>a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    margin-top: -.5rem;
    margin-left: .83333rem;
    margin-right: .83333rem
}

[data-whatinput=mouse] nav.nav-top>ul.dropdown>li:last-child>a {
    outline: 0
}

nav.nav-top>ul.dropdown>li:last-child>a:hover,
nav.nav-top>ul.dropdown>li:last-child>a:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

nav.nav-top>ul.dropdown>li:last-child>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

nav.nav-top>ul.dropdown>li:last-child>a:hover::after,
nav.nav-top>ul.dropdown>li:last-child>a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

nav.nav-top>ul.dropdown>li:last-child>a.disabled::after,
nav.nav-top>ul.dropdown>li:last-child>a.disabled:hover::after,
nav.nav-top>ul.dropdown>li:last-child>a.disabled:focus::after,
nav.nav-top>ul.dropdown>li:last-child>a[disabled]::after,
nav.nav-top>ul.dropdown>li:last-child>a[disabled]:hover::after,
nav.nav-top>ul.dropdown>li:last-child>a[disabled]:focus::after {
    display: none
}

nav.nav-top>ul.dropdown>li:last-child>a.disabled,
nav.nav-top>ul.dropdown>li:last-child>a[disabled] {
    opacity: .25;
    cursor: not-allowed
}

nav.nav-top>ul.dropdown>li:last-child>a.disabled,
nav.nav-top>ul.dropdown>li:last-child>a.disabled:hover,
nav.nav-top>ul.dropdown>li:last-child>a.disabled:focus,
nav.nav-top>ul.dropdown>li:last-child>a[disabled],
nav.nav-top>ul.dropdown>li:last-child>a[disabled]:hover,
nav.nav-top>ul.dropdown>li:last-child>a[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

nav.nav-top>ul.dropdown>li:last-child.active>a {
    background-color: RGB(var(--secondary-rgb));
    pointer-events: none
}

@media screen and (min-width:68.75em) {
    .nav-opener {
        display: none
    }

    .nav-opener+.nav-main .nav-menu>ul {
        min-height: 0 !important
    }
}

.nav-top {
    display: none
}

@media screen and (min-width:68.75em) {
    .nav-top {
        display: block
    }
}

.nav-top .dropdown.menu.hypercube>li {
    color: red
}

.nav-top .dropdown.menu.hypercube>li ul {
    display: none
}

[data-whatintent=touch] .em-dropdown-menu-widget .nav-top {
    display: none
}

[data-whatintent=touch] .em-dropdown-menu-widget .nav-opener {
    display: block
}

body:not([class*=cke]) {
    background-color: #222
}

.section-wrapper,
.logos-list-footer {
    background-color: #f5f5f5
}

.call-us-button-container .call-us-button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    position: fixed;
    top: 3.33333rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.22222rem;
    transition: background-color .25s ease-out, color .25s ease-out, opacity .25s ease-out;
    z-index: 13;
    display: none
}

[data-whatinput=mouse] .call-us-button-container .call-us-button {
    outline: 0
}

.call-us-button-container .call-us-button:hover,
.call-us-button-container .call-us-button:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

.call-us-button-container .call-us-button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.call-us-button-container .call-us-button:hover::after,
.call-us-button-container .call-us-button:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.call-us-button-container .call-us-button.disabled::after,
.call-us-button-container .call-us-button.disabled:hover::after,
.call-us-button-container .call-us-button.disabled:focus::after,
.call-us-button-container .call-us-button[disabled]::after,
.call-us-button-container .call-us-button[disabled]:hover::after,
.call-us-button-container .call-us-button[disabled]:focus::after {
    display: none
}

.call-us-button-container .call-us-button.disabled,
.call-us-button-container .call-us-button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.call-us-button-container .call-us-button.disabled,
.call-us-button-container .call-us-button.disabled:hover,
.call-us-button-container .call-us-button.disabled:focus,
.call-us-button-container .call-us-button[disabled],
.call-us-button-container .call-us-button[disabled]:hover,
.call-us-button-container .call-us-button[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

.call-us-button-container .call-us-button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    left: .55556rem;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:50em) {
    .call-us-button-container .call-us-button {
        top: 1.44444rem;
        height: 2.22222rem;
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

@media screen and (min-width:90em) {
    .call-us-button-container .call-us-button {
        height: 2.38889rem
    }
}

.call-us-button-container .call-us-button.visible {
    display: block
}

.call-us-button-container .call-us-button.hide-text {
    padding-left: 1rem;
    font-size: 0;
    border-radius: 100%
}

.call-us-button-container .call-us-button.hide-text:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    left: .55556rem;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.call-us-button-container .call-us-button.activated {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: transparent;
    font-size: 0;
    color: #fff;
    font-size: 0;
    overflow: hidden;
    z-index: 21;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    right: 0;
    background-color: #222;
    transition: none;
    transform: none;
    position: fixed;
    padding: 0;
    right: 0;
    bottom: auto;
    left: auto;
    top: 0;
    border-radius: 0
}

.call-us-button-container .call-us-button.activated::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.call-us-button-container .call-us-button.activated:hover::after,
.call-us-button-container .call-us-button.activated:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.call-us-button-container .call-us-button.activated.disabled::after,
.call-us-button-container .call-us-button.activated.disabled:hover::after,
.call-us-button-container .call-us-button.activated.disabled:focus::after,
.call-us-button-container .call-us-button.activated[disabled]::after,
.call-us-button-container .call-us-button.activated[disabled]:hover::after,
.call-us-button-container .call-us-button.activated[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .call-us-button-container .call-us-button.activated {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .call-us-button-container .call-us-button.activated {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .call-us-button-container .call-us-button.activated {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .call-us-button-container .call-us-button.activated {
        width: 60px
    }
}

.call-us-button-container .call-us-button.activated:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .call-us-button-container .call-us-button.activated:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .call-us-button-container .call-us-button.activated:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.call-us-button-container .call-us-button.activated::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.call-us-button-container .call-us-button.activated:hover,
.call-us-button-container .call-us-button.activated:focus {
    color: #fff
}

.call-us-button-container .call-us-button.activated:hover::before,
.call-us-button-container .call-us-button.activated:focus::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.call-us-button-container .call-us-button.activated:hover .icon-shadow,
.call-us-button-container .call-us-button.activated:focus .icon-shadow {
    transition: none;
    color: RGB(var(--primary-rgb))
}

.call-us-button-container .call-us-button.activated:hover .icon-shadow::before,
.call-us-button-container .call-us-button.activated:focus .icon-shadow::before {
    transition: clip .25s ease-out .1s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.call-us-button-container .call-us-button.activated .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.call-us-button-container .call-us-button.activated .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .call-us-button-container .call-us-button.activated .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .call-us-button-container .call-us-button.activated .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.call-us-button-container .call-us-button.activated .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.call-us-button-container .call-us-button.activated[disabled]:hover::before,
.call-us-button-container .call-us-button.activated[disabled]:focus::before,
.call-us-button-container .call-us-button.activated.disabled:hover::before,
.call-us-button-container .call-us-button.activated.disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.call-us-button-container .call-us-button.activated[disabled]:hover .icon-shadow,
.call-us-button-container .call-us-button.activated[disabled]:focus .icon-shadow,
.call-us-button-container .call-us-button.activated.disabled:hover .icon-shadow,
.call-us-button-container .call-us-button.activated.disabled:focus .icon-shadow {
    color: #fff
}

.call-us-button-container .call-us-button.activated[disabled]:hover .icon-shadow::before,
.call-us-button-container .call-us-button.activated[disabled]:focus .icon-shadow::before,
.call-us-button-container .call-us-button.activated.disabled:hover .icon-shadow::before,
.call-us-button-container .call-us-button.activated.disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.call-us-button-container .call-us-button.activated::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

.call-us-button-container .call-us-button.activated .icon-shadow::before {
    transform: translate(-50%, -50%) rotate(45deg) !important
}

.call-us-button-container .call-us-button.activated:hover,
.call-us-button-container .call-us-button.activated:focus {
    background-color: #222
}

@media screen and (max-width:89.99875em) {
    .call-us-button-container .call-us-button.has-active-language-switch {
        top: 2.77778rem
    }
}

@media screen and (max-width:49.99875em) {
    .call-us-button-container .call-us-button.has-active-language-switch {
        top: 3.33333rem
    }
}

.call-us-button-container .call-us-button .icon-shadow {
    font-size: 0
}

.call-us-form .contact-container {
    position: relative
}

.call-us-form .contact-container .headline {
    position: relative;
    padding-left: 3.05556rem;
    padding-top: .33333rem;
    padding-bottom: .33333rem
}

.call-us-form .contact-container .headline.telephone:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.call-us-form .contact-container .headline.telephone::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

.call-us-form .contact-container.call-us-container {
    margin-bottom: 1.66667rem
}

.call-us-form .contact-container.call-us-container .headline {
    margin-bottom: .55556rem
}

.call-us-form .contact-container.call-us-container .headline.telephone:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.call-us-form .contact-container.call-us-container .headline.telephone::before {
    display: flex
}

.nav-top ul>li a {
    display: inline
}

.mega-menu .nav-top ul>li a {
    display: block
}

.nav-top .dropdown.menu>li {
    position: relative;
    cursor: pointer
}

.nav-top .dropdown.menu>li .submenu {
    left: .41667rem;
    margin-left: 0;
    margin-top: .22222rem
}

.nav-top .dropdown.menu>li .submenu.is-dropdown-submenu .arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    position: absolute;
    top: -.88889rem;
    border-width: .44444rem;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.nav-top .dropdown.menu>li .submenu>li>a {
    display: block;
    color: #222;
    margin-left: .41667rem;
    margin-right: .41667rem;
    border-bottom: 1px solid RGB(var(--primary-rgb))
}

.nav-top .dropdown.menu>li .submenu>li>a:hover,
.nav-top .dropdown.menu>li .submenu>li>a:focus,
.nav-top .dropdown.menu>li .submenu>li>a:active {
    color: RGB(var(--primary-rgb))
}

.nav-top .dropdown.menu>li .submenu>li:last-child>a {
    border: 0
}

.nav-top .dropdown.menu>li .submenu>li.active a {
    color: RGB(var(--primary-rgb))
}

.content-section.interactive-slider .inner-wrapper {
    overflow: hidden
}

.content-section.interactive-slider .swiper-wrapper {
    padding-bottom: 1px
}

.content-section.interactive-slider .slider-wrapper {
    position: relative
}

.content-section.interactive-slider .swiper-slide {
    height: auto
}

.content-section.interactive-slider .navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: visible;
    width: 2.66667rem;
    height: 2.66667rem;
    padding: 0;
    background-color: #fff;
    cursor: pointer;
    z-index: 1;
    transform: translate3d(0, -50%, 0);
    transition: transform 500ms ease, opacity 500ms ease
}

.content-section.interactive-slider .navigation.next-step {
    right: -1.33333rem
}

.content-section.interactive-slider .navigation.next-step:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.content-section.interactive-slider .navigation.previous-step {
    left: -1.33333rem
}

.content-section.interactive-slider .navigation.previous-step:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease
}

.content-section.interactive-slider .navigation::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    border-width: 2px;
    border-style: solid;
    border-color: RGB(var(--primary-rgb));
    border-radius: 50%;
    background-color: #fff;
    transform: translate3d(0, 0, 0);
    transition: border-color 100ms ease
}

.content-section.interactive-slider .navigation::after {
    position: absolute;
    top: .55556rem;
    left: 0;
    right: 0;
    width: unset;
    text-align: center;
    transform: translate3d(0, 0, 0);
    transition: color 100ms ease
}

.content-section.interactive-slider .navigation:not(.swiper-button-disabled):hover::before,
.content-section.interactive-slider .navigation:not(.swiper-button-disabled):hover::after,
.content-section.interactive-slider .navigation:not(.swiper-button-disabled):focus::before,
.content-section.interactive-slider .navigation:not(.swiper-button-disabled):focus::after {
    color: RGB(var(--secondary-rgb));
    border-color: RGB(var(--secondary-rgb));
    animation: bounce 1s ease infinite
}

.content-section.interactive-slider .navigation.active {
    opacity: 0;
    pointer-events: none;
    transform: scale(6)
}

.content-section.interactive-slider .navigation.active::before {
    transform-origin: center;
    border-width: .5px
}

.content-section.interactive-slider .navigation.active::after {
    display: none
}

.content-section.interactive-slider .navigation.swiper-button-disabled {
    cursor: default
}

.content-section.interactive-slider .navigation.swiper-button-disabled::before {
    background-color: #e8e8e8
}

@keyframes bounce {

    0%,
    to {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(0, 4px, 0)
    }
}

.content-section.interactive-slider .item {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 1.66667rem;
    padding-right: 1.66667rem;
    padding-bottom: 1.66667rem;
    padding-left: 1.66667rem;
    margin-bottom: 1px;
    border-color: RGB(var(--primary-rgb));
    border-width: 1px;
    border-style: solid;
    border-radius: 4px
}

@media screen and (max-width:36.24875em) {
    .content-section.interactive-slider .item {
        flex-direction: column
    }
}

.content-section.interactive-slider .note {
    padding-top: .27778rem;
    padding-right: 1.38889rem;
    padding-bottom: .27778rem;
    padding-left: 1.38889rem;
    margin-bottom: 0;
    margin-top: auto;
    color: RGB(var(--secondary-rgb));
    background-color: RGBA(var(--secondary-rgb), .2);
    text-align: center
}

.content-section.interactive-slider .icon {
    width: 4.44444rem;
    padding-right: 1.11111rem
}

@media screen and (max-width:36.24875em) {
    .content-section.interactive-slider .icon {
        width: 3.33333rem
    }
}

.content-section.interactive-slider .slide-content .headline {
    color: RGB(var(--secondary-rgb));
    font-weight: 700
}

@media screen and (max-width:36.24875em) {
    .content-section.interactive-slider .slide-content .headline {
        margin-top: 1.11111rem
    }
}

.content-section.interactive-slider .slide-content>:first-child {
    margin-top: 0
}

.content-section.interactive-slider .slide-content .video-wrapper {
    padding: 0;
    margin-left: auto;
    margin-right: auto
}

.content-section.interactive-slider .slide-content .video-wrapper::before {
    display: none
}

.calendly-appointment-button .appointment-button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    display: block;
    position: fixed;
    top: 6.11111rem;
    right: .27778rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    z-index: 13;
    font-size: 0;
    border-radius: 100%;
    transition: background-color .25s ease-out, color .25s ease-out, opacity .25s ease-out
}

[data-whatinput=mouse] .calendly-appointment-button .appointment-button {
    outline: 0
}

.calendly-appointment-button .appointment-button:hover,
.calendly-appointment-button .appointment-button:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

.calendly-appointment-button .appointment-button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.calendly-appointment-button .appointment-button:hover::after,
.calendly-appointment-button .appointment-button:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.calendly-appointment-button .appointment-button.disabled::after,
.calendly-appointment-button .appointment-button.disabled:hover::after,
.calendly-appointment-button .appointment-button.disabled:focus::after,
.calendly-appointment-button .appointment-button[disabled]::after,
.calendly-appointment-button .appointment-button[disabled]:hover::after,
.calendly-appointment-button .appointment-button[disabled]:focus::after {
    display: none
}

.calendly-appointment-button .appointment-button.disabled,
.calendly-appointment-button .appointment-button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.calendly-appointment-button .appointment-button.disabled,
.calendly-appointment-button .appointment-button.disabled:hover,
.calendly-appointment-button .appointment-button.disabled:focus,
.calendly-appointment-button .appointment-button[disabled],
.calendly-appointment-button .appointment-button[disabled]:hover,
.calendly-appointment-button .appointment-button[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

.calendly-appointment-button .appointment-button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    position: absolute;
    top: 0;
    left: .55556rem;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .calendly-appointment-button .appointment-button {
        top: 4.16667rem;
        height: 2.22222rem;
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

@media screen and (min-width:68.75em) {
    .calendly-appointment-button .appointment-button {
        display: none
    }
}

.split-content {
    display: flex;
    flex-flow: row wrap;
    margin-top: -.83333rem;
    margin-bottom: -.83333rem;
    margin-left: -.83333rem;
    margin-right: -.83333rem
}

.split-content .column {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: calc(100% - 1.66667rem);
    margin-top: .83333rem;
    margin-bottom: .83333rem;
    margin-left: .83333rem;
    margin-right: .83333rem
}

@media screen and (max-width:36.24875em) {
    .split-content .column:not(:first-child)>:first-child {
        margin-top: unset
    }
}

@media print,
screen and (min-width:36.25em) {
    .split-content .column {
        width: calc(50% - 1.66667rem)
    }
}

@media screen and (min-width:68.75em) {
    .split-content.three-column .column {
        width: calc(33.33333% - 1.66667rem)
    }
}

.split-content.four-column h4 {
    color: RGB(var(--secondary-rgb))
}

.split-content.four-column .column {
    text-align: center
}

@media screen and (min-width:68.75em) {
    .split-content.four-column .column {
        width: calc(25% - 1.66667rem)
    }
}

.quote .header-h1 {
    color: RGB(var(--primary-rgb))
}

.quote-container {
    display: flex;
    flex-direction: column
}

@media print,
screen and (min-width:36.25em) {
    .quote-container {
        flex-direction: row
    }
}

@media print,
screen and (min-width:36.25em) {
    .quote-container .profile-image {
        margin-right: 2rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .quote-container .profile-image+.text-container {
        padding-top: 1.44444rem;
        width: 70%
    }
}

.key-list :last-child {
    margin-bottom: 0
}

.key-element {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 4.28571rem
}

@media print,
screen and (min-width:50em) {
    .key-element {
        margin-bottom: 5rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .key-element:nth-child(even) .key-description {
        order: 2;
        padding-left: 3.33333rem
    }
}

@media screen and (min-width:68.75em) {
    .key-element:nth-child(even) .key-description {
        padding-left: 5rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .key-element:nth-child(even) .key-image-wrapper {
        order: 1
    }
}

@media print,
screen and (min-width:36.25em) {
    .key-element:nth-child(odd) .key-description {
        order: 1;
        padding-right: 3.33333rem
    }
}

@media screen and (min-width:68.75em) {
    .key-element:nth-child(odd) .key-description {
        padding-right: 5rem
    }
}

@media print,
screen and (min-width:36.25em) {
    .key-element:nth-child(odd) .key-image-wrapper {
        order: 2
    }
}

.key-description {
    margin-bottom: 4.28571rem
}

@media print,
screen and (min-width:36.25em) {
    .key-description {
        width: 50%;
        margin-bottom: 0
    }
}

.key-image-wrapper {
    margin: 0 auto;
    width: 100%
}

@media print,
screen and (min-width:36.25em) {
    .key-image-wrapper {
        width: 50%
    }
}

.light-bulbs .animated-element img:nth-child(2),
.light-bulbs .animated-element img:nth-child(3) {
    opacity: 0
}

.no-js .light-bulbs .animated-element img:nth-child(2),
.no-js .light-bulbs .animated-element img:nth-child(3) {
    opacity: 0
}

.light-bulbs .animated-element.is-in-viewport img:nth-child(2) {
    animation: turn-on-light .1s 1 linear forwards, flickering-light .2s 1 .45s linear forwards
}

.light-bulbs .animated-element.is-in-viewport img:nth-child(3) {
    animation: flickering-light .2s 1 .65s linear forwards
}

.chart-animation .animated-element.chart-animation-bars.is-in-viewport .bar:nth-child(1)::before {
    animation: moving-bar-1 4s linear forwards
}

.chart-animation .animated-element.chart-animation-bars.is-in-viewport .bar:nth-child(2)::before {
    animation: moving-bar-2 4s linear forwards
}

.chart-animation .animated-element.chart-animation-bars.is-in-viewport .bar:nth-child(3)::before {
    animation: moving-bar-3 4s linear forwards
}

.chart-animation .animated-element.chart-animation-bars.is-in-viewport .bar:nth-child(4)::before {
    animation: moving-bar-4 4s linear forwards
}

.chart-animation .animated-element.chart-animation-pie img {
    transition: transform 4.5s ease
}

.chart-animation .animated-element.chart-animation-pie.is-in-viewport img {
    transform: rotate(360deg)
}

.component-animation .animated-element .component-item {
    opacity: 0;
    transform: translateY(-20px) scale(1.1)
}

.component-animation .animated-element .component-item.paas .secondary {
    transform: translate3d(-40px, -70px, 0);
    transition-duration: 3s;
    transition-property: transform
}

.component-animation .animated-element .component-item.ca {
    transition-delay: .375s
}

.component-animation .animated-element .component-item.ca .secondary {
    transform: translate3d(-90px, -70px, 0);
    transition-property: transform;
    transition-duration: 3s;
    transition-delay: .375s
}

.component-animation .animated-element .component-item.daas {
    transition-delay: .75s
}

.component-animation .animated-element .component-item.daas .gearwheel {
    transform: rotate(0deg) scale(1.5);
    transform-origin: 50% 50%;
    transform-box: fill-box;
    transition-property: transform;
    transition-duration: 3s;
    transition-delay: .75s
}

.component-animation .animated-element .component-item.daas .secondary {
    transform: translate3d(-100px, -50px, 0);
    transition-property: transform;
    transition-duration: 3s;
    transition-delay: .75s
}

.component-animation .is-in-viewport .component-item {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: transform 1.5s, opacity .75s
}

.component-animation .is-in-viewport.components .component-item svg .secondary {
    transform: translate3d(-70px, -70px, 0)
}

.component-animation .is-in-viewport.components .component-item.daas .gearwheel {
    transform: rotate(360deg) scale(1)
}

.key-list .key-image-wrapper {
    position: relative
}

.key-list .key-image-wrapper>img {
    display: block;
    opacity: 0
}

.key-list .key-image-wrapper>img:first-child {
    margin: 0 auto;
    transition: opacity .5s ease;
    z-index: 3
}

.key-list .key-image-wrapper>img:nth-child(2) {
    transform: scale(.25);
    transform-origin: left center;
    transition: opacity 1s ease, transform .75s ease .15s;
    z-index: 2
}

.key-list .key-image-wrapper.is-in-viewport>img:first-child {
    position: relative;
    opacity: 1
}

.key-list .key-image-wrapper.is-in-viewport>img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 50%;
    transform: scale(1) translateX(-50%);
    opacity: .25
}

@keyframes turn-on-light {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes flickering-light {

    0%,
    50%,
    to {
        opacity: 1
    }

    30%,
    75%,
    99% {
        opacity: .1
    }
}

@keyframes moving-bar-1 {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    50%,
    to {
        transform: translate3d(-50%, 0, 0)
    }

    30%,
    75% {
        transform: translate3d(-10%, 0, 0)
    }
}

@keyframes moving-bar-2 {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    50%,
    to {
        transform: translate3d(-15%, 0, 0)
    }

    30%,
    75% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes moving-bar-3 {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    50%,
    to {
        transform: translate3d(-90%, 0, 0)
    }

    30%,
    75% {
        transform: translate3d(-30%, 0, 0)
    }
}

@keyframes moving-bar-4 {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    50%,
    to {
        transform: translate3d(-30%, 0, 0)
    }

    30%,
    75% {
        transform: translate3d(-80%, 0, 0)
    }
}

.content-teaser .list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 1.11111rem;
    grid-template-columns: repeat(auto-fill, minmax(calc(min(250px, 100%)), 1fr))
}

.content-teaser .list li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.content-teaser .list li::before {
    display: none
}

.content-teaser .list>li {
    position: relative;
    padding-top: 1.42857rem;
    padding-right: 1.42857rem;
    padding-bottom: 1.42857rem;
    padding-left: 1.42857rem;
    background-color: #fff;
    word-break: break-word
}

@media print,
screen and (min-width:36.25em) {
    .content-teaser .list>li {
        padding-bottom: 200px;
        clip-path: polygon(0 0, 100%0, 100% calc(100% - 200px), 0 100%)
    }
}

.content-teaser .list ul li {
    list-style: disc
}

.content-teaser .list img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.content-teaser .list img+* {
    margin-top: 1.42857rem
}

.content-teaser .list .button {
    margin-top: 1.42857rem
}

.pop-up-grid {
    display: grid;
    grid-gap: 1.11111rem;
    grid-template-columns: repeat(auto-fill, minmax(calc(min(250px, 100%)), 1fr))
}

.pop-up-grid .panel {
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    position: relative;
    display: flex;
    padding-top: 1.42857rem;
    padding-right: 1.71429rem;
    padding-bottom: 1.42857rem;
    padding-left: 1.71429rem;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    flex-direction: column;
    text-align: center
}

.pop-up-grid .panel .header-h3 {
    flex-grow: 1
}

.pop-up-grid .panel button {
    align-self: center
}

.pop-up-grid .panel:hover button,
.pop-up-grid .panel:focus button {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden
}

.pop-up-grid .panel:hover button::after,
.pop-up-grid .panel:focus button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.pop-up-grid .panel:hover:hover button::after,
.pop-up-grid .panel:hover:focus button::after,
.pop-up-grid .panel:focus:hover button::after,
.pop-up-grid .panel:focus:focus button::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.pop-up-grid .panel:hover.disabled button::after,
.pop-up-grid .panel:hover.disabled:hover button::after,
.pop-up-grid .panel:hover.disabled:focus button::after,
.pop-up-grid .panel:hover[disabled] button::after,
.pop-up-grid .panel:hover[disabled]:hover button::after,
.pop-up-grid .panel:hover[disabled]:focus button::after,
.pop-up-grid .panel:focus.disabled button::after,
.pop-up-grid .panel:focus.disabled:hover button::after,
.pop-up-grid .panel:focus.disabled:focus button::after,
.pop-up-grid .panel:focus[disabled] button::after,
.pop-up-grid .panel:focus[disabled]:hover button::after,
.pop-up-grid .panel:focus[disabled]:focus button::after {
    display: none
}

.pop-up-grid .panel:hover button,
.pop-up-grid .panel:focus button {
    background-color: RGB(var(--secondary-rgb))
}

.pop-up-grid .panel:hover button.whisper,
.pop-up-grid .panel:focus button.whisper {
    overflow: visible;
    transform: none;
    backface-visibility: visible;
    border-color: RGB(var(--secondary-rgb));
    background-color: transparent
}

.pop-up-grid .panel:hover button.whisper::after,
.pop-up-grid .panel:focus button.whisper::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

.pop-up-grid .panel:hover button.whisper:hover::after,
.pop-up-grid .panel:hover button.whisper:focus::after,
.pop-up-grid .panel:focus button.whisper:hover::after,
.pop-up-grid .panel:focus button.whisper:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

.pop-up-content {
    width: auto;
    max-width: 33.33333rem;
    margin-top: 10vh;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto
}

.pop-up-content .mfp-close {
    top: -1px
}

.pop-up-content .content :first-child {
    margin-top: 0
}

.pop-up-content .info-flag {
    color: #033e8e;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(41, 213, 255, .2);
    text-align: center;
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pop-up-content .info-flag .check-icon {
    position: relative;
    width: 1.38889rem;
    height: 1.38889rem;
    margin-right: .55556rem;
    border-width: 1px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 100%
}

.pop-up-content .info-flag .check-icon:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1rem;
    font-family: "BPC Icons"
}

.pop-up-content .info-flag .check-icon::before {
    position: absolute;
    top: 1px;
    left: 2px;
    font-size: .77778rem
}

.content-section.colored-background {
    background: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    color: #fff
}

.content-section.colored-background .panel {
    color: #fff;
    background-color: transparent;
    transition: all 300ms ease 100ms
}

.content-section.colored-background .panel:hover,
.content-section.colored-background .panel:focus {
    border-style: none;
    background-color: rgba(255, 255, 255, .3)
}

.content-section.colored-background .panel:hover::after,
.content-section.colored-background .panel:focus::after {
    border-style: none
}

@media screen and (min-width:68.75em) {
    .content-section.half-half-grid .pop-up-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.content-section.half-half-grid .pop-up-grid .panel {
    text-align: left
}

.content-section.half-half-grid .pop-up-grid .panel button {
    align-self: flex-start
}

.content-section.half-half-grid .pop-up-grid .image {
    margin-top: -1.42857rem;
    margin-right: -1.71429rem;
    margin-left: -1.71429rem
}

.rotating-teaser {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5
}

.rotating-teaser.animating {
    z-index: 4
}

.rotating-teaser .scene {
    position: relative;
    height: 100%;
    transform-style: preserve-3d;
    transition: height 200ms ease 500ms
}

.rotating-teaser .scene.side-visible {
    transition: height 200ms ease
}

.rotating-teaser .scene.side-visible .panel {
    transition: transform 500ms ease 200ms
}

.rotating-teaser .panel {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 500ms ease;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
    backface-visibility: hidden
}

.rotating-teaser .front {
    position: relative;
    transform: rotateY(0)
}

.rotating-teaser .front .content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.rotating-teaser .front .content .buttons {
    margin-top: auto
}

.rotating-teaser .side {
    top: 0;
    transform: rotateY(90deg)
}

.use-cases-tiles .introduction {
    max-width: 33.33333rem
}

.use-cases-tiles .tiles {
    display: grid;
    gap: 1.33333rem;
    grid-template-columns: repeat(auto-fill, minmax(calc(min(340px, 100%)), 1fr));
    margin-left: unset;
    margin-bottom: 0
}

.use-cases-tiles .tiles>li::before {
    content: "";
    display: none;
    width: auto;
    height: auto;
    float: none
}

.use-cases-tiles .tiles.is-full {
    grid-template-columns: 1fr
}

.use-cases-tiles .tiles.is-full .panel {
    margin: unset
}

.use-cases-tiles .tiles.is-full .icons {
    flex-wrap: nowrap
}

.use-cases-tiles .container {
    display: grid;
    gap: 1.77778rem
}

@media print,
screen and (min-width:36.25em) {
    .use-cases-tiles .container {
        grid-template-columns: 1fr 1.5fr
    }
}

.use-cases-tiles .ck-content {
    margin-bottom: 1.77778rem
}

.use-cases-tiles .ck-content>:not(:last-child) {
    margin-bottom: 1.11111rem
}

.use-cases-tiles .icons {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    gap: 1.77778rem 1.33333rem
}

.use-cases-tiles .icons li {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none
}

.use-cases-tiles .icons li::before {
    display: none
}

@media print,
screen and (min-width:36.25em) {
    .use-cases-tiles .icons {
        flex-direction: unset
    }
}

.use-cases-tiles .icons:not(:last-child) {
    margin-bottom: 2.22222rem
}

.use-cases-tiles .icons.small {
    gap: 1.77778rem .88889rem
}

@media print,
screen and (min-width:36.25em) {
    .use-cases-tiles .icons.small li {
        width: 6.11111rem
    }
}

.use-cases-tiles .icons.small svg,
.use-cases-tiles .icons.small img {
    height: 2.22222rem
}

.use-cases-tiles .icons li {
    text-align: center
}

@media print,
screen and (min-width:36.25em) {
    .use-cases-tiles .icons li {
        width: 7.11111rem
    }
}

.use-cases-tiles .icons svg,
.use-cases-tiles .icons img {
    width: 100%;
    height: 3.55556rem;
    margin-bottom: .44444rem
}

.use-cases-tiles .icons path {
    fill: RGB(var(--secondary-rgb))
}

.use-cases-tiles .icons img {
    width: auto
}

.use-cases-tiles .icons span {
    display: block;
    font-weight: 700;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.page-header.animated .main-wrapper {
    z-index: 4;
    pointer-events: none
}

.page-header.animated .main-wrapper .inner-wrapper>* {
    pointer-events: all
}

.page-header.animated .inner-wrapper {
    z-index: 4
}

.page-header.animated #particles-js {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.page-header.animated .sticky-top-bar {
    pointer-events: all
}

.pricing-slider {
    overflow: hidden;
    background-color: RGB(var(--secondary-rgb));
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.pricing-slider .button-bar {
    background-color: #000;
    padding-top: 1.33333rem;
    padding-right: 2.66667rem;
    padding-bottom: 1.33333rem;
    padding-left: 2.66667rem;
    text-align: center
}

.pricing-slider .feature-label {
    color: RGB(var(--primary-rgb));
    margin-top: unset
}

.pricing-slider .header-h1 {
    color: RGB(var(--secondary-rgb));
    margin-bottom: 1.66667rem
}

.pricing-slider .costs {
    margin-top: 0
}

.pricing-slider .swiper {
    overflow: visible
}

.pricing-slider .swiper-wrapper {
    width: 100%
}

.pricing-slider .swiper-wrapper .swiper-slide {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    max-width: calc(max(50%, 400px));
    transition: .6s opacity, .6s scale
}

.pricing-slider .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: .85;
    scale: .9
}

.pricing-slider .content-wrapper {
    padding-top: 2.66667rem;
    padding-right: 2.66667rem;
    padding-left: 2.66667rem
}

.pricing-slider .content-wrapper :is(h2, h3, h4, h5, h6):not(.header-h1) {
    margin-top: .88889rem;
    margin-bottom: .44444rem
}

.pricing-slider .content-wrapper ul {
    margin-bottom: 1.77778rem;
    margin-left: 1.66667rem
}

.pricing-slider .content-wrapper ul li {
    position: relative
}

.pricing-slider .content-wrapper ul li:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111em;
    font-family: "BPC Icons"
}

.pricing-slider .content-wrapper ul li::before {
    left: -1.66667rem
}

.agenda .content-section:not(.base) {
    padding: 0;
    position: static
}

.agenda .overflow-wrapper {
    overflow-x: hidden
}

.agenda .additional-content {
    padding-top: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .agenda .additional-content {
        padding-top: 3.33333rem
    }
}

.agenda .tabs-content {
    background-color: #e8e8e8
}

.agenda .streams {
    margin-left: -2.55952rem;
    margin-right: -2.55952rem
}

@media print,
screen and (min-width:36.25em) {
    .agenda .streams {
        margin-left: -2.69841rem;
        margin-right: -2.69841rem
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .streams {
        margin-left: -.55556rem;
        margin-right: -.55556rem
    }
}

.agenda .slick-list {
    overflow: visible !important
}

.agenda .slick-track {
    overflow: hidden
}

.agenda .slick-slide {
    opacity: 1;
    transition: opacity .5s
}

.agenda .slick-slide[aria-hidden=true] {
    cursor: pointer;
    opacity: .2
}

.agenda .slick-slide[aria-hidden=true]:hover {
    opacity: .7
}

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

.agenda .stream {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem;
    min-height: 1px
}

@media print,
screen and (min-width:36.25em) {
    .agenda .stream {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.agenda .stream,
.agenda .stream:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .agenda .stream {
        width: 50%
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .stream {
        width: 33.33333%
    }
}

@media screen and (min-width:68.75em) {
    .agenda .stream {
        width: 25%
    }
}

.agenda .stream .headline {
    margin: 0;
    position: relative;
    word-wrap: break-word;
    text-wrap: balance
}

.agenda .stream .headline:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    bottom: -2.77778rem;
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%
}

.agenda .stream .headline::before {
    rotate: 90deg;
    transform-origin: top
}

.agenda .stream a {
    color: #222
}

.agenda .stream .session {
    flex-direction: column
}

@media print,
screen and (min-width:50em) {
    .agenda .stream .session .event-time {
        margin-bottom: .83333rem
    }
}

.agenda .session {
    background-color: #fff;
    margin-bottom: 1.11111rem
}

.agenda .session.overall {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .agenda .session.overall {
        margin-right: 0;
        margin-left: 0
    }
}

.agenda .session p {
    padding-left: 0;
    padding-right: 0
}

.agenda .break {
    position: relative;
    margin-right: -2.14286rem;
    margin-left: -2.14286rem;
    color: #fff;
    clear: both;
    margin-top: .55556rem;
    margin-bottom: 1.66667rem;
    padding-top: 1.66667rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.66667rem;
    padding-left: 2.14286rem
}

.agenda .break::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #313131
}

@media print,
screen and (min-width:50em) {
    .agenda .break {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .break {
        padding-right: 10.27778rem;
        padding-left: 10.27778rem
    }
}

.agenda .break:first-child {
    margin-top: 0
}

.agenda .break:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .agenda .break .event-time {
        position: absolute;
        top: 1.66667rem;
        left: 1.66667rem
    }

    .agenda .break .event-time.browser-time {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.agenda .break .content-header {
    margin: 0;
    font-size: 1.28571rem;
    text-align: left
}

@media print,
screen and (min-width:50em) {
    .agenda .break .content-header {
        text-align: center;
        font-size: 1.38889rem
    }
}

.agenda .grid-content {
    padding-top: 1.71429rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 2.14286rem;
    margin-left: 0;
    margin-right: 0
}

@media print,
screen and (min-width:36.25em) {
    .agenda .grid-content.session {
        padding-top: 2.77778rem;
        padding-bottom: 2.77778rem
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .grid-content.session {
        display: flex;
        padding-top: 1.66667rem;
        padding-right: 1.66667rem;
        padding-bottom: 1.66667rem;
        padding-left: 1.66667rem
    }
}

.agenda .grid-content .content-header {
    padding: 0
}

.agenda .grid-content .content-type {
    position: static
}

.agenda .grid-content .content {
    flex-grow: 1;
    flex-shrink: 1
}

.agenda .event-time {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: .22222rem;
    margin-bottom: .83333rem;
    text-decoration: none
}

@media print,
screen and (min-width:50em) {
    .agenda .event-time {
        width: 8.61111rem;
        margin-bottom: 0;
        padding-right: .83333rem
    }
}

.agenda .event-time.browser-time {
    height: 3.33333rem
}

.agenda .event-time .timezone-info {
    right: .83333rem;
    left: 0;
    bottom: 0
}

.agenda .event-time .time-in-ecoma-timezone {
    position: static;
    margin-bottom: -.38889rem
}

.agenda .content-header {
    position: relative;
    margin-bottom: 0
}

.agenda .room {
    margin-bottom: 1rem
}

.agenda .share-bar.sticky>div {
    position: static;
    text-align: left
}

.agenda .sticky-wrapper::before,
.agenda .sticky-wrapper::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.agenda .sticky-wrapper::after {
    clear: both
}

.agenda .slider-nav {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: RGB(var(--primary-rgb));
    display: flex;
    justify-content: center;
    overflow: hidden
}

.agenda .slider-nav::after {
    content: "";
    position: absolute;
    top: -110%;
    width: 110%;
    aspect-ratio: 1;
    border-style: solid;
    border-width: 5px;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    background-color: transparent;
    animation-name: button-pulse;
    animation-duration: 1500ms;
    animation-delay: 0s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    z-index: -1
}

@supports (position:sticky) {
    .agenda .slider-nav {
        position: sticky
    }
}

@media print,
screen and (min-width:36.25em) {
    .agenda .slider-nav {
        float: left;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.agenda .slider-nav .button {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: transparent;
    font-size: 0;
    display: none;
    padding: 0;
    position: relative;
    background-color: transparent
}

.agenda .slider-nav .button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.agenda .slider-nav .button:hover::after,
.agenda .slider-nav .button:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.agenda .slider-nav .button.disabled::after,
.agenda .slider-nav .button.disabled:hover::after,
.agenda .slider-nav .button.disabled:focus::after,
.agenda .slider-nav .button[disabled]::after,
.agenda .slider-nav .button[disabled]:hover::after,
.agenda .slider-nav .button[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .button {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .button {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .button {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .button {
        width: 60px
    }
}

.agenda .slider-nav .button.slick-arrow {
    display: block
}

.agenda .slider-nav .button.slick-disabled {
    pointer-events: none
}

.agenda .slider-nav .button.slick-hidden {
    display: none !important
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .button {
        width: 3.33333rem;
        height: 3.05556rem
    }
}

.agenda .slider-nav .prev .button {
    color: #fff;
    font-size: 0;
    overflow: hidden
}

.agenda .slider-nav .prev .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .prev .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .prev .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .prev .button::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .prev .button:hover,
.agenda .slider-nav .prev .button:focus {
    color: #fff
}

.agenda .slider-nav .prev .button:hover::before,
.agenda .slider-nav .prev .button:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.agenda .slider-nav .prev .button:hover .icon-shadow,
.agenda .slider-nav .prev .button:focus .icon-shadow {
    transition: none;
    color: RGB(var(--secondary-rgb))
}

.agenda .slider-nav .prev .button:hover .icon-shadow::before,
.agenda .slider-nav .prev .button:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .prev .button .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.agenda .slider-nav .prev .button .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .prev .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .prev .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .prev .button .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.agenda .slider-nav .prev .button[disabled]:hover::before,
.agenda .slider-nav .prev .button[disabled]:focus::before,
.agenda .slider-nav .prev .button.slick-disabled:hover::before,
.agenda .slider-nav .prev .button.slick-disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .prev .button[disabled]:hover .icon-shadow,
.agenda .slider-nav .prev .button[disabled]:focus .icon-shadow,
.agenda .slider-nav .prev .button.slick-disabled:hover .icon-shadow,
.agenda .slider-nav .prev .button.slick-disabled:focus .icon-shadow {
    color: #fff
}

.agenda .slider-nav .prev .button[disabled]:hover .icon-shadow::before,
.agenda .slider-nav .prev .button[disabled]:focus .icon-shadow::before,
.agenda .slider-nav .prev .button.slick-disabled:hover .icon-shadow::before,
.agenda .slider-nav .prev .button.slick-disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .next .button {
    color: #fff;
    font-size: 0;
    overflow: hidden
}

.agenda .slider-nav .next .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .next .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .next .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .next .button::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .next .button:hover,
.agenda .slider-nav .next .button:focus {
    color: #fff
}

.agenda .slider-nav .next .button:hover::before,
.agenda .slider-nav .next .button:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.agenda .slider-nav .next .button:hover .icon-shadow,
.agenda .slider-nav .next .button:focus .icon-shadow {
    transition: none;
    color: RGB(var(--secondary-rgb))
}

.agenda .slider-nav .next .button:hover .icon-shadow::before,
.agenda .slider-nav .next .button:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .next .button .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.agenda .slider-nav .next .button .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .next .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .next .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .next .button .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.agenda .slider-nav .next .button[disabled]:hover::before,
.agenda .slider-nav .next .button[disabled]:focus::before,
.agenda .slider-nav .next .button.slick-disabled:hover::before,
.agenda .slider-nav .next .button.slick-disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .next .button[disabled]:hover .icon-shadow,
.agenda .slider-nav .next .button[disabled]:focus .icon-shadow,
.agenda .slider-nav .next .button.slick-disabled:hover .icon-shadow,
.agenda .slider-nav .next .button.slick-disabled:focus .icon-shadow {
    color: #fff
}

.agenda .slider-nav .next .button[disabled]:hover .icon-shadow::before,
.agenda .slider-nav .next .button[disabled]:focus .icon-shadow::before,
.agenda .slider-nav .next .button.slick-disabled:hover .icon-shadow::before,
.agenda .slider-nav .next .button.slick-disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .dots {
    position: relative;
    min-width: 6.66667rem
}

.agenda .slider-nav .dots .slick-dots {
    display: flex !important;
    position: static;
    justify-content: center;
    padding-top: 1.66667rem
}

.agenda .slider-nav .dots .slick-dots li {
    margin: 0 .27778rem;
    position: relative
}

.agenda .slider-nav .dot-heading {
    position: absolute;
    top: .11111rem;
    right: 0;
    left: 0;
    display: block;
    color: #fff;
    font-size: .77778rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.55556rem
}

.agenda .filter-wrap {
    margin-bottom: 0
}

.agenda .filter-wrap .filter-options {
    background-color: #222
}

.agenda .slick-dots {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: .83333rem;
    position: absolute;
    bottom: -3.05556rem;
    left: 0
}

.agenda .slick-dots li {
    position: relative;
    display: inline-block;
    height: .83333rem;
    width: .83333rem;
    margin: 0 .27778rem;
    padding: 0;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
    vertical-align: top;
    background-color: #fff
}

.agenda .slick-dots li::before {
    content: ""
}

.agenda .slick-dots li button {
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1.6;
    border: 0;
    border-radius: 0;
    text-align: left;
    vertical-align: baseline;
    font-size: 1rem;
    color: #222;
    overflow: visible;
    transform: none;
    backface-visibility: visible;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.agenda .slick-dots li button:hover,
.agenda .slick-dots li button:focus {
    background: 0 0;
    color: #222
}

.agenda .slick-dots li button::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

.agenda .slick-dots li button:hover::after,
.agenda .slick-dots li button:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

.agenda .slick-dots li button:hover,
.agenda .slick-dots li button:focus {
    outline: 0
}

.agenda .slick-dots li.slick-active {
    background-color: transparent !important
}

@keyframes button-pulse {
    0% {
        transform: scale(.6);
        opacity: 1;
        box-shadow: inset 0 0 25px 3px rgba(255, 255, 255, .75), 0 0 25px 10px rgba(255, 255, 255, .75)
    }

    to {
        transform: scale(1);
        opacity: 0;
        box-shadow: none
    }
}

.sitemap .sitemap-list .menu-list {
    margin-top: -2.85714rem !important
}

@media print,
screen and (min-width:50em) {
    .sitemap .sitemap-list .menu-list {
        margin-top: -2.66667rem !important
    }
}

.sitemap .sitemap-list h2 {
    margin-top: 2.85714rem;
    margin-bottom: .78571rem
}

@media print,
screen and (min-width:50em) {
    .sitemap .sitemap-list h2 {
        margin-top: 2.66667rem;
        margin-bottom: .94444rem
    }
}

.sitemap .sitemap-list ul li a {
    color: #222
}

.sitemap .sitemap-list ul li li {
    border-left: 1px solid #222;
    padding-bottom: .71429rem;
    padding-left: 1.28571rem;
    line-height: 1;
    font-weight: 700
}

@media print,
screen and (min-width:50em) {
    .sitemap .sitemap-list ul li li {
        padding-bottom: .88889rem;
        padding-left: 1rem
    }
}

.sitemap .sitemap-list ul li li ul {
    padding-top: 0;
    margin-top: .61111rem;
    margin-bottom: -.21429rem
}

.sitemap .sitemap-list ul li li ul li {
    padding-bottom: .71429rem;
    font-weight: 400
}

@media print,
screen and (min-width:50em) {
    .sitemap .sitemap-list ul li li ul li {
        margin-left: .11111rem;
        padding-bottom: .88889rem
    }
}

@media print,
screen and (min-width:50em) {
    .sitemap .sitemap-list ul li li ul {
        margin-top: .88889rem;
        margin-bottom: .11111rem;
        padding-top: 0
    }
}

.sitemap .sitemap-list ul li li a {
    color: #222;
    display: block
}

.sitemap .sitemap-list ul li li a:hover,
.sitemap .sitemap-list ul li li a:focus {
    color: RGB(var(--secondary-rgb))
}

.sitemap .sitemap-list ul li li:last-child {
    padding-bottom: 0
}

.sitemap .sitemap-list ul li:hover>a {
    color: RGB(var(--secondary-rgb)) !important
}

.sitemap .sitemap-list ul li:hover>ul:hover>li {
    border-left-color: RGB(var(--secondary-rgb)) !important
}

@media print,
screen and (min-width:36.25em) {
    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list {
        max-width: 65.55556rem;
        margin-right: auto;
        margin-left: auto
    }

    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list::before,
    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list::after {
        display: table;
        content: " ";
        flex-basis: 0;
        order: 1
    }

    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list::after {
        clear: both
    }
}

@media print,
screen and (min-width:36.25em) {
    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list>li {
        width: 50%;
        float: left;
        padding-right: .41667rem;
        padding-left: .41667rem;
        clear: left
    }
}

@media print,
screen and (min-width:36.25em) and (min-width:36.25em) {
    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list>li {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

@media print,
screen and (min-width:36.25em) {

    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list>li,
    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list>li:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .sitemap .sitemap-list .main-wrapper .inner-wrapper .menu-list>li:nth-child(even) {
        float: right;
        clear: right
    }
}

.welcome .related-slider-section,
.welcome-2020 .related-slider-section {
    background-image: none;
    background-color: #222
}

.welcome .related-slider-section .headline,
.welcome-2020 .related-slider-section .headline {
    color: #fff
}

.welcome .related-slider-section .swiper .swiper-slide,
.welcome-2020 .related-slider-section .swiper .swiper-slide {
    color: #222;
    border-radius: 4px;
    position: relative;
    overflow: hidden
}

.welcome .related-slider-section .swiper .swiper-slide::after,
.welcome-2020 .related-slider-section .swiper .swiper-slide::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s ease 100ms;
    pointer-events: none;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.welcome .related-slider-section .swiper .swiper-slide:hover::after,
.welcome .related-slider-section .swiper .swiper-slide:focus::after,
.welcome .related-slider-section .swiper .swiper-slide:focus-within::after,
.welcome-2020 .related-slider-section .swiper .swiper-slide:hover::after,
.welcome-2020 .related-slider-section .swiper .swiper-slide:focus::after,
.welcome-2020 .related-slider-section .swiper .swiper-slide:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.welcome .related-slider-section .swiper .swiper-slide:focus-within::after,
.welcome-2020 .related-slider-section .swiper .swiper-slide:focus-within::after {
    border-color: RGB(var(--primary-rgb))
}

.welcome .related-slider-section .swiper .swiper-slide:hover::after,
.welcome-2020 .related-slider-section .swiper .swiper-slide:hover::after {
    border-color: RGB(var(--primary-rgb))
}

[data-whatintent=keyboard] .welcome .related-slider-section .swiper .swiper-slide:focus::after,
[data-whatintent=keyboard] .welcome-2020 .related-slider-section .swiper .swiper-slide:focus::after {
    border-color: RGB(var(--primary-rgb))
}

[data-whatintent=mouse] .welcome .related-slider-section .swiper .swiper-slide:hover::after,
[data-whatintent=mouse] .welcome-2020 .related-slider-section .swiper .swiper-slide:hover::after {
    border-color: RGB(var(--primary-rgb))
}

.welcome .related-slider-section .swiper .swiper-slide .slider-content,
.welcome-2020 .related-slider-section .swiper .swiper-slide .slider-content {
    background-color: #313131
}

.welcome .related-slider-section .swiper .swiper-slide .content-type,
.welcome-2020 .related-slider-section .swiper .swiper-slide .content-type {
    color: #fff
}

.welcome .related-slider-section .swiper .swiper-slide .content-wrap,
.welcome-2020 .related-slider-section .swiper .swiper-slide .content-wrap {
    color: #fff
}

.welcome .related-slider-section .related-slider-wrapper,
.welcome-2020 .related-slider-section .related-slider-wrapper {
    position: relative
}

.welcome .related-slider-section .swiper-button-next:hover,
.welcome .related-slider-section .swiper-button-prev:hover,
.welcome-2020 .related-slider-section .swiper-button-next:hover,
.welcome-2020 .related-slider-section .swiper-button-prev:hover {
    background-color: transparent
}

.welcome .related-slider-section .swiper-button-next:hover .icon-shadow::before,
.welcome .related-slider-section .swiper-button-prev:hover .icon-shadow::before,
.welcome-2020 .related-slider-section .swiper-button-next:hover .icon-shadow::before,
.welcome-2020 .related-slider-section .swiper-button-prev:hover .icon-shadow::before {
    color: RGB(var(--primary-rgb))
}

.staff-profile .image-header {
    background-image: none;
    background-color: #cfcfcf;
    background-size: auto 120%;
    background-position: 70%bottom
}

@media screen and (min-width:68.75em) {
    .staff-profile .image-header {
        background-position: center bottom
    }
}

.staff-profile .image-header .main-wrapper {
    background-color: #222
}

@media print,
screen and (min-width:50em) {
    .staff-profile .image-header .main-wrapper {
        background-color: transparent
    }
}

.staff-profile .page-header .header-h1 {
    color: RGB(var(--secondary-rgb))
}

@supports (-webkit-background-clip:text) {
    .staff-profile .page-header .header-h1 {
        background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block
    }
}

@media print,
screen and (min-width:50em) {
    .staff-profile .page-header .inner-wrapper {
        max-width: 50%
    }
}

.staff-profile .page-header .countries {
    display: block;
    color: #8f8f8f;
    margin-bottom: 1.88889rem
}

.staff-profile .page-header .feature-label+.countries {
    margin-top: -1.88889rem
}

.staff-profile .page-header.image-header .feature-label {
    color: #fff
}

@media print,
screen and (min-width:50em) {
    .staff-profile .page-header.image-header .feature-label {
        color: #222
    }
}

.staff-profile .page-header .button {
    margin-bottom: 1.88889rem
}

.staff-profile .nav-top {
    --top-menu-color: rgba(34, 34, 34, 0.75);
    --top-menu-color-active: #222222
}

.staff-profile .nav-top>ul>li>a {
    color: var(--top-menu-color)
}

.staff-profile .nav-top>ul>li>a:hover,
.staff-profile .nav-top>ul>li>a:focus,
.staff-profile .nav-top>ul>li>a:active {
    color: var(--top-menu-color-active)
}

.staff-profile .sticky.is-stuck .nav-top {
    --top-menu-color: rgba(255, 255, 255, 0.65);
    --top-menu-color-active: #ffffff
}

.staff-profile .mega-menu .nav-top>ul>li.active>a {
    color: rgba(34, 34, 34, .75);
    border-bottom-color: rgba(34, 34, 34, .75)
}

.staff-profile .mega-menu .nav-top>ul>li.active>a:hover {
    color: #222;
    border-bottom-color: #222
}

.staff-profile .mega-menu .nav-top>ul>li.active.current>a {
    border-bottom-color: #222
}

.staff-profile .mega-menu .nav-top>ul>li.current>a {
    color: #222
}

[data-whatintent=mouse] .staff-profile .mega-menu.open-on-hover .has-sub-nav:hover>a {
    color: #222
}

.staff-profile .experience-and-expertise {
    background-image: linear-gradient(135deg, RGB(var(--primary-rgb)) 10%, RGB(var(--secondary-rgb)) 90%);
    background-size: cover
}

.staff-profile .experience-and-expertise h2,
.staff-profile .experience-and-expertise h4 {
    margin-top: 0
}

.staff-profile .experience-and-expertise h2 {
    display: flex;
    align-items: center
}

.staff-profile .experience-and-expertise svg {
    width: 2.77778rem;
    height: 2.77778rem;
    fill: RGB(var(--secondary-rgb));
    margin-right: .55556rem
}

.staff-profile .experience-and-expertise .panel {
    margin-bottom: 3rem
}

.staff-profile .experience-and-expertise .panel:last-child {
    margin-bottom: 0
}

.staff-profile .experience-and-expertise .experience.panel,
.staff-profile .experience-and-expertise .expertise.panel {
    background-color: #f5f5f5
}

@media print,
screen and (min-width:36.25em) {
    .staff-profile .experience-and-expertise .experience ul {
        column-count: 2;
        column-gap: 2em
    }
}

.staff-profile .experience-and-expertise .experience ul li {
    break-inside: avoid;
    margin-bottom: 1.11111rem
}

.staff-profile .experience-and-expertise .expertise ul {
    display: flex;
    flex-flow: row wrap;
    margin-top: -.83333rem;
    margin-bottom: -.83333rem;
    margin-left: -.83333rem;
    margin-right: -.83333rem
}

.staff-profile .experience-and-expertise .expertise li {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: calc(100% - 1.66667rem);
    margin-top: .83333rem;
    margin-bottom: .83333rem;
    margin-left: .83333rem;
    margin-right: .83333rem
}

@media print,
screen and (min-width:36.25em) {
    .staff-profile .experience-and-expertise .expertise li {
        width: calc(50% - 1.66667rem)
    }
}

@media screen and (min-width:68.75em) {
    .staff-profile .experience-and-expertise .expertise li {
        width: calc(33.33333% - 1.66667rem)
    }
}

.staff-profile .experience-and-expertise .expertise li a {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 6.07143rem;
    padding-top: 0;
    padding-right: 1.11111rem;
    padding-bottom: 0;
    padding-left: 7.18254rem;
    margin-left: 0;
    margin-right: 0
}

@media print,
screen and (min-width:36.25em) {
    .staff-profile .experience-and-expertise .expertise li a {
        padding-left: 5.83333rem;
        height: 4.72222rem
    }
}

.staff-profile .experience-and-expertise .expertise li a::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 6.07143rem;
    width: 6.07143rem;
    background-color: RGB(var(--secondary-rgb))
}

@media print,
screen and (min-width:36.25em) {
    .staff-profile .experience-and-expertise .expertise li a::before {
        height: 4.72222rem;
        width: 4.72222rem
    }
}

.staff-profile .experience-and-expertise .expertise li img {
    position: absolute;
    top: 0;
    left: 0;
    height: 6.07143rem;
    width: 6.07143rem;
    border-image-width: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

@media print,
screen and (min-width:36.25em) {
    .staff-profile .experience-and-expertise .expertise li img {
        height: 4.72222rem;
        width: 4.72222rem
    }
}

.staff-profile .experience-and-expertise .contact-button {
    text-align: center
}

.agenda .content-section:not(.base) {
    padding: 0;
    position: static
}

.agenda .overflow-wrapper {
    overflow-x: hidden
}

.agenda .additional-content {
    padding-top: 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .agenda .additional-content {
        padding-top: 3.33333rem
    }
}

.agenda .tabs-content {
    background-color: #e8e8e8
}

.agenda .streams {
    margin-left: -2.55952rem;
    margin-right: -2.55952rem
}

@media print,
screen and (min-width:36.25em) {
    .agenda .streams {
        margin-left: -2.69841rem;
        margin-right: -2.69841rem
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .streams {
        margin-left: -.55556rem;
        margin-right: -.55556rem
    }
}

.agenda .slick-list {
    overflow: visible !important
}

.agenda .slick-track {
    overflow: hidden
}

.agenda .slick-slide {
    opacity: 1;
    transition: opacity .5s
}

.agenda .slick-slide[aria-hidden=true] {
    cursor: pointer;
    opacity: .2
}

.agenda .slick-slide[aria-hidden=true]:hover {
    opacity: .7
}

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

.agenda .stream {
    width: 100%;
    float: left;
    padding-right: .41667rem;
    padding-left: .41667rem;
    min-height: 1px
}

@media print,
screen and (min-width:36.25em) {
    .agenda .stream {
        padding-right: .55556rem;
        padding-left: .55556rem
    }
}

.agenda .stream,
.agenda .stream:last-child:not(:first-child) {
    float: left;
    clear: none
}

@media print,
screen and (min-width:36.25em) {
    .agenda .stream {
        width: 50%
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .stream {
        width: 33.33333%
    }
}

@media screen and (min-width:68.75em) {
    .agenda .stream {
        width: 25%
    }
}

.agenda .stream .headline {
    margin: 0;
    position: relative;
    word-wrap: break-word;
    text-wrap: balance
}

.agenda .stream .headline:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.11111rem;
    font-family: "BPC Icons";
    color: RGB(var(--primary-rgb));
    transition: color .2s ease;
    position: absolute;
    bottom: -2.77778rem;
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%
}

.agenda .stream .headline::before {
    rotate: 90deg;
    transform-origin: top
}

.agenda .stream a {
    color: #222
}

.agenda .stream .session {
    flex-direction: column
}

@media print,
screen and (min-width:50em) {
    .agenda .stream .session .event-time {
        margin-bottom: .83333rem
    }
}

.agenda .session {
    background-color: #fff;
    margin-bottom: 1.11111rem
}

.agenda .session.overall {
    margin-right: -2.14286rem;
    margin-left: -2.14286rem
}

@media print,
screen and (min-width:50em) {
    .agenda .session.overall {
        margin-right: 0;
        margin-left: 0
    }
}

.agenda .session p {
    padding-left: 0;
    padding-right: 0
}

.agenda .break {
    position: relative;
    margin-right: -2.14286rem;
    margin-left: -2.14286rem;
    color: #fff;
    clear: both;
    margin-top: .55556rem;
    margin-bottom: 1.66667rem;
    padding-top: 1.66667rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.66667rem;
    padding-left: 2.14286rem
}

.agenda .break::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #313131
}

@media print,
screen and (min-width:50em) {
    .agenda .break {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .break {
        padding-right: 10.27778rem;
        padding-left: 10.27778rem
    }
}

.agenda .break:first-child {
    margin-top: 0
}

.agenda .break:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:50em) {
    .agenda .break .event-time {
        position: absolute;
        top: 1.66667rem;
        left: 1.66667rem
    }

    .agenda .break .event-time.browser-time {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.agenda .break .content-header {
    margin: 0;
    font-size: 1.28571rem;
    text-align: left
}

@media print,
screen and (min-width:50em) {
    .agenda .break .content-header {
        text-align: center;
        font-size: 1.38889rem
    }
}

.agenda .grid-content {
    padding-top: 1.71429rem;
    padding-right: 2.14286rem;
    padding-bottom: 1.71429rem;
    padding-left: 2.14286rem;
    margin-left: 0;
    margin-right: 0
}

@media print,
screen and (min-width:36.25em) {
    .agenda .grid-content.session {
        padding-top: 2.77778rem;
        padding-bottom: 2.77778rem
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .grid-content.session {
        display: flex;
        padding-top: 1.66667rem;
        padding-right: 1.66667rem;
        padding-bottom: 1.66667rem;
        padding-left: 1.66667rem
    }
}

.agenda .grid-content .content-header {
    padding: 0
}

.agenda .grid-content .content-type {
    position: static
}

.agenda .grid-content .content {
    flex-grow: 1;
    flex-shrink: 1
}

.agenda .event-time {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: .22222rem;
    margin-bottom: .83333rem;
    text-decoration: none
}

@media print,
screen and (min-width:50em) {
    .agenda .event-time {
        width: 8.61111rem;
        margin-bottom: 0;
        padding-right: .83333rem
    }
}

.agenda .event-time.browser-time {
    height: 3.33333rem
}

.agenda .event-time .timezone-info {
    right: .83333rem;
    left: 0;
    bottom: 0
}

.agenda .event-time .time-in-ecoma-timezone {
    position: static;
    margin-bottom: -.38889rem
}

.agenda .content-header {
    position: relative;
    margin-bottom: 0
}

.agenda .room {
    margin-bottom: 1rem
}

.agenda .share-bar.sticky>div {
    position: static;
    text-align: left
}

.agenda .sticky-wrapper::before,
.agenda .sticky-wrapper::after {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.agenda .sticky-wrapper::after {
    clear: both
}

.agenda .slider-nav {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: RGB(var(--primary-rgb));
    display: flex;
    justify-content: center;
    overflow: hidden
}

.agenda .slider-nav::after {
    content: "";
    position: absolute;
    top: -110%;
    width: 110%;
    aspect-ratio: 1;
    border-style: solid;
    border-width: 5px;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    background-color: transparent;
    animation-name: button-pulse;
    animation-duration: 1500ms;
    animation-delay: 0s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    z-index: -1
}

@supports (position:sticky) {
    .agenda .slider-nav {
        position: sticky
    }
}

@media print,
screen and (min-width:36.25em) {
    .agenda .slider-nav {
        float: left;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.agenda .slider-nav .button {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    height: 40px;
    width: 40px;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    background-color: transparent;
    font-size: 0;
    display: none;
    padding: 0;
    position: relative;
    background-color: transparent
}

.agenda .slider-nav .button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

.agenda .slider-nav .button:hover::after,
.agenda .slider-nav .button:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

.agenda .slider-nav .button.disabled::after,
.agenda .slider-nav .button.disabled:hover::after,
.agenda .slider-nav .button.disabled:focus::after,
.agenda .slider-nav .button[disabled]::after,
.agenda .slider-nav .button[disabled]:hover::after,
.agenda .slider-nav .button[disabled]:focus::after {
    display: none
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .button {
        height: 40px
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .button {
        height: 55px
    }
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .button {
        width: 44px
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .button {
        width: 60px
    }
}

.agenda .slider-nav .button.slick-arrow {
    display: block
}

.agenda .slider-nav .button.slick-disabled {
    pointer-events: none
}

.agenda .slider-nav .button.slick-hidden {
    display: none !important
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .button {
        width: 3.33333rem;
        height: 3.05556rem
    }
}

.agenda .slider-nav .prev .button {
    color: #fff;
    font-size: 0;
    overflow: hidden
}

.agenda .slider-nav .prev .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .prev .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .prev .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .prev .button::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .prev .button:hover,
.agenda .slider-nav .prev .button:focus {
    color: #fff
}

.agenda .slider-nav .prev .button:hover::before,
.agenda .slider-nav .prev .button:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.agenda .slider-nav .prev .button:hover .icon-shadow,
.agenda .slider-nav .prev .button:focus .icon-shadow {
    transition: none;
    color: RGB(var(--secondary-rgb))
}

.agenda .slider-nav .prev .button:hover .icon-shadow::before,
.agenda .slider-nav .prev .button:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .prev .button .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.agenda .slider-nav .prev .button .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .prev .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .prev .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .prev .button .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.agenda .slider-nav .prev .button[disabled]:hover::before,
.agenda .slider-nav .prev .button[disabled]:focus::before,
.agenda .slider-nav .prev .button.slick-disabled:hover::before,
.agenda .slider-nav .prev .button.slick-disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .prev .button[disabled]:hover .icon-shadow,
.agenda .slider-nav .prev .button[disabled]:focus .icon-shadow,
.agenda .slider-nav .prev .button.slick-disabled:hover .icon-shadow,
.agenda .slider-nav .prev .button.slick-disabled:focus .icon-shadow {
    color: #fff
}

.agenda .slider-nav .prev .button[disabled]:hover .icon-shadow::before,
.agenda .slider-nav .prev .button[disabled]:focus .icon-shadow::before,
.agenda .slider-nav .prev .button.slick-disabled:hover .icon-shadow::before,
.agenda .slider-nav .prev .button.slick-disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .next .button {
    color: #fff;
    font-size: 0;
    overflow: hidden
}

.agenda .slider-nav .next .button:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .next .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .next .button:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .next .button::before {
    color: inherit;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .next .button:hover,
.agenda .slider-nav .next .button:focus {
    color: #fff
}

.agenda .slider-nav .next .button:hover::before,
.agenda .slider-nav .next .button:focus::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, 30px)
}

.agenda .slider-nav .next .button:hover .icon-shadow,
.agenda .slider-nav .next .button:focus .icon-shadow {
    transition: none;
    color: RGB(var(--secondary-rgb))
}

.agenda .slider-nav .next .button:hover .icon-shadow::before,
.agenda .slider-nav .next .button:focus .icon-shadow::before {
    transition: clip .25s ease-out 0s;
    clip: rect(-1px, 30px, 100px, -1px)
}

.agenda .slider-nav .next .button .icon-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color .2s ease-out;
    color: transparent;
    pointer-events: none
}

.agenda .slider-nav .next .button .icon-shadow:before {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.33333rem;
    font-family: "BPC Icons";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

@media print,
screen and (min-width:50em) {
    .agenda .slider-nav .next .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.11111rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

@media screen and (min-width:90em) {
    .agenda .slider-nav .next .button .icon-shadow:before {
        content: "";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-size: 1.33333rem;
        font-family: "BPC Icons";
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
    }
}

.agenda .slider-nav .next .button .icon-shadow::before {
    transition: clip 0s ease-out .25s;
    clip: rect(-1px, -1px, 100px, -1px)
}

.agenda .slider-nav .next .button[disabled]:hover::before,
.agenda .slider-nav .next .button[disabled]:focus::before,
.agenda .slider-nav .next .button.slick-disabled:hover::before,
.agenda .slider-nav .next .button.slick-disabled:focus::before {
    clip: rect(-1px, 30px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .next .button[disabled]:hover .icon-shadow,
.agenda .slider-nav .next .button[disabled]:focus .icon-shadow,
.agenda .slider-nav .next .button.slick-disabled:hover .icon-shadow,
.agenda .slider-nav .next .button.slick-disabled:focus .icon-shadow {
    color: #fff
}

.agenda .slider-nav .next .button[disabled]:hover .icon-shadow::before,
.agenda .slider-nav .next .button[disabled]:focus .icon-shadow::before,
.agenda .slider-nav .next .button.slick-disabled:hover .icon-shadow::before,
.agenda .slider-nav .next .button.slick-disabled:focus .icon-shadow::before {
    clip: rect(-1px, -1px, 100px, -1px);
    transition: none
}

.agenda .slider-nav .dots {
    position: relative;
    min-width: 6.66667rem
}

.agenda .slider-nav .dots .slick-dots {
    display: flex !important;
    position: static;
    justify-content: center;
    padding-top: 1.66667rem
}

.agenda .slider-nav .dots .slick-dots li {
    margin: 0 .27778rem;
    position: relative
}

.agenda .slider-nav .dot-heading {
    position: absolute;
    top: .11111rem;
    right: 0;
    left: 0;
    display: block;
    color: #fff;
    font-size: .77778rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.55556rem
}

.agenda .filter-wrap {
    margin-bottom: 0
}

.agenda .filter-wrap .filter-options {
    background-color: #222
}

.agenda .slick-dots {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: .83333rem;
    position: absolute;
    bottom: -3.05556rem;
    left: 0
}

.agenda .slick-dots li {
    position: relative;
    display: inline-block;
    height: .83333rem;
    width: .83333rem;
    margin: 0 .27778rem;
    padding: 0;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
    vertical-align: top;
    background-color: #fff
}

.agenda .slick-dots li::before {
    content: ""
}

.agenda .slick-dots li button {
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1.6;
    border: 0;
    border-radius: 0;
    text-align: left;
    vertical-align: baseline;
    font-size: 1rem;
    color: #222;
    overflow: visible;
    transform: none;
    backface-visibility: visible;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.agenda .slick-dots li button:hover,
.agenda .slick-dots li button:focus {
    background: 0 0;
    color: #222
}

.agenda .slick-dots li button::after {
    content: none;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
    background-image: none;
    width: auto;
    height: auto;
    transform: none;
    transition: all 0s ease 0s;
    backface-visibility: visible
}

.agenda .slick-dots li button:hover::after,
.agenda .slick-dots li button:focus::after {
    left: auto;
    transform: none;
    transition: all 0s ease 0s
}

.agenda .slick-dots li button:hover,
.agenda .slick-dots li button:focus {
    outline: 0
}

.agenda .slick-dots li.slick-active {
    background-color: transparent !important
}

@keyframes button-pulse {
    0% {
        transform: scale(.6);
        opacity: 1;
        box-shadow: inset 0 0 25px 3px rgba(255, 255, 255, .75), 0 0 25px 10px rgba(255, 255, 255, .75)
    }

    to {
        transform: scale(1);
        opacity: 0;
        box-shadow: none
    }
}

@media screen and (min-width:68.75em) {
    .nav-opener.event-kit {
        display: none
    }
}

.nav-opener.event-kit+.nav-main .nav-menu>ul {
    min-height: 0 !important
}

@media print,
screen and (min-width:50em) {
    .event-kit .sticky-elements .side~.master-download-opener:nth-last-child(5) {
        border-radius: 0
    }
}

.event-kit .panel .svg.event {
    fill: RGB(var(--primary-rgb))
}

.event-kit .panel .svg.program {
    fill: RGB(var(--secondary-rgb))
}

.event-kit .button.side,
.event-kit button.side {
    height: 40px;
    display: none;
    line-height: 1;
    position: fixed;
    transform: rotate(-90deg) translateY(-100%);
    transform-origin: top right;
    z-index: 8;
    padding: .66667rem 0;
    border-radius: 0;
    right: 0;
    z-index: 11
}

@media print,
screen and (min-width:50em) {

    .event-kit .button.side,
    .event-kit button.side {
        height: 44px
    }
}

@media screen and (min-width:90em) {

    .event-kit .button.side,
    .event-kit button.side {
        height: 60px
    }
}

@media print,
screen and (min-width:50em) {

    .event-kit .button.side,
    .event-kit button.side {
        right: 0;
        top: 41px
    }
}

@media screen and (min-width:90em) {

    .event-kit .button.side,
    .event-kit button.side {
        right: 0;
        top: 56px
    }
}

@media print,
screen and (min-width:50em) {

    .event-kit .button.side,
    .event-kit button.side {
        display: block
    }
}

@media screen and (min-width:90em) {

    .event-kit .button.side,
    .event-kit button.side {
        padding: 1rem 0
    }
}

@media print,
screen and (min-width:50em) {

    .event-kit .button.side,
    .event-kit button.side {
        width: 6.55556rem
    }
}

@media screen and (min-width:90em) {

    .event-kit .button.side,
    .event-kit button.side {
        width: 5.72222rem
    }
}

.event-kit .nav-main .button {
    display: block;
    margin: 1.14286rem 2.14286rem
}

@media print,
screen and (min-width:50em) {
    .event-kit .nav-main .button {
        display: none
    }
}

.event-kit .speakers {
    margin-bottom: .55556rem
}

.event-kit .speakers:last-child {
    margin-bottom: 0
}

.event-kit .speakers li {
    font-size: 1rem;
    margin-top: .38889rem
}

@media print,
screen and (min-width:50em) {
    .event-kit .speakers li {
        font-size: .77778rem
    }
}

.event-kit .break .summary {
    position: relative;
    margin: 0;
    text-align: left
}

@media print,
screen and (min-width:50em) {
    .event-kit .break .summary {
        text-align: center
    }
}

.event-kit .additionally {
    display: none
}

.event-kit .additionally p {
    margin-top: .88889rem;
    margin-right: 0;
    margin-bottom: .88889rem;
    margin-left: 0
}

.welcome .page-header.stage .background-image {
    transform-origin: 100% 66%;
    transition-property: transform;
    transition-duration: 5000ms;
    transition-timing-function: ease-out;
    transition-delay: 1000ms;
    transform: scale(1)
}

.welcome .page-header.stage .feature-label,
.welcome .page-header.stage .header-h1,
.welcome .page-header.stage .headline-description,
.welcome .page-header.stage .buttons {
    transition-property: transform, opacity;
    transition-duration: 650ms;
    transition-timing-function: cubic-bezier(.56, .13, .51, .88);
    transform: translateX(-25%);
    opacity: 0
}

.welcome .page-header.stage .feature-label {
    transition-delay: 2000ms
}

.welcome .page-header.stage .header-h1 {
    transition-delay: 2100ms
}

.welcome .page-header.stage .headline-description {
    transition-delay: 2200ms
}

.welcome .page-header.stage .buttons {
    transition-delay: 2300ms
}

.welcome .page-header.stage.is-active .background-image {
    transform: scale(1.05)
}

.welcome .page-header.stage.is-active .feature-label,
.welcome .page-header.stage.is-active .header-h1,
.welcome .page-header.stage.is-active .headline-description,
.welcome .page-header.stage.is-active .buttons {
    transform: translateX(0);
    opacity: 1
}

[data-presence="70"] .panel-wall,
[data-presence="70"] .benefits-with-icons-and-video,
[data-presence="70"] .inline-icon-distributor,
[data-presence="70"] .colored-background,
[data-presence="71"] .panel-wall,
[data-presence="71"] .benefits-with-icons-and-video,
[data-presence="71"] .inline-icon-distributor,
[data-presence="71"] .colored-background,
[data-presence="79"] .panel-wall,
[data-presence="79"] .benefits-with-icons-and-video,
[data-presence="79"] .inline-icon-distributor,
[data-presence="79"] .colored-background {
    background-color: #000;
    background-image: none
}

@media screen and (max-width:49.99875em) {

    [data-presence="70"] .logo img,
    [data-presence="71"] .logo img,
    [data-presence="79"] .logo img {
        margin-top: -.55556rem
    }
}

[data-presence="70"] .zoom,
[data-presence="71"] .zoom,
[data-presence="79"] .zoom {
    background-color: #000
}

[data-presence="70"] .zoom:hover,
[data-presence="70"] .zoom:focus,
[data-presence="71"] .zoom:hover,
[data-presence="71"] .zoom:focus,
[data-presence="79"] .zoom:hover,
[data-presence="79"] .zoom:focus {
    background-color: RGB(var(--secondary-rgb))
}

[data-presence="70"] .big-teaser-section:not(.invert) .header-h1,
[data-presence="71"] .big-teaser-section:not(.invert) .header-h1,
[data-presence="79"] .big-teaser-section:not(.invert) .header-h1 {
    color: #222
}

[data-presence="70"] .page-header .header-h1,
[data-presence="71"] .page-header .header-h1,
[data-presence="79"] .page-header .header-h1 {
    color: #fff
}

[data-presence="52"] .page-header.monochrome::after,
[data-presence="53"] .page-header.monochrome::after,
[data-presence="54"] .page-header.monochrome::after,
[data-presence="70"] .page-header.monochrome::after,
[data-presence="71"] .page-header.monochrome::after,
[data-presence="77"] .page-header.monochrome::after,
[data-presence="78"] .page-header.monochrome::after,
[data-presence="79"] .page-header.monochrome::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .72);
    mix-blend-mode: overlay
}

[data-presence="52"] .page-header.monochrome .main-wrapper,
[data-presence="53"] .page-header.monochrome .main-wrapper,
[data-presence="54"] .page-header.monochrome .main-wrapper,
[data-presence="70"] .page-header.monochrome .main-wrapper,
[data-presence="71"] .page-header.monochrome .main-wrapper,
[data-presence="77"] .page-header.monochrome .main-wrapper,
[data-presence="78"] .page-header.monochrome .main-wrapper,
[data-presence="79"] .page-header.monochrome .main-wrapper {
    z-index: 1
}

[data-presence="52"] .header-video,
[data-presence="53"] .header-video,
[data-presence="54"] .header-video,
[data-presence="70"] .header-video,
[data-presence="71"] .header-video,
[data-presence="77"] .header-video,
[data-presence="78"] .header-video,
[data-presence="79"] .header-video {
    position: relative;
    max-height: 100vh
}

[data-presence="52"] .header-video::before,
[data-presence="53"] .header-video::before,
[data-presence="54"] .header-video::before,
[data-presence="70"] .header-video::before,
[data-presence="71"] .header-video::before,
[data-presence="77"] .header-video::before,
[data-presence="78"] .header-video::before,
[data-presence="79"] .header-video::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    pointer-events: none
}

@media screen and (max-width:36.24875em) {

    [data-presence="52"] .header-video .background,
    [data-presence="53"] .header-video .background,
    [data-presence="54"] .header-video .background,
    [data-presence="70"] .header-video .background,
    [data-presence="71"] .header-video .background,
    [data-presence="77"] .header-video .background,
    [data-presence="78"] .header-video .background,
    [data-presence="79"] .header-video .background {
        aspect-ratio: unset;
        min-height: 36.11111rem
    }
}

@media screen and (max-width:36.24875em) {

    [data-presence="52"] .header-video .background img,
    [data-presence="52"] .header-video .background video,
    [data-presence="53"] .header-video .background img,
    [data-presence="53"] .header-video .background video,
    [data-presence="54"] .header-video .background img,
    [data-presence="54"] .header-video .background video,
    [data-presence="70"] .header-video .background img,
    [data-presence="70"] .header-video .background video,
    [data-presence="71"] .header-video .background img,
    [data-presence="71"] .header-video .background video,
    [data-presence="77"] .header-video .background img,
    [data-presence="77"] .header-video .background video,
    [data-presence="78"] .header-video .background img,
    [data-presence="78"] .header-video .background video,
    [data-presence="79"] .header-video .background img,
    [data-presence="79"] .header-video .background video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        min-height: 36.11111rem
    }
}

[data-presence="52"] .header-video .main-wrapper,
[data-presence="53"] .header-video .main-wrapper,
[data-presence="54"] .header-video .main-wrapper,
[data-presence="70"] .header-video .main-wrapper,
[data-presence="71"] .header-video .main-wrapper,
[data-presence="77"] .header-video .main-wrapper,
[data-presence="78"] .header-video .main-wrapper,
[data-presence="79"] .header-video .main-wrapper {
    display: flex;
    flex-direction: column
}

[data-presence="52"] .header-video .inner-wrapper,
[data-presence="53"] .header-video .inner-wrapper,
[data-presence="54"] .header-video .inner-wrapper,
[data-presence="70"] .header-video .inner-wrapper,
[data-presence="71"] .header-video .inner-wrapper,
[data-presence="77"] .header-video .inner-wrapper,
[data-presence="78"] .header-video .inner-wrapper,
[data-presence="79"] .header-video .inner-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

[data-presence="52"] .header-video h1,
[data-presence="52"] .header-video p,
[data-presence="53"] .header-video h1,
[data-presence="53"] .header-video p,
[data-presence="54"] .header-video h1,
[data-presence="54"] .header-video p,
[data-presence="70"] .header-video h1,
[data-presence="70"] .header-video p,
[data-presence="71"] .header-video h1,
[data-presence="71"] .header-video p,
[data-presence="77"] .header-video h1,
[data-presence="77"] .header-video p,
[data-presence="78"] .header-video h1,
[data-presence="78"] .header-video p,
[data-presence="79"] .header-video h1,
[data-presence="79"] .header-video p {
    opacity: 0;
    transform: translateY(50%);
    margin-left: auto;
    margin-right: auto;
    transition: transform, opacity;
    transition-duration: calc(2000ms*.8), 2000ms;
    transition-timing-function: ease;
    text-align: center
}

[data-presence="52"] .header-video h1,
[data-presence="53"] .header-video h1,
[data-presence="54"] .header-video h1,
[data-presence="70"] .header-video h1,
[data-presence="71"] .header-video h1,
[data-presence="77"] .header-video h1,
[data-presence="78"] .header-video h1,
[data-presence="79"] .header-video h1 {
    margin-top: 0;
    max-width: 28ch
}

@media screen and (max-width:68.74875em) {

    [data-presence="52"] .header-video h1,
    [data-presence="53"] .header-video h1,
    [data-presence="54"] .header-video h1,
    [data-presence="70"] .header-video h1,
    [data-presence="71"] .header-video h1,
    [data-presence="77"] .header-video h1,
    [data-presence="78"] .header-video h1,
    [data-presence="79"] .header-video h1 {
        margin-bottom: 1.11111rem;
        font-size: 1.71429rem
    }
}

[data-presence="52"] .header-video p,
[data-presence="53"] .header-video p,
[data-presence="54"] .header-video p,
[data-presence="70"] .header-video p,
[data-presence="71"] .header-video p,
[data-presence="77"] .header-video p,
[data-presence="78"] .header-video p,
[data-presence="79"] .header-video p {
    max-width: 74ch;
    transition-delay: 1000ms
}

[data-presence="52"] .header-video .text-container .active,
[data-presence="53"] .header-video .text-container .active,
[data-presence="54"] .header-video .text-container .active,
[data-presence="70"] .header-video .text-container .active,
[data-presence="71"] .header-video .text-container .active,
[data-presence="77"] .header-video .text-container .active,
[data-presence="78"] .header-video .text-container .active,
[data-presence="79"] .header-video .text-container .active {
    transform: translateY(0);
    opacity: 1
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    border-color: #fff;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    margin-top: -.5rem;
    margin-left: .83333rem;
    margin-right: .83333rem
}

[data-whatinput=mouse] [data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-whatinput=mouse] [data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a,
[data-whatinput=mouse] [data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a {
    outline: 0
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover::after,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled::after,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover::after,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus::after,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]::after,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover::after,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover::after,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover::after,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus::after {
    display: none
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled] {
    opacity: .25;
    cursor: not-allowed
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus {
    background-color: transparent
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a:focus {
    color: #fff;
    border-color: RGB(var(--primary-rgb))
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover,
[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a.disabled:focus,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled],
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:hover,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2)>a[disabled]:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

[data-presence="54"] nav.nav-top>ul.dropdown>li:nth-last-child(2).active>a,
[data-presence="77"] nav.nav-top>ul.dropdown>li:nth-last-child(2).active>a,
[data-presence="78"] nav.nav-top>ul.dropdown>li:nth-last-child(2).active>a {
    background-color: RGB(var(--secondary-rgb));
    pointer-events: none
}

[data-presence="21"] .inner-wrapper:has(.bauma-banner),
[data-presence="45"] .inner-wrapper:has(.bauma-banner) {
    display: flex;
    flex-direction: column
}

@media print,
screen and (min-width:36.25em) {

    [data-presence="21"] .inner-wrapper:has(.bauma-banner),
    [data-presence="45"] .inner-wrapper:has(.bauma-banner) {
        flex-direction: row;
        gap: 4rem
    }
}

[data-presence="21"] .inner-wrapper .bauma-banner a,
[data-presence="45"] .inner-wrapper .bauma-banner a {
    display: block;
    width: 8.88889rem;
    height: 33.33333rem;
    background-image: url(https://pbanner-aws.nfm-mediashop.de/img/banners/d7ff99d59b2d3e15_1925_A2_625_8_en.png);
    background-size: cover
}

[data-presence="73"] .logo {
    width: 16.11111rem
}

@media screen and (max-width:49.99875em) {
    [data-presence="73"] .logo {
        width: 11.11111rem;
        margin-bottom: unset
    }
}

@media screen and (max-width:49.99875em) {
    [data-presence="73"] .logo img {
        margin-top: -.11111rem
    }
}

@media print,
screen and (min-width:50em) {

    [data-presence="46"] .logo,
    [data-presence="47"] .logo {
        width: 16.11111rem
    }

    [data-presence="46"] .logo svg,
    [data-presence="47"] .logo svg {
        height: 2.16667rem
    }
}

[data-presence="46"] .sticky-container,
[data-presence="47"] .sticky-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

[data-presence="46"] .is-stuck .mega-menu,
[data-presence="47"] .is-stuck .mega-menu {
    position: relative
}

[data-presence="46"] nav.nav-top>ul>li:last-child,
[data-presence="47"] nav.nav-top>ul>li:last-child {
    position: absolute;
    top: -4.27778rem;
    right: .83333rem
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a,
[data-presence="47"] nav.nav-top>ul>li:last-child>a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem
}

[data-whatinput=mouse] [data-presence="46"] nav.nav-top>ul>li:last-child>a,
[data-whatinput=mouse] [data-presence="47"] nav.nav-top>ul>li:last-child>a {
    outline: 0
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="46"] nav.nav-top>ul>li:last-child>a:focus,
[data-presence="47"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="47"] nav.nav-top>ul>li:last-child>a:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a:hover::after,
[data-presence="46"] nav.nav-top>ul>li:last-child>a:focus::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a:hover::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled::after,
[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled:hover::after,
[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled:focus::after,
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled]::after,
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled]:hover::after,
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled]:focus::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled:hover::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled:focus::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled]::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled]:hover::after,
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled]:focus::after {
    display: none
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled] {
    opacity: .25;
    cursor: not-allowed
}

[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled:hover,
[data-presence="46"] nav.nav-top>ul>li:last-child>a.disabled:focus,
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled]:hover,
[data-presence="46"] nav.nav-top>ul>li:last-child>a[disabled]:focus,
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled:hover,
[data-presence="47"] nav.nav-top>ul>li:last-child>a.disabled:focus,
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled]:hover,
[data-presence="47"] nav.nav-top>ul>li:last-child>a[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

[data-presence="46"] nav.nav-top>ul>li:last-child.active>a,
[data-presence="47"] nav.nav-top>ul>li:last-child.active>a {
    background-color: RGB(var(--secondary-rgb));
    pointer-events: none
}

[data-presence="40"] .sticky-container,
[data-presence="43"] .sticky-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

[data-presence="40"] .is-stuck .mega-menu,
[data-presence="43"] .is-stuck .mega-menu {
    position: relative
}

[data-presence="40"] nav.nav-top>ul>li:last-child,
[data-presence="43"] nav.nav-top>ul>li:last-child {
    position: absolute;
    top: -3.61111rem;
    right: .83333rem
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a,
[data-presence="43"] nav.nav-top>ul>li:last-child>a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem
}

[data-whatinput=mouse] [data-presence="40"] nav.nav-top>ul>li:last-child>a,
[data-whatinput=mouse] [data-presence="43"] nav.nav-top>ul>li:last-child>a {
    outline: 0
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="40"] nav.nav-top>ul>li:last-child>a:focus,
[data-presence="43"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="43"] nav.nav-top>ul>li:last-child>a:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a:hover::after,
[data-presence="40"] nav.nav-top>ul>li:last-child>a:focus::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a:hover::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled::after,
[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled:hover::after,
[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled:focus::after,
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled]::after,
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled]:hover::after,
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled]:focus::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled:hover::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled:focus::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled]::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled]:hover::after,
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled]:focus::after {
    display: none
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled] {
    opacity: .25;
    cursor: not-allowed
}

[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled:hover,
[data-presence="40"] nav.nav-top>ul>li:last-child>a.disabled:focus,
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled]:hover,
[data-presence="40"] nav.nav-top>ul>li:last-child>a[disabled]:focus,
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled:hover,
[data-presence="43"] nav.nav-top>ul>li:last-child>a.disabled:focus,
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled]:hover,
[data-presence="43"] nav.nav-top>ul>li:last-child>a[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

[data-presence="40"] nav.nav-top>ul>li:last-child.active>a,
[data-presence="43"] nav.nav-top>ul>li:last-child.active>a {
    background-color: RGB(var(--secondary-rgb));
    pointer-events: none
}

[data-presence="55"] nav.nav-top>ul>li:last-child,
[data-presence="56"] nav.nav-top>ul>li:last-child {
    position: absolute;
    top: -3.66667rem;
    right: .83333rem
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a,
[data-presence="56"] nav.nav-top>ul>li:last-child>a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .75em 3.11111em;
    border: 1px solid transparent;
    border-radius: 2.88889em;
    transition: background-color .25s ease-out, color .25s ease-out, width .25s ease-out, height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, border-color .25s ease-out, padding .25s ease-out, transform .25s ease-out, top .25s ease-out, left .25s ease-out, right .25s ease-out, bottom .25s ease-out;
    font-family: inherit;
    font-size: 1em;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: RGB(var(--primary-rgb));
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
    border-radius: 2.88889em;
    text-decoration: none;
    font-family: "FS Albert", Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 400;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    outline: 0;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    border-color: RGB(var(--secondary-rgb));
    color: RGB(var(--secondary-rgb));
    background-color: transparent
}

[data-whatinput=mouse] [data-presence="55"] nav.nav-top>ul>li:last-child>a,
[data-whatinput=mouse] [data-presence="56"] nav.nav-top>ul>li:last-child>a {
    outline: 0
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="55"] nav.nav-top>ul>li:last-child>a:focus,
[data-presence="56"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="56"] nav.nav-top>ul>li:last-child>a:focus {
    background-color: RGB(var(--secondary-rgb));
    color: #fff
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(204, 204, 204, .05));
    width: 2.22222rem;
    height: 100%;
    transform: translate3d(-150%, 0, 0) skewX(-25deg);
    transition: none;
    backface-visibility: hidden
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a:hover::after,
[data-presence="55"] nav.nav-top>ul>li:last-child>a:focus::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a:hover::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a:focus::after {
    left: 100%;
    transform: translate3d(50%, 0, 0) skewX(-25deg);
    transition: transform .4s ease-out, left .4s ease-out
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled::after,
[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled:hover::after,
[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled:focus::after,
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled]::after,
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled]:hover::after,
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled]:focus::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled:hover::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled:focus::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled]::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled]:hover::after,
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled]:focus::after {
    display: none
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled] {
    opacity: .25;
    cursor: not-allowed
}

[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled:hover,
[data-presence="55"] nav.nav-top>ul>li:last-child>a.disabled:focus,
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled]:hover,
[data-presence="55"] nav.nav-top>ul>li:last-child>a[disabled]:focus,
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled,
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled:hover,
[data-presence="56"] nav.nav-top>ul>li:last-child>a.disabled:focus,
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled],
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled]:hover,
[data-presence="56"] nav.nav-top>ul>li:last-child>a[disabled]:focus {
    background-color: RGB(var(--primary-rgb));
    color: #fff
}

[data-presence="81"] nav.nav-top>ul>li:last-child>a {
    background-color: RGB(var(--secondary-rgb))
}

[data-presence="81"] nav.nav-top>ul>li:last-child>a:hover,
[data-presence="81"] nav.nav-top>ul>li:last-child>a:focus {
    background-color: RGB(var(--primary-rgb))
}