#pg_cookieBanner, #pg_cookieBannerInner {max-width: 1050px}
#pg_cookieBannerBack {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999999999999}
#pg_cookieBanner {width: 100%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99999999999999; border-radius: 12px}
#pg_cookieBannerInner {background-color: var(--white);border-radius: 4.5px;max-height: 80vh;width: 100%;color: var(--default-textColor);outline: 0;flex-flow: column;display: flex;overflow: hidden;box-shadow: 0 32px 68px rgba(0, 0, 0, .3); padding: 16px}
#pg_cookieBannerDesc {padding: 24px 24px 0 24px; overflow: auto; border: 1px solid #eee}
#pg_cookieBannerHead {font-family: var(--font-head); font-size: 1.6rem; margin-bottom: 1rem; display: block}
#pg_cookieBannerLinks {display: flex; margin: 12px 0}
#pg_cookieBannerLinks a {position: relative; padding: 2px; margin: 2px; display: inline-block; margin-right: 24px; font-size: 0.9em}
#pg_cookieBannerLinks a:after {content: ""; background-color: var(--default-textColor);opacity: 0.3; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0}
#pg_cookieBannerLinks a:hover:after {opacity: 1}
#pg_cookieBannerButtons {padding: 12px 24px;display: flex;justify-content: space-between;}
#pg_cookieBannerButtons button {background-color: var(--black-grey); color: var(--white); padding: 16px; border-radius: 3.5px; width: 48%}
#pg_cookieBannerButtons button:hover {background-color: var(--dark-grey)}

.pg_cookieBannerHead {font-family: var(--font-head);font-size: 1.2rem;margin-bottom: 0.8rem;display: block;}
.pg_cookieBannerOptHead {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px}
.pg_cookieBannerOpt {padding: 1rem; border: 1px solid rgba(0,0,0,0.3); border-radius: 4px; margin: 3% 0}
.pg_cookieBannerOpt p {margin-top: 0; line-height: 1.4}
.pg_cookieBannerOptInfos {box-shadow: 0 0 1rem 0 #d7dce1; border-radius: 4px}
.pg_cookieBannerOptInfos button {padding: 1rem;width: 100%;display: flex;justify-content: space-between;align-items: center;text-align: left;font-family: inherit;font-size: inherit;}
.pg_cookieBannerOptInfos button:after {content:"";display: inline-block;vertical-align: middle;width: 12px;height: 12px;background-color: currentColor;-webkit-mask-image: var(--icon-arrow-right);mask-image: var(--icon-arrow-right);mask-repeat: no-repeat;mask-position: center;mask-size: contain; margin-left: 5px;} 
.pg_cookieBannerOptInfosDesc {padding: 1.5rem; display: none}
.pg_cookieBannerOptInfos.active .pg_cookieBannerOptInfosDesc  {display: block}
.pg_cookieBannerOptInfos.active button:after {transform: rotate(90deg)}

/*Fokus*/
/*#pg_cookieBannerInner a,#pg_cookieBannerInner button {outline: none !important}*/
.user-is-tabbing #pg_cookieBannerInner a:focus, .user-is-tabbing #pg_cookieBannerInner button:focus {outline: 2px solid blue !important}

/*Switch*/
#pg_cookieBanner .cl_switch input[type="checkbox"]:disabled + .slider,.switch input[type="checkbox"]:disabled ~ .label-text {cursor: default}
#pg_cookieBanner .cl_switch {display: inline-flex;align-items: center;gap: 0.75rem;cursor: pointer;user-select: none;}
#pg_cookieBanner .cl_switch input[type="checkbox"] {position: absolute;opacity: 0;width: 0;height: 0;pointer-events: none}
#pg_cookieBanner .cl_switch .slider {--w: 56px;--h: 26px;--pad: 3px;position: relative;width: var(--w);height: var(--h);border-radius: calc(var(--h) / 2);box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset, 0 2px 8px rgba(16,24,40,0.06);transition: background 160ms linear, box-shadow 160ms linear;display: inline-block;vertical-align: middle;}
#pg_cookieBanner .cl_switch input[type="checkbox"]:disabled + .slider {background: var(--medium-grey)}
#pg_cookieBanner .cl_switch .slider {background: var(--black-grey)}
#pg_cookieBanner .cl_switch .slider::before {content: "";position: absolute;top: var(--pad);left: var(--pad);width: calc(var(--h) - var(--pad) * 2);height: calc(var(--h) - var(--pad) * 2);border-radius: 50%;background: white;box-shadow: 0 2px 6px rgba(16,24,40,0.12);transform: translateX(0);transition: transform 160ms cubic-bezier(.2,.9,.2,1), box-shadow 160ms linear;}
#pg_cookieBanner .cl_switch input[type="checkbox"]:checked + .slider {background: #63A615;box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset, 0 6px 14px rgba(62,166,79,0.18);}
#pg_cookieBanner .cl_switch input[type="checkbox"]:checked + .slider::before {transform: translateX(calc(var(--w) - var(--h)));box-shadow: 0 4px 14px rgba(62,166,79,0.22);}
#pg_cookieBanner .cl_switch input[type="checkbox"]:focus-visible + .slider {outline: 3px solid Highlight;outline-offset: 3px;}

/*
#pg_cookieBanner a:focus-visible {
  margin: 2px;
  padding: 2px;
  display: inline-block;
}*/