{"id":41369,"date":"2026-04-28T11:48:17","date_gmt":"2026-04-28T08:48:17","guid":{"rendered":"https:\/\/specservis.com.ua\/karriere\/"},"modified":"2026-07-06T13:08:32","modified_gmt":"2026-07-06T10:08:32","slug":"karriere","status":"publish","type":"page","link":"https:\/\/specservis.com.ua\/de\/karriere\/","title":{"rendered":"Karriere"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41369\" class=\"elementor elementor-41369 elementor-40781\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6410f1 e-con-full e-flex e-con e-parent\" data-id=\"e6410f1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5fe8ad5 e-flex e-con-boxed e-con e-child\" data-id=\"5fe8ad5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-94a0221 e-con-full e-flex e-con e-child\" data-id=\"94a0221\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e40a0a elementor-widget elementor-widget-html\" data-id=\"8e40a0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\"><div id=\"ssHeroText\"><style>#ssHeroText {\n  font-family: 'Montserrat', sans-serif;\n  width: 100%;\n}\n#ssHeroText *, #ssHeroText *::before, #ssHeroText *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u2500\u2500 \u0411\u0440\u043e\u043d\u044e\u0432\u0430\u043d\u043d\u044f tag \u2014 \u043e\u0434\u043d\u0430 \u0442\u043e\u043d\u043a\u0430 \u043c\u0456\u0442\u043a\u0430 \u043d\u0430\u0434 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u2500\u2500 *\/\n#ssHeroText .ht-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  margin-bottom: 20px;\n  opacity: .85;\n}\n#ssHeroText .ht-tag-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #4ade80;\n  box-shadow: 0 0 8px rgba(74,222,128,.8);\n  animation: ssPulse 2s ease-in-out infinite;\n  flex-shrink: 0;\n}\n@keyframes ssPulse {\n  0%,100% { opacity:1; transform:scale(1); }\n  50%      { opacity:.5; transform:scale(1.5); }\n}\n#ssHeroText .ht-tag-label {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  color: rgba(255,255,255,.75);\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n\/* \u2500\u2500 Heading \u2014 \u0442\u043e\u0447\u043d\u043e \u044f\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u2500\u2500 *\/\n#ssHeroText .ht-h1 {\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(36px, 5.5vw, 72px);\n  font-weight: 600;\n  line-height: 1.08;\n  color: #fff;\n  letter-spacing: -1px;\n  margin-bottom: 28px;\n}\n\/* \u043f\u0456\u0434\u043a\u0440\u0435\u0441\u043b\u0435\u043d\u0438\u0439 \u0430\u043a\u0446\u0435\u043d\u0442-\u0441\u043b\u043e\u0432\u043e *\/\n#ssHeroText .ht-h1 em {\n  font-style: normal;\n  position: relative;\n  display: inline;\n  white-space: nowrap;\n}\n#ssHeroText .ht-h1 em::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 2px;\n  width: 100%;\n  height: 3px;\n  background: #D02832;\n  border-radius: 2px;\n  transform: scaleX(0);\n  transform-origin: left;\n  animation: ssLine 1s cubic-bezier(.22,1,.36,1) .6s forwards;\n}\n@keyframes ssLine { to { transform: scaleX(1); } }\n\n\/* \u2500\u2500 Body text \u2014 \u044f\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u2500\u2500 *\/\n#ssHeroText .ht-body {\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(15px, 1.5vw, 18px);\n  font-weight: 500;\n  line-height: 1.65;\n  color: rgba(255,255,255,.8);\n  max-width: 580px;\n  margin-bottom: 40px;\n}\n\n\/* \u2500\u2500 \u041a\u043d\u043e\u043f\u043a\u0438 \u2014 \u0442\u043e\u0447\u043d\u043e \u044f\u043a \"All vacancies\" \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 \u2500\u2500 *\/\n#ssHeroText .ht-btns {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 16px;\n}\n\n\/* \u0411\u0456\u043b\u0430 \u043a\u043d\u043e\u043f\u043a\u0430 \u2014 primary, \u044f\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0456 *\/\n#ssHeroText .ht-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0;\n  padding: 15px 36px;\n  border-radius: 50px;\n  background: #fff;\n  color: #29264B;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  border: none;\n  cursor: pointer;\n  text-decoration: none;\n  transition: transform .22s ease, box-shadow .22s ease;\n  box-shadow: 0 4px 20px rgba(0,0,0,.2);\n  white-space: nowrap;\n}\n#ssHeroText .ht-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 32px rgba(0,0,0,.3);\n}\n\n\/* \u0414\u0440\u0443\u0433\u043e\u0440\u044f\u0434\u043d\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f *\/\n#ssHeroText .ht-btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(255,255,255,.7);\n  text-decoration: none;\n  border-bottom: 1px solid rgba(255,255,255,.3);\n  padding-bottom: 2px;\n  transition: color .2s, border-color .2s;\n  white-space: nowrap;\n  cursor: pointer;\n}\n#ssHeroText .ht-btn-ghost:hover {\n  color: #fff;\n  border-color: rgba(255,255,255,.7);\n}\n\n\/* \u2500\u2500 \u0411\u0440\u043e\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u0440\u044f\u0434\u043e\u043a \u043f\u0456\u0434 \u043a\u043d\u043e\u043f\u043a\u043e\u044e \u2500\u2500 *\/\n#ssHeroText .ht-shield {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 28px;\n}\n#ssHeroText .ht-shield svg {\n  width: 16px;\n  height: 16px;\n  color: rgba(255,255,255,.5);\n  flex-shrink: 0;\n}\n#ssHeroText .ht-shield span {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  color: rgba(255,255,255,.5);\n  letter-spacing: .3px;\n}\n#ssHeroText .ht-shield strong {\n  color: rgba(255,255,255,.75);\n  font-weight: 700;\n}\n\n@media (max-width: 540px) {\n  #ssHeroText .ht-btn-primary { width: 100%; justify-content: center; }\n  #ssHeroText .ht-body { max-width: 100%; }\n}\n<\/style><!-- \u0413\u043e\u043b\u043e\u0432\u043d\u0438\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a --><h1 class=\"ht-h1\">Eine Karriere<br\/>die <em>Sie sch\u00fctzt<\/em><\/h1><!-- \u041f\u0456\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a --><p class=\"ht-body\">SpecServis realisiert gro\u00dfangelegte staatliche Projekte in der Ukraine.\n  Werden Sie Teil des Teams \u2014 und erhalten Sie einen offiziellen\n  <strong style=\"color:#fff;\">Aufschub vom Wehrdienst<\/strong>,\n  ein stabiles Gehalt und einen echten Beitrag zum Wiederaufbau des Landes.\n<\/p><!-- \u041a\u043d\u043e\u043f\u043a\u0438 --><div class=\"ht-btns\"><a class=\"ht-btn-primary\" href=\"#resume-form\">Alle Stellenangebote\n  <\/a><a class=\"ht-btn-ghost\" href=\"#resume-form\">Lebenslauf senden\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a><\/div><!-- \u041f\u0456\u0434\u043f\u0438\u0441 \u0431\u0440\u043e\u043d\u044e\u0432\u0430\u043d\u043d\u044f --><div class=\"ht-shield\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><span>Offizieller Aufschub vom Wehrdienst f\u00fcr alle Vollzeitmitarbeiter \u2014 <strong>gesetzlich garantiert<\/strong><\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d108c6 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"6d108c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54d3875 e-con-full e-flex e-con e-parent\" data-id=\"54d3875\" data-element_type=\"container\" data-e-type=\"container\" id=\"form\">\n\t\t<div class=\"elementor-element elementor-element-ebe0dc4 e-con-full e-flex e-con e-child\" data-id=\"ebe0dc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-48f35c1 e-grid e-con-full e-con e-child\" data-id=\"48f35c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2331df6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2331df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\">\n\n<div id=\"ssForm\">\n<style>\n\n#ssForm {\n  font-family: 'Montserrat', sans-serif;\n  width: 100%;\n  color: #29264B;\n}\n#ssForm *, #ssForm *::before, #ssForm *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u2500\u2500 Outer wrapper \u2500\u2500 *\/\n#ssForm .sf-outer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  min-height: 560px;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow:\n    0 32px 80px rgba(41,38,75,.18),\n    0 0 0 1px rgba(41,38,75,.08);\n  max-width: 960px;\n  margin: 0 auto;\n}\n@media (max-width: 760px) {\n  #ssForm .sf-outer { grid-template-columns: 1fr; }\n  #ssForm .sf-left  { display: none; }\n  #ssForm .sf-field input { font-size: 16px; }\n}\n\n\/* \u2500\u2500 Left panel \u2014 motivational \u2500\u2500 *\/\n#ssForm .sf-left {\n  background: #252A83;\n  padding: 52px 44px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n  overflow: hidden;\n}\n\/* decorative circles *\/\n#ssForm .sf-left::before {\n  content: '';\n  position: absolute;\n  width: 320px; height: 320px;\n  border-radius: 50%;\n  border: 60px solid rgba(255,255,255,.04);\n  top: -80px; left: -80px;\n  pointer-events: none;\n}\n#ssForm .sf-left::after {\n  content: '';\n  position: absolute;\n  width: 200px; height: 200px;\n  border-radius: 50%;\n  border: 40px solid rgba(37,42,131,.1);\n  bottom: 60px; right: -40px;\n  pointer-events: none;\n}\n\n#ssForm .sf-left-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(208,40,50,.2);\n  border: 1px solid rgba(208,40,50,.4);\n  border-radius: 50px;\n  padding: 6px 14px;\n  width: fit-content;\n  margin-bottom: 32px;\n}\n#ssForm .sf-left-badge svg {\n  width: 14px; height: 14px;\n  color: #ff8080;\n}\n#ssForm .sf-left-badge span {\n  font-size: 11px;\n  font-weight: 700;\n  color: #ff8080;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n#ssForm .sf-left h2 {\n  font-size: clamp(22px, 2.5vw, 30px);\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.2;\n  margin-bottom: 16px;\n  position: relative;\n  z-index: 1;\n}\n#ssForm .sf-left h2 em {\n  font-style: normal;\n  color: #D02832;\n}\n\n#ssForm .sf-left p {\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(255,255,255,.65);\n  line-height: 1.65;\n  margin-bottom: 36px;\n  position: relative;\n  z-index: 1;\n}\n\n\/* perks list *\/\n#ssForm .sf-perks {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  position: relative;\n  z-index: 1;\n}\n#ssForm .sf-perks li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 13px;\n  font-weight: 600;\n  color: rgba(255,255,255,.85);\n}\n#ssForm .sf-perks li .sf-perk-icon {\n  width: 32px; height: 32px;\n  border-radius: 10px;\n  background: rgba(255,255,255,.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n#ssForm .sf-perks li .sf-perk-icon svg {\n  width: 16px; height: 16px;\n  color: #fff;\n}\n\n\/* social proof *\/\n#ssForm .sf-proof {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 36px;\n  padding-top: 28px;\n  border-top: 1px solid rgba(255,255,255,.1);\n  position: relative;\n  z-index: 1;\n}\n#ssForm .sf-proof-avatars {\n  display: flex;\n}\n#ssForm .sf-proof-avatars span {\n  width: 32px; height: 32px;\n  border-radius: 50%;\n  border: 2px solid #29264B;\n  background: #252A83;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 700;\n  color: #fff;\n  margin-left: -8px;\n}\n#ssForm .sf-proof-avatars span:first-child { margin-left: 0; }\n#ssForm .sf-proof-avatars span:nth-child(2) { background: #333681; }\n#ssForm .sf-proof-avatars span:nth-child(3) { background: #D02832; }\n#ssForm .sf-proof-text {\n  font-size: 12px;\n  color: rgba(255,255,255,.6);\n  font-weight: 500;\n  line-height: 1.4;\n}\n#ssForm .sf-proof-text strong {\n  color: #fff;\n  display: block;\n  font-weight: 700;\n  font-size: 13px;\n}\n\n\/* \u2500\u2500 Right panel \u2014 form \u2500\u2500 *\/\n#ssForm .sf-right {\n  background: #fff;\n  padding: 52px 44px;\n  display: flex;\n  flex-direction: column;\n}\n@media (max-width: 760px) {\n  #ssForm .sf-right { padding: 36px 24px; }\n}\n\n#ssForm .sf-right-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: #29264B;\n  margin-bottom: 6px;\n}\n#ssForm .sf-right-sub {\n  font-size: 13px;\n  font-weight: 500;\n  color: #888;\n  margin-bottom: 32px;\n}\n\n\/* floating label field *\/\n#ssForm .sf-field {\n  position: relative;\n  margin-bottom: 20px;\n}\n#ssForm .sf-field label {\n  position: absolute;\n  top: 50%;\n  left: 18px;\n  transform: translateY(-50%);\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: #aaa;\n  pointer-events: none;\n  transition: all .2s ease;\n  background: #fff;\n  padding: 0 4px;\n  line-height: 1;\n}\n#ssForm .sf-field input:focus ~ label,\n#ssForm .sf-field input:not(:placeholder-shown) ~ label {\n  top: 0;\n  font-size: 11px;\n  color: #252A83;\n  font-weight: 700;\n}\n#ssForm .sf-field input {\n  width: 100%;\n  padding: 16px 18px;\n  border: 1.5px solid #E0E8F4;\n  border-radius: 12px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: #29264B;\n  background: #fff;\n  outline: none;\n  transition: border-color .2s ease, box-shadow .2s ease;\n  appearance: none;\n}\n#ssForm .sf-field input::placeholder { color: transparent; }\n#ssForm .sf-field input:focus {\n  border-color: #252A83;\n  box-shadow: 0 0 0 4px rgba(37,42,131,.12);\n}\n#ssForm .sf-field input:focus + .sf-field-icon svg,\n#ssForm .sf-field input:not(:placeholder-shown) + .sf-field-icon svg {\n  color: #252A83;\n}\n#ssForm .sf-field-icon {\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n#ssForm .sf-field-icon svg {\n  width: 16px; height: 16px;\n  color: #ccc;\n  transition: color .2s;\n}\n\n\/* \u2500\u2500 File drop zone \u2500\u2500 *\/\n#ssForm .sf-drop {\n  position: relative;\n  border: 2px dashed #D0DFEF;\n  border-radius: 12px;\n  padding: 24px 20px;\n  text-align: center;\n  cursor: pointer;\n  transition: border-color .2s, background .2s;\n  margin-bottom: 24px;\n  background: #F8FBFF;\n}\n#ssForm .sf-drop:hover,\n#ssForm .sf-drop.drag-over {\n  border-color: #252A83;\n  background: #EEF4FB;\n}\n#ssForm .sf-drop input[type=\"file\"] {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n}\n#ssForm .sf-drop-icon {\n  width: 40px; height: 40px;\n  border-radius: 12px;\n  background: #EEF4FB;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 10px;\n  transition: background .2s;\n}\n#ssForm .sf-drop:hover .sf-drop-icon { background: #D8EAF8; }\n#ssForm .sf-drop-icon svg {\n  width: 20px; height: 20px;\n  color: #252A83;\n}\n#ssForm .sf-drop-title {\n  font-size: 13px;\n  font-weight: 700;\n  color: #29264B;\n  margin-bottom: 4px;\n}\n#ssForm .sf-drop-sub {\n  font-size: 11px;\n  font-weight: 500;\n  color: #aaa;\n}\n#ssForm .sf-drop-file {\n  display: none;\n  font-size: 12px;\n  font-weight: 700;\n  color: #252A83;\n  margin-top: 8px;\n}\n\n\/* \u2500\u2500 Submit button \u2500\u2500 *\/\n#ssForm .sf-submit {\n  width: 100%;\n  padding: 17px 24px;\n  border-radius: 14px;\n  border: none;\n  background: #29264B;\n  color: #fff;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: background .2s, transform .2s, box-shadow .2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  letter-spacing: .3px;\n  box-shadow: 0 8px 24px rgba(41,38,75,.25);\n}\n#ssForm .sf-submit:hover {\n  background: #1e1b3a;\n  transform: translateY(-2px);\n  box-shadow: 0 14px 32px rgba(41,38,75,.35);\n}\n#ssForm .sf-submit:active { transform: translateY(0); }\n#ssForm .sf-submit svg {\n  width: 18px; height: 18px;\n  transition: transform .2s;\n}\n#ssForm .sf-submit:hover svg { transform: translateX(4px); }\n\n\/* \u2500\u2500 Success state \u2500\u2500 *\/\n#ssForm .sf-success {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  flex: 1;\n  gap: 16px;\n  padding: 40px 0;\n}\n#ssForm .sf-success-icon {\n  width: 72px; height: 72px;\n  border-radius: 50%;\n  background: #EEF4FB;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: sfPop .4s cubic-bezier(.22,1,.36,1);\n}\n@keyframes sfPop {\n  from { transform: scale(0.5); opacity: 0; }\n  to   { transform: scale(1);   opacity: 1; }\n}\n#ssForm .sf-success-icon svg { width: 36px; height: 36px; color: #29264B; }\n#ssForm .sf-success h3 {\n  font-size: 22px; font-weight: 700; color: #29264B;\n}\n#ssForm .sf-success p {\n  font-size: 14px; font-weight: 500; color: #888; max-width: 300px;\n}\n\n\/* \u2500\u2500 Privacy note \u2500\u2500 *\/\n#ssForm .sf-privacy {\n  text-align: center;\n  font-size: 11px;\n  font-weight: 500;\n  color: #bbb;\n  margin-top: 14px;\n  line-height: 1.5;\n}\n<\/style>\n\n<div class=\"sf-outer\">\n\n  <!-- LEFT: motivation panel -->\n  <div class=\"sf-left\">\n    <div>\n      <div class=\"sf-left-badge\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\n        <span>Aufschub<\/span>\n      <\/div>\n\n      <h2>Ihr n\u00e4chster<br>Schritt ist <em>hier<\/em><\/h2>\n      <p>F\u00fcllen Sie das Formular in 2 Minuten aus \u2014 wir melden uns innerhalb eines Werktages bei Ihnen.<\/p>\n\n      <ul class=\"sf-perks\">\n        <li>\n          <span class=\"sf-perk-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\n          <\/span>\n          Offizieller Aufschub vom Wehrdienst\n        <\/li>\n        <li>\n          <span class=\"sf-perk-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\n          <\/span>\n          Stabiles Gehalt, immer p\u00fcnktlich\n        <\/li>\n        <li>\n          <span class=\"sf-perk-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n          <\/span>\n          Karrierewachstum im \u00f6ffentlichen Sektor\n        <\/li>\n        <li>\n          <span class=\"sf-perk-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/span>\n          Ein freundliches Team von \u00fcber 100 Mitarbeitern\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"sf-proof\">\n      <div class=\"sf-proof-avatars\">\n        <span style=\"background-image:url(https:\/\/i.pravatar.cc\/64?img=47)\"><\/span>\n        <span style=\"background-image:url(https:\/\/i.pravatar.cc\/64?img=11)\"><\/span>\n        <span style=\"background-image:url(https:\/\/i.pravatar.cc\/64?img=25)\"><\/span>\n      <\/div>\n      <div class=\"sf-proof-text\">\n        <strong>\u00dcber 50 neue Mitarbeiter<\/strong>\n        sind 2026 bereits dazugekommen\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- RIGHT: form -->\n  <div class=\"sf-right\">\n    <div class=\"sf-right-title\">Lebenslauf senden<\/div>\n    <div class=\"sf-right-sub\"><\/div>\n\n    <form id=\"sfFormEl\" novalidate>\n\n      <div class=\"sf-field\">\n        <input type=\"text\" id=\"sfName\" name=\"name\" placeholder=\"Ihr Name\" autocomplete=\"name\" required>\n        <label for=\"sfName\">Ihr Name<\/label>\n        <span class=\"sf-field-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n        <\/span>\n      <\/div>\n\n      <div class=\"sf-field\">\n        <input type=\"tel\" id=\"sfPhone\" name=\"phone\" placeholder=\"+38\" value=\"+38 \" autocomplete=\"tel\" required>\n        <label for=\"sfPhone\">Telefonnummer<\/label>\n        <span class=\"sf-field-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.63A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n        <\/span>\n      <\/div>\n\n      <div class=\"sf-field\">\n        <input type=\"text\" id=\"sfPosition\" name=\"position\" placeholder=\"Gew\u00fcnschte Position\" required>\n        <label for=\"sfPosition\">Gew\u00fcnschte Position<\/label>\n        <span class=\"sf-field-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-4 0v2\"\/><\/svg>\n        <\/span>\n      <\/div>\n\n      <div class=\"sf-field\">\n        <input type=\"text\" id=\"sfCity\" name=\"city\" placeholder=\"Stadt \/ Arbeitsformat\">\n        <label for=\"sfCity\">Stadt \/ Arbeitsformat<\/label>\n        <span class=\"sf-field-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <\/span>\n      <\/div>\n\n      <!-- File drop zone -->\n      <div class=\"sf-drop\" id=\"sfDrop\">\n        <input type=\"file\" id=\"sfFile\" name=\"resume\" accept=\".pdf,.doc,.docx\">\n        <div class=\"sf-drop-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg>\n        <\/div>\n        <div class=\"sf-drop-title\">Lebenslauf anh\u00e4ngen<\/div>\n        <div class=\"sf-drop-sub\">PDF, DOC, DOCX \u00b7 bis 5 MB<\/div>\n        <div class=\"sf-drop-file\" id=\"sfFileName\"><\/div>\n      <\/div>\n\n      <button type=\"submit\" class=\"sf-submit\">\n        Lebenslauf senden\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n      <\/button>\n\n    <\/form>\n\n    <!-- Success state -->\n    <div class=\"sf-success\" id=\"sfSuccess\">\n      <div class=\"sf-success-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      <\/div>\n      <h3>Vielen Dank!<\/h3>\n      <p>Ihr Lebenslauf wurde empfangen. Wir melden uns innerhalb eines Werktages bei Ihnen.<\/p>\n    <\/div>\n\n    <div class=\"sf-privacy\">\n      \ud83d\udd12 Ihre Daten sind gesch\u00fctzt und werden niemals an Dritte weitergegeben\n    <\/div>\n\n  <\/div><!-- \/sf-right -->\n<\/div><!-- \/sf-outer -->\n<\/div><!-- \/ssForm -->\n\n<script>\n(function () {\n  'use strict';\n\n  \/* \u2500\u2500 File drop \u2500\u2500 *\/\n  var fileInput = document.getElementById('sfFile');\n  var drop      = document.getElementById('sfDrop');\n  var fileLabel = document.getElementById('sfFileName');\n  if (fileInput) {\n    fileInput.addEventListener('change', function() {\n      if (fileInput.files && fileInput.files[0]) {\n        fileLabel.textContent = '\\u{1F4CE} ' + fileInput.files[0].name;\n        fileLabel.style.display = 'block';\n      }\n    });\n  }\n  if (drop) {\n    drop.addEventListener('dragover',  function(e) { e.preventDefault(); drop.classList.add('drag-over'); });\n    drop.addEventListener('dragleave', function()  { drop.classList.remove('drag-over'); });\n    drop.addEventListener('drop', function(e) {\n      e.preventDefault(); drop.classList.remove('drag-over');\n      if (e.dataTransfer.files[0]) {\n        fileLabel.textContent = '\\u{1F4CE} ' + e.dataTransfer.files[0].name;\n        fileLabel.style.display = 'block';\n      }\n    });\n  }\n\n  \/* \u2500\u2500 NAME: remove anything that is not a letter \u2500\u2500 *\/\n  var nameInput = document.getElementById('sfName');\n  if (nameInput) {\n    nameInput.setAttribute('inputmode', 'text');\n    nameInput.addEventListener('input', function() {\n      var s = nameInput.selectionStart;\n      var before = nameInput.value;\n      \/* Keep only cyrillic, latin, space, hyphen, apostrophe *\/\n      var after = before.replace(\/[^a-zA-Z\u0400-\u04ff '\\-]\/g, '');\n      if (before !== after) {\n        nameInput.value = after;\n        nameInput.setSelectionRange(Math.max(0, s - (before.length - after.length)), Math.max(0, s - (before.length - after.length)));\n      }\n    });\n  }\n\n  \/* \u2500\u2500 PHONE: +38 XXXXXXXXXX (10 digits max) \u2500\u2500 *\/\n  var phoneInput = document.getElementById('sfPhone');\n  if (phoneInput) {\n    var PREFIX = '+38 ';\n    phoneInput.setAttribute('inputmode', 'numeric');\n\n    function applyPhone(raw) {\n      \/* Extract only digits *\/\n      var digits = raw.replace(\/\\D\/g, '');\n      \/* Remove leading 38 if pasted with country code *\/\n      if (digits.startsWith('38') && digits.length > 10) digits = digits.slice(2);\n      \/* Limit to 10 digits *\/\n      if (digits.length > 10) digits = digits.slice(0, 10);\n      \/* Format: 0XX XXX XX XX *\/\n      var f = digits;\n      if (digits.length > 3) f = digits.slice(0,3) + ' ' + digits.slice(3);\n      if (digits.length > 6) f = digits.slice(0,3) + ' ' + digits.slice(3,6) + ' ' + digits.slice(6);\n      if (digits.length > 8) f = digits.slice(0,3) + ' ' + digits.slice(3,6) + ' ' + digits.slice(6,8) + ' ' + digits.slice(8);\n      return PREFIX + f;\n    }\n\n    phoneInput.addEventListener('focus', function() {\n      if (!phoneInput.value || phoneInput.value === '+38') {\n        phoneInput.value = PREFIX;\n      }\n    });\n\n    phoneInput.addEventListener('input', function() {\n      var cur = phoneInput.value;\n      \/* If user deleted into prefix \u2014 restore *\/\n      if (!cur.startsWith(PREFIX)) {\n        var digits = cur.replace(\/\\D\/g, '');\n        phoneInput.value = applyPhone(digits);\n        return;\n      }\n      var after = cur.slice(PREFIX.length);\n      phoneInput.value = applyPhone(after);\n    });\n\n    phoneInput.addEventListener('paste', function(e) {\n      e.preventDefault();\n      var pasted = (e.clipboardData || window.clipboardData).getData('text');\n      phoneInput.value = applyPhone(pasted);\n    });\n\n    phoneInput.addEventListener('keydown', function(e) {\n      \/* Protect prefix *\/\n      if ((e.key === 'Backspace' || e.key === 'Delete') && phoneInput.selectionStart <= PREFIX.length) {\n        e.preventDefault();\n      }\n    });\n  }\n\n  \/* \u2500\u2500 FORM SUBMIT \u2500\u2500 *\/\n  var formEl    = document.getElementById('sfFormEl');\n  var successEl = document.getElementById('sfSuccess');\n  var submitBtn = formEl ? formEl.querySelector('.sf-submit') : null;\n  var HANDLER_URL = '\/wp-json\/specservis\/v1\/send-resume';\n\n  function setError(inp) {\n    inp.style.borderColor = '#D02832';\n    inp.style.boxShadow   = '0 0 0 4px rgba(208,40,50,.12)';\n    inp.focus();\n    setTimeout(function() { inp.style.borderColor = ''; inp.style.boxShadow = ''; }, 2500);\n  }\n\n  if (formEl) {\n    formEl.addEventListener('submit', function(e) {\n      e.preventDefault();\n      var nameInp  = document.getElementById('sfName');\n      var phoneInp = document.getElementById('sfPhone');\n      var posInp   = document.getElementById('sfPosition');\n      var ok = true;\n\n      if (!nameInp || !nameInp.value.trim()) { setError(nameInp); ok = false; }\n      if (phoneInp) {\n        var digits = phoneInp.value.replace(\/\\D\/g, '');\n        \/* Should be 12 digits total: 38 + 10 *\/\n        if (digits.length < 10) { setError(phoneInp); ok = false; }\n      }\n      if (!posInp || !posInp.value.trim()) { setError(posInp); ok = false; }\n      if (!ok) return;\n\n      if (submitBtn) {\n        submitBtn.disabled = true;\n        submitBtn.style.opacity = '0.75';\n        submitBtn.textContent = 'Wird gesendet...';\n      }\n\n      try {\n        var fd = new FormData(formEl); fd.append('lang','de');\n        fetch(HANDLER_URL, { method: 'POST', body: fd })\n          .then(function(r) {\n            return r.text().then(function(txt) {\n              try {\n                return JSON.parse(txt);\n              } catch (parseErr) {\n                alert('DEBUG RAW status=' + r.status + ' redirected=' + r.redirected + ' finalUrl=' + r.url + ' type=' + r.type + ' body=[' + txt.slice(0, 300) + ']');\n                throw parseErr;\n              }\n            });\n          })\n          .then(function(data) {\n            if (data.ok) {\n              formEl.style.display = 'none';\n              successEl.style.display = 'flex';\n            } else {\n              alert(data.message || 'Fehler beim Senden. Bitte versuchen Sie es erneut.');\n              if (submitBtn) { submitBtn.disabled = false; submitBtn.style.opacity = '1'; submitBtn.textContent = 'Lebenslauf senden'; }\n            }\n          })\n          .catch(function(err) {\n            alert('DEBUG(async) ' + (err && err.name) + ': ' + (err && err.message ? err.message : String(err)));\n            if (submitBtn) { submitBtn.disabled = false; submitBtn.style.opacity = '1'; submitBtn.textContent = 'Lebenslauf senden'; }\n          });\n      } catch (err) {\n        alert('DEBUG(sync) ' + (err && err.name) + ': ' + (err && err.message ? err.message : String(err)));\n        if (submitBtn) { submitBtn.disabled = false; submitBtn.style.opacity = '1'; submitBtn.textContent = 'Lebenslauf senden'; }\n      }\n    });\n  }\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42ed575 elementor-widget elementor-widget-html\" data-id=\"42ed575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div>\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>AutoCAD \u00b7 Bauwesen \u00b7 Ukraine<\/title>\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    background: #f0ede8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    font-family: 'Courier New', monospace;\n  }\n\n  \/* \u2500\u2500 Elementor: use .acad-wrap as root \u2500\u2500 *\/\n  .acad-wrap {\n    width: 100%;\n    max-width: 860px;\n    padding: 20px;\n  }\n\n  .acad-logo {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 14px;\n  }\n  .acad-logo svg {\n    width: 180px;\n    height: auto;\n  }\n\n  .acad-paper {\n    background: #ffffff;\n    border: 1px solid #ccc;\n    box-shadow:\n      4px 4px 0 #d0ccc5,\n      0 2px 20px rgba(0,0,0,0.12);\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Progress bar \u2014 thin red like AutoCAD status bar *\/\n  .acad-progress {\n    position: absolute;\n    bottom: 0; left: 0;\n    height: 2px;\n    background: #cc2200;\n    transition: none;\n    z-index: 30;\n  }\n\n  \/* Stage label bottom-left like AutoCAD command line *\/\n  .acad-cmdline {\n    position: absolute;\n    bottom: 6px;\n    left: 10px;\n    font-size: 8px;\n    letter-spacing: 2px;\n    color: #888;\n    text-transform: uppercase;\n    z-index: 30;\n    font-family: 'Courier New', monospace;\n  }\n  .acad-cmdline span { color: #cc2200; font-weight: bold; }\n\n  \/* Layer indicator top-right *\/\n  .acad-layer {\n    position: absolute;\n    top: 8px; right: 10px;\n    font-size: 7px;\n    letter-spacing: 2px;\n    color: #aaa;\n    z-index: 30;\n    font-family: 'Courier New', monospace;\n  }\n<\/style>\n\n\n\n<div class=\"acad-wrap\">\n  <div class=\"acad-logo\">\n    <svg width=\"750\" height=\"244\" viewbox=\"0 0 750 244\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <g clip-path=\"url(#logoClip)\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M271.938 222.859H334.917L418.721 122.133L334.416 21.1745H272.005L356.343 121.9L271.938 222.859Z\" fill=\"#D02832\"\/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M193.741 222.859H246.84L330.645 122.1L246.34 21.1745H193.741L278.046 121.933L193.741 222.859Z\" fill=\"#468DCB\"\/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M212.832 243.952H280.549L381.909 122.134L279.982 0.048233H212.865L314.825 121.9L212.832 243.952Z\" fill=\"#333681\"\/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M47.3255 157.678H12.2152C-0.133537 157.678 -1.83566 152.238 1.46846 141.925L12.5823 107.315C16.2869 95.7673 20.926 90.2605 35.7444 90.2605H68.9524L63.3788 107.649H30.1708L19.8914 139.655H53.0994L47.3255 157.678ZM189.769 90.2605H207.391L191.538 139.655H209.227L225.08 90.2605H242.869L227.016 139.655H232.423L226.615 157.678H183.562C169.077 157.678 170.946 148.934 173.916 139.655L189.769 90.2605ZM162.102 157.678H114.075L135.702 90.2605H183.729L178.155 107.649H147.784L144.88 116.727H172.648L168.143 130.744H140.375L137.504 139.655H167.876L162.102 157.678ZM70.5544 157.678H52.8324L74.4593 90.2605H129.127L107.467 157.678H89.8117L105.898 107.649H86.6077L70.5544 157.678Z\" fill=\"#29264B\"\/>\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M473.656 157.678H438.546C426.197 157.678 424.495 152.238 427.832 141.925L438.913 107.315C442.617 95.7673 447.257 90.2605 462.075 90.2605H495.283L489.709 107.649H456.501L446.222 139.655H479.43L473.656 157.678ZM591.603 157.678L613.23 90.2605H653.547C661.59 90.2605 667.631 90.8612 663.759 102.91L661.023 111.454C659.053 117.628 656.484 120.298 652.846 122.601C655.082 123.936 655.95 127.24 654.581 131.579L650.877 143.06C647.973 152.104 643.367 157.678 635.491 157.678H591.603ZM614.965 139.655L617.836 130.744H637.393L634.523 139.655H614.965ZM622.341 116.727L625.245 107.649H644.802L641.899 116.727H622.341ZM550.018 157.678H532.563L554.19 90.2605H592.07C602.283 90.2605 607.156 92.6635 602.583 106.981L600.581 113.156C597.71 122.1 593.839 130.744 583.393 130.744H558.662L550.018 157.678ZM566.071 107.649L563.168 116.727H581.924L584.928 107.649H566.071ZM670.635 157.678H652.779L674.406 90.2605H692.261L670.635 157.678ZM728.34 157.678H693.229C680.881 157.678 679.212 152.238 682.516 141.925L693.63 107.315C697.334 95.7673 701.974 90.2605 716.759 90.2605H750L744.426 107.649H711.185L700.906 139.655H734.147L728.34 157.678ZM526.922 157.678H478.896L500.523 90.2605H548.549L542.976 107.649H512.605L509.701 116.727H537.502L532.997 130.744H505.195L502.325 139.655H532.696L526.922 157.678Z\" fill=\"#29264B\"\/>\n        <path d=\"M387.816 194.59H395.959C399.864 194.59 403.235 192.287 404.336 188.883L404.403 188.716C405.471 185.279 403.636 183.076 399.798 183.076H395.626L396.727 179.638H405.938L407.107 176.067H393.723L387.816 194.59ZM392.956 191.086L394.491 186.28H398.429C399.898 186.28 400.732 187.181 400.265 188.583L400.198 188.783C399.764 190.218 398.429 191.086 396.894 191.086H392.956ZM408.942 194.924C411.612 194.924 413.581 193.589 415.417 190.886L425.53 176.067H421.358L414.883 186.38H414.649L413.715 176.067H409.243L411.312 190.619C410.744 191.286 409.977 191.486 409.209 191.486C408.408 191.486 407.607 191.219 407.14 190.886L406.039 194.323C406.873 194.724 407.974 194.924 408.942 194.924ZM417.953 198.161H421.892L423.026 194.59H433.273L432.138 198.161H436.043L438.279 191.153H436.176L441.015 176.067H427.933L427.332 177.936C425.029 185.145 423.26 189.484 421.725 191.153H420.19L417.953 198.161ZM430.836 179.438H435.876L432.138 191.153H425.53C427.198 188.95 428.9 185.212 430.769 179.638L430.836 179.438ZM443.051 194.924C445.721 194.924 447.69 193.589 449.526 190.886L459.639 176.067H455.467L449.025 186.38H448.758L447.824 176.067H443.352L445.421 190.619C444.854 191.286 444.086 191.486 443.318 191.486C442.551 191.486 441.716 191.219 441.249 190.886L440.148 194.323C441.015 194.724 442.083 194.924 443.051 194.924ZM463.043 194.924H463.076C466.347 194.924 469.651 193.355 471.987 190.919L469.718 188.616C468.183 190.318 466.247 191.286 464.278 191.286H464.211C461.508 191.286 460.173 189.484 460.54 186.814H467.916L468.95 183.61H461.574C462.976 181.04 465.379 179.338 468.016 179.338H468.082C469.985 179.338 471.186 180.239 471.754 182.041L475.525 179.772C474.524 177.235 472.321 175.734 469.117 175.734H469.084C463.71 175.734 458.537 179.772 456.802 185.245L456.768 185.379C455 190.886 457.569 194.924 463.043 194.924ZM473.322 194.59H477.361L481.666 181.04H481.9L482.467 192.121H485.504L493.114 181.04H493.347L489.009 194.59H493.047L498.954 176.067H493.114L485.805 186.781H485.538L485.104 176.067H479.23L473.322 194.59ZM499.054 185.412C497.319 190.786 499.855 194.924 505.229 194.924H505.462C510.836 194.924 516.009 190.886 517.744 185.446L517.811 185.179C519.546 179.772 517.01 175.667 511.637 175.667H511.37C505.963 175.667 500.857 179.772 499.121 185.212L499.054 185.412ZM503.326 185.412L503.393 185.212C504.528 181.674 507.431 179.305 510.235 179.305H510.435C513.305 179.305 514.64 181.674 513.539 185.212L513.472 185.412C512.338 188.95 509.467 191.32 506.63 191.32H506.43C503.593 191.32 502.192 188.95 503.326 185.412ZM524.72 194.59H528.858L531.628 185.913H531.828L535.466 194.59H540.406L535.867 184.578L545.846 176.067H541.14L532.529 183.777H532.296L534.765 176.067H530.627L524.72 194.59ZM542.542 194.59H546.647L548.516 188.716H551.42C555.558 188.716 559.129 186.247 560.331 182.442L560.397 182.242C561.565 178.537 559.596 176.067 555.458 176.067H548.449L542.542 194.59ZM549.45 185.479L551.319 179.605H554.056C556.025 179.605 556.76 180.673 556.226 182.342L556.159 182.542C555.625 184.244 554.056 185.479 552.087 185.479H549.45ZM555.658 194.59H560.064L562.567 190.719H569.375V194.59H573.747L573.313 176.067H568.007L555.658 194.59ZM564.569 187.415L569.108 180.339H569.375L569.475 187.415H564.569ZM581.59 174.532C582.625 174.532 583.693 173.798 584.027 172.696C584.394 171.595 583.826 170.827 582.792 170.827C581.724 170.827 580.723 171.595 580.389 172.696C580.022 173.798 580.522 174.532 581.59 174.532ZM586.496 174.532C587.564 174.532 588.599 173.798 588.966 172.696C589.3 171.595 588.766 170.827 587.698 170.827C586.63 170.827 585.662 171.595 585.295 172.696C584.961 173.798 585.428 174.532 586.496 174.532ZM575.616 194.59H579.755L585.662 176.067H581.524L575.616 194.59ZM583.76 194.59H587.898L590.335 186.981H597.31L594.874 194.59H599.045L604.953 176.067H600.781L598.445 183.376H591.469L593.806 176.067H589.667L583.76 194.59ZM606.855 194.924C609.525 194.924 611.494 193.589 613.33 190.886L623.442 176.067H619.304L612.829 186.38H612.596L611.661 176.067H607.156L609.258 190.619C608.657 191.286 607.923 191.486 607.156 191.486C606.355 191.486 605.52 191.219 605.053 190.886L603.952 194.323C604.819 194.724 605.921 194.924 606.855 194.924ZM626.413 194.59H630.551L632.42 188.716H635.291C639.429 188.716 643 186.247 644.202 182.442L644.268 182.242C645.47 178.537 643.467 176.067 639.362 176.067H632.354L626.413 194.59ZM633.321 185.479L635.19 179.605H637.961C639.896 179.605 640.664 180.673 640.13 182.342L640.063 182.542C639.529 184.244 637.961 185.479 635.958 185.479H633.321ZM639.563 194.59H643.968L646.438 190.719H653.28L653.246 194.59H657.652L657.184 176.067H651.911L639.563 194.59ZM648.44 187.415L653.013 180.339H653.28L653.346 187.415H648.44ZM665.862 194.924C669.967 194.924 673.705 192.655 674.673 189.617L674.74 189.384C675.407 187.315 674.74 185.512 672.804 184.711C674.74 183.81 676.041 182.375 676.575 180.706L676.675 180.439C677.543 177.736 675.441 175.667 671.869 175.667C668.665 175.667 665.695 177.202 663.159 179.672L665.995 181.674C667.297 180.172 668.832 179.305 670.468 179.305C671.903 179.305 672.704 180.139 672.337 181.374L672.303 181.441C671.869 182.809 670.568 183.61 668.799 183.61H667.063L666.129 186.614H668.432C670.401 186.614 671.135 187.515 670.668 188.917V188.983C670.201 190.385 668.799 191.32 666.83 191.32C664.961 191.32 663.893 190.519 663.359 188.683L659.22 190.752C660.222 193.456 662.458 194.924 665.862 194.924ZM678.177 185.412C676.442 190.786 679.012 194.924 684.352 194.924H684.619C689.992 194.924 695.132 190.886 696.867 185.446L696.967 185.179C698.703 179.772 696.133 175.667 690.76 175.667H690.493C685.086 175.667 679.979 179.772 678.244 185.212L678.177 185.412ZM682.449 185.412L682.516 185.212C683.651 181.674 686.554 179.305 689.358 179.305H689.558C692.428 179.305 693.797 181.674 692.662 185.212L692.595 185.412C691.46 188.95 688.59 191.32 685.753 191.32H685.553C682.716 191.32 681.348 188.95 682.449 185.412ZM697.001 194.59H701.039L705.344 181.04H705.578L706.112 192.121H709.183L716.792 181.04H717.026L712.687 194.59H716.725L722.633 176.067H716.792L709.45 186.781H709.216L708.782 176.067H702.908L697.001 194.59Z\" fill=\"#29264B\"\/>\n      <\/g>\n      <defs>\n        <clippath id=\"logoClip\">\n          <rect width=\"750\" height=\"244\" fill=\"white\"><\/rect>\n        <\/clippath>\n      <\/defs>\n    <\/svg>\n  <\/div>\n\n  <div class=\"acad-paper\">\n    <div class=\"acad-cmdline\">Befehl: <span id=\"cmdText\">VERMESSUNG<\/span><\/div>\n    <div class=\"acad-layer\" id=\"layerText\">EBENE: 0-VERMESSUNG<\/div>\n    <div class=\"acad-progress\" id=\"progBar\"><\/div>\n\n    <svg id=\"svg\" viewbox=\"0 0 860 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:block;width:100%;\">\n      <defs>\n\n        <!-- Fine grid (paper texture) -->\n        <pattern id=\"finegrid\" width=\"10\" height=\"10\" patternunits=\"userSpaceOnUse\">\n          <path d=\"M10 0L0 0 0 10\" fill=\"none\" stroke=\"#e8e4df\" stroke-width=\"0.3\"><\/path>\n        <\/pattern>\n        <pattern id=\"coarsegrid\" width=\"50\" height=\"50\" patternunits=\"userSpaceOnUse\">\n          <rect width=\"50\" height=\"50\" fill=\"url(#finegrid)\"><\/rect>\n          <path d=\"M50 0L0 0 0 50\" fill=\"none\" stroke=\"#ddd8d2\" stroke-width=\"0.6\"><\/path>\n        <\/pattern>\n\n        <!-- Hatch patterns for materials -->\n        <pattern id=\"hatchConcrete\" width=\"6\" height=\"6\" patternunits=\"userSpaceOnUse\" patterntransform=\"rotate(45)\">\n          <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"6\" stroke=\"#bbb\" stroke-width=\"0.7\"><\/line>\n        <\/pattern>\n        <pattern id=\"hatchBrick\" width=\"8\" height=\"5\" patternunits=\"userSpaceOnUse\">\n          <rect width=\"8\" height=\"5\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"0.4\"><\/rect>\n          <line x1=\"4\" y1=\"0\" x2=\"4\" y2=\"2.5\" stroke=\"#ccc\" stroke-width=\"0.4\"><\/line>\n        <\/pattern>\n        <pattern id=\"hatchSteel\" width=\"5\" height=\"5\" patternunits=\"userSpaceOnUse\" patterntransform=\"rotate(30)\">\n          <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"5\" stroke=\"#aaa\" stroke-width=\"0.5\"><\/line>\n        <\/pattern>\n        <pattern id=\"hatchFill\" width=\"8\" height=\"8\" patternunits=\"userSpaceOnUse\" patterntransform=\"rotate(45)\">\n          <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"8\" stroke=\"#d4e8f5\" stroke-width=\"4\"><\/line>\n        <\/pattern>\n\n        <!-- Arrowhead marker (dimension) -->\n        <marker id=\"arrow\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\">\n          <path d=\"M0,1 L6,3 L0,5 Z\" fill=\"#cc2200\"><\/path>\n        <\/marker>\n        <marker id=\"arrowR\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto-start-reverse\">\n          <path d=\"M0,1 L6,3 L0,5 Z\" fill=\"#cc2200\"><\/path>\n        <\/marker>\n        <marker id=\"arrowBlue\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\">\n          <path d=\"M0,1 L6,3 L0,5 Z\" fill=\"#0055cc\"><\/path>\n        <\/marker>\n        <marker id=\"arrowBlueR\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto-start-reverse\">\n          <path d=\"M0,1 L6,3 L0,5 Z\" fill=\"#0055cc\"><\/path>\n        <\/marker>\n\n        <!-- Clip paths for smooth reveal by drawing direction -->\n        <clippath id=\"clipH\"><rect id=\"clipHRect\" x=\"0\" y=\"0\" width=\"0\" height=\"500\"><\/rect><\/clippath>\n        <clippath id=\"clipV\"><rect id=\"clipVRect\" x=\"0\" y=\"500\" width=\"860\" height=\"0\"><\/rect><\/clippath>\n\n      <\/defs>\n\n      <!-- \u2500\u2500 Paper texture \u2500\u2500 -->\n      <rect width=\"860\" height=\"500\" fill=\"#ffffff\"><\/rect>\n      <rect width=\"860\" height=\"500\" fill=\"url(#coarsegrid)\"><\/rect>\n\n      <!-- \u2500\u2500 Title block \u2500\u2500 -->\n      <g id=\"titleblock\" font-family=\"Courier New\">\n        <!-- Border -->\n        <rect x=\"8\" y=\"8\" width=\"844\" height=\"484\" fill=\"none\" stroke=\"#333\" stroke-width=\"1.5\"\/>\n        <rect x=\"12\" y=\"12\" width=\"836\" height=\"476\" fill=\"none\" stroke=\"#999\" stroke-width=\"0.4\"\/>\n        <!-- Title block bottom -->\n        <rect x=\"8\" y=\"462\" width=\"844\" height=\"30\" fill=\"none\" stroke=\"#333\" stroke-width=\"0.8\"\/>\n        <line x1=\"300\" y1=\"462\" x2=\"300\" y2=\"492\" stroke=\"#333\" stroke-width=\"0.5\"\/>\n        <line x1=\"560\" y1=\"462\" x2=\"560\" y2=\"492\" stroke=\"#333\" stroke-width=\"0.5\"\/>\n        <line x1=\"700\" y1=\"462\" x2=\"700\" y2=\"492\" stroke=\"#333\" stroke-width=\"0.5\"\/>\n        <text x=\"154\" y=\"480\" text-anchor=\"middle\" font-size=\"7\" fill=\"#333\" letter-spacing=\"2\">REKONSTRUKTION EINES \u00d6FFENTLICHEN GEB\u00c4UDES \u00b7 UKRAINE<\/text>\n        <text x=\"430\" y=\"477\" text-anchor=\"middle\" font-size=\"6\" fill=\"#666\" letter-spacing=\"1\">VORDERANSICHT \u00b7 HAUPTFASSADE<\/text>\n        <text x=\"430\" y=\"487\" text-anchor=\"middle\" font-size=\"5.5\" fill=\"#999\" letter-spacing=\"1\">SCALE 1:200 \u00b7 SHEET 01-A<\/text>\n        <text x=\"630\" y=\"477\" text-anchor=\"middle\" font-size=\"6\" fill=\"#666\" letter-spacing=\"1\">LEVEL 0.000<\/text>\n        <text x=\"630\" y=\"487\" text-anchor=\"middle\" font-size=\"5.5\" fill=\"#999\" letter-spacing=\"1\">KYIV \u00b7 2025<\/text>\n        <text x=\"780\" y=\"477\" text-anchor=\"middle\" font-size=\"6\" fill=\"#cc2200\" letter-spacing=\"1\">DWG \u2116 UA-01<\/text>\n        <text x=\"780\" y=\"487\" text-anchor=\"middle\" font-size=\"5.5\" fill=\"#999\" letter-spacing=\"1\">REV. C<\/text>\n        <!-- Corner crosses (registration marks) -->\n        <g stroke=\"#999\" stroke-width=\"0.5\">\n          <line x1=\"26\" y1=\"26\" x2=\"36\" y2=\"26\"\/><line x1=\"31\" y1=\"21\" x2=\"31\" y2=\"31\"\/>\n          <line x1=\"824\" y1=\"26\" x2=\"834\" y2=\"26\"\/><line x1=\"829\" y1=\"21\" x2=\"829\" y2=\"31\"\/>\n          <circle cx=\"31\" cy=\"26\" r=\"4\" fill=\"none\"\/>\n          <circle cx=\"829\" cy=\"26\" r=\"4\" fill=\"none\"\/>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 EBENE: 0-VERMESSUNG \u2500\u2500 -->\n      <g id=\"lSurvey\" opacity=\"0\">\n        <!-- Center line (long dash-dot) -->\n        <line x1=\"90\" y1=\"390\" x2=\"770\" y2=\"390\" stroke=\"#0055cc\" stroke-width=\"0.8\" stroke-dasharray=\"20,4,2,4\"\/>\n        <!-- Ground level symbol -->\n        <line x1=\"80\" y1=\"390\" x2=\"92\" y2=\"390\" stroke=\"#0055cc\" stroke-width=\"1.5\"\/>\n        <line x1=\"80\" y1=\"393\" x2=\"92\" y2=\"393\" stroke=\"#0055cc\" stroke-width=\"1\"\/>\n        <line x1=\"80\" y1=\"396\" x2=\"92\" y2=\"396\" stroke=\"#0055cc\" stroke-width=\"0.5\"\/>\n        <!-- Elevation text -->\n        <text x=\"75\" y=\"388\" text-anchor=\"end\" font-size=\"7\" fill=\"#0055cc\" font-family=\"Courier New\">\u00b10.000<\/text>\n\n        <!-- Survey crosses -->\n        <g stroke=\"#cc2200\" stroke-width=\"0.8\">\n          <line x1=\"148\" y1=\"386\" x2=\"148\" y2=\"394\"\/><line x1=\"144\" y1=\"390\" x2=\"152\" y2=\"390\"\/>\n          <circle cx=\"148\" cy=\"390\" r=\"4\" fill=\"none\"\/>\n          <line x1=\"712\" y1=\"386\" x2=\"712\" y2=\"394\"\/><line x1=\"708\" y1=\"390\" x2=\"716\" y2=\"390\"\/>\n          <circle cx=\"712\" cy=\"390\" r=\"4\" fill=\"none\"\/>\n        <\/g>\n\n        <!-- Overall dimension line -->\n        <line x1=\"148\" y1=\"415\" x2=\"712\" y2=\"415\" stroke=\"#cc2200\" stroke-width=\"0.7\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n        <line x1=\"148\" y1=\"410\" x2=\"148\" y2=\"422\" stroke=\"#cc2200\" stroke-width=\"0.7\"\/>\n        <line x1=\"712\" y1=\"410\" x2=\"712\" y2=\"422\" stroke=\"#cc2200\" stroke-width=\"0.7\"\/>\n        <rect x=\"388\" y=\"408\" width=\"84\" height=\"11\" fill=\"white\"\/>\n        <text x=\"430\" y=\"417\" text-anchor=\"middle\" font-size=\"7.5\" fill=\"#cc2200\" font-family=\"Courier New\" letter-spacing=\"1\">72 000<\/text>\n\n        <!-- Axis markers A B C D -->\n        <g font-family=\"Courier New\" font-size=\"8\" text-anchor=\"middle\" fill=\"#0055cc\">\n          <circle cx=\"148\" cy=\"434\" r=\"8\" fill=\"white\" stroke=\"#0055cc\" stroke-width=\"0.8\"\/>\n          <text x=\"148\" y=\"437\">A<\/text>\n          <circle cx=\"712\" cy=\"434\" r=\"8\" fill=\"white\" stroke=\"#0055cc\" stroke-width=\"0.8\"\/>\n          <text x=\"712\" y=\"437\">B<\/text>\n          <line x1=\"148\" y1=\"390\" x2=\"148\" y2=\"426\" stroke=\"#0055cc\" stroke-width=\"0.6\" stroke-dasharray=\"4,3\"\/>\n          <line x1=\"712\" y1=\"390\" x2=\"712\" y2=\"426\" stroke=\"#0055cc\" stroke-width=\"0.6\" stroke-dasharray=\"4,3\"\/>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 LAYER: 1-FOUNDATION \u2500\u2500 -->\n      <g id=\"lFoundation\" opacity=\"0\">\n        <!-- Foundation block - first just outline, then fill -->\n        <rect id=\"fndOutline\" x=\"148\" y=\"380\" width=\"564\" height=\"22\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.2\"\/>\n        <rect id=\"fndFill\" x=\"148\" y=\"380\" width=\"564\" height=\"22\" fill=\"url(#hatchConcrete)\" opacity=\"0\"\/>\n        <!-- Foundation sections hatching -->\n        <g id=\"fndHatch\" opacity=\"0\" fill=\"url(#hatchConcrete)\">\n          <rect x=\"148\" y=\"380\" width=\"564\" height=\"22\"\/>\n        <\/g>\n        <!-- Footing pads -->\n        <g id=\"footings\" opacity=\"0\" stroke=\"#1a1a1a\" stroke-width=\"0.8\" fill=\"none\">\n          <rect x=\"148\" y=\"390\" width=\"40\" height=\"12\"\/>\n          <rect x=\"220\" y=\"390\" width=\"40\" height=\"12\"\/>\n          <rect x=\"320\" y=\"390\" width=\"40\" height=\"12\"\/>\n          <rect x=\"420\" y=\"390\" width=\"40\" height=\"12\"\/>\n          <rect x=\"520\" y=\"390\" width=\"40\" height=\"12\"\/>\n          <rect x=\"620\" y=\"390\" width=\"40\" height=\"12\"\/>\n          <rect x=\"672\" y=\"390\" width=\"40\" height=\"12\"\/>\n        <\/g>\n        <!-- Foundation dimension -->\n        <g id=\"fndDim\" opacity=\"0\">\n          <line x1=\"148\" y1=\"374\" x2=\"712\" y2=\"374\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <rect x=\"392\" y=\"368\" width=\"76\" height=\"9\" fill=\"white\"\/>\n          <text x=\"430\" y=\"376\" text-anchor=\"middle\" font-size=\"7\" fill=\"#cc2200\" font-family=\"Courier New\">72 000<\/text>\n          <!-- Depth dim -->\n          <line x1=\"120\" y1=\"380\" x2=\"120\" y2=\"402\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <text x=\"115\" y=\"393\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#cc2200\" font-family=\"Courier New\">2200<\/text>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 LAYER: 2-GROUND-FLOOR \u2500\u2500 -->\n      <g id=\"lGround\" opacity=\"0\">\n        <!-- Wall fill (hatched brick) -->\n        <rect id=\"gfWallFill\" x=\"148\" y=\"300\" width=\"564\" height=\"80\" fill=\"url(#hatchBrick)\" opacity=\"0\"\/>\n        <!-- Wall outline -->\n        <rect id=\"gfWallOut\" x=\"148\" y=\"300\" width=\"564\" height=\"80\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.4\"\/>\n\n        <!-- Interior divider walls -->\n        <g id=\"gfDividers\" stroke=\"#333\" stroke-width=\"0.7\" stroke-dasharray=\"4,3\" opacity=\"0\">\n          <line x1=\"210\" y1=\"300\" x2=\"210\" y2=\"380\"\/>\n          <line x1=\"290\" y1=\"300\" x2=\"290\" y2=\"380\"\/>\n          <line x1=\"430\" y1=\"300\" x2=\"430\" y2=\"380\"\/>\n          <line x1=\"570\" y1=\"300\" x2=\"570\" y2=\"380\"\/>\n          <line x1=\"648\" y1=\"300\" x2=\"648\" y2=\"380\"\/>\n        <\/g>\n\n        <!-- Windows GF -->\n        <g id=\"gfWindows\" opacity=\"0\" fill=\"url(#hatchFill)\" stroke=\"#1a1a1a\" stroke-width=\"0.9\">\n          <rect x=\"158\" y=\"310\" width=\"34\" height=\"46\"\/>\n          <rect x=\"202\" y=\"310\" width=\"34\" height=\"46\"\/>\n          <rect x=\"246\" y=\"310\" width=\"34\" height=\"46\"\/>\n          <rect x=\"446\" y=\"310\" width=\"34\" height=\"46\"\/>\n          <rect x=\"490\" y=\"310\" width=\"34\" height=\"46\"\/>\n          <rect x=\"534\" y=\"310\" width=\"34\" height=\"46\"\/>\n          <!-- Window frame inner lines -->\n          <line x1=\"175\" y1=\"310\" x2=\"175\" y2=\"356\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <line x1=\"219\" y1=\"310\" x2=\"219\" y2=\"356\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <line x1=\"263\" y1=\"310\" x2=\"263\" y2=\"356\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <line x1=\"463\" y1=\"310\" x2=\"463\" y2=\"356\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <line x1=\"507\" y1=\"310\" x2=\"507\" y2=\"356\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <line x1=\"551\" y1=\"310\" x2=\"551\" y2=\"356\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n        <\/g>\n\n        <!-- Main entrance double door -->\n        <g id=\"gfDoor\" opacity=\"0\">\n          <rect x=\"358\" y=\"322\" width=\"84\" height=\"58\" fill=\"url(#hatchFill)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <line x1=\"400\" y1=\"322\" x2=\"400\" y2=\"380\" stroke=\"#1a1a1a\" stroke-width=\"0.8\"\/>\n          <!-- Door swing arcs (plan view) -->\n          <path d=\"M358,380 A42,42 0 0,1 358,322\" fill=\"none\" stroke=\"#666\" stroke-width=\"0.5\" stroke-dasharray=\"2,2\"\/>\n          <path d=\"M442,380 A42,42 0 0,0 442,322\" fill=\"none\" stroke=\"#666\" stroke-width=\"0.5\" stroke-dasharray=\"2,2\"\/>\n        <\/g>\n\n        <!-- GF columns (circles = structural posts) -->\n        <g id=\"gfCols\" opacity=\"0\">\n          <g fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\">\n            <circle cx=\"168\" cy=\"310\" r=\"7\"\/>\n            <circle cx=\"210\" cy=\"310\" r=\"7\"\/>\n            <circle cx=\"350\" cy=\"310\" r=\"7\"\/>\n            <circle cx=\"430\" cy=\"310\" r=\"7\"\/>\n            <circle cx=\"572\" cy=\"310\" r=\"7\"\/>\n            <circle cx=\"650\" cy=\"310\" r=\"7\"\/>\n          <\/g>\n        <\/g>\n\n        <!-- GF floor level dim -->\n        <g id=\"gfDim\" opacity=\"0\">\n          <text x=\"75\" y=\"378\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">0.000<\/text>\n          <text x=\"75\" y=\"302\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+3.600<\/text>\n          <!-- Height dim -->\n          <line x1=\"100\" y1=\"300\" x2=\"100\" y2=\"380\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <rect x=\"74\" y=\"333\" width=\"24\" height=\"9\" fill=\"white\"\/>\n          <text x=\"86\" y=\"340\" text-anchor=\"middle\" font-size=\"6\" fill=\"#cc2200\" font-family=\"Courier New\">3600<\/text>\n          <!-- Section AA mark -->\n          <circle cx=\"740\" cy=\"340\" r=\"7\" fill=\"white\" stroke=\"#333\" stroke-width=\"0.8\"\/>\n          <text x=\"740\" y=\"343\" text-anchor=\"middle\" font-size=\"7\" fill=\"#333\" font-family=\"Courier New\">A<\/text>\n          <line x1=\"148\" y1=\"340\" x2=\"733\" y2=\"340\" stroke=\"#333\" stroke-width=\"0.5\" stroke-dasharray=\"8,3\" opacity=\"0.4\"\/>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 LAYER: 3-UPPER-FLOORS \u2500\u2500 -->\n      <g id=\"lUpper\" opacity=\"0\">\n        <!-- 2F wall fill -->\n        <rect id=\"uf2Fill\" x=\"160\" y=\"232\" width=\"540\" height=\"68\" fill=\"url(#hatchBrick)\" opacity=\"0\"\/>\n        <rect x=\"160\" y=\"232\" width=\"540\" height=\"68\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.3\"\/>\n        <!-- 2F windows -->\n        <g id=\"uf2Win\" opacity=\"0\" fill=\"url(#hatchFill)\" stroke=\"#1a1a1a\" stroke-width=\"0.8\">\n          <rect x=\"172\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"212\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"252\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"292\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"336\" y=\"240\" width=\"52\" height=\"40\"\/>\n          <line x1=\"362\" y1=\"240\" x2=\"362\" y2=\"280\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <rect x=\"400\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"440\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"480\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"520\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"560\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"620\" y=\"240\" width=\"28\" height=\"35\"\/>\n          <rect x=\"660\" y=\"240\" width=\"28\" height=\"35\"\/>\n        <\/g>\n\n        <!-- 3F wall fill -->\n        <rect id=\"uf3Fill\" x=\"172\" y=\"174\" width=\"516\" height=\"58\" fill=\"url(#hatchBrick)\" opacity=\"0\"\/>\n        <rect x=\"172\" y=\"174\" width=\"516\" height=\"58\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.2\"\/>\n        <!-- 3F windows -->\n        <g id=\"uf3Win\" opacity=\"0\" fill=\"url(#hatchFill)\" stroke=\"#1a1a1a\" stroke-width=\"0.7\">\n          <rect x=\"186\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"222\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"258\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"294\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"340\" y=\"181\" width=\"44\" height=\"34\"\/>\n          <line x1=\"362\" y1=\"181\" x2=\"362\" y2=\"215\" stroke=\"#666\" stroke-width=\"0.5\"\/>\n          <rect x=\"396\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"432\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"468\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"504\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"540\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"600\" y=\"181\" width=\"24\" height=\"30\"\/>\n          <rect x=\"636\" y=\"181\" width=\"24\" height=\"30\"\/>\n        <\/g>\n\n        <!-- Floor level marks -->\n        <g id=\"ufDims\" opacity=\"0\">\n          <text x=\"75\" y=\"234\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+3.600<\/text>\n          <text x=\"75\" y=\"176\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+7.200<\/text>\n          <text x=\"75\" y=\"174\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\" dy=\"-8\">+10.800<\/text>\n          <line x1=\"100\" y1=\"232\" x2=\"100\" y2=\"300\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <rect x=\"72\" y=\"261\" width=\"24\" height=\"9\" fill=\"white\"\/>\n          <text x=\"84\" y=\"268\" text-anchor=\"middle\" font-size=\"6\" fill=\"#cc2200\" font-family=\"Courier New\">3600<\/text>\n          <line x1=\"100\" y1=\"174\" x2=\"100\" y2=\"232\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <rect x=\"72\" y=\"200\" width=\"24\" height=\"9\" fill=\"white\"\/>\n          <text x=\"84\" y=\"207\" text-anchor=\"middle\" font-size=\"6\" fill=\"#cc2200\" font-family=\"Courier New\">3600<\/text>\n          <!-- Axis C D upper -->\n          <g font-family=\"Courier New\" font-size=\"7\" text-anchor=\"middle\" fill=\"#0055cc\">\n            <circle cx=\"295\" cy=\"446\" r=\"7\" fill=\"white\" stroke=\"#0055cc\" stroke-width=\"0.7\"\/>\n            <text x=\"295\" y=\"449\">C<\/text>\n            <circle cx=\"525\" cy=\"446\" r=\"7\" fill=\"white\" stroke=\"#0055cc\" stroke-width=\"0.7\"\/>\n            <text x=\"525\" y=\"449\">D<\/text>\n          <\/g>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 LAYER: 4-ROOF-PEDIMENT \u2500\u2500 -->\n      <g id=\"lRoof\" opacity=\"0\">\n        <!-- Cornice \/ entablature -->\n        <rect id=\"corniceOut\" x=\"164\" y=\"160\" width=\"532\" height=\"14\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.2\"\/>\n        <rect id=\"corniceFill\" x=\"164\" y=\"160\" width=\"532\" height=\"14\" fill=\"url(#hatchConcrete)\" opacity=\"0\"\/>\n        <!-- Cornice shadow line -->\n        <line x1=\"164\" y1=\"174\" x2=\"696\" y2=\"174\" stroke=\"#555\" stroke-width=\"2\" opacity=\"0\"\/>\n        <line id=\"cornShadow\" x1=\"164\" y1=\"174\" x2=\"696\" y2=\"174\" stroke=\"#bbb\" stroke-width=\"2.5\" opacity=\"0\"\/>\n\n        <!-- Pediment triangle outline -->\n        <polygon id=\"pedOut\" points=\"200,160 660,160 430,100\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.3\"\/>\n        <!-- Pediment fill -->\n        <polygon id=\"pedFill\" points=\"200,160 660,160 430,100\" fill=\"url(#hatchBrick)\" opacity=\"0\"\/>\n        <!-- Rake lines on pediment -->\n        <g id=\"pedRakes\" opacity=\"0\" stroke=\"#666\" stroke-width=\"0.5\">\n          <line x1=\"200\" y1=\"160\" x2=\"430\" y2=\"100\"\/>\n          <line x1=\"660\" y1=\"160\" x2=\"430\" y2=\"100\"\/>\n        <\/g>\n        <!-- Pediment tympanum decoration -->\n        <g id=\"pedDecor\" opacity=\"0\">\n          <circle cx=\"430\" cy=\"132\" r=\"16\" fill=\"white\" stroke=\"#1a1a1a\" stroke-width=\"0.8\"\/>\n          <polygon points=\"430,120 420,140 440,140\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"0.8\"\/>\n          <!-- Wreath hints -->\n          <circle cx=\"430\" cy=\"132\" r=\"10\" fill=\"none\" stroke=\"#999\" stroke-width=\"0.4\" stroke-dasharray=\"2,2\"\/>\n        <\/g>\n\n        <!-- Columns (rect cross-sections shown in elevation) -->\n        <g id=\"cols\" opacity=\"0\">\n          <!-- Left set -->\n          <rect x=\"175\" y=\"160\" width=\"14\" height=\"94\" fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <rect x=\"217\" y=\"160\" width=\"14\" height=\"94\" fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <rect x=\"259\" y=\"160\" width=\"14\" height=\"94\" fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <!-- Right set -->\n          <rect x=\"571\" y=\"160\" width=\"14\" height=\"94\" fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <rect x=\"613\" y=\"160\" width=\"14\" height=\"94\" fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <rect x=\"655\" y=\"160\" width=\"14\" height=\"94\" fill=\"url(#hatchConcrete)\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n          <!-- Column capitals (flat slab) -->\n          <g fill=\"#ddd\" stroke=\"#1a1a1a\" stroke-width=\"0.7\">\n            <rect x=\"171\" y=\"157\" width=\"22\" height=\"5\"\/>\n            <rect x=\"213\" y=\"157\" width=\"22\" height=\"5\"\/>\n            <rect x=\"255\" y=\"157\" width=\"22\" height=\"5\"\/>\n            <rect x=\"567\" y=\"157\" width=\"22\" height=\"5\"\/>\n            <rect x=\"609\" y=\"157\" width=\"22\" height=\"5\"\/>\n            <rect x=\"651\" y=\"157\" width=\"22\" height=\"5\"\/>\n          <\/g>\n          <!-- Column dimensions -->\n          <g font-family=\"Courier New\" font-size=\"6\" fill=\"#cc2200\">\n            <text x=\"182\" y=\"195\" text-anchor=\"middle\" transform=\"rotate(-90,182,195)\">H=9.400<\/text>\n          <\/g>\n        <\/g>\n\n        <!-- Roof level dim -->\n        <g id=\"roofDim\" opacity=\"0\">\n          <text x=\"75\" y=\"162\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+14.800<\/text>\n          <text x=\"75\" y=\"102\" text-anchor=\"end\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+20.200<\/text>\n          <line x1=\"100\" y1=\"100\" x2=\"100\" y2=\"160\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <rect x=\"72\" y=\"126\" width=\"24\" height=\"9\" fill=\"white\"\/>\n          <text x=\"84\" y=\"133\" text-anchor=\"middle\" font-size=\"6\" fill=\"#cc2200\" font-family=\"Courier New\">6000<\/text>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 LAYER: 5-DOME-FLAG \u2500\u2500 -->\n      <g id=\"lDome\" opacity=\"0\">\n        <!-- Drum -->\n        <rect id=\"drumOut\" x=\"390\" y=\"70\" width=\"80\" height=\"32\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.1\"\/>\n        <rect id=\"drumFill\" x=\"390\" y=\"70\" width=\"80\" height=\"32\" fill=\"url(#hatchConcrete)\" opacity=\"0\"\/>\n        <!-- Drum windows -->\n        <g id=\"drumWin\" opacity=\"0\" fill=\"url(#hatchFill)\" stroke=\"#1a1a1a\" stroke-width=\"0.7\">\n          <rect x=\"400\" y=\"76\" width=\"14\" height=\"18\"\/>\n          <rect x=\"426\" y=\"76\" width=\"14\" height=\"18\"\/>\n          <rect x=\"452\" y=\"76\" width=\"14\" height=\"18\"\/>\n        <\/g>\n\n        <!-- Dome semi-ellipse outline -->\n        <path id=\"domeOut\" d=\"M390,70 Q390,38 430,36 Q470,38 470,70 Z\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.3\"\/>\n        <path id=\"domeFill\" d=\"M390,70 Q390,38 430,36 Q470,38 470,70 Z\" fill=\"url(#hatchConcrete)\" opacity=\"0\"\/>\n        <!-- Dome ribs -->\n        <g id=\"domeRibs\" opacity=\"0\" stroke=\"#999\" stroke-width=\"0.5\">\n          <line x1=\"430\" y1=\"36\" x2=\"430\" y2=\"70\"\/>\n          <line x1=\"410\" y1=\"40\" x2=\"410\" y2=\"70\"\/>\n          <line x1=\"450\" y1=\"40\" x2=\"450\" y2=\"70\"\/>\n          <line x1=\"398\" y1=\"52\" x2=\"462\" y2=\"52\"\/>\n          <line x1=\"394\" y1=\"62\" x2=\"466\" y2=\"62\"\/>\n        <\/g>\n        <!-- Lantern -->\n        <rect id=\"lanternOut\" x=\"424\" y=\"52\" width=\"12\" height=\"18\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1\"\/>\n        <rect id=\"lanternFill\" x=\"424\" y=\"52\" width=\"12\" height=\"18\" fill=\"url(#hatchConcrete)\" opacity=\"0\"\/>\n\n        <!-- Flagpole -->\n        <line id=\"flagpole\" x1=\"430\" y1=\"20\" x2=\"430\" y2=\"52\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" opacity=\"0\"\/>\n\n        <!-- Ukrainian Flag -->\n        <g id=\"flagGroup\" opacity=\"0\">\n          <!-- Blue stripe -->\n          <path id=\"flagBlue\" d=\"M430,20 L470,22 L470,31 L430,29 Z\" fill=\"#005BBB\" stroke=\"#1a1a1a\" stroke-width=\"0.5\"\/>\n          <!-- Yellow stripe -->\n          <path id=\"flagYellow\" d=\"M430,29 L470,31 L470,40 L430,38 Z\" fill=\"#FFD700\" stroke=\"#1a1a1a\" stroke-width=\"0.5\"\/>\n        <\/g>\n\n        <!-- Dome height dim -->\n        <g id=\"domeDim\" opacity=\"0\">\n          <text x=\"745\" y=\"72\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+28.600<\/text>\n          <text x=\"745\" y=\"38\" font-size=\"6.5\" fill=\"#0055cc\" font-family=\"Courier New\">+34.200<\/text>\n          <line x1=\"740\" y1=\"36\" x2=\"740\" y2=\"70\" stroke=\"#cc2200\" stroke-width=\"0.6\" marker-start=\"url(#arrowR)\" marker-end=\"url(#arrow)\"\/>\n          <rect x=\"726\" y=\"49\" width=\"12\" height=\"9\" fill=\"white\"\/>\n          <text x=\"732\" y=\"56\" text-anchor=\"middle\" font-size=\"5.5\" fill=\"#cc2200\" font-family=\"Courier New\">5600<\/text>\n        <\/g>\n\n        <!-- Final annotation cloud + note -->\n        <g id=\"annotations\" opacity=\"0\" font-family=\"Courier New\">\n          <!-- Cloud \/ revision bubble right side -->\n          <text x=\"758\" y=\"110\" font-size=\"6.5\" fill=\"#333\" letter-spacing=\"1\">MATERIALIEN:<\/text>\n          <line x1=\"755\" y1=\"112\" x2=\"820\" y2=\"112\" stroke=\"#333\" stroke-width=\"0.4\"\/>\n          <text x=\"758\" y=\"122\" font-size=\"6\" fill=\"#555\">FASSADE: KALKSTEIN<\/text>\n          <text x=\"758\" y=\"131\" font-size=\"6\" fill=\"#555\">ST\u00dcTZEN: STB \u00d8600<\/text>\n          <text x=\"758\" y=\"140\" font-size=\"6\" fill=\"#555\">KUPPEL: KUPFER<\/text>\n          <text x=\"758\" y=\"149\" font-size=\"6\" fill=\"#555\">FUND.: MONOLITHISCHER STB<\/text>\n          <rect x=\"752\" y=\"100\" width=\"78\" height=\"55\" fill=\"none\" stroke=\"#333\" stroke-width=\"0.5\"\/>\n\n          <!-- Callout arrows to parts of building -->\n          <line x1=\"750\" y1=\"120\" x2=\"700\" y2=\"165\" stroke=\"#333\" stroke-width=\"0.5\" stroke-dasharray=\"3,2\"\/>\n          <line x1=\"750\" y1=\"130\" x2=\"670\" y2=\"240\" stroke=\"#333\" stroke-width=\"0.5\" stroke-dasharray=\"3,2\"\/>\n          <line x1=\"750\" y1=\"55\" x2=\"475\" y2=\"55\" stroke=\"#333\" stroke-width=\"0.5\" stroke-dasharray=\"3,2\"\/>\n\n          <!-- Slope symbol on pediment -->\n          <text x=\"310\" y=\"128\" font-size=\"7\" fill=\"#333\" transform=\"rotate(-14,310,128)\">\u25bd 1:6<\/text>\n          <text x=\"500\" y=\"128\" font-size=\"7\" fill=\"#333\" transform=\"rotate(14,500,128)\">\u25bd 1:6<\/text>\n        <\/g>\n      <\/g>\n\n      <!-- \u2500\u2500 Scan cursor line \u2500\u2500 -->\n      <line id=\"scanLine\" x1=\"20\" y1=\"-10\" x2=\"840\" y2=\"-10\" stroke=\"#0055cc\" stroke-width=\"0.6\" stroke-dasharray=\"4,4\" opacity=\"0.5\"><\/line>\n\n    <\/svg>\n\n    <div class=\"acad-progress\" id=\"progBar2\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   AutoCAD-style construction animation engine\n   Smooth transitions: line draw \u2192 fill \u2192 next layer\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\nconst CYCLE = 9000; \/\/ total cycle ms\nconst cmdEl   = document.getElementById('cmdText');\nconst layerEl = document.getElementById('layerText');\nconst prog1   = document.getElementById('progBar');\nconst prog2   = document.getElementById('progBar2');\nconst scan    = document.getElementById('scanLine');\n\n\/* \u2500\u2500 Easing functions \u2500\u2500 *\/\nconst easeIn  = t => t * t;\nconst easeOut = t => 1 - (1-t)*(1-t);\nconst easeIO  = t => t < 0.5 ? 2*t*t : 1-Math.pow(-2*t+2,2)\/2;\nconst linear  = t => t;\n\n\/* \u2500\u2500 Lerp helper \u2500\u2500 *\/\nconst lerp = (a, b, t) => a + (b - a) * t;\nconst clamp = (v, mn, mx) => Math.min(mx, Math.max(mn, v));\nconst norm  = (v, a, b) => clamp((v - a) \/ (b - a), 0, 1); \/\/ normalizes v in [a,b] \u2192 [0,1]\n\n\/* \u2500\u2500 Set element opacity smoothly \u2500\u2500 *\/\nfunction setOp(id, val) {\n  const el = document.getElementById(id);\n  if (el) el.style.opacity = val;\n}\nfunction opAt(id, start, end, t) {\n  setOp(id, easeIO(norm(t, start, end)));\n}\n\n\/* \u2500\u2500 Draw path with dashoffset \u2500\u2500 *\/\nfunction getLen(id) {\n  const el = document.getElementById(id);\n  if (!el) return 0;\n  try { return el.getTotalLength ? el.getTotalLength() : 999; } catch(e) { return 999; }\n}\n\nfunction drawPath(id, progress) {\n  const el = document.getElementById(id);\n  if (!el) return;\n  const len = getLen(id) || 999;\n  el.style.strokeDasharray  = len;\n  el.style.strokeDashoffset = len * (1 - clamp(progress, 0, 1));\n}\n\n\/* \u2500\u2500 Animate rect border draw (sets strokeDasharray based on perimeter) \u2500\u2500 *\/\nfunction drawRect(id, progress) {\n  const el = document.getElementById(id);\n  if (!el) return;\n  const w = parseFloat(el.getAttribute('width')  || 100);\n  const h = parseFloat(el.getAttribute('height') || 100);\n  const perim = 2 * (w + h);\n  el.style.strokeDasharray  = perim;\n  el.style.strokeDashoffset = perim * (1 - clamp(progress, 0, 1));\n}\n\/* perimeter for polygon *\/\nfunction drawPoly(id, progress, perim) {\n  const el = document.getElementById(id);\n  if (!el) return;\n  el.style.strokeDasharray  = perim;\n  el.style.strokeDashoffset = perim * (1 - clamp(progress, 0, 1));\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MAIN ANIMATION LOOP\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nlet t0 = null;\n\nfunction frame(ts) {\n  if (!t0) t0 = ts;\n  const elapsed = (ts - t0) % CYCLE;\n  const T = elapsed \/ CYCLE; \/\/ 0..1 normalized over full cycle\n\n  \/* Progress bars *\/\n  const pw = (T * 100).toFixed(2) + '%';\n  if (prog1) prog1.style.width = pw;\n  if (prog2) prog2.style.width = pw;\n\n  \/* Scan line sweeps top \u2192 bottom *\/\n  const sy = 20 + T * 460;\n  if (scan) { scan.setAttribute('y1', sy); scan.setAttribute('y2', sy); }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PHASE 0  [0 \u2192 0.12]  SURVEY\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const p0s = 0, p0e = 0.12;\n  if (T >= p0s) {\n    setOp('lSurvey', easeIO(norm(T, p0s, p0e)));\n    if (T >= p0s && T < p0e) {\n      setCmdLayer('VERMESSUNG', '0-VERMESSUNG');\n    }\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PHASE 1  [0.10 \u2192 0.24]  FOUNDATION\n     Lines draw first, then fill\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const p1s = 0.10, p1e = 0.24;\n  if (T >= p1s) {\n    setOp('lFoundation', 1);\n    const lp = norm(T, p1s, p1e);\n\n    \/\/ Draw outline first half\n    drawRect('fndOutline', easeOut(norm(T, p1s, p1s + (p1e-p1s)*0.45)));\n    \/\/ Fill appears second half\n    setOp('fndFill',   easeIO(norm(T, p1s+(p1e-p1s)*0.40, p1e)));\n    setOp('footings',  easeIO(norm(T, p1s+(p1e-p1s)*0.55, p1e)));\n    setOp('fndDim',    easeIO(norm(T, p1s+(p1e-p1s)*0.7, p1e)));\n    if (T >= p1s && T < p1e) setCmdLayer('FUNDAMENT', '1-FUNDAMENT');\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PHASE 2  [0.22 \u2192 0.42]  GROUND FLOOR\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const p2s = 0.22, p2e = 0.42;\n  if (T >= p2s) {\n    setOp('lGround', 1);\n    \/\/ Wall outline draws\n    drawRect('gfWallOut', easeOut(norm(T, p2s, p2s+(p2e-p2s)*0.35)));\n    \/\/ Wall fill\n    setOp('gfWallFill', easeIO(norm(T, p2s+(p2e-p2s)*0.3, p2s+(p2e-p2s)*0.55)));\n    \/\/ Dividers\n    setOp('gfDividers', easeIO(norm(T, p2s+(p2e-p2s)*0.40, p2s+(p2e-p2s)*0.60)));\n    \/\/ Windows\n    setOp('gfWindows', easeIO(norm(T, p2s+(p2e-p2s)*0.55, p2s+(p2e-p2s)*0.75)));\n    \/\/ Door\n    setOp('gfDoor', easeIO(norm(T, p2s+(p2e-p2s)*0.65, p2s+(p2e-p2s)*0.82)));\n    \/\/ Columns\n    setOp('gfCols', easeIO(norm(T, p2s+(p2e-p2s)*0.72, p2e)));\n    \/\/ Dimensions\n    setOp('gfDim', easeIO(norm(T, p2s+(p2e-p2s)*0.80, p2e)));\n    if (T >= p2s && T < p2e) setCmdLayer('WAND EG', '2-ERDGESCHOSS');\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PHASE 3  [0.40 \u2192 0.62]  UPPER FLOORS\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const p3s = 0.40, p3e = 0.62;\n  if (T >= p3s) {\n    setOp('lUpper', 1);\n    \/\/ 2F wall\n    drawRect('uf2Fill', 0); \/\/ we'll use opacity instead\n    setOp('uf2Fill', easeIO(norm(T, p3s, p3s+(p3e-p3s)*0.28)));\n    setOp('uf2Win',  easeIO(norm(T, p3s+(p3e-p3s)*0.22, p3s+(p3e-p3s)*0.48)));\n    \/\/ 3F wall\n    setOp('uf3Fill', easeIO(norm(T, p3s+(p3e-p3s)*0.42, p3s+(p3e-p3s)*0.72)));\n    setOp('uf3Win',  easeIO(norm(T, p3s+(p3e-p3s)*0.68, p3s+(p3e-p3s)*0.90)));\n    setOp('ufDims',  easeIO(norm(T, p3s+(p3e-p3s)*0.80, p3e)));\n    if (T >= p3s && T < p3e) setCmdLayer('OBERGESCHOSSE', '3-OBERGESCHOSSE');\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PHASE 4  [0.60 \u2192 0.80]  ROOF \/ PEDIMENT \/ COLUMNS\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const p4s = 0.60, p4e = 0.80;\n  if (T >= p4s) {\n    setOp('lRoof', 1);\n    \/\/ Cornice line draw\n    drawRect('corniceOut', easeOut(norm(T, p4s, p4s+(p4e-p4s)*0.20)));\n    setOp('corniceFill', easeIO(norm(T, p4s+(p4e-p4s)*0.15, p4s+(p4e-p4s)*0.35)));\n    setOp('cornShadow',  easeIO(norm(T, p4s+(p4e-p4s)*0.25, p4s+(p4e-p4s)*0.40)));\n    \/\/ Pediment outline\n    drawPoly('pedOut', easeOut(norm(T, p4s+(p4e-p4s)*0.28, p4s+(p4e-p4s)*0.55)), 800);\n    setOp('pedFill',  easeIO(norm(T, p4s+(p4e-p4s)*0.50, p4s+(p4e-p4s)*0.68)));\n    setOp('pedRakes', easeIO(norm(T, p4s+(p4e-p4s)*0.40, p4s+(p4e-p4s)*0.62)));\n    setOp('pedDecor', easeIO(norm(T, p4s+(p4e-p4s)*0.62, p4s+(p4e-p4s)*0.78)));\n    \/\/ Columns\n    setOp('cols',    easeIO(norm(T, p4s+(p4e-p4s)*0.55, p4s+(p4e-p4s)*0.80)));\n    setOp('roofDim', easeIO(norm(T, p4s+(p4e-p4s)*0.75, p4e)));\n    if (T >= p4s && T < p4e) setCmdLayer('GIEBEL', '4-DACH-GIEBEL');\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PHASE 5  [0.78 \u2192 1.00]  DOME + FLAG + ANNOTATIONS\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const p5s = 0.78, p5e = 1.00;\n  if (T >= p5s) {\n    setOp('lDome', 1);\n    \/\/ Drum\n    drawRect('drumOut', easeOut(norm(T, p5s, p5s+(p5e-p5s)*0.18)));\n    setOp('drumFill', easeIO(norm(T, p5s+(p5e-p5s)*0.14, p5s+(p5e-p5s)*0.30)));\n    setOp('drumWin',  easeIO(norm(T, p5s+(p5e-p5s)*0.28, p5s+(p5e-p5s)*0.42)));\n    \/\/ Dome\n    drawPath('domeOut', easeOut(norm(T, p5s+(p5e-p5s)*0.32, p5s+(p5e-p5s)*0.50)));\n    setOp('domeFill',  easeIO(norm(T, p5s+(p5e-p5s)*0.46, p5s+(p5e-p5s)*0.62)));\n    setOp('domeRibs',  easeIO(norm(T, p5s+(p5e-p5s)*0.55, p5s+(p5e-p5s)*0.68)));\n    \/\/ Lantern\n    drawRect('lanternOut', easeOut(norm(T, p5s+(p5e-p5s)*0.60, p5s+(p5e-p5s)*0.72)));\n    setOp('lanternFill', easeIO(norm(T, p5s+(p5e-p5s)*0.68, p5s+(p5e-p5s)*0.78)));\n    \/\/ Flagpole\n    setOp('flagpole', easeIO(norm(T, p5s+(p5e-p5s)*0.72, p5s+(p5e-p5s)*0.82)));\n    \/\/ Flag\n    setOp('flagGroup', easeIO(norm(T, p5s+(p5e-p5s)*0.78, p5s+(p5e-p5s)*0.90)));\n    \/\/ Dims + annotations\n    setOp('domeDim',     easeIO(norm(T, p5s+(p5e-p5s)*0.82, p5s+(p5e-p5s)*0.94)));\n    setOp('annotations', easeIO(norm(T, p5s+(p5e-p5s)*0.87, p5e)));\n    if (T >= p5s) setCmdLayer('KUPPEL + FLAGGE', '5-KUPPEL-FLAGGE');\n  }\n\n  \/* Flag wave on last phase *\/\n  if (T >= p5s + (p5e-p5s)*0.78) {\n    const wt = ts \/ 800;\n    const amp = 6;\n    const fb = document.getElementById('flagBlue');\n    const fy = document.getElementById('flagYellow');\n    const mid1 = 22 + Math.sin(wt) * amp * 0.4;\n    const end1 = 22 + Math.sin(wt + 0.3) * amp;\n    const mid2 = 31 + Math.sin(wt) * amp * 0.4;\n    const end2 = 31 + Math.sin(wt + 0.3) * amp;\n    if (fb) fb.setAttribute('d', `M430,20 L${460+Math.sin(wt)*2},${mid1} L${470+Math.sin(wt+0.3)*amp},${end1-9} L${470+Math.sin(wt+0.3)*amp},${end1} L${460+Math.sin(wt)*2},${mid1+9} L430,29 Z`);\n    if (fy) fy.setAttribute('d', `M430,29 L${460+Math.sin(wt)*2},${mid2} L${470+Math.sin(wt+0.3)*amp},${end2-9} L${470+Math.sin(wt+0.3)*amp},${end2} L${460+Math.sin(wt)*2},${mid2+9} L430,38 Z`);\n  }\n\n  \/* Reset at cycle end \u2014 fade everything out then restart *\/\n  if (T > 0.985) {\n    const fadeOut = norm(T, 0.985, 1.0);\n    ['lSurvey','lFoundation','lGround','lUpper','lRoof','lDome'].forEach(id => {\n      const el = document.getElementById(id);\n      if (el) el.style.opacity = 1 - easeIn(fadeOut);\n    });\n  }\n\n  requestAnimationFrame(frame);\n}\n\n\/* \u2500\u2500 Command \/ layer text helpers \u2500\u2500 *\/\nlet _lastCmd = '';\nfunction setCmdLayer(cmd, layer) {\n  if (_lastCmd === cmd) return;\n  _lastCmd = cmd;\n  if (cmdEl)   cmdEl.textContent   = cmd;\n  if (layerEl) layerEl.textContent = 'LAYER: ' + layer;\n}\n\n\/* \u2500\u2500 Init: set all layers hidden, clear dashoffset \u2500\u2500 *\/\n['lSurvey','lFoundation','lGround','lUpper','lRoof','lDome'].forEach(id => {\n  const el = document.getElementById(id);\n  if (el) el.style.opacity = 0;\n});\n\/* pre-setup stroke-dash for drawn elements *\/\n['fndOutline','gfWallOut','corniceOut','drumOut','lanternOut'].forEach(id => {\n  const el = document.getElementById(id);\n  if (!el) return;\n  const w = parseFloat(el.getAttribute('width')  || 100);\n  const h = parseFloat(el.getAttribute('height') || 100);\n  const p = 2*(w+h);\n  el.style.strokeDasharray  = p;\n  el.style.strokeDashoffset = p;\n  el.style.fill = 'none';\n});\n['pedOut'].forEach(id => {\n  const el = document.getElementById(id);\n  if (!el) return;\n  el.style.strokeDasharray  = 800;\n  el.style.strokeDashoffset = 800;\n  el.style.fill = 'none';\n});\n['domeOut'].forEach(id => {\n  const el = document.getElementById(id);\n  if (!el) return;\n  try {\n    const len = el.getTotalLength();\n    el.style.strokeDasharray  = len;\n    el.style.strokeDashoffset = len;\n  } catch(e) {}\n  el.style.fill = 'none';\n});\n\nrequestAnimationFrame(frame);\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-247a83b e-con-full e-flex e-con e-parent\" data-id=\"247a83b\" data-element_type=\"container\" data-e-type=\"container\" id=\"resume-form\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4272e2c elementor-widget elementor-widget-html\" data-id=\"4272e2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&display=swap\">\n\n<div id=\"specVac\">\n<style>\n#specVac{font-family:\"Montserrat\",sans-serif;color:#29264B;width:100%}\n#specVac *,#specVac *::before,#specVac *::after{box-sizing:border-box;margin:0;padding:0}\n#specVac .vw{padding:56px 20px 68px;max-width:1240px;margin:0 auto}\n#specVac .vw-head{text-align:center;margin-bottom:40px}\n#specVac .vw-head h2{font-family:\"Montserrat\",sans-serif!important;font-size:clamp(24px,3.5vw,42px)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;color:#29264B!important;line-height:1.1!important;margin-bottom:8px!important}\n#specVac .vw-head p{font-family:\"Montserrat\",sans-serif;font-size:clamp(14px,1.5vw,18px);font-style:italic;font-weight:600;color:#333681}\n#specVac .vw-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #E8EEF8;margin-bottom:36px;justify-content:center}\n#specVac .vw-tab{padding:12px 24px;border:none;border-bottom:2px solid transparent;background:transparent;color:#888;font-family:\"Montserrat\",sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:-2px;transition:color .2s,border-color .2s;outline:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}\n#specVac .vw-tab .vw-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50px;padding:0 5px;background:#EEF4FB;color:#468DCB;font-size:11px;font-weight:800;transition:all .2s}\n#specVac .vw-tab:hover{color:#29264B}\n#specVac .vw-tab.on{color:#29264B;border-bottom-color:#D02832}\n#specVac .vw-tab.on .vw-n{background:#29264B;color:#fff}\n#specVac .vw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}\n#specVac .vw-card{background:#EEF4FB;border-radius:18px;padding:26px 26px 20px;display:flex;flex-direction:column;border:1.5px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s}\n#specVac .vw-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(70,141,203,.18);border-color:rgba(70,141,203,.25)}\n#specVac .vw-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-family:\"Montserrat\",sans-serif;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#fff;align-self:flex-start;margin-bottom:12px}\n#specVac .vw-title{font-family:\"Montserrat\",sans-serif;font-size:15px;font-weight:700;color:#29264B;line-height:1.4;margin-bottom:16px;flex:1}\n#specVac .vw-meta{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:14px}\n#specVac .vw-meta li{display:flex;align-items:center;gap:8px;font-family:\"Montserrat\",sans-serif;font-size:13px;font-weight:500;color:#29264B}\n#specVac .vw-meta li svg{width:15px;height:15px;flex-shrink:0;color:#468DCB}\n#specVac .vw-urgent{font-weight:700;color:#D02832;font-size:12px}\n#specVac .vw-bron{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;margin-bottom:14px;background:linear-gradient(135deg,#e8f4fd,#ddeeff);border:1.5px solid rgba(70,141,203,.3);border-radius:8px;width:fit-content}\n#specVac .vw-bron svg{width:13px;height:13px;color:#468DCB;flex-shrink:0}\n#specVac .vw-bron span{font-family:\"Montserrat\",sans-serif;font-size:12px;font-weight:700;color:#468DCB}\n#specVac .vw-btn{display:block;width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #C6DCEE;background:transparent;color:#29264B;font-family:\"Montserrat\",sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;outline:none;margin-top:auto}\n#specVac .vw-btn:hover{background:#29264B;border-color:#29264B;color:#fff}\n#specVac .vw-msg{text-align:center;padding:60px 20px;grid-column:1\/-1;font-family:\"Montserrat\",sans-serif;color:#aaa;font-size:14px;font-weight:500}\n#specVac .vw-spin{width:36px;height:36px;border-radius:50%;border:3px solid #EEF4FB;border-top-color:#29264B;animation:vwSp .75s linear infinite;margin:0 auto 14px}\n@keyframes vwSp{to{transform:rotate(360deg)}}\n@media(max-width:640px){#specVac .vw{padding:36px 14px 48px}#specVac .vw-tab{font-size:12px;padding:10px 14px}#specVac .vw-grid{grid-template-columns:1fr}}\n<\/style>\n\n<div class=\"vw\">\n  <div class=\"vw-head\">\n    <h2>Aktuelle Stellenangebote<\/h2>\n    <p>Wir warten auf die St\u00e4rksten in unserem Team!<\/p>\n  <\/div>\n  <div class=\"vw-tabs\" id=\"vwTabs\"><\/div>\n  <div class=\"vw-grid\" id=\"vwGrid\">\n    <div class=\"vw-msg\"><div class=\"vw-spin\"><\/div>Stellenangebote werden geladen...<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n(function(){\n\nvar API = 'https:\/\/script.google.com\/macros\/s\/AKfycbzy5VuGauyOmXT2LKSR3eTHczaKOs1t52O07yzg5q-yUZHm6SsQqms1QsRQLabQpTw5\/exec?lang=de';\n\nvar CATS = [\n  {key:'mgmt',  label:'Management',  clr:'#333681', kw:['project manager','project-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440','\u0433\u043e\u043b\u043e\u0432\u043d\u0438\u0439 \u0456\u043d\u0436\u0435\u043d\u0435\u0440','\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442','pm ']},\n  {key:'build', label:'Bau', clr:'#1a5e8a', kw:['\u0432\u0438\u043a\u043e\u043d\u0440\u043e\u0431','\u0431\u0443\u0434\u0456\u0432\u0435\u043b\u044c\u043d','\u043c\u043e\u043d\u0442\u0430\u0436\u043d\u0438\u043a','\u0442\u0435\u0445\u043d\u0456\u043a','\u0437\u0432\u0430\u0440\u044e\u0432\u0430\u043b\u044c\u043d\u0438\u043a']},\n  {key:'eng',   label:'Technik',   clr:'#0e6655', kw:['\u0456\u043d\u0436\u0435\u043d\u0435\u0440','\u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441','\u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446','\u043a\u043e\u043d\u0434\u0438\u0446\u0456\u043e\u043d','\u043e\u0432\u0456\u043a','\u043e\u0432\u043a','\u0435\u043b\u0435\u043a\u0442\u0440\u0438\u043a','\u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f','\u0437\u0430\u043a\u0443\u043f\u0456\u0432\u0435\u043b\u044c']},\n  {key:'office',label:'B\u00fcro & IT',  clr:'#5a4e9e', kw:['\u043e\u0444\u0456\u0441','\u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440','\u0430\u0441\u0438\u0441\u0442\u0435\u043d\u0442','\u0441\u0438\u0441\u0442\u0435\u043c\u043d\u0438\u0439','\u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440','\u044e\u0440\u0438\u0441\u0442','\u043a\u0430\u0434\u0440\u043e\u0432\u0438\u0439']},\n  {key:'mkt',   label:'Marketing',   clr:'#b5420e', kw:['\u0434\u0438\u0437\u0430\u0439\u043d','\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433','\u043a\u043e\u043d\u0442\u0435\u043d\u0442','smm']}\n];\n\nvar RECS = {\n  mgmt:  {name:'Iryna', phone:'073 1700 911'},\n  build: {name:'Iryna', phone:'073 1700 911'},\n  eng:   {name:'Iryna', phone:'073 1700 911'},\n  office:{name:'Yana',   phone:'068 312 15 54'},\n  mkt:   {name:'Yana',   phone:'068 312 15 54'},\n  other: {name:'Yana',   phone:'068 312 15 54'}\n};\n\nvar all = [];\n\nfunction cat(title){\n  var t = title.toLowerCase();\n  for(var i=0;i<CATS.length;i++)\n    for(var j=0;j<CATS[i].kw.length;j++)\n      if(t.indexOf(CATS[i].kw[j])!==-1) return CATS[i];\n  return {key:'other',label:'Sonstige',clr:'#666',kw:[]};\n}\n\nfunction renderCards(list){\n  var g = document.getElementById('vwGrid');\n  if(!g) return;\n  if(!list.length){ g.innerHTML='<div class=\"vw-msg\">Keine Stellenangebote gefunden<\/div>'; return; }\n  var h='';\n  list.forEach(function(v){\n    var c=cat(v.title), r=RECS[c.key]||RECS.other;\n    h+='<div class=\"vw-card\">'+\n      '<span class=\"vw-badge\" style=\"background:'+c.clr+'\">'+c.label+'<\/span>'+\n      '<div class=\"vw-title\">'+v.title+'<\/div>'+\n      '<ul class=\"vw-meta\">'+\n        '<li><svg viewBox=\"0 0 24 24\" fill=\"#D02832\" width=\"15\" height=\"15\"><path d=\"M12 2C9.5 6 7 8.5 7 12a5 5 0 0010 0c0-2-1-4-2-5.5C14.5 8 14 9 14 10a2 2 0 01-4 0c0-2 1-4 2-8z\"\/><\/svg><span class=\"vw-urgent\">Gefragte Stelle<\/span><\/li>'+\n        '<li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" width=\"15\" height=\"15\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Kyjiw<\/li>'+\n        \n      '<\/ul>'+\n      (v.booking?'<div class=\"vw-bron\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"13\" height=\"13\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><span>Aufschub<\/span><\/div>':'')+\n      '<button class=\"vw-btn\" data-id=\"'+v.id+'\">Stelle ansehen<\/button>'+\n    '<\/div>';\n  });\n  g.innerHTML=h;\n}\n\nfunction buildTabs(list){\n  var el=document.getElementById('vwTabs');\n  if(!el) return;\n  var cnt={};\n  list.forEach(function(v){ var k=cat(v.title).key; cnt[k]=(cnt[k]||0)+1; });\n  var h='<button class=\"vw-tab on\" data-cat=\"all\">Alle Stellen <span class=\"vw-n\">'+list.length+'<\/span><\/button>';\n  CATS.forEach(function(c){ if(cnt[c.key]) h+='<button class=\"vw-tab\" data-cat=\"'+c.key+'\">'+c.label+' <span class=\"vw-n\">'+cnt[c.key]+'<\/span><\/button>'; });\n  el.innerHTML=h;\n  el.querySelectorAll('.vw-tab').forEach(function(tab){\n    tab.addEventListener('click',function(){\n      el.querySelectorAll('.vw-tab').forEach(function(t){t.classList.remove('on');});\n      tab.classList.add('on');\n      var k=tab.getAttribute('data-cat');\n      renderCards(k==='all'?all:all.filter(function(v){return cat(v.title).key===k;}));\n    });\n  });\n}\n\n\/* Card click \u2014 event delegation *\/\ndocument.addEventListener('click',function(e){\n  var b=e.target.closest?e.target.closest('[data-id]'):null;\n  if(!b&&e.target.getAttribute) b=e.target.getAttribute('data-id')?e.target:null;\n  if(!b) return;\n  var id=b.getAttribute('data-id');\n  if(id) showPopup(id);\n});\n\n\/* Fetch *\/\nfunction load(){\n  var g=document.getElementById('vwGrid');\n  \/* Try fetch first (handles CORS + redirects better) *\/\n  var fetched = false;\n  try {\n    fetch(API, {method:'GET', redirect:'follow'})\n      .then(function(r){ return r.json(); })\n      .then(function(d){\n        fetched = true;\n        if(d&&d.ok&&d.vacancies&&d.vacancies.length){\n          all=d.vacancies; buildTabs(all); renderCards(all);\n        } else {\n          if(g) g.innerHTML='<div class=\"vw-msg\">Stellenangebote sind vor\u00fcbergehend nicht verf\u00fcgbar<\/div>';\n        }\n      })\n      .catch(function(){\n        \/* Fallback: XHR *\/\n        if(!fetched) doXHR();\n      });\n  } catch(e) { doXHR(); }\n\n  function doXHR(){\n    var xhr=new XMLHttpRequest();\n    xhr.open('GET',API,true);\n    xhr.timeout=25000;\n    xhr.onload=function(){\n      try{\n        var d=JSON.parse(xhr.responseText);\n        if(d&&d.ok&&d.vacancies&&d.vacancies.length){\n          all=d.vacancies; buildTabs(all); renderCards(all);\n        } else {\n          if(g) g.innerHTML='<div class=\"vw-msg\">Stellenangebote sind vor\u00fcbergehend nicht verf\u00fcgbar<\/div>';\n        }\n      }catch(e){\n        if(g) g.innerHTML='<div class=\"vw-msg\">Ladefehler. Bitte laden Sie die Seite neu.<\/div>';\n      }\n    };\n    xhr.ontimeout=xhr.onerror=function(){\n      if(g) g.innerHTML='<div class=\"vw-msg\">Stellenangebote konnten nicht geladen werden. Bitte laden Sie die Seite neu.<\/div>';\n    };\n    xhr.send();\n  }\n}\n\nif(document.readyState==='loading'){\n  document.addEventListener('DOMContentLoaded',load);\n} else {\n  load();\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 POPUP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nvar LOGO = '<svg width=\"130\" height=\"42\" viewBox=\"0 0 750 244\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M271.926 222.806H334.932L418.722 122.076L334.41 21.1183H271.993L356.332 121.849L271.926 222.806Z\" fill=\"#D02832\"\/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M193.733 222.806H246.844L330.66 122.049L246.361 21.1183H193.733L278.059 121.875L193.733 222.806Z\" fill=\"#468DCB\"\/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M212.829 243.925H280.563L381.923 122.076L279.974 0H212.87L314.845 121.849L212.829 243.925Z\" fill=\"#333681\"\/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M47.3248 157.644H12.1991C-0.134418 157.644 -1.83513 152.194 1.48595 141.882L12.5874 107.279C16.2969 95.7353 20.9303 90.2314 35.7412 90.2314H68.9653L63.3811 107.613H30.157L19.8858 139.619H53.1099L47.3248 157.644ZM189.783 90.2314H207.392L191.537 139.619H209.227L225.083 90.2314H242.88L227.024 139.619H232.421L226.636 157.644H183.582C169.08 157.644 170.954 148.886 173.927 139.619L189.783 90.2314ZM162.089 157.644H114.054L135.695 90.2314H183.73L178.146 107.613H147.801L144.881 116.666H172.668L168.156 130.7H140.382L137.516 139.619H167.874L162.089 157.644ZM70.5455 157.644H52.8287L74.4692 90.2314H129.12L107.479 157.644H89.8292L105.885 107.613H86.6152L70.5455 157.644Z\" fill=\"#FEFEFE\"\/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M473.668 157.644H438.542C426.208 157.644 424.508 152.194 427.829 141.882L438.93 107.279C442.64 95.7353 447.273 90.2314 462.084 90.2314H495.308L489.724 107.613H456.5L446.228 139.619H479.453L473.668 157.644ZM591.592 157.644L613.233 90.2314H653.541C661.603 90.2314 667.642 90.834 663.786 102.846L661.04 111.417C659.045 117.59 656.487 120.268 652.845 122.558C655.095 123.871 655.965 127.205 654.586 131.517L650.89 143.007C647.997 152.046 643.364 157.644 635.503 157.644H591.592ZM614.96 139.619L617.826 130.7H637.391L634.525 139.619H614.96ZM622.339 116.666L625.245 107.613H644.796L641.891 116.666H622.339ZM550.012 157.644H532.576L554.204 90.2314H592.061C602.306 90.2314 607.167 92.6285 602.573 106.917L600.591 113.091C597.726 122.049 593.842 130.7 583.397 130.7H558.663L550.012 157.644ZM566.082 107.613L563.176 116.666H581.924L584.95 107.613H566.082ZM670.642 157.644H652.791L674.432 90.2314H692.283L670.642 157.644ZM728.359 157.644H693.233C680.9 157.644 679.212 152.194 682.52 141.882L693.635 107.279C697.331 95.7353 701.964 90.2314 716.775 90.2314H749.999L744.429 107.613H711.205L700.92 139.619H734.144L728.359 157.644ZM526.912 157.644H478.89L500.531 90.2314H548.552L542.982 107.613H512.623L509.717 116.666H537.491L532.992 130.7H505.218L502.352 139.619H532.697L526.912 157.644Z\" fill=\"#FEFEFE\"\/><path d=\"M387.828 194.537H395.957C399.867 194.537 403.242 192.261 404.34 188.846L404.394 188.658C405.478 185.244 403.657 183.021 399.814 183.021H395.636L396.72 179.606H405.96L407.112 176.003H393.747L387.828 194.537ZM392.971 191.042L394.511 186.221H398.421C399.908 186.221 400.724 187.118 400.283 188.524L400.216 188.739C399.76 190.172 398.421 191.042 396.881 191.042H392.971ZM408.947 194.872C411.612 194.872 413.58 193.546 415.415 190.855L425.525 176.003H421.374L414.906 186.328H414.665L413.728 176.003H409.255L411.33 190.56C410.741 191.23 409.991 191.43 409.215 191.43C408.424 191.43 407.608 191.176 407.139 190.828L406.027 194.296C406.898 194.658 407.996 194.872 408.947 194.872ZM417.973 198.099H421.883L423.035 194.537H433.266L432.127 198.099H436.051L438.287 191.096H436.198L441.006 176.003H427.936L427.333 177.892C425.03 185.11 423.276 189.448 421.722 191.096H420.209L417.973 198.099ZM430.828 179.391H435.877L432.141 191.096H425.525C427.199 188.926 428.9 185.163 430.761 179.579L430.828 179.391ZM443.055 194.872C445.733 194.872 447.688 193.546 449.536 190.855L459.647 176.003H455.482L449.014 186.328H448.773L447.835 176.003H443.363L445.438 190.56C444.863 191.23 444.099 191.43 443.336 191.43C442.546 191.43 441.729 191.176 441.26 190.828L440.149 194.296C441.006 194.658 442.104 194.872 443.055 194.872ZM463.062 194.872H463.088C466.342 194.872 469.65 193.319 471.994 190.881L469.73 188.578C468.19 190.265 466.249 191.23 464.28 191.23H464.227C461.508 191.23 460.169 189.448 460.544 186.784H467.923L468.954 183.57H461.588C462.981 180.985 465.392 179.284 468.016 179.284H468.097C469.998 179.284 471.19 180.195 471.766 181.989L475.529 179.713C474.538 177.195 472.342 175.682 469.114 175.682H469.088C463.718 175.682 458.562 179.74 456.808 185.217L456.768 185.351C455.013 190.855 457.558 194.872 463.062 194.872ZM473.333 194.537H477.364L481.689 180.985H481.903L482.466 192.073H485.506L493.125 180.985H493.353L489.027 194.537H493.058L498.964 176.003H493.125L485.8 186.757H485.559L485.104 176.003H479.252L473.333 194.537ZM499.044 185.377C497.33 190.747 499.875 194.872 505.218 194.872H505.486C510.855 194.872 516.011 190.828 517.752 185.404L517.832 185.136C519.56 179.713 517.002 175.642 511.632 175.642H511.364C505.968 175.642 500.852 179.713 499.111 185.163L499.044 185.377ZM503.329 185.377L503.396 185.163C504.521 181.641 507.427 179.258 510.239 179.258H510.454C513.306 179.258 514.659 181.641 513.534 185.163L513.467 185.377C512.342 188.899 509.463 191.283 506.637 191.283H506.423C503.597 191.283 502.205 188.899 503.329 185.377ZM524.729 194.537H528.854L531.626 185.846H531.84L535.482 194.537H540.424L535.871 184.534L545.861 176.003H541.147L532.55 183.73H532.309L534.773 176.003H530.648L524.729 194.537ZM542.54 194.537H546.678L548.539 188.685H551.418C555.556 188.685 559.118 186.194 560.337 182.405L560.404 182.204C561.582 178.494 559.6 176.003 555.476 176.003H548.459L542.54 194.537ZM549.45 185.431L551.324 179.552H554.07C556.025 179.552 556.775 180.637 556.239 182.311L556.172 182.485C555.636 184.186 554.083 185.431 552.088 185.431H549.45ZM555.663 194.537H560.082L562.56 190.667H569.389L569.376 194.537H573.768L573.313 176.003H568.01L555.663 194.537ZM564.568 187.359L569.135 180.289H569.403L569.47 187.359H564.568ZM581.602 174.504C582.634 174.504 583.691 173.754 584.04 172.642C584.401 171.531 583.825 170.767 582.794 170.767C581.723 170.767 580.745 171.531 580.384 172.642C580.036 173.754 580.531 174.504 581.602 174.504ZM586.517 174.504C587.575 174.504 588.606 173.754 588.968 172.642C589.316 171.531 588.767 170.767 587.709 170.767C586.624 170.767 585.66 171.531 585.312 172.642C584.95 173.754 585.432 174.504 586.517 174.504ZM575.616 194.537H579.754L585.66 176.003H581.535L575.616 194.537ZM583.772 194.537H587.896L590.32 186.931H597.311L594.887 194.537H599.038L604.957 176.003H600.806L598.462 183.342H591.472L593.815 176.003H589.691L583.772 194.537ZM606.872 194.872C609.55 194.872 611.505 193.546 613.34 190.855L623.451 176.003H619.299L612.831 186.328H612.59L611.653 176.003H607.18L609.256 190.56C608.666 191.23 607.917 191.43 607.153 191.43C606.35 191.43 605.546 191.176 605.064 190.828L603.966 194.296C604.823 194.658 605.921 194.872 606.872 194.872ZM626.437 194.537H630.561L632.436 188.685H635.315C639.44 188.685 643.015 186.194 644.221 182.405L644.288 182.204C645.479 178.494 643.484 176.003 639.36 176.003H632.342L626.437 194.537ZM633.333 185.431L635.208 179.552H637.967C639.922 179.552 640.659 180.637 640.136 182.311L640.069 182.485C639.534 184.186 637.967 185.431 635.985 185.431H633.333ZM639.56 194.537H643.98L646.457 190.667H653.287L653.273 194.537H657.666L657.197 176.003H651.907L639.56 194.537ZM648.466 187.359L653.019 180.289H653.287L653.367 187.359H648.466ZM665.888 194.872C669.986 194.872 673.709 192.595 674.673 189.556L674.74 189.341C675.409 187.279 674.74 185.485 672.798 184.654C674.753 183.757 676.065 182.338 676.588 180.664L676.681 180.396C677.552 177.677 675.449 175.642 671.874 175.642C668.673 175.642 665.701 177.142 663.183 179.633L666.008 181.641C667.307 180.141 668.834 179.258 670.481 179.258C671.901 179.258 672.718 180.115 672.329 181.333L672.302 181.4C671.874 182.753 670.575 183.57 668.807 183.57H667.093L666.129 186.569H668.432C670.414 186.569 671.137 187.467 670.696 188.873L670.669 188.953C670.213 190.346 668.807 191.283 666.825 191.283C664.977 191.283 663.906 190.48 663.357 188.632L659.219 190.721C660.223 193.399 662.473 194.872 665.888 194.872ZM678.181 185.377C676.467 190.747 679.012 194.872 684.355 194.872H684.623C689.993 194.872 695.148 190.828 696.889 185.404L696.969 185.136C698.697 179.713 696.139 175.642 690.769 175.642H690.501C685.105 175.642 679.989 179.713 678.248 185.163L678.181 185.377ZM682.467 185.377L682.534 185.163C683.658 181.641 686.564 179.258 689.377 179.258H689.577C692.443 179.258 693.796 181.641 692.671 185.163L692.604 185.377C691.479 188.899 688.6 191.283 685.774 191.283H685.56C682.734 191.283 681.342 188.899 682.467 185.377ZM697.01 194.537H701.04L705.366 180.985H705.58L706.129 192.073H709.182L716.802 180.985H717.03L712.704 194.537H716.735L722.641 176.003H716.802L709.477 186.757H709.236L708.781 176.003H702.929L697.01 194.537Z\" fill=\"#FEFEFE\"\/><\/svg>';\n\nfunction popupCSS(){\n  if(document.getElementById('vwPC')) return;\n  var s=document.createElement('style');\n  s.id='vwPC';\n  s.textContent=\n    '#vwOv{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s;font-family:Montserrat,sans-serif}'+\n    '#vwOv.open{opacity:1;pointer-events:all}'+\n    '#vwOvBd{position:fixed;inset:0;background:rgba(10,8,34,.83);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}'+\n    '#vwOvBox{position:relative;z-index:1;width:100%;max-width:700px;max-height:88vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 40px 100px rgba(10,8,34,.6);transform:translateY(28px) scale(.96);transition:transform .38s cubic-bezier(.22,1,.36,1)}'+\n    '#vwOv.open #vwOvBox{transform:none}'+\n    '#vwHdr{background:#29264B;padding:18px 24px;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px}'+\n    '#vwHdrL{display:flex;align-items:center;gap:10px}'+\n    '#vwHdrL svg{display:block;flex-shrink:0}'+\n    '#vwHdrL span{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase}'+\n    '#vwCatBadge{font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.15);padding:5px 12px;border-radius:20px;white-space:nowrap}'+\n    '#vwBody{padding:24px}'+\n    '#vwVTitle{font-family:Montserrat,sans-serif;font-size:22px;font-weight:800;color:#29264B;line-height:1.25;margin-bottom:16px}'+\n    '#vwMeta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:18px;border-bottom:2px solid #F0F0F8}'+\n    '.pm{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#29264B;background:#EEF4FB;line-height:1}'+\n    '.pm-fire{background:#FEF0F0;color:#D02832}'+\n    '.pm-sh{background:linear-gradient(135deg,#e8f4fd,#ddeeff);color:#468DCB;border:1px solid rgba(70,141,203,.2)}'+\n    '.pm-ph{background:#F4F7FC;color:#333681}'+\n    '#vwDesc{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#444;line-height:1.8;margin-bottom:20px}'+\n    '#vwDesc p{margin:0 0 10px}'+\n    '#vwDesc ul,#vwDesc ol{padding-left:22px;margin:0 0 10px}'+\n    '#vwDesc li{margin-bottom:5px}'+\n    '#vwDesc h3{font-size:15px;font-weight:700;color:#29264B;margin:16px 0 8px}'+\n    '#vwDesc b,#vwDesc strong{font-weight:700;color:#29264B}'+\n    '#vwDesc img{display:none}'+\n    '#vwSkWrap{margin-bottom:20px}'+\n    '#vwSkLbl{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;color:#aaa;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}'+\n    '#vwSkList{display:flex;flex-wrap:wrap;gap:7px}'+\n    '.sk{display:inline-block;padding:5px 12px;border-radius:8px;background:#F4F7FC;border:1px solid #E0E8F4;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#29264B}'+\n    '#vwDiv{height:2px;background:#F0F0F8;margin-bottom:20px}'+\n    '#vwCta{display:flex;gap:12px;flex-wrap:wrap}'+\n    '#vwApply{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:50px;background:#D02832;color:#fff;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(208,40,50,.3);transition:all .2s;white-space:nowrap}'+\n    '#vwApply:hover{background:#b8202a;transform:translateY(-2px)}'+\n    '#vwClose{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:50px;border:2px solid #E0E8F4;background:transparent;color:#29264B;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}'+\n    '#vwClose:hover{border-color:#29264B;background:#29264B;color:#fff}'+\n    '@media(max-width:540px){#vwHdr,#vwBody{padding:16px}#vwVTitle{font-size:18px}#vwCta{flex-direction:column}#vwApply,#vwClose{width:100%;justify-content:center}}';\n  document.head.appendChild(s);\n}\n\nfunction showPopup(id){\n  var v=null;\n  for(var i=0;i<all.length;i++) if(String(all[i].id)===String(id)){v=all[i];break;}\n  if(!v) return;\n  popupCSS();\n  var old=document.getElementById('vwOv');\n  if(old) old.parentNode.removeChild(old);\n\n  var c=cat(v.title), r=RECS[c.key]||RECS.other;\n\n  var sk='';\n  if(v.skills&&v.skills.length) sk='<div id=\"vwSkWrap\"><div id=\"vwSkLbl\">Kenntnisse und F\u00e4higkeiten<\/div><div id=\"vwSkList\">'+v.skills.map(function(s){return'<span class=\"sk\">'+s+'<\/span>';}).join('')+'<\/div><\/div>';\n\n  var ex='';\n  if(v.experience) ex+='<span class=\"pm\">Erfahrung: '+v.experience+'<\/span>';\n  if(v.jobtypes&&v.jobtypes.length) v.jobtypes.forEach(function(j){ex+='<span class=\"pm\">'+j+'<\/span>';});\n\n  var ov=document.createElement('div');\n  ov.id='vwOv';\n  ov.innerHTML=\n    '<div id=\"vwOvBd\"><\/div>'+\n    '<div id=\"vwOvBox\">'+\n      '<div id=\"vwHdr\">'+\n        '<div id=\"vwHdrL\">'+LOGO+'<span>Stellenangebot<\/span><\/div>'+\n        '<span id=\"vwCatBadge\">'+c.label+'<\/span>'+\n      '<\/div>'+\n      '<div id=\"vwBody\">'+\n        '<div id=\"vwVTitle\">'+v.title+'<\/div>'+\n        '<div id=\"vwMeta\">'+\n          '<span class=\"pm pm-fire\">Gefragte Stelle<\/span>'+\n          '<span class=\"pm\">Kyjiw<\/span>'+\n          (v.booking?'<span class=\"pm pm-sh\">Aufschub<\/span>':'')+\n          '<span class=\"pm pm-ph\">Recruiterin '+r.name+' \u2014 '+r.phone+'<\/span>'+\n          ex+\n        '<\/div>'+\n        (v.description?'<div id=\"vwDesc\">'+v.description+'<\/div>':'')+\n        sk+\n        '<div id=\"vwDiv\"><\/div>'+\n        '<div id=\"vwCta\">'+\n          '<button id=\"vwApply\" type=\"button\">Lebenslauf senden<\/button>'+\n          '<button id=\"vwClose\" type=\"button\">Schlie\u00dfen<\/button>'+\n        '<\/div>'+\n      '<\/div>'+\n    '<\/div>';\n\n  document.body.appendChild(ov);\n  document.body.style.overflow='hidden';\n  requestAnimationFrame(function(){requestAnimationFrame(function(){ov.classList.add('open');});});\n\n  function close(){\n    ov.classList.remove('open');\n    document.body.style.overflow='';\n    document.removeEventListener('keydown',onKey);\n    setTimeout(function(){if(ov.parentNode)ov.parentNode.removeChild(ov);},360);\n  }\n  function onKey(e){if(e.key==='Escape')close();}\n  document.getElementById('vwOvBd').onclick=close;\n  document.getElementById('vwClose').onclick=close;\n  document.addEventListener('keydown',onKey);\n\n  document.getElementById('vwApply').onclick=function(){\n    close();\n    setTimeout(function(){\n      if(typeof window.ssOpenResumePopup==='function'){window.ssOpenResumePopup();return;}\n      if(typeof window.ssCtaOpenForm==='function'){window.ssCtaOpenForm();return;}\n      var el=document.getElementById('resume-form');\n      if(el)el.scrollIntoView({behavior:'smooth',block:'start'});\n    },380);\n  };\n}\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9aca19f e-con-full e-flex e-con e-parent\" data-id=\"9aca19f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ef7c52c e-flex e-con-boxed e-con e-child\" data-id=\"ef7c52c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3227dd3 e-con-full e-flex e-con e-child\" data-id=\"3227dd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97885db elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"97885db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Unser wichtigster Wert sind die Menschen<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a7b7f elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-align-left elementor-invisible elementor-widget elementor-widget-the7_button_widget\" data-id=\"b9a7b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><a href=\"https:\/\/specservis.com.ua\/about\/\" class=\"box-button elementor-button elementor-size-lg\">Erfahren Sie mehr \u00fcber uns<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-383e969 e-con-full e-flex e-con e-child\" data-id=\"383e969\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5cb91f elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"d5cb91f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wir sch\u00e4tzen die Professionalit\u00e4t jedes Mitarbeiters, f\u00f6rdern die Entwicklung von Kompetenzen und w\u00fcrdigen den Beitrag zum gemeinsamen Ergebnis. Wir sind \u00fcberzeugt, dass hochwertige Projekte nur m\u00f6glich sind, wenn das Team im Einklang arbeitet und seine Verantwortung versteht.<\/p><p>Ganz gleich, ob Sie Wissenschaftler, Student, Absolvent oder erfahrener Fachmann sind \u2014 m\u00f6chten Sie die Karriereleiter erklimmen? Arbeiten Sie gerne im Team? Dann schlie\u00dfen Sie sich SpecServis an, und gemeinsam bauen wir den Fortschritt!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd42c94 e-flex e-con-boxed e-con e-parent\" data-id=\"fd42c94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfcdb9e elementor-widget elementor-widget-html\" data-id=\"bfcdb9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&display=swap\"><div id=\"ssWork\"><style>#ssWork {\n  font-family: 'Montserrat', sans-serif;\n  width: 100%;\n  color: #29264B;\n}\n#ssWork *, #ssWork *::before, #ssWork *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u2500\u2500 Wrapper \u2500\u2500 *\/\n#ssWork .w {\n  padding: 72px 24px 80px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Heading \u2500\u2500 *\/\n#ssWork .w-title {\n  text-align: center;\n  margin-bottom: 64px;\n}\n#ssWork .w-title h2 {\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(20px, 2.8vw, 36px);\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  color: #29264B;\n  line-height: 1.2;\n  display: inline;\n}\n\/* animated underline on title *\/\n#ssWork .w-title h2 span {\n  position: relative;\n  display: inline-block;\n  color: #D02832;\n}\n#ssWork .w-title h2 span::after {\n  content: '';\n  position: absolute;\n  left: 0; bottom: -4px;\n  width: 0; height: 3px;\n  background: #D02832;\n  border-radius: 2px;\n  transition: width 1s cubic-bezier(.22,1,.36,1);\n}\n#ssWork.ss-visible .w-title h2 span::after {\n  width: 100%;\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n#ssWork .w-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n}\n@media (max-width: 800px) {\n  #ssWork .w-grid { grid-template-columns: 1fr; gap: 20px; }\n  #ssWork .w { padding: 48px 16px 56px; }\n}\n@media (min-width: 801px) and (max-width: 1060px) {\n  #ssWork .w-grid { grid-template-columns: repeat(3,1fr); gap: 18px; }\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n#ssWork .w-card {\n  position: relative;\n  background: #fff;\n  border: 2px solid #E8F0FB;\n  border-radius: 24px;\n  padding: 40px 32px 36px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0;\n  cursor: default;\n  overflow: hidden;\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n\n  \/* start hidden for scroll animation *\/\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity .6s ease, transform .6s ease, box-shadow .3s ease, border-color .3s ease;\n}\n#ssWork .w-card.ss-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n#ssWork .w-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 60px rgba(41,38,75,.12);\n  border-color: transparent;\n}\n\n\/* coloured top stripe *\/\n#ssWork .w-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  border-radius: 24px 24px 0 0;\n  background: var(--accent);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .5s cubic-bezier(.22,1,.36,1) .2s;\n}\n#ssWork .w-card.ss-in::before {\n  transform: scaleX(1);\n}\n\n\/* bg glow on hover *\/\n#ssWork .w-card::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at top left, var(--accent-pale) 0%, transparent 70%);\n  opacity: 0;\n  transition: opacity .4s ease;\n  pointer-events: none;\n  border-radius: 22px;\n}\n#ssWork .w-card:hover::after {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 Icon circle \u2500\u2500 *\/\n#ssWork .w-icon {\n  width: 64px;\n  height: 64px;\n  border-radius: 18px;\n  background: var(--accent-pale);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n  flex-shrink: 0;\n  transition: background .3s ease, transform .3s ease;\n  position: relative;\n  z-index: 1;\n}\n#ssWork .w-card:hover .w-icon {\n  background: var(--accent);\n  transform: scale(1.08) rotate(-4deg);\n}\n#ssWork .w-icon svg {\n  width: 30px;\n  height: 30px;\n  transition: color .3s ease;\n  color: var(--accent);\n}\n#ssWork .w-card:hover .w-icon svg {\n  color: #fff;\n}\n\n\/* \u2500\u2500 Number \u2500\u2500 *\/\n#ssWork .w-num {\n  position: absolute;\n  top: 28px;\n  right: 28px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 64px;\n  font-weight: 700;\n  line-height: 1;\n  color: var(--accent);\n  opacity: .06;\n  transition: opacity .3s ease;\n  user-select: none;\n  pointer-events: none;\n}\n#ssWork .w-card:hover .w-num {\n  opacity: .1;\n}\n\n\/* \u2500\u2500 Keyword \u2500\u2500 *\/\n#ssWork .w-kw {\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(20px, 2vw, 26px);\n  font-weight: 700;\n  color: var(--accent);\n  margin-bottom: 14px;\n  position: relative;\n  z-index: 1;\n  transition: letter-spacing .3s ease;\n}\n#ssWork .w-card:hover .w-kw {\n  letter-spacing: .5px;\n}\n\n\/* \u2500\u2500 Body text \u2500\u2500 *\/\n#ssWork .w-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.75;\n  color: #4a4870;\n  position: relative;\n  z-index: 1;\n  flex: 1;\n}\n\n\/* \u2500\u2500 Bottom tag \u2500\u2500 *\/\n#ssWork .w-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 24px;\n  padding: 6px 14px;\n  border-radius: 20px;\n  background: var(--accent-pale);\n  color: var(--accent);\n  font-family: 'Montserrat', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n  position: relative;\n  z-index: 1;\n  transition: background .3s, color .3s;\n}\n#ssWork .w-card:hover .w-tag {\n  background: var(--accent);\n  color: #fff;\n}\n\n\n\n<\/style><div class=\"w\"><!-- Title --><div class=\"w-title\"><h2>Arbeiten bei SpecServis&nbsp;\u2014&nbsp;<span>hei\u00dft...<\/span><\/h2><\/div><!-- Cards --><div class=\"w-grid\"><!-- 1. \u0412\u0438\u043a\u043b\u0438\u043a --><div class=\"w-card\" style=\"--accent:#D02832;--accent-pale:#FEF0F0;\" data-delay=\"0\"><span class=\"w-num\">1<\/span><div class=\"w-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div class=\"w-kw\">Herausforderung<\/div><p class=\"w-text\">Wir \u00fcbernehmen gro\u00dfangelegte Projekte und f\u00fchren sie mit voller Verantwortung bis zum Ergebnis.\n      <\/p><span class=\"w-tag\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Umfang\n      <\/span><\/div><!-- 2. \u0420\u043e\u0437\u0432\u0438\u0442\u043e\u043a --><div class=\"w-card\" style=\"--accent:#333681;--accent-pale:#EEEEFF;\" data-delay=\"150\"><span class=\"w-num\">2<\/span><div class=\"w-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div><div class=\"w-kw\">Wachstum<\/div><p class=\"w-text\">Wir verbessern uns t\u00e4glich, setzen moderne L\u00f6sungen ein und setzen die Standards der Bauindustrie.\n      <\/p><span class=\"w-tag\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><\/svg>Wachstum\n      <\/span><\/div><!-- 3. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 --><div class=\"w-card\" style=\"--accent:#468DCB;--accent-pale:#EEF4FB;\" data-delay=\"300\"><span class=\"w-num\">3<\/span><div class=\"w-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><div class=\"w-kw\">Team<\/div><p class=\"w-text\">Wir unterst\u00fctzen uns gegenseitig, arbeiten offen und bauen in jeder Phase Vertrauen auf.\n      <\/p><span class=\"w-tag\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>Unterst\u00fctzung\n      <\/span><\/div><\/div><!-- \/grid --><\/div><!-- \/w --><\/div><!-- \/ssWork --><script>(function () {\n  'use strict';\n\n  var root  = document.getElementById('ssWork');\n  var cards = root.querySelectorAll('.w-card');\n\n  \/* \u2500\u2500 Scroll-triggered card reveal \u2500\u2500 *\/\n  function revealCards() {\n    var triggered = false;\n    cards.forEach(function(card, i) {\n      var rect = card.getBoundingClientRect();\n      if (rect.top < window.innerHeight - 80) {\n        var delay = parseInt(card.getAttribute('data-delay') || 0);\n        setTimeout(function() {\n          card.classList.add('ss-in');\n        }, delay);\n        triggered = true;\n      }\n    });\n    if (triggered) {\n      root.classList.add('ss-visible');\n    }\n  }\n\n  revealCards();\n\n  var ticking = false;\n  window.addEventListener('scroll', function() {\n    if (!ticking) {\n      requestAnimationFrame(function() {\n        revealCards();\n        ticking = false;\n      });\n      ticking = true;\n    }\n  }, { passive: true });\n\n  \/* \u2500\u2500 Card tilt on mouse move \u2500\u2500 *\/\n  cards.forEach(function(card) {\n    card.addEventListener('mousemove', function(e) {\n      var rect  = card.getBoundingClientRect();\n      var x     = (e.clientX - rect.left) \/ rect.width  - 0.5;\n      var y     = (e.clientY - rect.top)  \/ rect.height - 0.5;\n      card.style.transform = 'translateY(-6px) rotateY(' + (x * 6) + 'deg) rotateX(' + (-y * 6) + 'deg)';\n    });\n    card.addEventListener('mouseleave', function() {\n      card.style.transform = '';\n    });\n  });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ee6c96 e-con-full e-flex e-con e-parent\" data-id=\"8ee6c96\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3637fa9 elementor-widget elementor-widget-html\" data-id=\"3637fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,700&display=swap\"><div id=\"ssCareer\"><style>#ssCareer { font-family:'Montserrat',sans-serif; width:100%; background:#252A83; }\n#ssCareer *, #ssCareer *::before, #ssCareer *::after { box-sizing:border-box; margin:0; padding:0; }\n\n\/* \u2500\u2500 Wrapper \u2500\u2500 *\/\n#ssCareer .cr-w {\n  max-width:1200px;\n  margin:0 auto;\n  padding:72px 40px;\n}\n@media(max-width:768px){ #ssCareer .cr-w{ padding:48px 20px; } }\n\n\/* \u2500\u2500 Top row \u2500\u2500 *\/\n#ssCareer .cr-top {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:60px;\n  align-items:start;\n  margin-bottom:56px;\n}\n@media(max-width:768px){\n  #ssCareer .cr-top{ grid-template-columns:1fr; gap:24px; }\n}\n\n\/* Eyebrow *\/\n#ssCareer .cr-eyebrow {\n  font-family:'Montserrat',sans-serif !important;\n  font-size:11px !important;\n  font-weight:700 !important;\n  letter-spacing:3px !important;\n  text-transform:uppercase !important;\n  color:rgba(255,255,255,.45) !important;\n  margin-bottom:16px !important;\n  display:block;\n}\n\n\/* Title \u2014 matches site: Montserrat 700 36px uppercase *\/\n#ssCareer .cr-title,\n#ssCareer h2.cr-title {\n  font-family:'Montserrat',sans-serif !important;\n  font-size:36px !important;\n  font-weight:700 !important;\n  text-transform:uppercase !important;\n  letter-spacing:1px !important;\n  color:#ffffff !important;\n  line-height:1.2 !important;\n  margin:0 !important;\n}\n#ssCareer .cr-title em,\n#ssCareer h2.cr-title em {\n  font-style:normal !important;\n  font-family:'Montserrat',sans-serif !important;\n  font-weight:700 !important;\n  color:#D02832 !important;\n}\n\n\/* Right text *\/\n#ssCareer .cr-desc {\n  font-family:'Montserrat',sans-serif;\n  font-size:16px;\n  font-weight:500;\n  line-height:1.7;\n  color:rgba(255,255,255,.7);\n  padding-top:8px;\n}\n\n\/* \u2500\u2500 Stats row \u2500\u2500 *\/\n#ssCareer .cr-stats {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border:1px solid rgba(255,255,255,.1);\n  border-radius:12px;\n  overflow:hidden;\n  margin-bottom:52px;\n}\n@media(max-width:700px){ #ssCareer .cr-stats{ grid-template-columns:repeat(2,1fr); } }\n\n#ssCareer .cr-stat {\n  padding:28px 24px;\n  text-align:center;\n  border-right:1px solid rgba(255,255,255,.08);\n  transition:background .2s;\n}\n#ssCareer .cr-stat:last-child{ border-right:none; }\n#ssCareer .cr-stat:hover{ background:rgba(255,255,255,.05); }\n\n#ssCareer .cr-stat-num {\n  font-family:'Montserrat',sans-serif;\n  font-size:38px;\n  font-weight:700;\n  color:#fff;\n  line-height:1;\n  margin-bottom:8px;\n  display:block;\n}\n#ssCareer .cr-stat-num .cr-acc { color:#D02832; }\n#ssCareer .cr-stat-lbl {\n  font-family:'Montserrat',sans-serif;\n  font-size:12px;\n  font-weight:600;\n  color:rgba(255,255,255,.45);\n  letter-spacing:.5px;\n}\n\n\/* \u2500\u2500 Tabs \u2500\u2500 *\/\n#ssCareer .cr-tabs {\n  display:flex;\n  gap:8px;\n  flex-wrap:wrap;\n  margin-bottom:28px;\n  border-bottom:1px solid rgba(255,255,255,.1);\n  padding-bottom:0;\n}\n#ssCareer .cr-tab {\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:12px 20px;\n  border-radius:0;\n  border:none;\n  border-bottom:2px solid transparent;\n  background:transparent;\n  color:rgba(255,255,255,.5);\n  font-family:'Montserrat',sans-serif;\n  font-size:13px;\n  font-weight:700;\n  cursor:pointer;\n  transition:color .2s, border-color .2s;\n  outline:none;\n  margin-bottom:-1px;\n  letter-spacing:.3px;\n}\n#ssCareer .cr-tab:hover { color:rgba(255,255,255,.85); }\n#ssCareer .cr-tab.cr-on {\n  color:#fff;\n  border-bottom-color:#D02832;\n}\n#ssCareer .cr-tab svg { width:14px; height:14px; flex-shrink:0; }\n\n\/* \u2500\u2500 Panels \u2500\u2500 *\/\n#ssCareer .cr-panel { display:none; padding-top:28px; }\n#ssCareer .cr-panel.cr-on {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:16px;\n  animation:crFd .3s ease;\n}\n@media(max-width:640px){ #ssCareer .cr-panel.cr-on{ grid-template-columns:1fr; } }\n@keyframes crFd{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n#ssCareer .cr-card {\n  background:rgba(255,255,255,.05);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:12px;\n  padding:24px;\n  display:flex;\n  gap:16px;\n  align-items:flex-start;\n  transition:background .2s, border-color .2s;\n}\n#ssCareer .cr-card:hover {\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.15);\n}\n#ssCareer .cr-card-ico {\n  width:44px; height:44px;\n  border-radius:10px;\n  background:rgba(255,255,255,.08);\n  display:flex; align-items:center; justify-content:center;\n  flex-shrink:0;\n}\n#ssCareer .cr-card-ico svg { width:20px; height:20px; color:#fff; }\n#ssCareer .cr-card-title {\n  font-family:'Montserrat',sans-serif;\n  font-size:15px; font-weight:700;\n  color:#fff; margin-bottom:6px; line-height:1.3;\n}\n#ssCareer .cr-card-text {\n  font-family:'Montserrat',sans-serif;\n  font-size:13px; font-weight:500;\n  color:rgba(255,255,255,.6); line-height:1.65;\n}\n\n\/* Wide card *\/\n#ssCareer .cr-card-wide {\n  grid-column:span 2;\n  background:rgba(208,40,50,.12);\n  border-color:rgba(208,40,50,.25);\n}\n#ssCareer .cr-card-wide:hover { background:rgba(208,40,50,.18); border-color:rgba(208,40,50,.38); }\n@media(max-width:640px){ #ssCareer .cr-card-wide{ grid-column:span 1; } }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#ssCareer .cr-cta {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  margin-top:40px;\n  padding:28px 32px;\n  border:1px solid rgba(255,255,255,.1);\n  border-radius:12px;\n  flex-wrap:wrap;\n}\n#ssCareer .cr-cta-txt {\n  font-family:'Montserrat',sans-serif;\n  font-size:17px; font-weight:700; color:#fff;\n}\n#ssCareer .cr-cta-txt span {\n  display:block;\n  font-size:13px; font-weight:500;\n  color:rgba(255,255,255,.5); margin-top:4px;\n}\n#ssCareer .cr-cta-btn {\n  display:inline-flex; align-items:center; gap:10px;\n  padding:14px 30px; border-radius:50px;\n  background:#fff; color:#29264B;\n  font-family:'Montserrat',sans-serif;\n  font-size:14px; font-weight:700;\n  border:none; cursor:pointer; text-decoration:none;\n  transition:transform .2s, box-shadow .2s;\n  white-space:nowrap; flex-shrink:0;\n  box-shadow:0 4px 16px rgba(0,0,0,.2);\n}\n#ssCareer .cr-cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.3); }\n#ssCareer .cr-cta-btn svg { width:15px; height:15px; color:#D02832; transition:transform .2s; }\n#ssCareer .cr-cta-btn:hover svg { transform:translateX(4px); }\n\n@media(max-width:600px){\n  #ssCareer .cr-cta{ flex-direction:column; }\n  #ssCareer .cr-cta-btn{ width:100%; justify-content:center; }\n}\n<\/style><div class=\"cr-w\"><!-- Top --><div class=\"cr-top\"><div><span class=\"cr-eyebrow\">\u00dcber uns als Arbeitgeber<\/span><h2 class=\"cr-title\">KARRIERE BEI<br\/><em>SPECSERVIS<\/em><\/h2><\/div><p class=\"cr-desc\">Wir investieren aktiv in die Entwicklung unserer Mitarbeiter. Hier erhalten Sie moderne Werkzeuge, kontinuierliches Lernen und echte Aufstiegschancen \u2014 w\u00e4hrend Sie gemeinsam mit uns das Land aufbauen.\n    <\/p><\/div><!-- Stats --><div class=\"cr-stats\"><div class=\"cr-stat\"><span class=\"cr-stat-num\" data-target=\"200\">0<span class=\"cr-acc\">+<\/span><\/span><div class=\"cr-stat-lbl\">Mitarbeiter<\/div><\/div><div class=\"cr-stat\"><span class=\"cr-stat-num\" data-target=\"50\">0<span class=\"cr-acc\">+<\/span><\/span><div class=\"cr-stat-lbl\">Neueinstellungen 2025<\/div><\/div><div class=\"cr-stat\"><span class=\"cr-stat-num\" data-target=\"10\">0<span class=\"cr-acc\">+<\/span><\/span><div class=\"cr-stat-lbl\">Offene Stellen<\/div><\/div><div class=\"cr-stat\"><span class=\"cr-stat-num\"><span class=\"cr-acc\">in <\/span><span data-target=\"1\">0<\/span><span class=\"cr-acc\"> Tag<\/span><\/span><div class=\"cr-stat-lbl\">Antwortzeit auf Bewerbungen<\/div><\/div><\/div><!-- Tabs --><div class=\"cr-tabs\"><button class=\"cr-tab cr-on\" type=\"button\" data-panel=\"dev\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>Wachstum\n    <\/button><button class=\"cr-tab\" type=\"button\" data-panel=\"shield\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>Aufschub\n    <\/button><button class=\"cr-tab\" type=\"button\" data-panel=\"team\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>Team\n    <\/button><button class=\"cr-tab\" type=\"button\" data-panel=\"intern\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>Praktikum\n    <\/button><\/div><!-- Panel: \u0420\u043e\u0437\u0432\u0438\u0442\u043e\u043a --><div class=\"cr-panel cr-on\" id=\"crp-dev\"><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Moderne Werkzeuge<\/div><div class=\"cr-card-text\">BIM-Design, moderne Software und technische Ausstattung f\u00fcr effizientes Arbeiten.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Kontinuierliches Lernen<\/div><div class=\"cr-card-text\">Schulungen, Workshops und Mentoring durch erfahrene Ingenieure und Projektmanager des Unternehmens.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Karrierewachstum<\/div><div class=\"cr-card-text\">Ein transparenter Weg vom Spezialisten zum Projektmanager \u2014 untermauert durch echte Fallbeispiele.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Sinnvolle Arbeit<\/div><div class=\"cr-card-text\">Wir realisieren Projekte, die einen langfristigen positiven Beitrag f\u00fcr ukrainische Gemeinden leisten.<\/div><\/div><\/div><\/div><!-- Panel: \u0411\u0440\u043e\u043d\u044e\u0432\u0430\u043d\u043d\u044f --><div class=\"cr-panel\" id=\"crp-shield\"><div class=\"cr-card cr-card-wide\"><div class=\"cr-card-ico\" style=\"background:rgba(208,40,50,.25)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div><div><div class=\"cr-card-title\" style=\"font-size:17px\">Offizieller Aufschub von der Mobilisierung<\/div><div class=\"cr-card-text\" style=\"font-size:14px\">SpecServis realisiert staatliche Wiederaufbauprojekte. Alle Vollzeitmitarbeiter erhalten einen offiziellen Aufschub vom Wehrdienst gem\u00e4\u00df ukrainischem Recht. Ihre Sicherheit hat f\u00fcr uns Priorit\u00e4t.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"9\" y1=\"7\" x2=\"15\" y2=\"7\"\/><line x1=\"9\" y1=\"11\" x2=\"15\" y2=\"11\"\/><line x1=\"9\" y1=\"15\" x2=\"12\" y2=\"15\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Offizielle Anstellung<\/div><div class=\"cr-card-text\">Arbeitsvertrag, offizieller Eintrag ins Arbeitsbuch und Rentenbeitr\u00e4ge ab dem ersten Tag.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Stabiles Gehalt<\/div><div class=\"cr-card-text\">P\u00fcnktliche, offizielle und vollst\u00e4ndige Zahlungen \u2014 keine Verz\u00f6gerungen oder \u00dcberraschungen.<\/div><\/div><\/div><\/div><!-- Panel: \u041a\u043e\u043c\u0430\u043d\u0434\u0430 --><div class=\"cr-panel\" id=\"crp-team\"><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><div><div class=\"cr-card-title\">\u00dcber 200 Mitarbeiter im Team<\/div><div class=\"cr-card-text\">Ingenieure, Projektmanager, Monteure, Verwaltungsfachleute \u2014 Profis, die gemeinsam das Land aufbauen.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Gegenseitige Unterst\u00fctzung<\/div><div class=\"cr-card-text\">Eine offene Kultur \u2014 wir unterst\u00fctzen uns gegenseitig und bauen in jeder Phase Vertrauen auf.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Flexible Arbeitszeiten<\/div><div class=\"cr-card-text\">F\u00fcr B\u00fcrostellen \u2014 ein hybrides Arbeitsmodell je nach Abteilung und Vereinbarung.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Teil von etwas Gro\u00dfem sein<\/div><div class=\"cr-card-text\">Unsere Projekte schaffen langfristigen Wert f\u00fcr Gemeinden \u2014 Sie sp\u00fcren die echte Wirkung.<\/div><\/div><\/div><\/div><!-- Panel: \u0421\u0442\u0430\u0436\u0443\u0432\u0430\u043d\u043d\u044f --><div class=\"cr-panel\" id=\"crp-intern\"><div class=\"cr-card cr-card-wide\"><div class=\"cr-card-ico\" style=\"background:rgba(70,141,203,.25)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg><\/div><div><div class=\"cr-card-title\" style=\"font-size:17px\">Bezahltes Praktikum<\/div><div class=\"cr-card-text\" style=\"font-size:14px\">Wir laden Sie zu einem bezahlten Praktikum ein \u2014 eine gro\u00dfartige Gelegenheit, praktische Erfahrung bei einem der f\u00fchrenden Bauunternehmen der Ukraine zu sammeln. Sie erwerben fundierte F\u00e4higkeiten und einen echten Wettbewerbsvorteil auf dem Arbeitsmarkt.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Bezahlt ab dem ersten Tag<\/div><div class=\"cr-card-text\">Das Praktikum ist bezahlt \u2014 Sie lernen und verdienen von Anfang an.<\/div><\/div><\/div><div class=\"cr-card\"><div class=\"cr-card-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div><div><div class=\"cr-card-title\">Echte Projekte<\/div><div class=\"cr-card-text\">Kein Kaffeeholen \u2014 Sie sind vom ersten Tag an in echte staatliche Projekte eingebunden.<\/div><\/div><\/div><\/div><!-- CTA --><div class=\"cr-cta\"><div class=\"cr-cta-txt\">Bereit f\u00fcr den n\u00e4chsten Schritt?\n      <span>Senden Sie Ihren Lebenslauf \u2014 wir antworten innerhalb eines Werktages<\/span><\/div><a class=\"cr-cta-btn\" href=\"#resume-form\" onclick=\"event.preventDefault();var el=document.getElementById('resume-form');if(el)el.scrollIntoView({behavior:'smooth',block:'start'});\">Stellenangebote ansehen\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a><\/div><\/div><\/div><script>(function(){\n'use strict';\n\n\/* Tabs *\/\nvar tabs   = document.querySelectorAll('#ssCareer .cr-tab');\nvar panels = document.querySelectorAll('#ssCareer .cr-panel');\ntabs.forEach(function(tab){\n  tab.addEventListener('click', function(){\n    var key = tab.getAttribute('data-panel');\n    tabs.forEach(function(t){ t.classList.remove('cr-on'); });\n    panels.forEach(function(p){ p.classList.remove('cr-on'); });\n    tab.classList.add('cr-on');\n    var p = document.getElementById('crp-' + key);\n    if(p) p.classList.add('cr-on');\n  });\n});\n\n\/* Animated counters *\/\nvar counted = false;\nfunction animateCount(el){\n  var target = parseInt(el.getAttribute('data-target'));\n  if(!target) return;\n  var start = performance.now();\n  var duration = 1200;\n  (function step(now){\n    var t = Math.min((now-start)\/duration, 1);\n    var val = Math.round(t*t*target);\n    el.childNodes.forEach(function(n){\n      if(n.nodeType===3 && n.textContent.trim()!=='') n.textContent = val;\n    });\n    if(t<1) requestAnimationFrame(step);\n  })(start);\n}\nfunction check(){\n  if(counted) return;\n  var el = document.getElementById('ssCareer');\n  if(!el) return;\n  if(el.getBoundingClientRect().top < window.innerHeight - 80){\n    counted = true;\n    document.querySelectorAll('#ssCareer [data-target]').forEach(animateCount);\n  }\n}\ncheck();\nwindow.addEventListener('scroll', check, {passive:true});\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-185e3a2 e-con-full e-flex e-con e-parent\" data-id=\"185e3a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-959753d e-flex e-con-boxed e-con e-child\" data-id=\"959753d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-952db02 e-con-full e-flex e-con e-child\" data-id=\"952db02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d225c3 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1d225c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Leben bei SpecServis <\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42bbc28 e-con-full e-flex e-con e-child\" data-id=\"42bbc28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa898cf elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"aa898cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Es ist mehr als nur Arbeit&#8230;<\/strong><\/p><p>Es ist ein aktives Team, gemeinsame Events, Firmenfeiern und echte Kommunikation \u00fcber Projekte hinaus. Wir schaffen eine Atmosph\u00e4re, in der es angenehm ist zu arbeiten, sich zu erholen und Teil von etwas Gr\u00f6\u00dferem zu sein.<\/p><p>Hier wird Eigeninitiative gesch\u00e4tzt, gegenseitige Unterst\u00fctzung geboten, und wir wissen, wie man Ergebnisse nicht nur gemeinsam erzielt, sondern sie auch gemeinsam feiert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0470014 e-con-full e-flex e-con e-child\" data-id=\"0470014\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ee725eb e-flex e-con-boxed e-con e-child\" data-id=\"ee725eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ad982 content-align-left the7-hover-visibility-disabled preserve-img-ratio-cover transform-overlay-yes exceeding-frame-yes elementor-widget elementor-widget-the7-image-widget\" data-id=\"b0ad982\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;hover_visibility&quot;:&quot;disabled&quot;}\" data-widget_type=\"the7-image-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"the7-image-container\"><div class=\"the7-image-wrapper the7-elementor-widget the7-transform-container\"><div class=\"post-thumbnail-rollover layzr-bg img-css-resize-wrapper\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"2560\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201920%202560&#039;%2F%3E\" class=\"attachment-full size-full preload-me aspect lazy lazy-load\" alt=\"\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0438\u0439 \u0442\u0456\u043c\u0431\u0456\u043b\u0434\u0438\u043d\u0433 \u043a\u043e\u043c\u0430\u043d\u0434\u0438 \u041f\u041f \u00ab\u0421\u043f\u0435\u0446\u0421\u0435\u0440\u0432\u0456\u0441\u00bb, \u0444\u043e\u0442\u043e 4\" sizes=\"(max-width: 1920px) 100vw, 1920px\" style=\"--ratio: 1920 \/ 2560;\" data-src=\"https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-4-scaled.webp\" loading=\"eager\" data-srcset=\"https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-4-scaled.webp 1920w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-4-225x300.webp 225w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-4-768x1024.webp 768w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-4-1152x1536.webp 1152w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-4-1536x2048.webp 1536w\" \/><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bab380 e-con-full e-flex e-con e-child\" data-id=\"0bab380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dbc1c9 elementor-absolute content-align-left the7-hover-visibility-disabled preserve-img-ratio-cover transform-overlay-yes exceeding-frame-yes elementor-widget elementor-widget-the7-image-widget\" data-id=\"0dbc1c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;hover_visibility&quot;:&quot;disabled&quot;}\" data-widget_type=\"the7-image-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"the7-image-container\"><div class=\"the7-image-wrapper the7-elementor-widget the7-transform-container\"><div class=\"post-thumbnail-rollover layzr-bg img-css-resize-wrapper\"><img decoding=\"async\" width=\"1920\" height=\"2560\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%201920%202560&#039;%2F%3E\" class=\"attachment-full size-full preload-me aspect lazy lazy-load\" alt=\"\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0438\u0439 \u0442\u0456\u043c\u0431\u0456\u043b\u0434\u0438\u043d\u0433 \u043a\u043e\u043c\u0430\u043d\u0434\u0438 \u041f\u041f \u00ab\u0421\u043f\u0435\u0446\u0421\u0435\u0440\u0432\u0456\u0441\u00bb, \u0444\u043e\u0442\u043e 2\" sizes=\"(max-width: 1920px) 100vw, 1920px\" style=\"--ratio: 1920 \/ 2560;\" data-src=\"https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-2-scaled.webp\" loading=\"eager\" data-srcset=\"https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-2-scaled.webp 1920w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-2-225x300.webp 225w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-2-768x1024.webp 768w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-2-1152x1536.webp 1152w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/vakantion-2-1536x2048.webp 1536w\" \/><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b973c18 e-con-full e-flex e-con e-child\" data-id=\"b973c18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b51692 content-align-left the7-hover-visibility-disabled preserve-img-ratio-cover transform-overlay-yes exceeding-frame-yes elementor-widget elementor-widget-the7-image-widget\" data-id=\"1b51692\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;hover_visibility&quot;:&quot;disabled&quot;}\" data-widget_type=\"the7-image-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"the7-image-container\"><div class=\"the7-image-wrapper the7-elementor-widget the7-transform-container\"><div class=\"post-thumbnail-rollover layzr-bg img-css-resize-wrapper\"><img decoding=\"async\" width=\"960\" height=\"1280\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039;%20viewBox%3D&#039;0%200%20960%201280&#039;%2F%3E\" class=\"attachment-full size-full preload-me aspect lazy lazy-load\" alt=\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u041f\u041f \u00ab\u0421\u043f\u0435\u0446\u0421\u0435\u0440\u0432\u0456\u0441\u00bb \u043d\u0430 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u043c\u0443 \u0437\u0430\u0445\u043e\u0434\u0456\" sizes=\"(max-width: 960px) 100vw, 960px\" style=\"--ratio: 960 \/ 1280;\" data-src=\"https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/photo_2026-05-06-10.13.10.jpeg\" loading=\"eager\" data-srcset=\"https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/photo_2026-05-06-10.13.10.jpeg 960w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/photo_2026-05-06-10.13.10-225x300.jpeg 225w, https:\/\/specservis.com.ua\/wp-content\/uploads\/2026\/05\/photo_2026-05-06-10.13.10-768x1024.jpeg 768w\" \/><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26ae9f4 e-con-full e-flex e-con e-parent\" data-id=\"26ae9f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-220dc02 elementor-widget elementor-widget-html\" data-id=\"220dc02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\"><div id=\"ssCta\"><style>#ssCta { font-family:'Montserrat',sans-serif; width:100%; }\n#ssCta *, #ssCta *::before, #ssCta *::after { box-sizing:border-box; margin:0; padding:0; }\n\n#ssCta .ct-wrap {\n  background: transparent;\n  padding: 88px 24px 96px;\n  text-align: center;\n  position: relative;\n}\n#ssCta .ct-eye {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 700; letter-spacing: 3px;\n  text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 24px;\n}\n#ssCta .ct-eye::before, #ssCta .ct-eye::after {\n  content: ''; display: block; width: 32px; height: 1px; background: rgba(255,255,255,.25);\n}\n#ssCta .ct-h2 {\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: clamp(30px, 5vw, 38px) !important;\n  font-weight: 700 !important; color: #fff !important;\n  line-height: 1.1 !important; letter-spacing: -1px;\n  margin-bottom: 20px; max-width: 820px; margin-left: auto; margin-right: auto;\n}\n#ssCta .ct-h2 em { font-style: normal !important; color: #D02832 !important; }\n#ssCta .ct-sub {\n  font-size: clamp(15px, 1.6vw, 18px); font-weight: 500;\n  color: rgba(255,255,255,.8); line-height: 1.65;\n  max-width: 580px; margin: 0 auto 36px;\n}\n#ssCta .ct-sub strong { color: #fff; font-weight: 700; }\n#ssCta .ct-perks {\n  display: flex; flex-wrap: wrap; gap: 10px;\n  justify-content: center; margin-bottom: 40px;\n}\n#ssCta .ct-perk {\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 9px 18px; border-radius: 50px;\n  border: 1px solid rgba(255,255,255,.22);\n  background: rgba(255,255,255,.1); backdrop-filter: blur(8px);\n  font-size: 13px; font-weight: 600; color: rgba(255,255,255,.9);\n}\n#ssCta .ct-perk svg { width:14px; height:14px; flex-shrink:0; }\n#ssCta .ct-perk.green svg { color: #4ade80; }\n#ssCta .ct-perk.blue  svg { color: #68d0ff; }\n#ssCta .ct-perk.red   svg { color: #ff8080; }\n#ssCta .ct-perk.white svg { color: rgba(255,255,255,.7); }\n#ssCta .ct-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 32px; }\n#ssCta .ct-btn-red {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 17px 38px; border-radius: 50px; background: #D02832; color: #fff;\n  font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 800;\n  border: none; cursor: pointer; text-decoration: none;\n  box-shadow: 0 10px 36px rgba(208,40,50,.4);\n  transition: transform .22s, box-shadow .22s, background .2s; white-space: nowrap;\n}\n#ssCta .ct-btn-red:hover { background: #b8202a; transform: translateY(-3px); box-shadow: 0 18px 48px rgba(208,40,50,.5); }\n#ssCta .ct-btn-red svg { width:18px; height:18px; transition:transform .2s; }\n#ssCta .ct-btn-red:hover svg { transform: translateX(4px); }\n#ssCta .ct-btn-ghost {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 17px 32px; border-radius: 50px;\n  background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.4);\n  backdrop-filter: blur(8px); color: #fff;\n  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700;\n  cursor: pointer; text-decoration: none;\n  transition: background .2s, border-color .2s, transform .2s; white-space: nowrap;\n}\n#ssCta .ct-btn-ghost:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.7); transform: translateY(-2px); }\n#ssCta .ct-btn-ghost svg { width:15px; height:15px; }\n#ssCta .ct-note {\n  display: inline-flex; align-items: center; gap: 7px;\n  font-size: 12px; font-weight: 500; color: rgba(255,255,255,.45);\n}\n#ssCta .ct-note svg { width:14px; height:14px; flex-shrink:0; color:rgba(255,255,255,.45); }\n#ssCta .ct-note strong { color: rgba(255,255,255,.65); font-weight:700; }\n@media(max-width:540px) {\n  #ssCta .ct-btn-red, #ssCta .ct-btn-ghost { width:100%; justify-content:center; }\n  #ssCta .ct-btns { flex-direction:column; align-items:stretch; }\n  #ssCta .ct-wrap { padding:64px 16px 72px; }\n}\n<\/style><div class=\"ct-wrap\"><div class=\"ct-eye\">Werden Sie Teil des Teams<\/div><h2 class=\"ct-h2\">Bauen wir<br>die Zukunft <em>gemeinsam!<\/em><\/h2><p class=\"ct-sub\">Senden Sie jetzt Ihren Lebenslauf \u2014 und erhalten Sie einen <strong>Aufschub vom Wehrdienst<\/strong>, ein stabiles Gehalt und eine Arbeit, die wirklich etwas f\u00fcr das Land bewirkt.<\/p><div class=\"ct-perks\"><span class=\"ct-perk green\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>Aufschub<\/span><span class=\"ct-perk blue\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>Offizielles Gehalt<\/span><span class=\"ct-perk red\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>10+ offene Stellen<\/span><span class=\"ct-perk white\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>Antwort innerhalb 1 Tag<\/span><\/div><div class=\"ct-btns\"><a class=\"ct-btn-red\" href=\"#form\" onclick=\"event.preventDefault();var el=document.getElementById('form');if(el)el.scrollIntoView({behavior:'smooth',block:'start'});\">Lebenslauf senden\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/a><a class=\"ct-btn-ghost\" href=\"#resume-form\" onclick=\"event.preventDefault();var el=document.getElementById('resume-form');if(el)el.scrollIntoView({behavior:'smooth',block:'start'});\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>Stellenangebote ansehen\n    <\/a><\/div><div class=\"ct-note\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>Offizieller Aufschub vom Wehrdienst \u2014 <strong>gesetzlich garantiert.<\/strong><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":41278,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"Karriere bei SpecServis","_yoast_wpseo_title":"Karriere bei SpecServis | Stellenangebote im Bauwesen","_yoast_wpseo_metadesc":"Werden Sie Teil von SpecServis: offizieller Aufschub vom Wehrdienst, stabiles Gehalt und echter Beitrag zum Wiederaufbau der Ukraine. 10+ offene Stellen. Senden Sie noch heute Ihren Lebenslauf.","footnotes":""},"class_list":["post-41369","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/pages\/41369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/comments?post=41369"}],"version-history":[{"count":0,"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/pages\/41369\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/media\/41278"}],"wp:attachment":[{"href":"https:\/\/specservis.com.ua\/de\/wp-json\/wp\/v2\/media?parent=41369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}