1 2 function cookieNotice(saveOnChange){ 3 this.save= function(){ 4 var val = '~req~'; 5 for( var i=0; i < inp.length; i++) { 6 val += inp[i].checked ? inp[i].value : "~no" + inp[i].value.slice(1); 7 } 8 document.cookie = "cookieUse=" + val + "; max-age=15552000; path=/; domain=" + document.domain.split('.').slice(1).join('.'); 9 } 10 11 var inp= document.getElementsByName("cookieUse"); 12 var curVal = (document.cookie.match(/cookieUse=([^;]+)/) || ['', ''])[1]; 13 if (curVal.indexOf('~req~') == -1) curVal = curVal.replace(/~mkt~/g, '') // could be deleted after jan 2021 14 for( var i=0; i < inp.length; i++) { 15 var ic= inp[i]; 16 ic.checked = curVal.indexOf(ic.value) >= 0; 17 saveOnChange && ic.addEventListener("change", this.save) 18 } 19 } 20 21 22 23 24function showCookieBanner() { 25 if(document.getElementsByClassName('c-cookie_notice').length === 0) { 26 document.body.insertAdjacentHTML('beforeend', '<style> .c-cookie_notice { font-family: "Helvetica Neue", sans-serif;position: absolute; z-index: 100000; top: 0; left: 0; right: 0; bottom: 0; font-size: 16px; line-height: 1.5; overflow-y: auto; } .c-cookie_notice__background { position: fixed; z-index: 100; width: 100%; height: 100%; display: block; opacity: 0.5; background-color: black; } .c-cookie_notice__modal { position: relative; z-index: 1000; background-color: white; color: black; width: 90%; max-width: 960px; margin: 10vh auto 0; display: block; padding: 48px; opacity: initial; box-sizing: border-box; left: 50%; transform: translateX(-50%); position: fixed; max-height: 80vh; overflow-y: auto; } .c-cookie_notice__headline { margin-bottom: 16px; color: black; font-size: 24px; line-height: initial; letter-spacing: normal; text-transform: none; } .c-cookie_notice__description { margin-bottom: 16px; color: black; } .c-cookie_notice__description p { display: inline; color: black; padding-right: 10px; font-size: 14px; line-height: 1.5; } .c-cookie_notice__description a { color: #aaa; font-size: 14px; line-height: 1.5; word-wrap: none; white-space: nowrap; } .c-cookie_notice__description a:hover { color: #8c0014; cursor: pointer; } .c-cookie_notice__description a:before { background: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMDRUMTM6MDU6NDQrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTA0VDEzOjE3OjE3KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTA0VDEzOjE3OjE3KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzNzY2ZjNmLWFmYjAtNGFmOC1iNTIzLTk4NWU5OTcyMDUwYiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpkNDg0OThmZS1iY2YyLTRhY2ItOTljYS0zMWQ3MTVlZTRlY2MiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNDg0OThmZS1iY2YyLTRhY2ItOTljYS0zMWQ3MTVlZTRlY2MiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ0ODQ5OGZlLWJjZjItNGFjYi05OWNhLTMxZDcxNWVlNGVjYyIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0wNFQxMzowNTo0NCswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzNzY2ZjNmLWFmYjAtNGFmOC1iNTIzLTk4NWU5OTcyMDUwYiIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0wNFQxMzoxNzoxNyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+i80vuAAAAIhJREFUGJV1zq8OwVEYh/GPM8lENyK5CZGNZPuJMpJC8qcSBUURBG5BkDSb6Bp0yu9sZ2fz1Gff930qG40nbhjKCHigwDaXVfTxxgR1DFIJU3wwRw3deDayKNcdXNJlZI0XzrgH//nmclyurmilcoYVTminQcuy9BBLY9ARPewwSn8ENLHPBfwAX4gYGg
26EcATUAAAAASUVORK5CYII=\'); width: 13px; height: 12px; width: 12px; content: " "; display: inline-block; padding: 0; background-repeat: no-repeat; background-position: left center; } .c-cookie_notice__buttons { margin-top: 30px; text-align: right; } .c-cookie_notice__button { box-sizing: border-box; font-size: 14px; border: solid 1px black; color: black; padding: 0 48px; margin-left: 8px; height: 48px; background-color: white; } .c-cookie_notice__button:hover { cursor: pointer; } .c-cookie_notice__button--cta { background-color: #8C0014; background-color: black; font-weight: 800; color: white; border: none; } .c-cookie_notice__selection { float: left; margin-bottom: 24px; width: 100%; } .c-cookie_notice__selection>label { margin-right: 16px; color: black; } .c-cookie_notice__selection>label:after { content: none; } .c-cookie_notice__checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #000; padding: 9px; display: inline-block; position: relative; margin: 2px; width: 24px; height: 24px; } .c-cookie_notice__checkbox:focus { outline: 0; } .c-cookie_notice__checkbox:hover { cursor: pointer; } .c-cookie_notice__checkbox:checked { background: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMDRUMTM6MDY6MzArMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTA0VDEzOjE0OjMyKzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTA0VDEzOjE0OjMyKzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhhY2U5M2JmLWZlOTMtNGNiNC05ZWU5LWI4MDE4NDY3ZjIxZSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplZjk3ZmYyYy03M2E3LTQ1MjQtYmI0NC0xMGQ4NDFmMDcxM2QiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZjk3ZmYyYy03M2E3LTQ1MjQtYmI0NC0xMGQ4NDFmMDcxM2QiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmVmOTdmZjJjLTczYTctNDUyNC1iYjQ0LTEwZDg0MWYwNzEzZCIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0wNFQxMzowNjozMCswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3MjliNWNiLTA4YWEtNGQ3YS1hNGNhLTM0OTBkM2ZiNjgzMiIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0wNFQxMzoxMzoyNSswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhhY2U5M2JmLWZlOTMtNGNiNC05ZWU5LWI4MDE4NDY3ZjIxZSIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0wNFQxMzoxNDozMiswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jYf1sAAAAStJREFUSInt1r8rxGEcwPHXiYXSyUAGm7pisFNmi9FkVUryB0jKLZTJLTYzi00yKZPBzKQsyGVSZPE1uNPzfTruvud7i3zqqafneT7v9/OznkKSJDoZXR2l/wmBJElSpc3oxy6uUU7xchKsIqmXvAUlPASC5zwFPTgIZ49KnoIFvATwK5TyEoziMoC/Y5E0s11BAVvSW3OC3rwE07gL4E+Yqnc2E0xgHRsYaQDvw3E0+81wQDPBWZB46PMRhbEUwS8wkEVwHwHWgtyxqP8Vs/ESmwnKtcSvh4O5Wu5+JN9Dd1bBICoR6BzLqAZtNxiP4a0IoCh9FvV7HtZXGsFbFcAkbiNJeOeLvxXAPN4ieBUz38GzCmA7Euz8BG9HMIQjPOIUw1kEhf9fRbP4ADbI4BNEHbLBAAAAAElFTkSuQmCC\'); display: inline-block; padding: 0; background-repeat: no-repeat; background-position: center center; } .c-cookie_notice__form-group { display: inline-block; margin: 0 16px 0 0; } .c-cookie_notice__form-group>* { vertical-align: middle; color: black; } .c-cookie_notice__checkbox:disabled { opacity: 50%; } .c-cookie_notice__checkbox:disabled+label { color: gray; } .c-cookie_notice__details input { display: none; } .c-cookie_notice__details-label:hover { cursor: pointer; } .cookie_notice__details-panel { margin: 0 auto; height: 0; display: none; color: black; } .cookie_notice__details-panel h4 { margin-bottom: 8px; font-size: 16px; font-weight: bold; color: black; } .cookie_notice__details-panel div { margin-bottom: 16px; font-size: 16px; color: black; } .c-cookie_notice__details input:checked~.cookie_notice__details-panel { height: auto; transition: 0.5s; display: block; } .cookie_notice__details-label { cursor: pointer; display: block; width: 100%; text-align: right; user-select: none;
26 color: rgb(136, 132, 132); } .cookie_notice__details-label:hover { color: #8c0014; } .cookie_notice__details-label::before { content: " + "; font-size: 1.6em } .c-cookie_notice__details input:checked+.cookie_notice__details-label::before { content: " â "; } @media (max-width: 576px) { .c-cookie_notice__buttons { display: flex; flex-direction: column-reverse; margin-top: 16px; } .c-cookie_notice__buttons > .c-cookie_notice__button + .c-cookie_notice__button { margin-bottom: 16px; } .c-cookie_notice__button { width: 100%; margin: 0; } .c-cookie_notice__form-group { display: block; margin: 0 0 16px 0; } .c-cookie_notice__modal { margin: 32px auto; height: calc(100% - 64px); overflow-Y: auto; } } @media (max-width: 576px) { .c-cookie_notice { font-size: 14px; line-height: 1.4; } .c-cookie_notice__headline { font-size: 24px; margin-bottom: 16px; } .c-cookie_notice__description p { font-size: 14px; line-height: 1.5; } .c-cookie_notice__description a { color: #aaa; font-size: 14px; line-height: 1.5; } .c-cookie_notice__description a:before { height: 10px; } .c-cookie_notice__modal { width: 90%; padding: 20px; margin: 32px auto; } .c-cookie_notice__selection { margin-bottom: 0; } }</style><div class="c-cookie_notice"> <div class="c-cookie_notice__background"></div> <div class="c-cookie_notice__modal"> <h3 class="c-cookie_notice__headline">Your current setting with regard to cookies requiring consent:</h3> <div class="c-cookie_notice__description"> <p>Miele & Cie. KG uses cookies (including third-party cookies) to collect information about visitors\' use of the site. These cookies help us to provide you with the best possible online experience and help us to continually improve our website. By clicking on the "Confirm Selection" or "Confirm All" button, you consent to either all cookies or just those selected. You can withdraw your consent at any time with effect for the future by changing the settings at the top of our cookie policy. For more information about our use of cookies or to change your settings, please click on "More Information", or please see our privacy policy and our cookie policy.</p> <a class="c-cookie_notice__more-information" id="cu_ReadMore" href="https://www.miele.com/en/com/data-protection-2074.htm#p2634" target="_blank">More information</a> </div> <div class="c-cookie_notice__selection"> <div class="c-cookie_notice__form-group"> <input id="cu_req" type="checkbox" class="c-cookie_notice__checkbox" value="~req~" checked="checked" disabled="disabled" /> <label for="cu_req">Essential<a href="#cu_req_info"></a></label> </div> <div class="c-cookie_notice__form-group"> <input id="cu_stat" name="cookieUse" type="checkbox" class="c-cookie_notice__checkbox" value="~stat~" /> <label for="cu_stat">Analysis<a href="#cu_stat_info"></a></label> </div> <div class="c-cookie_notice__form-group"> <input id="cu_mkt" name="cookieUse" type="checkbox" class="c-cookie_notice__checkbox" value="~mkt~" /> <label for="cu_mkt">Marketing<a href="#cu_mkt_info"></a> </label> </div> </div> <div class="c-cookie_notice__details"> <input type="checkbox" name="acc" id="cookie_notice__details-status"> <label class="cookie_notice__details-label" for="cookie_notice__details-status">Details</label> <div class="cookie_notice__details-panel"> <div id="cu_req_info"> <h4>Essential</h4> <div>Essential cookies are those that are technically necessary to use the websites (e.g. cookies required for the navigation of the websites or for the use of their functions). Therefore, they cannot be deactivated and are generally automatically deleted at the end of each browser session. They may involve the transmission of data to third-party providers such as Google.</div> </div> <div id="cu_stat_info"> <h4>Analysis</h4> <div>Analysis cookies enable the analysis of your usage behaviour in pseudonymised form (e.g. with regard to the frequency of page visits, entered search terms and the use of website functions). During the analysis, data is transferred to third-party providers such as Google.</div> </div> <div id="cu_mkt_info"> <h4>Marketing</h4> <div>We also use so-called marketing cookies from third parties for the purpose of retargeting/remarketing and the placement of personalised online advertisements. These also enable cross-device tracking in some cases. The marketing cookies we use include those from Google, Facebook and Microsoft.</div> </div> <div> <!--<h4>Manage Cookie Preferences Label</h4>--> <div></div> </div> </div> </div> <div class="c-cookie_notice__buttons"> <button id="cu_confirm" class="c-cookie_notice__button">Confirm selection</button> <button id="cu_confirmAll" class="c-cookie_notice__button c-cookie_notice__button--cta">Confirm all</button> </div> </div></div>'); 27 28 var cn= new cookieNotice(); 29 document.getElementById("cu_confirm").addEventListener("click", function () { 30 cn.save(); 31 document.querySelector('.c-cookie_notice').remove(); 32 if (document.cookie.match(new RegExp('(^| )' + 'cookieUse' + '=([^;]+)'))) { 33 dataLayer.push({ event: 'MieleBasic_ConsentInteraction' }); 34 } 35 }); 36 document.getElementById("cu_confirmAll").addEventListener("click", function () { 37 var inp= document.getElementsByName("cookieUse"); 38 for( var i=0; i < inp.length; i++) { 39 inp[i].checked = true; 40 }
41 document.getElementById("cu_confirm").click(); 42 }); 43 } 44} 45if(document.cookie.indexOf('cookieUse=~req~') == -1){ 46showCookieBanner(); 47} 48 49 50
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.