.klaro abbr, .klaro address, .klaro article, .klaro aside, .klaro audio, .klaro b, .klaro blockquote, .klaro body, .klaro canvas, .klaro caption, .klaro cite, .klaro code, .klaro dd, .klaro del, .klaro details, .klaro dfn, .klaro div, .klaro dl, .klaro dt, .klaro em, .klaro fieldset, .klaro figcaption, .klaro figure, .klaro footer, .klaro form, .klaro #bot h1, .klaro h2, .klaro h3, .klaro h4, .klaro h5, .klaro h6, .klaro #bot header, .klaro hgroup, .klaro html, .klaro i, .klaro iframe, .klaro img, .klaro ins, .klaro kbd, .klaro label, .klaro legend, .klaro li, .klaro mark, .klaro menu, .klaro nav, .klaro object, .klaro ol, .klaro p, .klaro pre, .klaro q, .klaro samp, .klaro section, .klaro small, .klaro span, .klaro strong, .klaro sub, .klaro summary, .klaro sup, .klaro table, .klaro tbody, .klaro td, .klaro tfoot, .klaro th, .klaro thead, .klaro time, .klaro tr, .klaro ul, .klaro var, .klaro video {
    padding: 2px;
    line-height: normal;
}

.klaro td, .klaro tr {
    border-bottom: 1px solid #3481b4;
}

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

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

.klaro .cookie-modal .cm-modal {
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
    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);
    max-height: 98%;
    top: 50%;
    transform: translateY(-50%);
    overflow: auto;
    background: #fff;
    color: #000;
    padding: 15px;
}

.klaro .cookie-modal .cm-modal .cm-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #e86401;
}

@media screen and (max-width: 769px) {
    .klaro .cookie-modal .cm-modal .cm-header {
        padding: 15px;
    }
}

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

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

.klaro .cookie-modal .cm-modal .cm-header p.title {
    font-family: 'Barlow-Regular';
    font-weight: normal;
    font-size: 48px;
    line-height: 1.0em;
    margin: 0 0 15px 0;
    display: block;
    color: #e86401;
}

.klaro .cookie-modal .cm-modal .cm-header ::after {
    background: none;
}

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

.klaro .cookie-modal .cm-modal .cm-body {
    padding: 30px 0 0 0;
}

@media screen and (max-width: 769px) {
    .klaro .cookie-modal .cm-modal .cm-body {
        padding: 15px;
    }
}

.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 .cm-app {
    margin-bottom: 15px;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 50px;
    height: 30px;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-input:checked + .cm-app-label .slider::before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-input.required:checked + .cm-app-label .slider {
    opacity: 1;
    background-color: #e86401;
    cursor: not-allowed;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-input:checked + .cm-app-label .slider {
    background-color: #e86401;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-title {
    font-weight: 600;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-required {
    padding-left: 0.2em;
    color: #999;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .required-padding-left {
    padding-top: 2em;
    padding-left: 0em;
    color: #999;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .switch {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 50px;
    height: 30px;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-label .slider.round::before {
    border-radius: 50%;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-label .slider.round {
    border-radius: 30px;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-label .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 50px;
    display: inline-block;
}

.klaro .cookie-modal .cm-modal .cm-body .cm-app .cm-app-label .slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.klaro .cookie-modal .cm-modal .cm-footer {
    padding-top: 30px;
}

@media screen and (max-width: 769px) {
    .klaro .cookie-modal .cm-modal .cm-footer {
        padding: 15px;
    }
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-footer-buttons button.cm-btn-accept-all,
.klaro .cookie-modal .cm-modal .cm-footer .cm-footer-buttons button.cm-btn-accept {
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 0;
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #000;
    margin-left: 15px;
    cursor: pointer;
    float: right;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-footer-buttons button:nth-child(1) {
    border: 1px solid #e86401;
    background-color: #e86401;
    color: #fff;
}

.klaro .cookie-notice-hidden,
.klaro .cookie-notice .cn-body p.cn-ok .cn-decline,
.klaro .cm-app.cm-toggle-all,
.klaro .cm-powered-by,
.klaro span.cm-opt-out,
.klaro .cm-app p.purposes,
.klaro .cm-btn-decline {
    display: none !important;
}

a.cl-conf-pref {
    cursor: pointer;
}