{"id":901,"date":"2024-03-21T11:40:38","date_gmt":"2024-03-21T10:40:38","guid":{"rendered":"https:\/\/www.basalt.de\/?page_id=901"},"modified":"2024-09-24T14:17:05","modified_gmt":"2024-09-24T12:17:05","slug":"bag-on-site-app","status":"publish","type":"page","link":"https:\/\/www.basalt.de\/fortschritt\/bag-on-site-app\/","title":{"rendered":"BAG On Site App"},"content":{"rendered":"\r\n\r\n\r\n<div id=\"fullscreen-hero-60-40-block_e39a532270b07c19e321d2bc51873b86\" 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 On Site App.<\/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-smartphones-bag-on-site-app.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\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n<div id=\"text-teaser-icon-teaser-block_af28f8d652fd434611dde5b365ba713e\" 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 unterwegs.<\/h2>            <\/div>\r\n            <div class=\"text-teaser-icon-teaser--text\">\r\n                <div class=\"inner\">\r\n                    <p>Mithilfe unserer App BAG On Site behalten Sie Ihren Baustellenalltag auch unterwegs jederzeit im Blick. 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>\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_49091631df90a5d10a33d8ad506f6ccf\" 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-on-site-app-basalt-ag.jpeg')\"><\/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\">MEINE LIEFERUNG? NUR EINEN KLICK ENTFERNT!<\/h2>\t\t\t\t<p>Sehen Sie die aktualisierten Infos zum Zulauf Ihrer Baustelle mit detaillierten Daten zu Fahrzeug, Tonnage und Material. Gezielte Bestellinformationen, Tages- und Detailansichten sowie die Infos zu den Ihrem Kontrakt zugewiesenen Kontaktpersonen stehen hier direkt zu Verf\u00fcgung.<\/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_542e7b5ce5510978f92a8f1cadf67317\" 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_09df5b8cd349f44ca73a3f1451c57ee1\"\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-vertical\"\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-vertical\">\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\/baustellenuebersicht-onsite-video-thumbnail-2-e1719317440385.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\/baustellenuebersicht-onsite-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\/baustellenuebersicht-onsite-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-vertical\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>Baustellen\u00fcbersicht.<\/h2>\n<p>Behalten Sie den \u00dcberblick \u00fcber all Ihre Bestellungen mit unserer \u00fcbersichtlichen Plattform.<\/p>\n<ul>\n<li>Alle Baustellen<\/li>\n<li>Tages- und Gesamtmenge<\/li>\n<li>\u00dcbersicht \u00fcber die abgerufenen Materialien<\/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-vertical\"\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-vertical\">\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\/tagesansicht-fuer-baustellen-onsite-video-thumbnail-1-e1719317458365.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\/tagesansicht-fuer-baustellen-onsite-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\/tagesansicht-fuer-baustellen-onsite-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-vertical\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>Tagesansicht f\u00fcr Baustellen.<\/h2>\n<p>Sehen Sie auf einen Blick, welche Arbeiten an welchem Tag geplant sind, verwalten Sie Aufgaben und Ressourcen effizient und behalten Sie den Zeitplan Ihrer Baustellen im Auge.<\/p>\n<ul>\n<li>Material im Zulauf<\/li>\n<li>Geliefert &#8211; ausgef\u00fchrte Tageslieferungen mit Zeitstempel f\u00fcr Annahme- verbleibende Tagesplanung &#8211; \u00dcbersicht Touren nach Spediteur<\/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-vertical\"\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-vertical\">\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\/tagestonnage-onsite-video-thumbnail-1-e1719317473875.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\/tagestonnage-onsite-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\/tagestonnage-onsite-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-vertical\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>DETAILANSICHT F\u00dcR DEN ZULAUF.<\/h2>\n<p>Verfolgen Sie den Eingang von Materialien in Echtzeit, \u00fcberwachen Sie Liefertermine und behalten Sie den \u00dcberblick \u00fcber den Lagerbestand.<\/p>\n<ul>\n<li>Fahrzeuginformationen<\/li>\n<li>Zeit der Verwiegung \/ Abfahrt<\/li>\n<li>Tonnage<\/li>\n<li>Material- und Lieferinformationen<\/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-vertical\"\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-vertical\">\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\/abruf-erstellen-onsite-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\/abruf-erstellen-onsite-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\/abruf-erstellen-onsite-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-vertical\">\r\n                            <div class=\"inner\">\r\n\t\t\t\t\t\t\t\t<h2>Direkte Kommunikation.<\/h2>\n<p>Ob Teammitglieder, Lieferanten oder Auftragnehmer: Mit dieser Funktion k\u00f6nnen Sie schnell und effizient Nachrichten austauschen, Anfragen stellen und wichtige Informationen teilen.<\/p>\n<ul>\n<li>Baustellenbezogener Kontakt zur Disposition<\/li>\n<li>Baustellenbezogener Kontakt zum Werk<\/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\">DIE APP BAG ON SITE 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_9b7b701dc48bc744e3ea1a6b4e09a12d\" 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>Detailansicht f\u00fcr Zulauf<\/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>Direkte Kommunikation<\/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>Dashboard<\/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>Abruf mobil erstellen<\/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_9b7b701dc48bc744e3ea1a6b4e09a12d\"><\/div>\r\n    <\/div>\r\n        <div class=\"icon-feature--dot-container dot-container-icon-feature-block_9b7b701dc48bc744e3ea1a6b4e09a12d\"><\/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_9b7b701dc48bc744e3ea1a6b4e09a12d', 'arrow-container-icon-feature-block_9b7b701dc48bc744e3ea1a6b4e09a12d', 'dot-container-icon-feature-block_9b7b701dc48bc744e3ea1a6b4e09a12d');\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\n\n<div id=\"cta-banner-block_9986772d2419f41c8e0276419d7610c8\" 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 On Site App.<\/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=\"m&#97;&#x69;&#x6c;t&#111;&#x3a;&#x68;i&#103;&#x68;&#x77;a&#121;&#x40;&#x62;a&#115;&#x61;&#x6c;t&#46;&#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_e3cdf58130102de7ec25ce8f983cbbc8\" class=\"fifty-fifty-card-teaser\">\r\n    <div class=\"boxed\">\r\n                                    <div class=\"fifty-fifty-card-teaser--image reverse\" style=\"background-image: url('https:\/\/www.basalt.de\/wp-content\/uploads\/2024\/06\/digitale-loesung-laptop-bag-cockpit.jpg')\">\r\n\t            <div class=\"fifty-fifty-card-teaser--seal reverse\">\r\n                                                        <\/div>\r\n            <\/div>\r\n                <div class=\"fifty-fifty-card-teaser--text reverse\">\r\n            <div class=\"inner\">\r\n                <div class=\"subheadline\">BAG Cockpit<\/div>\r\n                    <h2 class=\"headline-two\">DIE DIGITALE L\u00d6SUNG F\u00dcR OPTIMALE KONTROLLE.<\/h2>                    <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 class=\"btn btn--blue\">\r\n                        <a href=\"https:\/\/www.basalt.de\/fortschritt\/bag-cockpit\/\" 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-901","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/901","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=901"}],"version-history":[{"count":15,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/901\/revisions"}],"predecessor-version":[{"id":7753,"href":"https:\/\/www.basalt.de\/wp-json\/wp\/v2\/pages\/901\/revisions\/7753"}],"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=901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}