<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 410" aria-label="Klima-Envelope: Temperatur und Luftfeuchtigkeit">
  <defs>
    <linearGradient id="env-grad" x1="0" y1="1" x2="1" y2="0">
      <stop offset="0%" stop-color="#2D69FF" stop-opacity="0.18"></stop>
      <stop offset="100%" stop-color="#2D69FF" stop-opacity="0.45"></stop>
    </linearGradient>
  </defs>
  <rect x="60" y="30" width="510" height="320" fill="#0A1224" stroke="#1A2540"></rect>
  <g stroke="#1A2540" stroke-width="1">
    <line x1="170" y1="30" x2="170" y2="350"></line>
    <line x1="280" y1="30" x2="280" y2="350"></line>
    <line x1="390" y1="30" x2="390" y2="350"></line>
    <line x1="500" y1="30" x2="500" y2="350"></line>
  </g>
  <g stroke="#1A2540" stroke-width="1">
    <line x1="60" y1="110" x2="570" y2="110"></line>
    <line x1="60" y1="190" x2="570" y2="190"></line>
    <line x1="60" y1="270" x2="570" y2="270"></line>
  </g>
  <rect x="170" y="46" width="275" height="176" rx="10" fill="url(#env-grad)" stroke="#2D69FF" stroke-width="2.5"></rect>
  <text x="307" y="138" text-anchor="middle" font-family="Archivo Black, sans-serif" font-size="20" fill="#FFFFFF" opacity="0.85">OPERATING WINDOW</text>
  <circle cx="170" cy="222" r="5" fill="#2D69FF"></circle>
  <text x="165" y="238" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="10" fill="#2D69FF" font-weight="600">15°C / 40%</text>
  <circle cx="445" cy="46" r="5" fill="#2D69FF"></circle>
  <text x="451" y="42" font-family="JetBrains Mono, monospace" font-size="10" fill="#2D69FF" font-weight="600">40°C / 95%</text>
  <circle cx="93" cy="126" r="6" fill="#8893A6"></circle>
  <text x="104" y="123" font-family="Archivo, sans-serif" font-size="11" font-weight="700" fill="#FFFFFF">Hochalpin</text>
  <text x="104" y="137" font-family="JetBrains Mono, monospace" font-size="10" fill="#8893A6">8°C / 70%</text>
  <line x1="280" y1="164" x2="280" y2="232" stroke="#7AA0FF" stroke-width="1" stroke-dasharray="2 3" opacity="0.65"></line>
  <circle cx="280" cy="158" r="6" fill="#7AA0FF"></circle>
  <text x="280" y="248" text-anchor="middle" font-family="Archivo, sans-serif" font-size="11" font-weight="700" fill="#FFFFFF">Mediterran</text>
  <text x="280" y="262" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#7AA0FF">25°C / 60%</text>
  <line x1="341" y1="62" x2="447" y2="62" stroke="#2D69FF" stroke-width="1" stroke-dasharray="2 3" opacity="0.65"></line>
  <circle cx="335" cy="62" r="6" fill="#2D69FF"></circle>
  <text x="453" y="60" font-family="Archivo, sans-serif" font-size="11" font-weight="700" fill="#FFFFFF">Tropisch</text>
  <text x="453" y="74" font-family="JetBrains Mono, monospace" font-size="10" fill="#2D69FF">30°C / 90%</text>
  <line x1="60" y1="350" x2="570" y2="350" stroke="#A8B2C5" stroke-width="1.5"></line>
  <text x="60" y="370" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">5</text>
  <text x="170" y="370" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">15</text>
  <text x="280" y="370" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">25</text>
  <text x="390" y="370" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">35</text>
  <text x="500" y="370" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">45</text>
  <text x="315" y="395" text-anchor="middle" font-family="Archivo, sans-serif" font-size="12" font-weight="700" fill="#FFFFFF">TEMPERATUR (°C) →</text>
  <line x1="60" y1="30" x2="60" y2="350" stroke="#A8B2C5" stroke-width="1.5"></line>
  <text x="50" y="34" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">100</text>
  <text x="50" y="114" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">75</text>
  <text x="50" y="194" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">50</text>
  <text x="50" y="274" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">25</text>
  <text x="50" y="354" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="11" fill="#A8B2C5">0</text>
  <text x="22" y="190" text-anchor="middle" font-family="Archivo, sans-serif" font-size="12" font-weight="700" fill="#FFFFFF" transform="rotate(-90, 22, 190)">FEUCHTIGKEIT (%rH) →</text>
</svg>
