{"id":899,"date":"2024-03-21T11:40:26","date_gmt":"2024-03-21T10:40:26","guid":{"rendered":"https:\/\/www.basalt.de\/?page_id=899"},"modified":"2024-09-24T14:06:08","modified_gmt":"2024-09-24T12:06:08","slug":"bag-cockpit","status":"publish","type":"page","link":"https:\/\/www.basalt.de\/fortschritt\/bag-cockpit\/","title":{"rendered":"BAG Cockpit"},"content":{"rendered":"\r\n\r\n\r\n<div id=\"fullscreen-hero-60-40-block_e2fa1075d52589b1b5c1c027faf282c3\" class=\"fullscreen-hero-60-40 has-image\">\r\n    <div class=\"fullscreen-hero-60-40--left\">\r\n        <div class=\"inner\">\r\n            <h1>BAG COCKPIT.<\/h1>\r\n                                        <div class=\"btn btn--white\">\r\n                    <a href=\"mailto:highway%40basalt.de?subject=Demo%20Anfrage%20BAG%20Digital&#038;body=Sehr%20geehrtes%20Digital%20Team%2C%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20digitalen%20L%C3%B6sungen%20der%20BAG%20und%20Sie%20d%C3%BCrfen%20gerne%20auf%20mich%20zukommen%20um%20einen%20Termin%20f%C3%BCr%20eine%20Demo%20zu%20vereinbaren.%20%0A%0AMit%20freundlichen%20Gr%C3%BC%C3%9Fen%0AIHR%20NAME%0AIHR%20BAUUNTERNEHMEN\" target=\"\">Demo anfragen<\/a>\r\n                <\/div>\r\n                                            <\/div>\r\n    <\/div>\r\n    \t    \t    \t            <div class=\"fullscreen-hero-60-40--right-image\" style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/digitale-loesung-laptop-bag-cockpit.jpg')\">\r\n\t        \t                <\/div>\r\n    <\/div>\r\n\r\n\n\n\n<nav class=\"breadcrumb\"><a href=\"https:\/\/www.basalt.de\">Startseite<\/a>  <svg width=\"6\" height=\"8\" viewBox=\"0 0 6 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1.125 7.375L4.5 4L1.125 0.625\" stroke=\"#99ADC2\"\/><\/svg>  <\/nav>\n\n\n\r\n<div id=\"text-teaser-icon-teaser-block_d0c0275c8e70665e599b60291438910b\" class=\"text-teaser-icon-teaser\">\r\n    <div class=\"boxed\">\r\n        <div class=\"custom-flex has-border\">\r\n            <div class=\"text-teaser-icon-teaser--headline\">\r\n\t\t\t<div class=\"subheadline\"><\/div>\r\n\t\t\t\t<h2 class=\"headline-two\">Die digitale L\u00f6sung F\u00fcr optimale Kontrolle.<\/h2>            <\/div>\r\n            <div class=\"text-teaser-icon-teaser--text\">\r\n                <div class=\"inner\">\r\n                    <p>Profitieren Sie von einem ganzheitlichen \u00dcberblick \u00fcber s\u00e4mtliche laufenden Bauprojekte, Materialien und Kontraktmengen: Mit der App BAG Cockpit behalten Sie Ihre Baustellen im Blick!<\/p>\n                                                        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n<div id=\"sixty-forty-teaser-block_9d21caf83e2302287f0839255d557fec\" class=\"sixty-forty-teaser video-modul is-blue\">\r\n\t<div class=\"custom-flex\">\r\n\t\t<div class=\"sixty-forty-teaser--video\">\r\n\t\t\t\t\t\t\t\t\t                <div class=\"video-container\">\r\n\t                \t                \t                                        <div class=\"image-container\">\r\n                            <div style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/bag-mitarbeiter-pc.jpg')\"><\/div>\r\n                        <\/div>\r\n\t                                <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t<div class=\"sixty-forty-teaser--text is-blue\">\r\n\t\t\t<div class=\"inner\">\r\n\t\t\t\t<div class=\"subheadline\"><\/div>\r\n\t\t\t\t<h2 class=\"headline-two\">Digital immer alles im Griff.<\/h2>\t\t\t\t<p>Mit unserer digitalen Plattform behalten Sie stets den \u00dcberblick und haben alles im Griff, egal wo Sie sich befinden. Digitalisieren Sie Ihr Bauprojektmanagement f\u00fcr maximale Effizienz und Kontrolle.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n\n\n\n<div id=\"bold-headline-block_1c0c04355003e193aa4991cecaaefa8a\" class=\"bold-headline\">\n\t<div class=\"boxed\">\n\t\t<h2 class=\"headline-two\">KEY FEATURES IM DETAIL.<\/h2>\t<\/div>\n<\/div>\n\n\n\n\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n    <div style=\"height: 800vh;\" id=\"parallax-feature-block_f47711bdac02ebe13a47500ffc23d504\"\r\n         class=\"parallax-feature\">\r\n\t\t\t\t\t\t\t\t                <div style=\"\"\r\n                     class=\"parallax-feature--container container--1\"\r\n                     id=\"container1\">\r\n                    <div class=\"parallax-feature--content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"parallax-feature--video video-modul is-horizontal\"\r\n                             style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/blaue-digitale-streifen.jpg')\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"video-inner is-horizontal\">\r\n                                <div class=\"video-container\">\r\n                                    <video playsinline preload=\"none\" class=\"video loop play-on-click\" loop\r\n\t\t\t\t\t\t\t\t\t       poster=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/kontraktuebersicht-video-thumbnail-1.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/kontraktuebersicht-video-mobil.mp4\"\r\n                                                    data-mw=\"1\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/kontraktuebersicht-video.mp4\"\r\n                                                    data-mw=\"850\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/video>\r\n\t\t\t\t\t\t\t\t\t                                        <div class=\"video-modul-overlay\">\r\n                                            <button class=\"play-button play-button--big\">\r\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 314.67 314.67\">\r\n                                                    <defs>\r\n                                                        <style>.cls-1 {\r\n                                                                fill: #fff;\r\n                                                            }\r\n\r\n                                                            . cls-1, .cls-2 {\r\n                                                                stroke-width: 0px;\r\n                                                            }\r\n\r\n                                                            .cls-2 {\r\n                                                                fill: #00a5bd;\r\n                                                            }<\/style>\r\n                                                    <\/defs>\r\n                                                    <g id=\"Ebene_2\">\r\n                                                        <circle class=\"cls-2\" cx=\"157.33\" cy=\"157.33\" r=\"157.33\"\/>\r\n                                                    <\/g>\r\n                                                    <g id=\"Ebene_1\">\r\n                                                        <polygon class=\"cls-1\"\r\n                                                                 points=\"134.89 117.78 201.78 156.67 134.89 195.33 134.89 117.78\"\/>\r\n                                                    <\/g>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                        <\/div>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"parallax-feature--text is-horizontal\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>Kontrakt\u00fcbersicht.<\/h2>\n<p>Mit unserer intuitiv bedienbaren Plattform erhalten Sie einen umfassenden \u00dcberblick \u00fcber Ihre Baustellen.<\/p>\n<ul>\n<li>Alle Baustellen<\/li>\n<li>\u00dcbersicht \u00fcber die abgerufenen Materialien<\/li>\n<li>\u00dcberblick \u00fcber die Kontraktmengen<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\t\t\t\t\t\t\t                <div style=\"\"\r\n                     class=\"parallax-feature--container container--2\"\r\n                     id=\"container2\">\r\n                    <div class=\"parallax-feature--content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"parallax-feature--video video-modul is-horizontal\"\r\n                             style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/blaue-digitale-streifen.jpg')\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"video-inner is-horizontal\">\r\n                                <div class=\"video-container\">\r\n                                    <video playsinline preload=\"none\" class=\"video loop play-on-click\" loop\r\n\t\t\t\t\t\t\t\t\t       poster=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/lieferuebersicht-video-thumbnail-1.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/lieferuebersicht-video-mobil.mp4\"\r\n                                                    data-mw=\"1\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/lieferuebersicht-video.mp4\"\r\n                                                    data-mw=\"850\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/video>\r\n\t\t\t\t\t\t\t\t\t                                        <div class=\"video-modul-overlay\">\r\n                                            <button class=\"play-button play-button--big\">\r\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 314.67 314.67\">\r\n                                                    <defs>\r\n                                                        <style>.cls-1 {\r\n                                                                fill: #fff;\r\n                                                            }\r\n\r\n                                                            . cls-1, .cls-2 {\r\n                                                                stroke-width: 0px;\r\n                                                            }\r\n\r\n                                                            .cls-2 {\r\n                                                                fill: #00a5bd;\r\n                                                            }<\/style>\r\n                                                    <\/defs>\r\n                                                    <g id=\"Ebene_2\">\r\n                                                        <circle class=\"cls-2\" cx=\"157.33\" cy=\"157.33\" r=\"157.33\"\/>\r\n                                                    <\/g>\r\n                                                    <g id=\"Ebene_1\">\r\n                                                        <polygon class=\"cls-1\"\r\n                                                                 points=\"134.89 117.78 201.78 156.67 134.89 195.33 134.89 117.78\"\/>\r\n                                                    <\/g>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                        <\/div>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"parallax-feature--text is-horizontal\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>Liefer\u00fcbersicht.<\/h2>\n<p>Behalten Sie den \u00dcberblick \u00fcber all Ihre Bestellungen mit unserer \u00fcbersichtlichen Plattform.<\/p>\n<ul>\n<li>Visuelle Baustellenplanung<\/li>\n<li>Lieferhistorie<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\t\t\t\t\t\t\t                <div style=\"\"\r\n                     class=\"parallax-feature--container container--3\"\r\n                     id=\"container3\">\r\n                    <div class=\"parallax-feature--content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"parallax-feature--video video-modul is-horizontal\"\r\n                             style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/blaue-digitale-streifen.jpg')\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"video-inner is-horizontal\">\r\n                                <div class=\"video-container\">\r\n                                    <video playsinline preload=\"none\" class=\"video loop play-on-click\" loop\r\n\t\t\t\t\t\t\t\t\t       poster=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/materialabruf-video-thumbnail-scaled.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/materialabruf-video-mobil.mp4\"\r\n                                                    data-mw=\"1\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/materialabruf-video.mp4\"\r\n                                                    data-mw=\"850\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/video>\r\n\t\t\t\t\t\t\t\t\t                                        <div class=\"video-modul-overlay\">\r\n                                            <button class=\"play-button play-button--big\">\r\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 314.67 314.67\">\r\n                                                    <defs>\r\n                                                        <style>.cls-1 {\r\n                                                                fill: #fff;\r\n                                                            }\r\n\r\n                                                            . cls-1, .cls-2 {\r\n                                                                stroke-width: 0px;\r\n                                                            }\r\n\r\n                                                            .cls-2 {\r\n                                                                fill: #00a5bd;\r\n                                                            }<\/style>\r\n                                                    <\/defs>\r\n                                                    <g id=\"Ebene_2\">\r\n                                                        <circle class=\"cls-2\" cx=\"157.33\" cy=\"157.33\" r=\"157.33\"\/>\r\n                                                    <\/g>\r\n                                                    <g id=\"Ebene_1\">\r\n                                                        <polygon class=\"cls-1\"\r\n                                                                 points=\"134.89 117.78 201.78 156.67 134.89 195.33 134.89 117.78\"\/>\r\n                                                    <\/g>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                        <\/div>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"parallax-feature--text is-horizontal\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>Materialabruf.<\/h2>\n<p>Verfolgen Sie den Status Ihrer Anfragen in Echtzeit und kommunizieren Sie direkt mit den Lieferanten, um eine reibungslose und effiziente Materialbeschaffung sicherzustellen.<\/p>\n<ul>\n<li>Anfragen eines Abrufs<\/li>\n<li>Schnelle R\u00fcckmeldung zur Verf\u00fcgbarkeit<\/li>\n<li>Verbindliche Best\u00e4tigung eines Abrufes<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\t\t\t\t\t\t\t                <div style=\"height:100vh;\"\r\n                     class=\"parallax-feature--container container--4\"\r\n                     id=\"container4\">\r\n                    <div class=\"parallax-feature--content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"parallax-feature--video video-modul is-horizontal\"\r\n                             style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/blaue-digitale-streifen.jpg')\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <div class=\"video-inner is-horizontal\">\r\n                                <div class=\"video-container\">\r\n                                    <video playsinline preload=\"none\" class=\"video loop play-on-click\" loop\r\n\t\t\t\t\t\t\t\t\t       poster=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/dokumentation-video-thumbnail-1.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/dokumentation-video-mobil.mp4\"\r\n                                                    data-mw=\"1\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                            <source data-src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/dokumentation-video.mp4\"\r\n                                                    data-mw=\"850\" data-type=\"mp4\" type=\"video\/mp4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <\/video>\r\n\t\t\t\t\t\t\t\t\t                                        <div class=\"video-modul-overlay\">\r\n                                            <button class=\"play-button play-button--big\">\r\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 314.67 314.67\">\r\n                                                    <defs>\r\n                                                        <style>.cls-1 {\r\n                                                                fill: #fff;\r\n                                                            }\r\n\r\n                                                            . cls-1, .cls-2 {\r\n                                                                stroke-width: 0px;\r\n                                                            }\r\n\r\n                                                            .cls-2 {\r\n                                                                fill: #00a5bd;\r\n                                                            }<\/style>\r\n                                                    <\/defs>\r\n                                                    <g id=\"Ebene_2\">\r\n                                                        <circle class=\"cls-2\" cx=\"157.33\" cy=\"157.33\" r=\"157.33\"\/>\r\n                                                    <\/g>\r\n                                                    <g id=\"Ebene_1\">\r\n                                                        <polygon class=\"cls-1\"\r\n                                                                 points=\"134.89 117.78 201.78 156.67 134.89 195.33 134.89 117.78\"\/>\r\n                                                    <\/g>\r\n                                                <\/svg>\r\n                                            <\/button>\r\n                                        <\/div>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"parallax-feature--text is-horizontal\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>PRODUKTINFORMATION UND DOKUMENTATION.<\/h2>\n<p>Mit der zentralen Verwaltung und Aktualisierung dieser Informationen in unserer App stellen wir sicher, dass Sie stets auf dem neuesten Stand sind und Ihre Projekte reibungslos durchf\u00fchren k\u00f6nnen.<\/p>\n<ul>\n<li>Leistungserkl\u00e4rungen<\/li>\n<li>Rezepturen f\u00fcr Eignungsnachweise<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\t\t\t\t\t\t\t\t\t    <\/div>\r\n    <script>\r\n        jQuery(document).ready(function ($) {\r\n            var containers = $('.parallax-feature--container');\r\n            var observer = new IntersectionObserver(function (entries, observer) {\r\n                entries.forEach(function (entry, index) {\r\n                    var container = $(entry.target);\r\n                    if (entry.isIntersecting) {\r\n                        \/\/ Apply sticky styles when the container is visible in the viewport\r\n                        container.css({\r\n                            'position': 'sticky',\r\n                            'top': '64px', \/\/ Adjust this value based on your layout's header or other elements\r\n                            'opacity': '1',\r\n                            \/\/ 'z-index': '1040',\r\n                        });\r\n                    }\r\n                });\r\n            }, {\r\n                root: null, \/\/ Use the viewport as the root\r\n                threshold: 0, \/\/ Trigger when any part of the container intersects\r\n            });\r\n\r\n            \/\/ Observe all containers except the last\r\n            containers.each(function (index) {\r\n                if (index < containers.length) {\r\n                    observer.observe(this);\r\n                }\r\n            });\r\n        });\r\n\r\n    <\/script>\r\n\r\n\r\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n\r\n\r\n    <div class=\"icon-feature\">\r\n\t<div class=\"boxed-small\">\r\n\t\t<h2 class=\"headline-two\">Das BAG Cockpit macht ihnen das leben leichter.<\/h2>\t<\/div>\r\n\r\n    <div class=\"slider-container\">\r\n        <div id=\"icon-feature-icon-feature-block_d02981c1eb901269f6e032c00ca69fcc\" class=\"icon-feature--slider\">\r\n\t                                            <div class=\"icon-feature--icons\">\r\n                        <div class=\"icon-feature--icons-icon\">\r\n                            <div class=\"icon\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/04\/checkmark-icon.svg\" \/>\r\n                                                            <\/div>\r\n                            <span><p>Baustellen\u00fcbersicht<\/p>\n<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"icon-feature--icons\">\r\n                        <div class=\"icon-feature--icons-icon\">\r\n                            <div class=\"icon\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/04\/checkmark-icon.svg\" \/>\r\n                                                            <\/div>\r\n                            <span><p>Bestell\u00fcbersicht<\/p>\n<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"icon-feature--icons\">\r\n                        <div class=\"icon-feature--icons-icon\">\r\n                            <div class=\"icon\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/04\/checkmark-icon.svg\" \/>\r\n                                                            <\/div>\r\n                            <span><p>Materialabruf<\/p>\n<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"icon-feature--icons\">\r\n                        <div class=\"icon-feature--icons-icon\">\r\n                            <div class=\"icon\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/04\/checkmark-icon.svg\" \/>\r\n                                                            <\/div>\r\n                            <span><p>Beleg\u00fcbersicht<\/p>\n<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                \t                <\/div>\r\n        <div class=\"icon-feature--arrow-container arrow-container-icon-feature-block_d02981c1eb901269f6e032c00ca69fcc\"><\/div>\r\n    <\/div>\r\n        <div class=\"icon-feature--dot-container dot-container-icon-feature-block_d02981c1eb901269f6e032c00ca69fcc\"><\/div>\r\n                        <\/div>\r\n\r\n    <script type=\"application\/javascript\">\r\n        jQuery(document).ready(function($){\r\n            function initializeIconFeatureSlider(sliderID, arrowContainerClass, dotContainerClass) {\r\n                var $slider = $('#' + sliderID);\r\n                var $arrowContainer = $('.' + arrowContainerClass);\r\n                var $dotContainer = $('.' + dotContainerClass);\r\n\r\n                $slider.slick({\r\n                    infinite: true,\r\n                    dots: true,\r\n                    lazyLoad: 'ondemand',\r\n                    autoplay: true,\r\n                    autoplaySpeed: 3000,\r\n                    arrows: true,\r\n                    fade: false,\r\n                    speed: 1000,\r\n                    pauseOnHover: false,\r\n                    slidesToShow: 4,\r\n                    slidesToScroll: 1,\r\n                    variableWidth: false,\r\n                    prevArrow: '<div class=\"slick-prev slick-button\"><svg width=\"45\" height=\"45\" viewBox=\"0 0 45 45\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.5 22.2752H31.05M31.05 22.2752L22.626 13.5002M31.05 22.2752L22.626 31.0502\" stroke=\"#003366\" stroke-width=\"2\" transform=\"rotate(180 22.525 22.275)\" \/><rect x=\"1\" y=\"1\" width=\"43\" height=\"43\" stroke=\"#003366\" stroke-width=\"2\"\/><\/svg><\/div>',\r\n                    nextArrow: '<div class=\"slick-next slick-button\"><svg width=\"45\" height=\"45\" viewBox=\"0 0 45 45\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.5 22.2752H31.05M31.05 22.2752L22.626 13.5002M31.05 22.2752L22.626 31.0502\" stroke=\"#003366\" stroke-width=\"2\"\/><rect x=\"1\" y=\"1\" width=\"43\" height=\"43\" stroke=\"#003366\" stroke-width=\"2\"\/><\/svg><\/div>',\r\n                    appendArrows: '.' + arrowContainerClass, \/\/ Arrows in den angegebenen Container rendern\r\n                    appendDots: '.' + dotContainerClass, \/\/ Dots in den angegebenen Container rendern\r\n                    customPaging: function(slider, i) {\r\n                        return '<div class=\"slick-dot\"><div class=\"progress-bar-container\"><div class=\"progress-bar\"><\/div><\/div><\/div>';\r\n                    },\r\n                    responsive: [\r\n                        {\r\n                            breakpoint: 1200,\r\n                            settings: {\r\n                                slidesToShow: 2,\r\n                                slidesToScroll: 1,\r\n                                arrows: false,\r\n                            }\r\n                        },\r\n                        {\r\n                            breakpoint: 600,\r\n                            settings: {\r\n                                slidesToShow: 1,\r\n                                slidesToScroll: 1,\r\n                                arrows: false,\r\n                            }\r\n                        }\r\n                    ]\r\n                });\r\n\r\n                var autoplaySpeed = $slider.slick('slickGetOption', 'autoplaySpeed');\r\n\r\n                function initializeProgressBar($dot) {\r\n                    if ($dot.find('.progress-bar').length === 0) {\r\n                        $dot.find('.progress-bar-container').append('<div class=\"progress-bar\"><\/div>');\r\n                    }\r\n                    $dot.find('.progress-bar').stop(true).css({width: '0%'}).animate({width: '100%'}, autoplaySpeed);\r\n                }\r\n\r\n                var $firstDot = $dotContainer.find('.slick-dots li').eq(0).find('.slick-dot');\r\n                initializeProgressBar($firstDot);\r\n\r\n                $slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {\r\n                    $dotContainer.find('.slick-dots li').eq(currentSlide).find('.progress-bar').stop(true).css({width: 0});\r\n                });\r\n\r\n                $slider.on('afterChange', function(event, slick, currentSlide) {\r\n                    var $activeDot = $dotContainer.find('.slick-dots li').eq(currentSlide).find('.slick-dot');\r\n                    initializeProgressBar($activeDot);\r\n                });\r\n            }\r\n\r\n            \/\/ Initialisierung des Sliders mit den spezifischen Containern\r\n            initializeIconFeatureSlider('icon-feature-icon-feature-block_d02981c1eb901269f6e032c00ca69fcc', 'arrow-container-icon-feature-block_d02981c1eb901269f6e032c00ca69fcc', 'dot-container-icon-feature-block_d02981c1eb901269f6e032c00ca69fcc');\r\n        });\r\n    <\/script>\r\n\r\n\r\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"accordion-block_31adee53b4fab8766c156779f7747874\" class=\"accordion\">\n    <div class=\"boxed-small\">\n\t    <h2 class=\"headline-two\">H\u00e4ufig gestellte Fragen.<\/h2>\n            <div class=\"dan_akkordeon\">\n                            <div class=\"dan_akkordeon_wrapper\">\n                    <div class=\"dan_akkordeon_wrapper--header\">\n                        <div class=\"content--title\">\n                            Wie kann ich mich registrieren?                            <div class=\"svg\">\n                                <svg width=\"18\" height=\"11\" viewBox=\"0 0 18 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M17 1.15997L9 8.83997L1 1.15997\" stroke=\"#003366\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"dan_akkordeon_wrapper--content\">\n                        <p>Im Moment befindet sich das BAG Cockpit noch in einer Testphase. Unser Ziel ist es, die Funktionen ausf\u00fchrlich auf die bestm\u00f6gliche Benutzungsfreundlichkeit zu testen. Sie sind interessiert? Dann melden Sie sich gerne bei Ihrer Kontaktperson oder buchen Sie eine Demo.<\/p>\n                    <\/div>\n                <\/div>\n                    <\/div>\n        <\/div>\n<\/div>\n\n<script type=\"application\/javascript\">\n    (function ($) {\n        $(\"#accordion-block_31adee53b4fab8766c156779f7747874 .dan_akkordeon\").each(function () {\n            $(this).danAkkordeon({\n                \"animate\": true,\n                \"close\": true,\n                \"focus\": false,\n                \"offset\": 200\n            });\n        });\n    })(jQuery);\n<\/script>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div id=\"cta-banner-block_945cb2acca2d9381e3b6715d10a8533c\" class=\"cta-banner\">\n\t<div class=\"boxed-small\">\n\t\t<div class=\"corner-top-left\">\n\t\t\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<rect x=\"80\" width=\"80\" height=\"0.999996\" transform=\"rotate(90 80 0)\" fill=\"#003366\"\/>\n\t\t\t\t<rect y=\"79\" width=\"80\" height=\"1\" fill=\"#003366\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\t<div class=\"corner-top-right\">\n\t\t\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<rect x=\"80\" width=\"80\" height=\"0.999996\" transform=\"rotate(90 80 0)\" fill=\"#003366\"\/>\n\t\t\t\t<rect y=\"79\" width=\"80\" height=\"1\" fill=\"#003366\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\t<div class=\"corner-bottom-left\">\n\t\t\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<rect x=\"80\" width=\"80\" height=\"0.999996\" transform=\"rotate(90 80 0)\" fill=\"#003366\"\/>\n\t\t\t\t<rect y=\"79\" width=\"80\" height=\"1\" fill=\"#003366\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\t<div class=\"corner-bottom-right\">\n\t\t\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<rect x=\"80\" width=\"80\" height=\"0.999996\" transform=\"rotate(90 80 0)\" fill=\"#003366\"\/>\n\t\t\t\t<rect y=\"79\" width=\"80\" height=\"1\" fill=\"#003366\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\n\t\t<div class=\"cta-banner--container\" style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/fortschritt-leistungen-technologie-basalt.png')\">\n\t\t\t<div class=\"cta-banner--text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<h2 class=\"headline-two\">Nutzen Sie jetzt das BAG Cockpit.<\/h2>\t\t\t\t<div class=\"cta-banner--text-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"btn btn--white btn--normal\">\n\t\t\t\t\t\t\t<a href=\"&#109;&#x61;i&#108;&#x74;o&#58;&#x68;i&#x67;&#x68;&#119;&#x61;y&#64;&#x62;a&#115;&#x61;l&#x74;&#x2e;&#100;&#x65;\" target=\"\">Demo anfragen<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"cta-banner--image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n<div id=\"fifty-fifty-card-teaser-block_b4a8e3a87ad3f0009040d03d52378123\" class=\"fifty-fifty-card-teaser\">\r\n    <div class=\"boxed\">\r\n                                    <div class=\"fifty-fifty-card-teaser--image\" style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/digitale-loesung-smartphones-bag-on-site-app.jpg')\">\r\n\t            <div class=\"fifty-fifty-card-teaser--seal\">\r\n                                                        <\/div>\r\n            <\/div>\r\n                <div class=\"fifty-fifty-card-teaser--text\">\r\n            <div class=\"inner\">\r\n                <div class=\"subheadline\">BAG On Site <\/div>\r\n                    <h2 class=\"headline-two\">Die digitale L\u00f6sung f\u00fcr unterwegs.<\/h2>                    <p>Mithilfe unserer App BAG On Site behalten Sie Ihren Baustellenalltag auch unterwegs jederzeit im Griff. Dank Echtzeit-\u00dcberblick \u00fcber laufende Projekte und Materiallieferungen k\u00f6nnen Sie den Materialfluss von der Anfrage bis zur Lieferung im Detail verfolgen und direkt mit dem Werk und der Disposition kommunizieren.<\/p>\n                                                            <div class=\"btn btn--blue\">\r\n                        <a href=\"https:\/\/www.basalt.de\/fortschritt\/bag-on-site-app\/\" target=\"\">Mehr erfahren<\/a>\r\n                    <\/div>\r\n                                <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-899","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/comments?post=899"}],"version-history":[{"count":15,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/899\/revisions"}],"predecessor-version":[{"id":8448,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/899\/revisions\/8448"}],"up":[{"embeddable":true,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/media?parent=899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}