!function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/dist/unigraz/",i(i.s=92)}({1:function(e,t,i){"use strict";i.d(t,"c",(function(){return I})),i.d(t,"b",(function(){return te})),i.d(t,"a",(function(){return ne}));
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
const n="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,r=function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;for(;t!==i;){const i=t.nextSibling;e.removeChild(t),t=i}},o=`{{lit-${String(Math.random()).slice(2)}}}`,a=`\x3c!--${o}--\x3e`,s=new RegExp(`${o}|${a}`);class l{constructor(e,t){this.parts=[],this.element=t;const i=[],n=[],r=document.createTreeWalker(t.content,133,null,!1);let a=0,l=-1,c=0;const{strings:u,values:{length:m}}=e;for(;c<m;){const e=r.nextNode();if(null!==e){if(l++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:i}=t;let n=0;for(let e=0;e<i;e++)d(t[e].name,"$lit$")&&n++;for(;n-- >0;){const t=u[c],i=p.exec(t)[2],n=i.toLowerCase()+"$lit$",r=e.getAttribute(n);e.removeAttribute(n);const o=r.split(s);this.parts.push({type:"attribute",index:l,name:i,strings:o}),c+=o.length-1}}"TEMPLATE"===e.tagName&&(n.push(e),r.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(o)>=0){const n=e.parentNode,r=t.split(s),o=r.length-1;for(let t=0;t<o;t++){let i,o=r[t];if(""===o)i=h();else{const e=p.exec(o);null!==e&&d(e[2],"$lit$")&&(o=o.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),i=document.createTextNode(o)}n.insertBefore(i,e),this.parts.push({type:"node",index:++l})}""===r[o]?(n.insertBefore(h(),e),i.push(e)):e.data=r[o],c+=o}}else if(8===e.nodeType)if(e.data===o){const t=e.parentNode;null!==e.previousSibling&&l!==a||(l++,t.insertBefore(h(),e)),a=l,this.parts.push({type:"node",index:l}),null===e.nextSibling?e.data="":(i.push(e),l--),c++}else{let t=-1;for(;-1!==(t=e.data.indexOf(o,t+1));)this.parts.push({type:"node",index:-1}),c++}}else r.currentNode=n.pop()}for(const e of i)e.parentNode.removeChild(e)}}const d=(e,t)=>{const i=e.length-t.length;return i>=0&&e.slice(i)===t},c=e=>-1!==e.index,h=()=>document.createComment(""),p=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function u(e,t){const{element:{content:i},parts:n}=e,r=document.createTreeWalker(i,133,null,!1);let o=g(n),a=n[o],s=-1,l=0;const d=[];let c=null;for(;r.nextNode();){s++;const e=r.currentNode;for(e.previousSibling===c&&(c=null),t.has(e)&&(d.push(e),null===c&&(c=e)),null!==c&&l++;void 0!==a&&a.index===s;)a.index=null!==c?-1:a.index-l,o=g(n,o),a=n[o]}d.forEach(e=>e.parentNode.removeChild(e))}const m=e=>{let t=11===e.nodeType?0:1;const i=document.createTreeWalker(e,133,null,!1);for(;i.nextNode();)t++;return t},g=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1;for(let i=t+1;i<e.length;i++){const t=e[i];if(c(t))return i}return-1};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
const b=new WeakMap,f=e=>"function"==typeof e&&b.has(e),_={},v={};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
class w{constructor(e,t,i){this.__parts=[],this.template=e,this.processor=t,this.options=i}update(e){let t=0;for(const i of this.__parts)void 0!==i&&i.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const e=n?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),t=[],i=this.template.parts,r=document.createTreeWalker(e,133,null,!1);let o,a=0,s=0,l=r.nextNode();for(;a<i.length;)if(o=i[a],c(o)){for(;s<o.index;)s++,"TEMPLATE"===l.nodeName&&(t.push(l),r.currentNode=l.content),null===(l=r.nextNode())&&(r.currentNode=t.pop(),l=r.nextNode());if("node"===o.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(l.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(l,o.name,o.strings,this.options));a++}else this.__parts.push(void 0),a++;return n&&(document.adoptNode(e),customElements.upgrade(e)),e}}
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */const y=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),x=` ${o} `;class k{constructor(e,t,i,n){this.strings=e,this.values=t,this.type=i,this.processor=n}getHTML(){const e=this.strings.length-1;let t="",i=!1;for(let n=0;n<e;n++){const e=this.strings[n],r=e.lastIndexOf("\x3c!--");i=(r>-1||i)&&-1===e.indexOf("--\x3e",r+1);const s=p.exec(e);t+=null===s?e+(i?x:a):e.substr(0,s.index)+s[1]+s[2]+"$lit$"+s[3]+o}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==y&&(t=y.createHTML(t)),e.innerHTML=t,e}}
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
const S=e=>null===e||!("object"==typeof e||"function"==typeof e),E=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class A{constructor(e,t,i){this.dirty=!0,this.element=e,this.name=t,this.strings=i,this.parts=[];for(let e=0;e<i.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new C(this)}_getValue(){const e=this.strings,t=e.length-1,i=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=i[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!E(e))return e}let n="";for(let r=0;r<t;r++){n+=e[r];const t=i[r];if(void 0!==t){const e=t.value;if(S(e)||!E(e))n+="string"==typeof e?e:String(e);else for(const t of e)n+="string"==typeof t?t:String(t)}}return n+=e[t],n}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class C{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===_||S(e)&&e===this.value||(this.value=e,f(e)||(this.committer.dirty=!0))}commit(){for(;f(this.value);){const e=this.value;this.value=_,e(this)}this.value!==_&&this.committer.commit()}}class ${constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(h()),this.endNode=e.appendChild(h())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=h()),e.__insert(this.endNode=h())}insertAfterPart(e){e.__insert(this.startNode=h()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=_,e(this)}const e=this.__pendingValue;e!==_&&(S(e)?e!==this.value&&this.__commitText(e):e instanceof k?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):E(e)?this.__commitIterable(e):e===v?(this.value=v,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,i="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=i:this.__commitNode(document.createTextNode(i)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof w&&this.value.template===t)this.value.update(e.values);else{const i=new w(t,e.processor,this.options),n=i._clone();i.update(e.values),this.__commitNode(n),this.value=i}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let i,n=0;for(const r of e)i=t[n],void 0===i&&(i=new $(this.options),t.push(i),0===n?i.appendIntoPart(this):i.insertAfterPart(t[n-1])),i.setValue(r),i.commit(),n++;n<t.length&&(t.length=n,this.clear(i&&i.endNode))}clear(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.startNode;r(this.startNode.parentNode,e.nextSibling,this.endNode)}}class M{constructor(e,t,i){if(this.value=void 0,this.__pendingValue=void 0,2!==i.length||""!==i[0]||""!==i[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=i}setValue(e){this.__pendingValue=e}commit(){for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=_,e(this)}if(this.__pendingValue===_)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=_}}class L extends A{constructor(e,t,i){super(e,t,i),this.single=2===i.length&&""===i[0]&&""===i[1]}_createPart(){return new P(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class P extends C{}let T=!1;(()=>{try{const e={get capture(){return T=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class z{constructor(e,t,i){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=i,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;f(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=_,e(this)}if(this.__pendingValue===_)return;const e=this.__pendingValue,t=this.value,i=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),n=null!=e&&(null==t||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),n&&(this.__options=q(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=_}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const q=e=>e&&(T?{capture:e.capture,passive:e.passive,once:e.once}:e.capture)
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */;function N(e){let t=D.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},D.set(e.type,t));let i=t.stringsArray.get(e.strings);if(void 0!==i)return i;const n=e.strings.join(o);return i=t.keyString.get(n),void 0===i&&(i=new l(e,e.getTemplateElement()),t.keyString.set(n,i)),t.stringsArray.set(e.strings,i),i}const D=new Map,j=new WeakMap;
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */const H=new
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
class{handleAttributeExpressions(e,t,i,n){const r=t[0];if("."===r){return new L(e,t.slice(1),i).parts}if("@"===r)return[new z(e,t.slice(1),n.eventContext)];if("?"===r)return[new M(e,t.slice(1),i)];return new A(e,t,i).parts}handleTextExpression(e){return new $(e)}};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const I=function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return new k(e,i,"html",H)},R=(e,t)=>`${e}--${t}`;let O=!0;void 0===window.ShadyCSS?O=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),O=!1);const F=e=>t=>{const i=R(t.type,e);let n=D.get(i);void 0===n&&(n={stringsArray:new WeakMap,keyString:new Map},D.set(i,n));let r=n.stringsArray.get(t.strings);if(void 0!==r)return r;const a=t.strings.join(o);if(r=n.keyString.get(a),void 0===r){const i=t.getTemplateElement();O&&window.ShadyCSS.prepareTemplateDom(i,e),r=new l(t,i),n.keyString.set(a,r)}return n.stringsArray.set(t.strings,r),r},U=["html","svg"],B=new Set,Y=(e,t,i)=>{B.add(e);const n=i?i.element:document.createElement("template"),r=t.querySelectorAll("style"),{length:o}=r;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(n,e);const a=document.createElement("style");for(let e=0;e<o;e++){const t=r[e];t.parentNode.removeChild(t),a.textContent+=t.textContent}(e=>{U.forEach(t=>{const i=D.get(R(t,e));void 0!==i&&i.keyString.forEach(e=>{const{element:{content:t}}=e,i=new Set;Array.from(t.querySelectorAll("style")).forEach(e=>{i.add(e)}),u(e,i)})})})(e);const s=n.content;i?function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const{element:{content:n},parts:r}=e;if(null==i)return void n.appendChild(t);const o=document.createTreeWalker(n,133,null,!1);let a=g(r),s=0,l=-1;for(;o.nextNode();){l++;for(o.currentNode===i&&(s=m(t),i.parentNode.insertBefore(t,i));-1!==a&&r[a].index===l;){if(s>0){for(;-1!==a;)r[a].index+=s,a=g(r,a);return}a=g(r,a)}}}(i,a,s.firstChild):s.insertBefore(a,s.firstChild),window.ShadyCSS.prepareTemplateStyles(n,e);const l=s.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)t.insertBefore(l.cloneNode(!0),t.firstChild);else if(i){s.insertBefore(a,s.firstChild);const e=new Set;e.add(a),u(i,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const W={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},V=(e,t)=>t!==e&&(t==t||e==e),G={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:V};class X extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach((t,i)=>{const n=this._attributeNameForProperty(i,t);void 0!==n&&(this._attributeToPropertyMap.set(n,i),e.push(n))}),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach((e,t)=>this._classProperties.set(t,e))}}static createProperty(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:G;if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const i="symbol"==typeof e?Symbol():"__"+e,n=this.getPropertyDescriptor(e,i,t);void 0!==n&&Object.defineProperty(this.prototype,e,n)}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(n){const r=this[e];this[t]=n,this.requestUpdateInternal(e,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||G}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const i of t)this.createProperty(i,e[i])}}static _attributeNameForProperty(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:V)(e,t)}static _propertyValueFromAttribute(e,t){const i=t.type,n=t.converter||W,r="function"==typeof n?n:n.fromAttribute;return r?r(e,i):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const i=t.type,n=t.converter;return(n&&n.toAttribute||W.toAttribute)(e,i)}initialize(){this._updateState=0,this._updatePromise=new Promise(e=>this._enableUpdatingResolver=e),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}})}_applyInstanceProperties(){this._instanceProperties.forEach((e,t)=>this[t]=e),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,i){t!==i&&this._attributeToProperty(e,i)}_propertyToAttribute(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:G;const n=this.constructor,r=n._attributeNameForProperty(e,i);if(void 0!==r){const e=n._propertyValueToAttribute(t,i);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(r):this.setAttribute(r,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const i=this.constructor,n=i._attributeToPropertyMap.get(e);if(void 0!==n){const e=i.getPropertyOptions(n);this._updateState=16|this._updateState,this[n]=i._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,i){let n=!0;if(void 0!==e){const r=this.constructor;i=i||r.getPropertyOptions(e),r._valueHasChanged(this[e],t,i.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==i.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,i))):n=!1}!this._hasRequestedUpdate&&n&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this.requestUpdateInternal(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((e,t)=>this._propertyToAttribute(t,this[t],e)),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}X.finalized=!0;const J=Element.prototype;J.msMatchesSelector||J.webkitMatchesSelector;
/**
@license
Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
part of the polymer project is also subject to an additional IP rights grant
found at http://polymer.github.io/PATENTS.txt
*/
const Z=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,K=Symbol();class Q{constructor(e,t){if(t!==K)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){return void 0===this._styleSheet&&(Z?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const ee=e=>{if(e instanceof Q)return e.cssText;if("number"==typeof e)return e;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${e}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)},te=function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];const r=i.reduce((t,i,n)=>t+ee(i)+e[n+1],e[0]);return new Q(r,K)};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const ie={};class ne extends X{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(Array.isArray(e)){const t=(e,i)=>e.reduceRight((e,i)=>Array.isArray(i)?t(i,e):(e.add(i),e),i),i=t(e,new Set),n=[];i.forEach(e=>n.unshift(e)),this._styles=n}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map(e=>{if(e instanceof CSSStyleSheet&&!Z){const t=Array.prototype.slice.call(e.cssRules).reduce((e,t)=>e+t.cssText,"");return new Q(String(t),K)}return e})}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?Z?this.renderRoot.adoptedStyleSheets=e.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map(e=>e.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==ie&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)}))}render(){return ie}}ne.finalized=!0,ne.render=(e,t,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const n=i.scopeName,o=j.has(t),a=O&&11===t.nodeType&&!!t.host,s=a&&!B.has(n),l=s?document.createDocumentFragment():t;if(((e,t,i)=>{let n=j.get(t);void 0===n&&(r(t,t.firstChild),j.set(t,n=new $(Object.assign({templateFactory:N},i))),n.appendInto(t)),n.setValue(e),n.commit()})(e,l,Object.assign({templateFactory:F(n)},i)),s){const e=j.get(l);j.delete(l);const i=e.value instanceof w?e.value.template:void 0;Y(n,l,i),r(t,t.firstChild),t.appendChild(l),j.set(t,e)}!o&&a&&window.ShadyCSS.styleElement(t.host)},ne.shadowRootOptions={mode:"open"}},12:function(e,t,i){"use strict";i.d(t,"a",(function(){return r}));var n=n||{};Object.defineProperty(n,"__esModule",{value:!0}),n.Shadowless=void 0;const r=e=>class extends e{constructor(){super(...arguments),this.slots={},this.willYield=!1}createRenderRoot(){return this}adoptChildren(){Array.from(this.childNodes).forEach(e=>{const t=this.getSlotNameForChild(e),{[t]:i=[]}=this.slots;Object.assign(this.slots,{[t]:[...i,e]})})}getSlotNameForChild(e){return e instanceof Comment&&e.nextSibling instanceof Element?this.getSlotNameForChild(e.nextSibling):"slot"in e?e.slot||"":e instanceof Element&&e.hasAttribute("slot")&&e.getAttribute("slot")||""}isTextNodeEmpty(e){return!e.textContent||!e.textContent.trim()}isSlotEmpty(e){const t=this.slots[e];return!t||t.every(e=>e instanceof Comment||e instanceof Text&&this.isTextNodeEmpty(e))}update(e){!this.hasUpdated&&this.willYield&&this.adoptChildren(),super.update(e)}yield(e,t){return this.slots[e]}};n.Shadowless=r},16:function(e,t,i){"use strict";
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
var n;i.d(t,"a",(function(){return E})),i.d(t,"b",(function(){return A})),i.d(t,"c",(function(){return C})),i.d(t,"d",(function(){return F}));const r=window,o=r.trustedTypes,a=o?o.createPolicy("lit-html",{createHTML:e=>e}):void 0,s="$lit$",l=`lit$${(Math.random()+"").slice(9)}$`,d="?"+l,c=`<${d}>`,h=document,p=()=>h.createComment(""),u=e=>null===e||"object"!=typeof e&&"function"!=typeof e,m=Array.isArray,g=e=>m(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]),b="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,v=/>/g,w=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,x=/"/g,k=/^(?:script|style|textarea|title)$/i,S=e=>function(t){for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++)n[r-1]=arguments[r];return{_$litType$:e,strings:t,values:n}},E=S(1),A=(S(2),Symbol.for("lit-noChange")),C=Symbol.for("lit-nothing"),$=new WeakMap,M=h.createTreeWalker(h,129,null,!1),L=(e,t)=>{const i=e.length-1,n=[];let r,o=2===t?"<svg>":"",d=f;for(let t=0;t<i;t++){const i=e[t];let a,h,p=-1,u=0;for(;u<i.length&&(d.lastIndex=u,h=d.exec(i),null!==h);)u=d.lastIndex,d===f?"!--"===h[1]?d=_:void 0!==h[1]?d=v:void 0!==h[2]?(k.test(h[2])&&(r=RegExp("</"+h[2],"g")),d=w):void 0!==h[3]&&(d=w):d===w?">"===h[0]?(d=null!=r?r:f,p=-1):void 0===h[1]?p=-2:(p=d.lastIndex-h[2].length,a=h[1],d=void 0===h[3]?w:'"'===h[3]?x:y):d===x||d===y?d=w:d===_||d===v?d=f:(d=w,r=void 0);const m=d===w&&e[t+1].startsWith("/>")?" ":"";o+=d===f?i+c:p>=0?(n.push(a),i.slice(0,p)+s+i.slice(p)+l+m):i+l+(-2===p?(n.push(void 0),t):m)}const h=o+(e[i]||"<?>")+(2===t?"</svg>":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==a?a.createHTML(h):h,n]};class P{constructor(e,t){let i,{strings:n,_$litType$:r}=e;this.parts=[];let a=0,c=0;const h=n.length-1,u=this.parts,[m,g]=L(n,r);if(this.el=P.createElement(m,t),M.currentNode=this.el.content,2===r){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(i=M.nextNode())&&u.length<h;){if(1===i.nodeType){if(i.hasAttributes()){const e=[];for(const t of i.getAttributeNames())if(t.endsWith(s)||t.startsWith(l)){const n=g[c++];if(e.push(t),void 0!==n){const e=i.getAttribute(n.toLowerCase()+s).split(l),t=/([.?@])?(.*)/.exec(n);u.push({type:1,index:a,name:t[2],strings:e,ctor:"."===t[1]?D:"?"===t[1]?H:"@"===t[1]?I:N})}else u.push({type:6,index:a})}for(const t of e)i.removeAttribute(t)}if(k.test(i.tagName)){const e=i.textContent.split(l),t=e.length-1;if(t>0){i.textContent=o?o.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],p()),M.nextNode(),u.push({type:2,index:++a});i.append(e[t],p())}}}else if(8===i.nodeType)if(i.data===d)u.push({type:2,index:a});else{let e=-1;for(;-1!==(e=i.data.indexOf(l,e+1));)u.push({type:7,index:a}),e+=l.length-1}a++}}static createElement(e,t){const i=h.createElement("template");return i.innerHTML=e,i}}function T(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e,n=arguments.length>3?arguments[3]:void 0;var r,o,a,s;if(t===A)return t;let l=void 0!==n?null===(r=i._$Co)||void 0===r?void 0:r[n]:i._$Cl;const d=u(t)?void 0:t._$litDirective$;return(null==l?void 0:l.constructor)!==d&&(null===(o=null==l?void 0:l._$AO)||void 0===o||o.call(l,!1),void 0===d?l=void 0:(l=new d(e),l._$AT(e,i,n)),void 0!==n?(null!==(a=(s=i)._$Co)&&void 0!==a?a:s._$Co=[])[n]=l:i._$Cl=l),void 0!==l&&(t=T(e,l._$AS(e,t.values),l,n)),t}class z{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:i},parts:n}=this._$AD,r=(null!==(t=null==e?void 0:e.creationScope)&&void 0!==t?t:h).importNode(i,!0);M.currentNode=r;let o=M.nextNode(),a=0,s=0,l=n[0];for(;void 0!==l;){if(a===l.index){let t;2===l.type?t=new q(o,o.nextSibling,this,e):1===l.type?t=new l.ctor(o,l.name,l.strings,this,e):6===l.type&&(t=new R(o,this,e)),this._$AV.push(t),l=n[++s]}a!==(null==l?void 0:l.index)&&(o=M.nextNode(),a++)}return M.currentNode=h,r}v(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class q{constructor(e,t,i,n){var r;this.type=2,this._$AH=C,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cp=null===(r=null==n?void 0:n.isConnected)||void 0===r||r}get _$AU(){var e,t;return null!==(t=null===(e=this._$AM)||void 0===e?void 0:e._$AU)&&void 0!==t?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===(null==e?void 0:e.nodeType)&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e){e=T(this,e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:this),u(e)?e===C||null==e||""===e?(this._$AH!==C&&this._$AR(),this._$AH=C):e!==this._$AH&&e!==A&&this._(e):void 0!==e._$litType$?this.g(e):void 0!==e.nodeType?this.$(e):g(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==C&&u(this._$AH)?this._$AA.nextSibling.data=e:this.$(h.createTextNode(e)),this._$AH=e}g(e){var t;const{values:i,_$litType$:n}=e,r="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=P.createElement(n.h,this.options)),n);if((null===(t=this._$AH)||void 0===t?void 0:t._$AD)===r)this._$AH.v(i);else{const e=new z(r,this),t=e.u(this.options);e.v(i),this.$(t),this._$AH=e}}_$AC(e){let t=$.get(e.strings);return void 0===t&&$.set(e.strings,t=new P(e)),t}T(e){m(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const r of e)n===t.length?t.push(i=new q(this.k(p()),this.k(p()),this,this.options)):i=t[n],i._$AI(r),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._$AA.nextSibling,t=arguments.length>1?arguments[1]:void 0;var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;void 0===this._$AM&&(this._$Cp=e,null===(t=this._$AP)||void 0===t||t.call(this,e))}}class N{constructor(e,t,i,n,r){this.type=1,this._$AH=C,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=C}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this,i=arguments.length>2?arguments[2]:void 0,n=arguments.length>3?arguments[3]:void 0;const r=this.strings;let o=!1;if(void 0===r)e=T(this,e,t,0),o=!u(e)||e!==this._$AH&&e!==A,o&&(this._$AH=e);else{const n=e;let a,s;for(e=r[0],a=0;a<r.length-1;a++)s=T(this,n[i+a],t,a),s===A&&(s=this._$AH[a]),o||(o=!u(s)||s!==this._$AH[a]),s===C?e=C:e!==C&&(e+=(null!=s?s:"")+r[a+1]),this._$AH[a]=s}o&&!n&&this.j(e)}j(e){e===C?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=e?e:"")}}class D extends N{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===C?void 0:e}}const j=o?o.emptyScript:"";class H extends N{constructor(){super(...arguments),this.type=4}j(e){e&&e!==C?this.element.setAttribute(this.name,j):this.element.removeAttribute(this.name)}}class I extends N{constructor(e,t,i,n,r){super(e,t,i,n,r),this.type=5}_$AI(e){var t;if((e=null!==(t=T(this,e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:this,0))&&void 0!==t?t:C)===A)return;const i=this._$AH,n=e===C&&i!==C||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,r=e!==C&&(i===C||n);n&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(t=this.options)||void 0===t?void 0:t.host)&&void 0!==i?i:this.element,e):this._$AH.handleEvent(e)}}class R{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){T(this,e)}}const O=r.litHtmlPolyfillSupport;null==O||O(P,q),(null!==(n=r.litHtmlVersions)&&void 0!==n?n:r.litHtmlVersions=[]).push("2.7.4");const F=(e,t,i)=>{var n,r;const o=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:t;let a=o._$litPart$;if(void 0===a){const e=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;o._$litPart$=a=new q(t.insertBefore(p(),e),e,void 0,null!=i?i:{})}return a._$AI(e),a}},28:function(e,t,i){"use strict";i.d(t,"b",(function(){return l})),i.d(t,"c",(function(){return y.a})),i.d(t,"a",(function(){return x}));
/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */
const n=window,r=n.ShadowRoot&&(void 0===n.ShadyCSS||n.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),a=new WeakMap;class s{constructor(e,t,i){if(this._$cssResult$=!0,i!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(r&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=a.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&a.set(t,e))}return e}toString(){return this.cssText}}const l=function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];const r=1===e.length?e[0]:i.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new s(r,e,o)},d=r?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new s("string"==typeof e?e:e+"",void 0,o))(t)})(e):e
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */;var c;const h=window,p=h.trustedTypes,u=p?p.emptyScript:"",m=h.reactiveElementPolyfillSupport,g={toAttribute(e,t){switch(t){case Boolean:e=e?u:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},b=(e,t)=>t!==e&&(t==t||e==e),f={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:b};class _ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;this.finalize(),(null!==(t=this.h)&&void 0!==t?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,i)=>{const n=this._$Ep(i,t);void 0!==n&&(this._$Ev.set(n,i),e.push(n))}),e}static createProperty(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f;if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const i="symbol"==typeof e?Symbol():"__"+e,n=this.getPropertyDescriptor(e,i,t);void 0!==n&&Object.defineProperty(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(n){const r=this[e];this[t]=n,this.requestUpdate(e,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||f}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),void 0!==e.h&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,t=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const i of t)this.createProperty(i,e[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(d(e))}else void 0!==e&&t.push(d(e));return t}static _$Ep(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(e=this.constructor.h)||void 0===e||e.forEach(e=>e(this))}addController(e){var t,i;(null!==(t=this._$ES)&&void 0!==t?t:this._$ES=[]).push(e),void 0!==this.renderRoot&&this.isConnected&&(null===(i=e.hostConnected)||void 0===i||i.call(e))}removeController(e){var t;null===(t=this._$ES)||void 0===t||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=null!==(e=this.shadowRoot)&&void 0!==e?e:this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{r?e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(t=>{const i=document.createElement("style"),r=n.litNonce;void 0!==r&&i.setAttribute("nonce",r),i.textContent=t.cssText,e.appendChild(i)})})(t,this.constructor.elementStyles),t}connectedCallback(){var e;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(e=this._$ES)||void 0===e||e.forEach(e=>{var t;return null===(t=e.hostConnected)||void 0===t?void 0:t.call(e)})}enableUpdating(e){}disconnectedCallback(){var e;null===(e=this._$ES)||void 0===e||e.forEach(e=>{var t;return null===(t=e.hostDisconnected)||void 0===t?void 0:t.call(e)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$EO(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:f;var n;const r=this.constructor._$Ep(e,i);if(void 0!==r&&!0===i.reflect){const o=(void 0!==(null===(n=i.converter)||void 0===n?void 0:n.toAttribute)?i.converter:g).toAttribute(t,i.type);this._$El=e,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(e,t){var i;const n=this.constructor,r=n._$Ev.get(e);if(void 0!==r&&this._$El!==r){const e=n.getPropertyOptions(r),o="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null===(i=e.converter)||void 0===i?void 0:i.fromAttribute)?e.converter:g;this._$El=r,this[r]=o.fromAttribute(t,e.type),this._$El=null}}requestUpdate(e,t,i){let n=!0;void 0!==e&&(((i=i||this.constructor.getPropertyOptions(e)).hasChanged||b)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),!0===i.reflect&&this._$El!==e&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(e,i))):n=!1),!this.isUpdatePending&&n&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((e,t)=>this[t]=e),this._$Ei=void 0);let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),null===(e=this._$ES)||void 0===e||e.forEach(e=>{var t;return null===(t=e.hostUpdate)||void 0===t?void 0:t.call(e)}),this.update(i)):this._$Ek()}catch(e){throw t=!1,this._$Ek(),e}t&&this._$AE(i)}willUpdate(e){}_$AE(e){var t;null===(t=this._$ES)||void 0===t||t.forEach(e=>{var t;return null===(t=e.hostUpdated)||void 0===t?void 0:t.call(e)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){void 0!==this._$EC&&(this._$EC.forEach((e,t)=>this._$EO(t,this[t],e)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}}_.finalized=!0,_.elementProperties=new Map,_.elementStyles=[],_.shadowRootOptions={mode:"open"},null==m||m({ReactiveElement:_}),(null!==(c=h.reactiveElementVersions)&&void 0!==c?c:h.reactiveElementVersions=[]).push("1.6.1");var v,w,y=i(16);
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */class x extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const i=super.createRenderRoot();return null!==(e=(t=this.renderOptions).renderBefore)&&void 0!==e||(t.renderBefore=i.firstChild),i}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Object(y.d)(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this._$Do)||void 0===e||e.setConnected(!1)}render(){return y.b}}x.finalized=!0,x._$litElement$=!0,null===(v=globalThis.litElementHydrateSupport)||void 0===v||v.call(globalThis,{LitElement:x});const k=globalThis.litElementPolyfillSupport;null==k||k({LitElement:x});(null!==(w=globalThis.litElementVersions)&&void 0!==w?w:globalThis.litElementVersions=[]).push("3.3.2")},50:function(e,t,i){"use strict";var n=i(1),r=i(12);class o extends(Object(r.a)(n.a)){constructor(){super()}connectedCallback(){super.connectedCallback()}render(){return this._renderFontSizer()}_keyHandler(e){switch(e.keyCode){case 13:if(this.querySelector(".fontchange .dropdown-menu").classList.add("show"),this.querySelector("#fontBtn").setAttribute("aria-expanded","true"),e.target.classList.contains("dropdown-item"))break;e.preventDefault(),this.querySelector(".fontchange .dropdown-menu .smaller").focus();break;case 32:this.querySelector(".fontchange .dropdown-menu").classList.add("show"),this.querySelector("#fontBtn").setAttribute("aria-expanded","true"),this.querySelector(".fontchange .dropdown-menu .smaller").focus(),e.preventDefault();break;case 38:this.querySelector(".fontchange .dropdown-menu").classList.remove("show"),this.querySelector("#fontBtn").setAttribute("aria-expanded","false"),this.focus(),e.preventDefault();break;case 40:this.querySelector(".fontchange .dropdown-menu").classList.add("show"),this.querySelector("#fontBtn").setAttribute("aria-expanded","true"),this.querySelector(".fontchange .dropdown-menu .smaller").focus(),e.preventDefault();break;case 39:e.target.nextElementSibling&&e.target.nextElementSibling.focus(),e.preventDefault();break;case 37:e.target.previousElementSibling&&e.target.previousElementSibling.focus(),e.preventDefault()}}_getDomain(){var e=location.hostname.split(".").slice(-2).join(".");return e.length<4?location.hostname:e}_setFontCookie(e){const t=new Date;t.setTime(t.getTime()+31536e6);let i="expires="+t.toUTCString();document.cookie="accessibility-fs="+e+";"+i+";domain="+this._getDomain()+";path=/"}_getFontCookie(){let e="accessibility-fs=",t=decodeURIComponent(document.cookie).split(";");for(let i=0;i<t.length;i++){let n=t[i];for(;" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}_initFontsizer(){if(this.querySelectorAll(".fontchange").forEach((function(e){e.classList.remove("active")})),this.querySelector(".fontchange .dropdown-menu").classList.remove("show"),this.querySelector("#fontBtn").setAttribute("aria-expanded","false"),this._getFontCookie())switch(this._getFontCookie()){case"fs-sm":document.querySelector("html").classList.remove("large"),document.querySelector("html").classList.add("small"),document.querySelector("html").classList.remove("fs-lg"),document.querySelector("html").classList.add("fs-sm");break;case"fs-lg":document.querySelector("html").classList.remove("small"),document.querySelector("html").classList.add("large"),document.querySelector("html").classList.remove("fs-sm"),document.querySelector("html").classList.add("fs-lg");break;default:document.querySelector("html").classList.remove("small"),document.querySelector("html").classList.remove("large"),document.querySelector("html").classList.remove("fs-sm"),document.querySelector("html").classList.remove("fs-lg")}else this._setFontCookie("fs-base")}_initFontsizerButtons(){this.querySelector(".dropdown-item.smaller").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setFontCookie("fs-sm"),this._initFontsizer()}),this.querySelector(".dropdown-item.normal").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setFontCookie("fs-base"),this._initFontsizer()}),this.querySelector(".dropdown-item.bigger").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setFontCookie("fs-lg"),this._initFontsizer()})}_renderFontSizer(){return n.c`
            <style>

                .bt_topitem .bt_side_crumb {
                    position: relative;
                }

                .bt_topitem:hover .bt_side_crumb svg path,
                .bt_topitem .active .bt_side_crumb svg path {
                    fill: #fff;
                }

                .toptoggle {
                    position: relative;
                }

                .bt_topitem .dropdown-menu a.dropdown-item {
                    font-size: 14px;
                    padding-top: 1px;
                    padding-bottom: 1px;
                    display: inline;
                    color: #fff;
                    padding-left: 8px;
                    padding-right: 8px;
                    background-color: transparent;
                }

                .fontchange .dropdown-menu a.smaller {
                    font-size: 14px !important;
                }

                .fontchange .dropdown-menu a.smaller span {
                    position: absolute !important;
                    margin-top: -5px !important;
                }

                .fontchange .dropdown-menu a.normal {
                    font-size: 16px !important;
                }

                .fontchange .dropdown-menu a.bigger {
                    font-size: 18px !important;
                    padding-right: 15px;
                }

                .fontchange .dropdown-menu a.bigger span {
                    position: absolute!important;
                    margin-top: 0px !important;
                }

            </style>

            <div id="fontSizeButton" class="fontchange">
                <div class="bt_side_crumb">
                    <a href="#" data-bs-toggle="dropdown" id="fontBtn" class="dropdown-toggle toptoggle" tabindex="-1" title="Schriftgröße ändern" role="button" aria-haspopup="true" aria-expanded="false">
                        <svg aria-hidden="true" id="svg_xml_base64_PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4yMjciIGhlaWdodD0iMTcuOCIgdmlld0JveD0iMCAwIDI2LjIyNyAxNy44Ij48cGF0aCB" data-name="svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4yMjciIGhlaWdodD0iMTcuOCIgdmlld0JveD0iMCAwIDI2LjIyNyAxNy44Ij48cGF0aCB" xmlns="http://www.w3.org/2000/svg" width="26.227" height="17.8" viewBox="0 0 26.227 17.8">
                            <path id="Pfad_402" data-name="Pfad 402" d="M6.934,0,0,17.8H3.813l1.469-4.043H12.4L13.95,17.8h3.908L10.733,0ZM6.387,10.757l2.4-6.6,2.453,6.6Z"/>
                            <path id="Pfad_403" data-name="Pfad 403" d="M20.881,4.45H18.032l-2.391,6.136,1.673,4.18h4.815L23.3,17.8h2.932Zm-3.258,8.068,1.8-4.955,1.839,4.952H17.62Z"/>
                        </svg>
                        <div aria-hidden="true" class="bt_downarrow"></div>
                    </a>

                    <div class="dropdown-menu rowshow" tabindex="-1" aria-labelledby="fontBtn" role="menu">
                        <a class="dropdown-item smaller" href="#" tabindex="1" title="Kleine Schrift"><div aria-hidden="true">A<span>-</span></div></a>
                        <a class="dropdown-item normal" href="#" tabindex="1" title="Normale Schrift"><div aria-hidden="true">A</div></a>
                        <a class="dropdown-item bigger" href="#" tabindex="1" title="Große Schrift"><div aria-hidden="true">A<span>+</span></div></a>
                    </div>
                </div>
            </div>
        `}firstUpdated(){return super.firstUpdated(),this._initFontsizer(),this._initFontsizerButtons(),this.querySelector(".fontchange").addEventListener("focusout",e=>{document.querySelector(".bt_topitem .fontchange").contains(e.relatedTarget)||this.querySelector(".fontchange .dropdown-menu").classList.remove("show")}),this.addEventListener("keydown",e=>{this._keyHandler(e)}),this._renderFontSizer()}}customElements.define("ug-fontsizer",o)},51:function(e,t,i){"use strict";var n=i(1),r=i(12);class o extends(Object(r.a)(n.a)){constructor(){super()}connectedCallback(){super.connectedCallback()}render(){return this._renderColorChanger()}_keyHandler(e){switch(e.keyCode){case 13:if(this.querySelector(".colorchange .dropdown-menu").classList.add("show"),this.querySelector("#cchangeBtn").setAttribute("aria-expanded","true"),e.target.classList.contains("dropdown-item"))break;e.preventDefault(),this.querySelector(".colorchange .dropdown-menu .clr_normal").focus();break;case 32:this.querySelector(".colorchange .dropdown-menu").classList.add("show"),this.querySelector("#cchangeBtn").setAttribute("aria-expanded","true"),this.querySelector(".colorchange .dropdown-menu .clr_normal").focus(),e.preventDefault();break;case 38:this.querySelector(".colorchange .dropdown-menu").classList.remove("show"),this.querySelector("#cchangeBtn").setAttribute("aria-expanded","false"),this.focus(),e.preventDefault();break;case 40:this.querySelector(".colorchange .dropdown-menu").classList.add("show"),this.querySelector("#cchangeBtn").setAttribute("aria-expanded","true"),this.querySelector(".colorchange .dropdown-menu .clr_normal").focus(),e.preventDefault();break;case 39:e.target.nextElementSibling&&e.target.nextElementSibling.focus(),e.preventDefault();break;case 37:e.target.previousElementSibling&&e.target.previousElementSibling.focus(),e.preventDefault()}}_getDomain(){var e=location.hostname.split(".").slice(-2).join(".");return e.length<4?location.hostname:e}_setColorCookie(e){const t=new Date;t.setTime(t.getTime()+31536e6);let i="expires="+t.toUTCString();document.cookie="accessibility-ct="+e+";"+i+";domain="+this._getDomain()+";path=/"}_getColorCookie(){let e="accessibility-ct=",t=decodeURIComponent(document.cookie).split(";");for(let i=0;i<t.length;i++){let n=t[i];for(;" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}_initColorchange(){this.querySelector(".colorchange .dropdown-menu").classList.remove("show"),this.querySelectorAll(".colorchange").forEach((function(e){e.classList.remove("active")})),this.querySelector("#cchangeBtn").setAttribute("aria-expanded","false"),this._getColorCookie()?(document.querySelector("html").classList.remove("ct-default","ct-blue-yellow","ct-yellow-blue","ct-black-yellow","ct-yellow-black","ct-black-white","ct-white-black"),document.querySelector("html").classList.add(this._getColorCookie())):this._setColorCookie("ct-default")}_initColorChangeButtons(){this.querySelector(".dropdown-item.clr_normal").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-default"),this._initColorchange()}),this.querySelector(".dropdown-item.clr_blue_yellow").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-blue-yellow"),this._initColorchange()}),this.querySelector(".dropdown-item.clr_yellow_blue").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-yellow-blue"),this._initColorchange()}),this.querySelector(".dropdown-item.clr_black_yellow").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-black-yellow"),this._initColorchange()}),this.querySelector(".dropdown-item.clr_yellow_black").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-yellow-black"),this._initColorchange()}),this.querySelector(".dropdown-item.clr_black_white").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-black-white"),this._initColorchange()}),this.querySelector(".dropdown-item.clr_white_black").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this._setColorCookie("ct-white-black"),this._initColorchange()})}_renderColorChanger(){return n.c`
            <style>

                .bt_topitem .clr {
                    width: 30px;
                    height: 30px;
                    background: #fff;
                    border: 1px solid #fff;
                }

                .bt_topitem .clr.clr_normal {
                    background: #fff;
                }

                .bt_topitem .clr.clr_blue_yellow {
                    background: linear-gradient(135deg,#00f,#00f 49.999%,#ff0 50.001%,#ff0);
                }

                .bt_topitem .clr.clr_yellow_blue {
                    background: linear-gradient(-45deg,#00f,#00f 49.999%,#ff0 50.001%,#ff0);
                }

                .bt_topitem .clr.clr_black_yellow {
                    background: linear-gradient(135deg,#000,#000 49.999%,#ff0 50.001%,#ff0);
                }

                .bt_topitem .clr.clr_yellow_black {
                    background: linear-gradient(-45deg,#000,#000 49.999%,#ff0 50.001%,#ff0);
                }

                .bt_topitem .clr.clr_black_white {
                    background: linear-gradient(135deg,#000,#000 49.999%,#fff 50.001%,#fff);
                }

                .bt_topitem .clr.clr_white_black {
                    background: linear-gradient(-45deg,#000,#000 49.999%,#fff 50.001%,#fff);
                }
            </style>


            <div class="colorchange">
                <div class="bt_side_crumb">
                    <a href="#" data-bs-toggle="dropdown" id="cchangeBtn" class="dropdown-toggle toptoggle" tabindex="-1" title="Farbe ändern" role="button" aria-haspopup="true" aria-expanded="false">
                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="29.407" height="20" viewBox="0 0 29.407 20">
                            <g id="svg_xml_base64_PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS40MDcyMSIgaGVpZ2h0PSIyMC4wMDAxNiIgdmlld0JveD0iMCAwIDI5LjQwNzIxIDIwLjA" data-name="svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS40MDcyMSIgaGVpZ2h0PSIyMC4wMDAxNiIgdmlld0JveD0iMCAwIDI5LjQwNzIxIDIwLjA" transform="translate(0 0)">
                                <path id="Pfad_396" data-name="Pfad 396" d="M28.514,5.834l-1.607.714a8.264,8.264,0,0,1,.717,3.393c0,.3-.06.536-.06.774l1.726.179a5.946,5.946,0,0,1,.117-.952,9.816,9.816,0,0,0-.893-4.108Z"/>
                                <path id="Pfad_397" data-name="Pfad 397" d="M25.42,4.405l1.25-1.186L26.551,3.1A10.338,10.338,0,0,0,22.444.476l-.537,1.667A7.866,7.866,0,0,1,25.3,4.286Z"/>
                                <path id="Pfad_398" data-name="Pfad 398" d="M25,15.95c-.238.183-.476.421-.714.6l1.072,1.369a4.8,4.8,0,0,0,.833-.719,9.529,9.529,0,0,0,2.261-3.215l-1.607-.714A8.3,8.3,0,0,1,25,15.95Z"/>
                                <path id="Pfad_399" data-name="Pfad 399" d="M19.291,18.157a6.282,6.282,0,0,1-1.488-.119l-.3,1.726a9.7,9.7,0,0,0,1.845.179,9.5,9.5,0,0,0,3.158-.536L21.97,17.74a8.383,8.383,0,0,1-2.679.417Z"/>
                                <path id="Pfad_400" data-name="Pfad 400" d="M12.026,3.393a9.65,9.65,0,0,0,0,13.156,6,6,0,0,0,2.8-1.726A6.609,6.609,0,0,0,16.848,10a6.844,6.844,0,0,0-2.024-4.882,7.6,7.6,0,0,0-2.8-1.726Z"/>
                                <path id="Pfad_401" data-name="Pfad 401" d="M20,9.92A9.936,9.936,0,0,0,16.4,2.3a8.492,8.492,0,0,1,2.892-.57V0a10.609,10.609,0,0,0-4.634,1.136A9.91,9.91,0,0,0,10,0,10.152,10.152,0,0,0,2.917,2.917,9.9,9.9,0,0,0,0,10q0,.04,0,.08A9.96,9.96,0,0,0,10,20a10.152,10.152,0,0,0,7.083-2.916A9.9,9.9,0,0,0,20,10Q20,9.96,20,9.92Zm-4.166,5.915A8.007,8.007,0,0,1,10,18.276,8.275,8.275,0,1,1,15.834,4.167l.082.082a8.193,8.193,0,0,1-.082,11.586Z"/>
                            </g>
                        </svg>
                        <div aria-hidden="true" class="bt_downarrow"></div>
                    </a>

                    <div class="dropdown-menu rowshow" aria-labelledby="cchangeBtn" tabindex="-1" role="menu">
                        <a class="dropdown-item clr_normal" href="#" tabindex="1" title="normaler Kontrast"><div class='clr clr_normal'></div></a>
                        <a class="dropdown-item clr_blue_yellow" href="#" tabindex="1" title="blau-gelb Kontrast"><div class='clr clr_blue_yellow'></div></a>
                        <a class="dropdown-item clr_yellow_blue" href="#" tabindex="1" title="gelb-blau Kontrast"><div class='clr clr_yellow_blue'></div></a>
                        <a class="dropdown-item clr_black_yellow" href="#" tabindex="1" title="schwarz-gelb Kontrast"><div class='clr clr_black_yellow'></div></a>
                        <a class="dropdown-item clr_yellow_black" href="#" tabindex="1" title="gelb-schwarz Kontrast"><div class='clr clr_yellow_black'></div></a>
                        <a class="dropdown-item clr_black_white" href="#" tabindex="1" title="schwarz-weiß Kontrast"><div class='clr clr_black_white'></div></a>
                        <a class="dropdown-item clr_white_black" href="#" tabindex="1" title="weiß-schwarz Kontrast"><div class='clr clr_white_black'></div></a>
                    </div>
                </div>
            </div>
        `}firstUpdated(){return super.firstUpdated(),this._initColorchange(),this._initColorChangeButtons(),document.querySelector(".bt_topitem .colorchange").addEventListener("focusout",e=>{this.querySelector(".colorchange").contains(e.relatedTarget)||document.querySelector(".bt_topitem .colorchange .dropdown-menu").classList.remove("show")}),this.addEventListener("keydown",e=>{this._keyHandler(e)}),this._renderColorChanger()}}customElements.define("ug-colorchanger",o)},59:function(e,t){!function(){var t={de_DE:{identifier:"de-DE",days:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],shortDays:["So","Mo","Di","Mi","Do","Fr","Sa"],months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],shortMonths:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d.%m.%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},en_CA:{identifier:"en-CA",days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],ordinalSuffixes:["st","nd","rd","th","th","th","th","th","th","th","th","th","th","th","th","th","th","th","th","th","st","nd","rd","th","th","th","th","th","th","th","st"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d/%m/%y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%r",x:"%D"}},en_US:{identifier:"en-US",days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],ordinalSuffixes:["st","nd","rd","th","th","th","th","th","th","th","th","th","th","th","th","th","th","th","th","th","st","nd","rd","th","th","th","th","th","th","th","st"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%m/%d/%y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%r",x:"%D"}},es_MX:{identifier:"es-MX",days:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],shortDays:["dom","lun","mar","mié","jue","vie","sáb"],months:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre"," diciembre"],shortMonths:["ene","feb","mar","abr","may","jun","jul","ago","sep","oct","nov","dic"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d/%m/%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},fr_FR:{identifier:"fr-FR",days:["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],shortDays:["dim.","lun.","mar.","mer.","jeu.","ven.","sam."],months:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],shortMonths:["janv.","févr.","mars","avril","mai","juin","juil.","août","sept.","oct.","nov.","déc."],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d/%m/%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},it_IT:{identifier:"it-IT",days:["domenica","lunedì","martedì","mercoledì","giovedì","venerdì","sabato"],shortDays:["dom","lun","mar","mer","gio","ven","sab"],months:["gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],shortMonths:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d/%m/%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},nl_NL:{identifier:"nl-NL",days:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"],shortDays:["zo","ma","di","wo","do","vr","za"],months:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],shortMonths:["jan","feb","mrt","apr","mei","jun","jul","aug","sep","okt","nov","dec"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d-%m-%y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},pt_BR:{identifier:"pt-BR",days:["domingo","segunda","terça","quarta","quinta","sexta","sábado"],shortDays:["Dom","Seg","Ter","Qua","Qui","Sex","Sáb"],months:["janeiro","fevereiro","março","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"],shortMonths:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d-%m-%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},ru_RU:{identifier:"ru-RU",days:["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],shortDays:["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],shortMonths:["янв","фев","мар","апр","май","июн","июл","авг","сен","окт","ноя","дек"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X",D:"%d.%m.%y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},tr_TR:{identifier:"tr-TR",days:["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"],shortDays:["Paz","Pzt","Sal","Çrş","Prş","Cum","Cts"],months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],shortMonths:["Oca","Şub","Mar","Nis","May","Haz","Tem","Ağu","Eyl","Eki","Kas","Ara"],AM:"ÖÖ",PM:"ÖS",am:"ÖÖ",pm:"ÖS",formats:{c:"%a %d %b %Y %X %Z",D:"%d-%m-%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}},zh_CN:{identifier:"zh-CN",days:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],shortDays:["日","一","二","三","四","五","六"],months:["一月份","二月份","三月份","四月份","五月份","六月份","七月份","八月份","九月份","十月份","十一月份","十二月份"],shortMonths:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],AM:"上午",PM:"下午",am:"上午",pm:"下午",formats:{c:"%a %d %b %Y %X %Z",D:"%d/%m/%y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%r",x:"%D"}}},i=t.en_US,n=new function e(n,p,u){var m,g=n||i,b=p||0,f=u||!1,_=0;var v=function(e,t){var i;if(t){if(i=t.getTime(),f){var n=d(t);if(d(t=new Date(i+n+b))!==n){var p=d(t);t=new Date(i+p+b)}}}else{var u=Date.now();u>_?(_=u,m=new Date(_),i=_,f&&(m=new Date(_+d(m)+b))):i=_,t=m}return function e(t,i,n,d){for(var p="",u=null,m=!1,g=t.length,_=!1,v=0;v<g;v++){var w=t.charCodeAt(v);if(!0!==m)37!==w?p+=t[v]:m=!0;else{if(45===w){u="";continue}if(95===w){u=" ";continue}if(48===w){u="0";continue}if(58===w){_&&h("[WARNING] detected use of unsupported %:: or %::: modifiers to strftime"),_=!0;continue}switch(w){case 37:p+="%";break;case 65:p+=n.days[i.getDay()];break;case 66:p+=n.months[i.getMonth()];break;case 67:p+=r(Math.floor(i.getFullYear()/100),u);break;case 68:p+=e(n.formats.D,i,n,d);break;case 70:p+=e(n.formats.F,i,n,d);break;case 72:p+=r(i.getHours(),u);break;case 73:p+=r(a(i.getHours()),u);break;case 76:p+=o(Math.floor(d%1e3));break;case 77:p+=r(i.getMinutes(),u);break;case 80:p+=i.getHours()<12?n.am:n.pm;break;case 82:p+=e(n.formats.R,i,n,d);break;case 83:p+=r(i.getSeconds(),u);break;case 84:p+=e(n.formats.T,i,n,d);break;case 85:p+=r(s(i,"sunday"),u);break;case 87:p+=r(s(i,"monday"),u);break;case 88:p+=e(n.formats.X,i,n,d);break;case 89:p+=i.getFullYear();break;case 90:if(f&&0===b)p+="GMT";else{var y=c(i);p+=y||""}break;case 97:p+=n.shortDays[i.getDay()];break;case 98:p+=n.shortMonths[i.getMonth()];break;case 99:p+=e(n.formats.c,i,n,d);break;case 100:p+=r(i.getDate(),u);break;case 101:p+=r(i.getDate(),null==u?" ":u);break;case 104:p+=n.shortMonths[i.getMonth()];break;case 106:var x=new Date(i.getFullYear(),0,1),k=Math.ceil((i.getTime()-x.getTime())/864e5);p+=o(k);break;case 107:p+=r(i.getHours(),null==u?" ":u);break;case 108:p+=r(a(i.getHours()),null==u?" ":u);break;case 109:p+=r(i.getMonth()+1,u);break;case 110:p+="\n";break;case 111:k=i.getDate();n.ordinalSuffixes?p+=String(k)+(n.ordinalSuffixes[k-1]||l(k)):p+=String(k)+l(k);break;case 112:p+=i.getHours()<12?n.AM:n.PM;break;case 114:p+=e(n.formats.r,i,n,d);break;case 115:p+=Math.floor(d/1e3);break;case 116:p+="\t";break;case 117:k=i.getDay();p+=0===k?7:k;break;case 118:p+=e(n.formats.v,i,n,d);break;case 119:p+=i.getDay();break;case 120:p+=e(n.formats.x,i,n,d);break;case 121:p+=(""+i.getFullYear()).slice(2);break;case 122:if(f&&0===b)p+=_?"+00:00":"+0000";else{var S,E=(S=0!==b?b/6e4:-i.getTimezoneOffset())<0?"-":"+",A=_?":":"",C=Math.floor(Math.abs(S/60)),$=Math.abs(S%60);p+=E+r(C)+A+r($)}break;default:m&&(p+="%"),p+=t[v]}u=null,m=!1}}return p}(e,t,g,i)};return v.localize=function(t){return new e(t||g,b,f)},v.localizeByIdentifier=function(e){var i=t[e];return i?v.localize(i):(h('[WARNING] No locale found with identifier "'+e+'".'),v)},v.timezone=function(t){var i=b,n=f,r=typeof t;"number"!==r&&"string"!==r||(n=!0,"string"===r?i=("-"===t[0]?-1:1)*(60*parseInt(t.slice(1,3),10)+parseInt(t.slice(3,5),10))*60*1e3:"number"===r&&(i=60*t*1e3));return new e(g,i,n)},v.utc=function(){return new e(g,b,!0)},v}(i,0,!1);function r(e,t){return""===t||e>9?e:(null==t&&(t="0"),t+e)}function o(e){return e>99?e:e>9?"0"+e:"00"+e}function a(e){return 0===e?12:e>12?e-12:e}function s(e,t){t=t||"sunday";var i=e.getDay();"monday"===t&&(0===i?i=6:i--);var n=Date.UTC(e.getFullYear(),0,1),r=Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()),o=(Math.floor((r-n)/864e5)+7-i)/7;return Math.floor(o)}function l(e){var t=e%10,i=e%100;if(i>=11&&i<=13||0===t||t>=4)return"th";switch(t){case 1:return"st";case 2:return"nd";case 3:return"rd"}}function d(e){return 6e4*(e.getTimezoneOffset()||0)}function c(e,t){return function(e,t){if(null==t)return null;var i=e.toLocaleString(t,{timeZoneName:"short"}).match(/\s([\w]+)$/);return i&&i[1]}(e,t)||function(e){var t=e.toString().match(/\(([\w\s]+)\)/);return t&&t[1]}(e)}function h(e){"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}void 0!==e?e.exports=n:(function(){return this||(0,eval)("this")}()).strftime=n,"function"!=typeof Date.now&&(Date.now=function(){return+new Date})}()},92:function(e,t,i){"use strict";i.r(t);var n=i(1),r=i(12);class o extends(Object(r.a)(n.a)){constructor(){super(),this.hero_ratio=0,this.hero_contentwidth=0,this.hero_scrollratio=0,this.hero_minsize=0,this.hero_scrollnew=0,this.hero_scrollold=0,this.hero_ratioheight=0,this.hero_speedup=10}connectedCallback(){super.connectedCallback(),this.hero&&this._initHeroEvents(this)}static get properties(){return{news:{type:Array},hero:{type:Number},isevent:{type:Number},showicon:{type:Number},hideteaser:{type:Number}}}_commonCSS(){return n.c`
            <style>
                ug-heronews a {
                    color: inherit !important;
                    background-image: none !important;
                    outline: none !important;
                }
            </style>
        `}render(){return this.hero?this._renderHero():this.isevent?this._renderEvents():this._renderNews()}_renderEvents(){var e=this.news;e&&"undefned"!=typeof e||(e=this._getFromSlot("link",["headline","teaser","href","date","category"]));var t="";return this.showicon&&(t=this.isevent?n.c`<div class="bt_eventicon"></div>`:n.c`<div class="bt_eventicon white"></div>`),n.c`
           ${this._commonCSS()}
            <style>
                .bt_newsdet {
                    display: flex;
                    margin-left: -30px;
                    margin-right: -30px;
                    flex-wrap: wrap;
                    box-sizing: border-box;
                }

                .bt_newsdet article {
                    flex: 0 0 50%;
                    position: relative;
                    padding-right: 15px;
                    padding-left:15px;
                    padding-bottom:30px;
                }

                .bt_newsdet .bt_newswrap {
                    height:36vw;
                    max-height: 715px;
                    display: table;
                    background-position: center bottom;
                    background-repeat:no-repeat;
                    background-size: 100%;
                    -webkit-transition: background-size 1.4s ease-in-out;
                    transition: background-size 1.4s ease-in-out;
                    -moz-transition: background-size 1.4s ease-in-out;
                    -ms-transition: background-size 1.4s ease-in-out;
                    -o-transition: background-size 1.4s ease-in-out;
                    -webkit-transition: background-size 1.4s ease-in-out;
                }

                @media (max-width: 768px) {
                    .bt_newsdet .bt_newswrap {
                        -webkit-transition: none;
                        transition: none;
                        -moz-transition: none;
                        -ms-transition: none;
                        -o-transition: none;
                        -webkit-transition: none;
                    }
                }

                .bt_newsdet .bt_newswrap .bt_newscontent {
                    display: table-cell;
                    background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.7) 70%);
                    padding: 30px;
                    padding-right:70px;
                    vertical-align: bottom;
                    color: #fff;
                }

                .bt_newsdet .bt_newswrap .bt_mainnews_kat {
                    text-transform: uppercase;
                }

                .bt_newsdet .bt_newswrap .bt_mainnews_text {
                    margin-top:25px;
                    margin-bottom: -10px;
                }

                .bt_newsdet .bt_newswrap .bt_mainnews {
                    position:relative;
                    opacity:1;
                    -webkit-transition: opacity 0.2s ease-in-out;
                    -moz-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                }

                .bt_newsdet .bt_newswrap .bt_mainteaser {
                    opacity: 0;
                    position: absolute;
                    bottom: -7px;
                    left: 0px;
                    padding: 30px;
                    -webkit-transition: opacity 0.2s ease-in-out;
                    -moz-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                }

                .bt_newsdet .bt_newswrap:hover {
                    background-size: 110%;
                }

                @media (max-width: 1500px) {
                    .bt_newsdet .bt_newswrap {
                        height:480px;
                    }
                }

                @media (max-width: 1399px) {
                    .bt_newsdet .bt_newswrap {
                         height:410px;
                    }
                }


                @media (max-width: 1199px) {
                    .bt_newsdet .bt_newswrap {
                        height: 340px;
                    }
                }

                @media (max-width: 991px) {
                    .bt_newsdet .bt_newswrap {
                        height: 260px;
                    }
                }

                @media (max-width: 767px) {
                    .bt_newsdet article {
                        flex: 0 0 100%;
                    }

                    .bt_newsdet .bt_newswrap {
                        height: 51vw;
                    }
                }

                @media (max-width:700px) {
                    .bt_newsdet .bt_newswrap {
                        height: 59vw;
                    }
                }

                @media (max-width: 640px) {
                    .bt_newsdet .bt_newswrap {
                        height: 64vw;
                    }
                }

                @media (max-width: 575px) {
                    .bt_newsdet .bt_newswrap {
                        height: 67vw;
                    }
                }

                @media (max-width: 460px) {
                    .bt_newsdet .bt_newswrap {
                        height: 88vw;
                        background-size: cover;
                    }

                    .bt_newsdet .bt_newswrap:hover {
                        background-size: 148%;
                    }

                    .bt_newsdet {
                        padding-bottom: 15px;
                    }
                }

                .bt_newsdet.eventitem .bt_newswrap.overed .bt_mainnews {
                    opacity:1 !important;
                }

                .bt_newswrap.yellow {
                    background-color: #ffd500;
                }

                .bt_newsdet.eventitem .bt_newscontent {
                    color: #000;
                }

                .bt_eventicon {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.005' height='43.004' viewBox='0 0 46.005 43.004'%3E%3Cg id='Gruppe_996' data-name='Gruppe 996' transform='translate(-394.428 -4945.428)'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='7.501' cy='7.501' r='7.501' transform='translate(396.428 4957.929)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4947.428)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4971.43)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_153' data-name='Linie 153' y1='5.063' x2='13.018' transform='translate(410.921 4957.648)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_154' data-name='Linie 154' x2='13.582' y2='6.791' transform='translate(410.639 4968.79)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
                    width: 46px;
                    height: 43px;
                    position: absolute;
                    right: 45px;
                    top: 30px;
                }

                .bt_eventicon.white {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.005' height='43.004' viewBox='0 0 46.005 43.004'%3E%3Cg id='Gruppe_996' data-name='Gruppe 996' transform='translate(-394.428 -4945.428)'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='7.501' cy='7.501' r='7.501' transform='translate(396.428 4957.929)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4947.428)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4971.43)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_153' data-name='Linie 153' y1='5.063' x2='13.018' transform='translate(410.921 4957.648)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_154' data-name='Linie 154' x2='13.582' y2='6.791' transform='translate(410.639 4968.79)' fill='none' stroke='%fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
                }

                .sr-only {
                    border: 0;
                    clip: rect(0, 0, 0, 0);
                    height: 1px;
                    margin: -1px;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    width: 1px;
                }

            </style>
            <div class="bt_newsdet eventitem">
                    ${e.map(e=>n.c`
                        <article class="animate animate--fadeIn cursor_black link-trigger" @click=${this._followLink}>
                            <div class="bt_newswrap yellow">
                                <div class="bt_newscontent" style="background-image: none !important;">
                                    ${t}
                                    <div class="bt_mainnews">
                                        <div class="bt_mainnews_kat">${e.category}</div>
                                        <div class="sr-only">${new Date(1e3*e.date).toLocaleString("de-AT",{day:"2-digit",month:"short",year:"numeric"})} ${new Date(1e3*e.date).toLocaleString("de-AT",{hour:"numeric",minute:"numeric"})} Uhr</div>
                                        <div class="focus">
                                            <div class="bt_mainnews_date" aria-hidden="true">
                                                ${new Date(1e3*e.date).toLocaleString("de-AT",{day:"2-digit",month:"short",year:"numeric"})}<br>
                                                ${new Date(1e3*e.date).toLocaleString("de-AT",{hour:"numeric",minute:"numeric"})} Uhr<br>
                                            </div>
                                            <div class="bt_mainnews_text h1">
                                                <a href="${e.link}" title="${e.headline}" class="cursor_black ">${Object(n.c)([e.headline])}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </article>
                `)}
            </div>
        `}_renderNews(){var e=this.news;e&&void 0!==e||(e=this._getFromSlot("link",["headline","image","imageprimarysrcset","teaser","href","date","category"]));var t="";return this.showicon&&(t=this.isevent?n.c`<div class="bt_eventicon"></div>`:n.c`<div class="bt_eventicon white"></div>`),n.c`
            ${this._commonCSS()}
            <style>
                .bt_newsdet {
                    display: flex;
                    margin-left: -30px;
                    margin-right: -30px;
                    flex-wrap: wrap;
                    box-sizing: border-box;
                }

                .bt_newsdet article {
                    flex: 0 0 50%;
                    position: relative;
                    padding-right: 15px;
                    padding-left:15px;
                    padding-bottom:30px;
                }

                .bt_newsdet .bt_newswrap {
                    height:36vw;
                    max-height: 715px;
                    display: table;
                    background-position: center top;
                    background-repeat:no-repeat;
                    background-size: 100%;
                    -webkit-transition: background-size 1.4s ease-in-out;
                    transition: background-size 1.4s ease-in-out;
                    -moz-transition: background-size 1.4s ease-in-out;
                    -ms-transition: background-size 1.4s ease-in-out;
                    -o-transition: background-size 1.4s ease-in-out;
                    -webkit-transition: background-size 1.4s ease-in-out;
                }

                @media (max-width: 768px) {
                    .bt_newsdet .bt_newswrap {
                        -webkit-transition: none;
                        transition: none;
                        -moz-transition: none;
                        -ms-transition: none;
                        -o-transition: none;
                        -webkit-transition: none;
                    }
                }

                .bt_newsdet .bt_newswrap .bt_newscontent {
                    display: table-cell;
                    background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.7) 70%);
                    padding: 30px;
                    padding-right:70px;
                    vertical-align: bottom;
                    color: #fff;
                }

                .bt_newsdet .bt_newswrap .bt_mainnews_kat {
                    text-transform: uppercase;
                }

                .bt_newsdet .bt_newswrap .bt_mainnews_text {
                    margin-top:25px;
                    margin-bottom: -10px;
                }

                .bt_newsdet .bt_newswrap .bt_mainnews {
                    position:relative;
                    opacity:1;
                    -webkit-transition: opacity 0.2s ease-in-out;
                    -moz-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                }

                .bt_newsdet .bt_newswrap .bt_mainteaser {
                    opacity: 0;
                    position: absolute;
                    bottom: -7px;
                    left: 0px;
                    padding: 30px;
                    -webkit-transition: opacity 0.2s ease-in-out;
                    -moz-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                }

                .bt_newsdet .bt_newswrap:hover {
                    background-size: 110%;
                }

                @media (max-width: 1500px) {
                    .bt_newsdet .bt_newswrap {
                        height:480px;
                    }
                }

                @media (max-width: 1399px) {
                    .bt_newsdet .bt_newswrap {
                         height:410px;
                    }
                }


                @media (max-width: 1199px) {
                    .bt_newsdet .bt_newswrap {
                        height: 340px;
                    }
                }

                @media (max-width: 991px) {
                    .bt_newsdet .bt_newswrap {
                        height: 260px;
                    }
                }

                @media (max-width: 767px) {
                    .bt_newsdet article {
                        flex: 0 0 100%;
                    }

                    .bt_newsdet .bt_newswrap {
                        height: 51vw;
                    }
                }

                @media (max-width:700px) {
                    .bt_newsdet .bt_newswrap {
                        height: 59vw;
                    }
                }

                @media (max-width: 640px) {
                    .bt_newsdet .bt_newswrap {
                        height: 64vw;
                    }
                }

                @media (max-width: 575px) {
                    .bt_newsdet .bt_newswrap {
                        height: 67vw;
                    }
                }

                @media (max-width: 460px) {
                    .bt_newsdet .bt_newswrap {
                        height: 88vw;
                        background-size: cover;
                    }

                    .bt_newsdet .bt_newswrap:hover {
                        background-size: 148%;
                    }

                    .bt_newsdet {
                        padding-bottom: 15px;
                    }
                }

                ${this.hideteaser?"":n.c`
                    .bt_newsdet .bt_newswrap.overed .bt_mainnews {
                        opacity:0;
                    }

                    .bt_newsdet .bt_newswrap.overed .bt_mainteaser {
                        opacity:1;
                    }
                `}

                bt_eventicon {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.005' height='43.004' viewBox='0 0 46.005 43.004'%3E%3Cg id='Gruppe_996' data-name='Gruppe 996' transform='translate(-394.428 -4945.428)'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='7.501' cy='7.501' r='7.501' transform='translate(396.428 4957.929)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4947.428)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4971.43)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_153' data-name='Linie 153' y1='5.063' x2='13.018' transform='translate(410.921 4957.648)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_154' data-name='Linie 154' x2='13.582' y2='6.791' transform='translate(410.639 4968.79)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
                    width: 46px;
                    height: 43px;
                    position: absolute;
                    right: 45px;
                    top: 30px;
                }

                .bt_eventicon.white {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.005' height='43.004' viewBox='0 0 46.005 43.004'%3E%3Cg id='Gruppe_996' data-name='Gruppe 996' transform='translate(-394.428 -4945.428)'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='7.501' cy='7.501' r='7.501' transform='translate(396.428 4957.929)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4947.428)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4971.43)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_153' data-name='Linie 153' y1='5.063' x2='13.018' transform='translate(410.921 4957.648)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_154' data-name='Linie 154' x2='13.582' y2='6.791' transform='translate(410.639 4968.79)' fill='none' stroke='%fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
                }

                .sr-only {
                    border: 0;
                    clip: rect(0, 0, 0, 0);
                    height: 1px;
                    margin: -1px;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    width: 1px;
                }

            </style>
            <div class="bt_newsdet">
                    ${e.map(e=>n.c`
                        <article class="animate animate--fadeIn cursor_white link-trigger" @click=${this._followLink}>
                            <img src="'${e.image}'" class="sr-only" alt="${e.headline}">
                            <div class="bt_newswrap" style="background-image:url('${e.image}'); background-image: -webkit-image-set(${e.imageprimarysrcset});background-image: image-set(${e.imageprimarysrcset});">
                                <div class="bt_newscontent">
                                    ${t}
                                    <div class="bt_mainnews">
                                        <div class="bt_mainnews_kat">${e.category}</div>
                                        <div class="focus">
                                            <div class="bt_mainnews_date">${e.date?new Date(1e3*e.date).toLocaleString("de-AT",{weekday:"long",day:"numeric",month:"numeric",year:"numeric"}):""}</div>
                                            <div class="bt_mainnews_text h1 "><a class="cursor_white" href="${e.link}" title="${e.headline}">${Object(n.c)([e.headline])}</a></div>
                                        </div>
                                    </div>
                                    ${this.hideteaser?"":n.c`
                                    <div class="bt_mainteaser">
                                        ${Object(n.c)([e.teaser])}
                                    </div>
                                    `}
                                </div>
                            </div>
                    </article>
                `)}
            </div>
        `}_renderHero(){var e=this.news;return e&&"undefned"!=typeof e||(e=this._getFromSlot("link",["headline","image","imageprimarysrcset","href"])),n.c`
            <style>
                .heronews {
                    box-sizing: border-box;
                }

                .heronews .hero_topnews {
                    margin-left: auto;
                    margin-right: auto;
                    background-size:cover;
                    background-position:center center;
                    height: 55vw;
                    color: #fff;
                    padding-top:80px;
                    padding-bottom:80px;
                    box-sizing: border-box;
                    max-height: 88vh;
                }

                .heronews .newscat, .heronews .newsdate {
                    text-transform:uppercase;
                }

                .heronews .h1 {
                    margin-top:50px;
                    max-width: 80%;
                }

                .heronews .container {
                    padding-left: 25px;
                    padding-right: 25px;
                }

                @media (min-width: 1500px) {
                    .heronews .hero_topnews {
                        padding-left: 55px;
                        padding-right: 55px;
                    }
                }

                @media (max-width: 1499px) {
                    .scrolled .heronews .hero_topnews .container {
                        padding-left: 27px;
                        padding-right: 27px;
                    }
                }

                @media (max-width: 768px) {
                    .heronews .hero_topnews {
                        height: 72vw !important;
                    }

                    .scrolled .heronews .hero_topnews .container {
                        padding-left: 25px;
                        padding-right: 25px;
                    }
                }

                @media (max-width: 640px) {
                    .heronews .hero_topnews {
                        height: 83vw !important;
                    }

                    .heronews .hero_topnews .h1 {
                        margin-top: 15px;
                    }
                }

                @media (max-width: 575px) {
                    .heronews .hero_topnews {
                        height: 65vh !important;
                    }
                }

                @media (max-width: 450px) {
                    .heronews .hero_topnews {
                        height: 71vh !important;
                        padding-top: 25px;
                        padding-bottom: 25px;
                    }
                }

                @media (min-width: 1500px) {
                    .scrolled .heronews .hero_topnews .container {
                        padding-left: 10px;
                        padding-right: 10px;
                    }
                }
            </style>
            <div class="heronews">
                ${e.map(e=>n.c`
                        <div class="hero_topnews cursor_white link-trigger" style="background-image:url('${e.image}'); background-image: -webkit-image-set(${e.imageprimarysrcset});background-image: image-set(${e.imageprimarysrcset});" @click=${this._followLink}>
                            <div class="container">
                            <h1  class="focus"><a class='h1 cursor_white' href="${e.link}" title="${e.headline}">${e.headline}</a></h1>
                            </div>
                        </div>
                `)}
            </div>
        `}_getFromSlot(e,t){var i=this.querySelectorAll('[slot^="'+e+'"]'),n=[];return i.forEach(e=>{let i;if(t.length>0){i=new Object,"A"==e.tagName&&(i.link=e.getAttribute("href"),i.url=e.getAttribute("href"),i.title=e.getAttribute("title"));for(var r=0;r<t.length;r++){let n=e.getAttribute(t[r]);n||(n=e.getAttribute("data-"+t[r])),!n&&e.querySelector("."+t[r])&&(n=e.querySelector("."+t[r]).innerHTML),i[t[r]]=n}}else"A"==e.tagName?(i=new Object,i.url=e.getAttribute("href"),i.title=e.getAttribute("title"),i.text=e.innerHTML):i=e.innerHTML;n.push(i)}),n}_initHeroEvents(e){this._scrollingHero=this._scrollingHero.bind(this),window.addEventListener("scroll",e=>{this._scrollingHero(this)},!1),window.addEventListener("resize",t=>{this.hero_contentwidth=document.body.offsetWidth,this.hero_ratio=.56,this.hero_scrollratio=this.hero_contentwidth*this.hero_ratio,this.hero_minsize=document.querySelector(".heronews .container").offsetWidth,this.hero_minsize>1800&&(this.hero_minsize=1932),this.hero_ratioheight=document.querySelector(".heronews .container").offsetHeight,document.querySelectorAll(".hero_topnews").forEach((function(t){t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"})),this._scrollingHero(this)},!1)}_initHeroNews(e){e.hero_contentwidth=document.body.offsetWidth,e.hero_ratio=.56,e.hero_scrollratio=e.hero_contentwidth*e.hero_ratio,e.hero_minsize=document.querySelector(".heronews .container").offsetWidth,e.hero_minsize>1800&&(e.hero_minsize=1932),e.hero_ratioheight=document.querySelector(".heronews .container").offsetHeight,document.querySelectorAll(".hero_topnews").forEach((function(t){t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"}))}_initNews(){document.querySelectorAll(".bt_newswrap").forEach((function(e){e.addEventListener("mouseenter",e=>{e.target.classList.add("overed")}),e.addEventListener("mouseleave",e=>{e.target.classList.remove("overed")})}))}firstUpdated(){super.firstUpdated(),this.hero?this._initHeroNews(this):this._initNews()}_scrollingHero(e){e.hero_scrollnew=window.pageYOffset,document.body.clientWidth>=1500&&document.body.clientWidth<=1930||document.body.clientWidth<=567?document.querySelectorAll(".hero_topnews").forEach((function(t){t.style.width="100%",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"})):document.querySelectorAll(".hero_topnews").forEach((function(t){var i=t.getBoundingClientRect();0==e.hero_scrollnew?(e.hero_contentwidth=document.body.offsetWidth,t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"):i.top<window.innerHeight&&i.bottom>=0&&(e.hero_scrollold-e.hero_scrollnew<0?e.hero_minsize<e.hero_contentwidth-10*e.hero_ratio-e.hero_speedup?(e.hero_contentwidth=e.hero_contentwidth-10*e.hero_ratio-e.hero_speedup,t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"):e.hero_contentwidth!=e.hero_minsize&&(e.hero_contentwidth=e.hero_minsize,t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"):t.offsetWidth!=document.body.offsetWidth&&(t.offsetWidth<document.body.offsetWidth+10*e.hero_ratio+e.hero_speedup?(e.hero_contentwidth=e.hero_contentwidth+10*e.hero_ratio+e.hero_speedup,t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px"):e.hero_contentwidth!=document.body.offsetWidth&&(e.hero_contentwidth=document.body.offsetWidth,t.style.width=e.hero_contentwidth+"px",t.style.height=e.hero_contentwidth*e.hero_ratio+"px")))})),e.hero_scrollold=e.hero_scrollnew}_followLink(e){e.target.closest(".link-trigger").querySelector("a").click()}}customElements.define("ug-heronews",o);const a={num_items:0,current:1,directon:1,active:!1,init:function(){if(this.num_items=document.querySelectorAll(".bt_eventscroll article").length,!this.active&&(this.current=1,document.querySelectorAll(".bt_eventscroll article").forEach((function(e,t){e.style.order=t+1})),this.addEvents(),this.active=!0,document.querySelector(".bt_eventpic"))){var e=document.querySelector(".bt_eventscroll article[data-position='1'] a").getAttribute("data-img");e&&document.querySelector(".bt_eventpic img").setAttribute("src",e)}},clear:function(){if(document.querySelectorAll(".bt_eventscroll article").forEach((function(e){e.style.order=""})),this.current=1,this.active=!1,document.querySelector(".bt_eventpic")){var e=document.querySelector(".bt_eventscroll article[data-position='1'] a").getAttribute("data-img");e&&document.querySelector(".bt_eventpic img").setAttribute("src",e)}},addEvents:function(){document.querySelector(".bt_eventscroll")&&document.querySelector(".bt_eventscroll").addEventListener("transitionend",()=>{this.changeOrder()})},changeOrder:function(){this.current==this.num_items?this.current=1:1==this.directon?this.current++:this.current--;let e=1;for(let t=this.current;t<=this.num_items;t++)document.querySelector(".bt_eventscroll article[data-position='"+t+"']").style.order=e,e++;for(let t=1;t<this.current;t++)document.querySelector(".bt_eventscroll article[data-position='"+t+"']").style.order=e,1==this.directon?e++:e--;document.querySelector(".bt_eventscroll").classList.remove("container-transition"),document.querySelector(".bt_eventscroll").style.transform="translateX(0)",this.loadImage()},gotoNext:function(){this.active&&(this.directon=1,document.querySelector(".bt_eventscroll").classList.add("container-transition"),document.querySelector(".bt_eventscroll").style.transform="translateX(-100%)",window.innerWidth<768&&document.querySelector(".bt_eventpic")&&(document.querySelector(".bt_eventpic img").classList.remove("fadescroll"),window.setTimeout(()=>{document.querySelector(".bt_eventpic img").classList.add("fadescroll")},100)))},gotoPrev:function(){this.active&&this.current>1&&(this.directon=2,document.querySelector(".bt_eventscroll").classList.add("container-transition"),document.querySelector(".bt_eventscroll").style.transform="translateX(+100%)",window.innerWidth<768&&document.querySelector(".bt_eventpic")&&(document.querySelector(".bt_eventpic img").classList.remove("fadescroll"),window.setTimeout(()=>{document.querySelector(".bt_eventpic img").classList.add("fadescroll")},100)))},loadImage:function(){var e="";window.innerWidth<768?document.querySelector(".bt_eventpic")&&(e=document.querySelector(".bt_eventscroll article[data-position='"+this.current+"']").getAttribute("data-img"))&&document.querySelector(".bt_eventpic img").setAttribute("src",e):document.querySelector(".bt_eventpic")&&(e=document.querySelector(".bt_eventscroll article[data-position='1']").getAttribute("data-img"))&&document.querySelector(".bt_eventpic img").setAttribute("src",e)}};class s extends(Object(r.a)(n.a)){constructor(){super(),this.elposition=2,this.initialX=null,this.initialY=null}static get properties(){return{primeEvent:{type:Number},slideElements:{type:Number},events:{type:Array}}}render(){return this.events&&"undefned"!=typeof this.events||(this.events=this._getFromSlot("link",["headline","image","teaser","href","datetime","icon"])),this.primeEvent?this._renderMainEvent(this):this._renderSubEvents(this)}_getFromSlot(e,t){var i=this.querySelectorAll('[slot^="'+e+'"]'),n=[];return i.forEach(e=>{let i;if(t.length>0){i=new Object,"A"==e.tagName&&(i.link=e.getAttribute("href"),i.url=e.getAttribute("href"),i.title=e.getAttribute("title"));for(var r=0;r<t.length;r++){let n=e.getAttribute(t[r]);n||(n=e.getAttribute("data-"+t[r])),!n&&e.querySelector("."+t[r])&&(n=e.querySelector("."+t[r]).innerText),i[t[r]]=n}}else"A"==e.tagName?(i=new Object,i.url=e.getAttribute("href"),i.title=e.getAttribute("title"),i.text=e.innerHTML):i=e.innerHTML;n.push(i)}),n}_getStyle(){return n.c`
        <style>

            ug-events a {
                text-decoration: none !important;
                background-image: none !important;
                outline: none !important;
            }

            .bt_eventscroll .bt_eventpic {
                display: none;
            }

            .bt_eventinfo .icon {
                margin-top: 5px;
            }

            .bt_eventinfo .icon.computer {
                content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.294' height='23' viewBox='0 0 28.294 23'%3E%3Cg id='Gruppe_994' data-name='Gruppe 994' transform='translate(0.147 0.125)'%3E%3Cg id='Gruppe_968' data-name='Gruppe 968'%3E%3Cpath id='Pfad_15379' data-name='Pfad 15379' d='M24,13.875V2.5A1.751,1.751,0,0,0,22.25.75H4.75A1.751,1.751,0,0,0,3,2.5V13.875Z' transform='translate(0.5 0.125)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15380' data-name='Pfad 15380' d='M26.85,17.414a1.749,1.749,0,0,1-1.6,2.461H2.5A1.749,1.749,0,0,1,.9,17.414L3.375,12h21Z' transform='translate(0.125 2)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Linie_166' data-name='Linie 166' x2='3.5' transform='translate(12.25 18.375)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
                position:relative;
            }

            .bt_eventinfo .icon.people {
                content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.072' height='28.661' viewBox='0 0 29.072 28.661'%3E%3Cg id='Gruppe_995' data-name='Gruppe 995' transform='translate(0.535 0.125)'%3E%3Cline id='Linie_167' data-name='Linie 167' x2='17.5' transform='translate(5.252 13.125)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15381' data-name='Pfad 15381' d='M7.852,14.75l-.35-3.5H18l-.35,3.5' transform='translate(1.251 1.875)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Gruppe_966' data-name='Gruppe 966' transform='translate(0 0)'%3E%3Cg id='Gruppe_969' data-name='Gruppe 969'%3E%3Ccircle id='Ellipse_20' data-name='Ellipse 20' cx='3.063' cy='3.063' r='3.063' transform='translate(10.94 0.875)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15382' data-name='Pfad 15382' d='M16.334,8.5a4.981,4.981,0,0,0-7.583,0' transform='translate(1.459 1.125)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_21' data-name='Ellipse 21' cx='3.063' cy='3.063' r='3.063' transform='translate(1.605 18.375)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15383' data-name='Pfad 15383' d='M8.333,23.5a4.981,4.981,0,0,0-7.583,0' transform='translate(0.125 3.626)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_22' data-name='Ellipse 22' cx='3.063' cy='3.063' r='3.063' transform='translate(10.94 18.375)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15384' data-name='Pfad 15384' d='M16.334,23.5a4.981,4.981,0,0,0-7.583,0' transform='translate(1.459 3.626)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_23' data-name='Ellipse 23' cx='3.063' cy='3.063' r='3.063' transform='translate(20.275 18.375)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15385' data-name='Pfad 15385' d='M24.335,23.5a4.981,4.981,0,0,0-7.583,0' transform='translate(2.792 3.626)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
                position:relative;
            }

            .bt_eventinfo .icon.envelope {
                content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3E%3Cg id='Gruppe_997' data-name='Gruppe 997' transform='translate(1.296 1)'%3E%3Crect id='Rechteck_448' data-name='Rechteck 448' width='28' height='20' rx='1.5' transform='translate(-0.296)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Pfad_15364' data-name='Pfad 15364' d='M27.937,1.3,17.178,9.007a4.627,4.627,0,0,1-5.329,0L1.089,1.3' transform='translate(-0.672 -0.623)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
                position:relative;
            }

            .bt_nav {
                display: none;
            }

            .bt_left {
                cursor: pointer;
                content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.657' height='29.657' viewBox='0 0 17.657 29.657'%3E%3Cpath id='Pfad_15724' data-name='Pfad 15724' d='M12,0,0,12,12,24' transform='translate(2.828 2.828)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='4'/%3E%3C/svg%3E%0A");
            }

            .bt_right {
                cursor: pointer;
                content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.657' height='29.657' viewBox='0 0 17.657 29.657'%3E%3Cpath id='Pfad_15723' data-name='Pfad 15723' d='M0,0,12,12,0,24' transform='translate(2.828 2.828)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='4'/%3E%3C/svg%3E%0A");
            }

            @media (max-width: 767px) {
                .bt_nav {
                    display: block;
                }
            }

        </style>
        `}_renderSubEvents(e){var t=e.events,i=n.c`
            <style>
                ug-events a {
                    text-decoration: none !important;
                    background-image: none !important;
                }
                </style>
        `;return document.querySelector(".mobileevent")||(i=this._getStyle()),n.c`
            ${i}
            <div class="bt_eventscroll container-transition">
                ${t.map((e,t)=>n.c`
                    <article data-position="${t+2}" class="animate animate--fadeIn link-trigger cursor_black" data-img="${e.image}" @click=${this._followLink}>

                            <div class="row focus">
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="bt_eventinfo">
                                        ${new Date(1e3*e.datetime).toLocaleString("de-AT",{day:"2-digit",month:"short"})}<br>
                                        ${new Date(1e3*e.datetime).toLocaleString("de-AT",{hour:"numeric",minute:"numeric"})} Uhr<br>
                                        <div class="icon ${e.icon}"></div>
                                    </div>
                                </div>
                                <div class="col-xl-9 col-lg-8 col-md-8 col-sm-8 col-8">
                                    <div class="bt_eventteaser">
                                    <a href="${e.link}" title="${e.headline}" class="cursor_black" >${e.teaser}</a>
                                    </div>
                                </div>
                            </div>
                    </article>
                `)}
            </div>
            <div class="bt_nav">
                <div class="bt_left"></div>
                <div class="bt_right"></div>
           </div>
        `}_renderMainEvent(e){var t=e.events,i="";return document.querySelector(".bt_eventscroll")||(i=this._getStyle()),n.c`
            ${i}
            ${t.map(e=>n.c`
                <article class="mobileevent animate animate--fadeIn link-trigger cursor_black" data-img="${e.image}" data-position="1" @click=${this._followLink}>

                        <div class="row">
                            <div class="col-md-12 bt_eventpic">
                                <img src="${e.image}">
                            </div>
                            <div class="focus">
                            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="bt_eventinfo">
                                    ${new Date(1e3*e.datetime).toLocaleString("de-AT",{day:"2-digit",month:"short"})}<br>
                                    ${new Date(1e3*e.datetime).toLocaleString("de-AT",{hour:"numeric",minute:"numeric"})} Uhr<br>
                                    <div class="icon ${e.icon}"></div>
                                </div>
                            </div>
                            <div class="col-xl-9 col-lg-8 col-md-8 col-sm-8 col-8">
                                <div class="bt_eventteaser">
                                <a href="${e.link}" title="${e.headline}" class="cursor_black">${e.teaser}</a>
                                </div>
                            </div>
                            </div>
                        </div>

                </article>
            `)}

        `}_initTouchEvents(){this._startTouch=this._startTouch.bind(this),this._moveTouch=this._moveTouch.bind(this),document.querySelector(".bt_eventscroll")&&(document.querySelector(".bt_eventscroll").addEventListener("touchstart",this._startTouch,!1),document.querySelector(".bt_eventscroll").addEventListener("mousedown",this._startTouch,!1),document.querySelector(".bt_eventscroll").addEventListener("touchmove",this._moveTouch,!1),document.querySelector(".bt_eventscroll").addEventListener("mousemove",this._moveTouch,!1),document.querySelector(".bt_left").addEventListener("click",this._goPrev,!1),document.querySelector(".bt_right").addEventListener("click",this._goNext,!1))}_goPrev(){a.gotoPrev()}_goNext(){a.gotoNext()}_startTouch(e){e.touches?(this.initialX=e.touches[0].clientX,this.initialY=e.touches[0].clientY):(this.initialX=e.clientX,this.initialY=e.clientY)}_moveTouch(e){if(null!==this.initialX&&null!==this.initialY&&!(e.touches[0].clientY>this.initialY+5||e.touches[0].clientY<this.initialY-5)){if(e.touches)var t=e.touches[0].clientX,i=e.touches[0].clientY;else t=e.clientX,i=e.clientY;var n=this.initialX-t,r=this.initialY-i;Math.abs(n)>Math.abs(r)?n>0?a.gotoNext():a.gotoPrev():r>0?a.gotoNext():a.gotoPrev(),this.initialX=null,this.initialY=null,e.preventDefault()}}_observeEvents(){document.querySelectorAll(".bt_events").forEach((function(e){let t=document.querySelector(".bt_topmenu");var i=window.pageYOffset;e.getBoundingClientRect().top,t.offsetHeight}))}_observeWindowsize(){window.innerWidth<768?a.init():a.clear()}firstUpdated(){if(super.firstUpdated(),!this.primeEvent&&this.slideElements){this._initTouchEvents=this._initTouchEvents.bind(this),this._observeWindowsize=this._observeWindowsize.bind(this),this._observeEvents=this._observeEvents.bind(this);var e=document.querySelector(".mobileevent").cloneNode(!0);document.querySelector(".bt_eventscroll").insertBefore(e,document.querySelector(".bt_eventscroll").firstChild),a.init(),this._initTouchEvents(),this._observeWindowsize(),window.addEventListener("scroll",e=>{this._observeEvents()},!1),window.addEventListener("resize",e=>{this._observeWindowsize(),this._observeEvents()},!1)}}_followLink(e){e.target.closest(".link-trigger").querySelector("a").click()}}customElements.define("ug-events",s);class l extends(Object(r.a)(n.a)){constructor(){super(),this.columns="1",this.noheader="1"}static get properties(){return{noheader:{type:String}}}connectedCallback(){super.connectedCallback()}render(){return this._renderBootstrapTable()}_renderBootstrapTable(){let e=this._getFromSlot();var t="";switch(this.columns){case 1:t="col-md-12";break;case 2:t="col-md-6 col-sm-12";break;case 3:t="col-md-4 col-sm-12";break;case 4:t="col-md-3 col-sm-12";break;case 5:case 6:t="col-md-2 col-sm-12";break;case 7:case 8:case 9:case 10:case 11:case 12:t="col-md-1 col-sm-12"}var i=n.c`
          <style>
            .tableelement_col {
                padding: 0px;
            }

            .tableelement_wrap {
                padding-left: 15px;
                padding-right: 15px;
            }

            .tableelement_tablecontent .th {
                font-weight: bold;
                font-size: 24px;
                line-height: 32px;
                padding-right: 0px;
                padding-bottom: 0px;
                display: flex;
                align-items: flex-start;
            }

            .tableelement_tablecontent .th .th {
                padding-right: 15px;
                padding-bottom: 10px;
            }

            .tableelement_value {
                font-size: 18px;
                padding-right: 30px;
                padding-top: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #000;
                display: flex;
                align-items: center;
            }

            .tableelement_wrap.layout-12 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-11 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-10 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-9 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-8 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-7 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-6 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-5 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-4 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-3 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-2 .tableelement_tablehead .tableelement_col,
            .tableelement_wrap.layout-1 .tableelement_tablehead .tableelement_col
            {
                font-size: 15px;
                line-height: 19px;
                flex-grow: 1;
            }

            .tableelement_wrap.layout-12 .tableelement_value,
            .tableelement_wrap.layout-11 .tableelement_value,
            .tableelement_wrap.layout-10 .tableelement_value,
            .tableelement_wrap.layout-9 .tableelement_value,
            .tableelement_wrap.layout-8 .tableelement_value,
            .tableelement_wrap.layout-7 .tableelement_value,
            .tableelement_wrap.layout-6 .tableelement_value,
            .tableelement_wrap.layout-5 .tableelement_value,
            .tableelement_wrap.layout-4 .tableelement_value,
            .tableelement_wrap.layout-3 .tableelement_value,
            .tableelement_wrap.layout-2 .tableelement_value,
            .tableelement_wrap.layout-1 .tableelement_value
             {
              font-size: 15px;
              flex-grow: 1;
            }

            .tableelement_tablecontent .row {
                display: flex;
                align-items: stretch !important;
            }

            .tableelement_wrap.layout-6 .tableelement_tablehead .tableelement_col {
              font-size: 19px;
              line-height: 21px;
            }

            .tableelement_wrap.layout-6 .tableelement_value {
              font-size: 16px;
            }

            .tableelement_tablecontent_rowtitle {
              display: none;
              font-weight: bold;
              font-size: 13px;
            }

            .tableelement_wrap.showrow .tableelement_tablecontent .th {
                display: none;
            }

            .tableelement_wrap.showrow .tableelement_tablecontent .row {
                border-top: 1px solid #000;
                margin-bottom: 30px;
            }

            .tableelement_wrap.showrow .tableelement_col {
                padding-left: 15px;
                padding-right: 15px;
            }

            .tableelement_wrap.showrow .tableelement_tablecontent_rowtitle {
                display: block;
            }

            .tableelement_wrap.showrow .tableelement_tablehead .tableelement_col {
                font-size: 15px;
                line-height: 19px;
            }

            .tableelement_wrap.showrow .tableelement_value {
                font-size: 15px;
            }

            @media (max-width: 768px) {
              .tableswitch {
                  display: none;
              }

              .tableelement_tablecontent .th {
                display: none;
              }

              .tableelement_tablecontent .row {
                border-top: 1px solid #000;
              }

              .tableelement_tablecontent .row {
                margin-bottom: 30px;
              }

              .tableelement_col {
                  padding-left: 15px;
                  padding-right: 15px;
              }

              .tableelement_tablecontent_rowtitle {
                display: block;
              }

              .tableelement_tablehead .tableelement_col {
                  font-size: 15px;
                  line-height: 19px;
              }

              .tableelement_value {
                font-size: 15px;
              }
            }

            .tableswitch .tablenormal {
                width: 20px;
                height: 20px;
                margin-left: 20px;
                cursor:pointer;
            }

            .tableswitch .tablerow {
                width: 20px;
                height: 20px;
                cursor:pointer;
            }

            .tableswitch .tablerow.active svg rect,
            .tableswitch .tablerow:hover svg rect,
            .tableswitch .tablenormal.active svg rect,
            .tableswitch .tablenormal:hover svg rect
            {
                fill: #ffd500;
            }

            .tableswitch {
                display: flex;
                margin-bottom: 15px;
                margin-top: 10px;
            }
          </style>`;return"0"==this.noheader?n.c`
                ${i}
                <div class='tableswitch'>
                  <div class='tablerow' title='Nachfolgende Tabelle als Liste darstellen' role='button'>
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20">
                      <rect id="Rechteck_857" data-name="Rechteck 857" width="19" height="20"/>
                    </svg>
                  </div>
                  <div class='tablenormal active' title='Nachfolgende Tabelle tabellarisch darstellen' role='button'>
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20">
                      <g id="Gruppe_1529" data-name="Gruppe 1529" transform="translate(-471 -4746)">
                        <rect id="Rechteck_858" data-name="Rechteck 858" width="5" height="20" transform="translate(471 4746)"/>
                        <rect id="Rechteck_860" data-name="Rechteck 860" width="5" height="20" transform="translate(478 4746)"/>
                        <rect id="Rechteck_861" data-name="Rechteck 861" width="5" height="20" transform="translate(485 4746)"/>
                      </g>
                    </svg>
                  </div>
                </div>
                <div class="tableelement_wrap layout-${this.columns}">
                    <div class="tableelement_tablecontent">
                        ${e.map(e=>n.c`
                            <div class="animate animate--fadeIn row">
                                ${e.map((e,i)=>n.c`
                                    <div class="${t} tableelement_col tableelement_value">
                                        ${e}
                                    </div>
                                `)}
                            </div>
                        `)}
                    </div>
                </div>
            `:n.c`
              ${i}
              <div class='tableswitch'>
                  <div class='tablerow'>
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20">
                      <rect id="Rechteck_857" data-name="Rechteck 857" width="19" height="20"/>
                    </svg>
                  </div>
                  <div class='tablenormal active'>
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20">
                      <g id="Gruppe_1529" data-name="Gruppe 1529" transform="translate(-471 -4746)">
                        <rect id="Rechteck_858" data-name="Rechteck 858" width="5" height="20" transform="translate(471 4746)"/>
                        <rect id="Rechteck_860" data-name="Rechteck 860" width="5" height="20" transform="translate(478 4746)"/>
                        <rect id="Rechteck_861" data-name="Rechteck 861" width="5" height="20" transform="translate(485 4746)"/>
                      </g>
                    </svg>
                  </div>
                </div>
              <div class="tableelement_wrap layout-${this.columns}">
                  <div class="tableelement_tablecontent">
                      ${e.map(e=>n.c`
                          <div class="animate animate--fadeIn row">
                              ${e.map((e,i)=>n.c`
                                 <div class="${t} tableelement_col tableelement_value">
                                     ${e}
                                  </div>
                              `)}
                          </div>
                      `)}
                  </div>
              </div>
            `}_getFromSlot(){var e=[],t="",i=!1;this.querySelectorAll("th").length&&(this.noheader="0",i=!0);var n=[];this.querySelectorAll("tr th").forEach((e,i)=>{e.getAttribute("scope")&&(e.getAttribute("scope")!=t&&""!=t?t="both":"both"!=t&&(t=e.getAttribute("scope"),!0)),n.push(e.innerHTML)}),""==t&&(t="row");var r=this.querySelectorAll("tr");return r.forEach((e,t)=>{0!=t&&1!=t||(this.columns=e.querySelectorAll("th,td").length)}),r.forEach((r,o)=>{let a=new Array,s=r.querySelectorAll("td,th").length;r.querySelectorAll("td,th").forEach((function(e,r){var l=document.createElement("div"),d=document.createElement("div"),c=!1;d.classList.add("tableelement_tablecontent_rowtitle"),"col"==t?(d.innerHTML=n[r],c=!0):"row"==t?(d.innerHTML=n[o],c=!0):(d.innerHTML=n[r]+" "+n[s+o-1],c=!0),"TH"==e.tagName?l.classList.add("th"):l.classList.add("tr"),l.innerHTML=e.innerHTML,c&&i&&l.prepend(d),a.push(l)})),e.push(a)}),e}_getDomain(){var e=location.hostname.split(".").slice(-2).join(".");return e.length<4?location.hostname:e}_setTableCookie(e){const t=new Date;t.setTime(t.getTime()+31536e6);let i="expires="+t.toUTCString();document.cookie="accessibility-lyt="+e+";"+i+";domain="+this._getDomain()+";path=/"}_getTableCookie(){let e="accessibility-lyt=",t=decodeURIComponent(document.cookie).split(";");for(let i=0;i<t.length;i++){let n=t[i];for(;" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}_initTableLayout(){if(document.querySelectorAll(".tablerow").forEach((function(e){e.classList.remove("active")})),document.querySelectorAll(".tablenormal").forEach((function(e){e.classList.remove("active")})),document.querySelectorAll(".tableelement_wrap").forEach((function(e){e.classList.remove("showrow")})),this._getTableCookie())switch(this._getTableCookie()){case"lyt-cols-1":document.querySelectorAll(".tablerow").forEach((function(e){e.classList.add("active")})),document.querySelectorAll(".tableelement_wrap").forEach((function(e){e.classList.add("showrow")}));break;default:document.querySelectorAll(".tablenormal").forEach((function(e){e.classList.add("active")})),document.querySelectorAll(".tableelement_wrap").forEach((function(e){e.classList.remove("showrow")}))}else this._setTableCookie("lyt-default")}firstUpdated(){super.firstUpdated(),this._initTableLayout();var e=this;this.querySelector(".tablerow").addEventListener("click",e=>{e.preventDefault(),this._setTableCookie("lyt-cols-1"),this._initTableLayout()}),this.querySelector(".tablenormal").addEventListener("click",e=>{e.preventDefault(),this._setTableCookie("lyt-default"),this._initTableLayout()}),document.querySelectorAll(".tableelement_value").forEach((function(e){e.querySelectorAll(".th").length&&e.classList.add("th")})),document.querySelectorAll(".tableelement_tablecontent .row").forEach((function(t){t.querySelectorAll(".tableelement_value.th").length==e.columns&&t.classList.add("th")}))}}customElements.define("ug-bootstraptable",l);class d extends(Object(r.a)(n.a)){constructor(){super(),this.itemsPerRow=2}connectedCallback(){super.connectedCallback()}static get properties(){return{itemsPerRow:{type:String}}}render(){return this._renderImageTiles()}_renderImageTiles(){let e=this._getFromSlot("link",["imageprimary","imageprimarysrcset","imagesecondary","imagesecondarysrcset","teaser","headline","date","isevent","isnews","category"]),t="col-md-6 col-sm-12";switch(this.itemsPerRow){case"1":t="col-md-12 col-sm-12";break;case"2":t="col-lg-6 col-md-6 col-sm-12";break;case"3":t="col-lg-4 col-md-6 col-sm-12";break;case"4":t="col-lg-3 col-md-6 col-sm-12"}return n.c`
            <style>
                ug-imagecontenttiles a {
                    color: inherit !important;
                    background-image: none !important;
                }
                .imagecontenttile {
                    margin-bottom: 60px;
                }

                .imagecontenttile a:after {
                    display: none !important;
                }

                .imagecontenttile .imagecontenttile_container {
                    height: 22vw;
                    position: relative;
                    display: flex;
                    align-items: flex-end;
                    color: #fff;
                    margin-bottom: 30px;
                }

                .imagecontenttile .imagecontenttile_container .imagecontenttile_primary_image, .imagecontenttile_secondary_image {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    background-size: cover;
                    background-position: center center;
                    z-index: 1;
                }

                .imagecontenttile .imagecontenttile_container .imagecontenttile_primary_image {
                    z-index: 2;
                    animation: fadeInFull ease 0.5s;
                    -webkit-animation: fadeInFull ease 0.5s;
                    -moz-animation: fadeInFull ease 0.5s;
                    -o-animation: fadeInFull ease 0.5s;
                    -ms-animation: fadeInFull ease 0.5s;
                    animation-timing-function: ease !important;
                    -webkit-animation-timing-function: ease !important;
                    -webkit-animation-fill-mode: forwards !important;
                    animation-fill-mode: forwards !important;
                }

                .imagecontenttile .imagecontenttile_container .imagecontenttile_text {
                    padding: 22px;
                    z-index: 3;
                    position: relative;
                    background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 100%);
                }

                .imagecontenttile .imagecontenttile_container p {
                    font-size: 24px;
                    line-height: 32px;
                    font-weight: 800;
                    max-width: 80%;
                    text-transform: none;
                }

                .imagecontenttile .imagecontenttile_container h3 {
                    text-transform: uppercase;
                    font-size: 20px;
                    line-height: 26px;
                    margin-bottom: 20px;
                }


                .imagecontenttile .imagecontenttile_container.twoimages:hover .imagecontenttile_primary_image {
                    animation: fadeOutFull ease 0.5s;
                    -webkit-animation: fadeOutFull ease 0.5s;
                    -moz-animation: fadeOutFull ease 0.5s;
                    -o-animation: fadeOutFull ease 0.5s;
                    -ms-animation: fadeOutFull ease 0.5s;
                    animation-timing-function: ease !important;
                    -webkit-animation-timing-function: ease !important;
                    -webkit-animation-fill-mode: forwards !important;
                    animation-fill-mode: forwards !important;
                }

                .imagecontenttile .imagecontenttile_container.evbox {
                  background-color: #ffd500;
                }

                .imagecontenttile .imagecontenttile_container.evbox h3,
                .imagecontenttile .imagecontenttile_container.evbox p {
                  color: #000;
                }

                .imagecontenttile .imagecontenttile_container.evbox .imagecontenttile_primary_image,
                .imagecontenttile .imagecontenttile_container.evbox .imagecontenttile_secondary_image {
                  display: none;
                }

                .imagecontenttile .imagecontenttile_container.evbox .imagecontenttile_text {
                  background: none;
                }

                .imagecontenttile .bt_eventicon {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.005' height='43.004' viewBox='0 0 46.005 43.004'%3E%3Cg id='Gruppe_996' data-name='Gruppe 996' transform='translate(-394.428 -4945.428)'%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='7.501' cy='7.501' r='7.501' transform='translate(396.428 4957.929)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_16' data-name='Ellipse 16' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4947.428)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Ccircle id='Ellipse_17' data-name='Ellipse 17' cx='7.501' cy='7.501' r='7.501' transform='translate(423.431 4971.43)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_153' data-name='Linie 153' y1='5.063' x2='13.018' transform='translate(410.921 4957.648)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cline id='Linie_154' data-name='Linie 154' x2='13.582' y2='6.791' transform='translate(410.639 4968.79)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
                  width: 46px;
                  height: 43px;
                  position: absolute;
                  right: 45px;
                  top: 30px;
                }

                .imagecontenttile .imagecontenttile_container.evbox .bt_mainnews_kat {
                  color: #000;
                  margin-bottom: 27px;
                  font-size: 25px;
                }

                .imagecontenttile .imagecontenttile_container.evbox h3 {
                  font-weight: bold;
                  font-size: 30px;
                  line-height: 35px;
                }

                @keyframes fadeOutFull {
                    0% {
                      opacity:1;
                    }
                    100% {
                      opacity:0;
                    }
                  }

                  @-moz-keyframes fadeOutFull {
                    0% {
                      opacity:1;
                    }
                    100% {
                      opacity:0;
                    }
                  }

                  @-webkit-keyframes fadeOutFull {
                    0% {
                      opacity:1;
                    }
                    100% {
                      opacity:0;
                    }
                  }

                  @-o-keyframes fadeOutFull {
                    0% {
                      opacity:1;
                    }
                    100% {
                      opacity:0;
                    }
                  }

                  @-ms-keyframes fadeOutFull {
                    0% {
                      opacity:1;
                    }
                    100% {
                      opacity:0;
                    }
                  }


                  @keyframes fadeInFull {
                    0% {
                      opacity:0;
                    }
                    100% {
                      opacity:1;
                    }
                  }

                  @-moz-keyframes fadeInFull {
                    0% {
                      opacity:0;
                    }
                    100% {
                      opacity:1;
                    }
                  }

                  @-webkit-keyframes fadeInFull {
                    0% {
                      opacity:0;
                    }
                    100% {
                      opacity:1;
                    }
                  }

                  @-o-keyframes fadeInFull {
                    0% {
                      opacity:0;
                    }
                    100% {
                      opacity:1;
                    }
                  }

                  @-ms-keyframes fadeInFull {
                    0% {
                      opacity:0;
                    }
                    100% {
                      opacity:1;
                    }
                  }

                  .imagecontenttile .layout-4 .imagecontenttile_container {
                    height: 22vw;
                  }

                  .imagecontenttile .layout-2 .imagecontenttile_container {
                    height: 25vw;
                  }

                  .imagecontenttile .layout-1 .imagecontenttile_container {
                    height: 49vw;
                  }

                  @media (max-width: 1500px) {
                    .imagecontenttile .layout-4 .imagecontenttile_container p {
                        font-size: 21px;
                        line-height: 27px;
                    }
                  }

                  @media (max-width: 1349px) {
                    .imagecontenttile .layout-3 .imagecontenttile_container p {
                        font-size: 18px;
                        line-height: 23px;
                        font-weight: 600;
                    }

                    .imagecontenttile .imagecontenttile_container.evbox .bt_mainnews_kat {
                        margin-bottom: 24px;
                        font-size: 20px;
                    }

                    .imagecontenttile .imagecontenttile_container.evbox h3 {
                        font-weight: bold;
                        font-size: 24px;
                        line-height: 28px;
                    }

                    .imagecontenttile .bt_eventicon {
                        transform: scale(0.8);
                        right: 17px !important;
                    }
                  }

                  @media (max-width: 1340px) {
                    .imagecontenttile .layout-4 .imagecontenttile_container p {
                        font-size: 18px;
                        line-height: 23px;
                        font-weight: 600;
                    }
                  }

                  @media (max-width: 1200px) {
                    .imagecontenttile .imagecontenttile_container.evbox h3 {
                        font-size: 22px;
                        line-height: 27px;
                    }

                    .imagecontenttile .imagecontenttile_container.evbox .bt_mainnews_kat {
                        margin-bottom: 18px;
                    }
                  }

                  @media (max-width: 1160px) {
                    .imagecontenttile .layout-4 .imagecontenttile_container p {
                        font-size: 16px;
                        line-height: 18px;
                    }

                    .imagecontenttile .layout-4 .imagecontenttile_container h3 {
                        font-size: 17px;
                        line-height: 14px;
                    }

                    .imagecontenttile .layout-1 .imagecontenttile_container {
                        height: 62vw;
                    }
                  }

                  @media (max-width: 991px) {
                    .imagecontenttile .layout-4 .imagecontenttile_container {
                        height: 35vw;
                    }

                    .imagecontenttile .layout-3 .imagecontenttile_container {
                        height: 35vw;
                    }

                    .imagecontenttile .layout-2 .imagecontenttile_container p {
                        font-size: 21px;
                        line-height: 25px;
                    }
                  }

                  @media (max-width: 767px) {
                    .imagecontenttile .layout-4 .imagecontenttile_container,
                    .imagecontenttile .layout-3 .imagecontenttile_container,
                    .imagecontenttile .layout-2 .imagecontenttile_container.
                    .imagecontenttile .layout-1 .imagecontenttile_container {
                        height: 60vw;
                    }
                  }

                  @media (max-width: 500px) {
                    .imagecontenttile .layout-4 .imagecontenttile_container,
                    .imagecontenttile .layout-3 .imagecontenttile_container,
                    .imagecontenttile .layout-2 .imagecontenttile_container,
                    .imagecontenttile .layout-1 .imagecontenttile_container {
                        height: 70vw;
                    }
                  }

                  @media (max-width: 360px) {
                    .imagecontenttile .imagecontenttile_container p {
                        font-size: 18px;
                        line-height: 20px;
                    }

                    .imagecontenttile .layout-1 .imagecontenttile_container h3,
                    .imagecontenttile .layout-2 .imagecontenttile_container h3.
                    .imagecontenttile .layout-3 .imagecontenttile_container h3,
                    .imagecontenttile .layout-4 .imagecontenttile_container h3 {
                        font-size: 18px;
                        line-height: 23px;
                    }
                  }

            </style>
            <div class="contentelement imagecontenttile animate animate--fadeIn">
                <div class="row layout-${this.itemsPerRow}">
                    ${e.map(e=>n.c`
                        <div class="${t}">
                                <div class="imagecontenttile_container cursor_white animate animate--fadeIn ${e.imagesecondary?"twoimages":""} ${e.imageprimary?"":"noimage"} ${e.isevent?"evbox":""} link-trigger" @click=${this._followLink}>
                                    <div class="imagecontenttile_primary_image" style="background-image:url('${e.imageprimary}'); background-image: -webkit-image-set(${e.imageprimarysrcset});background-image: image-set(${e.imageprimarysrcset});"></div>
                                    ${e.imagesecondary?n.c`<div class="imagecontenttile_secondary_image" style="background-image:url('${e.imagesecondary}'); background-image: -webkit-image-set(${e.imagesecondarysrcset});background-image: image-set(${e.imagesecondarysrcset});"></div>`:""}
                                    ${e.isevent?n.c`<div class="bt_eventicon"></div>`:""}
                                  ${e.isevent||e.isnews?this._renderNewsBox(e):this._renderFreeBox(e)}
                                </div>
                        </div>
                    `)}
                </div>
            </div>
        `}_renderFreeBox(e){return n.c`
            <div class="imagecontenttile_text">
                <div class="focus">
                     <h3>
                        <a class="cursor_white" href="${e.link}" target="${e.target}" title="${null!==e.title?e.title:""}">${e.headline}</a>
                     </h3>
                      <p>${e.teaser}</p>
                </div>
            </div>
          `}_renderNewsBox(e){return n.c`
            ${e.isevent?n.c`<div class="bt_eventicon"></div>`:""}
            <div class="imagecontenttile_text">
                ${e.isevent?n.c`<div class="bt_mainnews_kat">${e.category}</div>`:""}
                <div class="focus">
                    <h3>
                        ${e.isevent?n.c`${new Date(1e3*e.date).toLocaleString("de-AT",{day:"2-digit",month:"short"})} <br> ${new Date(1e3*e.date).toLocaleString("de-AT",{hour:"numeric",minute:"numeric"})} Uhr<br>`:e.headline}
                    </h3>
                    <p><a class="cursor_white" href="${e.link}" target="${e.target}" title="${null!==e.title?e.title:""}">${e.teaser}</a></p>
                </div>
            </div>
        `}_getFromSlot(e,t){var i=this.querySelectorAll('[slot^="'+e+'"]'),n=[];return i.forEach(e=>{let i;if(t.length>0){i=new Object,"A"==e.tagName&&(i.link=e.getAttribute("href"),i.target="",null!=e.getAttribute("target")&&(i.target=e.getAttribute("target")),i.url=e.getAttribute("href"),i.title=e.getAttribute("title"),i.text=e.innerHTML);for(var r=0;r<t.length;r++){let n=e.getAttribute(t[r]);n||(n=e.getAttribute("data-"+t[r])),!n&&e.querySelector("."+t[r])&&(n=e.querySelector("."+t[r]).innerHTML),i[t[r]]=n}}n.push(i)}),n}firstUpdated(){return super.firstUpdated(),this._renderImageTiles()}_followLink(e){e.target.closest(".link-trigger").querySelector("a").click()}}customElements.define("ug-imagecontenttiles",d);class c extends(Object(r.a)(n.a)){constructor(){super()}connectedCallback(){super.connectedCallback()}render(){return this._renderAccordionItems()}_renderAccordionItems(){let e=this._getFromSlot("accordionitem",["header","text"]);return n.c`
            <style>
                .accordionbox_list .accordionbox_item {
                    border-top: 1px solid #000;
                    padding: 30px;
                    padding-left: 22px;
                    padding-right: 22px;
                    position: relative;
                }

                .accordionbox_list .accordionbox_item .accordionbox_text {
                    float: left;
                    width: 100%;
                }

                .accordionbox_list .accordionbox_item .accordionbox_headline {
                    position: relative;
                }

                .accordionbox_list .accordionbox_item h3 {
                    font-weight: bold;
                    font-size: 32px;
                    margin-bottom: 0px !important;
                    line-height: 42px !important;
                    cursor: pointer;
                    width: calc(100% - 120px);
                }

                .accordionbox_list .accordionbox_item .accordionbox_content {
                    overflow: hidden;
                    max-height: 0px;
                    transition: all 0.4s cubic-bezier(0, 1, 0, 1);
                    opacity: 0;
                }

                .accordionbox_list .accordionbox_item .accordionbox_content_wrap {
                    padding-top: 30px;
                }

                .accordionbox_list .accordionbox_item .accordionbox_arrow {
                    width: 24px;
                    height: 12px;
                    float: right;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.657' height='17.657' viewBox='0 0 29.657 17.657'%3E%3Cpath id='Pfad_15398' data-name='Pfad 15398' d='M0,0,12,12,0,24' transform='translate(26.828 2.828) rotate(90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='4'/%3E%3C/svg%3E%0A");
                    position: absolute;
                    right: 18px;
                    top: 50%;
                    margin-top: -6px;
                    cursor: pointer;
                    transition-duration: 0.4s;
                    transition-property: transform;
                }

                .accordionbox_list .accordionbox_item.active .accordionbox_arrow {
                    transform: rotate(180deg);
                }

                .accordionbox_list .accordionbox_item.active .accordionbox_text .accordionbox_content {
                      overflow: inherit;
                      max-height: 100000px;
                      transition: all 0.4s ease-in-out;
                      opacity: 1;
                }

                .accordionbox_list .accordionbox_item:last-child {
                    border-bottom: 1px solid #000;
                }
            </style>
            <div class="accordionbox_list">
                ${e.map(e=>n.c`
                    <div id="${e.id}" class="accordionbox_item animate animate--fadeIn">
                      <div class="accordionbox_text">
                              <div class="accordionbox_headline">
                                  <h3 role="button">${e.header.innerHTML}</h3>
                                  <div class="accordionbox_arrow"></div>
                              </div>
                              <div class="accordionbox_content">
                                  <div class="accordionbox_content_wrap">
                                    ${e.text}
                                  </div>
                              </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                `)}
            </div>
        `}_getFromSlot(e,t){var i=this.querySelectorAll("."+e),n=[];return i.forEach(e=>{let i;if(t.length>0){i=new Object;for(var r=0;r<t.length;r++){let n=e.getAttribute(t[r]);n||(n=e.getAttribute("data-"+t[r])),!n&&e.querySelector("."+t[r])&&(n=e.querySelector("."+t[r])),i[t[r]]=n}e.getAttribute("id")?i.id=e.getAttribute("id"):i.id="ai_"+Date.now()}n.push(i)}),n}_openAccordion(e){document.querySelectorAll(".accordionbox_item").forEach(t=>{t!=e.target.parentElement.parentElement.parentElement&&t.classList.remove("active")}),document.querySelector("body").classList.add("down"),e.target.parentElement.parentElement.parentElement.classList.contains("active")?e.target.parentElement.parentElement.parentElement.classList.remove("active"):(e.target.parentElement.parentElement.parentElement.classList.add("active"),setTimeout(()=>{e.target.parentElement.parentElement.parentElement.classList.add("active"),setTimeout(()=>{var t=0;document.querySelector("#header-breadcrumb-wrapper")&&(t+=document.querySelector("#header-breadcrumb-wrapper").offsetHeight);var i=e.target.parentElement.parentElement.parentElement.getBoundingClientRect().top+document.documentElement.scrollTop-t;window.scrollTo({top:i,behavior:"smooth"}),document.querySelector("body").classList.add("down")},600)},50))}_initAccordion(){this._openAccordion=this._openAccordion.bind(this),this.querySelectorAll(".accordionbox_headline").forEach(e=>{e.addEventListener("click",this._openAccordion,!1)})}firstUpdated(){super.firstUpdated(),this._initAccordion=this._initAccordion.bind(this),this._initAccordion()}}customElements.define("ug-accordionbox",c);class h extends(Object(r.a)(n.a)){constructor(){super()}firstUpdated(){this.statistics=this.statistics.map(e=>{let t=!1;return e.number/Math.abs(e.number)<0&&(t=!0),"true"==e.ispercentage?{...e,number:Math.abs(100*e.number).toFixed(0),isNegative:t}:{...e,number:Math.abs(e.number),isNegative:t}})}static get properties(){return{statistics:{type:Array},duration:{type:Number},theme2022:{type:String}}}static get styles(){return n.b`
        * {
            font-family: 'Nunito Sans', sans-serif;
        }
        .statistics{
            display: flex;
            background: #FFD500 ;
            justify-content: space-around;
        }
        @media (max-width: 1199.98px) {
            .statistics{
                flex-wrap: wrap;
            }
        }
        .stat-number{
            font-size: 126px;
            font-weight: 800;
        }
        @media (max-width: 767px){
            .stat-number {
                font-size: 110px;
                text-align: center;
            }
            .stat-title{
                text-align: center;
            }
            .stat {
                width:100%;
            }
        }
        .stat-title{
            font-size: 22px;
            font-weight: 800;
        }
        .stat {
            padding: 25px;
        }
        `}_getTheme2022Styles(){return this.theme2022?n.c`

            <style>
                * {
                    font-family: 'Nunito Sans', sans-serif;
                }
                ${h.styles}
                .statistics.theme-2022{
                    background: transparent !important;
                    justify-content: space-around;
                    text-align: center;
                    font-family: "nunito_extrabold" !important;
                }

                .stat-number {
                    font-size: 96px !important;
                    line-height: 100px !important;
                    font-weight: bold !important;
                    margin-bottom: 10px;
                }

                .stat-title {
                    line-height: 32px !important;
                    font-size: 24px !important;
                    font-weight: bold !important;
                }

                @media (max-width: 1299px) {
                    .stat-number {
                        font-size: 70px !important;
                        line-height: 80px !important;
                    }

                    .stat-title {
                        font-size: 18px !important;
                        line-height: 24px !important;
                    }
                }

                @media (max-width: 991px) {
                    .stat-number {
                        font-size: 50px !important;
                        line-height: 60px !important;
                    }
                }

                @media (max-width: 767px) {
                    .stat-number {
                        font-size: 70px !important;
                        line-height: 80px !important;
                    }
                }

                @media (max-width: 576px) {
                    .stat-number {
                        font-size: 50px !important;
                        line-height: 60px !important;
                    }
                }
            </style>
            `:n.c`
                <style>
                    ${h.styles}
                </style>
            `}render(){var e=this._getTheme2022Styles();return n.c`
            ${e}
            <div class="statistics ${this.theme2022?"theme-2022":""}">
                ${this.statistics.map((e,t)=>n.c`
                    <div class="stat">
                        <div class="stat-number">
                            <span class="stat-nr">${e.isNegative?"-":""}${e.number}${"true"==e.ispercentage?"%":""}
                            </span>
                        </div>
                        <div class="stat-title">
                            ${e.title}
                        </div>
                    </div>
                `)}
            </div>
        `}}customElements.define("ug-statistics",h);var p=i(28),u=i(59),m=i.n(u);class g extends(Object(r.a)(p.a)){static get properties(){return{theme:{type:String},strftimeLocales:{type:Object},strftimeLocale:{type:String},strftimeFormat:{type:String},website:{type:String},date:{type:String},translation:{type:Object},webservice:{type:String},updateInterval:{type:Number},timeout:{attribute:!1},data:{attribute:!1}}}constructor(){super(),this.willYield=!0,this.theme=null,this.strftimeLocales={"de-AT":{identifier:"de-AT",days:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],shortDays:["So","Mo","Di","Mi","Do","Fr","Sa"],months:["Jänner","Feber","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],shortMonths:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],AM:"AM",PM:"PM",am:"am",pm:"pm",formats:{c:"%a %d %b %Y %X %Z",D:"%d.%m.%Y",F:"%Y-%m-%d",R:"%H:%M",r:"%I:%M:%S %p",T:"%H:%M:%S",v:"%e-%b-%Y",X:"%T",x:"%D"}}},this.strftimeLocale="de-AT",this.strftimeFormat="%d.%m.%Y",this.website=null,this.date=null,this.translation={clear:"Sonnig","mainly-clear":"Heiter","slightly-cloudy":"Leicht bewölkt","partly-cloudy":"Wolkig",cloudy:"Bedeckt","mainly-cloudy":"Stark bewölkt",rain:"Regen",sleet:"Niederschlag",snow:"Schnee",night:"Nacht",thunderstorm:"Gewitter"},this.webservice=null,this.updateInterval=900,this.timeout=void 0,this.data={date:null,website:null,temp:null,icon:null}}connectedCallback(){super.connectedCallback(),this.updateData()}attributeChangedCallback(e,t,i){switch(super.attributeChangedCallback(e,t,i),e){case"webservice":this.updateData();break;case"updateInterval":this.scheduleUpdateData()}}scheduleUpdateData(){clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.updateData()},1e3*this.updateInterval)}updateData(){this.scheduleUpdateData(),fetch(this.webservice).then(e=>{if(!e.ok)throw new Error("invalid response");e.json().then(e=>{this.data=e})}).catch(e=>{console.error(e)})}renderDate(){let e=m.a.localize(this.strftimeLocales[this.strftimeLocale]),t=new Date(this.date?this.date:this.data.date);return isNaN(t)?null:e(this.strftimeFormat,t)}renderLabel(){return this.translation[this.data.icon]}renderIcon(){let e=null;switch(this.data.icon){case"clear":case"mainly-clear":e="wi-day-sunny";break;case"slightly-cloudy":e="wi-day-sunny-overcast";break;case"partly-cloudy":case"mainly-cloudy":e="wi-day-cloudy";break;case"cloudy":e="wi-cloudy";break;case"rain":e="wi-rain";break;case"sleet":e="wi-sleet";break;case"snow":e="wi-day-snow";break;case"night":e="wi-night-clear";break;case"thunderstorm":e="wi-day-lightning";break;default:e="wi-na"}return e?p.c`<i class="${e}" title="${this.renderLabel()}" aria-hidden="true"></i>`:null}render2018(){return p.c`
            <div class="date">
                <span id="jsonp_date">${this.renderDate()}</span><span id="jsonp_separator">, </span><span id="jsonp_temperature"><a href="${this.website?this.website:this.data.website}">Graz, ${this.data.temp} <span class="unit">°C</span> ${this.renderIcon()}<span class="sr-only">, ${this.renderLabel()}</span></a></span>
            </div>
        `}render2022(){return p.c`
            <div class="footer_weather row">
                <div class="col-lg-6 col-md-6 col-sm-8 col-8">
                    ${this.yield("content")}
                    <span id="jsonp_date">${this.renderDate()}</span><span id="jsonp_separator">,</span><br>
                    <span id="jsonp_temperature">
                        <a href="${this.website?this.website:this.data.website}">Graz, ${this.data.temp}\t<span class="unit">°C</span></a>
                    </span>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-4 col-4 bt_weathericon">
                    ${this.renderIcon()}
                </div>
            </div>
        `}render(){return p.c`
            ${"2018"===this.theme?this.render2018():""}
            ${"2022"===this.theme?this.render2022():""}
        `}}customElements.define("ug-weatherstation",g);class b extends n.a{static get properties(){return{source:{type:String},page_size:{type:String},filter_names:{type:Array},items_at:{type:String},categories_at:{type:String},hidden_labels:{type:String},item_template:{type:String},sort:{type:Array},theme:{type:String},prevtext:{type:String},nexttext:{type:String},no_result_message:{type:String}}}static get styles(){return n.b`
            :host(.pagination) {
                display: block;
            }
            .unigraz-filter{
                position: relative;
            }

            .unigraz-filter #spinner {
                margin: auto;
                display: inline-block;
                width: 40px;
                height:40px;

            }

            .unigraz-filter #spinner.hidden {
                display: none;
            }

            .pagination li {
                position: relative;
            }

            .pagination .start+.middle,
            .pagination .middle+.end,
            .pagination .start+.end,
            .pagination .middle+.current,
            .pagination .current+.middle,
            .pagination .current+.end,
            .pagination .start+.current:not(.start) {
                margin-left: 30px;
                position:relative;
            }
            .pagination .start+.middle:before,
            .pagination .middle+.end:before,
            .pagination .start+.end:before,
            .pagination .middle+.current:before,
            .pagination .current+.middle:before,
            .pagination .current+.end:before,
            .pagination .start+.current:not(.start):before {
                content:'...';
                position: absolute;
                left: -22px;
                bottom: 0;
            }



            .theme-2022 #sorting {
                font-size: 24px;
                text-decoration: none;
                cursor: pointer;
             }

             .theme-2022 #sorting ~ ul {
                list-style: none;
                display:none;
             }

             .theme-2022 #sorting ~ ul > li {

             }

             .theme-2022 #sorting ~ ul a {
                text-decoration: none;
                color: #000;
             }

             .theme-2022 #sorting ~ ul a.active {
                font-weight: bold;
             }

             .theme-2022 #sorting.open ~ ul {
                display: block;
                position: absolute;
                background-color: #ffffff;
                padding: 10px;
                margin: 0;
                width: max-content;
                right: 0px;

             }

             .theme-2022 #sorting.open .dropdown-arrow svg {
                transform: rotateX(180deg);

             }

             .theme-2022 #result-header{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
             }

            .theme-2022 .sort-wrapper {
                position: relative;
                flex-grow: 2;
                text-align: end;
            }

            .theme-2022 .page-link, .theme-2022 .page-link {
                position: relative;
                display: block;
                padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
                font-size: var(--bs-pagination-font-size);
                font-weight: var(--bs-pagination-fontweigt);
                color: var(--bs-pagination-active-color) ;
                opacity: 0.5;
                stroke: var(--bs-pagination-active-color) !important;
                text-decoration: none;
                background-color: var(--bs-pagination-bg) ;
                border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            }
            .theme-2022 .active>.page-link, .theme-2022 .page-link.active {
                z-index: 3;
                color: var(--bs-pagination-active-color) ;
                background-color: var(--bs-pagination-active-bg) ;
                border-color: var(--bs-pagination-active-border-color);
                font-weight: var(--bs-pagination-active-fontweigt);
                opacity: 1;
            }
            .theme-2022 .disabled>.page-link, .theme-2022 .page-link.disabled {
                color: var(--bs-pagination-disabled-color);
                pointer-events: none;
                background-color: var(--bs-pagination-disabled-bg);
                border-color: var(--bs-pagination-disabled-border-color);
                font-weight: var(--bs-pagination-disabled-fontweight);
            }
            .theme-2022 .page-item:first-child .page-link {
                border-top-left-radius: var(--bs-pagination-border-radius);
                border-bottom-left-radius: var(--bs-pagination-border-radius);
            }

            .theme-2022 .page-item:not(:first-child) .page-link {
                margin-left: calc(var(--bs-border-width)*-1);
            }

            .theme-2022 .page-item:last-child .page-link {
                border-top-right-radius: var(--bs-pagination-border-radius);
                border-bottom-right-radius: var(--bs-pagination-border-radius);
            }

            .theme-2022 .disabled>.page-link, .theme-2022 .page-link.disabled {
                color: var(--bs-pagination-disabled-color);
                pointer-events: none;
                background-color: var(--bs-pagination-disabled-bg);
                border-color: var(--bs-pagination-disabled-border-color);
                font-weight: var(--bs-pagination-disabled-fontweight);
            }

            .theme-2022 .page-link:hover {
                z-index: 2;
                color: var(--bs-pagination-hover-color);
                background-color: var(--bs-pagination-hover-bg);
                border-color: var(--bs-pagination-hover-border-color);
                font-weight: var(--bs-pagination-hover-fontweight);
                opacity: 1;
            }

            .theme-2022 .page-link:focus {
                z-index: 3;
                color: var(--bs-pagination-focus-color);
                background-color: var(--bs-pagination-focus-bg);
                outline: 0;
                box-shadow: var(--bs-pagination-focus-box-shadow);
                font-weight: var(--bs-pagination-focus-fontweight);
                opacity: 1;
            }

             .theme-2022 .pagination {
                display: flex;
                padding-left: 0;
                list-style: none;
                border-radius: 0;
                flex-wrap: wrap;
             }

            .theme-2018 #sorting {
                display: none;
            }
            .theme-2018 #sorting ~ ul {
                border-bottom: 7px solid #d9d9d9;
                display: flex;
                list-style: none;
                padding: 0;
                fex-direction: row;
                height: fit-content;
            }

            .theme-2018 #sorting ~ ul .sort-item {
                display:contents;
            }

            .theme-2018 #sorting ~ ul .sort-link {
                margin-bottom: -7px;
                background-color: transparent;
                border: 7px solid transparent;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                text-decoration: none;
                padding: 15px;
                color: #000;
            }

            .theme-2018 #sorting ~ ul .sort-link.active {
                color: #495057;
                background-color: #fff;
                border-color: #dee2e6 #dee2e6 #fff;
            }

            .theme-2018 .pagination {
                display: flex;
                padding-left: 0;
                list-style: none;
                border-radius: 0;
                flex-wrap: wrap;
            }

            .theme-2018 .pagination>li>a {
                background-image: linear-gradient(0deg,#fddc05,#fddc05);
                background-repeat: no-repeat;
                background-size: 0 100%;
                background-position: right 0 bottom 0;
                transition: background-size .4s ease,color .4s ease,fill .4s ease;
                position: relative;
                display: block;
                padding: .5rem .75rem;
                margin-left: -1px;
                line-height: 1.25;
                color: #000;
                background-color: transparent;
                border: 1px solid #ccc;
            }

            .theme-2018 .pagination>li>a:focus, .theme-2018 .pagination>li>a:hover, .theme-2018 .pagination>li.active>a {
                background-size: 100% 100%;
                background-position: left 0 bottom 0;
            }

        `}_styledSlots(){return"2022"==this.theme?"\n            ug-filter.pagination {\n              display: block;\n            }\n            ug-filter .sr-only {\n                display: none;\n            }\n\n            ug-filter input[type=\"text\"] {\n                width: 100% !important;\n            }\n\n            ug-filter a {\n                text-decoration: none;\n            }\n            ug-filter a:hover {\n                text-decoration: none;\n                color: inherit;\n            }\n            ug-filter button[type=\"submit\"] {\n                right: 0;\n                position: absolute !important;\n                z-index: 100 !important;\n            }\n            ug-filter .filter-dropdown .dropdown-toggle {\n                font-size: 24px;\n            }\n\n            ug-filter .filter-dropdown .dropdown .dropdown-toggle:after {\n                border: none;\n                content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.707' height='11.061' viewBox='0 0 20.707 11.061'%3E%3Cpath id='Pfad_15763' data-name='Pfad 15763' d='M-11995.066-18976.328l10,10,10-10' transform='translate(11995.42 18976.682)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E\");\n                position: relative;\n                top: 4px;\n            }\n\n            ug-filter .filter-dropdown .dropdown .active.dropdown-toggle:after {\n                transform: rotate(180deg);\n\n            }\n            ug-filter .filter-dropdown .navbar-nav {\n                display: flex;\n                flex-direction: row;\n                flex-wrap: wrap;\n            }\n\n            ug-filter .dropdown:hover .dropdown-menu {\n                display: none;\n            }\n\n            ug-filter .dropdown:hover .dropdown-menu.show {\n                display: block;\n            }\n\n            ug-filter .dropdown-menu.show{\n                display: block;\n                position: absolute !important;\n                width: max-content;\n            }\n\n            ug-filter .media {\n                border-top: 1px solid #000;\n                padding: 30px 0;\n            }\n\n            ug-filter .media:last-child {\n                border-bottom: 1px solid #000;\n            }\n\n            ug-filter h3, ug-filter h4 {\n                font-weight: bold;\n                font-size: 24px !important;\n            }\n            ug-filter .label {\n                background-color: #E8E8E8;\n                margin-right: 5px;\n                padding: 5px;\n            }\n\n            ug-filter .ug-icon svg {\n                width: 24px;\n                display: inline-block;\n            }\n\n            @media (max-width: 768px){\n                ug-filter .filter-dropdown .navbar-nav {\n                    flex-direction: column;\n                }\n            }\n            ":"\n\n                ug-filter .label {\n                    background-color: #E8E8E8;\n                    margin-right: 5px;\n                    padding: 5px;\n                }\n            "}constructor(){super(),this.data={items:[],filters:{},filtergroups:{}},this.filteredList=[],this.page=1}connectedCallback(){super.connectedCallback();const e=document.createElement("style");e.innerHTML=this._styledSlots(),this.append(e);var t,i=this.querySelectorAll("form")[0];i.addEventListener("submit",e=>{e.preventDefault(),this._startSearch()}),i.querySelectorAll(".dropdown-toggle").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault();let t=e.target.classList.contains("active");document.querySelectorAll(".dropdown-toggle").forEach(e=>{e.classList.remove("active")}),document.querySelectorAll(".dropdown-menu").forEach(e=>{e.classList.remove("show")}),t||(e.target.classList.add("active"),e.target.parentElement.querySelector(".dropdown-menu").classList.add("show"))})}),i.querySelectorAll("input").forEach(e=>{e.addEventListener("change",e=>{this._startSearch()})}),i.querySelectorAll(".reset a").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),this._resetFilter()})}),(t=this.source?this.source:i.getAttribute("action"))&&fetch(t,{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(e=>{this._addData(e)})}_collectFilterGroups(){for(const e in this.filter_names)if("fulltext"!=e){this.querySelectorAll('input[name="'+this.filter_names[e]+'"]').forEach(t=>{t.hasAttribute("data-parent")&&(this.data.filtergroups[e]||(this.data.filtergroups[e]={}),this.data.filtergroups[e][t.getAttribute("value")]=t.getAttribute("data-parent"))})}}_addData(e){if(this.items_at?this.data.items=e[this.items_at]:this.data.items=e,this.categories_at&&(this.data.categories=e[this.categories_at]),this.filteredList=this.data.items,this.sort){let e=Object.keys(this.sort.options)[0],t=this.sort.options[e].order;this._doSort(e,"asc"==t?1:-1)}let t=!1,i=!1,n=this._getCookie("Filter"),r=new URLSearchParams(window.location.search);for(o in this.filter_names)r.has(this.filter_names[o])&&(i=!0);if(n&&!i){let e=JSON.parse(n);for(var o in e)"fulltext"==o&&e[o].length>0?(this.querySelector('input[name="'+this.filter_names[o]+'"]').setAttribute("value",e[o]),t=!0):e[o].forEach(e=>{this.querySelector('input[name="'+this.filter_names[o]+'"][value="'+e+'"').setAttribute("checked","checked"),t=!0})}i&&r.forEach((e,t)=>{if(Object.values(this.filter_names).indexOf(t)>-1)if(t==this.filter_names.fulltext&&e.length>0)this.querySelector('input[name="'+t+'"]').setAttribute("value",e),i=!0;else{e.split(",").forEach(e=>{this.querySelector('input[name="'+t+'"][value="'+e+'"]').setAttribute("checked","checked"),i=!0})}}),this.getFilters(e),this._collectFilterGroups(),t||i?this._startSearch():(this._renderItems(),this.renderRoot.querySelector("#spinner").classList.add("hidden"),this.requestUpdate())}_setCookie(e,t){let i=this._generateCookieName(e);document.cookie=i+"="+t}_getCookie(e){let t=this._generateCookieName(e);if(!document.cookie)return"";let i=document.cookie.split("; ").find(e=>e.startsWith(t+"="));return i?i.split("=")[1]:""}_generateCookieName(e){return"ugFilter"+document.querySelector("body").getAttribute("id")+e}_startSearch(){this.renderRoot.querySelector("#spinner").classList.remove("hidden");const e=new FormData(this.querySelectorAll("form")[0]);var t={};if(this.filter_names){var i=0;for(var n in this.filter_names)t[n]=e.getAll(this.filter_names[n]),i+="fulltext"==n?t[n][0].length:t[n].length;this.filteredList=i>0?this.data.items.filter(e=>{let i=[];for(var n in t)if(i[n]=!1,t[n].length<1)i[n]=!0;else if("fulltext"==n){let r=JSON.stringify(e).toLowerCase(),o=!1,a=t[n][0].split(" ");for(const e in a)if(o=r.includes(a[e].toLowerCase()),!o)break;o&&(i[n]=!0)}else{let o={};for(const i of t[n])o[this.data.filtergroups[n][i]]||(o[this.data.filtergroups[n][i]]=!1),e[n].includes(parseInt(i))&&(o[this.data.filtergroups[n][i]]=!0);for(var r in i[n]=!0,o)if(0==o[r]){i[n]=!1;break}}for(var n in i)if(!1===i[n])return!1;return!0}):this.data.items,this._setCookie("Filter",JSON.stringify(t));let a=[];for(var r in t){t[r].join(",")&&a.push(this.filter_names[r]+"="+t[r].join(","))}var o=window.location.protocol+"//"+window.location.host+window.location.pathname+"?"+a.join("&");window.history.pushState({path:o},"",o),this._renderItems(),this.requestUpdate(),this.renderRoot.querySelector("#spinner").classList.add("hidden")}this.requestUpdate()}_resetFilter(){for(var e in this.filter_names)"fulltext"==e?this.querySelectorAll('input[name="'+this.filter_names[e]+'"]').forEach(e=>{e.value=""}):this.querySelectorAll('input[name="'+this.filter_names[e]+'"]').forEach(e=>{e.checked=!1});this._startSearch()}getFilters(e){if(this.categories_at)for(var t in e[this.categories_at])for(var i in this.data.filters[t]=[],e[this.categories_at][t]){let n={id:parseInt(i),title:e[this.categories_at][t][i].title};this.data.filters[t].push(n)}else if(this.filter_names)for(var t in this.filter_names)if("fulltext"!=t){this.data.filters[t]=[],this.querySelectorAll('input[name="'+this.filter_names[t]+'"]').forEach(e=>{let i={id:parseInt(e.value),title:e.parentElement.querySelector(".title").innerText};this.data.filters[t].push(i)})}}_sort(e){e.preventDefault(),this.renderRoot.querySelectorAll(".sort-link").forEach(e=>{e.classList.remove("active")}),e.target.classList.add("active");let t=e.target.getAttribute("data-sort").split("|");this._doSort(t[0],"asc"==t[1]?1:-1),this.renderRoot.getElementById("sorting").classList.toggle("open")}_doSort(e,t){this.renderRoot.querySelector("#spinner").classList.remove("hidden");let i=0;this.filteredList.sort((n,r)=>{let o=n[e],a=r[e];return e in this.data.filters&&(o=this.data.filters[e].find(t=>t.id==n[e][0]),a=this.data.filters[e].find(t=>t.id==r[e][0]),o=void 0===o?"zzz":o.title,a=void 0===a?"zzz":a.title),o.toLowerCase()<a.toLowerCase()&&(i=-1*t),o.toLowerCase()>a.toLowerCase()&&(i=1*t),i}),this.page=1,this._renderItems(),this.requestUpdate(),this.renderRoot.querySelector("#spinner").classList.add("hidden")}_turnPage(e){if(e.preventDefault(),e.target.getAttribute("data-page"))this.page=parseInt(e.target.getAttribute("data-page"));else{let t=e.target.closest("a[data-page]");this.page=parseInt(t.getAttribute("data-page"))}this._renderItems(),this.requestUpdate()}_toggleSorting(){this.shadowRoot.querySelector("#sorting").classList.toggle("open")}render(){return this.style.position="relative",n.c`
            <div class="unigraz-filter theme-${this.theme}">
                <div class="filter-list">
                    <div class="filter">
                        <slot name="form"> </slot>
                    </div>
                    <div class="result">
                        <div id="result-header">
                            <ul class="pagination">
                                ${this._renderPager("top")}
                            </ul>
                            <div class="sort-wrapper">
                                <a id="sorting" >${this.sort.title} <span class="dropdown-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="20.707" height="11.061" viewBox="0 0 20.707 11.061">
                            <path id="Pfad_15763" data-name="Pfad 15763" d="M-11995.066-18976.328l10,10,10-10" transform="translate(11995.42 18976.682)" fill="none" stroke="#000" stroke-width="1"/>
                        </svg></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    ${this._renderSorting()}
                                </ul>
                            </div>
                        </div>
                        <div id="spinner">
                            <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24"><style>.spinner_ajPY{transform-origin:center;animation:spinner_AtaB .75s infinite linear}@keyframes spinner_AtaB{100%{transform:rotate(360deg)}}</style><path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_ajPY"/></svg>
                        </div>
                        <slot name="result"> </slot>
                        <div class="result-footer">
                            <ul class="pagination">
                                ${this._renderPager("bottom")}
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
            `}_renderItems(){var e=parseInt(this.page_size)*(parseInt(this.page)-1),t=e+parseInt(this.page_size);t>this.filteredList.length&&(t=this.filteredList.length);let i=this.querySelector('div[slot="result"] > .wrapper');if(i.innerHTML="",0==this.filteredList.length&&this.no_result_message){let e=document.createElement("div");return e.innerText=this.no_result_message,void i.append(e)}if(this.item_template)var n=document.getElementById(this.item_template).content;else n=!1;for(let o=e;o<t;o++){let e=this.filteredList[o],t=document.createElement("div");if(t.classList.add("media"),n){t.append(n.cloneNode(!0));for(let i in e)switch(i){case"link":case"href":case"url":t.querySelectorAll('a[href="link"]').forEach(t=>{t.setAttribute("href",e[i])});break;default:let n=t.querySelector("."+i);n&&(n.innerText=e[i])}var r=t.querySelector(".labels");r&&this._renderCategories(e).forEach(e=>{r.innerHTML=r.innerHTML+e})}else{let i=`\n                    <a href="${e.link}">\n                        <div class="media-body">\n                            <h3>${e.title}</h3>\n\n                            <p class="bodytext">${e.teaser}</p>\n\n                            <div class="labels">\n                                ${this._renderCategories(e)}\n                            </div>                            </div>\n                    </a>\n                    <p class="sr-only"><a href="${e.link}">Weiterlesen</a></p>\n                `;t.innerHTML=i}i.append(t)}}_renderCategories(e){let t=[],i="";this.hidden_labels&&(i=this.hidden_labels.split(","));for(const n in this.data.filters)i.includes(n)||e[n].forEach(e=>{let i=this.data.filters[n].find(t=>t.id==e);i&&t.push(`<span class="label label-default">${i.title}</span>`)});return t}_renderPager(e){var t=Math.round(this.filteredList.length/this.page_size);t<1&&(t=1);var i=[];if("2022"!=this.theme&&"top"==e)return i;this.page>1&&i.push(n.c`
                    <li  part="page-item" class="page-item">
                        <a href="#" @click="${this._turnPage}" class="page-link pagerPrev" data-page="${this.page-1}"></a>
                    </li>
                `),this.page>2&&t>3&&i.push(n.c`
                    <li  part="page-item" class="page-item disabled">
                        <a href="#"  class="page-link" >...</a>
                    </li>
                `);for(let e=1;e<=t;e++){let r=!1,o="";t>3?(e>this.page-2&&e<this.page+2&&(r=!0),3==e&&this.page<e&&(r=!0)):r=!0,r&&i.push(n.c`
                        <li  part="page-item" class="page-item ${e==this.page?"active":""} ${o}">
                            <a href="#" @click="${this._turnPage}" class="page-link" data-page="${e}">${e}</a>
                        </li>
                    `)}return this.page<t-1&&t>3&&i.push(n.c`
                    <li  part="page-item" class="page-item disabled">
                        <a href="#"  class="page-link" >...</a>
                    </li>
                `),this.page<t&&i.push(n.c`
                    <li  part="page-item" class="page-item">
                        <a href="#" @click="${this._turnPage}" class="page-link pagerNext" data-page="${this.page+1}"></a>
                    </li>
                `),i}_renderPaginationNav(e,t){e.startsWith("svg:")?fetch(e.substring(4)).then(e=>e.text()).then(e=>{this.shadowRoot.querySelectorAll(t).forEach(t=>{t.innerHTML=e})}):this.shadowRoot.querySelectorAll(t).forEach(t=>{t.innerHTML=e})}_renderSorting(){let e=[];if(this.sort)for(let t in this.sort.options)e.push(n.c`
                <li class="sort-item" part="sort-item" >
                    <a class="sort-link ${t==Object.keys(this.sort.options)[0]?"active":""} "  @click="${this._sort}" href="#" data-sort="${t}|${this.sort.options[t].order}" >${this.sort.options[t].title}</a>
                </li>
                `);return e}firstUpdated(){this.shadowRoot.getElementById("sorting").addEventListener("click",e=>{this._toggleSorting()})}updated(){this._renderPaginationNav(this.prevtext,".pagerPrev"),this._renderPaginationNav(this.nexttext,".pagerNext"),this.shadowRoot.activeElement&&this.shadowRoot.activeElement.getAttribute("data-page")&&this.shadowRoot.activeElement.blur()}}customElements.define("ug-filter",b);i(50),i(51);class f extends n.a{static get properties(){return{enabled:{type:Boolean},identity:{type:String},lang:{type:String},intent:{type:String},process:{type:String}}}static get styles(){return[n.b`
                :host {
                    position: relative;
                    z-index: 999;
                }
            `]}constructor(){super()}connectedCallback(){if(super.connectedCallback(),this.enabled){const r={identityId:this.identity,intent:this.intent,proc:this.process,lang:this.lang};document.createElement("style");var e=this.closest(".animate");e&&e.classList.remove("animate");var t=document.createElement("div");t.classList.add("ug-assistant"),this.prepend(t);var i=document.createElement("link");i.rel="stylesheet",i.href="https://ask.uni-graz.at/index.css";var n=document.createElement("script");n.src="https://ask.uni-graz.at/index.js",n.onload=function(){if(!window.UGWidget)throw new Error("Failed to load UG Widget.");window.UGWidget.StartAssistant(r)},t.after(i,n)}}render(){return n.c`
            <slot></slot>
            `}}customElements.define("ug-askbot",f)}});