html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

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

button {
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0)
}

html {
    font: normal 100.01%/1.5 sans-serif;
    color: #1c1c1c;
    height: 100%;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    direction: ltr
}

body {
    background: #fff
}

body::after {
    -moz-column-width: var(--grid-absolute-col-width);
    column-width: var(--grid-absolute-col-width)
}

a {
    text-decoration: none
}

a,
button {
    color: #1c1c1c
}

button {
    font-size: 1em;
    border: 0 rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    outline: 0;
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0
}

input {
    color: #1c1c1c;
    margin: 0;
    padding: 0
}

input[type=text],
input[type=date] {
    -webkit-appearance: none
}

input[type=date]::-webkit-date-and-time-value {
    text-align: left
}

audio,
canvas,
img,
svg,
video {
    vertical-align: middle
}

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

textarea {
    resize: vertical
}

select {
    color: #1c1c1c
}

sup,
sub {
    line-height: 0;
    font-size: 70%
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

strong,
b {
    font-weight: 500
}

i,
em {
    font-style: italic
}

legend {
    display: table
}

@font-face {
    font-family: "Frutiger";
    src: url("../../../../css/type/FrutigerforUBSWeb-Lt.202008181632.woff2") format("woff2"), url("../../../../css/type/FrutigerforUBSWeb-Lt.202008181632.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 300 499
}

@font-face {
    font-family: "Frutiger";
    src: url("../../../../css/type/FrutigerforUBSWeb-Md.202008181632.woff2") format("woff2"), url("../../../../css/type/FrutigerforUBSWeb-Md.202008181632.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "FrutigerChina";
    src: url("../../../../css/type/FrutigerforUBSWeb-Lt.202008181632.woff2") format("woff2"), url("../../../../css/type/FrutigerforUBSWeb-Lt.202008181632.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 300 499
}

:root {
    --root-width: 100vw;
    --grid-absolute-gutter: 20px;
    --grid-absolute-cols: 12;
    --grid-container-spacing: 20px;
    --grid-container-max-width-xl: 1290px;
    --grid-container-width: calc(var(--root-width) - var(--grid-container-spacing) * 2);
    --grid-absolute-col-width: calc( ( var(--grid-container-width) - var(--grid-absolute-gutter) * (var(--grid-absolute-cols) - 1)) / var(--grid-absolute-cols))
}

@media(min-width: 1024px) {
    :root {
        --grid-absolute-gutter: 24px
    }
}

@media(min-width: 1280px) {
    :root {
        --grid-absolute-gutter: 40px
    }
}

@media(min-width: 768px) {
    :root {
        --grid-absolute-cols: 24;
        --grid-container-spacing: 34px
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    :root {
        --grid-container-spacing: 42px
    }
}

@media(min-width: 1280px) {
    :root {
        --grid-container-spacing: 64px
    }
}

@media(min-width: 1440px) {
    :root {
        --grid-container-spacing: 75px;
        --grid-container-width: min( calc(var(--root-width) - var(--grid-container-spacing) * 2), 1290px)
    }
}

@media(min-width: 1440px) {}

.grid-ratioResponsive {
    position: relative;
    height: 0
}

.grid-ratioResponsive img,
.grid-ratioResponsive object,
.grid-ratioResponsive embed,
.grid-ratioResponsive .BrightcoveExperience {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(min-width: 1024px) {
    .grid-ratioResponsive--player {
        width: 70%
    }
    .gridcontrol__gridcell--B1 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--B2 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--C1 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--C2 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--C3 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--C4 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--D1 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--D2 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--D3 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--E1 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--E2 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--E3 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--F1 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--F2 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--F3 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--H1 .grid-ratioResponsive--player,
    .gridcontrol__gridcell--G2 .grid-ratioResponsive--player {
        width: 100%
    }
}

@media(min-width: 1024px) {}

.grid-ratioResponsive--16-9 {
    padding-bottom: 56.25%
}

@media(min-width: 1024px) {
    .grid-ratioResponsive--16-9.grid-ratioResponsive--player {
        padding-bottom: 39.37%
    }
    .gridcontrol__gridcell--B1 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--B2 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--C1 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--C2 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--C3 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--C4 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--D1 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--D2 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--D3 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--E1 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--E2 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--E3 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--F1 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--F2 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--F3 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--H1 .grid-ratioResponsive--16-9.grid-ratioResponsive--player,
    .gridcontrol__gridcell--G2 .grid-ratioResponsive--16-9.grid-ratioResponsive--player {
        padding-bottom: 56.25%
    }
}

@media(min-width: 1024px) {}

.grid-ratioResponsive--4-3 {
    padding-bottom: 75%
}

.messagestage__context--middle .grid-messagestage__content--medium,
.messagestage__context--generous .grid-messagestage__content--medium,
.messagestage__context--middle .grid-messagestage__content--large,
.messagestage__context--generous .grid-messagestage__content--large {
    margin-left: calc(var(--grid-absolute-col-width) * 1 + var(--grid-absolute-gutter) * 1);
    margin-right: calc(var(--grid-absolute-col-width) * 1 + var(--grid-absolute-gutter) * 1)
}

.messagestage__context--middle .grid-messagestage__content--medium,
.messagestage__context--generous .grid-messagestage__content--medium {
    width: 18.75rem
}

.messagestage__context--generous .grid-messagestage__content--medium {
    width: calc(var(--grid-absolute-col-width) * 12 + var(--grid-absolute-gutter) * 11)
}

.messagestage__context--middle .grid-messagestage__content--large,
.messagestage__context--generous .grid-messagestage__content--large {
    width: 25rem
}

.messagestage__context--generous .grid-messagestage__content--large {
    width: calc(var(--grid-absolute-col-width) * 16 + var(--grid-absolute-gutter) * 15)
}

.messagestage__context--middle .grid-messagestage__content--right,
.messagestage__context--generous .grid-messagestage__content--right {
    margin-right: calc(var(--grid-absolute-col-width) * 1 + var(--grid-absolute-gutter) * 1);
    width: 25rem;
    right: 0px
}

.messagestage__context--generous .grid-messagestage__content--right {
    width: calc(var(--grid-absolute-col-width) * 12 + var(--grid-absolute-gutter) * 11)
}

.messagestage__teaser--fullBleed .grid-messagestage__content--small,
.messagestage__teaser--fullBleed .grid-messagestage__content--medium,
.messagestage__teaser--fullBleed .grid-messagestage__content--large {
    padding-left: 0 !important
}

.grid-container-debug body,
.lumos body {
    --grid-container-vp: "XS";
    position: relative
}

@media(min-width: 768px) {
    .grid-container-debug body,
    .lumos body {
        --grid-container-vp: "S"
    }
}

@media(min-width: 1024px) {
    .grid-container-debug body,
    .lumos body {
        --grid-container-vp: "M"
    }
}

@media(min-width: 1280px) {
    .grid-container-debug body,
    .lumos body {
        --grid-container-vp: "L"
    }
}

@media(min-width: 1440px) {
    .grid-container-debug body,
    .lumos body {
        --grid-container-vp: "XL"
    }
}

.grid-container-debug body::after,
.lumos body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--grid-container-width);
    height: 100%;
    margin-left: calc((var(--root-width) - var(--grid-container-width))/2);
    pointer-events: none;
    z-index: 9999999;
    background: repeating-linear-gradient(90deg, rgba(200, 150, 150, 0.4), rgba(200, 150, 150, 0.4) var(--grid-absolute-col-width), transparent var(--grid-absolute-col-width), transparent calc(var(--grid-absolute-col-width) + var(--grid-absolute-gutter)));
    background-position: 0;
    background-repeat: no-repeat
}

.grid-container-debug body::before,
.lumos body::before {
    content: var(--grid-container-vp);
    background: #9370db;
    color: #fff;
    font-weight: 500;
    position: fixed;
    inset-inline-end: 2px;
    inset-block-end: -4px;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
    z-index: 10000000
}

.grid-container {
    padding-left: calc((var(--root-width) - var(--grid-container-width)) / 2);
    padding-right: calc((var(--root-width) - var(--grid-container-width)) / 2);
    max-width: 100%
}

.grid-container--clear::before,
.grid-container--clear::after {
    content: " ";
    display: table
}

.grid-container--clear::after {
    clear: both
}

.grid-container .grid-container:not(.grid-container-2) {
    padding-left: 0em;
    padding-right: 0em;
    width: auto
}

@media(max-width: 767px) {
    .teaser__base .grid-container {
        padding: 0;
        overflow: hidden
    }
}

.grid-innerContainer--indentWrapper {
    margin-left: calc(var(--grid-absolute-gutter) / -2);
    margin-right: calc(var(--grid-absolute-gutter) / -2)
}

.grid-innerContainer--indent {
    padding-left: calc(var(--grid-absolute-gutter) / 2);
    padding-right: calc(var(--grid-absolute-gutter) / 2)
}

@media(min-width: 1024px) {
    .grid-innerContainer--indent {
        margin-left: calc(4 / var(--grid-absolute-cols) * 100%);
        margin-right: calc(6 / var(--grid-absolute-cols) * 100%)
    }
    .grid-cell .grid-innerContainer--indent {
        margin-left: 0;
        margin-right: 0
    }
    .grid-cell:first-child .grid-innerContainer--indent {
        margin-left: calc(4 / var(--grid-absolute-cols) * 100%)
    }
    .grid-cell:last-child .grid-innerContainer--indent {
        margin-right: calc(4 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-row {
    margin-left: calc(var(--grid-absolute-gutter) / -2);
    margin-right: calc(var(--grid-absolute-gutter) / -2);
    display: flex;
    flex-wrap: wrap
}

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

.grid-row::after {
    clear: both
}

@media only print {
    .grid-row {
        display: inline
    }
}

.grid-row::before {
    display: block
}

.grid-row--verticalCenter {
    align-items: center;
    width: 100%
}

.grid-cell {
    padding-left: calc(var(--grid-absolute-gutter) / 2);
    padding-right: calc(var(--grid-absolute-gutter) / 2);
    float: left
}

.grid-cell--l1,
.grid-cell--l2 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l2 {
        width: calc(16 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l3 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l3 {
        width: calc(14 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l4 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l4 {
        width: calc(12 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l5 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l5 {
        width: calc(12 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l6 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l6 {
        width: calc(10 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l7 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l7 {
        width: calc(12 / var(--grid-absolute-cols) * 100%)
    }
}

@media(min-width: 1024px) {
    .grid-cell--l7 {
        width: calc(6 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l8 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l8 {
        width: calc(12 / var(--grid-absolute-cols) * 100%)
    }
}

@media(min-width: 1024px) {
    .grid-cell--l8 {
        width: calc(8 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l9 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l9 {
        width: calc(8 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l10 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l10 {
        width: calc(18 / var(--grid-absolute-cols) * 100%)
    }
    .grid-cell--l10 .grid-cell--l3 {
        width: calc(10 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l5 {
        width: calc(18 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l6 {
        width: calc(8 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l7 {
        width: calc(9 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l11 {
        width: calc(15 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l12 {
        width: calc(5 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l15 {
        width: calc(14 / 18 * 100%)
    }
    .grid-cell--l10 .grid-cell--l16 {
        width: calc(4 / 18 * 100%)
    }
}

@media(min-width: 1024px) {}

.no-js .grid-nav+.grid-cell--l10.grid-main,
.grid-cell--l11 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l11 {
        width: calc(18 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l12 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l12 {
        width: calc(6 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l13 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l13 {
        width: calc(6 / var(--grid-absolute-cols) * 100%)
    }
}

.no-js .grid-cell--l13.grid-nav {
    display: none
}

.grid-cell--l14 {
    width: 100%
}

@media(min-width: 1024px) {
    .grid-cell--l14 {
        width: calc(12 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l15 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l15 {
        width: calc(21 / var(--grid-absolute-cols) * 100%)
    }
}

@media(min-width: 1024px) {
    .grid-cell--l15 {
        width: calc(18 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l16 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l16 {
        width: calc(21 / var(--grid-absolute-cols) * 100%)
    }
}

@media(min-width: 1024px) {
    .grid-cell--l16 {
        width: calc(6 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--quickaccess {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--quickaccess {
        margin-left: auto;
        width: calc(17 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--l19 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--l19 {
        width: calc(18 / var(--grid-absolute-cols) * 100%)
    }
}

@media(min-width: 1024px) {
    .grid-cell--l19 {
        width: calc(12 / var(--grid-absolute-cols) * 100%)
    }
}

.grid-cell--c5 {
    width: 100%
}

@media(min-width: 768px) {
    .grid-cell--c5 {
        width: 33.3333333333%
    }
}

@media(min-width: 1024px) {
    .grid-cell--c5 {
        width: 25%
    }
}

.grid-header {
    position: relative
}

@font-face {
    font-family: "ubs-icons";
    src: url("../../../../css/type/UBS-HomepageV3-Font-Icons.202106151630.woff2") format("woff2"), url("../../../../css/type/UBS-HomepageV3-Font-Icons.202106151630.ttf") format("truetype"), url("../../../../css/type/UBS-HomepageV3-Font-Icons.202106151630.woff") format("woff"), url("../../../../css/type/UBS-HomepageV3-Font-Icons.202106151630.svg#ubs-icons") format("svg");
    font-weight: 300;
    font-style: normal
}

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

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

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

.is-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.is-visuallyHidden.is-focusable:active,
.is-visuallyHidden.is-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.is-verticallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.is-textHidden {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    line-height: 0
}

.is-invisible {
    visibility: hidden
}

.js .is-no-js,
.no-js .is-js {
    display: none
}

@media only print {
    .is-hidden-from-print {
        display: none
    }
}

.js *:focus {
    outline: none
}

.aboutUs__base {
    padding-top: 3.75em;
    padding-bottom: .78125em;
    margin-top: 1.25em;
    position: relative;
    max-height: 585px;
    overflow: hidden
}

@media(min-width: 768px) {
    .aboutUs__base {
        margin-bottom: 1.25em;
        padding-bottom: 2.03125em
    }
}

@media(min-width: 1024px) {
    .aboutUs__base {
        padding-bottom: 2.65625em;
        margin-bottom: 1.5625em;
        margin-top: 1.5625em
    }
}

@media(min-width: 1280px) {
    .aboutUs__base {
        padding-bottom: 4.21875em;
        margin-bottom: 2.34375em;
        margin-top: 2.34375em
    }
}

.aboutUs__base--bg4 {
    --section-background-color: #fff;
    background-color: #fff
}

.aboutUs__base--bg1 {
    --section-background-color: #f9f9f7;
    background-color: #f9f9f7
}

.aboutUs__base .linklistreimagined__listItem {
    border-bottom: none
}

@media(min-width: 768px) {
    .aboutUs__article {
        position: relative;
        z-index: 10
    }
}

.aboutUs__hl {
    font: 300 1.75rem / 2.0625rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 768px) {
    .aboutUs__hl {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.aboutUs__paragraph {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif;
    margin-top: 2.5rem
}

@media(min-width: 1024px) {
    .aboutUs__paragraph {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .aboutUs__paragraph {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .aboutUs__paragraph {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

.aboutUs__list {
    margin-top: 1.5rem;
    align-items: baseline
}

@media(min-width: 768px) {
    .aboutUs__list {
        margin-top: 1.25rem
    }
}

.aboutUs__image {
    display: none
}

@media(min-width: 768px) {
    .aboutUs__image {
        display: block
    }
}

.aboutUs__image img {
    width: 100%
}

.aboutUs__image .image__skeleton {
    padding-top: 0 !important
}

.accordion__wrapper {
    border-bottom: 1px solid #8e8d83
}

.accordion__wrapper .ui-state-focus {
    outline: none
}

.accordion__wrapper .ui-accordion-header {
    position: relative;
    margin-bottom: -1px;
    cursor: pointer
}

.accordion__wrapper .ui-accordion-header-active .accordion__header {
    background-color: rgba(0, 0, 0, 0)
}

.accordion__wrapper .ui-accordion-content:last-child {
    margin-bottom: -1px
}

.accordion__wrapper .ui-icon {
    float: left;
    margin-left: 9.5px;
    margin-top: 1.1666666667em;
    width: 2.3333333333em;
    height: 2.3333333333em;
    background: #f4f3ee;
    text-align: center
}

@media(min-width: 768px) {
    .accordion__wrapper .ui-icon {
        margin-left: 12px;
        margin-top: 1.4444444444em;
        width: 1.7777777778em;
        height: 1.7777777778em
    }
}

@media only print {
    .accordion__wrapper .ui-icon {
        display: none
    }
}

.accordion__wrapper .ui-icon-triangle-1-s {
    font: 0.5em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .76em;
    padding-bottom: .74em
}

.accordion__wrapper .ui-icon-triangle-1-s::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e609"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

@media(min-width: 768px) {
    .accordion__wrapper .ui-icon-triangle-1-s {
        font: 0.5em/1 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .4475em;
        padding-bottom: .4275em
    }
}

.accordion__wrapper .ui-icon-triangle-1-e {
    font: 0.5em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .76em;
    padding-bottom: .74em
}

.accordion__wrapper .ui-icon-triangle-1-e::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e601"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

@media(min-width: 768px) {
    .accordion__wrapper .ui-icon-triangle-1-e {
        font: 0.5em/1 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .4475em;
        padding-bottom: .4275em
    }
}

.accordion__wrapper .ui-icon-triangle-1-s::before,
.accordion__wrapper .ui-icon-triangle-1-e::before {
    line-height: 1
}

.accordion__header {
    padding-left: 40px;
    border-top: 1px solid #f9f9f7;
    border-bottom: 1px solid #f9f9f7;
    display: block
}

.accordion__openall.is-focusable:focus {
    font: 300 1.125em/1.2222222222 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .4733333333em;
    padding-bottom: .4488888889em;
    margin-top: -2.2777777778em;
    padding-left: 40px;
    padding-right: 40px;
    outline: none;
    position: absolute;
    display: inline-block;
    background-color: #f9f9f7;
    border: 1px solid #8e8d83
}

@media(min-width: 1024px) {
    .accordion__openall.is-focusable:focus {
        font: 300 1em/1.25 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .6125em;
        padding-bottom: .5875em
    }
}

@media(min-width: 1280px) {
    .accordion__openall.is-focusable:focus {
        font: 300 1.125em/1.2222222222 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .4733333333em;
        padding-bottom: .4488888889em
    }
}

.accordion__hl {
    font: 300 1.125em/1.2222222222 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .4733333333em;
    padding-bottom: .4488888889em;
    display: block
}

@media(min-width: 1024px) {
    .accordion__hl {
        font: 300 1em/1.25 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .6125em;
        padding-bottom: .5875em
    }
}

@media(min-width: 1280px) {
    .accordion__hl {
        font: 300 1.125em/1.2222222222 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .4733333333em;
        padding-bottom: .4488888889em
    }
}

.accordion__content {
    margin-left: 18px;
    padding-top: 1.09375em;
    padding-bottom: 1.09375em
}

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

.accordion__content::after {
    clear: both
}

@media(min-width: 768px) {
    .accordion__content {
        margin-left: 40px;
        padding-top: 1.84375em;
        padding-bottom: 1.84375em
    }
}

.accordion__content .textimage__base:first-child .textimage__hl {
    margin-top: 0
}

.accordion__content .linklist__base {
    padding-top: 2rem;
    padding-bottom: 0.5rem
}

.js .accordion__content {
    display: none
}

@keyframes form-spinner {
    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2), 2.5em 0 0 0 hsla(0, 0%, 100%, .2), 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .2), 0 2.5em 0 0 hsla(0, 0%, 100%, .2), -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .2), -2.6em 0 0 0 hsla(0, 0%, 100%, .5), -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .7)
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 hsla(0, 0%, 100%, .2), 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .2), 0 2.5em 0 0 hsla(0, 0%, 100%, .2), -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .2), -2.6em 0 0 0 hsla(0, 0%, 100%, .2), -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .5)
    }
    25% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .5), 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .2), 0 2.5em 0 0 hsla(0, 0%, 100%, .2), -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .2), -2.6em 0 0 0 hsla(0, 0%, 100%, .2), -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2)
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .2), 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .5), 2.5em 0 0 0 hsla(0, 0%, 100%, .7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 hsla(0, 0%, 100%, .2), -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .2), -2.6em 0 0 0 hsla(0, 0%, 100%, .2), -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2)
    }
    50% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .2), 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2), 2.5em 0 0 0 hsla(0, 0%, 100%, .5), 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .2), -2.6em 0 0 0 hsla(0, 0%, 100%, .2), -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2)
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .2), 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2), 2.5em 0 0 0 hsla(0, 0%, 100%, .2), 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .5), 0 2.5em 0 0 hsla(0, 0%, 100%, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 hsla(0, 0%, 100%, .2), -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2)
    }
    75% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .2), 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2), 2.5em 0 0 0 hsla(0, 0%, 100%, .2), 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .2), 0 2.5em 0 0 hsla(0, 0%, 100%, .5), -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2)
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 hsla(0, 0%, 100%, .2), 1.8em -1.8em 0 0 hsla(0, 0%, 100%, .2), 2.5em 0 0 0 hsla(0, 0%, 100%, .2), 1.75em 1.75em 0 0 hsla(0, 0%, 100%, .2), 0 2.5em 0 0 hsla(0, 0%, 100%, .2), -1.8em 1.8em 0 0 hsla(0, 0%, 100%, .5), -2.6em 0 0 0 hsla(0, 0%, 100%, .7), -1.8em -1.8em 0 0 #fff
    }
}

.actionbutton__wrapper {
    min-height: 3.125em;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.actionbutton__txtWrapper {
    display: block;
    border-radius: 2px
}

.actionbutton__link--leftArrow .actionbutton__txtWrapper,
.actionbutton__button--leftArrow .actionbutton__txtWrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.actionbutton__link--leftArrow .actionbutton__txtWrapper::after,
.actionbutton__button--leftArrow .actionbutton__txtWrapper::after {
    width: 0;
    height: 0;
    transform: translateY(-50%) scale(0.9999);
    position: absolute;
    content: "";
    top: 50%;
    border-right: 1.5625em solid currentColor;
    border-right-style: solid;
    border-bottom: 3.125em solid rgba(0, 0, 0, 0);
    border-top: 3.125em solid rgba(0, 0, 0, 0);
    border-right-width: 1.5625em;
    left: 0
}

.actionbutton__link--rightArrow .actionbutton__txtWrapper,
.actionbutton__button--rightArrow .actionbutton__txtWrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.actionbutton__link--rightArrow .actionbutton__txtWrapper::after,
.actionbutton__button--rightArrow .actionbutton__txtWrapper::after {
    width: 0;
    height: 0;
    transform: translateY(-50%) scale(0.9999);
    position: absolute;
    content: "";
    top: 50%;
    border-left: 1.5625em solid currentColor;
    border-left-style: solid;
    border-bottom: 3.125em solid rgba(0, 0, 0, 0);
    border-top: 3.125em solid rgba(0, 0, 0, 0);
    border-left-width: 1.5625em;
    right: 0
}

.actionbutton__overflowWrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.actionbutton__link--rightArrow .actionbutton__overflowWrapper,
.actionbutton__button--rightArrow .actionbutton__overflowWrapper {
    padding-right: 1.0625em
}

.actionbutton__link--leftArrow .actionbutton__overflowWrapper,
.actionbutton__button--leftArrow .actionbutton__overflowWrapper {
    padding-left: 1.0625em
}

.actionbutton__icon {
    height: 1.25em;
    width: 1.25em;
    margin: 0em 13px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.actionbutton__link--multiline .actionbutton__icon,
.actionbutton__button--multiline .actionbutton__icon {
    height: 1.875em;
    width: 1.875em
}

.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__icon {
    margin-left: 28px
}

@media(min-width: 1024px) {
    .actionbutton__icon {
        margin: 0em 11px
    }
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__icon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__icon {
        margin-left: 26px
    }
}

@media(min-width: 1280px) {
    .actionbutton__icon {
        margin: 0em 13px
    }
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__icon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__icon {
        margin-left: 28px
    }
}

.actionbutton__img {
    height: 100%;
    width: auto
}

.actionbutton__color--atlantic .actionbutton__img,
.actionbutton__color--carbon .actionbutton__img,
.actionbutton__color--chestnut .actionbutton__img,
.actionbutton__color--chocolate .actionbutton__img,
.actionbutton__color--clay .actionbutton__img,
.actionbutton__color--olive .actionbutton__img,
.actionbutton__color--pine .actionbutton__img,
.actionbutton__color--plum .actionbutton__img,
.actionbutton__color--standardbuttondark .actionbutton__img,
.actionbutton__color--terracota .actionbutton__img,
.actionbutton__link .actionbutton__color--red .actionbutton__img,
.actionbutton__link .actionbutton__color--black .actionbutton__img,
.actionbutton__link .actionbutton__color--solidred .actionbutton__img {
    filter: brightness(0) invert(1)
}

.actionbutton__color--atlantic .actionbutton__img path,
.actionbutton__color--carbon .actionbutton__img path,
.actionbutton__color--chestnut .actionbutton__img path,
.actionbutton__color--chocolate .actionbutton__img path,
.actionbutton__color--clay .actionbutton__img path,
.actionbutton__color--olive .actionbutton__img path,
.actionbutton__color--pine .actionbutton__img path,
.actionbutton__color--plum .actionbutton__img path,
.actionbutton__color--standardbuttondark .actionbutton__img path,
.actionbutton__color--terracota .actionbutton__img path,
.actionbutton__link .actionbutton__color--red .actionbutton__img path,
.actionbutton__link .actionbutton__color--black .actionbutton__img path,
.actionbutton__link .actionbutton__color--solidred .actionbutton__img path {
    fill: #fff
}

.actionbutton__txt {
    text-align: left;
    padding: 0em 20px;
    display: block;
    max-width: 100%;
    margin: 1px
}

.actionbutton__link--hasIcon .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__txt {
    margin-left: 2em;
    padding-left: 13px
}

.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__txt {
    margin-left: 2.625em
}

.actionbutton__link--leftArrow .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__txt {
    padding-left: 13px
}

.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__txt {
    padding-left: 28px
}

.actionbutton__link--rightArrow .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__txt {
    padding-right: 13px
}

.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__txt {
    padding-right: 28px
}

@media(min-width: 1024px) {
    .actionbutton__txt {
        padding: 0em 18px
    }
    .actionbutton__link--hasIcon .actionbutton__txt,
    .actionbutton__button--hasIcon .actionbutton__txt {
        margin-left: 1.875em;
        padding-left: 11px
    }
    .actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__txt,
    .actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__txt {
        margin-left: 2.5em
    }
    .actionbutton__link--leftArrow .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__txt {
        padding-left: 11px
    }
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__txt {
        padding-left: 26px
    }
    .actionbutton__link--rightArrow .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__txt {
        padding-right: 11px
    }
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__txt {
        padding-right: 26px
    }
}

@media(min-width: 1280px) {
    .actionbutton__txt {
        padding: 0em 20px
    }
    .actionbutton__link--hasIcon .actionbutton__txt,
    .actionbutton__button--hasIcon .actionbutton__txt {
        margin-left: 2em;
        padding-left: 13px
    }
    .actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__txt,
    .actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__txt {
        margin-left: 2.625em
    }
    .actionbutton__link--leftArrow .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__txt {
        padding-left: 13px
    }
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__txt {
        padding-left: 28px
    }
    .actionbutton__link--rightArrow .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__txt {
        padding-right: 13px
    }
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__txt {
        padding-right: 28px
    }
}

.actionbutton__title,
.actionbutton__txtbody {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.actionbutton__title {
    font: bold 0.875em/1.1428571429 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: 1.0114285714em;
    padding-bottom: .9885714286em;
    color: inherit !important
}

@media(min-width: 1280px) {
    .actionbutton__title {
        font: bold 1em/1.125 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .94875em;
        padding-bottom: .92625em
    }
}

.actionbutton__link--multiline .actionbutton__txtWrapper:not(.actionbutton__color--red,
.actionbutton__color--primarytransparent,
.actionbutton__color--primarywhite,
.actionbutton__color--black,
.actionbutton__color--solidred,
.actionbutton__color--linkcta,
.actionbutton__color--transparent,
.actionbutton__color--white) .actionbutton__title,
.actionbutton__txtWrapper:not(.actionbutton__color--red,
.actionbutton__color--primarytransparent,
.actionbutton__color--primarywhite,
.actionbutton__color--black,
.actionbutton__color--solidred,
.actionbutton__color--linkcta,
.actionbutton__color--transparent,
.actionbutton__color--white) .actionbutton__title .actionbutton__button--multiline {
    padding-bottom: 0
}

.actionbutton__txtbody {
    font: 300 1em/1.125 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .69875em;
    padding-bottom: .67625em;
    color: inherit !important
}

@media(min-width: 768px) {
    .actionbutton__txtbody {
        padding-top: .63625em;
        padding-bottom: .61375em
    }
}

@media(min-width: 1024px) {
    .actionbutton__txtbody {
        font: 300 0.875em/1.1428571429 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .7971428571em;
        padding-bottom: .7742857143em
    }
}

@media(min-width: 1280px) {
    .actionbutton__txtbody {
        font: 300 1em/1.125 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .69875em;
        padding-bottom: .67625em
    }
}

.actionbutton__link--multiline .actionbutton__txtWrapper:not(.actionbutton__color--red,
.actionbutton__color--primarytransparent,
.actionbutton__color--primarywhite,
.actionbutton__color--black,
.actionbutton__color--solidred,
.actionbutton__color--linkcta,
.actionbutton__color--transparent,
.actionbutton__color--white) .actionbutton__txtbody,
.actionbutton__txtWrapper:not(.actionbutton__color--red,
.actionbutton__color--primarytransparent,
.actionbutton__color--primarywhite,
.actionbutton__color--black,
.actionbutton__color--solidred,
.actionbutton__color--linkcta,
.actionbutton__color--transparent,
.actionbutton__color--white) .actionbutton__txtbody .actionbutton__button--multiline {
    padding-top: 0
}

[data-nn-env=archiveview] main .actionbutton__link[href]::after {
    margin-top: 12px;
    padding-right: 20px;
    content: "Target Link: " attr(href);
    display: block
}

.actionbutton__link,
.actionbutton__button {
    display: block;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border: none;
    outline: none;
    white-space: nowrap;
    max-width: 100%
}

.actionbutton__link::after,
.actionbutton__button::after {
    overflow: hidden;
    border-color: inherit
}

.actionbutton__wrapper--left .actionbutton__link,
.actionbutton__wrapper--left .actionbutton__button {
    float: left
}

.actionbutton__wrapper--left .actionbutton__link:not(:first-child),
.actionbutton__wrapper--left .actionbutton__button:not(:first-child) {
    margin-left: 10px
}

.actionbutton__wrapper--right .actionbutton__link,
.actionbutton__wrapper--right .actionbutton__button {
    float: right
}

.actionbutton__wrapper--right .actionbutton__link:not(:first-child),
.actionbutton__wrapper--right .actionbutton__button:not(:first-child) {
    margin-right: 10px
}

.actionbutton__wrapper--center .actionbutton__link,
.actionbutton__wrapper--center .actionbutton__button {
    float: left;
    left: 50%;
    transform: translateX(-50%)
}

.actionbutton__link:hover,
.actionbutton__button:hover {
    outline: none;
    text-decoration: none
}

.actionbutton__link-is-disabled,
.actionbutton__button-is-disabled {
    opacity: .5;
    cursor: pointer;
    pointer-events: none
}

.actionbutton__link--spinner,
.actionbutton__button--spinner {
    position: relative;
    color: rgba(0, 0, 0, 0)
}

.actionbutton__link--spinner *,
.actionbutton__button--spinner * {
    color: inherit !important
}

.actionbutton__link--spinner::before,
.actionbutton__button--spinner::before {
    font-size: 5px;
    margin-top: -0.4em;
    left: 50%;
    content: "loading...";
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    top: 50%;
    animation: form-spinner 1.1s infinite ease;
    transform: translateZ(0)
}

.actionbutton__link--spinner.actionbtn--color-primarytransparent::before,
.actionbutton__link--spinner.actionbtn--color-primarywhite::before,
.actionbutton__link--spinner.actionbtn--color-transparent::before,
.actionbutton__link--spinner.actionbtn--color-white::before,
.actionbutton__button--spinner.actionbtn--color-primarytransparent::before,
.actionbutton__button--spinner.actionbtn--color-primarywhite::before,
.actionbutton__button--spinner.actionbtn--color-transparent::before,
.actionbutton__button--spinner.actionbtn--color-white::before {
    filter: brightness(0)
}

.actionbutton__color--plum {
    background: #5a6f89;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--plum .actionbutton__icon,
.actionbutton__color--plum .actionbutton__txt,
.actionbutton__color--plum .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--plum,
.actionbutton__link:focus .actionbutton__color--plum,
.actionbutton__button:hover .actionbutton__color--plum,
.actionbutton__button:focus .actionbutton__color--plum {
    background: #3a4f69
}

.actionbutton__color--plum.actionbutton__txtWrapper::after {
    border-right-color: #5a6f89;
    border-left-color: #5a6f89
}

.actionbutton__link:hover .actionbutton__color--plum.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--plum.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--plum.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--plum.actionbutton__txtWrapper::after {
    border-right-color: #3a4f69;
    border-left-color: #3a4f69
}

.actionbutton__color--lilac {
    background: #879ab5;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--lilac .actionbutton__icon,
.actionbutton__color--lilac .actionbutton__txt,
.actionbutton__color--lilac .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--lilac,
.actionbutton__link:focus .actionbutton__color--lilac,
.actionbutton__button:hover .actionbutton__color--lilac,
.actionbutton__button:focus .actionbutton__color--lilac {
    background: #677a95
}

.actionbutton__link:hover .actionbutton__color--lilac .actionbutton__title,
.actionbutton__link:hover .actionbutton__color--lilac .actionbutton__txt,
.actionbutton__link:hover .actionbutton__color--lilac .actionbutton__txtbody,
.actionbutton__link:focus .actionbutton__color--lilac .actionbutton__title,
.actionbutton__link:focus .actionbutton__color--lilac .actionbutton__txt,
.actionbutton__link:focus .actionbutton__color--lilac .actionbutton__txtbody,
.actionbutton__button:hover .actionbutton__color--lilac .actionbutton__title,
.actionbutton__button:hover .actionbutton__color--lilac .actionbutton__txt,
.actionbutton__button:hover .actionbutton__color--lilac .actionbutton__txtbody,
.actionbutton__button:focus .actionbutton__color--lilac .actionbutton__title,
.actionbutton__button:focus .actionbutton__color--lilac .actionbutton__txt,
.actionbutton__button:focus .actionbutton__color--lilac .actionbutton__txtbody {
    color: #fff !important
}

.actionbutton__color--lilac.actionbutton__txtWrapper::after {
    border-right-color: #879ab5;
    border-left-color: #879ab5
}

.actionbutton__link:hover .actionbutton__color--lilac.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--lilac.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--lilac.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--lilac.actionbutton__txtWrapper::after {
    border-right-color: #677a95;
    border-left-color: #677a95
}

.actionbutton__color--lavender {
    background: #bdc6d4;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--lavender .actionbutton__icon,
.actionbutton__color--lavender .actionbutton__txt,
.actionbutton__color--lavender .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--lavender,
.actionbutton__link:focus .actionbutton__color--lavender,
.actionbutton__button:hover .actionbutton__color--lavender,
.actionbutton__button:focus .actionbutton__color--lavender {
    background: #9da6b4
}

.actionbutton__color--lavender.actionbutton__txtWrapper::after {
    border-right-color: #bdc6d4;
    border-left-color: #bdc6d4
}

.actionbutton__link:hover .actionbutton__color--lavender.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--lavender.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--lavender.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--lavender.actionbutton__txtWrapper::after {
    border-right-color: #9da6b4;
    border-left-color: #9da6b4
}

.actionbutton__color--curry {
    background: #dbaa35;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--curry .actionbutton__icon,
.actionbutton__color--curry .actionbutton__txt,
.actionbutton__color--curry .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--curry,
.actionbutton__link:focus .actionbutton__color--curry,
.actionbutton__button:hover .actionbutton__color--curry,
.actionbutton__button:focus .actionbutton__color--curry {
    background: #bb8a15
}

.actionbutton__color--curry.actionbutton__txtWrapper::after {
    border-right-color: #dbaa35;
    border-left-color: #dbaa35
}

.actionbutton__link:hover .actionbutton__color--curry.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--curry.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--curry.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--curry.actionbutton__txtWrapper::after {
    border-right-color: #bb8a15;
    border-left-color: #bb8a15
}

.actionbutton__color--honey {
    background: #e8c880;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--honey .actionbutton__icon,
.actionbutton__color--honey .actionbutton__txt,
.actionbutton__color--honey .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--honey,
.actionbutton__link:focus .actionbutton__color--honey,
.actionbutton__button:hover .actionbutton__color--honey,
.actionbutton__button:focus .actionbutton__color--honey {
    background: #c8a860
}

.actionbutton__color--honey.actionbutton__txtWrapper::after {
    border-right-color: #e8c880;
    border-left-color: #e8c880
}

.actionbutton__link:hover .actionbutton__color--honey.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--honey.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--honey.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--honey.actionbutton__txtWrapper::after {
    border-right-color: #c8a860;
    border-left-color: #c8a860
}

.actionbutton__color--straw {
    background: #f1e4ba;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--straw .actionbutton__icon,
.actionbutton__color--straw .actionbutton__txt,
.actionbutton__color--straw .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--straw,
.actionbutton__link:focus .actionbutton__color--straw,
.actionbutton__button:hover .actionbutton__color--straw,
.actionbutton__button:focus .actionbutton__color--straw {
    background: #d1c49a
}

.actionbutton__color--straw.actionbutton__txtWrapper::after {
    border-right-color: #f1e4ba;
    border-left-color: #f1e4ba
}

.actionbutton__link:hover .actionbutton__color--straw.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--straw.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--straw.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--straw.actionbutton__txtWrapper::after {
    border-right-color: #d1c49a;
    border-left-color: #d1c49a
}

.actionbutton__color--atlantic {
    background: #427c99;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--atlantic .actionbutton__icon,
.actionbutton__color--atlantic .actionbutton__txt,
.actionbutton__color--atlantic .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--atlantic,
.actionbutton__link:focus .actionbutton__color--atlantic,
.actionbutton__button:hover .actionbutton__color--atlantic,
.actionbutton__button:focus .actionbutton__color--atlantic {
    background: #225c79
}

.actionbutton__color--atlantic.actionbutton__txtWrapper::after {
    border-right-color: #427c99;
    border-left-color: #427c99
}

.actionbutton__link:hover .actionbutton__color--atlantic.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--atlantic.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--atlantic.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--atlantic.actionbutton__txtWrapper::after {
    border-right-color: #225c79;
    border-left-color: #225c79
}

.actionbutton__color--lake {
    background: #92b8d6;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--lake .actionbutton__icon,
.actionbutton__color--lake .actionbutton__txt,
.actionbutton__color--lake .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--lake,
.actionbutton__link:focus .actionbutton__color--lake,
.actionbutton__button:hover .actionbutton__color--lake,
.actionbutton__button:focus .actionbutton__color--lake {
    background: #7298b6
}

.actionbutton__color--lake.actionbutton__txtWrapper::after {
    border-right-color: #92b8d6;
    border-left-color: #92b8d6
}

.actionbutton__link:hover .actionbutton__color--lake.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--lake.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--lake.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--lake.actionbutton__txtWrapper::after {
    border-right-color: #7298b6;
    border-left-color: #7298b6
}

.actionbutton__color--glacier {
    background: #bfd6eb;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--glacier .actionbutton__icon,
.actionbutton__color--glacier .actionbutton__txt,
.actionbutton__color--glacier .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--glacier,
.actionbutton__link:focus .actionbutton__color--glacier,
.actionbutton__button:hover .actionbutton__color--glacier,
.actionbutton__button:focus .actionbutton__color--glacier {
    background: #9fb6cb
}

.actionbutton__color--glacier.actionbutton__txtWrapper::after {
    border-right-color: #bfd6eb;
    border-left-color: #bfd6eb
}

.actionbutton__link:hover .actionbutton__color--glacier.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--glacier.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--glacier.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--glacier.actionbutton__txtWrapper::after {
    border-right-color: #9fb6cb;
    border-left-color: #9fb6cb
}

.actionbutton__color--sand {
    background: #b89d83;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--sand .actionbutton__icon,
.actionbutton__color--sand .actionbutton__txt,
.actionbutton__color--sand .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--sand,
.actionbutton__link:focus .actionbutton__color--sand,
.actionbutton__button:hover .actionbutton__color--sand,
.actionbutton__button:focus .actionbutton__color--sand {
    background: #987d63
}

.actionbutton__color--sand.actionbutton__txtWrapper::after {
    border-right-color: #b89d83;
    border-left-color: #b89d83
}

.actionbutton__link:hover .actionbutton__color--sand.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--sand.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--sand.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--sand.actionbutton__txtWrapper::after {
    border-right-color: #987d63;
    border-left-color: #987d63
}

.actionbutton__color--caramel {
    background: #d7c2aa;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--caramel .actionbutton__icon,
.actionbutton__color--caramel .actionbutton__txt,
.actionbutton__color--caramel .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--caramel,
.actionbutton__link:focus .actionbutton__color--caramel,
.actionbutton__button:hover .actionbutton__color--caramel,
.actionbutton__button:focus .actionbutton__color--caramel {
    background: #b7a28a
}

.actionbutton__color--caramel.actionbutton__txtWrapper::after {
    border-right-color: #d7c2aa;
    border-left-color: #d7c2aa
}

.actionbutton__link:hover .actionbutton__color--caramel.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--caramel.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--caramel.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--caramel.actionbutton__txtWrapper::after {
    border-right-color: #b7a28a;
    border-left-color: #b7a28a
}

.actionbutton__color--ginger {
    background: #ebdecd;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--ginger .actionbutton__icon,
.actionbutton__color--ginger .actionbutton__txt,
.actionbutton__color--ginger .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--ginger,
.actionbutton__link:focus .actionbutton__color--ginger,
.actionbutton__button:hover .actionbutton__color--ginger,
.actionbutton__button:focus .actionbutton__color--ginger {
    background: #cbbead
}

.actionbutton__color--ginger.actionbutton__txtWrapper::after {
    border-right-color: #ebdecd;
    border-left-color: #ebdecd
}

.actionbutton__link:hover .actionbutton__color--ginger.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--ginger.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--ginger.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--ginger.actionbutton__txtWrapper::after {
    border-right-color: #cbbead;
    border-left-color: #cbbead
}

.actionbutton__color--pine {
    background: #3b8085;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--pine .actionbutton__icon,
.actionbutton__color--pine .actionbutton__txt,
.actionbutton__color--pine .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--pine,
.actionbutton__link:focus .actionbutton__color--pine,
.actionbutton__button:hover .actionbutton__color--pine,
.actionbutton__button:focus .actionbutton__color--pine {
    background: #1b6065
}

.actionbutton__color--pine.actionbutton__txtWrapper::after {
    border-right-color: #3b8085;
    border-left-color: #3b8085
}

.actionbutton__link:hover .actionbutton__color--pine.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--pine.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--pine.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--pine.actionbutton__txtWrapper::after {
    border-right-color: #1b6065;
    border-left-color: #1b6065
}

.actionbutton__color--mint {
    background: #94b9b6;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--mint .actionbutton__icon,
.actionbutton__color--mint .actionbutton__txt,
.actionbutton__color--mint .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--mint,
.actionbutton__link:focus .actionbutton__color--mint,
.actionbutton__button:hover .actionbutton__color--mint,
.actionbutton__button:focus .actionbutton__color--mint {
    background: #749996
}

.actionbutton__color--mint.actionbutton__txtWrapper::after {
    border-right-color: #94b9b6;
    border-left-color: #94b9b6
}

.actionbutton__link:hover .actionbutton__color--mint.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--mint.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--mint.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--mint.actionbutton__txtWrapper::after {
    border-right-color: #749996;
    border-left-color: #749996
}

.actionbutton__color--sage {
    background: #c6d9ce;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--sage .actionbutton__icon,
.actionbutton__color--sage .actionbutton__txt,
.actionbutton__color--sage .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--sage,
.actionbutton__link:focus .actionbutton__color--sage,
.actionbutton__button:hover .actionbutton__color--sage,
.actionbutton__button:focus .actionbutton__color--sage {
    background: #a6b9ae
}

.actionbutton__color--sage.actionbutton__txtWrapper::after {
    border-right-color: #c6d9ce;
    border-left-color: #c6d9ce
}

.actionbutton__link:hover .actionbutton__color--sage.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--sage.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--sage.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--sage.actionbutton__txtWrapper::after {
    border-right-color: #a6b9ae;
    border-left-color: #a6b9ae
}

.actionbutton__color--chocolate {
    background: #585148;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--chocolate .actionbutton__icon,
.actionbutton__color--chocolate .actionbutton__txt,
.actionbutton__color--chocolate .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--chocolate,
.actionbutton__link:focus .actionbutton__color--chocolate,
.actionbutton__button:hover .actionbutton__color--chocolate,
.actionbutton__button:focus .actionbutton__color--chocolate {
    background: #383128
}

.actionbutton__color--chocolate.actionbutton__txtWrapper::after {
    border-right-color: #585148;
    border-left-color: #585148
}

.actionbutton__link:hover .actionbutton__color--chocolate.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--chocolate.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--chocolate.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--chocolate.actionbutton__txtWrapper::after {
    border-right-color: #383128;
    border-left-color: #383128
}

.actionbutton__color--clay {
    background: #807266;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--clay .actionbutton__icon,
.actionbutton__color--clay .actionbutton__txt,
.actionbutton__color--clay .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--clay,
.actionbutton__link:focus .actionbutton__color--clay,
.actionbutton__button:hover .actionbutton__color--clay,
.actionbutton__button:focus .actionbutton__color--clay {
    background: #605246
}

.actionbutton__color--clay.actionbutton__txtWrapper::after {
    border-right-color: #807266;
    border-left-color: #807266
}

.actionbutton__link:hover .actionbutton__color--clay.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--clay.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--clay.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--clay.actionbutton__txtWrapper::after {
    border-right-color: #605246;
    border-left-color: #605246
}

.actionbutton__color--mouse {
    background: #bbb3ac;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--mouse .actionbutton__icon,
.actionbutton__color--mouse .actionbutton__txt,
.actionbutton__color--mouse .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--mouse,
.actionbutton__link:focus .actionbutton__color--mouse,
.actionbutton__button:hover .actionbutton__color--mouse,
.actionbutton__button:focus .actionbutton__color--mouse {
    background: #9b938c
}

.actionbutton__color--mouse.actionbutton__txtWrapper::after {
    border-right-color: #bbb3ac;
    border-left-color: #bbb3ac
}

.actionbutton__link:hover .actionbutton__color--mouse.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--mouse.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--mouse.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--mouse.actionbutton__txtWrapper::after {
    border-right-color: #9b938c;
    border-left-color: #9b938c
}

.actionbutton__color--olive {
    background: #6a7d39;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--olive .actionbutton__icon,
.actionbutton__color--olive .actionbutton__txt,
.actionbutton__color--olive .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--olive,
.actionbutton__link:focus .actionbutton__color--olive,
.actionbutton__button:hover .actionbutton__color--olive,
.actionbutton__button:focus .actionbutton__color--olive {
    background: #4a5d19
}

.actionbutton__color--olive.actionbutton__txtWrapper::after {
    border-right-color: #6a7d39;
    border-left-color: #6a7d39
}

.actionbutton__link:hover .actionbutton__color--olive.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--olive.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--olive.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--olive.actionbutton__txtWrapper::after {
    border-right-color: #4a5d19;
    border-left-color: #4a5d19
}

.actionbutton__color--fern {
    background: #b4b77b;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--fern .actionbutton__icon,
.actionbutton__color--fern .actionbutton__txt,
.actionbutton__color--fern .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--fern,
.actionbutton__link:focus .actionbutton__color--fern,
.actionbutton__button:hover .actionbutton__color--fern,
.actionbutton__button:focus .actionbutton__color--fern {
    background: #94975b
}

.actionbutton__color--fern.actionbutton__txtWrapper::after {
    border-right-color: #b4b77b;
    border-left-color: #b4b77b
}

.actionbutton__link:hover .actionbutton__color--fern.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--fern.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--fern.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--fern.actionbutton__txtWrapper::after {
    border-right-color: #94975b;
    border-left-color: #94975b
}

.actionbutton__color--lemongrass {
    background: #dedfb3;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--lemongrass .actionbutton__icon,
.actionbutton__color--lemongrass .actionbutton__txt,
.actionbutton__color--lemongrass .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--lemongrass,
.actionbutton__link:focus .actionbutton__color--lemongrass,
.actionbutton__button:hover .actionbutton__color--lemongrass,
.actionbutton__button:focus .actionbutton__color--lemongrass {
    background: #bebf93
}

.actionbutton__color--lemongrass.actionbutton__txtWrapper::after {
    border-right-color: #dedfb3;
    border-left-color: #dedfb3
}

.actionbutton__link:hover .actionbutton__color--lemongrass.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--lemongrass.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--lemongrass.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--lemongrass.actionbutton__txtWrapper::after {
    border-right-color: #bebf93;
    border-left-color: #bebf93
}

.actionbutton__color--chestnut {
    background: #9a3d37;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--chestnut .actionbutton__icon,
.actionbutton__color--chestnut .actionbutton__txt,
.actionbutton__color--chestnut .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--chestnut,
.actionbutton__link:focus .actionbutton__color--chestnut,
.actionbutton__button:hover .actionbutton__color--chestnut,
.actionbutton__button:focus .actionbutton__color--chestnut {
    background: #7a1d17
}

.actionbutton__color--chestnut.actionbutton__txtWrapper::after {
    border-right-color: #9a3d37;
    border-left-color: #9a3d37
}

.actionbutton__link:hover .actionbutton__color--chestnut.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--chestnut.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--chestnut.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--chestnut.actionbutton__txtWrapper::after {
    border-right-color: #7a1d17;
    border-left-color: #7a1d17
}

.actionbutton__color--terracotta {
    background: #a36650;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--terracotta .actionbutton__icon,
.actionbutton__color--terracotta .actionbutton__txt,
.actionbutton__color--terracotta .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--terracotta,
.actionbutton__link:focus .actionbutton__color--terracotta,
.actionbutton__button:hover .actionbutton__color--terracotta,
.actionbutton__button:focus .actionbutton__color--terracotta {
    background: #834630
}

.actionbutton__color--terracotta.actionbutton__txtWrapper::after {
    border-right-color: #a36650;
    border-left-color: #a36650
}

.actionbutton__link:hover .actionbutton__color--terracotta.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--terracotta.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--terracotta.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--terracotta.actionbutton__txtWrapper::after {
    border-right-color: #834630;
    border-left-color: #834630
}

.actionbutton__color--cinnamon {
    background: #d4ad9c;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--cinnamon .actionbutton__icon,
.actionbutton__color--cinnamon .actionbutton__txt,
.actionbutton__color--cinnamon .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--cinnamon,
.actionbutton__link:focus .actionbutton__color--cinnamon,
.actionbutton__button:hover .actionbutton__color--cinnamon,
.actionbutton__button:focus .actionbutton__color--cinnamon {
    background: #b48d7c
}

.actionbutton__color--cinnamon.actionbutton__txtWrapper::after {
    border-right-color: #d4ad9c;
    border-left-color: #d4ad9c
}

.actionbutton__link:hover .actionbutton__color--cinnamon.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--cinnamon.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--cinnamon.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--cinnamon.actionbutton__txtWrapper::after {
    border-right-color: #b48d7c;
    border-left-color: #b48d7c
}

.actionbutton__color--standardbutton {
    background: #dedede;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--standardbutton .actionbutton__icon,
.actionbutton__color--standardbutton .actionbutton__txt,
.actionbutton__color--standardbutton .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--standardbutton,
.actionbutton__link:focus .actionbutton__color--standardbutton,
.actionbutton__button:hover .actionbutton__color--standardbutton,
.actionbutton__button:focus .actionbutton__color--standardbutton {
    background: #bebebe
}

.actionbutton__color--standardbutton.actionbutton__txtWrapper::after {
    border-right-color: #dedede;
    border-left-color: #dedede
}

.actionbutton__link:hover .actionbutton__color--standardbutton.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--standardbutton.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--standardbutton.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--standardbutton.actionbutton__txtWrapper::after {
    border-right-color: #bebebe;
    border-left-color: #bebebe
}

.actionbutton__color--standardbuttonwhite {
    background: #fff;
    border: 1px solid #919191
}

.actionbutton__color--standardbuttonwhite .actionbutton__icon,
.actionbutton__color--standardbuttonwhite .actionbutton__txt,
.actionbutton__color--standardbuttonwhite .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--standardbuttonwhite,
.actionbutton__link:focus .actionbutton__color--standardbuttonwhite,
.actionbutton__button:hover .actionbutton__color--standardbuttonwhite,
.actionbutton__button:focus .actionbutton__color--standardbuttonwhite {
    background: #919191
}

.actionbutton__color--standardbuttonwhite.actionbutton__txtWrapper::after {
    border-right-color: #fff;
    border-left-color: #fff
}

.actionbutton__link:hover .actionbutton__color--standardbuttonwhite.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--standardbuttonwhite.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--standardbuttonwhite.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--standardbuttonwhite.actionbutton__txtWrapper::after {
    border-right-color: #919191;
    border-left-color: #919191
}

.actionbutton__color--standardbuttondark {
    background: #444;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--standardbuttondark .actionbutton__icon,
.actionbutton__color--standardbuttondark .actionbutton__txt,
.actionbutton__color--standardbuttondark .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--standardbuttondark,
.actionbutton__link:focus .actionbutton__color--standardbuttondark,
.actionbutton__button:hover .actionbutton__color--standardbuttondark,
.actionbutton__button:focus .actionbutton__color--standardbuttondark {
    background: #242424
}

.actionbutton__color--standardbuttondark.actionbutton__txtWrapper::after {
    border-right-color: #444;
    border-left-color: #444
}

.actionbutton__link:hover .actionbutton__color--standardbuttondark.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--standardbuttondark.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--standardbuttondark.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--standardbuttondark.actionbutton__txtWrapper::after {
    border-right-color: #242424;
    border-left-color: #242424
}

.actionbutton__color--carbon {
    background: #646464;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--carbon .actionbutton__icon,
.actionbutton__color--carbon .actionbutton__txt,
.actionbutton__color--carbon .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--carbon,
.actionbutton__link:focus .actionbutton__color--carbon,
.actionbutton__button:hover .actionbutton__color--carbon,
.actionbutton__button:focus .actionbutton__color--carbon {
    background: #444
}

.actionbutton__color--carbon.actionbutton__txtWrapper::after {
    border-right-color: #646464;
    border-left-color: #646464
}

.actionbutton__link:hover .actionbutton__color--carbon.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--carbon.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--carbon.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--carbon.actionbutton__txtWrapper::after {
    border-right-color: #444;
    border-left-color: #444
}

.actionbutton__color--smoke {
    background: #919191;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--smoke .actionbutton__icon,
.actionbutton__color--smoke .actionbutton__txt,
.actionbutton__color--smoke .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--smoke,
.actionbutton__link:focus .actionbutton__color--smoke,
.actionbutton__button:hover .actionbutton__color--smoke,
.actionbutton__button:focus .actionbutton__color--smoke {
    background: #717171
}

.actionbutton__link:hover .actionbutton__color--smoke .actionbutton__title,
.actionbutton__link:hover .actionbutton__color--smoke .actionbutton__txt,
.actionbutton__link:hover .actionbutton__color--smoke .actionbutton__txtbody,
.actionbutton__link:focus .actionbutton__color--smoke .actionbutton__title,
.actionbutton__link:focus .actionbutton__color--smoke .actionbutton__txt,
.actionbutton__link:focus .actionbutton__color--smoke .actionbutton__txtbody,
.actionbutton__button:hover .actionbutton__color--smoke .actionbutton__title,
.actionbutton__button:hover .actionbutton__color--smoke .actionbutton__txt,
.actionbutton__button:hover .actionbutton__color--smoke .actionbutton__txtbody,
.actionbutton__button:focus .actionbutton__color--smoke .actionbutton__title,
.actionbutton__button:focus .actionbutton__color--smoke .actionbutton__txt,
.actionbutton__button:focus .actionbutton__color--smoke .actionbutton__txtbody {
    color: #fff !important
}

.actionbutton__color--smoke.actionbutton__txtWrapper::after {
    border-right-color: #919191;
    border-left-color: #919191
}

.actionbutton__link:hover .actionbutton__color--smoke.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--smoke.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--smoke.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--smoke.actionbutton__txtWrapper::after {
    border-right-color: #717171;
    border-left-color: #717171
}

.actionbutton__color--stone {
    background: #bebebe;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--stone .actionbutton__icon,
.actionbutton__color--stone .actionbutton__txt,
.actionbutton__color--stone .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--stone,
.actionbutton__link:focus .actionbutton__color--stone,
.actionbutton__button:hover .actionbutton__color--stone,
.actionbutton__button:focus .actionbutton__color--stone {
    background: #9e9e9e
}

.actionbutton__color--stone.actionbutton__txtWrapper::after {
    border-right-color: #bebebe;
    border-left-color: #bebebe
}

.actionbutton__link:hover .actionbutton__color--stone.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--stone.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--stone.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--stone.actionbutton__txtWrapper::after {
    border-right-color: #9e9e9e;
    border-left-color: #9e9e9e
}

.actionbutton__color--default {
    background: #dedede;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--default .actionbutton__icon,
.actionbutton__color--default .actionbutton__txt,
.actionbutton__color--default .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--default,
.actionbutton__link:focus .actionbutton__color--default,
.actionbutton__button:hover .actionbutton__color--default,
.actionbutton__button:focus .actionbutton__color--default {
    background: #bebebe
}

.actionbutton__color--default.actionbutton__txtWrapper::after {
    border-right-color: #dedede;
    border-left-color: #dedede
}

.actionbutton__link:hover .actionbutton__color--default.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--default.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--default.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--default.actionbutton__txtWrapper::after {
    border-right-color: #bebebe;
    border-left-color: #bebebe
}

.actionbutton__color--dark {
    background: #444;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--dark .actionbutton__icon,
.actionbutton__color--dark .actionbutton__txt,
.actionbutton__color--dark .actionbutton__title {
    color: #fff
}

.actionbutton__link:hover .actionbutton__color--dark,
.actionbutton__link:focus .actionbutton__color--dark,
.actionbutton__button:hover .actionbutton__color--dark,
.actionbutton__button:focus .actionbutton__color--dark {
    background: #cfcfcf
}

.actionbutton__color--dark.actionbutton__txtWrapper::after {
    border-right-color: #444;
    border-left-color: #444
}

.actionbutton__link:hover .actionbutton__color--dark.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--dark.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--dark.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--dark.actionbutton__txtWrapper::after {
    border-right-color: #cfcfcf;
    border-left-color: #cfcfcf
}

.actionbutton__color--readytotalk {
    background: #dee2e9;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--readytotalk .actionbutton__icon,
.actionbutton__color--readytotalk .actionbutton__txt,
.actionbutton__color--readytotalk .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__link:hover .actionbutton__color--readytotalk,
.actionbutton__link:focus .actionbutton__color--readytotalk,
.actionbutton__button:hover .actionbutton__color--readytotalk,
.actionbutton__button:focus .actionbutton__color--readytotalk {
    background: #bfcad5
}

.actionbutton__color--readytotalk.actionbutton__txtWrapper::after {
    border-right-color: #dee2e9;
    border-left-color: #dee2e9
}

.actionbutton__link:hover .actionbutton__color--readytotalk.actionbutton__txtWrapper::after,
.actionbutton__link:focus .actionbutton__color--readytotalk.actionbutton__txtWrapper::after,
.actionbutton__button:hover .actionbutton__color--readytotalk.actionbutton__txtWrapper::after,
.actionbutton__button:focus .actionbutton__color--readytotalk.actionbutton__txtWrapper::after {
    border-right-color: #bfcad5;
    border-left-color: #bfcad5
}

.actionbutton__color--red {
    background: #e60000;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--red .actionbutton__icon,
.actionbutton__color--red .actionbutton__txt,
.actionbutton__color--red .actionbutton__title {
    color: #fff
}

.actionbutton__color--red .actionbutton__ctaIcon .svgicon__base {
    fill: #fff
}

.actionbutton__color--primarytransparent {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #1c1c1c
}

.actionbutton__color--primarytransparent .actionbutton__icon,
.actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__color--primarytransparent .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__color--primarytransparent .actionbutton__ctaIcon .svgicon__base {
    fill: #e60000
}

.actionbutton__color--primarywhite {
    background: #fff;
    border: 1px solid #1c1c1c
}

.actionbutton__color--primarywhite .actionbutton__icon,
.actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__color--primarywhite .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__color--primarywhite .actionbutton__ctaIcon .svgicon__base {
    fill: #e60000
}

.actionbutton__color--black {
    background: #1c1c1c;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--black .actionbutton__icon,
.actionbutton__color--black .actionbutton__txt,
.actionbutton__color--black .actionbutton__title {
    color: #fafafa
}

.actionbutton__link:hover .actionbutton__color--black,
.actionbutton__link:focus .actionbutton__color--black,
.actionbutton__button:hover .actionbutton__color--black,
.actionbutton__button:focus .actionbutton__color--black {
    background: #444
}

.actionbutton__color--black .actionbutton__ctaIcon .svgicon__base {
    fill: #fafafa
}

.actionbutton__color--solidred {
    background: #e60000;
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--solidred .actionbutton__icon,
.actionbutton__color--solidred .actionbutton__txt,
.actionbutton__color--solidred .actionbutton__title {
    color: #fafafa
}

.actionbutton__link:hover .actionbutton__color--solidred,
.actionbutton__link:focus .actionbutton__color--solidred,
.actionbutton__button:hover .actionbutton__color--solidred,
.actionbutton__button:focus .actionbutton__color--solidred {
    background: #b30000
}

.actionbutton__color--solidred .actionbutton__ctaIcon .svgicon__base {
    fill: #fafafa
}

.actionbutton__color--linkcta {
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0)
}

.actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__color--linkcta .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__color--linkcta .actionbutton__ctaIcon .svgicon__base {
    fill: #e60000
}

.actionbutton__color--transparent {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #1c1c1c
}

.actionbutton__color--transparent .actionbutton__icon,
.actionbutton__color--transparent .actionbutton__txt,
.actionbutton__color--transparent .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__color--transparent .actionbutton__ctaIcon .svgicon__base {
    fill: #e60000
}

.actionbutton__color--white {
    background: #fff;
    border: 1px solid #1c1c1c
}

.actionbutton__color--white .actionbutton__icon,
.actionbutton__color--white .actionbutton__txt,
.actionbutton__color--white .actionbutton__title {
    color: #1c1c1c
}

.actionbutton__color--white .actionbutton__ctaIcon .svgicon__base {
    fill: #e60000
}

.actionbutton__color--red,
.actionbutton__color--primarytransparent,
.actionbutton__color--primarywhite,
.actionbutton__color--black,
.actionbutton__color--solidred,
.actionbutton__color--linkcta,
.actionbutton__color--transparent,
.actionbutton__color--white {
    border-radius: 2px !important
}

.actionbutton__color--red .actionbutton__txt,
.actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__color--black .actionbutton__txt,
.actionbutton__color--solidred .actionbutton__txt,
.actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__color--transparent .actionbutton__txt,
.actionbutton__color--white .actionbutton__txt {
    padding: 0em 22px;
    display: flex;
    flex-direction: column-reverse
}

@media(min-width: 1280px) {
    .actionbutton__color--red .actionbutton__txt,
    .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__color--black .actionbutton__txt,
    .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__color--white .actionbutton__txt {
        padding: 0em 23px
    }
}

.actionbutton__link--hasIcon .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--white .actionbutton__txt {
    margin-left: 43px
}

.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline .actionbutton__color--white .actionbutton__txt {
    margin-left: 52px
}

.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline.actionbutton__link--leftArrow .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--hasIcon.actionbutton__button--multiline.actionbutton__button--leftArrow .actionbutton__color--white .actionbutton__txt {
    margin-left: 42px
}

.actionbutton__color--red .actionbutton__title,
.actionbutton__color--primarytransparent .actionbutton__title,
.actionbutton__color--primarywhite .actionbutton__title,
.actionbutton__color--black .actionbutton__title,
.actionbutton__color--solidred .actionbutton__title,
.actionbutton__color--linkcta .actionbutton__title,
.actionbutton__color--transparent .actionbutton__title,
.actionbutton__color--white .actionbutton__title {
    font: bold 0.875em/1.1428571429 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: 1.0114285714em;
    padding-bottom: .9885714286em
}

@media(min-width: 1280px) {
    .actionbutton__color--red .actionbutton__title,
    .actionbutton__color--primarytransparent .actionbutton__title,
    .actionbutton__color--primarywhite .actionbutton__title,
    .actionbutton__color--black .actionbutton__title,
    .actionbutton__color--solidred .actionbutton__title,
    .actionbutton__color--linkcta .actionbutton__title,
    .actionbutton__color--transparent .actionbutton__title,
    .actionbutton__color--white .actionbutton__title {
        font: bold 1em/1.125 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .94875em;
        padding-bottom: .92625em
    }
}

.actionbutton__link--multiline .actionbutton__color--red .actionbutton__title,
.actionbutton__color--red .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__title,
.actionbutton__color--primarytransparent .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__title,
.actionbutton__color--primarywhite .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--black .actionbutton__title,
.actionbutton__color--black .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__title,
.actionbutton__color--solidred .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__title,
.actionbutton__color--linkcta .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__title,
.actionbutton__color--transparent .actionbutton__title .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--white .actionbutton__title,
.actionbutton__color--white .actionbutton__title .actionbutton__button--multiline {
    padding-top: 0
}

.actionbutton__color--red .actionbutton__txtbody,
.actionbutton__color--primarytransparent .actionbutton__txtbody,
.actionbutton__color--primarywhite .actionbutton__txtbody,
.actionbutton__color--black .actionbutton__txtbody,
.actionbutton__color--solidred .actionbutton__txtbody,
.actionbutton__color--linkcta .actionbutton__txtbody,
.actionbutton__color--transparent .actionbutton__txtbody,
.actionbutton__color--white .actionbutton__txtbody {
    font: 300 0.75em/1.25 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: 1.2208333333em;
    padding-bottom: 1.1958333333em
}

@media(min-width: 1280px) {
    .actionbutton__color--red .actionbutton__txtbody,
    .actionbutton__color--primarytransparent .actionbutton__txtbody,
    .actionbutton__color--primarywhite .actionbutton__txtbody,
    .actionbutton__color--black .actionbutton__txtbody,
    .actionbutton__color--solidred .actionbutton__txtbody,
    .actionbutton__color--linkcta .actionbutton__txtbody,
    .actionbutton__color--transparent .actionbutton__txtbody,
    .actionbutton__color--white .actionbutton__txtbody {
        color: #5a5d5c;
        padding-top: 1.3875em;
        padding-bottom: 1.3625em
    }
}

.actionbutton__link--multiline .actionbutton__color--red .actionbutton__txtbody,
.actionbutton__color--red .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__txtbody,
.actionbutton__color--primarytransparent .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__txtbody,
.actionbutton__color--primarywhite .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--black .actionbutton__txtbody,
.actionbutton__color--black .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__txtbody,
.actionbutton__color--solidred .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txtbody,
.actionbutton__color--linkcta .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__txtbody,
.actionbutton__color--transparent .actionbutton__txtbody .actionbutton__button--multiline,
.actionbutton__link--multiline .actionbutton__color--white .actionbutton__txtbody,
.actionbutton__color--white .actionbutton__txtbody .actionbutton__button--multiline {
    padding-bottom: 0
}

.actionbutton__color--red .actionbutton__icon,
.actionbutton__color--primarytransparent .actionbutton__icon,
.actionbutton__color--primarywhite .actionbutton__icon,
.actionbutton__color--black .actionbutton__icon,
.actionbutton__color--solidred .actionbutton__icon,
.actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__color--transparent .actionbutton__icon,
.actionbutton__color--white .actionbutton__icon {
    margin: 0em 22px
}

@media(min-width: 1280px) {
    .actionbutton__color--red .actionbutton__icon,
    .actionbutton__color--primarytransparent .actionbutton__icon,
    .actionbutton__color--primarywhite .actionbutton__icon,
    .actionbutton__color--black .actionbutton__icon,
    .actionbutton__color--solidred .actionbutton__icon,
    .actionbutton__color--linkcta .actionbutton__icon,
    .actionbutton__color--transparent .actionbutton__icon,
    .actionbutton__color--white .actionbutton__icon {
        margin: 0em 23px
    }
}

.actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__color--white .actionbutton__ctaIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.actionbutton__color--red .actionbutton__ctaIcon--loading,
.actionbutton__color--primarytransparent .actionbutton__ctaIcon--loading,
.actionbutton__color--primarywhite .actionbutton__ctaIcon--loading,
.actionbutton__color--black .actionbutton__ctaIcon--loading,
.actionbutton__color--solidred .actionbutton__ctaIcon--loading,
.actionbutton__color--linkcta .actionbutton__ctaIcon--loading,
.actionbutton__color--transparent .actionbutton__ctaIcon--loading,
.actionbutton__color--white .actionbutton__ctaIcon--loading {
    display: none;
    width: 32px;
    height: 32px
}

.actionbutton__button--loading .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__button--loading .actionbutton__color--white .actionbutton__ctaIcon {
    display: none
}

.actionbutton__button--loading .actionbutton__color--red .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--primarytransparent .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--primarywhite .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--black .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--solidred .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--linkcta .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--transparent .actionbutton__ctaIcon--loading,
.actionbutton__button--loading .actionbutton__color--white .actionbutton__ctaIcon--loading {
    display: block
}

.actionbutton__link--rightArrow .actionbutton__color--red::after,
.actionbutton__button--rightArrow .actionbutton__color--red::after,
.actionbutton__link--leftArrow .actionbutton__color--red::after,
.actionbutton__button-leftArrow .actionbutton__color--red::after,
.actionbutton__link--rightArrow .actionbutton__color--primarytransparent::after,
.actionbutton__button--rightArrow .actionbutton__color--primarytransparent::after,
.actionbutton__link--leftArrow .actionbutton__color--primarytransparent::after,
.actionbutton__button-leftArrow .actionbutton__color--primarytransparent::after,
.actionbutton__link--rightArrow .actionbutton__color--primarywhite::after,
.actionbutton__button--rightArrow .actionbutton__color--primarywhite::after,
.actionbutton__link--leftArrow .actionbutton__color--primarywhite::after,
.actionbutton__button-leftArrow .actionbutton__color--primarywhite::after,
.actionbutton__link--rightArrow .actionbutton__color--black::after,
.actionbutton__button--rightArrow .actionbutton__color--black::after,
.actionbutton__link--leftArrow .actionbutton__color--black::after,
.actionbutton__button-leftArrow .actionbutton__color--black::after,
.actionbutton__link--rightArrow .actionbutton__color--solidred::after,
.actionbutton__button--rightArrow .actionbutton__color--solidred::after,
.actionbutton__link--leftArrow .actionbutton__color--solidred::after,
.actionbutton__button-leftArrow .actionbutton__color--solidred::after,
.actionbutton__link--rightArrow .actionbutton__color--linkcta::after,
.actionbutton__button--rightArrow .actionbutton__color--linkcta::after,
.actionbutton__link--leftArrow .actionbutton__color--linkcta::after,
.actionbutton__button-leftArrow .actionbutton__color--linkcta::after,
.actionbutton__link--rightArrow .actionbutton__color--transparent::after,
.actionbutton__button--rightArrow .actionbutton__color--transparent::after,
.actionbutton__link--leftArrow .actionbutton__color--transparent::after,
.actionbutton__button-leftArrow .actionbutton__color--transparent::after,
.actionbutton__link--rightArrow .actionbutton__color--white::after,
.actionbutton__button--rightArrow .actionbutton__color--white::after,
.actionbutton__link--leftArrow .actionbutton__color--white::after,
.actionbutton__button-leftArrow .actionbutton__color--white::after {
    display: none
}

.actionbutton__link--rightArrow .actionbutton__color--red,
.actionbutton__button--rightArrow .actionbutton__color--red,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--red,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--red,
.actionbutton__link--rightArrow .actionbutton__color--primarytransparent,
.actionbutton__button--rightArrow .actionbutton__color--primarytransparent,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent,
.actionbutton__link--rightArrow .actionbutton__color--primarywhite,
.actionbutton__button--rightArrow .actionbutton__color--primarywhite,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarywhite,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarywhite,
.actionbutton__link--rightArrow .actionbutton__color--black,
.actionbutton__button--rightArrow .actionbutton__color--black,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--black,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--black,
.actionbutton__link--rightArrow .actionbutton__color--solidred,
.actionbutton__button--rightArrow .actionbutton__color--solidred,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--solidred,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--solidred,
.actionbutton__link--rightArrow .actionbutton__color--linkcta,
.actionbutton__button--rightArrow .actionbutton__color--linkcta,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--linkcta,
.actionbutton__link--rightArrow .actionbutton__color--transparent,
.actionbutton__button--rightArrow .actionbutton__color--transparent,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--transparent,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--transparent,
.actionbutton__link--rightArrow .actionbutton__color--white,
.actionbutton__button--rightArrow .actionbutton__color--white,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--white,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--white {
    margin-right: -1.0625em
}

.actionbutton__link--rightArrow .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--rightArrow .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--rightArrow .actionbutton__color--white .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__txt {
    padding-right: 44px
}

@media(min-width: 1280px) {
    .actionbutton__link--rightArrow .actionbutton__color--red .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--red .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--black .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--black .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__link--rightArrow .actionbutton__color--white .actionbutton__txt,
    .actionbutton__button--rightArrow .actionbutton__color--white .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__txt,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__txt {
        padding-right: 50px
    }
}

.actionbutton__link--rightArrow .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__link--rightArrow .actionbutton__color--white .actionbutton__ctaIcon,
.actionbutton__button--rightArrow .actionbutton__color--white .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__ctaIcon,
.actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__ctaIcon {
    right: 14px
}

@media(min-width: 1280px) {
    .actionbutton__link--rightArrow .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow .actionbutton__color--white .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow .actionbutton__color--white .actionbutton__ctaIcon,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__ctaIcon,
    .actionbutton__button--rightArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__ctaIcon {
        right: 16px
    }
}

.actionbutton__link--leftArrow .actionbutton__color--red,
.actionbutton__button--leftArrow .actionbutton__color--red,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--red,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--red,
.actionbutton__link--leftArrow .actionbutton__color--primarytransparent,
.actionbutton__button--leftArrow .actionbutton__color--primarytransparent,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent,
.actionbutton__link--leftArrow .actionbutton__color--primarywhite,
.actionbutton__button--leftArrow .actionbutton__color--primarywhite,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarywhite,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarywhite,
.actionbutton__link--leftArrow .actionbutton__color--black,
.actionbutton__button--leftArrow .actionbutton__color--black,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--black,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--black,
.actionbutton__link--leftArrow .actionbutton__color--solidred,
.actionbutton__button--leftArrow .actionbutton__color--solidred,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--solidred,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--solidred,
.actionbutton__link--leftArrow .actionbutton__color--linkcta,
.actionbutton__button--leftArrow .actionbutton__color--linkcta,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--linkcta,
.actionbutton__link--leftArrow .actionbutton__color--transparent,
.actionbutton__button--leftArrow .actionbutton__color--transparent,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--transparent,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--transparent,
.actionbutton__link--leftArrow .actionbutton__color--white,
.actionbutton__button--leftArrow .actionbutton__color--white,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--white,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--white {
    margin-left: -1.0625em
}

.actionbutton__link--leftArrow .actionbutton__color--red .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--red .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--primarytransparent .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--primarytransparent .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--primarywhite .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--primarywhite .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--black .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--black .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--solidred .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--solidred .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--transparent .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--transparent .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__icon,
.actionbutton__link--leftArrow .actionbutton__color--white .actionbutton__icon,
.actionbutton__button--leftArrow .actionbutton__color--white .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__icon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__icon {
    margin-left: 44px
}

.actionbutton__link--leftArrow .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__txt,
.actionbutton__link--leftArrow .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--leftArrow .actionbutton__color--white .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__txt,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__txt {
    padding-left: 44px
}

@media(min-width: 1280px) {
    .actionbutton__link--leftArrow .actionbutton__color--red .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--red .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--black .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--black .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__txt,
    .actionbutton__link--leftArrow .actionbutton__color--white .actionbutton__txt,
    .actionbutton__button--leftArrow .actionbutton__color--white .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__txt,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__txt {
        padding-left: 50px
    }
}

.actionbutton__link--leftArrow .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
.actionbutton__link--leftArrow .actionbutton__color--white .actionbutton__ctaIcon,
.actionbutton__button--leftArrow .actionbutton__color--white .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__ctaIcon,
.actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__ctaIcon {
    left: 14px
}

@media(min-width: 1280px) {
    .actionbutton__link--leftArrow .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--red .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarytransparent .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--primarywhite .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--black .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--solidred .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--transparent .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow .actionbutton__color--white .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow .actionbutton__color--white .actionbutton__ctaIcon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--white .actionbutton__ctaIcon,
    .actionbutton__button--leftArrow.actionbutton__button--multiline .actionbutton__color--white .actionbutton__ctaIcon {
        left: 16px
    }
}

.actionbutton__color--linkcta .actionbutton__txt {
    padding-left: 0;
    padding-right: 0
}

.actionbutton__color--linkcta .actionbutton__icon {
    margin-left: 0;
    margin-right: 0
}

.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon {
    left: -7px
}

.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt {
    padding-left: 23px
}

@media(min-width: 1280px) {
    .actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt {
        padding-left: 27px
    }
}

.actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__icon,
.actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__icon {
    margin-left: 23px
}

@media(min-width: 1280px) {
    .actionbutton__link--leftArrow .actionbutton__color--linkcta .actionbutton__icon,
    .actionbutton__link--leftArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__icon {
        margin-left: 20px
    }
}

.actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__ctaIcon,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__ctaIcon {
    right: -7px
}

.actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__txt,
.actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt {
    padding-right: 23px
}

@media(min-width: 1280px) {
    .actionbutton__link--rightArrow .actionbutton__color--linkcta .actionbutton__txt,
    .actionbutton__link--rightArrow.actionbutton__link--multiline .actionbutton__color--linkcta .actionbutton__txt {
        padding-right: 27px
    }
}

.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--primarytransparent:hover .actionbutton__icon,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--primarywhite:hover .actionbutton__icon,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--transparent:hover .actionbutton__icon,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--white:hover .actionbutton__icon {
    margin-left: 22px
}

.actionbutton__base {
    padding: 0.46875rem 0px;
    overflow: hidden
}

.grid-rfa .basecomponent:not(:empty):not(.is-empty):not(.is-hidden)~.actionbutton__base--smallSpacing,
.grid-main .basecomponent:not(:empty):not(.is-empty):not(.is-hidden)~.actionbutton__base--smallSpacing,
.linklistnewlook--gridFooter .basecomponent:not(:empty):not(.is-empty):not(.is-hidden)~.actionbutton__base--smallSpacing,
.airycontainer__base:not(:first-child) .actionbutton__base--smallSpacing {
    margin-top: 0.3125rem
}

.actionbtn__wrapper {
    margin-bottom: -1.25rem
}

.actionbtn__wrapper--left {
    text-align: left
}

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

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

.actionbtn__link {
    height: 3rem;
    border-radius: 0.125rem;
    padding: 0rem 24px;
    margin-right: 20px;
    margin-bottom: 1.25rem;
    display: inline-grid;
    grid-template: "texts icon" auto/1fr auto;
    align-items: center;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0);
    max-width: 100%;
    box-shadow: 0 0 0 1px var(--color-border-inverted, #1c1c1c) inset
}

.actionbtn__link:last-child {
    margin-right: 0px
}

.actionbtn__link .svgicon__base {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    fill: var(--color-icon-inverted, #da0000)
}

@media(max-width: 767px) {
    .actionbtn__link--full-width-in-xs {
        width: 100%
    }
    .actionbtn__link--full-width-in-xs .actionbtn__title {
        text-align: center
    }
}

.actionbtn__title,
.actionbtn__label {
    line-height: 1.125rem;
    text-align: left;
    grid-area: texts;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden
}

.actionbtn__title {
    font: 500 0.875rem / 1rem Frutiger, Arial, Helvetica, sans-serif;
    color: var(--color-text-inverted, #1c1c1c)
}

@media(min-width: 1280px) {
    .actionbtn__title {
        font-size: 1rem;
        line-height: 1.125rem
    }
}

.actionbtn__label {
    font: 300 0.8125rem / 1rem Frutiger, Arial, Helvetica, sans-serif;
    color: var(--color-text-inverted, #5a5d5c)
}

.actionbtn--multiline {
    height: 4.125rem;
    grid-template: "text icon" auto "title icon" auto/1fr auto
}

.actionbtn--multiline .actionbtn__title {
    padding-bottom: 0.9375rem;
    vertical-align: top;
    grid-area: title;
    padding-top: 0
}

.actionbtn--multiline .actionbtn__label {
    padding-top: 0.8125rem;
    padding-bottom: 0.25rem;
    line-height: 1rem;
    vertical-align: bottom;
    grid-area: text
}

.actionbtn--multiline .actionbtn__ctaIcon,
.actionbtn--multiline .actionbtn__customIcon {
    margin-bottom: 13px;
    align-self: end
}

.actionbtn__customIcon,
.actionbtn__ctaIcon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 4px;
    margin-right: -4px;
    grid-area: icon;
    position: relative;
    display: none
}

.actionbtn__customIcon {
    margin-left: 8px
}

.actionbtn__customIcon img {
    width: 1.5rem;
    height: 1.5rem
}

.actionbtn__link:hover,
.actionbtn__link:focus {
    box-shadow: 0 0 0 2px var(--color-border-inverted, #1c1c1c) inset
}

.actionbtn__link:disabled,
.actionbtn__link.actionbtn--disabled {
    pointer-events: none;
    box-shadow: 0 0 0 1px #b8b3a2 inset
}

.actionbtn__link:disabled .actionbtn__title,
.actionbtn__link:disabled .actionbtn__label,
.actionbtn__link.actionbtn--disabled .actionbtn__title,
.actionbtn__link.actionbtn--disabled .actionbtn__label {
    color: #b8b3a2
}

.actionbtn__link:disabled .actionbtn__customIcon,
.actionbtn__link.actionbtn--disabled .actionbtn__customIcon {
    filter: brightness(6.8) invert(0)
}

.actionbtn__link:disabled .svgicon__base,
.actionbtn__link.actionbtn--disabled .svgicon__base {
    fill: #b8b3a2
}

.actionbtn__iconAlignment--left {
    grid-template: "icon texts" auto/1fr auto
}

.actionbtn__iconAlignment--left.actionbtn--multiline {
    grid-template: "icon text" auto "icon title" auto/1fr auto
}

.actionbtn__iconAlignment--left .actionbtn__customIcon {
    margin-left: 0px;
    margin-right: 8px
}

.actionbtn--textCentered .actionbtn__link {
    grid-template-columns: auto;
    justify-content: center
}

.actionbtn--textCentered .actionbtn__title {
    text-align: center
}

.actionbtn--noMargin .actionbtn__link {
    margin-block-end: 0;
    margin-inline-end: 0
}

.actionbtn--noMargin .actionbtn__wrapper {
    margin: 0
}

.actionbtn--fullwidthXS .actionbtn__link {
    width: 100%
}

@media(min-width: 768px) {
    .actionbtn--fullwidthXS .actionbtn__link {
        width: auto
    }
}

.actionbtn--fullwidthXS .actionbtn__title {
    text-align: center
}

@media(min-width: 768px) {
    .actionbtn--fullwidthXS .actionbtn__title {
        text-align: left
    }
}

.actionbtn__link.actionbtn--color-red {
    background-color: #e60000;
    box-shadow: none
}

.actionbtn__link.actionbtn--color-red .actionbtn__title,
.actionbtn__link.actionbtn--color-red .actionbtn__label {
    color: #fff
}

.actionbtn__link.actionbtn--color-red .svgicon__base {
    fill: #fff
}

.actionbtn__link.actionbtn--color-red .actionbtn__customIcon {
    filter: brightness(0) invert(1)
}

.actionbtn__link.actionbtn--color-red:hover,
.actionbtn__link.actionbtn--color-red:focus {
    background-color: #bd000c
}

.actionbtn__link.actionbtn--color-red.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-red .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-red .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-red:disabled,
.actionbtn__link.actionbtn--color-red.actionbtn--disabled {
    background-color: #cccabc
}

.actionbtn__link.actionbtn--color-primarytransparent:hover,
.actionbtn__link.actionbtn--color-primarytransparent:focus {
    box-shadow: 0 0 0 2px var(--color-border-inverted, #1c1c1c) inset
}

.actionbtn__link.actionbtn--color-primarytransparent.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-primarytransparent .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-primarytransparent .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-primarytransparent:disabled .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-primarytransparent.actionbtn--disabled .actionbtn__customIcon {
    filter: brightness(6.8) invert(0)
}

.actionbtn__link.actionbtn--color-primarywhite {
    background-color: #fff;
    box-shadow: 0 0 0 1px #1c1c1c inset
}

.actionbtn__link.actionbtn--color-primarywhite .actionbtn__title {
    color: #1c1c1c
}

.actionbtn__link.actionbtn--color-primarywhite .actionbtn__label {
    color: #5a5d5c
}

.actionbtn__link.actionbtn--color-primarywhite .svgicon__base {
    fill: #da0000
}

.actionbtn__link.actionbtn--color-primarywhite:hover,
.actionbtn__link.actionbtn--color-primarywhite:focus {
    box-shadow: 0 0 0 2px #1c1c1c inset
}

.actionbtn__link.actionbtn--color-primarywhite.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-primarywhite .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-primarywhite .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-primarywhite:disabled,
.actionbtn__link.actionbtn--color-primarywhite.actionbtn--disabled {
    box-shadow: 0 0 0 1px #b8b3a2 inset
}

.actionbtn__link.actionbtn--color-primarywhite:disabled .actionbtn__title,
.actionbtn__link.actionbtn--color-primarywhite.actionbtn--disabled .actionbtn__title,
.actionbtn__link.actionbtn--color-primarywhite:disabled .actionbtn__label,
.actionbtn__link.actionbtn--color-primarywhite.actionbtn--disabled .actionbtn__label {
    color: #b8b3a2
}

.actionbtn__link.actionbtn--color-primarywhite:disabled .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-primarywhite.actionbtn--disabled .actionbtn__customIcon {
    filter: brightness(6.8) invert(0)
}

.actionbtn__link.actionbtn--color-primarywhite:disabled .svgicon__base,
.actionbtn__link.actionbtn--color-primarywhite.actionbtn--disabled .svgicon__base {
    fill: #b8b3a2
}

.actionbtn__link.actionbtn--color-black {
    background-color: #1c1c1c;
    box-shadow: none
}

.actionbtn__link.actionbtn--color-black .actionbtn__title,
.actionbtn__link.actionbtn--color-black .actionbtn__label {
    color: #fff
}

.actionbtn__link.actionbtn--color-black .svgicon__base {
    fill: #fff
}

.actionbtn__link.actionbtn--color-black .actionbtn__customIcon {
    filter: brightness(0) invert(1)
}

.actionbtn__link.actionbtn--color-black:hover,
.actionbtn__link.actionbtn--color-black:focus {
    background-color: #404040
}

.actionbtn__link.actionbtn--color-black.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-black .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-black .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-black:disabled,
.actionbtn__link.actionbtn--color-black.actionbtn--disabled {
    background-color: #cccabc
}

.actionbtn__link.actionbtn--color-transparent:hover,
.actionbtn__link.actionbtn--color-transparent:focus {
    box-shadow: 0 0 0 2px var(--color-border-inverted, #1c1c1c) inset
}

.actionbtn__link.actionbtn--color-transparent.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-transparent .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-transparent .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-transparent:disabled .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-transparent.actionbtn--disabled .actionbtn__customIcon {
    filter: brightness(6.8) invert(0)
}

.actionbtn__link.actionbtn--color-white {
    background-color: #fff;
    box-shadow: 0 0 0 1px #1c1c1c inset
}

.actionbtn__link.actionbtn--color-white .actionbtn__title {
    color: #1c1c1c
}

.actionbtn__link.actionbtn--color-white .actionbtn__label {
    color: #5a5d5c
}

.actionbtn__link.actionbtn--color-white .svgicon__base {
    fill: #da0000
}

.actionbtn__link.actionbtn--color-white:hover,
.actionbtn__link.actionbtn--color-white:focus {
    box-shadow: 0 0 0 2px #1c1c1c inset
}

.actionbtn__link.actionbtn--color-white.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-white .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-white .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-white:disabled,
.actionbtn__link.actionbtn--color-white.actionbtn--disabled {
    box-shadow: 0 0 0 1px #b8b3a2 inset
}

.actionbtn__link.actionbtn--color-white:disabled .actionbtn__title,
.actionbtn__link.actionbtn--color-white.actionbtn--disabled .actionbtn__title,
.actionbtn__link.actionbtn--color-white:disabled .actionbtn__label,
.actionbtn__link.actionbtn--color-white.actionbtn--disabled .actionbtn__label {
    color: #b8b3a2
}

.actionbtn__link.actionbtn--color-white:disabled .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-white.actionbtn--disabled .actionbtn__customIcon {
    filter: brightness(6.8) invert(0)
}

.actionbtn__link.actionbtn--color-white:disabled .svgicon__base,
.actionbtn__link.actionbtn--color-white.actionbtn--disabled .svgicon__base {
    fill: #b8b3a2
}

.actionbtn__link.actionbtn--color-solidred {
    background-color: #e60000;
    box-shadow: none
}

.actionbtn__link.actionbtn--color-solidred .actionbtn__title,
.actionbtn__link.actionbtn--color-solidred .actionbtn__label {
    color: #fff
}

.actionbtn__link.actionbtn--color-solidred .svgicon__base {
    fill: #fff
}

.actionbtn__link.actionbtn--color-solidred .actionbtn__customIcon {
    filter: brightness(0) invert(1)
}

.actionbtn__link.actionbtn--color-solidred:hover,
.actionbtn__link.actionbtn--color-solidred:focus {
    background-color: #bd000c
}

.actionbtn__link.actionbtn--color-solidred.actionbtn--ctaIcon {
    padding-right: 20px
}

.actionbtn__link.actionbtn--color-solidred .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-solidred .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-solidred:disabled,
.actionbtn__link.actionbtn--color-solidred.actionbtn--disabled {
    background-color: #cccabc
}

.actionbtn__link.actionbtn--color-linkcta {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    height: auto;
    box-shadow: none
}

.actionbtn__link.actionbtn--color-linkcta .actionbtn__title {
    padding-bottom: 0
}

.actionbtn__link.actionbtn--color-linkcta .actionbtn__label {
    padding-top: 0
}

.actionbtn__link.actionbtn--color-linkcta .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-linkcta .actionbtn__ctaIcon {
    display: block
}

.actionbtn__link.actionbtn--color-linkcta:disabled .actionbtn__customIcon,
.actionbtn__link.actionbtn--color-linkcta.actionbtn--disabled .actionbtn__customIcon {
    filter: brightness(6.8) invert(0)
}

.actionbutton__color--primarytransparent:hover,
.actionbutton__color--primarywhite:hover,
.actionbutton__color--transparent:hover,
.actionbutton__color--white:hover {
    border-width: 2px
}

.actionbutton__color--primarytransparent:hover .actionbutton__txt,
.actionbutton__color--primarywhite:hover .actionbutton__txt,
.actionbutton__color--transparent:hover .actionbutton__txt,
.actionbutton__color--white:hover .actionbutton__txt {
    margin: 0
}

.actionbutton__link--hasIcon .actionbutton__color--primarytransparent:hover .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--primarytransparent:hover .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--primarywhite:hover .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--primarywhite:hover .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--transparent:hover .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--transparent:hover .actionbutton__txt,
.actionbutton__link--hasIcon .actionbutton__color--white:hover .actionbutton__txt,
.actionbutton__button--hasIcon .actionbutton__color--white:hover .actionbutton__txt {
    margin-left: 42px
}

.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--primarytransparent:hover .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--primarywhite:hover .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--transparent:hover .actionbutton__txt,
.actionbutton__link--hasIcon.actionbutton__link--multiline .actionbutton__color--white:hover .actionbutton__txt {
    margin-left: 51px
}

.actionbutton__link--hasIcon .actionbutton__color--primarytransparent:hover .actionbutton__icon,
.actionbutton__link--hasIcon .actionbutton__color--primarywhite:hover .actionbutton__icon,
.actionbutton__link--hasIcon .actionbutton__color--transparent:hover .actionbutton__icon,
.actionbutton__link--hasIcon .actionbutton__color--white:hover .actionbutton__icon {
    margin-left: 22px
}

.actionbtn--color-linkcta .actionbtn__customIcon,
.actionbtn--color-linkcta .actionbtn__ctaIcon {
    margin-right: 0px;
    margin-bottom: 0rem
}

.actionbtn--color-linkcta.actionbtn--multiline .actionbtn__customIcon,
.actionbtn--color-linkcta.actionbtn--multiline .actionbtn__ctaIcon {
    margin-bottom: -0.125rem
}

.actionbtn--small {
    padding-inline: 12px;
    height: 2rem
}

.actionbtn--small .actionbtn__title {
    font: 500 0.75rem / 0.99rem Frutiger, Arial, Helvetica, sans-serif
}

.actionbtn--small.actionbtn__color--primarytransparent .actionbtn__title,
.actionbtn--small.actionbtn__color--primarywhite .actionbtn__title,
.actionbtn--small.actionbtn__color--transparent .actionbtn__title,
.actionbtn--small.actionbtn__color--white .actionbtn__title {
    font: 300 1rem / 1.75rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .actionbtn--small.actionbtn__color--primarytransparent .actionbtn__title,
    .actionbtn--small.actionbtn__color--primarywhite .actionbtn__title,
    .actionbtn--small.actionbtn__color--transparent .actionbtn__title,
    .actionbtn--small.actionbtn__color--white .actionbtn__title {
        font-size: 0.8125rem;
        line-height: 0.975rem
    }
}

.messagestage__teaser .actionbutton__wrapper {
    padding-top: .9375em;
    padding-bottom: .9375em
}

@media(min-width: 768px) {
    .messagestage__teaser .actionbutton__wrapper {
        padding-bottom: .625em
    }
}

@media(min-width: 1024px) {
    .messagestage__teaser .actionbutton__wrapper {
        padding-bottom: .9375em
    }
}

@media(min-width: 1280px) {
    .messagestage__teaser .actionbutton__wrapper {
        padding-top: 1.5625em
    }
}

.slick-slide .actionbutton__link {
    transform-style: preserve-3d;
    backface-visibility: hidden
}

.teaser__base .actionbutton__base {
    margin-top: .9375em
}

@media(min-width: 1280px) {
    .teaser__base .actionbutton__base {
        margin-top: 1.5625em
    }
}

.actionbutton__title {
    font-weight: 300;
    text-align: center
}

@keyframes kenburns-bottom-left {
    0% {
        transform: scale(1.1) translate(0, 0);
        transform-origin: 16% 84%
    }
    100% {
        transform: scale(1) translate(0, 0);
        transform-origin: left bottom
    }
}

@media(min-width: 1024px) {
    .animate__fade {
        transition: opacity 800ms ease-in
    }
    .animate__fade--slow {
        transition: opacity 2s ease-in
    }
    .animate__fade-is-hidden {
        opacity: 0
    }
    .animate__fade-is-fade {
        opacity: 1
    }
    .animate__kenburns {
        animation: kenburns-bottom-left 3s ease-out both
    }
}

@media(min-width: 1024px) {}

.backtotop__base {
    text-align: right;
    white-space: nowrap
}

@media only print {
    .backtotop__base {
        display: none
    }
}

.backtotop__link {
    font: 300 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    padding-right: 1.5714285714em;
    position: relative;
    display: inline-block;
    color: #5a5d5c;
    cursor: pointer
}

.backtotop__link:hover,
.backtotop__link:focus,
.backtotop__link:active,
.backtotop__link--active {
    color: #1c1c1c
}

.backtotop__link span {
    padding-bottom: 2px;
    text-decoration: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#e60000, #e60000);
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s cubic-bezier(1, 0, 0.3, 1)
}

.backtotop__link:active span,
.backtotop__link--active span,
.backtotop__link:focus span,
.backtotop__link:hover span {
    background-size: 0 1px, 100% 1px
}

.backtotop__link::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e908"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    right: 0em;
    padding-top: .2657142857em;
    padding-bottom: .3628571429em
}

@media(min-width: 1024px) {
    .backtotop__link {
        padding-right: 1.375em;
        position: relative
    }
    .backtotop__link::after {
        padding-top: .085em;
        padding-bottom: .1775em
    }
}

@media(min-width: 0) {
    .backtotop__link {
        padding-right: 22px
    }
}

.backtotop__base {
    margin-top: 0
}

.basecomponent:empty {
    display: none
}

.grid-rfa .basecomponent:not(:empty):not(.is-empty):not(.is-hidden)~.basecomponent__base,
.grid-main .basecomponent:not(:empty):not(.is-empty):not(.is-hidden)~.basecomponent__base,
.linklistnewlook--gridFooter .basecomponent:not(:empty):not(.is-empty):not(.is-hidden)~.basecomponent__base,
.airycontainer__base:not(:first-child) .basecomponent__base {
    margin-top: 2.5rem
}

.capabilities__item {
    width: 100%
}

.capabilities__item .textteaser__txt {
    margin-top: .3125em
}

.capabilities__item .linklistnewlook__list,
.capabilities__item .linklist__list {
    margin-top: 1rem
}

@media(max-width: 767px) {
    .capabilities__item:first-of-type {
        margin-top: 1.9375em
    }
}

.capabilities__item .listitem__link {
    border-bottom: none
}

.capabilities__container {
    gap: 2.5rem;
    margin-top: 2.5rem;
    --capabilities-columns: 1;
    display: grid;
    grid-template-columns: repeat(var(--capabilities-columns), 1fr)
}

@media(min-width: 1024px) {
    .capabilities__container {
        row-gap: 3.75rem;
        margin-top: 3.75rem
    }
    .capabilities__container--1 {
        grid-template-columns: calc(var(--grid-absolute-col-width)*18 + var(--grid-absolute-gutter)*17)
    }
}

@media(min-width: 1024px) {}

@media(min-width: 768px) {
    .capabilities__container--2,
    .capabilities__container--3 {
        --capabilities-columns: 2
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .capabilities__container--3 {
        --capabilities-columns: 3
    }
}

@media(min-width: 768px) {
    .capabilities__container--4 {
        --capabilities-columns: 2
    }
}

@media(min-width: 1024px) {
    .capabilities__container--4 {
        --capabilities-columns: 3
    }
}

@media(min-width: 1280px) {
    .capabilities__container--4 {
        --capabilities-columns: 4
    }
}

.capabilities__hl {
    font: 300 1.75rem / 2.0625rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 768px) {
    .capabilities__hl {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

@media(max-width: 767px) {
    .highlighting__base .capabilities__hl {
        padding-top: 1.25rem
    }
}

.capabilities__txt {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif;
    margin-top: .625em
}

@media(min-width: 1024px) {
    .capabilities__txt {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .capabilities__txt {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .capabilities__txt {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

@media(min-width: 1280px) {
    .capabilities__txt {
        margin-top: 1.4375em
    }
}

.capabilities__disclaimer {
    margin-top: 2.375em
}

.capabilities__disclaimer p {
    font: 300 0.875rem / 1.0625rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.capabilities__disclaimer p+p {
    margin-top: .3125em
}

@media(min-width: 768px) {
    .capabilities__disclaimer {
        margin-top: 1.9375em
    }
}

@media(min-width: 1024px) {
    .capabilities__disclaimer {
        margin-top: 1.625em
    }
}

@media(min-width: 1280px) {
    .capabilities__disclaimer {
        margin-top: 2.25em
    }
}

.closebutton__icon {
    fill: #5a5d5c;
    width: 1.5rem;
    height: 1.5rem
}

.closebutton:hover .closebutton__icon,
.closebutton:focus .closebutton__icon {
    fill: #1c1c1c
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(122, 120, 112, .2)
}

#cboxContent {
    position: relative;
    background-color: #fff
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxLoadedContent {
    padding-top: 1.25em;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media(min-width: 768px) {
    #cboxLoadedContent {
        padding-top: 0
    }
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box
}

#cboxLoadingOverlay {
    background: #fff url("../../../../img/colorbox/loading-bright.gif") no-repeat center center
}

#colorbox {
    outline: none
}

@media(min-width: 1024px) {
    #colorbox {
        padding-bottom: 1.5625em;
        border-top: 25px solid rgba(0, 0, 0, 0)
    }
}

#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
    max-width: 100%
}

.colorbox__btn--close {
    background-color: rgba(0, 0, 0, 0)
}

#colorbox.privacysettings__iframeLightBox {
    border-top: 10px solid rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {
    #colorbox.privacysettings__iframeLightBox {
        border-top: none
    }
}

@media(min-width: 1024px) {
    #colorbox.privacysettings__iframeLightBox {
        border-top: 80px solid rgba(0, 0, 0, 0)
    }
}

.domicileSelection__toggle {
    font: 300 0.875em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .3957142857em;
    padding-bottom: .3757142857em;
    height: 35px;
    padding: 0em 34px 0em 15px;
    border: 1px solid #919191;
    border-radius: 1px
}

.domicileSelection__toggle:hover,
.domicileSelection__toggle:active,
.domicileSelection__toggle:focus {
    background-color: #dfdfdf;
    border: 1px solid #919191
}

.domicileSelection__toggle::before {
    padding-left: 14px
}

.no-js .domicileSelection__toggle {
    display: none
}

.domicileSelection__toggle::after {
    content: "";
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    top: 39px;
    right: 50%;
    transform: translateX(50%);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.12));
    z-index: 30;
    opacity: 0;
    transition: all 1s
}

.metaNav__item-is-active .domicileSelection__toggle::after {
    visibility: visible;
    opacity: 1
}

.domicileSelection__overlay {
    display: none
}

.domicileSelection__select {
    border-bottom: 1px solid #bebebe;
    text-align: left;
    width: 100%
}

@media(min-width: 768px) {
    .locationSelector__list .domicileSelection__select--region.domicileSelection__select {
        margin-top: 0
    }
}

@media(max-width: 1023px) {
    .mainNav__list .domicileSelection__select,
    .domicileSelection__panel .domicileSelection__select {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        color: #1c1c1c;
        padding-top: .9071428571em;
        padding-bottom: .8785714286em;
        padding-right: 1.5714285714em;
        position: relative
    }
}

@media(max-width: 1023px)and (min-width: 1024px) {
    .mainNav__list .domicileSelection__select,
    .domicileSelection__panel .domicileSelection__select {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .9071428571em;
        padding-bottom: .8785714286em
    }
}

@media(max-width: 1023px) {
    .mainNav__list .domicileSelection__select::after,
    .domicileSelection__panel .domicileSelection__select::after {
        font-family: "ubs-icons";
        content: "";
        content: "\e904"/"";
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        position: absolute;
        top: 0;
        right: 0em;
        padding-top: .8471428571em;
        padding-bottom: .9385714286em
    }
}

@media(max-width: 1023px)and (min-width: 1024px) {
    .mainNav__list .domicileSelection__select,
    .domicileSelection__panel .domicileSelection__select {
        padding-right: 1.5714285714em;
        position: relative
    }
    .mainNav__list .domicileSelection__select::after,
    .domicileSelection__panel .domicileSelection__select::after {
        padding-top: .8471428571em;
        padding-bottom: .9385714286em
    }
}

@media(max-width: 1023px) {
    .domicileSelection__select--region {
        margin-top: .7142857143em
    }
}

@media(max-width: 1023px)and (min-width: 1024px) {
    .domicileSelection__select--region {
        margin-top: .7142857143em
    }
}

@media(max-width: 1023px) {
    .domicileSelection__select--domicile,
    .domicileSelection__select--open {
        margin-bottom: .46875em
    }
}

@media(min-width: 1024px) {
    .domicileSelection__select {
        font: 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        color: #1c1c1c;
        padding-top: .1857142857em;
        padding-bottom: .1571428571em;
        margin-top: 1.4285714286em;
        padding-right: 1.5714285714em;
        position: relative
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .domicileSelection__select {
        font: 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .145em;
        padding-bottom: .1175em;
        margin-top: 1.25em
    }
}

@media(min-width: 1024px) {
    .domicileSelection__select::after {
        font-family: "ubs-icons";
        content: "";
        content: "\e903"/"";
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        position: absolute;
        top: 0;
        right: 0em;
        padding-top: .1257142857em;
        padding-bottom: .2171428571em
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .domicileSelection__select {
        padding-right: 1.375em;
        position: relative
    }
    .domicileSelection__select::after {
        padding-top: .085em;
        padding-bottom: .1775em
    }
}

.domicileSelection__select:hover {
    color: #000
}

.domicileSelection__item--region-is-active .domicileSelection__select::after,
.domicileSelection__item--country-is-active .domicileSelection__select::after {
    transform: rotate3d(1, 0, 0, 180deg)
}

.locationSelector__list .domicileSelection__select {
    font: 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1857142857em;
    padding-bottom: .1571428571em;
    margin-top: 1.4285714286em;
    padding-right: 1.5714285714em;
    position: relative
}

@media(min-width: 1024px) {
    .locationSelector__list .domicileSelection__select {
        font: 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .145em;
        padding-bottom: .1175em;
        margin-top: 1.25em
    }
}

.locationSelector__list .domicileSelection__select::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e903"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0em;
    padding-top: .1257142857em;
    padding-bottom: .2171428571em
}

@media(min-width: 1024px) {
    .locationSelector__list .domicileSelection__select {
        padding-right: 1.375em;
        position: relative
    }
    .locationSelector__list .domicileSelection__select::after {
        padding-top: .085em;
        padding-bottom: .1775em
    }
}

.domicileSelection__select:disabled {
    color: #bebebe
}

.domicileSelection__select::after {
    transition: transform .3s
}

.domicileSelection__select[aria-expanded=true]::after {
    transform: rotate(180deg)
}

.domicileSelection__list {
    overflow-y: hidden
}

.domicileSelection__hl+.domicileSelection__list {
    padding-top: 1.09375em
}

@media(min-width: 1024px) {
    .domicileSelection__list--country {
        max-height: 0;
        overflow-y: auto
    }
}

.locationSelector__list .domicileSelection__list--country {
    max-height: 0
}

.locationSelector__list .domicileSelection__item--country.menu-is-active .domicileSelection__list--country {
    max-height: 247.5px !important;
    overflow-y: auto
}

@media(min-width: 1024px) {
    .locationSelector__list .domicileSelection__item--country.menu-is-active .domicileSelection__list--country {
        max-height: 165px !important
    }
}

.domicileSelection__item {
    border-bottom: 1px solid #dfdfdf;
    display: none
}

.domicileSelection__item-is-active {
    display: block
}

@media(min-width: 1024px) {
    .metaNav__base .domicileSelection__item--country,
    .metaNav__base .domicileSelection__item--region {
        padding-bottom: .46875em
    }
    .metaNav__base .domicileSelection__item--country .metaNav__list,
    .metaNav__base .domicileSelection__item--region .metaNav__list {
        display: none;
        max-height: 0
    }
    .locationSelector__base .domicileSelection__item--country {
        padding-bottom: .46875em
    }
}

@media(min-width: 1024px) {}

.locationSelector__base .domicileSelection__item--region .metaNav__list {
    display: none;
    max-height: 0
}

.no-js .domicileSelection__item {
    display: list-item
}

.domicileSelection__hl {
    font: bold 1em/1.25 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .20625em;
    padding-bottom: .18125em;
    margin-top: 1.25em
}

@media(min-width: 1024px) {
    .domicileSelection__hl {
        font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .137em;
        padding-bottom: .113em;
        margin-top: 1.125em
    }
}

.domicileSelection__link {
    font: 300 0.875em/1.5714285714 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: .1157142857em;
    padding-bottom: .0842857143em;
    display: block;
    text-decoration: underline
}

.domicileSelection__link--other {
    margin-top: 2.8571428571em;
    margin-bottom: 1.6071428571em;
    display: block;
    text-decoration: underline
}

@media(min-width: 1024px) {
    .domicileSelection__link--other {
        margin-top: 1.7857142857em
    }
}

.domicileSelection__link--other a {
    color: #717171
}

.domicileSelection__link--back {
    margin-top: .78125em;
    padding-left: 1.2142857143em;
    position: relative
}

.domicileSelection__link--back::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e904"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0em;
    padding-top: .0557142857em;
    padding-bottom: .1442857143em;
    transform: rotate(180deg)
}

.domicileSelection__otherLinksWrapper {
    display: none
}

.no-js .domicileSelection__otherLinksWrapper {
    display: block
}

.domicileSelection__button,
.domicileSelection__countryLink {
    text-align: left;
    padding-left: 30px;
    background-color: #f9f9f7;
    border-bottom: 1px solid #dfdfdf;
    width: 100%
}

.domicileSelection__button:hover,
.domicileSelection__countryLink:hover {
    background-color: #f4f3ee;
    color: #000
}

.domicileSelection__button-is-active,
.domicileSelection__countryLink-is-active {
    color: #000
}

.domicileSelection__button-is-active::before,
.domicileSelection__countryLink-is-active::before {
    padding-left: 10px
}

@media(max-width: 1023px) {
    .domicileSelection__button,
    .domicileSelection__countryLink {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        color: #1c1c1c;
        padding-top: .9071428571em;
        padding-bottom: .8785714286em
    }
}

@media(max-width: 1023px)and (min-width: 1024px) {
    .domicileSelection__button,
    .domicileSelection__countryLink {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .9071428571em;
        padding-bottom: .8785714286em
    }
}

@media(max-width: 1023px) {
    .domicileSelection__button-is-active,
    .domicileSelection__countryLink-is-active {
        padding-left: 2.1428571429em;
        position: relative
    }
    .domicileSelection__button-is-active::before,
    .domicileSelection__countryLink-is-active::before {
        font-family: "ubs-icons";
        content: "";
        content: "\e900"/"";
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 0em;
        transform: translateY(-50%);
        padding-top: .3114285714em;
        padding-bottom: .4028571429em
    }
}

@media(max-width: 1023px)and (min-width: 1024px) {
    .domicileSelection__button-is-active,
    .domicileSelection__countryLink-is-active {
        padding-left: 2.1428571429em;
        position: relative
    }
    .domicileSelection__button-is-active::before,
    .domicileSelection__countryLink-is-active::before {
        padding-top: .3114285714em;
        padding-bottom: .4028571429em
    }
}

@media(min-width: 1024px) {
    .domicileSelection__button,
    .domicileSelection__countryLink {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        color: #1c1c1c;
        padding-top: .3714285714em;
        padding-bottom: .3428571429em
    }
    .domicileSelection__button-is-active,
    .domicileSelection__countryLink-is-active {
        padding-left: 2.1428571429em;
        position: relative
    }
    .domicileSelection__button-is-active::before,
    .domicileSelection__countryLink-is-active::before {
        font-family: "ubs-icons";
        content: "";
        content: "\e900"/"";
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 0em;
        transform: translateY(-50%);
        padding-top: .3114285714em;
        padding-bottom: .4028571429em
    }
}

.domicileSelection__countryLink {
    display: block
}

.domicileSelection__panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    z-index: 21;
    overflow-y: auto;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    transform: translate3d(0, -100%, 0);
    transition: transform .3s cubic-bezier(0.3, 0.6, 0, 1)
}

@media(min-width: 768px) {
    .domicileSelection__panel {
        padding-left: 34px;
        padding-right: 34px
    }
}

.domicileSelection__panel-is-visible {
    transform: translate3d(0, 0, 0)
}

.domicileSelection__panel--no-js {
    display: none
}

.no-js .domicileSelection__panel--no-js {
    display: block
}

.domicileSelection__panel--no-js .domicileSelection__list {
    padding: 34px;
    width: 100%
}

.domicileSelection--no-js {
    display: none
}

.no-js .domicileSelection--no-js {
    display: block
}

.footer__base {
    padding-top: 5rem
}

.js .footer__base .mainNavigationFooter {
    display: none
}

.footer__topline {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .footer__topline {
        gap: 1.25rem;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

@media only print {
    .footer__topline {
        margin-bottom: 0rem
    }
}

.footer__purpose {
    padding-top: 2.5rem;
    background-color: #f4f3ee
}

@media only print {
    .footer__purpose {
        display: none
    }
}

@media(min-width: 768px) {
    .footer__purpose {
        padding-top: 3.75rem;
        text-align: center
    }
}

.footer__purposeText {
    font: 300 1rem / 1.5rem Frutiger, Arial, Helvetica, sans-serif;
    margin-bottom: 1rem;
    direction: ltr;
    color: #5a5d5c;
    vertical-align: middle;
    text-align: left
}

@media(min-width: 768px) {
    .footer__purposeText {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-right: 40px;
        margin-bottom: 0;
        display: inline-block
    }
}

@media(min-width: 768px) {}

.footer__purposeImage {
    height: 32px
}

@media(min-width: 768px) {
    .footer__purposeImage {
        height: 40px
    }
}

.footer__hl {
    font: 500 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.footer__hlDate {
    font: 300 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif
}

.footer__hlLabel {
    margin-right: 12px
}

.footer__shorturl,
.footer__domicile {
    display: flex;
    align-items: baseline
}

@media(min-width: 1024px) {
    .footer__shorturl,
    .footer__domicile {
        width: auto;
        padding-top: 0
    }
}

.footer__shorturl>span,
.footer__domicile>span {
    margin-right: 12px
}

.footer__shorturl>a,
.footer__domicile>a {
    font: 300 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    cursor: pointer
}

.footer__linksList {
    row-gap: 0.25rem;
    display: flex;
    flex-flow: row wrap
}

@media(min-width: 1024px) {
    .footer__crosssite .footer__linksList {
        margin-top: 0em
    }
}

.footer__linksLink {
    font: 300 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    padding-block: 0.125rem;
    color: #5a5d5c
}

.footer__shorturl .footer__linksLink {
    margin-bottom: 0;
    margin-top: 0
}

.footer__crosssite .footer__linksLink,
.footernav__base .footer__linksLink {
    margin-right: 8px;
    display: inline-block
}

.footernav__base .footer__linksLink {
    margin-top: 0;
    margin-bottom: 0
}

.footer__linksText {
    color: #5a5d5c;
    cursor: pointer
}

.footer__linksText:hover,
.footer__linksText:focus,
.footer__linksText:active,
.footer__linksText--active {
    color: #1c1c1c
}

.footer__linksText {
    padding-bottom: 2px;
    text-decoration: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#e60000, #e60000);
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s cubic-bezier(1, 0, 0.3, 1)
}

.footer__linksText:active,
.footer__linksText--active,
.footer__linksText:focus,
.footer__linksText:hover {
    background-size: 0 1px, 100% 1px
}

.footer__linksItem {
    display: flex;
    align-items: center
}

.footer__linksItem:not(:last-child):not(.footer__linksItem--hiddenTitle)::after {
    margin-right: 8px;
    border-right: 1px solid #5a5d5c;
    content: "";
    height: 10px
}

.footer__crosssite .footer__linksItem:first-child {
    margin-right: 12px;
    font: 500 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.footer__highlight {
    padding-top: 1.25rem
}

.footer__highlight--top {
    padding-top: 2.5rem;
    background-color: #f4f3ee;
    padding-bottom: 0
}

@media(min-width: 768px) {
    .footer__highlight--top {
        padding-top: 3.75rem
    }
}

@media only print {
    .footer__highlight--top {
        background-color: rgba(0, 0, 0, 0)
    }
}

.footer__highlight--top>.grid-container {
    display: flex;
    flex-direction: column
}

.footer__highlight--bottom {
    padding-bottom: 2.5rem;
    background-color: #f4f3ee
}

@media only print {
    .footer__highlight--bottom {
        background-color: rgba(0, 0, 0, 0)
    }
}

.footer__highlight .socialfollowus__label {
    font: 500 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.footer__highlight .socialfollowus__base {
    margin-top: 2.5rem;
    border-bottom: none;
    padding-bottom: 0
}

@media(min-width: 1024px) {
    .footer__highlight .socialfollowus__base {
        margin-top: 0
    }
}

@media only print {
    .footer__highlight .socialfollowus__base {
        display: none
    }
}

.footer__highlight .innergrid__cell {
    gap: 1.5rem;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .footer__highlight .innergrid__cell {
        gap: 2.5rem
    }
}

@media only print {
    .footer__highlight .footerLinks {
        display: none
    }
}

.footer__breadcrumb {
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .footer__breadcrumb {
        margin-top: 1.5rem;
        order: 2
    }
}

@media only print {
    .footer__breadcrumb {
        display: none
    }
}

.footer__breadcrumbTxt {
    margin-right: 12px
}

@media(min-width: 1024px) {
    .footer__breadcrumbTxt {
        width: auto;
        margin-bottom: 0
    }
}

.footer__breadcrumbList {
    display: flex;
    flex-wrap: wrap
}

.footer__breadcrumbLink {
    font: 300 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    margin-bottom: 0;
    display: block
}

.footer__breadcrumbLinkText {
    color: #5a5d5c;
    cursor: pointer
}

.footer__breadcrumbLinkText:hover,
.footer__breadcrumbLinkText:focus,
.footer__breadcrumbLinkText:active,
.footer__breadcrumbLinkText--active {
    color: #1c1c1c
}

.footer__breadcrumbLinkText {
    padding-bottom: 2px;
    text-decoration: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#e60000, #e60000);
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s cubic-bezier(1, 0, 0.3, 1)
}

.footer__breadcrumbLinkText:active,
.footer__breadcrumbLinkText--active,
.footer__breadcrumbLinkText:focus,
.footer__breadcrumbLinkText:hover {
    background-size: 0 1px, 100% 1px
}

.footer__breadcrumbItem:not(:last-child) {
    padding-right: 1em;
    position: relative;
    margin-right: 10px;
    padding: 0 !important;
    display: flex;
    align-items: baseline
}

.footer__breadcrumbItem:not(:last-child)::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e909"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 0em;
    transform: translateY(-50%);
    padding-top: -.89em;
    padding-bottom: -.8242857143em
}

@media(min-width: 1024px) {
    .footer__breadcrumbItem:not(:last-child) {
        padding-right: 1em;
        position: relative
    }
    .footer__breadcrumbItem:not(:last-child)::after {
        padding-top: -.61em;
        padding-bottom: -.5328571429em
    }
}

@media(min-width: 1280px) {
    .footer__breadcrumbItem:not(:last-child) {
        padding-right: 1em;
        position: relative
    }
    .footer__breadcrumbItem:not(:last-child)::after {
        padding-top: -.61em;
        padding-bottom: -.5328571429em
    }
}

.footer__breadcrumbItem:not(:last-child)::after {
    color: #1c1c1c;
    padding: 0;
    transform: none;
    position: relative;
    top: auto;
    right: auto;
    padding-left: 10px
}

.footer__innerWrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem
}

@media(min-width: 1024px) {
    .footer__innerWrapper {
        width: calc(var(--grid-absolute-col-width)*16 + var(--grid-absolute-gutter)*15)
    }
}

@media only print {
    .footer__innerWrapper {
        display: none
    }
}

.footer__wrapper {
    padding-bottom: 1.25rem;
    margin-top: 2.5rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-bottom: 1px solid #bdbdbd
}

@media(min-width: 1024px) {
    .footer__wrapper {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between
    }
}

@media only print {
    .footer__wrapper {
        margin: 0rem 0px;
        padding: 0rem 0px
    }
}

.footer__crosssite {
    display: flex
}

.footer__crosssite .footer__hl {
    padding-block: 0.125rem;
    position: absolute;
    flex-shrink: 0
}

@media(min-width: 1024px) {
    .footer__crosssite .footer__hl {
        margin-top: 0em;
        flex-basis: auto;
        flex-shrink: 0
    }
}

.footer__disclaimer p {
    font: 300 0.75rem / 1.245rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.footer__disclaimer u {
    color: #da0000;
    text-decoration: none
}

.footer__disclaimer a {
    color: #da0000;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem
}

.footer__disclaimer a:visited,
.footer__disclaimer a:hover,
.footer__disclaimer a:focus,
.footer__disclaimer a:active {
    color: #bd000c
}

.footer__disclaimer a u {
    text-decoration: underline
}

.footer__disclaimer b,
.footer__disclaimer strong {
    font-weight: 500
}

.footer__disclaimer--black a,
.footer__disclaimer--black p {
    color: #1c1c1c
}

.footer__disclaimer:not(:first-child) {
    margin-top: 1.5rem
}

@media(min-width: 768px) {
    .footer__disclaimer:not(:first-child) {
        margin-top: 2.5rem
    }
}

@media only print {
    .footer__disclaimer:not(:first-child) {
        margin: 0rem 0px
    }
}

.footer__disclaimer p+p {
    margin-top: .9375em
}

.footernav__base .footer__linksItem:not(:first-child)::before {
    margin-top: 2px
}

.footer__highlight .grid-row {
    gap: 1.5rem
}

@media(min-width: 768px) {
    .footer__highlight .grid-row {
        gap: 2.5rem
    }
}

@media(min-width: 1024px) {
    .footer__highlight .grid-row {
        gap: 0
    }
}

.footer__highlight .grid-row::before,
.footer__highlight .grid-row::after {
    content: none
}

.form__base {
    margin-top: 1.5625em
}

.form__base:first-child {
    margin-top: 0
}

.form__action {
    position: relative
}

.form__legend {
    font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .17625em;
    padding-bottom: .14875em;
    display: inline-block
}

@media(min-width: 1024px) {
    .form__legend {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2214285714em;
        padding-bottom: .1928571429em
    }
}

@media(min-width: 1280px) {
    .form__legend {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

.form__legend--hasIcon {
    margin-right: 26px
}

.form__sup {
    color: #da0000
}

.form__placeholder {
    font: 300 0.75em/1.25 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: .1541666667em;
    padding-bottom: .1291666667em;
    visibility: hidden
}

.form__placeholder-is-focus {
    visibility: visible
}

.form__placeholder::after {
    content: ".";
    visibility: hidden;
    clear: both
}

.form__info {
    font: 300 0.875em/1.1428571429 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .5042857143em;
    padding-bottom: .4814285714em;
    margin-top: .5714285714em;
    margin-bottom: .3571428571em;
    padding-left: .7142857143em;
    padding-right: .7142857143em;
    margin-bottom: .5714285714em;
    margin-top: 0em;
    border: 1px solid #7fcde8;
    background-color: #ebf8fc;
    background-image: linear-gradient(#ebf8fc, #e5f5fa)
}

.js .form__info.is-visuallyHidden {
    display: block;
    border: none;
    padding: 0;
    margin: 0 !important;
    background: none;
    height: 0
}

.no-js .form__info.is-visuallyHidden {
    height: auto;
    width: auto;
    overflow: visible
}

.form__infoIcon {
    height: 1.25em;
    float: right;
    margin-right: -0.125em;
    display: inline-block;
    position: relative
}

.form__infoIconArea {
    text-align: center;
    cursor: pointer;
    position: absolute;
    width: 1.875em;
    height: 1.875em;
    top: -0.21875em
}

.form__infoIconArea::after {
    content: "";
    font-family: "ubs-icons";
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    vertical-align: bottom;
    color: #78cae7;
    font-size: 1.25em
}

.form__infoIconArea:hover::after,
.form__infoIconArea:focus::after {
    color: #427c99
}

.form__rte b {
    font-weight: 500
}

.form__rte i {
    font-style: italic
}

.form__rte u,
.form__rte a {
    text-decoration: underline
}

.form__rte a {
    color: #da0000;
    cursor: pointer;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem
}

.form__rte a:visited,
.form__rte a:hover,
.form__rte a:focus,
.form__rte a:active {
    color: #bd000c
}

.form__error:not(:empty) {
    border: 1px solid #f2cb30;
    background-color: #fff8de;
    background-image: linear-gradient(#fff8de, #fff5cc);
    position: relative;
    display: block;
    font: 300 0.875em/1.1428571429 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .5042857143em;
    padding-bottom: .4814285714em;
    margin-top: .5714285714em;
    margin-bottom: .3571428571em;
    padding-left: .7142857143em;
    padding-right: .7142857143em
}

.form__error:not(:empty)::before {
    border-right-width: .5714285714em;
    border-left-width: .5714285714em;
    border-bottom-width: .5714285714em;
    border-right-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
    border-left-color: rgba(0, 0, 0, 0);
    border-left-style: solid;
    border-bottom-color: #f2cb30;
    border-bottom-style: solid
}

.form__error:not(:empty)::before,
.form__error:not(:empty)::after {
    right: .3571428571em;
    top: -.5714285714em;
    content: "";
    position: absolute
}

.form__error:not(:empty)::after {
    border-right-width: .5714285714em;
    border-left-width: .5714285714em;
    border-bottom-width: .5714285714em;
    margin-top: 1px;
    border-right-color: rgba(0, 0, 0, 0);
    border-right-style: solid;
    border-left-color: rgba(0, 0, 0, 0);
    border-left-style: solid;
    border-bottom-color: #fff8de;
    border-bottom-style: solid
}

.form__error:not(:empty)+.form__error {
    margin-top: -0.4375em;
    border-top: none;
    background-image: linear-gradient(#fff5cc, #fff5cc)
}

.form__error:not(:empty)+.form__error::before,
.form__error:not(:empty)+.form__error::after,
.form__error--no-arrow:not(:empty)::before,
.form__error--no-arrow:not(:empty)::after {
    content: none
}

.form__error-is-hidden:not(:empty) {
    display: none !important
}

.form__msg {
    padding: .46875em 0em
}

.form__msg-is-success {
    border: 1px solid #b8bb83;
    background: #eaeac0;
    background-image: linear-gradient(#eaeac0, #dcddb0)
}

.form__msg-is-success,
.form__msg-is-error {
    padding: .78125em 1.25em .78125em 3.3125em;
    position: relative
}

.form__msg-is-error {
    border: 1px solid #f2cb30;
    background: #fff8de;
    background-image: linear-gradient(#fff8de, #fff5cc)
}

.form__msg-is-error::after {
    top: 16px;
    left: 20px;
    font-size: 1.25em;
    content: "";
    font-family: "ubs-icons";
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    vertical-align: bottom;
    color: #f2bb3a;
    position: absolute
}

.regularform__base .form__msg .form__msgHl,
.newform__base .form__msg .form__msgHl {
    font: 300 1.25rem / 1.75rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .regularform__base .form__msg .form__msgHl,
    .newform__base .form__msg .form__msgHl {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.regularform__base .form__msg .form__msgTxt,
.newform__base .form__msg .form__msgTxt {
    font: 300 1rem / 1.375rem Frutiger, Arial, Helvetica, sans-serif
}

.regularform__base .form__msg .form__msgHl,
.regularform__base .form__msg .form__msgTxt,
.newform__base .form__msg .form__msgHl,
.newform__base .form__msg .form__msgTxt {
    padding-block: 0
}

.regularform__base .form__msg .form__msgHl+.form__msgTxt,
.newform__base .form__msg .form__msgHl+.form__msgTxt {
    margin-top: 0.5rem
}

.regularform__base .form__msg-is-success,
.regularform__base .form__msg-is-error,
.newform__base .form__msg-is-success,
.newform__base .form__msg-is-error {
    padding: 1.25rem 20px 1.25rem 52px;
    border: none;
    background: #f4f3ee
}

.regularform__base .form__msg-is-success .form__msgIcon,
.regularform__base .form__msg-is-success::after,
.regularform__base .form__msg-is-error::after,
.newform__base .form__msg-is-success .form__msgIcon,
.newform__base .form__msg-is-success::after,
.newform__base .form__msg-is-error::after {
    top: 1.625rem;
    left: 20px;
    width: 1.25rem;
    height: 1.25rem
}

.regularform__base .form__msg-is-error::after,
.newform__base .form__msg-is-error::after {
    background-image: url('../../../shared_assets/img/icons/attention_red.03102022.svg');
    content: ""
}

.regularform__base .form__msg-is-success::after,
.newform__base .form__msg-is-success::after {
    background: url('../../../shared_assets/img/icons/success_grey.21102022.svg') no-repeat center;
    content: "";
    display: block;
    position: absolute
}

.feedback__base .form__msg-is-success,
.feedback__base .form__msg-is-error {
    width: 100%
}

.highlighting__base--bg2 .feedback__base .form__msg-is-success,
.highlighting__base--bg2 .feedback__base .form__msg-is-error {
    background-color: #fff
}

.form__msgHl {
    font: 1.6875em/1.1481481481 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .0651851852em;
    padding-bottom: .0422222222em
}

@media(min-width: 768px) {
    .form__msgHl {
        font: 1.6875em/1.1481481481 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .0651851852em;
        padding-bottom: .0422222222em
    }
}

@media(min-width: 1024px) {
    .form__msgHl {
        font: 2.3125em/1.1081081081 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .0097297297em;
        padding-bottom: 0em;
        margin-bottom: -.0124324324em
    }
}

@media(min-width: 1280px) {
    .form__msgHl {
        font: 2.8125em/1.1111111111 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: 0em;
        padding-bottom: 0em;
        margin-top: -.0277777778em;
        margin-bottom: -0.05em
    }
}

.form__msgTxt {
    font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .145em;
    padding-bottom: .1175em;
    margin-top: .3125em
}

@media(min-width: 1024px) {
    .form__msgTxt {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .1857142857em;
        padding-bottom: .1571428571em;
        margin-top: .3571428571em
    }
}

@media(min-width: 1280px) {
    .form__msgTxt {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .145em;
        padding-bottom: .1175em;
        margin-top: .3125em
    }
}

.form__msgHl+.form__msgTxt {
    margin-top: .625em
}

@media(min-width: 1024px) {
    .form__msgHl+.form__msgTxt {
        margin-top: .7142857143em
    }
}

@media(min-width: 1280px) {
    .form__msgHl+.form__msgTxt {
        margin-top: .625em
    }
}

.form__msgIcon {
    left: 1.25em;
    top: 1.25em;
    width: 1.25em;
    height: 1.25em;
    position: absolute
}

.form__msgRichTxt p {
    font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .145em;
    padding-bottom: .1175em;
    margin-top: .3125em
}

@media(min-width: 1024px) {
    .form__msgRichTxt p {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .1857142857em;
        padding-bottom: .1571428571em;
        margin-top: .3571428571em
    }
}

@media(min-width: 1280px) {
    .form__msgRichTxt p {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .145em;
        padding-bottom: .1175em;
        margin-top: .3125em
    }
}

.form__serverconfirmation .form__action>* {
    display: none
}

.form__serverconfirmation .form__action .form__msg {
    display: block
}

.form__blocker {
    left: 0em;
    top: 0em;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: .4;
    background-color: #fff
}

.form__buttons {
    margin-top: .625em;
    border-top: 1px solid #bebebe;
    position: relative
}

.checkbox__base+.form__buttons,
.radio__base+.form__buttons {
    margin-top: 0em
}

.textimage__base+.form__buttons {
    margin-top: 1.40625em
}

.horizontalline__base+.form__buttons {
    margin-top: 1.875em
}

.form__buttons .actionbutton__button,
.form__buttons .actionbutton__link {
    float: left;
    margin-top: .46875em;
    margin-bottom: .46875em
}

.form__buttons .actionbutton__button:not(:last-child),
.form__buttons .actionbutton__link:not(:last-child) {
    margin-right: 10px
}

.form__element--noValidationInfo,
.form__element--noValidationInfo+.inputtext__input {
    background-image: none !important
}

@media(min-width: 768px)and (min-width: 768px) {
    .form__legend {
        padding-top: .26375em;
        padding-bottom: .23625em
    }
}

@media(min-width: 768px)and (min-width: 1024px) {
    .form__legend {
        padding-top: .3714285714em;
        padding-bottom: .3428571429em
    }
}

@media(min-width: 768px)and (min-width: 1280px) {
    .form__legend {
        padding-top: .26375em;
        padding-bottom: .23625em
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .gridcontrol__gridcell--C1 .form__legend,
    .gridcontrol__gridcell--C2 .form__legend,
    .gridcontrol__gridcell--C3 .form__legend,
    .gridcontrol__gridcell--C4 .form__legend,
    .gridcontrol__gridcell--D1 .form__legend,
    .gridcontrol__gridcell--D2 .form__legend,
    .gridcontrol__gridcell--E1 .form__legend,
    .gridcontrol__gridcell--E2 .form__legend,
    .gridcontrol__gridcell--F1 .form__legend,
    .gridcontrol__gridcell--F2 .form__legend {
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 768px)and (min-width: 1024px) {
    .gridcontrol__gridcell--C1 .form__legend,
    .gridcontrol__gridcell--C2 .form__legend,
    .gridcontrol__gridcell--C3 .form__legend,
    .gridcontrol__gridcell--C4 .form__legend,
    .gridcontrol__gridcell--D1 .form__legend,
    .gridcontrol__gridcell--D2 .form__legend,
    .gridcontrol__gridcell--E1 .form__legend,
    .gridcontrol__gridcell--E2 .form__legend,
    .gridcontrol__gridcell--F1 .form__legend,
    .gridcontrol__gridcell--F2 .form__legend {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2214285714em;
        padding-bottom: .1928571429em
    }
}

@media(min-width: 768px)and (min-width: 1280px) {
    .gridcontrol__gridcell--C1 .form__legend,
    .gridcontrol__gridcell--C2 .form__legend,
    .gridcontrol__gridcell--C3 .form__legend,
    .gridcontrol__gridcell--C4 .form__legend,
    .gridcontrol__gridcell--D1 .form__legend,
    .gridcontrol__gridcell--D2 .form__legend,
    .gridcontrol__gridcell--E1 .form__legend,
    .gridcontrol__gridcell--E2 .form__legend,
    .gridcontrol__gridcell--F1 .form__legend,
    .gridcontrol__gridcell--F2 .form__legend {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 1024px)and (min-width: 768px) {
    .gridcontrol__gridcell--D3 .form__legend,
    .gridcontrol__gridcell--F3 .form__legend,
    .gridcontrol__gridcell--G2 .form__legend,
    .gridcontrol__gridcell--H1 .form__legend {
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__legend,
    .gridcontrol__gridcell--F3 .form__legend,
    .gridcontrol__gridcell--G2 .form__legend,
    .gridcontrol__gridcell--H1 .form__legend {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2214285714em;
        padding-bottom: .1928571429em
    }
}

@media(min-width: 1024px)and (min-width: 1280px) {
    .gridcontrol__gridcell--D3 .form__legend,
    .gridcontrol__gridcell--F3 .form__legend,
    .gridcontrol__gridcell--G2 .form__legend,
    .gridcontrol__gridcell--H1 .form__legend {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .form__legend--inputtext {
        padding-top: .26375em;
        padding-bottom: .23625em
    }
}

@media(min-width: 768px)and (min-width: 1024px) {
    .form__legend--inputtext {
        padding-top: .3714285714em;
        padding-bottom: .3428571429em
    }
}

@media(min-width: 768px)and (min-width: 1280px) {
    .form__legend--inputtext {
        padding-top: .26375em;
        padding-bottom: .23625em
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .gridcontrol__gridcell--C1 .form__legend--inputtext,
    .gridcontrol__gridcell--C2 .form__legend--inputtext,
    .gridcontrol__gridcell--C3 .form__legend--inputtext,
    .gridcontrol__gridcell--C4 .form__legend--inputtext,
    .gridcontrol__gridcell--D1 .form__legend--inputtext,
    .gridcontrol__gridcell--D2 .form__legend--inputtext,
    .gridcontrol__gridcell--E1 .form__legend--inputtext,
    .gridcontrol__gridcell--E2 .form__legend--inputtext,
    .gridcontrol__gridcell--F1 .form__legend--inputtext,
    .gridcontrol__gridcell--F2 .form__legend--inputtext {
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 768px)and (min-width: 1024px) {
    .gridcontrol__gridcell--C1 .form__legend--inputtext,
    .gridcontrol__gridcell--C2 .form__legend--inputtext,
    .gridcontrol__gridcell--C3 .form__legend--inputtext,
    .gridcontrol__gridcell--C4 .form__legend--inputtext,
    .gridcontrol__gridcell--D1 .form__legend--inputtext,
    .gridcontrol__gridcell--D2 .form__legend--inputtext,
    .gridcontrol__gridcell--E1 .form__legend--inputtext,
    .gridcontrol__gridcell--E2 .form__legend--inputtext,
    .gridcontrol__gridcell--F1 .form__legend--inputtext,
    .gridcontrol__gridcell--F2 .form__legend--inputtext {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2214285714em;
        padding-bottom: .1928571429em
    }
}

@media(min-width: 768px)and (min-width: 1280px) {
    .gridcontrol__gridcell--C1 .form__legend--inputtext,
    .gridcontrol__gridcell--C2 .form__legend--inputtext,
    .gridcontrol__gridcell--C3 .form__legend--inputtext,
    .gridcontrol__gridcell--C4 .form__legend--inputtext,
    .gridcontrol__gridcell--D1 .form__legend--inputtext,
    .gridcontrol__gridcell--D2 .form__legend--inputtext,
    .gridcontrol__gridcell--E1 .form__legend--inputtext,
    .gridcontrol__gridcell--E2 .form__legend--inputtext,
    .gridcontrol__gridcell--F1 .form__legend--inputtext,
    .gridcontrol__gridcell--F2 .form__legend--inputtext {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 1024px)and (min-width: 768px) {
    .gridcontrol__gridcell--D3 .form__legend--inputtext,
    .gridcontrol__gridcell--F3 .form__legend--inputtext,
    .gridcontrol__gridcell--G2 .form__legend--inputtext,
    .gridcontrol__gridcell--H1 .form__legend--inputtext {
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__legend--inputtext,
    .gridcontrol__gridcell--F3 .form__legend--inputtext,
    .gridcontrol__gridcell--G2 .form__legend--inputtext,
    .gridcontrol__gridcell--H1 .form__legend--inputtext {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2214285714em;
        padding-bottom: .1928571429em
    }
}

@media(min-width: 1024px)and (min-width: 1280px) {
    .gridcontrol__gridcell--D3 .form__legend--inputtext,
    .gridcontrol__gridcell--F3 .form__legend--inputtext,
    .gridcontrol__gridcell--G2 .form__legend--inputtext,
    .gridcontrol__gridcell--H1 .form__legend--inputtext {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

.form__legend--hasIcon {
    margin-right: 6px;
    max-width: calc(100% - 26px)
}

.form__info {
    position: relative;
    text-align: left;
    left: 0
}

@media(min-width: 768px) {
    .form__info {
        margin-left: 12px;
        position: absolute;
        left: 103.1578947368%;
        text-align: left
    }
    .form__info::before {
        border-top-width: .4285714286em;
        border-bottom-width: .4285714286em;
        border-right-width: .4285714286em;
        left: -.4285714286em;
        top: .5714285714em;
        content: "";
        position: absolute;
        border-top-color: rgba(0, 0, 0, 0);
        border-top-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0);
        border-bottom-style: solid;
        border-right-color: #7fcde8;
        border-right-style: solid
    }
    .form__info::after {
        border-top-width: .3571428571em;
        border-bottom-width: .3571428571em;
        border-right-width: .3571428571em;
        left: -.2857142857em;
        top: .6428571429em;
        content: "";
        position: absolute;
        border-top-color: rgba(0, 0, 0, 0);
        border-top-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0);
        border-bottom-style: solid;
        border-right-color: #ebf8fc;
        border-right-style: solid
    }
    .gridcontrol__gridcell--C1 .form__info,
    .gridcontrol__gridcell--C2 .form__info,
    .gridcontrol__gridcell--C3 .form__info,
    .gridcontrol__gridcell--C4 .form__info,
    .gridcontrol__gridcell--D1 .form__info,
    .gridcontrol__gridcell--D2 .form__info,
    .gridcontrol__gridcell--E1 .form__info,
    .gridcontrol__gridcell--E2 .form__info,
    .gridcontrol__gridcell--F1 .form__info,
    .gridcontrol__gridcell--F2 .form__info {
        margin-top: 0em;
        margin-left: 0;
        position: static
    }
    .gridcontrol__gridcell--C1 .form__info::before,
    .gridcontrol__gridcell--C2 .form__info::before,
    .gridcontrol__gridcell--C3 .form__info::before,
    .gridcontrol__gridcell--C4 .form__info::before,
    .gridcontrol__gridcell--D1 .form__info::before,
    .gridcontrol__gridcell--D2 .form__info::before,
    .gridcontrol__gridcell--E1 .form__info::before,
    .gridcontrol__gridcell--E2 .form__info::before,
    .gridcontrol__gridcell--F1 .form__info::before,
    .gridcontrol__gridcell--F2 .form__info::before,
    .gridcontrol__gridcell--C1 .form__info::after,
    .gridcontrol__gridcell--C2 .form__info::after,
    .gridcontrol__gridcell--C3 .form__info::after,
    .gridcontrol__gridcell--C4 .form__info::after,
    .gridcontrol__gridcell--D1 .form__info::after,
    .gridcontrol__gridcell--D2 .form__info::after,
    .gridcontrol__gridcell--E1 .form__info::after,
    .gridcontrol__gridcell--E2 .form__info::after,
    .gridcontrol__gridcell--F1 .form__info::after,
    .gridcontrol__gridcell--F2 .form__info::after {
        content: none
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__info,
    .gridcontrol__gridcell--F3 .form__info,
    .gridcontrol__gridcell--G2 .form__info,
    .gridcontrol__gridcell--H1 .form__info {
        margin-top: 0em;
        margin-left: 0;
        position: static
    }
    .gridcontrol__gridcell--D3 .form__info::before,
    .gridcontrol__gridcell--F3 .form__info::before,
    .gridcontrol__gridcell--G2 .form__info::before,
    .gridcontrol__gridcell--H1 .form__info::before,
    .gridcontrol__gridcell--D3 .form__info::after,
    .gridcontrol__gridcell--F3 .form__info::after,
    .gridcontrol__gridcell--G2 .form__info::after,
    .gridcontrol__gridcell--H1 .form__info::after {
        content: none
    }
}

.form__infoIcon {
    font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .17625em;
    padding-bottom: .14875em;
    float: none;
    height: auto;
    margin: 0
}

@media(min-width: 1024px) {
    .form__infoIcon {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2214285714em;
        padding-bottom: .1928571429em
    }
}

@media(min-width: 1280px) {
    .form__infoIcon {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .17625em;
        padding-bottom: .14875em
    }
}

@media(min-width: 768px) {
    .gridcontrol__gridcell--C1 .form__infoIcon,
    .gridcontrol__gridcell--C2 .form__infoIcon,
    .gridcontrol__gridcell--C3 .form__infoIcon,
    .gridcontrol__gridcell--C4 .form__infoIcon,
    .gridcontrol__gridcell--D1 .form__infoIcon,
    .gridcontrol__gridcell--D2 .form__infoIcon,
    .gridcontrol__gridcell--E1 .form__infoIcon,
    .gridcontrol__gridcell--E2 .form__infoIcon,
    .gridcontrol__gridcell--F1 .form__infoIcon,
    .gridcontrol__gridcell--F2 .form__infoIcon {
        position: static
    }
}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__infoIcon,
    .gridcontrol__gridcell--F3 .form__infoIcon,
    .gridcontrol__gridcell--G2 .form__infoIcon,
    .gridcontrol__gridcell--H1 .form__infoIcon {
        position: static
    }
}

.form__infoIconArea {
    position: static;
    width: auto;
    height: auto;
    display: inline-block;
    pointer-events: none
}

.form__infoIcon:hover,
.form__infoIcon:focus .form__infoIconArea::after {
    color: #427c99
}

@media(max-width: 767px) {
    .form__infoSpacer {
        display: none
    }
}

@media(min-width: 768px) {
    .gridcontrol__gridcell--C1 .form__infoSpacer,
    .gridcontrol__gridcell--C2 .form__infoSpacer,
    .gridcontrol__gridcell--C3 .form__infoSpacer,
    .gridcontrol__gridcell--C4 .form__infoSpacer,
    .gridcontrol__gridcell--D1 .form__infoSpacer,
    .gridcontrol__gridcell--D2 .form__infoSpacer,
    .gridcontrol__gridcell--E1 .form__infoSpacer,
    .gridcontrol__gridcell--E2 .form__infoSpacer,
    .gridcontrol__gridcell--F1 .form__infoSpacer,
    .gridcontrol__gridcell--F2 .form__infoSpacer {
        display: none
    }
}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__infoSpacer,
    .gridcontrol__gridcell--F3 .form__infoSpacer,
    .gridcontrol__gridcell--G2 .form__infoSpacer,
    .gridcontrol__gridcell--H1 .form__infoSpacer {
        display: none
    }
}

@media(min-width: 768px) {
    .form__buttons {
        margin-top: 1.25em
    }
    .gridcontrol__gridcell--C1 .form__buttons,
    .gridcontrol__gridcell--C2 .form__buttons,
    .gridcontrol__gridcell--C3 .form__buttons,
    .gridcontrol__gridcell--C4 .form__buttons,
    .gridcontrol__gridcell--D1 .form__buttons,
    .gridcontrol__gridcell--D2 .form__buttons,
    .gridcontrol__gridcell--E1 .form__buttons,
    .gridcontrol__gridcell--E2 .form__buttons,
    .gridcontrol__gridcell--F1 .form__buttons,
    .gridcontrol__gridcell--F2 .form__buttons {
        margin-top: .625em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__buttons,
    .gridcontrol__gridcell--F3 .form__buttons,
    .gridcontrol__gridcell--G2 .form__buttons,
    .gridcontrol__gridcell--H1 .form__buttons {
        margin-top: .625em
    }
}

@media(min-width: 768px) {
    .checkbox__base+.form__buttons,
    .radio__base+.form__buttons {
        margin-top: .46875em
    }
    .gridcontrol__gridcell--C1 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--C2 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--C3 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--C4 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--D1 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--D2 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--E1 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--E2 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--F1 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--F2 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--C1 .radio__base+.form__buttons,
    .gridcontrol__gridcell--C2 .radio__base+.form__buttons,
    .gridcontrol__gridcell--C3 .radio__base+.form__buttons,
    .gridcontrol__gridcell--C4 .radio__base+.form__buttons,
    .gridcontrol__gridcell--D1 .radio__base+.form__buttons,
    .gridcontrol__gridcell--D2 .radio__base+.form__buttons,
    .gridcontrol__gridcell--E1 .radio__base+.form__buttons,
    .gridcontrol__gridcell--E2 .radio__base+.form__buttons,
    .gridcontrol__gridcell--F1 .radio__base+.form__buttons,
    .gridcontrol__gridcell--F2 .radio__base+.form__buttons {
        margin-top: .375em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--F3 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--G2 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--H1 .checkbox__base+.form__buttons,
    .gridcontrol__gridcell--D3 .radio__base+.form__buttons,
    .gridcontrol__gridcell--F3 .radio__base+.form__buttons,
    .gridcontrol__gridcell--G2 .radio__base+.form__buttons,
    .gridcontrol__gridcell--H1 .radio__base+.form__buttons {
        margin-top: .375em
    }
}

@media(min-width: 768px) {
    .gridcontrol__gridcell--C1 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--C2 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--C3 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--C4 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--D1 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--D2 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--E1 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--E2 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--F1 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--F2 .textimage__base+.form__buttons {
        margin-top: 1.40625em
    }
}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--F3 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--G2 .textimage__base+.form__buttons,
    .gridcontrol__gridcell--H1 .textimage__base+.form__buttons {
        margin-top: 1.40625em
    }
}

.form__disclaimerAndButtonWrapper {
    display: flex;
    flex-direction: column
}

.form__disclaimerAndButtonWrapper .textimage__base {
    margin-top: 1.40625em
}

.form__element.inputtext__base.text {
    position: absolute;
    overflow: hidden
}

.form__element.inputtext__base.text[data-status=ready] {
    width: 0 !important
}

.form__element.inputtext__base.text[data-status=loaded] {
    visibility: hidden !important
}

.form__element.inputtext__base.text[data-status=called] {
    height: 0 !important
}

.form__field--hidden {
    display: none
}

.form__disclaimerCheckbox {
    margin-top: 1.25rem
}

@media(min-width: 768px) {
    .form__disclaimerCheckbox {
        margin-top: 2.5rem
    }
}

.form__disclaimerButtons {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e6e6e6
}

@media(min-width: 768px) {
    .form__disclaimerButtons {
        padding-top: 1rem;
        border-top: none
    }
}

@media(min-width: 1024px) {
    .form__disclaimerButtons {
        padding-top: 0.75rem
    }
}

@media(min-width: 1280px) {
    .form__disclaimerButtons {
        padding-top: 0.625rem
    }
}

.gridcontrol2__cell {
    padding-top: .78125em;
    padding-bottom: .78125em
}

@media(min-width: 768px) {
    .hpgrid__component--full .gridcontrol2__cell {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width: 767px) {
    .highlighting__base .gridcontrol2__cell {
        padding-top: 0
    }
}

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

.gridcontrol2__spacing::after {
    clear: both
}

.gridcontrol2__spacing--small {
    margin-top: 1.25rem
}

.gridcontrol2__spacing--large {
    margin-top: 2.8125rem
}

@media(min-width: 768px) {
    .gridcontrol2__spacing--large {
        margin-top: 3.4375rem
    }
}

.gridcontrol2__spacing--xLarge {
    margin-top: 3.4375rem
}

@media(min-width: 768px) {
    .gridcontrol2__spacing--xLarge {
        margin-top: 4.375rem
    }
}

.gridcontrol2__spacing--xxLarge {
    margin-top: 3.4375rem
}

@media(min-width: 768px) {
    .gridcontrol2__spacing--xxLarge {
        margin-top: 6.25rem
    }
}

@media(min-width: 1024px) {
    .gridcontrol2__spacing--xxLarge {
        margin-top: 9.375rem
    }
}

.experiencefragment__base:not(:first-child) .gridcontrol2__spacing--standard {
    margin-top: 2.5rem
}

.hasStickyHeader {
    scroll-padding-top: var(--main-sticky-header-height, 45px)
}

.header__wrapper {
    min-height: 3.125em;
    padding-bottom: .6875em;
    padding-top: .9375em;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media(min-width: 768px) {
    .header__wrapper {
        min-height: 5em;
        padding-bottom: .9375em;
        padding-top: 1.625em
    }
}

@media(min-width: 1024px) {
    .header__wrapper {
        min-height: 5.625em;
        padding-bottom: 1.5625em;
        padding-top: 0
    }
}

.header__stickyLabel {
    display: none
}

.stickyHeader .header__stickyLabel {
    display: block
}

@media(min-width: 1024px) {
    .header__title {
        margin-top: 1.875em
    }
}

.no-js .header__title {
    display: none
}

.header__titleXs,
.header__titlePlaceholder {
    padding-top: .9375em;
    padding-bottom: .46875em;
    display: none;
    width: 100%;
    background-color: #fff
}

@media(min-width: 768px) {
    .header__titleXs,
    .header__titlePlaceholder {
        padding-bottom: 1.09375em;
        padding-top: 1.1875em
    }
}

@media(max-width: 1023px) {
    .header__titlePlaceholder:only-child {
        display: flex
    }
}

.no-js .header__titlePlaceholder {
    display: none
}

.header__burgerItemPlaceholder {
    margin-right: 15px;
    flex-shrink: 0
}

@media(min-width: 768px) {
    .header__burgerItemPlaceholder {
        margin-right: 20px
    }
}

.header__titleXs {
    z-index: 4
}

.mainNavPlaceholder .header__titleXs {
    display: block
}

@media(min-width: 1024px) {
    .mainNavPlaceholder .header__titleXs {
        display: none
    }
}

.no-js .header__titleXs {
    display: block
}

@media(min-width: 768px) {
    .no-js .header__titleXs {
        padding-left: 34px;
        padding-right: 34px
    }
}

.header__titleXs--sticky {
    padding-left: 1.25em;
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .13);
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 20;
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media(min-width: 1024px) {
    .header__titleXs--sticky {
        display: none
    }
}

.stickyHeader .header__titleXs--sticky {
    opacity: 1;
    visibility: visible
}

.header__titleXs--openMenu {
    box-shadow: none
}

@media(min-width: 1024px) {
    .header__metaNav {
        margin-top: 1.875em
    }
}

.header__menuXs {
    transition: height .8s cubic-bezier(0.3, 0.6, 0, 1);
    will-change: height;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #dfdfdf
}

@media(min-width: 1024px) {
    .header__menuXs {
        box-shadow: none
    }
}

@media(max-width: 1023px) {
    .js .header__menuXs {
        width: 100%
    }
    .js .header__menuXs:not(.header__menuXs--isMeasured) {
        position: relative;
        right: 100%
    }
    .js .header__menuXs--isMeasured {
        overflow: hidden
    }
}

.stickyHeader .header__menuXs {
    z-index: 20;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .13);
    position: fixed;
    top: 44px;
    bottom: 0;
    overflow-y: scroll
}

@media(min-width: 1024px) {
    .stickyHeader .header__menuXs {
        position: static
    }
}

.header__logoTitle {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.header__logo {
    display: flex
}

@media(min-width: 1024px) {
    .header__logo {
        margin-top: 1.625em;
        margin-right: 26px
    }
}

@media(min-width: 1280px) {
    .header__logo {
        margin-top: 1.875em;
        margin-right: 30px
    }
}

@media(min-width: 1024px) {
    .header__hlLink {
        margin-right: 60px
    }
}

@media(min-width: 1280px) {
    .header__hlLink {
        margin-right: 75px
    }
}

.header__hlLink--flex {
    display: flex;
    align-items: center
}

.header__hlLink--isVisibleM {
    display: none
}

@media(min-width: 1024px) {
    .header__hlLink--isVisibleM {
        display: inline-block
    }
}

.header__titleXs .stickyHeader .header__hlLink {
    pointer-events: none
}

.header__hlTitle {
    font: 300 1.125em/1.2222222222 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1677777778em;
    padding-bottom: .1433333333em;
    word-break: break-word;
    text-align: left
}

@media(min-width: 768px) {
    .header__hlTitle {
        font: 300 1.5em/1.25 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .05em;
        padding-bottom: .025em
    }
}

@media(min-width: 1280px) {
    .header__hlTitle {
        font: 300 1.6875em/1.2592592593 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .0107407407em;
        padding-bottom: 0em;
        margin-bottom: -.0144444444em
    }
}

.header__titleXs--sticky .header__hlTitle {
    padding-top: .6511111111em;
    padding-bottom: .6266666667em
}

@media(min-width: 768px) {
    .header__titleXs--sticky .header__hlTitle {
        padding-top: .325em;
        padding-bottom: .3em
    }
}

@media(min-width: 1280px) {
    .header__titleXs--sticky .header__hlTitle {
        padding-top: .2162962963em;
        padding-bottom: .1911111111em
    }
}

.header__hlTitleWrapper {
    display: flex
}

.no-js .header__hlTitleWrapper {
    display: none
}

a.header__hlLink .header__hlTitle:hover,
a.header__hlLink .header__hlTitle:focus {
    text-decoration: underline
}

.header__nojsTitle {
    font: 300 1.125em/1.2222222222 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1677777778em;
    padding-bottom: .1433333333em;
    display: none;
    overflow-wrap: anywhere;
    text-align: left
}

@media(min-width: 768px) {
    .header__nojsTitle {
        font: 300 1.5em/1.25 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .05em;
        padding-bottom: .025em
    }
}

@media(min-width: 1280px) {
    .header__nojsTitle {
        font: 300 1.6875em/1.2592592593 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .0107407407em;
        padding-bottom: 0em;
        margin-bottom: -.0144444444em
    }
}

.no-js .header__nojsTitle {
    display: block
}

@media(min-width: 1024px) {
    .grid-doc>header {
        z-index: 20
    }
}

.headerLogin__column {
    padding: 1.40625em 30px 2.03125em
}

.headerLogin__column:nth-child(1) {
    float: left;
    width: 360px
}

.headerLogin__column:nth-child(2) {
    float: right;
    background-color: #fafafa;
    width: 290px
}

.headerLogin__column--centered {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.headerLogin__marketZoneImg {
    margin-top: .46875em;
    width: 9.6875em;
    height: 6.875em;
    display: block;
    margin: 0 auto;
    overflow: hidden
}

.headerLogin__marketZoneImg .image__visual {
    height: 6.875em
}

.headerLogin__hl {
    font: bold 1em/1.25 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .20625em;
    padding-bottom: .18125em
}

@media(min-width: 1024px) {
    .headerLogin__hl {
        font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .137em;
        padding-bottom: .113em
    }
}

.headerLogin__image {
    padding-top: .46875em;
    padding-bottom: .46875em
}

.headerLogin__subtitle {
    font: bold 1.125em/1.1111111111 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .2222222222em;
    padding-bottom: .2em;
    margin-top: 1.3888888889em;
    display: block;
    border-bottom: 1px solid #bebebe
}

@media(min-width: 1024px) {
    .headerLogin__subtitle {
        font: bold 1em/1.125 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2675em;
        padding-bottom: .245em;
        margin-top: 1.5625em
    }
}

@media(min-width: 1280px) {
    .headerLogin__subtitle {
        font: bold 1.125em/1.1111111111 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2222222222em;
        padding-bottom: .2em;
        margin-top: 1.3888888889em
    }
}

.headerLogin__column--centered .headerLogin__subtitle {
    margin-top: .9722222222em;
    border-bottom: 0;
    align-self: flex-start
}

@media(min-width: 1024px) {
    .headerLogin__column--centered .headerLogin__subtitle {
        margin-top: 1.09375em
    }
}

@media(min-width: 1280px) {
    .headerLogin__column--centered .headerLogin__subtitle {
        margin-top: .9722222222em
    }
}

.headerLogin__richContent {
    margin-top: .625em
}

.headerLogin__richContent p {
    font: 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1857142857em;
    padding-bottom: .1571428571em
}

.headerLogin__richContent p+p {
    margin-top: .3571428571em
}

.headerLogin__footerLink {
    font: 300 0.875em/1.5714285714 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: .1157142857em;
    padding-bottom: .0842857143em;
    margin-top: 1.71875em;
    display: inline-block;
    color: #da0000;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem
}

.headerLogin__footerLink:visited,
.headerLogin__footerLink:hover,
.headerLogin__footerLink:focus,
.headerLogin__footerLink:active {
    color: #bd000c
}

.headerLogin__downloadLink {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #007099;
    padding-top: .1857142857em;
    padding-bottom: .1571428571em;
    padding-left: .6428571429em;
    position: relative;
    margin-top: .3571428571em;
    display: inline-block;
    align-self: flex-start
}

.headerLogin__downloadLink::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e904"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0em;
    padding-top: .1257142857em;
    padding-bottom: .2171428571em
}

.headerLogin__downloadLink {
    color: #da0000;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem
}

.headerLogin__downloadLink:visited,
.headerLogin__downloadLink:hover,
.headerLogin__downloadLink:focus,
.headerLogin__downloadLink:active {
    color: #bd000c
}

.headerLogin__item:not(:last-of-type) {
    border-bottom: 1px solid #dfdfdf
}

.headerLogin__link {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .3714285714em;
    padding-bottom: .3428571429em;
    padding-left: .625em;
    display: block
}

.headerLogin__link:hover {
    background-color: #f5f5f5
}

.headerLogin__toggle {
    padding: 0em 18px;
    height: 24px;
    font: 300 0.8125em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #fff;
    padding-top: .4369230769em;
    padding-bottom: .4169230769em;
    align-items: center;
    border-radius: 1px;
    background-color: #9a3d37
}

@media(min-width: 1024px) {
    .headerLogin__toggle {
        font: 300 0.875em/1 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .3957142857em;
        padding-bottom: .3757142857em
    }
}

.headerLogin__toggle:hover,
.headerLogin__toggle:active,
.headerLogin__toggle:focus {
    background-color: #7a1d17
}

@media(min-width: 768px) {
    .headerLogin__toggle {
        min-width: 110px;
        padding: 0em 34px 0em 15px;
        height: 35px
    }
}

.no-js .headerLogin__toggle {
    padding: 0em 18px;
    display: none
}

.headerLogin__toggle--no-js {
    display: none
}

.no-js .headerLogin__toggle--no-js {
    display: flex
}

.headerLogin__title {
    display: none
}

@media(min-width: 768px) {
    .headerLogin__title {
        display: inline-block
    }
}

.headerLogin__titleXs {
    display: inline-block
}

@media(min-width: 768px) {
    .headerLogin__titleXs {
        display: none
    }
}

.no-js .headerLogin__title {
    display: inline-block
}

.headerLogin__panel {
    padding-top: .78125em;
    position: fixed;
    padding-right: 20px;
    padding-left: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    transform: translate3d(0, -100%, 0);
    transition: transform .3s cubic-bezier(0.3, 0.6, 0, 1);
    z-index: 20
}

@media(min-width: 768px) {
    .headerLogin__panel {
        display: none
    }
}

@media only print {
    .headerLogin__panel {
        display: none
    }
}

.headerLogin__panel--is-visible {
    transform: translate3d(0, 0, 0)
}

@media only print {
    .headerLogin__panel--is-visible {
        display: block
    }
}

.headerLogin__panel--no-padding {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.headerLogin__panelMain {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.headerLogin__nav {
    display: flex;
    justify-content: flex-end;
    float: right
}

.headerLogin__panel--no-padding .headerLogin__nav {
    margin-top: .78125em
}

.headerLogin__close {
    font: bold 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .145em;
    padding-bottom: .1175em;
    padding-right: 1.75em;
    position: relative;
    position: absolute;
    right: 20px;
    background: #fff
}

.headerLogin__close::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e902"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0em;
    padding-top: .085em;
    padding-bottom: .1775em
}

@media(min-width: 1024px) {
    .headerLogin__close {
        font: bold 0.875em/1.2142857143 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .2907142857em;
        padding-bottom: .2664285714em;
        padding-right: 2em;
        position: relative
    }
    .headerLogin__close::after {
        padding-top: .2307142857em;
        padding-bottom: .3264285714em
    }
}

@media(min-width: 1280px) {
    .headerLogin__close {
        font: bold 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .145em;
        padding-bottom: .1175em;
        padding-right: 1.75em;
        position: relative
    }
    .headerLogin__close::after {
        padding-top: .085em;
        padding-bottom: .1775em
    }
}

.headerLogin__close::after {
    color: #444
}

.headerLogin__iframe {
    height: 100%;
    width: 100%
}

.headerSearch__base {
    padding-block: 0.5rem 1.25rem;
    width: 100%
}

@media(min-width: 1024px) {
    .headerSearch__base {
        padding-block: 0.5rem 2.5rem
    }
}

.headerSearch__loader,
.headerSearch__error {
    padding: 2.5rem 40px;
    text-align: center
}

.headerSearch__loader--hidden,
.headerSearch__error--hidden {
    display: none
}

.headerSearch__error {
    padding-top: 1.5rem;
    font: 300 0.875rem / 1.25rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.headerSearch__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0;
    background-color: #fff;
    overflow: hidden;
    transition: height .3s cubic-bezier(0.3, 0.6, 0, 1)
}

@media(min-width: 1280px) {
    .headerSearch__wrapper {
        width: 100%
    }
}

.headerSearch__wrapper--is-open,
.no-js .headerSearch__wrapper {
    height: 60px
}

@media(min-width: 768px) {
    .headerSearch__wrapper--is-open,
    .no-js .headerSearch__wrapper {
        height: 70px
    }
}

@media(min-width: 1024px) {
    .headerSearch__wrapper--is-open,
    .no-js .headerSearch__wrapper {
        height: 110px
    }
}

@media(min-width: 1280px) {
    .headerSearch__wrapper--is-open,
    .no-js .headerSearch__wrapper {
        height: 120px
    }
}

.headerSearch__wrapper--is-open-finished {
    overflow: visible
}

.headerSearch__toggle {
    font: 0.75em/1 ubs-icons;
    color: #1c1c1c;
    padding-top: .4166666667em;
    padding-bottom: .4166666667em;
    width: 24px;
    background-color: #fff;
    border: 1px solid #8e8d83;
    border-radius: 1px;
    text-align: center
}

.headerSearch__toggle::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e901"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

@media(min-width: 768px) {
    .headerSearch__toggle {
        font: 0.8125em/1 ubs-icons;
        padding-top: .7692307692em;
        padding-bottom: .7692307692em
    }
}

.headerSearch__toggle:hover,
.headerSearch__toggle:active,
.headerSearch__toggle:focus {
    background-color: #e0dfd7;
    border: 1px solid #8e8d83
}

.no-js .headerSearch__toggle {
    display: none
}

@media(min-width: 768px) {
    .headerSearch__toggle {
        width: 35px
    }
}

.headerSearch__form {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #8e8d83
}

.headerSearch__input {
    font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
    color: #919191;
    padding-top: .137em;
    padding-bottom: .113em;
    padding-left: 5px;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    width: 100%;
    color: #1c1c1c
}

@media(min-width: 768px) {
    .headerSearch__input {
        font: 300 1.75em/1.1428571429 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .0578571429em;
        padding-bottom: .035em
    }
}

@media(min-width: 1024px) {
    .headerSearch__input {
        font: 300 2.5em/1.125 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: 0em;
        padding-bottom: 0em;
        margin-top: -.01375em;
        margin-bottom: -.03625em
    }
}

.headerSearch__input::-moz-placeholder {
    text-align: left
}

.headerSearch__input::placeholder {
    text-align: left
}

@media(min-width: 768px) {
    .headerSearch__input {
        padding-left: 10px;
        margin-right: 10px;
        min-width: 400px
    }
}

.headerSearch__input--fake {
    padding: 0em 0em 0em 10px;
    position: absolute;
    min-width: 0;
    width: auto;
    height: 0;
    overflow: hidden;
    margin: 0
}

.headerSearch__submit {
    padding-right: 5px;
    font: 0.9375em/1 ubs-icons;
    color: #1c1c1c;
    height: 30px
}

.headerSearch__submit::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e901"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

@media(min-width: 768px) {
    .headerSearch__submit {
        font: 1.375em/1 ubs-icons
    }
}

@media(min-width: 1024px) {
    .headerSearch__submit {
        font: 1.8125em/1 ubs-icons
    }
}

@media(min-width: 768px) {
    .headerSearch__submit {
        height: 35px
    }
}

@media(min-width: 1024px) {
    .headerSearch__submit {
        height: 45px;
        color: #8e8d83
    }
    .headerSearch__submit:hover,
    .headerSearch__submit:active {
        color: #1c1c1c
    }
}

.headerSearch__submit--isHidden {
    display: none
}

@media(min-width: 768px) {
    .headerSearch__submit--isHidden {
        display: block
    }
}

.headerSearch__clear {
    font: 0.75em/1 ubs-icons;
    color: #1c1c1c;
    padding-left: 10px;
    padding-right: 5px;
    display: none;
    height: 30px
}

.headerSearch__clear::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e902"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

@media(min-width: 768px) {
    .headerSearch__clear {
        padding-right: 10px;
        height: 35px
    }
}

@media(min-width: 1024px) {
    .headerSearch__clear {
        height: 45px;
        color: #8e8d83
    }
    .headerSearch__clear:hover,
    .headerSearch__clear:active {
        color: #1c1c1c
    }
}

.headerSearch__clear--isVisible {
    display: block
}

.highlighting__base {
    margin-bottom: -1.25em;
    margin-top: 1.25em;
    padding-bottom: 1.25em
}

.grid-main [class*=base]:last-child .highlighting__base {
    margin-bottom: 1.25em
}

@media(min-width: 1280px) {
    .grid-main [class*=base]:last-child .highlighting__base {
        margin-bottom: 2.34375em
    }
}

@media(min-width: 768px) {
    .highlighting__base {
        padding-top: 1.25em;
        padding-bottom: 1.25em;
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }
}

@media(min-width: 1024px) {
    .highlighting__base {
        padding-top: 1.5625em;
        padding-bottom: 1.5625em;
        margin-bottom: 1.5625em;
        margin-top: 1.5625em
    }
}

@media(min-width: 1280px) {
    .highlighting__base {
        padding-top: 2.34375em;
        padding-bottom: 2.34375em;
        margin-bottom: 2.34375em;
        margin-top: 2.34375em
    }
}

.highlighting__base--bg1 {
    --section-background-color: #f9f9f7;
    background-color: #f9f9f7
}

.highlighting__base--bg2 {
    --section-background-color: #f4f3ee;
    background-color: #f4f3ee
}

.highlighting__base--bg3 {
    --section-background-color: #fbf9ee;
    background-color: #fbf9ee
}

.highlighting__base--bg4 {
    --section-background-color: #fff;
    background-color: #fff
}

.highlighting__base--alabaster {
    background-color: #f9f9f7
}

.hpgrid__base>.basecomponent:first-child .quickaccess__base,
.hpgrid__base>.basecomponent:first-child .highlighting__base--cloud,
.hpgrid__base>.basecomponent:first-child .aboutUs__base,
.hpgrid__base>[data-tracking-content-group]:first-child+.basecomponent .quickaccess__base,
.hpgrid__base>[data-tracking-content-group]:first-child+.basecomponent .highlighting__base--cloud,
.hpgrid__base>[data-tracking-content-group]:first-child+.basecomponent .aboutUs__base {
    margin-top: 0
}

.grid-main>.hpgrid__base {
    position: relative
}

@media(min-width: 768px) {
    .hpgrid__component--full {
        margin-top: -1.25em;
        margin-bottom: -1.25em
    }
}

@media(min-width: 1024px) {
    .hpgrid__component--regular {
        padding-top: .3125em;
        padding-bottom: .3125em
    }
    .hpgrid__component--full {
        margin-top: -1.5625em;
        margin-bottom: -1.5625em
    }
}

@media(min-width: 1280px) {
    .hpgrid__component--regular {
        padding-top: 1.09375em;
        padding-bottom: 1.09375em
    }
    .hpgrid__component--full {
        margin-top: -2.34375em;
        margin-bottom: -2.34375em
    }
}

.image__skeleton {
    display: block;
    background-color: #f4f3ee;
    position: relative;
    padding-top: min(var(--image-aspectratio-xs, 1000%), var(--image-maxheight-xs, 1000%))
}

@media(min-width: 768px) {
    .image__skeleton {
        padding-top: min(var(--image-aspectratio-s, var(--image-aspectratio-xs, 1000%)), var(--image-maxheight-s, var(--image-maxheight-xs, 1000%)))
    }
}

@media(min-width: 1024px) {
    .image__skeleton {
        padding-top: min(var(--image-aspectratio-m, var(--image-aspectratio-s, var(--image-aspectratio-xs, 1000%))), var(--image-maxheight-m, var(--image-maxheight-s, var(--image-maxheight-xs, 1000%))))
    }
}

@media(min-width: 1280px) {
    .image__skeleton {
        padding-top: min(var(--image-aspectratio-l, var(--image-aspectratio-m, var(--image-aspectratio-s, var(--image-aspectratio-xs, 1000%)))), var(--image-maxheight-l, var(--image-maxheight-m, var(--image-maxheight-s, var(--image-maxheight-xs, 1000%)))))
    }
}

@media(min-width: 1440px) {
    .image__skeleton {
        padding-top: min(var(--image-aspectratio-xl, var(--image-aspectratio-l, var(--image-aspectratio-m, var(--image-aspectratio-s, var(--image-aspectratio-xs, 1000%))))), var(--image-maxheight-xl, var(--image-maxheight-l, var(--image-maxheight-m, var(--image-maxheight-s, var(--image-maxheight-xs, 1000%))))))
    }
}

.image__skeleton--loaded {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .5s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.js .sdasgridcontextfirstitem__context--narrow li:first-child .image__skeleton,
.js .sdasgridcontextfirstitem__context--generous li:first-child .image__skeleton {
    padding-top: 50%
}

.js .sdasgridcontextfirstitem__context--middle li:first-child .image__skeleton {
    padding-top: 75%
}

.image__img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    width: 100%;
    height: 100%
}

.image__skeleton .image__img,
.image__replaced {
    position: absolute;
    top: 0;
    left: 0
}

.image__replaced {
    width: 100%;
    height: 100%;
    opacity: 0
}

.image__loaded {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    opacity: 1;
    transition: opacity 1.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.image__loaded img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@keyframes kenburn {
    100% {
        transform: scale(1);
        transform-origin: left bottom
    }
}

.quickaccess__base .image__skeleton,
.promotion__base .image__skeleton,
.aboutUs__base .image__skeleton {
    position: static
}

.teaser__base .image__skeleton {
    overflow: hidden
}

@media(min-width: 768px) {
    .locationSelector__base .image__skeleton {
        height: 100%
    }
}

@media(min-width: 1024px) {
    .teaser__base .image__img {
        transform: scale(1) translate(0, 0);
        transition: transform 800ms ease-in-out
    }
    .teaser__base:hover .image__img {
        transform: scale(1.05) translate(0, 0);
        transform-origin: center center
    }
}

@media(min-width: 1024px) {}

@media(min-width: 768px) {
    .teaser__wrapper--image .image__img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center top;
        object-position: center top;
        font-family: "object-fit: cover; object-position: center top"
    }
}

@media(max-width: 1023px) {
    .promotion__base .image__img {
        transition: none
    }
}

@media(min-width: 1024px) {
    .promotion__base .image__img {
        animation: kenburn 3s forwards;
        transform: scale(1.1);
        transform-origin: 16% 84%
    }
}

.interstitial#colorbox,
.interstitial #cboxWrapper,
.interstitial #cboxContent,
.interstitial #cboxLoadedContent {
    height: auto !important;
    overflow-x: visible !important
}

.interstitial #cboxWrapper {
    position: relative
}

.grid-doc--interstitial .mainNavigationFooter {
    display: none
}

.keyfocus__helper {
    --keyfocus-animation-speed: 0;
    --keyfocus-top: 0;
    --keyfocus-left: 0;
    --keyfocus-left-offset: 0;
    --keyfocus-right: 0;
    --keyfocus-width: 0;
    --keyfocus-height: 0;
    --keyfocus-border-width: 0;
    --keyfocus-display: "block";
    border-color: #4d92b4;
    border-width: var(--keyfocus-border);
    border-style: solid;
    box-shadow: 0 0 6px 1px rgba(90, 111, 137, .5);
    background: rgba(0, 0, 0, 0);
    pointer-events: none;
    box-sizing: content-box;
    position: absolute;
    z-index: 99999;
    border-radius: 3px;
    transition: all var(--keyfocus-animation-speed) ease-in;
    display: var(--keyfocus-display);
    top: var(--keyfocus-top);
    left: var(--keyfocus-left);
    width: calc(var(--keyfocus-width) + var(--keyfocus-spacing));
    height: calc(var(--keyfocus-height) + var(--keyfocus-spacing));
    margin-left: calc((var(--keyfocus-spacing) + var(--keyfocus-border))*-1);
    margin-top: calc((var(--keyfocus-spacing) + var(--keyfocus-border))*-1);
    padding-right: var(--keyfocus-spacing);
    padding-bottom: var(--keyfocus-spacing)
}

@keyframes slide-in {
    from {
        transform: translateY(100%)
    }
    to {
        transform: none
    }
}

@keyframes slide-out {
    to {
        transform: translateY(100%)
    }
}

.lightbox__container {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 100vh;
    top: 0;
    z-index: 99999;
    left: 0
}

@media(min-width: 1024px) {
    .lightbox__container {
        padding-block: 5rem
    }
}

.lightbox__container--visible {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lightbox__container--visible.forRuler {
    justify-content: flex-start
}

.lightbox__container--fixed-layout {
    position: fixed;
    bottom: 0
}

.lightbox__container .grid-doc--embedded,
.lightbox__container .lightbox__content {
    display: none
}

.lightbox__container .lightbox__innerWrapper--loaded .grid-doc--embedded,
.lightbox__container .lightbox__innerWrapper--loaded .lightbox__content {
    display: block
}

.lightbox__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(122, 120, 112, .2)
}

.lightbox__overlay--darker {
    background-color: rgba(122, 120, 112, .8)
}

.lightbox__outerWrapper,
.lightbox__outerWrapperIframe {
    padding-block: 1.5rem;
    padding-inline: 20px;
    width: 100%
}

.lightbox__outerWrapper--40-width .grid-innerContainer--indent,
.lightbox__outerWrapper--60-width .grid-innerContainer--indent,
.lightbox__outerWrapperIframe--40-width .grid-innerContainer--indent,
.lightbox__outerWrapperIframe--60-width .grid-innerContainer--indent {
    margin-left: 0;
    margin-right: 0
}

.lightbox__outerWrapper--80-width .grid-innerContainer--indent,
.lightbox__outerWrapperIframe--80-width .grid-innerContainer--indent {
    margin-left: 0
}

.lightbox__outerWrapper .grid-container,
.lightbox__outerWrapperIframe .grid-container {
    padding: 0rem 0px
}

.lightbox__outerWrapper .pageheadline__base+.grid-content,
.lightbox__outerWrapper .pageheadline__base+.responsive__base,
.lightbox__outerWrapperIframe .pageheadline__base+.grid-content,
.lightbox__outerWrapperIframe .pageheadline__base+.responsive__base {
    margin-top: 0.75rem
}

.lightbox__outerWrapper .pageheadline__base .pageheadline__wrapper,
.lightbox__outerWrapperIframe .pageheadline__base .pageheadline__wrapper {
    width: 100%
}

.lightbox__outerWrapper {
    background-color: #fff;
    max-width: 100%;
    position: relative;
    z-index: 99999
}

@media(min-width: 768px) {
    .lightbox__outerWrapper {
        padding-inline: 36px
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper {
        padding: 2rem 32px
    }
}

@media(min-width: 1280px) {
    .lightbox__outerWrapper {
        padding: 2.5rem 40px
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper .lightbox__header {
        right: 0px;
        position: absolute;
        z-index: 1
    }
    .lightbox__outerWrapper .lightbox__logo {
        display: none
    }
    .lightbox__outerWrapper .pageheadline__base {
        width: calc(100% - 36px)
    }
}

@media(min-width: 1024px) {}

@media(min-width: 1024px) {}

@media(min-width: 768px) {
    .lightbox__outerWrapper .pageheadline__base+.responsive__base {
        margin-top: 2rem
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper .pageheadline__base+.responsive__base {
        margin-top: 3rem
    }
}

@media(min-width: 1280px) {
    .lightbox__outerWrapper .pageheadline__base+.responsive__base {
        margin-top: 3.75rem
    }
}

@media(min-width: 768px) {
    .lightbox__outerWrapper--40-width {
        width: 410px
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper--40-width {
        width: 40%
    }
}

@media(min-width: 1280px) {
    .lightbox__outerWrapper--40-width {
        width: 512px
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper--60-width {
        width: 60%
    }
}

@media(min-width: 1280px) {
    .lightbox__outerWrapper--60-width {
        width: 768px
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper--80-width {
        width: 80%
    }
}

@media(min-width: 1280px) {
    .lightbox__outerWrapper--80-width {
        width: 1024px
    }
    .lightbox__outerWrapper--100-width {
        width: 1280px
    }
}

@media(min-width: 1280px) {}

@media(min-width: 768px)and (max-width: 1023px) {
    .lightbox__outerWrapper--40-width {
        padding-inline: 24px
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper--100-width {
        padding: 2.5rem 40px
    }
}

@media(min-width: 1280px) {
    .lightbox__outerWrapper--100-width {
        padding: 4rem 64px
    }
}

@media(max-width: 767px) {
    .lightbox__outerWrapper--slideIn {
        animation: slide-in .5s ease-in-out forwards
    }
    .lightbox__outerWrapper--slideOut {
        animation: slide-out .5s ease-in-out forwards
    }
}

@media(max-width: 767px) {}

.lightbox__outerWrapper.disclaimer__lightbox {
    max-width: 1280px;
    width: 100%
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper.disclaimer__lightbox {
        width: 80%
    }
}

.lightbox__outerWrapper.disclaimer__lightbox--internal {
    max-width: 100%
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper.disclaimer__lightbox--internal {
        width: 60%
    }
}

.lightbox__outerWrapper.contextdisclaimer__lightbox {
    padding-block: .9375em 1.875em;
    padding-inline: 1.25em
}

@media(min-width: 768px) {
    .lightbox__outerWrapper.contextdisclaimer__lightbox {
        padding-block: 1.875em 2.5em;
        padding-inline: 1.875em
    }
}

@media(min-width: 1024px) {
    .lightbox__outerWrapper.contextdisclaimer__lightbox {
        padding-block: 2.5em
    }
}

.lightbox__innerWrapper {
    min-height: 70vh;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .lightbox__innerWrapper {
        min-height: 65vh
    }
}

@media(min-width: 1024px) {
    .lightbox__innerWrapper {
        min-height: 450px
    }
}

@media(min-width: 1280px) {
    .lightbox__innerWrapper {
        min-height: 500px
    }
}

.lightbox__innerWrapper--loaded {
    min-height: auto
}

.lightbox__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.lightbox__logo .logo__wrapper {
    height: auto
}

.lightbox__logo .logo__forcedWidth {
    width: 98px
}

.lightbox__logo .header__logoTitle,
.lightbox__logo .logo__link {
    margin: 0rem 0px;
    padding: 0rem 0px
}

@media(min-width: 1024px) {
    .lightbox__logo .header__logoTitle,
    .lightbox__logo .logo__link {
        display: none
    }
}

.lightbox__closeButton:only-child {
    margin-left: auto
}

.lightbox__innerWrapper,
.lightbox__content {
    position: relative
}

@media(max-width: 1023px) {
    .lightbox__header:not(:empty)~.lightbox__content {
        margin-top: 1.5rem
    }
}

@media(min-width: 1024px) {
    .lightbox__header:not(:empty)~.lightbox__content--no-pageHead {
        margin-top: 1.5rem
    }
}

.lightbox__content:not(.lightbox__content--context-onlycontent) .pageheadline__base {
    margin-block: 0rem
}

.lightbox__outerWrapperIframe--1024-bp .lightbox__header,
.lightbox__outerWrapperIframe--1280-bp .lightbox__header {
    right: 0px;
    position: absolute;
    z-index: 1
}

.lightbox__outerWrapperIframe--1024-bp .lightbox__logo,
.lightbox__outerWrapperIframe--1280-bp .lightbox__logo {
    display: none
}

.lightbox__outerWrapperIframe--1024-bp .pageheadline__base,
.lightbox__outerWrapperIframe--1280-bp .pageheadline__base {
    width: calc(100% - 36px)
}

.lightbox__outerWrapperIframe--768-bp {
    padding-inline: 36px
}

.lightbox__outerWrapperIframe--1024-bp {
    padding: 2rem 32px
}

.lightbox__outerWrapperIframe--1280-bp {
    padding: 2.5rem 40px
}

.lightbox__outerWrapperIframe--40-width.lightbox__outerWrapperIframe--768-bp {
    padding-inline: 24px
}

.lightbox__outerWrapperIframe--100-width.lightbox__outerWrapperIframe--1024-bp {
    padding: 2.5rem 40px
}

.lightbox__outerWrapperIframe--100-width.lightbox__outerWrapperIframe--1280-bp {
    padding: 4rem 64px
}

.lightbox__outerWrapperIframe--768-bp .pageheadline__base+.grid-content,
.lightbox__outerWrapperIframe--768-bp .pageheadline__base+.responsive__base {
    margin-top: 2rem
}

.lightbox__outerWrapperIframe--1024-bp .pageheadline__base+.grid-content,
.lightbox__outerWrapperIframe--1024-bp .pageheadline__base+.responsive__base {
    margin-top: 3rem
}

.lightbox__outerWrapperIframe--1280-bp .pageheadline__base+.grid-content,
.lightbox__outerWrapperIframe--1280-bp .pageheadline__base+.responsive__base {
    margin-top: 3.75rem
}

.lightbox__outerWrapperIframe--0-bp .lightbox__header:not(:empty)+.lightbox__main,
.lightbox__outerWrapperIframe--768-bp .lightbox__header:not(:empty)+.lightbox__main {
    margin-top: 1.5rem
}

.linklist__hl--doormat {
    margin-top: 2.34375em;
    text-decoration: none
}

.linklist__item:last-child {
    margin-bottom: .46875em
}

@media(min-width: 768px) {
    .linklist__item--icon {
        text-align: center;
        position: relative;
        width: 16.6666666667%;
        padding-right: 7px;
        padding-left: 7px
    }
}

@media(min-width: 1024px) {
    .linklist__item--icon {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media(min-width: 1280px) {
    .linklist__item--icon {
        padding-right: 12px;
        padding-left: 12px
    }
}

@media(min-width: 768px) {
    .linklist__item--icon:nth-child(n+7) {
        margin-top: .625em
    }
}

@media(min-width: 1024px) {
    .linklist__item--icon:nth-child(n+7) {
        margin-top: .9375em
    }
}

@media(min-width: 1280px) {
    .linklist__item--icon:nth-child(n+7) {
        margin-top: 1.875em
    }
}

@media(min-width: 768px) {
    .linklist__item--50:nth-child(2n+1) {
        margin-right: 20px;
        flex-basis: calc(50% - 20px)
    }
    .linklist__item--50:nth-child(2n) {
        margin-right: 5px;
        flex-basis: calc(50% - 5px)
    }
    .linklist__item--50 .listitem__link {
        margin-top: 0 !important
    }
    .quickaccess__wrapper .linklist__base {
        padding-top: 2.34375em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .quickaccess__wrapper .linklist__base {
        padding-top: 3.28125em
    }
}

@media(min-width: 1280px) {
    .quickaccess__wrapper .linklist__base {
        padding-top: 4.84375em
    }
}

@media(min-width: 768px) {
    .linklist__list--icons,
    .linklist__list--flex {
        display: flex;
        flex-wrap: wrap
    }
    .linklist__list--row {
        flex-direction: row
    }
}

@media(min-width: 768px) {}

.specialcom__wrapperLinks .linklist__wrapper--standard:not(:first-child) {
    margin-top: .3125em
}

@media(min-width: 1024px) {
    .specialcom__wrapperLinks .linklist__wrapper--standard:not(:first-child) {
        margin-top: 0em
    }
}

@media(min-width: 1280px) {
    .specialcom__wrapperLinks .linklist__wrapper--standard:not(:first-child) {
        margin-top: .3125em
    }
}

.linklist__base .listitem__link {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.linklist__wrapper--black .listitem__link--linklist {
    padding-left: 0
}

.listitem__link--customicon {
    padding-left: 26px
}

.linklist__wrapper--standard .listitem__link--customicon {
    padding-left: 22px
}

.linklist__wrapper--medium .listitem__link--customicon {
    padding-left: 28px
}

.linklist__wrapper--large .listitem__link--customicon {
    padding-left: 42px
}

@media(min-width: 1024px) {
    .linklist__wrapper--large .listitem__link--customicon {
        padding-left: 37px
    }
}

@media(min-width: 1280px) {
    .linklist__wrapper--large .listitem__link--customicon {
        padding-left: 42px
    }
}

.listitem__link--customicon .linklist__wrapper--black {
    padding-left: 22px
}

.listitem__link--light,
.linklist__wrapper--medium .listitem__link--light,
.linklist__wrapper--large .listitem__link--light,
.linklist__iconteaser--wrapper .listitem__link--light {
    font-weight: 300
}

.svgicon--hoverTrigger .listitem__link::before {
    top: auto
}

.listitem__customicon {
    left: 0em;
    vertical-align: top;
    position: absolute
}

.dropdown__list .listitem__customicon {
    width: 1em
}

.linklist__wrapper--standard .listitem__customicon,
.linklistnewlook__wrapper--standard .listitem__customicon {
    width: 1em;
    height: 1em;
    margin-top: .125em
}

@media(min-width: 1024px) {
    .linklist__wrapper--standard .listitem__customicon,
    .linklistnewlook__wrapper--standard .listitem__customicon {
        width: .875em;
        height: .875em
    }
}

@media(min-width: 1280px) {
    .linklist__wrapper--standard .listitem__customicon,
    .linklistnewlook__wrapper--standard .listitem__customicon {
        width: 1em;
        height: 1em
    }
}

.linklist__wrapper--medium .listitem__customicon,
.linklistnewlook__wrapper--medium .listitem__customicon {
    width: 1.25em;
    height: 1.25em
}

@media(min-width: 1024px) {
    .linklist__wrapper--medium .listitem__customicon,
    .linklistnewlook__wrapper--medium .listitem__customicon {
        width: 1em;
        height: 1em
    }
}

@media(min-width: 1280px) {
    .linklist__wrapper--medium .listitem__customicon,
    .linklistnewlook__wrapper--medium .listitem__customicon {
        width: 1.25em;
        height: 1.25em
    }
}

.linklist__wrapper--large .listitem__customicon,
.linklistnewlook__wrapper--large .listitem__customicon {
    margin-right: .625em;
    width: 1.25em;
    height: 1.25em
}

@media(min-width: 1024px) {
    .linklist__wrapper--large .listitem__customicon,
    .linklistnewlook__wrapper--large .listitem__customicon {
        margin-right: .65em;
        width: 1.25em;
        height: 1.25em
    }
}

@media(min-width: 1280px) {
    .linklist__wrapper--large .listitem__customicon,
    .linklistnewlook__wrapper--large .listitem__customicon {
        margin-right: .625em;
        width: 1.25em;
        height: 1.25em
    }
}

.svgicon--hoverTrigger .listitem__customicon {
    margin-top: 0
}

.listitem__list {
    font: 300 0.875rem / 1.375rem Frutiger, Arial, Helvetica, sans-serif;
    display: inline-block;
    position: relative
}

@media(min-width: 1280px) {
    .listitem__list {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.listitem__list--customicon {
    padding-left: 26px
}

.linklist__wrapper--standard .listitem__list--customicon {
    padding-left: 22px
}

.linklist__wrapper--medium .listitem__list--customicon {
    padding-left: 28px
}

.linklist__wrapper--large .listitem__list--customicon {
    padding-left: 42px
}

@media(min-width: 1024px) {
    .linklist__wrapper--large .listitem__list--customicon {
        padding-left: 37px
    }
}

@media(min-width: 1280px) {
    .linklist__wrapper--large .listitem__list--customicon {
        padding-left: 42px
    }
}

.listitem__list--customicon .linklist__wrapper--black {
    padding-left: 22px
}

.listitem__link {
    vertical-align: middle;
    position: relative
}

.listitem__link .listitem__text {
    padding-right: 40px;
    vertical-align: middle
}

.linklistnewlook__context--generous .listitem__link .listitem__text {
    padding-right: 44px
}

.listitem__link--none:not(.link--withFiletypeIcon) .listitem__text {
    padding-right: 0px
}

.listitem__link>.linklisticon,
.listitem__link .linklist__icon,
.listitem__link .filetypeicon__wrapper {
    display: inline-block
}

.listitem__link .linklist__icon,
.listitem__link .filetypeicon__wrapper {
    margin-left: -40px;
    padding-left: 8px
}

.linklistnewlook__context--generous .listitem__link .linklist__icon,
.linklistnewlook__context--generous .listitem__link .filetypeicon__wrapper {
    margin-left: -44px;
    padding-left: 12px
}

.listitem__link {
    font: 500 0.875rem / 1rem Frutiger, Arial, Helvetica, sans-serif;
    display: block
}

@media(min-width: 1280px) {
    .listitem__link {
        font-size: 1rem;
        line-height: 1.125rem
    }
}

.linklistreimagined__list .listitem__link {
    text-align: left;
    overflow-wrap: anywhere;
    margin-top: 0;
    width: 100%
}

.linklistreimagined__list .listitem__link::after {
    content: none
}

.listitem__link::after {
    margin-right: .3125em
}

@media(min-width: 768px) {
    .listitem__link--icon {
        border-bottom: none
    }
}

.specialcom__wrapperLinks .listitem__link {
    margin-right: 0em;
    margin-bottom: .3125em;
    padding-right: 0em;
    border: none
}

.specialcom__wrapperLinks .listitem__link:hover {
    color: #404040
}

@media(min-width: 1024px) {
    .specialcom__wrapperLinks .listitem__link {
        margin-bottom: 0em
    }
}

@media(min-width: 1280px) {
    .specialcom__wrapperLinks .listitem__link {
        margin-bottom: .3125em
    }
}

.specialcom__wrapperLinks .listitem__link .listitem__text {
    color: unset
}

.specialcom__wrapperLinks .listitem__customicon {
    margin-left: .4375em;
    order: 2;
    height: 12px;
    width: 12px;
    margin-top: auto;
    margin-bottom: auto
}

.highlighting__base--dark .listitem__customicon {
    filter: brightness(0) invert(1)
}

.locationSelector__base {
    padding-top: 2.03125em;
    padding-bottom: .78125em;
    margin-top: 1.25em;
    position: relative;
    border-top: 2px solid #cccabc
}

@media(min-width: 768px) {
    .locationSelector__base {
        margin-bottom: 1.25em;
        padding-top: 3.75em;
        padding-bottom: 3.75em;
        min-height: 500px;
        background-position: center;
        background-repeat: no-repeat;
        border: none
    }
}

@media(min-width: 1024px) {
    .locationSelector__base {
        margin-bottom: 1.5625em;
        margin-top: 1.5625em
    }
}

@media(min-width: 1280px) {
    .locationSelector__base {
        padding-top: 6.875em;
        padding-bottom: 6.875em;
        margin-bottom: 2.34375em;
        margin-top: 2.34375em;
        min-height: 600px
    }
}

.locationSelector__imgWrapper {
    display: none
}

@media(min-width: 768px) {
    .locationSelector__imgWrapper {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%
    }
    .locationSelector__imgWrapper img {
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover"
    }
    .locationSelector__content {
        z-index: 2;
        position: relative
    }
}

@media(min-width: 768px) {}

.locationSelector__wrapper {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .locationSelector__wrapper {
        padding: 2.34375em 60px;
        position: relative;
        background-color: #fff;
        width: 700px;
        height: 380px;
        flex-direction: row;
        align-items: flex-start;
        margin-left: auto;
        margin-right: auto
    }
    .locationSelector__wrapper::before,
    .locationSelector__wrapper::after {
        content: "";
        position: absolute;
        bottom: 4px;
        width: 49%;
        height: 6px;
        z-index: -1;
        box-shadow: 0 6px 10px rgba(28, 28, 28, .08)
    }
    .locationSelector__wrapper::before {
        left: 7px;
        transform: rotate(-1deg)
    }
    .locationSelector__wrapper::after {
        right: 7px;
        transform: rotate(1deg)
    }
}

@media(min-width: 1024px) {
    .locationSelector__wrapper {
        padding: 2.34375em 40px
    }
}

@media(min-width: 1280px) {
    .locationSelector__wrapper {
        padding: 2.34375em 50px 6.09375em;
        width: 759px
    }
}

@media(min-width: 768px) {
    .locationSelector__info {
        margin-right: 20px;
        flex: 1
    }
    .locationSelector__list {
        flex: 0 0 310px
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .locationSelector__list {
        flex: 0 0 300px
    }
}

@media(min-width: 1280px) {
    .locationSelector__list {
        flex: 0 0 350px
    }
}

.locationSelector__hl {
    font: 300 1.5rem / 2.25rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .locationSelector__hl {
        font-size: 2rem;
        line-height: 3rem
    }
}

.locationSelector__txt {
    font: 300 1rem / 1.6rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .locationSelector__txt {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.locationSelector__hl+.locationSelector__txt {
    margin-top: 20px
}

@media(min-width: 768px) {
    .locationSelector__hl+.locationSelector__txt {
        margin-top: 35px
    }
}

.locationSelector__link {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif;
    display: block
}

@media(min-width: 1024px) {
    .locationSelector__link {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .locationSelector__link {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .locationSelector__link {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

.locationSelector__link {
    color: #5a5d5c;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.125rem
}

.locationSelector__link:hover,
.locationSelector__link:focus {
    color: #1c1c1c
}

.locationSelector__link-is-xsHidden {
    display: none
}

@media(min-width: 768px) {
    .locationSelector__link {
        margin-top: 3.4375em
    }
    .locationSelector__link-is-xsVisible {
        display: none
    }
    .locationSelector__link-is-xsHidden {
        display: block
    }
}

@media(min-width: 1024px) {
    .locationSelector__link {
        margin-top: 3.9285714286em
    }
}

@media(min-width: 1280px) {
    .locationSelector__link {
        margin-top: 4.0625em
    }
}

.locationSelector__link-is-xsVisible {
    margin-top: 1.25em;
    order: 3
}

.logo__link {
    float: left;
    margin-top: .9375em;
    margin-bottom: .9375em;
    padding-bottom: .46875em;
    display: flex
}

@media(min-width: 768px) {
    .logo__link {
        margin-top: 1.875em;
        padding-bottom: .3125em
    }
}

.logo__linkWrapper {
    float: left
}

.disclaimer__base .logo__linkWrapper {
    margin-bottom: .15625em
}

@media(min-width: 768px) {
    .disclaimer__base .logo__linkWrapper {
        margin-bottom: .78125em
    }
}

@media(min-width: 1024px) {
    .disclaimer__base .logo__linkWrapper {
        margin-bottom: .15625em
    }
}

.no-js .logo__linkWrapper {
    display: none
}

.logo__wrapper {
    height: 1.5em;
    display: inline-block;
    width: auto
}

@media(min-width: 768px) {
    .logo__wrapper {
        height: 2.4375em
    }
}

@media(min-width: 1280px) {
    .logo__wrapper {
        height: 2.875em
    }
}

@media only print {
    .logo__wrapper {
        position: relative;
        width: 100%;
        display: block !important;
        float: none
    }
}

.logo__forcedWidth {
    display: block;
    width: 66px
}

@media(min-width: 768px) {
    .logo__forcedWidth {
        width: 107px
    }
}

@media(min-width: 1280px) {
    .logo__forcedWidth {
        width: 127px
    }
}

.logo__img {
    height: auto;
    width: 100%
}

.logo__img--inverted {
    display: none
}

.mainNavPlaceholder {
    min-height: 3.125em
}

@media(min-width: 768px) {
    .mainNavPlaceholder {
        min-height: 4.3125em
    }
}

@media(min-width: 1024px) {
    .mainNavPlaceholder {
        min-height: 2.625em
    }
    .mainNavPlaceholder--withSecondLevelHorizontalNav {
        min-height: 5.1875em
    }
}

@media(min-width: 1440px) {
    .mainNavPlaceholder {
        min-height: 2.9375em
    }
    .mainNavPlaceholder--withSecondLevelHorizontalNav {
        min-height: 5.8125em
    }
}

@media(min-width: 1024px) {
    .mainNav__base {
        display: none
    }
}

.no-js .mainNav__base {
    display: block
}

@media(max-width: 1023px) {
    .stickyHeader .mainNav__spaceWrapper {
        padding-top: 1.5625em;
        background: #fff
    }
}

.mainNav__hl {
    font: bold 1em/1.25 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .20625em;
    padding-bottom: .18125em
}

@media(min-width: 1024px) {
    .mainNav__hl {
        font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .137em;
        padding-bottom: .113em
    }
}

.mainNav__hl--current {
    display: none
}

@media(min-width: 1024px) {
    .mainNav__hl--language {
        display: none
    }
}

.no-js .mainNav__hl--language {
    display: block
}

.mainNav__hl--languageButton {
    display: none
}

@media(min-width: 1024px) {
    .mainNav__hl--languageButton {
        display: block
    }
}

.no-js .mainNav__hl--languageButton {
    display: none
}

@media(min-width: 1024px) {
    .mainNav__hl {
        display: none
    }
    .no-js .header__menuXs .mainNav__hl:not(.mainNav__hl--languageButton) {
        display: block
    }
}

.mainNav__list--level1 {
    padding: 1.40625em 20px 1.875em 20px;
    background: #f5f5f5;
    border-top: 1px solid #dfdfdf
}

@media(min-width: 768px) {
    .mainNav__list--level1 {
        padding-left: 34px;
        padding-right: 34px
    }
}

@media(min-width: 1024px) {
    .mainNav__list--level1 {
        display: none
    }
}

.no-js .mainNav__list--level1 {
    display: block
}

.mainNav__list--level1+.mainNav__list--level1,
.mainNav__spaceWrapper+.mainNav__list--level1,
.mainNav__list--level1.mainNav__list--locations {
    padding-top: 1.5625em;
    padding-bottom: 0;
    border: none;
    background: #fff
}

.mainNav__list--level2,
.mainNav__list--level3 {
    max-height: 0;
    overflow-y: hidden;
    transition: max-height 800ms ease-in-out
}

.no-js .mainNav__list--level2,
.no-js .mainNav__list--level3 {
    max-height: none
}

.menu-is-active>.mainNav__list--level2,
.menu-is-active>.mainNav__list--level3 {
    max-height: 37.5em;
    display: flex;
    z-index: 99
}

.mainNav__list--level2 .mainNav__item {
    margin-left: 15px
}

.mainNav__list--level3 .mainNav__item {
    padding-left: 15px
}

.mainNav__list--sibling {
    padding-top: 0
}

.mainNav__list-is-hidden {
    display: none
}

.mainNav__list--flex {
    margin-top: .9375em;
    display: flex;
    flex-wrap: wrap
}

.mainNav__item {
    position: relative
}

.mainNav__item:last-of-type>.mainNav__link {
    border-right: 0em solid rgba(0, 0, 0, 0)
}

.mainNav__item--expandable {
    font: 0.875em/1 ubs-icons;
    color: #f5f5f5;
    padding-top: .5em;
    padding-bottom: .5em;
    position: relative;
    margin-top: -0.25em;
    margin-bottom: -0.25em;
    width: 25px;
    height: 25px;
    align-self: center;
    cursor: pointer;
    background: #919191
}

.mainNav__item--expandable::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e907"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0em;
    padding-top: .5em;
    padding-bottom: .5em
}

.menu-is-active>.mainNav__label .mainNav__item--expandable,
.menu-is-active>.mainNav__button .mainNav__item--expandable,
.mainNav__item-is-active>.mainNav__label .mainNav__item--expandable {
    font: 0.875em/1 ubs-icons;
    color: #f5f5f5;
    padding-top: .5em;
    padding-bottom: .5em;
    position: relative;
    background: #717171
}

.menu-is-active>.mainNav__label .mainNav__item--expandable::before,
.menu-is-active>.mainNav__button .mainNav__item--expandable::before,
.mainNav__item-is-active>.mainNav__label .mainNav__item--expandable::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e906"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0em;
    padding-top: .5em;
    padding-bottom: .5em;
    left: 6px
}

.mainNav__item--expandable::before {
    left: 6px
}

.no-js .mainNav__item--expandable {
    display: none
}

.mainNav__list--flex .mainNav__link {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #dfdfdf;
    display: inline-block
}

.mainNav__item--level3.mainNav__item-is-selected .mainNav__link {
    padding-left: 5px;
    border-left: 1px solid #444
}

.mainNav__link--spaced {
    font: 300 0.875em/1.5714285714 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: .1157142857em;
    padding-bottom: .0842857143em;
    margin-top: 1.0714285714em;
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: #dfdfdf
}

.mainNav__link--spaced:active,
.mainNav__link--spaced:visited {
    color: #1c1c1c
}

.mainNav__link--spaced:active {
    text-decoration: none
}

.mainNav__link--spaced:hover,
.mainNav__link--spaced:focus {
    text-decoration-color: #1c1c1c
}

.mainNav__link--locations {
    margin-top: 0
}

.mainNav__link br {
    display: none
}

.mainNav__open {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1857142857em;
    padding-bottom: .1571428571em;
    align-self: center
}

@media(min-width: 1024px) {
    .mainNav__open {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .1857142857em;
        padding-bottom: .1571428571em
    }
}

.mainNav__label {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .9071428571em;
    padding-bottom: .8785714286em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%
}

@media(min-width: 1024px) {
    .mainNav__label {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .9071428571em;
        padding-bottom: .8785714286em
    }
}

.menu-is-active>.mainNav__label,
.mainNav__item-is-selected>.mainNav__label {
    font-weight: 500
}

.mainNav__item--level1>.mainNav__label {
    border-bottom: 1px solid #bebebe
}

.mainNav__list--level1>.mainNav__item--level1:first-child>.mainNav__label {
    padding-top: 0
}

.mainNav__item--level1.mainNav__item-is-active>.mainNav__label,
.mainNav__item--level1.mainNav__item-is-focus>.mainNav__label,
.mainNav__item--level1.mainNav__item-is-hover>.mainNav__label {
    color: #000
}

.mainNav__item--level1.mainNav__item-is-active>.mainNav__label,
.mainNav__item--level2.mainNav__item-is-active>.mainNav__label {
    font-weight: 500
}

[aria-haspopup] .mainNav__label .mainNav__link {
    flex-basis: calc(100% - 30px)
}

.mainNav__list--flex .mainNav__label {
    font: 300 0.875em/1.5714285714 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: .1157142857em;
    padding-bottom: .0842857143em;
    display: block;
    text-decoration: underline;
    text-decoration-color: #dfdfdf
}

.mainNav__list--flex .mainNav__label:active,
.mainNav__list--flex .mainNav__label:visited {
    color: #1c1c1c
}

.mainNav__list--flex .mainNav__label:hover,
.mainNav__list--flex .mainNav__label:focus {
    text-decoration-color: #1c1c1c
}

.mainNav__list--flex .mainNav__link--selected .mainNav__label {
    color: #1c1c1c;
    text-decoration: none
}

.mainNav__abbreviation {
    display: none
}

.mainNav__burger {
    padding-right: 15px;
    display: flex
}

@media(min-width: 768px) {
    .mainNav__burger {
        padding-right: 20px
    }
}

@media(min-width: 1024px) {
    .mainNav__burger {
        display: none
    }
}

.mainNav__burgerItem {
    width: 23px;
    height: 16px;
    position: relative;
    display: inline-block
}

@media(min-width: 768px) {
    .mainNav__burgerItem {
        width: 27px;
        height: 18px
    }
}

.mainNav__burgerItem span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #1c1c1c;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .3s ease-in-out;
    transform-origin: left center
}

.mainNav__burgerItem span:nth-child(1) {
    top: 0
}

.mainNav__burgerItem span:nth-child(2) {
    top: 7px
}

.mainNav__burgerItem span:nth-child(3) {
    top: 14px
}

@media(min-width: 768px) {
    .mainNav__burgerItem span:nth-child(1) {
        top: 0
    }
    .mainNav__burgerItem span:nth-child(2) {
        top: 8px
    }
    .mainNav__burgerItem span:nth-child(3) {
        top: 16px
    }
}

.mainNav__burger--close .mainNav__burgerItem span:nth-child(1) {
    left: 4px;
    transform: rotate(45deg);
    top: 0
}

.mainNav__burger--close .mainNav__burgerItem span:nth-child(2) {
    width: 0;
    opacity: 0
}

.mainNav__burger--close .mainNav__burgerItem span:nth-child(3) {
    left: 4px;
    top: 100%;
    transform: rotate(-45deg)
}

.no-js .mainNav__burger {
    display: none
}

.mainNav__close {
    font: 300 0.875em/1.5714285714 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-top: .1157142857em;
    padding-bottom: .0842857143em;
    padding-left: 1.5714285714em;
    position: relative;
    float: right;
    margin-top: 24px;
    margin-bottom: 1.71875em;
    padding-right: 20px;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: #dfdfdf
}

.mainNav__close::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e902"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0em;
    padding-top: .0557142857em;
    padding-bottom: .1442857143em
}

.mainNav__close:hover,
.mainNav__close:focus {
    text-decoration-color: #1c1c1c
}

.mainNav__close::before {
    color: #1c1c1c
}

@media(min-width: 768px) {
    .mainNav__close {
        padding-right: 34px
    }
}

@media(min-width: 1024px) {
    .mainNav__close {
        display: none
    }
}

.no-js .mainNav__close {
    display: none
}

.mainNav__button {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .9071428571em;
    padding-bottom: .8785714286em;
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width: 1024px) {
    .mainNav__button {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .9071428571em;
        padding-bottom: .8785714286em
    }
}

@media(min-width: 768px) {
    .quickaccess__wrapper .linklist__item--icon .listitem__link {
        font: 300 0.875rem / 1.375rem Frutiger, Arial, Helvetica, sans-serif;
        margin-right: 0em;
        padding-right: 0em
    }
}

@media(min-width: 768px)and (min-width: 1280px) {
    .quickaccess__wrapper .linklist__item--icon .listitem__link {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media(min-width: 768px) {
    .quickaccess__wrapper .linklist__item--icon .listitem__link::after {
        content: none
    }
    .quickaccess__wrapper .linklist__item--icon:first-child .listitem__link {
        margin-top: 0
    }
}

.listitem__iconWrapper {
    display: none;
    height: 24px;
    position: relative
}

@media(min-width: 768px) {
    .listitem__iconWrapper {
        margin-bottom: .15625em;
        display: block
    }
}

@media(min-width: 1024px) {
    .listitem__iconWrapper {
        margin-bottom: .46875em;
        height: 32px
    }
}

@media(min-width: 1280px) {
    .listitem__iconWrapper {
        height: 42px
    }
}

@media(max-width: 767px) {
    .marketOverview__base {
        margin-top: 1.25em;
        padding-top: 1.25em;
        padding-bottom: .46875em;
        border-top: 2px solid #cccabc
    }
}

.marketOverview__mainHl+.marketOverview__list {
    margin-top: 2.5rem
}

@media(min-width: 768px) {
    .marketOverview__mainHl+.marketOverview__list {
        margin-top: 3.75rem
    }
}

.marketOverview__list .grid-row {
    row-gap: 0.625rem
}

.marketOverview__item {
    padding: .15625em 15px;
    background-color: rgba(244, 243, 238, .8);
    display: block
}

.marketOverview__itemRow {
    display: flex;
    justify-content: space-between
}

.marketOverview__item:hover,
.marketOverview__item:focus {
    background-color: #e0dfd7
}

.marketOverview__mainHl {
    font: 300 1.75rem / 2.0625rem Frutiger, Arial, Helvetica, sans-serif;
    position: relative
}

@media(min-width: 768px) {
    .marketOverview__mainHl {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.marketOverview__hl,
.marketOverview__value {
    font: 300 0.875rem / 1.375rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .marketOverview__hl,
    .marketOverview__value {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.marketOverview__itemLink .marketOverview__hl {
    font: 300 1em/1.125 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .855em;
    padding-bottom: .8325em;
    position: relative;
    display: block;
    width: 100%
}

@media(min-width: 768px) {
    .marketOverview__itemLink .marketOverview__hl {
        font: 300 1.1875em/1.1578947368 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .4326315789em;
        padding-bottom: .4094736842em
    }
}

@media(min-width: 1024px) {
    .marketOverview__itemLink .marketOverview__hl {
        font: 300 1.0625em/1.1764705882 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .5411764706em;
        padding-bottom: .5176470588em
    }
}

@media(min-width: 1280px) {
    .marketOverview__itemLink .marketOverview__hl {
        font: 300 1.1875em/1.1578947368 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .6168421053em;
        padding-bottom: .5936842105em
    }
}

.marketOverview__itemLink .marketOverview__hl::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e904"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0em;
    padding-top: .795em;
    padding-bottom: .8925em
}

@media(min-width: 768px) {
    .marketOverview__itemLink .marketOverview__hl {
        position: relative
    }
    .marketOverview__itemLink .marketOverview__hl::after {
        padding-top: .4252631579em;
        padding-bottom: .5221052632em
    }
}

@media(min-width: 1024px) {
    .marketOverview__itemLink .marketOverview__hl {
        position: relative
    }
    .marketOverview__itemLink .marketOverview__hl::after {
        padding-top: .54em;
        padding-bottom: .6364705882em
    }
}

@media(min-width: 1280px) {
    .marketOverview__itemLink .marketOverview__hl {
        position: relative
    }
    .marketOverview__itemLink .marketOverview__hl::after {
        padding-top: .5568421053em;
        padding-bottom: .6536842105em
    }
}

.marketOverview__itemLink {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    min-height: 3.125em
}

.marketOverview__itemLink .marketOverview__itemRow {
    width: 100%
}

.marketOverview__coords {
    display: flex
}

.marketOverview__coordsItem,
.marketOverview__tendency {
    font: 300 0.75rem / 1.245rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.marketOverview__coordsItem:first-of-type {
    padding-right: 10px;
    position: relative
}

.marketOverview__coordsItem:first-of-type::after {
    right: 0em;
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    width: 1px;
    height: 10px;
    background-color: #cccabc
}

.marketOverview__coordsItem:last-of-type {
    padding-left: 10px
}

.marketOverview__tendency--up,
.marketOverview__tendency--down {
    display: flex;
    align-items: baseline
}

.marketOverview__tendency--up::after,
.marketOverview__tendency--down::after {
    margin-left: 5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid
}

.marketOverview__tendency--up::after {
    border-width: 0 6px 7px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #879420
}

.marketOverview__tendency--down::after {
    border-width: 7px 6px 0;
    border-color: #bd000c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.marketOverview__linkList.linklistreimagined__list {
    margin-top: 2.5rem
}

.marketOverview__linkList.linklistreimagined__list .linklistreimagined__listItem {
    border-bottom: none
}

@media(min-width: 768px) {
    .marketOverview__linkList.linklistreimagined__list .linklistreimagined__listItem {
        margin-top: 0 !important
    }
}

.marketOverview__linkList.linklistreimagined__list .listitem__link {
    border-bottom: 1px solid #8e8d83
}

.marketOverview__linkList.linklistreimagined__list .listitem__link:hover {
    border-color: #404040
}

.marketOverview .linklist__list {
    padding-top: 1.25em
}

@media(min-width: 1280px) {
    .marketOverview .linklist__list {
        padding-top: .9375em
    }
}

@media(min-width: 1440px) {
    .marketOverview .linklist__list {
        padding-top: 1.875em
    }
}

.metaNav__base {
    position: relative;
    display: flex;
    flex-shrink: 0
}

@media only print {
    .metaNav__base {
        display: none
    }
}

@media(min-width: 768px) {
    .metaNav__base {
        margin-top: .125em
    }
}

@media(min-width: 1024px) {
    .metaNav__base {
        margin-top: 1.75em
    }
}

@media(min-width: 1280px) {
    .metaNav__base {
        margin-top: 2.1875em
    }
}

.metaNav__hl {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .55em;
    padding-bottom: .5214285714em;
    background: #fff;
    width: 35px;
    border: 1px solid #919191;
    border-radius: 1px;
    display: inline-block;
    text-align: center;
    cursor: pointer
}

@media(min-width: 1024px) {
    .metaNav__hl {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .55em;
        padding-bottom: .5214285714em
    }
}

.metaNav__item-is-hover .metaNav__hl,
.metaNav__item-is-focus .metaNav__hl,
.metaNav__hl:hover,
.metaNav__hl.is-focus-key,
.menu-is-active .metaNav__hl {
    background-color: #dfdfdf;
    border: 1px solid #919191
}

@media(min-width: 768px) {
    .metaNav__hl {
        height: 35px
    }
}

.metaNav__hl--upperCase {
    text-transform: uppercase
}

@media(min-width: 1024px) {
    .metaNav__list {
        display: inline-block
    }
}

.metaNav__list--firstLevel {
    display: flex;
    pointer-events: none
}

.metaNav__list--secondLevel {
    margin-top: .625em;
    right: 0em;
    transition: max-height 800ms ease-in-out;
    overflow-y: hidden;
    max-height: 0;
    position: absolute;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
    z-index: 20
}

.metaNav__list--secondLevel::before {
    right: .625em;
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -5px;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.12))
}

.domicileSelection__toggle+.metaNav__list--secondLevel::before {
    opacity: 0
}

.menu-is-active .metaNav__list--secondLevel {
    max-height: 600px;
    z-index: 99
}

.metaNav__list.metaNav__list--login {
    display: none;
    width: 360px;
    flex-direction: row;
    height: auto
}

.metaNav__list.metaNav__list--login.metaNav__list--hasMarketingZone {
    width: 650px
}

.metaNav__list.metaNav__list--login::before {
    right: 3.125em
}

.metaNav__list-is-hidden {
    display: none
}

.metaNav__list--domicile {
    padding-left: 20px;
    padding-right: 20px;
    width: 320px;
    display: none
}

.domicileSelection__panel .metaNav__list--domicile {
    width: 100%;
    min-height: 100%;
    margin-top: 0;
    box-shadow: none
}

.domicileSelection__panel .metaNav__list--domicile::before {
    display: none
}

@media(max-width: 1023px) {
    .metaNav__list--is-xsSHidden {
        display: none
    }
}

.metaNav__item {
    position: relative
}

.metaNav__item--topLevel {
    display: inline-block
}

.metaNav__item--firstLevel {
    margin-right: 10px;
    pointer-events: all
}

.metaNav__list:last-child .metaNav__item--firstLevel:last-child,
.metaNav__list--firstLevel+.metaNav__item--firstLevel:last-child {
    margin-right: 0em
}

.metaNav__item--secondLevel {
    margin-left: 10px;
    margin-right: 10px
}

.metaNav__item--secondLevel:not(:last-of-type) {
    border-bottom: 1px solid #dfdfdf
}

.metaNav__item--secondLevel:first-of-type {
    padding-top: .625em
}

.metaNav__item--secondLevel:last-of-type {
    padding-bottom: .625em
}

.metaNav__item--hidden,
.metaNav__item--is-xsSHidden {
    display: none
}

@media(min-width: 1024px) {
    .metaNav__item--is-xsSHidden {
        display: block
    }
}

.metaNav__item--dropdown {
    padding-right: 1.5714285714em;
    position: relative;
    padding: 0
}

.metaNav__item--dropdown::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e903"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0em;
    padding-top: .1257142857em;
    padding-bottom: .2171428571em
}

@media(min-width: 1024px) {
    .metaNav__item--dropdown {
        padding-right: 1.375em;
        position: relative
    }
    .metaNav__item--dropdown::after {
        padding-top: .085em;
        padding-bottom: .1775em
    }
    .metaNav__item--dropdown {
        padding: 0
    }
}

@media(min-width: 1024px) {}

.metaNav__item--dropdown::after {
    display: none;
    pointer-events: none;
    transition: transform .3s;
    transform-origin: left 60%
}

@media(min-width: 768px) {
    .metaNav__item--dropdown::after {
        right: .625em;
        display: block;
        top: 5px
    }
}

.no-js .metaNav__item--dropdown::after {
    display: none
}

.metaNav__item--dropdown.menu-is-active::after {
    transform: rotate3d(1, 0, 0, 180deg)
}

.metaNav__item--dropdownLogin {
    color: #fff
}

.metaNav__item--languageMenu {
    min-width: 2.1875em;
    height: 2.1875em;
    border: 1px solid #919191;
    border-radius: 1px;
    padding: 0 8px;
    width: auto
}

.metaNav__item--languageMenu .metaNav__hl {
    align-items: center;
    border: none;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 100%
}

.no-js .metaNav__item--languageMenu {
    display: none
}

.metaNav__link {
    padding-left: 30px;
    padding-right: 10px;
    display: flex;
    justify-content: space-between
}

.metaNav__link:focus,
.metaNav__link:hover {
    background-color: #f5f5f5
}

.metaNav__link--selected {
    padding-left: 2.1428571429em;
    position: relative;
    padding-left: 30px;
    color: #1c1c1c
}

.metaNav__link--selected::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e900"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 0em;
    transform: translateY(-50%);
    padding-top: .3114285714em;
    padding-bottom: .4028571429em;
    left: 10px
}

.metaNav__link--selected .metaNav__label {
    color: #000
}

.metaNav__label {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .3714285714em;
    padding-bottom: .3428571429em;
    display: inline-block;
    white-space: nowrap
}

.metaNav__abbreviation {
    display: none
}

.metaNav__button {
    font: 300 0.875em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .3957142857em;
    padding-bottom: .3757142857em;
    height: 35px;
    padding: 0em 10px;
    display: flex;
    align-items: center;
    border: 1px solid #919191;
    border-radius: 1px
}

.metaNav__button:hover,
.metaNav__button:active,
.metaNav__button:focus {
    background-color: #dfdfdf;
    border: 1px solid #919191
}

.no-js .metaNav__button {
    display: none
}

.newsticker__base {
    width: 100%;
    background-color: rgba(0, 0, 0, .53)
}

.newsticker__base:hover {
    background-color: rgba(0, 0, 0, .7)
}

.promotionstage__base--has-promotion .newsticker__base {
    position: absolute;
    z-index: 2;
    inset: 0 0 auto
}

@media(min-width: 1024px) {
    .promotionstage__base--has-promotion .newsticker__base {
        inset: auto 0 0
    }
}

.no-js .newsticker__base {
    display: none
}

.newsticker__content {
    position: relative;
    display: flex
}

.newsticker__wrapper {
    border-right: 10px solid rgba(0, 0, 0, 0);
    width: 100%;
    overflow: hidden
}

@media(min-width: 768px) {
    .newsticker__wrapper {
        border-right: 20px solid rgba(0, 0, 0, 0)
    }
}

@media(min-width: 1024px) {
    .newsticker__wrapper {
        border-right: 30px solid rgba(0, 0, 0, 0)
    }
}

.newsticker__list {
    position: absolute;
    display: flex
}

.newsticker__listWrapper {
    white-space: nowrap
}

.newsticker__hl {
    font: bold 0.8125em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #fff;
    padding-top: .6638461538em;
    padding-bottom: .6438461538em;
    display: none;
    flex-shrink: 0;
    position: relative
}

@media(min-width: 768px) {
    .newsticker__hl {
        font: bold 0.8125em/1 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .7792307692em;
        padding-bottom: .7592307692em
    }
}

@media(min-width: 1024px) {
    .newsticker__hl {
        padding-top: .8561538462em;
        padding-bottom: .8361538462em
    }
}

@media(min-width: 1280px) {
    .newsticker__hl {
        padding-top: .9330769231em;
        padding-bottom: .9130769231em
    }
}

.newsticker__hl::after {
    top: .3125em;
    right: 20px;
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 23px;
    background-color: #717171
}

@media(min-width: 768px) {
    .newsticker__hl {
        padding-right: 40px;
        display: block
    }
}

@media(min-width: 1024px) {
    .newsticker__hl {
        padding-right: 60px
    }
    .newsticker__hl::after {
        right: 30px;
        height: 25px
    }
}

.newsticker__link {
    font: 300 0.75em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #fff;
    padding-top: .76em;
    padding-bottom: .74em;
    display: inline-block
}

@media(min-width: 1024px) {
    .newsticker__link {
        font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .287em;
        padding-bottom: .263em
    }
}

@media(min-width: 1280px) {
    .newsticker__link {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .4825em;
        padding-bottom: .455em
    }
}

@media(min-width: 768px) {
    .newsticker__link {
        font: 300 0.8125em/1 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .7792307692em;
        padding-bottom: .7592307692em
    }
}

.newsticker__link:hover {
    text-decoration: underline;
    cursor: pointer
}

.newsticker__item {
    padding-right: 33px;
    position: relative
}

.newsticker__item::after {
    right: 15px;
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    top: calc(50% - 1.5px)
}

.newsticker__button {
    font: 0.75em/1 ubs-icons;
    color: #fff;
    height: 1.875rem;
    width: 1.875rem;
    order: 1;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, .75)
}

.newsticker__button::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e90d"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

@media(min-width: 768px) {
    .newsticker__button {
        height: 2.0625rem;
        width: 2.0625rem
    }
}

@media(min-width: 1024px) {
    .newsticker__button {
        height: 2.1875rem;
        width: 2.1875rem
    }
}

@media(min-width: 1280px) {
    .newsticker__button {
        height: 2.3125rem;
        width: 2.3125rem
    }
}

.newsticker__button-is-paused {
    font: 0.75em/1 ubs-icons;
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.newsticker__button-is-paused::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e90c"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    line-height: 0
}

.newsticker__button:hover {
    background-color: rgb(144.5, 144.5, 144.5)
}

.privacysettings__lightbox.lightbox__outerWrapper.lightbox__outerWrapper {
    padding-block: 1.5rem
}

.privacysettings__lightbox .gridcontrol3 .basecomponent+.privacysettings {
    margin-top: 1rem
}

.privacysettings__lightbox .gridcontrol3 .grid-row {
    margin-inline: 0
}

.privacysettings__lightbox .gridcontrol3 .grid-cell {
    padding-inline: 0
}

@keyframes kenburn {
    100% {
        transform-origin: left bottom;
        transform: scale(1)
    }
}

@keyframes fade-in {
    100% {
        opacity: 1
    }
}

.promotionstage__base,
.promotion__base {
    position: relative
}

.promotion__base {
    overflow: hidden
}

@media(min-width: 0) {
    .js .newsticker__base+.promotion__base {
        padding-block-start: 1.875rem
    }
}

@media(min-width: 768px) {
    .js .newsticker__base+.promotion__base {
        padding-block-start: 2.0625rem
    }
}

@media(min-width: 1024px) {
    .js .newsticker__base+.promotion__base {
        padding-block-end: 2.1875rem;
        padding-block-start: 0
    }
}

@media(min-width: 1280px) {
    .js .newsticker__base+.promotion__base {
        padding-block-end: 2.3125rem
    }
}

.promotion__baseWrapper {
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .promotion__baseWrapper {
        z-index: 0;
        position: relative;
        padding-bottom: 0
    }
}

@media(min-width: 768px) {
    .promotion__baseWrapper--50 {
        padding-bottom: 0;
        flex-direction: row
    }
}

@media(min-width: 1024px) {
    .promotion__baseWrapper--100 {
        display: block
    }
}

.promotion__wrapperSticky {
    position: relative;
    overflow: hidden
}

@media(min-width: 768px) {
    .promotion__baseWrapper--50 .promotion__wrapperSticky {
        left: calc(var(--grid-absolute-col-width) * 13 + var(--grid-absolute-gutter) * 12);
        order: 2;
        width: var(--grid-container-width);
        margin-inline: auto
    }
}

.promotion__wrapperSticky .image__skeleton {
    display: block
}

@media(min-width: 768px) {
    .promotion__baseWrapper--50 .promotion__wrapperSticky .image__skeleton {
        min-height: 20.5em;
        padding-top: 0 !important
    }
}

@media(min-width: 1024px) {
    .promotion__wrapperSticky .image__skeleton {
        height: 25em;
        padding-top: 0 !important
    }
}

@media(min-width: 1280px) {
    .promotion__wrapperSticky .image__skeleton {
        height: 31.25em
    }
}

.promotion__wrapperSticky .image__skeleton--loaded .image__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 1024px) {
    .promotion__wrapperSticky .image__skeleton--loaded .image__img {
        animation: kenburn 3s forwards;
        transform: scale(1.1);
        transform-origin: 16% 84%
    }
}

@media(min-width: 1280px) {
    .promotion__wrapperSticky .image__skeleton--loaded .image__img {
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover"
    }
}

@media(min-width: 768px) {
    .promotion__baseWrapper--50 .promotion__wrapperSticky .image__skeleton--loaded .image__img {
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover";
        height: 100%
    }
}

.promotion__wrapperTxt {
    z-index: 2;
    order: 2
}

@media(min-width: 1024px) {
    .promotion__wrapperTxt {
        animation: fade-in 2s forwards;
        opacity: 0
    }
    .promotion__baseWrapper--100 .promotion__wrapperTxt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .promotion__baseWrapper--100 .promotion__wrapperTxt--center {
        top: 50%;
        transform: translateY(-50%)
    }
    .promotion__baseWrapper--100 .promotion__wrapperTxt--bottom {
        bottom: 3rem;
        top: auto
    }
    .promotion__baseWrapper--100 .promotion__wrapperTxt--top {
        top: 3rem
    }
}

@media(min-width: 1024px) {}

@media(min-width: 1280px) {
    .promotion__baseWrapper--100 .promotion__wrapperTxt--bottom {
        bottom: 3.75rem
    }
    .promotion__baseWrapper--100 .promotion__wrapperTxt--top {
        top: 3.75rem
    }
}

.promotion__baseWrapper--50 .promotion__wrapperTxt {
    width: 100%
}

.promotion__baseWrapper--50 .promotion__wrapperTxt--top {
    top: 1.5rem
}

.promotion__baseWrapper--50 .promotion__wrapperTxt--bottom {
    bottom: 1.5rem
}

@media(min-width: 768px) {
    .promotion__baseWrapper--50 .promotion__wrapperTxt {
        position: absolute;
        margin-block: 0
    }
    .promotion__baseWrapper--50 .promotion__wrapperTxt--top {
        top: 2rem
    }
    .promotion__baseWrapper--50 .promotion__wrapperTxt--center {
        top: 50%;
        transform: translateY(-50%)
    }
    .promotion__baseWrapper--50 .promotion__wrapperTxt--bottom {
        bottom: 2rem
    }
    .promotion__baseWrapper--50 .promotion__wrapperTxt--right~.promotion__wrapperSticky {
        left: auto;
        right: calc(var(--grid-absolute-col-width) * 13 + var(--grid-absolute-gutter) * 12)
    }
}

@media(min-width: 1024px) {
    .promotion__baseWrapper--50 .promotion__wrapperTxt--top {
        top: 2.5rem
    }
    .promotion__baseWrapper--50 .promotion__wrapperTxt--bottom {
        bottom: 2.5rem;
        top: auto
    }
    .newsticker__base+.promotion__base .promotion__baseWrapper--50 .promotion__wrapperTxt {
        padding-top: 0
    }
}

@media(min-width: 1280px) {
    .promotion__baseWrapper--50 .promotion__wrapperTxt--top {
        top: 3.125rem
    }
    .promotion__baseWrapper--50 .promotion__wrapperTxt--bottom {
        bottom: 3.125rem
    }
}

.promotion__wrapper {
    margin-block: 1.5rem;
    width: 100%
}

@media(min-width: 768px) {
    .promotion__baseWrapper--100 .promotion__wrapper {
        width: calc(calc(16 / var(--grid-absolute-cols) * 100% - var(--grid-absolute-gutter) * (var(--grid-absolute-cols) - 16) / var(--grid-absolute-cols)) + var(--grid-absolute-gutter) * 0.5)
    }
    .promotion__baseWrapper--50 .promotion__wrapper {
        margin-block: 0;
        width: calc(calc(11 / var(--grid-absolute-cols) * 100% - var(--grid-absolute-gutter) * (var(--grid-absolute-cols) - 11) / var(--grid-absolute-cols)) + var(--grid-absolute-gutter) * 0.5)
    }
    .promotion__wrapperTxt--right .promotion__wrapper {
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .promotion__wrapper {
        margin-block: 0
    }
    .promotion__baseWrapper--100 .promotion__wrapper--small {
        width: calc(var(--grid-absolute-col-width) * 8 + var(--grid-absolute-gutter) * 7)
    }
    .promotion__baseWrapper--100 .promotion__wrapper--medium {
        width: calc(var(--grid-absolute-col-width) * 12 + var(--grid-absolute-gutter) * 11)
    }
    .promotion__baseWrapper--100 .promotion__wrapper--large {
        width: calc(var(--grid-absolute-col-width) * 16 + var(--grid-absolute-gutter) * 15)
    }
}

.promotion__wrapper .actionbtn__wrapper {
    margin-top: 2rem
}

@media(min-width: 1280px) {
    .promotion__wrapper .actionbtn__wrapper {
        margin-top: 2.5rem
    }
}

.promotion__wrapper .actionbtn__wrapper,
.promotion__wrapper .actionbtn__link {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .promotion__wrapper--background-white {
        padding: 1.5rem 24px;
        background: #fff
    }
}

@media(min-width: 1280px) {
    .promotion__wrapper--background-white {
        padding: 2.5rem 40px
    }
}

.promotion__hl {
    display: block
}

.promotion__hl--small {
    font: 300 1.75rem / 2.0625rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 768px) {
    .promotion__hl--small {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.promotion__hl--medium {
    font: 300 2rem / 2.5rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .promotion__hl--medium {
        font-size: 3rem;
        line-height: 3.5625rem
    }
}

.promotion__hl--large {
    font: 300 1.6875rem / 1.9375rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 768px) {
    .promotion__hl--large {
        font-size: 2.375rem;
        line-height: 2.8125rem
    }
}

@media(min-width: 1024px) {
    .promotion__hl--large {
        font-size: 3.125rem;
        line-height: 3.75rem
    }
}

@media(min-width: 1280px) {
    .promotion__hl--large {
        font-size: 3.75rem;
        line-height: 4.5rem
    }
}

@media(min-width: 768px) {
    .promotion__baseWrapper--50 .promotion__hl {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .promotion__hl {
        margin-top: 0
    }
}

.promotion__hl b {
    color: #da0000
}

.promotion__hl--bottomSpacing {
    padding-bottom: 1.5rem
}

@media(min-width: 1280px) {
    .promotion__hl--bottomSpacing {
        padding-bottom: 2rem
    }
}

.promotion__txt {
    margin-top: 0.5rem;
    word-break: break-word
}

@media(min-width: 1280px) {
    .promotion__txt {
        margin-top: 0.75rem
    }
}

.promotion__txt p {
    font: 300 1.25rem / 1.75rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .promotion__txt p {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.promotion__txt b,
.promotion__txt strong {
    color: #da0000;
    font-weight: 300
}

.radio__base {
    margin-bottom: .5em
}

.form__msg+.radio__base {
    margin-top: 2.03125em
}

.textimage__base+.radio__base {
    margin-top: 1.53125em
}

.radio__base .form__error {
    margin-top: .375em
}

.radio__base .form__placeholder {
    margin-top: -0.25em
}

.radio__input {
    margin-right: .625em;
    height: 1.875em;
    width: 1.375em;
    font-size: 1em;
    float: left
}

.radio__input:focus {
    outline: none
}

.radio__input:focus:not(:checked)+.radio__label::before,
.radio__input:focus:checked+.radio__label::before {
    border-width: 2px;
    box-shadow: 0 0 2px 1px #78cae7;
    border-color: #000;
    color: #000
}

.radio__list-is-error .radio__input:focus:not(:checked)+.radio__label::before,
.radio__list-is-error .radio__input:focus:checked+.radio__label::before {
    box-shadow: 0 0 2px 1px #f8db97;
    border-color: #000
}

.radio__input:focus:not(:checked)+.radio__label::after,
.radio__input:focus:checked+.radio__label::after {
    background-color: #000
}

.radio__input:not(:checked),
.radio__input:checked {
    height: 20px;
    width: 20px;
    margin-top: .25em;
    opacity: 0;
    position: absolute
}

.radio__input:not(:checked)+.radio__label,
.radio__input:checked+.radio__label {
    margin-left: 30px;
    max-width: none;
    position: relative
}

.radio__input:not(:checked)+.radio__label::before,
.radio__input:checked+.radio__label::before {
    border-width: 1px;
    height: 20px;
    width: 20px;
    top: .25em;
    left: -30px;
    content: "";
    border: 1px solid #919191;
    box-sizing: border-box;
    color: #919191;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    font-family: "arial", sans-serif
}

.radio__list-is-error .radio__input:not(:checked)+.radio__label::before,
.radio__list-is-error .radio__input:checked+.radio__label::before {
    border-color: #f2bb3a
}

.radio__input:checked+.radio__label::after {
    border-radius: 50%;
    background-color: #919191;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: -25px;
    top: .25em;
    margin-top: 5px
}

.radio__input.is-disabled,
.radio__input.is-disabled+.radio__label {
    color: #919191
}

.radio__item {
    margin-top: .625em
}

.radio__item:first-child {
    margin-top: .25em
}

.radio__label {
    font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .26375em;
    padding-bottom: .23625em;
    display: inline-block;
    max-width: calc(100% - 2em)
}

@media(min-width: 1024px) {
    .radio__label {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .3714285714em;
        padding-bottom: .3428571429em
    }
}

@media(min-width: 1280px) {
    .radio__label {
        font: 300 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .26375em;
        padding-bottom: .23625em
    }
}

.radio__list:not(.radio__list--poll) {
    padding-right: 26px
}

.radio__list--inline {
    width: 100%;
    display: inline-block
}

.radio__list--inline .radio__item {
    margin-right: 25px;
    margin-top: .25em;
    display: inline-block
}

.radio__list-is-error {
    position: relative
}

.radio__list-is-error+.form__placeholder {
    display: none
}

.radio__list-is-error::after {
    bottom: .5em;
    right: .4375em;
    font-size: 14px;
    content: "";
    font-family: "ubs-icons";
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    vertical-align: bottom;
    color: #f2bb3a;
    position: absolute
}

@media(min-width: 768px) {
    .radio__base {
        padding-top: .25em;
        padding-bottom: .5em;
        margin-top: .625em;
        margin-bottom: .0625em
    }
    .gridcontrol__gridcell--C1 .radio__base,
    .gridcontrol__gridcell--C2 .radio__base,
    .gridcontrol__gridcell--C3 .radio__base,
    .gridcontrol__gridcell--C4 .radio__base,
    .gridcontrol__gridcell--D1 .radio__base,
    .gridcontrol__gridcell--D2 .radio__base,
    .gridcontrol__gridcell--E1 .radio__base,
    .gridcontrol__gridcell--E2 .radio__base,
    .gridcontrol__gridcell--F1 .radio__base,
    .gridcontrol__gridcell--F2 .radio__base {
        padding-top: 0em;
        padding-bottom: 0em;
        margin-top: 0em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .radio__base,
    .gridcontrol__gridcell--F3 .radio__base,
    .gridcontrol__gridcell--G2 .radio__base,
    .gridcontrol__gridcell--H1 .radio__base {
        padding-top: 0em;
        padding-bottom: 0em;
        margin-top: 0em
    }
}

@media(min-width: 768px) {
    .form__msg+.radio__base {
        margin-top: 1.5625em
    }
    .gridcontrol__gridcell--C1 .form__msg+.radio__base,
    .gridcontrol__gridcell--C2 .form__msg+.radio__base,
    .gridcontrol__gridcell--C3 .form__msg+.radio__base,
    .gridcontrol__gridcell--C4 .form__msg+.radio__base,
    .gridcontrol__gridcell--D1 .form__msg+.radio__base,
    .gridcontrol__gridcell--D2 .form__msg+.radio__base,
    .gridcontrol__gridcell--E1 .form__msg+.radio__base,
    .gridcontrol__gridcell--E2 .form__msg+.radio__base,
    .gridcontrol__gridcell--F1 .form__msg+.radio__base,
    .gridcontrol__gridcell--F2 .form__msg+.radio__base {
        margin-top: 2.03125em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .form__msg+.radio__base,
    .gridcontrol__gridcell--F3 .form__msg+.radio__base,
    .gridcontrol__gridcell--G2 .form__msg+.radio__base,
    .gridcontrol__gridcell--H1 .form__msg+.radio__base {
        margin-top: 2.03125em
    }
}

@media(min-width: 768px) {
    .textimage__base+.radio__base {
        margin-top: 2.46875em
    }
    .gridcontrol__gridcell--C1 .textimage__base+.radio__base,
    .gridcontrol__gridcell--C2 .textimage__base+.radio__base,
    .gridcontrol__gridcell--C3 .textimage__base+.radio__base,
    .gridcontrol__gridcell--C4 .textimage__base+.radio__base,
    .gridcontrol__gridcell--D1 .textimage__base+.radio__base,
    .gridcontrol__gridcell--D2 .textimage__base+.radio__base,
    .gridcontrol__gridcell--E1 .textimage__base+.radio__base,
    .gridcontrol__gridcell--E2 .textimage__base+.radio__base,
    .gridcontrol__gridcell--F1 .textimage__base+.radio__base,
    .gridcontrol__gridcell--F2 .textimage__base+.radio__base {
        margin-top: 1.53125em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .textimage__base+.radio__base,
    .gridcontrol__gridcell--F3 .textimage__base+.radio__base,
    .gridcontrol__gridcell--G2 .textimage__base+.radio__base,
    .gridcontrol__gridcell--H1 .textimage__base+.radio__base {
        margin-top: 1.53125em
    }
}

@media(min-width: 768px) {
    .radio__input {
        width: .9375em
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .radio__input:not(:checked)+.radio__label,
    .radio__input:checked+.radio__label {
        margin-left: 24px
    }
    .radio__input:not(:checked)+.radio__label::before,
    .radio__input:checked+.radio__label::before {
        left: -24px;
        width: 16px;
        height: 16px;
        margin-top: 3px
    }
    .radio__input:checked+.radio__label::after {
        width: 10px;
        height: 10px;
        left: -21px;
        margin-top: 6px
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {}

@media(min-width: 1024px)and (max-width: 1279px) {}

@media(min-width: 768px) {
    .radio__item {
        margin-top: .625em
    }
    .radio__item:first-child {
        margin-top: 0
    }
    .gridcontrol__gridcell--C1 .radio__item,
    .gridcontrol__gridcell--C2 .radio__item,
    .gridcontrol__gridcell--C3 .radio__item,
    .gridcontrol__gridcell--C4 .radio__item,
    .gridcontrol__gridcell--D1 .radio__item,
    .gridcontrol__gridcell--D2 .radio__item,
    .gridcontrol__gridcell--E1 .radio__item,
    .gridcontrol__gridcell--E2 .radio__item,
    .gridcontrol__gridcell--F1 .radio__item,
    .gridcontrol__gridcell--F2 .radio__item {
        margin-top: .125em
    }
    .gridcontrol__gridcell--C1 .radio__item:first-child,
    .gridcontrol__gridcell--C2 .radio__item:first-child,
    .gridcontrol__gridcell--C3 .radio__item:first-child,
    .gridcontrol__gridcell--C4 .radio__item:first-child,
    .gridcontrol__gridcell--D1 .radio__item:first-child,
    .gridcontrol__gridcell--D2 .radio__item:first-child,
    .gridcontrol__gridcell--E1 .radio__item:first-child,
    .gridcontrol__gridcell--E2 .radio__item:first-child,
    .gridcontrol__gridcell--F1 .radio__item:first-child,
    .gridcontrol__gridcell--F2 .radio__item:first-child {
        margin-top: -0.25em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .radio__item,
    .gridcontrol__gridcell--F3 .radio__item,
    .gridcontrol__gridcell--G2 .radio__item,
    .gridcontrol__gridcell--H1 .radio__item {
        margin-top: .125em
    }
    .gridcontrol__gridcell--D3 .radio__item:first-child,
    .gridcontrol__gridcell--F3 .radio__item:first-child,
    .gridcontrol__gridcell--G2 .radio__item:first-child,
    .gridcontrol__gridcell--H1 .radio__item:first-child {
        margin-top: -0.25em
    }
}

@media(min-width: 768px) {
    .radio__list--inline .radio__item {
        margin-top: 0
    }
    .gridcontrol__gridcell--C1 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--C2 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--C3 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--C4 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--D1 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--D2 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--E1 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--E2 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--F1 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--F2 .radio__list--inline .radio__item {
        margin-top: -0.25em
    }
}

@media(min-width: 768px) {}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--F3 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--G2 .radio__list--inline .radio__item,
    .gridcontrol__gridcell--H1 .radio__list--inline .radio__item {
        margin-top: -0.25em
    }
}

.radio__item--is-disabled {
    opacity: .5
}

.promotion__impulseLine {
    --impulse-line-line-margin: 0.9375rem;
    --impulse-line-align: center;
    background: linear-gradient(#e60000, #e60000) no-repeat left var(--impulse-line-align);
    padding-left: 20px;
    background-size: 4px calc(100% - var(--impulse-line-line-margin));
    display: block;
    position: relative
}

@media(min-width: 1280px) {
    .promotion__impulseLine {
        padding-left: 24px
    }
}

.richtext__base--noWrap,
.textimage__richtext--noWrap,
.teaser__richtext--noWrap {
    overflow: hidden
}

.richtext__base h3,
.textimage__richtext h3,
.teaser__richtext h3 {
    font: 300 1.25rem / 1.75rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .richtext__base h3,
    .textimage__richtext h3,
    .teaser__richtext h3 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.richtext__base h3+*,
.textimage__richtext h3+*,
.teaser__richtext h3+* {
    margin-top: 15px
}

.richtext__base h3.richtext__headline--small,
.textimage__richtext h3.richtext__headline--small,
.teaser__richtext h3.richtext__headline--small {
    font: 500 1rem / 1.6rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .richtext__base h3.richtext__headline--small,
    .textimage__richtext h3.richtext__headline--small,
    .teaser__richtext h3.richtext__headline--small {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.richtext__base h4,
.textimage__richtext h4,
.teaser__richtext h4 {
    font: 300 1.125rem / 1.6875rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 768px) {
    .richtext__base h4,
    .textimage__richtext h4,
    .teaser__richtext h4 {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.richtext__base h4+*,
.textimage__richtext h4+*,
.teaser__richtext h4+* {
    margin-top: 30px
}

.richtext__base p,
.textimage__richtext p,
.teaser__richtext p {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1024px) {
    .richtext__base p,
    .textimage__richtext p,
    .teaser__richtext p {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .richtext__base p,
    .textimage__richtext p,
    .teaser__richtext p {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .richtext__base p,
    .textimage__richtext p,
    .teaser__richtext p {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

.richtext__base p+*,
.textimage__richtext p+*,
.teaser__richtext p+* {
    margin-top: 15px
}

.richtext__base .blockquote,
.textimage__richtext .blockquote,
.teaser__richtext .blockquote {
    font: 300 1.125rem / 1.6875rem Frutiger, Arial, Helvetica, sans-serif;
    padding-left: 16px;
    margin-top: 55px;
    border-inline-start: 3px solid #e60000;
    position: relative
}

@media(min-width: 768px) {
    .richtext__base .blockquote,
    .textimage__richtext .blockquote,
    .teaser__richtext .blockquote {
        font-size: 1.25rem;
        line-height: 1.875rem;
        padding-left: 40px
    }
}

@media(min-width: 768px) {}

@media(min-width: 1280px) {
    .richtext__base .blockquote,
    .textimage__richtext .blockquote,
    .teaser__richtext .blockquote {
        padding-left: 36px
    }
}

.richtext__base .blockquote::before,
.textimage__richtext .blockquote::before,
.teaser__richtext .blockquote::before {
    padding-right: 3px;
    inset-inline-start: 7px;
    content: open-quote;
    position: absolute
}

@media(min-width: 768px) {
    .richtext__base .blockquote::before,
    .textimage__richtext .blockquote::before,
    .teaser__richtext .blockquote::before {
        inset-inline-start: 30px
    }
}

@media(min-width: 1280px) {
    .richtext__base .blockquote::before,
    .textimage__richtext .blockquote::before,
    .teaser__richtext .blockquote::before {
        inset-inline-start: 25px
    }
}

.richtext__base .blockquote::after,
.textimage__richtext .blockquote::after,
.teaser__richtext .blockquote::after {
    content: close-quote
}

.richtext__base .blockquote+*,
.textimage__richtext .blockquote+*,
.teaser__richtext .blockquote+* {
    margin-top: 55px
}

.richtext__base .rte__link--hiddenText,
.textimage__richtext .rte__link--hiddenText,
.teaser__richtext .rte__link--hiddenText {
    display: none
}

.richtext__base pre,
.textimage__richtext pre,
.teaser__richtext pre {
    font: 300 0.8125rem / 1rem Frutiger, Arial, Helvetica, sans-serif;
    padding: 0.125rem 0px
}

@media(min-width: 768px) {
    .richtext__base pre,
    .textimage__richtext pre,
    .teaser__richtext pre {
        padding: 0.25rem 0px
    }
}

.richtext__base pre+*,
.textimage__richtext pre+*,
.teaser__richtext pre+* {
    margin-top: 15px
}

.richtext__base a,
.textimage__richtext a,
.teaser__richtext a {
    color: #da0000;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem
}

.richtext__base a:visited,
.textimage__richtext a:visited,
.teaser__richtext a:visited,
.richtext__base a:hover,
.richtext__base a:focus,
.textimage__richtext a:hover,
.textimage__richtext a:focus,
.teaser__richtext a:hover,
.teaser__richtext a:focus,
.richtext__base a:active,
.textimage__richtext a:active,
.teaser__richtext a:active {
    color: #bd000c
}

.richtext__base a>.rte__link--hiddenText,
.textimage__richtext a>.rte__link--hiddenText,
.teaser__richtext a>.rte__link--hiddenText {
    display: block
}

.richtext__base b,
.textimage__richtext b,
.teaser__richtext b {
    font-weight: 500
}

.richtext__base ul,
.richtext__base ol,
.textimage__richtext ul,
.textimage__richtext ol,
.teaser__richtext ul,
.teaser__richtext ol {
    overflow: hidden
}

.richtext__base ul li,
.richtext__base ol li,
.textimage__richtext ul li,
.textimage__richtext ol li,
.teaser__richtext ul li,
.teaser__richtext ol li {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1024px) {
    .richtext__base ul li,
    .richtext__base ol li,
    .textimage__richtext ul li,
    .textimage__richtext ol li,
    .teaser__richtext ul li,
    .teaser__richtext ol li {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .richtext__base ul li,
    .richtext__base ol li,
    .textimage__richtext ul li,
    .textimage__richtext ol li,
    .teaser__richtext ul li,
    .teaser__richtext ol li {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .richtext__base ul li,
    .richtext__base ol li,
    .textimage__richtext ul li,
    .textimage__richtext ol li,
    .teaser__richtext ul li,
    .teaser__richtext ol li {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

.richtext__base ul li li,
.richtext__base ol li li,
.textimage__richtext ul li li,
.textimage__richtext ol li li,
.teaser__richtext ul li li,
.teaser__richtext ol li li {
    font-size: 1em !important
}

.richtext__base ul li li:last-child,
.richtext__base ol li li:last-child,
.textimage__richtext ul li li:last-child,
.textimage__richtext ol li li:last-child,
.teaser__richtext ul li li:last-child,
.teaser__richtext ol li li:last-child {
    padding-bottom: 0
}

.richtext__base>ul+*,
.richtext__base>ol+*,
.textimage__richtext>ul+*,
.textimage__richtext>ol+*,
.teaser__richtext>ul+*,
.teaser__richtext>ol+* {
    margin-top: 30px
}

.richtext__base>ul>li:first-child,
.richtext__base>ol>li:first-child,
.textimage__richtext>ul>li:first-child,
.textimage__richtext>ol>li:first-child,
.teaser__richtext>ul>li:first-child,
.teaser__richtext>ol>li:first-child {
    margin-top: 0
}

.richtext__base ul ul,
.textimage__richtext ul ul,
.teaser__richtext ul ul {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif;
    margin-top: 1rem
}

@media(min-width: 1024px) {
    .richtext__base ul ul,
    .textimage__richtext ul ul,
    .teaser__richtext ul ul {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .richtext__base ul ul,
    .textimage__richtext ul ul,
    .teaser__richtext ul ul {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .richtext__base ul ul,
    .textimage__richtext ul ul,
    .teaser__richtext ul ul {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

@media(min-width: 1024px) {
    .richtext__base ul ul,
    .textimage__richtext ul ul,
    .teaser__richtext ul ul {
        margin-top: 0.25rem
    }
}

@media(min-width: 1280px) {
    .richtext__base ul ul,
    .textimage__richtext ul ul,
    .teaser__richtext ul ul {
        margin-top: 0.125rem
    }
}

.richtext__base ol,
.textimage__richtext ol,
.teaser__richtext ol {
    counter-reset: item
}

.richtext__base ol ol,
.textimage__richtext ol ol,
.teaser__richtext ol ol {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif;
    margin-top: 1rem
}

@media(min-width: 1024px) {
    .richtext__base ol ol,
    .textimage__richtext ol ol,
    .teaser__richtext ol ol {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .richtext__base ol ol,
    .textimage__richtext ol ol,
    .teaser__richtext ol ol {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .richtext__base ol ol,
    .textimage__richtext ol ol,
    .teaser__richtext ol ol {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

@media(min-width: 1024px) {
    .richtext__base ol ol,
    .textimage__richtext ol ol,
    .teaser__richtext ol ol {
        margin-top: 0.25rem
    }
}

@media(min-width: 1280px) {
    .richtext__base ol ol,
    .textimage__richtext ol ol,
    .teaser__richtext ol ol {
        margin-top: 0.125rem
    }
}

.richtext__base ol li,
.textimage__richtext ol li,
.teaser__richtext ol li {
    display: table
}

.richtext__base ol li::before,
.textimage__richtext ol li::before,
.teaser__richtext ol li::before {
    padding-right: 8px;
    content: counters(item, ".") ". ";
    counter-increment: item;
    display: table-cell
}

.richtext__base .richtext__link--footnoteRef,
.textimage__richtext .richtext__link--footnoteRef,
.teaser__richtext .richtext__link--footnoteRef {
    position: relative;
    color: inherit;
    font: inherit;
    text-decoration: none
}

.richtext__base .richtext__link--footnoteRef:visited,
.richtext__base .richtext__link--footnoteRef:hover,
.richtext__base .richtext__link--footnoteRef:focus,
.textimage__richtext .richtext__link--footnoteRef:visited,
.textimage__richtext .richtext__link--footnoteRef:hover,
.textimage__richtext .richtext__link--footnoteRef:focus,
.teaser__richtext .richtext__link--footnoteRef:visited,
.teaser__richtext .richtext__link--footnoteRef:hover,
.teaser__richtext .richtext__link--footnoteRef:focus {
    text-decoration: underline;
    color: inherit
}

.richtext__base .richtext__link--footnoteRef:has(sup)::after,
.richtext__base sup .richtext__link--footnoteRef::after,
.textimage__richtext .richtext__link--footnoteRef:has(sup)::after,
.textimage__richtext sup .richtext__link--footnoteRef::after,
.teaser__richtext .richtext__link--footnoteRef:has(sup)::after,
.teaser__richtext sup .richtext__link--footnoteRef::after {
    content: "";
    min-width: 100%;
    display: block;
    position: absolute;
    inset: -10px
}

.richtext__base .richtext__footer,
.textimage__richtext .richtext__footer,
.teaser__richtext .richtext__footer {
    font: 300 0.8125rem / 1rem Frutiger, Arial, Helvetica, sans-serif;
    padding: 0.125rem 0px
}

.richtext__base .richtext__footer+*,
.textimage__richtext .richtext__footer+*,
.teaser__richtext .richtext__footer+* {
    margin-top: 15px
}

.richtext__base .richtext__largeFont,
.textimage__richtext .richtext__largeFont,
.teaser__richtext .richtext__largeFont {
    font: 300 1.125rem / 1.6875rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 768px) {
    .richtext__base .richtext__largeFont,
    .textimage__richtext .richtext__largeFont,
    .teaser__richtext .richtext__largeFont {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.richtext__base .richtext__largeFont+*,
.textimage__richtext .richtext__largeFont+*,
.teaser__richtext .richtext__largeFont+* {
    margin-top: 30px
}

.richtext__base .icon-document,
.textimage__richtext .icon-document,
.teaser__richtext .icon-document {
    height: 16px
}

.searchbox__base {
    position: relative
}

.sdactivitystream__context--generous .searchbox__base {
    margin-right: 40px;
    min-width: calc(var(--grid-absolute-col-width) * 8 + var(--grid-absolute-gutter) * 7);
    max-width: calc(var(--grid-absolute-col-width) * 16 + var(--grid-absolute-gutter) * 15);
    flex: 1 0%;
    flex-shrink: 1
}

.searchbox__base .searchbox__closeIcon {
    width: 32px
}

.searchbox__base .searchbox__closeIcon.inputtext__input-is-success {
    background-image: none
}

.searchbox__base .searchbox__closeIcon:hover .closeicon__base,
.searchbox__base .searchbox__closeIcon:focus .closeicon__base {
    stroke: #1c1c1c
}

.searchbox__base .closeicon__base {
    padding-right: 8px;
    border-right: 1px solid #5a5d5c;
    width: 100%
}

.searchbox__input {
    font: 1em/1 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .01625em;
    padding-bottom: 0em;
    margin-bottom: -.00375em;
    padding: 1rem 20px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #5a5d5c;
    box-sizing: border-box;
    display: block;
    width: 100%;
    cursor: pointer
}

.searchbox__input:active,
.searchbox__input:hover,
.searchbox__input:focus {
    border-color: #404040;
    box-shadow: inset 0 0 0 1px #404040
}

.searchbox__input::-moz-placeholder {
    color: #767676
}

.searchbox__input::placeholder {
    color: #767676
}

.searchbox__icons {
    top: 0.625rem;
    display: flex;
    position: absolute;
    right: 0
}

.searchbox__button {
    margin-right: 4px;
    padding-bottom: .125em;
    padding-top: 6px;
    width: 40px;
    display: inline-block
}

.searchbox__base--is-disabled .searchbox__button,
.searchbox__base--is-disabled .searchbox__input {
    opacity: .5;
    cursor: default
}

.sdactivitystream__base {
    margin: 0rem calc((var(--root-width) - var(--grid-container-width)) / 2);
    margin-top: .78125em;
    margin-bottom: .78125em;
    max-width: 100%
}

@media(min-width: 1024px) {
    .sdactivitystream__base {
        padding-top: .3125em;
        padding-bottom: .3125em
    }
}

@media(min-width: 1280px) {
    .sdactivitystream__base {
        padding-top: 1.09375em;
        padding-bottom: 1.09375em
    }
}

.skiplinks__base {
    top: 0
}

.no-js .skiplinks__base {
    margin-top: .78125em;
    clear: both
}

.no-js .skiplinks__base li {
    display: inline-block
}

.primaryheader__base .skiplinks__base {
    left: 0px;
    position: absolute
}

.skiplinks__link {
    font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .137em;
    padding-bottom: .113em;
    padding-left: .625em;
    padding-right: .625em
}

@media(min-width: 768px) {
    .skiplinks__link {
        font: 300 1.375em/1.1818181818 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .1118181818em;
        padding-bottom: .0881818182em
    }
}

@media(min-width: 1024px) {
    .skiplinks__link {
        font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .137em;
        padding-bottom: .113em
    }
}

@media(min-width: 1280px) {
    .skiplinks__link {
        font: 300 1.375em/1.1818181818 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .1118181818em;
        padding-bottom: .0881818182em
    }
}

.js .skiplinks__link {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.js .skiplinks__link.is-focusable:active,
.js .skiplinks__link.is-focusable:focus {
    left: 0em;
    padding-left: .625em;
    padding-right: .625em;
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    width: auto;
    background-color: #0097cc;
    z-index: 1;
    outline: none
}

.no-js .skiplinks__link {
    font: 300 0.75em/1.6666666667 Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c;
    padding-left: .1875em;
    padding-right: .4375em;
    border-inline-end: 1px solid #5a5d5c
}

@media(min-width: 768px) {
    .no-js .skiplinks__link {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif
    }
}

.no-js li:last-child .skiplinks__link {
    border-inline-end: none
}

.specialcom__base {
    padding-top: 1.25em;
    border-top: 2px solid #cccabc
}

@media(min-width: 768px) {
    .specialcom__base {
        padding-top: 0;
        border-top: none
    }
}

@media(min-width: 1024px) {
    .specialcom__wrapper {
        display: flex
    }
    .specialcom__wrapperCom {
        margin-right: 1.25em;
        padding-right: 2.5em;
        display: flex;
        width: 66.6666666667%;
        border-right: 1px solid #cccabc
    }
}

@media(min-width: 1024px) {}

@media(min-width: 1280px) {
    .specialcom__wrapperCom {
        margin-right: 1.5625em;
        padding-right: 3.125em
    }
}

.specialcom__wrapperCom--rightHidden {
    margin-right: 0em;
    padding-right: 0em;
    border-right: none
}

.specialcom__icon {
    display: none
}

@media(min-width: 1024px) {
    .specialcom__icon {
        margin-right: 2.5em;
        display: block;
        width: 40px;
        height: 40px
    }
}

@media(min-width: 1280px) {
    .specialcom__icon {
        margin-right: 3.125em;
        width: 49px;
        height: 49px
    }
}

.specialcom__title {
    font: 500 1rem / 1.6rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .specialcom__title {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.specialcom__txt {
    font: 300 1rem / 1.375rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1024px) {
    .specialcom__txt {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}

@media(min-width: 1280px) {
    .specialcom__txt {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.specialcom__txt:not(:first-child) {
    margin-top: .3125em
}

@media(min-width: 1024px) {
    .specialcom__txt:not(:first-child) {
        margin-top: 0em
    }
}

@media(min-width: 1280px) {
    .specialcom__txt:not(:first-child) {
        margin-top: .3125em
    }
}

.specialcom__wrapperLinks {
    margin-top: 1.875em
}

@media(min-width: 1024px) {
    .specialcom__wrapperLinks {
        margin-top: 0em;
        display: inline-block;
        width: 33.3333333333%
    }
    .specialcom__wrapperLinks--top {
        margin-top: 1.6875em
    }
}

@media(min-width: 1024px) {}

@media(min-width: 1280px) {
    .specialcom__wrapperLinks--top {
        margin-top: 2.125em
    }
}

.catNav__base {
    position: relative;
    display: none;
    background: #fff;
    border-bottom: 1px solid #dfdfdf
}

@media(min-width: 1024px) {
    .catNav__base {
        display: block
    }
}

.no-js .catNav__base {
    display: none
}

.catNav__wrapper {
    display: flex;
    justify-content: space-between
}

.catNav__item--level1 {
    padding-top: .46875em;
    padding-bottom: .46875em
}

.catNav__item--level1:not(:last-child) {
    padding-right: 30px
}

.catNav__item--level1 br {
    display: none
}

@media(min-width: 1024px),
(max-width: 1279px) {
    .catNav__item--level1 br {
        display: block
    }
}

@media(min-width: 1024px) {
    .catNav__item--level1 {
        min-height: 2.5em
    }
}

.catNav__item--level2 {
    padding-right: 38px
}

@media(min-width: 1280px) {
    .catNav__item--level2 {
        padding-right: 48px
    }
}

.catNav__item--level2.catNav__item-is-selected {
    padding-right: 32.5px
}

@media(min-width: 1280px) {
    .catNav__item--level2.catNav__item-is-selected {
        padding-right: 42.5px
    }
}

.catNav__level2Wrapper--simple .catNav__item {
    border-bottom: 1px solid #dfdfdf;
    padding-left: 10px;
    padding-right: 10px
}

.catNav__level2Wrapper--simple .catNav__item:hover {
    background: #f5f5f5
}

.catNav__item:last-child {
    border: none
}

.catNav__item--relative {
    position: relative
}

.catNav__item--relative .catNav__level2Wrapper--supportNav {
    position: absolute
}

.catNav__link {
    display: block
}

.catNav__item--level1 .catNav__link {
    color: #717171
}

.catNav__item--level2 .catNav__link,
.catNav__item--level3 .catNav__link {
    color: #444
}

.catNav__item:hover>.catNav__label .catNav__link,
.catNav__item:focus>.catNav__label .catNav__link {
    color: #000
}

.catNav__item--level2 [aria-expanded=true] .catNav__link,
.catNav__item--level3 [aria-expanded=true] .catNav__link {
    font-weight: 500
}

.catNav__item-is-selected.catNav__item--level1>.catNav__label .catNav__link,
.catNav__item-is-selected.catNav__item--level2>.catNav__label .catNav__link {
    color: #000
}

.catNav__linkIcon {
    display: none
}

@media(min-width: 1024px) {
    .catNav__linkIcon {
        margin-right: 5px;
        margin-top: 2px;
        float: left;
        display: inline-block;
        width: 14px
    }
}

.catNav__label {
    font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1857142857em;
    padding-bottom: .1571428571em;
    display: block;
    cursor: pointer
}

@media(min-width: 1024px) {
    .catNav__label {
        font: 300 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .1857142857em;
        padding-bottom: .1571428571em
    }
}

@media(min-width: 1440px) {
    .catNav__label {
        font-size: 1em
    }
}

.catNav__item--level1>.catNav__label.catNav__hl--contactIcon {
    padding-left: 1.5714285714em;
    position: relative
}

.catNav__item--level1>.catNav__label.catNav__hl--contactIcon::before {
    font-family: "ubs-icons";
    content: "";
    content: "\e90b"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0em;
    padding-top: .1257142857em;
    padding-bottom: .2171428571em
}

@media(min-width: 1024px) {
    .catNav__item--level1>.catNav__label.catNav__hl--contactIcon {
        padding-left: 1.5714285714em;
        position: relative
    }
    .catNav__item--level1>.catNav__label.catNav__hl--contactIcon::before {
        padding-top: .1257142857em;
        padding-bottom: .2171428571em
    }
}

.catNav__item--level1>.catNav__label.catNav__hl--noIcons {
    padding-right: 0em;
    display: flex;
    align-items: center
}

.catNav__item--level1>.catNav__label.catNav__hl--noIcons::after,
.catNav__item--level1>.catNav__label.catNav__hl--noIcons::before {
    display: none
}

.catNav__item--level1>.catNav__label .catNav__linkIcon {
    padding-bottom: 2.5px
}

.catNav__label[aria-expanded] {
    padding-right: 1.5714285714em;
    position: relative;
    color: #717171
}

.catNav__label[aria-expanded]::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e903"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0em;
    padding-top: .1257142857em;
    padding-bottom: .2171428571em
}

@media(min-width: 1024px) {
    .catNav__label[aria-expanded] {
        padding-right: 1.5714285714em;
        position: relative
    }
    .catNav__label[aria-expanded]::after {
        padding-top: .1257142857em;
        padding-bottom: .2171428571em
    }
}

.catNav__label[aria-expanded]:focus,
.catNav__label[aria-expanded]:hover {
    color: #000
}

.catNav__label[aria-expanded].catNav__hl--noIcons {
    padding-right: 0em
}

.catNav__label[aria-expanded].catNav__hl--noIcons::after,
.catNav__label[aria-expanded].catNav__hl--noIcons::before {
    display: none
}

.menu-is-active .catNav__label[aria-expanded]::after {
    transform: rotate3d(1, 0, 0, 180deg)
}

.catNav__item-is-selected.catNav__item--level1>.catNav__label {
    color: #000
}

.catNav__item--level2>.catNav__label[aria-expanded] {
    padding-right: 3.1071428571em;
    position: relative;
    text-align: left;
    width: 100%
}

.catNav__item--level2>.catNav__label[aria-expanded]::after {
    font-family: "ubs-icons";
    content: "";
    content: "\e904"/"";
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0em;
    padding-top: .49em;
    padding-bottom: .5814285714em
}

@media(min-width: 1280px) {
    .catNav__item--level2>.catNav__label[aria-expanded] {
        padding-right: 3.8214285714em;
        position: relative
    }
    .catNav__item--level2>.catNav__label[aria-expanded]::after {
        padding-top: .49em;
        padding-bottom: .5814285714em
    }
}

.catNav__item--level2.menu-is-active>.catNav__label[aria-expanded]::after {
    right: -5px
}

.catNav__item--level2 .catNav__label,
.catNav__item--level3 .catNav__label {
    padding-top: .55em;
    padding-bottom: .5214285714em
}

.catNav__level2Wrapper--megaMenu .catNav__item:first-child .catNav__label {
    margin-top: -0.3125em
}

.catNav__level2Wrapper--simple .catNav__label {
    padding-top: .3714285714em;
    padding-bottom: .3428571429em
}

.catNav__level2Wrapper--simple .catNav__item:first-child .catNav__label {
    padding-top: .3714285714em;
    padding-bottom: .3428571429em;
    margin-top: .7071428571em
}

.catNav__level2Wrapper--simple .catNav__item:last-child .catNav__label {
    padding-top: .3714285714em;
    padding-bottom: .3428571429em;
    margin-bottom: .7071428571em
}

.catNav__item--level2 .catNav__label[aria-expanded=true] {
    padding-right: 38px;
    font-weight: 500
}

@media(min-width: 1280px) {
    .catNav__item--level2 .catNav__label[aria-expanded=true] {
        padding-right: 48px
    }
}

.catNav__label::after {
    transition: transform .3s
}

.catNav__item-is-active .catNav__label::after,
.catNav__label::after[aria-expanded=true] {
    transform: rotate3d(1, 0, 0, 180deg)
}

.catNav__level2Wrapper {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    background: #fff;
    box-shadow: 0 2px 7px #828282;
    z-index: 10;
    max-height: 0;
    overflow-y: hidden;
    transition: max-height 800ms ease-in-out
}

.menu-is-active .catNav__level2Wrapper {
    display: flex;
    max-height: 600px;
    z-index: 99
}

.catNav__level2Wrapper .grid-container-2 {
    padding-top: 2.03125em;
    padding-bottom: 2.03125em;
    display: flex
}

.catNav__level2Wrapper--megaMenu {
    width: 100%;
    left: 0
}

.catNav__level2Wrapper--simple {
    width: 13.75em;
    padding-left: 10px;
    padding-right: 10px
}

.catNav__level2Wrapper--simple::before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.12))
}

.catNav__level2Wrapper--supportNav {
    right: 0em
}

.catNav__level2Wrapper--supportNav::before {
    right: 20px
}

.catNav__list--level1 {
    display: flex
}

.catNav__list--level1:not(:first-child) {
    margin-left: 2.1875em
}

.catNav__list--level2 {
    flex-shrink: 0;
    position: relative
}

.catNav__list--level3 {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.catNav__list--level2+.catNav__list--level3 {
    margin-left: 48px
}

.catNav__teaser {
    margin-left: auto;
    padding-left: 38px;
    display: flex
}

.catNav__teaserHl {
    font: 300 1.25em/1.2 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .137em;
    padding-bottom: .113em
}

@media(min-width: 1280px) {
    .catNav__teaserHl {
        font: 300 1.25em/1.4 Frutiger, Arial, Helvetica, sans-serif;
        padding-top: .039em;
        padding-bottom: .011em
    }
}

.catNav__teaserTxt {
    font: 0.875em/1.4285714286 Frutiger, Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    padding-top: .1857142857em;
    padding-bottom: .1571428571em;
    margin-top: .3125em
}

.catNav__teaserWrapper {
    padding-left: 1.875em;
    width: 13.75em
}

@media(min-width: 1280px) {
    .catNav__teaserWrapper {
        padding-left: 1.25em;
        width: 20em
    }
}

.catNav__teaserImg {
    padding-top: .46875em;
    width: 240px;
    height: 180px
}

.catNav__teaserImgLink {
    display: block
}

.catNav__teaser .actionbutton__base:not(:first-child) {
    margin-top: .625em
}

.svgicon__base {
    fill: #da0000;
    width: 29px;
    height: 29px
}

@media(min-width: 1280px) {
    .svgicon__base {
        width: 32px;
        height: 32px
    }
}

.svgicon__base--invertedX {
    transform: scaleX(-1)
}

.svgicon__base--invertedY {
    transform: scaleY(-1)
}

.svgicon__base--invertedXY {
    transform: scale(-1, -1)
}

.svgicon__base--noInvert {
    transform: initial
}

.svgicon__base--xSmall {
    width: 14px;
    height: 14px
}

.svgicon__base--small {
    width: 22px;
    height: 22px
}

.svgicon__base--regular {
    width: 16px;
    height: 16px
}

.svgicon__base--medium {
    width: 24px;
    height: 24px
}

.svgicon__base--large {
    width: 36px;
    height: 36px
}

.svgicon__base--xLarge {
    width: 40px;
    height: 40px
}

.svgicon__base--inheritColor {
    fill: currentcolor
}

.svgicon__base--white {
    fill: #fff
}

.svgicon__base--disabled {
    fill: #cccabc
}

.anchoricon__base {
    transform: rotate(90deg)
}

.anchoricon__line {
    transform: scaleX(1) translateX(-10%)
}

.anchoricon__chevron {
    transform: translateX(-10%)
}

.anchoricon__animation--growHover .anchoricon__line,
.anchoricon__animation--growHover .anchoricon__chevron {
    transition: transform .15s ease-in
}

.anchoricon__animation--growHover .anchoricon__line {
    transform-origin: 50%;
    transform: scaleX(0.75) translateX(-10%)
}

.anchoricon__animation--growHover .anchoricon__chevron {
    transform: translateX(-15%)
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .anchoricon__animation--growHover .anchoricon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .anchoricon__animation--growHover .anchoricon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .anchoricon__animation--growHover .anchoricon__line {
    transform: scaleX(1) translateX(-10%)
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .anchoricon__animation--growHover .anchoricon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .anchoricon__animation--growHover .anchoricon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .anchoricon__animation--growHover .anchoricon__chevron {
    transform: translateX(-10%)
}

.arrowicon__line {
    transform: scaleX(1) translateX(-5%)
}

.arrowicon__chevron {
    transform: translateX(-5%)
}

.arrowicon__base--chevron .arrowicon__line {
    display: none
}

.arrowicon__animation--dropdown.svgicon__base {
    transform: rotate(90deg);
    transition: transform .3s ease-in
}

.arrowicon__animation--dropdown.svgicon__base .arrowicon__line {
    display: none
}

.arrowicon__animation--dropdown.svgicon__base .arrowicon__chevron {
    transform: translateX(-20%)
}

.arrowicon__animation--dropdown.svgicon__base .arrowicon.arrowicon__base--small {
    width: 1.5rem;
    height: 1.5rem
}

.arrowicon__animation--dropdown.svgicon__base .arrowicon.arrowicon__base--large {
    width: 2.25rem;
    height: 2.25rem
}

.svgicon--active .arrowicon__animation--dropdown.svgicon__base {
    transform: rotate(-90deg)
}

.arrowicon__animation--growHover .arrowicon__line,
.arrowicon__animation--growHover .arrowicon__chevron {
    transform: translateX(-20%);
    transition: transform .15s ease-in
}

.arrowicon__animation--growHover .arrowicon__line {
    transform: scaleX(0);
    transform-origin: 50%
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .arrowicon__animation--growHover .arrowicon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .arrowicon__animation--growHover .arrowicon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .arrowicon__animation--growHover .arrowicon__line,
.svgicon--active .arrowicon__animation--growHover .arrowicon__line {
    transform: scaleX(1) translateX(-5%)
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .arrowicon__animation--growHover .arrowicon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .arrowicon__animation--growHover .arrowicon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .arrowicon__animation--growHover .arrowicon__chevron,
.svgicon--active .arrowicon__animation--growHover .arrowicon__chevron {
    transform: translateX(-5%)
}

.chevronicon__base {
    fill: #1c1c1c
}

.chevronicon__base--default {
    fill: #5a5d5c
}

.chevronicon__base--red {
    fill: #da0000
}

.closeicon__base {
    fill: #1c1c1c
}

.closeicon__base--carbon {
    fill: #5a5d5c
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .closeicon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .closeicon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .closeicon__base--carbon {
    fill: #1c1c1c
}

.closeicon__base--red {
    fill: #da0000
}

.downloadicon__animation--growHover .downloadicon__chevron,
.downloadicon__animation--growHover .downloadicon__line {
    transition: transform .15s ease-in
}

.downloadicon__animation--growHover .downloadicon__chevron {
    transform: translateY(-8%)
}

.downloadicon__animation--growHover .downloadicon__line {
    transform: scaleY(0);
    transform-origin: center
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .downloadicon__animation--growHover .downloadicon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .downloadicon__animation--growHover .downloadicon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .downloadicon__animation--growHover .downloadicon__chevron {
    transform: translateY(0)
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .downloadicon__animation--growHover .downloadicon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .downloadicon__animation--growHover .downloadicon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .downloadicon__animation--growHover .downloadicon__line {
    transform: scaleY(1)
}

.filetypeicon {
    height: 1rem;
    min-height: 1rem;
    margin-left: 8px
}

.heartIcon__base {
    stroke-width: 1;
    stroke: #da0000;
    fill: rgba(0, 0, 0, 0)
}

.heartIcon__base.svgicon__base--inheritColor {
    stroke: currentcolor
}

.heartIcon__base--full {
    fill: #da0000
}

.heartIcon__base--full.svgicon__base--inheritColor {
    fill: currentcolor
}

.mobilemenuIcon__base {
    fill: #1c1c1c;
    width: 22px;
    height: 22px
}

.newwindowicon__base {
    width: var(--box-size);
    height: var(--box-size)
}

.newwindowicon__animation--growHover {
    --box-size: 32px;
    --line-initial-scale: 0.85;
    --line-hover-scale: 1;
    --chevron-initial-translate-x: -5%;
    --chevron-initial-translate-y: 7%;
    --chevron-hover-translate-x: 3%;
    --chevron-hover-translate-y: 0;
    --line-initial-transform-origin-x: center;
    --line-initial-transform-origin-y: 75%;
    --line-hover-translate: 5%
}

.newwindowicon__animation--growHover .newwindowicon__chevron,
.newwindowicon__animation--growHover .newwindowicon__line {
    transition: transform .15s ease-in
}

.newwindowicon__animation--growHover .newwindowicon__chevron {
    transform: translate(var(--chevron-initial-translate-x), var(--chevron-initial-translate-y))
}

.newwindowicon__animation--growHover .newwindowicon__line {
    transform: scale(var(--line-initial-scale));
    transform-origin: var(--line-initial-transform-origin-x) var(--line-initial-transform-origin-y)
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .newwindowicon__animation--growHover .newwindowicon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .newwindowicon__animation--growHover .newwindowicon__chevron,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .newwindowicon__animation--growHover .newwindowicon__chevron {
    transform: translate(var(--chevron-hover-translate-x), var(--chevron-hover-translate-y))
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .newwindowicon__animation--growHover .newwindowicon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .newwindowicon__animation--growHover .newwindowicon__line,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .newwindowicon__animation--growHover .newwindowicon__line {
    transform: scale(var(--line-hover-scale)) translate(var(--line-hover-translate), 0)
}

.newwindowicon__base--16 {
    --box-size: 16px;
    --line-initial-scale: 1;
    --line-hover-scale: 1.25;
    --chevron-initial-translate-x: 0;
    --chevron-initial-translate-y: 0;
    --chevron-hover-translate-x: 18%;
    --chevron-hover-translate-y: -15%;
    --line-initial-transform-origin-x: bottom;
    --line-initial-transform-origin-y: left;
    --line-hover-translate: -3%
}

.newwindowicon__base--24 {
    --box-size: 24px;
    --line-initial-scale: 1;
    --line-hover-scale: 1.35;
    --chevron-initial-translate-x: 0;
    --chevron-initial-translate-y: 0;
    --chevron-hover-translate-x: 12%;
    --chevron-hover-translate-y: -12%;
    --line-initial-transform-origin-x: center;
    --line-initial-transform-origin-y: 75%;
    --line-hover-translate: 5%
}

.pauseicon__base {
    fill: #fff
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .pauseroundicon__base .pauseroundicon__bg,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .pauseroundicon__base .pauseroundicon__bg,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .pauseroundicon__base .pauseroundicon__bg {
    fill: #5a5d5c
}

.pauseroundicon__bg {
    fill: #1c1c1c
}

.pauseroundicon__shape {
    fill: #fff
}

.pauseroundicon__bg,
.pauseroundicon__shape {
    transform: scale(1.45)
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .playroundicon__base .playroundicon__bg,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .playroundicon__base .playroundicon__bg,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .playroundicon__base .playroundicon__bg {
    fill: #5a5d5c
}

.playroundicon__bg {
    fill: #1c1c1c
}

.playroundicon__shape {
    fill: #fff
}

.playroundicon__bg,
.playroundicon__shape {
    transform: scale(1.45)
}

.searchroundicon__base--smoke {
    fill: #5a5d5c
}

.searchroundicon__base--carbon {
    fill: #1c1c1c
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .searchroundicon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .searchroundicon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .searchroundicon__base--carbon {
    fill: #5a5d5c
}

.searchroundicon__base--brand {
    fill: #da0000
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .searchroundicon__base--brand,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .searchroundicon__base--brand,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .searchroundicon__base--brand {
    fill: #bd000c
}

.burgermenuicon__base--carbon {
    fill: #5a5d5c
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .burgermenuicon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .burgermenuicon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .burgermenuicon__base--carbon {
    fill: #1c1c1c
}

.entericon__base--carbon {
    fill: #5a5d5c
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .entericon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .entericon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .entericon__base--carbon {
    fill: #1c1c1c
}

.hinticon__base--carbon {
    fill: #5a5d5c
}

.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):hover .hinticon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus .hinticon__base--carbon,
.svgicon--hoverTrigger:not(.actionbtn--disabled):not(:disabled):focus-within .hinticon__base--carbon {
    fill: #1c1c1c
}

.hinticon__base--active {
    fill: #1c1c1c
}

.teaser__grid {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .teaser__grid {
        flex-direction: row
    }
}

.teaser__wrapper--text {
    order: 1
}

@media(max-width: 767px) {
    .teaser__wrapper--text {
        margin-top: .3125em;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(min-width: 768px) {
    .hpgrid__component--full .teaser__wrapper--text {
        padding-top: 2.03125em;
        padding-bottom: 2.03125em
    }
}

@media(min-width: 1024px) {
    .hpgrid__component--full .teaser__wrapper--text {
        padding-top: 2.65625em;
        padding-bottom: 2.65625em
    }
}

@media(min-width: 1280px) {
    .hpgrid__component--full .teaser__wrapper--text {
        padding-top: 4.21875em;
        padding-bottom: 4.21875em
    }
}

.teaser__wrapper--image {
    margin-bottom: .46875em;
    margin-top: .46875em;
    height: auto;
    overflow: hidden;
    position: relative
}

@media(max-width: 767px) {
    .highlighting__base .teaser__wrapper--image {
        margin-top: 0
    }
}

@media(min-width: 768px) {
    .hpgrid__component--full .teaser__wrapper--image {
        margin-bottom: 0;
        margin-top: 0
    }
    .teaser__wrapper--left {
        margin-right: 1.25em;
        order: 0
    }
    .teaser__wrapper--right {
        margin-left: 1.25em
    }
    .teaser__wrapper--33 {
        width: 33.3333333333%
    }
    .teaser__wrapper--50 {
        width: 50%
    }
    .teaser__wrapper--66 {
        width: 66.6666666667%
    }
}

@media(min-width: 768px) {}

@media(min-width: 1280px) {
    .teaser__wrapper--left {
        margin-right: 1.5em
    }
    .teaser__wrapper--right {
        margin-left: 1.5em
    }
}

.teaser__wrapperImageLink {
    display: block
}

.teaser__hl {
    margin-top: .78125em
}

@media(min-width: 768px) {
    .teaser__hl {
        margin-top: 0
    }
}

.teaser__caption {
    font: 300 1rem / 1.6rem Frutiger, Arial, Helvetica, sans-serif;
    display: block
}

@media(min-width: 1280px) {
    .teaser__caption {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.teaser__title {
    font: 300 1.5rem / 2.25rem Frutiger, Arial, Helvetica, sans-serif;
    display: block
}

@media(min-width: 1280px) {
    .teaser__title {
        font-size: 2rem;
        line-height: 3rem
    }
    .teaser__title:not(:first-child) {
        margin-top: .3125em
    }
}

@media(min-width: 1280px) {}

.teaser__txt {
    font: 300 1rem / 1.375rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1024px) {
    .teaser__txt {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}

@media(min-width: 1280px) {
    .teaser__txt {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.teaser__txt:not(:first-child) {
    margin-top: .625em
}

@media(min-width: 1280px) {
    .teaser__txt:not(:first-child) {
        margin-top: 1.25em
    }
}

.teaser__link {
    display: block
}

@media only print {
    .textimage__base {
        padding-right: 0
    }
}

.textimage__base .highlighting__base {
    margin: 0
}

.textimage__base .highlighting__base--default {
    padding: 0
}

.dropdown__base+.textimage__base,
.inputtext__base+.textimage__base,
.adjacentbox__base+.textimage__base,
.fileupload__base+.textimage__base {
    margin-top: 0.9375rem
}

@media(min-width: 768px) {
    .gridcontrol__gridcell--C1 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--C2 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--C3 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--C4 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--D1 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--D2 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--E1 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--E2 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--F1 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--F2 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--C1 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--C2 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--C3 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--C4 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--D1 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--D2 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--E1 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--E2 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--F1 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--F2 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--C1 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--C2 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--C3 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--C4 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--D1 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--D2 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--E1 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--E2 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--F1 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--F2 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--C1 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--C2 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--C3 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--C4 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--D1 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--D2 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--E1 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--E2 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--F1 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--F2 .fileupload__base+.textimage__base {
        margin-top: 0.9375rem
    }
}

@media(min-width: 1024px) {
    .gridcontrol__gridcell--D3 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--F3 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--G2 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--H1 .dropdown__base+.textimage__base,
    .gridcontrol__gridcell--D3 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--F3 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--G2 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--H1 .inputtext__base+.textimage__base,
    .gridcontrol__gridcell--D3 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--F3 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--G2 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--H1 .adjacentbox__base+.textimage__base,
    .gridcontrol__gridcell--D3 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--F3 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--G2 .fileupload__base+.textimage__base,
    .gridcontrol__gridcell--H1 .fileupload__base+.textimage__base {
        margin-top: 0.9375rem
    }
}

@media(min-width: 768px) {
    .dropdown__base+.textimage__base,
    .inputtext__base+.textimage__base,
    .adjacentbox__base+.textimage__base,
    .fileupload__base+.textimage__base {
        margin-top: 2.1875rem
    }
}

.textimage__hl+.image__base,
.textimage__hl+.textimage__link .image__base {
    padding-top: 0.46875rem
}

.textimage__hl+.image__baseWidth--100+.textimage__richtext,
.textimage__hl+.textimage__link .image__baseWidth--100+.textimage__richtext {
    margin-top: 0
}

.textimage__caption {
    font: 300 0.8125rem / 1rem Frutiger, Arial, Helvetica, sans-serif;
    display: block
}

.textimage__title {
    font: 300 1.25rem / 1.75rem Frutiger, Arial, Helvetica, sans-serif;
    display: block
}

@media(min-width: 1280px) {
    .textimage__title {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.textimage__title--large {
    font: 300 1.5rem / 2.25rem Frutiger, Arial, Helvetica, sans-serif;
    padding-bottom: 0.0625rem
}

@media(min-width: 1280px) {
    .textimage__title--large {
        font-size: 2rem;
        line-height: 3rem
    }
}

@media(min-width: 768px) {
    .textimage__title--large {
        padding-bottom: 0.0625rem
    }
}

.textimage__title--small {
    font: 500 1rem / 1.6rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .textimage__title--small {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.textimage__caption+.textimage__title {
    margin-top: 0.1875rem
}

.textimage__link {
    display: block
}

.textimage__link--center {
    margin: 0 auto
}

.textimage__link--left {
    float: left;
    margin-right: 14px
}

.textimage__context--narrow .textimage__link--left,
.textimage__context--middle .textimage__link--left {
    margin-right: 20px
}

.textimage__context--generous .textimage__link--left {
    margin-right: 24px
}

.textimage__link--right {
    float: right;
    margin-left: 14px
}

.textimage__context--narrow .textimage__link--right,
.textimage__context--middle .textimage__link--right {
    margin-left: 20px
}

.textimage__context--generous .textimage__link--right {
    margin-left: 24px
}

.textimage__link--center,
.textimage__link--left,
.textimage__link--right {
    width: var(--imagecomponent-width)
}

.textimage__link--center .image__textimage,
.textimage__link--left .image__textimage,
.textimage__link--right .image__textimage {
    width: 100%
}

.form__msg+.textimage__base .textimage__richtext:first-child {
    margin-top: 1.5625rem
}

.textimage__richtext:not(.expandabletext__content)>:first-child {
    margin-top: 0
}

.chat__terms .textimage__richtext p {
    font: 300 0.875rem / 1.0625rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.chat__terms .textimage__richtext ul,
.chat__terms .textimage__richtext ol {
    margin-top: 0.3125rem
}

.chat__terms .textimage__richtext ul li,
.chat__terms .textimage__richtext ol li {
    margin-top: 0rem;
    font: 300 0.875rem / 1.0625rem Frutiger, Arial, Helvetica, sans-serif;
    color: #5a5d5c
}

.image__base:first-child+.textimage__richtext>:first-child,
.textimage__link:first-child+.textimage__richtext>:first-child,
.textimage__hl+.textimage__richtext>:first-child {
    margin-top: 0
}

.textimage__marketnews .textimage__richtext {
    margin-top: 0.5625rem
}

.textimage__floatPlaceholder {
    clear: both;
    height: 1em
}

.textimage--negativeMargin .image__base+.textimage__hl,
.textimage--negativeMargin .image__base+.textimage__richtext,
.textimage--negativeMargin .textimage__link+.textimage__hl,
.textimage--negativeMargin .textimage__link+.textimage__richtext {
    margin-top: 0.25rem
}

.textimage__hl+.image__base,
.textimage__hl+.textimage__link .image__base,
.textimage__hl~.textimage__richtext,
.textimage__hl~.textimage__videolist>.videoaudio__base {
    margin-top: 1rem
}

.textimage__hl--imageSpacing+.image__base,
.textimage__hl--imageSpacing+.textimage__link .image__base,
.textimage__hl--imageSpacing~.textimage__richtext,
.textimage__hl--imageSpacing~.textimage__videolist>.videoaudio__base {
    margin-top: 0.8125rem
}

.textimage__hl--large+.image__base,
.textimage__hl--large+.textimage__link .image__base,
.textimage__hl--large~.textimage__richtext,
.textimage__hl--large~.textimage__videolist>.videoaudio__base {
    margin-top: 1.875rem
}

.textimage__context--middle .textimage__hl--large+.image__base,
.textimage__context--generous .textimage__hl--large+.image__base,
.textimage__context--middle .textimage__hl--large+.textimage__link .image__base,
.textimage__context--generous .textimage__hl--large+.textimage__link .image__base,
.textimage__context--middle .textimage__hl--large~.textimage__richtext,
.textimage__context--generous .textimage__hl--large~.textimage__richtext,
.textimage__context--middle .textimage__hl--large~.textimage__videolist>.videoaudio__base,
.textimage__context--generous .textimage__hl--large~.textimage__videolist>.videoaudio__base {
    margin-top: 1.5625rem
}

.textimage__hl--large.textimage__hl--imageSpacing+.image__base,
.textimage__hl--large.textimage__hl--imageSpacing+.textimage__link .image__base,
.textimage__hl--large.textimage__hl--imageSpacing~.textimage__richtext,
.textimage__hl--large.textimage__hl--imageSpacing~.textimage__videolist>.videoaudio__base {
    margin-top: 1rem
}

.textimage__hl--small+.image__base,
.textimage__hl--small+.textimage__link .image__base,
.textimage__hl--small~.textimage__richtext,
.textimage__hl--small~.textimage__videolist>.videoaudio__base {
    margin-top: 0.8125rem
}

.textteaser__hl {
    font: 300 1.25rem / 1.75rem Frutiger, Arial, Helvetica, sans-serif
}

@media(min-width: 1280px) {
    .textteaser__hl {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.textteaser__txt {
    font: 300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif;
    margin-top: .3125em
}

@media(min-width: 1024px) {
    .textteaser__txt {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
}

@media(min-width: 1280px) {
    .textteaser__txt {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width: 1440px) {
    .textteaser__txt {
        font-size: 1.0625rem;
        line-height: 1.6875rem
    }
}

@media(min-width: 1024px) {
    .textteaser__txt {
        margin-top: 0;
        margin-top: .3125em
    }
}

@media(min-width: 1024px) {}

.verticalshrink__base {
    height: 0;
    overflow: hidden
}

.verticalshrink__base--transition {
    transition: height .4s ease-in-out
}

.verticalshrink__base--expanded {
    height: auto;
    overflow: visible
}

.verticalshrink__base--collapsed {
    display: none
}