{"id":12702,"date":"2024-12-06T10:32:17","date_gmt":"2024-12-06T09:32:17","guid":{"rendered":"https:\/\/www.kopa.si\/geschichte\/"},"modified":"2025-01-23T14:59:06","modified_gmt":"2025-01-23T13:59:06","slug":"geschichte","status":"publish","type":"page","link":"https:\/\/www.kopa.si\/de\/geschichte\/","title":{"rendered":"Geschichte"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12702\" class=\"elementor elementor-12702 elementor-11686\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3c0f05 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"b3c0f05\" data-element_type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1098e94\" data-id=\"1098e94\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ffca890 elementor-widget elementor-widget-text-editor\" data-id=\"ffca890\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ihr Partner<br \/>\nf\u00fcr die digitale Zukunft.<\/p>\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0e9d263 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e9d263\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2134b04\" data-id=\"2134b04\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-88b0a6b elementor-widget elementor-widget-heading\" data-id=\"88b0a6b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kopa, <b>Haus<\/b> klarer L\u00f6sungen.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6b511f elementor-widget elementor-widget-text-editor\" data-id=\"d6b511f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Seit 1978 entwickeln und implementieren wir bei Kopa Computer Engineering umfassende Gesch\u00e4fts- und digitale Transformationsl\u00f6sungen f\u00fcr Unternehmen. Unser Team besteht aus 60 hochqualifizierten Experten, die mit f\u00fchrenden globalen Herstellern von IT- und Kommunikationstechnologien sowie akademischen Institutionen zusammenarbeiten. Wir sind auf die Optimierung von Gesch\u00e4ftsprozessen und Systemintegration spezialisiert, die agiles und vitales Gesch\u00e4ftsmanagement unterst\u00fctzen.<\/p>\n<p>Wir konzentrieren uns auf ERP- und MES\/EAM-CMMS-L\u00f6sungen, die Gesch\u00e4fts- und Produktionsinformatik miteinander verbinden. Wir legen gro\u00dfen Wert auf papierloses Arbeiten (ODiP) und Personalmanagement (HRM), um eine effiziente Verwaltung von Dokumenten und Prozessen zu gew\u00e4hrleisten.<\/p>\n<p>Im Bereich der Systemintegration erm\u00f6glichen wir die Verbindung unterschiedlicher Umgebungen, von lokalen Systemen bis hin zu modernen Cloud-L\u00f6sungen, und unterst\u00fctzen so zuverl\u00e4ssiges und sicheres Arbeiten. Gemeinsam mit Ihnen schaffen wir eine Infrastruktur, die Flexibilit\u00e4t, Skalierbarkeit und langfristige Effizienz f\u00fcr Ihr Gesch\u00e4ft erm\u00f6glicht.<\/p>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0d9a612\" data-id=\"0d9a612\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1582819 elementor-widget elementor-widget-image\" data-id=\"1582819\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1215\" height=\"1519\" src=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/social_media_template-2024-12-05T145732.450.webp\" class=\"attachment-full size-full wp-image-11557\" alt=\"\" srcset=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/social_media_template-2024-12-05T145732.450.webp 1215w, https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/social_media_template-2024-12-05T145732.450-768x960.webp 768w\" sizes=\"(max-width: 1215px) 100vw, 1215px\" \/>\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c1b7951 e-flex e-con-boxed e-con e-parent\" data-id=\"c1b7951\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2757af2 elementor-widget elementor-widget-image\" data-id=\"2757af2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"63\" src=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/2-1024x100.webp\" class=\"attachment-large size-large wp-image-12538\" alt=\"\" \/>\t\t\t\t\t\t\t\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-3942478 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3942478\" data-element_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\t\t<div class=\"elementor-element elementor-element-be3d759 elementor-widget elementor-widget-text-editor\" data-id=\"be3d759\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Gemeinsam schaffen wir eine bessere Zukunft.<\/p>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f62f98d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f62f98d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-798c2f7\" data-id=\"798c2f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-989ff07 elementor-widget elementor-widget-image\" data-id=\"989ff07\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/website_optimised_img-32-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-image-12542\" alt=\"\" srcset=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/website_optimised_img-32-768x576.webp 768w, https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/website_optimised_img-32.webp 1200w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5a7c46b\" data-id=\"5a7c46b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c4d016 elementor-widget elementor-widget-heading\" data-id=\"1c4d016\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wie k\u00f6nnen wir Ihnen <b>helfen<\/b>?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc81153 elementor-widget elementor-widget-text-editor\" data-id=\"dc81153\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Unsere Standardl\u00f6sungen integrieren Best Practices von Unternehmen, die wir an die Anforderungen Ihrer Gesch\u00e4ftsprozesse anpassen k\u00f6nnen, um Ihre Wettbewerbsf\u00e4higkeit zu unterst\u00fctzen. So bauen Sie erstklassige IT-Unterst\u00fctzung auf, ohne in L\u00f6sungen unterschiedlicher Anbieter zu investieren. Auf kosteng\u00fcnstige Weise verbinden Sie Gesch\u00e4ftsprozesse zu einem ganzheitlichen Organismus, der sich schnell an Ver\u00e4nderungen im Gesch\u00e4ftsumfeld anpasst. Die L\u00f6sungen helfen beim Aufbau eines optimalen Unternehmensmanagements. Mit Gesch\u00e4ftswissen und Technologien schaffen wir neue Potenziale f\u00fcr nachhaltige Entwicklung und Wachstum von Unternehmen sowie f\u00fcr die St\u00e4rkung der Wettbewerbsf\u00e4higkeit und des Mehrwerts.<\/p>\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-f618309 e-flex e-con-boxed e-con e-parent\" data-id=\"f618309\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99d65a8 elementor-widget elementor-widget-image\" data-id=\"99d65a8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"100\" src=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/3.webp\" class=\"attachment-full size-full wp-image-12537\" alt=\"\" srcset=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/3.webp 1903w, https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/3-768x40.webp 768w, https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/12\/3-1536x81.webp 1536w\" sizes=\"(max-width: 1903px) 100vw, 1903px\" \/>\t\t\t\t\t\t\t\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-a35c1ec e-flex e-con-boxed e-con e-parent\" data-id=\"a35c1ec\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5de1cb4 e-con-full e-flex e-con e-child\" data-id=\"5de1cb4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f62ef6 elementor-widget elementor-widget-heading\" data-id=\"4f62ef6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Abonnieren Sie unseren <b>E-Newsletter<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a32e47 elementor-widget elementor-widget-html\" data-id=\"2a32e47\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SqualoMail.com Subscription Form -->\r\n<style>\r\n    .nsf-box .magic-radio,\r\n    .nsf-box .magic-checkbox {\r\n        position: absolute;\r\n        display: none;\r\n    }\r\n\r\n    .nsf-box .magic-radio[disabled],\r\n    .nsf-box .magic-checkbox[disabled] {\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .nsf-box .magic-radio+label,\r\n    .nsf-box .magic-checkbox+label {\r\n        position: relative;\r\n        display: block;\r\n        padding-left: 30px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .nsf-box .magic-radio+label:hover:before,\r\n    .nsf-box .magic-checkbox+label:hover:before {\r\n        border-color: #6586b4;\r\n    }\r\n\r\n    .nsf-box .magic-radio+label:before,\r\n    .nsf-box .magic-checkbox+label:before {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        display: inline-block;\r\n        width: 20px;\r\n        height: 20px;\r\n        content: '';\r\n        border: 1px solid #cccccc;\r\n    }\r\n\r\n    .nsf-box .magic-radio.required-empty+label:before,\r\n    .nsf-box .magic-checkbox.required-empty+label:before {\r\n        border-color: #f00;\r\n    }\r\n\r\n    .nsf-box .magic-radio+label:after,\r\n    .nsf-box .magic-checkbox+label:after {\r\n        position: absolute;\r\n        display: none;\r\n        content: '';\r\n    }\r\n\r\n    .nsf-box .magic-radio[disabled]+label,\r\n    .nsf-box .magic-checkbox[disabled]+label {\r\n        cursor: not-allowed;\r\n        color: #e4e4e4;\r\n    }\r\n\r\n    .nsf-box .magic-radio[disabled]+label:hover,\r\n    .nsf-box .magic-radio[disabled]+label:before,\r\n    .nsf-box .magic-radio[disabled]+label:after,\r\n    .nsf-box .magic-checkbox[disabled]+label:hover,\r\n    .nsf-box .magic-checkbox[disabled]+label:before,\r\n    .nsf-box .magic-checkbox[disabled]+label:after {\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .nsf-box .magic-radio[disabled]+label:hover:before,\r\n    .nsf-box .magic-checkbox[disabled]+label:hover:before {\r\n        border: 1px solid #e4e4e4;\r\n        animation-name: none;\r\n    }\r\n\r\n    .nsf-box .magic-radio[disabled]+label:before,\r\n    .nsf-box .magic-checkbox[disabled]+label:before {\r\n        border-color: #e4e4e4;\r\n    }\r\n\r\n    .nsf-box .magic-radio:checked+label:before,\r\n    .nsf-box .magic-checkbox:checked+label:before {\r\n        animation-name: none;\r\n    }\r\n\r\n    .nsf-box .magic-radio:checked+label:after,\r\n    .nsf-box .magic-checkbox:checked+label:after {\r\n        display: block;\r\n    }\r\n\r\n    .nsf-box .magic-radio+label:before {\r\n        border-radius: 50%;\r\n        -webkit-border-radius: 50%;\r\n    }\r\n\r\n    .nsf-box .magic-radio+label:after {\r\n        top: 7px;\r\n        left: 7px;\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        -webkit-border-radius: 50%;\r\n        background: #6586b4;\r\n    }\r\n\r\n    .nsf-box .magic-radio:checked+label:before {\r\n        border: 1px solid #6586b4;\r\n    }\r\n\r\n    .nsf-box .magic-radio:checked[disabled]+label:before {\r\n        border: 1px solid #c9e2f9;\r\n    }\r\n\r\n    .nsf-box .magic-radio:checked[disabled]+label:after {\r\n        background: #c9e2f9;\r\n    }\r\n\r\n    .nsf-box .magic-checkbox+label:before {\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .nsf-box .magic-checkbox+label:after {\r\n        top: 2px;\r\n        left: 7px;\r\n        box-sizing: border-box;\r\n        width: 6px;\r\n        height: 12px;\r\n        transform: rotate(45deg);\r\n        border-width: 2px !important;\r\n        border-style: solid !important;\r\n        border-color: #fff !important;\r\n        border-top: 0 !important;\r\n        border-left: 0 !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        border-radius: 0 !important;\r\n        --webkit-border-radius: 0 !important;\r\n        font-weight: inherit !important;\r\n        font-family: inherit !important;\r\n        font-size: inherit !important;\r\n        font-style: inherit !important;\r\n    }\r\n\r\n    .nsf-box .magic-checkbox+label.alt-checkbox:after {\r\n        border-color: #333 !important;\r\n    }\r\n\r\n    .nsf-box .magic-checkbox:checked+label:before {\r\n        border: #6586b4;\r\n        background: #6586b4;\r\n    }\r\n\r\n    .nsf-box .magic-checkbox:checked[disabled]+label:before {\r\n        border: #c9e2f9;\r\n        background: #c9e2f9;\r\n    }\r\n\r\n    .nsf-modal-link {\r\n        color: #6586B4;\r\n        margin-left: 5px;\r\n        font-weight: bold;\r\n        font-size: 1.2em;\r\n        text-decoration: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    .nsf-modal-link:hover {\r\n        color: #87A0C3;\r\n    }\r\n\r\n    .nsf-modal-wrapper {\r\n        overflow: auto;\r\n        box-sizing: border-box;\r\n        display: block;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, .75);\r\n        opacity: 0;\r\n        -webkit-transition: opacity 150ms ease-in-out;\r\n        -o-transition: opacity 150ms ease-in-out;\r\n        transition: opacity 150ms ease-in-out;\r\n        z-index: 100000;\r\n        padding: 15px;\r\n        -webkit-transition-delay: 150ms;\r\n        -o-transition-delay: 150ms;\r\n        transition-delay: 150ms;\r\n    }\r\n\r\n    .nsf-modal-wrapper--visible {\r\n        -webkit-transition-delay: 0ms;\r\n        -o-transition-delay: 0ms;\r\n        transition-delay: 0ms;\r\n        opacity: 1;\r\n    }\r\n\r\n    .nsf-modal {\r\n        font-family: helvetica, arial, sans-serif;\r\n        font-size: 14px;\r\n        line-height: 1.3;\r\n        position: relative;\r\n        box-sizing: border-box;\r\n        margin: 0 auto;\r\n        width: 400px;\r\n        max-width: 100%;\r\n        background: #ffffff;\r\n        border-radius: 3px;\r\n        padding: 30px;\r\n        -webkit-transform: translateY(calc(-100% - 30px));\r\n        -ms-transform: translateY(calc(-100% - 30px));\r\n        transform: translateY(calc(-100% - 30px));\r\n        -webkit-transition: -webkit-transform 150ms ease-in-out;\r\n        -o-transition: transform 150ms ease-in-out;\r\n        transition: -webkit-transform 150ms ease-in-out;\r\n        transition: transform 150ms ease-in-out;\r\n        transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;\r\n        -webkit-transition-delay: 0ms;\r\n        -o-transition-delay: 0ms;\r\n        transition-delay: 0ms;\r\n    }\r\n\r\n    .nsf-modal--visible {\r\n        -webkit-transition-delay: 150ms;\r\n        -o-transition-delay: 150ms;\r\n        transition-delay: 150ms;\r\n        -webkit-transform: translateY(0);\r\n        -ms-transform: translateY(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .nsf-modal-close {\r\n        display: block;\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n        width: 20px;\r\n        text-align: center;\r\n        position: absolute;\r\n        right: 5px;\r\n        top: 5px;\r\n        cursor: pointer;\r\n        color: #6586B4;\r\n    }\r\n\r\n    .nsf-modal-close:hover {\r\n        color: #87A0C3;\r\n    }\r\n\r\n    .nsf-overlay {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: #000;\r\n        color: transparent;\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        opacity: 0.2;\r\n        z-index: 65533;\r\n    }\r\n\r\n    .nsf-popup-wrapper {\r\n        position: absolute;\r\n        left: -9999px;\r\n        top: -9999px;\r\n        z-index: 65535;\r\n        display: inline-block;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .nsf-box {\r\n        font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n        font-size: 13px;\r\n        line-height: 18px;\r\n        color: #333;\r\n        display: inline-block;\r\n        box-sizing: border-box;\r\n        z-index: 65535;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .nsf-box.nsf-absolute {\r\n        position: absolute;\r\n        margin: auto;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n    }\r\n\r\n    .nsf-box .hidden {\r\n        display: none !important;\r\n    }\r\n\r\n    .nsf-box .clr {\r\n        clear: both;\r\n        float: none;\r\n        height: 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .nsf-box * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .nsf-box form {\r\n        margin: 0;\r\n    }\r\n\r\n    .nsf-box .form-group {\r\n        margin: 0 0 15px 0;\r\n        padding: 0;\r\n        width: 100%;\r\n        display: table;\r\n        text-align: left;\r\n    }\r\n\r\n    .nsf-box .form-group .control-label {\r\n        padding: 5px 5px 5px 0;\r\n    }\r\n\r\n    .nsf-box .form-group.form-group-button label {\r\n        color: transparent !important;\r\n    }\r\n\r\n    .nsf-box .form-group.form-group-button {\r\n        margin-bottom: 0\r\n    }\r\n\r\n    .nsf-box .form-group .form-control,\r\n    .nsf-box .form-group input.form-control,\r\n    .nsf-box .form-group input,\r\n    .nsf-box .form-group select,\r\n    #acy_content .form-group select {\r\n        padding: 6px 12px !important;\r\n        margin-bottom: 5px !important;\r\n        height: 34px;\r\n        width: 100%;\r\n        background-color: #fff;\r\n        background-image: none;\r\n        border: 1px solid #ccc;\r\n        border-radius: 4px;\r\n        -webkit-border-radius: 4px;\r\n        color: #555;\r\n        display: block;\r\n        font-size: 14px;\r\n        line-height: 1.42857;\r\n        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\r\n        -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\r\n        -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\r\n        -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\r\n    }\r\n\r\n    .nsf-box .form-group input[type=\"email\"],\r\n    .nsf-box .form-group form input[type=\"email\"],\r\n    .nsf-box form input[type=\"email\"] {\r\n        margin-bottom: 5px !important;\r\n        padding: 6px 12px !important;\r\n    }\r\n\r\n    .nsf-box .form-group input.magic-radio,\r\n    .nsf-box .form-group input.magic-checkbox {\r\n        display: none;\r\n    }\r\n\r\n    .nsf-box .fc-phone {\r\n        width: 100%;\r\n        padding-left: 65px;\r\n        box-sizing: content-box;\r\n    }\r\n\r\n    .nsf-box .form-group .form-control:focus,\r\n    .nsf-box .form-group input.form-control:focus {\r\n        border-color: #666;\r\n        outline: 0;\r\n    }\r\n\r\n    .nsf-box .description,\r\n    .nsf-box .form-group .description {\r\n        color: #666;\r\n        padding-top: 5px;\r\n        display: block;\r\n    }\r\n\r\n    .nsf-box div.nsf-checkbox,\r\n    .nsf-box div.nsf-radio {\r\n        display: block;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        padding: 5px 0;\r\n        min-height: 20px;\r\n    }\r\n\r\n    .nsf-box div.nsf-checkbox label,\r\n    .nsf-box div.nsf-radio label {\r\n        padding-left: 30px;\r\n        display: block;\r\n        margin-bottom: 0;\r\n        font-weight: normal;\r\n        float: none !important;\r\n    }\r\n\r\n    .nsf-box .nsf-radio label.text,\r\n    .nsf-box .nsf-checkbox label.text {\r\n        font-weight: normal;\r\n        vertical-align: middle;\r\n        padding-top: 2px;\r\n    }\r\n\r\n    .nsf-box .form-group-button .bpl {\r\n        text-align: left;\r\n    }\r\n\r\n    .nsf-box .form-group-button .bpc {\r\n        text-align: center;\r\n    }\r\n\r\n    .nsf-box .form-group-button .bpr {\r\n        text-align: right;\r\n    }\r\n\r\n    .nsf-box .form-group .nsf-btn,\r\n    .nsf-box .form-group button.nsf-btn {\r\n        margin: 0;\r\n        margin-bottom: 0;\r\n        padding: 6px 12px;\r\n        -moz-user-select: none;\r\n        background-image: none;\r\n        border: 1px solid transparent;\r\n        cursor: pointer;\r\n        display: inline-block;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 1.42857;\r\n        vertical-align: middle;\r\n        white-space: nowrap;\r\n        float: none;\r\n        background-color: #6586b4;\r\n        color: #fff;\r\n    }\r\n\r\n    .nsf-box .form-group .nsf-btn:hover,\r\n    .nsf-box .form-group button.nsf-btn:hover {\r\n        opacity: 0.75;\r\n    }\r\n\r\n    .nsf-box div.nsf-checkbox+.form-group {\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .nsf-box div.nsf-checkbox+.form-group-button {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .nsf-box .mar5 .form-group {\r\n        margin-top: 5px !important;\r\n        margin-bottom: 5px !important;\r\n    }\r\n\r\n    .nsf-box .mar10 .form-group {\r\n        margin-top: 10px !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n\r\n    .nsf-box .mar15 .form-group {\r\n        margin-top: 15px !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    .nsf-box .mar20 .form-group {\r\n        margin-top: 20px !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    .nsf-box .mar25 .form-group {\r\n        margin-top: 25px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .nsf-box .mar30 .form-group {\r\n        margin-top: 30px !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .nsf-box.fwr {\r\n        width: 300px;\r\n    }\r\n\r\n    .nsf-box.fwn {\r\n        width: 450px;\r\n    }\r\n\r\n    .nsf-box.fww {\r\n        width: 600px;\r\n    }\r\n\r\n    .nsf-box.fwx {\r\n        width: 750px;\r\n    }\r\n\r\n    .nsf-box>.nsf-inner {\r\n        \/* padding: 30px; *\/\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n        margin: 5px;\r\n    }\r\n\r\n    .nsf-box .fp10 {\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .nsf-box .fp15 {\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n    }\r\n\r\n    .nsf-box .fp20 {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .nsf-box .fp30 {\r\n        padding-left: 30px;\r\n        padding-right: 30px;\r\n    }\r\n\r\n    .nsf-box .fp45 {\r\n        padding-left: 45px;\r\n        padding-right: 45px;\r\n    }\r\n\r\n    .nsf-box .fp60 {\r\n        padding-left: 60px;\r\n        padding-right: 60px;\r\n    }\r\n\r\n    .nsf-box .fp75 {\r\n        padding-left: 75px;\r\n        padding-right: 75px;\r\n    }\r\n\r\n    .nsf-box .fp90 {\r\n        padding-left: 90px;\r\n        padding-right: 90px;\r\n    }\r\n\r\n    .nsf-box .fp105 {\r\n        padding-left: 105px;\r\n        padding-right: 105px;\r\n    }\r\n\r\n    .nsf-box .fp120 {\r\n        padding-left: 120px;\r\n        padding-right: 120px;\r\n    }\r\n\r\n    .nsf-box .br5 {\r\n        border-radius: 5px;\r\n        -webkit-border-radius: 45x;\r\n    }\r\n\r\n    .nsf-box .br10 {\r\n        border-radius: 10px;\r\n        -webkit-border-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .br15 {\r\n        border-radius: 15px;\r\n        -webkit-border-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .br20 {\r\n        border-radius: 20px;\r\n        -webkit-border-radius: 20px;\r\n    }\r\n\r\n    .nsf-box .br25 {\r\n        border-radius: 25px;\r\n        -webkit-border-radius: 25px;\r\n    }\r\n\r\n    .nsf-box .br30 {\r\n        border-radius: 30px;\r\n        -webkit-border-radius: 30px;\r\n    }\r\n\r\n    .nsf-box>div {\r\n        min-height: 1px;\r\n        display: table;\r\n        background-color: #fff;\r\n    }\r\n\r\n    .nsf-box>.nsf-inner div {}\r\n\r\n    .nsf-box .nsf-inner p {\r\n        clear: both;\r\n        float: none;\r\n    }\r\n\r\n    .nsf-box .form-group div p {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .nsf-box .nsf-inner p input,\r\n    .nsf-box .nsf-inner p textarea,\r\n    .nsf-box .nsf-inner p select,\r\n    .nsf-box .nsf-inner p input,\r\n    .nsf-box .nsf-inner p button,\r\n    .nsf-box .nsf-inner p label {\r\n        margin: 0;\r\n        padding: 0;\r\n        width: auto;\r\n        clear: both;\r\n        float: none;\r\n    }\r\n\r\n    .nsf-box .i-ctr {}\r\n\r\n    .nsf-box img {\r\n        max-width: none;\r\n        vertical-align: inherit;\r\n    }\r\n\r\n    .nsf-box .ipl {\r\n        text-align: left;\r\n    }\r\n\r\n    .nsf-box .ipc {\r\n        text-align: center;\r\n    }\r\n\r\n    .nsf-box .ipr {\r\n        text-align: right;\r\n    }\r\n\r\n    .nsf-box img.f-img {\r\n        margin: 0;\r\n        padding: 0;\r\n        height: auto;\r\n        border: 0 none;\r\n        float: none;\r\n        clear: both;\r\n        display: inline;\r\n        vertical-align: inherit;\r\n    }\r\n\r\n    .nsf-box .fis {\r\n        width: 25%;\r\n    }\r\n\r\n    .nsf-box .fin {\r\n        width: 50%;\r\n    }\r\n\r\n    .nsf-box .fil {\r\n        width: 75%;\r\n    }\r\n\r\n    .nsf-box .fix {\r\n        width: 100%;\r\n    }\r\n\r\n    .nsf-box .ori {\r\n        width: auto;\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n    }\r\n\r\n    .nsf-box .tpc {\r\n        text-align: center;\r\n    }\r\n\r\n    .nsf-box .tal {\r\n        text-align: left;\r\n    }\r\n\r\n    .nsf-box .tac {\r\n        text-align: center;\r\n    }\r\n\r\n    .nsf-box .tar {\r\n        text-align: right;\r\n    }\r\n\r\n    .nsf-box .ftn {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .nsf-box .fts {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .nsf-box .ftn {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .nsf-box .ftl {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .nsf-box .ftx {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .nsf-box .f1 {\r\n        font-family: arial, helvetica, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f2 {\r\n        font-family: \"arial black\", \"avant garde\", gadget, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f3 {\r\n        font-family: \"book antiqua\", palatino, serif;\r\n    }\r\n\r\n    .nsf-box .f4 {\r\n        font-family: \"comic sans ms\", cursive, Arial, Helvetica, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f5 {\r\n        font-family: \"courier new\", courier, monospace;\r\n    }\r\n\r\n    .nsf-box .f6 {\r\n        font-family: georgia, palatino, serif, serif;\r\n    }\r\n\r\n    .nsf-box .f7 {\r\n        font-family: helvetica, arial, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f8 {\r\n        font-family: impact, chicago, charcoal, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f9 {\r\n        font-family: tahoma, arial, helvetica, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f10 {\r\n        font-family: terminal, monaco, monospace;\r\n    }\r\n\r\n    .nsf-box .f11 {\r\n        font-family: \"times new roman\", times, serif;\r\n    }\r\n\r\n    .nsf-box .f12 {\r\n        font-family: \"trebuchet ms\", geneva, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f13 {\r\n        font-family: verdana, geneva, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f14 {\r\n        font-family: webdings, sans-serif;\r\n    }\r\n\r\n    .nsf-box .f15 {\r\n        font-family: wingdings, \"zapf dingbats\", sans-serif;\r\n    }\r\n\r\n    .nsf-box .css {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .nsf-box .csn {\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .nsf-box .csl {\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .nsf-box .csx {\r\n        font-size: 22px !important;\r\n    }\r\n\r\n    .nsf-box .fd2 {\r\n        border-radius: 2px !important;\r\n        -webkit-border-radius: 2px !important;\r\n    }\r\n\r\n    .nsf-box .fd5 {\r\n        border-radius: 5px !important;\r\n        -webkit-border-radius: 5px !important;\r\n    }\r\n\r\n    .nsf-box .fd10 {\r\n        border-radius: 10px !important;\r\n        -webkit-border-radius: 10px !important;\r\n    }\r\n\r\n    .nsf-box .fd15 {\r\n        border-radius: 15px !important;\r\n        -webkit-border-radius: 15px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd2 .selectr-selected {\r\n        border-radius: 2px;\r\n        -webkit-border-radius: 2px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.fd2 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 2px;\r\n        border-top-right-radius: 2px;\r\n        -webkit-border-top-left-radius: 2px;\r\n        -webkit-border-top-right-radius: 2px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd2 .selectr-options-container {\r\n        border-bottom-left-radius: 2px;\r\n        border-bottom-right-radius: 2px;\r\n        -webkit-border-bottom-left-radius: 2px;\r\n        -webkit-border-bottom-right-radius: 2px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.inverted.fd2 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-bottom-left-radius: 2px;\r\n        border-bottom-right-radius: 2px;\r\n        -webkit-border-bottom-left-radius: 2px;\r\n        -webkit-border-bottom-right-radius: 2px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.inverted.fd2 .selectr-options-container {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 2px;\r\n        border-top-right-radius: 2px;\r\n        -webkit-border-top-left-radius: 2px;\r\n        -webkit-border-top-right-radius: 2px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd5 .selectr-selected {\r\n        border-radius: 5px;\r\n        -webkit-border-radius: 5px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.fd5 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 5px;\r\n        border-top-right-radius: 5px;\r\n        -webkit-border-top-left-radius: 5px;\r\n        -webkit-border-top-right-radius: 5px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd5 .selectr-options-container {\r\n        border-bottom-left-radius: 5px;\r\n        border-bottom-right-radius: 5px;\r\n        -webkit-border-bottom-left-radius: 5px;\r\n        -webkit-border-bottom-right-radius: 5px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.inverted.fd5 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-bottom-left-radius: 5px;\r\n        border-bottom-right-radius: 5px;\r\n        -webkit-border-bottom-left-radius: 5px;\r\n        -webkit-border-bottom-right-radius: 5px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.inverted.fd5 .selectr-options-container {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 5px;\r\n        border-top-right-radius: 5px;\r\n        -webkit-border-top-left-radius: 5px;\r\n        -webkit-border-top-right-radius: 5px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd10 .selectr-selected {\r\n        border-radius: 10px;\r\n        -webkit-border-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.fd10 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 10px;\r\n        border-top-right-radius: 10px;\r\n        -webkit-border-top-left-radius: 10px;\r\n        -webkit-border-top-right-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd10 .selectr-options-container {\r\n        border-bottom-left-radius: 10px;\r\n        border-bottom-right-radius: 10px;\r\n        -webkit-border-bottom-left-radius: 10px;\r\n        -webkit-border-bottom-right-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.inverted.fd10 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-bottom-left-radius: 10px;\r\n        border-bottom-right-radius: 10px;\r\n        -webkit-border-bottom-left-radius: 10px;\r\n        -webkit-border-bottom-right-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.inverted.fd10 .selectr-options-container {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 10px;\r\n        border-top-right-radius: 10px;\r\n        -webkit-border-top-left-radius: 10px;\r\n        -webkit-border-top-right-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd15 .selectr-selected {\r\n        border-radius: 15px;\r\n        -webkit-border-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.fd15 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 15px;\r\n        border-top-right-radius: 15px;\r\n        -webkit-border-top-left-radius: 15px;\r\n        -webkit-border-top-right-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fd15 .selectr-options-container {\r\n        border-bottom-left-radius: 15px;\r\n        border-bottom-right-radius: 15px;\r\n        -webkit-border-bottom-left-radius: 15px;\r\n        -webkit-border-bottom-right-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.inverted.fd15 .selectr-selected {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-bottom-left-radius: 15px;\r\n        border-bottom-right-radius: 15px;\r\n        -webkit-border-bottom-left-radius: 15px;\r\n        -webkit-border-bottom-right-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .selectr-container.inverted.fd15 .selectr-options-container {\r\n        border-radius: 0;\r\n        -webkit-border-radius: 0;\r\n        border-top-left-radius: 15px;\r\n        border-top-right-radius: 15px;\r\n        -webkit-border-top-left-radius: 15px;\r\n        -webkit-border-top-right-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .fdr {\r\n        border-radius: 30px !important;\r\n        -webkit-border-radius: 30px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fdr .selectr-selected {\r\n        border-radius: 30px !important;\r\n        -webkit-border-radius: 30px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.fdr .selectr-selected {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n        border-top-left-radius: 15px !important;\r\n        border-top-right-radius: 15px !important;\r\n        -webkit-border-top-left-radius: 15px !important;\r\n        -webkit-border-top-right-radius: 15px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fdr .selectr-options-container {\r\n        border-bottom-left-radius: 15px !important;\r\n        border-bottom-right-radius: 15px !important;\r\n        -webkit-border-bottom-left-radius: 15px !important;\r\n        -webkit-border-bottom-right-radius: 15px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.inverted.fdr .selectr-selected {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n        border-bottom-left-radius: 15px;\r\n        border-bottom-right-radius: 15px;\r\n        -webkit-border-bottom-left-radius: 15px !important;\r\n        -webkit-border-bottom-right-radius: 15px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.inverted.fdr .selectr-options-container {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n        border-top-left-radius: 15px;\r\n        border-top-right-radius: 15px;\r\n        -webkit-border-top-left-radius: 15px !important;\r\n        -webkit-border-top-right-radius: 15px !important;\r\n    }\r\n\r\n    .nsf-box .fds {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fds .selectr-selected {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.open.fds .selectr-selected {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n    }\r\n\r\n    .nsf-box .selectr-container.fds .selectr-options-container {\r\n        border-radius: 0 !important;\r\n        -webkit-border-radius: 0 !important;\r\n    }\r\n\r\n    .nsf-box .bd2 {\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .nsf-box .bd5 {\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .nsf-box .bd10 {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .nsf-box .bd15 {\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .nsf-box .bdr {\r\n        border-radius: 18px;\r\n        border: 1px solid transparent;\r\n    }\r\n\r\n    .nsf-box .bds {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .nsf-box .f-cls {\r\n        width: 30px;\r\n        height: 30px;\r\n        line-height: 30px;\r\n        display: inline-block;\r\n        color: #000;\r\n        position: absolute;\r\n        right: 0px;\r\n        top: 10px;\r\n        text-align: center;\r\n        font-family: \u200barial, helvetica, sans-serif !important;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        opacity: 0.25;\r\n    }\r\n\r\n    .nsf-box .f-cls:hover {\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .nsf-box .ccs {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .nsf-box .ccn {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .nsf-box .ccl {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .nsf-box .ccx {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .nsf-box .clrg {\r\n        text-align: right !important;\r\n        padding-right: 0px !important;\r\n    }\r\n\r\n    .nsf-box .cll {\r\n        text-align: left !important;\r\n    }\r\n\r\n    .nsf-box .clc {\r\n        text-align: center !important;\r\n        padding-right: 0px !important;\r\n    }\r\n\r\n    .nsf-box textarea {\r\n        resize: vertical;\r\n        height: 123px;\r\n        min-height: 34px;\r\n        max-height: 200px;\r\n    }\r\n\r\n    .nsf-box .form-group-container {\r\n        display: block;\r\n    }\r\n\r\n    .nsf-box input.required-empty,\r\n    .nsf-box .form-control.required-empty {\r\n        border: 1px solid #f00 !important;\r\n        box-shadow: 0 0 1px #f00 !important;\r\n    }\r\n\r\n    .nsf-box .form-group .control-label.required-empty {\r\n        color: #f00 !important;\r\n    }\r\n\r\n    .nsf-box .date-holder {\r\n        display: block;\r\n        position: relative;\r\n        clear: both;\r\n    }\r\n\r\n    .nsf-box select.nsf-date-day,\r\n    .nsf-box .selectr-container.nsf-date-day {\r\n        position: relative;\r\n        float: left;\r\n        width: 24% !important;\r\n        min-width: 70px !important;\r\n        min-height: 34px;\r\n        display: block;\r\n        margin-right: 1%;\r\n    }\r\n\r\n    .nsf-box select.nsf-date-month,\r\n    .nsf-box .selectr-container.nsf-date-month {\r\n        position: relative;\r\n        float: left;\r\n        width: 49% !important;\r\n        min-width: 120px !important;\r\n        min-height: 34px;\r\n        display: block;\r\n        margin-right: 1%;\r\n    }\r\n\r\n    .nsf-box select.nsf-date-year,\r\n    .nsf-box .selectr-container.nsf-date-year {\r\n        position: relative;\r\n        float: left;\r\n        width: 25% !important;\r\n        min-width: 80px !important;\r\n        min-height: 34px;\r\n        display: block;\r\n    }\r\n\r\n    .nsf-box select.nsf-date-day.fullw,\r\n    .nsf-box .selectr-container.nsf-date-day.fullw,\r\n    .nsf-box select.nsf-date-month.fullw,\r\n    .nsf-box .selectr-container.nsf-date-month.fullw,\r\n    .nsf-box select.nsf-date-year.fullw,\r\n    .nsf-box .selectr-container.nsf-date-year.fullw {\r\n        width: 100% !important;\r\n        margin: 0 0 5px 0;\r\n    }\r\n\r\n    .nsf-phone-box select,\r\n    .nsf-phone-box .selectr-container {\r\n        float: left;\r\n        width: 150px !important;\r\n    }\r\n\r\n    .nsf-box .selectr-options li,\r\n    .nsf-phone-box .selectr-option {\r\n        font-size: 95%;\r\n        padding: 3px 5px 3px 15px;\r\n    }\r\n\r\n    .nsf-phone-box input.nsf-phone,\r\n    .nsf-phone-box.form-control,\r\n    .nsf-phone-box input.form-control {\r\n        float: left;\r\n        margin-left: 5px;\r\n        width: calc(100% - 155px) !important;\r\n    }\r\n\r\n    .nsf-phone-flag {\r\n        display: inline-block;\r\n        padding: 0;\r\n        margin: auto 5px auto 0;\r\n        width: 16px;\r\n        height: 11px;\r\n        background-image: url(https:\/\/9252.squalomail.net\/media\/sqm\/flags.png);\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    .nsf-box .selectr-options li {\r\n        border: none !important;\r\n    }\r\n\r\n    .nsf-box .nsf-form-vertical .form-group .control-label {}\r\n\r\n    .nsf-box .nsf-form-horizontal {}\r\n\r\n    .nsf-box .nsf-form-horizontal .form-group {\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .nsf-box .nsf-form-horizontal .form-group .control-label {\r\n        display: inline-block;\r\n        overflow: hidden;\r\n        white-space: normal;\r\n        word-break: break-all;\r\n        width: 30%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .nsf-box .nsf-form-horizontal .form-group-checkbox .control-label,\r\n    .nsf-box .nsf-form-horizontal .form-group-radio .control-label {\r\n        vertical-align: top;\r\n        margin-top: 1px;\r\n    }\r\n\r\n    .nsf-box .nsf-form-horizontal .form-group .control-label.clrg {\r\n        padding-right: 5px !important;\r\n    }\r\n\r\n    .nsf-box .nsf-form-horizontal .form-group .form-group-container,\r\n    .nsf-box .nsf-form-horizontal .date-holder {\r\n        margin: 0;\r\n        padding: 0;\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        position: relative;\r\n        width: 70%;\r\n    }\r\n\r\n    .nsf-box .nsf-form-horizontal .form-group .description {\r\n        display: block;\r\n        margin: 3px 0 0 30%;\r\n        padding-left: 2px;\r\n        white-space: normal;\r\n    }\r\n\r\n    .nsf-box.small .nsf-form-horizontal .form-group .control-label {\r\n        display: block;\r\n        word-break: normal;\r\n        width: 100% !important;\r\n        padding-right: 0 !important;\r\n        padding-left: 0 !important;\r\n    }\r\n\r\n    .nsf-box.small .nsf-form-horizontal .form-group .form-group-container {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .nsf-box.small .nsf-form-horizontal .form-group .description {\r\n        display: block;\r\n        margin: 3px 0 0 0;\r\n    }\r\n\r\n    .nsf-box .nsf-form-horizontal select.nsf-date-day,\r\n    .nsf-box .nsf-form-horizontal .selectr-container.nsf-date-day,\r\n    .nsf-box .nsf-form-horizontal select.nsf-date-month,\r\n    .nsf-box .nsf-form-horizontal .selectr-container.nsf-date-month,\r\n    .nsf-box .nsf-form-horizontal select.nsf-date-year,\r\n    .nsf-box .nsf-form-horizontal .selectr-container.nsf-date-year {\r\n        min-width: 0 !important;\r\n    }\r\n\r\n    .nsf-box.fwr .nsf-form-horizontal .date-holder {\r\n        display: inline-block;\r\n        max-width: 100%;\r\n        vertical-align: top;\r\n    }\r\n\r\n    .nsf-box.fwr .nsf-form-horizontal select.nsf-date-day.nsf-box.fwr .nsf-form-horizontal .selectr-container.nsf-date-day,\r\n    .nsf-box.fwr .nsf-form-horizontal select.nsf-date-month,\r\n    .nsf-box.fwr .nsf-form-horizontal .selectr-container.nsf-date-month,\r\n    .nsf-box.fwr .nsf-form-horizontal select.nsf-date-year,\r\n    .nsf-box.fwr .nsf-form-horizontal .selectr-container.nsf-date-year,\r\n    .nsf-box.fwr .nsf-form-horizontal .form-group .control-label {\r\n        display: block;\r\n        word-break: normal;\r\n        width: 100% !important;\r\n        padding-right: 0 !important;\r\n        padding-left: 0 !important;\r\n    }\r\n\r\n    .nsf-box.fwr .nsf-form-horizontal .form-group .description {\r\n        display: block;\r\n        margin: 3px 0 0 0;\r\n    }\r\n\r\n    .nsf-popup-wrapper {\r\n        max-width: 90%;\r\n    }\r\n\r\n    .nsf-box.fwr,\r\n    .nsf-box.fwn,\r\n    .nsf-box.fww,\r\n    .nsf-box.fwx {\r\n        max-width: 100%;\r\n    }\r\n\r\n    @media (max-width:541px) {\r\n        .nsf-box.nsf-relative {\r\n            margin: auto;\r\n            left: 0 !important;\r\n            right: 0 !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width:481px) {\r\n\r\n        .nsf-box .nsf-form-horizontal .nsf-phone-box input.nsf-phone,\r\n        .nsf-box .nsf-form-horizontal .nsf-phone-box.form-control,\r\n        .nsf-box .nsf-form-horizontal .nsf-phone-box input.form-control {\r\n            float: none;\r\n            margin-left: 0;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .nsf-box .nsf-form-horizontal .nsf-phone-label {\r\n            vertical-align: top;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .nsf-box .nsf-form-horizontal select.nsf-date-day.fullw,\r\n        .nsf-box .nsf-form-horizontal .selectr-container.nsf-date-day.fullw,\r\n        .nsf-box .nsf-form-horizontal select.nsf-date-month.fullw,\r\n        .nsf-box .nsf-form-horizontal .selectr-container.nsf-date-month.fullw,\r\n        .nsf-box .nsf-form-horizontal select.nsf-date-year.fullw,\r\n        .nsf-box .nsf-form-horizontal .selectr-container.nsf-date-year.fullw {\r\n            float: none;\r\n            margin-right: 0;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .form-group-flex-wrapper {\r\n            flex-direction: column;\r\n        }\r\n    }\r\n\r\n    .form-group-flex-wrapper {\r\n        display: flex;\r\n        gap: 10px;\r\n    }\r\n<\/style>\r\n<div id=\"nsf-25\" class=\"nsf-box 450px nsf-relative\">\r\n    <div class=\"nsf-inner\">\r\n        <form id=\"nsf-form-25\" method=\"get\" class=\"nsf-form-vertical\">\r\n            <!-- <div class=\"form-group form-group-text\" type=\"\">\r\n                <div>\r\n                    <p data-type=\"text\" id=\"1\" class=\"form-control-static tac f7 ftx\" style=\"color: rgb(32, 35, 38);\">\r\n                        Prijavite se na na\u0161e e-novice<\/p>\r\n                <\/div>\r\n            <\/div> -->\r\n            <div class=\"form-group-flex-wrapper\">\r\n                <div class=\"form-group\">\r\n                    <div class=\"control-label csn f7 clc\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                    <div class=\"form-group-container\"><input type=\"name\" maxlength=\"250\" data-type=\"control\" id=\"name\"\r\n                            name=\"user[name]\" placeholder=\"Name\" class=\"form-control f7 csn fds\" value=\"\"\r\n                            required=\"required\" \/><\/div>\r\n                    <div class=\"description\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <div class=\"control-label csn f7 clc\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                    <div class=\"form-group-container\"><input type=\"Nachname\" maxlength=\"250\" data-type=\"control\" id=\"surname\"\r\n                            name=\"user[surname]\" placeholder=\"Nachname\" class=\"form-control f7 csn fds\" value=\"\"\r\n                            required=\"required\" \/><\/div>\r\n                    <div class=\"description\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <div class=\"control-label csn f7 clc\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                    <div class=\"form-group-container\"><input type=\"email\" maxlength=\"250\" data-type=\"control\" id=\"email\"\r\n                            name=\"user[email]\" placeholder=\"Email\" class=\"form-control f7 csn fds\" value=\"\"\r\n                            required=\"required\" \/><\/div>\r\n                    <div class=\"description\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <div class=\"control-label csn f7 clc\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                    <div class=\"form-group-container\"><input type=\"company_name\" maxlength=\"250\" data-type=\"control\"\r\n                            id=\"company_name\" name=\"user[company_name]\" placeholder=\"Firma\"\r\n                            class=\"form-control f7 csn fds\" value=\"\" \/><\/div>\r\n                    <div class=\"description\" style=\"color: rgb(32, 35, 38);\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group form-group-checkbox form-group-checkbox--gdpr\"\r\n                data-mount-callback=\"setGdprFormFieldGroupLanguage\" data-gdpr-field=\"gdpr_can_send\" data-language=\"sl\">\r\n                <div class=\"form-group-container required\">\r\n                    <div class=\"nsf-checkbox js-gdpr-checkbox\" data-consent-name=\"gdpr_can_send\"\r\n                        data-label=\"Soglasje za po\u0161iljanje\"><input type=\"checkbox\" data-type=\"gdpr\"\r\n                            id=\"nsf-gdpr_can_send-25\" name=\"user[gdpr_can_send]\" class=\"magic-checkbox\"\r\n                            value=\"1\" \/><label for=\"nsf-gdpr_can_send-25\" class=\"pull-left\"\r\n                            style=\"color: rgb(32, 35, 38);\"><\/label><label for=\"nsf-gdpr_can_send-25\"\r\n                            class=\"pull-left text f7 csn\" style=\"color: rgb(32, 35, 38);\"><span\r\n                                class=\"js-gdpr-field-label\">Ich stimme der Datenverarbeitung zum Zweck des Versands von E-Newslettern zu. <\/span><a href=\"#\" class=\"js-nsf-modal-link nsf-modal-link hidden\"> \u00bb <span\r\n                                    class=\"hidden js-nsf-modal-html\">1. Welche Daten erfassen wir: Zus\u00e4tzlich zu den im Eingabefeld angegebenen Daten wird die IP-Adresse des Computers, von dem die Anmeldung erfolgte, gespeichert. Au\u00dferdem werden die Zeiten des \u00d6ffnens der gesendeten Nachrichten und der Klicks auf Links in den Nachrichten erfasst.<br \/><br \/>2. Zu welchem Zweck werden die Daten erfasst: Die Daten werden zum Versenden von Newslettern gesammelt. Die Daten \u00fcber die Zeiten des \u00d6ffnens und die Klickzeiten werden verwendet, um Ihre Aktivit\u00e4t zu bestimmen und bei Inaktivit\u00e4t eine entsprechende L\u00f6schung Ihrer Daten zu gew\u00e4hrleisten.<br \/><br \/>3. Wie lange werden wir die Daten aufbewahren: Wenn Sie unsere Newsletter lesen, speichern wir Ihre Daten, bis Sie die L\u00f6schung beantragen oder sich abmelden + 1 Jahr. Wenn Sie unsere Newsletter nicht lesen, werden wir Ihre Daten 1 Jahr nach dem letzten Lesen l\u00f6schen.\r\n<br \/><br \/>4. Wo Sie Ihre Zustimmung widerrufen und die L\u00f6schung, Abmeldung oder \u00c4nderung beantragen k\u00f6nnen: Dies k\u00f6nnen Sie tun, indem Sie uns eine E-Mail an unsere Adresse senden.<br \/><br \/>5. Mit wem wir Ihre pers\u00f6nlichen Daten teilen werden: Wir werden Ihre pers\u00f6nlichen Daten mit niemandem teilen.<\/span><\/a><\/label><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group form-group-button\">\r\n                <div class=\"bpc\"><button type=\"submit\" class=\"nsf-btn bds f7\"\r\n                        style=\"background-color: rgb(112, 176, 68);\">Anmeldung<\/button><\/div>\r\n            <\/div><input type=\"hidden\" id=\"nsf-redirect-25\" name=\"redirect\" value=\"\" \/><input type=\"hidden\"\r\n                id=\"nsf-hiddenlists-25\" name=\"hiddenlists\" value=\"15\" \/>\r\n        <\/form>\r\n    <\/div><input type=\"hidden\" id=\"nsf-form-action-url-25\" data-formid=\"25\"\r\n        value=\"https:\/\/9252.squalomail.net\/subscribe\" \/>\r\n    <style>\r\n        #nsf-25 .magic-radio+label:hover:before {\r\n            border-color: #202326;\r\n        }\r\n\r\n        #nsf-25 .magic-checkbox+label:hover:before {\r\n            border-color: #202326;\r\n        }\r\n\r\n        #nsf-25 .magic-radio+label:before {\r\n            border-color: #202326;\r\n        }\r\n\r\n        #nsf-25 .magic-checkbox+label:before {\r\n            border-color: #202326;\r\n        }\r\n\r\n        #nsf-25 .magic-radio+label:after {\r\n            background: #202326;\r\n        }\r\n\r\n        #nsf-25 .magic-radio:checked+label:before {\r\n            border-color: #202326;\r\n        }\r\n\r\n        #nsf-25 .magic-checkbox:checked+label:before {\r\n            background: #202326;\r\n            border-color: #202326;\r\n        }\r\n    <\/style>\r\n<\/div>\r\n<script type=\"text\/javascript\">\r\n    sqmDomReady = (function () { var functionToExecute; var rafId; var intervalId; function bodyElementExists() { var bodyElement = document.body || document.getElementsByTagName('body')[0]; var bodyElementExists = bodyElement ? true : false; return bodyElementExists; } function executeWithRequestAnimationFrame() { if (bodyElementExists()) { window.cancelAnimationFrame(rafId); functionToExecute(); } else { rafId = window.requestAnimationFrame(executeWithRequestAnimationFrame); } } function executeWithInterval() { if (bodyElementExists()) { window.clearInterval(intervalId); functionToExecute(); } else if (intervalId === undefined) { intervalId = window.setInterval(executeWithInterval, 100); } } function executeImmediately(fn) { functionToExecute(); } return function (fn) { functionToExecute = fn; if (window.requestAnimationFrame) { executeWithRequestAnimationFrame(); } else if (window.setInterval) { executeWithInterval(); } else { executeImmediately(); } }; })(); sqmDomReady(function () {\r\n        var nsfBody = nsfBody || document.body || document.getElementsByTagName('body')[0]; var nsfHead = nsfHead || document.head || document.getElementsByTagName('head')[0];\/\/<!--\r\n        if (typeof nsfUtils === 'undefined') { if (nsfUtils === undefined) { var nsfUtils = true; String.prototype.nsftrim = String.prototype.nsftrim || function () { return this.replace(\/^\\s+|\\s+$\/g, \"\"); }; } function forEach(arr, fn) { for (var i = 0; i < arr.length; i++) { fn(arr[i], i); } } function windowWidth() { return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; } function windowHeight() { return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; } function documentWidth() { var body = document.body, html = document.documentElement; return Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth); } function documentHeight() { var body = document.body, html = document.documentElement; return Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight); } function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(\/[\\[\\]]\/g, \"\\\\$&\"); var regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(\/\\+\/g, \" \")); } function gebid(el) { return document.getElementById(el); } function gebtn(el) { return document.getElementsByTagName(el); } function showModal(html) { var bodyEl = document.getElementsByTagName('body')[0]; var wrapper = document.createElement('div'); wrapper.classList.add('nsf-modal-wrapper'); var modal = document.createElement('div'); modal.classList.add('nsf-modal'); modal.innerHTML = html; var closeButton = document.createElement('div'); closeButton.classList.add('nsf-modal-close'); closeButton.innerHTML = '&times;'; modal.insertBefore(closeButton, modal.firstChild); wrapper.appendChild(modal); bodyEl.appendChild(wrapper); wrapper.onclick = function (e) { if (e.target !== wrapper && e.target !== closeButton) { return; } removeModal(); }; setTimeout(function () { wrapper.classList.add('nsf-modal-wrapper--visible'); modal.classList.add('nsf-modal--visible'); }, 10); } function removeModal() { var wrapper = document.getElementsByClassName('nsf-modal-wrapper'); if (!wrapper.length) { return; } wrapper = wrapper[0]; wrapper.classList.remove('nsf-modal-wrapper--visible'); var modal = wrapper.getElementsByClassName('nsf-modal'); if (!modal.length) { return; } modal = modal[0]; modal.classList.remove('nsf-modal--visible'); setTimeout(function () { wrapper.remove(); }, 300); } var UID = { _current: 0, getNew: function () { this._current++; return this._current; } }; HTMLElement.prototype.pseudoStyle = function (element, prop, value) { var _this = this; var _sheetId = \"pseudoStyles\"; var _head = document.head || document.getElementsByTagName('head')[0]; var _sheet = document.getElementById(_sheetId) || document.createElement('style'); _sheet.id = _sheetId; var className = \"pseudoStyle\" + UID.getNew(); _this.className += \" \" + className; _sheet.innerHTML += \" .\" + className + \":\" + element + \"{\" + prop + \":\" + value + \"}\"; _head.appendChild(_sheet); return this; }; function cssExists(cn, prop, val) { var retval = false; var tags = document.getElementsByClassName(cn); if (tags.length > 0) { if (tags[0][prop] == val) retval = true; } return retval; } function fadeIn(el, ms) { if (!el) return; el.style.opacity = 0; el.style.filter = \"alpha(opacity=0)\"; el.style.display = \"inline-block\"; el.style.visibility = \"visible\"; if (ms) { var opacity = 0; var timer = setInterval(function () { opacity += 50 \/ ms; if (opacity >= 1) { clearInterval(timer); opacity = 1; } el.style.opacity = opacity; el.style.filter = \"alpha(opacity=\" + opacity * 100 + \")\"; }, 50); } else { el.style.opacity = 1; el.style.filter = \"alpha(opacity=1)\"; } } function fadeOut(el, ms) { if (!el) return; if (ms) { var opacity = 1; var timer = setInterval(function () { opacity -= 50 \/ ms; if (opacity <= 0) { clearInterval(timer); opacity = 0; el.style.display = \"none\"; el.style.visibility = \"hidden\"; } el.style.opacity = opacity; el.style.filter = \"alpha(opacity=\" + opacity * 100 + \")\"; }, 50); } else { el.style.opacity = 0; el.style.filter = \"alpha(opacity=0)\"; el.style.display = \"none\"; el.style.visibility = \"hidden\"; } } function slideIn(el, from, ms) { if (!el) return; if (!from) from = 'left'; var end = 10; var delta = 5; ms = 1000; if (ms) { el.style.display = 'block'; var curpos = el.getBoundingClientRect(); var w = parseInt(el.offsetWidth); el.style.display = 'none'; if (w > 0) delta = parseInt(12 * w \/ ms); el.style[from] = '-' + w + 'px'; el.style.width = w + 'px'; if (from == 'left') { el.style.right = 'auto'; } else { el.style.left = 'auto'; } fadeIn(el, 200); var cp = 0 - w; var timer = setInterval(function () { cp += delta; if (cp < 0) { el.style[from] = cp + 'px'; var tpos = el.getBoundingClientRect(); } else { clearInterval(timer); el.style[from] = end + 'px'; } }, 5); } else { el.style[from] = end + 'px'; } } function trigger(el, eventName) { if (document.createEvent) { var event = document.createEvent('HTMLEvents'); event.initEvent(eventName, true, false); el.dispatchEvent(event); } else if (el.fireEvent) { el.fireEvent('on' + eventName); } else { return false; } } }\r\n        if (window.Element && !Element.prototype.closest) { Element.prototype.closest = function (s) { var matches = (this.document || this.ownerDocument).querySelectorAll(s), i, el = this; do { i = matches.length; while (--i >= 0 && matches.item(i) !== el) { }; } while ((i < 0) && (el = el.parentElement)); return el; }; } function init_form_25() { gebid('nsf-form-25').setAttribute('novalidate', 'novalidate'); if (gebid('nsf-redirect-25')) { gebid('nsf-redirect-25').value = ''; } if (!gebid('nsf-return-url-25')) { var input = document.createElement('input'); input.type = 'hidden'; input.name = 'returnurl'; input.id = 'nsf-return-url-25'; input.value = document.location.href; gebid('nsf-form-25').appendChild(input); } else { gebid('nsf-return-url-25').value = document.location.href; } if (!gebid('nsf-return-id-25')) { var input2 = document.createElement('input'); input2.type = 'hidden'; input2.name = 'returnid'; input2.id = 'nsf-return-id-25'; input2.value = '25'; gebid('nsf-form-25').appendChild(input2); } else { gebid('nsf-return-id-25').value = '25'; } var originator = document.createElement('input'); originator.type = 'hidden'; originator.name = 'originator'; originator.id = 'nsf-originator-25'; originator.value = document.location.href; gebid('nsf-form-25').appendChild(originator); var breakw = 301; var formClass = '' + gebid('nsf-form-25').getAttribute('class'); if (formClass.indexOf('form-horizontal') > -1) breakw = 501; var formgroups = gebid('nsf-form-25').getElementsByClassName('form-group'); if (formgroups.length > 0) { for (var i = 0; i < formgroups.length; i++) { formgroups[i].innerHTML = formgroups[i].innerHTML.replace(\/(?:\\r\\n|\\r|\\n)\/g, '').replace(\/\\t\/g, '').replace(\/> <\/g, ''); } } var selects = gebid('nsf-form-25').getElementsByTagName('select'); if (selects.length > 0) { for (var csi = 0; csi < selects.length; csi++) { var currentSelect = selects[csi]; var placeholder = ''; var customClass = ''; var dateHolder = null; var dhw = 0; var selClass = currentSelect.className.nsftrim(); var opt = currentSelect.getElementsByTagName('option'); if (opt.length > 0) { if (opt[0].value === '') { optclass = opt[0].getAttribute('class'); if (optclass !== 'nsf-phone-cc-options') { placeholder = opt[0].text; currentSelect.remove(0); } } } if (currentSelect.required == 'true' || currentSelect.required == 'required' || currentSelect.required) customClass += 'required '; currentSelect.removeAttribute('required'); var selName = currentSelect.name; if (currentSelect.getAttribute('multiple')) { currentSelect.name = selName + '[]'; } if (placeholder === '') placeholder = currentSelect.getAttribute('placeholder'); if (selClass.indexOf(' ') > 0) { var c = selClass.split(' '); for (j = 0; j < c.length; j++) { if (c[j].indexOf('nsf-date') > -1) customClass += c[j] + ' '; if (c[j].indexOf('fd') > -1) customClass += c[j] + ' '; } customClass = customClass.nsftrim(); } else { if (selClass.indexOf('nsf-date') > -1) customClass += selClass; } if (selClass.indexOf('nsf-date') > -1) { dateHolder = currentSelect.parentElement.parentElement; dhw = Math.max(dateHolder.offsetWidth, dateHolder.clientWidth); if (dhw < breakw) customClass += ' fullw'; } if (currentSelect.multiple) { } else { if (!gebid(currentSelect.id.replace('nsf-', 'nsf-hid-'))) { var inp = document.createElement('input'); inp.id = currentSelect.id.replace('nsf-', 'nsf-hid-'); inp.type = 'hidden'; inp.name = currentSelect.name; inp.value = ''; currentSelect.parentElement.appendChild(inp); currentSelect.name = ''; } } if (selClass.indexOf('nsf-phone-cc') > -1 && typeof NSFSelectr !== 'undefined') { new NSFSelectr(currentSelect, { placeholder: '...', customClass: customClass, renderSelection: renderCountryCode, searchable: true }).on('selectr.change', function () { var ajdi = this.el.getAttribute('rel'); gebid(ajdi).focus(); var selval = this.getValue() === null ? '' : this.getValue(); gebid(this.el.id.replace('nsf-', 'nsf-hid-')).value = selval; }); } else if (currentSelect.multiple && typeof NSFSelectr !== 'undefined') { new NSFSelectr(currentSelect, { placeholder: placeholder, customClass: customClass }).on('selectr.change', function (option) { var currentValue = this.getValue(); var select = option.parentElement; for (var oi = 0; oi < select.options.length; oi++) { select.options[oi].selected = false; for (var ci = 0; ci < currentValue.length; ci++) { if (currentValue[ci] === select.options[oi].value) { select.options[oi].selected = true; } } } }); } else if (typeof NSFSelectr !== 'undefined') { var selectr = new NSFSelectr(currentSelect, { placeholder: placeholder, customClass: customClass }).on('selectr.change', function () { var selval = this.getValue() === null ? '' : this.getValue(); gebid(this.el.id.replace('nsf-', 'nsf-hid-')).value = selval; }); } if (selClass.indexOf('nsf-date') > -1) { currentSelect.parentElement.setAttribute('style', ''); if (dhw < breakw) currentSelect.setAttribute('style', 'width: 100% !important'); var ihid = currentSelect.id.replace('nsf-', '').replace('-month-25', ''); var newihid = 'nsf-' + ihid + '-25'; if (gebid(ihid)) gebid(ihid).id = newihid; } } } var inputs = gebid('nsf-form-25').getElementsByTagName('input'); if (inputs.length > 0) { var i = 0; for (i = 0; i < inputs.length; i++) { var inp = inputs[i]; var inpname = inp.name; if (inp.type == 'checkbox' && inpname.indexOf('user[gdpr_') === -1) { inp.name = inpname + '[]'; } if (inp.getAttribute('required') == 'false') { inp.removeAttribute('required'); inp.required = false; } if (inp.type == 'tel') { var cl = '' + inp.getAttribute('class'); var req = '' + inp.getAttribute('required'); var isRequiredByDefault = cl.indexOf('required') > -1 || inp.getAttribute('required') || req == 'required' || req == 'true'; if (!isRequiredByDefault) { inp.onchange = function (e) { var hasAnyValue = !!e.target.value; if (hasAnyValue) e.target.setAttribute('required', 'required'); else e.target.removeAttribute('required'); } } } } } var tarea = gebid('nsf-form-25').getElementsByTagName('textarea'); if (tarea.length > 0) { for (var i = 0; i < tarea.length; i++) { var inp = tarea[i]; if (inp.getAttribute('required') == 'false') { inp.removeAttribute('required'); inp.required = false; } var val = '' + inp.value; var plh = '' + inp.getAttribute('placeholder'); if (val !== '' && val == plh) { inp.setAttribute('onfocus', 'if(this.value==\"' + plh + '\")this.value=\"\"'); inp.setAttribute('onblur', 'if(this.value==\"\")this.value=\"' + plh + '\"'); } } } function renderCountryCode(option) { var pos = option.getAttribute('data-src').replace(',', 'px ') + 'px'; return '<span class=\"nsf-phone-flag\" style=\"background-position: ' + pos + ';\" title=\"' + option.textContent.nsftrim() + '\"><\/span> ' + option.getAttribute('value'); } var gdprCheckboxes = gebid('nsf-form-25').getElementsByClassName('js-gdpr-checkbox'); for (var i = 0; i < gdprCheckboxes.length; i++) { var gdprCb = gdprCheckboxes[i]; var link = gdprCb.getElementsByClassName('js-nsf-modal-link'); if (!link.length) { continue; } link = link[0]; var modalHtml = link.getElementsByClassName('js-nsf-modal-html'); if (!modalHtml.length || !modalHtml[0].innerHTML.trim().length) { continue; } link.classList.remove('hidden'); } var modalLinks = gebid('nsf-form-25').getElementsByClassName('js-nsf-modal-link'); for (var i = 0; i < modalLinks.length; i++) { var modalLink = modalLinks[i]; modalLink.onclick = function (e) { e.preventDefault(); var modalHtml = this.getElementsByClassName('js-nsf-modal-html'); if (!modalHtml.length) { return; } showModal(modalHtml[0].innerHTML); }; } var checkboxLabels = gebid('nsf-form-25').querySelectorAll('.magic-checkbox+label'); if (checkboxLabels.length) { colorValues = checkboxLabels[0].style.color.replace(\/[^\\d,]\/g, '').split(','); var r = colorValues[0]; var g = colorValues[1]; var b = colorValues[2]; var brightness = (r * 299 + g * 587 + b * 114) \/ 1000; if (brightness >= 123) { for (var i = 0; i < checkboxLabels.length; i++) { checkboxLabels[i].className += ' alt-checkbox'; } } } } gebid('nsf-form-25').onsubmit = (function (e) { function elementIsVisible(el) { var container = el.closest('.form-group'); var elToCheck = container ? container : el; var isHidden = elToCheck.style.display === 'none'; return !isHidden; } e.preventDefault(); var doSubmit = true; var hiliteTags = []; var hiliteLabels = []; if (gebid('subscribelist-25')) { var inputs = gebid('subscribelist-25').getElementsByTagName('input'); if (inputs.length > 0) { var hidlist = ''; for (var i = 0; i < inputs.length; i++) { var inp = inputs[i]; var inpname = inp.name; if (inp.type == 'checkbox') { if (inp.checked) { if (hidlist !== '') hidlist += ','; hidlist += inp.value; } } } if (hidlist !== '') gebid('nsf-hiddenlists-25').value = hidlist; } } var inputs = gebid('nsf-form-25').getElementsByTagName('input'); if (inputs.length > 0) { for (var i = 0; i < inputs.length; i++) { var inp = inputs[i]; if (!elementIsVisible(inp)) { inp.value = ''; continue; } var cl = '' + inp.getAttribute('class'); var req = '' + inp.getAttribute('required'); if (inp.type == 'email' || inp.type == 'text' || inp.type == 'tel') { if (cl.indexOf('required') > -1 || inp.getAttribute('required') || req == 'required' || req == 'true') { var val = '' + inp.value; var labels = inp.parentElement.parentElement.getElementsByClassName('control-label'); var lab = null; if (labels.length > 0) lab = labels[0]; var doHilite = false; if (inp.type == 'tel') { var countrySelect = !!inp.id ? document.querySelector('[rel=\"' + inp.id + '\"]') : null; console.log(countrySelect); var isCountrySelected = !countrySelect || !!countrySelect.value; if (!isCountrySelected) { var countryContainer = countrySelect.parentElement.querySelector('.selectr-selected'); !!countryContainer && hiliteTags.push(countryContainer); hiliteLabels.push(lab); doSubmit = false; } var re = \/^[0-9]+$\/; if (!re.test(val)) doHilite = true; } else if (inp.type == 'email') { var re = \/^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/; if (!re.test(val)) doHilite = true; } else { if (val === '' || val === 'undefined') doHilite = true; } if (doHilite) { hiliteTags.push(inp); hiliteLabels.push(lab); doSubmit = false; } } } } } var tarea = gebid('nsf-form-25').getElementsByTagName('textarea'); if (tarea.length > 0) { for (var i = 0; i < tarea.length; i++) { var inp = tarea[i]; if (!elementIsVisible(inp)) { inp.value = ''; continue; } var cl = '' + inp.getAttribute('class'); var req = '' + inp.getAttribute('required'); var val = '' + inp.value; var plh = '' + inp.getAttribute('placeholder'); if (val !== '' && val == plh) { val = ''; inp.value = ''; } if (cl.indexOf('required') > -1 || inp.getAttribute('required') || req == 'required' || req == 'true') { if ((val == '' || val == 'undefined') && elementIsVisible(inp)) { var labels = inp.parentElement.parentElement.getElementsByClassName('control-label'); var lab = null; if (labels.length > 0) lab = labels[0]; hiliteTags.push(inp); hiliteLabels.push(lab); doSubmit = false; } } } } var mysel = gebid('nsf-form-25').getElementsByTagName('select'); if (mysel.length > 0) { for (var ms = 0; ms < mysel.length; ms++) { var cursel = mysel[ms]; if (!elementIsVisible(cursel)) { cursel.value = ''; var nsfSelectr = NSFSelectr.prototype.getInstance(cursel); if (nsfSelectr && nsfSelectr.getValue()) { nsfSelectr.setValue(nsfSelectr.getValue()); } continue; } var curselpar = cursel.parentElement; var cl = '' + curselpar.getAttribute('class'); var req = '' + curselpar.getAttribute('required'); var labels = curselpar.parentElement.parentElement.getElementsByClassName('control-label'); var labcl = ''; var lab = null; if (labels.length > 0) { lab = labels[0]; labcl = '' + lab.getAttribute('class'); } var hasValue = false; if (cursel.multiple) { var optcnt = cursel.options.length; if (optcnt > 0) { for (o = 0; o < optcnt; o++) { var curopt = cursel.options[o]; if (curopt.selected || curopt.getAttribute('selected') == 'selected') { var inp = document.createElement('input'); inp.type = 'hidden'; inp.name = cursel.name; inp.value = curopt.value; gebid('nsf-form-25').appendChild(inp); if (curopt.value !== '') hasValue = true; } } } cursel.name = ''; } else { var hidid = cursel.id.replace('nsf-', 'nsf-hid-'); if (gebid(hidid).value !== '') hasValue = true; } if ((cl.indexOf('required') > -1 || curselpar.getAttribute('required') || req == 'required' || req == 'true') && !hasValue) { hiliteLabels.push(curselpar); hiliteLabels.push(lab); doSubmit = false; } } } var chks = gebid('nsf-form-25').getElementsByClassName('form-group-checkbox'); var labelDefaultColor = null; if (chks.length > 0) { for (var ci = 0; ci < chks.length; ci++) { var chkbox = chks[ci]; var inputs = chkbox.getElementsByTagName('input'); var labels = chkbox.getElementsByClassName('control-label'); if (!elementIsVisible(chkbox)) { for (var ii = 0; ii < inputs.length; ii++) { inputs[ii].checked = false; } continue; } var labcl = ''; var lab = null; if (labels.length > 0) { lab = labels[0]; labcl = '' + lab.getAttribute('class'); } var doHilite = false; var hasValue = false; if (inputs.length > 0) { for (var i = 0; i < inputs.length; i++) { var inp = inputs[i]; if (inp.type == 'checkbox' && (inp.checked || inp.checked == 'true' || inp.checked == 'checked')) hasValue = true; } } if (chkbox.getElementsByClassName('form-group-container')[0].getAttribute('class').indexOf('required') > -1 && !hasValue) { if (labcl !== '') lab.setAttribute('class', labcl + ' required-empty'); var mc = chkbox.getElementsByTagName('label'); if (mc.length > 0) { var old = ''; for (var i = 0; i < mc.length; i++) { old = mc[i].style.color; mc[i].style.color = '#f00'; } labelDefaultColor = old; (function (mc, old, lab, labcl) { setTimeout(function () { for (var i = 0; i < mc.length; i++) { mc[i].style.color = old; if (labcl !== '') lab.setAttribute('class', labcl); } }, 3000); })(mc, old, lab, labcl); } doSubmit = false; } } } if (doSubmit) { var act = gebid('nsf-form-action-url-25').value; gebid('nsf-form-25').action = act; gebid('nsf-form-25').submit(); } else { for (var h = 0; h < hiliteTags.length; h++) { var ht = hiliteTags[h]; var cl = '' + ht.getAttribute('class'); ht.setAttribute('class', cl + ' required-empty'); } for (var h = 0; h < hiliteLabels.length; h++) { var ht = hiliteLabels[h]; var cl = '' + ht.getAttribute('class'); ht.setAttribute('class', cl + ' required-empty'); } setTimeout(function () { for (var h = 0; h < hiliteTags.length; h++) { var ht = hiliteTags[h]; var cl = '' + ht.getAttribute('class'); if (cl !== '') { cl = cl.replace('required-empty', '').nsftrim(); ht.setAttribute('class', cl); } } for (var h = 0; h < hiliteLabels.length; h++) { var ht = hiliteLabels[h]; var cl = '' + ht.getAttribute('class'); if (cl !== '') { cl = cl.replace('required-empty', '').nsftrim(); ht.setAttribute('class', cl); } } }, 3000); return false; } }); \/\/-->\r\n        init_form_25();\r\n        var SqmFieldValuesManager = (function () { function Manager(formId) { this.formId = formId; this.form = document.getElementById(formId); } Manager.prototype = { dummyHandler: function (field) { return; }, textHandler: function (field) { var element = this.form.querySelector('[name=\"user[' + field.name + ']\"]'); if (!element) { return; } element.value = field.defaultValue; }, checkboxHandler: function (field) { var elements = this.form.querySelectorAll('[name=\"user[' + field.name + '][]\"]'); if (!elements.length) { return; } var defaults = field.defaultValue.split(','); elements.forEach(function (e) { if (defaults.indexOf(e.value) > -1) { e.checked = true; } }); }, radioHandler: function (field) { var elements = this.form.querySelectorAll('[name=\"user[' + field.name + ']\"]'); if (!elements.length) { return; } elements.forEach(function (e) { e.checked = Boolean(field.defaultValue && e.value === field.defaultValue); }); }, phoneHandler: function (field) { var numField = this.form.querySelector('[name=\"user[' + field.name + '][num]\"]'); if (!numField) { return; } var countryField = this.form.querySelector('[rel=\"' + numField.getAttribute('id') + '\"]'); if (!countryField) { return; } var defaultParts = field.defaultValue.split(','); if (defaultParts.length === 1) { return; } if (defaultParts[0]) { var selectr = NSFSelectr.prototype.getInstance(countryField); var countryVal = defaultParts[0].indexOf('+') === 0 ? defaultParts[0].substr(1) : defaultParts[0]; if (selectr) { var selectrChangeEvent = selectr._events['selectr.change']; delete selectr._events['selectr.change']; selectr.setValue(countryVal); selectr._events['selectr.change'] = selectrChangeEvent; } } if (defaultParts[1]) { numField.value = defaultParts[1]; } }, dateHandler: function (field) { var yearElement = this.form.querySelector('[name=\"user[' + field.name + '][year]\"]'); var monthElement = this.form.querySelector('[name=\"user[' + field.name + '][month]\"]'); var dayElement = this.form.querySelector('[name=\"user[' + field.name + '][day]\"]'); if (!yearElement || !monthElement || !dayElement) { return; } var defaultParts = field.defaultValue.split('-'); if (defaultParts.length !== 3) { return; } var elements = [yearElement, monthElement, dayElement]; var elementId, el, selectr, val; for (var i = 0, l = elements.length; i < l; i++) { elementId = elements[i].getAttribute('id').replace('hid-', ''); el = this.form.querySelector('#' + elementId); selectr = NSFSelectr.prototype.getInstance(el); val = i > 0 ? '00'.substring(0, 2 - defaultParts[i].length) + defaultParts[i] : defaultParts[i]; if (selectr) { selectr.setValue(val); } } }, multidropHandler: function (field) { var element = this.form.querySelector('[name=\"user[' + field.name + '][]\"]'); if (!element) { return; } var defaultParts = field.defaultValue.split(','); var selectr = NSFSelectr.prototype.getInstance(element); if (selectr) { selectr.setValue(defaultParts); } }, dropHandler: function (field) { var element = this.form.querySelector('[name=\"user[' + field.name + ']\"]'); if (!element) { return; } var idAttr = element.getAttribute('id').replace('hid-', ''); element = this.form.querySelector('#' + idAttr); if (!element) { return; } var selectr = NSFSelectr.prototype.getInstance(element); if (selectr) { var currentValue = selectr.getValue(); if (!field.defaultValue && currentValue) { selectr.setValue(currentValue); return; } if (field.defaultValue && field.defaultValue !== currentValue) { selectr.setValue(field.defaultValue); } } }, getDefaultValueHandler: function (fieldType) { switch (fieldType) { case 'text': case 'textarea': return this.textHandler; case 'checkbox': return this.checkboxHandler; case 'radio': return this.radioHandler; case 'phone': return this.phoneHandler; case 'birthday': case 'date2': return this.dateHandler; case 'multipledropdown': return this.multidropHandler; case 'singledropdown': return this.dropHandler; }return this.dummyHandler; }, setDefaultValues: function (field) { if (!this.form) { throw 'Cannot set form default values. Form with id ' + this.formId + ' was not found.'; } var fieldDefaultHandler = this.getDefaultValueHandler(field.type); fieldDefaultHandler.call(this, field); }, }; Manager.prototype.constructor = Manager; return Manager; })(); (function (formId, fields) { var manager = new SqmFieldValuesManager(formId); for (var i = 0, l = fields.length; i < l; i++) { manager.setDefaultValues(fields[i]); } })('nsf-form-25', [{ \"name\": \"html\", \"type\": \"radio\", \"defaultValue\": \"1\" }, { \"name\": \"phone\", \"type\": \"phone\", \"defaultValue\": \" \" }]); (function (formId, fields) { function getUserQueryParameters() { var obj = {}; var queryString = window.location.search.slice(1).split('#')[0]; if (!queryString) { return obj; } var arr = queryString.split('&'); for (var i = 0; i < arr.length; i++) { var a = arr[i].split('='); var paramName = a[0].toLowerCase(); var paramValue = typeof (a[1]) === 'undefined' ? true : decodeURIComponent(a[1]); if (!paramName.match(\/user\\[(?:.+?)\\]\/)) { continue; } var key = \/user\\[(.+?)\\]\/.exec(paramName)[1]; if (paramName.match(\/\\]\\[(\\d+)?\\]$\/)) { if (!obj[key]) { obj[key] = []; } if (paramName.match(\/\\[\\d+\\]$\/)) { var index = \/\\[(\\d+)\\]$\/.exec(paramName)[1]; obj[key][index] = paramValue; } else { obj[key].push(paramValue); } } else if (paramName.match(\/\\]\\[([a-zA-Z][a-zA-Z_0-9]*)\\]$\/)) { if (!obj[key]) { obj[key] = {}; } var keyKey = \/\\[([a-zA-Z][a-zA-Z_0-9]*)\\]$\/.exec(paramName)[1]; obj[key][keyKey] = paramValue; } else { obj[key] = paramValue; } } return obj; } function getFieldDefaultValue(valueToSet) { if (typeof valueToSet === 'string') { return valueToSet; } if (Object.prototype.toString.call(valueToSet) === '[object Array]') { return valueToSet.join(','); } return undefined; } var userQueryParameters = getUserQueryParameters(); var manager = new SqmFieldValuesManager(formId); for (var i = 0, l = fields.length; i < l; i++) { var field = fields[i]; var fieldQueryParameter = userQueryParameters[field.name]; var queryParameterExists = fieldQueryParameter !== undefined; if (!queryParameterExists) { continue; } field.defaultValue = getFieldDefaultValue(fieldQueryParameter); if (field.defaultValue === undefined) { continue; } manager.setDefaultValues(field); } })('nsf-form-25', [{ \"name\": \"name\", \"type\": \"text\" }, { \"name\": \"email\", \"type\": \"text\" }, { \"name\": \"html\", \"type\": \"radio\" }, { \"name\": \"company_name\", \"type\": \"text\" }, { \"name\": \"surname\", \"type\": \"text\" }, { \"name\": \"gender\", \"type\": \"radio\" }, { \"name\": \"case_study\", \"type\": \"text\" }, { \"name\": \"phone\", \"type\": \"phone\" }, { \"name\": \"job_description\", \"type\": \"text\" }]); (function (formId, conditions) { if (window.Element && !Element.prototype.closest) { Element.prototype.closest = function (s) { var matches = (this.document || this.ownerDocument).querySelectorAll(s), i, el = this; do { i = matches.length; while (--i >= 0 && matches.item(i) !== el) { }; } while ((i < 0) && (el = el.parentElement)); return el; }; } function addEventHandler(elem, eventType, handler) { if (elem.addEventListener) { elem.addEventListener(eventType, handler, false); } else if (elem.attachEvent) { elem.attachEvent('on' + eventType, handler); } } function ConditionalDisplayManager(fId, conditions) { this.form = document.getElementById(fId); this.conditions = conditions; this.initialize(); } ConditionalDisplayManager.prototype = { initialize: function () { var elements = Object.keys(this.conditions); this.checkElements(elements); this.setListeners(); }, checkElements: function (elements) { for (var i = 0, l = elements.length; i < l; i++) { this.showOrHideElement(elements[i]); } }, showOrHideElement: function (element) { var domElement = this.form.querySelector('[name^=\"user[' + element + ']\"]'); if (!domElement) { return; } var conditions = this.conditions[element].conditions[0]; var operators = this.conditions[element].conditions[1]; var conditionResults = []; for (var i = 0, l = conditions.length; i < l; i++) { var checkResult = this.checkCondition(conditions[i]); conditionResults.push(checkResult); } var showElement = this.combineConditionsWithOperators(conditionResults, operators); var formGroup = domElement.closest('.form-group'); formGroup.style.display = showElement ? 'block' : 'none'; }, checkCondition: function (conditionalData) { var name = conditionalData[0]; var type = conditionalData[1]; var op = conditionalData[2]; var val = conditionalData[3]; var fieldValue = this.getFieldValue(name, type); if (fieldValue === null) { return false; } var result = this.compareFieldValues(fieldValue, op, val); return result; }, getFieldValue: function (name, type) { var el = this.form.querySelector('[name^=\"user[' + name + ']\"]'); if (!el) { return null; } switch (type) { case 'singledropdown': var elId = el.getAttribute('id').replace('hid-', ''); var el = this.form.querySelector('#' + elId); var selectr = NSFSelectr.prototype.getInstance(el); return selectr && selectr.getValue(); case 'radio': var el = this.form.querySelector('[name^=\"user[' + name + ']\"]:checked'); return el ? el.value : ''; case 'checkbox': var els = this.form.querySelectorAll('[name^=\"user[' + name + ']\"]:checked'); var result = []; els.forEach(function (e) { result.push(e.value); }); return result; case 'multipledropdown': var el = this.form.querySelector('select[name=\"user[' + name + '][]\"]'); var selectr = NSFSelectr.prototype.getInstance(el); return selectr && selectr.getValue(); case 'phone': var countrySelect = el.closest('.form-group').querySelector('select'); var selectr = NSFSelectr.prototype.getInstance(countrySelect); var selectrCountryVal = selectr.getValue(); var countryVal = selectrCountryVal ? (selectrCountryVal.indexOf('+') === -1 ? '+' : '') + selectrCountryVal : ''; return countryVal + el.value; case 'birthday': case 'date2': var formGroup = el.closest('.form-group'); var day = formGroup.querySelector('input[name=\"user[' + name + '][day]\"]'); var month = formGroup.querySelector('input[name=\"user[' + name + '][month]\"]'); var year = formGroup.querySelector('input[name=\"user[' + name + '][year]\"]'); var elements = [year, month, day]; var result = []; elements.forEach(function (d) { var id = d.getAttribute('id').replace('hid-', ''); var el = formGroup.querySelector('#' + id); var selectr = NSFSelectr.prototype.getInstance(el); var res = selectr.getValue(); result.push(res ? res : 0); }); return result.join('-'); default: return el.value; } }, compareFieldValues: function (fieldValue, operator, conditionalValue) { switch (operator) { case '==': return fieldValue == conditionalValue; case '!=': return fieldValue != conditionalValue; case '>': return fieldValue > conditionalValue; case '<': return fieldValue < conditionalValue; case '>=': return fieldValue >= conditionalValue; case '<=': return fieldValue <= conditionalValue; case 'exact': if (fieldValue.constructor !== Array) { fieldValue = [fieldValue]; } var conditionalValueArray = conditionalValue.split(','); if (fieldValue.length !== conditionalValueArray.length) { return false; } for (var i = 0, l = conditionalValueArray.length; i < l; i++) { if (fieldValue.indexOf(conditionalValueArray[i]) === -1) { return false; } } return true; case 'at_least': if (fieldValue.constructor !== Array) { fieldValue = [fieldValue]; } var conditionalValueArray = conditionalValue.split(','); for (var i = 0, l = conditionalValueArray.length; i < l; i++) { if (fieldValue.indexOf(conditionalValueArray[i]) === -1) { return false; } } return true; case 'one_of': if (fieldValue.constructor !== Array) { fieldValue = [fieldValue]; } var conditionalValueArray = conditionalValue.split(','); for (var i = 0, l = conditionalValueArray.length; i < l; i++) { if (fieldValue.indexOf(conditionalValueArray[i]) > -1) { return true; } } return false; default: return false; } }, combineConditionsWithOperators: function (conditions, operators) { if (conditions.length <= operators.length) { throw 'Conditions\/operators lengths don\\'t match!'; } var currentGroupResult = conditions[0]; for (var i = 0, l = operators.length; i < l; i++) { if (operators[i] === '&&') { currentGroupResult = currentGroupResult && conditions[i + 1]; continue; } if (operators[i] === '||') { if (currentGroupResult) { break; } currentGroupResult = conditions[i + 1]; } } return currentGroupResult; }, setListeners: function () { var listeners = {}; var elementNames = Object.keys(this.conditions); var self = this; elementNames.forEach(function (elName) { var elConditions = self.conditions[elName].conditions[0]; elConditions.forEach(function (eC) { var conditionalElement = eC[0]; if (!listeners[conditionalElement]) { listeners[conditionalElement] = []; } if (listeners[conditionalElement].indexOf(elName) === -1) { listeners[conditionalElement].push(elName); } }); }); var inputs = this.form.querySelectorAll('input,textarea'); inputs.forEach(function (i) { var elementsToCheck = self.getListeners(i, listeners); if (elementsToCheck) { addEventHandler(i, 'change', function () { self.checkElements(elementsToCheck); }); } }); if (typeof NSFSelectr === 'undefined') { return; }; NSFSelectr.prototype.loadedInstances.forEach(function (s) { var elementsToCheck = self.getListeners(s.el, listeners); if (elementsToCheck) { s.on('selectr.change', function () { self.checkElements(elementsToCheck); }); } }); }, getListeners: function (element, listeners) { var elementNames = Object.keys(listeners); var formGroup = element.closest('.form-group'); if (!formGroup) { return null; } for (var i = 0, l = elementNames.length; i < l; i++) { var el = formGroup.querySelector('[name^=\"user[' + elementNames[i] + ']\"]'); if (el) { return listeners[elementNames[i]]; } } return null; } }; ConditionalDisplayManager.prototype.constructor = ConditionalDisplayManager; var cdm = new ConditionalDisplayManager(formId, conditions); })('nsf-form-25', []);\r\n    });<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Ihr Partner f\u00fcr die digitale Zukunft. Kopa, Haus klarer L\u00f6sungen. Seit 1978 entwickeln und implementieren&#8230;<\/p>\n","protected":false},"author":17,"featured_media":12557,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/fullwidthpage.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12702","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Geschichte - Kopa<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kopa.si\/de\/geschichte\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Geschichte - Kopa\" \/>\n<meta property=\"og:description\" content=\"Ihr Partner f\u00fcr die digitale Zukunft. Kopa, Haus klarer L\u00f6sungen. Seit 1978 entwickeln und implementieren...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kopa.si\/de\/geschichte\/\" \/>\n<meta property=\"og:site_name\" content=\"Kopa\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/KOPAsolutions\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-23T13:59:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1-1024x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kopa.si\/de\/geschichte\/\",\"url\":\"https:\/\/www.kopa.si\/de\/geschichte\/\",\"name\":\"Geschichte - Kopa\",\"isPartOf\":{\"@id\":\"https:\/\/www.kopa.si\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kopa.si\/de\/geschichte\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kopa.si\/de\/geschichte\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1.png\",\"datePublished\":\"2024-12-06T09:32:17+00:00\",\"dateModified\":\"2025-01-23T13:59:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kopa.si\/de\/geschichte\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kopa.si\/de\/geschichte\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.kopa.si\/de\/geschichte\/#primaryimage\",\"url\":\"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1.png\",\"contentUrl\":\"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1.png\",\"width\":1920,\"height\":1080,\"caption\":\"Kopa ERP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kopa.si\/de\/geschichte\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kopa.si\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Geschichte\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kopa.si\/#website\",\"url\":\"https:\/\/www.kopa.si\/\",\"name\":\"Kopa\",\"description\":\"Hi\u0161a bistrih re\u0161itev\",\"publisher\":{\"@id\":\"https:\/\/www.kopa.si\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kopa.si\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.kopa.si\/#organization\",\"name\":\"Kopa d.d.\",\"alternateName\":\"Kopa\",\"url\":\"https:\/\/www.kopa.si\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.kopa.si\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/11\/kopa_logo_transparent_background.png\",\"contentUrl\":\"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/11\/kopa_logo_transparent_background.png\",\"width\":250,\"height\":206,\"caption\":\"Kopa d.d.\"},\"image\":{\"@id\":\"https:\/\/www.kopa.si\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/KOPAsolutions\",\"https:\/\/www.instagram.com\/kopa.dd\/\",\"https:\/\/si.linkedin.com\/company\/kopa-dd\",\"https:\/\/www.youtube.com\/@koparacunalniskiinzeniring5112\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Geschichte - Kopa","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kopa.si\/de\/geschichte\/","og_locale":"de_DE","og_type":"article","og_title":"Geschichte - Kopa","og_description":"Ihr Partner f\u00fcr die digitale Zukunft. Kopa, Haus klarer L\u00f6sungen. Seit 1978 entwickeln und implementieren...","og_url":"https:\/\/www.kopa.si\/de\/geschichte\/","og_site_name":"Kopa","article_publisher":"https:\/\/www.facebook.com\/KOPAsolutions","article_modified_time":"2025-01-23T13:59:06+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1-1024x1024.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kopa.si\/de\/geschichte\/","url":"https:\/\/www.kopa.si\/de\/geschichte\/","name":"Geschichte - Kopa","isPartOf":{"@id":"https:\/\/www.kopa.si\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kopa.si\/de\/geschichte\/#primaryimage"},"image":{"@id":"https:\/\/www.kopa.si\/de\/geschichte\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1.png","datePublished":"2024-12-06T09:32:17+00:00","dateModified":"2025-01-23T13:59:06+00:00","breadcrumb":{"@id":"https:\/\/www.kopa.si\/de\/geschichte\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kopa.si\/de\/geschichte\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.kopa.si\/de\/geschichte\/#primaryimage","url":"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1.png","contentUrl":"https:\/\/www.kopa.si\/wp-content\/uploads\/2020\/09\/koa-ERP_1.png","width":1920,"height":1080,"caption":"Kopa ERP"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kopa.si\/de\/geschichte\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kopa.si\/"},{"@type":"ListItem","position":2,"name":"Geschichte"}]},{"@type":"WebSite","@id":"https:\/\/www.kopa.si\/#website","url":"https:\/\/www.kopa.si\/","name":"Kopa","description":"Hi\u0161a bistrih re\u0161itev","publisher":{"@id":"https:\/\/www.kopa.si\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kopa.si\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.kopa.si\/#organization","name":"Kopa d.d.","alternateName":"Kopa","url":"https:\/\/www.kopa.si\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.kopa.si\/#\/schema\/logo\/image\/","url":"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/11\/kopa_logo_transparent_background.png","contentUrl":"https:\/\/www.kopa.si\/wp-content\/uploads\/2024\/11\/kopa_logo_transparent_background.png","width":250,"height":206,"caption":"Kopa d.d."},"image":{"@id":"https:\/\/www.kopa.si\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/KOPAsolutions","https:\/\/www.instagram.com\/kopa.dd\/","https:\/\/si.linkedin.com\/company\/kopa-dd","https:\/\/www.youtube.com\/@koparacunalniskiinzeniring5112"]}]}},"_links":{"self":[{"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/pages\/12702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/comments?post=12702"}],"version-history":[{"count":4,"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/pages\/12702\/revisions"}],"predecessor-version":[{"id":14022,"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/pages\/12702\/revisions\/14022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/media\/12557"}],"wp:attachment":[{"href":"https:\/\/www.kopa.si\/de\/wp-json\/wp\/v2\/media?parent=12702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}