(function() { var modal = window.parent.document.getElementById("digital-ads-modal"); if (modal !== null) { return; } modal = window.parent.document.createElement('div'); modal.setAttribute('id', 'digital-ads-modal'); modal.setAttribute('class', 'digital-ads-modal'); window.parent.document.body.appendChild(modal); const modalShadow = modal.attachShadow({ mode: 'open' }); modalShadow.innerHTML = `
Anzeige ×
`; const resetCss = document.createElement('style'); const modalCss = document.createElement('style'); resetCss.textContent = `*, ::before, ::after { box-sizing: border-box; } :host > *, body { margin: 0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background-color: transparent; -webkit-text-size-adjust: 100%; } b, strong { font-weight: bolder; } `; modalCss.textContent = `/* .digital-ads-modal */ :host { display: none; position: fixed; z-index: 10000000; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; background-color: #fff; } .digital-ads-modal-container { display: flex; flex-direction: column; height: 100%; } .digital-ads-modal-header, .digital-ads-modal-footer { flex: 0 1 76px; display: grid; font-size: 24px; background-color: #eee; } .digital-ads-modal-header { grid-template-columns: 1fr 36px; padding: 20px; } .digital-ads-modal-footer { grid-template: 1fr/1fr; place-items: center; padding: 0 20px; } .digital-ads-modal-content { flex: 1 1 auto; padding: 0 20px; } .digital-ads-modal-image-container { width: 100%; height: 100%; position: relative; overflow: auto; } .digital-ads-modal-image-container img { position: absolute; left: 50%; transform: translateX(-50%); max-width: 100%; max-height: 100%; display: block; --digital-ads-modal-imgage-cursor: zoom-in; } .digital-ads-modal-image-container img:hover { cursor: zoom-in; cursor: var(--digital-ads-modal-imgage-cursor); } .digital-ads-modal-anzeige-text { align-self: center; } .digital-ads-modal-close { grid-column: 2 / 3; font-size: 48px; justify-self: stretch; text-align: center; line-height: 36px; border-radius: 50%; &:hover { background-color: #ccc; } } .digital-ads-modal-info-website, .digital-ads-modal-close { color: #aaa; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; &:hover, &:focus { color: #000; text-decoration: none; cursor: pointer; } } .digital-ads-modal-info-website { grid-area: span 1 / span 1; display: grid; grid-template-rows: 36px 20px; place-items: center; padding: 10px; max-width: fit-content; line-height: 1; text-decoration: none; &:hover { background-color: #ccc; } } .digital-ads-modal-info-website-icon { grid-row: 1; font-size: 36px; } .digital-ads-modal-info-website-text { grid-row: 2; font-size: 20px; }`; modalShadow.appendChild(resetCss); modalShadow.appendChild(modalCss); const span = modalShadow.querySelector('.digital-ads-modal-close'); const imgContainer = modalShadow.querySelector('.digital-ads-modal-image-container'); function closeModal() { modal.style.display = 'none'; window.parent.document.body.style.removeProperty('overflow'); const img = imgContainer.getElementsByClassName('digital-ads-modal-image')[0]; zoomOutImg(img); } span.onclick = function() { closeModal(); }; window.onkeydown = function(event) { if (event.key === 'Escape') { closeModal(); } } function zoomOutImg(img) { img.style.removeProperty('max-width'); img.style.removeProperty('max-height'); img.style.removeProperty('left'); img.style.removeProperty('transform'); img.style.removeProperty('--digital-ads-modal-imgage-cursor'); } function zoomInImg(img, clickPosXInPercent, clickPosYInPercent) { const left = img.naturalWidth < imgContainer.getBoundingClientRect().width ? imgContainer.getBoundingClientRect().width / 2 - img.naturalWidth / 2 : 0; img.style.maxWidth = 'none'; img.style.maxHeight = 'none'; img.style.left = `${left}px`; img.style.transform = 'none'; img.style.setProperty('--digital-ads-modal-imgage-cursor', 'zoom-out'); const imgContainerRect = imgContainer.getBoundingClientRect(); imgContainer.scroll( (img.naturalWidth - imgContainerRect.width) * clickPosXInPercent, (img.naturalHeight - imgContainerRect.height) * clickPosYInPercent ); } function registerImgOnClick() { const img = imgContainer.getElementsByClassName('digital-ads-modal-image')[0]; img.onclick = function(event) { const clickPosXInPercent = event.offsetX / img.getBoundingClientRect().width; const clickPosYInPercent = event.offsetY / img.getBoundingClientRect().height; img.style.getPropertyValue('--digital-ads-modal-imgage-cursor') === 'zoom-out' ? zoomOutImg(img) : zoomInImg(img, clickPosXInPercent, clickPosYInPercent); }; } window.parent.digitalAdsModalRegisterImgOnClick = registerImgOnClick; })(); (function() { const embeddingMode = `ads2web-carousel-container-1-mobile` === '' ? 'iFrame' : 'shadowDOM'; /** * Works with and without iFrame */ const modal = window.parent.document.getElementById("digital-ads-modal"); const ads = [{"imageSrc":"https://digital-ads.app/images/AB5849CBFA00F417850E99D02C4A6BDA.jpg"},{"infoWebsite":"https://www.kreiszeitung-wochenblatt.de/","imageSrc":"https://digital-ads.app/images/EB0E4A64CF5C85D88CDB07A7427F2FF2.jpg"},{"infoWebsite":"https://www.maison-immo.de","imageSrc":"https://digital-ads.app/images/18D68D34E31DBBCE39048A74A756F147.jpg"},{"infoWebsite":"https://www.edeka.de/","imageSrc":"https://digital-ads.app/images/8F9473025C834BF031CBBDE072D8F42A.jpg"},{"infoWebsite":"https://www.kreiszeitung-wochenblatt.de/c-service/jobs-und-karriere_a310789?ref=curate","imageSrc":"https://digital-ads.app/images/0BCEAE42ACEBE50EB63333670F2CD873.jpg"},{"infoWebsite":"https://www.schlenker-elektrotechnik.de","imageSrc":"https://digital-ads.app/images/3F70B31F0C0E9BCD20F56204BF643F8D.jpg"}]; const resetCss = document.createElement('style'); const splideCss = document.createElement('style'); const carouselCss = document.createElement('style'); const splideJs = document.createElement('script'); resetCss.textContent = `*, ::before, ::after { box-sizing: border-box; } :host > *, body { margin: 0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background-color: transparent; -webkit-text-size-adjust: 100%; } b, strong { font-weight: bolder; } `; splideCss.textContent = `.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}`; carouselCss.textContent = `.splide__slide { cursor: pointer; } .splide__slide img { height: 100%; margin: 0 20px; position: relative; top: 50%; transform: translateY(-50%); } `; splideJs.textContent = `function r(n,t){for(var i=0;i=r))return l();u=h(s)}}function l(){f=!0}function d(){u&&cancelAnimationFrame(u),f=!(u=c=0)}return{start:function(n){n||d(),o=e()-(n?c*t:0),f=!1,u=h(s)},rewind:function(){o=e(),c=0,i&&i(c)},pause:l,cancel:d,set:function(n){t=n},isPaused:function(){return f}}}function s(n){var t=n;return{set:function(n){t=n},is:function(n){return b(y(n),t)}}}var n="Arrow",Bn=n+"Left",Hn=n+"Right",t=n+"Up",n=n+"Down",Jn="ttb",l={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[t,Hn],ArrowRight:[n,Bn]};var Z="role",$="tabindex",i="aria-",Kn=i+"controls",Vn=i+"current",Qn=i+"selected",nn=i+"label",Zn=i+"labelledby",$n=i+"hidden",nt=i+"orientation",tt=i+"roledescription",it=i+"live",rt=i+"busy",ot=i+"atomic",ut=[Z,$,"disabled",Kn,Vn,nn,Zn,$n,nt,tt],i=yn+"__",et=yn,ct=i+"track",ft=i+"list",at=i+"slide",st=at+"--clone",lt=at+"__container",dt=i+"arrows",vt=i+"arrow",ht=vt+"--prev",pt=vt+"--next",gt=i+"pagination",mt=gt+"__page",yt=i+"progress"+"__bar",bt=i+"toggle",wt=i+"sr",tn="is-active",xt="is-prev",kt="is-next",St="is-visible",Et="is-loading",Lt="is-focus-in",Ot="is-overflow",At=[tn,St,xt,kt,Et,Lt,Ot];var _t="touchstart mousedown",zt="touchmove mousemove",Dt="touchend touchcancel mouseup click";var Mt="slide",Pt="loop",It="fade";function Rt(o,r,t,u){var e,n=Q(o),i=n.on,c=n.emit,f=n.bind,a=o.Components,s=o.root,l=o.options,d=l.isNavigation,v=l.updateOnMove,h=l.i18n,p=l.pagination,g=l.slideFocus,m=a.Direction.resolve,y=z(u,"style"),b=z(u,nn),w=-1u.perPage}}},Layout:function(t,n,i){var r,o,u,e=(a=Q(t)).on,c=a.bind,f=a.emit,a=n.Slides,s=n.Direction.resolve,l=(n=n.Elements).root,d=n.track,v=n.list,h=a.getAt,p=a.style;function g(){r=i.direction===Jn,_(l,"maxWidth",W(i.width)),_(d,s("paddingLeft"),y(!1)),_(d,s("paddingRight"),y(!0)),m(!0)}function m(n){var t=N(l);!n&&o.width===t.width&&o.height===t.height||(_(d,"height",function(){var n="";r&&(bn(n=b(),"height or heightRatio is missing."),n="calc("+n+" - "+y(!1)+" - "+y(!0)+")");return n}()),p(s("marginRight"),W(i.gap)),p("width",i.autoWidth?null:W(i.fixedWidth)||(r?"":w())),p("height",W(i.fixedHeight)||(r?i.autoHeight?null:w():b()),!0),o=t,f(Nn),u!==(u=O())&&(A(l,Ot,u),f("overflow",u)))}function y(n){var t=i.padding,n=s(n?"right":"left");return t&&W(t[n]||(un(t)?0:t))||"0px"}function b(){return W(i.height||N(v).width*i.heightRatio)}function w(){var n=W(i.gap);return"calc((100%"+(n&&" + "+n)+")/"+(i.perPage||1)+(n&&" - "+n)+")"}function x(){return N(v)[s("width")]}function k(n,t){n=h(n||0);return n?N(n.slide)[s("width")]+(t?0:L()):0}function S(n,t){var i,n=h(n);return n?(n=N(n.slide)[s("right")],i=N(v)[s("left")],U(n-i)+(t?0:L())):0}function E(n){return S(t.length-1)-S(0)+k(0,n)}function L(){var n=h(0);return n&&parseFloat(_(n.slide,s("marginRight")))||0}function O(){return t.is(It)||E(!0)>x()}return{mount:function(){var n,t,i;g(),c(window,"resize load",(n=R(f,jn),i=qn(t||0,n,null,1),function(){i.isPaused()&&i.start()})),e([K,J],g),e(jn,m)},resize:m,listSize:x,slideSize:k,sliderSize:E,totalSize:S,getPadding:function(n){return parseFloat(_(d,s("padding"+(n?"Right":"Left"))))||0},isOverflow:O}},Clones:function(c,i,f){var t,r=Q(c),n=r.on,a=i.Elements,s=i.Slides,o=i.Direction.resolve,l=[];function u(){if(n(J,d),n([K,jn],v),t=h()){var o=t,u=s.get().slice(),e=u.length;if(e){for(;u.lengthc.Controller.getEnd(),(t<0||i)&&(n=w(n,i)))}return n}(n),_(p,"transform","translate"+v("X")+"("+t+"px)"),n!==t&&f(Un))}function w(n,t){var i=n-L(t),r=d();return n-=h(r*(kn(U(i)/r)||1))*(t?1:-1)}function x(){b(E(),!0),e.cancel()}function k(n){for(var t=c.Slides.get(),i=0,r=1/0,o=0;oh(L(!0));return i||n},reposition:m}},Controller:function(o,u,e){var c,f,a,s,n=Q(o),t=n.on,i=n.emit,l=u.Move,d=l.getPosition,r=l.getLimit,v=l.toPosition,h=(n=u.Slides).isEnough,p=n.getLength,g=e.omitEnd,m=o.is(Pt),y=o.is(Mt),b=R(L,!1),w=R(L,!0),x=e.start||0,k=x;function S(){f=p(!0),a=e.perMove,s=e.perPage,c=_();var n=q(x,0,g?c:f-1);n!==x&&(x=n,l.reposition())}function E(){c!==_()&&i("ei")}function L(n,t){var i=a||(P()?1:s),i=O(x+i*(n?-1:1),x,!(a||P()));return-1===i&&y&&!Sn(d(),r(!n),1)?n?0:c:t?i:A(i)}function O(n,t,i){var r;return h()||P()?((r=function(n){if(y&&"move"===e.trimSpace&&n!==x)for(var t=d();t===v(n,!0)&&En(n,0,o.length-1,!e.rewind);)n])(\d+)?/)||[],i=r[1],r=r[2],"+"===i||"-"===i?t=O(x+ +(""+i+(+r||1)),x):">"===i?t=r?z(+r):b(!0):"<"===i&&(t=w(!0))):t=m?n:q(n,0,c)}return t}(n)))&&(t||r!==x)&&(M(r),l.move(n,r,k,i))},scroll:function(n,t,i,r){u.Scroll.scroll(n,t,i,function(){var n=A(l.toIndex(d()));M(g?Y(n,c):n),r&&r()})},getNext:b,getPrev:w,getAdjacent:L,getEnd:_,setIndex:M,getIndex:function(n){return n?k:x},toIndex:z,toPage:D,toDest:function(n){return n=l.toIndex(n),y?q(n,0,c):n},hasFocus:P,isBusy:I}},Arrows:function(o,n,t){var i,r,u=Q(o),e=u.on,c=u.bind,f=u.emit,a=t.classes,s=t.i18n,l=n.Elements,d=n.Controller,v=l.arrows,h=l.track,p=v,g=l.prev,m=l.next,y={};function b(){var n=t.arrows;!n||g&&m||(p=v||j("div",a.arrows),g=S(!0),m=S(!1),i=!0,L(p,[g,m]),v||O(p,h)),g&&m&&(an(y,{prev:g,next:m}),ln(p,n?"":"none"),M(p,r=dt+"--"+t.direction),n&&(e([B,Dn,J,V,"ei"],E),c(m,"click",R(k,">")),c(g,"click",R(k,"<")),E(),I([g,m],Kn,h.id),f("arrows:mounted",g,m))),e(K,w)}function w(){x(),b()}function x(){u.destroy(),X(p,r),i?(T(v?[g,m]:p),g=m=null):P([g,m],ut)}function k(n){d.go(n,!0)}function S(n){return hn('