/* Klarstern Cookie Consent — Modal-Styles (Palette der Landingpage) */
#cc-modal{position:fixed;inset:0;z-index:1000;display:none;}
#cc-modal.visible{display:block;}
body.cc-locked{overflow:hidden;}

#cc-modal .cc-backdrop{position:absolute;inset:0;background:rgba(58,58,60,.45);backdrop-filter:blur(3px);}
#cc-modal .cc-box{
  position:absolute;left:50%;bottom:24px;transform:translateX(-50%);
  width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;
  background:#FBFAF8;border:1px solid #E7E2DD;border-radius:18px;
  box-shadow:0 30px 80px -30px rgba(58,58,60,.5);
  padding:26px 28px 20px;
  font-family:'Poppins',sans-serif;color:#3A3A3C;font-size:.92rem;line-height:1.6;
}
@media(min-width:700px){#cc-modal .cc-box{bottom:auto;top:50%;transform:translate(-50%,-50%);}}

#cc-modal .cc-head{display:flex;align-items:center;gap:.55em;font-weight:600;letter-spacing:.12em;font-size:.95rem;margin-bottom:14px;}
#cc-modal .cc-star{width:1em;height:1em;fill:#B98C88;flex:none;}

#cc-modal .cc-tabs{display:flex;gap:6px;border-bottom:1px solid #E7E2DD;margin-bottom:16px;}
#cc-modal .cc-tab{
  font-family:inherit;font-size:.85rem;padding:8px 14px;border:none;background:transparent;
  cursor:pointer;color:#6E6E73;border-bottom:2px solid transparent;margin-bottom:-1px;
}
#cc-modal .cc-tab.active{color:#B98C88;font-weight:500;border-bottom-color:#B98C88;}

#cc-modal .cc-pane{display:none;}
#cc-modal .cc-pane.active{display:block;}
#cc-modal .cc-pane p{margin:0 0 16px;font-family:'Lora',Georgia,serif;font-size:.95rem;}

#cc-modal .cc-cat{border:1px solid #E7E2DD;border-radius:12px;padding:13px 16px;margin-bottom:10px;background:#fff;}
#cc-modal .cc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#cc-modal .cc-cat-name{font-weight:500;font-size:.9rem;}
#cc-modal .cc-cat-name em{font-style:normal;font-weight:400;font-size:.72rem;color:#B98C88;background:#F4E9E7;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:1px;}
#cc-modal .cc-cat-desc{margin:.45rem 0 0!important;font-size:.82rem!important;color:#6E6E73;font-family:'Poppins',sans-serif!important;}

/* Toggle-Switch */
#cc-modal .cc-switch{position:relative;flex:none;width:42px;height:24px;display:inline-block;}
#cc-modal .cc-switch input{opacity:0;width:0;height:0;position:absolute;}
#cc-modal .cc-slider{
  position:absolute;inset:0;background:#D9D4CF;border-radius:999px;cursor:pointer;transition:background .18s;
}
#cc-modal .cc-slider::before{
  content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:transform .18s;box-shadow:0 1px 3px rgba(58,58,60,.3);
}
#cc-modal .cc-switch input:checked + .cc-slider{background:#B98C88;}
#cc-modal .cc-switch input:checked + .cc-slider::before{transform:translateX(18px);}
#cc-modal .cc-switch.locked .cc-slider{background:#BFE0D4;cursor:default;}
#cc-modal .cc-switch input:focus-visible + .cc-slider{outline:2px solid #B98C88;outline-offset:2px;}

#cc-modal .cc-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;}
#cc-modal .cc-btn{
  font-family:inherit;font-size:.9rem;font-weight:500;border-radius:999px;
  padding:11px 24px;cursor:pointer;border:1.5px solid transparent;transition:background .2s,color .2s;
}
#cc-modal .cc-primary{background:#B98C88;color:#fff;}
#cc-modal .cc-primary:hover{background:#3A3A3C;}
#cc-modal .cc-ghost{background:transparent;color:#3A3A3C;border-color:#3A3A3C;}
#cc-modal .cc-ghost:hover{background:#3A3A3C;color:#fff;}
#cc-modal .cc-link{background:none;border:none;font-family:inherit;font-size:.85rem;color:#6E6E73;text-decoration:underline;cursor:pointer;padding:6px 2px;}
#cc-modal .cc-link:hover{color:#B98C88;}

#cc-modal .cc-foot{margin:14px 0 0!important;font-size:.75rem!important;color:#6E6E73;}
#cc-modal .cc-foot a{color:#6E6E73;}

@media(max-width:560px){
  #cc-modal .cc-box{padding:20px 18px 16px;}
  #cc-modal .cc-actions .cc-btn{flex:1 1 auto;text-align:center;padding:11px 14px;}
}