/* Clean-only consent skin. Equal action sizes and contrast on both device templates. */
html body #klaro .cookie-notice,html body #klaro .cookie-modal .cm-modal,
html body #klaro .cookie-modal .cm-header,html body #klaro .cookie-modal .cm-body,
html body #klaro .cookie-modal .cm-footer{background:#333333!important;color:#fff!important;font-family:Montserrat,Arial,sans-serif!important}
html body #klaro .cookie-notice{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:20px 32px!important;border:0!important;border-top:1px solid #565656!important;border-radius:0!important;box-shadow:0 -6px 30px #0002!important;z-index:100000!important}
html body #klaro .cookie-notice .cn-body{max-width:1360px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:18px 32px!important;flex-wrap:wrap!important}
html body #klaro .cookie-notice .cn-body>p:first-child{flex:1 1 480px!important;margin:0!important}
html body #klaro :is(p,li,label,.cm-list-title,.cm-list-description,.cm-purpose,.cn-body>p){color:#f7f6f2!important;font-size:14px!important;line-height:1.6!important}
html body #klaro :is(a,.cm-link,.cn-learn-more){color:#fff!important;font-size:14px!important;font-weight:400!important;text-decoration:underline!important;text-underline-offset:3px;background:none!important}
html body #klaro .cookie-notice .cn-ok{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important}
html body #klaro .cookie-notice .cn-buttons{display:flex!important;gap:12px!important;margin:0!important}
html body #klaro :is(.cookie-notice,.cookie-modal) .cm-btn{height:46px!important;min-width:148px!important;padding:10px 22px!important;border:1px solid #fff!important;border-radius:999px!important;background:#fff!important;color:#252525!important;font:500 14px/1.4 Montserrat,Arial,sans-serif!important;margin:0!important;box-shadow:none!important;opacity:1!important;cursor:pointer}
html body #klaro :is(.cookie-notice,.cookie-modal) .cm-btn:hover{background:#e7e3dd!important;border-color:#e7e3dd!important}
html body #klaro :is(button,a):focus-visible{outline:2px solid #fff!important;outline-offset:4px!important}
html body #klaro .wb-consent-legal{display:block;margin-top:6px;font-size:12px!important;color:#d8d6d1!important}
html body #klaro .wb-consent-legal a{font-size:12px!important;margin-right:18px}
html body #klaro .cookie-modal .cm-modal{border:1px solid #777!important;border-radius:16px!important;max-width:680px!important}
html body #klaro .cookie-modal :is(.cm-header,.cm-footer){border-color:#626262!important}
html:root body #klaro .cookie-modal .cm-header h1{font-size:26px!important;font-weight:500!important;line-height:1.25!important;color:#fff!important}
html body #klaro .cookie-modal .cm-footer .cm-buttons{display:flex;gap:12px;flex-wrap:wrap}
html body #klaro .cookie-modal .cm-footer .cm-btn{min-width:0;flex:1 1 148px}
html body #klaro .cookie-modal .cm-list-label .slider{background:#656565!important;border:1px solid #aaa!important}
html body #klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider{background:#f3f0eb!important}
html body #klaro .cookie-modal .cm-list-label .slider::before{background:#333!important}
html body #klaro .cookie-modal .hide svg{stroke:#fff!important}
html body #klaro .cookie-modal .hide{color:#fff!important}
html body #klaro .cm-powered-by{display:none!important}
.wb-cookie-link[data-wb-cookie-settings]{cursor:pointer}
html body :is(.wb-original-footer,.wb-footer,.content-footer) :is(.wb-cookie-link,.wb-footer-cookie-settings){cursor:pointer;text-decoration:none!important}
@media(max-width:760px){html body #klaro .cookie-notice{padding:18px 20px calc(18px + env(safe-area-inset-bottom))!important}html body #klaro .cookie-notice .cn-body{display:block!important}html body #klaro .cookie-notice .cn-body>p:first-child{flex:none!important}html body #klaro .cookie-notice .cn-ok{margin-top:16px!important;gap:14px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}html body #klaro .cookie-notice .cn-buttons{width:100%!important}html body #klaro .cookie-notice .cm-btn{min-width:0!important;flex:1 1 0!important}html body #klaro .cookie-modal .cm-modal{width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px)!important;box-sizing:border-box!important}html body #klaro .cookie-modal .cm-footer .cm-buttons{display:grid!important;grid-template-columns:1fr!important}html body #klaro .cookie-modal .cm-footer .cm-btn{width:100%!important}html body #klaro :is(p,li,label){font-size:13px!important}}

html body #klaro .cookie-modal .cm-required{color:#ddd!important}

/* Kontor: native Klaro controls, scoped to the clean site modal. */
html.wb-consent-open{overflow:hidden!important;scrollbar-gutter:stable}
html body #klaro .cookie-modal{z-index:100001!important}
html body #klaro .cookie-modal .cm-bg{background:rgba(17,19,20,.53)!important;backdrop-filter:blur(5px)}
html body #klaro .cookie-modal .cm-modal.wb-consent-kontor{position:fixed!important;left:50%!important;top:50%!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:calc(100% - 32px)!important;max-width:660px!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;box-sizing:border-box!important;padding:30px!important;background:#303030!important;color:#f7f5f1!important;border:1px solid #55534f!important;border-radius:20px!important;box-shadow:0 24px 80px #0003!important;outline:none!important;overscroll-behavior:contain;animation:wb-consent-enter .22s ease-out}
html body #klaro .wb-consent-kontor :is(.cm-header,.cm-body,.cm-footer){background:transparent!important;padding:0!important;border:0!important;margin:0!important}
html body #klaro .wb-consent-kontor .cm-header{padding-bottom:24px!important}
html body #klaro .wb-consent-kontor .wb-consent-brand{display:flex!important;align-items:baseline;gap:8px;font:600 13px/1.4 Montserrat,Arial,sans-serif!important;letter-spacing:.08em!important;margin:0 48px 28px 0!important;color:#f7f5f1!important}
html body #klaro .wb-consent-kontor .wb-consent-brand span{font-size:10px!important;letter-spacing:.1em!important;font-weight:400!important}
html body #klaro .wb-consent-kontor .cm-header p.wb-consent-eyebrow{font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;margin:0 0 10px!important;line-height:1.5!important;color:#c6c3bc!important}
html:root body #klaro .cookie-modal .wb-consent-kontor .cm-header h1{font:500 32px/1.12 Montserrat,Arial,sans-serif!important;letter-spacing:-.04em!important;text-transform:none!important;margin:0 0 14px!important;padding:0!important;color:#f7f5f1!important}
html body #klaro .wb-consent-kontor .cm-header>p:not(.wb-consent-eyebrow){font-size:13px!important;line-height:1.65!important;margin:0!important;max-width:520px;color:#c6c3bc!important}
html body #klaro .wb-consent-kontor .hide{top:16px!important;right:16px!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
html body #klaro .wb-consent-kontor .hide:hover{background:#ffffff0d!important}
html body #klaro .wb-consent-kontor .hide svg{width:16px!important;height:16px!important;stroke:#e6e2dc!important}
html body #klaro .wb-consent-kontor .cm-body ul.cm-services{margin:0!important;padding:0!important;list-style:none!important}
html body #klaro .wb-consent-kontor .cm-body li.cm-service{position:relative!important;list-style:none!important;margin:0!important;padding:17px 66px 17px 0!important;border-top:1px solid #55534f!important;min-height:78px!important;box-sizing:border-box!important}
html body #klaro .wb-consent-kontor .cm-body li.cm-service>div{position:static!important;margin:0!important;padding:0!important}
html body #klaro .wb-consent-kontor .cm-list-label{position:static!important;display:block!important;margin:0!important;padding:0!important;min-height:0!important;cursor:pointer}
html body #klaro .wb-consent-kontor .cm-list-title{font:600 14px/1.45 Montserrat,Arial,sans-serif!important;color:#f7f5f1!important}
html body #klaro .wb-consent-kontor .cm-list-description{font:400 12px/1.55 Montserrat,Arial,sans-serif!important;margin:3px 0 0!important;padding:0!important;color:#c6c3bc!important}
html body #klaro .wb-consent-kontor .cm-list-description span{color:inherit!important;font:inherit!important}
html body #klaro .wb-consent-kontor .purposes{display:none!important}
html body #klaro .wb-consent-kontor .cm-list-input{position:absolute!important;left:auto!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;margin:0!important;opacity:0!important;z-index:2!important;cursor:pointer}
html body #klaro .wb-consent-kontor .cm-switch{position:absolute!important;left:auto!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:24px!important}
html body #klaro .wb-consent-kontor .cm-list-label .slider{box-sizing:border-box!important;width:42px!important;height:24px!important;background:#54524e!important;border:1px solid #86827b!important;border-radius:24px!important;box-shadow:none!important;transition:background .18s ease!important}
html body #klaro .wb-consent-kontor .cm-list-label .slider::before{width:16px!important;height:16px!important;left:3px!important;bottom:3px!important;background:#f7f5f1!important;border-radius:50%!important;transform:translateX(0)!important;transition:transform .18s ease!important}
html body #klaro .wb-consent-kontor .cm-list-input:checked+.cm-list-label .slider{background:#eeeae3!important;border-color:#eeeae3!important}
html body #klaro .wb-consent-kontor .cm-list-input:checked+.cm-list-label .slider::before{transform:translateX(18px)!important;background:#303030!important}
html body #klaro .wb-consent-kontor .cm-list-input:focus-visible+.cm-list-label .slider{outline:2px solid #f7f5f1!important;outline-offset:4px!important}
html body #klaro .wb-consent-kontor .cm-body li.wb-consent-required{padding-right:96px!important}
html body #klaro .wb-consent-kontor .wb-consent-required :is(input,.cm-switch){display:none!important}
html body #klaro .wb-consent-kontor .wb-consent-required .cm-list-label{cursor:default!important}
html body #klaro .wb-consent-kontor .cm-required{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;white-space:nowrap!important;border:1px solid #66635d!important;border-radius:4px!important;padding:4px 8px!important;color:#d3cfc7!important;font:400 10px/1.5 Montserrat,Arial,sans-serif!important}
html body #klaro .wb-consent-kontor .wb-consent-ai{margin:0!important;padding:15px 0!important;border:0!important;border-block:1px solid #55534f!important;background:none!important}
html body #klaro .wb-consent-kontor .wb-consent-ai summary{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;list-style:none!important;min-height:30px!important;margin:0!important;padding:0!important;font:500 12px/1.5 Montserrat,Arial,sans-serif!important;color:#f7f5f1!important}
html body #klaro .wb-consent-kontor .wb-consent-ai summary::-webkit-details-marker{display:none!important}
html body #klaro .wb-consent-kontor .wb-consent-ai summary::after{content:''!important;display:block!important;position:static!important;width:6px!important;height:6px!important;margin-left:5px!important;border:solid #c6c3bc!important;border-width:0 1px 1px 0!important;transform:rotate(45deg)!important;flex-shrink:0!important;transition:transform .18s ease}
html body #klaro .wb-consent-kontor .wb-consent-ai[open] summary::after{transform:rotate(225deg)!important}
html body #klaro .wb-consent-kontor .wb-consent-ai summary::before{display:none!important}
html body #klaro .wb-consent-kontor .wb-consent-spark{font-size:25px!important;font-weight:400!important;line-height:1!important}
html body #klaro .wb-consent-kontor .wb-consent-detail-label{margin-left:auto!important;font-size:11px!important;font-weight:400!important;color:#c6c3bc!important}
html body #klaro .wb-consent-kontor .wb-consent-ai p{font:400 12px/1.65 Montserrat,Arial,sans-serif!important;margin:12px 0 0!important;color:#c6c3bc!important}
html body #klaro .wb-consent-kontor .wb-consent-ai a{font:inherit!important;color:#f7f5f1!important}
html body #klaro .wb-consent-kontor .cm-footer-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:18px 0 0!important}
html body #klaro .cookie-modal .wb-consent-kontor .cm-footer .cm-btn{width:100%!important;min-width:0!important;height:46px!important;margin:0!important;padding:8px 6px!important;box-sizing:border-box!important;border:1px solid #f2efea!important;border-radius:7px!important;background:#f2efea!important;color:#252525!important;font:500 11px/1.3 Montserrat,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;white-space:normal!important}
html body #klaro .cookie-modal .wb-consent-kontor .cm-footer .cm-btn-accept{background:transparent!important;color:#f2efea!important;border-color:#85817a!important}
html body #klaro .cookie-modal .wb-consent-kontor .cm-footer .cm-btn:hover{background:#ded8cf!important;color:#252525!important;border-color:#ded8cf!important}
html body #klaro .wb-consent-kontor .wb-consent-bottom{display:flex!important;align-items:center!important;gap:18px!important;margin:17px 0 0!important;padding:0!important}
html body #klaro .wb-consent-kontor .wb-consent-bottom a{font:400 11px/1.5 Montserrat,Arial,sans-serif!important;color:#c6c3bc!important;text-decoration:none!important}
html body #klaro .wb-consent-kontor .wb-consent-bottom a:hover{text-decoration:underline!important;text-underline-offset:3px!important}
html body #klaro .wb-consent-kontor :is(button,a,summary):focus-visible{outline:2px solid #f7f5f1!important;outline-offset:4px!important}
@keyframes wb-consent-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:520px){
 html body #klaro .cookie-modal .cm-modal.wb-consent-kontor{width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:22px 20px!important;border-radius:16px!important}
 html body #klaro .wb-consent-kontor .wb-consent-brand{margin-bottom:23px!important;font-size:12px!important;gap:6px!important}
 html body #klaro .wb-consent-kontor .wb-consent-brand span{font-size:9px!important}
 html:root body #klaro .cookie-modal .wb-consent-kontor .cm-header h1{font-size:29px!important}
 html body #klaro .wb-consent-kontor .cm-header{padding-bottom:20px!important}
 html body #klaro .wb-consent-kontor .cm-body li.cm-service{padding-top:15px!important;padding-bottom:15px!important;padding-right:58px!important}
 html body #klaro .wb-consent-kontor .cm-body li.wb-consent-required{padding-right:83px!important}
 html body #klaro .wb-consent-kontor .cm-list-title{font-size:13px!important}
 html body #klaro .wb-consent-kontor .cm-required{font-size:9px!important;padding:4px 6px!important}
 html body #klaro .wb-consent-kontor .wb-consent-detail-label{display:none!important}
 html body #klaro .wb-consent-kontor .wb-consent-ai summary::after{margin-left:auto!important}
 html body #klaro .wb-consent-kontor .cm-footer-buttons{grid-template-columns:1fr!important;gap:9px!important}
 html body #klaro .cookie-modal .wb-consent-kontor .cm-footer .cm-btn{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){html body #klaro .wb-consent-kontor,html body #klaro .wb-consent-kontor *{animation:none!important;transition:none!important}}

/* Keep both choices fully readable at narrow widths and browser zoom. */
@media(max-width:420px){
 html body #klaro .cookie-notice .cn-buttons{flex-direction:column!important;gap:10px!important}
 html body #klaro .cookie-notice .cm-btn{width:100%!important;min-height:46px!important;height:auto!important;flex:none!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:normal!important}
 html body #klaro .cookie-notice{max-height:85dvh!important;overflow:auto!important}
}

/* The service list scrolls while all decisions stay visible. */
@media(max-width:520px),(max-height:650px){
 html body #klaro .cookie-modal .cm-modal.wb-consent-kontor{display:flex!important;flex-direction:column!important;overflow:hidden!important}
 html body #klaro .wb-consent-kontor .cm-header{flex:0 0 auto!important}
 html body #klaro .wb-consent-kontor .cm-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding-right:3px!important}
 html body #klaro .wb-consent-kontor .cm-footer{flex:0 0 auto!important;margin-top:12px!important;border-top:1px solid #55534f!important}
}
