:root{--cc-ink:#172220;--cc-muted:#66716e;--cc-line:#dfe5e2;--cc-paper:#fff;--cc-accent:#b79a62;--cc-soft:#f4f1eb;--cc-shadow:0 26px 80px rgba(15,28,25,.22)}
.cc-lock{overflow:hidden}
.cc-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(9,17,15,.52);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.25s ease}
.cc-backdrop.is-visible{opacity:1;visibility:visible}
.cc-banner{position:fixed;z-index:9999;left:24px;right:24px;bottom:24px;max-width:1180px;margin:auto;background:var(--cc-paper);color:var(--cc-ink);border:1px solid rgba(255,255,255,.65);box-shadow:var(--cc-shadow);border-radius:3px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;transform:translateY(calc(100% + 50px));opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}
.cc-banner.is-visible{transform:none;opacity:1}
.cc-kicker{margin:0 0 8px;color:var(--cc-accent);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.cc-title{font:500 clamp(24px,3vw,34px)/1.1 Georgia,serif;margin:0 0 10px}
.cc-description{max-width:720px;margin:0;color:var(--cc-muted);font:400 14px/1.6 Arial,sans-serif}
.cc-description a{color:var(--cc-ink);text-underline-offset:3px}
.cc-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.cc-button{appearance:none;border:1px solid var(--cc-ink);border-radius:2px;background:var(--cc-ink);color:#fff;padding:13px 18px;min-height:45px;font:700 12px/1 Arial,sans-serif;letter-spacing:.05em;cursor:pointer;transition:.18s ease;white-space:nowrap}
.cc-button:hover{transform:translateY(-1px);background:#2a3936}
.cc-button--outline{background:#fff;color:var(--cc-ink)}
.cc-button--outline:hover{background:var(--cc-soft)}
.cc-modal{position:fixed;z-index:10000;top:50%;left:50%;width:min(680px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;color:var(--cc-ink);box-shadow:var(--cc-shadow);border-radius:3px;transform:translate(-50%,-45%) scale(.98);opacity:0;visibility:hidden;transition:.25s ease}
.cc-modal.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}
.cc-modal__head{padding:28px 30px 20px;border-bottom:1px solid var(--cc-line);position:relative}
.cc-modal__head h2{font:500 30px/1.15 Georgia,serif;margin:0 45px 8px 0}.cc-modal__head p{font:14px/1.55 Arial,sans-serif;color:var(--cc-muted);margin:0}
.cc-close{position:absolute;right:22px;top:22px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--cc-muted)}
.cc-categories{padding:8px 30px 10px}.cc-category{display:grid;grid-template-columns:1fr auto;gap:14px;padding:19px 0;border-bottom:1px solid var(--cc-line)}.cc-category:last-child{border-bottom:0}
.cc-category h3{font:700 14px/1.3 Arial,sans-serif;margin:0 0 5px}.cc-category p{font:13px/1.5 Arial,sans-serif;color:var(--cc-muted);margin:0;max-width:510px}
.cc-switch{position:relative;width:46px;height:25px;margin-top:2px}.cc-switch input{position:absolute;opacity:0}.cc-switch span{position:absolute;inset:0;background:#cbd2cf;border-radius:20px;cursor:pointer;transition:.2s}.cc-switch span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.cc-switch input:checked+span{background:var(--cc-ink)}.cc-switch input:checked+span:after{transform:translateX(21px)}.cc-switch input:disabled+span{opacity:.55;cursor:not-allowed}
.cc-modal__foot{display:flex;gap:10px;justify-content:flex-end;padding:18px 30px 26px;border-top:1px solid var(--cc-line)}
@media(max-width:760px){.cc-banner{left:12px;right:12px;bottom:12px;padding:22px;grid-template-columns:1fr;gap:18px}.cc-actions{display:grid;grid-template-columns:1fr}.cc-button{width:100%}.cc-modal__head,.cc-categories{padding-left:21px;padding-right:21px}.cc-modal__foot{padding:16px 21px 22px;display:grid}.cc-modal__foot .cc-button{width:100%}}
.cc-service-placeholder{min-height:180px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#f2f0eb;color:#59635f;font:13px/1.55 Arial,sans-serif;border:1px solid #dedbd3}
.cc-service-placeholder button{appearance:none;border:1px solid #172220;background:#172220;color:#fff;padding:11px 15px;font:700 11px/1 Arial,sans-serif;letter-spacing:.05em;cursor:pointer}
.mediathek__video--iframe>.cc-service-placeholder{position:absolute;inset:0;z-index:2;min-height:100%}
