@charset "UTF-8";

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    overflow-y: scroll;
    scroll-behavior: smooth
}

body {
    line-height: 1.5;
    margin: 0
}

h1 {
    line-height: 1.2
}

article,
figure,
footer,
header,
main {
    display: block
}

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

figure {
    margin: 0
}

img {
    border-style: none;
    vertical-align: middle
}

a,
a:hover {
    color: inherit;
    text-decoration: inherit
}

@media print {

    a,
    a:hover {
        text-decoration: none !important
    }
}

p {
    margin: 0
}

#esa-wrapper {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    font-family: EvonikProkyon, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
    font-size: 10px;
    padding-top: 15px
}

#esa-wrapper:after {
    clear: both;
    content: " ";
    display: table
}

@media (min-width: 320px) {
    #esa-wrapper {
        font-size: calc(3.22581vw - .32258px)
    }
}

@media (min-width: 768px) {
    #esa-wrapper {
        font-size: calc(1.35501vw - .4065px)
    }
}

@media (min-width: 992px),
print {
    #esa-wrapper {
        font-size: calc(1.0582vw - .49735px)
    }
}

@media (min-width: 1157px) {
    #esa-wrapper {
        font-size: 11.746031746px
    }
}

#esa-wrapper .esa-content {
    margin-left: -1.5em;
    margin-right: -1.5em
}

#esa-wrapper .esa-content:after {
    clear: both;
    content: " ";
    display: table
}

#esa-wrapper .evisica-image {
    position: relative
}

.evisica-image__wrapper {
    overflow: hidden
}

.evisica-image__wrapper img {
    border-style: none;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.esa-question-form-checkbox--disabled input:not(:checked):hover+svg,
.esa-question-form-checkbox--disabled input:not(:checked):hover+svg polygon,
.esa-question-form-checkbox--disabled:hover input:not(:checked)+svg,
.esa-question-form-checkbox--disabled:hover input:not(:checked)+svg polygon {
    display: none
}

@page {
    margin-left: 1cm;
    margin-right: 1cm
}

@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important
    }

    #esa-wrapper,
    html {
        font-size: 10px !important
    }

    @page {
        size: 330mm 427mm;
        margin: 14mm
    }

    .evisica-container {
        width: 975px
    }
}

.evisica-html {
    --primaryColorLightUltra: #e1cbe4;
    --primaryColorLighter: #c794c3;
    --primaryColorLight: #ae5ca0;
    --primaryColor: #991d85;
    --primaryColorDark: #801870;
    --primaryColorDarker: #6f1260;
    --primaryColor-r: 153;
    --primaryColor-g: 29;
    --primaryColor-b: 133
}

.evisica-textSimple li::marker {
    font-weight: 700
}

.evisica-image {
    display: flex;
    flex-direction: column
}

.evisica-image__wrapper {
    position: relative
}

.evisica-teaser {
    position: relative
}

.evisica-teaser:not(.evisica-teaser--embedded):not([class*=esa-product-]) {
    --primaryColorLightUltra: #e1cbe4;
    --primaryColorLighter: #c794c3;
    --primaryColorLight: #ae5ca0;
    --primaryColor: #991d85;
    --primaryColorDark: #801870;
    --primaryColorDarker: #6f1260;
    --primaryColor-r: 153;
    --primaryColor-g: 29;
    --primaryColor-b: 133
}

.evisica-T-image {
    display: flex;
    flex-direction: column
}

.evisica-T-image .evisica-teaser__wrapper {
    position: relative
}

.evisica-T-image__wrapper {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0
}

@media (min-width: 768px) {
    .evisica-T-image__wrapper {
        max-height: 100%;
        overflow: hidden
    }
}

.evisica-T-image--textPosLeft .evisica-T-image__wrapper {
    align-items: flex-start
}

.evisica-T-image--textAlignLeft .evisica-T-image__wrapper {
    text-align: left
}

.evisica-T-image .evisica-image {
    opacity: 0;
    transition: opacity .5s ease-in
}

.evisica-T-image__lead p {
    font-size: inherit !important;
    line-height: inherit !important
}

@media (max-width: 319px) {
    .evisica-T-image__headline {
        font-size: 1rem;
        line-height: 1.8;
        padding: 0
    }
}

.evisica-T-image--full {
    clear: both;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

@media (min-width: 768px) {
    .evisica-T-image--full {
        overflow: hidden
    }
}

@media (max-width: 767px) and (min-width:320px) {

    .evisica-main .esa-www .evisica-T-image--full {
        margin-bottom: 3rem
    }
}

@media (max-width: 991px) and (min-width:768px) {

    .evisica-main .esa-www .evisica-T-image--full {
        margin-bottom: 4rem
    }
}

@media (min-width: 992px),
print {

    .evisica-main .esa-www .evisica-T-image--full {
        margin-bottom: 5rem
    }
}

@media (max-width: 319px) {
    .evisica-header__head {
        gap: 1rem;
        flex-direction: column;
    }

    .evisica-T-image__headline {
        font-size: 1rem;
        line-height: 1.8;
        padding: 0
    }
}

@media (max-width: 319px) {
    .evisica-T-image--full .evisica-T-image__wrapper {
        position: relative
    }
}


@media (max-width: 767px) and (min-width:320px) {
    .evisica-T-image--full .evisica-T-image__wrapper {
        background: transparent;
        padding: 0;
        position: relative
    }
}

@media (min-width: 768px) {
    .evisica-T-image--full .evisica-T-image__wrapper {
        padding: 1.2rem
    }
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-T-image--full .evisica-T-image__header {
        background-color: var(--primaryColor);
        margin-top: .8rem;
        padding: 1.5rem 2rem;
        width: 100%
    }
}

@media (min-width: 768px) {
    .evisica-T-image--full .evisica-T-image__header {
        margin-bottom: -.5rem;
        opacity: 0;
        transition: opacity .8s ease-in .5s
    }
}

.evisica-T-image--full .evisica-T-image__headline {
    white-space-collapse: break-spaces;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    width: 100%;
    display: inline;
    font-size: 3rem;
    font-weight: 700;
    /*line-height: 2.4;*/
    margin: 0;
    overflow-wrap: break-word;
    padding: 1.4rem 1.4rem 1.4rem 2.2rem;
    text-transform: uppercase;
    white-space: break-spaces;
    word-break: break-word
}

@media (max-width: 319px) {
    .evisica-T-image--full .evisica-T-image__headline {
        font-size: 2.5rem;
        line-height: 1.8;
        padding: 0
    }

    .evisica-T-image--titleBgPurple .evisica-T-image__header {
        background-color: var(--primaryColor);
    }
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-T-image--full .evisica-T-image__headline {
        font-size: 2rem;
        line-height: 1.8;
        padding: 0
    }
}

@media (min-width: 768px) {
    .evisica-T-image--full .evisica-T-image__leadWrapper:before {
        content: "";
        display: block;
        padding-top: .9rem
    }
}

.evisica-T-image--full .evisica-T-image__lead {
    font-size: 1.6rem;
    font-weight: 400
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-T-image--full .evisica-T-image__lead {
        line-height: 1.4;
        margin-top: .8rem;
        padding: 2rem
    }
}

@media (min-width: 768px) {
    .evisica-T-image--full .evisica-T-image__lead {
        box-shadow: 0 0 1.5rem -.5rem rgba(40, 40, 40, .5);
        line-height: 1.5;
        padding: 2.5rem 2.7rem
    }
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-T-image--full.evisica-T-image--largeHeadline .evisica-T-image__headline {
        font-size: 1.8rem;
        line-height: 2.1
    }
}

@media (min-width: 768px) {
    .evisica-T-image--full.evisica-T-image--largeHeadline .evisica-T-image__headline {
        font-size: 3.3rem;
        display: block;
        text-align: center;
        /*line-height: 9rem;
        padding: 1.4rem 1.8rem 1.4rem 2.9rem*/
    }
}

.evisica-T-image.is-visibleOnLoad.is-imageLoaded .evisica-image {
    opacity: 1;
    transition: none
}

.evisica-T-image.is-visible.is-imageLoaded .evisica-T-image__header,
.evisica-T-image.is-visible.is-imageLoaded .evisica-image {
    opacity: 1
}

@media (max-width: 991px) and (min-width:768px) {
    .evisica-T-image.is-visible.is-imageLoaded .evisica-T-image__lead {
        max-height: 60rem;
        transition: max-height .6s ease-in
    }
}

.evisica-T-image.is-visible.is-imageLoaded:hover .evisica-T-image__header {
    bottom: 0;
    position: relative
}

.evisica-T-image.is-visible.is-imageLoaded:hover .evisica-T-image__leadWrapper {
    max-height: 60rem;
    overflow: initial;
    transition: max-height .6s ease-in, overflow 1s ease
}

.evisica-T-image--textWidthFull .evisica-T-image__header,
.evisica-T-image--textWidthFull .evisica-T-image__leadWrapper {
    width: 100%
}

.evisica-T-image--titleWhite .evisica-T-image__headline {
    color: #fff
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-T-image--titleBgPurple .evisica-T-image__header {
        background-color: var(--primaryColor)
    }
}

.evisica-T-image--titleBgPurple .evisica-T-image__headline {
    background-color: var(--primaryColor)
}

.evisica-T-image--leadBlack .evisica-T-image__lead {
    color: #000
}

.evisica-T-image--leadBgGray .evisica-T-image__lead {
    background-color: #e9e6df
}

.evisica-linkList__trigger:not(:checked)+.evisica-linkList__label .evisica-headline--folding {
    padding-bottom: 0
}

.evisica-linkList__trigger:not(:checked)+.evisica-linkList__label .evisica-headline--folding:before {
    transform: rotate(0deg)
}

.evisica-linkList__trigger:not(:checked)+.evisica-linkList__label+.evisica-linkList__content {
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.evisica-list__itemTrigger:not(:checked)+.evisica-list__itemLabel .evisica-headline--folding {
    padding-bottom: 0
}

.evisica-list__itemTrigger:not(:checked)+.evisica-list__itemLabel .evisica-headline--folding:before {
    transform: rotate(0deg)
}

.evisica-list__itemTrigger:not(:checked)+.evisica-list__itemLabel+.evisica-list__itemContent {
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s
}

.evisica-contactForm__input input:not([type=checkbox]):not(:-moz-placeholder-shown),
.evisica-contactForm__input select:not(:-moz-placeholder-shown),
.evisica-contactForm__input textarea:not(:-moz-placeholder-shown) {
    padding: 1.6rem 1rem .4rem
}

.evisica-contactForm__input input:not([type=checkbox]):not(:-moz-placeholder-shown)+label,
.evisica-contactForm__input select:not(:-moz-placeholder-shown)+label,
.evisica-contactForm__input textarea:not(:-moz-placeholder-shown)+label {
    font-size: 1rem;
    opacity: .7;
    top: 1rem
}

.evisica-contactForm__input--checkbox input:not(:checked):hover:after {
    color: #bcb9b2;
    display: flex
}

.evisica-contactForm__input--attachment input:active::file-selector-button,
.evisica-contactForm__input--attachment input:hover::file-selector-button {
    background-color: var(--primaryColor)
}

.evisica-container {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    max-width: 1140px;
    padding: 15px 5px 0;
    width: 100%
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-container {
        overflow-x: hidden
    }
}

@media (min-width: 768px) {
    .evisica-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 992px),
print {
    .evisica-container {
        padding-top: 30px
    }
}

.evisica-header {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column
}

.evisica-header__head {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991px) and (min-width:768px) {
    .evisica-header__head {
        padding-bottom: 3rem
    }
}

@media (min-width: 992px),
print {
    .evisica-header__head {
        padding-bottom: 4rem
    }
}

.evisica-header__logo {
    display: flex;
    flex: 0 0 auto;
    overflow: hidden
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-header__logo {
        height: 3.5rem;
        margin-left: .3rem;
        width: 13.6rem
    }
}

@media (min-width: 768px) {
    .evisica-header__logo {
        height: 5.6rem;
        width: 21.9rem
    }
}

.evisica-header__logo img {
    height: 100%;
    width: 100%
}

.evisica-header__links {
    display: flex;
    flex: 0 0 auto;
    height: 2rem;
    list-style: none;
    margin: 0;
    padding-left: 0;
    column-gap: 1em;

}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-header__links {
        height: 3.3rem
    }
}

.evisica-nav--clone:not(:hover) .evisica-nav__main {
    transition: margin .8s
}

.evisica-nav--clone:not(:hover) .evisica-nav__breadcrumb,
.evisica-nav--clone:not(:hover) .evisica-nav__sub {
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    transition: max-height .5s, padding .8s
}

.evisica-main {
    flex: 1 1 auto
}

.evisica-footer {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding-top: 6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.evisica-footer__links {
    align-items: center;
    background-color: #e9e6df;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem !important
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-footer__links {
        flex-direction: column
    }
}

.evisica-footer__link {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 1rem;
    text-transform: uppercase
}

.evisica-footer__link a {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.evisica-footer__link a:hover {
    color: var(--primaryColor)
}

@font-face {
    font-display: block;
    font-family: EvonikProkyon;
    font-style: normal;
    font-weight: 200;
    src: url(/assets/fonts/EvonikProkyon-Light.afd4e7ab.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikProkyon;
    font-style: italic;
    font-weight: 200;
    src: url(/assets/fonts/EvonikProkyon-LightItalic.063213a3.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikProkyon;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/EvonikProkyon-Regular.59876ce8.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikProkyon;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/fonts/EvonikProkyon-Italic.ff83fceb.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikProkyon;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/EvonikProkyon-Medium.a5926e6a.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikProkyon;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/EvonikProkyon-Bold.41a65d79.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikAntares;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/EvonikAntares-Regular.4b46c963.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikAntares;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/fonts/EvonikAntares-Italic.66e6f188.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikAntares;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/EvonikAntares-Medium.fcb8084e.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: EvonikAntares;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/fonts/EvonikAntares-MediumItalic.12813c45.woff2) format("woff2")
}

.evisica-html {
    font-size: 10px;
    overflow-y: scroll
}

@media (max-width: 767px) and (min-width:320px) {
    .evisica-html {
        font-size: calc(3.22581vw - .32258px)
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .evisica-html {
        font-size: calc(1.35501vw - .4065px)
    }
}

@media (min-width: 992px),
print {
    .evisica-html {
        font-size: calc(1.0582vw - .49735px)
    }
}

@media (min-width: 1157px) {
    .evisica-html {
        font-size: 11.746031746px
    }
}

.evisica-body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: EvonikProkyon, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
    min-height: 100vh
}

::-moz-selection {
    background-color: var(--primaryColorLighter)
}

::selection {
    background-color: var(--primaryColorLighter)
}

.evisica-button {
    color: #fff;
    background-color: var(--primaryColor);
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
    line-height: 1;
    font-family: EvonikProkyon, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
    font-size: 1.3rem;
    text-transform: uppercase;
    height: 3rem;
    align-items: center;
    display: flex;
}

.evisica-image__placeholder {
    color: grey
}