diff --git a/CHANGELOG.md b/CHANGELOG.md index 730c320b..cd586e11 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,6 @@ # REDAXO consent_manager - Changelog +## Version 5.5.0 (Entwicklung) ## Version 5.5.0 - 17.02.2026 - **Feature:** Inline-Consent kann nun optional auf "Session-Scope" beschränkt werden. Zustimmungen gelten dann nur, solange der Browser-Tab offen ist (via `sessionStorage`). Konfigurierbar unter Einstellungen. diff --git a/assets/consent_manager_backend.css b/assets/consent_manager_backend.css index f8d2bd1e..270f8f92 100644 --- a/assets/consent_manager_backend.css +++ b/assets/consent_manager_backend.css @@ -1 +1 @@ -.consent_manager-rex-form-info{margin:-15px -15px 15px -15px;padding:5px 15px;background:#f09000;color:#fff}.consent_manager-rex-form-info i{margin-right:0.5em}.consent_manager-fake{opacity:0.6}.consent_manager-fake label{cursor:default}ul.navbar-nav li.active{font-weight:bold}legend>span{font-size:0.7em;font-weight:normal}p.theme_description span,p.theme_selected_description span{display:inline-block;width:160px}.cm_modal-overlay{position:fixed;box-sizing:border-box;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);display:none;z-index:9999}.cm_modal-overlay.is-open{display:block}.cm_modal-iframe{border:0;background-color:#000;transform:scale(1, 1);width:100%;height:100%;opacity:0}.cm_modal-button-close{position:absolute;top:30px;right:30px;z-index:99999}div.thumbnail-container{width:calc(1440px * 0.20);height:calc(900px * 0.20);display:inline-block;overflow:hidden;position:relative;cursor:pointer}div.thumbnail{width:1440px;height:900px;position:relative;-ms-zoom:0.2;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0}div.thumbnail:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}div.thumbnail iframe{border:0;width:1440px;height:900px;opacity:0;transition:all 300ms ease-in-out} +.consent_manager-rex-form-info{margin:-15px -15px 15px -15px;padding:5px 15px;background:#f09000;color:#fff}.consent_manager-rex-form-info i{margin-right:.5em}.consent_manager-fake label{cursor:default}.consent_manager-fake{opacity:.6}ul.navbar-nav li.active{font-weight:bold}legend>span{font-size:.7em;font-weight:normal}p.theme_description span,p.theme_selected_description span{display:inline-block;width:160px}.cm_modal-overlay{position:fixed;box-sizing:border-box;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;z-index:9999}.cm_modal-overlay.is-open{display:block}.cm_modal-iframe{border:0;background-color:#000;transform:scale(1, 1);width:100%;height:100%;opacity:0}.cm_modal-button-close{position:absolute;top:30px;right:30px;z-index:99999}div.thumbnail-container{width:288px;height:180px;display:inline-block;overflow:hidden;position:relative;cursor:pointer}div.thumbnail{width:1440px;height:900px;position:relative;-ms-zoom:.2;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0}div.thumbnail:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}div.thumbnail iframe{border:0;width:1440px;height:900px;opacity:0;transition:all 300ms ease-in-out}/*# sourceMappingURL=consent_manager_backend.css.map */ diff --git a/assets/consent_manager_frontend.css b/assets/consent_manager_frontend.css index a766ac77..4313c472 100644 --- a/assets/consent_manager_frontend.css +++ b/assets/consent_manager_frontend.css @@ -1 +1 @@ -@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;z-index:999999;height:100%;width:100%;overflow:hidden;box-sizing:border-box;animation:fadeIn 0.2s;outline:0}div.consent_manager-wrapper{font-family:Verdana, Geneva, sans-serif;font-size:14px;line-height:1.5em;background:#fefefe;border:1px solid #cbcbcb;border-radius:5px;color:#444;position:relative;width:100%;max-width:65em;max-height:95vh;overflow-y:auto;box-sizing:border-box;animation:fadeIn 0.4s}div.consent_manager-wrapper-inner{padding:2em;position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:1.5em;top:1em;display:block;border-radius:5px;border:solid 1px #666;width:30px;height:30px;line-height:28px;background-color:#666;color:#eee;font-family:Arial;font-size:18px;padding:0;margin:0;opacity:0.5;transition:0.3s ease all}.consent_manager-close-box:hover{border-color:#4d4d4d;background-color:#4d4d4d;color:white;opacity:1}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 1em 0;font-weight:bold;font-size:18px;color:#666}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 1.5em 0}div.consent_manager-cookiegroups{margin:0 0 1.5em 0}div.consent_manager-cookiegroup-checkbox{margin-bottom:1.5em}div.consent_manager-cookiegroups label{position:relative;font-weight:bold;font-size:15px;color:#111;cursor:pointer}div.consent_manager-cookiegroups label>span{cursor:pointer}div.consent_manager-cookiegroups label>input[type="checkbox"]{filter:grayscale(1);filter:hue-rotate(275deg);transform:scale(1.6);margin:0 0.7em 0 0.2em;cursor:pointer}.consent_manager-wrapper input[type="checkbox"]:disabled,.consent_manager-cookiegroups label>input[type="checkbox"]:disabled+*{opacity:0.7;cursor:default}div.consent_manager-show-details{padding:0 0 1.5em 0}div.consent_manager-show-details .icon-info-circled{display:inline-block;line-height:1.2em;height:1.4em;cursor:pointer;color:#666;border:none;background-color:transparent}div.consent_manager-show-details .icon-info-circled:hover{color:#333}div.consent_manager-show-details .icon-info-circled:before{color:#fefefe;background-color:#666;opacity:0.7;content:"i";font-family:"Serif";font-weight:bold;display:inline-block;border-radius:50%;text-align:center;margin-right:7px;line-height:1.4em;height:1.4em;width:1.4em}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{transition:0.3s ease all;background:transparent;border:1px solid #666;color:#444;padding:0.5em 2em;border-radius:5px;font-size:14px;font-weight:bold;text-align:center;display:block;min-height:3em;width:100%;margin-bottom:1em;cursor:pointer}button.consent_manager-save-selection:hover,button.consent_manager-accept-all:hover,button.consent_manager-accept-none:hover{background:#666;border-color:#666;color:#fff;text-decoration:none}button.consent_manager-save-selection:focus,button.consent_manager-accept-all:focus,button.consent_manager-accept-none:focus{outline:2px solid #666;outline-offset:2px}div.consent_manager-sitelinks{margin:1.5em 0 0 0}div.consent_manager-sitelinks a{display:inline-block;margin:0.4em 1em 0.4em 0;color:#666;text-decoration:none;cursor:pointer}div.consent_manager-sitelinks a:hover{color:#333;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:3em}div.consent_manager-wrapper div.consent_manager-detail a{color:#666}div.consent_manager-wrapper div.consent_manager-detail a:hover{color:#333;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#666;background-color:#d4d4d4;padding:5px 11px;margin:1.5em 0 0 0}div.consent_manager-wrapper div.consent_manager-cookiegroup-description{border-left:1px solid #d4d4d4;padding:5px 10px;background:#f9f9f9}div.consent_manager-wrapper div.consent_manager-cookie{margin-top:3px;border-left:1px solid #d4d4d4;padding:5px 10px;background:#f9f9f9}div.consent_manager-wrapper div.consent_manager-cookie span{display:block;margin-top:0.5em}@media only screen and (min-width:600px){div.consent_manager-cookiegroups{padding:1em 0 0 0;display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:0}div.consent_manager-cookiegroup-checkbox{margin-left:1.5em;margin-bottom:1em}div.consent_manager-show-details{text-align:right;padding:1.5em 0 1.5em 0}div.consent_manager-buttons{display:flex;justify-content:flex-end;align-items:center}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{display:inline-block;margin:0 0 0 0.5em;width:auto}div.consent_manager-sitelinks{margin:0 0 0 0}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (prefers-contrast:more),(prefers-contrast:high){div.consent_manager-wrapper{background:#ffffff !important;border:3px solid #000000 !important;box-shadow:none !important}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text,div.consent_manager-cookiegroups label{color:#000000 !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#ffffff !important;border:3px solid #000000 !important;color:#000000 !important}button.consent_manager-accept-all:hover,button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background:#000000 !important;color:#ffffff !important}.consent_manager-close-box{background:#000000 !important;border-color:#000000 !important;color:#ffffff !important;opacity:1 !important}*:focus{outline:3px solid #000000 !important;outline-offset:2px !important}div.consent_manager-sitelinks a,div.consent_manager-show-details .icon-info-circled{color:#000000 !important;text-decoration:underline !important}} +@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;z-index:999999;height:100%;width:100%;overflow:hidden;box-sizing:border-box;animation:fadeIn .2s;outline:0}div.consent_manager-wrapper{font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:1.5em;background:#fefefe;border:1px solid #cbcbcb;border-radius:5px;color:#444;position:relative;width:100%;max-width:65em;max-height:95vh;overflow-y:auto;box-sizing:border-box;animation:fadeIn .4s}div.consent_manager-wrapper-inner{padding:2em;position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:1.5em;top:1em;display:block;border-radius:5px;border:solid 1px #666;width:30px;height:30px;line-height:28px;background-color:#666;color:#eee;font-family:Arial;font-size:18px;padding:0;margin:0;opacity:.5;transition:.3s ease all}.consent_manager-close-box:hover{border-color:hsl(0,0%,30%);background-color:hsl(0,0%,30%);color:#fff;opacity:1}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 1em 0;font-weight:bold;font-size:18px;color:#666}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 1.5em 0}div.consent_manager-cookiegroups{margin:0 0 1.5em 0}div.consent_manager-cookiegroup-checkbox{margin-bottom:1.5em}div.consent_manager-cookiegroups label{position:relative;font-weight:bold;font-size:15px;color:#111;cursor:pointer}div.consent_manager-cookiegroups label>span{cursor:pointer}div.consent_manager-cookiegroups label>input[type=checkbox]{filter:grayscale(1);filter:hue-rotate(275deg);transform:scale(1.6);margin:0 .7em 0 .2em;cursor:pointer}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.7;cursor:default}div.consent_manager-show-details{padding:0 0 1.5em 0}div.consent_manager-show-details .icon-info-circled{display:inline-block;line-height:1.2em;height:1.4em;cursor:pointer;color:#666;border:none;background-color:rgba(0,0,0,0)}div.consent_manager-show-details .icon-info-circled:hover{color:#333}div.consent_manager-show-details .icon-info-circled:before{color:#fefefe;background-color:#666;opacity:.7;content:"i";font-family:"Serif";font-weight:bold;display:inline-block;border-radius:50%;text-align:center;margin-right:7px;line-height:1.4em;height:1.4em;width:1.4em}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{transition:.3s ease all;background:rgba(0,0,0,0);border:1px solid #666;color:#444;padding:.5em 2em;border-radius:5px;font-size:14px;font-weight:bold;text-align:center;display:block;min-height:3em;width:100%;margin-bottom:1em;cursor:pointer}button.consent_manager-save-selection:hover,button.consent_manager-accept-all:hover,button.consent_manager-accept-none:hover{background:#666;border-color:#666;color:#fff;text-decoration:none}button.consent_manager-save-selection:focus,button.consent_manager-accept-all:focus,button.consent_manager-accept-none:focus{outline:2px solid #666;outline-offset:2px}div.consent_manager-sitelinks{margin:1.5em 0 0 0}div.consent_manager-sitelinks a{display:inline-block;margin:.4em 1em .4em 0;color:#666;text-decoration:none;cursor:pointer}div.consent_manager-sitelinks a:hover{color:#333;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:3em}div.consent_manager-wrapper div.consent_manager-detail a{color:#666}div.consent_manager-wrapper div.consent_manager-detail a:hover{color:#333;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#666;background-color:#d4d4d4;padding:5px 11px;margin:1.5em 0 0 0}div.consent_manager-wrapper div.consent_manager-cookiegroup-description{border-left:1px solid #d4d4d4;padding:5px 10px;background:#f9f9f9}div.consent_manager-wrapper div.consent_manager-cookie{margin-top:3px;border-left:1px solid #d4d4d4;padding:5px 10px;background:#f9f9f9}div.consent_manager-wrapper div.consent_manager-cookie span{display:block;margin-top:.5em}@media only screen and (min-width: 600px){div.consent_manager-cookiegroups{padding:1em 0 0 0;display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:0}div.consent_manager-cookiegroup-checkbox{margin-left:1.5em;margin-bottom:1em}div.consent_manager-show-details{text-align:right;padding:1.5em 0 1.5em 0}div.consent_manager-buttons{display:flex;justify-content:flex-end;align-items:center}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{display:inline-block;margin:0 0 0 .5em;width:auto}div.consent_manager-sitelinks{margin:0 0 0 0}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: more),(prefers-contrast: high){div.consent_manager-wrapper{background:#fff !important;border:3px solid #000 !important;box-shadow:none !important}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text,div.consent_manager-cookiegroups label{color:#000 !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#fff !important;border:3px solid #000 !important;color:#000 !important}button.consent_manager-accept-all:hover,button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background:#000 !important;color:#fff !important}.consent_manager-close-box{background:#000 !important;border-color:#000 !important;color:#fff !important;opacity:1 !important}*:focus{outline:3px solid #000 !important;outline-offset:2px !important}div.consent_manager-sitelinks a,div.consent_manager-show-details .icon-info-circled{color:#000 !important;text-decoration:underline !important}}/*# sourceMappingURL=consent_manager_frontend.css.map */ diff --git a/assets/consent_manager_frontend_a11y_banner_top.css b/assets/consent_manager_frontend_a11y_banner_top.css index 117b6bf2..2f8b078e 100644 --- a/assets/consent_manager_frontend_a11y_banner_top.css +++ b/assets/consent_manager_frontend_a11y_banner_top.css @@ -1 +1 @@ -@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:auto;background:rgba(0,0,0,0);z-index:999999;pointer-events:none;outline:0}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5em;background:#fff;border-bottom:3px solid #1a1a1a;color:#1a1a1a;position:relative;width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:slideDown .3s ease-out;box-shadow:0 4px 20px rgba(0,0,0,.15)}div.consent_manager-wrapper-inner{padding:1.5em 2em;max-width:1400px;margin:0 auto;position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:1em;top:50%;transform:translateY(-50%);display:block;border-radius:4px !important;border:2px solid #1a1a1a;width:40px;height:40px;line-height:36px;background-color:#fff;color:#1a1a1a;font-family:Arial,sans-serif;font-size:20px;font-weight:bold;padding:0;margin:0;transition:.2s ease all;text-align:center}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background-color:#1a1a1a;color:#fff;outline:3px solid #06c;outline-offset:2px}div.consent_manager-background button:focus,div.consent_manager-background a:focus,div.consent_manager-background input:focus,div.consent_manager-background [tabindex]:focus{outline:3px solid #06c !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(0,102,204,.2) !important}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 .5em 0;font-weight:bold;font-size:18px;color:#1a1a1a;line-height:1.3}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 1em 0;color:#1a1a1a;font-size:15px}div.consent_manager-cookiegroups{margin:0 0 1em 0;display:flex;flex-wrap:wrap;gap:.5em 1.5em;align-items:center}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:600;font-size:14px;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:4px;transition:background-color .2s ease;white-space:nowrap}div.consent_manager-cookiegroups label:hover{background-color:#f5f5f5}div.consent_manager-cookiegroups label:focus-within{background-color:#e6f3ff;outline:3px solid #06c;outline-offset:2px}div.consent_manager-cookiegroups label>input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;cursor:pointer;border:2px solid #1a1a1a;flex-shrink:0}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.6;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 1em 0}div.consent_manager-show-details button{display:inline-flex;align-items:center;line-height:1.4;min-height:40px;padding:6px 14px;cursor:pointer;color:#06c;background-color:rgba(0,0,0,0);border:2px solid #06c;border-radius:4px;font-size:14px;font-weight:600;transition:.2s ease all}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{background-color:#06c;color:#fff}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{transition:.2s ease all;background:#1a1a1a;border:2px solid #1a1a1a;color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;text-align:center;min-height:44px;cursor:pointer;line-height:1.4;white-space:nowrap}button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:#000;border-color:#000;box-shadow:0 2px 8px rgba(0,0,0,.2)}div.consent_manager-sitelinks{margin:0}div.consent_manager-sitelinks a{display:inline-block;margin:0 1em 0 0;color:#06c;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:.2s ease all}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{color:#0052a3;background-color:#e6f3ff}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:1.5em}div.consent_manager-wrapper div.consent_manager-detail a{color:#06c;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{color:#0052a3;background-color:#e6f3ff}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#1a1a1a;background-color:#e6e6e6;padding:10px 14px;margin:1em 0 0 0;font-weight:bold;font-size:14px;border-left:4px solid #06c}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{border-left:4px solid #e6e6e6;padding:10px 14px;background:#f9f9f9;color:#1a1a1a;font-size:14px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:2px;border-left:4px solid #e6e6e6;padding:10px 14px;background:#f9f9f9;color:#1a1a1a;font-size:13px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:.5em;line-height:1.5}@media only screen and (min-width: 768px){div.consent_manager-wrapper-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1em 2em;align-items:center;padding-right:4em}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text{margin-bottom:.3em}div.consent_manager-cookiegroups{margin:0}div.consent_manager-show-details{padding:0;grid-column:1/-1}div.consent_manager-buttons{display:flex;gap:10px;justify-content:flex-end}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{margin:0}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;grid-column:1/-1}div.consent_manager-wrapper div.consent_manager-detail{grid-column:1/-1}.consent_manager-close-box{right:1.5em}}@media print{div.consent_manager-background{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*# sourceMappingURL=consent_manager_frontend_a11y_banner_top.css.map */ +@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:auto;background:rgba(0,0,0,0);z-index:999999;pointer-events:none;outline:0}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5em;background:#fff;border-bottom:3px solid #1a1a1a;color:#1a1a1a;position:relative;width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:slideDown .3s ease-out;box-shadow:0 4px 20px rgba(0,0,0,.15)}div.consent_manager-wrapper-inner{padding:1.5em 2em;max-width:1400px;margin:0 auto;position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:1em;top:50%;transform:translateY(-50%);display:block;border-radius:4px !important;border:2px solid #1a1a1a;width:40px;height:40px;line-height:36px;background-color:#fff;color:#1a1a1a;font-family:Arial,sans-serif;font-size:20px;font-weight:bold;padding:0;margin:0;transition:.2s ease all;text-align:center}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background-color:#1a1a1a;color:#fff;outline:3px solid #06c;outline-offset:2px}div.consent_manager-background button:focus,div.consent_manager-background a:focus,div.consent_manager-background input:focus,div.consent_manager-background [tabindex]:focus{outline:3px solid #06c !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(0,102,204,.2) !important}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 .5em 0;font-weight:bold;font-size:18px;color:#1a1a1a;line-height:1.3}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 1em 0;color:#1a1a1a;font-size:15px}div.consent_manager-cookiegroups{margin:0 0 1em 0;display:flex;flex-wrap:wrap;gap:.5em 1.5em;align-items:center}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:600;font-size:14px;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:4px;transition:background-color .2s ease;white-space:nowrap}div.consent_manager-cookiegroups label:hover{background-color:#f5f5f5}div.consent_manager-cookiegroups label:focus-within{background-color:#e6f3ff;outline:3px solid #06c;outline-offset:2px}div.consent_manager-cookiegroups label>input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;cursor:pointer;border:2px solid #1a1a1a;flex-shrink:0}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.6;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 1em 0}div.consent_manager-show-details button{display:inline-flex;align-items:center;line-height:1.4;min-height:40px;padding:6px 14px;cursor:pointer;color:#06c;background-color:rgba(0,0,0,0);border:2px solid #06c;border-radius:4px;font-size:14px;font-weight:600;transition:.2s ease all}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{background-color:#06c;color:#fff}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{transition:.2s ease all;background:#1a1a1a;border:2px solid #1a1a1a;color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;text-align:center;min-height:44px;cursor:pointer;line-height:1.4;white-space:nowrap}button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:#000;border-color:#000;box-shadow:0 2px 8px rgba(0,0,0,.2)}div.consent_manager-sitelinks{margin:0}div.consent_manager-sitelinks a{display:inline-block;margin:0 1em 0 0;color:#06c;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:.2s ease all}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{color:#0052a3;background-color:#e6f3ff}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:1.5em}div.consent_manager-wrapper div.consent_manager-detail a{color:#06c;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{color:#0052a3;background-color:#e6f3ff}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#1a1a1a;background-color:#e6e6e6;padding:10px 14px;margin:1em 0 0 0;font-weight:bold;font-size:14px;border-left:4px solid #06c}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{border-left:4px solid #e6e6e6;padding:10px 14px;background:#f9f9f9;color:#1a1a1a;font-size:14px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:2px;border-left:4px solid #e6e6e6;padding:10px 14px;background:#f9f9f9;color:#1a1a1a;font-size:13px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:.5em;line-height:1.5}@media only screen and (min-width: 768px){div.consent_manager-wrapper-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1em 2em;align-items:center;padding-right:4em}div.consent_manager-header{grid-column:1/-1}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text{margin-bottom:.3em}div.consent_manager-cookiegroups{margin:0}div.consent_manager-show-details{padding:0;grid-column:1/-1}div.consent_manager-buttons{display:flex;gap:10px;justify-content:flex-end}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{margin:0}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;grid-column:1/-1}div.consent_manager-wrapper div.consent_manager-detail{grid-column:1/-1}.consent_manager-close-box{right:1.5em}}@media print{div.consent_manager-background{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*# sourceMappingURL=consent_manager_frontend_a11y_banner_top.css.map */ diff --git a/assets/consent_manager_frontend_a11y_fluid.css b/assets/consent_manager_frontend_a11y_fluid.css index f88aa530..9d5a3beb 100644 --- a/assets/consent_manager_frontend_a11y_fluid.css +++ b/assets/consent_manager_frontend_a11y_fluid.css @@ -1 +1 @@ -@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(12px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1rem, 2vw, 1.5rem);z-index:999999;height:100%;width:100%;overflow:hidden;box-sizing:border-box;animation:fadeIn 0.4s ease-out;outline:0;pointer-events:none}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:clamp(14px, 2vw, 16px);line-height:1.6;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.2);border-radius:clamp(12px, 2vw, 20px);color:#1a1a1a;position:relative;width:100%;max-width:min(90vw, 720px);max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:scaleIn 0.4s ease-out;box-shadow:0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.5)}div.consent_manager-wrapper-inner{padding:clamp(1.5rem, 3vw, 2.5rem);position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:clamp(0.75rem, 1.5vw, 1rem);top:clamp(0.75rem, 1.5vw, 1rem);display:flex;align-items:center;justify-content:center;border-radius:50% !important;border:none;width:clamp(36px, 5vw, 44px);height:clamp(36px, 5vw, 44px);background:rgba(0, 0, 0, 0.05);color:#555555;font-family:Arial, sans-serif;font-size:clamp(18px, 2.5vw, 24px);font-weight:normal;padding:0;margin:0;transition:all 0.2s ease;text-align:center}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background:rgba(0, 0, 0, 0.1);color:#1a1a1a;transform:scale(1.1);outline:3px solid #0066cc;outline-offset:2px}div.consent_manager-background button:focus,div.consent_manager-background a:focus,div.consent_manager-background input:focus,div.consent_manager-background [tabindex]:focus{outline:3px solid #0066cc !important;outline-offset:2px !important;box-shadow:0 0 0 4px rgba(0, 102, 204, 0.25) !important}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 clamp(0.75rem, 1.5vw, 1rem) 0;padding-right:clamp(40px, 6vw, 60px);font-weight:700;font-size:clamp(18px, 3vw, 24px);color:#1a1a1a;line-height:1.3;letter-spacing:-0.02em}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 clamp(1rem, 2vw, 1.5rem) 0;color:#555555;font-size:clamp(14px, 2vw, 16px)}div.consent_manager-cookiegroups{margin:0 0 clamp(1rem, 2vw, 1.5rem) 0;display:flex;flex-wrap:wrap;gap:clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem)}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:600;font-size:clamp(14px, 2vw, 16px);color:#1a1a1a;cursor:pointer;display:flex;align-items:center;min-height:44px;padding:clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1rem);border-radius:8px;transition:all 0.2s ease;background:transparent}div.consent_manager-cookiegroups label:hover{background:rgba(0, 0, 0, 0.03)}div.consent_manager-cookiegroups label:focus-within{background:rgba(0, 102, 204, 0.1);outline:3px solid #0066cc;outline-offset:2px}div.consent_manager-cookiegroups label>input[type="checkbox"]{width:clamp(18px, 2.5vw, 22px);height:clamp(18px, 2.5vw, 22px);margin:0 clamp(0.5rem, 1vw, 0.75rem) 0 0;cursor:pointer;border:2px solid #555555;border-radius:4px;flex-shrink:0;accent-color:#0066cc}.consent_manager-wrapper input[type="checkbox"]:disabled,.consent_manager-cookiegroups label>input[type="checkbox"]:disabled+*{opacity:0.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 clamp(1rem, 2vw, 1.5rem) 0}div.consent_manager-show-details button{display:inline-flex;align-items:center;gap:clamp(0.5rem, 1vw, 0.75rem);line-height:1.5;min-height:44px;padding:clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1rem);cursor:pointer;color:#0066cc;background:transparent;border:2px solid #0066cc;border-radius:8px;font-size:clamp(14px, 2vw, 16px);font-weight:600;transition:all 0.2s ease}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{background:#0066cc;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 102, 204, 0.3)}div.consent_manager-buttons{display:flex;flex-direction:column;gap:clamp(0.5rem, 1vw, 0.75rem)}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{transition:all 0.2s ease;background:rgba(0, 0, 0, 0.05);border:2px solid rgba(0, 0, 0, 0.1);color:#1a1a1a;padding:clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);border-radius:10px;font-size:clamp(14px, 2vw, 16px);font-weight:600;text-align:center;min-height:48px;cursor:pointer;line-height:1.5;width:100%;white-space:nowrap}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:rgba(0, 0, 0, 0.1);border-color:#0066cc;transform:translateY(-2px)}div.consent_manager-sitelinks{margin:clamp(1rem, 2vw, 1.5rem) 0 0 0}div.consent_manager-sitelinks a{display:inline-block;margin:clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1rem) clamp(0.5rem, 1vw, 0.75rem) 0;color:#0066cc;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:clamp(12px, 1.5vw, 14px);font-weight:500;padding:4px 8px;border-radius:4px;transition:all 0.2s ease}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{background:rgba(0, 102, 204, 0.1);text-decoration:none}div.consent_manager-buttons-sitelinks{display:flex;flex-direction:column}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:clamp(1.5rem, 3vw, 2.5rem)}div.consent_manager-wrapper div.consent_manager-detail a{color:#0066cc;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{background:rgba(0, 102, 204, 0.1)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#1a1a1a;background:rgba(0, 0, 0, 0.03);padding:clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);margin:clamp(1rem, 2vw, 1.5rem) 0 0 0;font-weight:700;font-size:clamp(14px, 2vw, 16px);border-radius:8px 8px 0 0;border-left:4px solid #0066cc}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{border-left:4px solid rgba(0, 0, 0, 0.1);padding:clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);background:rgba(0, 0, 0, 0.03);color:#555555;font-size:clamp(12px, 1.5vw, 14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:2px;border-left:4px solid rgba(0, 0, 0, 0.1);padding:clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);background:rgba(0, 0, 0, 0.03);color:#555555;font-size:clamp(12px, 1.5vw, 14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie:last-child{border-radius:0 0 8px 8px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:clamp(0.5rem, 1vw, 0.75rem);line-height:1.5}@media only screen and (min-width:640px){div.consent_manager-buttons{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{width:auto;min-width:140px;white-space:nowrap}div.consent_manager-buttons-sitelinks{flex-direction:row;justify-content:space-between;align-items:center}div.consent_manager-sitelinks{margin:0;order:-1}}@media only screen and (min-width:900px){div.consent_manager-wrapper{max-width:800px}div.consent_manager-cookiegroups{justify-content:flex-start}div.consent_manager-show-details{text-align:left}}@media print{div.consent_manager-background{display:none !important}}@media (prefers-contrast:high){div.consent_manager-wrapper{background:#ffffff;border:3px solid #000000}button{border-width:3px !important}}@media (prefers-reduced-transparency:reduce){div.consent_manager-background{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(0, 0, 0, 0.75) !important}div.consent_manager-wrapper{background:#ffffff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:2px solid #1a1a1a !important}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description,div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{background:#f7f7f7 !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} +@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(12px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1rem,2vw,1.5rem);z-index:999999;height:100%;width:100%;overflow:hidden;box-sizing:border-box;animation:fadeIn .4s ease-out;outline:0;pointer-events:none}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(14px,2vw,16px);line-height:1.6;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:clamp(12px,2vw,20px);color:#1a1a1a;position:relative;width:100%;max-width:min(90vw,720px);max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:scaleIn .4s ease-out;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.5)}div.consent_manager-wrapper-inner{padding:clamp(1.5rem,3vw,2.5rem);position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:clamp(.75rem,1.5vw,1rem);top:clamp(.75rem,1.5vw,1rem);display:flex;align-items:center;justify-content:center;border-radius:50% !important;border:none;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);background:rgba(0,0,0,.05);color:#555;font-family:Arial,sans-serif;font-size:clamp(18px,2.5vw,24px);font-weight:normal;padding:0;margin:0;transition:all .2s ease;text-align:center}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background:rgba(0,0,0,.1);color:#1a1a1a;transform:scale(1.1);outline:3px solid #06c;outline-offset:2px}div.consent_manager-background button:focus,div.consent_manager-background a:focus,div.consent_manager-background input:focus,div.consent_manager-background [tabindex]:focus{outline:3px solid #06c !important;outline-offset:2px !important;box-shadow:0 0 0 4px rgba(0,102,204,.25) !important}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 clamp(.75rem,1.5vw,1rem) 0;padding-right:clamp(40px,6vw,60px);font-weight:700;font-size:clamp(18px,3vw,24px);color:#1a1a1a;line-height:1.3;letter-spacing:-0.02em}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 clamp(1rem,2vw,1.5rem) 0;color:#555;font-size:clamp(14px,2vw,16px)}div.consent_manager-cookiegroups{margin:0 0 clamp(1rem,2vw,1.5rem) 0;display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem)}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:600;font-size:clamp(14px,2vw,16px);color:#1a1a1a;cursor:pointer;display:flex;align-items:center;min-height:44px;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:8px;transition:all .2s ease;background:rgba(0,0,0,0)}div.consent_manager-cookiegroups label:hover{background:rgba(0,0,0,.03)}div.consent_manager-cookiegroups label:focus-within{background:rgba(0,102,204,.1);outline:3px solid #06c;outline-offset:2px}div.consent_manager-cookiegroups label>input[type=checkbox]{width:clamp(18px,2.5vw,22px);height:clamp(18px,2.5vw,22px);margin:0 clamp(.5rem,1vw,.75rem) 0 0;cursor:pointer;border:2px solid #555;border-radius:4px;flex-shrink:0;accent-color:#06c}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 clamp(1rem,2vw,1.5rem) 0}div.consent_manager-show-details button{display:inline-flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);line-height:1.5;min-height:44px;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);cursor:pointer;color:#06c;background:rgba(0,0,0,0);border:2px solid #06c;border-radius:8px;font-size:clamp(14px,2vw,16px);font-weight:600;transition:all .2s ease}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{background:#06c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,.3)}div.consent_manager-buttons{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem)}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{transition:all .2s ease;background:rgba(0,0,0,.05);border:2px solid rgba(0,0,0,.1);color:#1a1a1a;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);border-radius:10px;font-size:clamp(14px,2vw,16px);font-weight:600;text-align:center;min-height:48px;cursor:pointer;line-height:1.5;width:100%;white-space:nowrap}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:rgba(0,0,0,.1);border-color:#06c;transform:translateY(-2px)}div.consent_manager-sitelinks{margin:clamp(1rem,2vw,1.5rem) 0 0 0}div.consent_manager-sitelinks a{display:inline-block;margin:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem) clamp(.5rem,1vw,.75rem) 0;color:#06c;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{background:rgba(0,102,204,.1);text-decoration:none}div.consent_manager-buttons-sitelinks{display:flex;flex-direction:column}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:clamp(1.5rem,3vw,2.5rem)}div.consent_manager-wrapper div.consent_manager-detail a{color:#06c;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{background:rgba(0,102,204,.1)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#1a1a1a;background:rgba(0,0,0,.03);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);margin:clamp(1rem,2vw,1.5rem) 0 0 0;font-weight:700;font-size:clamp(14px,2vw,16px);border-radius:8px 8px 0 0;border-left:4px solid #06c}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{border-left:4px solid rgba(0,0,0,.1);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:rgba(0,0,0,.03);color:#555;font-size:clamp(12px,1.5vw,14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:2px;border-left:4px solid rgba(0,0,0,.1);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:rgba(0,0,0,.03);color:#555;font-size:clamp(12px,1.5vw,14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie:last-child{border-radius:0 0 8px 8px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:clamp(.5rem,1vw,.75rem);line-height:1.5}@media only screen and (min-width: 640px){div.consent_manager-buttons{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{width:auto;min-width:140px;white-space:nowrap}div.consent_manager-buttons-sitelinks{flex-direction:row;justify-content:space-between;align-items:center}div.consent_manager-sitelinks{margin:0;order:-1}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:800px}div.consent_manager-cookiegroups{justify-content:flex-start}div.consent_manager-show-details{text-align:left}}@media print{div.consent_manager-background{display:none !important}}@media(prefers-contrast: high){div.consent_manager-wrapper{background:#fff;border:3px solid #000}button{border-width:3px !important}}@media(prefers-reduced-transparency: reduce){div.consent_manager-background{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(0,0,0,.75) !important}div.consent_manager-wrapper{background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:2px solid #1a1a1a !important}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description,div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{background:hsl(0,0%,97%) !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*# sourceMappingURL=consent_manager_frontend_a11y_fluid.css.map */ diff --git a/assets/consent_manager_frontend_a11y_fluid_dark.css b/assets/consent_manager_frontend_a11y_fluid_dark.css index 6f0217d0..c5092949 100644 --- a/assets/consent_manager_frontend_a11y_fluid_dark.css +++ b/assets/consent_manager_frontend_a11y_fluid_dark.css @@ -1 +1 @@ -@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(12px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1rem,2vw,1.5rem);z-index:999999;height:100%;width:100%;overflow:hidden;box-sizing:border-box;animation:fadeIn .4s ease-out;outline:0;pointer-events:none}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(14px,2vw,16px);line-height:1.6;background:rgba(35,39,47,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:clamp(12px,2vw,20px);color:#e8e8e8;position:relative;width:100%;max-width:min(90vw,720px);max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:scaleIn .4s ease-out;box-shadow:0 4px 6px rgba(0,0,0,.2),0 10px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}div.consent_manager-wrapper-inner{padding:clamp(1.5rem,3vw,2.5rem);position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:clamp(.75rem,1.5vw,1rem);top:clamp(.75rem,1.5vw,1rem);display:flex;align-items:center;justify-content:center;border-radius:50% !important;border:none;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);background:hsla(0,0%,100%,.08);color:#a0a0a0;font-family:Arial,sans-serif;font-size:clamp(18px,2.5vw,24px);line-height:1;z-index:10;transition:all .2s ease}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background:hsla(0,0%,100%,.15);color:#e8e8e8;transform:scale(1.1)}.consent_manager-close-box:focus{outline:3px solid #60a5fa;outline-offset:2px}p.consent_manager-headline{font-weight:700;font-size:clamp(18px,3vw,24px);line-height:1.3;margin:0 0 clamp(.75rem,1.5vw,1rem) 0;padding-right:clamp(40px,6vw,50px);color:#fff}p.consent_manager-text{font-size:clamp(14px,2vw,16px);line-height:1.6;margin:0 0 clamp(1rem,2vw,1.5rem) 0;color:#a0a0a0;padding-right:2.5em}p.consent_manager-text a{color:#60a5fa;text-decoration:underline;text-underline-offset:3px}p.consent_manager-text a:hover,p.consent_manager-text a:focus{background:rgba(96,165,250,.15);border-radius:4px;padding:2px 4px;margin:-2px -4px}div.consent_manager-cookiegroups{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem);margin:0 0 clamp(1rem,2vw,1.5rem) 0;justify-content:center}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:600;font-size:clamp(14px,2vw,16px);color:#e8e8e8;cursor:pointer;display:flex;align-items:center;min-height:44px;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:8px;transition:all .2s ease;background:rgba(0,0,0,0)}div.consent_manager-cookiegroups label:hover{background:hsla(0,0%,100%,.05)}div.consent_manager-cookiegroups label:focus-within{background:rgba(96,165,250,.15);outline:3px solid #60a5fa;outline-offset:2px}div.consent_manager-cookiegroups label>input[type=checkbox]{width:clamp(18px,2.5vw,22px);height:clamp(18px,2.5vw,22px);margin:0 clamp(.5rem,1vw,.75rem) 0 0;cursor:pointer;border:2px solid #a0a0a0;border-radius:4px;flex-shrink:0;accent-color:#3b82f6}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 clamp(1rem,2vw,1.5rem) 0}div.consent_manager-show-details button{display:inline-flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);line-height:1.5;min-height:44px;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);cursor:pointer;color:#60a5fa;background:rgba(0,0,0,0);border:2px solid #60a5fa;border-radius:8px;font-size:clamp(14px,2vw,16px);font-weight:600;transition:all .2s ease}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{background:#60a5fa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(96,165,250,.3)}div.consent_manager-buttons{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem)}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{transition:all .2s ease;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.15);color:#e8e8e8;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);border-radius:10px;font-size:clamp(14px,2vw,16px);font-weight:600;text-align:center;min-height:48px;cursor:pointer;line-height:1.5;width:100%;white-space:nowrap}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:hsla(0,0%,100%,.15);border-color:#3b82f6;transform:translateY(-2px)}div.consent_manager-sitelinks{margin:clamp(1rem,2vw,1.5rem) 0 0 0}div.consent_manager-sitelinks a{display:inline-block;margin:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem) clamp(.5rem,1vw,.75rem) 0;color:#60a5fa;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{background:rgba(96,165,250,.15);text-decoration:none}div.consent_manager-buttons-sitelinks{display:flex;flex-direction:column}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:clamp(1.5rem,3vw,2.5rem)}div.consent_manager-wrapper div.consent_manager-detail a{color:#60a5fa;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{background:rgba(96,165,250,.15)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#fff;background:hsla(0,0%,100%,.05);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);margin:clamp(1rem,2vw,1.5rem) 0 0 0;font-weight:700;font-size:clamp(14px,2vw,16px);border-radius:8px 8px 0 0;border-left:4px solid #3b82f6}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{border-left:4px solid hsla(0,0%,100%,.1);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:hsla(0,0%,100%,.05);color:#a0a0a0;font-size:clamp(12px,1.5vw,14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:2px;border-left:4px solid hsla(0,0%,100%,.1);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:hsla(0,0%,100%,.05);color:#a0a0a0;font-size:clamp(12px,1.5vw,14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie:last-child{border-radius:0 0 8px 8px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:clamp(.5rem,1vw,.75rem);line-height:1.5}@media only screen and (min-width: 640px){div.consent_manager-buttons{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{width:auto;min-width:140px;white-space:nowrap}div.consent_manager-buttons-sitelinks{flex-direction:row;justify-content:space-between;align-items:center}div.consent_manager-sitelinks{margin:0;order:-1}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:800px}div.consent_manager-cookiegroups{justify-content:flex-start}div.consent_manager-show-details{text-align:left}}@media print{div.consent_manager-background{display:none !important}}@media(prefers-contrast: high){div.consent_manager-wrapper{background:#1a1a1a;border:3px solid #fff}button{border-width:3px !important}}@media(prefers-reduced-transparency: reduce){div.consent_manager-background{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(0,0,0,.85) !important}div.consent_manager-wrapper{background:#23272f !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:2px solid #fff !important}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description,div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{background:hsl(220,14.6341463415%,19.0784313725%) !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} +@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0)}100%{opacity:1;backdrop-filter:blur(12px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}div.consent_manager-background{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1rem,2vw,1.5rem);z-index:999999;height:100%;width:100%;overflow:hidden;box-sizing:border-box;animation:fadeIn .4s ease-out;outline:0;pointer-events:none}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(14px,2vw,16px);line-height:1.6;background:rgba(35,39,47,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:clamp(12px,2vw,20px);color:#e8e8e8;position:relative;width:100%;max-width:min(90vw,720px);max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:scaleIn .4s ease-out;box-shadow:0 4px 6px rgba(0,0,0,.2),0 10px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}div.consent_manager-wrapper-inner{padding:clamp(1.5rem,3vw,2.5rem);position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:clamp(.75rem,1.5vw,1rem);top:clamp(.75rem,1.5vw,1rem);display:flex;align-items:center;justify-content:center;border-radius:50% !important;border:none;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);background:hsla(0,0%,100%,.08);color:#a0a0a0;font-family:Arial,sans-serif;font-size:clamp(18px,2.5vw,24px);line-height:1;z-index:10;transition:all .2s ease}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background:hsla(0,0%,100%,.15);color:#e8e8e8;transform:scale(1.1)}.consent_manager-close-box:focus{outline:3px solid #60a5fa;outline-offset:2px}p.consent_manager-headline{font-weight:700;font-size:clamp(18px,3vw,24px);line-height:1.3;margin:0 0 clamp(.75rem,1.5vw,1rem) 0;padding-right:clamp(40px,6vw,50px);color:#fff}p.consent_manager-text{font-size:clamp(14px,2vw,16px);line-height:1.6;margin:0 0 clamp(1rem,2vw,1.5rem) 0;color:#a0a0a0;padding-right:2.5em}p.consent_manager-text a{color:#60a5fa;text-decoration:underline;text-underline-offset:3px}p.consent_manager-text a:hover,p.consent_manager-text a:focus{background:rgba(96,165,250,.15);border-radius:4px;padding:2px 4px;margin:-2px -4px}div.consent_manager-cookiegroups{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem);margin:0 0 clamp(1rem,2vw,1.5rem) 0;justify-content:center}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:600;font-size:clamp(14px,2vw,16px);color:#e8e8e8;cursor:pointer;display:flex;align-items:center;min-height:44px;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);border-radius:8px;transition:all .2s ease;background:rgba(0,0,0,0)}div.consent_manager-cookiegroups label:hover{background:hsla(0,0%,100%,.05)}div.consent_manager-cookiegroups label:focus-within{background:rgba(96,165,250,.15);outline:3px solid #60a5fa;outline-offset:2px}div.consent_manager-cookiegroups label>input[type=checkbox]{width:clamp(18px,2.5vw,22px);height:clamp(18px,2.5vw,22px);margin:0 clamp(.5rem,1vw,.75rem) 0 0;cursor:pointer;border:2px solid #a0a0a0;border-radius:4px;flex-shrink:0;accent-color:#3b82f6}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 clamp(1rem,2vw,1.5rem) 0}div.consent_manager-show-details button{display:inline-flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);line-height:1.5;min-height:44px;padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);cursor:pointer;color:#60a5fa;background:rgba(0,0,0,0);border:2px solid #60a5fa;border-radius:8px;font-size:clamp(14px,2vw,16px);font-weight:600;transition:all .2s ease}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{background:#60a5fa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(96,165,250,.3)}div.consent_manager-buttons{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem)}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{transition:all .2s ease;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.15);color:#e8e8e8;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);border-radius:10px;font-size:clamp(14px,2vw,16px);font-weight:600;text-align:center;min-height:48px;cursor:pointer;line-height:1.5;width:100%;white-space:nowrap}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:hsla(0,0%,100%,.15);border-color:#3b82f6;transform:translateY(-2px)}div.consent_manager-sitelinks{margin:clamp(1rem,2vw,1.5rem) 0 0 0}div.consent_manager-sitelinks a{display:inline-block;margin:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem) clamp(.5rem,1vw,.75rem) 0;color:#60a5fa;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{background:rgba(96,165,250,.15);text-decoration:none}div.consent_manager-buttons-sitelinks{display:flex;flex-direction:column}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:clamp(1.5rem,3vw,2.5rem)}div.consent_manager-wrapper div.consent_manager-detail a{color:#60a5fa;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{background:rgba(96,165,250,.15)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#fff;background:hsla(0,0%,100%,.05);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);margin:clamp(1rem,2vw,1.5rem) 0 0 0;font-weight:700;font-size:clamp(14px,2vw,16px);border-radius:8px 8px 0 0;border-left:4px solid #3b82f6}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{border-left:4px solid hsla(0,0%,100%,.1);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:hsla(0,0%,100%,.05);color:#a0a0a0;font-size:clamp(12px,1.5vw,14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:2px;border-left:4px solid hsla(0,0%,100%,.1);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);background:hsla(0,0%,100%,.05);color:#a0a0a0;font-size:clamp(12px,1.5vw,14px)}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie:last-child{border-radius:0 0 8px 8px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:clamp(.5rem,1vw,.75rem);line-height:1.5}@media only screen and (min-width: 640px){div.consent_manager-buttons{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{width:auto;min-width:140px;white-space:nowrap}div.consent_manager-buttons-sitelinks{flex-direction:row;justify-content:space-between;align-items:center}div.consent_manager-sitelinks{margin:0;order:-1}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:800px}div.consent_manager-cookiegroups{justify-content:flex-start}div.consent_manager-show-details{text-align:left}}@media print{div.consent_manager-background{display:none !important}}@media(prefers-contrast: high){div.consent_manager-wrapper{background:#1a1a1a;border:3px solid #fff}button{border-width:3px !important}}@media(prefers-reduced-transparency: reduce){div.consent_manager-background{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(0,0,0,.85) !important}div.consent_manager-wrapper{background:#23272f !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:2px solid #fff !important}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description,div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{background:hsl(220,14.6341463415%,19.0784313725%) !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*# sourceMappingURL=consent_manager_frontend_a11y_fluid_dark.css.map */ diff --git a/assets/consent_manager_frontend_a11y_minimal.css b/assets/consent_manager_frontend_a11y_minimal.css deleted file mode 100644 index 825b71e7..00000000 --- a/assets/consent_manager_frontend_a11y_minimal.css +++ /dev/null @@ -1 +0,0 @@ -@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}div.consent_manager-background{position:fixed;left:auto;top:auto;right:1em;bottom:1em;background:rgba(0,0,0,0);z-index:999999;pointer-events:none;outline:0}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.5em;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#1a1a1a;position:relative;width:360px;max-width:calc(100vw - 2em);max-height:calc(100vh - 2em);overflow-y:auto;box-sizing:border-box;animation:fadeSlideIn .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.15)}div.consent_manager-wrapper-inner{padding:1.25em;position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:.75em;top:.75em;display:block;border-radius:50% !important;border:none;width:28px;height:28px;line-height:28px;background-color:#f5f5f5;color:#666;font-family:Arial,sans-serif;font-size:16px;font-weight:normal;padding:0;margin:0;transition:.2s ease all;text-align:center}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background-color:#e8e8e8;color:#1a1a1a;outline:2px solid #06c;outline-offset:2px}div.consent_manager-background button:focus,div.consent_manager-background a:focus,div.consent_manager-background input:focus,div.consent_manager-background [tabindex]:focus{outline:2px solid #06c !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(0,102,204,.2) !important}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 .5em 0;padding-right:2.5em;font-weight:600;font-size:16px;color:#1a1a1a;line-height:1.3}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 1em 0;padding-right:2.5em;color:#666;font-size:13px;line-height:1.5}div.consent_manager-cookiegroups{margin:0 0 1em 0;display:flex;flex-direction:column;gap:.25em}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:500;font-size:13px;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:6px;transition:background-color .15s ease;margin:0 -8px}div.consent_manager-cookiegroups label:hover{background-color:#f9f9f9}div.consent_manager-cookiegroups label:focus-within{background-color:#e6f3ff}div.consent_manager-cookiegroups label>input[type=checkbox]{width:16px;height:16px;margin:0 8px 0 0;cursor:pointer;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;accent-color:#06c}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 1em 0}div.consent_manager-show-details button{display:inline;line-height:1.4;min-height:auto;padding:0;cursor:pointer;color:#06c;background:none;border:none;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:.15s ease all}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{color:#0052a3}div.consent_manager-buttons{display:flex;flex-direction:column;gap:.5em}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{transition:.15s ease all;background:rgba(0,0,0,0);border:1px solid #93c5fd;color:#1a1a1a;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;min-height:40px;cursor:pointer;line-height:1.4;width:100%;white-space:nowrap}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:rgba(147,197,253,.15);border-color:#60a5fa}div.consent_manager-sitelinks{margin:1em 0 0 0;padding-top:1em;border-top:1px solid #e0e0e0;text-align:center}div.consent_manager-sitelinks a{display:inline-block;margin:0 .75em;color:#666;text-decoration:none;cursor:pointer;font-size:12px;transition:.15s ease all}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{color:#06c;text-decoration:underline}div.consent_manager-buttons-sitelinks{display:flex;flex-direction:column}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:1em}div.consent_manager-wrapper div.consent_manager-detail a{color:#06c;text-decoration:underline;font-size:13px}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{color:#0052a3}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#1a1a1a;background-color:#f9f9f9;padding:8px 10px;margin:.75em 0 0 0;font-weight:600;font-size:13px;border-radius:6px 6px 0 0;border-left:3px solid #06c}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{padding:8px 10px;background:#f9f9f9;color:#666;font-size:12px;border-left:3px solid #e0e0e0}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:1px;padding:8px 10px;background:#f9f9f9;color:#666;font-size:11px;border-left:3px solid #e0e0e0}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie:last-child{border-radius:0 0 6px 6px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:.3em;line-height:1.4}@media only screen and (max-width: 420px){div.consent_manager-background{right:0;bottom:0;left:0}div.consent_manager-wrapper{width:100%;max-width:100%;border-radius:12px 12px 0 0;border-bottom:none}}@media print{div.consent_manager-background{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} diff --git a/assets/consent_manager_frontend_a11y_minimal_dark.css b/assets/consent_manager_frontend_a11y_minimal_dark.css deleted file mode 100644 index 4abf7cd3..00000000 --- a/assets/consent_manager_frontend_a11y_minimal_dark.css +++ /dev/null @@ -1 +0,0 @@ -@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}div.consent_manager-background{position:fixed;left:auto;top:auto;right:1em;bottom:1em;background:rgba(0,0,0,0);z-index:999999;pointer-events:none;outline:0}div.consent_manager-wrapper{pointer-events:auto}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.5em;background:#23272f;border:1px solid #3a3f4a;border-radius:12px;color:#e8e8e8;position:relative;width:360px;max-width:calc(100vw - 2em);max-height:calc(100vh - 2em);overflow-y:auto;box-sizing:border-box;animation:fadeSlideIn .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.4)}div.consent_manager-wrapper-inner{padding:1.25em;position:relative}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;cursor:pointer;right:.75em;top:.75em;display:block;border-radius:50% !important;border:none;width:28px;height:28px;line-height:28px;background-color:#2d323c;color:#a0a0a0;font-family:Arial,sans-serif;font-size:16px;font-weight:normal;padding:0;margin:0;transition:.2s ease all;text-align:center}.consent_manager-close-box:hover,.consent_manager-close-box:focus{background-color:#3a3f4a;color:#e8e8e8;outline:2px solid #60a5fa;outline-offset:2px}div.consent_manager-background button:focus,div.consent_manager-background a:focus,div.consent_manager-background input:focus,div.consent_manager-background [tabindex]:focus{outline:2px solid #60a5fa !important;outline-offset:2px !important;box-shadow:0 0 0 3px rgba(96,165,250,.25) !important}div.consent_manager-wrapper .consent_manager-headline{margin:0 0 .5em 0;padding-right:2.5em;font-weight:600;font-size:16px;color:#fff;line-height:1.3}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 1em 0;padding-right:2.5em;color:#a0a0a0;font-size:13px;line-height:1.5}div.consent_manager-cookiegroups{margin:0 0 1em 0;display:flex;flex-direction:column;gap:.25em}div.consent_manager-cookiegroup-checkbox{display:flex;align-items:center}div.consent_manager-cookiegroups label{position:relative;font-weight:500;font-size:13px;color:#e8e8e8;cursor:pointer;display:flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:6px;transition:background-color .15s ease;margin:0 -8px}div.consent_manager-cookiegroups label:hover{background-color:#2d323c}div.consent_manager-cookiegroups label:focus-within{background-color:rgba(96,165,250,.15)}div.consent_manager-cookiegroups label>input[type=checkbox]{width:16px;height:16px;margin:0 8px 0 0;cursor:pointer;border:2px solid #3a3f4a;border-radius:4px;flex-shrink:0;accent-color:#3b82f6}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 1em 0}div.consent_manager-show-details button{display:inline;line-height:1.4;min-height:auto;padding:0;cursor:pointer;color:#60a5fa;background:none;border:none;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:.15s ease all}div.consent_manager-show-details button:hover,div.consent_manager-show-details button:focus{color:#2563eb}div.consent_manager-buttons{display:flex;flex-direction:column;gap:.5em}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{transition:.15s ease all;background:rgba(0,0,0,0);border:1px solid #1e40af;color:#e8e8e8;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;min-height:40px;cursor:pointer;line-height:1.4;width:100%;white-space:nowrap}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:rgba(30,64,175,.2);border-color:#1e3a8a}div.consent_manager-sitelinks{margin:1em 0 0 0;padding-top:1em;border-top:1px solid #3a3f4a;text-align:center}div.consent_manager-sitelinks a{display:inline-block;margin:0 .75em;color:#a0a0a0;text-decoration:none;cursor:pointer;font-size:12px;transition:.15s ease all}div.consent_manager-sitelinks a:hover,div.consent_manager-sitelinks a:focus{color:#60a5fa;text-decoration:underline}div.consent_manager-buttons-sitelinks{display:flex;flex-direction:column}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:1em}div.consent_manager-wrapper div.consent_manager-detail a{color:#60a5fa;text-decoration:underline;font-size:13px}div.consent_manager-wrapper div.consent_manager-detail a:hover,div.consent_manager-wrapper div.consent_manager-detail a:focus{color:#2563eb}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title{color:#fff;background-color:#2d323c;padding:8px 10px;margin:.75em 0 0 0;font-weight:600;font-size:13px;border-radius:6px 6px 0 0;border-left:3px solid #3b82f6}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-description{padding:8px 10px;background:#2d323c;color:#a0a0a0;font-size:12px;border-left:3px solid #3a3f4a}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie{margin-top:1px;padding:8px 10px;background:#2d323c;color:#a0a0a0;font-size:11px;border-left:3px solid #3a3f4a}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie:last-child{border-radius:0 0 6px 6px}div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookie span{display:block;margin-top:.3em;line-height:1.4}@media only screen and (max-width: 420px){div.consent_manager-background{right:0;bottom:0;left:0}div.consent_manager-wrapper{width:100%;max-width:100%;border-radius:12px 12px 0 0;border-bottom:none}}@media(prefers-contrast: high){div.consent_manager-wrapper{border:2px solid #fff}button{border-width:2px !important}}@media print{div.consent_manager-background{display:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} diff --git a/assets/consent_manager_frontend_theme_dark_glass_v2.css b/assets/consent_manager_frontend_theme_dark_glass_v2.css new file mode 100644 index 00000000..76d1ee0c --- /dev/null +++ b/assets/consent_manager_frontend_theme_dark_glass_v2.css @@ -0,0 +1 @@ +@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-reduced-transparency: reduce){div.consent_manager-wrapper{background:#1c1c1e !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}div.consent_manager-wrapper::before,div.consent_manager-wrapper::after{display:none !important}div.consent_manager-cookiegroup-description,div.consent_manager-cookie{background:#2c2c2e !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#3a3a3c !important;backdrop-filter:none !important}}@media(prefers-contrast: more),(prefers-contrast: high){div.consent_manager-background{background:rgba(0,0,0,.9) !important}div.consent_manager-wrapper{background:#000 !important;border:3px solid #fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}div.consent_manager-wrapper::before,div.consent_manager-wrapper::after{display:none !important}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text,.consent_manager-cookiegroup-checkbox span{color:#fff !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#000 !important;border:2px solid #fff !important;color:#fff !important;backdrop-filter:none !important}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:#fff !important;color:#000 !important}.consent_manager-wrapper [type=checkbox]::after{background:#000 !important;border:2px solid #fff !important}.consent_manager-wrapper [type=checkbox]:checked::after{background:#fff !important}.consent_manager-wrapper [type=checkbox]::before{background:#fff !important}.consent_manager-wrapper [type=checkbox]:checked::before{background:#000 !important}.consent_manager-sitelinks a,div.consent_manager-detail a{color:#ff0 !important;text-decoration:underline !important}div.consent_manager-cookiegroup-title{background:#fff !important;color:#000 !important}div.consent_manager-cookiegroup-description,div.consent_manager-cookie{background:#1a1a1a !important;border:1px solid #fff !important;color:#fff !important}*:focus{outline:3px solid #ff0 !important;outline-offset:2px !important}}@keyframes liquidGlassAppear{0%{opacity:0;transform:scale(0.92) translateY(20px);filter:blur(20px)}60%{filter:blur(0)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes borderGlow{0%,100%{border-color:hsla(0,0%,100%,.15);box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.15),0 24px 48px rgba(0,0,0,.25),inset 0 1px 0 0 hsla(0,0%,100%,.1)}50%{border-color:hsla(0,0%,100%,.35);box-shadow:0 0 0 1px hsla(0,0%,100%,.2),0 0 25px rgba(150,150,255,.15),0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.15),0 24px 48px rgba(0,0,0,.25),inset 0 1px 0 0 hsla(0,0%,100%,.2)}}div.consent_manager-background{position:fixed;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:999999;overflow:hidden;box-sizing:border-box;outline:0}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:15px;line-height:1.55;color:hsla(0,0%,100%,.95);position:relative;width:100%;max-width:680px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:rgba(28,28,30,.72);backdrop-filter:blur(50px) saturate(190%);-webkit-backdrop-filter:blur(50px) saturate(190%);border-radius:24px;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.15),0 24px 48px rgba(0,0,0,.25),inset 0 1px 0 0 hsla(0,0%,100%,.1);animation:liquidGlassAppear .5s cubic-bezier(0.2, 0.9, 0.3, 1),borderGlow 4s ease-in-out infinite .5s;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar{width:5px}div.consent_manager-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:3px}div.consent_manager-wrapper::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 80%, transparent 100%);border-radius:1px;pointer-events:none}div.consent_manager-wrapper::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 40%);border-radius:24px;pointer-events:none}div.consent_manager-wrapper-inner{padding:28px;position:relative;z-index:1}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;right:16px;top:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.12);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;text-indent:-9999px;color:rgba(0,0,0,0);z-index:10}.consent_manager-close-box::before,.consent_manager-close-box::after{content:"";position:absolute;width:12px;height:1.5px;background:hsla(0,0%,100%,.7);border-radius:1px;transition:all .2s ease}.consent_manager-close-box::before{transform:rotate(45deg)}.consent_manager-close-box::after{transform:rotate(-45deg)}.consent_manager-close-box:hover{background:hsla(0,0%,100%,.2)}.consent_manager-close-box:hover::before,.consent_manager-close-box:hover::after{background:hsla(0,0%,100%,.95)}.consent_manager-close-box:focus{outline:2px solid #0a84ff;outline-offset:2px}div.consent_manager-wrapper .consent_manager-headline{margin:0 36px 16px 0;font-weight:600;font-size:1.35rem;color:hsla(0,0%,100%,.95);letter-spacing:-0.02em}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 20px 0;color:hsla(0,0%,100%,.7);font-size:.9375rem;line-height:1.5}div.consent_manager-cookiegroups{margin:0 0 20px 0}.consent_manager-cookiegroup-checkbox{margin-bottom:10px;display:inline-flex;align-items:center;gap:24px;vertical-align:middle}.consent_manager-cookiegroup-checkbox span{font-size:.9375rem;color:hsla(0,0%,100%,.95);cursor:pointer;user-select:none;line-height:31px;vertical-align:middle}.consent_manager-wrapper [type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin-right:8px !important;width:51px;height:31px;border:0;cursor:pointer;flex-shrink:0;background:rgba(0,0,0,0);vertical-align:middle;margin:0}.consent_manager-wrapper [type=checkbox]::after{content:"";position:absolute;inset:0;background:rgba(120,120,128,.32);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid hsla(0,0%,100%,.1);border-radius:980px;transition:all .25s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.05)}.consent_manager-wrapper [type=checkbox]::before{content:"";position:absolute;width:27px;height:27px;top:2px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(235, 235, 240, 0.95) 100%);border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.5);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.consent_manager-wrapper [type=checkbox]:checked::after{background:rgba(48,209,88,.85);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-color:rgba(48,209,88,.4);box-shadow:inset 0 1px 2px rgba(0,0,0,.15),0 0 12px rgba(48,209,88,.4)}.consent_manager-wrapper [type=checkbox]:checked::before{transform:translateX(20px)}.consent_manager-wrapper [type=checkbox]:focus{outline:none}.consent_manager-wrapper [type=checkbox]:focus::after{box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 0 0 4px rgba(48,209,88,.3)}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.4;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 20px 0}.consent_manager-show-details .icon-info-circled{color:#0a84ff;text-decoration:none;cursor:pointer;border:none;background:rgba(0,0,0,0);font-size:.875rem;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;transition:all .2s ease}.consent_manager-show-details .icon-info-circled:hover{color:#409cff;background:rgba(10,132,255,.12)}.consent_manager-show-details .icon-info-circled:focus{outline:2px solid #0a84ff;outline-offset:2px}.consent_manager-show-details .icon-info-circled::before{display:none}div.consent_manager-buttons{display:flex;flex-direction:column;gap:10px}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{position:relative;background:rgba(58,58,60,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.95);padding:16px 20px;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:1rem;font-weight:500;text-align:center;min-height:50px;cursor:pointer;width:100%;white-space:nowrap;transition:all .2s ease;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.08),0 2px 4px rgba(0,0,0,.1)}button.consent_manager-accept-all:hover,button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background:rgba(78,78,80,.65);border-color:hsla(0,0%,100%,.18);transform:scale(1.01)}button.consent_manager-accept-all:active,button.consent_manager-save-selection:active,button.consent_manager-accept-none:active{transform:scale(0.99)}button.consent_manager-accept-all:focus,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:focus{outline:2px solid #0a84ff;outline-offset:2px}.consent_manager-sitelinks{margin:20px 0 0 0;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08)}.consent_manager-sitelinks a{display:inline-block;margin:6px 16px 6px 0;color:hsla(0,0%,100%,.5);text-decoration:none;font-size:.8125rem;transition:color .2s ease}.consent_manager-sitelinks a:hover{color:#0a84ff}.consent_manager-sitelinks a:focus{outline:2px solid #0a84ff;outline-offset:2px}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:28px}div.consent_manager-wrapper div.consent_manager-detail a{color:#0a84ff;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail a:hover{color:#409cff;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-cookiegroup-title{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.95);padding:10px 16px;margin:20px 0 0 0;border-radius:12px 12px 0 0;font-weight:500;font-size:.9375rem}div.consent_manager-wrapper div.consent_manager-cookiegroup-description{background:rgba(0,0,0,.25);padding:10px 16px;font-size:.8125rem;color:hsla(0,0%,100%,.7);border-left:1px solid hsla(0,0%,100%,.06);border-right:1px solid hsla(0,0%,100%,.06)}div.consent_manager-wrapper div.consent_manager-cookie{background:rgba(0,0,0,.2);padding:10px 16px;margin-top:1px;font-size:.8125rem;color:hsla(0,0%,100%,.7);border-left:1px solid hsla(0,0%,100%,.06);border-right:1px solid hsla(0,0%,100%,.06)}div.consent_manager-wrapper div.consent_manager-cookie:last-child{border-radius:0 0 12px 12px;border-bottom:1px solid hsla(0,0%,100%,.06)}div.consent_manager-wrapper div.consent_manager-cookie span{display:block;margin-bottom:2px}div.consent_manager-wrapper div.consent_manager-cookie span:last-child{margin-bottom:0}@media only screen and (min-width: 600px){div.consent_manager-wrapper{max-width:680px}div.consent_manager-cookiegroups{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.consent_manager-cookiegroup-checkbox{margin-bottom:0}div.consent_manager-show-details{text-align:right}div.consent_manager-buttons{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{width:auto;min-width:140px}.consent_manager-sitelinks{margin:0;padding-top:0;border-top:none}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08);margin-top:16px}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:720px}}/*# sourceMappingURL=consent_manager_frontend_theme_dark_glass_v2.css.map */ diff --git a/assets/consent_manager_frontend_theme_light_glass_v2.css b/assets/consent_manager_frontend_theme_light_glass_v2.css new file mode 100644 index 00000000..4425ba6a --- /dev/null +++ b/assets/consent_manager_frontend_theme_light_glass_v2.css @@ -0,0 +1 @@ +@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-reduced-transparency: reduce){div.consent_manager-wrapper{background:#f5f5f7 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}div.consent_manager-wrapper::before,div.consent_manager-wrapper::after{display:none !important}div.consent_manager-cookiegroup-description,div.consent_manager-cookie{background:#e8e8ed !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#fff !important;backdrop-filter:none !important}}@media(prefers-contrast: more),(prefers-contrast: high){div.consent_manager-background{background:hsla(0,0%,100%,.9) !important}div.consent_manager-wrapper{background:#fff !important;border:3px solid #000 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}div.consent_manager-wrapper::before,div.consent_manager-wrapper::after{display:none !important}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text,.consent_manager-cookiegroup-checkbox span{color:#000 !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#fff !important;border:2px solid #000 !important;color:#000 !important;backdrop-filter:none !important}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:#000 !important;color:#fff !important}.consent_manager-wrapper [type=checkbox]::after{background:#fff !important;border:2px solid #000 !important}.consent_manager-wrapper [type=checkbox]:checked::after{background:#000 !important}.consent_manager-wrapper [type=checkbox]::before{background:#000 !important}.consent_manager-wrapper [type=checkbox]:checked::before{background:#fff !important}.consent_manager-sitelinks a,div.consent_manager-detail a{color:#00c !important;text-decoration:underline !important}div.consent_manager-cookiegroup-title{background:#000 !important;color:#fff !important}div.consent_manager-cookiegroup-description,div.consent_manager-cookie{background:#f0f0f0 !important;border:1px solid #000 !important;color:#000 !important}*:focus{outline:3px solid #00c !important;outline-offset:2px !important}}@keyframes liquidGlassAppear{0%{opacity:0;transform:scale(0.92) translateY(20px);filter:blur(20px)}60%{filter:blur(0)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes prismaGlow{0%{box-shadow:0 0 0 1px rgba(255,100,100,.3),0 0 15px rgba(255,100,100,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}16%{box-shadow:0 0 0 1px rgba(255,180,100,.3),0 0 15px rgba(255,180,100,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}33%{box-shadow:0 0 0 1px rgba(255,255,100,.3),0 0 15px rgba(255,255,100,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}50%{box-shadow:0 0 0 1px rgba(100,255,150,.3),0 0 15px rgba(100,255,150,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}66%{box-shadow:0 0 0 1px rgba(100,180,255,.3),0 0 15px rgba(100,180,255,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}83%{box-shadow:0 0 0 1px rgba(180,100,255,.3),0 0 15px rgba(180,100,255,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}100%{box-shadow:0 0 0 1px rgba(255,100,100,.3),0 0 15px rgba(255,100,100,.1),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5)}}div.consent_manager-background{position:fixed;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:999999;overflow:hidden;box-sizing:border-box;outline:0}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:15px;line-height:1.55;color:rgba(0,0,0,.88);position:relative;width:100%;max-width:680px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:hsla(0,0%,100%,.78);backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border-radius:24px;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 0 1px hsla(0,0%,100%,.3),0 2px 4px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.5);animation:liquidGlassAppear .5s cubic-bezier(0.2, 0.9, 0.3, 1),prismaGlow 8s linear infinite .5s;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar{width:5px}div.consent_manager-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}div.consent_manager-wrapper::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 80%, transparent 100%);border-radius:1px;pointer-events:none}div.consent_manager-wrapper::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 40%);border-radius:24px;pointer-events:none}div.consent_manager-wrapper-inner{padding:28px;position:relative;z-index:1}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;right:16px;top:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.08);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;text-indent:-9999px;color:rgba(0,0,0,0);z-index:10}.consent_manager-close-box::before,.consent_manager-close-box::after{content:"";position:absolute;width:12px;height:1.5px;background:rgba(0,0,0,.6);border-radius:1px;transition:all .2s ease}.consent_manager-close-box::before{transform:rotate(45deg)}.consent_manager-close-box::after{transform:rotate(-45deg)}.consent_manager-close-box:hover{background:rgba(0,0,0,.15)}.consent_manager-close-box:hover::before,.consent_manager-close-box:hover::after{background:rgba(0,0,0,.88)}.consent_manager-close-box:focus{outline:2px solid #007aff;outline-offset:2px}div.consent_manager-wrapper .consent_manager-headline{margin:0 36px 16px 0;font-weight:600;font-size:1.35rem;color:rgba(0,0,0,.88);letter-spacing:-0.02em}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 20px 0;color:rgba(0,0,0,.6);font-size:.9375rem;line-height:1.5}div.consent_manager-cookiegroups{margin:0 0 20px 0}.consent_manager-cookiegroup-checkbox{margin-bottom:10px;display:inline-flex;align-items:center;gap:24px;vertical-align:middle}.consent_manager-cookiegroup-checkbox span{font-size:.9375rem;color:rgba(0,0,0,.88);cursor:pointer;user-select:none;line-height:31px;vertical-align:middle}.consent_manager-wrapper [type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin-right:8px !important;width:51px;height:31px;border:0;cursor:pointer;flex-shrink:0;background:rgba(0,0,0,0);vertical-align:middle;margin:0}.consent_manager-wrapper [type=checkbox]::after{content:"";position:absolute;inset:0;background:rgba(120,120,128,.16);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(0,0,0,.08);border-radius:980px;transition:all .25s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.06),0 1px 0 hsla(0,0%,100%,.5)}.consent_manager-wrapper [type=checkbox]::before{content:"";position:absolute;width:27px;height:27px;top:2px;left:2px;background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 245, 247) 100%);border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.8);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.consent_manager-wrapper [type=checkbox]:checked::after{background:rgba(52,199,89,.85);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-color:rgba(52,199,89,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 0 8px rgba(52,199,89,.3)}.consent_manager-wrapper [type=checkbox]:checked::before{transform:translateX(20px)}.consent_manager-wrapper [type=checkbox]:focus{outline:none}.consent_manager-wrapper [type=checkbox]:focus::after{box-shadow:inset 0 1px 2px rgba(0,0,0,.06),0 0 0 4px rgba(52,199,89,.25)}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.4;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 20px 0}.consent_manager-show-details .icon-info-circled{color:#007aff;text-decoration:none;cursor:pointer;border:none;background:rgba(0,0,0,0);font-size:.875rem;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;transition:all .2s ease}.consent_manager-show-details .icon-info-circled:hover{color:#4da2ff;background:rgba(0,122,255,.1)}.consent_manager-show-details .icon-info-circled:focus{outline:2px solid #007aff;outline-offset:2px}.consent_manager-show-details .icon-info-circled::before{display:none}div.consent_manager-buttons{display:flex;flex-direction:column;gap:10px}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{position:relative;background:hsla(0,0%,100%,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.88);padding:16px 20px;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:1rem;font-weight:500;text-align:center;min-height:50px;cursor:pointer;width:100%;white-space:nowrap;transition:all .2s ease;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.5),0 2px 4px rgba(0,0,0,.06)}button.consent_manager-accept-all:hover,button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background:hsla(0,0%,100%,.85);border-color:rgba(0,0,0,.15);transform:scale(1.01)}button.consent_manager-accept-all:active,button.consent_manager-save-selection:active,button.consent_manager-accept-none:active{transform:scale(0.99)}button.consent_manager-accept-all:focus,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:focus{outline:2px solid #007aff;outline-offset:2px}.consent_manager-sitelinks{margin:20px 0 0 0;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.consent_manager-sitelinks a{display:inline-block;margin:6px 16px 6px 0;color:rgba(0,0,0,.45);text-decoration:none;font-size:.8125rem;transition:color .2s ease}.consent_manager-sitelinks a:hover{color:#007aff}.consent_manager-sitelinks a:focus{outline:2px solid #007aff;outline-offset:2px}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:28px}div.consent_manager-wrapper div.consent_manager-detail a{color:#007aff;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail a:hover{color:#4da2ff;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-cookiegroup-title{background:rgba(0,0,0,.06);color:rgba(0,0,0,.88);padding:10px 16px;margin:20px 0 0 0;border-radius:12px 12px 0 0;font-weight:500;font-size:.9375rem}div.consent_manager-wrapper div.consent_manager-cookiegroup-description{background:rgba(0,0,0,.03);padding:10px 16px;font-size:.8125rem;color:rgba(0,0,0,.6);border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06)}div.consent_manager-wrapper div.consent_manager-cookie{background:rgba(0,0,0,.02);padding:10px 16px;margin-top:1px;font-size:.8125rem;color:rgba(0,0,0,.6);border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06)}div.consent_manager-wrapper div.consent_manager-cookie:last-child{border-radius:0 0 12px 12px;border-bottom:1px solid rgba(0,0,0,.06)}div.consent_manager-wrapper div.consent_manager-cookie span{display:block;margin-bottom:2px}div.consent_manager-wrapper div.consent_manager-cookie span:last-child{margin-bottom:0}@media only screen and (min-width: 600px){div.consent_manager-wrapper{max-width:680px}div.consent_manager-cookiegroups{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.consent_manager-cookiegroup-checkbox{margin-bottom:0}div.consent_manager-show-details{text-align:right}div.consent_manager-buttons{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{width:auto;min-width:140px}.consent_manager-sitelinks{margin:0;padding-top:0;border-top:none}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);margin-top:16px}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:720px}}/*# sourceMappingURL=consent_manager_frontend_theme_light_glass_v2.css.map */ diff --git a/assets/consent_manager_frontend_theme_pill.css b/assets/consent_manager_frontend_theme_pill.css new file mode 100644 index 00000000..5b0b2fe4 --- /dev/null +++ b/assets/consent_manager_frontend_theme_pill.css @@ -0,0 +1 @@ +@keyframes slideUpFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}div.consent_manager-background{position:fixed;bottom:20px;left:0;right:0;top:auto;background:rgba(0,0,0,0);z-index:999999;display:flex;justify-content:center;align-items:flex-end;padding:0 20px;pointer-events:none}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.15);border:1px solid #e0e0e0;border-radius:50px;width:auto;max-width:900px;max-height:80vh;pointer-events:auto;box-sizing:border-box;animation:slideUpFade .4s ease-out;transition:all .3s ease}div.consent_manager-wrapper{overflow:hidden}div.consent_manager-wrapper-inner{padding:12px 24px;display:flex;flex-direction:row;align-items:center;gap:16px;position:relative}.consent_manager-header{display:flex;align-items:center;gap:10px;flex-shrink:0}.consent_manager-headline{font-weight:bold;font-size:1.1em;margin:0;white-space:nowrap}.consent_manager-header .consent_manager-close{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:#999;transition:color .2s;position:static}.consent_manager-header .consent_manager-close:hover{color:#333}.consent_manager-text{margin:0;font-size:.95em}.consent_manager-cookiegroups{margin:0;display:flex;gap:10px}.consent_manager-cookiegroup-checkbox{display:flex;align-items:center;margin:0 !important}.consent_manager-cookiegroup-checkbox label span{font-size:.9em}.consent_manager-buttons{display:flex;gap:8px;margin-left:auto}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{padding:8px 16px;border-radius:20px;border:none;font-weight:600;cursor:pointer;font-size:.9em;white-space:nowrap;transition:background .2s,transform .1s}button.consent_manager-accept-all{background-color:#06c;color:#fff}button.consent_manager-accept-all:hover{background-color:#004c99}button.consent_manager-save-selection,button.consent_manager-accept-none{background-color:#f0f0f0;color:#333}button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background-color:#e0e0e0}.consent_manager-show-details{padding:0;margin-left:10px}.consent_manager-show-details button{background:none;border:none;color:#06c;text-decoration:underline;font-size:.9em;padding:0;cursor:pointer}.consent_manager-sitelinks{display:none}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)){border-radius:12px;width:600px;max-width:calc(100vw - 40px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.2)}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-wrapper-inner{flex-direction:column;align-items:stretch;padding-top:50px;max-height:80vh;overflow-y:auto}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-header{width:100%;margin-bottom:10px}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-header .consent_manager-close{position:absolute;top:10px;right:10px;width:32px;height:32px;background:#f5f5f5;border-radius:50%;color:#333;z-index:20}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-header .consent_manager-close:hover{background:#e0e0e0}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-cookiegroups{flex-wrap:wrap;margin-bottom:15px}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-buttons{margin-left:0;justify-content:flex-end;margin-top:20px;width:100%;flex-wrap:wrap}div.consent_manager-wrapper:has(.consent_manager-detail:not(.consent_manager-hidden)) .consent_manager-sitelinks{display:block;font-size:.8em;margin-top:10px;text-align:center}.consent_manager-detail{margin-top:20px;border-top:1px solid #eee;padding-top:20px;font-size:.9em}.consent_manager-cookiegroup-title{font-weight:bold;margin-top:15px;margin-bottom:5px;color:#555;background:#f9f9f9;padding:5px 10px}.consent_manager-cookie{margin-bottom:10px;padding:10px;border:1px solid #f0f0f0;border-radius:4px}.consent_manager-cookie-name{font-weight:600;display:block}@media(max-width: 768px){div.consent_manager-background{bottom:0px;padding:0}div.consent_manager-wrapper{border-radius:20px 20px 0 0;width:100%;max-width:100%;border-bottom:none}div.consent_manager-wrapper-inner{flex-direction:column;align-items:stretch;gap:12px;padding:20px}.consent_manager-header{justify-content:space-between;width:100%}.consent_manager-buttons{width:100%;flex-direction:column;margin-left:0}button.consent_manager-save-selection,button.consent_manager-accept-all,button.consent_manager-accept-none{width:100%;padding:12px;text-align:center}.consent_manager-text{font-size:.85em;line-height:1.4}}/*# sourceMappingURL=consent_manager_frontend_theme_pill.css.map */ diff --git a/assets/consent_manager_frontend_theme_pill.scss b/assets/consent_manager_frontend_theme_pill.scss deleted file mode 100644 index 0ef91b0e..00000000 --- a/assets/consent_manager_frontend_theme_pill.scss +++ /dev/null @@ -1,555 +0,0 @@ -@charset "UTF-8"; -/* -Theme: {"name": "Pill", "description": "Modernes Cookie-Banner als Pill am unteren Bildschirmrand - kompakt, elegant und DSGVO-konform", "type": "light", "style": "Bottom Pill Banner, Compact", "autor": "@skerbis"} -*/ -/** - * Consent Manager - Skerbis Pill Theme - * - * Design: - * - Kompaktes Pill-Banner am unteren Rand - * - Horizontales Layout mit inline Buttons - * - Slide-up Animation - * - Im aufgeklappten Zustand: Popup-ähnliches Layout - * - * Accessibility: - * - prefers-reduced-motion Support - * - prefers-contrast Support (high/more) - * - DSGVO-konforme gleichwertige Buttons - */ -/* ======================================== - Variables - REDAXO Palette - ======================================== */ -/* Colors */ -/* Background & Text */ -/* Switch */ -/* Spacing & Radius */ -/* ======================================== - Accessibility - Reduced Motion - ======================================== */ -@media (prefers-reduced-motion: reduce) { - *, - *::before, - *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - } -} -/* ======================================== - Accessibility - High Contrast - ======================================== */ -@media (prefers-contrast: more), (prefers-contrast: high) { - div.consent_manager-wrapper { - background: #ffffff !important; - border: 3px solid #000000 !important; - box-shadow: none !important; - } - div.consent_manager-wrapper .consent_manager-headline, - div.consent_manager-wrapper p.consent_manager-text, - .consent_manager-cookiegroup-checkbox span { - color: #000000 !important; - } - button.consent_manager-accept-all, - button.consent_manager-save-selection, - button.consent_manager-accept-none { - background: #ffffff !important; - border: 2px solid #000000 !important; - color: #000000 !important; - } - button.consent_manager-accept-all:hover, - button.consent_manager-save-selection:hover, - button.consent_manager-accept-none:hover { - background: #000000 !important; - color: #ffffff !important; - } - *:focus { - outline: 3px solid #0000cc !important; - outline-offset: 2px !important; - } -} -/* ======================================== - Animations - ======================================== */ -@keyframes slideUp { - 0% { - opacity: 0; - transform: translateY(100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* ======================================== - Background - Bottom Aligned, transparent - ======================================== */ -div.consent_manager-background { - position: fixed; - inset: 0; - background: transparent; - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: center; - padding: 20px; - padding-bottom: 20px; - z-index: 999999; - overflow: hidden; - box-sizing: border-box; - outline: 0; - pointer-events: none; -} - -/* ======================================== - Main Wrapper - Pill Style - ======================================== */ -div.consent_manager-wrapper { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 14px; - line-height: 1.5; - color: #333333; - position: relative; - width: 100%; - max-width: 900px; - max-height: none; - overflow: visible; - box-sizing: border-box; - pointer-events: auto; - /* Glass Background with Backdrop */ - background: rgba(255, 255, 255, 0.85); - backdrop-filter: blur(20px) saturate(180%); - -webkit-backdrop-filter: blur(20px) saturate(180%); - /* Full pill shape */ - border-radius: 50px; - /* Glass Rahmen */ - border: 1px solid rgba(255, 255, 255, 0.6); - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 32px rgba(50, 64, 80, 0.2), 0 2px 8px rgba(50, 64, 80, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8); - /* Animation */ - animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1); -} - -div.consent_manager-wrapper-inner { - padding: 20px 60px 20px 28px; /* Rechts extra Platz für Close-Button */ - position: relative; - z-index: 1; - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 20px; -} - -/* Wenn Details sichtbar sind: Wrapper wird zum Popup */ -div.consent_manager-wrapper:has(.consent_manager-detail) { - border-radius: 20px; - max-width: 720px; - max-height: 85vh; - overflow-y: auto; -} -div.consent_manager-wrapper:has(.consent_manager-detail) .consent_manager-wrapper-inner { - flex-direction: column; - align-items: stretch; -} -div.consent_manager-wrapper:has(.consent_manager-detail) p.consent_manager-text { - text-align: left; -} -div.consent_manager-wrapper:has(.consent_manager-detail) .consent_manager-cookiegroups { - justify-content: flex-start; -} -div.consent_manager-wrapper:has(.consent_manager-detail) .consent_manager-buttons { - justify-content: flex-end; -} - -div.consent_manager-hidden { - display: none; -} - -div.consent_manager-script { - display: none; -} - -/* ======================================== - Close Button - Pill Style - ======================================== */ -.consent_manager-close-box { - position: absolute; - right: 16px; - top: 50%; - transform: translateY(-50%); - width: 32px; - height: 32px; - display: flex; - align-items: center; - justify-content: center; - background: rgba(50, 64, 80, 0.1); - border: none; - border-radius: 50%; - cursor: pointer; - transition: all 0.2s ease; - text-indent: -9999px; - color: transparent; - z-index: 10; -} -.consent_manager-close-box::before, .consent_manager-close-box::after { - content: ""; - position: absolute; - width: 14px; - height: 2px; - background: #666666; - border-radius: 1px; - transition: all 0.2s ease; -} -.consent_manager-close-box::before { - transform: rotate(45deg); -} -.consent_manager-close-box::after { - transform: rotate(-45deg); -} -.consent_manager-close-box:hover { - background: rgba(50, 64, 80, 0.2); -} -.consent_manager-close-box:hover::before, .consent_manager-close-box:hover::after { - background: #333333; -} -.consent_manager-close-box:focus { - outline: 2px solid #4b9ad9; - outline-offset: 2px; -} - -/* Close Button Position im Popup-Modus */ -div.consent_manager-background:has(.consent_manager-detail) .consent_manager-close-box { - top: 16px; - right: 16px; - transform: none; -} - -/* ======================================== - Headline - Inline - ======================================== */ -div.consent_manager-wrapper .consent_manager-headline { - display: none; /* Versteckt im kompakten Modus */ -} - -/* ======================================== - Text Block - Compact Inline - ======================================== */ -div.consent_manager-wrapper p.consent_manager-text { - margin: 0 0 1em 0; - color: #333333; - font-size: 0.875rem; - line-height: 1.4; - flex: 1; - min-width: 200px; -} -div.consent_manager-wrapper p.consent_manager-text a { - color: #4b9ad9; - text-decoration: none; -} -div.consent_manager-wrapper p.consent_manager-text a:hover { - text-decoration: underline; -} - -/* ======================================== - Cookie Groups - Compact Inline - ======================================== */ -div.consent_manager-cookiegroups { - margin: 0; - display: flex; - flex-wrap: wrap; - gap: 10px 16px; - align-items: center; -} - -.consent_manager-cookiegroup-checkbox { - margin: 0; - display: inline-flex; - align-items: center; - gap: 24px; - vertical-align: middle; -} -.consent_manager-cookiegroup-checkbox span { - font-size: 0.8125rem; - color: #333333; - cursor: pointer; - user-select: none; - line-height: 24px; - white-space: nowrap; -} - -/* Compact Switch */ -.consent_manager-wrapper [type=checkbox] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: relative; - width: 40px; - height: 24px; - border: 0; - cursor: pointer; - flex-shrink: 0; - background: transparent; - vertical-align: middle; - margin: 0; - margin-right: 8px !important; -} - -.consent_manager-wrapper [type=checkbox]::after { - content: ""; - position: absolute; - inset: 0; - background: #c4c4c4; - border-radius: 12px; - transition: all 0.2s ease; -} - -.consent_manager-wrapper [type=checkbox]::before { - content: ""; - position: absolute; - width: 20px; - height: 20px; - top: 2px; - left: 2px; - background: #ffffff; - border-radius: 50%; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - transition: transform 0.2s ease; - z-index: 1; -} - -.consent_manager-wrapper [type=checkbox]:checked::after { - background: #5bb585; -} - -.consent_manager-wrapper [type=checkbox]:checked::before { - transform: translateX(16px); -} - -.consent_manager-wrapper [type=checkbox]:focus { - outline: none; -} -.consent_manager-wrapper [type=checkbox]:focus::after { - box-shadow: 0 0 0 3px rgba(91, 181, 133, 0.3); -} - -.consent_manager-wrapper input[type=checkbox]:disabled, -.consent_manager-cookiegroups label > input[type=checkbox]:disabled + * { - opacity: 0.5; - cursor: not-allowed; -} - -/* ======================================== - Detail Link - Compact - ======================================== */ -div.consent_manager-show-details { - padding: 0; - display: flex; - align-items: center; - margin-top: 1em; -} - -.consent_manager-show-details .icon-info-circled { - color: #4b9ad9; - text-decoration: none; - cursor: pointer; - border: none; - background: transparent; - font-size: 0.8125rem; - display: inline-flex; - align-items: center; - gap: 4px; - padding: 6px 10px; - border-radius: 6px; - transition: all 0.15s ease; - white-space: nowrap; -} -.consent_manager-show-details .icon-info-circled:hover { - background: rgba(75, 154, 217, 0.1); -} -.consent_manager-show-details .icon-info-circled:focus { - outline: 2px solid #4b9ad9; - outline-offset: 2px; -} -.consent_manager-show-details .icon-info-circled::before { - display: none; -} - -/* ======================================== - Buttons - Pill Style, Inline - ======================================== */ -div.consent_manager-buttons { - display: flex; - gap: 6px; - flex-wrap: wrap; - align-items: center; -} - -/* Alle Buttons gleichwertig - kleine Pills */ -button.consent_manager-accept-all, -button.consent_manager-save-selection, -button.consent_manager-accept-none { - position: relative; - background: #324050; - border: none; - color: #ffffff; - padding: 10px 16px; - border-radius: 20px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.8125rem; - font-weight: 500; - text-align: center; - min-height: 36px; - cursor: pointer; - white-space: nowrap; - transition: all 0.15s ease; -} -button.consent_manager-accept-all:hover, -button.consent_manager-save-selection:hover, -button.consent_manager-accept-none:hover { - background: #4b9ad9; -} -button.consent_manager-accept-all:active, -button.consent_manager-save-selection:active, -button.consent_manager-accept-none:active { - transform: scale(0.98); -} -button.consent_manager-accept-all:focus, -button.consent_manager-save-selection:focus, -button.consent_manager-accept-none:focus { - outline: 2px solid #4b9ad9; - outline-offset: 2px; -} - -/* ======================================== - Site Links - Compact inline - ======================================== */ -.consent_manager-sitelinks { - display: flex; - align-items: center; - gap: 10px; - margin: 0; -} -.consent_manager-sitelinks a { - color: #666666; - text-decoration: none; - font-size: 0.75rem; - white-space: nowrap; - transition: color 0.15s ease; -} -.consent_manager-sitelinks a:hover { - color: #4b9ad9; -} -.consent_manager-sitelinks a:focus { - outline: 2px solid #4b9ad9; - outline-offset: 2px; -} - -/* Site links container */ -div.consent_manager-buttons-sitelinks { - display: flex; - align-items: center; - gap: 16px; - flex-wrap: wrap; -} - -/* ======================================== - Detail Block - Full width when expanded - ======================================== */ -div.consent_manager-wrapper div.consent_manager-detail { - margin: 16px 0 0 0; - padding-top: 16px; - border-top: 1px solid #dddddd; - width: 100%; - flex-basis: 100%; -} - -div.consent_manager-wrapper div.consent_manager-detail a { - color: #4b9ad9; - text-decoration: none; -} -div.consent_manager-wrapper div.consent_manager-detail a:hover { - text-decoration: underline; -} - -div.consent_manager-wrapper div.consent_manager-cookiegroup-title { - background: #324050; - color: #ffffff; - padding: 6px 10px; - margin: 10px 0 0 0; - border-radius: 6px 6px 0 0; - font-weight: 500; - font-size: 0.8125rem; -} - -div.consent_manager-wrapper div.consent_manager-cookiegroup-description { - background: #f8f9fa; - padding: 6px 10px; - font-size: 0.75rem; - color: #666666; - border-left: 1px solid #dddddd; - border-right: 1px solid #dddddd; -} - -div.consent_manager-wrapper div.consent_manager-cookie { - background: #ffffff; - padding: 6px 10px; - margin-top: 1px; - font-size: 0.75rem; - color: #666666; - border-left: 1px solid #dddddd; - border-right: 1px solid #dddddd; -} -div.consent_manager-wrapper div.consent_manager-cookie:last-child { - border-radius: 0 0 6px 6px; - border-bottom: 1px solid #dddddd; -} -div.consent_manager-wrapper div.consent_manager-cookie span { - display: block; - margin-bottom: 2px; -} -div.consent_manager-wrapper div.consent_manager-cookie span:last-child { - margin-bottom: 0; -} - -/* ======================================== - Responsive - Stack on Mobile - ======================================== */ -@media only screen and (max-width: 768px) { - div.consent_manager-background { - padding: 10px; - } - div.consent_manager-wrapper { - border-radius: 24px; - max-width: 100%; - } - div.consent_manager-wrapper-inner { - padding: 16px; - flex-direction: column; - align-items: stretch; - } - div.consent_manager-wrapper p.consent_manager-text { - min-width: auto; - text-align: center; - } - div.consent_manager-cookiegroups { - justify-content: center; - } - div.consent_manager-buttons { - justify-content: center; - width: 100%; - } - button.consent_manager-accept-all, - button.consent_manager-save-selection, - button.consent_manager-accept-none { - flex: 1; - min-width: 100px; - } -} -@media only screen and (min-width: 769px) { - div.consent_manager-wrapper-inner { - flex-wrap: nowrap; - } - div.consent_manager-wrapper p.consent_manager-text { - flex: 1; - } -} - -/*# sourceMappingURL=consent_manager_frontend_theme_pill.scss.map */ diff --git a/assets/consent_manager_frontend_theme_pill.scss.map b/assets/consent_manager_frontend_theme_pill.scss.map deleted file mode 100644 index 7505e6bb..00000000 --- a/assets/consent_manager_frontend_theme_pill.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/consent_manager_frontend_theme_pill.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA;AAAA;AAAA;AAQA;AAOA;AAMA;AAIA;AASA;AAAA;AAAA;AAIA;EACI;AAAA;AAAA;IAGI;IACA;IACA;;;AAIR;AAAA;AAAA;AAIA;EACI;IACI;IACA;IACA;;EAGJ;AAAA;AAAA;IAGI;;EAGJ;AAAA;AAAA;IAGI;IACA;IACA;;EAGJ;AAAA;AAAA;IAGI;IACA;;EAGJ;IACI;IACA;;;AAIR;AAAA;AAAA;AAIA;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SAjFS;EAkFT,gBAlFS;EAmFT;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAIA;EACI,aA3HU;EA4HV,WA3Ha;EA4Hb,aA3HU;EA4HV,OAjHG;EAkHH;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA,eAvHU;AAyHV;EACA;EACA,YACI;AAKJ;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA,YArNS;EAsNT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EAEI,YAxOL;;AA4OH;EACI;EACA;;;AAIR;AAEI;EACI;EACA;EACA;;;AAIR;AAAA;AAAA;AAIA;EACI;;;AAGJ;AAAA;AAAA;AAIA;EACI;EACA,OAzQG;EA0QH;EACA;EACA;EACA;;AAEA;EACI,OAxRO;EAyRP;;AAEA;EACI;;;AAKZ;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA,OA9SD;EA+SC;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,YArUS;EAsUT;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,YApWI;;;AAuWR;EACI;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;AAAA;EAEI;EACA;;;AAGJ;AAAA;AAAA;AAIA;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OAxYW;EAyYX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAhYW;EAiYX;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAIR;AAAA;AAAA;AAIA;EACI;EACA,KAtZS;EAuZT;EACA;;;AAGJ;AACA;AAAA;AAAA;EAGI;EACA,YAlbG;EAmbH;EACA;EACA;EACA;EACA,aA9bU;EA+bV;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACI,YAncO;;AAscX;AAAA;AAAA;EACI;;AAGJ;AAAA;AAAA;EACI;EACA;;;AAIR;AAAA;AAAA;AAIA;EACI;EACA;EACA,KAlcS;EAmcT;;AAEA;EACI,OAldS;EAmdT;EACA;EACA;EACA;;AAEA;EACI,OAleG;;AAqeP;EACI;EACA;;;AAKZ;AACA;EACI;EACA;EACA,KA1dS;EA2dT;;;AAGJ;AAAA;AAAA;AAIA;EACI;EACA,aApeS;EAqeT;EACA;EACA;;;AAGJ;EACI,OAjgBW;EAkgBX;;AAEA;EACI;;;AAIR;EACI,YAxgBG;EAygBH;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,OA9gBa;EA+gBb;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,OAxhBa;EAyhBb;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKZ;AAAA;AAAA;AAIA;EACI;IACI,SAriBK;;EAwiBT;IACI;IACA;;EAGJ;IACI,SA7iBK;IA8iBL;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;IAGI;IACA;;;AAIR;EACI;IACI;;EAGJ;IACI","file":"consent_manager_frontend_theme_pill.scss"} \ No newline at end of file diff --git a/assets/consent_manager_frontend_theme_sand.css b/assets/consent_manager_frontend_theme_sand.css new file mode 100644 index 00000000..aed683df --- /dev/null +++ b/assets/consent_manager_frontend_theme_sand.css @@ -0,0 +1 @@ +@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: more),(prefers-contrast: high){div.consent_manager-background{background:hsla(0,0%,100%,.95) !important}div.consent_manager-wrapper{background:#fff !important;border:3px solid #000 !important;box-shadow:none !important}div.consent_manager-wrapper::before{display:none !important}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text,.consent_manager-cookiegroup-checkbox span{color:#000 !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#fff !important;border:2px solid #000 !important;color:#000 !important;box-shadow:none !important}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:#000 !important;color:#fff !important}.consent_manager-wrapper [type=checkbox]::after{background:#fff !important;border:2px solid #000 !important;box-shadow:none !important}.consent_manager-wrapper [type=checkbox]:checked::after{background:#000 !important}.consent_manager-wrapper [type=checkbox]::before{background:#000 !important}.consent_manager-wrapper [type=checkbox]:checked::before{background:#fff !important}.consent_manager-sitelinks a,div.consent_manager-detail a{color:#00c !important;text-decoration:underline !important}div.consent_manager-cookiegroup-title{background:#000 !important;color:#fff !important}div.consent_manager-cookiegroup-description,div.consent_manager-cookie{background:#f0f0f0 !important;border:1px solid #000 !important;color:#000 !important}*:focus{outline:3px solid #00c !important;outline-offset:2px !important}}@keyframes sandAppear{0%{opacity:0;transform:scale(0.95) translateY(15px)}100%{opacity:1;transform:scale(1) translateY(0)}}div.consent_manager-background{position:fixed;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:999999;overflow:hidden;box-sizing:border-box;outline:0}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:15px;line-height:1.55;color:#4a4136;position:relative;width:100%;max-width:680px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:#f5f0e8;border-radius:20px;box-shadow:12px 12px 24px rgba(166,146,117,.35),-12px -12px 24px hsla(0,0%,100%,.7),inset 0 0 0 1px hsla(0,0%,100%,.3);animation:sandAppear .4s ease-out;scrollbar-width:thin;scrollbar-color:#d4c9b8 rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar{width:6px}div.consent_manager-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar-thumb{background:#d4c9b8;border-radius:3px}div.consent_manager-wrapper::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;border-radius:20px;pointer-events:none}div.consent_manager-wrapper-inner{padding:28px;position:relative;z-index:1}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;right:16px;top:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f0e8;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;text-indent:-9999px;color:rgba(0,0,0,0);z-index:10;box-shadow:inset 3px 3px 6px rgba(166,146,117,.35),inset -3px -3px 6px hsla(0,0%,100%,.7)}.consent_manager-close-box::before,.consent_manager-close-box::after{content:"";position:absolute;width:12px;height:2px;background:#6b5d4d;border-radius:1px;transition:all .2s ease}.consent_manager-close-box::before{transform:rotate(45deg)}.consent_manager-close-box::after{transform:rotate(-45deg)}.consent_manager-close-box:hover::before,.consent_manager-close-box:hover::after{background:#4a4136}.consent_manager-close-box:focus{outline:2px solid #c4956a;outline-offset:2px}div.consent_manager-wrapper .consent_manager-headline{margin:0 40px 16px 0;font-weight:600;font-size:1.35rem;color:#4a4136;letter-spacing:-0.01em}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 20px 0;color:#6b5d4d;font-size:.9375rem;line-height:1.5}div.consent_manager-cookiegroups{margin:0 0 20px 0}.consent_manager-cookiegroup-checkbox{margin-bottom:10px;display:inline-flex;align-items:center;gap:24px;vertical-align:middle}.consent_manager-cookiegroup-checkbox span{font-size:.9375rem;color:#4a4136;cursor:pointer;user-select:none;line-height:31px;vertical-align:middle}.consent_manager-wrapper [type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin-right:8px !important;width:51px;height:31px;border:0;cursor:pointer;flex-shrink:0;background:rgba(0,0,0,0);vertical-align:middle;margin:0}.consent_manager-wrapper [type=checkbox]::after{content:"";position:absolute;inset:0;background:#e8e0d4;border-radius:980px;transition:all .25s ease;box-shadow:inset 4px 4px 8px rgba(166,146,117,.35),inset -4px -4px 8px hsla(0,0%,100%,.7)}.consent_manager-wrapper [type=checkbox]::before{content:"";position:absolute;width:27px;height:27px;top:2px;left:2px;background:linear-gradient(145deg, #ffffff, #f5f0e8);border-radius:50%;box-shadow:3px 3px 6px rgba(166,146,117,.35),-2px -2px 4px hsla(0,0%,100%,.7);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.consent_manager-wrapper [type=checkbox]:checked::after{background:#7a9a6d;box-shadow:inset 4px 4px 8px rgba(90,120,80,.4),inset -4px -4px 8px rgba(140,180,130,.3)}.consent_manager-wrapper [type=checkbox]:checked::before{transform:translateX(20px)}.consent_manager-wrapper [type=checkbox]:focus{outline:none}.consent_manager-wrapper [type=checkbox]:focus::after{box-shadow:inset 4px 4px 8px rgba(166,146,117,.35),inset -4px -4px 8px hsla(0,0%,100%,.7),0 0 0 3px rgba(122,154,109,.3)}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 20px 0}.consent_manager-show-details .icon-info-circled{color:#c4956a;text-decoration:none;cursor:pointer;border:none;background:rgba(0,0,0,0);font-size:.875rem;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;transition:all .2s ease}.consent_manager-show-details .icon-info-circled:hover{color:#a67c52;background:rgba(196,149,106,.1)}.consent_manager-show-details .icon-info-circled:focus{outline:2px solid #c4956a;outline-offset:2px}.consent_manager-show-details .icon-info-circled::before{display:none}div.consent_manager-buttons{display:flex;flex-direction:column;gap:10px}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{position:relative;background:#f5f0e8;border:1px solid #d4c9b8;color:#4a4136;padding:16px 20px;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:1rem;font-weight:500;text-align:center;min-height:50px;cursor:pointer;width:100%;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.5)}button.consent_manager-accept-all:hover,button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background:#e8e0d4;border-color:#b8a88f;box-shadow:inset 4px 4px 8px rgba(166,146,117,.35),inset -4px -4px 8px hsla(0,0%,100%,.7)}button.consent_manager-accept-all:active,button.consent_manager-save-selection:active,button.consent_manager-accept-none:active{box-shadow:inset 6px 6px 12px rgba(166,146,117,.35),inset -6px -6px 12px hsla(0,0%,100%,.7)}button.consent_manager-accept-all:focus,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:focus{outline:2px solid #c4956a;outline-offset:2px}.consent_manager-sitelinks{margin:20px 0 0 0;padding-top:16px;border-top:1px solid #d4c9b8}.consent_manager-sitelinks a{display:inline-block;margin:6px 16px 6px 0;color:#8c7a66;text-decoration:none;font-size:.8125rem;transition:color .2s ease}.consent_manager-sitelinks a:hover{color:#c4956a}.consent_manager-sitelinks a:focus{outline:2px solid #c4956a;outline-offset:2px}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:28px}div.consent_manager-wrapper div.consent_manager-detail a{color:#c4956a;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail a:hover{color:#a67c52;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-cookiegroup-title{background:#d4c9b8;color:#4a4136;padding:10px 16px;margin:20px 0 0 0;border-radius:10px 10px 0 0;font-weight:500;font-size:.9375rem}div.consent_manager-wrapper div.consent_manager-cookiegroup-description{background:#e8e0d4;padding:10px 16px;font-size:.8125rem;color:#6b5d4d;border-left:1px solid #d4c9b8;border-right:1px solid #d4c9b8}div.consent_manager-wrapper div.consent_manager-cookie{background:rgba(232,224,212,.5);padding:10px 16px;margin-top:1px;font-size:.8125rem;color:#6b5d4d;border-left:1px solid #d4c9b8;border-right:1px solid #d4c9b8}div.consent_manager-wrapper div.consent_manager-cookie:last-child{border-radius:0 0 10px 10px;border-bottom:1px solid #d4c9b8}div.consent_manager-wrapper div.consent_manager-cookie span{display:block;margin-bottom:2px}div.consent_manager-wrapper div.consent_manager-cookie span:last-child{margin-bottom:0}@media only screen and (min-width: 600px){div.consent_manager-wrapper{max-width:680px}div.consent_manager-cookiegroups{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.consent_manager-cookiegroup-checkbox{margin-bottom:0}div.consent_manager-show-details{text-align:right}div.consent_manager-buttons{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{width:auto;min-width:140px}.consent_manager-sitelinks{margin:0;padding-top:0;border-top:none}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding-top:16px;border-top:1px solid #d4c9b8;margin-top:16px}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:720px}}/*# sourceMappingURL=consent_manager_frontend_theme_sand.css.map */ diff --git a/assets/consent_manager_frontend_theme_sand_dark.css b/assets/consent_manager_frontend_theme_sand_dark.css new file mode 100644 index 00000000..95dba8bb --- /dev/null +++ b/assets/consent_manager_frontend_theme_sand_dark.css @@ -0,0 +1 @@ +@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: more),(prefers-contrast: high){div.consent_manager-background{background:rgba(0,0,0,.95) !important}div.consent_manager-wrapper{background:#000 !important;border:3px solid #fff !important;box-shadow:none !important}div.consent_manager-wrapper::before{display:none !important}div.consent_manager-wrapper .consent_manager-headline,div.consent_manager-wrapper p.consent_manager-text,.consent_manager-cookiegroup-checkbox span{color:#fff !important}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{background:#000 !important;border:2px solid #fff !important;color:#fff !important;box-shadow:none !important}button.consent_manager-accept-all:hover,button.consent_manager-accept-all:focus,button.consent_manager-save-selection:hover,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:hover,button.consent_manager-accept-none:focus{background:#fff !important;color:#000 !important}.consent_manager-wrapper [type=checkbox]::after{background:#000 !important;border:2px solid #fff !important;box-shadow:none !important}.consent_manager-wrapper [type=checkbox]:checked::after{background:#fff !important}.consent_manager-wrapper [type=checkbox]::before{background:#fff !important}.consent_manager-wrapper [type=checkbox]:checked::before{background:#000 !important}.consent_manager-sitelinks a,div.consent_manager-detail a{color:#ff0 !important;text-decoration:underline !important}div.consent_manager-cookiegroup-title{background:#fff !important;color:#000 !important}div.consent_manager-cookiegroup-description,div.consent_manager-cookie{background:#1a1a1a !important;border:1px solid #fff !important;color:#fff !important}*:focus{outline:3px solid #ff0 !important;outline-offset:2px !important}}@keyframes sandAppear{0%{opacity:0;transform:scale(0.95) translateY(15px)}100%{opacity:1;transform:scale(1) translateY(0)}}div.consent_manager-background{position:fixed;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;z-index:999999;overflow:hidden;box-sizing:border-box;outline:0}div.consent_manager-wrapper{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:15px;line-height:1.55;color:hsla(0,0%,100%,.92);position:relative;width:100%;max-width:680px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:#3d362e;border-radius:20px;box-shadow:12px 12px 24px rgba(0,0,0,.5),-12px -12px 24px rgba(90,80,68,.25),inset 0 0 0 1px hsla(0,0%,100%,.05);animation:sandAppear .4s ease-out;scrollbar-width:thin;scrollbar-color:#5c5245 rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar{width:6px}div.consent_manager-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0)}div.consent_manager-wrapper::-webkit-scrollbar-thumb{background:#5c5245;border-radius:3px}div.consent_manager-wrapper::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;border-radius:20px;pointer-events:none}div.consent_manager-wrapper-inner{padding:28px;position:relative;z-index:1}div.consent_manager-hidden{display:none}div.consent_manager-script{display:none}.consent_manager-close-box{position:absolute;right:16px;top:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3d362e;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;text-indent:-9999px;color:rgba(0,0,0,0);z-index:10;box-shadow:inset 3px 3px 6px rgba(0,0,0,.5),inset -3px -3px 6px rgba(90,80,68,.25)}.consent_manager-close-box::before,.consent_manager-close-box::after{content:"";position:absolute;width:12px;height:2px;background:hsla(0,0%,100%,.7);border-radius:1px;transition:all .2s ease}.consent_manager-close-box::before{transform:rotate(45deg)}.consent_manager-close-box::after{transform:rotate(-45deg)}.consent_manager-close-box:hover::before,.consent_manager-close-box:hover::after{background:hsla(0,0%,100%,.92)}.consent_manager-close-box:focus{outline:2px solid #d4a574;outline-offset:2px}div.consent_manager-wrapper .consent_manager-headline{margin:0 40px 16px 0;font-weight:600;font-size:1.35rem;color:hsla(0,0%,100%,.92);letter-spacing:-0.01em}div.consent_manager-wrapper p.consent_manager-text{margin:0 0 20px 0;color:hsla(0,0%,100%,.7);font-size:.9375rem;line-height:1.5}div.consent_manager-cookiegroups{margin:0 0 20px 0}.consent_manager-cookiegroup-checkbox{margin-bottom:10px;display:inline-flex;align-items:center;gap:24px;vertical-align:middle}.consent_manager-cookiegroup-checkbox span{font-size:.9375rem;color:hsla(0,0%,100%,.92);cursor:pointer;user-select:none;line-height:31px;vertical-align:middle}.consent_manager-wrapper [type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin-right:8px !important;width:51px;height:31px;border:0;cursor:pointer;flex-shrink:0;background:rgba(0,0,0,0);vertical-align:middle;margin:0}.consent_manager-wrapper [type=checkbox]::after{content:"";position:absolute;inset:0;background:#4a4238;border-radius:980px;transition:all .25s ease;box-shadow:inset 4px 4px 8px rgba(0,0,0,.5),inset -4px -4px 8px rgba(90,80,68,.25)}.consent_manager-wrapper [type=checkbox]::before{content:"";position:absolute;width:27px;height:27px;top:2px;left:2px;background:linear-gradient(145deg, #6e6354, #5c5245);border-radius:50%;box-shadow:3px 3px 6px rgba(0,0,0,.5),-2px -2px 4px rgba(90,80,68,.25);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.consent_manager-wrapper [type=checkbox]:checked::after{background:#8fb17a;box-shadow:inset 4px 4px 8px rgba(70,100,60,.5),inset -4px -4px 8px rgba(120,160,100,.25)}.consent_manager-wrapper [type=checkbox]:checked::before{transform:translateX(20px);background:linear-gradient(145deg, #f5f0e8, #e8e0d4)}.consent_manager-wrapper [type=checkbox]:focus{outline:none}.consent_manager-wrapper [type=checkbox]:focus::after{box-shadow:inset 4px 4px 8px rgba(0,0,0,.5),inset -4px -4px 8px rgba(90,80,68,.25),0 0 0 3px rgba(143,177,122,.3)}.consent_manager-wrapper input[type=checkbox]:disabled,.consent_manager-cookiegroups label>input[type=checkbox]:disabled+*{opacity:.5;cursor:not-allowed}div.consent_manager-show-details{padding:0 0 20px 0}.consent_manager-show-details .icon-info-circled{color:#d4a574;text-decoration:none;cursor:pointer;border:none;background:rgba(0,0,0,0);font-size:.875rem;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;transition:all .2s ease}.consent_manager-show-details .icon-info-circled:hover{color:#e6be94;background:rgba(212,165,116,.15)}.consent_manager-show-details .icon-info-circled:focus{outline:2px solid #d4a574;outline-offset:2px}.consent_manager-show-details .icon-info-circled::before{display:none}div.consent_manager-buttons{display:flex;flex-direction:column;gap:10px}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{position:relative;background:#3d362e;border:1px solid #5c5245;color:hsla(0,0%,100%,.92);padding:16px 20px;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:1rem;font-weight:500;text-align:center;min-height:50px;cursor:pointer;width:100%;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.05)}button.consent_manager-accept-all:hover,button.consent_manager-save-selection:hover,button.consent_manager-accept-none:hover{background:#4a4238;border-color:#6e6354;box-shadow:inset 4px 4px 8px rgba(0,0,0,.5),inset -4px -4px 8px rgba(90,80,68,.25)}button.consent_manager-accept-all:active,button.consent_manager-save-selection:active,button.consent_manager-accept-none:active{box-shadow:inset 6px 6px 12px rgba(0,0,0,.5),inset -6px -6px 12px rgba(90,80,68,.25)}button.consent_manager-accept-all:focus,button.consent_manager-save-selection:focus,button.consent_manager-accept-none:focus{outline:2px solid #d4a574;outline-offset:2px}.consent_manager-sitelinks{margin:20px 0 0 0;padding-top:16px;border-top:1px solid #5c5245}.consent_manager-sitelinks a{display:inline-block;margin:6px 16px 6px 0;color:hsla(0,0%,100%,.5);text-decoration:none;font-size:.8125rem;transition:color .2s ease}.consent_manager-sitelinks a:hover{color:#d4a574}.consent_manager-sitelinks a:focus{outline:2px solid #d4a574;outline-offset:2px}div.consent_manager-wrapper div.consent_manager-detail{margin-bottom:28px}div.consent_manager-wrapper div.consent_manager-detail a{color:#d4a574;text-decoration:none}div.consent_manager-wrapper div.consent_manager-detail a:hover{color:#e6be94;text-decoration:underline}div.consent_manager-wrapper div.consent_manager-cookiegroup-title{background:#5c5245;color:hsla(0,0%,100%,.92);padding:10px 16px;margin:20px 0 0 0;border-radius:10px 10px 0 0;font-weight:500;font-size:.9375rem}div.consent_manager-wrapper div.consent_manager-cookiegroup-description{background:#4a4238;padding:10px 16px;font-size:.8125rem;color:hsla(0,0%,100%,.7);border-left:1px solid #5c5245;border-right:1px solid #5c5245}div.consent_manager-wrapper div.consent_manager-cookie{background:rgba(74,66,56,.7);padding:10px 16px;margin-top:1px;font-size:.8125rem;color:hsla(0,0%,100%,.7);border-left:1px solid #5c5245;border-right:1px solid #5c5245}div.consent_manager-wrapper div.consent_manager-cookie:last-child{border-radius:0 0 10px 10px;border-bottom:1px solid #5c5245}div.consent_manager-wrapper div.consent_manager-cookie span{display:block;margin-bottom:2px}div.consent_manager-wrapper div.consent_manager-cookie span:last-child{margin-bottom:0}@media only screen and (min-width: 600px){div.consent_manager-wrapper{max-width:680px}div.consent_manager-cookiegroups{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.consent_manager-cookiegroup-checkbox{margin-bottom:0}div.consent_manager-show-details{text-align:right}div.consent_manager-buttons{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}button.consent_manager-accept-all,button.consent_manager-save-selection,button.consent_manager-accept-none{width:auto;min-width:140px}.consent_manager-sitelinks{margin:0;padding-top:0;border-top:none}div.consent_manager-buttons-sitelinks{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding-top:16px;border-top:1px solid #5c5245;margin-top:16px}}@media only screen and (min-width: 900px){div.consent_manager-wrapper{max-width:720px}}/*# sourceMappingURL=consent_manager_frontend_theme_sand_dark.css.map */ diff --git a/fragments/ConsentManager/box.php b/fragments/ConsentManager/box.php index 23c596a2..cff211eb 100644 --- a/fragments/ConsentManager/box.php +++ b/fragments/ConsentManager/box.php @@ -46,7 +46,7 @@ } .consent_manager-header { - padding: 20px 20px 0 20px; + padding: 0 0 1em 0; background: transparent; position: relative; z-index: 10; @@ -55,7 +55,7 @@ align-items: center; color: inherit; } - .consent_manager-close { + .consent_manager-header .consent_manager-close { cursor: pointer; background: transparent; border: none; @@ -64,17 +64,20 @@ padding: 5px; color: inherit; opacity: 0.7; + position: absolute; + top: -1.7rem; + right: -1.7rem; } - .consent_manager-close:hover { + .consent_manager-header .consent_manager-close:hover { opacity: 1; }