.tx_evoweb_sfregister iframe#bargraph {
    display: none;
    height: 14px;
    width: 372px;
    border: none
}

.tx_evoweb_sfregister iframe#bargraph.show {
    display: block
}

.tx_evoweb_sfregister meter#bargraph {
    display: none;
    background: #efefef;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 10px 10px;
    height: 11px;
    width: 100%
}

.tx_evoweb_sfregister meter#bargraph.show {
    display: block
}

.tx_evoweb_sfregister meter#bargraph .meter-inner-element {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    box-sizing: inherit;
    height: 100%;
    width: 100%;
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph .meter-bar {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph .meter-even-less-good-value,
.tx_evoweb_sfregister meter#bargraph .meter-optimum-value,
.tx_evoweb_sfregister meter#bargraph .meter-suboptimum-value {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    user-modify: read-only;
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph .meter-optimum-value {
    background: #3c5c00
}

.tx_evoweb_sfregister meter#bargraph .meter-suboptimum-value {
    background: #f5d000
}

.tx_evoweb_sfregister meter#bargraph .meter-even-less-good-value {
    background: #d14900
}

.tx_evoweb_sfregister meter#bargraph::-webkit-meter-inner-element {
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph::-webkit-meter-bar {
    background: #efefef;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph::-webkit-meter-even-less-good-value,
.tx_evoweb_sfregister meter#bargraph::-webkit-meter-optimum-value,
.tx_evoweb_sfregister meter#bargraph::-webkit-meter-suboptimum-value {
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph::-webkit-meter-optimum-value {
    background: #3c5c00
}

.tx_evoweb_sfregister meter#bargraph::-webkit-meter-suboptimum-value {
    background: #f5d000
}

.tx_evoweb_sfregister meter#bargraph::-webkit-meter-even-less-good-value {
    background: #d14900
}

.tx_evoweb_sfregister meter#bargraph::-moz-meter-inner-element {
    background: #efefef
}

.tx_evoweb_sfregister meter#bargraph::-moz-meter-bar {
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph:-moz-meter-optimum::-moz-meter-bar,
.tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-optimum::-moz-meter-bar,
.tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    border-radius: 0 0 10px 10px
}

.tx_evoweb_sfregister meter#bargraph:-moz-meter-optimum::-moz-meter-bar {
    background: #3c5c00
}

.tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-optimum::-moz-meter-bar {
    background: #f5d000
}

.tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: #d14900
}

.tx_evoweb_sfregister #sfrZone_loading {
    position: relative;
    top: -35px;
    left: -13px;
    margin-left: 50%
}

.tx_evoweb_sfregister .grecaptcha-badge {
    margin-right: -10000px
}

:root {
    --el-red: #e1051e;
    --el-red2: #a50413;
    --el-black: #000000;
    --el-white: #ffffff;
    --el-grey: #434343;
    --el-grey-75: #656565;
    --el-grey-50: #9d9d9d;
    --el-grey-25: #d0d0d1;
    --el-grey-10: #eaeaea;
    --el-grey-acc: #e7eaec;
    --el-grey-11: #eeeeee;
    --el-green: #4CBB17
}

@font-face {
    font-family: "metaPro";
    src: url("/typo3conf/ext/sitecore/Resources/Public/Fonts/MetaWebPro-Normal.woff2") format("woff2"), url("/typo3conf/ext/sitecore/Resources/Public/Fonts/MetaWebPro-Medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "metaProMedium";
    src: url("/typo3conf/ext/sitecore/Resources/Public/Fonts/MetaWebPro-Medium.woff2") format("woff2"), url("/typo3conf/ext/sitecore/Resources/Public/Fonts/MetaWebPro-Medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "metaProBold";
    src: url("/typo3conf/ext/sitecore/Resources/Public/Fonts/MetaWebPro-Bold.woff2") format("woff2"), url("/typo3conf/ext/sitecore/Resources/Public/Fonts/MetaWebPro-Bold.woff") format("woff");
    font-display: swap
}

html {
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    scroll-behavior: smooth
}

body {
    font-family: metaPro, sans-serif;
    font-variant-numeric: lining-nums;
    color: var(--el-grey);
    margin: 0
}

main {
    display: block;
    max-width: 1920px;
    margin: 0 auto
}

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

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

a {
    background-color: transparent;
    text-decoration: none;
    color: var(--el-red)
}

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

b,
strong {
    font-family: metaProMedium, sans-serif;
    font-weight: normal;
    font-variant-numeric: lining-nums
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none;
    max-width: 100%;
    height: auto
}

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

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 1px solid var(--el-grey-50)
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical;
    min-height: 4rem
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden],
.hidden {
    display: none !important
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

th {
    text-align: inherit
}

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

.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1281px) {
    .container {
        max-width: 1250px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.col {
    flex: 1 0 0
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media(min-width:576px) {
    .col-sm {
        flex: 1 0 0
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width:768px) {
    .col-md {
        flex: 1 0 0
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width:992px) {
    .col-lg {
        flex: 1 0 0
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width:1281px) {
    .col-xl {
        flex: 1 0 0
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: metaProMedium, sans-serif
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.85rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

.underlined {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--el-grey)
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.container .container {
    width: 100%;
    padding: 0
}

.mb-extra-small {
    margin-bottom: 1rem
}

.mb-small {
    margin-bottom: 2rem
}

.mb-medium {
    margin-bottom: 3rem
}

.mb-large {
    margin-bottom: 4rem
}

.mb-extra-large {
    margin-bottom: 5rem
}

.ce-headline-center {
    text-align: center
}

.ce-headline-right {
    text-align: right
}

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

.flex {
    display: flex
}

.align-items-center {
    align-items: center
}

.align-self-center {
    align-self: center
}

.justify-content {
    justify-content: center
}

.font-medium {
    font-family: metaProMedium, sans-serif
}

.font-bold {
    font-family: metaProBold, sans-serif
}

main {
    padding-top: 75px
}

iframe {
    border: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin: 1rem 0;
    border: 1px solid #f5c6cb;
    border-radius: .25rem;
    color: var(--el-red);
    background-color: #f8d7da
}

@media(min-width:768px) {
    body {
        font-size: 18px
    }

    .same-height {
        display: flex;
        align-items: stretch
    }
}

@media(min-width:1281px) {
    main {
        padding-top: 142px
    }
}

.btn {
    font-family: metaProMedium, sans-serif;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn:disabled:hover {
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-primary {
    color: var(--el-white);
    background-color: var(--el-red);
    border-color: var(--el-red)
}

.btn-primary:hover {
    background-color: var(--el-red2);
    border-color: var(--el-red2)
}

.btn-secondary {
    color: var(--el-red);
    background-color: var(--el-white);
    border-color: var(--el-red)
}

.btn-secondary:hover {
    color: var(--el-red2);
    border-color: var(--el-red2)
}

.btn-transparent {
    color: var(--el-red);
    border-color: var(--el-red)
}

.btn-transparent:hover {
    color: var(--el-red2);
    border-color: var(--el-red2)
}

.textlink {
    padding-left: 1.7rem;
    font-family: metaProMedium, sans-serif;
    border: transparent;
    position: relative
}

.textlink::before {
    content: "";
    background: no-repeat url("/typo3conf/ext/sitecore/Resources/Public/Icons/arrow-right.svg");
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 16px
}

.textlink:hover {
    color: var(--el-red2)
}

.icon-tele,
.icon-email,
.icon-globe {
    position: relative;
    padding-left: 23px
}

.icon-tele:before,
.icon-email:before,
.icon-globe:before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="459px" height="459px" viewBox="0 0 459 459" xml:space="preserve"><g><path d="M91.8,198.9c35.7,71.4,96.9,130.05,168.3,168.3L316.2,311.1c7.649-7.649,17.85-10.199,25.5-5.1 c28.05,10.2,58.649,15.3,91.8,15.3c15.3,0,25.5,10.2,25.5,25.5v86.7c0,15.3-10.2,25.5-25.5,25.5C193.8,459,0,265.2,0,25.5 C0,10.2,10.2,0,25.5,0h89.25c15.3,0,25.5,10.2,25.5,25.5c0,30.6,5.1,61.2,15.3,91.8c2.55,7.65,0,17.85-5.1,25.5L91.8,198.9z"/></g></svg>');
    background-size: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 1px;
    cursor: pointer
}

.icon-email:before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>')
}

.icon-globe:before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve"><path d="M11.99,2A10,10,0,1,0,22,12,10,10,0,0,0,11.99,2Zm6.93,6H15.97a15.649,15.649,0,0,0-1.38-3.56A8.03,8.03,0,0,1,18.92,8ZM12,4.04A14.087,14.087,0,0,1,13.91,8H10.09A14.087,14.087,0,0,1,12,4.04ZM4.26,14a7.822,7.822,0,0,1,0-4H7.64a16.515,16.515,0,0,0-.14,2,16.515,16.515,0,0,0,.14,2Zm.82,2H8.03a15.649,15.649,0,0,0,1.38,3.56A7.987,7.987,0,0,1,5.08,16ZM8.03,8H5.08A7.987,7.987,0,0,1,9.41,4.44,15.649,15.649,0,0,0,8.03,8ZM12,19.96A14.087,14.087,0,0,1,10.09,16h3.82A14.087,14.087,0,0,1,12,19.96ZM14.34,14H9.66a14.713,14.713,0,0,1-.16-2,14.585,14.585,0,0,1,.16-2h4.68a14.585,14.585,0,0,1,.16,2A14.713,14.713,0,0,1,14.34,14Zm.25,5.56A15.649,15.649,0,0,0,15.97,16h2.95A8.03,8.03,0,0,1,14.59,19.56ZM16.36,14a16.515,16.515,0,0,0,.14-2,16.515,16.515,0,0,0-.14-2h3.38a7.822,7.822,0,0,1,0,4Z" transform="translate(-2 -2)"/></svg>')
}

.page-header {
    box-shadow: 0 10px 10px -10px var(--el-grey-10);
    width: 100%;
    position: fixed;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%)
}

.page-header .page-header-inner {
    margin: 0 auto;
    background: var(--el-white)
}

.page-header .meta-wrapper {
    display: none
}

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

.page-header .logo-container {
    order: 1;
    padding-top: 5px
}

.page-header .logo-container .logo {
    max-width: 60px
}

.page-header .menu-container {
    order: 2;
    justify-content: flex-end;
    align-items: center
}

.page-header .menu-container .menu-flyout {
    display: none
}

.page-header .menu-container .menu-flyout.open {
    display: block
}

.page-header .menu-container .login-box span,
.page-header .menu-container .hamburger-box span,
.page-header .menu-container .search-box span {
    font-size: .9rem
}

.page-header .menu-container .login-box {
    align-self: flex-end;
    padding-right: .5rem;
    text-transform: uppercase;
    cursor: pointer
}

.page-header .menu-container .login-box svg {
    width: 30px;
    height: 33px
}

.page-header .menu-container .login-box .login-container {
    color: var(--el-grey);
    display: flex;
    align-items: center;
    flex-direction: column
}

.page-header .menu-container .login-box.open .login-flyout {
    display: block
}

.page-header .menu-container .login-box .login-flyout {
    display: none;
    position: absolute;
    padding: 15px 10px;
    z-index: 2;
    left: 0;
    background-color: var(--el-grey-10);
    width: 100%;
    top: 74px;
    box-shadow: inset 0 10px 10px -10px var(--el-grey-50), 0 2px 2px var(--el-grey-25)
}

.page-header .menu-container .login-box .login-flyout ul {
    max-width: 720px;
    margin: 0 auto;
    display: flex
}

.page-header .menu-container .login-box .login-flyout ul li {
    width: 50%;
    text-align: center
}

.page-header .menu-container .login-box .login-flyout ul li:before {
    content: "";
    background: no-repeat url("/typo3conf/ext/sitecore/Resources/Public/Icons/arrow-right.svg");
    width: 23px;
    height: 17px;
    display: inline-block
}

.page-header .menu-container .login-box .login-flyout ul li a {
    color: var(--el-grey);
    font-size: 1rem;
    vertical-align: text-bottom
}

.page-header .menu-container .search-box {
    align-self: flex-end;
    padding-right: .5rem
}

.page-header .menu-container .search-box #search-icon {
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-header .menu-container .search-box #search-icon .searching-glass {
    background: no-repeat url('../../../typo3conf/ext/sitecore/Resources/Public/Icons/searching-glass.svg');
    background-size: 27px;
    width: 27px;
    height: 30px
}

.page-header .menu-container .search-box #search-flyout {
    display: none
}

.page-header .menu-container .search-box #search-flyout.open {
    display: block;
    position: absolute;
    left: 0;
    background-color: var(--el-grey-10);
    width: 100%;
    top: 74px;
    box-shadow: inset 0 10px 10px -10px var(--el-grey-50), 0 2px 2px var(--el-grey-25)
}

.page-header .menu-container .search-box #search-flyout .container {
    padding: 15px
}

.page-header .menu-container .hamburger-box {
    position: relative;
    height: 68px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    align-self: flex-end
}

.page-header .menu-container .hamburger-box .hamburger-inner,
.page-header .menu-container .hamburger-box .hamburger-inner:after,
.page-header .menu-container .hamburger-box .hamburger-inner:before {
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: var(--el-grey-50);
    border-radius: 5px;
    transition-property: transform
}

.page-header .menu-container .hamburger-box .hamburger-inner {
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-duration: 75ms;
    top: 40%;
    display: block
}

.page-header .menu-container .hamburger-box .hamburger-inner:before {
    display: block;
    content: "";
    top: -8px;
    transition: top 75ms ease .12s
}

.page-header .menu-container .hamburger-box .hamburger-inner:after {
    display: block;
    content: "";
    bottom: -8px;
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.page-header .menu-container .hamburger-box.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(45deg)
}

.page-header .menu-container .hamburger-box.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease
}

.page-header .menu-container .hamburger-box.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
    transform: rotate(-90deg)
}

.page-header .lang-menu {
    position: relative
}

.page-header .lang-menu svg.globe {
    position: absolute;
    left: 4px;
    top: 8px
}

.page-header .lang-menu select {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' %3e%3cpath fill= 'none' stroke= '%23343a40' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '2' d= 'M2 5l6 6 6-6' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .65rem center;
    background-size: 16px 12px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    padding: .375rem 1rem .375rem 1.8rem;
    cursor: pointer;
    width: 100%;
    min-width: 130px;
    line-height: 1.5;
    border-radius: .25rem;
    font-size: 1rem
}

.page-header .sol-search {
    position: relative
}

.page-header .sol-search input {
    padding: .3rem 2rem .3rem .5rem
}

.page-header .sol-search .solr-submit {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    background-color: transparent
}

.page-header .sol-search .solr-submit svg {
    height: 36px;
    width: 20px
}

@media(min-width:1281px) {
    .page-header .meta-wrapper {
        display: block;
        background-color: var(--el-grey-10);
        padding: .25rem 0
    }

    .page-header .meta-wrapper .meta-header {
        padding-left: 15px
    }

    .page-header .meta-wrapper .meta-header a {
        margin-right: 2rem;
        color: var(--el-grey-75);
        font-size: 1rem
    }

    .page-header .meta-wrapper .sol-search {
        margin-right: 2rem
    }

    .page-header .meta-wrapper .login-box {
        padding-right: .5rem;
        position: relative;
        cursor: pointer
    }

    .page-header .meta-wrapper .login-box svg {
        width: 26px;
        height: 26px
    }

    .page-header .meta-wrapper .login-box .login-container {
        color: var(--el-grey);
        display: flex;
        align-items: center;
        font-size: 1rem;
        padding: 5px
    }

    .page-header .meta-wrapper .login-box.open .login-container {
        border: 1px solid var(--el-grey-10);
        border-bottom: none;
        background: var(--el-white);
        z-index: 3;
        position: relative;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding: 4px 4px 5px 4px
    }

    .page-header .meta-wrapper .login-box.open .login-flyout {
        display: block;
        border-top-left-radius: 0
    }

    .page-header .meta-wrapper .login-box .login-flyout {
        display: none;
        position: absolute;
        top: 35px;
        background-color: var(--el-white);
        width: 200px;
        border: 1px solid var(--el-grey-10);
        border-radius: 5px;
        box-shadow: 0 0 3px var(--el-grey-10);
        padding: 15px 0 10px;
        z-index: 2;
        left: 0
    }

    .page-header .meta-wrapper .login-box .login-flyout ul li a {
        color: var(--el-grey);
        font-size: 1rem;
        vertical-align: text-bottom;
        display: block;
        padding: .5rem 1rem
    }

    .page-header .meta-wrapper .login-box .login-flyout ul li a:hover {
        background-color: var(--el-grey-75);
        color: var(--el-white)
    }

    .page-header .logo-container {
        text-align: right;
        margin-top: -45px;
        order: 2;
        padding-right: 30px;
        padding-top: 0
    }

    .page-header .logo-container .logo {
        max-width: 130px
    }

    .page-header .menu-container {
        order: 1;
        justify-content: start;
        align-items: flex-end;
        padding-left: 30px
    }

    .page-header .menu-container .hamburger-box,
    .page-header .menu-container .search-box,
    .page-header .menu-container .meta-wrapper-mobile,
    .page-header .menu-container .login-box {
        display: none
    }

    .page-header .menu-container .menu-flyout {
        display: block;
        position: relative;
        width: 100%
    }

    .stage-behind .page-header {
        position: absolute;
        box-shadow: none
    }

    .stage-behind .page-header .page-header-inner {
        max-width: 1250px;
        margin: 50px auto 0;
        border-radius: 5px
    }

    .stage-behind .page-header .page-header-inner .meta-wrapper {
        background: var(--el-white);
        border-radius: 5px
    }

    .stage-behind .page-header .page-header-inner .logo-container {
        margin-top: -85px
    }

    .stage-behind .page-header.shrink {
        transition: all .2s ease-in-out;
        position: fixed;
        box-shadow: 0 10px 10px -10px var(--el-grey-10)
    }

    .stage-behind .page-header.shrink .page-header-inner {
        max-width: none;
        margin: 0 auto;
        border-radius: 0
    }

    .stage-behind .page-header.shrink .page-header-inner .meta-wrapper {
        background-color: var(--el-grey-10);
        border-radius: 0
    }

    .stage-behind .page-header.shrink .page-header-inner .logo-container {
        margin-top: -45px
    }

    .stage-behind main {
        padding-top: 0
    }
}

.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 1rem 0
}

.breadcrumb li {
    display: inline-block;
    padding-right: .3rem
}

.breadcrumb li:after {
    content: "";
    border-left: 1px solid var(--el-grey);
    border-top: 1px solid var(--el-grey);
    transform: rotate(135deg);
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle
}

.breadcrumb li:last-child:after {
    display: none
}

.breadcrumb li a {
    color: var(--el-red)
}

.breadcrumb li a:hover {
    text-decoration: underline
}

@media(max-width:1280px) {
    .menu-flyout {
        display: block;
        position: absolute;
        background-color: var(--el-white);
        width: 100%;
        left: 0;
        top: 74px;
        box-shadow: inset 0 10px 10px -10px var(--el-grey-10), 0 2px 2px var(--el-grey-25);
        overflow: auto;
        max-height: calc(100vh - 70px)
    }

    .menu-flyout .container {
        padding: 2rem 15px
    }

    .menu-flyout .main-menu {
        flex-direction: column
    }

    .menu-flyout .main-menu .nav-item {
        margin: 0 0 .5rem 0;
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .menu-flyout .main-menu .nav-item>a {
        color: var(--el-grey);
        text-transform: uppercase;
        font-size: 1.25rem;
        width: calc(100% - 60px);
        display: inline-block;
        border-right: 2px solid var(--el-grey-50);
        padding: 0 .25rem 0 .5rem;
        margin-right: .25rem;
        font-family: metaProMedium, sans-serif
    }

    .menu-flyout .main-menu .nav-item .arrow-down-icon {
        cursor: pointer;
        color: var(--el-red);
        background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' %3e%3cpath fill= 'none' stroke= '%23e1051e' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '2' d= 'M2 5l6 6 6-6' /%3e%3c/svg%3e");
        width: 30px;
        height: 20px;
        background-size: 30px 20px
    }

    .menu-flyout .main-menu .nav-item .arrow-down-icon.active {
        transform: rotateX(180deg)
    }

    .menu-flyout .main-menu .nav-item.dropdown:before {
        content: "";
        background: no-repeat url("/typo3conf/ext/sitecore/Resources/Public/Icons/arrow-right.svg");
        width: 23px;
        height: 17px;
        display: inline-block
    }

    .menu-flyout .main-menu .dropdown-menu,
    .menu-flyout .main-menu .product-image {
        display: none
    }

    .menu-flyout .main-menu .dropdown-menu a,
    .menu-flyout .main-menu .product-image a {
        color: var(--el-grey-75);
        display: block;
        padding: .5rem 0
    }

    .menu-flyout .main-menu .dropdown-menu a.active,
    .menu-flyout .main-menu .product-image a.active {
        color: var(--el-red);
        text-decoration: underline
    }

    .menu-flyout .main-menu .dropdown-menu.open,
    .menu-flyout .main-menu .product-image.open {
        display: block
    }

    .menu-flyout .meta-wrapper-mobile {
        background-color: var(--el-grey-10)
    }

    .menu-flyout .meta-wrapper-mobile .container {
        display: flex;
        justify-content: space-between
    }

    .menu-flyout .meta-wrapper-mobile .meta-header {
        flex-direction: column
    }

    .menu-flyout .meta-wrapper-mobile .meta-header .nav-item {
        margin-bottom: 1rem
    }

    .menu-flyout .meta-wrapper-mobile .meta-header .nav-item:last-child {
        margin-bottom: 0
    }

    .menu-flyout .meta-wrapper-mobile .meta-header .nav-item a {
        color: var(--el-grey-75);
        font-size: 1rem
    }
}

@media(min-width:576px) {
    .breadcrumb {
        margin: 1rem 0 2rem 0
    }
}

@media(min-width:1281px) {
    .breadcrumb {
        margin: 1rem 0 3rem 0
    }

    .main-menu {
        display: flex;
        justify-content: space-between
    }

    .main-menu .nav-item {
        margin: 0 1rem .25rem 0;
        position: relative
    }

    .main-menu .nav-item>a {
        color: var(--el-grey);
        text-transform: uppercase;
        font-size: 1.25rem;
        font-family: metaProMedium, sans-serif;
        position: relative;
        height: 28px;
        display: block;
        cursor: default
    }

    .main-menu .nav-item>a::before {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: background .3s ease;
        border: none;
        margin: 0;
        background: var(--el-red);
        width: 100%;
        height: .2rem
    }

    .main-menu .nav-item>a::after {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transition: width .3s ease;
        border: none;
        margin: 0;
        background: var(--el-white);
        width: 102%;
        height: .2rem;
        transform: translateX(-50%)
    }

    .main-menu .nav-item>a.active::after,
    .main-menu .nav-item>a:hover::after,
    .main-menu .nav-item>a.show::after {
        width: 0
    }

    .main-menu .nav-item i {
        display: none
    }

    .main-menu .nav-item:hover>a:after {
        width: 0
    }

    .main-menu .nav-item:hover .dropdown-menu {
        display: block
    }

    .main-menu .dropdown-menu {
        display: none;
        position: absolute;
        background-color: var(--el-grey-10);
        top: 28px;
        left: 0;
        border-radius: 0 0 10px 10px;
        min-width: 250px;
        padding: .25rem 0;
        box-shadow: 0 2px 3px var(--el-grey-25)
    }

    .main-menu .dropdown-menu a {
        color: var(--el-grey);
        display: block;
        padding: .5rem 1rem
    }

    .main-menu .dropdown-menu a:hover,
    .main-menu .dropdown-menu a.active {
        background-color: var(--el-grey-75);
        color: var(--el-white)
    }

    .main-menu .nav-item:nth-child(2) {
        position: unset
    }

    .main-menu .nav-item:nth-child(2) .dropdown-menu {
        width: 1250px;
        left: -30px
    }

    .main-menu .nav-item:nth-child(2) .dropdown-menu a {
        width: 33.1%;
        display: inline-flex;
        align-items: center
    }

    .main-menu .nav-item:nth-child(2) .dropdown-menu a .product-image {
        width: 60px;
        height: 60px;
        background-color: #fff;
        display: inline-block;
        margin-right: 1rem;
        border-radius: 10px
    }

    .main-menu .nav-item:nth-child(2) .dropdown-menu a .product-image img {
        border-radius: 10px
    }

    .main-menu .nav-item:nth-child(2) .dropdown-menu a .title {
        width: calc(100% - 76px)
    }
}

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

.menu_section ul li:before {
    content: "";
    background: no-repeat url("/typo3conf/ext/sitecore/Resources/Public/Icons/arrow-right.svg");
    width: 23px;
    height: 17px;
    display: inline-block
}

.menu_section ul li a {
    color: var(--el-grey)
}

.form-group {
    margin-bottom: 1rem
}

.form-group .radio {
    display: inline-block;
    margin-right: 1rem
}

.form-group legend {
    font-size: 1.4rem;
    font-family: metaProMedium, sans-serif
}

.form-group.has-error span.error {
    font-size: .75rem;
    color: var(--el-red)
}

.form-group.has-error .form-check span {
    color: var(--el-red)
}

div.formerrors .has-error {
    border: 1px solid var(--el-red);
    color: var(--el-red);
    padding: 5px 10px;
    margin-bottom: 1rem
}

.login-container ul.typo3-messages {
    list-style-type: none;
    padding-inline-start: 0
}

.login-container ul.typo3-messages li.alert-error {
    color: var(--el-red)
}

.login-container p.error {
    color: var(--el-red)
}

fieldset.form-group {
    border: none;
    padding: 0
}

.form-label {
    margin-bottom: .5rem;
    display: inline-block
}

.form-check {
    display: block;
    min-height: 1.5rem;
    margin-bottom: .25rem
}

.form-check span {
    margin-left: .25rem
}

.form-check.child {
    margin-left: 1rem
}

.control-label {
    font-family: metaProMedium, sans-serif;
    margin-bottom: .125rem;
    display: inline-block
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-variant-numeric: lining-nums
}

.form-control.error {
    border: 1px solid var(--el-red)
}

.form-select {
    display: block;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

.form-select.error {
    border: 1px solid var(--el-red)
}

textarea {
    max-height: 10rem
}

ul.typo3-messages {
    list-style-type: none;
    padding-inline-start: 0
}

ul.typo3-messages li.alert-danger {
    color: var(--el-red)
}

.mandatory {
    font-size: .9rem
}

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.autocomplete-suggestion {
    position: relative;
    padding: .125rem .75em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333
}

.autocomplete-suggestion b {
    font-weight: normal;
    color: var(--el-red)
}

.autocomplete-suggestion.selected {
    background: #f0f0f0
}

.sitecore_textimage.frame-layout-1 {
    background-color: var(--el-grey-10);
    padding: 2rem 15px 0
}

.sitecore_textimage.frame-layout-1 .orient26,
.sitecore_textimage.frame-layout-1 .orient25 {
    margin-top: -2rem
}

.sitecore_textimage.container-fluid .orient0 .image {
    margin-left: -15px;
    margin-right: -15px
}

.sitecore_textimage.container-fluid .image {
    margin: 0 -15px
}

.ce-textimage .content {
    padding: 1.5rem 0
}

.ce-textimage .orient0.no-img .content {
    padding: 0 0 1.5rem 0
}

.ce-textimage .orient25 .with-img {
    order: -1
}

.ce-textimage .orient26 .image,
.ce-textimage .orient25 .image {
    height: 100%
}

.ce-textimage .orient26 img,
.ce-textimage .orient25 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(min-width:768px) {
    .ce-textimage .orient25 .with-img {
        order: 0
    }
}

@media(min-width:1281px) {
    .ce-textimage .wrapper {
        height: 100%;
        max-width: 595px;
        display: flex;
        align-items: center
    }

    .ce-textimage .orient0 .content {
        max-width: 1220px;
        margin: 0 auto;
        padding: 2rem 0
    }

    .ce-textimage .orient0.no-img .content {
        padding: 0 0 2rem 0
    }

    .ce-textimage .orient25 .wrapper {
        margin-left: auto
    }

    .ce-textimage .orient25 .content {
        padding-right: 2rem
    }

    .ce-textimage .orient26 .content {
        padding-left: 2rem
    }
}

.ce-hero .hero-img {
    position: relative
}

.ce-hero .hero-img img {
    width: 100%;
    max-height: 90vh;
    object-fit: cover
}

.ce-hero .hero-text {
    padding: 1rem
}

.ce-hero h1 {
    font-size: 2.2rem
}

.ce-hero .hero-subline {
    font-family: metaProMedium, sans-serif
}

.ce-hero .hero-boxes {
    display: flex;
    flex-direction: column;
    position: relative
}

.ce-hero .hero-box {
    background-color: var(--el-grey-10);
    border-radius: .25rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    transition: all .5s ease-in-out
}

.ce-hero .hero-box:hover {
    transform: scale(1.1)
}

.ce-hero .hero-box p {
    color: var(--el-grey)
}

.ce-hero .hero-box a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.ce-hero .box-header {
    color: var(--el-black);
    font-size: 1.75rem;
    font-family: metaProMedium, sans-serif;
    margin-bottom: .5rem
}

.ce-hero.layout0 .hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))
}

.ce-hero.layout0 .hero-boxes {
    margin-top: -3rem
}

.ce-hero.layout0 .hero-text {
    color: var(--el-white)
}

@media(min-width:576px) {
    .ce-hero .hero-boxes {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .ce-hero .hero-box {
        flex-basis: 48%;
        padding: 1.2rem
    }
}

@media(min-width:768px) {
    .ce-hero h1 {
        font-size: 2.5rem
    }

    .ce-hero.layout0 .hero-boxes {
        margin-top: -5rem
    }
}

@media(min-width:1281px) {
    .ce-hero .hero-overlay {
        display: flex;
        align-items: center
    }

    .ce-hero h1 {
        font-size: 3.5rem
    }

    .ce-hero .hero-subline {
        font-size: 1.5rem
    }

    .ce-hero .hero-box {
        flex-basis: 23%;
        padding: 1.5rem
    }

    .ce-hero.layout1 .hero-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))
    }

    .ce-hero.layout1 .hero-text {
        color: var(--el-white)
    }

    .ce-hero.layout1 .hero-boxes {
        margin-top: -5rem
    }
}

.ce-singleteaser {
    box-shadow: 0 1px 4px 0 var(--el-grey-25);
    height: 100%
}

.ce-singleteaser:hover {
    box-shadow: 0 1px 15px 0 var(--el-grey-25)
}

.ce-singleteaser .teaser-img {
    text-align: center;
    line-height: 0
}

.ce-singleteaser .teaser-text {
    padding: 1.5rem
}

.ce-singleteaser .box-link {
    display: flex;
    flex-direction: column;
    color: var(--el-grey);
    position: relative
}

.ce-singleteaser .box-link:after {
    content: "";
    background: no-repeat url("/typo3conf/ext/sitecore/Resources/Public/Icons/arrow-right.svg");
    width: 23px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    transition: all ease-in .5s
}

.ce-singleteaser .box-link:hover:after {
    opacity: 1
}

.ce-singleteaser .img-overlay-wrap {
    position: relative;
    display: inline-block
}

.ce-singleteaser .img-overlay-wrap .circle {
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    width: 3em;
    height: 3em
}

.ce-singleteaser .img-overlay-wrap svg {
    position: relative;
    top: .5em;
    left: .5em;
    transform: scale(1.4);
    width: 2em;
    height: 2em
}

.ce-singleteaser.teaser-horizontal {
    display: flex;
    flex-direction: column
}

.ce-singleteaser.teaser-horizontal .teaser-img {
    width: 100%
}

.ce-singleteaser.teaser-horizontal .teaser-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:768px) {
    .ce-singleteaser.teaser-horizontal {
        flex-direction: row
    }

    .ce-singleteaser.teaser-horizontal .teaser-img {
        width: 50%
    }

    .ce-singleteaser.teaser-horizontal .teaser-text {
        width: 50%
    }

    .ce-singleteaser.teaser-horizontal .box-link {
        flex-direction: row
    }
}

.ce-teaser-wall {
    padding-left: 8px;
    padding-right: 8px
}

.ce-teaser-wall .col-12 {
    padding-left: 8px;
    padding-right: 8px
}

.ce-teaser-wall .col-12:nth-child(odd) .teaser-wall-tile {
    background-color: var(--el-grey-10)
}

.ce-teaser-wall .col-12:nth-child(odd) .teaser-wall-tile a {
    color: var(--el-grey)
}

.ce-teaser-wall .col-12:nth-child(odd) .teaser-wall-tile a h3 {
    color: var(--el-red)
}

.ce-teaser-wall .col-12:nth-child(odd) .teaser-wall-tile .teaser-wall-category {
    color: var(--el-grey-10);
    background-color: var(--el-red)
}

.ce-teaser-wall .col-12:nth-child(odd) .teaser-wall-tile:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.44px" height="16.164px" viewBox="0 0 21.44 16.164"><path fill="%23e1051e" d="M21.035 7.224 14.166.355a1.19430335 1.19430335 0 1 0-1.689 1.689l4.842 4.842H1.194a1.194 1.194 0 0 0 0 2.387H17.3l-4.823 4.842a1.183 1.183 0 0 0 0 1.689 1.231 1.231 0 0 0 .856.36 1.176 1.176 0 0 0 .856-.36l6.891-6.891a1.231 1.231 0 0 0 .36-.856 1.53 1.53 0 0 0-.405-.833Z"/></svg>')
}

.ce-teaser-wall .teaser-wall-tile {
    background-color: var(--el-red);
    padding: 2rem;
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .5s ease-in-out
}

.ce-teaser-wall .teaser-wall-tile a {
    color: var(--el-white)
}

.ce-teaser-wall .teaser-wall-tile h3 {
    hyphens: auto
}

.ce-teaser-wall .teaser-wall-tile .teaser-wall-category {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    color: var(--el-red);
    background-color: var(--el-grey-10);
    padding: 0 .5rem;
    font-size: .9rem
}

.ce-teaser-wall .teaser-wall-tile:after {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.44px" height="16.164px" viewBox="0 0 21.44 16.164"><path fill="%23ffffff" d="M21.035 7.224 14.166.355a1.19430335 1.19430335 0 1 0-1.689 1.689l4.842 4.842H1.194a1.194 1.194 0 0 0 0 2.387H17.3l-4.823 4.842a1.183 1.183 0 0 0 0 1.689 1.231 1.231 0 0 0 .856.36 1.176 1.176 0 0 0 .856-.36l6.891-6.891a1.231 1.231 0 0 0 .36-.856 1.53 1.53 0 0 0-.405-.833Z"/></svg>');
    width: 21px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    cursor: pointer
}

.ce-teaser-wall .teaser-wall-tile:hover {
    transform: scale(1.03)
}

.ce-teaser-wall .teaser-wall-tile.tile-with-image {
    padding: 0
}

.ce-teaser-wall .teaser-wall-tile.tile-with-image a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.ce-teaser-wall .teaser-wall-tile.tile-with-image .image {
    line-height: 0
}

.ce-teaser-wall .teaser-wall-tile.tile-with-image .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ce-teaser-wall .teaser-wall-tile.tile-with-image .content {
    padding: 2rem;
    position: relative
}

@media(min-width:768px) {
    .ce-teaser-wall .teaser-wall-tile.tile-with-image a {
        flex-direction: row
    }

    .ce-teaser-wall .teaser-wall-tile.tile-with-image a .image {
        width: 35%
    }

    .ce-teaser-wall .teaser-wall-tile.tile-with-image a .content {
        width: 65%;
        align-self: center;
        position: unset
    }
}

@media(min-width:992px) {
    .ce-teaser-wall .col-12:nth-child(n+3) {
        order: 3
    }

    .ce-teaser-wall .col-12:nth-child(4) {
        order: 2
    }

    .ce-teaser-wall .col-12:nth-child(even) {
        width: 33.33333333%
    }

    .ce-teaser-wall .col-12:nth-child(odd) {
        width: 66.66666666%
    }

    .ce-teaser-wall .teaser-wall-tile.tile-with-image a .image {
        width: 45%
    }

    .ce-teaser-wall .teaser-wall-tile.tile-with-image a .content {
        width: 55%
    }
}

@media(min-width:1281px) {
    .ce-teaser-wall .teaser-wall-tile.tile-with-image a .image {
        width: 35%
    }

    .ce-teaser-wall .teaser-wall-tile.tile-with-image a .content {
        width: 65%
    }
}

.ce-contactbox .content {
    background-color: var(--el-grey-10);
    padding: 1.5rem
}

.ce-contactbox .image {
    line-height: 0
}

.f3-widget-paginator {
    display: flex;
    padding-left: 0;
    list-style: none;
    font-family: metaProMedium, sans-serif
}

.f3-widget-paginator li:not(:first-child) a {
    margin-left: -1px
}

.f3-widget-paginator li.current a {
    background-color: var(--el-grey-10)
}

.f3-widget-paginator li:first-child a {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.f3-widget-paginator li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.f3-widget-paginator a {
    position: relative;
    display: block;
    text-decoration: none;
    border: 1px solid var(--el-grey-25);
    padding: .375rem .75rem
}

.f3-widget-paginator a:hover {
    color: var(--el-red2)
}

.news-list-view h4 a,
.news-single h4 a {
    color: inherit
}

.news-list-view .news-list-date,
.news-list-view .news-list-author,
.news-single .news-list-date,
.news-single .news-list-author {
    font-size: 1rem;
    color: var(--el-grey-75)
}

.container-fluid .events {
    margin-left: -15px;
    margin-right: -15px
}

.events {
    padding: 0 15px;
    margin-bottom: 24px
}

.events .event-img {
    margin: 0 -15px 30px;
    position: relative
}

.events .event-img img {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.events .event-img img:first-child {
    opacity: 1;
    display: block;
    position: relative
}

.events .event-headline {
    font-size: 30px;
    margin-bottom: 20px
}

.events .list ul {
    list-style: none;
    font-size: 18px;
    padding: 0;
    margin: 0 -15px
}

.events .list li {
    border-bottom: 1px solid #d7d7d5
}

.events .list li.hover,
.events .list li:hover {
    background-color: #e0e0df
}

.events .list li:first-child {
    border-top: 1px solid #d7d7d5
}

.events .list svg {
    stroke: var(--el-red);
    margin-left: 12px;
    height: 20px;
    width: 12px;
    flex-shrink: 0
}

.events .tolink {
    padding: 25px 0
}

.events .tolink a {
    font-size: 18px
}

.events .itemlink {
    display: flex;
    align-items: center
}

.events .news-date {
    margin-right: 1rem;
    position: relative;
    display: flex
}

.events .news-date .month {
    text-transform: uppercase;
    color: var(--el-white);
    background-color: var(--el-red2);
    padding: .25rem .5rem;
    font-family: "metaProMedium", sans-serif
}

.events .news-date .day {
    padding: .25rem .5rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: "metaProBold", sans-serif;
    color: #000;
    background: #eee
}

.events .date-start {
    border: 1px solid #d0d0d1
}

.events .date-end {
    margin-left: 1rem;
    border: 1px solid #d0d0d1;
    position: relative
}

.events .date-end:before {
    content: "-";
    font-weight: bold;
    position: absolute;
    left: -9px;
    top: 34%
}

.events .news-title {
    flex-grow: 1;
    color: var(--el-grey);
    transition: margin .3s ease-in-out
}

.events-teaser {
    background-color: #eee
}

.events-teaser .list li {
    padding: 10px 15px
}

.events-list .list li {
    padding: .5rem 0
}

.events-list .news-img {
    display: none;
    max-width: 200px;
    max-height: 200px;
    margin-right: 2rem
}

.events-list .date-end:before {
    left: -12px
}

.news-cats {
    max-width: 320px
}

.news-cats select {
    background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' %3e%3cpath fill= 'none' stroke= '%23343a40' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '2' d= 'M2 5l6 6 6-6' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .65rem center;
    background-size: 16px 12px;
    cursor: pointer;
    padding: .375rem 1rem .375rem .75rem
}

.news-backlink-wrap .textlink::before {
    transform: rotate(180deg)
}

@media(min-width:576px) {
    .events {
        margin: 0 auto 48px auto
    }
}

@media(min-width:768px) {
    .events-teaser .list li {
        padding: 15px 15px 12px
    }

    .events-list .news-img {
        display: block
    }

    .events-list .list li {
        padding: 1rem
    }
}

@media(min-width:992px) {
    .events .news-date .month {
        padding: .5rem 1rem
    }

    .events .news-date .day {
        font-size: 2rem;
        line-height: 2rem;
        padding: .25rem .75rem
    }

    .events .date-start {
        position: relative;
        z-index: 1
    }

    .events .date-end {
        position: absolute;
        z-index: 0;
        top: -5px;
        right: -5px;
        transition: all .4s ease-in-out
    }

    .events .date-end:before {
        opacity: 0;
        transition: opacity .5s ease-in-out
    }

    .events .list li.has-enddate:hover .news-title {
        margin-left: 76px
    }

    .events .list li.has-enddate:hover .date-end {
        top: 0;
        right: -76px
    }

    .events .list li.has-enddate:hover .date-end:before {
        opacity: 1
    }

    .events .tolink {
        padding-bottom: 0
    }

    .events-teaser {
        display: flex;
        width: auto
    }

    .events-teaser .list {
        width: 50%;
        padding: 2rem
    }

    .events-teaser .event-img {
        width: 50%;
        margin-right: 0;
        margin-bottom: 0;
        position: relative;
        overflow: hidden
    }

    .events-teaser .event-img img {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: none;
        transition: opacity .5s ease-out;
        display: block
    }

    .events-list .date-end:before {
        left: -9px
    }

    .events-list .list {
        width: 80%
    }

    .events-list .list svg {
        margin-left: 1rem
    }
}

@media(min-width:1281px) {
    .events-teaser .list {
        padding-left: 4rem
    }
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contenttable,
.striped {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse
}

.contenttable td,
.contenttable th,
.striped td,
.striped th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid var(--el-grey-25)
}

.striped tr:nth-child(even) {
    background-color: var(--el-grey-10)
}

table.table-sortable [data-sort]:hover {
    cursor: pointer
}

table.table-sortable [data-dir=asc]:after {
    content: "▼"
}

table.table-sortable [data-dir=desc]:after {
    content: "▲"
}

.contactbar {
    position: fixed;
    z-index: 99;
    right: 0;
    top: 30%;
    background: var(--el-red);
    border: 1px solid var(--el-white);
    width: 70px
}

.contactbar a {
    color: var(--el-white);
    font-size: .9rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1
}

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

.contactbar ul li {
    border-bottom: 1px solid var(--el-white);
    padding: .5rem;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center
}

.contactbar ul li svg {
    background-size: 18px;
    width: 18px;
    height: 18px;
    display: block;
    margin-bottom: 7px
}

.contactbar ul li:last-child {
    border-bottom: none
}

.contactbar ul li:hover {
    background-color: var(--el-red2)
}

@media(max-width:576px) {

    .contenttable,
    .striped {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .contactbar {
        top: unset;
        width: 100%;
        bottom: 0;
        left: 0
    }

    .contactbar ul {
        display: flex
    }

    .contactbar ul li {
        border-right: 1px solid var(--el-white);
        flex-grow: 1;
        width: 33%;
        height: 60px
    }

    .contactbar ul li:last-child {
        border-right: none;
        border-bottom: 1px solid var(--el-white)
    }
}

.accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto
}

.accordion .acc-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: .5rem
}

.accordion .acc-item .acc-btn {
    text-align: left;
    border: none;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    background-color: var(--el-grey-acc);
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center
}

.accordion .acc-item .sec-line {
    font-size: 20px
}

.accordion .acc-item .arrow {
    display: block;
    height: 20px;
    width: 20px;
    right: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' %3e%3cpath fill= 'none' stroke= '%23656565' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '2' d= 'M2 5l6 6 6-6' /%3e%3c/svg%3e");
    transition: all .3s ease-in-out;
    pointer-events: none;
    background-repeat: no-repeat
}

.accordion .acc-item .acc-header {
    flex-grow: 1;
    pointer-events: none;
    padding-right: .75rem;
    font-variant-numeric: lining-nums
}

.accordion .acc-item .acc-panel {
    width: 100%;
    transition: all .2s ease-in-out;
    opacity: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px
}

.accordion .acc-item.active .acc-btn span.arrow {
    transform: rotate(180deg)
}

.accordion .acc-item.active .acc-panel {
    padding: 15px 10px 10px 10px;
    opacity: 1;
    max-height: inherit
}

@media(min-width:768px) {
    .accordion .acc-item {
        margin-bottom: .75rem
    }

    .accordion .acc-item .acc-btn {
        font-size: 20px;
        padding: 20px 30px
    }

    .accordion .acc-item .sec-line {
        font-size: 22px
    }

    .accordion .acc-item .arrow {
        width: 30px;
        height: 30px;
        right: 30px
    }
}

.tabs-container .tab-btns {
    border: 1px solid #ced4da;
    background-color: var(--el-grey-acc);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: none;
    display: flex
}

.tabs-container .tab-btn {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    margin: 10px 10px 0 10px;
    transition: .3s;
    flex: calc(50% - 20px) 0 0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.tabs-container .tab-btn.active {
    background-color: #fff
}

.tabs-container .tab-content {
    display: none;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-top: none;
    animation: fadeEffect .75s
}

.tabs-container .tab-content.active {
    display: block
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.elring-exam .exam-el {
    margin-bottom: 1.5rem;
    word-break: break-word;
    background-color: var(--el-grey-10);
    position: relative;
    display: flex;
    flex-direction: column
}

.elring-exam .exam-el img {
    display: block
}

.elring-exam .exam-el a {
    margin: auto 1.5rem 1.5rem;
    align-self: center
}

.elring-exam .list-body {
    padding: 1.5rem;
    font-size: 1rem
}

.elring-exam .exam-header {
    margin-bottom: 1rem;
    font-family: metaProMedium, sans-serif;
    font-size: 1.2rem
}

.elring-exam .badge-container {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 120px;
    height: 105px
}

.elring-exam .badge-container .badge {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5cd07), to(#caa906));
    color: var(--el-black);
    font-size: .8rem;
    text-align: center;
    transform: rotate(40deg);
    width: 153px;
    left: 3px;
    top: 20px;
    position: relative;
    padding: 8px;
    font-weight: bold
}

.elring-exam input[type=checkbox] {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid var(--el-grey)
}

.elring-exam input[type=checkbox]:checked {
    background: var(--el-black)
}

.elring-exam .form-check {
    margin-bottom: .75rem
}

.elring-exam .form-check span {
    font-family: metaProMedium, sans-serif
}

.elring-exam .form-check-label {
    display: flex;
    flex-direction: row;
    align-items: center
}

.elring-exam .form-check-label input {
    margin-right: .5rem;
    flex-shrink: 0
}

.elring-exam select {
    padding: .25rem;
    margin-left: .25rem
}

.elring-exam .estimate-slider {
    margin: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: metaProMedium, sans-serif
}

.elring-exam .estimate-slider .minvalue,
.elring-exam .estimate-slider .maxvalue {
    flex-basis: 10%;
    text-align: center
}

.elring-exam .estimate-slider .setvalue {
    flex-basis: 10%;
    border: 2px solid var(--el-red);
    background-color: #e5e5e5;
    text-align: center;
    white-space: nowrap;
    padding: .25rem .5rem;
    margin-left: .5rem
}

.elring-exam .estimate-slider .range {
    position: relative;
    flex-basis: 65%;
    padding: 0 .75rem;
    flex-shrink: 0
}

.elring-exam .estimate-slider input[type=range] {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 8px;
    padding: 0;
    border-radius: 4px;
    background: var(--el-grey-10);
    box-sizing: content-box;
    cursor: pointer
}

.elring-exam .estimate-slider input[type=range]:focus {
    outline: none;
    border: 0
}

.elring-exam .estimate-slider input[type=range]::-moz-focus-outer {
    border: 0
}

.elring-exam .estimate-slider input[type=range]::-moz-range-thumb {
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: var(--el-red)
}

.elring-exam .estimate-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: var(--el-red)
}

.elring-exam .acc-item.has-error span {
    color: var(--el-red)
}

.elring-exam .asset {
    margin-bottom: 1rem
}

.elring-exam .module-list .gnirle-active,
.elring-exam .module-list .gnirle-inactive {
    width: 50px;
    height: 40px;
    margin-right: 10px
}

.elring-exam .module-list p {
    justify-content: left;
    margin-bottom: 1.25rem;
    align-items: center
}

.elring-exam .module-list .download {
    margin-left: auto;
    align-self: center;
    padding-left: 10px
}

.elring-exam .module-list svg {
    background-size: 20px;
    width: 25px;
    height: 25px;
    display: block;
    margin-bottom: 5px;
    fill: var(--el-grey)
}

.shuffle-word {
    margin-bottom: .5rem;
    transition: opacity .5s ease-out;
    opacity: 1
}

.shuffle-word-reset {
    margin-bottom: .5rem
}

.elring-salespartner #mapPlacesMapContainer {
    flex-grow: 1;
    min-height: 20rem;
    z-index: auto;
    visibility: visible
}

.elring-salespartner #mapPlacesMapContainer.active {
    z-index: auto;
    visibility: visible
}

.elring-salespartner .range {
    position: relative;
    flex-basis: 80%;
    padding: 0 .75rem
}

.elring-salespartner input[type=range] {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 8px;
    padding: 0;
    border-radius: 4px;
    background: var(--el-grey-10);
    box-sizing: content-box;
    cursor: pointer
}

.elring-salespartner input[type=range]:focus {
    outline: none;
    border: 0
}

.elring-salespartner input[type=range]::-moz-focus-outer {
    border: 0
}

.elring-salespartner input[type=range]::-moz-range-thumb {
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: var(--el-red)
}

.elring-salespartner input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: var(--el-red)
}

.elring-salespartner .maps-card {
    box-shadow: 0 1px 4px 0 var(--el-grey-25);
    height: 100%
}

.elring-salespartner .maps-card:hover {
    box-shadow: 0 1px 15px 0 var(--el-grey-25)
}

.elring-salespartner .maps-card .inner {
    padding: 1rem
}

.elring-salespartner .maps-card .inner .img {
    margin-bottom: 20px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.elring-salespartner .maps-card .partner {
    font-size: 19px
}

.elring-salespartner .maps-card a {
    color: inherit;
    hyphens: auto;
    word-break: break-all
}

.elring-salespartner .btn-block {
    cursor: pointer
}

.elring-salespartner .gmaps-container {
    position: relative
}

.elring-salespartner #salesPartnerRadiusValueText {
    min-width: 32px;
    display: inline-block;
    text-align: right
}

.elring-salespartner #placesShowMore {
    display: block;
    margin: 1rem auto 0;
    cursor: pointer
}

.elring-salespartner .place-item {
    margin-bottom: 30px
}

.elring-salespartner .col-form-label {
    display: inline-block;
    min-width: 60px
}

.elring-salespartner .tabs-container {
    max-width: 600px
}

.elring-salespartner .tabs-container.faded {
    opacity: .5
}

.elring-salespartner #mapsActivate {
    margin-right: 15px
}

#mapPlacesResultList {
    margin-top: 1rem
}

@media(min-width:768px) {
    .elring-salespartner #mapPlacesMapContainer {
        min-height: 30rem
    }

    .elring-salespartner .maps-card .inner {
        padding: 1.5rem
    }
}

@media(min-width:992px) {
    .elring-salespartner #mapPlacesMapContainer {
        min-height: 40rem
    }
}

@media(min-width:1281px) {
    .map-places-wrapper {
        display: flex
    }

    .map-places-wrapper #salesPartnerForm {
        flex-basis: 20%
    }

    .map-places-wrapper #salesPartnerForm .tabs-container {
        margin-right: 1rem
    }

    .map-places-wrapper .gmaps-container {
        flex-basis: 75%;
        flex-grow: 1
    }
}

.gdpr-wall {
    position: absolute;
    bottom: 0;
    padding: 2.5% 5% 3% 5%;
    width: 100%;
    height: 100%;
    background-color: var(--el-grey);
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px
}

.gdpr-wall svg {
    width: 3rem;
    height: 3rem;
    display: block;
    margin: 0 auto
}

.gmaps-container .gdpr-wall::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-image: url("/typo3conf/ext/sitecore/Resources/Public/Images/weltkarte.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover
}

.gmaps-container .gdpr-info {
    z-index: 1
}

@media(min-width:576px) {
    .gdpr-wall {
        font-size: inherit
    }

    .gdpr-wall svg {
        width: 4rem;
        height: 4rem
    }
}

.tx_solr #tx-solr-faceting {
    margin-bottom: 15px
}

.tx_solr #tx-solr-faceting .facet-option-list {
    display: flex
}

.tx_solr #tx-solr-faceting .facet-option-list .facet-option {
    margin: 0 1rem 1rem 0
}

.tx_solr #tx-solr-facets-in-use {
    margin-bottom: 1.5rem
}

.tx_solr .results-list a:hover {
    color: var(--el-red2)
}

.tx_solr .results-list .list-group-item {
    margin-bottom: 1.5rem;
    border-top: 1px solid var(--el-grey-50);
    padding-top: 1.5rem
}

.tx_solr .results-list .text-upper {
    font-size: 1rem
}

.tx_solr .results-highlight {
    color: var(--el-red)
}

.actionteaser .teaser-header,
.actionteaser .teaser-header a {
    color: var(--el-black)
}

.actionteaser img {
    display: block
}

.actionteaser .teaser-body {
    margin: -60px 15px 0 15px;
    background-color: var(--el-grey-11);
    z-index: 1;
    position: relative;
    padding: 15px
}

.actionteaser .btn {
    margin-right: 10px;
    margin-bottom: 10px
}

.actionteaser.layout1 .teaser-header,
.actionteaser.layout1 .teaser-header a {
    color: var(--el-white)
}

.actionteaser.layout1 .teaser-body {
    color: var(--el-white);
    background-color: var(--el-grey)
}

.actionteaser.layout1 .btn-secondary {
    background-color: transparent;
    color: var(--el-white);
    border-color: var(--el-white)
}

@media(min-width:768px) {
    .actionteaser .teaser-body {
        margin-left: 30px;
        margin-right: 30px;
        padding: 30px
    }
}

@media(min-width:992px) {
    .actionteaser {
        position: relative
    }

    .actionteaser .teaser-img {
        display: flex;
        justify-content: flex-end;
        max-width: 90%;
        margin-left: auto
    }

    .actionteaser .teaser-body {
        margin: 0;
        padding: 30px;
        position: absolute;
        top: 50%;
        max-width: 50%;
        max-height: 100%;
        transform: translateY(-50%)
    }

    .actionteaser.textbox-right .teaser-img {
        margin-left: 0
    }

    .actionteaser.textbox-right .teaser-body {
        right: 0
    }
}

@media(min-width:1281px) {
    .actionteaser .teaser-body {
        padding: 60px;
        max-width: 40%
    }
}

.elring-celum-media .search-container {
    background-color: var(--el-grey-10);
    padding: 1rem
}

.elring-celum-media .search-container .search-box {
    position: relative
}

.elring-celum-media .search-container .search-box .mediacenter-solr-submit {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    background-color: transparent
}

.elring-celum-media .search-container .search-box .mediacenter-solr-submit svg {
    height: 36px;
    width: 20px
}

.elring-celum-media .btn-reset {
    color: var(--el-red);
    border-color: var(--el-red);
    margin-bottom: 1rem
}

.elring-celum-media .btn-reset span {
    padding-right: 8px
}

.elring-celum-media .btn-reset:hover {
    color: var(--el-red2);
    border-color: var(--el-red2)
}

.elring-celum-media .btn-reset.inverse {
    background-color: var(--el-red);
    color: #fff
}

.elring-celum-media .btn-reset.inverse:hover {
    background-color: var(--el-red2);
    border-color: var(--el-red2)
}

.elring-celum-media .filter {
    background-color: var(--el-grey-10);
    padding: 1rem;
    margin-bottom: 2rem
}

.elring-celum-media .filter .filter-headline {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--el-grey-75)
}

.elring-celum-media .filter .accordion .acc-item .acc-btn {
    font-size: inherit;
    padding: 0;
    background-color: transparent
}

.elring-celum-media .filter .accordion .acc-item .acc-btn .filter-headline {
    border-right: 2px solid var(--el-grey-50);
    margin-right: .75rem
}

.elring-celum-media .filter .accordion .acc-item .arrow {
    height: 13px;
    width: 13px;
    background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' %3e%3cpath fill= 'none' stroke= '%23a50413' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '4' d= 'M2 5l6 6 6-6' /%3e%3c/svg%3e")
}

.elring-celum-media .filter .accordion .acc-item.active .acc-btn span.arrow {
    transform: none
}

.elring-celum-media .filter .accordion .acc-item.active .acc-btn span.arrow.parent {
    transform: rotate(180deg)
}

.elring-celum-media .filter .accordion .acc-item.active .acc-panel {
    padding: 15px 0;
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 15px
}

.elring-celum-media .filter .accordion.acc-child .acc-item .arrow {
    margin-right: 1rem
}

.elring-celum-media .filter .accordion.acc-child .acc-item .acc-header {
    padding-left: 1rem
}

.elring-celum-media .filter .accordion.acc-child .acc-item.active .acc-btn span.arrow.child {
    transform: rotate(180deg)
}

.elring-celum-media .filter .accordion.acc-child .acc-item.active .acc-panel {
    max-height: none;
    overflow-y: unset
}

.elring-celum-media .same-height {
    display: flex;
    align-items: stretch
}

.elring-celum-media .mediacenter-element {
    box-shadow: 0 1px 4px 0 var(--el-grey-25);
    padding: 1rem;
    margin-bottom: 2rem;
    width: 100%
}

.elring-celum-media .mediacenter-element.preview {
    margin-bottom: 1rem
}

.elring-celum-media .mediacenter-element .svg-download {
    width: 15px;
    vertical-align: middle;
    margin-left: 5px;
    fill: var(--el-red)
}

.elring-celum-media .mediacenter-element .filetype {
    font-size: 1rem;
    color: var(--el-grey-50)
}

.elring-celum-media .mediacenter-element .globe {
    vertical-align: middle
}

.elring-celum-media .mediacenter-element img {
    display: none
}

@media(min-width:576px) {
    .elring-celum-media .mediacenter-element img {
        display: block
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

#loading-spinner {
    visibility: hidden
}

#loading-spinner.display {
    visibility: visible
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid var(--el-red);
    border-right-color: var(--el-red2);
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.loading-layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .4);
    z-index: 5
}

.loading-spinner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    max-height: 100vh;
    position: sticky
}

.sealants-filter {
    margin-bottom: 1rem
}

.sealants-filter h4 {
    font-size: 1.15rem;
    margin-bottom: .25rem
}

.sealants-filter .filter2,
.sealants-filter .filter3,
.sealants-filter .filter3sub {
    display: none
}

.sealants-filter .filter2.active,
.sealants-filter .filter3.active,
.sealants-filter .filter3sub.active {
    display: block
}

.sealants-filter .app-types {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.sealants-filter .app-types label {
    flex: 0 0 calc(50% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
    border: 1px solid #c1c1c1;
    overflow: hidden;
    border-radius: .25rem;
    font-weight: 600;
    padding-bottom: .5rem
}

.sealants-filter .app-types label:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2)
}

.sealants-filter .app-types label span {
    font-size: 12px
}

.sealants-filter .app-types label div {
    margin: .5rem;
    position: relative
}

.sealants-filter .app-types img {
    max-width: 100px
}

.sealants-filter .filter2-container,
.sealants-filter .filter3-container {
    margin-bottom: 1rem
}

.sealants-filter .filter2 {
    background-color: var(--el-grey-11);
    padding: 1rem;
    border-radius: .25rem
}

.sealants-filter .filter2>div {
    margin-bottom: 1rem
}

.sealants-filter .filter2>div:last-child {
    margin-bottom: 0
}

.sealants-filter .filter2:hover {
    box-shadow: 0 0 6px rgba(33, 33, 33, .2)
}

.sealants-filter .filter3 {
    background-color: #e1e1e1;
    padding: 1rem;
    border-radius: .25rem
}

.sealants-filter .filter3:hover {
    box-shadow: 0 0 6px rgba(33, 33, 33, .2)
}

.sealants-filter .filter3sub {
    margin-top: 1rem
}

.sealants-filter .filter-hint {
    color: var(--el-red)
}

.sealants-filter label {
    position: relative;
    display: block;
    cursor: pointer
}

.sealants-filter label span {
    display: inline-block;
    padding-left: 1.5rem
}

.sealants-filter input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.sealants-filter input[type=radio]+span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--el-grey);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.sealants-filter input[type=radio]:checked+span:before {
    border-color: var(--el-black)
}

.sealants-filter input[type=radio]:checked+span:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: var(--el-black);
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 3px
}

.sealants-filter .mt-1 {
    margin-top: 1rem
}

.sealants-list {
    overflow: hidden
}

.sealants-list .sealant-el {
    margin-bottom: 1rem
}

.dmb-alert {
    padding: 1rem
}

#alert-filter {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .26s ease
}

#alert-filter.shown {
    transform: scaleY(1)
}

@media(min-width:768px) {
    .sealants-filter .filter23-container {
        display: flex;
        justify-content: space-between;
        margin: 0 -10px
    }

    .sealants-filter .filter2-container,
    .sealants-filter .filter3-container {
        flex: 0 0 calc(50% - 20px);
        margin: 10px
    }

    .sealants-filter .filter2-container label,
    .sealants-filter .filter3-container label {
        display: flex;
        margin-bottom: .25rem
    }

    .sealants-filter .filter3 {
        height: 100%
    }

    .sealants-filter .app-types img {
        max-width: 200px
    }

    .sealants-filter .app-types label div {
        display: flex;
        margin: .5rem 1rem
    }

    .sealants-filter .app-types label div input {
        flex-grow: 0;
        flex-shrink: 0
    }

    .sealants-filter .app-types label span {
        font-size: inherit
    }

    .sealants-filter label span {
        padding-left: 1.75rem
    }

    .sealants-filter input[type=radio]+span:before {
        width: 20px;
        height: 20px
    }

    .sealants-filter input[type=radio]:checked+span:after {
        width: 14px;
        height: 14px
    }
}

@media(min-width:992px) {
    .sealants-filter h4 {
        font-size: 1.25rem
    }
}

@media(min-width:1281px) {
    .sealants-filter .app-types label {
        flex-basis: calc(25% - 20px);
        text-align: left;
        align-items: flex-start
    }

    .sealants-filter .app-types img {
        max-width: inherit
    }
}

.nicelabel-form .typo3-messages {
    margin-bottom: 3rem
}

.nicelabel-form .typo3-messages p {
    margin: 0
}

.nicelabel-form .typo3-messages .alert {
    color: var(--el-grey);
    padding-left: 5rem
}

.nicelabel-form .typo3-messages .alert::before {
    content: "";
    position: absolute;
    width: 4rem;
    height: 100%;
    left: 0;
    top: 0
}

.nicelabel-form .typo3-messages li.alert-danger {
    background-color: #f8d7da;
    border-color: #f8d7da
}

.nicelabel-form .typo3-messages li.alert-danger::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlYmNiY2I7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDI0QTEyLDEyLDAsMSwxLDI0LDEyLDEyLDEyLDAsMCwxLDEyLDI0Wm0wLTJBMTAsMTAsMCwxLDAsMiwxMiwxMCwxMCwwLDAsMCwxMiwyMlpNMTYuMjksNi4yOWExLDEsMCwxLDEsMS40MiwxLjQybC0xMCwxMGExLDEsMCwwLDEtMS40Mi0xLjQyWiIvPjwvc3ZnPg==) no-repeat 50%/2rem;
    background-color: #d22630
}

.nicelabel-form .typo3-messages li.alert-success {
    background-color: #deecd7;
    border-color: #deecd7
}

.nicelabel-form .typo3-messages li.alert-success::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkZWVjZDc7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDJBMTAsMTAsMCwxLDAsMjIsMTIsMTAsMTAsMCwwLDAsMTIsMlptMC0yQTEyLDEyLDAsMSwwLDI0LDEyLDEyLDEyLDAsMCwwLDEyLDBabTUuNCw5LjM4LTYuNjcsNi42N2ExLjEsMS4xLDAsMCwxLTEuNDksMEw2LjgzLDEzLjYzYTEsMSwwLDAsMSwwLTEuNDEsMSwxLDAsMCwxLDEuNDEsMEwxMCwxNGw2LTZBMSwxLDAsMSwxLDE3LjQsOS4zOFoiLz48L3N2Zz4=) no-repeat 50%/2rem;
    background-color: #7bbb58
}

.nicelabel-form .product-links {
    margin-bottom: 3rem
}

.nicelabel-form .btn-product {
    position: relative;
    padding-left: 5rem;
    color: var(--el-grey-75);
    background-color: var(--el-grey-11);
    border-color: var(--el-grey-75)
}

.nicelabel-form .btn-product::before {
    content: "";
    position: absolute;
    width: 4rem;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzMjcuNTM1IDMyNy40NDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyNy41MzUgMzI3LjQ0NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDd7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0NyIgZD0iTTMwMS4yOTMgMjEyLjg5NmMtMTAuNy03Ljc3Ny0yMy41MDYtMTEuODctMzYuOTU0LTExLjg3LTcuMTkyIDAtMTQuMjY3IDEuMTY5LTIwLjk5MSAzLjU2N2wtNDcuNzcyLTQ3Ljc3MiA3Ni42NTYtNzYuNzE1IDIzLjU2NC03LjgzNWMxLjQwMy0uNDY4IDIuNTczLTEuNDYyIDMuMjc0LTIuNzQ4bDI3LjY1Ny00OS43NTljMS4yODYtMi4yOC44NzctNS4xNDYtLjkzNi02Ljk1OGwtMTEuMTEtMTEuMTFjLTEuODEzLTEuODEzLTQuNjc4LTIuMjIyLTYuOTU4LS45MzZsLTQ5Ljc1OSAyNy42NTdjLTEuMjg2LjcwMi0yLjI4IDEuODcxLTIuNzQ4IDMuMjE2bC03LjgzNSAyMy42MjMtNzYuNzE1IDc2LjY1Ni00Ny43MTMtNDcuNzEzYzguMTI3LTIyLjg2MiAyLjQ1Ni00OC4yOTktMTQuOTY5LTY1LjY2M0M5Ni4wNTYgNi41NDkgODAuMTUyIDAgNjMuMjUzIDBjLTcuMDE3IDAtMTMuOTc1IDEuMTY5LTIwLjY0MSAzLjQ1LTEuODcxLjcwMi0zLjMzMyAyLjI4LTMuNzQyIDQuMjEtLjQ2OCAxLjk4OC4xMTcgNC4wMzUgMS41MiA1LjQ5NmwzMy45NzMgMzMuOTczYy0yLjE2MyA2LjE5OC01Ljc4OSAxMS45MjgtMTAuNTI1IDE2LjY2NXMtMTAuNDY2IDguMzYxLTE2LjY2NSAxMC41ODRsLTM0LjAyOS0zNC4wM2MtMS40MDMtMS40MDMtMy40NS0xLjk4OC01LjQzOC0xLjUyLTEuOTMuNDA5LTMuNTA4IDEuODcxLTQuMjEgMy43NDItOS4xMjIgMjYuMzcxIDAgNTUuMzE2IDIyLjc0NiA3MS45NzggMTAuNyA3Ljc3NyAyMy41MDYgMTEuODcgMzYuOTU0IDExLjg3IDcuMTkyIDAgMTQuMjY3LTEuMTY5IDIwLjk5MS0zLjU2N2wyOC40MTcgMjguNDE3LTk5LjQwMSA5OS40MDJDNC43MjQgMjU5LjE0OS4wNDcgMjcwLjQzMy4wNDcgMjgyLjQ3OWMwIDExLjk4NyA0LjY3OCAyMy4yNzIgMTMuMTU2IDMxLjgwOSA4LjUzNyA4LjQ3OSAxOS44MjIgMTMuMTU2IDMxLjgwOSAxMy4xNTZzMjMuMzMtNC42NzggMzEuODA5LTEzLjE1Nmw5OS40MDItOTkuNDAyIDI4LjM1OSAyOC4zNTljLTguMTI3IDIyLjg2Mi0yLjQ1NiA0OC4yOTkgMTQuOTY5IDY1LjY2MyAxMS45MjggMTEuOTg3IDI3LjgzMyAxOC41MzYgNDQuNzMyIDE4LjUzNiA3LjAxNyAwIDEzLjk3NS0xLjE2OSAyMC42NDEtMy40NSAxLjg3MS0uNzAyIDMuMzMzLTIuMjggMy43NDItNC4yMS40NjgtMS45ODgtLjExNy00LjAzNS0xLjUyLTUuNDk2bC0zMy45NzMtMzMuOTczYzIuMTYzLTYuMTk4IDUuNzg5LTExLjkyOCAxMC41MjUtMTYuNjY1IDQuNzM2LTQuNzM2IDEwLjQ2Ni04LjM2MSAxNi42NjUtMTAuNTg0bDM0LjAyOSAzNC4wMjljMS40MDMgMS40MDMgMy40NSAxLjk4OCA1LjQzOCAxLjUyIDEuOTMtLjQwOSAzLjUwOC0xLjg3MSA0LjIxLTMuNzQyIDkuMTItMjYuMzctLjAwMi01NS4zMTYtMjIuNzQ3LTcxLjk3N3pNMjU2LjYyMSA2Mi41NjVjLjY0My0uNjQzIDEuMTExLTEuNDYyIDEuNDAzLTIuMjhsNy42MDEtMjIuNzQ2IDQzLjkxMi0yNC40NDEgNC44NTMgNC44NTMtMjQuNDQxIDQzLjkxMi0yMi42ODcgNy42MDFjLS44NzcuMjkyLTEuNjk2Ljc2LTIuMzM5IDEuNDAzbC03Ny42NTEgNzcuNjUxLTguMzAzLTguMzAzIDc3LjY1Mi03Ny42NXptLTEzNS43MTQgOTcuMDA0IDQ3LjAxMSA0Ny4wMTEtMTguNzcgMTguODI4LTQ3LjA3MS00Ny4wNzEgMTguODMtMTguNzY4ek02OC41MTYgMzA1Ljk4M2MtNi4yNTYgNi4zMTUtMTQuNjE4IDkuNzY1LTIzLjUwNiA5Ljc2NXMtMTcuMjQ5LTMuNDUtMjMuNTA2LTkuNzY1Yy02LjMxNS02LjI1Ni05Ljc2NS0xNC42MTgtOS43NjUtMjMuNTA2czMuNDUtMTcuMjQ5IDkuNzY1LTIzLjUwNmw3Mi4zMy03Mi4zMyA0Ny4wMTEgNDcuMDExLTcyLjMyOSA3Mi4zMzF6bTI0Ni44MS0zNC40OTctMjkuMTc3LTI5LjE3N2MtMS40NjItMS40NjItMy42MjUtMi4wNDctNS42NzItMS40NjItOS40MTQgMi41MTQtMTguMTI2IDcuNTQzLTI1LjA4NSAxNC41MDFzLTExLjk4NyAxNS42Ny0xNC41MDEgMjUuMDg1Yy0uNTg1IDIuMDQ3IDAgNC4yMSAxLjQ2MiA1LjY3MmwyOS4xNzcgMjkuMTE5Yy0yLjM5Ny4zNTEtNC44NTMuNTI2LTcuMjUuNTI2LTEzLjc5OSAwLTI2LjcyMi01LjM3OS0zNi40ODYtMTUuMDg2LTE0LjkxLTE0Ljk2OS0xOS4yOTYtMzcuMTg4LTEwLjk5My01Ni42MDEuOTM2LTIuMTYzLjQwOS00LjczNi0xLjI4Ni02LjQzMkw4OS44MDIgMTExLjkxOGMtMS4xNjktMS4xMTEtMi42MzEtMS43NTQtNC4xNTEtMS43NTQtLjc2IDAtMS41NzkuMTc1LTIuMjguNDY4LTYuMzc0IDIuNzQ4LTEzLjE1NiA0LjA5My0yMC4xNzMgNC4wOTMtMTAuOTkzIDAtMjEuNDAxLTMuMzMzLTMwLjA1NS05LjY0OEMxNy4yOTcgOTMuNSA5LjUyIDc0LjYxMyAxMi4yMDkgNTUuOTYxbDI5LjE3NyAyOS4xNzdjMS40NjIgMS40NjIgMy42MjUgMi4wNDcgNS42NzIgMS40NjIgOS40MTQtMi41MTQgMTguMTI2LTcuNTQzIDI1LjA4NS0xNC41MDFzMTEuOTg3LTE1LjY3IDE0LjUwMS0yNS4wODVjLjU4NS0yLjA0NyAwLTQuMjEtMS40NjItNS42NzJMNTYuMDA1IDEyLjIyM2MyLjM5Ny0uMzUxIDQuODUzLS41MjYgNy4yNTEtLjUyNiAxMy43OTkgMCAyNi43MjIgNS4zNzkgMzYuNDg2IDE1LjA4NiAxNC45MSAxNC45NjkgMTkuMjk2IDM3LjE4OCAxMC45OTMgNTYuNjAxLS45MzYgMi4xNjMtLjQwOSA0LjczNiAxLjI4NiA2LjQzMmwxMjUuNzEzIDEyNS43MTNjMS42OTYgMS42OTYgNC4yNjkgMi4yMjIgNi40MzIgMS4yODYgNi4zNzQtMi43NDggMTMuMTU2LTQuMDkzIDIwLjE3My00LjA5MyAxMC45OTMgMCAyMS40MDEgMy4zMzMgMzAuMDU1IDkuNjQ4IDE1Ljg0NSAxMS41NzcgMjMuNjIyIDMwLjQ2NCAyMC45MzIgNDkuMTE2eiIvPjxwYXRoIGNsYXNzPSJzdDciIGQ9Im04NC4xNTUgMjEyLjkzLTU0LjM0IDU0LjM0M2MtMi4yODQgMi4yODQtMi4yODQgNS45ODQgMCA4LjI2OSAxLjE0MSAxLjE0MSAyLjYzOSAxLjcxMyA0LjEzNSAxLjcxM3MyLjk5Mi0uNTcxIDQuMTM1LTEuNzEzbDU0LjM0LTU0LjM0M2MyLjI4NC0yLjI4NCAyLjI4NC01Ljk4NCAwLTguMjY5LTIuMjg2LTIuMjg0LTUuOTg2LTIuMjg0LTguMjcgMHpNNTEuOTQ3IDI5Ny42NmMxLjE0MSAxLjE0MSAyLjYzOSAxLjcxMyA0LjEzNSAxLjcxM3MyLjk5Mi0uNTcxIDQuMTM1LTEuNzEzbDU0LjM0LTU0LjM0M2MyLjI4NC0yLjI4NCAyLjI4NC01Ljk4NCAwLTguMjY5LTIuMjg0LTIuMjg0LTUuOTg0LTIuMjg0LTguMjY5IDBsLTU0LjM0IDU0LjM0M2MtMi4yODUgMi4yODQtMi4yODUgNS45ODQtLjAwMSA4LjI2OXoiLz48L3N2Zz4=) no-repeat 50%/2rem;
    background-color: var(--el-grey-75);
    padding-top: 2px;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.nicelabel-form .btn-product:hover {
    color: var(--el-red2);
    border-color: var(--el-red2)
}

.nicelabel-form .btn-product:hover::before {
    background-color: var(--el-red2)
}

.nicelabel-form .btn-recycling::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzMzMgMzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMzMgMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MTAsLnN0MTN7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDo4fS5zdDEze2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZjtzdHJva2Utd2lkdGg6NTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmR9PC9zdHlsZT48ZyBpZD0iZzIyNzZfMDAwMDAxMjcwMDQyMjYwOTQxODgzNDIzNjAwMDAwMTc3OTQxMjA5NDMwNTk4MjIyMzdfIj48ZyBpZD0iZzIyNjBfMDAwMDAwNjkzODg3MTU4MTAzMzE2MzE4NzAwMDAwMTQ4MDYwMDY3MTExNDgxNjcwOTBfIj48ZyBpZD0iYmFza2V0XzAwMDAwMDE2Nzk0NzYwOTU1NDQ5NDE5OTcwMDAwMDAxNDA3NDE2NTM5MzYwMDg2NDUyXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyOS40IC00Ni4xNTIpIj48cGF0aCBpZD0icGF0aDIyODBfMDAwMDAwNjU3NTMyMTE0OTQ4NTI2NzYwMjAwMDAwMDE1MTY1Njk5NTcwNDA5NTg5MDlfIiBkPSJNNDcyLjc1IDIxMy4xYzEyNS4zNyAwIDEyNS4zNy41IDEyNS4zNy41IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDoxNC4xNTI7c3Ryb2tlLWxpbmVjYXA6cm91bmQiLz48cGF0aCBpZD0icGF0aDE0MDVfMDAwMDAwMzgzOTg2MTEwMTkxNDQ3MjMzOTAwMDAwMDI2NTM0NjAzOTgwNDM5OTM0ODNfIiBkPSJtNTk0LjI5IDIxOC45MS0xNS4xMSAxNTMuMzFoLTczLjM1bC0yOC4zMi0xNTMuNjMiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjk7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggaWQ9InBhdGg3NTI3XzAwMDAwMDU5MzA3NDczMjUzODg4NTQyNTQwMDAwMDA2MDQ3ODYxNDUzMDEzODIzMTM0XyIgY2xhc3M9InN0MTAiIGQ9Ik00ODEuNTcgMjQyLjUzaDExMS4yMiIvPjxwYXRoIGlkPSJwYXRoNzUyOV8wMDAwMDAzMTIwOTA0MTA4NTMzMDc1Njc3MDAwMDAwNjUyNzU1OTA2NzAwODc4NTI5MF8iIGNsYXNzPSJzdDEwIiBkPSJNNTg4LjggMjY5Ljk2SDQ4Ny4wNiIvPjxwYXRoIGlkPSJwYXRoNzUzNV8wMDAwMDA5NTMxOTE4Mzg4ODc3NTMxNzY3MDAwMDAwOTYyNDI1NDg4NDMyNzEzNzE3OV8iIGNsYXNzPSJzdDEwIiBkPSJNNDkxLjU1IDI5NC45aDk0Ljc2Ii8+PHBhdGggaWQ9InBhdGg3NTM5XzAwMDAwMTYyMzQ4OTc3NjkxMTA4NDczMjQwMDAwMDA3Nzc3MTEzOTAxNTM5OTMyMDM3XyIgY2xhc3M9InN0MTAiIGQ9Ik00OTYuNTMgMzE5Ljg0Yzg3LjI4IDAgODcuMjguOTkgODcuMjguOTkiLz48cGF0aCBpZD0icGF0aDc1NDFfMDAwMDAxNzYwMDA4NTQ5NjIzMzUzMjMwNTAwMDAwMDk3MDgxMTIwNDQ5NDkxMDg2MzRfIiBjbGFzcz0ic3QxMCIgZD0iTTU4MS4zMiAzNDYuNzdoLTgwLjMiLz48cGF0aCBpZD0icGF0aDc1NDNfMDAwMDAwMDMwNjI1NjAxNTQ3MjQ0MTg4MjAwMDAwMDM2NDY5NDcxMDQ3NDk1ODU1NTRfIiBjbGFzcz0ic3QxMCIgZD0ibTUwNS4wMSAyMTMuNiAxOS40NSAxNTcuMTEiLz48cGF0aCBpZD0icGF0aDc1NDVfMDAwMDAwMDgxMTU4MTcwNjU3MzM2NDk2ODAwMDAwMTcyMjE3NjE4MjY5NTYzMjE5NTBfIiBjbGFzcz0ic3QxMCIgZD0ibTU0MS40MiAzNzAuMjEtNC45OS0xNTYuMTEiLz48cGF0aCBpZD0icGF0aDc1NDdfMDAwMDAwNjU3NzU5MjU5OTMwOTk2Njc0MjAwMDAwMTUwOTQwMTg4MTQ0NzIyMzAzMDlfIiBjbGFzcz0ic3QxMCIgZD0ibTU2Ni44NiAyMTQuNi01Ljk5IDE1Ny4xMSIvPjwvZz48ZyBpZD0iZzIyNTZfMDAwMDAxNTU4NTY1MjMxNzUzODMwNzU2MjAwMDAwMTYzMjc0ODU3NDM3MDI3NDA2NDFfIj48cGF0aCBpZD0icGF0aDkzMDlfMDAwMDAwNTk5OTQ5MTc0MjY5ODIwMzc0NDAwMDAwMTE4MTY1MzY1OTgzNjE0NTQ0OTdfIiBkPSJNNjQuNjk3IDEzNy45NWMyNy40MzEtMTMuNzIgMjcuMjM1LTM1LjUzIDI5LjQyNi0zNC42NiAyNi4wMjcgMTAuMzUgNTAuNzQ3IDEzLjQ2IDY2LjcwNyA5Ljk3LTQ2LjM2MSAzNS4zNi0yMi43NyAzNi45OC0yOS4xNzYgMzQuNjYtMTkuNjg5LTcuMTEtNDguMjU0IDE0LjIyLTY2Ljk1Ny05Ljk3eiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6NjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiLz48cGF0aCBpZD0icGF0aDExMDU3XzAwMDAwMDI5MDMwMjI4NDQ2ODAxMzYzODkwMDAwMDE0MDYzODUwNjEyODQxNDY2NzYyXyIgZD0iTTExMy41NyAxMDkuNTVjMjUuMjkuMDIgMjYuMDEtOC4wNCAzMC42OC0xMC4wMDkuMzItLjEzNyAyLjYzIDEwLjcyOSA4Ljk3IDE0Ljk1OSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6NiIvPjwvZz48L2c+PGcgaWQ9InBlcnNvbl8wMDAwMDA2Nzk1NzQ3MjU1MTM3OTg5MjM3MDAwMDAwMDMwMzY5Nzk5MDMyODQ5MzQ1Ml8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ni42MDIgLTQxLjE3MikiPjxnIGlkPSJib2R5XzAwMDAwMDM5ODM1MDYyMTMzMjIwNjQ4MDIwMDAwMDA4NjcwMzM0NDk4NzkyNDIyNTc5XyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLS4yNTQzOCAtLjI0OTM3KSI+PHBhdGggaWQ9InVwcGVyX2JvZHlfMDAwMDAxMTA0NDU2MjYxOTAwNzU2ODQwMjAwMDAwMTA4MjM4MDEyNzI5MDkyMDg5ODRfIiBjbGFzcz0ic3QxMyIgZD0ibTE0Mi4yMyAxMDUuNzQgMTYwLjEuNDVjMTMuNTEgMTUuNTkgMzYuMTMgNjguNDIgMzcuODQgODAuNTlsLTc5Ljc0IDMuOTljLTIuMjQtMjYuMTgtMTQuNzEtNTAuNjItMTYuNDYtNTQuMzZsLTEwMS43NC0zMC42N2gweiIvPjxwYXRoIGlkPSJsb3dlcl9ib2R5XzAwMDAwMTU2NTgxNjY2NzEyMTI0MTE3OTIwMDAwMDA0MDYzNjM5MzgyNzcyMDYxODM1XyIgY2xhc3M9InN0MTMiIGQ9Im0yNTkuNzkgMTk2LjI0LTI3LjIzIDE3NS4wOSA2Mi41OS0xMTUuMTkgMjcuNTcgMTE1LjY1IDE2LjY2LTE3My4xMS03OS41OS0yLjQ0aDB6Ii8+PC9nPjxwYXRoIGlkPSJoZWFkXzAwMDAwMTc2NzM4MjIyNzM2NDQ2OTAyNDIwMDAwMDAyMjE3OTAwOTgxMjk5MTc3NjA2XyIgZD0iTTI5OS4xMTYgNzEuNzI3YzAgMTUuOTcxLTEzLjEwNSAyOC45MTgtMjkuMjcxIDI4LjkxOHMtMjkuMjcyLTEyLjk0Ny0yOS4yNzItMjguOTE4YzAtMTUuOTcyIDEzLjEwNi0yOC45MTkgMjkuMjcyLTI4LjkxOXMyOS4yNzEgMTIuOTQ3IDI5LjI3MSAyOC45MTl6IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIvPjwvZz48L2c+PC9zdmc+) no-repeat 50%/2rem;
    background-color: var(--el-grey-75)
}

.infographic-wrapper {
    width: 100%;
    overflow: auto;
    position: relative
}

@media screen and (min-width:750px) {
    .infographic-wrapper {
        overflow: visible
    }
}

.infographic-wrapper .igc-swipe-hint {
    display: block;
    opacity: 0;
    background: var(--el-red) url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 187 187' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23434343;%7D .st1%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cpath class='st0' transform='rotate(-45)' d='m93.499 132.23a93.499 93.499 0 0 1-93.499 93.499 93.499 93.499 0 0 1-93.499-93.499 93.499 93.499 0 0 1 93.499-93.499 93.499 93.499 0 0 1 93.499 93.499z' fill='%2395c120' stroke-width='.99999'/%3E%3Cpath class='st1' d='m82.297 107.11v-41.7h4.4v-4.7h9.7v4.6h4.7v18.5h9.5v5h14.1v4.7h9.5v4.4h4.7v4.7h4.3v33.2h-4.3v14.1h-4.7v13.7h-47.5v-13.6h-4.7v-9.4h-4.7v-9.4h-4.7v-9.4h-4.7v-4.7h-4.3v-14.4h14v4.5c1.5-0.1 3-0.1 4.7-0.1zm9.5 42.4v9.3h37.4v-9.4h4.3v-14h4.9v-32.6h-4.7v-4.6h-4.4v13.9h-5v-18.2h-9.1v13.5h-5.1v-18.2h-9.1v18.2h-5v-41.7h-9.1v60.2h-4.7v-13.7h-5v-4.6h-9v9.1h4.6v4.7h5.1v9.4h4.3v9.1h4.7v9.7c1.7-0.1 3.2-0.1 4.9-0.1z'/%3E%3Cg transform='translate(-171 -210.99)'%3E%3Cpath class='st1' d='m204.5 272.9h38.9v8.9h-38.9z' fill='%23fff'/%3E%3Cpath class='st1' d='m222.3 292.5h-12.9l-15.2-15.1 15.2-15.2h12.9l-15.2 15.2z' fill='%23fff'/%3E%3Cpath class='st1' d='m280.6 272.9h38.9v8.9h-38.9z' fill='%23fff'/%3E%3Cpath class='st1' d='m301.7 262.2h12.9l15.1 15.2-15.1 15.1h-12.9l15.2-15.1z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") 50% no-repeat;
    background-size: 80px 80px;
    border-radius: 50%;
    height: 134px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .6s ease-out, opacity .4s;
    width: 134px;
    z-index: -1
}

@media screen and (min-width:750px) {
    .infographic-wrapper .igc-swipe-hint {
        display: none
    }
}

.infographic-wrapper .igc-swipe-hint.igc-swipe-hint-animate {
    animation: show-swipe-hint 2.5s ease forwards;
    z-index: 10
}

.infographic-image-container {
    position: relative;
    min-width: 720px;
    font-size: 11px
}

@media screen and (min-width:768px) {
    .infographic-image-container {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .infographic-image-container {
        font-size: 18.5px
    }
}

.infographic-image-container .igc-image {
    width: 100%;
    display: block
}

.infographic-image-container .igc-button-wrapper {
    position: absolute
}

.infographic-image-container .igc-button-wrapper .igc-button {
    background-color: #000;
    color: #fff;
    box-shadow: 4px 4px 9px 3px rgba(0, 0, 0, .3), 0 0 0 0 rgba(var(--el-red), 1);
    animation: pulseButton 2s infinite;
    position: relative;
    outline: 0;
    z-index: 1;
    cursor: pointer;
    font-size: 50px;
    font-weight: 700;
    border-radius: 50%;
    line-height: 0;
    padding: 20px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1px;
    height: 1px;
    font-family: Arial
}

.infographic-image-container .igc-button-wrapper .igc-button:hover {
    background-color: var(--el-red)
}

.infographic-image-container .igc-button-wrapper .igc-button.active {
    background-color: var(--el-red);
    animation: none;
    z-index: 5
}

.infographic-image-container .igc-button-wrapper .igc-button.active+.igc-button-content-wrapper {
    z-index: 10
}

@media screen and (min-width:750px) {
    .infographic-image-container .igc-button-wrapper .igc-button.active+.igc-button-content-wrapper {
        z-index: 2
    }
}

.infographic-image-container .igc-button-wrapper .igc-button.active+.igc-button-content-wrapper:before {
    display: block
}

@media screen and (min-width:750px) {
    .infographic-image-container .igc-button-wrapper .igc-button.active+.igc-button-content-wrapper:before {
        display: none
    }
}

.infographic-image-container .igc-button-wrapper .igc-button.active+.igc-button-content-wrapper .igc-button-content {
    transform: scale(1) translate(-50%, -50%)
}

@media screen and (min-width:750px) {
    .infographic-image-container .igc-button-wrapper .igc-button.active+.igc-button-content-wrapper .igc-button-content {
        transform: scale(1)
    }
}

.infographic-image-container .igc-button-wrapper .igc-button.inactive+.igc-button-content-wrapper {
    z-index: -1
}

.infographic-image-container .igc-button-wrapper .close-btn {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer
}

.infographic-image-container .igc-button-wrapper .close-btn:before,
.infographic-image-container .igc-button-wrapper .close-btn:after {
    position: absolute;
    display: block;
    background-color: var(--el-grey-50);
    border-radius: 5px;
    width: 30px;
    height: 4px;
    content: "";
    top: 50%;
    transform: rotate(-45deg)
}

.infographic-image-container .igc-button-wrapper .close-btn:after {
    transform: rotate(45deg)
}

.infographic-image-container .igc-button-wrapper .close-btn:hover:before,
.infographic-image-container .igc-button-wrapper .close-btn:hover:after {
    background-color: var(--el-red)
}

.infographic-image-container .igc-button-content-wrapper {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    transform: none;
    z-index: -10
}

.infographic-image-container .igc-button-content-wrapper:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

@media screen and (min-width:750px) {
    .infographic-image-container .igc-button-content-wrapper {
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translateY(-50%) translateX(-50%);
        margin-top: var(--info_box_offset_top);
        margin-left: var(--info_box_offset_left)
    }

    .infographic-image-container .igc-button-content-wrapper:before {
        display: none
    }

    .infographic-image-container .igc-button-content-wrapper.posV-top.posH-left {
        transform: translateY(-100%) translateX(-100%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-top.posH-center {
        transform: translateY(-100%) translateX(-50%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-top.posH-right {
        transform: translateY(-100%) translateX(0%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-middle.posH-left {
        transform: translateY(-50%) translateX(-100%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-middle.posH-center {
        transform: translateY(-50%) translateX(-50%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-middle.posH-right {
        transform: translateY(-50%) translateX(0%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-bottom.posH-left {
        transform: translateY(0%) translateX(-100%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-bottom.posH-left .close-btn {
        right: auto;
        left: 0
    }

    .infographic-image-container .igc-button-content-wrapper.posV-bottom.posH-center {
        transform: translateY(0%) translateX(-50%)
    }

    .infographic-image-container .igc-button-content-wrapper.posV-bottom.posH-right {
        transform: translateY(0%) translateX(0%)
    }
}

.infographic-image-container .igc-button-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0) translate(-50%, -50%);
    max-height: 70vh;
    overflow: auto;
    margin-top: 15px;
    padding: 40px 24px 24px 24px;
    background-color: rgba(255, 255, 255, .95);
    width: 300px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .4);
    transition: transform 200ms ease;
    font-size: 14px
}

@media screen and (min-width:750px) {
    .infographic-image-container .igc-button-content {
        position: relative;
        top: auto;
        left: auto;
        max-height: none;
        margin-top: 0;
        transform: scale(0)
    }
}

.infographic-image-container .igc-button-content ul li {
    line-height: 1.8;
    padding-bottom: 2px
}

.infographic-image-container .igc-button-content-headline {
    font-size: 24px;
    color: var(--el-red);
    margin-bottom: 15px;
    hyphens: auto;
    line-height: 1.2
}

@keyframes show-swipe-hint {
    0% {
        background-position: 50%
    }

    20% {
        background-position: 54px
    }

    40% {
        background-position: 20px
    }

    60% {
        background-position: 50%;
        opacity: 1
    }

    99% {
        left: 50%;
        opacity: 0;
        transform: translate(-50%, -50%)
    }

    to {
        left: -999px;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.01);
        visibility: hidden
    }
}

@keyframes pulseButton {
    0% {
        transform: scale(0.98);
        box-shadow: 4px 4px 9px 3px rgba(255, 255, 255, .3), 0 0 0 0 rgba(255, 255, 255, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 4px 4px 9px 3px rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, 0)
    }

    100% {
        transform: scale(0.98);
        box-shadow: 4px 4px 9px 3px rgba(255, 255, 255, .3), 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

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

.page-footer .f-top {
    padding: 2rem 0;
    margin-top: 2rem;
    background-color: var(--el-grey);
    color: var(--el-grey-25);
    line-height: 2
}

.page-footer .f-top h4 {
    text-transform: uppercase;
    font-family: metaProMedium, sans-serif;
    font-size: 1.2rem
}

.page-footer .f-top ul {
    margin-bottom: 1rem
}

.page-footer .f-top li a {
    position: relative
}

.page-footer .f-top li a:before {
    content: " ";
    border-left: 1px solid var(--el-grey-25);
    border-top: 1px solid var(--el-grey-25);
    transform: rotate(135deg);
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.2rem;
    margin-right: .5rem
}

.page-footer .f-top a {
    color: var(--el-grey-25);
    padding: 1rem 0
}

.page-footer .f-top .row {
    flex-direction: column
}

.page-footer .f-top .col-12 {
    border: 1px solid var(--el-grey-50);
    border-radius: .25rem;
    margin: 0 10%;
    width: 80%;
    margin-bottom: 2rem;
    padding: 2rem
}

.page-footer .f-top .social-media-container a {
    margin: 0 .4rem;
    padding: 0
}

.page-footer .f-bottom {
    padding: 1rem 0;
    background-color: var(--el-grey-10)
}

.page-footer .f-bottom ul li {
    display: inline-block;
    margin-bottom: .5rem
}

.page-footer .f-bottom a {
    color: var(--el-grey);
    padding: .75rem
}

.page-footer .f-bottom .menu {
    text-align: center;
    margin-bottom: 1.5rem
}

.page-footer .copyright {
    text-align: center
}

.page-footer .scroll-top {
    background-color: var(--el-white);
    bottom: 4rem;
    padding: .75rem;
    right: 1rem;
    cursor: pointer;
    opacity: .75;
    position: fixed;
    display: none;
    border-radius: 50%;
    z-index: 999
}

.page-footer .scroll-top .icon-arrow-up {
    background-image: url("data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' %3e%3cpath fill= 'none' stroke= '%23343a40' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '2' d= 'M2 5l6 6 6-6' /%3e%3c/svg%3e");
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
    display: block
}

@media(min-width:576px) {
    .page-footer .f-bottom .row {
        align-items: center
    }

    .page-footer .f-bottom .menu {
        text-align: left;
        margin: 1rem 0
    }

    .page-footer .copyright {
        text-align: right
    }

    .page-footer .scroll-top {
        bottom: 1rem
    }
}

@media(min-width:768px) {
    .page-footer .f-top .row {
        flex-direction: row;
        justify-content: space-between
    }

    .page-footer .f-top .col-md-4 {
        width: 30%;
        padding: 1rem;
        margin: 0 auto 0 auto
    }
}

@media(min-width:992px) {
    .page-footer .f-top .col-md-4 {
        width: 30%;
        padding: 2rem
    }
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, .6)
}

.ath-mandatory {
    background: #000
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: .7em .6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 .2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center
}

.ath-container small {
    font-size: .8em;
    line-height: 1.3em;
    display: block;
    margin-top: .5em
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em
}

.ath-ios7.ath-tablet {
    left: .7em;
    top: 1.8em
}

.ath-ios8.ath-tablet {
    right: .4em;
    top: 1.8em
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-container:before {
    content: "";
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 .5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-color: rgba(255, 255, 255, .8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none
}

.ath-mandatory .ath-container:before {
    display: none
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em .5em 0 -0.6em
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon,
.ath-ios11 .ath-action-icon,
.ath-ios12 .ath-action-icon,
.ath-ios13 .ath-action-icon,
.ath-ios14 .ath-action-icon,
.ath-ios15 .ath-action-icon,
.ath-ios16 .ath-action-icon,
.ath-ios17 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    margin-top: -0.3em;
    background-size: auto 100%
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    margin-bottom: .4em;
    background-size: 100% auto
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 .1em 0 #fff;
    font-size: 1.1em
}

.ath-ios.ath-phone:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: .2em .2em 0 #d1d1d1
}

.ath-ios.ath-tablet:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto .2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 .2em .4em rgba(0, 0, 0, .3), inset 0 .07em 0 rgba(255, 255, 255, .5);
    margin: 0 auto .4em auto
}

@media only screen and (orientation:landscape) {
    .ath-container.ath-phone {
        width: 24em
    }

    .ath-android.ath-phone {
        margin-left: -12em
    }

    .ath-ios.ath-phone {
        margin-left: -12em
    }

    .ath-ios6:after {
        left: 39%
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: .4em;
        top: 1.8em
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none
    }
}