{"id":2,"date":"2026-04-20T10:37:40","date_gmt":"2026-04-20T10:37:40","guid":{"rendered":"https:\/\/staging.bascloud.net\/?page_id=2"},"modified":"2026-05-28T09:53:36","modified_gmt":"2026-05-28T09:53:36","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/staging.bascloud.net\/index.php\/sample-page\/","title":{"rendered":""},"content":{"rendered":"


\n
\n
\n
\n
\nBAScloud \u2013 Die Plattform f\u00fcr intelligentes Geb\u00e4udemanagement<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>:root {\n --deep: #001e30;\n --primary: #005585;\n --mid: #0072b0;\n --accent: #0097d9;\n --light: #e6f4fb;\n --white: #ffffff;\n --text: #0f1f2b;\n --muted: #5a7a8a;\n --border: rgba(0,85,133,0.12);\n}<\/p>\n<p>html { scroll-behavior: smooth; }\nbody {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n background: var(--white);\n overflow-x: hidden;\n}<\/p>\n<p>\/* NAV *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 5%; height: 68px;\n background: rgba(0,20,36,0.9);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(0,151,217,0.12);\n}\n.nav-logo {\n font-family: 'Poppins', sans-serif;\n font-weight: 800; font-size: 1.35rem;\n color: var(--white); letter-spacing: -0.01em;\n}\n.nav-logo span { color: var(--accent); }\n.nav-links { display: flex; gap: 2rem; list-style: none; }\n.nav-links a {\n color: rgba(255,255,255,0.6); text-decoration: none;\n font-size: 0.88rem; font-weight: 400; transition: color 0.2s;\n}\n.nav-links a:hover { color: var(--white); }\n.nav-cta {\n background: var(--accent); color: var(--white) !important;\n padding: 0.45rem 1.2rem; border-radius: 6px;\n font-weight: 600 !important; font-size: 0.85rem !important;\n transition: background 0.2s, transform 0.15s !important;\n}\n.nav-cta:hover { background: #00b0f5 !important; transform: translateY(-1px); }\n.nav-hamburger {\n display: none; flex-direction: column; gap: 5px;\n cursor: pointer; padding: 4px;\n}\n.nav-hamburger span {\n display: block; width: 24px; height: 2px;\n background: var(--white); border-radius: 2px; transition: all 0.3s;\n}<\/p>\n<p>\/* HERO *\/\n.hero {\n position: relative; min-height: 100vh;\n display: flex; align-items: center;\n overflow: hidden;\n background: linear-gradient(135deg, #001625 0%, #002f4a 55%, #003d60 100%);\n padding-top: 68px;\n}<\/p>\n<p>.hero-grid-overlay {\n position: absolute; inset: 0; pointer-events: none;\n background-image:\n linear-gradient(rgba(0,151,217,0.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,151,217,0.05) 1px, transparent 1px);\n background-size: 55px 55px;\n mask-image: radial-gradient(ellipse 100% 100% at 70% 50%, black 30%, transparent 80%);\n}<\/p>\n<p>.hero-inner {\n position: relative; z-index: 10;\n display: flex; align-items: center;\n width: 100%; max-width: 1200px;\n margin: 0 auto; padding: 4rem 5%;\n gap: 4rem;\n}<\/p>\n<p>\/* LEFT: TEXT *\/\n.hero-text {\n flex: 0 0 auto; width: 48%;\n display: flex; flex-direction: column;\n}\n.hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(0,151,217,0.12);\n border: 1px solid rgba(0,151,217,0.3);\n border-radius: 100px; padding: 5px 14px;\n font-size: 0.72rem; font-weight: 600;\n color: #7fd6f5; letter-spacing: 0.1em;\n text-transform: uppercase; width: fit-content;\n margin-bottom: 1.8rem;\n opacity: 0; animation: fadeUp 0.7s 0.2s forwards;\n}\n.badge-dot {\n width: 6px; height: 6px; border-radius: 50%;\n background: var(--accent); box-shadow: 0 0 8px var(--accent);\n animation: blink 2s infinite;\n}\n.hero-title {\n font-weight: 800;\n font-size: clamp(2.2rem, 4vw, 3.6rem);\n line-height: 1.12; letter-spacing: -0.03em;\n color: var(--white); margin-bottom: 1.4rem;\n opacity: 0; animation: fadeUp 0.7s 0.35s forwards;\n}\n.hero-title em {\n font-style: normal;\n background: linear-gradient(100deg, var(--accent) 20%, #7de8ff 80%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.hero-sub {\n font-size: 1rem; font-weight: 300; line-height: 1.75;\n color: rgba(255,255,255,0.55); max-width: 420px;\n margin-bottom: 2.5rem;\n opacity: 0; animation: fadeUp 0.7s 0.5s forwards;\n}\n.hero-actions {\n display: flex; gap: 0.9rem; flex-wrap: wrap;\n opacity: 0; animation: fadeUp 0.7s 0.65s forwards;\n}\n.btn-primary {\n background: var(--accent); color: var(--white);\n padding: 0.8rem 1.8rem; border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.9rem; font-weight: 600;\n text-decoration: none; border: none; cursor: pointer;\n transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\n box-shadow: 0 6px 24px rgba(0,151,217,0.4);\n}\n.btn-primary:hover {\n background: #00b0f5; transform: translateY(-2px);\n box-shadow: 0 10px 32px rgba(0,151,217,0.5);\n}\n.btn-ghost {\n background: transparent; color: rgba(255,255,255,0.75);\n padding: 0.8rem 1.8rem; border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.9rem; font-weight: 400;\n text-decoration: none;\n border: 1px solid rgba(255,255,255,0.18); cursor: pointer;\n transition: border-color 0.2s, color 0.2s, transform 0.15s;\n}\n.btn-ghost:hover {\n border-color: rgba(255,255,255,0.45); color: var(--white);\n transform: translateY(-2px);\n}<\/p>\n<p>\/* RIGHT: DEVICES *\/\n.hero-anim {\n flex: 1; position: relative;\n height: 520px; min-width: 0;\n opacity: 0; animation: fadeIn 1s 0.8s forwards;\n display: flex; align-items: center; justify-content: center;\n}\n.devices-wrap {\n position: relative;\n width: 100%; height: 100%;\n}\n.device-glow {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(0,151,217,0.18) 0%, transparent 70%);\n pointer-events: none;\n}\n.device-glow-main {\n width: 380px; height: 380px;\n top: 50%; left: 50%;\n transform: translate(-46%, -52%);\n}\n.device-glow-phone {\n width: 200px; height: 200px;\n bottom: 6%; right: 4%;\n}<\/p>\n<p>\/* SCROLL HINT *\/\n.hero-scroll {\n position: absolute; bottom: 2rem; left: 5%;\n display: flex; align-items: center; gap: 10px;\n opacity: 0; animation: fadeUp 0.7s 1.1s forwards; z-index: 10;\n}\n.hero-scroll span {\n font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase;\n color: rgba(255,255,255,0.25); font-weight: 500;\n}\n.scroll-line {\n width: 40px; height: 1px;\n background: linear-gradient(to right, rgba(0,151,217,0.6), transparent);\n}<\/p>\n<p>\/* STATS *\/\n.stats-ribbon {\n background: var(--deep);\n border-top: 1px solid rgba(0,151,217,0.15);\n border-bottom: 1px solid rgba(0,151,217,0.08);\n padding: 2.5rem 5%;\n}\n.stats-inner {\n max-width: 1100px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 2rem; text-align: center;\n}\n.stat-num {\n font-weight: 700; font-size: 2rem;\n color: var(--accent); display: block; line-height: 1; margin-bottom: 0.4rem;\n}\n.stat-label {\n font-size: 0.82rem; color: rgba(255,255,255,0.4);\n font-weight: 300; letter-spacing: 0.01em;\n}<\/p>\n<p>\/* FEATURES *\/\n.section { padding: 7rem 5%; }\n.section-inner { max-width: 1100px; margin: 0 auto; }\n.section-label {\n font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em;\n text-transform: uppercase; color: var(--accent);\n margin-bottom: 1rem; display: block;\n}\n.section-title {\n font-weight: 700;\n font-size: clamp(1.7rem, 3vw, 2.6rem);\n line-height: 1.2; letter-spacing: -0.025em;\n color: var(--text); margin-bottom: 1rem; max-width: 580px;\n}\n.section-sub {\n font-size: 1rem; color: var(--muted); line-height: 1.75;\n max-width: 540px; font-weight: 300; margin-bottom: 4rem;\n}\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n.feature-card {\n background: var(--white); border: 1px solid var(--border);\n border-radius: 16px; padding: 2rem;\n transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;\n position: relative; overflow: hidden;\n}\n.feature-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n opacity: 0; transition: opacity 0.3s;\n}\n.feature-card:hover {\n border-color: rgba(0,151,217,0.25); transform: translateY(-4px);\n box-shadow: 0 12px 36px rgba(0,85,133,0.1);\n}\n.feature-card:hover::before { opacity: 1; }\n.feature-icon {\n width: 46px; height: 46px; background: var(--light);\n border-radius: 12px; display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.2rem;\n}\n.feature-icon svg {\n width: 21px; height: 21px; stroke: var(--primary); fill: none;\n stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\n}\n.feature-title {\n font-weight: 600; font-size: 1rem; color: var(--text);\n margin-bottom: 0.6rem; letter-spacing: -0.01em;\n}\n.feature-text { font-size: 0.875rem; color: var(--muted); line-height: 1.65; font-weight: 300; }<\/p>\n<p>\/* HOW IT WORKS *\/\n.how-section { background: #f2f8fc; padding: 7rem 5%; }\n.flow-steps {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem; margin-top: 3rem;\n}\n.flow-step { text-align: center; padding: 2rem 1.5rem; }\n.step-num {\n font-size: 0.7rem; font-weight: 700; color: var(--accent);\n letter-spacing: 0.12em; text-transform: uppercase;\n margin-bottom: 1rem; display: block;\n}\n.step-icon {\n width: 62px; height: 62px;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n border-radius: 18px; display: flex; align-items: center; justify-content: center;\n margin: 0 auto 1.2rem;\n box-shadow: 0 8px 22px rgba(0,85,133,0.25);\n transition: transform 0.3s;\n}\n.flow-step:hover .step-icon { transform: scale(1.06); }\n.step-icon svg {\n width: 25px; height: 25px; stroke: white; fill: none;\n stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\n}\n.step-title { font-weight: 600; font-size: 0.95rem; color: var(--text); margin-bottom: 0.5rem; }\n.step-text { font-size: 0.84rem; color: var(--muted); line-height: 1.6; font-weight: 300; }<\/p>\n<p>\/* CTA *\/\n.cta-section {\n background: linear-gradient(135deg, var(--deep) 0%, var(--primary) 100%);\n padding: 6rem 5%; text-align: center; position: relative; overflow: hidden;\n}\n.cta-section::before {\n content: ''; position: absolute; inset: 0;\n background-image:\n linear-gradient(rgba(0,151,217,0.07) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,151,217,0.07) 1px, transparent 1px);\n background-size: 50px 50px;\n}\n.cta-inner { position: relative; z-index: 1; }\n.cta-title {\n font-weight: 700;\n font-size: clamp(1.8rem, 3.5vw, 2.7rem);\n color: var(--white); letter-spacing: -0.025em;\n margin-bottom: 1rem; line-height: 1.2;\n}\n.cta-sub {\n color: rgba(255,255,255,0.55); font-size: 1rem; font-weight: 300;\n margin-bottom: 2.5rem; max-width: 480px; margin-left: auto; margin-right: auto;\n}<\/p>\n<p>\/* FOOTER *\/\nfooter {\n background: var(--deep);\n border-top: 1px solid rgba(0,151,217,0.08);\n padding: 2.5rem 5%;\n}\n.footer-inner {\n max-width: 1100px; margin: 0 auto;\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 1rem;\n}\n.footer-logo { font-weight: 800; font-size: 1.15rem; color: var(--white); }\n.footer-logo span { color: var(--accent); }\n.footer-copy { font-size: 0.8rem; color: rgba(255,255,255,0.25); font-weight: 300; }\n.footer-links { display: flex; gap: 1.5rem; list-style: none; }\n.footer-links a {\n font-size: 0.8rem; color: rgba(255,255,255,0.35);\n text-decoration: none; transition: color 0.2s;\n}\n.footer-links a:hover { color: rgba(255,255,255,0.75); }<\/p>\n<p>\/* ANIMATIONS *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n from { opacity: 0; } to { opacity: 1; }\n}\n@keyframes blink { 0%,100%{opacity:1}50%{opacity:0.3} }<\/p>\n<p>\/* MOBILE *\/\n@media (max-width: 900px) {\n .hero-inner { flex-direction: column; padding: 2rem 5% 3rem; gap: 2.5rem; }\n .hero-text { width: 100%; }\n .hero-sub { max-width: 100%; }\n .hero-anim { width: 100%; height: 340px; }\n .nav-links { display: none; }\n .nav-links.open {\n display: flex; flex-direction: column; gap: 0;\n position: fixed; top: 68px; left: 0; right: 0;\n background: rgba(0,18,32,0.98); backdrop-filter: blur(16px);\n padding: 0.5rem 0; border-bottom: 1px solid rgba(0,151,217,0.12);\n }\n .nav-links.open a { display: block; padding: 0.9rem 5%; border-bottom: 1px solid rgba(255,255,255,0.04); }\n .nav-hamburger { display: flex; }\n}\n@media (max-width: 480px) {\n .hero-actions { flex-direction: column; }\n .btn-primary, .btn-ghost { text-align: center; }\n .stats-inner { grid-template-columns: 1fr 1fr; }\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<nav id=\"navbar\">\n<div class=\"nav-logo\">BAS<span>cloud<\/span><\/div>\n<ul class=\"nav-links\" id=\"nav-links\">\n<li><a href=\"#features\">L\u00f6sungen<\/a><\/li>\n<li><a href=\"#how\">So funktioniert’s<\/a><\/li>\n<li><a href=\"#api\">API<\/a><\/li>\n<li><a href=\"#cta\" class=\"nav-cta\">Demo anfragen<\/a><\/li>\n<\/ul>\n<div class=\"nav-hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n<section class=\"hero\">\n<div class=\"hero-grid-overlay\"><\/div>\n<div class=\"hero-inner\">\n<p> <!-- LEFT: Text --><\/p>\n<div class=\"hero-text\">\n<div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span><br \/>\n Geb\u00e4udemanagement der n\u00e4chsten Generation\n <\/div>\n<h1 class=\"hero-title\">\n Geb\u00e4udedaten.<br \/>Strukturiert.<br \/><em>Intelligent vernetzt.<\/em><br \/>\n <\/h1>\n<p class=\"hero-sub\">\n Die BAScloud digitalisiert, normiert und kontextualisiert Ihre Geb\u00e4udedaten \u2013<br \/>\n in Echtzeit, mit offenen Schnittstellen, voller Datenkontrolle.\n <\/p>\n<div class=\"hero-actions\">\n <a href=\"#cta\" class=\"btn-primary\">Demo anfragen<\/a><br \/>\n <a href=\"#features\" class=\"btn-ghost\">Mehr erfahren<\/a>\n <\/div>\n<\/p><\/div>\n<p> <!-- RIGHT: Device Mockups --><\/p>\n<div class=\"hero-anim\">\n<div class=\"devices-wrap\">\n<div class=\"device-glow device-glow-main\"><\/div>\n<div class=\"device-glow device-glow-phone\"><\/div>\n<p> <svg id=\"devices-svg\" viewBox=\"0 0 520 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:100%;overflow:visible\">\n <defs>\n <linearGradient id=\"tabletGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0d2d44\"\/>\n <stop offset=\"100%\" stop-color=\"#0a1e2e\"\/>\n <\/linearGradient>\n <linearGradient id=\"screenGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#051625\"\/>\n <stop offset=\"100%\" stop-color=\"#071e30\"\/>\n <\/linearGradient>\n <linearGradient id=\"phoneGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0e3149\"\/>\n <stop offset=\"100%\" stop-color=\"#0a2035\"\/>\n <\/linearGradient>\n <linearGradient id=\"barGrad1\" x1=\"0\" y1=\"1\" x2=\"0\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#005585\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#0097d9\"\/>\n <\/linearGradient>\n <linearGradient id=\"barGrad2\" x1=\"0\" y1=\"1\" x2=\"0\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#003d65\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#0072b0\"\/>\n <\/linearGradient>\n <linearGradient id=\"lineGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#0097d9\" stop-opacity=\"0.3\"\/>\n <stop offset=\"50%\" stop-color=\"#0097d9\"\/>\n <stop offset=\"100%\" stop-color=\"#5dd4f5\" stop-opacity=\"0.6\"\/>\n <\/linearGradient>\n <clipPath id=\"tabletScreen\">\n <rect x=\"38\" y=\"28\" width=\"320\" height=\"210\" rx=\"3\"\/>\n <\/clipPath>\n <clipPath id=\"phoneScreen\">\n <rect x=\"326\" y=\"285\" width=\"118\" height=\"195\" rx=\"3\"\/>\n <\/clipPath>\n <filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n <feDropShadow dx=\"0\" dy=\"16\" stdDeviation=\"20\" flood-color=\"#000\" flood-opacity=\"0.5\"\/>\n <\/filter>\n <filter id=\"phoneShadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"14\" flood-color=\"#000\" flood-opacity=\"0.45\"\/>\n <\/filter>\n <\/defs><\/p>\n<p> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TABLET \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <g transform=\"translate(18, 30)\" filter=\"url(#shadow)\">\n <!-- Body -->\n <rect x=\"0\" y=\"0\" width=\"396\" height=\"270\" rx=\"14\" fill=\"url(#tabletGrad)\" stroke=\"rgba(0,151,217,0.25)\" stroke-width=\"1\"\/>\n <!-- Screen bezel top -->\n <rect x=\"0\" y=\"0\" width=\"396\" height=\"26\" rx=\"14\" fill=\"#0b2336\"\/>\n <rect x=\"0\" y=\"14\" width=\"396\" height=\"12\" fill=\"#0b2336\"\/>\n <!-- Camera dot -->\n <circle cx=\"198\" cy=\"13\" r=\"3\" fill=\"#0d3050\"\/>\n <!-- Screen area -->\n <rect x=\"38\" y=\"28\" width=\"320\" height=\"210\" rx=\"3\" fill=\"url(#screenGrad)\"\/><\/p>\n<p> <!-- \u2500\u2500 SCREEN CONTENT \u2500\u2500 -->\n <g clip-path=\"url(#tabletScreen)\">\n <!-- Sidebar -->\n <rect x=\"38\" y=\"28\" width=\"52\" height=\"210\" fill=\"#041220\"\/>\n <!-- Sidebar items -->\n <rect x=\"47\" y=\"44\" width=\"34\" height=\"6\" rx=\"3\" fill=\"rgba(0,151,217,0.7)\"\/>\n <rect x=\"47\" y=\"58\" width=\"28\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,0.18)\"\/>\n <rect x=\"47\" y=\"71\" width=\"30\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"47\" y=\"84\" width=\"26\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"47\" y=\"97\" width=\"29\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"47\" y=\"200\" width=\"30\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"47\" y=\"212\" width=\"24\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,0.08)\"\/><\/p>\n<p> <!-- Main content area -->\n <!-- Top bar -->\n <rect x=\"90\" y=\"28\" width=\"268\" height=\"22\" fill=\"#04182a\"\/>\n <rect x=\"96\" y=\"34\" width=\"60\" height=\"6\" rx=\"3\" fill=\"rgba(255,255,255,0.55)\"\/>\n <rect x=\"296\" y=\"33\" width=\"32\" height=\"8\" rx=\"4\" fill=\"rgba(0,151,217,0.7)\"\/>\n <rect x=\"334\" y=\"35\" width=\"18\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/><\/p>\n<p> <!-- KPI Cards row -->\n <rect x=\"92\" y=\"54\" width=\"58\" height=\"32\" rx=\"4\" fill=\"#071e35\" stroke=\"rgba(0,151,217,0.2)\" stroke-width=\"0.5\"\/>\n <rect x=\"92\" y=\"54\" width=\"58\" height=\"4\" rx=\"2\" fill=\"#0097d9\"\/>\n <rect x=\"97\" y=\"63\" width=\"28\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.55)\"\/>\n <rect x=\"97\" y=\"72\" width=\"36\" height=\"7\" rx=\"2\" fill=\"rgba(0,151,217,0.9)\"\/><\/p>\n<p> <rect x=\"156\" y=\"54\" width=\"58\" height=\"32\" rx=\"4\" fill=\"#071e35\" stroke=\"rgba(0,151,217,0.2)\" stroke-width=\"0.5\"\/>\n <rect x=\"156\" y=\"54\" width=\"58\" height=\"4\" rx=\"2\" fill=\"#0072b0\"\/>\n <rect x=\"161\" y=\"63\" width=\"30\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.55)\"\/>\n <rect x=\"161\" y=\"72\" width=\"32\" height=\"7\" rx=\"2\" fill=\"rgba(0,114,176,0.9)\"\/><\/p>\n<p> <rect x=\"220\" y=\"54\" width=\"58\" height=\"32\" rx=\"4\" fill=\"#071e35\" stroke=\"rgba(0,151,217,0.2)\" stroke-width=\"0.5\"\/>\n <rect x=\"220\" y=\"54\" width=\"58\" height=\"4\" rx=\"2\" fill=\"#005585\"\/>\n <rect x=\"225\" y=\"63\" width=\"26\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.55)\"\/>\n <rect x=\"225\" y=\"72\" width=\"38\" height=\"7\" rx=\"2\" fill=\"rgba(0,85,133,0.9)\"\/><\/p>\n<p> <rect x=\"284\" y=\"54\" width=\"72\" height=\"32\" rx=\"4\" fill=\"#071e35\" stroke=\"rgba(0,151,217,0.2)\" stroke-width=\"0.5\"\/>\n <rect x=\"284\" y=\"54\" width=\"72\" height=\"4\" rx=\"2\" fill=\"#0097d9\" fill-opacity=\"0.5\"\/>\n <rect x=\"289\" y=\"63\" width=\"36\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.55)\"\/>\n <rect x=\"289\" y=\"72\" width=\"28\" height=\"7\" rx=\"2\" fill=\"rgba(0,151,217,0.6)\"\/><\/p>\n<p> <!-- Chart area left -->\n <rect x=\"92\" y=\"92\" width=\"150\" height=\"80\" rx=\"4\" fill=\"#061828\" stroke=\"rgba(0,151,217,0.15)\" stroke-width=\"0.5\"\/>\n <rect x=\"97\" y=\"97\" width=\"50\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <!-- Bar chart -->\n <rect x=\"100\" y=\"148\" width=\"12\" height=\"24\" rx=\"2\" fill=\"url(#barGrad2)\"\/>\n <rect x=\"116\" y=\"135\" width=\"12\" height=\"37\" rx=\"2\" fill=\"url(#barGrad1)\"\/>\n <rect x=\"132\" y=\"142\" width=\"12\" height=\"30\" rx=\"2\" fill=\"url(#barGrad2)\"\/>\n <rect x=\"148\" y=\"128\" width=\"12\" height=\"44\" rx=\"2\" fill=\"url(#barGrad1)\"\/>\n <rect x=\"164\" y=\"138\" width=\"12\" height=\"34\" rx=\"2\" fill=\"url(#barGrad2)\"\/>\n <rect x=\"180\" y=\"122\" width=\"12\" height=\"50\" rx=\"2\" fill=\"url(#barGrad1)\" opacity=\"0.9\"\/>\n <rect x=\"196\" y=\"131\" width=\"12\" height=\"41\" rx=\"2\" fill=\"url(#barGrad2)\"\/>\n <rect x=\"212\" y=\"119\" width=\"12\" height=\"53\" rx=\"2\" fill=\"url(#barGrad1)\"\/>\n <!-- X axis line -->\n <line x1=\"97\" y1=\"172\" x2=\"232\" y2=\"172\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"0.5\"\/>\n<p> <!-- Chart area right -->\n <rect x=\"248\" y=\"92\" width=\"108\" height=\"80\" rx=\"4\" fill=\"#061828\" stroke=\"rgba(0,151,217,0.15)\" stroke-width=\"0.5\"\/>\n <rect x=\"253\" y=\"97\" width=\"44\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <!-- Line chart -->\n <polyline points=\"255,162 266,153 277,158 288,144 299,149 310,136 321,141 332,128 343,133\" fill=\"none\" stroke=\"url(#lineGrad)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n <!-- Area fill -->\n <polygon points=\"255,162 266,153 277,158 288,144 299,149 310,136 321,141 332,128 343,133 343,172 255,172\" fill=\"rgba(0,151,217,0.08)\"\/>\n <!-- Data dots -->\n <circle cx=\"310\" cy=\"136\" r=\"2.5\" fill=\"#0097d9\"\/>\n <circle cx=\"343\" cy=\"133\" r=\"2.5\" fill=\"#5dd4f5\"\/><\/p>\n<p> <!-- List \/ table area -->\n <rect x=\"92\" y=\"178\" width=\"264\" height=\"58\" rx=\"4\" fill=\"#061828\" stroke=\"rgba(0,151,217,0.15)\" stroke-width=\"0.5\"\/>\n <rect x=\"97\" y=\"183\" width=\"60\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <!-- Table rows -->\n <rect x=\"97\" y=\"193\" width=\"254\" height=\"0.5\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"97\" y=\"196\" width=\"48\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.3)\"\/>\n <rect x=\"155\" y=\"196\" width=\"32\" height=\"4\" rx=\"2\" fill=\"rgba(0,151,217,0.5)\"\/>\n <rect x=\"197\" y=\"196\" width=\"28\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"235\" y=\"196\" width=\"36\" height=\"4\" rx=\"2\" fill=\"rgba(0,85,133,0.6)\"\/>\n <rect x=\"285\" y=\"194\" width=\"30\" height=\"8\" rx=\"3\" fill=\"rgba(0,151,217,0.2)\" stroke=\"rgba(0,151,217,0.3)\" stroke-width=\"0.5\"\/><\/p>\n<p> <rect x=\"97\" y=\"206\" width=\"254\" height=\"0.5\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"97\" y=\"209\" width=\"52\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.25)\"\/>\n <rect x=\"155\" y=\"209\" width=\"28\" height=\"4\" rx=\"2\" fill=\"rgba(0,151,217,0.4)\"\/>\n <rect x=\"197\" y=\"209\" width=\"32\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.18)\"\/>\n <rect x=\"235\" y=\"209\" width=\"30\" height=\"4\" rx=\"2\" fill=\"rgba(0,85,133,0.5)\"\/>\n <rect x=\"285\" y=\"207\" width=\"30\" height=\"8\" rx=\"3\" fill=\"rgba(0,85,133,0.2)\" stroke=\"rgba(0,85,133,0.3)\" stroke-width=\"0.5\"\/><\/p>\n<p> <rect x=\"97\" y=\"219\" width=\"254\" height=\"0.5\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"97\" y=\"222\" width=\"44\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"155\" y=\"222\" width=\"34\" height=\"4\" rx=\"2\" fill=\"rgba(0,151,217,0.35)\"\/>\n <rect x=\"197\" y=\"222\" width=\"26\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"235\" y=\"222\" width=\"38\" height=\"4\" rx=\"2\" fill=\"rgba(0,114,176,0.5)\"\/>\n <rect x=\"285\" y=\"220\" width=\"30\" height=\"8\" rx=\"3\" fill=\"rgba(0,114,176,0.2)\" stroke=\"rgba(0,114,176,0.3)\" stroke-width=\"0.5\"\/>\n <\/g><\/p>\n<p> <!-- Bottom bar -->\n <rect x=\"0\" y=\"250\" width=\"396\" height=\"20\" rx=\"0\" fill=\"#0b2336\"\/>\n <rect x=\"0\" y=\"256\" width=\"396\" height=\"14\" rx=\"0\" fill=\"#0b2336\"\/>\n <rect x=\"0\" y=\"260\" width=\"396\" height=\"10\" rx=\"10\" fill=\"#0b2336\"\/>\n <!-- Home indicator -->\n <rect x=\"168\" y=\"262\" width=\"60\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.2)\"\/>\n <\/g><\/p>\n<p> <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PHONE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <g transform=\"translate(308, 260)\" filter=\"url(#phoneShadow)\">\n <!-- Body -->\n <rect x=\"0\" y=\"0\" width=\"154\" height=\"245\" rx=\"18\" fill=\"url(#phoneGrad)\" stroke=\"rgba(0,151,217,0.3)\" stroke-width=\"1\"\/>\n <!-- Notch \/ island -->\n <rect x=\"52\" y=\"8\" width=\"50\" height=\"10\" rx=\"5\" fill=\"#04111e\"\/>\n <!-- Camera -->\n <circle cx=\"83\" cy=\"13\" r=\"3\" fill=\"#040e19\"\/>\n <circle cx=\"83\" cy=\"13\" r=\"1.5\" fill=\"#071a28\"\/>\n <!-- Screen -->\n <rect x=\"8\" y=\"24\" width=\"138\" height=\"200\" rx=\"4\" fill=\"url(#screenGrad)\"\/><\/p>\n<p> <!-- PHONE SCREEN CONTENT -->\n <g clip-path=\"url(#phoneScreen)\">\n <!-- Top bar -->\n <rect x=\"8\" y=\"24\" width=\"138\" height=\"18\" fill=\"#04162a\"\/>\n <rect x=\"13\" y=\"29\" width=\"42\" height=\"5\" rx=\"2\" fill=\"rgba(255,255,255,0.5)\"\/>\n <rect x=\"121\" y=\"28\" width=\"18\" height=\"8\" rx=\"3\" fill=\"rgba(0,151,217,0.6)\"\/><\/p>\n<p> <!-- KPI row -->\n <rect x=\"10\" y=\"45\" width=\"62\" height=\"36\" rx=\"5\" fill=\"#071e35\" stroke=\"rgba(0,151,217,0.2)\" stroke-width=\"0.5\"\/>\n <rect x=\"10\" y=\"45\" width=\"62\" height=\"4\" rx=\"2\" fill=\"#0097d9\"\/>\n <rect x=\"15\" y=\"53\" width=\"32\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <rect x=\"15\" y=\"61\" width=\"24\" height=\"8\" rx=\"2\" fill=\"rgba(0,151,217,0.9)\"\/><\/p>\n<p> <rect x=\"78\" y=\"45\" width=\"68\" height=\"36\" rx=\"5\" fill=\"#071e35\" stroke=\"rgba(0,151,217,0.2)\" stroke-width=\"0.5\"\/>\n <rect x=\"78\" y=\"45\" width=\"68\" height=\"4\" rx=\"2\" fill=\"#0072b0\"\/>\n <rect x=\"83\" y=\"53\" width=\"28\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <rect x=\"83\" y=\"61\" width=\"36\" height=\"8\" rx=\"2\" fill=\"rgba(0,114,176,0.9)\"\/><\/p>\n<p> <!-- Line chart -->\n <rect x=\"10\" y=\"87\" width=\"136\" height=\"58\" rx=\"4\" fill=\"#061828\" stroke=\"rgba(0,151,217,0.15)\" stroke-width=\"0.5\"\/>\n <rect x=\"15\" y=\"92\" width=\"44\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <polyline points=\"15,136 28,126 41,131 54,118 67,123 80,110 93,115 106,104 119,108 132,97\" fill=\"none\" stroke=\"url(#lineGrad)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n <polygon points=\"15,136 28,126 41,131 54,118 67,123 80,110 93,115 106,104 119,108 132,97 132,140 15,140\" fill=\"rgba(0,151,217,0.07)\"\/>\n <circle cx=\"80\" cy=\"110\" r=\"2.5\" fill=\"#0097d9\"\/>\n <circle cx=\"132\" cy=\"97\" r=\"2.5\" fill=\"#5dd4f5\"\/><\/p>\n<p> <!-- Mini list -->\n <rect x=\"10\" y=\"151\" width=\"136\" height=\"68\" rx=\"4\" fill=\"#061828\" stroke=\"rgba(0,151,217,0.15)\" stroke-width=\"0.5\"\/>\n <rect x=\"15\" y=\"156\" width=\"46\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.4)\"\/>\n <rect x=\"10\" y=\"165\" width=\"136\" height=\"0.5\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"15\" y=\"168\" width=\"52\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.28)\"\/>\n <rect x=\"111\" y=\"166\" width=\"28\" height=\"8\" rx=\"3\" fill=\"rgba(0,151,217,0.2)\" stroke=\"rgba(0,151,217,0.3)\" stroke-width=\"0.5\"\/>\n <rect x=\"10\" y=\"178\" width=\"136\" height=\"0.5\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"15\" y=\"181\" width=\"44\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.22)\"\/>\n <rect x=\"111\" y=\"179\" width=\"28\" height=\"8\" rx=\"3\" fill=\"rgba(0,85,133,0.2)\" stroke=\"rgba(0,85,133,0.3)\" stroke-width=\"0.5\"\/>\n <rect x=\"10\" y=\"191\" width=\"136\" height=\"0.5\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"15\" y=\"194\" width=\"48\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.18)\"\/>\n <rect x=\"111\" y=\"192\" width=\"28\" height=\"8\" rx=\"3\" fill=\"rgba(0,114,176,0.2)\" stroke=\"rgba(0,114,176,0.3)\" stroke-width=\"0.5\"\/><\/p>\n<p> <!-- Nav bar -->\n <rect x=\"8\" y=\"221\" width=\"138\" height=\"22\" fill=\"#04162a\"\/>\n <rect x=\"20\" y=\"226\" width=\"20\" height=\"4\" rx=\"2\" fill=\"rgba(0,151,217,0.8)\"\/>\n <rect x=\"62\" y=\"226\" width=\"20\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"104\" y=\"226\" width=\"20\" height=\"4\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <\/g>\n <!-- Home indicator -->\n <rect x=\"52\" y=\"234\" width=\"50\" height=\"3\" rx=\"1.5\" fill=\"rgba(255,255,255,0.18)\"\/>\n <\/g><\/p>\n<p> <!-- Subtle reflection line on tablet -->\n <line x1=\"18\" y1=\"30\" x2=\"80\" y2=\"30\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"1\"\/>\n <\/svg>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-scroll\">\n <span>Scroll<\/span><\/p>\n<div class=\"scroll-line\"><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- STATS --><\/p>\n<div class=\"stats-ribbon\">\n<div class=\"stats-inner\">\n<div><span class=\"stat-num\">100%<\/span><span class=\"stat-label\">normierte Datenstruktur<\/span><\/div>\n<div><span class=\"stat-num\">API-first<\/span><span class=\"stat-label\">standardisierte Anbindung<\/span><\/div>\n<div><span class=\"stat-num\">Echtzeit<\/span><span class=\"stat-label\">Datenverf\u00fcgbarkeit<\/span><\/div>\n<div><span class=\"stat-num\">RBAC<\/span><span class=\"stat-label\">Rollen- & Rechtesystem<\/span><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- FEATURES --><\/p>\n<section class=\"section\" id=\"features\">\n<div class=\"section-inner\">\n <span class=\"section-label\">Kernfunktionen<\/span><\/p>\n<h2 class=\"section-title\">Alles, was modernes Geb\u00e4udemanagement braucht<\/h2>\n<p class=\"section-sub\">\n Daten zu sammeln reicht nicht. Die BAScloud macht sie nutzbar \u2013<br \/>\n strukturiert, kontextualisiert und sicher zug\u00e4nglich.\n <\/p>\n<div class=\"features-grid\">\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5\"\/><path d=\"M3 12c0 1.66 4.03 3 9 3s9-1.34 9-3\"\/><\/svg><\/div>\n<div class=\"feature-title\">Zentraler Datenspeicher<\/div>\n<p class=\"feature-text\">Alle Geb\u00e4udedaten an einem Ort \u2013 strukturiert archiviert und jederzeit abrufbar.<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><circle cx=\"19\" cy=\"17\" r=\"3\"\/><\/svg><\/div>\n<div class=\"feature-title\">Normierte Datenstruktur<\/div>\n<p class=\"feature-text\">Zielsysteme erhalten korrekte, einheitliche Daten \u2013 ohne manuelle Anpassung.<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg><\/div>\n<div class=\"feature-title\">Datenkontext<\/div>\n<p class=\"feature-text\">Kontext wird elementarer Bestandteil jeder Information \u2013 nicht nur Messwerte.<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3M3 16v3a2 2 0 002 2h3m8 0h3a2 2 0 002-2v-3\"\/><\/svg><\/div>\n<div class=\"feature-title\">BAScloud API<\/div>\n<p class=\"feature-text\">Standardisierte REST-Schnittstellen verbinden Quell- und Zielsysteme zuverl\u00e4ssig.<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div>\n<div class=\"feature-title\">Rollen & Rechte<\/div>\n<p class=\"feature-text\">Kontrollierter Zugriff f\u00fcr Dienstleister und Systeme \u2013 granulares RBAC.<\/p>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 014-4h14M7 23l-4-4 4-4\"\/><path d=\"M21 13v2a4 4 0 01-4 4H3\"\/><\/svg><\/div>\n<div class=\"feature-title\">Anbieterwechsel leicht gemacht<\/div>\n<p class=\"feature-text\">Schnell und g\u00fcnstig wechseln \u2013 ohne Vendor-Lock-in, ohne Datenverlust.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- HOW IT WORKS --><\/p>\n<section class=\"how-section\" id=\"how\">\n<div class=\"section-inner\">\n <span class=\"section-label\">Wie es funktioniert<\/span><\/p>\n<h2 class=\"section-title\">Von Rohdaten zur fundierten Entscheidung<\/h2>\n<p class=\"section-sub\">BAScloud schafft die Br\u00fccke zwischen Geb\u00e4udetechnik und digitaler Intelligenz \u2013 in vier Schritten.<\/p>\n<div class=\"flow-steps\">\n<div class=\"flow-step\">\n <span class=\"step-num\">01<\/span><\/p>\n<div class=\"step-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\n<div class=\"step-title\">Daten erfassen<\/div>\n<p class=\"step-text\">Sensoren, Z\u00e4hler und Geb\u00e4udesysteme liefern kontinuierlich Rohdaten.<\/p>\n<\/p><\/div>\n<div class=\"flow-step\">\n <span class=\"step-num\">02<\/span><\/p>\n<div class=\"step-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div>\n<div class=\"step-title\">Normieren & Speichern<\/div>\n<p class=\"step-text\">Rohdaten werden einheitlich strukturiert und zentral archiviert.<\/p>\n<\/p><\/div>\n<div class=\"flow-step\">\n <span class=\"step-num\">03<\/span><\/p>\n<div class=\"step-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M3 12h3M18 12h3M12 3v3M12 18v3\"\/><\/svg><\/div>\n<div class=\"step-title\">Kontext herstellen<\/div>\n<p class=\"step-text\">Daten erhalten Bedeutung durch Metadaten, Beziehungen und Klassifikation.<\/p>\n<\/p><\/div>\n<div class=\"flow-step\">\n <span class=\"step-num\">04<\/span><\/p>\n<div class=\"step-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n<div class=\"step-title\">Entscheidungen treffen<\/div>\n<p class=\"step-text\">Zielsysteme und Teams erhalten zuverl\u00e4ssige Informationen f\u00fcr fundierte Entscheidungen.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- CTA --><\/p>\n<section class=\"cta-section\" id=\"cta\">\n<div class=\"cta-inner\">\n<h2 class=\"cta-title\">Bereit f\u00fcr zukunftsf\u00e4higes Geb\u00e4udemanagement?<\/h2>\n<p class=\"cta-sub\">Erfahren Sie in einer pers\u00f6nlichen Demo, wie die BAScloud Ihre Geb\u00e4udedaten transformiert.<\/p>\n<p> <a href=\"#\" class=\"btn-primary\">Demo anfragen<\/a>\n <\/div>\n<\/section>\n<footer>\n<div class=\"footer-inner\">\n<div class=\"footer-logo\">BAS<span>cloud<\/span><\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#\">Datenschutz<\/a><\/li>\n<li><a href=\"#\">Impressum<\/a><\/li>\n<li><a href=\"#\">Kontakt<\/a><\/li>\n<\/ul>\n<p class=\"footer-copy\">\u00a9 2024 BAScloud. Alle Rechte vorbehalten.<\/p>\n<\/p><\/div>\n<\/footer>\n<style>\n@keyframes floatTablet {\n 0%,100% { transform: translateY(0px) rotate(-2deg); }\n 50% { transform: translateY(-10px) rotate(-2deg); }\n}\n@keyframes floatPhone {\n 0%,100% { transform: translateY(0px) rotate(3deg); }\n 50% { transform: translateY(-14px) rotate(3deg); }\n}\n#devices-svg > g:first-of-type {\n transform-origin: center;\n animation: floatTablet 5s ease-in-out infinite;\n}\n#devices-svg > g:last-of-type {\n transform-origin: center;\n animation: floatPhone 4.2s ease-in-out infinite 0.8s;\n}\n<\/style>\n<p><script>\nfunction toggleMenu() {\n document.getElementById('nav-links').classList.toggle('open');\n}\n\/\/ device mockups rendered in SVG above<\/p>\n<p><\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/staging.bascloud.net\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}