OK
https://threema.ch/
Websites
Runtime: 656ms
On August 26, 2025, 09:55 AM UTC, https://threema.ch/ was accessible when tested on AS5603 in Slovenia.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
193.189.177.55
Query:
IN A threema.ch
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
185.88.236.85
Query:
IN AAAA threema.ch
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2a02:41b:300a:301::85
TCP Connections
Connection to 2a02:41b:300a:301::85:443 was blocked.
Connection to 185.88.236.85:443 succeeded.
HTTP Requests
URL
GET https://threema.com/en
Response Headers
Cache-Control:private, must-revalidateContent-Security-Policy:default-src 'self'; style-src 'self' https://static.threema.ch 'unsafe-inline'; font-src 'self' https://static.threema.ch data:; script-src 'self' 'unsafe-eval' 'unsafe-inline' blob: https://hcaptcha-ws.threema.ch; script-src-elem 'self' https://hcaptcha-ws.threema.ch 'unsafe-inline' data:; frame-src 'self' https://hcaptcha-assets.threema.ch; img-src 'self' data: https://static.threema.ch blob: ; media-src 'self' data: blob:; connect-src 'self' wss://threema.com https://hcaptcha-assets.threema.ch https://static.threema.ch https://bugs.threema.ch ; object-src 'none'; worker-src 'self' blob:; child-src blob: https://hcaptcha-assets.threema.ch; frame-ancestors 'self'; form-action 'self' https://threema.com ; base-uri https://threema.com; report-uri https://bugs.threema.ch/api/30/security/?sentry_key=33a83d833904ad024494585d9479b3c4; report-to defaultContent-Type:text/html; charset=UTF-8Date:Tue, 26 Aug 2025 09:55:02 GMTExpect-Ct:report-uri="https://3ma.ch/ctreport", max-age=31536000, enforceExpires:-1Permissions-Policy:interest-cohort=()Pragma:no-cacheReferrer-Policy:no-referrerReport-To:{"group": "default","max_age": 10886400,"endpoints": [{"url": "https://bugs.threema.ch/api/30/security/?sentry_key=33a83d833904ad024494585d9479b3c4"}]}Reporting-Endpoints:default="https://bugs.threema.ch/api/30/security/?sentry_key=33a83d833904ad024494585d9479b3c4"Server:nginxStrict-Transport-Security:max-age=31104000; includeSubdomainsX-Content-Type-Options:nosniffX-Frame-Options:DENY
Response Body
<!doctype html>
<html lang="en" dir="ltr" class="scroll-pt-[var(--menu-height)]">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Threema – Highly Secure Communication For Individuals and Companies – Threema</title>
<meta name="description" content="The secure instant messenger from Switzerland. GDPR-compliant chat app for individuals and organizations that value security and data protection. Trusted by millions." />
<meta property="og:type" content="website" />
<meta property="og:title" content="Threema – Highly Secure Communication For Individuals and Companies" />
<meta property="og:description" content="The secure instant messenger from Switzerland. GDPR-compliant chat app for individuals and organizations that value security and data protection. Trusted by millions." />
<meta property="og:url" content="https://threema.com/en" />
<meta property="og:site_name" content="Threema" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="de_CH" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@ThreemaApp" />
<meta name="twitter:title" content="Threema – Highly Secure Communication For Individuals and Companies" />
<meta name="twitter:description" content="The secure instant messenger from Switzerland. GDPR-compliant chat app for individuals and organizations that value security and data protection. Trusted by millions." />
<link href="https://threema.com" rel="home" />
<link href="https://threema.com/en" rel="canonical" />
<link rel="alternate" href="https://threema.com/en" hreflang="en" />
<link rel="alternate" href="https://threema.com/de" hreflang="de" />
<link rel="alternate" href="https://threema.com/fr" hreflang="fr" />
<link rel="alternate" href="https://threema.com/es" hreflang="es" />
<link rel="apple-touch-icon" href="https://threema.com/build/assets/apple-icon-180x180-Dmg5Cyre.png" type="image/png" sizes="180x180"/>
<link rel="icon" href="https://threema.com/build/assets/favicon-192x192-DLsbUOHE.png" type="image/png" sizes="192x192"/>
<link rel="icon" href="https://threema.com/build/assets/favicon-32x32-B_SY1GJM.png" type="image/png" sizes="32x32"/>
<link rel="icon" href="https://threema.com/build/assets/favicon-16x16-BhjiAV66.png" type="image/png" sizes="16x16"/>
<link rel="shortcut icon" href="https://threema.com/build/assets/favicon-Cjz6zGjg.ico" type="image/x-icon" sizes="48x48"/>
<link rel="icon" href="https://threema.com/build/assets/favicon-Cjz6zGjg.ico" type="image/x-icon" sizes="48x48"/>
<link rel="icon" href="https://threema.com/build/assets/favicon-tq7G_hn4.svg" type="image/svg+xml" sizes="any"/>
<link rel="preload" as="style" href="https://threema.com/build/assets/site-CsenTPqY.css" /><link rel="stylesheet" href="https://threema.com/build/assets/site-CsenTPqY.css" data-navigate-track="reload" />
<script>
window.MATOMO_URL = "/";
window.MATOMO_SITE_ID = "1";
</script>
<link rel="modulepreload" href="https://threema.com/build/assets/matomo-linking-BGgnEgQA.js" /><script type="module" src="https://threema.com/build/assets/matomo-linking-BGgnEgQA.js" data-navigate-track="reload"></script>
<link rel="modulepreload" href="https://threema.com/build/assets/site-bootstrap-BgLbbhl9.js" /><script type="module" src="https://threema.com/build/assets/site-bootstrap-BgLbbhl9.js" data-navigate-track="reload"></script>
</head>
<body class="bg-white font-sans leading-normal text-gray-900" :class="{'max-lg:overflow-hidden': menuOpen }" x-data="{ menuOpen: false }">
<nav class="sticky top-0 left-0 w-full bg-white border-gray-200 border-b z-50 h-[var(--menu-height)] "
:class="{ 'sticky': !menuOpen, 'max-lg:h-screen max-lg:fixed max-lg:overflow-auto': menuOpen }">
<div
class="flex flex-wrap justify-between items-center mx-auto lg:max-w-screen-xl 2xl:max-w-screen-2xl px-4 py-4 md:py-5 lg:py-5 bg-white">
<a href="/en" class="flex items-center space-x-3 rtl:space-x-reverse relative z-[60] 2xl:hidden">
<img src="/assets/company/logo/dark/threema.svg" alt="Threema" class="w-36 md:w-44">
</a>
<div class="flex-col items-start md:flex-row md:items-center gap-4 hidden lg:flex 2xl:hidden">
<button id="select-eeac4b8e-9f9a-4703-b105-90bc5bc9ca53Button" data-dropdown-toggle="select-eeac4b8e-9f9a-4703-b105-90bc5bc9ca53Checkbox" data-dropdown-placement="bottom-end" class="p-0 text-sm text-center inline-flex items-center font-heading font-medium dark:text-white " type="button">
<span class="uppercase">Login</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</button>
<div id="select-eeac4b8e-9f9a-4703-b105-90bc5bc9ca53Checkbox" class="p-3 z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow-lg">
<div class="space-y-1 text-sm">
<a href="https://work.threema.ch/en/login" title="Threema Work"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Threema Work</a>
<a href="https://broadcast.threema.ch/en/login" title="Threema Broadcast"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Threema Broadcast</a>
<a href="https://gateway.threema.ch/en/login" title="Threema Gateway"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Threema Gateway</a>
</div>
</div>
<button id="languageSelectButton" data-dropdown-toggle="languageSelectCheckbox" data-dropdown-placement="bottom-end" class="p-0 text-sm text-center inline-flex items-center font-heading font-medium dark:text-white " type="button">
<span class="uppercase">en</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</button>
<div id="languageSelectCheckbox" class="p-3 z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow-lg">
<div class="space-y-1 text-sm">
<a href="https://threema.com/en"
class="block w-full text-start py-1 px-2 rounded bg-gray-100 font-bold hover:bg-gray-200">English</a>
<a href="https://threema.com/de"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Deutsch</a>
<a href="https://threema.com/fr"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Français</a>
<a href="https://threema.com/es"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Español</a>
</div>
</div>
</div>
<button data-collapse-toggle="mega-menu-full" type="button" @click="menuOpen = !menuOpen"
class="inline-flex items-center justify-center text-sm text-black rounded-lg lg:hidden print:hidden"
aria-controls="mega-menu-full" aria-expanded="false">
<span :class="{ 'block': !menuOpen, 'hidden': menuOpen }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"/></svg>
</span>
<span :class="{ 'hidden': !menuOpen, 'block': menuOpen }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"/></svg>
</span>
</button>
<div id="mega-menu-full"
class="bg-white items-center justify-between hidden h-[calc(100vh-var(--menu-height))] w-full lg:h-auto lg:flex lg:w-full lg:mt-4 lg:order-1 2xl:mt-0">
<a href="/en"
class="hidden items-center space-x-3 rtl:space-x-reverse relative z-[60] 2xl:flex">
<img src="/assets/company/logo/dark/threema.svg" alt="Threema" class="w-36 md:w-44">
</a>
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:mt-0 rtl:space-x-reverse">
<li class="static group lg:py-0 lg:px-3 lg:first:ps-0 lg:last:pe-0">
<span
class="flex items-center py-3 border-b border-gray-100 lg:border-0 lg:py-0 cursor-pointer"
data-dropdown-trigger="click" data-dropdown-placement="bottom" data-dropdown-toggle="menu-submenu-545970fc-b897-49e3-b11e-80ac6009a02e">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium "
id="545970fc-b897-49e3-b11e-80ac6009a02e">
About us
</button>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 ms-0.5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</span>
<div id="menu-submenu-545970fc-b897-49e3-b11e-80ac6009a02e"
class="left-0 hidden max-lg:!transform-none bg-white z-[60] py-5 pointer-events-auto !relative lg:w-full lg:!absolute lg:h-auto lg:border-b lg:border-gray-200">
<div class="lg:border-t lg:border-gray-200"></div>
<div class="mx-auto md:ps-5 lg:p-5 lg:max-w-screen-xl lg:pt-10">
<div
class="grid lg:grid-cols-3 w-full divide-y lg:divide-y-0 lg:divide-x divide-gray-200 lg:-mx-8">
<a href="/en/why-threema"
class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6 grid gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-2 group/navitem">
<div
class="col-span-1 md:col-span-2 lg:col-span-1 text-left">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium group-hover/navitem:font-semibold"
id="e0cf9fa4-4fca-4895-886d-718e07b701a2">
Why Threema
</button>
<p class="mt-4 text-gray-500 font-normal">
Security and Privacy as the Cornerstones of Digital Communication
</p>
</div>
<div class="col-span-1">
<img src="/assets/2-about-us/icon_why_threema.png" alt="Why Threema"
class="w-full max-h-24 md:max-h-28 xl:h-full xl:min-h-28 object-cover rounded-lg">
</div>
</a>
<a href="/en/why-threema/privacy"
class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6 grid gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-2 group/navitem">
<div
class="col-span-1 md:col-span-2 lg:col-span-1 text-left">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium group-hover/navitem:font-semibold"
id="f381e2ba-63f2-41c2-9bb9-734bd3adea07">
Privacy
</button>
<p class="mt-4 text-gray-500 font-normal">
Privacy Without Compromise
</p>
</div>
<div class="col-span-1">
<img src="/assets/2-about-us/icon_priivacy.jpg" alt="Privacy"
class="w-full max-h-24 md:max-h-28 xl:h-full xl:min-h-28 object-cover rounded-lg">
</div>
</a>
<a href="/en/why-threema/security"
class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6 grid gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-2 group/navitem">
<div
class="col-span-1 md:col-span-2 lg:col-span-1 text-left">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium group-hover/navitem:font-semibold"
id="184734fb-c753-4578-954a-ddb30423ed54">
Security
</button>
<p class="mt-4 text-gray-500 font-normal">
Zero-Knowledge Security and Legal Compliance
</p>
</div>
<div class="col-span-1">
<img src="/assets/2-about-us/icon_security.png" alt="Security"
class="w-full max-h-24 md:max-h-28 xl:h-full xl:min-h-28 object-cover rounded-lg">
</div>
</a>
</div>
</div>
</div>
</li>
<li class="static group lg:py-0 lg:px-3 lg:first:ps-0 lg:last:pe-0">
<span
class="flex items-center py-3 border-b border-gray-100 lg:border-0 lg:py-0 cursor-pointer"
data-dropdown-trigger="click" data-dropdown-placement="bottom" data-dropdown-toggle="menu-submenu-2d67c05f-1341-473a-b7ad-347dab66c237">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium "
id="2d67c05f-1341-473a-b7ad-347dab66c237">
Products
</button>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 ms-0.5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</span>
<div id="menu-submenu-2d67c05f-1341-473a-b7ad-347dab66c237"
class="left-0 hidden max-lg:!transform-none bg-white z-[60] py-5 pointer-events-auto !relative lg:w-full lg:!absolute lg:h-auto lg:border-b lg:border-gray-200">
<div class="lg:border-t lg:border-gray-200"></div>
<div class="mx-auto md:ps-5 lg:p-5 lg:max-w-screen-xl lg:pt-10">
<div
class="grid lg:grid-cols-3 w-full divide-y lg:divide-y-0 lg:divide-x divide-gray-200 lg:-mx-8">
<a href="/en/products/work"
class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6 grid gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-2 group/navitem">
<div
class="col-span-1 md:col-span-2 lg:col-span-1 text-left">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium group-hover/navitem:font-semibold"
id="8010bf77-c3ad-490e-999a-d81bc0cfaea0">
Threema Work
</button>
<div class="flex mt-4">
<div
class="w-3 h-3 rounded-full bg-work-800 first:ms-0 ms-1.5">
</div>
<div
class="w-3 h-3 rounded-full bg-work-800 first:ms-0 ms-1.5">
</div>
<div
class="w-3 h-3 rounded-full bg-work-800 first:ms-0 ms-1.5">
</div>
</div>
</div>
<div class="col-span-1">
<img src="/assets/company/logo/light/threema-icon-work-label.png" alt="Threema Work"
class="w-full max-h-24 md:max-h-28 xl:h-full xl:min-h-28 object-cover rounded-lg">
</div>
</a>
<a href="/en/products/onprem"
class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6 grid gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-2 group/navitem">
<div
class="col-span-1 md:col-span-2 lg:col-span-1 text-left">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium group-hover/navitem:font-semibold"
id="295a91fa-4b3d-4f17-8d25-393d2aa05c8a">
Threema OnPrem
</button>
<div class="flex mt-4">
<div
class="w-3 h-3 rounded-full bg-onprem-800 first:ms-0 ms-1.5">
</div>
<div
class="w-3 h-3 rounded-full bg-onprem-800 first:ms-0 ms-1.5">
</div>
<div
class="w-3 h-3 rounded-full bg-onprem-800 first:ms-0 ms-1.5">
</div>
</div>
</div>
<div class="col-span-1">
<img src="/assets/company/logo/light/threema-icon-onprem-label.png" alt="Threema OnPrem"
class="w-full max-h-24 md:max-h-28 xl:h-full xl:min-h-28 object-cover rounded-lg">
</div>
</a>
<a href="/en/products/private"
class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6 grid gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-2 group/navitem">
<div
class="col-span-1 md:col-span-2 lg:col-span-1 text-left">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium group-hover/navitem:font-semibold"
id="7acfac55-bb29-4fb8-9ccc-436773b49c29">
Threema Private
</button>
<div class="flex mt-4">
<div
class="w-3 h-3 rounded-full bg-private-800 first:ms-0 ms-1.5">
</div>
<div
class="w-3 h-3 rounded-full bg-private-800 first:ms-0 ms-1.5">
</div>
<div
class="w-3 h-3 rounded-full bg-private-800 first:ms-0 ms-1.5">
</div>
</div>
</div>
<div class="col-span-1">
<img src="/assets/company/logo/light/threema-icon-private-label.png" alt="Threema Private"
class="w-full max-h-24 md:max-h-28 xl:h-full xl:min-h-28 object-cover rounded-lg">
</div>
</a>
</div>
</div>
</div>
</li>
<li class="static group lg:py-0 lg:px-3 lg:first:ps-0 lg:last:pe-0">
<span
class="flex items-center py-3 border-b border-gray-100 lg:border-0 lg:py-0 cursor-pointer"
data-dropdown-trigger="click" data-dropdown-placement="bottom" data-dropdown-toggle="menu-submenu-cadb6704-f4a8-4ab5-93aa-cf8f6d16c1ad">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium "
id="cadb6704-f4a8-4ab5-93aa-cf8f6d16c1ad">
Solution
</button>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 ms-0.5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</span>
<div id="menu-submenu-cadb6704-f4a8-4ab5-93aa-cf8f6d16c1ad"
class="left-0 hidden max-lg:!transform-none bg-white z-[60] py-5 pointer-events-auto !relative lg:w-full lg:!absolute lg:h-auto lg:border-b lg:border-gray-200">
<div class="lg:border-t lg:border-gray-200"></div>
<div class="mx-auto md:ps-5 lg:p-5 lg:max-w-screen-xl lg:pt-10">
<div
class="grid lg:grid-cols-2 w-full divide-y lg:divide-y-0 lg:divide-x divide-gray-200 lg:-mx-8">
<div class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6">
<span
class="text-gray-600">
<button
class="text-base font-heading uppercase tracking-wide text-left cursor-default font-medium "
id="7f9d09ca-80bd-470d-b664-393b57bd6825">
Use Cases
</button>
</span>
<div
class="gap-y-2 md:gap-y-4 md:columns-2 mt-4">
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/whatsapp-alternative"
title="WhatsApp Alternative"
class="block text-gray-500 hover:font-semibold font-normal">WhatsApp Alternative</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/ms-teams-alternative"
title="MS Teams Alternatives"
class="block text-gray-500 hover:font-semibold font-normal">MS Teams Alternatives</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/c-level-communication"
title="C-Level Communication"
class="block text-gray-500 hover:font-semibold font-normal">C-Level Communication</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/internal-communication-app"
title="Fast Internal Communication via Messenger"
class="block text-gray-500 hover:font-semibold font-normal">Fast Internal Communication via Messenger</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/bring-your-own-device"
title="Mobile Workforce"
class="block text-gray-500 hover:font-semibold font-normal">Mobile Workforce</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/business-continuity-management"
title="Business Continuity: Out-of-Band Communication"
class="block text-gray-500 hover:font-semibold font-normal">Business Continuity: Out-of-Band Communication</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/one-to-many-communication"
title="One-to-Many Communication"
class="block text-gray-500 hover:font-semibold font-normal">One-to-Many Communication</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/gdpr-compliant-messenger"
title="GDPR-Compliant Communication"
class="block text-gray-500 hover:font-semibold font-normal">GDPR-Compliant Communication</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/use-cases/eu-regulations"
title="Strengthen Cyber Resilience: NIS2, DORA, and CER"
class="block text-gray-500 hover:font-semibold font-normal">Strengthen Cyber Resilience: NIS2, DORA, and CER</a>
</div>
</div>
</div>
<div class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6">
<span
class="text-gray-600">
<button
class="text-base font-heading uppercase tracking-wide text-left cursor-default font-medium "
id="e74c823c-0f75-4591-98d4-2b1331aa15e7">
Industries
</button>
</span>
<div
class="gap-y-2 md:gap-y-4 md:columns-3 mt-4">
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/industries/public-authorities"
title="Public Authorities"
class="block text-gray-500 hover:font-semibold font-normal">Public Authorities</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/industries/healthcare"
title="Healthcare"
class="block text-gray-500 hover:font-semibold font-normal">Healthcare</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/industries/education"
title="Education"
class="block text-gray-500 hover:font-semibold font-normal">Education</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="static group lg:py-0 lg:px-3 lg:first:ps-0 lg:last:pe-0">
<span
class="flex items-center py-3 border-b border-gray-100 lg:border-0 lg:py-0 cursor-pointer"
data-dropdown-trigger="click" data-dropdown-placement="bottom" data-dropdown-toggle="menu-submenu-f5a26469-aa58-4156-b741-cc7d82b9d1a0">
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium "
id="f5a26469-aa58-4156-b741-cc7d82b9d1a0">
Resources
</button>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 ms-0.5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</span>
<div id="menu-submenu-f5a26469-aa58-4156-b741-cc7d82b9d1a0"
class="left-0 hidden max-lg:!transform-none bg-white z-[60] py-5 pointer-events-auto !relative lg:w-full lg:!absolute lg:h-auto lg:border-b lg:border-gray-200">
<div class="lg:border-t lg:border-gray-200"></div>
<div class="mx-auto md:ps-5 lg:p-5 lg:max-w-screen-xl lg:pt-10">
<div
class="grid lg:grid-cols-4 w-full divide-y lg:divide-y-0 lg:divide-x divide-gray-200 lg:-mx-8">
<div class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6">
<span
class="text-gray-600">
<button
class="text-base font-heading uppercase tracking-wide text-left cursor-default font-medium "
id="5063e03b-153a-4118-af70-156c110ed21c">
Success Stories
</button>
</span>
<div
class="gap-y-2 md:gap-y-4 md:columns-1 mt-4">
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/clients/mercedes-benz-group"
title="Mercedes-Benz Group AG"
class="block text-gray-500 hover:font-semibold font-normal">Mercedes-Benz Group AG</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/clients/edeka"
title="EDEKA"
class="block text-gray-500 hover:font-semibold font-normal">EDEKA</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/clients/frankfurt"
title="City of Frankfurt am Main"
class="block text-gray-500 hover:font-semibold font-normal">City of Frankfurt am Main</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/clients/bayerische_justiz"
title="Bavarian State Ministry of Justice"
class="block text-gray-500 hover:font-semibold font-normal">Bavarian State Ministry of Justice</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/clients/tk_elevator"
title="TK Elevator"
class="block text-gray-500 hover:font-semibold font-normal">TK Elevator</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a class="inline-flex items-center justify-center px-0 py-2.5 uppercase text-sm font-heading font-semibold text-center lg:tracking-wide rounded-full
text-gray-600
"
href="/en/success-stories"
>
<span class="shrink-0 me-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 rtl:scale-x-[-1]"><path d="M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z"/></svg>
</span>
<span class="">Success Stories</span>
</a>
</div>
</div>
</div>
<div class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6">
<span
class="text-gray-600">
<button
class="text-base font-heading uppercase tracking-wide text-left cursor-default font-medium "
id="77b4018d-8226-4ef4-8fea-2421628db0f4">
Blog
</button>
</span>
<div
class="gap-y-2 md:gap-y-4 md:columns-1 mt-4">
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/blog/handling-staff-changes"
title="When Employees Leave: Secure Offboarding with Threema Work"
class="block text-gray-500 hover:font-semibold font-normal">When Employees Leave: Secure Offboarding with Threema Work</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/blog/what-is-data-privacy"
title="What is data privacy? And why should your business care?"
class="block text-gray-500 hover:font-semibold font-normal">What is data privacy? And why should your business care?</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/blog/world-emoji-day-2025"
title="Fun Facts to Celebrate World Emoji Day"
class="block text-gray-500 hover:font-semibold font-normal">Fun Facts to Celebrate World Emoji Day</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/blog/why-switch-to-threema"
title="How to Get Your Friends to Use Threema"
class="block text-gray-500 hover:font-semibold font-normal">How to Get Your Friends to Use Threema</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/blog/online-ads-and-data-privacy"
title="Online Ads and Data Privacy"
class="block text-gray-500 hover:font-semibold font-normal">Online Ads and Data Privacy</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a class="inline-flex items-center justify-center px-0 py-2.5 uppercase text-sm font-heading font-semibold text-center lg:tracking-wide rounded-full
text-gray-600
"
href="/en/blog"
>
<span class="shrink-0 me-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 rtl:scale-x-[-1]"><path d="M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z"/></svg>
</span>
<span class="">Blog</span>
</a>
</div>
</div>
</div>
<div class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6">
<span
class="text-gray-600">
<button
class="text-base font-heading uppercase tracking-wide text-left cursor-default font-medium "
id="83f1f166-041f-4d4c-8870-912f5f35190f">
Whitepapers
</button>
</span>
<div
class="gap-y-2 md:gap-y-4 md:columns-1 mt-4">
<div class="flex justify-start mb-3 md:mb-4">
<a href="/assets/documents/cryptography_whitepaper.pdf"
title="Cryptography Whitepaper"
class="block text-gray-500 hover:font-semibold font-normal">Cryptography Whitepaper</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/public-authorities-whitepaper"
title="Secure Messaging in Public Authorities"
class="block text-gray-500 hover:font-semibold font-normal">Secure Messaging in Public Authorities</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/business-continuity-whitepaper"
title="Business Continuity Management"
class="block text-gray-500 hover:font-semibold font-normal">Business Continuity Management</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/business-messaging-whitepaper"
title="Comparison of Business Messaging Solutions"
class="block text-gray-500 hover:font-semibold font-normal">Comparison of Business Messaging Solutions</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/whatsapp-alternative-whitepaper"
title="WhatsApp Alternative for Businesses"
class="block text-gray-500 hover:font-semibold font-normal">WhatsApp Alternative for Businesses</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/cybersecurity-regulations-whitepaper"
title="European Cybersecurity Regulations: NIS2, DORA, and CER"
class="block text-gray-500 hover:font-semibold font-normal">European Cybersecurity Regulations: NIS2, DORA, and CER</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/cybersecurity-challenge-whitepaper"
title="The Challenge of Cybersecurity"
class="block text-gray-500 hover:font-semibold font-normal">The Challenge of Cybersecurity</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/whitepaper/cybersecurity-study-whitepaper"
title="Study: Cybersecurity and Communication Tools"
class="block text-gray-500 hover:font-semibold font-normal">Study: Cybersecurity and Communication Tools</a>
</div>
</div>
</div>
<div class="col-span-1 py-5 md:py-6 first:pt-0 last:pb-0 lg:py-0 lg:px-6">
<span
class="text-gray-600">
<button
class="text-base font-heading uppercase tracking-wide text-left cursor-default font-medium "
id="e7bf5d69-9b72-4ec3-94a2-6bbb822caf6a">
Quicklinks
</button>
</span>
<div
class="gap-y-2 md:gap-y-4 md:columns-1 mt-4">
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/events"
title="Events"
class="block text-gray-500 hover:font-semibold font-normal">Events</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/resources/documents"
title="Documents"
class="block text-gray-500 hover:font-semibold font-normal">Documents</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/support/private"
title="FAQ"
class="block text-gray-500 hover:font-semibold font-normal">FAQ</a>
</div>
<div class="flex justify-start mb-3 md:mb-4">
<a href="/en/download"
title="Download"
class="block text-gray-500 hover:font-semibold font-normal">Download</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="static group lg:py-0 lg:px-3 lg:first:ps-0 lg:last:pe-0">
<a href="/en/pricing"
class="flex items-center py-3 border-b border-gray-100 lg:border-0 lg:py-0 cursor-pointer"
>
<button
class="text-base font-heading uppercase tracking-wide text-left hover:custom-text-shadow font-medium "
id="853f76d8-f473-47b5-9920-fac3bc32dbdd">
Pricing
</button>
</a>
</li>
</ul>
<div class="flex flex-col items-start lg:flex-row lg:items-center gap-4 mt-6 lg:mt-0">
<div class="block lg:hidden 2xl:block">
<button id="2-select-eeac4b8e-9f9a-4703-b105-90bc5bc9ca53Button" data-dropdown-toggle="2-select-eeac4b8e-9f9a-4703-b105-90bc5bc9ca53Checkbox" data-dropdown-placement="bottom-end" class="p-0 text-sm text-center inline-flex items-center font-heading font-medium dark:text-white " type="button">
<span class="uppercase">Login</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</button>
<div id="2-select-eeac4b8e-9f9a-4703-b105-90bc5bc9ca53Checkbox" class="p-3 z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow-lg">
<div class="space-y-1 text-sm">
<a href="https://work.threema.ch/en/login" title="Threema Work"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Threema Work</a>
<a href="https://broadcast.threema.ch/en/login" title="Threema Broadcast"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Threema Broadcast</a>
<a href="https://gateway.threema.ch/en/login" title="Threema Gateway"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Threema Gateway</a>
</div>
</div>
</div>
<div class="block lg:hidden 2xl:block">
<button id="languageSelect2Button" data-dropdown-toggle="languageSelect2Checkbox" data-dropdown-placement="bottom-end" class="p-0 text-sm text-center inline-flex items-center font-heading font-medium dark:text-white " type="button">
<span class="uppercase">en</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
</button>
<div id="languageSelect2Checkbox" class="p-3 z-10 hidden w-48 bg-white divide-y divide-gray-100 rounded-lg shadow-lg">
<div class="space-y-1 text-sm">
<a href="https://threema.com/en"
class="block w-full text-start py-1 px-2 rounded bg-gray-100 font-bold hover:bg-gray-200">English</a>
<a href="https://threema.com/de"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Deutsch</a>
<a href="https://threema.com/fr"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Français</a>
<a href="https://threema.com/es"
class="block w-full text-start py-1 px-2 rounded hover:bg-gray-200">Español</a>
</div>
</div>
</div>
<div class="flex order-3 mt-3 lg:mt-0 lg:order-1">
<a class="inline-flex items-center justify-center px-3 py-1.5 uppercase text-sm font-heading font-semibold text-center lg:tracking-wide rounded-full
text-white bg-black hover:bg-gray-200 hover:text-black
"
href="/en/pricing"
>
<span class="shrink-0 me-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 rtl:scale-x-[-1]"><path d="M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z"/></svg>
</span>
<span class="">Get Started</span>
</a>
</div>
</div>
</div>
</div>
</nav>
<section
class="relative pt-8 lg:pt-10 xl:pt-14 pb-8 lg:pb-10 xl:pb-14 bg-black bg-no-repeat bg-cover bg-center"
>
<div class="absolute inset-0 ">
<picture>
<source
srcset="
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/e61c6cd7c03269d92537bf889a47648f/threema-secure-communication-hero-home.webp 320w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/acd140b983be399eef71e052fcc01407/threema-secure-communication-hero-home.webp 480w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/c98484da62bc4590bd468d5d7babd67c/threema-secure-communication-hero-home.webp 640w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/1ad06e96d7d2641451c5d67cbce8c460/threema-secure-communication-hero-home.webp 768w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/edbcda823c2b97405c90af9038503ad6/threema-secure-communication-hero-home.webp 1024w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/156ae9bd7d5df6416317ac3e8e8868bb/threema-secure-communication-hero-home.webp 1280w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/d9fa16db85147b513a39a834a328418c/threema-secure-communication-hero-home.webp 1440w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/0960b59e23d9e6d9706142acc8df5c3a/threema-secure-communication-hero-home.webp 1536w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/3dc4e20aea114741fbe0c3f74868e8e8/threema-secure-communication-hero-home.webp 1680w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/6a64f62a698ba5ff6fa000f67932446f/threema-secure-communication-hero-home.webp 1920w
"
sizes="100vw"
type="image/webp"
>
<source
srcset="
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/7ba3c9c018581f4e845be02df650f3a7/threema-secure-communication-hero-home.jpg 320w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/53ba4d977bf86b53694d6527f136b7fc/threema-secure-communication-hero-home.jpg 480w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/21842c3f699ab8f630240b867efdb0fc/threema-secure-communication-hero-home.jpg 640w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/af6d34606ce8e4491fd40e30c95434b5/threema-secure-communication-hero-home.jpg 768w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/029b6685f0ec049789f56664e379937e/threema-secure-communication-hero-home.jpg 1024w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/d6e336e37f857d0f4a0dcff6acfe36c3/threema-secure-communication-hero-home.jpg 1280w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/f0d0d25e2a21196dcea1443aa1878e2f/threema-secure-communication-hero-home.jpg 1440w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/5c87d3b5076c130150793c6d3a9adffb/threema-secure-communication-hero-home.jpg 1536w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/0c49fe53e90b98a3077cb46ddeb3a306/threema-secure-communication-hero-home.jpg 1680w,
/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/db5076a06a2e039694248bda25711488/threema-secure-communication-hero-home.jpg 1920w
"
sizes="100vw"
type="image/jpeg"
>
<img
src="/img/containers/assets/1-landing-page/threema-secure-communication-hero-home.jpg/9233cfbb94e7b9793a0c2e21a1809357/threema-secure-communication-hero-home.jpg"
alt=""
class="object-cover w-full h-full "
style="object-position: 55% 16%"
aria-hidden="true"
>
</picture>
</div>
<div class="mx-auto max-w-screen-xl py-0 px-6 relative">
<div class="lg:grid lg:gap-8 xl:gap-16 lg:grid-cols-12 py-8 ">
<div class="dark
flex flex-col
lg:col-span-8 align-start items-start text-start me-auto
"
>
<h1 class="mb-4" id="m8rc20da">Highly Secure Communication – Designed for Maximum Confidentiality</h1>
<div class="mb-6">
<div class="format dark:text-white max-w-none subheading">
<p>End-to-end encrypted exchange of messages, calls, and files for businesses, military, authorities, and individuals – GDPR-compliant and developed in Switzerland.</p>
</div>
</div>
<div class="flex justify-start ">
<a class="inline-flex items-center justify-center px-4 py-2.5 uppercase text-sm font-heading font-semibold text-center lg:tracking-wide rounded-full
text-black bg-white border-white hover:bg-gray-200
"
href="/en/pricing"
>
<span class="shrink-0 me-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 rtl:scale-x-[-1]"><path d="M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z"/></svg>
</span>
<span class="">Get Started</span>
</a>
</div>
</div>
</div>
</div>
</section>
<section
class="relative pt-6 lg:pt-8 xl:pt-12 pb-4 lg:pb-6 xl:pb-6 bg-white"
>
<div class="mx-auto max-w-screen-xl py-2 px-6 ">
<div class="w-full">
<div x-data="{
images: [
'/assets/client-logos/threema-work-logo-mercedes-benz.png','/assets/client-logos/threema-bundeskanzleramt-logo.svg','/assets/client-logos/threema-work-logo-admin-ch.svg','/assets/client-logos/threema-work-logo-adac.svg','/assets/logos/threema-clients-swiss-police.svg','/assets/logos/threema-work-logo-baden_wuerttemberg-km.png','/assets/logos/threema-work-logo-ch-armee.png','/assets/logos/threema-work-logo-deutsche-bundesbank.png','/assets/client-logos/threema-work-logo-tk_elevator.svg','/assets/logos/threema-work-logo-consorseguros.png','/assets/client-logos/threema-work-logo-kbc.svg','/assets/logos/threema-work-logo-edeka.png','/assets/logos/threema-work-logo-emirates.png','/assets/client-logos/threema-work-logo-ars-de.svg','/assets/logos/threema-work-logo-storck.png','/assets/logos/threema-work-logo-rwe.png','/assets/client-logos/threema-work-logo-coren.png','/assets/client-logos/frankfurt-am-main.svg','/assets/logos/threema-work-traba-logo.svg','/assets/client-logos/threema-work-logo-b90.png','/assets/client-logos/stiva_logo.svg','/assets/logos/threema-work-logo-dlrg.png','/assets/logos/threema-work-logo-freiburg.png','/assets/logos/threema-work-logo-schottel.png','/assets/logos/threema-work-logo-spital-thun.png','/assets/logos/threema-work-logo-erasmus-university-rotterdam.png','/assets/logos/threema-work-ispin-client-logo.png','/assets/logos/threema-work-logo-betnation.png','/assets/client-logos/threema-work-logo-bayern.svg','/assets/logos/threema-work-logo-ksw.png','/assets/logos/threema-work-customer-pck.svg','/assets/client-logos/threema-work-logo-spitex24.png','/assets/logos/threema-work-logo-vssu.png','/assets/client-logos/amsterdam_umc.svg','/assets/logos/threema-work-veloblitz-logo.png','/assets/logos/threema-work-logo-zueri-pflege.png','/assets/logos/threema-work-logo-elin.png','/assets/logos/threema-work-logo-valuniq.png','/assets/logos/threema-work-logo-kkp.png','/assets/logos/threema-work-logo-manten.png','/assets/logos/threema-work-logo-all-service.png','/assets/client-logos/threema-work-logo-thyssenkrupp.svg','/assets/client-logos/threema-work-huette-law-logo.png','/assets/logos/threema-work-logo-ceisp.png',
],
currentIndex: 0,
transition: true,
init() {
this.startAutoPlay();
},
nextSlide() {
this.transition = true;
this.currentIndex++;
if (this.currentIndex >= this.images.length) {
setTimeout(() => {
this.transition = false;
this.currentIndex = 0;
}, 500); // Match transition duration
}
},
startAutoPlay() {
setInterval(() => {
this.nextSlide();
}, 5000);
}
}" class="w-full mx-auto" style="
--logo-carousel-base-height: 3.5rem;
--logo-carousel-scale-factor-horizontal: 0.1;
--logo-carousel-scale-factor-vertical: 0.6;
--logo-carousel-min-size: 0.5;
--logo-carousel-max-size: 1.25;">
<div
class="overflow-hidden relative [--logo-item-count:33] md:[--logo-item-count:25] lg:[--logo-item-count:20]">
<div class="flex items-center"
:class="transition ? 'transition-transform duration-500 ease-in-out' : ''"
:style="'transform: translateX(calc(' + (currentIndex) + '% * var(--logo-item-count) * -1))'">
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-mercedes-benz.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(567 / 567);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-bundeskanzleramt-logo.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(117.94 / 60.96);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-admin-ch.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(710.70197 / 174.7025);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-adac.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(50 / 50.1);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-clients-swiss-police.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(93.99 / 12.24);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-baden_wuerttemberg-km.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(300 / 121);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-ch-armee.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(500 / 124);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-deutsche-bundesbank.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(3718 / 1420);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-tk_elevator.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(530.1 / 226.8);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-consorseguros.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(220 / 213);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-kbc.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(202.7 / 158.1);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-edeka.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(168 / 201);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-emirates.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(1281 / 997);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-ars-de.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(304.1 / 107.7);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-storck.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(1298 / 625);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-rwe.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(313 / 91);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-coren.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(400 / 254);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/frankfurt-am-main.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(96 / 15.19);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-traba-logo.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(711.41 / 241);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-b90.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(250 / 133);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/stiva_logo.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(1020.5 / 309);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-dlrg.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(500 / 500);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-freiburg.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(2095 / 704);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-schottel.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(272 / 282);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-spital-thun.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(832 / 208);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-erasmus-university-rotterdam.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(219 / 120);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-ispin-client-logo.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(1748 / 945);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-betnation.png" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(500 / 168);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/client-logos/threema-work-logo-bayern.svg" alt=""
class="aspect-[var(--logo-carousel-image-base-ratio)] max-w-full" style="
--logo-carousel-image-base-ratio: calc(585.32 / 80);
--logo-carousel-image-factor-horizontal: min(var(--logo-carousel-scale-factor-horizontal) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-horizontal) + 1, 1);
--logo-carousel-image-factor-vertical: max(var(--logo-carousel-scale-factor-vertical) * -1 * var(--logo-carousel-image-base-ratio) + var(--logo-carousel-scale-factor-vertical) + 1, 1);
max-height: clamp(
var(--logo-carousel-base-height) * var(--logo-carousel-min-size),
var(--logo-carousel-base-height) * var(--logo-carousel-image-factor-horizontal) * var(--logo-carousel-image-factor-vertical),
var(--logo-carousel-base-height) * var(--logo-carousel-max-size)
);
">
</div>
<div class="w-1/3 md:w-1/4 lg:w-1/5 flex-shrink-0 px-3 flex justify-center">
<img src="/assets/logos/threema-work-logo-ksw.png" alt=""
URL
GET https://threema.com/
Response Headers
Content-Length:162Content-Security-Policy:default-src 'self'; style-src 'self' https://static.threema.ch 'unsafe-inline'; font-src 'self' https://static.threema.ch data:; script-src 'self' 'unsafe-eval' 'unsafe-inline' blob: https://hcaptcha-ws.threema.ch; script-src-elem 'self' https://hcaptcha-ws.threema.ch 'unsafe-inline' data:; frame-src 'self' https://hcaptcha-assets.threema.ch; img-src 'self' data: https://static.threema.ch blob: ; media-src 'self' data: blob:; connect-src 'self' wss://threema.com https://hcaptcha-assets.threema.ch https://static.threema.ch https://bugs.threema.ch ; object-src 'none'; worker-src 'self' blob:; child-src blob: https://hcaptcha-assets.threema.ch; frame-ancestors 'self'; form-action 'self' https://threema.com ; base-uri https://threema.com; report-uri https://bugs.threema.ch/api/30/security/?sentry_key=33a83d833904ad024494585d9479b3c4; report-to defaultContent-Type:text/htmlDate:Tue, 26 Aug 2025 09:55:02 GMTExpect-Ct:report-uri="https://3ma.ch/ctreport", max-age=31536000, enforceLocation:https://threema.com/enReferrer-Policy:no-referrerReport-To:{"group": "default","max_age": 10886400,"endpoints": [{"url": "https://bugs.threema.ch/api/30/security/?sentry_key=33a83d833904ad024494585d9479b3c4"}]}Reporting-Endpoints:default="https://bugs.threema.ch/api/30/security/?sentry_key=33a83d833904ad024494585d9479b3c4"Server:nginxStrict-Transport-Security:max-age=31104000; includeSubdomainsX-Content-Type-Options:nosniffX-Frame-Options:DENY
Response Body
<html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>nginx</center> </body> </html>
URL
GET https://threema.ch/
Response Headers
Content-Length:162Content-Type:text/htmlDate:Tue, 26 Aug 2025 09:55:02 GMTExpect-Ct:report-uri="https://3ma.ch/ctreport", max-age=31536000, enforceLocation:https://threema.com/Referrer-Policy:no-referrerServer:nginxStrict-Transport-Security:max-age=31104000; includeSubdomains
Response Body
<html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>nginx</center> </body> </html>
Resolver
Resolver ASN
AS5603
Resolver IP
193.189.177.55
Resolver Network Name
Telekom Slovenije, d.d.
Report ID
20250826T095054Z_webconnectivity_SI_5603_n1_T523pP0jpdrY7DSA
Platform
linux
Software Name
ooniprobe-cli-unattended (3.23.0)
Measurement Engine
ooniprobe-engine (3.23.0)