{"id":16167,"date":"2022-03-28T13:41:35","date_gmt":"2022-03-28T11:41:35","guid":{"rendered":"https:\/\/www.arnoldbottag.ch\/telechargements\/"},"modified":"2025-08-29T14:50:09","modified_gmt":"2025-08-29T12:50:09","slug":"telechargements","status":"publish","type":"page","link":"https:\/\/www.arnoldbottag.ch\/fr\/telechargements\/","title":{"rendered":"T\u00e9l\u00e9chargements"},"content":{"rendered":"<div id=\"portfolio-1\" class=\"portfolio-5 content-section content-section-spacing\" style=\"background-color: #ffffff;\" data-label=\"Portfolio\" data-id=\"portfolio--1\" data-export-id=\"portfolio-5\" data-category=\"portfolio\">\n<div class=\"gridContainer\">\n<div class=\"row text-center\">\n<div class=\"section-title-col\" data-type=\"column\">\u00a0<\/div>\n<\/div>\n<div class=\"row space-bottom spaced-cols\" data-type=\"row\">\n<div class=\"col-xs-12 col-sm-4 text-center\">\n<div class=\"card no-padding bordered\">\n<div class=\"contentswap-effect\" data-hover-fx=\"portfolio-6\">\n<div class=\"initial-image\"><img decoding=\"async\" src=\"https:\/\/www.arnoldbottag.ch\/wp-content\/uploads\/2022\/03\/tn_anleitungenjpg.jpg\" data-size=\"500x333\" \/><\/div>\n<div class=\"overlay bg-color6\">\u00a0<\/div>\n<div class=\"swap-inner col-xs-12\">\n<div class=\"row full-height-row middle-xs middle-sm\">\n<div class=\"col-xs-12 text-center content-holder\"><a class=\"button small color1\" href=\"https:\/\/www.arnoldbottag.ch\/fr\/telechargements\/modes-demploi\/\" target=\"_self\" rel=\"noopener\" data-cp-link=\"1\" data-icon=\"\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-xs-12\">\n<div class=\"space-bottom space-top\" data-type=\"column\">\n<h3 class=\"\"><a href=\"modes-demploi\" target=\"_self\" data-cp-link=\"1\"><span style=\"color: #ffffff; font-weight: 500;\">Modes d\u2019emploi<\/span><\/a><\/h3>\n<p class=\"\"><span style=\"font-weight: 300;\">Consultation et t\u00e9l\u00e9chargement des modes d\u2019emploi de nos dispositifs et instructions pour le retraitement des instruments de chirurgie.<\/p>\n<p><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-xs-12 col-sm-4 text-center\">\n<div class=\"card no-padding bordered\">\n<div class=\"contentswap-effect\" data-hover-fx=\"portfolio-6\">\n<div class=\"initial-image\"><img decoding=\"async\" src=\"https:\/\/www.arnoldbottag.ch\/wp-content\/uploads\/2022\/03\/tn_neu_tn_kataloge-1.jpg\" data-size=\"500x333\" \/><\/div>\n<div class=\"overlay bg-color6\">\u00a0<\/div>\n<div class=\"swap-inner col-xs-12\">\n<div class=\"row full-height-row middle-xs middle-sm\">\n<div class=\"col-xs-12 text-center content-holder\"><a class=\"button small color1\" href=\"https:\/\/www.arnoldbottag.ch\/fr\/telechargements\/catalogues\/\" target=\"_self\" rel=\"noopener\" data-cp-link=\"1\" data-icon=\"\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-xs-12\">\n<div class=\"space-bottom space-top\" data-type=\"column\">\n<h3 class=\"\"><a href=\"catalogues\" target=\"_self\" data-cp-link=\"1\"><span style=\"color: #ffffff; font-weight: 500; font-family: Helvetica, Arial, sans-serif, arial, helvetica, sans-serif;\">Catalogues<\/span><\/a><\/h3>\n<p class=\"\"><span style=\"font-weight: 300;\">Tous nos produits sont pr\u00e9sent\u00e9s dans des catalogues d\u00e9taill\u00e9s class\u00e9s par ordre alphab\u00e9tique. Chaque catalogue regroupe les principaux produits d\u2019une sp\u00e9cialit\u00e9 ou d\u2019un domaine particulier.<\/p>\n<p><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-xs-12 col-sm-4 text-center\">\n<div class=\"card no-padding bordered\">\n<div class=\"contentswap-effect\" data-hover-fx=\"portfolio-6\">\n<div class=\"initial-image\"><img decoding=\"async\" src=\"https:\/\/www.arnoldbottag.ch\/wp-content\/uploads\/2022\/03\/tn_zertifikate.jpg\" data-size=\"500x333\" \/><\/div>\n<div class=\"overlay bg-color6\">\u00a0<\/div>\n<div class=\"swap-inner col-xs-12\">\n<div class=\"row full-height-row middle-xs middle-sm\">\n<div class=\"col-xs-12 text-center content-holder\"><a class=\"button small color1\" href=\"https:\/\/www.arnoldbottag.ch\/fr\/telechargements\/certificats-declarations-de-conformite\/\" target=\"_self\" rel=\"noopener\" data-cp-link=\"1\" data-icon=\"\">En savoir plus<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-xs-12\">\n<div class=\"space-bottom space-top\" data-type=\"column\">\n<h3 class=\"\"><a href=\"certificats-declarations-de-conformite\" target=\"_self\" data-cp-link=\"1\">\u00a0<span style=\"color: #ffffff; font-weight: 500;\">Certificats \/ d\u00e9clarations de conformit\u00e9<\/span><\/a><\/h3>\n<p class=\"\"><span style=\"font-weight: 300;\">Certificats et d\u00e9clarations de conformit\u00e9 de nos fabricants\/fournisseurs pour votre documentation.<\/p>\n<p><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-xs-12 text-center\" data-type=\"column\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\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>\u00a0 \u00a0 En savoir plus Modes d\u2019emploi Consultation et t\u00e9l\u00e9chargement des modes d\u2019emploi de nos dispositifs et instructions pour le retraitement des instruments de chirurgie. \u00a0 En savoir plus Catalogues Tous nos produits sont pr\u00e9sent\u00e9s dans des catalogues d\u00e9taill\u00e9s class\u00e9s par ordre alphab\u00e9tique. Chaque catalogue regroupe les principaux produits d\u2019une sp\u00e9cialit\u00e9 ou d\u2019un domaine particulier.&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/www.arnoldbottag.ch\/fr\/telechargements\/\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pro\/page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-16167","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages\/16167","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=16167"}],"version-history":[{"count":12,"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages\/16167\/revisions"}],"predecessor-version":[{"id":18578,"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/pages\/16167\/revisions\/18578"}],"wp:attachment":[{"href":"https:\/\/www.arnoldbottag.ch\/fr\/wp-json\/wp\/v2\/media?parent=16167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}