[{"type":"PcImage","customClasses":"","content":{"fields":{"url":"https://d3kuvf0l7ajpxo.cloudfront.net/eyJidWNrZXQiOiJjdHRtYXRzLXB1YmxpYy1jb250ZW50cyIsImtleSI6ImNtcy9pbWcvMS1jbXNfcGljLTE3NTk4MjkxNzkuanBlZyIsImVkaXRzIjpbXX0=","height":"100%","width":"100%","href":"","alt":"","eager":true,"innerClass":"d-flex justify-center d-flex align-end"},"children":[{"type":"PcWrapper","customClasses":"ct-full-height pc-same-height","content":{"fields":{"color":"","innerClass":"row ct-full-height mt-0"},"children":[{"type":"PcWrapper","customClasses":"col col-12 pc-same-height col-md-6","content":{"fields":{"color":"","innerClass":"d-flex align-center d-flex align-end fill-height"},"children":[{"type":"PcWrapper","customClasses":"","content":{"fields":{"color":"","innerClass":"pa-12"},"children":[{"type":"PcTitle","customClasses":"","content":{"fields":{"size":"div","titleClasses":"font-weight-bold text-h4 text-sm-h3","sizeCustom":{"desktop":"","mobile":""},"text":"HERZLICH WILLKOMMEN IM BIM-GYM","titleColor":"#000000FF","animatedNumbers":false}}},{"type":"PcFreeHtml","customClasses":"mt-3","content":{"fields":{"html":"

Auf der ATS BIM-Gym Lernplattform kannst du Kurse aus dem gesamten ATS Schulungsprogramm buchen und bezahlen. Viele unserer Schulungen ﬁnden als Hybrid-Kurs statt. Du kannst wählen, ob du in Präsenz (Schulungscenter Graz) oder online daran teilnimmst.

","script":""}}}]}}]}},{"type":"PcWrapper","customClasses":"col col-12 pc-same-height col-md-6 pa-0","content":{"fields":{"color":"","innerClass":"d-flex align-end d-flex ct-full-height"},"children":[{"type":"PcWrapper","customClasses":"","content":{"fields":{"color":"#FF9A09A8","innerClass":"pa-12"},"children":[{"type":"PcTitle","customClasses":"","content":{"fields":{"size":"div","titleClasses":"font-weight-bold text-h4 text-sm-h3","sizeCustom":{"desktop":"","mobile":""},"text":"JETZT KOSTENLOSES KONTO ERSTELLEN","titleColor":"#FFFFFFFF","animatedNumbers":false}}},{"type":"PcBtn","customClasses":"mt-4","content":{"fields":{"buttonClasses":"v-size--x-large","text":"Konto erstellen","url":"/de/join/seller?select=user","scrollOffset":"0","bgColor":"#FFFFFFFF","textColor":"#000000","analyticsLabel":"","elevation":"0","target":false}}}]}}]}}]}}]}},{"type":"PcWrapper","customClasses":"p-relative","content":{"fields":{"color":"#FF9A09FF","innerClass":"row align-center px-12 py-16 mt-0"},"children":[{"type":"PcWrapper","customClasses":"col col-12 col-md-3","content":{"fields":{"color":"","innerClass":""},"children":[{"type":"PcLinkWrapper","customClasses":"","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/t/alle-angebote","innerClass":""},"children":[{"type":"PcImage","customClasses":"","content":{"fields":{"url":"https://d3kuvf0l7ajpxo.cloudfront.net/eyJidWNrZXQiOiJjdHRtYXRzLXB1YmxpYy1jb250ZW50cyIsImtleSI6ImNtcy9pbWcvMS1jbXNfcGljLTE3NTk4MzIzNjUuanBlZyIsImVkaXRzIjpbXX0=","height":"100%","width":"100%","href":"","alt":"","eager":true,"innerClass":"d-flex align-center d-flex justify-center","gradient":"","contain":true},"children":[{"type":"PcLinkWrapper","customClasses":"container","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/t/alle-angebote","innerClass":"d-flex align-start"},"children":[{"type":"PcTitle","customClasses":"text-center","content":{"fields":{"size":"div","text":"Alle Kurse im Überblick","titleColor":"#FFFFFFFF","titleClasses":"font-weight-bold text-h6 text-md-h5"}}}]}}]}}]}}]}},{"type":"PcWrapper","customClasses":"col col-12 col-md-3","content":{"fields":{"color":"","innerClass":""},"children":[{"type":"PcLinkWrapper","customClasses":"","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/t/membership","innerClass":""},"children":[{"type":"PcImage","customClasses":"","content":{"fields":{"url":"https://d3kuvf0l7ajpxo.cloudfront.net/eyJidWNrZXQiOiJjdHRtYXRzLXB1YmxpYy1jb250ZW50cyIsImtleSI6ImNtcy9pbWcvMS1jbXNfcGljLTE3NTk4MzIzNDYuanBlZyIsImVkaXRzIjpbXX0=","height":"100%","width":"100%","href":"","alt":"","eager":true,"innerClass":"d-flex align-center d-flex justify-center"},"children":[{"type":"PcLinkWrapper","customClasses":"container","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/t/membership","innerClass":"d-flex align-start"},"children":[{"type":"PcTitle","customClasses":"text-center","content":{"fields":{"size":"div","text":"Sparen mit der BIM-GYM Membership","titleColor":"#FFFFFFFF","titleClasses":"font-weight-bold text-h6 text-md-h5"}}}]}}]}}]}}]}},{"type":"PcWrapper","customClasses":"col col-12 col-md-3","content":{"fields":{"color":"","innerClass":""},"children":[{"type":"PcLinkWrapper","customClasses":"","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/t/pcert-","innerClass":""},"children":[{"type":"PcImage","customClasses":"","content":{"fields":{"url":"https://d3kuvf0l7ajpxo.cloudfront.net/eyJidWNrZXQiOiJjdHRtYXRzLXB1YmxpYy1jb250ZW50cyIsImtleSI6ImNtcy9pbWcvMS1jbXNfcGljLTE3NTk4MzIzODUuanBlZyIsImVkaXRzIjpbXX0=","height":"100%","width":"100%","href":"","alt":"","eager":true,"innerClass":"d-flex align-center d-flex justify-center"},"children":[{"type":"PcLinkWrapper","customClasses":"container","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/t/pcert-","innerClass":"d-flex align-start"},"children":[{"type":"PcTitle","customClasses":"text-center","content":{"fields":{"size":"div","text":"BIM Ausbildung","titleColor":"#FFFFFFFF","titleClasses":"font-weight-bold text-h6 text-md-h5"}}}]}}]}}]}}]}},{"type":"PcWrapper","customClasses":"col col-12 col-md-3","content":{"fields":{"color":"","innerClass":""},"children":[{"type":"PcLinkWrapper","customClasses":"","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/e/130?external=2","innerClass":""},"children":[{"type":"PcImage","customClasses":"","content":{"fields":{"url":"https://d3kuvf0l7ajpxo.cloudfront.net/eyJidWNrZXQiOiJjdHRtYXRzLXB1YmxpYy1jb250ZW50cyIsImtleSI6ImNtcy9pbWcvMS1jbXNfcGljLTE3NTk4MzI0MTQuanBlZyIsImVkaXRzIjpbXX0=","height":"100%","width":"100%","href":"","alt":"","eager":true,"innerClass":"d-flex align-center d-flex justify-center"},"children":[{"type":"PcLinkWrapper","customClasses":"container","content":{"fields":{"href":"https://bim-gym.team-ats.at/de/e/130?external=2","innerClass":"d-flex align-start"},"children":[{"type":"PcTitle","customClasses":"text-center","content":{"fields":{"size":"div","text":"Förderungen","titleColor":"#FFFFFFFF","titleClasses":"font-weight-bold text-h6 text-md-h5"}}}]}}]}}]}}]}}]}},{"type":"PcWrapper","customClasses":"","content":{"fields":{"color":"","innerClass":"row align-center"},"children":[{"type":"PcWrapper","customClasses":"col col-12 col-md-8","content":{"fields":{"color":"","innerClass":""},"children":[{"type":"PcImage","customClasses":"","content":{"fields":{"url":"https://d3kuvf0l7ajpxo.cloudfront.net/eyJidWNrZXQiOiJjdHRtYXRzLXB1YmxpYy1jb250ZW50cyIsImtleSI6ImNtcy9pbWcvMS1jbXNfcGljLTE3MjY3NjEyNzAuanBlZyIsImVkaXRzIjpbXX0=","height":"100%","width":"100%","href":"","alt":"AUF UNSERER DIGITALEN LERNWELT, DEM BIM-GYM","eager":true,"innerClass":"d-flex align-center d-flex justify-center ct-full-view-height","gradient":"rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)"},"children":[{"type":"PcWrapper","customClasses":"pa-12","content":{"fields":{"color":"","innerClass":"d-flex align-center col flex-column d-flex justify-center"},"children":[{"type":"PcFreeHtml","customClasses":"my-12","content":{"fields":{"html":"

ANMELDEN

","script":""}}},{"type":"PcLogin","customClasses":"","content":{"fields":{"btnClasses":"v-size--x-large","btnBgColor":"#FF9A09FF","btnLabel":"Anmelden","btnTextColor":"#000000"}}}]}}]}}]}},{"type":"PcWrapper","customClasses":"col col-12 col-md-4","content":{"fields":{"color":"","innerClass":"pa-6"},"children":[{"type":"PcTitle","customClasses":"","content":{"fields":{"size":"div","titleClasses":"font-weight-bold text-h4 text-sm-h3","sizeCustom":{"desktop":"","mobile":""},"text":"FREEBIES","titleColor":"#000000","animatedNumbers":false}}},{"type":"PcFreeHtml","customClasses":"mt-12","content":{"fields":{"html":"

Erstelle ein kostenloses Konto und komme in den Genuss unserer Freebies!

","script":""}}},{"type":"PcBtn","customClasses":"mt-6","content":{"fields":{"buttonClasses":"v-size--x-large v-btn--outlined pc-btn-outline","text":"Konto erstellen","url":"/de/join/seller?select=user","scrollOffset":"0","bgColor":"#FF9A09FF","textColor":"#000000","analyticsLabel":"","elevation":"0","target":false}}}]}}]}},{"type":"PcWrapper","customClasses":"","content":{"fields":{"color":"#FFFFFFFF","innerClass":"pa-12 py-16"},"children":[{"type":"PcTitle","customClasses":"ps-14 mt-6","content":{"fields":{"size":"div","titleClasses":"font-weight-bold text-h4 text-sm-h3","sizeCustom":{"desktop":"","mobile":""},"text":"UNSERE NÄCHSTEN KURSE IM ÜBERBLICK","titleColor":"#000000","animatedNumbers":false}}},{"type":"PcFreeHtml","customClasses":"mt-3","content":{"fields":{"html":"\n","script":"function guidGenerator () {\n /**\n * @return {string}\n */\n const S4 = function () {\n return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)\n }\n return (S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4())\n}\n\n// eslint-disable-next-line no-unused-vars\nclass CtWidget {\n constructor (configuration = {}) {\n // Merge with default configuration\n configuration = Object.assign({\n baseUri: 'https://www.courseticket.com',\n lang: 'en',\n primary: '#28aae2',\n success: '#4CAF50'\n }, configuration)\n // Set configuration values on instance\n Object.keys(configuration).forEach((configKey) => {\n this[configKey] = configuration[configKey]\n })\n }\n}\n\nclass CtHTMLElement extends HTMLElement {\n constructor (endpoint = '') {\n super()\n\n this.iframe = undefined\n this.elementId = guidGenerator()\n if (window.ctWidget) {\n if (window.ctWidget instanceof CtWidget) {\n this.widgetConfiguration = window.ctWidget\n } else {\n this.widgetConfiguration = new CtWidget(window.ctWidget)\n }\n } else {\n // eslint-disable-next-line no-console\n console.error('ctWidget configuration was not defined before loading widget code')\n this.widgetConfiguration = new CtWidget()\n }\n window.addEventListener('message', (event) => {\n try {\n const data = JSON.parse(event.data)\n if (data.elementId === this.elementId && data.height) {\n this.resizeIframe(data.height)\n }\n if (data.elementId === this.elementId && data.hideLoader === true) {\n this.hideLoader()\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn(e, event)\n }\n }, false)\n\n // Create a shadow root\n const shadow = this.attachShadow({ mode: 'closed' })\n\n // Create base styling\n this.styleElement = document.createElement('style')\n this.styleElement.appendChild(document.createTextNode(`\n .loader {\n display: flex;\n flex-direction: row;\n }\n .lds-ring {\n margin: 2rem auto;\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n }\n .lds-ring div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 8px solid #fff;\n border-radius: 50%;\n animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: ${this.widgetConfiguration.primary} transparent transparent transparent;\n }\n .lds-ring div:nth-child(1) {\n animation-delay: -0.45s;\n }\n .lds-ring div:nth-child(2) {\n animation-delay: -0.3s;\n }\n .lds-ring div:nth-child(3) {\n animation-delay: -0.15s;\n }\n @keyframes lds-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n `))\n shadow.appendChild(this.styleElement)\n\n this.loader = document.createElement('div')\n this.loader.setAttribute('class', 'loader')\n this.loader.innerHTML = `

`\n shadow.appendChild(this.loader)\n\n // Create iframe\n this.iframe = document.createElement('iframe')\n this.iframe.setAttribute('id', `courseticket-widget-${this.elementId}`)\n this.iframe.setAttribute('height', 0)\n this.iframe.setAttribute('width', '100%')\n this.iframe.setAttribute('frameborder', 0)\n this.iframe.setAttribute('allowtransparency', true)\n this.iframe.setAttribute('scrolling', 'no')\n\n shadow.appendChild(this.iframe)\n\n this.url = new URL(`${this.widgetConfiguration.lang}/widget/${endpoint}`, this.widgetConfiguration.baseUri)\n this.urlParams = this.url.searchParams\n this.urlParams.set('widget', '1')\n this.urlParams.set('elementId', this.elementId)\n this.appendUrlParam('primary', this.widgetConfiguration.primary)\n this.appendUrlParam('success', this.widgetConfiguration.success)\n }\n\n resizeIframe (height) {\n this.iframe.setAttribute('height', height)\n if (height > 0) {\n this.hideLoader()\n }\n }\n\n appendUrlParam (key, value) {\n if (value === true) {\n this.urlParams.set(key, '1')\n } else if (value) {\n this.urlParams.set(key, value)\n }\n }\n\n hideLoader () {\n this.loader.style.display = 'none'\n }\n}\n\nclass CtEventCalendar extends CtHTMLElement {\n // eslint-disable-next-line no-useless-constructor\n constructor () {\n // Always call super first in constructor\n super('events/calendar')\n }\n\n connectedCallback () {\n this.iframe.setAttribute('src', this.iframeSrc)\n }\n\n get iframeSrc () {\n if (this.eventId) {\n this.appendUrlParam('eventId', this.eventId)\n } else if (this.sellerId) {\n this.appendUrlParam('sellerId', this.sellerId)\n }\n this.appendUrlParam('showRemainingPlaces', this.showRemainingPlaces)\n this.appendUrlParam('referer', this.referer)\n this.appendUrlParam('track', this.track)\n return this.url\n }\n\n get eventId () {\n return this.getAttribute('event-id')\n }\n\n get sellerId () {\n return this.getAttribute('seller-id')\n }\n\n get showRemainingPlaces () {\n return this.hasAttribute('show-remaining-places')\n }\n\n get referer () {\n return this.getAttribute('referer')\n }\n\n get track () {\n return this.getAttribute('track')\n }\n}\n\nclass CtEventList extends CtHTMLElement {\n // eslint-disable-next-line no-useless-constructor\n constructor () {\n // Always call super first in constructor\n super('events/list')\n }\n\n connectedCallback () {\n this.iframe.setAttribute('src', this.iframeSrc)\n }\n\n get iframeSrc () {\n if (this.tag) {\n this.appendUrlParam('tag', this.tag)\n } else if (this.eventId) {\n this.appendUrlParam('eventId', this.eventId)\n } else if (this.sellerId) {\n this.appendUrlParam('sellerId', this.sellerId)\n }\n this.appendUrlParam('hideFilters', this.hideFilters)\n this.appendUrlParam('perPage', this.perPageLimit)\n this.appendUrlParam('sortBy', this.sortBy)\n this.appendUrlParam('showIconCard', this.showIconCard)\n this.appendUrlParam('showProviderName', this.showProviderName)\n this.appendUrlParam('isActiveCart', this.isActiveCart)\n this.appendUrlParam('referer', this.referer)\n this.appendUrlParam('track', this.track)\n this.appendUrlParam('gradeGte', this.gradeGte)\n this.appendUrlParam('gradeLte', this.gradeLte)\n this.appendUrlParam('language', this.language)\n\n return this.url\n }\n\n get eventId () {\n return this.getAttribute('event-id')\n }\n\n get gradeGte () {\n return this.getAttribute('grade-gte')\n }\n\n get gradeLte () {\n return this.getAttribute('grade-lte')\n }\n\n get hideFilters () {\n return this.getAttribute('hide-filters')\n }\n\n get language () {\n return this.getAttribute('language')\n }\n\n get perPageLimit () {\n return this.getAttribute('per-page-limit')\n }\n\n get sellerId () {\n return this.getAttribute('seller-id')\n }\n\n get sortBy () {\n return this.getAttribute('sort-by')\n }\n\n get showIconCard () {\n return this.hasAttribute('show-icon-card')\n }\n\n get showProviderName () {\n return this.hasAttribute('show-provider-name')\n }\n\n get isActiveCart () {\n return this.hasAttribute('is-active-cart')\n }\n\n get referer () {\n return this.getAttribute('referer')\n }\n\n get tag () {\n return this.getAttribute('tag')\n }\n\n get track () {\n return this.getAttribute('track')\n }\n}\n\nclass CtEventDetail extends CtHTMLElement {\n // eslint-disable-next-line no-useless-constructor\n constructor () {\n // Always call super first in constructor\n super('events/detail')\n }\n\n connectedCallback () {\n this.iframe.setAttribute('src', this.iframeSrc)\n }\n\n getBoolAttrDefaultTrue (name) {\n const val = this.getAttribute(name)\n return !(val === 'false' || val === '0' || val === 'no')\n }\n\n get iframeSrc () {\n if (this.eventId) {\n this.appendUrlParam('eventId', this.eventId)\n this.appendUrlParam('showTitle', this.showTitle)\n this.appendUrlParam('showKpi', this.showKpi)\n this.appendUrlParam('showCoursesBox', this.showCoursesBox)\n this.appendUrlParam('showRating', this.showRating)\n // this.appendUrlParam('showModules', this.showModules)\n this.appendUrlParam('showAvailability', this.showAvailability)\n this.appendUrlParam('referer', this.referer)\n this.appendUrlParam('track', this.track)\n this.appendUrlParam('showTrainer', this.showTrainer)\n this.appendUrlParam('showDescription', this.showDescription)\n this.appendUrlParam('private', this.private)\n this.appendUrlParam('btnLabel', this.btnLabel)\n this.appendUrlParam('dontOpenCheckout', this.dontOpenCheckout)\n\n return this.url\n }\n }\n\n\n get dontOpenCheckout () {\n return this.hasAttribute('dont-open-checkout')\n }\n\n get eventId () {\n return this.getAttribute('event-id')\n }\n\n get referer () {\n return this.getAttribute('referer')\n }\n\n get showTitle () {\n return this.getBoolAttrDefaultTrue('show-title')\n }\n\n get showKpi () {\n return this.getBoolAttrDefaultTrue('show-kpi')\n }\n\n get showCoursesBox () {\n return this.getBoolAttrDefaultTrue('show-courses-box')\n }\n\n get showRating () {\n return this.hasAttribute('show-rating')\n }\n\n // get showModules () {\n // return this.hasAttribute('show-modules')\n // }\n\n get showAvailability () {\n return this.getBoolAttrDefaultTrue('show-availability')\n }\n\n get showTrainer () {\n return this.getBoolAttrDefaultTrue('show-trainer')\n }\n\n get showDescription () {\n return this.getBoolAttrDefaultTrue('show-description')\n }\n\n get track () {\n return this.getAttribute('track')\n }\n\n get btnLabel () {\n return this.hasAttribute('btn-label') ? this.getAttribute('btn-label') : false\n }\n\n get private () {\n return this.hasAttribute('private') ? this.getAttribute('private') : false\n }\n}\n\nconst interval = setInterval(() => {\n if (window.ctWidget) {\n window.customElements.define('courseticket-event-detail', CtEventDetail)\n window.customElements.define('courseticket-event-list', CtEventList)\n window.customElements.define('courseticket-event-calendar', CtEventCalendar)\n clearInterval(interval)\n }\n}, 300)\nsetTimeout(() => {\n window.ctWidget = {}\n}, 9000)\n\n\nwindow.ctWidget = {\"baseUri\":\"https://bim-gym.team-ats.at\",\"primary\":\"#06578C\",\"success\":\"#4CAF50\",\"lang\":\"de\"}"}}}]}}]

Grundlagen