{"id":52083,"date":"2025-10-09T12:20:33","date_gmt":"2025-10-09T12:20:33","guid":{"rendered":"https:\/\/azud.com\/projekte\/"},"modified":"2026-07-14T10:21:29","modified_gmt":"2026-07-14T10:21:29","slug":"projekte","status":"publish","type":"page","link":"https:\/\/azud.com\/de\/projekte\/","title":{"rendered":"Projekte"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"52083\" class=\"elementor elementor-52083 elementor-33723\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a9da65 section e-flex e-con-boxed e-con e-parent\" data-id=\"0a9da65\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8eba068 e-con-full e-flex e-con e-child\" data-id=\"8eba068\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c9006 elementor-widget elementor-widget-jet-breadcrumbs\" data-id=\"b1c9006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jet-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-jet-breadcrumbs jet-blocks\">\n\t\t<div class=\"jet-breadcrumbs\">\n\t\t<div class=\"jet-breadcrumbs__content\">\n\t\t<div class=\"jet-breadcrumbs__wrap\"><div class=\"jet-breadcrumbs__item\"><a href=\"https:\/\/azud.com\/de\/\" class=\"jet-breadcrumbs__item-link is-home\" rel=\"home\" title=\"AZUD\">AZUD<\/a><\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af8a63c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"af8a63c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Entdecke es jetzt<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48ed967 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"48ed967\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Eine neue Art von <br> Projekte durchf\u00fchren<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2275a2b e-con-full e-flex e-con e-child\" data-id=\"2275a2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e8ec5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d8e8ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Sie stellen die Herausforderung, wir stellen die Technologie und unser Netzwerk AZUD EXPERT f\u00fcr eine einwandfreie Umsetzung bereit. <br>\nAgile, kosteneffiziente und nachhaltige Projekte, die von Anfang bis Ende begleitet werden.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dafe89 btn elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8dafe89\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#formulario\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Erz\u00e4hl uns von deinem Projekt<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-fd63a1b section e-con-full e-flex e-con e-parent\" data-id=\"fd63a1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-f7711c9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f7711c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92aa34 elementor-widget elementor-widget-heading\" data-id=\"a92aa34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Unser Wertversprechen<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe0e06 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6fe0e06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2372861 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2372861\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" 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\">So f\u00fchrt man ein Projekt durch<br><span style=\"color: #85e0d2\">das \u00e4ndert alles<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d112f9 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9d112f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" 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>Jedes Projekt bietet von Anfang an die Chance, Effizienz, Nachhaltigkeit und Rentabilit\u00e4t zu verbessern. Deshalb verfolgen wir einen ganzheitlichen Ansatz, der eine globale Perspektive mit einer praxisnahen Umsetzung verbindet.<\/p><p>Das Ergebnis ist eindeutig: <strong>Bessere Projekte f\u00fcr den Kunden und mehr Chancen f\u00fcr das berufliche Umfeld<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67af014 e-con-full e-flex e-con e-child\" data-id=\"67af014\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-c76835a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"c76835a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037695a elementor-widget elementor-widget-html\" data-id=\"037695a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card-scene conocimiento\" id=\"card\">\r\n    <div class=\"card-hover\">\r\n \r\n      <!-- FRENTE -->\r\n      <div class=\"card-face card-face--front\">\r\n        <div class=\"card-titulo\">\r\n          <h3>Umfassendes Wissen<\/h3>\r\n        <\/div>\r\n        <div class=\"card-textos\">\r\n          <p class=\"card-subtitulo\">\r\n            Nachhaltigkeit und Rentabilit\u00e4t <br> als tragende S\u00e4ule unserer Projekte\r\n <\/p>\r\n        <\/div>\r\n        <div class=\"flecha-larga\"><\/div>\r\n      <\/div>\r\n \r\n      <!-- REVERSO -->\r\n      <div class=\"card-face card-face--back\">\r\n        <div class=\"card-descripcion\">\r\n          <p>\r\n            Bei AZUD begleiten wir den gesamten Prozess \u2013 von der ersten Analyse \u00fcber die Festlegung der L\u00f6sung bis hin zur Bewertung des Systems \u2013 und sorgen so von Anfang an f\u00fcr fundierte Entscheidungen.\r\n <\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3724c30 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3724c30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96adbe elementor-widget elementor-widget-html\" data-id=\"f96adbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card-scene conocimiento\" id=\"card\">\r\n    <div class=\"card-hover\">\r\n \r\n      <!-- FRENTE -->\r\n      <div class=\"card-face card-face--front\">\r\n        <div class=\"card-titulo\">\r\n          <h3>Lokaler Service<\/h3>\r\n        <\/div>\r\n        <div class=\"card-textos\">\r\n          <p class=\"card-subtitulo\">\r\n            Unsere Partner AZUD EXPERT<br> sie setzen es in die Tat um \r\n <\/p>\r\n        <\/div>\r\n        <div class=\"flecha-larga\"><\/div>\r\n      <\/div>\r\n \r\n      <!-- REVERSO -->\r\n      <div class=\"card-face card-face--back\">\r\n        <div class=\"card-descripcion\">\r\n          <p>\r\n            Sie sind f\u00fcr die detaillierte Projektdefinition (P.E.M.), die Umsetzung und die Inbetriebnahme zust\u00e4ndig und gew\u00e4hrleisten eine z\u00fcgige, pr\u00e4zise und an die jeweilige Umgebung angepasste Implementierung.\r\n <\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec8b1c section e-con-full e-flex e-con e-parent\" data-id=\"3ec8b1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-d282fc4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d282fc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc7b9f elementor-widget elementor-widget-heading\" data-id=\"adc7b9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Wie wir vorgehen<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d55295 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6d55295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef41ec5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ef41ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" 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\">Von der Diagnose bis zur <span style=\"color: #85e0d2\">Ergebnis<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-309aec3 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"309aec3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7696609 elementor-widget__width-inherit elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"7696609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"rosco-scroll\" id=\"azud-phases-scroll\">\r\n  <div class=\"rosco-sticky\">\r\n<section class=\"section view-full\" id=\"azud-phases-section\">\r\n    \r\n    <div class=\"layout\">\r\n      <div class=\"circle-area\">\r\n        <div class=\"circle-wrap\" id=\"circleWrap\">\r\n          <svg class=\"donut-svg\" viewBox=\"0 0 420 420\" aria-hidden=\"true\">\r\n            <g class=\"segments\" transform=\"translate(210 210)\">\r\n              <path class=\"segment\" data-phase=\"1\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"2\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"3\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"4\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"5\" data-owner=\"expert\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"6\" data-owner=\"expert\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"7\" data-owner=\"expert\" d=\"\" \/>\r\n            <\/g>\r\n          <\/svg>\r\n\r\n          <div class=\"donut-center\">\r\n            <span><b>7<\/b>PHASEN<\/span>\r\n            <em id=\"donutPhaseNumber\"><\/em>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"detail-blob\"><\/div>\r\n          <div class=\"detail-rolling-wedge\"><\/div>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"1\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/diagnostico.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"2\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/propuesta.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"3\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/propuesta-tecnica.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"4\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/plan-economico2.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"5\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/presupuesto.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"6\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/ejecucion.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"7\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/acompanamiento.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <div class=\"phase-label\" data-phase=\"1\"><strong>1<\/strong> Diagnose<\/div>\r\n          <div class=\"phase-label\" data-phase=\"2\"><strong>2<\/strong> Vorschlag<br>Wassereffizienz<\/div>\r\n <div class=\"phase-label\" data-phase=\"3\"><strong>3<\/strong> Technisches Angebot<\/div>\r\n          <div class=\"phase-label\" data-phase=\"4\"><strong>4<\/strong> Wirtschafts- und Finanzplan<\/div>\r\n <div class=\"phase-label\" data-phase=\"5\">Ausf\u00fchrungshaushalt<strong>5<\/strong><\/div>\r\n          <div class=\"phase-label\" data-phase=\"6\">Ausf\u00fchrung <strong>6<\/strong><\/div>\r\n <div class=\"phase-label\" data-phase=\"7\">Begleitung <strong>7<\/strong><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n      <div class=\"content-area\">\r\n <div class=\"mobile-phase-nav\" aria-label=\"Projektphasen\">\r\n <div class=\"mobile-phase-nav-track\">\r\n            <button class=\"mobile-phase-chip\" data-phase=\"1\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">1<\/span>\r\n <span class=\"mobile-phase-chip-label\">Diagnose<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"2\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">2<\/span>\r\n <span class=\"mobile-phase-chip-label\">Wassereffizienz<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"3\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">3<\/span>\r\n <span class=\"mobile-phase-chip-label\">Technisches Angebot<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"4\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">4<\/span>\r\n <span class=\"mobile-phase-chip-label\">Wirtschaftsplan<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"5\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">5<\/span>\r\n <span class=\"mobile-phase-chip-label\">Kostenvoranschlag<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"6\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">6<\/span>\r\n <span class=\"mobile-phase-chip-label\">Ausf\u00fchrung<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"7\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">7<\/span>\r\n <span class=\"mobile-phase-chip-label\">Begleitung<\/span>\r\n            <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"panel\" data-panel=\"detail\">\r\n <article class=\"detail-card\">\r\n <div class=\"detail-layout\">\r\n <figure class=\"detail-media\">\r\n                <img decoding=\"async\" id=\"detailImage\" class=\"detail-phase-image\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/proyectos-diagnostico-2.webp\" alt=\"\" aria-hidden=\"true\">\r\n              <\/figure>\r\n\r\n              <div class=\"detail-copy\">\r\n                <div class=\"phase-group-heading\" id=\"detailGroupHeading\"><\/div>\r\n                <h2 class=\"detail-title\" id=\"detailTitle\">\r\n                  <span>Phase <span id=\"detailPhaseNumber\"><\/span>:<\/span>\r\n                  <span id=\"detailPhaseName\"><\/span>\r\n                <\/h2>\r\n                <p id=\"detailText\"><\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n        <div class=\"phase-detail-sources\" hidden aria-hidden=\"true\">\r\n          <article class=\"phase-detail-source\" data-phase=\"1\">\r\n            <div class=\"phase-group-heading\">Globales Wissen: AZUD<\/div>\r\n            <h3>Diagnose<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-1.webp\" alt=\"\">\r\n <p>Die Bestandsaufnahme bildet den Ausgangspunkt des Projekts. Bei AZUD analysieren wir den gesamten Kontext: Kundenbed\u00fcrfnisse, Effizienzziele sowie bestehende und zu erwartende technische, betriebliche und umgebungsbedingte Rahmenbedingungen.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"2\">\r\n <div class=\"phase-group-heading\">Globales Wissen: AZUD<\/div>\r\n            <h3>Vorschlag zur Wassereffizienz<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-2.webp\" alt=\"\">\r\n            <p>Wir legen eine Strategie f\u00fcr eine effiziente Wassernutzung fest, die auf die Ziele und Anforderungen des Projekts zugeschnitten ist, und ermitteln dabei Verbesserungsm\u00f6glichkeiten und Optimierungskriterien.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"3\">\r\n            <div class=\"phase-group-heading\">Globales Wissen: AZUD<\/div>\r\n            <h3>Technisches Angebot<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-3.webp\" alt=\"\">\r\n <p>Wir entwickeln die am besten geeignete technische L\u00f6sung und integrieren dabei die AZUD-Technologie, um die Effizienz, Zuverl\u00e4ssigkeit und Gesamtleistung des Systems zu maximieren.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"4\">\r\n <div class=\"phase-group-heading\">Globales Wissen: AZUD<\/div>\r\n            <h3>Wirtschafts- und Finanzplan<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-4.webp\" alt=\"\">\r\n            <p>Wir bewerten die wirtschaftliche und finanzielle Machbarkeit des Projekts und optimieren die Investition, um die Rentabilit\u00e4t sicherzustellen und die Unsicherheit bei der Entscheidungsfindung zu verringern.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"5\">\r\n             <div class=\"phase-group-heading phase-group-heading--expert\">Lokaler Service: AZUD EXPERT<\/div>\r\n            <h3>Materialausgabenplan<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-5.webp\" alt=\"\">\r\n <p>Sobald die Durchf\u00fchrbarkeit des Projekts gepr\u00fcft wurde, erstellt einer unserer Experten den Kostenvoranschlag f\u00fcr die konkrete Umsetzung, in dem der endg\u00fcltige Umfang des Projekts detailliert aufgef\u00fchrt und an die technischen und betrieblichen Gegebenheiten vor Ort angepasst wird.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"6\">\r\n <div class=\"phase-group-heading phase-group-heading--expert\">Lokaler Service: AZUD EXPERT<\/div>\r\n            <h3>Ausf\u00fchrung<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-6.webp\" alt=\"\">\r\n            <p>Unser Netzwerk aus EXPERT-Installateuren f\u00fchrt das Projekt durch und gew\u00e4hrleistet eine korrekte, zuverl\u00e4ssige und auf die festgelegten Ziele abgestimmte Installation.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"7\">\r\n             <div class=\"phase-group-heading phase-group-heading--expert\">Lokaler Service: AZUD EXPERT<\/div>\r\n            <h3>Begleitung<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/proyectos-diagnostico-2.webp\" alt=\"\">\r\n            <p>Die lokalen EXPERTS k\u00fcmmern sich um die Wartung, \u00dcberwachung und den Support des Systems und bieten dabei eine pers\u00f6nliche und kontinuierliche Betreuung.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n   \r\n  <\/section>\r\n   <\/div>\r\n    <\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b718fd4 e-con-full e-flex e-con e-parent\" data-id=\"b718fd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-07522e8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"07522e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-da1c5bd e-con-full e-flex e-con e-child\" data-id=\"da1c5bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-a1aa6f5 e-con-full e-flex e-con e-child\" data-id=\"a1aa6f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47ec4a6 elementor-widget elementor-widget-heading\" data-id=\"47ec4a6\" data-element_type=\"widget\" data-e-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\">Au\u00dferdem machen wir einen Schritt <strong>extra<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73ebdfb elementor-widget elementor-widget-text-editor\" data-id=\"73ebdfb\" data-element_type=\"widget\" data-e-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><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Wir f\u00fchren durch <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Technische Systempr\u00fcfungen<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"> um die Leistung zu \u00fcberpr\u00fcfen, m\u00f6gliche Abweichungen zu erkennen und Optimierungsma\u00dfnahmen vorzuschlagen<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6badf3 elementor-widget elementor-widget-button\" data-id=\"d6badf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#Formulario\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Erz\u00e4hl uns von deinem Projekt<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7324839 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"7324839\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e295c elementor-widget elementor-widget-image\" data-id=\"c9e295c\" data-element_type=\"widget\" data-e-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\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/Diseno-sin-titulo-15.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85dbec8 e-flex e-con-boxed e-con e-parent\" data-id=\"85dbec8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-031eecf elementor-widget elementor-widget-template\" data-id=\"031eecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"71323\" class=\"elementor elementor-71323 elementor-71090 elementor-71090\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e8b73b e-flex e-con-boxed e-con e-parent\" data-id=\"2e8b73b\" data-element_type=\"container\" data-e-type=\"container\" id=\"formulario\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-79d9fc6 e-con-full e-flex e-con e-child\" data-id=\"79d9fc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-659619b e-con-full e-flex e-con e-child\" data-id=\"659619b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a928667 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a928667\" data-element_type=\"widget\" data-e-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\">Erz\u00e4hl uns von dir <span style=\"color:#85E0D2\">Projekt<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36afcff elementor-widget-laptop__width-initial elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"36afcff\" data-element_type=\"widget\" data-e-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\">Verwandle deine Idee in ein Projekt, das etwas bewegt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b302fa e-con-full e-flex e-con e-child\" data-id=\"3b302fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce59cc elementor-widget elementor-widget-template\" data-id=\"1ce59cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"71305\" class=\"elementor elementor-71305 elementor-69304 elementor-69304 elementor-69304\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b03cf0 e-flex e-con-boxed e-con e-parent\" data-id=\"5b03cf0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17030c6 elementor-widget elementor-widget-html\" data-id=\"17030c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe \r\n  name=\"pagina_puente_iframe\" \r\n  id=\"pagina_puente_iframe\" \r\n  class=\"iframe-responsive-crm F7\"\r\n  scrolling=\"yes\"\r\n><\/iframe>\r\n\r\n<form id=\"form_hacia_puente\" action=\"https:\/\/awgapi.azud.com\/api_form_CRM\/iframe_formCD.php\" method=\"POST\" target=\"pagina_puente_iframe\" style=\"display:none;\">\r\n  <input type=\"hidden\" name=\"dato_session\" id=\"input_session\" value=\"\">\r\n  \r\n  <input type=\"hidden\" name=\"tipo_form\" value=\"F7\">\r\n  \r\n<input type=\"hidden\" name=\"lang\" id=\"input_lang\" value=\"es\">\r\n\r\n <input type=\"hidden\" name=\"url_name\" id=\"input_url_name\" value=\"\">\r\n\r\n<\/form>\r\n\r\n<script>\r\n  (function() {\r\n    function detectarIdioma() {\r\n      const path = window.location.pathname.toLowerCase();\r\n\r\n      if (path.startsWith('\/en\/')) return 'en';\r\n      if (path.startsWith('\/fr\/')) return 'fr';\r\n      if (path.startsWith('\/pt-pt\/')) return 'pt';\r\n      if (path.startsWith('\/it\/')) return 'it';\r\n      if (path.startsWith('\/de\/')) return 'de';\r\n\r\n      return 'es';\r\n    }\r\n\r\n    function enviarFormularioPuente() {\r\n      const valorSession = sessionStorage.getItem('azud_tracking_menu'); \r\n      const input = document.getElementById('input_session');\r\n      const inputLang = document.getElementById('input_lang');\r\n\t  const inputUrlName = document.getElementById('input_url_name');\r\n      const form = document.getElementById('form_hacia_puente');\r\n\r\n const hasConsent = typeof cmplz_has_consent === 'function' ? cmplz_has_consent('marketing') : false;\r\n      \r\n        \r\n      if (inputLang) {\r\n        inputLang.value = detectarIdioma();\r\n      }\r\n\r\n      if (input && form) {\r\n\t  \r\n\t\tif (hasConsent){\r\n\t\t\tif (valorSession) {\r\n\t\t\t\tinput.value = valorSession;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (inputUrlName) {\r\n\t\t\t\tinputUrlName.value = window.location.href;\r\n\t\t\t}\r\n\t\t\t\t\r\n\t\t}\r\n\t\tform.action = \"https:\/\/awgapi.azud.com\/api_form_CRM\/iframe_formCD.php?v=\" + new Date().getTime() + \"&consent=\" + hasConsent;\r\n\t\tform.submit();\r\n      }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        \r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        setTimeout(enviarFormularioPuente, 100);\r\n      });\r\n    } else {\r\n      setTimeout(enviarFormularioPuente, 100);\r\n      \r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-67f3385 e-flex e-con-boxed e-con e-parent\" data-id=\"67f3385\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65cbda elementor-widget elementor-widget-html\" data-id=\"e65cbda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(() => {\r\n  const section = document.getElementById(\"azud-phases-section\");\r\n  const scrollSection = document.getElementById(\"azud-phases-scroll\");\r\n\r\n  if (!section || !scrollSection) return;\r\n\r\n  const circleWrap = section.querySelector(\"#circleWrap\");\r\n  const detailPanel = section.querySelector('.panel[data-panel=\"detail\"]');\r\n  const donutCenter = section.querySelector(\".donut-center\");\r\n  const hotspots = [...section.querySelectorAll(\".phase-hotspot\")];\r\n  const segments = [...section.querySelectorAll(\".segment\")];\r\n  const mobilePhaseChips = [...section.querySelectorAll(\".mobile-phase-chip\")];\r\n\r\n  const detailGroupHeading = section.querySelector(\"#detailGroupHeading\");\r\n  const detailPhaseNumber = section.querySelector(\"#detailPhaseNumber\");\r\n  const detailPhaseName = section.querySelector(\"#detailPhaseName\");\r\n  const detailText = section.querySelector(\"#detailText\");\r\n  const detailImage = section.querySelector(\"#detailImage, .detail-phase-image, .detail-media img\");\r\n\r\n  const phaseSources = [...section.querySelectorAll(\".phase-detail-source\")].reduce((acc, item) => {\r\n    acc[Number(item.dataset.phase)] = item;\r\n    return acc;\r\n  }, {});\r\n\r\n  const phaseColors = {\r\n    1: \"var(--azul-oscuro)\",\r\n    2: \"var(--azul-2)\",\r\n    3: \"var(--azul-claro)\",\r\n    4: \"var(--azul-gris)\",\r\n    5: \"var(--verde-oscuro)\",\r\n    6: \"var(--verde-medio)\",\r\n    7: \"var(--verde-claro)\"\r\n  };\r\n\r\n  const phaseRollAngles = {\r\n    1: \"22.5deg\",\r\n    2: \"67.5deg\",\r\n    3: \"112.5deg\",\r\n    4: \"157.5deg\",\r\n    5: \"210deg\",\r\n    6: \"270deg\",\r\n    7: \"330deg\"\r\n  };\r\n\r\n  const phaseAngles = {\r\n    1: [0, 45],\r\n    2: [45, 90],\r\n    3: [90, 135],\r\n    4: [135, 180],\r\n    5: [180, 240],\r\n    6: [240, 300],\r\n    7: [300, 360]\r\n  };\r\n\r\n  const config = {\r\n    stickyTop: 150,\r\n    pinOffset: 20,\r\n    exitScrollDistance: 600,\r\n    exitReleaseTime: 700,\r\n    wheelThreshold: 10,\r\n    firstViewThreshold: 10,\r\n    exitThreshold: 10,\r\n    wheelLockTime: 750,\r\n    initialPinLockTime: 350,\r\n    maxWheelStep: 45,\r\n    wheelResetTime: 260,\r\n    mobileBreakpoint: 980\r\n  };\r\n\r\n  const targetTop = config.stickyTop + config.pinOffset;\r\n\r\n  let currentView = \"full\";\r\n  let selectedPhase = null;\r\n\r\n  let scrollSpinTimeout = null;\r\n  let rollingTimeout = null;\r\n  let wheelBufferTimeout = null;\r\n\r\n  let wheelLockUntil = 0;\r\n  let wheelDeltaBuffer = 0;\r\n  let exitDeltaBuffer = 0;\r\n  let lastIntent = 0;\r\n  let roscoHasPinned = false;\r\n  let pinJustActivatedUntil = 0;\r\n  let isExitingRosco = false;\r\n  let ignoreRoscoDirection = 0;\r\n\r\n  const isMobile = () => window.matchMedia(`(max-width: ${config.mobileBreakpoint}px)`).matches;\r\n  const getHalfViewForPhase = phase => Number(phase) <= 4 ? \"half-1\" : \"half-2\";\r\n\r\n  function polarToCartesian(radius, angle) {\r\n    const radians = (angle - 90) * Math.PI \/ 180;\r\n    return {\r\n      x: radius * Math.cos(radians),\r\n      y: radius * Math.sin(radians)\r\n    };\r\n  }\r\n\r\n  function describeArcSegment(startAngle, endAngle, outerRadius, innerRadius) {\r\n    const outerStart = polarToCartesian(outerRadius, endAngle);\r\n    const outerEnd = polarToCartesian(outerRadius, startAngle);\r\n    const innerStart = polarToCartesian(innerRadius, startAngle);\r\n    const innerEnd = polarToCartesian(innerRadius, endAngle);\r\n    const largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\r\n\r\n    return [\r\n      \"M\", outerStart.x, outerStart.y,\r\n      \"A\", outerRadius, outerRadius, 0, largeArcFlag, 0, outerEnd.x, outerEnd.y,\r\n      \"L\", innerStart.x, innerStart.y,\r\n      \"A\", innerRadius, innerRadius, 0, largeArcFlag, 1, innerEnd.x, innerEnd.y,\r\n      \"Z\"\r\n    ].join(\" \");\r\n  }\r\n\r\n  function drawSegments() {\r\n    const outerRadius = 190;\r\n    const innerRadius = 95;\r\n    const gap = 0.8;\r\n\r\n    segments.forEach(segment => {\r\n      const phase = Number(segment.dataset.phase);\r\n      const angles = phaseAngles[phase];\r\n      if (!angles) return;\r\n\r\n      segment.setAttribute(\r\n        \"d\",\r\n        describeArcSegment(\r\n          angles[0] + gap,\r\n          angles[1] - gap,\r\n          outerRadius,\r\n          innerRadius\r\n        )\r\n      );\r\n    });\r\n  }\r\n\r\n  function clearSelectedPhase() {\r\n    selectedPhase = null;\r\n    delete circleWrap.dataset.selectedPhase;\r\n  }\r\n\r\n  function resetToInitialState(options = {}) {\r\n    clearSelectedPhase();\r\n    \r\n    const donutNum = section.querySelector(\"#donutPhaseNumber\");\r\nif (donutNum) donutNum.textContent = \"\";\r\n\r\n    setView(\"full\");\r\n\r\n    if (options.animate) {\r\n      playScrollSpin();\r\n    }\r\n\r\n    setHotspotInteractivity(isMobile());\r\n    updateMobilePhaseChips();\r\n  }\r\n\r\n  function updateVisiblePhases() {\r\n    const activePhase = Number(selectedPhase);\r\n    const visualItems = [...hotspots, ...segments];\r\n    const mobileMode = isMobile();\r\n\r\n    visualItems.forEach(item => {\r\n      const phase = Number(item.dataset.phase);\r\n\r\n      item.classList.remove(\"hidden-by-view\", \"dimmed\", \"selected\");\r\n\r\n      if (!mobileMode && currentView === \"half-1\" && phase > 4) {\r\n        item.classList.add(\"hidden-by-view\");\r\n      }\r\n\r\n      if (!mobileMode && currentView === \"half-2\" && phase < 5) {\r\n        item.classList.add(\"hidden-by-view\");\r\n      }\r\n\r\n      if (selectedPhase && phase !== activePhase && !item.classList.contains(\"hidden-by-view\")) {\r\n        item.classList.add(\"dimmed\");\r\n      }\r\n\r\n      if (selectedPhase && phase === activePhase) {\r\n        item.classList.add(\"selected\");\r\n      }\r\n    });\r\n  }\r\n\r\n  function setView(view) {\r\n  currentView = view;\r\n\r\n  section.classList.remove(\"view-full\", \"view-half-1\", \"view-half-2\");\r\n  section.classList.add(`view-${view}`);\r\n\r\n  if (!section.classList.contains(\"section\")) {\r\n    section.classList.add(\"section\");\r\n  }\r\n\r\n  if (detailPanel) {\r\n    detailPanel.classList.toggle(\"active\", selectedPhase !== null);\r\n  }\r\n\r\n  updateVisiblePhases();\r\n}\r\n\r\n  function setHotspotInteractivity(isInteractive) {\r\n    hotspots.forEach(hotspot => {\r\n      hotspot.tabIndex = isInteractive ? 0 : -1;\r\n      hotspot.setAttribute(\"aria-hidden\", isInteractive ? \"false\" : \"true\");\r\n      hotspot.setAttribute(\"aria-pressed\", selectedPhase === Number(hotspot.dataset.phase) ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function updateMobilePhaseChips() {\r\n    mobilePhaseChips.forEach(chip => {\r\n      const isSelected = selectedPhase === Number(chip.dataset.phase);\r\n      chip.classList.toggle(\"is-selected\", isSelected);\r\n      chip.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function restartClassAnimation(className, duration, timeoutRefSetter) {\r\n    circleWrap.classList.remove(className);\r\n    void circleWrap.offsetWidth;\r\n    circleWrap.classList.add(className);\r\n\r\n    timeoutRefSetter(\r\n      window.setTimeout(() => {\r\n        circleWrap.classList.remove(className);\r\n      }, duration)\r\n    );\r\n  }\r\n\r\n  function playScrollSpin() {\r\n    window.clearTimeout(scrollSpinTimeout);\r\n    restartClassAnimation(\"is-scroll-spinning\", 850, timeout => {\r\n      scrollSpinTimeout = timeout;\r\n    });\r\n  }\r\n\r\n  function playRollingEffect() {\r\n    window.clearTimeout(rollingTimeout);\r\n    restartClassAnimation(\"is-rolling\", 1000, timeout => {\r\n      rollingTimeout = timeout;\r\n    });\r\n  }\r\n\r\n  function renderDetailPhase(phase, options = {}) {\r\n    const nextPhase = Number(phase);\r\n    const source = phaseSources[nextPhase];\r\n    if (!source) return;\r\n\r\n    const groupHeading = source.querySelector(\".phase-group-heading\");\r\n    const title = source.querySelector(\"h3\")?.textContent?.trim() || \"\";\r\n    const text = source.querySelector(\"p\")?.textContent?.trim() || \"\";\r\n    const image = source.querySelector(\"img\")?.getAttribute(\"src\") || \"\";\r\n\r\n    selectedPhase = nextPhase;\r\n    circleWrap.dataset.selectedPhase = String(selectedPhase);\r\n    \r\n    const donutNum = section.querySelector(\"#donutPhaseNumber\");\r\nif (donutNum) donutNum.textContent = String(nextPhase);\r\n    \r\n    circleWrap.style.setProperty(\"--detail-color\", phaseColors[selectedPhase]);\r\n    circleWrap.style.setProperty(\"--roll-start\", phaseRollAngles[selectedPhase]);\r\n\r\n    if (detailGroupHeading) {\r\n      detailGroupHeading.textContent = groupHeading?.textContent?.trim() || \"\";\r\n      detailGroupHeading.className = groupHeading?.className || \"phase-group-heading\";\r\n      detailGroupHeading.id = \"detailGroupHeading\";\r\n    }\r\n\r\n    if (detailPhaseNumber) {\r\n      detailPhaseNumber.textContent = String(selectedPhase);\r\n    }\r\n\r\n    if (detailPhaseName) {\r\n      detailPhaseName.textContent = title;\r\n    }\r\n\r\n    if (detailText) {\r\n      detailText.textContent = text;\r\n    }\r\n\r\n    if (detailImage && image) {\r\n      detailImage.src = image;\r\n    }\r\n\r\n    if (options.roll) {\r\n      playRollingEffect();\r\n    }\r\n\r\n    setHotspotInteractivity(isMobile());\r\n    updateMobilePhaseChips();\r\n  }\r\n\r\n  function resetWheelState() {\r\n    wheelDeltaBuffer = 0;\r\n    exitDeltaBuffer = 0;\r\n    lastIntent = 0;\r\n  }\r\n\r\n  function getPinY() {\r\n    const rect = scrollSection.getBoundingClientRect();\r\n    return window.scrollY + rect.top - targetTop;\r\n  }\r\n\r\n  function isRoscoInActivationZone() {\r\n    const rect = scrollSection.getBoundingClientRect();\r\n    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n    return rect.top <= viewportHeight * 0.95 && rect.bottom >= viewportHeight * 0.15;\r\n  }\r\n\r\n  function pinRosco() {\r\n    window.scrollTo({\r\n      top: getPinY(),\r\n      behavior: \"auto\"\r\n    });\r\n\r\n    roscoHasPinned = true;\r\n    pinJustActivatedUntil = Date.now() + config.initialPinLockTime;\r\n    resetWheelState();\r\n  }\r\n\r\n  function moveSequence(direction) {\r\n    if (direction > 0 && selectedPhase === 7) return false;\r\n    if (direction < 0 && selectedPhase === null) return false;\r\n\r\n    const nextPhase =\r\n      direction > 0\r\n        ? (selectedPhase === null ? 1 : selectedPhase + 1)\r\n        : selectedPhase - 1;\r\n\r\n    if (!nextPhase || nextPhase < 1) {\r\n      resetToInitialState({ animate: true });\r\n      return true;\r\n    }\r\n\r\n    renderDetailPhase(nextPhase, { roll: true });\r\n    setView(getHalfViewForPhase(nextPhase));\r\n    playScrollSpin();\r\n\r\n    return true;\r\n  }\r\n\r\n  function releaseRosco(direction) {\r\n    resetWheelState();\r\n\r\n    roscoHasPinned = false;\r\n    isExitingRosco = true;\r\n\r\n    ignoreRoscoDirection = direction;\r\n\r\n    window.scrollBy({\r\n      top: direction > 0 ? config.exitScrollDistance : -config.exitScrollDistance,\r\n      behavior: \"smooth\"\r\n    });\r\n\r\n    window.setTimeout(() => {\r\n      isExitingRosco = false;\r\n    }, config.exitReleaseTime);\r\n  }\r\n\r\n  function shouldIgnoreReentry(direction) {\r\n    if (!ignoreRoscoDirection) return false;\r\n\r\n    \/\/ After releasing the rosco, keep blocking capture while the user\r\n    \/\/ continues in the same direction. Re-enable only after they reverse.\r\n    if (direction === ignoreRoscoDirection) {\r\n      return true;\r\n    }\r\n\r\n    ignoreRoscoDirection = 0;\r\n    return false;\r\n  }\r\n\r\n  function resetBuffersSoon() {\r\n    window.clearTimeout(wheelBufferTimeout);\r\n    wheelBufferTimeout = window.setTimeout(resetWheelState, config.wheelResetTime);\r\n  }\r\n\r\n  function handleComponentWheel(event) {\r\n  if (isMobile() || event.ctrlKey) return;\r\n\r\n  const direction = Math.sign(event.deltaY);\r\n  if (!direction) return;\r\n\r\n  if (shouldIgnoreReentry(direction)) return;\r\n  if (isExitingRosco || !isRoscoInActivationZone()) return;\r\n\r\n  event.preventDefault();\r\n\r\n  const rect = scrollSection.getBoundingClientRect();\r\n\r\n  if (!roscoHasPinned || Math.abs(rect.top - targetTop) > 24) {\r\n    pinRosco();\r\n    return;\r\n  }\r\n\r\n  const now = Date.now();\r\n  if (now < pinJustActivatedUntil || now < wheelLockUntil) return;\r\n\r\n  if (lastIntent && lastIntent !== direction) {\r\n    resetWheelState();\r\n  }\r\n\r\n  lastIntent = direction;\r\n\r\n  const normalizedDelta = Math.min(Math.abs(event.deltaY), config.maxWheelStep);\r\n  const isTryingToExitDown = direction > 0 && selectedPhase === 7;\r\n  const isTryingToExitUp = direction < 0 && selectedPhase === null;\r\n\r\n  if (isTryingToExitDown || isTryingToExitUp) {\r\n    exitDeltaBuffer += normalizedDelta;\r\n    resetBuffersSoon();\r\n\r\n    if (exitDeltaBuffer >= config.exitThreshold) {\r\n      releaseRosco(direction);\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  const activeThreshold = currentView === \"full\" && direction > 0\r\n    ? config.firstViewThreshold\r\n    : config.wheelThreshold;\r\n\r\n  wheelDeltaBuffer += normalizedDelta;\r\n  resetBuffersSoon();\r\n\r\n  if (wheelDeltaBuffer < activeThreshold) return;\r\n\r\n  resetWheelState();\r\n\r\n  if (moveSequence(direction)) {\r\n    wheelLockUntil = now + config.wheelLockTime;\r\n  }\r\n}\r\n\r\n  function handleHotspotSelection(phase) {\r\n    renderDetailPhase(phase, { roll: !isMobile() });\r\n    setView(isMobile() ? \"full\" : getHalfViewForPhase(phase));\r\n    playScrollSpin();\r\n  }\r\n\r\n  function handleMobileChipActivate(event) {\r\n    event.preventDefault();\r\n    handleHotspotSelection(event.currentTarget.dataset.phase);\r\n  }\r\n\r\n  function handleHotspotActivate(event) {\r\n  if (!isMobile()) return;\r\n\r\n  event.preventDefault();\r\n\r\n  handleHotspotSelection(event.currentTarget.dataset.phase);\r\n}\r\n\r\n  function handleHotspotKeydown(event) {\r\n    if (!isMobile()) return;\r\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\r\n\r\n    event.preventDefault();\r\n    handleHotspotSelection(event.currentTarget.dataset.phase);\r\n  }\r\n\r\n  function handleDonutCenterActivate(event) {\r\n    event.preventDefault();\r\n\r\n    if (selectedPhase === null) return;\r\n    resetToInitialState({ animate: true });\r\n  }\r\n\r\n  function syncResponsiveState() {\r\n    if (isMobile()) {\r\n      roscoHasPinned = false;\r\n      pinJustActivatedUntil = 0;\r\n      wheelLockUntil = 0;\r\n      isExitingRosco = false;\r\n      ignoreRoscoDirection = 0;\r\n      resetWheelState();\r\n      setHotspotInteractivity(true);\r\n      updateMobilePhaseChips();\r\n      setView(\"full\");\r\n      return;\r\n    }\r\n\r\n    setHotspotInteractivity(false);\r\n    updateMobilePhaseChips();\r\n\r\n    if (selectedPhase !== null) {\r\n      setView(getHalfViewForPhase(selectedPhase));\r\n      return;\r\n    }\r\n\r\n    setView(\"full\");\r\n  }\r\n\r\n  function init() {\r\n    drawSegments();\r\n    hotspots.forEach(hotspot => {\r\n      hotspot.addEventListener(\"click\", handleHotspotActivate);\r\n      hotspot.addEventListener(\"keydown\", handleHotspotKeydown);\r\n    });\r\n    mobilePhaseChips.forEach(chip => {\r\n      chip.addEventListener(\"click\", handleMobileChipActivate);\r\n    });\r\n    if (donutCenter) {\r\n      donutCenter.tabIndex = 0;\r\n      donutCenter.setAttribute(\"role\", \"button\");\r\n      donutCenter.setAttribute(\"aria-label\", \"Volver al estado inicial\");\r\n      donutCenter.addEventListener(\"click\", handleDonutCenterActivate);\r\n      donutCenter.addEventListener(\"keydown\", event => {\r\n        if (event.key !== \"Enter\" && event.key !== \" \") return;\r\n        handleDonutCenterActivate(event);\r\n      });\r\n    }\r\n\r\n    document.addEventListener(\"wheel\", handleComponentWheel, {\r\n      passive: false,\r\n      capture: true\r\n    });\r\n\r\n    window.addEventListener(\"resize\", syncResponsiveState);\r\n    syncResponsiveState();\r\n  }\r\n\r\n  init();\r\n})();\r\n<\/script>\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>AZUD Entdecke es jetzt Eine neue Art von Projekte durchf\u00fchren Sie stellen die Herausforderung, wir stellen die Technologie und unser Netzwerk AZUD EXPERT f\u00fcr eine einwandfreie Umsetzung bereit. Agile, kosteneffiziente und nachhaltige Projekte, die von Anfang bis Ende begleitet werden. Erz\u00e4hl uns von deinem Projekt Unser Wertversprechen So f\u00fchrt man ein Projekt durchdas \u00e4ndert alles [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-52083","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/pages\/52083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/comments?post=52083"}],"version-history":[{"count":11,"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/pages\/52083\/revisions"}],"predecessor-version":[{"id":79080,"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/pages\/52083\/revisions\/79080"}],"wp:attachment":[{"href":"https:\/\/azud.com\/de\/wp-json\/wp\/v2\/media?parent=52083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}