https://www.hosteurope.de/pex-static/46/69.bddabd23926e64c5e772.chunk.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{332:function(e,t,n){n.r(t),n.d(t,"default",(function(){return le}));var s=n(647),r=n(329),a=n(1),l=n(0),i=n(59),o=n(82),c=(n(679),n(609)),d=n(30),u=n(121),b=(n(680),n(66)),p=n(5),m=(n(681),n(682),n(7)),j=(n(683),n(684),n(24)),h=(n(685),n(25)),y=(n(686),n(561));n(687),n(688),n(14),n(140),n(145),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(212),n(144),n(213),n(589),n(590),n(591),n(592),n(593),n(594),n(595),n(596),n(597);const f=e=>{let{links:t,messageId:n,intl:s,opened:r,onClick:a,refButton:i,refLinks:o}=e;const d=Object(l.useRef)(null),[u,b]=Object(l.useState)(-1),[p,m]=Object(l.useState)("");Object(c.l)({ref:d,open:r,onClick:a});const j=e=>{var t,n;b(e),null===(t=o.current[e].current)||void 0===t||null===(n=t.firstElementChild)||void 0===n||n.focus()},h=e=>{const r=`${p}${e}`;m(r);const a=t.findIndex((e,t)=>{var a,l;const i=s.formatMessage({id:`${n}.${null!=(a=e.key)?a:t}.label`});return new RegExp("^"+r,"ig").test(null!=(l=null==i?void 0:i.toString())?l:"")});a>=0&&j(a)};return{ref:d,onMenuKeyPress:e=>{"Enter"===e.key?a():"ArrowDown"===e.key||"ArrowUp"===e.key?(e.preventDefault(),r?j(0):a()):"Home"===e.key?(e.preventDefault(),r&&j(0)):"End"===e.key?(e.preventDefault(),r&&j(t.length-1)):"Escape"!==e.key&&"Tab"!==e.key&&h(e.key)},onItemKeyPress:e=>{"Enter"!==e.key&&("ArrowUp"===e.key?(e.preventDefault(),r?0===u?(()=>{var e;b(-1),a(),(null===(e=i.current)||void 0===e?void 0:e.firstElementChild).focus()})():u>0?j(u-1):a():a()):"ArrowDown"===e.key?(e.preventDefault(),r?t.length>0&&u<t.length-1&&j(u+1):a()):"Tab"===e.key?r&&t.length>0&&u<t.length-1?(e.preventDefault(),j(u+1)):a():"Escape"===e.key?a():"Home"===e.key?(e.preventDefault(),r&&j(0)):"End"===e.key?(e.preventDefault(),r&&j(t.length-1)):h(e.key))}}},g="r11widxo",k="iv6pv8h",O="l18ifg91",x="s1ckhqea",v="s1mll6yt",w="u1yq2cmp",N="r1yu47e3",S="l10fajna",L=e=>{let{links:t,label:n,linkId:s,messageId:r}=e;const{isOpen:i,toggle:o}=Object(c.g)(),b=Object(l.useRef)(null),p=Object(l.useRef)(Array.from({length:t.length},()=>Object(l.createRef)())),{ref:m,onMenuKeyPress:j,onItemKeyPress:h}=f({links:t,messageId:r,intl:Object(u.a)(),opened:null!=i&&i,onClick:null!=o?o:()=>{},refButton:b,refLinks:p});return Object(a.jsx)(a.Fragment,{children:t.length>0&&Object(a.jsxs)("div",{ref:m,className:N,children:[Object(a.jsx)(c.c,{ref:b,popoutOpened:i,onClick:o,onKeyPress:j,children:Object(a.jsx)(d.a,{id:n})}),i&&Object(a.jsx)(c.e,{label:"Popout menu",children:Object(a.jsx)(a.Fragment,{children:null==t?void 0:t.map((e,t)=>{var n,l;const{tel:i}=e;return Object(a.jsx)(c.h,{className:S,children:Object(a.jsx)(c.i,{ref:p.current[t],id:null!=e.analyticsKey?`${s}-${e.analyticsKey}`:void 0,href:null==i?e.url:"tel:"+i,label:`${r}.${null!=(l=e.key)?l:t}.label`,onKeyPress:h,formatted:"formatted"in e?e.formatted:void 0})},null!=(n=e.key)?n:t)})})})]})})};L.displayName="MastheadDesktopLinks";var R=L;const A="r1h9m04t",C="lc3w0y1",P="l1q8tdh",E=Object(l.forwardRef)((e,t)=>{let{link:n,classname:s,onKeyPress:r}=e;return Object(a.jsx)("li",{className:Object(m.a)(s,"d1begylo"),children:Object(a.jsx)(c.h,{children:Object(a.jsx)(c.i,{ref:t,...n,id:n.key,onKeyPress:r})})})});E.displayName="AccountLinkDesktop";var I=E;const K=Object(l.forwardRef)((e,t)=>{let{onKeyPress:n}=e;const{loggedIn:s,hasAccount:r,userDetails:l,links:i,linksLogged:o,linksLogout:d}=Object(c.j)(),u=t;return Object(a.jsxs)("div",{className:A,children:[s&&r&&l&&Object(a.jsx)(c.f,{...l}),Object(a.jsxs)("ul",{className:C,children:[i.map((e,t)=>{var s;return Object(a.jsx)(I,{ref:null==u?void 0:u.current[t],onKeyPress:n,link:{key:null!=e.analyticsKey?"bks-account-menu-"+e.analyticsKey:void 0,href:e.url,label:`bks.account.menu.item.${null!=(s=e.key)?s:t}.label`}},e.key)}),(s?o:d).map((e,t)=>Object(a.jsx)(I,{ref:null==u?void 0:u.current[t+i.length],onKeyPress:n,link:e,classname:P},e.key))]})]})});K.displayName="AccountOptionsDesktop";var D=K;const T=()=>{const e=Object(u.a)(),{isOpen:t,toggle:n}=Object(c.g)(),{loggedIn:s,links:i,linksLogged:o,linksLogout:m}=Object(c.j)(),j=[...i,...s?o:m],h=Object(l.useRef)(null),y=Object(l.useRef)(Array.from({length:j.length},()=>Object(l.createRef)())),{ref:g,onMenuKeyPress:k,onItemKeyPress:O}=f({links:j,messageId:"bks.account.menu.item",intl:e,opened:null!=t&&t,onClick:null!=n?n:()=>{},refButton:h,refLinks:y}),{colorway:x}=Object(r.y)(),v=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.c.HEADER;return{classname:"g13b1x10",color:e===r.c.LIGHT||e===r.c.NEUTRAL?p.g.palette.grey02:p.g.palette.headerForeground,height:p.g.gu3}}(x);return Object(a.jsxs)("div",{ref:g,className:N,children:[Object(a.jsx)(c.c,{ref:h,popoutOpened:t,onClick:n,onKeyPress:k,showArrow:!1,children:Object(a.jsx)("span",{className:v.classname,children:Object(a.jsx)(b.a,{size:v.height,color:v.color,name:"avatar",alt:Object(d.c)({id:"bks.masthead.account"},e)})})}

1),t&&Object(a.jsx)(c.e,{flush:!0,label:"Popout account",children:Object(a.jsx)(D,{ref:y,onKeyPress:O})})]})};T.displayName="AccountLinks";var M=T;const z=Object(l.lazy)(()=>n.e(16).then(n.bind(null,662)).then(e=>({default:e.default}))),H=()=>{const e=Object(r.e)(),t=Object(r.f)(),n=Object(r.g)(),s=Object(r.h)(),{colorway:d}=Object(r.y)();return Object(a.jsx)(o.b,{colorway:d,className:g,children:Object(a.jsx)(i.c,{children:Object(a.jsxs)("div",{className:k,children:[Object(a.jsx)(c.b,{classname:O}),Object(a.jsxs)("div",{className:x,children:[Object(a.jsxs)("div",{className:v,children:[n.map(e=>{var t;return Object(a.jsx)(c.i,{id:null!=e.analyticsKey?"bks-"+e.analyticsKey:void 0,label:e.label,href:e.url,glyph:{icon:e.icon}},null!=(t=e.analyticsKey)?t:e.url)}),Object(a.jsx)(R,{links:t,label:"bks.header.supplementary.menu.open",linkId:"bks-more-menu",messageId:"bks.header.supplementary.menu.items"})]}),Object(a.jsxs)("div",{className:w,children:[Object(a.jsx)(R,{links:e,label:"bks.header.supplementary.contact.open",linkId:"bks-contact-menu",messageId:"bks.header.contact.menu.items"}),Object(a.jsx)(c.a,{}),Object(a.jsx)(c.k,{}),s&&Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(l.Suspense,{fallback:"",children:Object(a.jsx)(z,{isEcommerce:s,label:"bks.header.basketCount.desktop"})}),Object(a.jsx)(M,{})]})]})]})]})})})};H.displayName="MastheadDesktop";var F=H;const U="r1evr38s",$="t3zyvea",B="ny9chpz",q={divider:"dsuh11b",link:Object(m.a)(j.k.headingXs,"l14jqapo")},X="s1kp0rv3",V="d8k44n",W="obvsx9k",Y=e=>{let{children:t,submenu:n,opened:s}=e;const{theme:l}=Object(p.j)(),c=(e=>{let{opened:t}=e;return{submenuBase:Object(m.a)(V,t&&W),root:Object(m.a)(j.k.headingXxs,"r13b2dm1"),title:"txrw4gm"}})({opened:s}),{colorwaySecondary:u}=Object(r.y)();return Object(a.jsx)(o.b,{colorway:u,className:c.submenuBase,children:Object(a.jsx)(i.c,{children:null!=n.illustrationKey?Object(a.jsxs)(i.f,{children:[Object(a.jsx)(i.b,{xs:4,children:Object(a.jsxs)("div",{className:c.root,children:[Object(a.jsx)(y.b,{size:Object(p.h)(16,l.spacing),icon:n.illustrationKey}),null!=n.title&&Object(a.jsx)(j.d,{className:c.title,children:Object(a.jsx)(d.a,{id:n.title})}),null!=n.body&&Object(a.jsx)(j.a,{children:Object(a.jsx)(d.a,{id:n.body})})]})}),Object(a.jsx)(i.b,{xs:8,children:t})]}):t})})};Y.displayName="SubmenuLayout";var _=Y;const G={height:p.g.gu3,color:"primary"},J={root:Object(m.a)(j.k.headingXxs,"rxcklhl"),link:"ltkif27",title:"t6iqxai",icon:"i6varty",body:Object(m.a)("ltkif27","bz4g527")},Z=Object(l.forwardRef)((e,t)=>{let{title:n,body:s,href:l,analyticsKey:i,promo:o,promoLabel:u}=e;const{LinkComponent:p}=Object(r.y)();return Object(a.jsxs)("div",{ref:t,className:J.root,children:[Object(a.jsxs)(p,{id:null!=i?"bks-submenu-"+i:void 0,href:l,className:J.link,children:[Object(a.jsx)(j.h,{component:"div",className:J.title,children:Object(a.jsx)(c.d,{label:n,promo:o,promoLabel:u})}),Object(a.jsx)("span",{className:J.icon,children:Object(a.jsx)(b.a,{name:"arrowRight",size:G.height,color:G.color})})]}),null!=s&&Object(a.jsx)(p,{href:l,className:J.body,tabIndex:-1,children:Object(a.jsx)(j.a,{children:Object(a.jsx)(d.a,{id:s})})})]})});Z.displayName="SubmenuLink";var Q=Z;const ee=e=>{let{submenu:t,opened:n}=e;return Object(a.jsx)(_,{submenu:t,opened:n,children:Object(a.jsx)(i.f,{className:X,children:t.items.map(e=>Object(a.jsx)(i.b,{xs:null==t.illustrationKey?4:6,children:Object(a.jsx)(Q,{title:e.title,body:e.body,href:e.url,analyticsKey:e.analyticsKey,promo:e.promo,promoLabel:e.promoLabel})},e.key))})})};ee.displayName="Submenu";var te=ee;function ne(e){let{closeSubmenu:t,isOpen:n,submenu:s,id:r}=e;return Object(a.jsx)("div",{id:"bks-subnav-"+r,onMouseEnter:()=>(()=>{Object(h.c)({hitType:"event",eventCategory:"Custom",eventAction:"hover",eventLabel:"bks-navlink-dropdown-hover"})})(),onClick:()=>t(),onKeyDown:e=>"Enter"===e.key||"Escape"===e.key&&t(),role:"presentation",children:Object(a.jsx)(te,{submenu:s,opened:n})})}function se(e){var t;let{id:n,isCurrent:s,isExpanded:l,handleMouseOver:i,handleFocus:o,link:d,...u}=e;const{LinkComponent:b}=Object(r.y)();return Object(a.jsxs)("span",{className:q.divider,onMouseOver:i,onFocus:o,role:"menuitem",children:[Object(a.jsx)(b,{id:"bks-navlink-"+n,href:d.url,

1isNavLink:!0,isNavLinkExact:d.exact,className:q.link,"aria-current":s?"page":void 0,"aria-expanded":l,tabIndex:0,children:Object(a.jsx)(c.d,{label:d.label,promo:d.promo,promoLabel:d.promoLabel})}),null!=(null==d?void 0:d.submenu)&&(null==d||null===(t=d.submenu)||void 0===t?void 0:t.items.length)>0&&Object(a.jsx)(ne,{id:n,submenu:d.submenu,...u})]},"bks-nav-"+n)}const re=e=>{let{links:t,menuItemActiveIndex:n}=e;const{colorwaySecondary:s}=Object(r.y)(),[i,c]=Object(l.useState)(-1),d=()=>c(-1);return Object(a.jsx)(o.b,{colorway:s,className:U,children:Object(a.jsx)("nav",{role:"menubar",className:$,children:Object(a.jsx)("div",{className:B,onMouseLeave:d,children:t.map((e,t)=>{var s,r;const l=null!=(s=null!=(r=e.analyticsKey)?r:e.key)?s:t;return Object(a.jsx)(se,{id:l,isCurrent:n===t,isExpanded:i===t,closeSubmenu:d,handleFocus:()=>c(t),handleMouseOver:()=>c(t),link:e,isOpen:i===t},l)})})})})};re.displayName="NavigationDesktop";var ae=re;const le=e=>{const[,t]=Object(r.i)();return Object(a.jsx)(s.ReactHeight,{onHeightReady:t,children:Object(a.jsxs)("header",{children:[Object(a.jsx)(F,{}),Object(a.jsx)(ae,{...e})]})})};le.displayName="HeaderDesktop"},561:function(e,t,n){n.d(t,"a",(function(){return b})),n.d(t,"b",(function(){return p}));var s=n(5),r=n(0),a=(n(562),n(1));var l=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}((function(e){return l.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));const o=(e,t)=>Object.keys(e).filter(e=>!t.includes(e)).reduce((t,n)=>Object.assign(t,{[n]:e[n]}),{}),c=(e,t)=>{0};const d=function(e){return t=>{const n=(n,s)=>{const{as:a=e,class:l}=n,d=o(n,["as","class"]);let u;if("string"==typeof a&&-1===a.indexOf("-")){u={};for(const e in d)("as"===e||i(e))&&(u[e]=d[e])}else u=d;u.ref=s,u.className=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).join(" ")}(u.className||l,t.class);const{vars:b}=t;if(b){const e={};for(const s in b){const r=b[s],a=r[0],l=r[1]||"",i="function"==typeof a?a(n):a;c(0,t.name),e["--"+s]=`${i}${l}`}u.style=Object.assign(e,u.style)}return e.__linaria&&e!==a?(u.as=a,r.createElement(e,u)):r.createElement(a,u)},s=r.forwardRef?r.forwardRef(n):e=>{const t=o(e,["innerRef"]);return n(t,e.innerRef)};return s.displayName=t.name,s.__linaria={className:t.class,extends:e},s}}("div")({name:"Root",class:"r14nixs",vars:{"r14nixs-0":[e=>(e=>{let{iconSize:t,iconName:n,themeSpacing:r}=e;if(null==t){const e=/^banner/.test(n)?8:2;return""+Object(s.h)(e,r)}return t})(e),"px"]}}),u="r1ccyfzc";var b=(e,t)=>{const n=new URLSearchParams;

1return Object.keys(t.palette.illustrations).forEach(e=>{n.append(`palette[${e}]`,t.palette.illustrations[e])}),n.append("iconSet",t.iconSet),`https://paintbrush.heg-cp.com/illustrations/${e}.svg?${n.toString()}`};var p=e=>{let{icon:t,alt:n,size:r}=e;const{theme:l}=Object(s.j)();return Object(a.jsx)(d,{iconName:t,iconSize:r,themeSpacing:l.spacing,children:Object(a.jsx)("img",{src:b(t,l),alt:n,className:u,importance:"low",loading:"lazy"})})}},562:function(e,t,n){},679:function(e,t,n){},680:function(e,t,n){},681:function(e,t,n){},682:function(e,t,n){},683:function(e,t,n){},684:function(e,t,n){},685:function(e,t,n){},686:function(e,t,n){},687:function(e,t,n){},688:function(e,t,n){}}]);
2//# sourceMappingURL=69.bddabd23926e64c5e772.chunk.js.map