.klaro {
    font-family : inherit;
    font-family : var(--font-family, inherit);
    font-size   : 14px;
    font-size   : var(--font-size, 14px)
}

.klaro button {
    font-family : inherit;
    font-family : var(--font-family, inherit);
    font-size   : 14px;
    font-size   : var(--font-size, 14px)
}

.klaro button:focus-visible, .klaro button:focus {
    outline        : 3px solid #49bcd1;
    outline-offset : 2px
}

.klaro a:focus-visible {
    outline        : 3px solid #49bcd1;
    outline-offset : 2px
}

.klaro.cm-as-context-notice {
    height         : 100%;
    padding-bottom : 12px;
    padding-top    : 12px
}

.klaro .cookie-modal .cm-switch-container, .klaro .context-notice .cm-switch-container, .klaro .cookie-notice .cm-switch-container {
    border-bottom-style : solid;
    border-bottom-style : var(--border-style, solid);
    border-bottom-width : 1px;
    border-bottom-width : var(--border-width, 1px);
    border-bottom-color : #c8c8c8;
    border-bottom-color : var(--light2, #c8c8c8);
    display             : block;
    position            : relative;
    padding             : 10px;
    padding-left        : 66px;
    line-height         : 20px;
    vertical-align      : middle;
    min-height          : 40px
}

.klaro .cookie-modal .cm-switch-container:last-child, .klaro .context-notice .cm-switch-container:last-child, .klaro .cookie-notice .cm-switch-container:last-child {
    border-bottom : 0
}

.klaro .cookie-modal .cm-switch-container:first-child, .klaro .context-notice .cm-switch-container:first-child, .klaro .cookie-notice .cm-switch-container:first-child {
    margin-top : 0
}

.klaro .cookie-modal .cm-switch-container p, .klaro .context-notice .cm-switch-container p, .klaro .cookie-notice .cm-switch-container p {
    margin-top : 0
}

.klaro .cookie-modal .cm-switch, .klaro .context-notice .cm-switch, .klaro .cookie-notice .cm-switch {
    position : relative;
    display  : inline-block;
    width    : 50px;
    height   : 30px
}

.klaro .cookie-modal .cm-list-input:focus-visible + label div.slider, .klaro .context-notice .cm-list-input:focus-visible + label div.slider, .klaro .cookie-notice .cm-list-input:focus-visible + label div.slider {
    outline        : 5px solid #49bcd1;
    outline-offset : 2px
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background-color : #1c9470;
    background-color : var(--green1, #1c9470)
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
    background-color : #1c9470;
    background-color : var(--green1, #1c9470);
    opacity          : .6
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
    -ms-transform : translateX(10px);
    transform     : translateX(10px)
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
    background-color : hsl(162, 68.1818181818%, 47.6078431373%);
    background-color : var(--green2, rgb(38.6272727273, 204.1727272727, 154.5090909091));
    opacity          : .8
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
    -ms-transform : translateX(10px);
    transform     : translateX(10px)
}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
    background-color : hsl(162, 68.1818181818%, 47.6078431373%);
    background-color : var(--green2, rgb(38.6272727273, 204.1727272727, 154.5090909091));
    opacity          : .8;
    cursor           : not-allowed
}

.klaro .cookie-modal .slider, .klaro .context-notice .slider, .klaro .cookie-notice .slider {
    box-shadow : 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19)
}

.klaro .cookie-modal .cm-list-input, .klaro .context-notice .cm-list-input, .klaro .cookie-notice .cm-list-input {
    position : absolute;
    top      : 0;
    left     : 0;
    opacity  : 0;
    width    : 50px;
    height   : 30px
}

.klaro .cookie-modal .cm-list-title, .klaro .context-notice .cm-list-title, .klaro .cookie-notice .cm-list-title {
    font-size   : .9em;
    font-weight : 600
}

.klaro .cookie-modal .cm-list-description, .klaro .context-notice .cm-list-description, .klaro .cookie-notice .cm-list-description {
    color       : #c8c8c8;
    color       : var(--light2, #c8c8c8);
    font-size   : .9em;
    padding-top : 4px
}

.klaro .cookie-modal .cm-list-label .cm-switch, .klaro .context-notice .cm-list-label .cm-switch, .klaro .cookie-notice .cm-list-label .cm-switch {
    position : absolute;
    left     : 0
}

.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
    background-color : rgb(231.32, 119.96, 134.68);
    background-color : var(--red3, rgb(231.32, 119.96, 134.68));
    position         : absolute;
    cursor           : pointer;
    top              : 0;
    left             : 0;
    right            : 0;
    bottom           : 0;
    transition       : .4s;
    width            : 50px;
    display          : inline-block
}

.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
    background-color : hsl(0, 0%, 90.25%);
    background-color : var(--white3, rgb(230.1375, 230.1375, 230.1375));
    position         : absolute;
    content          : "";
    height           : 20px;
    width            : 20px;
    left             : 5px;
    bottom           : 5px;
    transition       : .4s
}

.klaro .cookie-modal .cm-list-label .slider.round, .klaro .context-notice .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {
    border-radius : 30px
}

.klaro .cookie-modal .cm-list-label .slider.round::before, .klaro .context-notice .cm-list-label .slider.round::before, .klaro .cookie-notice .cm-list-label .slider.round::before {
    border-radius : 50%
}

.klaro .cookie-modal .cm-list-label input:focus + .slider, .klaro .context-notice .cm-list-label input:focus + .slider, .klaro .cookie-notice .cm-list-label input:focus + .slider {
    box-shadow-color : hsl(162, 68.1818181818%, 58.0862745098%);
    box-shadow-color : var(--green3, rgb(75.2472727273, 220.9927272727, 177.2690909091));
    box-shadow       : 0 0 1px var(--box-shadow-color, green3)
}

.klaro .cookie-modal .cm-list-label input:checked + .slider::before, .klaro .context-notice .cm-list-label input:checked + .slider::before, .klaro .cookie-notice .cm-list-label input:checked + .slider::before {
    -ms-transform : translateX(20px);
    transform     : translateX(20px)
}

.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider, .klaro .context-notice .cm-list-input:focus + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
    box-shadow : 0 4px 6px 0 rgba(125, 125, 125, .2), 5px 5px 10px 0 rgba(125, 125, 125, .19)
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
    -ms-transform : translateX(20px);
    transform     : translateX(20px)
}

.klaro .cookie-modal .slider, .klaro .context-notice .slider, .klaro .cookie-notice .slider {
    box-shadow : 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19)
}

.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
    color           : rgb(105.8717596567, 175.8707296137, 226.8482403433);
    color           : var(--blue3, rgb(105.8717596567, 175.8707296137, 226.8482403433));
    text-decoration : none
}

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
    color : #fafafa;
    color : var(--light1, #fafafa)
}

.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
    display    : block;
    text-align : left;
    margin     : 0;
    padding    : 0;
    margin-top : .7em
}

.klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal h3, .klaro .cookie-modal h4, .klaro .cookie-modal h5, .klaro .cookie-modal h6, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice h3, .klaro .context-notice h4, .klaro .context-notice h5, .klaro .context-notice h6, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice h3, .klaro .cookie-notice h4, .klaro .cookie-notice h5, .klaro .cookie-notice h6 {
    font-family : inherit;
    font-family : var(--title-font-family, inherit)
}

.klaro .cookie-modal .cm-link, .klaro .context-notice .cm-link, .klaro .cookie-notice .cm-link {
    margin-right   : .5em;
    vertical-align : middle
}

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
    color            : #ffffff;
    color            : var(--button-text-color, #ffffff);
    background-color : hsl(0, 0%, 36%);
    background-color : var(--dark2, rgb(91.8, 91.8, 91.8));
    border-radius    : 4px;
    border-radius    : var(--border-radius, 4px);
    margin-right     : .5em;
    border-style     : none;
    padding          : .4em;
    font-size        : 1em;
    cursor           : pointer
}

.klaro .cookie-modal .cm-btn:disabled, .klaro .context-notice .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {
    opacity : .5
}

.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .context-notice .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
    background-color : #c8c8c8;
    background-color : var(--light2, #c8c8c8)
}

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color : #333333;
}

.klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {
    background-color : #333333;
}

.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
    background-color : #da2c43;
    background-color : var(--red1, #da2c43)
}

.klaro .context-notice {
    border-radius    : 4px;
    border-radius    : var(--border-radius, 4px);
    border-style     : solid;
    border-style     : var(--border-style, solid);
    border-width     : 1px;
    border-width     : var(--border-width, 1px);
    border-color     : #c8c8c8;
    border-color     : var(--light2, #c8c8c8);
    background-color : #fafafa;
    background-color : var(--light1, #fafafa);
    display          : flex;
    flex-direction   : column;
    flex-wrap        : wrap;
    align-items      : center;
    justify-content  : center;
    padding          : 12px;
    height           : 100%
}

.klaro .context-notice.cm-dark {
    background-color : #333333;
    background-color : var(--dark1, #333333);
    border-color     : hsl(0, 0%, 36%);
    border-color     : var(--dark2, rgb(91.8, 91.8, 91.8))
}

.klaro .context-notice.cm-dark p {
    color : #fafafa;
    color : var(--light1, #fafafa)
}

.klaro .context-notice.cm-dark p a {
    color : rgb(68.5896995708, 156.0884120172, 219.8103004292);
    color : var(--blue2, rgb(68.5896995708, 156.0884120172, 219.8103004292))
}

.klaro .context-notice p {
    color       : #333333;
    color       : var(--dark1, #333333);
    flex-grow   : 0;
    text-align  : center;
    padding-top : 0;
    margin-top  : 0
}

.klaro .context-notice p a {
    color : hsl(162, 68.1818181818%, 47.6078431373%);
    color : var(--green2, rgb(38.6272727273, 204.1727272727, 154.5090909091))
}

.klaro .context-notice p.cm-buttons {
    margin-top : 12px
}

.klaro .context-notice p.ccn-description-empty-store {
    margin-top : 24px;
    font-size  : 14px;
    font-size  : var(--font-size, 14px)
}

.klaro .cookie-modal {
    width    : 100%;
    height   : 100%;
    position : fixed;
    overflow : hidden;
    left     : 0;
    top      : 0
}

.klaro .cookie-modal.cm-embedded {
    position : relative;
    height   : inherit;
    width    : inherit;
    left     : inherit;
    right    : inherit;
    z-index  : 0
}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
    position      : relative;
    -ms-transform : none;
    transform     : none
}

.klaro .cookie-modal .cm-bg {
    background : rgba(0, 0, 0, .5);
    height     : 100%;
    width      : 100%;
    position   : fixed;
    top        : 0;
    left       : 0
}

.klaro .cookie-modal .cm-modal.cm-klaro {
    background-color   : #333333;
    background-color   : var(--dark1, #333333);
    box-shadow         : 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
    width              : 100%;
    max-height         : 98%;
    overflow           : auto;
    grid-template-rows :max-content 1fr max-content
}

.klaro .cookie-modal .cm-modal.cm-klaro[open] {
    display : grid
}

.klaro .cookie-modal .cm-modal.cm-klaro::-ms-backdrop {
    background : rgba(0, 0, 0, .5)
}

.klaro .cookie-modal .cm-modal.cm-klaro::backdrop {
    background : rgba(0, 0, 0, .5)
}

@media (min-width : 660px) {
    .klaro .cookie-modal .cm-modal.cm-klaro {
        border-radius : 4px;
        border-radius : var(--border-radius, 4px);
        max-width     : 640px;
        width         : auto
    }
}

.klaro .cookie-modal .cm-modal .hideKlaro {
    border-style : none;
    background   : none;
    cursor       : pointer;
    position     : absolute;
    top          : 20px;
    right        : 20px;
    z-index      : 1;
    color        : #c8c8c8;
    color        : var(--light2, #c8c8c8)
}

.klaro .cookie-modal .cm-modal .cm-footer {
    border-top-color : hsl(0, 0%, 36%);
    border-top-color : var(--dark2, rgb(91.8, 91.8, 91.8));
    border-top-width : 1px;
    border-top-width : var(--border-width, 1px);
    border-top-style : solid;
    border-top-style : var(--border-style, solid);
    padding          : 1em
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
    display         : flex;
    flex-flow       : row;
    justify-content : space-between
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    font-size     : .8em;
    padding-top   : 4px;
    text-align    : right;
    padding-right : 8px
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
    color : #c8c8c8;
    color : var(--light2, #c8c8c8)
}

.klaro .cookie-modal .cm-modal .cm-header {
    border-bottom-width : 1px;
    border-bottom-width : var(--border-width, 1px);
    border-bottom-style : solid;
    border-bottom-style : var(--border-style, solid);
    border-bottom-color : hsl(0, 0%, 36%);
    border-bottom-color : var(--dark2, rgb(91.8, 91.8, 91.8));
    padding             : 1em;
    padding-right       : 24px
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    margin    : 0;
    font-size : 2em;
    display   : block
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
    padding-right : 20px
}

.klaro .cookie-modal .cm-modal .cm-body {
    padding    : 1em;
    overflow-y : auto
}

.klaro .cookie-modal .cm-modal .cm-body ul {
    display : block
}

.klaro .cookie-modal .cm-modal .cm-body span {
    display : inline-block;
    width   : auto
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
    padding : 0;
    margin  : 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret {
    color : #a0a0a0;
    color : var(--light3, #a0a0a0)
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content {
    margin-left : -40px;
    display     : none
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded {
    margin-top : 10px;
    display    : block
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
    position       : relative;
    line-height    : 20px;
    vertical-align : middle;
    padding-left   : 60px;
    min-height     : 40px
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
    margin-top : 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {
    margin-top : 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
    color     : #c8c8c8;
    color     : var(--light2, #c8c8c8);
    font-size : .8em
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
    border-top-width : 1px;
    border-top-width : var(--border-width, 1px);
    border-top-style : solid;
    border-top-style : var(--border-style, solid);
    border-top-color : hsl(0, 0%, 36%);
    border-top-color : var(--dark2, rgb(91.8, 91.8, 91.8));
    padding-top      : 1em
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
    font-weight : 600
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
    color        : #c8c8c8;
    color        : var(--light2, #c8c8c8);
    padding-left : .2em;
    font-size    : .8em
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color : #333333;
    background-color : var(--dark1, #333333);
    z-index          : 999;
    position         : fixed;
    width            : 100%;
    bottom           : 0;
    right            : 0
}

@media (min-width : 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        border-radius : 4px;
        border-radius : var(--border-radius, 4px);
        position      : fixed;
        position      : var(--notice-position, fixed);
        right         : 20px;
        right         : var(--notice-right, 20px);
        left          : auto;
        left          : var(--notice-left, auto);
        bottom        : 20px;
        bottom        : var(--notice-bottom, 20px);
        top           : auto;
        top           : var(--notice-top, auto);
        max-width     : 400px;
        max-width     : var(--notice-max-width, 400px);
        box-shadow    : 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19)
    }
}

@media (max-width : 1023px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        border-style  : none;
        border-radius : 0
    }
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
    position : relative;
    height   : inherit;
    width    : inherit;
    left     : inherit;
    right    : inherit;
    bottom   : inherit;
    z-index  : 0
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
    padding-top : .5em
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    margin-bottom : 0;
    margin-right  : 0;
    bottom        : 0;
    padding       : 1em;
    padding-top   : 0
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
    margin-bottom : .5em
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
    text-decoration : underline
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
    display   : inline-block;
    flex-grow : 1
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    display    : inline-block;
    margin-top : -0.5em
}

@media (max-width : 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
        width : 100%
    }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    margin-top : .5em
}

@media (max-width : 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width : calc(50% - 0.5em)
    }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    margin-top      : -0.5em;
    display         : flex;
    flex-flow       : row;
    flex-wrap       : wrap;
    justify-content : right;
    align-items     : baseline
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a, .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
    margin-top : .5em
}

.klaro .cookie-modal-notice {
    padding            : 1em;
    padding-top        : .2em;
    background-color   : #333333;
    background-color   : var(--dark1, #333333);
    box-shadow         : 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
    width              : 100%;
    max-height         : 98%;
    overflow           : auto;
    grid-template-rows :max-content 1fr max-content
}

.klaro .cookie-modal-notice[open] {
    display : grid
}

.klaro .cookie-modal-notice::-ms-backdrop {
    background : rgba(0, 0, 0, .5)
}

.klaro .cookie-modal-notice::backdrop {
    background : rgba(0, 0, 0, .5)
}

@media (min-width : 400px) {
    .klaro .cookie-modal-notice {
        border-radius : 4px;
        border-radius : var(--border-radius, 4px);
        max-width     : 400px;
        width         : auto
    }
}

.klaro .cookie-modal-notice .cn-ok {
    display         : flex;
    flex-flow       : row;
    justify-content : space-between;
    align-items     : center;
    margin-top      : 1em
}

.klaro .cookie-notice-hidden {
    display : none !important
}

html.klaro-modal-open {
    overflow      : hidden;
    padding-right : 16px
}