{"title":"Wasserlose Urinale","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eF-7000 Wasserloses Urinal System - MaproWorld AG\u003c\/title\u003e\n  \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n  \u003cscript src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"\u003e\u003c\/script\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;family=DM+Serif+Display:ital@0;1\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cscript\u003e\n    tailwind.config = {\n      theme: {\n        extend: {\n          fontFamily: {\n            display: ['Outfit', 'sans-serif'],\n            serif: ['\"DM Serif Display\"', 'serif'],\n          }\n        }\n      }\n    }\n  \u003c\/script\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --navy-dark:  #0c1323;\n      --navy-mid:   #1d3460;\n      --navy-light: #263f70;\n      --accent:     #7aaaf7;\n      --accent-dim: rgba(99,140,220,0.18);\n    }\n\n    \/* ── BASE ── *\/\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      background: var(--navy-dark);\n      background-image:\n        radial-gradient(ellipse 120% 65% at 50% -10%, rgba(38,63,112,0.75) 0%, transparent 55%),\n        radial-gradient(ellipse 60% 50% at 92% 102%, rgba(29,52,96,0.35) 0%, transparent 50%),\n        radial-gradient(ellipse 40% 30% at 5% 80%, rgba(29,52,96,0.2) 0%, transparent 50%);\n      min-height: 100vh;\n      font-family: 'Outfit', sans-serif;\n      color: #c8d8f0;\n    }\n\n    \/* ── LAYOUT ── *\/\n    .page { max-width: 1000px; margin: 0 auto; padding: 56px 20px 80px; }\n\n    \/* ── GLASS CARD ── *\/\n    .glass {\n      background: linear-gradient(150deg, rgba(38,63,112,0.22) 0%, rgba(12,19,35,0.68) 100%);\n      border: 1px solid rgba(99,140,220,0.16);\n      backdrop-filter: blur(18px);\n      box-shadow:\n        0 0 0 1px rgba(99,140,220,0.06),\n        0 16px 64px rgba(12,19,35,0.8),\n        inset 0 1px 0 rgba(255,255,255,0.06);\n    }\n\n    \/* ── NEON LINE ── *\/\n    .neon-line {\n      height: 1px;\n      background: linear-gradient(90deg, transparent 0%, rgba(99,140,220,0.5) 40%, rgba(99,140,220,0.5) 60%, transparent 100%);\n      box-shadow: 0 0 10px rgba(99,140,220,0.25);\n    }\n\n    \/* ── ICON BOX ── *\/\n    .icon-box {\n      width: 50px; height: 50px; border-radius: 12px; flex-shrink: 0;\n      background: rgba(29,52,96,0.6);\n      border: 1px solid rgba(99,140,220,0.25);\n      display: flex; align-items: center; justify-content: center;\n      box-shadow: 0 0 16px rgba(99,140,220,0.18);\n    }\n    .icon-glow { color: var(--accent); filter: drop-shadow(0 0 7px rgba(99,140,220,0.8)); }\n\n    \/* ── FEATURE CARD ── *\/\n    .feat {\n      background: rgba(12,19,35,0.52);\n      border: 1px solid rgba(99,140,220,0.1);\n      border-radius: 16px;\n      position: relative; overflow: hidden;\n      transition: border-color .3s, box-shadow .3s, transform .3s;\n    }\n    .feat::after {\n      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n      background: linear-gradient(90deg, transparent, rgba(99,140,220,0.55), transparent);\n      opacity: 0; transition: opacity .3s;\n    }\n    .feat:hover { border-color: rgba(99,140,220,0.3); box-shadow: 0 0 30px rgba(99,140,220,0.12); transform: translateY(-3px); }\n    .feat:hover::after { opacity: 1; }\n\n    \/* ── STAT BLOCK ── *\/\n    .stat-block {\n      background: linear-gradient(145deg, rgba(29,52,96,0.65) 0%, rgba(38,63,112,0.42) 100%);\n      border: 1px solid rgba(99,140,220,0.28);\n      border-radius: 20px;\n      box-shadow: 0 0 38px rgba(99,140,220,0.18), inset 0 0 24px rgba(99,140,220,0.06);\n      position: relative; overflow: hidden;\n      transition: box-shadow .3s, border-color .3s, transform .3s;\n    }\n    .stat-block:hover { box-shadow: 0 0 55px rgba(99,140,220,0.28); border-color: rgba(99,140,220,0.44); transform: translateY(-3px); }\n    .stat-block::before {\n      content: ''; position: absolute; inset: 0;\n      background: linear-gradient(135deg, rgba(99,140,220,0.09) 0%, transparent 55%);\n    }\n\n    \/* ── HEADING ── *\/\n    .h-glow { text-shadow: 0 0 28px rgba(99,140,220,0.42); }\n    .accent-text { color: var(--accent); }\n\n    \/* ── LABEL ── *\/\n    .label {\n      font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;\n      color: var(--accent);\n    }\n\n    \/* ── PILL ── *\/\n    .pill {\n      display: inline-flex; align-items: center; gap: 5px;\n      padding: 4px 12px; border-radius: 20px;\n      font-size: 11px; font-weight: 600; letter-spacing: .04em;\n      background: rgba(29,52,96,0.65);\n      border: 1px solid rgba(99,140,220,0.3);\n      color: var(--accent);\n      box-shadow: 0 0 10px rgba(99,140,220,0.14);\n    }\n    .pill-green {\n      background: rgba(14,55,28,0.65);\n      border-color: rgba(48,155,78,0.35);\n      color: #5adfa0;\n      box-shadow: 0 0 10px rgba(48,155,78,0.13);\n    }\n    .pill-red {\n      background: rgba(58,18,18,0.55);\n      border-color: rgba(200,80,80,0.3);\n      color: #f47575;\n    }\n\n    \/* ── INFO BOX ── *\/\n    .info-box {\n      background: rgba(29,52,96,0.28);\n      border: 1px solid rgba(99,140,220,0.2);\n      border-left: 3px solid rgba(99,140,220,0.6);\n      border-radius: 12px;\n      padding: 18px 22px;\n    }\n\n    \/* ── CHECK \/ CROSS ── *\/\n    .check { color: #5adfa0; filter: drop-shadow(0 0 5px rgba(48,155,78,0.65)); }\n    .cross { color: #f47575; filter: drop-shadow(0 0 5px rgba(200,80,80,0.55)); }\n\n    \/* ── CTA BUTTON ── *\/\n    .btn {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 14px 26px; border-radius: 12px;\n      background: linear-gradient(135deg, #1d3460 0%, #263f70 100%);\n      border: 1px solid rgba(99,140,220,0.38);\n      color: #e4eeff; font-weight: 600; font-size: 14px;\n      text-decoration: none;\n      transition: all .3s; position: relative; overflow: hidden;\n    }\n    .btn::before {\n      content: ''; position: absolute; inset: 0;\n      background: rgba(99,140,220,0.13); opacity: 0; transition: opacity .3s;\n    }\n    .btn:hover::before { opacity: 1; }\n    .btn:hover { border-color: rgba(99,140,220,0.65); box-shadow: 0 0 28px rgba(99,140,220,0.3); transform: translateY(-1px); }\n\n    .btn-ghost {\n      background: rgba(29,52,96,0.28);\n      border-color: rgba(99,140,220,0.2);\n      color: var(--accent); font-size: 13px;\n    }\n\n    \/* ── WATER BAR ── *\/\n    .bar-track {\n      height: 9px; border-radius: 5px;\n      background: rgba(12,19,35,0.65);\n      border: 1px solid rgba(99,140,220,0.1);\n      overflow: hidden;\n    }\n    .bar-fill {\n      height: 100%; border-radius: 5px;\n      animation: bar-grow 1.5s ease both;\n    }\n    .bar-blue { background: linear-gradient(90deg, #1d3460, #4a9eff); box-shadow: 0 0 10px rgba(74,158,255,0.4); }\n    .bar-red  { background: linear-gradient(90deg, #5c1a1a, #f47575); box-shadow: 0 0 8px rgba(200,80,80,0.3); }\n    @keyframes bar-grow { from { width: 0; } }\n\n    \/* ── PULSE DOT ── *\/\n    @keyframes pulse {\n      0%,100% { transform: scale(1); opacity: .75; }\n      50%      { transform: scale(1.6); opacity: 0; }\n    }\n    .pdot { position: relative; display: inline-flex; align-items: center; justify-content: center; }\n    .pdot::before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); animation: pulse 2s ease-out infinite; }\n    .pdot-inner { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px rgba(120,170,247,.8); z-index: 1; position: relative; }\n\n    \/* ── FADE-UP STAGGER ── *\/\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .fu  { animation: fadeUp .6s ease both; }\n    .d1  { animation-delay: .06s; } .d2 { animation-delay: .13s; }\n    .d3  { animation-delay: .20s; } .d4 { animation-delay: .28s; }\n    .d5  { animation-delay: .36s; } .d6 { animation-delay: .44s; }\n\n    \/* ── WATER DROP ANIMATION ── *\/\n    @keyframes drip { 0% { transform: translateY(-6px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(10px); opacity: 0; } }\n    .drip { animation: drip 2.6s ease-in-out infinite; }\n    .drip-2 { animation-delay: .85s; }\n    .drip-3 { animation-delay: 1.7s; }\n\n    \/* ── GRID HELPERS ── *\/\n    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n    .grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }\n    @media (max-width: 700px) {\n      .grid-2, .grid-3 { grid-template-columns: 1fr; }\n    }\n\n    \/* ── DIAGONAL ACCENT ── *\/\n    .diag-accent {\n      position: absolute; top: 0; right: 0;\n      width: 120px; height: 120px;\n      background: linear-gradient(225deg, rgba(99,140,220,0.09) 0%, transparent 60%);\n      pointer-events: none;\n    }\n\n    \/* ── SEPARATOR BAND ── *\/\n    .band {\n      border-top: 1px solid rgba(99,140,220,0.13);\n      border-bottom: 1px solid rgba(99,140,220,0.13);\n      background: linear-gradient(90deg, transparent, rgba(29,52,96,0.4) 30%, rgba(29,52,96,0.4) 70%, transparent);\n    }\n\n    \/* ── 95% COMPOSITION BAR ── *\/\n    .comp-bar {\n      height: 32px; border-radius: 8px; overflow: hidden;\n      display: flex; border: 1px solid rgba(99,140,220,0.15);\n    }\n    .comp-water { background: linear-gradient(90deg, #0c2550, #1a4fa8); display: flex; align-items: center; justify-content: center; }\n    .comp-other { background: rgba(29,52,96,0.3); display: flex; align-items: center; justify-content: center; }\n\n    \/* ── QUOTE ── *\/\n    blockquote {\n      border-left: 3px solid rgba(99,140,220,0.55);\n      padding: 14px 20px;\n      background: rgba(29,52,96,0.22);\n      border-radius: 0 12px 12px 0;\n      font-family: 'DM Serif Display', serif;\n      font-style: italic;\n      color: #dae8ff;\n      font-size: 1.1rem;\n      line-height: 1.6;\n    }\n\n    a { color: inherit; text-decoration: none; }\n  \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"page\"\u003e\n\n  \u003c!-- ══════════════════════════════\n       HERO\n  ══════════════════════════════ --\u003e\n  \u003cdiv class=\"fu text-center mb-14\"\u003e\n\n    \u003c!-- Status chip --\u003e\n    \u003cdiv style=\"display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border-radius:24px; background:rgba(29,52,96,0.38); border:1px solid rgba(99,140,220,0.24); margin-bottom:24px;\"\u003e\n      \u003cspan class=\"pdot\"\u003e\u003cspan class=\"pdot-inner\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"label\" style=\"letter-spacing:.1em;\"\u003eSchluss mit teuren Ersatzteilen\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Eyebrow --\u003e\n    \u003cp style=\"font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:rgba(99,140,220,0.7); margin-bottom:14px;\"\u003e\n      Günstige Geruchsverschlüsse · Alle wasserlosen Urinale\n    \u003c\/p\u003e\n\n    \u003c!-- Main heading --\u003e\n    \u003ch1 class=\"h-glow\" style=\"font-size:clamp(2.4rem,6vw,4rem); font-weight:800; color:#fff; line-height:1.1; margin-bottom:16px;\"\u003e\n      Nachhaltigkeit als\u003cbr\u003e\n      \u003cspan class=\"accent-text\" style=\"font-family:'DM Serif Display',serif; font-style:italic; font-weight:400;\"\u003ewirtschaftlicher Standard\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003c!-- Model badge --\u003e\n    \u003cdiv style=\"display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:30px; background:linear-gradient(135deg,rgba(29,52,96,.72),rgba(38,63,112,.5)); border:1px solid rgba(99,140,220,.38); box-shadow:0 0 22px rgba(99,140,220,.2); margin-bottom:20px;\"\u003e\n      \u003ci class=\"ph ph-certificate icon-glow\" style=\"font-size:16px;\"\u003e\u003c\/i\u003e\n      \u003cspan style=\"font-size:13px; font-weight:700; letter-spacing:.1em; color:#a8c8ff;\"\u003eSYSTEM F-7000 · FINE FIRE CLAY\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cp style=\"color:rgba(180,200,230,.7); font-size:15px; max-width:560px; margin:0 auto; line-height:1.7;\"\u003e\n      Speziell für den gewerblichen Bereich entwickelt. Marktführender Preis. Klare Preisgarantie.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ══════════════════════════════\n       3 HERO STATS\n  ══════════════════════════════ --\u003e\n  \u003cdiv class=\"grid-3 fu d1 mb-10\"\u003e\n\n    \u003c!-- Water savings --\u003e\n    \u003cdiv class=\"stat-block\" style=\"padding:28px 22px; text-align:center;\"\u003e\n      \u003cdiv class=\"diag-accent\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position:relative; display:inline-flex; align-items:flex-end; justify-content:center; margin-bottom:10px; height:48px;\"\u003e\n        \u003ci class=\"ph ph-drop-slash icon-glow\" style=\"font-size:36px;\"\u003e\u003c\/i\u003e\n        \u003cspan class=\"drip\" style=\"position:absolute; top:0; left:42%; color:rgba(74,158,255,.8); font-size:11px;\"\u003e\u003ci class=\"ph ph-drop\" style=\"font-size:11px;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n        \u003cspan class=\"drip drip-2\" style=\"position:absolute; top:0; left:28%; color:rgba(74,158,255,.6); font-size:9px;\"\u003e\u003ci class=\"ph ph-drop\" style=\"font-size:9px;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n        \u003cspan class=\"drip drip-3\" style=\"position:absolute; top:0; left:56%; color:rgba(74,158,255,.7); font-size:10px;\"\u003e\u003ci class=\"ph ph-drop\" style=\"font-size:10px;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"font-size:2.8rem; font-weight:900; color:#fff; line-height:1; text-shadow:0 0 28px rgba(99,140,220,.6); margin-bottom:4px;\"\u003e100K\u003c\/div\u003e\n      \u003cdiv style=\"font-size:13px; font-weight:600; color:#c0d8ff; margin-bottom:4px;\"\u003eLiter Trinkwasser\u003c\/div\u003e\n      \u003cdiv style=\"font-size:11px; color:rgba(140,170,210,.6);\"\u003eEinsparung pro Urinal \/ Jahr\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Price leadership --\u003e\n    \u003cdiv class=\"stat-block\" style=\"padding:28px 22px; text-align:center;\"\u003e\n      \u003cdiv class=\"diag-accent\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"icon-box\" style=\"margin:0 auto 12px;\"\u003e\n        \u003ci class=\"ph ph-seal-check icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"font-size:1.65rem; font-weight:800; color:#fff; line-height:1.15; text-shadow:0 0 24px rgba(99,140,220,.5); margin-bottom:4px;\"\u003ePreis­führerschaft\u003c\/div\u003e\n      \u003cdiv style=\"font-size:13px; font-weight:600; color:#c0d8ff; margin-bottom:4px;\"\u003eKlare Preisgarantie\u003c\/div\u003e\n      \u003cdiv style=\"font-size:11px; color:rgba(140,170,210,.6);\"\u003eDirektpreis vom Hersteller\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Fine Fire Clay --\u003e\n    \u003cdiv class=\"stat-block\" style=\"padding:28px 22px; text-align:center;\"\u003e\n      \u003cdiv class=\"diag-accent\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"icon-box\" style=\"margin:0 auto 12px;\"\u003e\n        \u003ci class=\"ph ph-flame icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"font-size:1.65rem; font-weight:800; color:#fff; line-height:1.15; text-shadow:0 0 24px rgba(99,140,220,.5); margin-bottom:4px;\"\u003eFine Fire Clay\u003c\/div\u003e\n      \u003cdiv style=\"font-size:13px; font-weight:600; color:#c0d8ff; margin-bottom:4px;\"\u003ePremium Keramik\u003c\/div\u003e\n      \u003cdiv style=\"font-size:11px; color:rgba(140,170,210,.6);\"\u003eShuttle-Kiln-Präzisionsbrand\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- ══════════════════════════════\n       SECTION 1: INVESTITION \u0026 GARANTIE\n  ══════════════════════════════ --\u003e\n  \u003cdiv class=\"glass fu d2\" style=\"border-radius:22px; padding:36px 36px 32px; margin-bottom:20px;\"\u003e\n\n    \u003cdiv class=\"label mb-2\"\u003eDas Ende einer teuren Konvention\u003c\/div\u003e\n    \u003ch2 class=\"h-glow\" style=\"font-size:1.7rem; font-weight:700; color:#fff; margin-bottom:18px; display:flex; align-items:center; gap:10px;\"\u003e\n      \u003ci class=\"ph ph-hand-coins icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n      Preisgarantie, die überzeugt\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"grid-2\" style=\"margin-bottom:22px;\"\u003e\n      \u003c!-- Problem --\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"display:flex; align-items:center; gap:8px; margin-bottom:10px;\"\u003e\n          \u003cspan style=\"width:8px; height:8px; border-radius:50%; background:#f47575; box-shadow:0 0 8px rgba(200,80,80,.65); flex-shrink:0;\"\u003e\u003c\/span\u003e\n          \u003cspan style=\"font-size:12px; font-weight:600; color:rgba(200,160,160,.8);\"\u003eBisheriges Problem\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp style=\"font-size:14px; line-height:1.75; color:rgba(180,200,230,.65);\"\u003e\n          Bisher galt die Installation einer Wasserlosen-Urinale-Anlage als kostspielige Investition. Hohe Anschaffungspreise hielten viele Unternehmen von einem ökologisch und ökonomisch sinnvollen Schritt ab.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003c!-- Solution --\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"display:flex; align-items:center; gap:8px; margin-bottom:10px;\"\u003e\n          \u003cspan style=\"width:8px; height:8px; border-radius:50%; background:#5adfa0; box-shadow:0 0 8px rgba(48,155,78,.65); flex-shrink:0;\"\u003e\u003c\/span\u003e\n          \u003cspan style=\"font-size:12px; font-weight:600; color:#a0e8c0;\"\u003eMaproWorld Antwort\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp style=\"font-size:14px; line-height:1.75; color:rgba(190,215,240,.8);\"\u003e\n          MaproWorld bricht mit dieser Konvention zum Wohle unserer Kunden. Das F-7000 wird in technischer Bestausführung zum marktführenden Preis angeboten. Unsere klare Preisgarantie überzeugt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Guarantee band --\u003e\n    \u003cdiv class=\"band\" style=\"border-radius:12px; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px;\"\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:12px;\"\u003e\n        \u003ci class=\"ph ph-medal icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n        \u003cdiv\u003e\n          \u003cdiv style=\"font-size:13px; font-weight:700; color:#fff;\"\u003eBestpreis-Garantie\u003c\/div\u003e\n          \u003cdiv style=\"font-size:11px; color:rgba(140,170,210,.7); margin-top:2px;\"\u003eFinden Sie ein günstigeres Angebot, erstatten wir umgehend die Differenz.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pill-green\" style=\"display:inline-flex; align-items:center; gap:5px; padding:5px 14px; border-radius:20px; font-size:11px; font-weight:600; background:rgba(14,55,28,.65); border:1px solid rgba(48,155,78,.35); color:#5adfa0; flex-shrink:0;\"\u003e\n        \u003ci class=\"ph ph-check-circle\" style=\"font-size:13px;\"\u003e\u003c\/i\u003e\n        Garantiert\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6-point checklist --\u003e\n    \u003cdiv class=\"grid-2\" style=\"gap:10px;\"\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; background:rgba(12,19,35,.42); border:1px solid rgba(99,140,220,.08);\"\u003e\n        \u003ci class=\"ph ph-check-circle class check\" style=\"font-size:15px; color:#5adfa0; filter:drop-shadow(0 0 5px rgba(48,155,78,.65));\"\u003e\u003c\/i\u003e\n        \u003cspan style=\"font-size:13px; color:rgba(200,220,245,.85);\"\u003eTechnische Bestausführung\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; background:rgba(12,19,35,.42); border:1px solid rgba(99,140,220,.08);\"\u003e\n        \u003ci class=\"ph ph-check-circle\" style=\"font-size:15px; color:#5adfa0; filter:drop-shadow(0 0 5px rgba(48,155,78,.65));\"\u003e\u003c\/i\u003e\n        \u003cspan style=\"font-size:13px; color:rgba(200,220,245,.85);\"\u003eSpeziell für den Gewerbebereich\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; background:rgba(12,19,35,.42); border:1px solid rgba(99,140,220,.08);\"\u003e\n        \u003ci class=\"ph ph-check-circle\" style=\"font-size:15px; color:#5adfa0; filter:drop-shadow(0 0 5px rgba(48,155,78,.65));\"\u003e\u003c\/i\u003e\n        \u003cspan style=\"font-size:13px; color:rgba(200,220,245,.85);\"\u003eFine Fire Clay Keramik\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; background:rgba(12,19,35,.42); border:1px solid rgba(99,140,220,.08);\"\u003e\n        \u003ci class=\"ph ph-check-circle\" style=\"font-size:15px; color:#5adfa0; filter:drop-shadow(0 0 5px rgba(48,155,78,.65));\"\u003e\u003c\/i\u003e\n        \u003cspan style=\"font-size:13px; color:rgba(200,220,245,.85);\"\u003eBis 100.000 L Einsparung \/ Jahr\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; background:rgba(12,19,35,.42); border:1px solid rgba(99,140,220,.08);\"\u003e\n        \u003ci class=\"ph ph-check-circle\" style=\"font-size:15px; color:#5adfa0; filter:drop-shadow(0 0 5px rgba(48,155,78,.65));\"\u003e\u003c\/i\u003e\n        \u003cspan style=\"font-size:13px; color:rgba(200,220,245,.85);\"\u003eDirektpreis ohne Zwischenhändler\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:10px; background:rgba(12,19,35,.42); border:1px solid rgba(99,140,220,.08);\"\u003e\n        \u003ci class=\"ph ph-check-circle\" style=\"font-size:15px; color:#5adfa0; filter:drop-shadow(0 0 5px rgba(48,155,78,.65));\"\u003e\u003c\/i\u003e\n        \u003cspan style=\"font-size:13px; color:rgba(200,220,245,.85);\"\u003eGünstige Magma Geruchsverschlüsse\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- ══════════════════════════════\n       SECTION 2: VISION \u0026 95% ARGUMENT\n  ══════════════════════════════ --\u003e\n  \u003cdiv class=\"glass fu d3\" style=\"border-radius:22px; padding:36px; margin-bottom:20px;\"\u003e\n\n    \u003cdiv class=\"label mb-2\"\u003eDie MaproWorld Vision\u003c\/div\u003e\n    \u003ch2 class=\"h-glow\" style=\"font-size:1.7rem; font-weight:700; color:#fff; margin-bottom:22px; display:flex; align-items:center; gap:10px;\"\u003e\n      \u003ci class=\"ph ph-eye icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n      Nachhaltigkeit für jedes Unternehmen\n    \u003c\/h2\u003e\n\n    \u003c!-- Quote --\u003e\n    \u003cblockquote style=\"margin-bottom:28px;\"\u003e\n      Für uns bei MaproWorld ist die Vision klar definiert. Eine nachhaltige Sanitärlösung muss für jedes Unternehmen bezahlbar sein.\n    \u003c\/blockquote\u003e\n\n    \u003c!-- 95% argument card --\u003e\n    \u003cdiv class=\"feat\" style=\"padding:24px; margin-bottom:22px;\"\u003e\n      \u003cdiv style=\"display:flex; align-items:flex-start; gap:16px; margin-bottom:20px;\"\u003e\n        \u003cdiv class=\"icon-box\"\u003e\n          \u003ci class=\"ph ph-test-tube icon-glow\" style=\"font-size:20px;\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv style=\"font-size:14px; font-weight:700; color:#fff; margin-bottom:6px;\"\u003eDas entscheidende Argument gegen Spülwasser\u003c\/div\u003e\n          \u003cp style=\"font-size:13px; line-height:1.75; color:rgba(180,200,230,.7);\"\u003e\n            Es widerspricht jeder Vernunft an ökologischer sowie ökonomischer Seite, eine Flüssigkeit, die bereits \u003cstrong style=\"color:#fff;\"\u003e95% Wasser enthält\u003c\/strong\u003e, mit zusätzlichem Trinkwasser zu verdünnen und anschließend aufwendig zu reinigen.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Composition bar --\u003e\n      \u003cdiv style=\"margin-bottom:14px;\"\u003e\n        \u003cdiv style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;\"\u003e\n          \u003cspan style=\"font-size:11px; color:rgba(140,170,210,.7);\"\u003eZusammensetzung von Urin\u003c\/span\u003e\n          \u003cspan style=\"font-size:11px; font-weight:700; color:var(--accent);\"\u003e95% Wasser\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comp-bar\"\u003e\n          \u003cdiv class=\"comp-water\" style=\"width:95%;\"\u003e\n            \u003cspan style=\"font-size:11px; font-weight:700; color:#c0d8ff;\"\u003e95% H₂O\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"comp-other\" style=\"width:5%;\"\u003e\n            \u003cspan style=\"font-size:9px; color:rgba(140,170,210,.6);\"\u003e5%\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Before \/ After flush --\u003e\n      \u003cdiv class=\"grid-2\" style=\"gap:12px;\"\u003e\n        \u003cdiv style=\"padding:14px; border-radius:12px; text-align:center; background:rgba(8,22,48,.55); border:1px solid rgba(74,158,255,.2);\"\u003e\n          \u003cdiv style=\"font-size:1.5rem; font-weight:800; color:#fff; margin-bottom:4px;\"\u003e0 L\u003c\/div\u003e\n          \u003cdiv style=\"font-size:11px; color:rgba(140,180,230,.7);\"\u003eSpülwasser beim F-7000\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"padding:14px; border-radius:12px; text-align:center; background:rgba(48,15,15,.45); border:1px solid rgba(200,80,80,.2);\"\u003e\n          \u003cdiv style=\"font-size:1.2rem; font-weight:700; color:#f47575; margin-bottom:4px;\"\u003e4 bis 10 L \/ Spülung\u003c\/div\u003e\n          \u003cdiv style=\"font-size:11px; color:rgba(200,160,160,.6);\"\u003eHerkömmliches Urinal\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Ecological + Economical --\u003e\n    \u003cdiv class=\"grid-2\" style=\"margin-bottom:24px;\"\u003e\n      \u003cdiv class=\"feat\" style=\"padding:22px;\"\u003e\n        \u003cdiv class=\"icon-box\" style=\"margin-bottom:14px;\"\u003e\n          \u003ci class=\"ph ph-leaf icon-glow\" style=\"font-size:20px;\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"font-size:14px; font-weight:700; color:#fff; margin-bottom:8px;\"\u003eÖkologisch\u003c\/div\u003e\n        \u003cp style=\"font-size:13px; line-height:1.75; color:rgba(170,195,225,.7);\"\u003e\n          Bis zu 100.000 Liter Trinkwasser gespart pro Jahr und Urinal. Weniger Abwasser, weniger Aufbereitungsaufwand, weniger CO₂.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feat\" style=\"padding:22px;\"\u003e\n        \u003cdiv class=\"icon-box\" style=\"margin-bottom:14px;\"\u003e\n          \u003ci class=\"ph ph-trend-down icon-glow\" style=\"font-size:20px;\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"font-size:14px; font-weight:700; color:#fff; margin-bottom:8px;\"\u003eÖkonomisch\u003c\/div\u003e\n        \u003cp style=\"font-size:13px; line-height:1.75; color:rgba(170,195,225,.7);\"\u003e\n          Beträchtliche Einsparungen an Betriebskosten durch kein Spülwasser, günstige Geruchsverschlüsse und wegfallende Spülmechanik-Wartung.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Closing statement --\u003e\n    \u003cdiv style=\"background:linear-gradient(135deg,rgba(29,52,96,.48) 0%,rgba(38,63,112,.28) 100%); border:1px solid rgba(99,140,220,.26); border-radius:18px; padding:28px; text-align:center; box-shadow:0 0 32px rgba(99,140,220,.1);\"\u003e\n      \u003ci class=\"ph ph-globe-hemisphere-west icon-glow\" style=\"font-size:30px; display:block; margin:0 auto 12px;\"\u003e\u003c\/i\u003e\n      \u003cp class=\"h-glow\" style=\"font-family:'DM Serif Display',serif; font-size:1.25rem; font-style:italic; color:#e0ecff; line-height:1.5; margin-bottom:8px;\"\u003e\n        Nachhaltigkeit ist keine Option. Sie ist die wirtschaftlich klügste Entscheidung.\n      \u003c\/p\u003e\n      \u003cp style=\"font-size:13px; color:rgba(160,185,220,.6);\"\u003eMit dem F-7000 setzt MaproWorld den neuen Marktstandard.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- ══════════════════════════════\n       SECTION 3: COST COMPARISON\n  ══════════════════════════════ --\u003e\n  \u003cdiv class=\"glass fu d4\" style=\"border-radius:22px; padding:36px; margin-bottom:20px;\"\u003e\n\n    \u003cdiv class=\"label mb-2\"\u003eKostenvergleich im Betrieb\u003c\/div\u003e\n    \u003ch2 class=\"h-glow\" style=\"font-size:1.7rem; font-weight:700; color:#fff; margin-bottom:22px; display:flex; align-items:center; gap:10px;\"\u003e\n      \u003ci class=\"ph ph-chart-bar icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n      Wir sind Preisführer\n    \u003c\/h2\u003e\n\n    \u003cdiv style=\"display:flex; flex-direction:column; gap:20px;\"\u003e\n\n      \u003c!-- Most expensive first --\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; flex-wrap:wrap; gap:8px;\"\u003e\n          \u003cdiv style=\"display:flex; align-items:center; gap:8px;\"\u003e\n            \u003ci class=\"ph ph-currency-dollar\" style=\"font-size:14px; color:#f47575;\"\u003e\u003c\/i\u003e\n            \u003cspan style=\"font-size:13px; color:rgba(200,180,180,.85);\"\u003eMarkengebundene Originalteile\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"pill-red\" style=\"display:inline-flex; align-items:center; gap:5px; padding:4px 12px; border-radius:20px; font-size:11px; font-weight:600; flex-shrink:0;\"\u003eAm teuersten\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bar-track\"\u003e\n          \u003cdiv class=\"bar-fill bar-red\" style=\"width:95%; animation-delay:.2s;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px; color:rgba(140,160,190,.55); margin-top:5px;\"\u003eMonopolpreise der Originalhersteller\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cdiv style=\"display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; flex-wrap:wrap; gap:8px;\"\u003e\n          \u003cdiv style=\"display:flex; align-items:center; gap:8px;\"\u003e\n            \u003ci class=\"ph ph-drop\" style=\"font-size:14px; color:#f47575;\"\u003e\u003c\/i\u003e\n            \u003cspan style=\"font-size:13px; color:rgba(200,180,180,.85);\"\u003eHerkömmliches Urinal (Wasser + Abwasser + Wartung)\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"pill-red\" style=\"display:inline-flex; align-items:center; gap:5px; padding:4px 12px; border-radius:20px; font-size:11px; font-weight:600; flex-shrink:0;\"\u003eTeurer\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bar-track\"\u003e\n          \u003cdiv class=\"bar-fill bar-red\" style=\"width:68%; animation-delay:.4s;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px; color:rgba(140,160,190,.55); margin-top:5px;\"\u003eLaufende Wasser-, Abwasser- und Wartungskosten\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- MaproWorld last = cheapest --\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; flex-wrap:wrap; gap:8px;\"\u003e\n          \u003cdiv style=\"display:flex; align-items:center; gap:8px;\"\u003e\n            \u003ci class=\"ph ph-drop-slash icon-glow\" style=\"font-size:14px;\"\u003e\u003c\/i\u003e\n            \u003cspan style=\"font-size:13px; font-weight:600; color:#fff;\"\u003eMaproWorld F-7000 + Magma Geruchsverschluss\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan style=\"display:inline-flex; align-items:center; gap:5px; padding:4px 12px; border-radius:20px; font-size:11px; font-weight:600; background:rgba(14,55,28,.65); border:1px solid rgba(48,155,78,.35); color:#5adfa0; flex-shrink:0;\"\u003e\n            \u003ci class=\"ph ph-check-circle\" style=\"font-size:12px;\"\u003e\u003c\/i\u003e\n            Günstigste Option\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bar-track\"\u003e\n          \u003cdiv class=\"bar-fill bar-blue\" style=\"width:24%; animation-delay:.6s;\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"font-size:11px; color:rgba(140,160,190,.55); margin-top:5px;\"\u003eKein Wasser, günstige Magma Geruchsverschlüsse, kein Spülmechanismus\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- ══════════════════════════════\n       CTA\n  ══════════════════════════════ --\u003e\n  \u003cdiv class=\"glass fu d5\" style=\"border-radius:22px; padding:24px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;\"\u003e\n    \u003cdiv style=\"display:flex; align-items:center; gap:14px;\"\u003e\n      \u003cdiv class=\"icon-box\"\u003e\n        \u003ci class=\"ph ph-chat-circle-dots icon-glow\" style=\"font-size:22px;\"\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv style=\"font-size:14px; font-weight:700; color:#fff;\"\u003eF-7000 anfragen\u003c\/div\u003e\n        \u003cdiv style=\"font-size:12px; color:rgba(140,170,210,.65); margin-top:2px;\"\u003eWir erstellen Ihnen ein individuelles Angebot mit klarer Preisgarantie.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display:flex; align-items:center; gap:10px; flex-shrink:0; flex-wrap:wrap;\"\u003e\n      \u003ca href=\"mailto:info@maproworld.ch\" class=\"btn\"\u003e\n        \u003ci class=\"ph ph-envelope\" style=\"font-size:15px;\"\u003e\u003c\/i\u003e\n        Jetzt anfragen\n      \u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.maproworld.ch\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost\"\u003e\n        \u003ci class=\"ph ph-arrow-square-out\" style=\"font-size:14px;\"\u003e\u003c\/i\u003e\n        Webseite\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Footer --\u003e\n  \u003cp style=\"text-align:center; font-size:11px; color:rgba(60,90,130,.6); margin-top:32px; font-family:'Outfit',sans-serif;\"\u003e\n    © 2025 MaproWorld AG  ·  Alle Rechte vorbehalten\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","products":[{"product_id":"f-7000","title":"Wasserloses Urinal F-7000 – Maximale Hygiene und 100% Geruchsfreiheit","description":"\u003c!-- Einbindung der Phosphor Icons (Falls nicht schon im Theme vorhanden) --\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"\u003e\u003c\/script\u003e\n\n\u003cdiv class=\"usp-container\"\u003e\n  \u003cdiv class=\"usp-item\"\u003e\n    \u003ci class=\"ph ph-drop-slash\"\u003e\u003c\/i\u003e\n    \u003cspan\u003e\u003cstrong\u003eSpart bis zu 150.000 Liter\u003c\/strong\u003e Wasser pro Jahr \/ Urinal\u003c\/span\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"usp-item\"\u003e\n    \u003ci class=\"ph ph-wrench\"\u003e\u003c\/i\u003e\n    \u003cspan\u003e\u003cstrong\u003eKeine Spültechnik\u003c\/strong\u003e – keine Defekte, keine Elektronik\u003c\/span\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"usp-item\"\u003e\n    \u003ci class=\"ph ph-trend-down\"\u003e\u003c\/i\u003e\n    \u003cspan\u003e\u003cstrong\u003eDrastische Reduktion\u003c\/strong\u003e von Wartungs- \u0026amp; Betriebskosten\u003c\/span\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"usp-item\"\u003e\n    \u003ci class=\"ph ph-shield-check\"\u003e\u003c\/i\u003e\n    \u003cspan\u003e\u003cstrong\u003eHygienisch \u0026amp; geruchsfrei\u003c\/strong\u003e – zuverlässig im Dauerbetrieb\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .usp-container {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    padding: 20px 0;\n    font-family: inherit;\n  }\n  \n  .usp-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-size: 16px;\n    line-height: 1.4;\n    color: #333;\n  }\n  \n  .usp-item i {\n    font-size: 24px;\n    color: #007ace; \/* Hier kannst du deine Markenfarbe einsetzen *\/\n    flex-shrink: 0;\n    margin-top: -2px;\n  }\n\n  .usp-item strong {\n    color: #000;\n  }\n\n  \/* Optimierung für Mobilgeräte *\/\n  @media (max-width: 768px) {\n    .usp-item {\n      font-size: 15px;\n    }\n  }\n\u003c\/style\u003e","brand":"MaproWorld","offers":[{"title":"Default Title","offer_id":48238454374655,"sku":"0000500000000","price":290.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/8437\/9647\/files\/F-7000A.png?v=1773705951"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/8437\/9647\/collections\/Familienbild_Urinale.png?v=1774259068","url":"https:\/\/uk.maproworld.com\/collections\/wasserloses-urinal.oembed","provider":"MaproWorld ","version":"1.0","type":"link"}