<div
style={{
display: "flex",
gap: "10px",
alignItems: "flex-start",
marginTop: "14px" // 🔥 schiebt alles nach unten
}}
>
<div
style={{
width: "220px",
height: "100px",
borderRadius: "14px", // optional runder
border: "1px solid #ffd0d6",
background: "#fff9fa",
display: "flex",
alignItems: "center",
justifyContent: "center"
}}
>
<img
src="https://files.readme.io/8200bf63cb80422d4a3bd0dc49a8b0990dc8d415ef83cfc1c984d2f192a51d91-218d1f25-0d7a-4e88-8631-9c4c3b81aa48.png"
style={"width":"70px","height":"70px","objectFit":"contain"}
/>
<div>
<div style={{
background: "#ffe7ea",
color: "#e50019",
borderRadius: "6px",
padding: "5px 10px",
fontSize: "12px",
fontWeight: "700",
lineHeight: "1",
marginBottom: "8px",
display: "inline-block"
}}> UNSER SERVICE </div>
<h3 style={{ color: "#e50019", margin: "0 0 4px" }}>
eMS Integration Service – Wir bieten es für Sie an
</h3>
<p style={{ margin: 0, color: "#5f6878" }}>
With the eworx Integration Service, we automate the integration of related systems for you, so you don’t have to develop the integrations yourself. Your systems work together seamlessly – securely, reliably and tailored precisely to your requirements.
</p>
</div>
</div>
<div
style={{
display: "grid",
gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
gap: "18px",
alignItems: "stretch",
marginTop: "10px" // 🔥 Abstand nach oben reduziert
}}
>
<div style={{ display: "flex", gap: "10px", alignItems: "flex-start", width: "100%", minWidth: 0 }}>
<img src="https://files.readme.io/2ffeca0f9fbc95457acacc1a6f076a3bba49e4fbad680aa18724aaf152e4e789-add.png" style={{ width: "22px", height: "22px", flexShrink: 0, marginTop: "2px" }} />
<div>
<strong>No additional tools</strong>
<p style={{ margin: 0, color: "#5f6878" }}>
such as Zapier or Make
</p>
</div>
</div>
<div style={{ display: "flex", gap: "10px", alignItems: "flex-start", width: "100%", minWidth: 0 }}>
<img src="https://files.readme.io/e490d22e02e4ad500ed9606a48a94d345219147ed49d1465d7911ab69a0f7118-lock.png" style={{ width: "22px", height: "22px", flexShrink: 0, marginTop: "2px" }} />
<div>
<strong>Secure data processing</strong>
<p style={{ margin: 0, color: "#5f6878" }}>
at the Austrian data centre
</p>
</div>
</div>
<div style={{ display: "flex", gap: "10px", alignItems: "flex-start", width: "100%", minWidth: 0 }}>
<img src="https://files.readme.io/ccf5ca6fc90588100b7cff91c174e1eac7ceb6f808beba40c0eebfd737cfa96f-Group.png" style={{ width: "22px", height: "22px", flexShrink: 0, marginTop: "2px" }} />
<div>
<strong>No internal effort required</strong>
<p style={{ margin: 0, color: "#5f6878" }}>
for the development of your interfaces
</p>
</div>
</div>
<div style={{ display: "flex", gap: "10px", alignItems: "flex-start", width: "100%", minWidth: 0 }}>
<img src="https://files.readme.io/3f996a96223e14a3896af64f337a48f62e4121d78c2cf54c52964e6094c0a1ab-gear.png" style={{ width: "22px", height: "22px", flexShrink: 0, marginTop: "2px" }} />
<div>
<strong>Managed integrations</strong>
<p style={{ margin: 0, color: "#5f6878" }}>
including monitoring and support
</p>
</div>
</div>
</div>
<div>
<a href="#integration-service" style={{ display: "inline-block",padding: "14px 24px", borderRadius: "50px", background: "#e11928", color: "#fff", textDecoration: "none",fontWeight: 600,fontSize: "15px"}}>Find out more</a>
</div>
