{"id":16356,"date":"2022-02-23T10:44:34","date_gmt":"2022-02-23T09:44:34","guid":{"rendered":"https:\/\/www.arnoldbottag.ch\/mentions-legales\/"},"modified":"2025-08-29T15:20:51","modified_gmt":"2025-08-29T13:20:51","slug":"mentions-legales","status":"publish","type":"page","link":"https:\/\/www.arnoldbottag.ch\/fr\/mentions-legales\/","title":{"rendered":"Mentions l\u00e9gales"},"content":{"rendered":"\n<p>Arnold Bott AG<br>Industriestrasse 59<br>8152 Glattbrugg<br>Tel. +41 44 828 62 60<br>Fax +41 44 828 62 61<br><a href=\"mailto:info@arnoldbottag.ch\">info@arnoldbottag.ch<\/a><br><a href=\"https:\/\/www.arnoldbottag.ch\/fr\/\">www.arnoldbottag.ch<\/a><\/p>\n\n\n\n<p>MWST-Nr.: CHE-100.127.380<\/p>\n\n\n\n<style>\n.floating-btn {\n  position: fixed;\n  top: 200px;\n  left: 0;\n  width: 60px;\n  height: 140px;\n  font-size: 14px;\n  background-color: white;\n  color: #878585;\n  border-radius: 0 10px 10px 0;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.2);\n  z-index: 9999;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: width 0.5s ease;\n  cursor: default;\n}\n\n.floating-btn.expanded {\n  width: 200px;\n}\n\n\/* Stable, fixed-size rotating wrapper *\/\n.fab-rotating {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 200px;\n  transform: translate(-50%, -50%) rotate(-90deg);\n  transform-origin: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  animation-fill-mode: forwards;\n}\n\n.fab-texts {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  height: 100%; \/* Ensures full height for vertical centering *\/\n}\n\n.fab-texts p {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin: 2px 0 !important;\n  line-height: 1.1 !important;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0s linear 0.8s;\n}\n\n.fab-texts.show p {\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 0.3s ease 0.5s, visibility 0s linear 0.5s;\n}\n\n.fab-texts.hide p {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0s linear 0.8s;\n}\n\n.fab-rotating img {\n  width: 110px;\n  height: auto;\n  display: block;\n  max-width: 100%;\n}\n\n\/* add: Textblock im collapsed-State komplett aus dem Layout *\/\n.floating-btn:not(.expanded) #fab-texts {\n  display: none !important;\n}\n\n\/* add: im expanded-State wieder normal anzeigen *\/\n.floating-btn.expanded #fab-texts {\n  display: flex !important; \/* falls du flex brauchst *\/\n}\n\n\/* Rotation animations *\/\n.fab-rotating.animate-in {\n  animation: rotateIn 0.8s ease forwards;\n}\n\n.fab-rotating.animate-out {\n  animation: rotateOut 0.8s ease forwards;\n}\n\n@keyframes rotateIn {\n  0%   { opacity: 1; transform: translate(-50%, -50%) rotate(-90deg); }\n  10%  { opacity: 0; transform: translate(-50%, -50%) rotate(-90deg); }\n  60%  { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); }\n  70%  { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); }\n  100% { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); }\n}\n\n@keyframes rotateOut {\n  0%   { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); }\n  10%  { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); }\n  60%  { opacity: 0; transform: translate(-50%, -50%) rotate(-90deg); }\n  70%  { opacity: 0; transform: translate(-50%, -50%) rotate(-90deg); }\n  100% { opacity: 1; transform: translate(-50%, -50%) rotate(-90deg); }\n}\n\n.hidden {\n  display: none !important;\n}\n<\/style>\n\n<!-- Button HTML -->\n<div class=\"floating-btn\" id=\"fab\">\n  <div class=\"fab-rotating\" id=\"fab-rotating\">\n    <div class=\"fab-texts hidden\" id=\"fab-texts\">\n      <p>Membre de<\/p>\n      <p>l&rsquo;association professionnelle<\/p>\n    <\/div>\n    <a href=\"https:\/\/www.swiss-medtech.ch\/fr\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <img decoding=\"async\" src=\"https:\/\/www.arnoldbottag.ch\/wp-content\/uploads\/2024\/04\/logo_medtech_internet_bearbeitet.png\" alt=\"Swiss Medtech logo\"\/>\n    <\/a>\n  <\/div>\n<\/div>\n\n<!-- Hover Script -->\n<script>\nconst fab = document.getElementById('fab');\nconst rotating = document.getElementById('fab-rotating');\nconst texts = document.getElementById('fab-texts');\n\nfab.addEventListener('mouseenter', () => {\n  rotating.classList.remove('animate-out');\n  texts.classList.remove('hidden');\n  void fab.offsetWidth;\n  rotating.classList.add('animate-in');\n  texts.classList.remove('hide');\n  texts.classList.add('show');\n  fab.classList.add('expanded');\n});\n\nfab.addEventListener('mouseleave', () => {\n  rotating.classList.remove('animate-in');\n  fab.classList.remove('expanded');\n  void fab.offsetWidth;\n  rotating.classList.add('animate-out');\n  texts.classList.remove('show');\n  texts.classList.add('hide');\n});\n\nrotating.addEventListener('animationend', () => {\n  if (rotating.classList.contains('animate-out')) {\n    texts.classList.add('hidden');\n  }\n});\n<\/script>\n\n\n\n<style>\n\/* === ISO Button Styles: Expands in both directions === *\/\n.floating-btn-iso {\n  position: fixed;\n  top: 350px;\n  left: 0;\n  width: 60px;\n  height: 80px;\n  background-color: white;\n  color: #878585;\n  border-radius: 0 10px 10px 0;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.2);\n  font-size: 14px;\n  z-index: 9999;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: width 0.5s ease, height 0.5s ease;\n  cursor: default;\n}\n\n.floating-btn-iso.expanded {\n  width: 100px;\n  height: 140px;\n}\n\n.fab-inner-iso {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n  height: 100%;\n  width: 100%;\n}\n\n.fab-inner-iso p {\n  margin: 2px 0 !important;\n  line-height: 1.1 !important;\n  font-size: 12px;\n  opacity: 0;\n  visibility: hidden;\n  display: none;\n  transition: opacity 0.3s ease, visibility 0s linear 0.8s;\n}\n\n.fab-inner-iso img {\n  margin: 2px 0 !important;\n  display: block;\n  padding-bottom: 6px;\n}\n\n\/* Animations *\/\n@keyframes fadeInIso {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n@keyframes fadeOutIso {\n  from { opacity: 1; }\n  to   { opacity: 0; }\n}\n\n.fab-inner-iso.animate-in p {\n  display: block;\n  opacity: 1;\n  visibility: visible;\n  animation: fadeInIso 0.5s ease forwards;\n  transition: opacity 0.3s ease 0.4s, visibility 0s linear 0.4s;\n}\n\n.fab-inner-iso.animate-out p {\n  opacity: 0;\n  visibility: hidden;\n  display: none;\n  animation: fadeOutIso 0.5s ease forwards;\n  transition: opacity 0.3s ease, visibility 0s linear 0.8s;\n}\n<\/style>\n\n<!-- ISO Button -->\n<div class=\"floating-btn-iso\" id=\"fab-iso\" title=\"ISO Zertifikat\">\n  <div class=\"fab-inner-iso\" id=\"fab-inner-iso\">\n    <a href=\"https:\/\/www.arnoldbottag.ch\/wp-content\/uploads\/2024\/05\/ISO13485_Arnold-Bott-AG_FR.pdf\"\n       target=\"_blank\" rel=\"noopener noreferrer\" class=\"fab-link-iso\">\n      <img decoding=\"async\" src=\"https:\/\/www.arnoldbottag.ch\/wp-content\/uploads\/2024\/10\/Siegel_mit_Norm_ISO_13485.png\" style=\"width: 60px;\" \/>\n    <\/a>\n    <p>Certifi\u00e9<\/p>\n    <p>ISO 13485<\/p>\n  <\/div>\n<\/div>\n\n<!-- Script -->\n<script>\nconst fabIso = document.getElementById('fab-iso');\nconst fabInnerIso = document.getElementById('fab-inner-iso');\n\nfabIso.addEventListener('mouseenter', () => {\n  fabInnerIso.classList.remove('animate-out');\n  fabIso.classList.remove('expanded');\n  void fabIso.offsetHeight;\n  fabInnerIso.classList.add('animate-in');\n  fabIso.classList.add('expanded');\n});\n\nfabIso.addEventListener('mouseleave', () => {\n  fabInnerIso.classList.remove('animate-in');\n  fabIso.classList.remove('expanded');\n  void fabIso.offsetHeight;\n  fabInnerIso.classList.add('animate-out');\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Arnold Bott AGIndustriestrasse 598152 GlattbruggTel. +41 44 828 62 60Fax +41 44 828 62 61info@arnoldbottag.chwww.arnoldbottag.ch MWST-Nr.: CHE-100.127.380 Membre de l&rsquo;association professionnelle Certifi\u00e9 ISO 13485<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16356","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages\/16356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/comments?post=16356"}],"version-history":[{"count":5,"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages\/16356\/revisions"}],"predecessor-version":[{"id":18591,"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages\/16356\/revisions\/18591"}],"wp:attachment":[{"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/media?parent=16356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}