.klaro .cookie-modal,
.klaro .cookie-notice {
    font-size: 14px
}
.klaro .cookie-modal .switch,
.klaro .cookie-notice .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px
}
.klaro .cookie-modal .switch.disabled input:checked+.ccslider,
.klaro .cookie-notice .switch.disabled input:checked+.ccslider {
    opacity: 0.5;
    background-color: #005091
}
.klaro .cookie-modal .ccslider,
.klaro .cookie-notice .ccslider {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19)
}
.klaro .cookie-modal .cm-app-input,
.klaro .cookie-notice .cm-app-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 50px;
    height: 30px
}
.klaro .cookie-modal .cm-app-label .ccslider,
.klaro .cookie-notice .cm-app-label .ccslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 50px;
    display: inline-block
}
.klaro .cookie-modal .cm-app-label .ccslider:before,
.klaro .cookie-notice .cm-app-label .ccslider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}
.klaro .cookie-modal .cm-app-label .ccslider.round,
.klaro .cookie-notice .cm-app-label .ccslider.round {
    border-radius: 30px
}
.klaro .cookie-modal .cm-app-label .ccslider.round:before,
.klaro .cookie-notice .cm-app-label .ccslider.round:before {
    border-radius: 50%
}
.klaro .cookie-modal .cm-app-label input:focus+.ccslider,
.klaro .cookie-notice .cm-app-label input:focus+.ccslider {
    box-shadow: 0 0 1px #0885BA
}
.klaro .cookie-modal .cm-app-label input:checked+.ccslider:before,
.klaro .cookie-notice .cm-app-label input:checked+.ccslider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}
.klaro .cookie-modal .cm-app-input:focus+.cm-app-label .ccslider,
.klaro .cookie-notice .cm-app-input:focus+.cm-app-label .ccslider {
    box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19)
}
.klaro .cookie-modal .cm-app-input:checked+.cm-app-label .ccslider,
.klaro .cookie-notice .cm-app-input:checked+.cm-app-label .ccslider {
    background-color: #0885BA
}
.klaro .cookie-modal .cm-app-input:checked+.cm-app-label .ccslider:before,
.klaro .cookie-notice .cm-app-input:checked+.cm-app-label .ccslider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}
.klaro .cookie-modal .ccslider,
.klaro .cookie-notice .ccslider {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19)
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
    color: #00AA3E;
    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 .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    font-family: inherit;
    color: #eee
}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal 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: 0.7em
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {
    background: #555;
    color: #eee;
    border-radius: 6px;
    padding: 6px 10px;
    margin-right: 0.5em;
    border: 0
}

.klaro .cookie-modal .cm-btn.cm-btn-sm,
.klaro .cookie-notice .cm-btn.cm-btn-sm {
    padding: 0.4em;
    font-size: 1em
}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
    background: #eee;
    color: #000
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background: #00AA3E
}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info {
    background: #0885BA
}

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

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

.klaro .cookie-modal .cm-modal {
    z-index: 1001;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    width: 100%;
    max-height: 98%;
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
    overflow: auto;
    background: #333;
    color: #eee
}

@media (min-width: 1024px) {
    .klaro .cookie-modal .cm-modal {
        border-radius: 4px;
        position: relative;
        margin: 0 auto;
        max-width: 640px;
        height: auto;
        width: auto
    }
}

.klaro .cookie-modal .cm-modal .hide {
    border: none;
    background: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.klaro .cookie-modal .cm-modal .hide svg {
    stroke: #eee
}

.klaro .cookie-modal .cm-modal .cm-footer {
    padding: 1em;
    border-top: 1px solid #555
}

.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
    position: absolute;
    right: 1em;
    color: #999;
    font-size: 0.8em;
    padding-top: 4px
}

.klaro .cookie-modal .cm-modal .cm-header {
    padding: 1em;
    padding-right: 24px;
    border-bottom: 1px solid #555
}

.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: scroll;
    max-height: 75vh
}

.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-apps {
    padding: 0;
    margin: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
    position: relative;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 60px;
    min-height: 40px
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
    margin-top: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
    position: absolute;
    left: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
    margin-top: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
    font-size: 0.8em;
    color: #999
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
    border-top: 1px solid #555;
    padding-top: 1em
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
    font-weight: 600;
    color:#FFF
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
    padding-left: 0.2em;
    font-size: 0.8em;
    color: #999
}

.klaro .cookie-notice {
    background: #333;
    z-index: 99999;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0
}
.klaro .cookie-notice .cn-body {
    margin-bottom: 0;
    margin-right: 0;
    bottom: 0;
    padding: 1em
}

@media (min-width: 990px) {
    .klaro .cookie-notice {
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: 100%
    }
    .klaro .cookie-notice .cn-body {
        padding: 3em 20em
    }
    .klaro .cookie-notice .cm-btn.cm-btn-success{position: absolute;right: 17%;border-radius: 0;padding: 15px 40px}
}

@media (max-width: 989px) {
    .klaro .cookie-notice {
        border: none;
        border-radius: 0
    }
    .klaro .cookie-notice .cm-btn.cm-btn-success{border-radius: 0;padding: 15px 40px;display: block;width: 100%;margin-bottom: 10px}
}



.klaro .cookie-notice .cn-body p {
    margin-bottom: 0.5em
}

.klaro .cookie-notice .cn-body p.cn-changes {
    text-decoration: underline
}

.klaro .cookie-notice .cn-body .cn-learn-more {
    display: inline-block
}

.klaro .cookie-notice .cn-body p.cn-ok {
    padding-top: 0.5em;
    margin: 0
}

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



.cm-noconsent-wrapper{position:relative}
.cm-noconsent-overlay{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:75%;background-color:rgba(255,255,255,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:5px;padding:10px;text-align:center;display:block;min-width:250px;z-index:999}
.cm-noconsent-overlay p{font-size:1em}
.cm-noconsent-overlay .cm-btn{background:#555;color:#eee;border-radius:6px;padding:6px 10px;margin-right:0.5em;border:0}
.cm-noconsent-overlay .cm-btn.cm-btn-success{background:#00AA3E}

.klaro .cookie-notice .cm-btn{background:#555}
.klaro .cookie-notice .cm-btn.cm-btn-info{background:#555}



.cm-notice-text .cm-notice-headline{
    font-size:2em;
    display:block
}

.cookie-consent{
    position: fixed;
    bottom: 20px;
    left: 20px;
    border-radius: 50%;
    background-color: #e40613;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M256.1,246c-13.3,0-24,10.7-24,24c1.1,72.3-8.1,141.9-27.7,211.5c-2.7,9.7,2.1,30.5,23.1,30.5 c10.5,0,20.1-6.9,23.1-17.5c13.5-47.9,31-125.4,29.5-224.5C280.1,256.7,269.4,246,256.1,246L256.1,246z M255.3,164.2 c-61.3-0.1-104,47.1-103.2,101.1c0.8,47.9-3.8,95.9-13.4,142.5c-2.7,13,5.7,25.7,18.6,28.4c13.1,2.7,25.7-5.7,28.4-18.6 c10.3-50.1,15.2-101.6,14.4-153c-0.4-25.9,19.9-52.5,54.4-52.3c31.3,0.5,57.2,25.3,57.6,55.5c0.8,48-2.8,96.3-10.6,143.5 c-2.2,13.1,6.7,25.4,19.8,27.6c20,3.3,26.8-15.1,27.6-19.8c8.3-50,12.1-101.2,11.3-152.1C359.3,211.1,312.2,165.1,255.3,164.2 L255.3,164.2z M144.6,144.5c-10.3-8.3-25.4-6.8-33.8,3.5c-25.6,31.5-39.4,71.3-38.8,112c0.6,37.6-2.5,75.3-9.1,112 c-2.3,13,6.3,25.5,19.4,27.9c20.1,3.5,27.1-14.8,27.9-19.4c7.2-39.8,10.5-80.7,9.9-121.3c-0.5-29.9,9.2-57.9,28-81 C156.4,167.9,154.8,152.8,144.6,144.5L144.6,144.5z M254,82.1c-15.4-0.4-30.9,1.4-45.8,5c-12.9,3.1-20.9,16-17.8,28.9 c3.1,12.9,16,20.8,28.9,17.8c11.1-2.6,22.5-3.8,34-3.7c75.4,1.1,137.7,61.5,138.9,134.6c0.6,37.9-1.3,76.1-5.6,113.6 c-1.5,13.2,8,25.1,21.1,26.6c16.7,2,25.5-11.9,26.6-21.1c4.5-39.8,6.5-79.8,5.9-119.9C438.6,165.2,355.1,83.6,254,82.1L254,82.1z M506.1,203.6c-2.9-12.9-15.5-21.2-28.6-18.3c-12.9,2.9-21.1,15.7-18.3,28.6c4.7,21.4,4.9,37.4,4.7,61.6 c-0.1,13.3,10.5,24.1,23.8,24.2h0.2c13.2,0,23.9-10.6,24-23.8C512.1,253.7,512.3,231.8,506.1,203.6L506.1,203.6z M466,112.9 C417.3,43.5,337.6,1.3,252.8,0C183-0.8,118.5,24.9,70.5,72.9C24.1,119.4-0.9,181,0.1,246.6L0,268.1c-0.4,13.3,10,24.3,23.3,24.7 c0.2,0,0.5,0,0.7,0c12.9,0,23.6-10.3,24-23.3l0.2-23.6c-0.8-52.5,19.2-101.9,56.3-139c38.8-38.8,91.3-59.7,147.7-58.9 c69.5,1,134.7,35.6,174.6,92.4c7.6,10.9,22.6,13.4,33.4,5.9C471,138.7,473.6,123.7,466,112.9L466,112.9z'/%3E%3C/svg%3E%0A");
    background-position:center;
    background-size:70%;
    background-repeat: no-repeat;
    cursor:pointer
}

@media (max-width: 989px) {
    .cookie-consent{
        left:5px;
        bottom:55px
    }
}

.klaro-blur{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background-color: rgba(0,0,0,0.3);
}
.klaro .cookie-modal .cm-app-description{
    display:none;
}
.klaro .cookie-modal .purposes{
    display:none;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes-rendered {
    font-size: 0.8em;
    color: #999
}

/* Fenster zentriert */
.klaro .cookie-notice .cm-btn.cm-btn-success {
    padding: 0px 40px;
}
@media (min-width: 990px) {
    .klaro .cookie-notice {
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: 100%
        /*top: 50%;
        left: 50%;
        max-width: 600px;
        max-height: 300px;
        translate: -50% -50%;
        border-radius: 1rem;
        height: 100%;
        display:flex;
        align-items:center;*/
    }
}
@media (min-width: 990px) {
    .klaro .cookie-notice .cn-body {
        /*padding: 1rem;*/
        padding: 3em 20em
    }
}


.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn
{
    background: #555;
    color: #eee;
    border-radius: 6px;
    padding: 6px 10px;
    margin-right: 0.5em;
    border: 0;
}

@media (min-width: 990px) {
    .klaro .cookie-notice .cm-btn.cm-btn-success {
        position: relative;
        right: auto;
        border-radius: 6px;
        padding: 6px 50px;
        margin-left: auto!important;
    }
}


.klaro .cookie-notice .cn-body p.cn-ok {
    padding-top: 0.5em;
    margin: 0;
    display:flex;
    flex-direction: row-reverse;
}

@media (max-width: 989px) {
    .klaro .cookie-notice .cn-body p.cn-ok {
        display:flex;
        flex-direction: column;
        gap: 5px;
    }
    .klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn
    {

        margin-right: 0;

    }
    .klaro .cookie-notice .cm-btn.cm-btn-success {
        border-radius: 6px;
        padding: 6px 10px;
        display: block;
        width: 100%;
        margin-bottom: 0;
    }
}