CINXE.COM

Cisco Webex Meetings | Videokonferenzen und Gruppennachrichten

<!DOCTYPE HTML> <html lang="de"> <head> <title>Cisco Webex Meetings | Videokonferenzen und Gruppennachrichten</title> <meta name="title" content="Cisco Webex Meetings | Videokonferenzen und Gruppennachrichten"/> <meta name="apple-itunes-app" content="app-id=298844386" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.webex.com/de/index.html" /> <meta property="og:title" content="Cisco Webex Meetings | Video Conferencing and Group Messaging" /> <meta property="og:description" content="Cisco Webex is the leading enterprise solution for video conferencing & web conferencing today. This secure software-based platform for video & audio conferencing, group messaging & webinars helps organizations be more productive.Participants can join from any browser, device, or system—just by answering the phone." /> <meta property="og:site_Name" content="Webex" /> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.webex.com/de/index.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Cisco Webex ist aktuell die führende Unternehmenslösung für Video- und Webkonferenzen. Die sichere softwarebasierte Plattform für Video- und Audiokonferenzen, Gruppennachrichten und Webinare steigert in Unternehmen die Produktivität. Die Teilnahme kann über alle Browser, Geräte und Systeme erfolgen, indem die Teilnehmer einfach einen Anruf annehmen."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="de"/> <meta name="country"/> <meta name="date" content="Sat Apr 15 07:30:48 UTC 2023"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script> <!-- <script type="text/javascript" src="/content/dam/wbx-new/common/at_cisco.js"></script> --> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/jquery.lc-88e9d121fa7daf363a97e5e290682415-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/main.lc-c7d8d078a6273d61840f97fee17a58ea-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/header.lc-8922d6e56f68b2ec71696c30e07e13b7-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-bbeb05188b90bc82da98d22ce9d903c5-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/footer.lc-c690dd957929acec252b2620629ce646-lc.min.css" type="text/css"> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/search-bar.lc-553e92d6a8133e97cf3264bdf01d28a7-lc.min.js"></script> <!--[if lt IE 9]> <script src="includes/js/html5shiv.js"></script> <link rel="stylesheet" href="/includes/css/rwd-ie8.css" /> <![endif]--> <!-- Google tag (gtag.js) --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-JX5PZRZSGR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JX5PZRZSGR'); </script> --> <link rel="icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/> <link rel="shortcut icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/></head> <body data-spy="scroll" data-target=".ver-nav" data-offset="115" class="classic-" style="position: relative"> <div class="main-no-header"> <div class="body parsys"> <div class="open-html-component"> <div class="wbx-header"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <!-- bypass block --> <style> .skip-link { position: fixed; top: -100px; background: #01bceb; color: #fff; text-decoration: none; display: inline-block; z-index: 999; border-radius: 24px; padding: 9px 30px; transform: translate(-50%, -50%); transition: top 0.3s; left: 50%; } .skip-link:focus { top: 100px; } </style> <a class="skip-link" href="#content">Skip to content</a> <!-- Cookie initial code --> <script> // this need add into template as base js file /*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Klaus Hartl * Released under the MIT license */ (function (factory) { if (typeof define === "function" && define.amd) { // AMD define(["jquery"], factory); } else if (typeof exports === "object") { // CommonJS factory(require("jquery")); } else { // Browser globals factory(jQuery); } })(function ($) { var pluses = /\+/g; function encode(s) { return config.raw ? s : encodeURIComponent(s); } function decode(s) { return config.raw ? s : decodeURIComponent(s); } function stringifyCookieValue(value) { return encode(config.json ? JSON.stringify(value) : String(value)); } function parseCookieValue(s) { if (s.indexOf('"') === 0) { // This is a quoted cookie as according to RFC2068, unescape... s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, "\\"); } try { // Replace server-side written pluses with spaces. // If we can't decode the cookie, ignore it, it's unusable. // If we can't parse the cookie, ignore it, it's unusable. s = decodeURIComponent(s.replace(pluses, " ")); return config.json ? JSON.parse(s) : s; } catch (e) {} } function read(s, converter) { var value = config.raw ? s : parseCookieValue(s); return $.isFunction(converter) ? converter(value) : value; } var config = ($.cookie = function (key, value, options) { // Write if (value !== undefined && !$.isFunction(value)) { options = $.extend({}, config.defaults, options); if (typeof options.expires === "number") { var days = options.expires, t = (options.expires = new Date()); t.setTime(+t + days * 864e5); } return (document.cookie = [ encode(key), "=", stringifyCookieValue(value), options.expires ? "; expires=" + options.expires.toUTCString() : "", // use expires attribute, max-age is not supported by IE options.path ? "; path=" + options.path : "", options.domain ? "; domain=" + options.domain : "", options.secure ? "; secure" : "", ].join("")); } // Read var result = key ? undefined : {}; // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling $.cookie(). var cookies = document.cookie ? document.cookie.split("; ") : []; for (var i = 0, l = cookies.length; i < l; i++) { var parts = cookies[i].split("="); var name = decode(parts.shift()); var cookie = parts.join("="); if (key && key === name) { // If second argument (value) is a function it's a converter... result = read(cookie, value); break; } // Prevent storing a cookie that we couldn't decode. if (!key && (cookie = read(cookie)) !== undefined) { result[name] = cookie; } } return result; }); config.defaults = {}; $.removeCookie = function (key, options) { if ($.cookie(key) === undefined) { return false; } // Must not alter options, thus extending a fresh object... $.cookie(key, "", $.extend({}, options, { expires: -1 })); return !$.cookie(key); }; }); </script> <script> if (!$.cookie("origin_web")) { $.cookie("origin_web", "webex.com", { path: "/", domain: ".webex.com", expires: 30, }); } var DEF_locale = "US", DEF_lang = "en", DEF_currency = "USD"; var user_currency = DEF_currency; var locale_currency_lang = new Array(); locale_currency_lang[0] = ["US", "USD", "en", "en_US", "USA"]; locale_currency_lang[1] = ["GB", "GBP", "en", "en_US", "United Kingdom"]; locale_currency_lang[2] = ["IE", "EUR", "en", "en_US", "Ireland"]; locale_currency_lang[3] = ["NL", "EUR", "en", "en_US", "Netherlands"]; locale_currency_lang[4] = ["BE", "EUR", "en", "en_US", "Belgium"]; locale_currency_lang[5] = ["AT", "EUR", "en", "en_US", "Austria"]; locale_currency_lang[6] = ["PL", "EUR", "en", "en_US", "Poland"]; locale_currency_lang[7] = ["SE", "EUR", "en", "en_US", "Sweden"]; locale_currency_lang[8] = ["DK", "EUR", "en", "en_US", "Denmark"]; locale_currency_lang[9] = ["NO", "EUR", "en", "en_US", "Norway"]; locale_currency_lang[10] = ["CH", "EUR", "de", "de_DE", "Switzerland"]; locale_currency_lang[11] = ["DE", "EUR", "de", "de_DE", "Germany"]; locale_currency_lang[12] = ["FR", "EUR", "fr", "fr_FR", "France"]; locale_currency_lang[13] = ["ZA", "USD", "en", "en_IE", "South Africa"]; locale_currency_lang[14] = ["IL", "USD", "en", "en_IE", "Israel"]; locale_currency_lang[15] = ["RO", "EUR", "en", "en_IE", "Romania"]; locale_currency_lang[16] = ["CZ", "EUR", "en", "en_IE", "Czech Republic"]; locale_currency_lang[17] = ["FI", "EUR", "en", "en_IE", "Finland"]; locale_currency_lang[18] = ["HU", "EUR", "en", "en_IE", "Hungary"]; locale_currency_lang[19] = ["BG", "EUR", "en", "en_IE", "Bulgaria"]; locale_currency_lang[20] = ["SK", "EUR", "en", "en_IE", "Slovakia"]; locale_currency_lang[21] = ["JP", "JPY", "ja", "ja_JP", "Japan"]; locale_currency_lang[22] = ["SG", "USD", "en", "en_SG", "Singapore"]; locale_currency_lang[23] = ["NZ", "USD", "en", "en_IE", "New Zealand"]; locale_currency_lang[24] = ["VN", "USD", "en", "en_SG", "Vietnam"]; locale_currency_lang[25] = ["AE", "USD", "en", "en_SG", "UAE"]; locale_currency_lang[26] = ["MY", "USD", "en", "en_SG", "Malaysia"]; locale_currency_lang[27] = ["TH", "USD", "en", "en_SG", "Thailand"]; locale_currency_lang[28] = ["IT", "EUR", "en", "en_IE", "Italy"]; locale_currency_lang[29] = ["ES", "EUR", "es", "es_ES", "Spain"]; locale_currency_lang[30] = ["PT", "EUR", "en", "en_IE", "Portugal"]; locale_currency_lang[31] = ["LU", "EUR", "fr", "fr_FR", "Luxembourg"]; locale_currency_lang[32] = ["GR", "EUR", "en", "en_IE", "Greece"]; locale_currency_lang[33] = ["CY", "EUR", "en", "en_IE", "Cyprus"]; locale_currency_lang[34] = ["UA", "EUR", "en", "en_SG", "Ukraine"]; locale_currency_lang[35] = ["SI", "EUR", "en", "en_IE", "Slovenia"]; locale_currency_lang[36] = ["HR", "EUR", "en", "en_IE", "Croatia"]; locale_currency_lang[37] = ["GI", "GBP", "en", "en_IE", "Gibraltar"]; locale_currency_lang[38] = ["MT", "EUR", "en", "en_IE", "Malta"]; locale_currency_lang[39] = ["LV", "EUR", "en", "en_IE", "Latvia"]; locale_currency_lang[40] = ["EE", "EUR", "en", "en_IE", "Estonia"]; locale_currency_lang[41] = ["LT", "EUR", "en", "en_IE", "Lithuania"]; locale_currency_lang[42] = ["CA", "CAD", "en", "en_CA", "Canada"]; locale_currency_lang[43] = ["CAF", "CAD", "fr", "fr_CA", "Canada"]; locale_currency_lang[44] = ["AU", "AUD", "en", "en_SG", "Australia"]; locale_currency_lang[45] = ["HK", "USD", "en", "en_SG", "Hong Kong"]; locale_currency_lang[46] = ["TW", "USD", "en", "en_SG", "Taiwan"]; locale_currency_lang[47] = ["KR", "USD", "en", "en_SG", "Korea (South)"]; locale_currency_lang[48] = ["IS", "EUR", "en", "en_IE", "Iceland"]; locale_currency_lang[49] = ["CO", "USD", "es", "es_ES", "Colombia"]; locale_currency_lang[50] = ["PE", "USD", "es", "es_ES", "Peru"]; locale_currency_lang[51] = ["BR", "USD", "en", "en_IE", "Brazil"]; locale_currency_lang[52] = ["AR", "USD", "es", "es_ES", "Argentina"]; locale_currency_lang[53] = ["CL", "USD", "es", "es_ES", "Chile"]; locale_currency_lang[54] = ["EC", "USD", "es", "es_ES", "Ecuador"]; locale_currency_lang[55] = ["PR", "USD", "es", "es_ES", "Puerto Rico"]; locale_currency_lang[56] = ["CR", "USD", "es", "es_ES", "Costa Rica"]; locale_currency_lang[57] = ["DO", "USD", "es", "es_ES", "Dominican Republic"]; locale_currency_lang[58] = ["PA", "USD", "es", "es_ES", "Panama"]; locale_currency_lang[59] = ["TN", "USD", "en", "en_IE", "Tunisia"]; locale_currency_lang[60] = ["LI", "EUR", "de", "de_DE", "Liechtenstein"]; locale_currency_lang[61] = ["MC", "EUR", "fr", "fr_FR", "Monaco"]; locale_currency_lang[62] = ["MX", "USD", "es", "es_ES", "Mexico"]; var USList = ["US", "ZA", "SG", "IL", "VN", "AE", "MY", "TH", "TN"]; var UKList = [ "GB", "IE", "NL", "BE", "AT", "PL", "SE", "DK", "NO", "RO", "CZ", "FI", "HU", "BG", "SK", "PT", "GR", "CY", "UA", "SI", "HR", "GI", "MT", "LV", "EE", "LT", "IS", ]; var AUList = ["AU", "NZ"]; var allEnList = USList.concat(UKList).concat(AUList).concat(["CA", "IN"]); var FRList = ["FR", "LU", "MC"]; var DEList = ["DE", "CH", "LI"]; var ZHList = ["TW", "MO", "HK"]; var MXList = ["CO", "PE", "AR", "CL", "EC", "PR", "CR", "DO", "PA", "MX"]; function get_lang(locale) { if (locale == "JP") { return "ja"; } else if (locale == "IT") { return "it"; } else if (locale == "KR") { return "ko"; } else if (locale == "BR") { return "pt"; // } else if (locale == 'UA') { // return 'uk'; // } } else if ($.inArray(locale, DEList) != -1) { return "de"; } else if ($.inArray(locale, FRList) != -1 || locale == "CAF") { return "fr"; } else if ($.inArray(locale, MXList) != -1 || locale == "ES") { return "es"; } else if ($.inArray(locale, ZHList) != -1) { return "zh-tw"; } else if ($.inArray(locale, allEnList) != -1) { return "en"; } //get browser setting language by navigator object var browser_lang = ( navigator.language || navigator.browserLanguage ).toLowerCase(); if (browser_lang.indexOf("zh") != -1) { if (browser_lang.indexOf("-") != -1) { var param = browser_lang.split("-"); if (param[1].toLowerCase() == "cn") { return "cn"; } else { return "n-cn"; } } else { return "cn"; } } else { return browser_lang.slice(0, 2); } } function change_currency(local) { if (local == undefined) { return; } var len_locale = locale_currency_lang.length; for (var i = 0; i < len_locale; i++) { if (locale_currency_lang[i][0] == local) { user_currency = locale_currency_lang[i][1]; break; } } $.cookie("user_currency", user_currency, { path: "/", expires: 30 }); } var headerLocale = "", headerIP = ""; function init_cookie_lang_locale() { var req = new XMLHttpRequest(); req.open("HEAD", document.location, true); req.onreadystatechange = function () { headerLocale = DEF_locale; if (req.readyState == 4) { var headerInfo = req.getResponseHeader("x-wbx-about"); if (headerInfo != null && headerInfo != "") { var headerInfoSplit = headerInfo.split(","); headerLocale = headerInfoSplit[0]; headerIP = headerInfoSplit[1].trim(); } $.cookie("head_locale", headerLocale, { path: "/", expires: 30 }); if ( document.cookie.indexOf("user_locale") === -1 || $.cookie("user_locale") == "" ) { $.cookie("user_locale", headerLocale, { path: "/", expires: 30 }); var bLang = DEF_lang == "fr" ? "fr" : (navigator.language || navigator.browserLanguage) .toLowerCase() .slice(0, 2); var hLang = headerLocale == "CA" && bLang == "fr" ? "fr" : get_lang(headerLocale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(headerLocale); } else { var u_locale = $.cookie("user_locale"); var hLang = u_locale == "CA" && $.cookie("user_lang") == "fr" ? "fr" : get_lang(u_locale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(u_locale); } } }; req.send(null); } init_cookie_lang_locale(); </script> <script> /* All constants should be declared here */ var Webex = Webex || {}; Webex.util = Webex.util || {}; Webex.device = { mobilMedia: navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BB/i) || navigator.userAgent.match(/Windows Phone/i), android: navigator.userAgent.match(/Android/i), ios: navigator.userAgent.match(/iPhone|iPad|iPod/i), blackBerry: navigator.userAgent.match(/BB/i), windowsPhone: navigator.userAgent.match(/Windows Phone/i), }; Webex.util.isScrollbarVisible = function () { return !Webex.device.mobilMedia && $(document).height() > $(window).height(); }; Webex.util.getWindowWidth = function () { Webex.util.windowWidth = parseInt($(window).width(), 10); if (Webex.util.isScrollbarVisible()) { Webex.util.windowWidth += 17; } return Webex.util.windowWidth; }; var isMac = /iPad|iPhone|iPod|Mac/.test(navigator.userAgent); if (isMac) { $("#wbx-header").addClass("wbx-mac"); } window.onpageshow = function (event) { var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent); var isSmall = Webex.util.getWindowWidth() < 992; var isMenuOpen = !$(".wbx-header-menu").hasClass("collapsed"); var isMac = /Mac/.test(navigator.userAgent); if (event.persisted && ((isIOS && isSmall && isMenuOpen) || isMac)) { window.location.reload(); } }; $(".SEOPreventDefault").click(function (e) { e.preventDefault(); }); // fix DE4094 ziyuan 20180425 $(function () { function isIE() { var matches; if (!!window.ActiveXObject || "ActiveXObject" in window) { matches = /(msie\s|trident.*rv:)([\w.]+)/.exec( navigator.userAgent.toLowerCase() ); return matches[2]; } else { return -1; } } if (isIE() > 0) { $( "#wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup .wbx-header-popup-arrow" ).addClass("header-list-IE"); } $( ".wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup-toggle" ).bind("click", function () { if ($(this).parent().hasClass("collapsed")) { $("#wbx-header").addClass("bg-white"); } else { $("#wbx-header").removeClass("bg-white"); } }); // ft link update to FT2.0 $('a[href*="pricing/free-trial.html"]:not([href*="sp=wt"])').attr({ href: "https://cart.webex.com/sign-up?locale=de_DE&", }); }); </script> <script> // fix SPARK-77865 by Floyd Li $(document).ready(function () { var isMac = /iPad|iPhone|iPod/.test(navigator.userAgent); function isClickable(ele) { var flag = ele.hasClass("wbx-header-popup-toggle") || ele.hasClass("wbx-header-menu-toggle") || ele.hasClass("hamburger") || ele.hasClass("hamburger-bun") || ele.parents(".wbx-header-popup").length > 0 || (ele[0] && ele[0].href && !ele[0].hasAttribute("data-wbx-toggle-trigger")); return flag; } if (isMac) { document.addEventListener("touchend", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); var btn = $('.wbx-header-popup-toggle[aria-expanded="true"]'); btn[0] && btn[0].click(); $("#wbx-header").removeClass("bg-white"); } }); } else { document.addEventListener("click", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); $("#wbx-header").removeClass("bg-white"); } }); } }); function postToPage(originUrl, postUrl) { // var domain = 'https://signin-ha.qa.webex.com'; var domain = "https://signin.webex.com"; var lang = "en_US"; postUrl = domain + postUrl; $("a[href='" + originUrl + "']") .attr("href", "#") .removeAttr("target") .on("click", function (e) { e.preventDefault(); var html = "<form id='postToPage' method='post' action=' " + postUrl + "'>" + "<input name='language' value='" + lang + "'>" + "</form>"; $("div")[0].innerHTML += html; $("#postToPage").submit(); $("#postToPage").remove(); }); } $(document).ready(function () { postToPage( "https://www.webex.com/go/host-meeting", "/collabs/auth?service=it&from=hostmeeting&TrackID=&hbxref=&goid=host-meeting" ); postToPage( "https://www.webex.com/go/attend-meeting", "/collabs/#/meetings/joinbynumber?TrackID=&hbxref=&goid=attend-meeting" ); postToPage("https://signin.webex.com/collabs/auth", "/collabs/auth"); postToPage( "https://signin.webex.com/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do", "/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do" ); }); $(document).ready(function () { /* Header Scripts */ const css = { light: "header_light__2HLwE", active: "header_active__3fbTP", menuItemHasChildren: "header_menuItemHasChildren__bCODH", subMenu: "header_subMenu__WoVAg", fastClose: "header_fastClose__1Go-F", scrollUp: "header_scrollUp__3QV5h", scrollDown: "header_scrollDown__SQo3T", }; // navigation item selectors const wrapper = document.querySelector(".header_headerWrapper__30NyQ"); const header = document.querySelector(`.header_header__12jgZ`); // navigation menu selectors const openedMenu = document.querySelector(".header_openedMenu__1_VVm"); const closedMenu = document.querySelector(".header_closedMenu__LcJ3R"); const navbarMenu = document.querySelector(".header_navbar__2vIOU"); const menuOverlay = document.querySelector(".header_overlay__2h1yB"); let isLocked = false; $(".header_lastItem__2ID7v").click(function () { $("nav").animate({ scrollTop: $("#signInWbxID").offset().top }, "slow"); }); function initialStates() { document.body.style.overflow = ""; menuOverlay.classList.remove(css.active); wrapper.classList.remove(css.light); isLocked = false; } // eslint-disable-next-line no-inner-declarations function collapseSubMenu() { navbarMenu ?.querySelector(`.${css.menuItemHasChildren}.${css.active} .${css.subMenu}`) ?.removeAttribute("style"); navbarMenu .querySelector(`.${css.menuItemHasChildren}.${css.active}`) .classList.remove(css.active); initialStates(); } // eslint-disable-next-line no-inner-declarations function toggleMenu() { navbarMenu.classList.toggle(css.active); const isOpen = navbarMenu.classList.contains(css.active); if (isOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = ""; initialStates(); } } openedMenu.addEventListener("click", toggleMenu); closedMenu.addEventListener("click", toggleMenu); menuOverlay.addEventListener("click", collapseSubMenu); navbarMenu.querySelectorAll("a[data-toggle]").forEach((item) => { item.addEventListener("click", (event) => { const menuItemHasChildren = event.currentTarget.parentElement; if (menuItemHasChildren.classList.contains(css.active)) { collapseSubMenu(); isLocked = false; } else { if ( navbarMenu.querySelector(`.${css.menuItemHasChildren}.${css.active}`) ) { collapseSubMenu(); } document.body.style.overflow = "hidden"; wrapper.classList.add(css.light); menuItemHasChildren.classList.add(css.active); const subMenu = menuItemHasChildren.querySelector(`.${css.subMenu}`); subMenu.style.maxHeight = `${subMenu.scrollHeight}px`; menuOverlay.classList.toggle(css.active); isLocked = true; } }); }); let lastScroll = 0; const onWindowScroll = () => { const currentScroll = window.pageYOffset; if (currentScroll < header.offsetHeight) { header.classList.add(css.fastClose); } else { header.classList.remove(css.fastClose); } if (currentScroll < header.offsetHeight) return; if (currentScroll === 0) { wrapper.classList.remove(css.scrollUp); return; } if ( currentScroll > lastScroll && !wrapper.classList.contains(css.scrollDown) && !isLocked ) { // down wrapper.classList.remove(css.scrollUp); wrapper.classList.add(css.scrollDown); } else if ( currentScroll < lastScroll && wrapper.classList.contains(css.scrollDown) ) { // up wrapper.classList.remove(css.scrollDown); wrapper.classList.add(css.scrollUp); } lastScroll = currentScroll; }; window.addEventListener("scroll", onWindowScroll); if (!!window.IntersectionObserver) { let observer = new IntersectionObserver( (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting && !isLocked) { if (entry.target.classList.contains("bg-black")) { wrapper.classList.remove(css.light); } else { wrapper.classList.add(css.light); } } }); }, { rootMargin: "0px 0px -100% 0px", } ); document.querySelectorAll(".page-wrapper > section").forEach((module) => { observer.observe(module); }); } }); </script> <div id="content" tabindex="-1"></div> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/> <style> .wx-wrapper .container { max-width: 100%; } a.no-border, a.no-border:hover { border-bottom-color: transparent !important; } .header_navbarButton__3nH08 { background: #fff; } .signin-form input { width: 100%; } @media (min-width: 1025px) { .wx-wrapper .gradient-blurple-desktop { background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-bl.svg); } .webex-app-mobile { display: none; } .webex-suite-mobile { display: none; } .header_dropdownItemTop__3g0Q0 { min-height: 145px !important; } .header_dropdownMenu__3DtqE .header_dropdownItem__2eX_2 ul.mbody { margin-top: 1vw; } .mb-20 { margin-bottom: 20px !important; } } .header_allDeviceCard__WPtZy:hover .btn span { background-color: #078855 !important; color: #fff; } @media (max-width: 1025px) { .wx-wrapper .gradient-blurple-mobile { background-attachment: local; background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-tr.svg); background-position: 100% 0; background-repeat: no-repeat; } .header_allDeviceCard__WPtZy { background-color: black !important; } .wx-wrapper .inherit-width { width: inherit !important; } .header_allDeviceCard__WPtZy:hover .btn span { background-color: transparent !important; } .webex-app-desktop { display: none; } .webex-suite-desktop { display: none; } .solutions-grid { flex-direction: column-reverse !important; } .hybrid-work-container { padding-bottom: 5.33vw; margin-bottom: 9.5vw !important; border-bottom: 1px solid #c4c4c4; } .workspaces-mobile { border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } } .header_deviceCard__15ArY p { min-height: 100px; } </style> <!-- header --> <div class="wx-wrapper navigation-wrapper"> <div class="header_headerWrapper__30NyQ header_scrollUp__3QV5h"> <div class="header_overlay__2h1yB"></div> <header class="header_header__12jgZ header_fastClose__1Go-F"> <section class="header_banner__2BrOE"> <div class="container"> <div class="grid"> <div class="col"> <ul class="header_list__1f0QB"> <li> <a href="/de/downloads.html" tabindex="0">Herunterladen</a> </li> <li> <a href="https://help.webex.com/de-de/contact" target="_blank" tabindex="0" rel="noopener">Support</a> </li> <li> <a href="https://use.webex.com/contact-sales?lang=de" tabindex="0">Verkaufsteam kontaktieren</a> </li> <li> <span class="xsbody header_phone__CWCpv" aria-label="0 8 0 0. 1 0 1. 2 0 7 1." ><a href="tel:0800-101-2071">0800 101 2071</a></span > </li> </ul> </div> </div> </div> </section> <section class="header_wrapper__OpVK9"> <div class="container"> <div class="header_wrapperInner__2aEot"> <a href="/de/index.html" class="header_logo__21HnF"> <h1 class="h1 header_h1__144Es header_blackLogo__tSzjc" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"/>Webex<span></span> </div> </h1> <h1 class="h1 header_h1__144Es header_whiteLogo__3V9L4" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/white.png" alt="Webex"/>Webex<span></span> </div> </h1> </a><button type="button" class="header_openedMenu__1_VVm" aria-label="Open menu" > <span></span><span></span> </button> <nav class="header_navbar__2vIOU gradient-blurple-mobile"> <div class="header_closeDiv__ZBNqn"> <a href="tel:0800-101-2071" class="xsbody" aria-label="0 8 0 0. 1 0 1. 2 0 7 1.">0800 101 2071</a><button type="button" class="header_closedMenu__LcJ3R"> <span><span class="icon-close"></span></span> </button> </div> <ul class="header_menu__TYJcK header_firstMenu__2IC4J"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <button onClick="window.open('https://signup.webex.com/sign-up?locale=de_DE&experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck')" class="btn btn-contact" > Kostenlos starten</button ><button onClick="window.open('https://use.webex.com/contact-sales?lang=de ')" class="btn btn-secondary-dark" > Verkaufsteam kontaktieren </button> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_mobFirst__26Ijl " > <a href="javascript:void(0);" data-toggle="sub-menu">Produkte <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"> <div class="header_areaTitle__uG4p3 mb-20"> <p class="sbody fw-medium"> Für privaten Gebrauch und für kleine Unternehmen </p> </div> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-app-desktop"> <div> Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-app-mobile"> <a href="/de/all-new-webex.html">Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Die All-in-one-App für Anrufe, Meetings, Nachrichten und effizientes Arbeiten. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/de/all-new-webex.html" tabindex="0" class="fw-medium color-salem">Entdecken Sie die App <!-- --> <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/de/enterprise-cloud-calling.html" tabindex="0">Anrufen<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/video-conferencing.html" tabindex="0">Meetings<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/team-collaboration.html" tabindex="0">SMS/MMS<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-9 col-sm"> <div class="header_areaTitle__uG4p3 header_areaTitleSec__2XOJE mb-20" > <p class="sbody fw-medium">Für Unternehmen</p> </div> <div class="grid"> <div class="col col-4 col-sm"> <div class=" header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB " > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-suite-desktop"> <div> Die Webex Suite<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-suite-mobile"> <a href="/de/collaboration-suite.html">Die Webex Suite<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Die erste Best-of-Breed-Suite für hybrides Arbeiten. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/de/collaboration-suite.html" tabindex="0" class="fw-medium color-salem">Entdecken Sie die Suite <!-- --> <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/de/enterprise-cloud-calling.html" tabindex="0">Anrufen<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/meetings.html" tabindex="0">Meetings<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/team-collaboration.html" tabindex="0">SMS/MMS<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/audience-engagement.html" tabindex="0">Slido<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/webinar.html" tabindex="0">Events<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class=" header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB " > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> Kundenerfahrungen<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Lösungen für die Verbindung der Customer Journey und die Bereitstellung der Kundenzufriedenheit. </p> </div> </div> <ul class="mbody"> <li> <a href="/de/contact-center.html" tabindex="0">Contact Center<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <!--<li> <a href="/de/experience-management.html" tabindex="0" >Experience Management<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li>--> <li> <a href="/de/customer-interaction-management.html" tabindex="0">imimobile<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> Management<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Sicherheit, Administration und Verwaltung von Webex auf Unternehmensniveau. </p> </div> </div> <ul class="mbody"> <li> <a href="/de/control-hub.html" tabindex="0">Control Hub<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/security.html" tabindex="0">Sicherheit<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL"> <a href="https://pricing.webex.com/de/de/">Preise</a> </li> <li class="header_menuItem__cnNBL"> <a href="/de/collaboration-devices.html">Geräte</a> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Lösungen <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid solutions-grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-12 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Branche</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/de/industries/education.html" tabindex="0">Bildungsbereich<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/industries/healthcare.html" tabindex="0">Gesundheitswesen<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/industries/government.html" tabindex="0">Behörden<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/industries/financial-services.html" tabindex="0">Finanzabteilung<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/industries/sports-entertainment.html" tabindex="0">Sport und Unterhaltung<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/industries/start-ups.html" tabindex="0">Start-up-Unternehmen<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm hybrid-work-container"> <a href="/de/hybrid-work.html" taborder="0" class="grid header_solutionCard__XQC9y"> <div class="col col-6 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Hybrides Arbeiten<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Webex ermöglicht eine neue Form der Zusammenarbeit. Im Mittelpunkt steht dabei die Arbeit, die Sie tun – und nicht, wo Sie sie tun. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Mehr erfahren<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-6 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageBig__2P0uY"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 8.jpg" alt="Geräteabbildung"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Ressourcen <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Warum Webex</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/de/inclusive-collaboration.html" tabindex="0">Inklusion<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/accessibility.html" tabindex="0">Zugänglichkeit<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/de/security.html" tabindex="0">Sicherheit<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Mehr</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="https://help.webex.com/de-de" target="_blank" tabindex="0" rel="noopener">Produkthilfe<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm"> <a href="/de/products/integrations/index.html" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Integrationen<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Integrieren Sie die Apps, die Sie jeden Tag gerne nutzen.<!-- --><br /> </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Mehr erfahren<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-4 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/navi.jpg" alt="Geräteabbildung"/> </div> </div> </a> <a href="https://blog.webex.com/de" rel="noopener" target="_blank" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Webex Blog<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Neuerungen, Tipps und Tricks und <br /> <!-- -->vieles mehr. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >Mehr erfahren<span class="icon-arrow"></span ></span> </div> </div> <div class=" col col-4 col-sm header_solutionCardRight__q1GZM inherit-width " > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 81.jpg" alt="Geräteabbildung"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> </ul> <ul class="header_menu__TYJcK header_secondMenu__XWyEm"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="/de/downloads.html">Herunterladen</a> </li> <li class="header_menuItem__cnNBL"> <a href="https://signin.webex.com/join">Einem Meeting beitreten</a> </li> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="https://help.webex.com/de-de/contact" target="_blank" rel="noopener">Support</a> </li> <li class=" header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_signInCta__1-t4e " > <a href="https://signin.webex.com" id="signInButton" class="header_lastItem__2ID7v">Anmelden</i ></a> <script> function checkCookie() { // If user has unified cookie, send to web unified. if ($.cookie('webex-app-preference-unified')) { return true; } return false; } function getUnifiedCookie() { return $.cookie('webex-app-preference-unified'); } if (checkCookie()) { document.getElementById('signInButton').href = 'https://web.webex.com?autosignin=' + getUnifiedCookie(); } </script> </li> <li class="header_menuItem__cnNBL header_deskBtn__RKPYF"> <a class="no-border" rel="noopener" href="https://signup.webex.com/sign-up?locale=de_DE&experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" target="_blank"><button class="btn header_navbarButton__3nH08"> Kostenlos starten </button></a> </li> </ul> </nav> </div> </div> </section> </header> </div> </div> <style> /* fix tab layout */ a.js-tab-focus { outline: #80cdf1 solid 2px !important; outline-offset: 1px !important; } /* fix images with incorrect aspect ratio */ @media (min-width: 1025px) { .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { width: auto; } } @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY { height: 25.5vw; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { height: auto !important; } } /* fix ONL-13999 */ @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 { position: relative; z-index: 3; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_closeDiv__ZBNqn .header_closedMenu__LcJ3R .icon-close { color: #000; } } </style> </div> </div> </div> <div class="wbx-content"> <div class="open-html-component section"> <!-- homepage redirect --> <script> function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return ""; } setTimeout(function () { // if (location.href.indexOf("/content/webex/global") == -1) { var cLocale = $.cookie("user_locale"); //come from other countries, with param r (region) var region = getQueryString("r").toUpperCase(); if (region) { var arrUrl = location.href.split(/[\?&]r=/); if (region == DEF_locale || region == 'GB' || region == 'AU' || region == 'CA' || region == 'IN') { $.cookie("user_locale", region, { path: '/', expires: 30 }); cLocale = region; } if (location.href.indexOf('/en_US/') > -1) { location.assign(arrUrl[0]); } else { window.history.pushState({}, 0, arrUrl[0]); } } //update cookie and redirect to corresponding site change_currency(cLocale); cLocale = ((cLocale == 'CA' && $.cookie("user_lang") == 'fr') || cLocale == 'FR_CA') ? 'CAF' : cLocale; var cLang = get_lang(cLocale); $.cookie("user_lang", cLang, { path: '/', expires: 30 }); reLocate(cLocale, cLang); // } }, 500); function isCurrentPage(url){ return location.href === url; } var otherSitesMap = { 'CN': 'https://www.webex.com.cn/' }; var otherLangList = ['fr', 'de', 'es', 'ja', 'it', 'zh', 'ko', 'pt']; var isAuthorPage = location.href.indexOf("/content/webex/") > -1; function reLocate(locale, lang) { // redirect start var url; if (lang == DEF_lang) { return; } if (otherSitesMap[locale]) { url = otherSitesMap[locale]; } else if ($.inArray(lang, otherLangList) != -1) { if (isAuthorPage) { url = location.href.replace('/en_US/', "/" + lang + "/"); } else { url = location.protocol + '//' + location.host + '/' + lang + '/index.html'; } } if(url && !isCurrentPage(url)){ location.href = url; } } </script> <!-- homepage redirect end --> <!-- float Inclusive Collaboration --> <!--<div id="forFloatBanner" class="bg-black"> <style> .header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; } #floatBanner { width: 87vw; height: 100px; background: #212121; border-radius: 30px; margin: 0 auto; position: relative; display: none; } .f-b-bg { width: 100%; height: 100%; border-radius: 30px; position: absolute !important; } .f-b-bg.gradient-bl-green::before {transform: scaleX(2) scaleY(-2);} .f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s; position: absolute; right: 36px; top: 38px; z-index: 2; } .f-b-close:hover { transform: scale(1.18); } .f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px; display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; } .f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .f-b-body { height: 100%; display: flex; align-items: center; padding-right: 70px; position: relative; z-index: 1; } .f-b-img { width: auto; height: 100%; border-radius: 30px 0 0 30px; margin-left: -2px; } .f-b-title { font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 300; margin-left: 30px; } a.f-b-link { color: #078855; font-weight: 400; border-bottom: 1px solid transparent; } a.f-b-link:hover { border-bottom: 1px solid #078855; } a.f-b-link span.icon-arrow { position: relative; top: 2px; } a.f-b-btn { height: 40px; line-height: 40px; font-weight: 400; color: #191919; background: #FFF; border-radius: 50px; transition: all .6s cubic-bezier(.19,1,.22,1); display: inline-block; margin-left: 10px; padding: 0 18px; } a.f-b-btn:hover { background: #078855; color: #fff; } @media (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); } } @media (max-width: 2499px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { margin-top: -4vw; } } @media (max-width: 1745px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; } } @media (max-width: 1024px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(12vw + 235px); } #floatBanner { width: 90vw; height: auto; border-radius: 20px; } .f-b-bg { border-radius: 20px; } .f-b-close { right: 20px; top: 20px; } .f-b-body { display: block; padding: 20px 50px 18px 20px; } .f-b-img { width: 130px; border-radius: 10px;margin-bottom: 15px; } .f-b-title { font-size: 12px; line-height: 16px; margin: 0;} a.f-b-link { display: inline-block; } a.f-b-btn { margin: 0 0 6px 0; } } </style> <div id="floatBanner"> <div class="f-b-bg gradient-bl-green"></div> <a class="f-b-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div class="f-b-body"> <img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/hp_ISE_floatie.jpg" /> <div class="f-b-title">Treffen Sie uns am Webex-Stand bei der ISE 2022 und lernen Sie die brandneuen Innovationen <br class="hidden-sm">zur Zusammenarbeit aus erster Hand kennen. <br class="hidden-lg"><br class="hidden-lg"> <a href="https://cisco.jifflenow.com/external-request/ise2022boothtours/meeting-request?token=5c4701d3536814d94523" class="f-b-link">Tour buchen <span class="icon-arrow"></span></a> </div> </div> </div> <script> $(document).ready(function () { $('.header_header__12jgZ').append($('#forFloatBanner')); $('.wx-wrapper.page-wrapper').addClass('withFloatBanner'); $('#floatBanner').show(); $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); $('.wx-wrapper.page-wrapper').removeClass('withFloatBanner'); }) }); </script> </div>--> <!-- float Inclusive Collaboration end --> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css"/> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <!-- <script src="/content/dam/wbx/us/images/rebrand/1scrollhero.js"></script> --> <style> @media (max-width: 1024px) { .wx-wrapper.page-wrapper { padding-top: 19.1999999999vw; } } /* fix for header.css */ /* .bg-white { background-color: #fff !important; } */ .featured-case-study_blogCard__20k0V:hover a { background-color: #078855 !important; color: #fff; } .featured-case-study_blogCard__20k0V a:hover .bg-white { /* background-color: inherit !important; */ background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855 !important; background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important; background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important; background-color: rgb(7, 136, 85); } </style> <main> <section class="wx-wrapper page-wrapper"> <!-- 1 Replacing with Old Hero--> <section class="homepage-intro_homepageIntro__nTgKv homepage-intro_module__2j6H6 bg-black hide-header color-white" data-navbar-target="true"> <section class="" data-images-loaded-class="undefined"> <div class="scroll-sequence__content"> <div class="container"> <div class="grid grid-between homepage-intro_gridWrapper__KQapH"> <div class="col col-7 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Eine App für alles. Und alle. </span></h2> </div> <div class="col col-4 col-bottom col-sm "> <div class="homepage-intro_descriptionBox__2pTL9"><span>Anrufe, Meetings, Messaging und Events in der Cloud für Teams jeder Größe.</span></div> <div class="homepage-intro_buttonWrap__1GReO hidden-sm"> <a href="https://pricing.webex.com/de/de/" data-click-id="plans-pricing-primary-CTA-de-de" class="homepage-intro_btn__29wGP btn btn-primary">Pläne & Preise<span class="icon-arrow"></span></a> <a href="https://use.webex.com/contact-sales?lang=de" class="homepage-intro_btn__29wGP btn btn-secondary-light">Kontakt <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> <div class="homepage-intro_videoWrapper__BWeOA grid grid-around hidden-sm"><video id="homepage-intro_videoId__2545R" class="homepage-intro_video___WTjA" muted="" preload="auto" playsinline="" poster="/content/dam/wbx/us/images/rebrand/hero-images/homepage_poster.jpeg" width="100%" height="auto"> <source src="/content/dam/wbx/us/images/rebrand/hero-videos/webex_homepage_hero.mp4" type="video/mp4"><img src="/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png" title="Ihr Browser unterstützt kein <video>-Tag" alt=""></video></div> <div class="mobile-cover undefined block-sm"><img src="/content/dam/wbx/us/images/rebrand/hero-images/webex_homepage_hero_image_mobile.png" class="img100p" alt="Eine App für alles. Und alle."><div class="container homepage-intro_mobileBtn__3ZYPI"> <div class="homepage-intro_buttonWrap__1GReO"> <a href="https://pricing.webex.com/de/de/" data-click-id="plans-pricing-primary-CTA-de-de" class="homepage-intro_btn__29wGP btn btn-primary">Pläne & Preise <span class="icon-arrow"></span></a> <a href="https://use.webex.com/contact-sales?lang=de" class="homepage-intro_btn__29wGP btn btn-secondary-light">Kontaktieren Sie uns <span class="icon-arrow"></span></a></div> </div> </div> </section> </section> <script> const navbarTarget= true; const moduleClass= "bg-black hide-header"; const title= "One app for everything. And everyone. "; const description= "Calling, Meeting, and Messaging for teams large and small."; const mobileImage= "/hero-images/webex_homepage_hero_image_mobile.png"; const primaryCTA= "Start For Free <span class='icon-arrow'></span>"; const secondaryCTA= "Learn More <span class='icon-arrow'></span>"; const videoSrc= "/hero-videos/webex_homepage_hero.mp4"; const fallbackImage= "/Home-Fallback V2 16_9.png"; const posterImage= "/hero-images/homepage_poster.jpeg"; if (typeof window !== "undefined" && window.screen.width >= 1024) { videoxy = document.getElementById("homepage-intro_videoId__2545R"); videoRectanglexy = videoxy.getBoundingClientRect(); function getIntroBoundingRect() { videoRectanglexy = video.getBoundingClientRect(); } function doScrollStuff() { var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop; if (scrollTop >= videoRectanglexy.top * 0.66) { videoxy.play(); // since video played once we no longer need listeners window.removeEventListener("scroll", doScrollStuff); window.removeEventListener("resize", getIntroBoundingRect); } } window.addEventListener("scroll", doScrollStuff); window.addEventListener("resize", getIntroBoundingRect); } </script> <!-- End Replacing with Old Hero--> <!-- <div id="cyberhero-cnt"> <section class="fifty-fifty_module__1AEJC bg-black color-white"> <style> .fifty-fifty_btnContainer__2q96k a{margin-right: .6944444444vw;} .maxwd{max-width: 750px;} @media (max-width: 1024px) { .fifty-fifty_btnContainer__2q96k a{margin-right: 0;margin-top: 3vw;} .fifty-fifty_innerContainer__3jeMW p.fifty-fifty_description__qTZZV { margin-bottom: 10vw; } .fifty-fifty_btnContainer__2q96k { margin-top: 4.5333333333vw; margin-bottom: 7vw; } } </style> <div class="container"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <div class="fifty-fifty_innerContainer__3jeMW"> <div class="fifty-fifty_innerTextArea__2oWg_"> <h2 class="h2 fifty-fifty_title__1IhR_ maxwd">One app for everything. And everyone.</h2> <p class="fw-regular color-boulder fifty-fifty_description__qTZZV lbody">Calling, meetings, and messaging in the cloud for teams of all sizes.</p> </div> <div class="fifty-fifty_btnContainer__2q96k"> <a class="btn btn-primary" href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup">Sign Up, It's Free <span class="icon-arrow"></span></a> <a href="/contact-sales.html" class="homepage-intro_btn__29wGP btn btn-secondary-light">Contact Us <span class="icon-arrow"></span></a> </div> </div> </div> <div class="col col-4 col-sm mySwiperHeropagination" style="overflow:hidden;padding: 0;position: initial;"> <! - - start silder- - > <style> .right-arrow-card { width: 42px; width: 11.2vw; height: 42px; height: 11.2vw; border-radius: 50%; background: #191919; background-color: rgb(25, 25, 25); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.8rem; font-size: 18px; font-size: 4.8vw; } .mySwiperHeropagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #494949; opacity: 1; margin:5px; } .mySwiperHeropagination .swiper-pagination-bullet-active { opacity: 1; background: #fff; } .mySwiperHeropagination .swiper-pagination{position: absolute; bottom:-55px } .mySwiperHero { width: 100%; height: 100%; position: relative; /* border-radius: 30px;overflow: hidden; */ max-width: 425px; } .mySwiperHero .swiper-wrapper{height: 100%; } .mySwiperHero .swiper-slide{ height: 100%; border-radius: 30px; background-color: #fff; overflow: hidden; min-height: 539px; cursor:pointer; } .bgslide1{ /* background-image: url(/content/dam/wbx/us/images/rebrand/Gradient_green.jpg); */ background-image: url(/content/dam/wbx/us/images/rebrand/Gradient_orange.jpg); background-size: cover; } .bgslide2{ /* background-image: url(/content/dam/wbx/us/images/rebrand/Gradient_orange.jpg); */ background-image: url(/content/dam/wbx/us/images/rebrand/Gradient-purple.jpg); background-size: cover; } .bgslide3{ /* background-image: url(/content/dam/wbx/us/images/rebrand/card-bg-new.jpg); */ background-image: url(/content/dam/wbx/us/images/rebrand/Gradient-purple.jpg); background-size: cover; } .bgslide4{ /* background-image: url(/content/dam/wbx/us/images/rebrand/Gradient-purple.jpg); */ background-image: url(/content/dam/wbx/us/images/rebrand/Orion-Banner-Image.png); background-size: cover; background-repeat: no-repeat; } .slidecnt{ display: flex; flex-direction: column;border:0px solid red;height: 100%; padding: 46.63px 30px 0 30px; /* justify-content: space-between; */ } .webexlogoslide{ max-width: 200px; margin-top: 2vw; } .slidecnt h2{ font-size: 32px; line-height: 36px; letter-spacing: -0.04em; font-weight: 400; color: #181818 !important; max-width: 300px; } .slidecnt p{ font-size: 15px; line-height: 20px; margin-top: 15px; margin-bottom: 15px; color:#fff; } .bottomslide a p{color: #fff !important; /* float: left; */ } .slidecnt .right-arrow-card{ width:56px;height: 56px; font-size: 20px; /* position: absolute; right: 0; top:6px; */ background: #fff; color:#fff; /* float: right; */ margin-left: auto; } .slidecnt .right-arrow-card:hover{ background-color: #181818; color:#000; } .bottomslide{position: relative;margin-bottom: 30px;margin-top: auto;} /* .bggrad{ border-radius: 50%; background-color: red; position: absolute; bottom: -130px; right:0; filter:blur(80px); width:250px; height:250px; } */ .bottomslide a{ display: flex; flex-flow: row; align-items: center; } .slidecnt .card-icon{ margin-top: -5px; margin-bottom: 20px; } .slidecnt .card-lifestyle{ width:100%; height: auto; border-radius:15px; margin-top: 30px; margin-bottom: 50px; } .slidecnt .right-arrow-card {color: #000;} .slidecnt .right-arrow-card:hover {color: #fff;} @media(max-width:1025px){ .mySwiperHero {max-width: 100%;} .mySwiperHeropagination{ padding-left: 2.6666666667vw!important; padding-right: 2.6666666667vw!important; } .bgslide1 h2{ font-size: 32px;line-height: 32px;} .bgslide1 p{ font-size: 15px; line-height: 20px; } .mySwiperHero .swiper-slide { min-height: 520px; } .bgslide4{ background-size: contain; } } @media(max-width:500px){ .bgslide4{ background-size: cover; } .mySwiperHeropagination .swiper-pagination{ position: absolute; bottom:-12vw; } } .mySwiperHero .slidecnt h2{color:#fff!important;} /* .bgslide4{background-color: #191919;background-image: none;} */ .mySwiperHero .swiper-slide{background-color: #000;} </style> <div class="swiper mySwiperHero"> <! - - <div class="parallax-bg" style=" background-image: url(/content/dam/wbx/us/images/webexone/webexone21/hero-awards.jpg);" data-swiper-parallax="-80%"></div> - - > <div class="swiper-wrapper"> <div class="swiper-slide bgslide4"> <div class="slidecnt"> <div class=""> <img class="card-icon" src="/content/dam/wbx/us/images/rebrand/card-Document-wht.svg"> </div> <div> <h2>Webex part of Callisto, onboard Orion for NASA's Artemis I</h2> <! - - <img class="card-lifestyle" src="/content/dam/wbx/us/images/rebrand/hp-hero-slide1a.png"> - - > </div> <div class="bottomslide"> <a href="https://webexahead.webex.com/callisto/" class=""> <p>Learn More</p> <div class="right-arrow-card"> <span class="icon-arrow"></span> </div> </a> </div> </div> </div> <! - - <div class="swiper-slide bgslide1"> <div class="slidecnt"> <div class=""> <img class="card-icon" src="/content/dam/wbx/us/images/rebrand/card-Document.svg"> </div> <div> <h2>Hybrid work is here, but are you prepared?</h2> <img class="card-lifestyle" src="/content/dam/wbx/us/images/rebrand/hp-hero-slide2.png"> </div> <div class="bottomslide"> <a href="/hybrid-work-readiness-assessment.html?utm_medium=Website&utm_source=WDC&utm_campaign=Hybrid_Work&utm_content=HP_carousel&team=DG" class="" target="_blank"> <p>Take Assessment</p> <div class="right-arrow-card"> <span class="icon-download"></span> </div> </a> </div> </div> </div> <div class="swiper-slide bgslide2"> <div class="slidecnt"> <div class=""> <img class="card-icon" src="/content/dam/wbx/us/images/rebrand/card-Document.svg"> </div> <div> <h2>A contact center that can deliver a 262% ROI? It’s true.</h2> <img class="card-lifestyle" src="/content/dam/wbx/us/images/rebrand/hp-hero-slide3.png"> </div> <div class="bottomslide"> <a href="/gp/forrester-tei-contact-center.html?utm_medium=Website&utm_source=WDC&utm_campaign=Ent_Contactcenter&utm_content=HP_carousel&team=DG" class=""> <p>See Study</p> <div class="right-arrow-card"> <span class="icon-download"></span> </div> </a> </div> </div> </div> <div class="swiper-slide bgslide3"> <div class="slidecnt"> <div class=""> <img class="card-icon" src="/content/dam/wbx/us/images/rebrand/card-loudspeaker.svg"> </div> <div> <h2>Check out all the announcements from WebexOne</h2> </div> <div class="bottomslide"> <a href="/webexone-wire-2021.html" class=""> <p>Read What's New</p> <div class="right-arrow-card"> <span class="icon-arrow-large"></span> </div> </a> </div> </div> </div> - - > </div> </div> <div class="swiper-pagination"></div> <script> /* var swiperhero = new Swiper(".mySwiperHero", { autoplay: { delay: 4500, disableOnInteraction: false, }, simulateTouch: false, grabCursor: false, //draggable: false, // preventInteractionOnTransition: true, // shortSwipes: true, spaceBetween: 30, loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, // effect: "fade", // fadeEffect: { // crossFade: true // }, }); $(".playvideo").click(function(){ swiperhero.autoplay.stop(); }); $(document).on( "click", ".popup-close", function() {swiperhero.autoplay.start();}); $('.mySwiperHero .swiper-slide').on('mouseover', function() { swiperhero.autoplay.stop(); }); $('.mySwiperHero .swiper-slide').on('mouseout', function() { swiperhero.autoplay.start(); }); */ $(".mySwiperHero .swiper-slide").click(function (e) { url = $(this).find("a").attr("href"); window.location.href = url; }); </script> <! - - end silder- - > </div> </div> </div> </section> </div> --> <!-- <section class="homepage-intro_homepageIntro__nTgKv homepage-intro_module__2j6H6 bg-black hide-header color-white" data-navbar-target="true"> <section class="" data-images-loaded-class="undefined"> <div class="scroll-sequence__content"> <div class="container"> <div class="grid grid-between homepage-intro_gridWrapper__KQapH"> <div class="col col-7 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>One app for everything. And everyone. </span></h2> </div> <div class="col col-4 col-bottom col-sm "> <div class="homepage-intro_descriptionBox__2pTL9"><span>Calling, meetings, messaging, and events in the cloud for teams of all sizes.</span></div> <div class="homepage-intro_buttonWrap__1GReO hidden-sm"><a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup" class="homepage-intro_btn__29wGP btn btn-primary">Sign Up, It’s Free <span class="icon-arrow"></span></a><a href="/contact-sales.html" class="homepage-intro_btn__29wGP btn btn-secondary-light">Contact Us <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> <div class="homepage-intro_videoWrapper__BWeOA grid grid-around hidden-sm"><video id="homepage-intro_videoId__2545R" class="homepage-intro_video___WTjA" muted="" preload="auto" playsinline="" poster="/content/dam/wbx/us/images/rebrand/hero-images/homepage_poster.jpeg" width="100%" height="auto"> <source src="/content/dam/wbx/us/images/rebrand/hero-videos/webex_homepage_hero.mp4" type="video/mp4"><img src="/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png" title="Your browser does not support the <video> tag" alt=""> </video></div> <div class="mobile-cover undefined block-sm"><img src="/content/dam/wbx/us/images/rebrand/hero-images/webex_homepage_hero_image_mobile.png" class="img100p" alt="One app for everything. And everyone. "> <div class="container homepage-intro_mobileBtn__3ZYPI"> <div class="homepage-intro_buttonWrap__1GReO"><a href="https://cart.webex.com/sign-up?experienceType=Unified&ft=selfsignup" class="homepage-intro_btn__29wGP btn btn-primary">Sign Up, It’s Free <span class="icon-arrow"></span></a><a href="/contact-sales.html" class="homepage-intro_btn__29wGP btn btn-secondary-light">Contact Us <span class="icon-arrow"></span></a></div> </div> </div> </section> </section> <script> const navbarTarget = true; const moduleClass = "bg-black hide-header"; const title = "One app for everything. And everyone. "; const description = "Calling, Meeting, and Messaging for teams large and small."; const mobileImage = "/hero-images/webex_homepage_hero_image_mobile.png"; const primaryCTA = "Start For Free <span class='icon-arrow'></span>"; const secondaryCTA = "Learn More <span class='icon-arrow'></span>"; const videoSrc = "/hero-videos/webex_homepage_hero.mp4"; const fallbackImage = "/Home-Fallback V2 16_9.png"; const posterImage = "/hero-images/homepage_poster.jpeg"; if (typeof window !== "undefined" && window.screen.width >= 1024) { videoxy = document.getElementById("homepage-intro_videoId__2545R"); videoRectanglexy = videoxy.getBoundingClientRect(); function getIntroBoundingRect() { videoRectanglexy = video.getBoundingClientRect(); } function doScrollStuff() { var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop; if (scrollTop >= videoRectanglexy.top * 0.66) { videoxy.play(); // since video played once we no longer need listeners window.removeEventListener("scroll", doScrollStuff); window.removeEventListener("resize", getIntroBoundingRect); } } window.addEventListener("scroll", doScrollStuff); window.addEventListener("resize", getIntroBoundingRect); } </script> --> <!--2 good--> <section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="overview" data-navbar-target="true" data-module="text-grid"><a name="overview-anchor" class="module-sticky-target"></a><div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Zusammen erfolgreicher arbeiten<br></span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Von 95 % der Fortune-500-Unternehmen als vertrauenswürdig eingestuft.</span></div> </div> </div> <div class="text-grid_grid__vAiKx false"> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg);"></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Flexibel</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Anpassbar an jeden Arbeitsstil, jede Rolle oder jedes Gerät, damit Sie entscheiden können, wann, wo und wie Sie arbeiten. </span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-orange " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg); "></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Inklusiv</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Identische Erlebnisse für alle, unabhängig von Standort, Sprache oder Kommunikationsstil.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-orange " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg); "></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Sicher</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Sicheres Design und geschützte Privatsphäre zum Schutz vor externen Eingriffen, egal wo Sie arbeiten.</span></div> </div> </div> </div> </div> </section> <!--3 good--> <style> .routing-banner_module__3A62U img { border-radius: 50%; } </style> <section class="routing-banner_module__3A62U bg-black color-white"> <div class="container"> <div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej"> <div class="col col-1 col-sm"></div> <div class="col col-6 col-sm routing-banner_textCol__1lGIg"> <div class="routing-banner_innerContainer__3NYX8"> <div class="routing-banner_innerTextArea__3caUI"> <h3 class="h4 routing-banner_title__2Bz-2">Die Zukunft der Arbeit ist hybrid.</h3> <p class="fw-regular color-boulder routing-banner_description__tDWEa">Webex ermöglicht eine neue Art der Zusammenarbeit, bei der die Arbeit im Mittelpunkt steht und nicht der Ort, an dem sie erledigt wird – egal ob im Büro, zu Hause oder irgendwo sonst.</p> </div> <div class="routing-banner_btnContainer__v-kdr"><a href="/de/hybrid-work.html" class="btn hidden-sm btn-primary">Mehr erfahren <span class="icon-arrow"></span></a><a href="/de/hybrid-work.html" class="btn hidden-lg btn-secondary-light">Mehr erfahren</a></div> </div> </div> <div class="col col-1 col-sm"></div> <div class="col col-3 col-sm routing-banner_imageCol__1iaQA"><img src="/content/dam/wbx/us/images/rebrand/optimized/The-future-of-work-is-hybrid.jpg" alt="Mit Webex ist es einfach, überall zu arbeiten" class="img100p"/></div> <div class="col col-1 col-sm"></div> </div> </div> </section> <!--3 good--> <style> .anchored-long-scroll_anchorWrapper__221G0 a.color-white.h5 { color: #fff !important; } .anchored-long-scroll_anchorWrapper__221G0 a.color-boulder.h5 { color: #767676 !important; } .h6.color-gray { color: #767676 !important; } @media(min-width:240px) { .anchored-long-scroll_anchorWrapper__221G0 .anchored-long-scroll_anchorSticky__heeZr { top: 240px; } } </style> <section class="anchored-long-scroll_anchorWrapper__221G0"> <div class="container anchored-long-scroll_anchorSticky__heeZr"> <div class="grid"> <div class="col col-3"> <div> <ul> <li class="anchored-long-scroll_leftLinkBox__ro90Z"><a class="h5 color-black" data-long-scroll-list="calling"><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div> </div>Calling </a></li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"><a class="h5 color-white color-boulder" data-long-scroll-list="meeting"><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div> </div>Meetings </a></li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"><a class="h5 color-black color-boulder" data-long-scroll-list="messaging"><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> </div>Nachrichten </a></li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"><a class="h5 color-black color-boulder" data-long-scroll-list="polling"><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div> </div>Umfragen </a></li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"><a class="h5 color-white color-boulder" data-long-scroll-list="events"><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);"></div> </div>Events </a></li> </ul> </div> </div> </div> </div> <section class="anchored-long-scroll_module__3IuUy gradient-tr-blue" data-long-scroll-item="calling"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div> </div>Calling</h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"><span>Rufen Sie von jedem Gerät aus an.</span></h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"><img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_UI.jpg" alt="Webex-Videochats vom Smartphone"/></div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"><img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_img.jpg" class="br-30 img100p" alt="Mit Webex Calling kommen Menschen auf einfache Weise zusammen"/></div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"><strong class="fw-bold h6">Cloud-Anrufe ganz einfach</strong><div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular">Bleiben Sie mit Kollegen und Kunden stets verbunden, mithilfe des kompletten Cloud-Telefonsystems, mit dem Sie von jedem Gerät aus geschäftliche Anrufe tätigen und entgegennehmen können.</p> </div> <!--<div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/cloud-calling.html" class="btn btn-tertiary fw-medium">See Small Business Features <span class="icon-arrow"></span></a> </div>--> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/de/enterprise-cloud-calling.html" class="btn btn-tertiary fw-medium">Funktionen für Unternehmen anzeigen <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="meeting"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div> </div>Meeting</h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"><span>Nehmen Sie von überall aus an Meetings teil.</span></h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"><img src="/content/dam/wbx/us/images/rebrand/uiupdate/de/appui-1.jpg" alt="Beispiel für die Webex-Funktion für die immersive Freigabe"/></div> </div> <div class="col col-grow-1"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"><strong class="fw-bold h6">Erleben Sie die immersive Freigabe</strong><div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular">Virtuelle Präsentationen sind genauso gut wie persönliche Meetings, da Sie sich gemeinsam mit dem Inhalt projizieren können, den Sie teilen.</p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/de/video-conferencing.html" class="btn btn-tertiary fw-medium" aria-label="Experience all features">Alle Funktionen anzeigen <span class="icon-arrow"></span></a></div> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/" class="btn btn-tertiary fw-medium" aria-label="Experience it with all immersive share button"></a></div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy gradient-br-green" data-long-scroll-item="messaging"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> </div>Nachrichten</h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"><span>Sofortnachrichten senden.</span></h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"><img src="/content/dam/wbx/us/images/rebrand/uiupdate/de/appui-3.jpg" alt="Beispiel für Webex Nachrichten"/></div> </div> <div class="col col-grow-1"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"><strong class="fw-bold h6">Zusammenarbeit mit allen</strong><div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular">Erschaffen Sie einen effizienteren Workflow mit Team-Chat und Dateifreigabe für interne und externe Teams – alles an einem Ort.</p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/de/team-collaboration.html" class="btn btn-tertiary fw-medium" aria-label="Collaborate with anyone">Alle Funktionen anzeigen <span class="icon-arrow"></span></a></div> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/" class="btn btn-tertiary fw-medium" aria-label="Collaborate feature"></a></div> </div> </div> </div> </div> </section> <!-- <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="events"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);"></div> </div> Events </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>Invite anyone.</span> </h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/longsc_1.png" alt="" /> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"> <img src="/content/dam/wbx/us/images/rebrand/longsc_2.png" class="br-30 img100p" alt="" /> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">Host virtual events at scale</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> Host large virtual events with up to 100,000 attendees and reach more corners of the world. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/" class="btn btn-tertiary fw-medium">See All Features <span class="icon-arrow"></span></a> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/" class="btn btn-tertiary fw-medium"></a> </div> </div> </div> </div> </div> </section> --> <section class="anchored-long-scroll_module__3IuUy gradient-bl-red" data-long-scroll-item="polling"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div> </div>Umfragen</h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"><span>Alle einbeziehen.</span></h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"><img src="/content/dam/wbx/us/images/rebrand/uiupdate/de/appui-2.jpg" alt="Beispiel für das Erstellen interaktiver Erlebnisse bei Slido"/></div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"><strong class="fw-bold h6">Sofortiges Einbeziehen der Teilnehmer</strong><div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular">Fördern Sie eine aktive Teilnahme an Meetings und Events mit einfach bedienbaren, interaktiven Tools für Umfragen und Teilnehmerfragen.</p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/de/audience-engagement.html" class="btn btn-tertiary fw-medium">Alle Funktionen anzeigen <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="events"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5><div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); "></div> </div>Events</h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"><span>Laden Sie alle ein.</span></h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"><img src="/content/dam/wbx/us/images/rebrand/uiupdate/de/appui-4.jpg" alt="Webex-Benutzeroberfläche mit virtuellen Events"/></div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"><img src="/content/dam/wbx/us/images/rebrand/optimized/Invite-anyone_img.jpg" class="br-30 img100p" alt="Beispiel für Webex-Events"/></div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"><strong class="fw-bold h6">Hosten Sie virtuelle Events in großem Umfang</strong><div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular">Hosten Sie große virtuelle Events mit bis zu 100.000 Teilnehmern und erreichen Sie alle Menschen weltweit.</p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"><a href="/de/webinar.html" class="btn btn-tertiary fw-medium">Alle Funktionen anzeigen <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </section> </section> <section class="card-deck-page-router_module__1FsHA bg-white"> <div class="container card-deck-page-router_cardDeckPageRouter__XLQc6"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Gleichermaßen für Kunden und <br />Mitarbeiter entwickelt. </span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Erfahren Sie mehr über Webex.</span></div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a href="https://use.webex.com/contact-sales?lang=de" class="btn btn-primary">Kontaktieren Sie uns <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="grid grid-end card-deck-page-router_grid__3rZpv"> <div class="col col-10 col-sm"> <div class="grid"> <div class="col col-sm"> <div class="card-deck-page-router_item__Crdvi false"> <div class="card-deck-page-router_imageWrapper__1Y8yq"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Contact-Center_img.jpg" alt="Webex Contact Center schafft Engagement."/></div> <div> <div> <div class="card-deck-page-router_itemTitle__3gv4c"> <h3 class="h5">Contact Center</h3> </div> <div class="card-deck-page-router_itemDesc__O39Gp"> <p class="color-gray mbody">Erschaffen Sie eine natürliche, vernetzte Interaktion zwischen<br /> Ihrem Unternehmen und Ihren Kunden.</p> </div> </div> <div class="card-deck-page-router_ctaList__HhL5g"> <ul> <li><a href="/de/contact-center.html">Mehr erfahren<span class="icon-arrow"></span></a></li> </ul> </div> </div> </div> </div> <div class="col col-sm"> <div class=" card-deck-page-router_item__Crdvi card-deck-page-router_anotherItem__1s9ht "> <div class="card-deck-page-router_imageWrapper__1Y8yq"><img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Experience-Management_img.jpg" alt="Webex Experience Management sorgt für Personalisierung"/></div> <div> <div> <div class="card-deck-page-router_itemTitle__3gv4c"> <h3 class="h5">Experience Management</h3> </div> <div class="card-deck-page-router_itemDesc__O39Gp"> <p class="color-gray mbody">Optimieren Sie die Erfahrungen Ihrer Kunden, indem Sie Ihre<br> Daten zur Customer Journey nutzen, um alle Interaktionen zu personalisieren.</p> </div> </div> <div class="card-deck-page-router_ctaList__HhL5g"> <ul> <li><a href="/de/experience-management.html">Mehr erfahren<span class="icon-arrow"></span></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> <style> .devicesworkharder { padding: 0; margin: 0; position: relative; width: 100%; /* border:1px solid red; */ background-color: #181818; } @media(min-width:1025px) { .devicesworkhard { padding: 0; } } .devicesworkharder img { /* position: absolute; z-index: -1; */ width: 100%; height: auto; margin: 0; padding: 0; } .devicesworkharder h3 { font-size: 10.6666666667vw; line-height: 11.7333333333vw; letter-spacing: -.4266666667vw; position: absolute; bottom: 12vw; left: 4.4444444444vw; color: rgba(255, 255, 255, 0.2); } @media(min-width:1025px) { .devicesworkharder h3 { font-size: 5.8333333333vw; line-height: 5.8333333333vw; letter-spacing: -.2333333333vw; } } .featured-devices-accordion_module__2qcAW .color-salem { color: #05935B !important; } .featured-devices-accordion_module__2qcAW .color-salem:hover { text-decoration: underline; } </style> <!-- <section class="devicesworkharder"> <h3>Devices that work<br> harder for you.</h3> <img src="/images/5-Afternoon1.jpg" alt="br gradient"> </section> --> <!-- new devices --> <style> .featured-devices-accordion_linkBox__1hXa9 a{ color: #078855!important; } .productnamechange1,.productnamechange2,.productnamechange3{color:#818181;font-weight: 200;} .featured-devices-accordion_module__2qcAW h3{ font-size: calc(24px + .1vw); line-height: 1.4444444444; letter-spacing: -.02em; } .featured-devices-accordion_title__1BSvQ{ position: absolute; width: 200%!important; } .featured-devices-accordion_module__2qcAW .mbody.fw-regular.h6{ font-size: calc(18px + .1vw); line-height: 1.4444444444; letter-spacing: -.02em; font-weight: 300; } @media(max-width:1025px){ .featured-devices-accordion_title__1BSvQ{ font-size: 4.5333333333vw; line-height: 5.6vw; top:20px; position: relative; width: 100%!important;max-width: 400px; } .featured-devices-accordion_module__2qcAW .swiper-scrollbar{display: none!important; position: absolute;bottom:0; width: 100%; } .productnamechange1, .productnamechange2, .productnamechange3{ display: block; } .featured-devices-accordion_thumbImage__oSEeJ{margin-top: 50px!important;} .featured-devices-accordion_module__2qcAW .featured-devices-accordion_MobileSlider__2BMWo{margin-top: 50px!important;} } @media(max-width:414px){ .featured-devices-accordion_title__1BSvQ{ width: 100%!important;max-width: 270px; } } </style> <section class="featured-devices-accordion_module__2qcAW bg-black color-white" id="featureDevice1"> <div class="container featured-devices-accordion_containerWrapper__3sYPL"> <div> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Bringen Sie Zusammenarbeit in alle Bereiche.</span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Verbessern Sie Ihren Arbeitsbereich mit leistungsstarken Geräten für die Zusammenarbeit.</span></div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a href="/de/collaboration-devices.html" class="btn btn btn-primary">Alle Geräte anzeigen <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> </div> <div> <ul class="featured-devices-accordion_list__evMTr"> <li class="featured-devices-accordion_accordionWrapper__160FK featured-devices-accordion_isActive__2j62w gradient-device-accordion"><!--featured-devices-accordion_isActive__2j62w--><div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ ">Desk Devices <span class="productnamechange1">Desk Mini</span></h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Front-sec1.png" class=" br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Desk Mini"/></div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>Entrümpeln Sie Ihren Schreibtisch</h3><strong class="mbody fw-regular h6">Zusammenarbeit von jedem Ort aus mit Geräten, die für Arbeit und Produktivität entwickelt wurden.</strong><div class="featured-devices-accordion_linkBox__1hXa9"> <!-- <a href="https://hardware.webex.com/products/desk-series" class="sbody color-salem" aria-label="desk series">Explore Desk Devices <span class="icon-arrow"></span></a> --> </div> </div><span class="featured-devices-accordion_btn__3II31 feature-device-accordion-trigger" onclick="featuredDevicesAccordionClick(0)"> <span class="featured-devices-accordion_plusVertical__3JXzA"></span> <span class="featured-devices-accordion_plus__32x6u"></span> </span></div> </div> </div> <!-- swiper--> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <!--slider 1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events" style="cursor: grab"--> <div class="swiper-container desk-cc-slider"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-wrapper"> <div class="swiper-slide" data-title="Desk Mini"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 1"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Mini"/> <!-- </a> --> </div> <div class="swiper-slide" data-title="Webex desk"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 2"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"/> <!-- </a> --> </div> <div class="swiper-slide" data-title="Webex Desk Pro"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 3"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"/> <!-- </a> --> </div> <div class="swiper-slide" data-title="Webex Desk Pro"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="Desk Hub"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk-deskhub-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Hub"/> <!-- </a> --> </div> <div class="swiper-slide" data-title="Desk Camera"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"> --> <img src="/content/dam/wbx/us/images/rebrand/devices/WEBEX_CAM_HERO accord_00001.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"/> <!-- </a> --> </div> </div> </div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <!--slider 2--> <div class="swiper-container desk-mobile-cc-slider"> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag"></div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Mini"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 5"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 6"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="Desk Hub"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk-deskhub-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Hub"/> </a> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 6"> --> <img src="/content/dam/wbx/us/images/rebrand/devices/WEBEX_CAM_HERO accord_00001.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"/> <!-- </a> --> </div> </div> </div> <div class="featured-devices-accordion_mobileNavText__34YlQ"> <h6 class="mbody fw-regular">Zusammenarbeit von jedem Ort aus mit Geräten, die für Arbeit und Produktivität entwickelt wurden.</h6> <div class="featured-devices-accordion_linkBox__1hXa9"> <!-- <a href="https://hardware.webex.com/devices/desk-series" class="sbody color-salem">Explore Desk Devices <span class="icon-arrow"></span></a> --> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> <li class="featured-devices-accordion_accordionWrapper__160FK"><div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ">Room Devices <span class="productnamechange2"></span></h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Front-sec2.png" class="br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Board Pro"/></div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>Zusammenarbeit für jeden</h3><strong class="mbody fw-regular h6"> Schaffen Sie dank intelligenter Geräte an jedem Ort integrative Meeting-Erlebnisse mit hochwertiger Videoqualität. </strong><div class="featured-devices-accordion_linkBox__1hXa9"> <!-- <a href="https://hardware.webex.com/products/cameras" class="sbody color-salem" aria-label="camera learn more">Explore Room Devices <span class="icon-arrow"></span></a> --> </div> </div><span onclick="featuredDevicesAccordionClick(1)" class="featured-devices-accordion_btn__3II31 feature-device-accordion-trigger"> <span class="featured-devices-accordion_plusVertical__3JXzA"></span> <span class="featured-devices-accordion_plus__32x6u"></span> </span></div> </div> </div> <!-- swiper --> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <!--slider--> <div class="swiper-container camera-cc-slider"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera1"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera2"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"/> <!-- </a> --> </div> </div> </div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <!--slider--> <div class="swiper-container camera-mobile-cc-slider"> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag"> </div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera4"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"/> <!-- </a> --> </div> <div class="swiper-slide" data-swiper-slide-index="1"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera5"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"/> <!-- </a> --> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera6"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"/> <!-- </a> --> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera6"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"/> <!-- </a> --> </div> </div> </div> <div class="featured-devices-accordion_mobileNavText__34YlQ"> <h6 class="mbody fw-regular">Schaffen Sie dank intelligenter Geräte an jedem Ort integrative Meeting-Erlebnisse mit hochwertiger Videoqualität.</h6> <div class="featured-devices-accordion_linkBox__1hXa9"> <!-- <a href="https://hardware.webex.com/products/room-series-and-kits" class="sbody color-salem">Explore Room Devices <span class="icon-arrow"></span></a> --> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> <li class="featured-devices-accordion_accordionWrapper__160FK"><div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ">Headsets <span class="productnamechange3"></span></h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Front-sec3.png" class="br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Bang & Olufsen Cisco 980"/></div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>Finden Sie die nötige Ruhe zur Konzentration</h3><strong class="mbody fw-regular h6"> Blenden Sie, wo auch immer Sie arbeiten, störenden Lärm mithilfe von Headsets aus, die für jeden Arbeitsstil und jedes Budget geeignet sind. </strong><div class="featured-devices-accordion_linkBox__1hXa9"> <!-- <a href="https://hardware.webex.com/products/headsets" class="sbody color-salem" aria-label="Headset1">Explore Headsets <span class="icon-arrow"></span></a> --> </div> </div><span onclick="featuredDevicesAccordionClick(2)" class=" featured-devices-accordion_btn__3II31 feature-device-accordion-trigger"> <span class="featured-devices-accordion_plusVertical__3JXzA"></span> <span class="featured-devices-accordion_plus__32x6u"></span> </span></div> </div> </div> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <div class="swiper-container headset-cc-slider"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset1"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Bang & Olufsen Cisco 980"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset2"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Headset 700-Serie"/> <!-- </a> --> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Headset 500-Serie"/> <!-- </a> --> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Headset 300-Serie"/> <!-- </a> --> </div> </div> </div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <div class="swiper-container headset-mobile-cc-slider"> <div class="swiper-scrollbar"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <!--dsfgsdf--> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset5"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Bang & Olufsen Cisco 980"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset6"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Headset 700-Serie"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset7"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Headset 500-Serie"/> <!-- </a> --> </div> <div class="swiper-slide"> <!-- <a href="https://hardware.webex.com/products/headsets" aria-label="Headset7"> --> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Headset 300-Serie"/> <!-- </a> --> </div> </div> </div> <div class=" featured-devices-accordion_mobileNavText__34YlQ "> <h6 class="mbody fw-regular">Blenden Sie, wo auch immer Sie arbeiten, störenden Lärm mithilfe von Headsets aus, die für jeden Arbeitsstil und jedes Budget geeignet sind.</h6> <div class="featured-devices-accordion_linkBox__1hXa9"> <!-- <a href="https://hardware.webex.com/devices/accessories" class="sbody color-salem">Explore Headsets <span class="icon-arrow"></span></a> --> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> </ul> </div> </section> <script> const swipersliderdesk = new Swiper('.desk-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swipersliderdeskmobile = new Swiper('.desk-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); swipersliderdesk.on('slideChange', function () {swipersliderdesktitle();}); swipersliderdeskmobile.on('slideChange', function () { swipersliderdesktitle(); }); function swipersliderdesktitle(){ var AEList = [1, 6]; var BEList = [2, 7]; var CEList = [3, 8]; var DEList = [4, 9]; var EEList = [5, 10]; var M1List = [0]; var M2List = [1]; var M3List = [2]; var M4List = [3]; var M5List = [4]; console.log("active_____"+ swipersliderdesk.activeIndex+"mobile____"+swipersliderdeskmobile.activeIndex); if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1 ) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 ) { $(".productnamechange1").html("Desk Hub"); } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1 ) { $(".productnamechange1").html("Desk Camera"); }else if ($.inArray(swipersliderdesk.activeIndex, EEList) != -1 ) { $(".productnamechange1").html("Desk Mini"); } if ($(window).width() < 1025) { if ($.inArray(swipersliderdeskmobile.activeIndex, M1List) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, M2List) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, M3List) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, M4List) != -1) { $(".productnamechange1").html("Desk Hub"); }else if ($.inArray(swipersliderdeskmobile.activeIndex, M5List) != -1) { $(".productnamechange1").html("Desk Camera"); } } } const swiperslidercamera = new Swiper('.camera-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swiperslidecameramobile = new Swiper('.camera-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, } }); swiperslidercamera.on('slideChange', function () { swiperslidercameratitle(); }); swiperslidecameramobile.on('slideChange', function () {swiperslidercameratitle();}); function swiperslidercameratitle(){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swiperslidercamera.activeIndex, AEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, AEList) != -1) { $(".productnamechange2").html("Room Kit Mini"); } else if ($.inArray(swiperslidercamera.activeIndex, BEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, BEList) != -1) { $(".productnamechange2").html("Room Kit Pro"); } else if ($.inArray(swiperslidercamera.activeIndex, CEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, CEList) != -1) { $(".productnamechange2").html("Room Navigator"); } else if ($.inArray(swiperslidercamera.activeIndex, DEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, DEList) != -1) { $(".productnamechange2").html("Board Pro"); } } const swipersliderheadset = new Swiper('.headset-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swipersliderheadsetmobile = new Swiper('.headset-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); swipersliderheadset.on('slideChange', function () { swipersliderheadsettitle(); }); swipersliderheadsetmobile.on('slideChange', function () { swipersliderheadsettitle();}); function swipersliderheadsettitle(){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swipersliderheadset.activeIndex, AEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, AEList) != -1) { $(".productnamechange3").html("Headset 700 series"); } else if ($.inArray(swipersliderheadset.activeIndex, BEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, BEList) != -1) { $(".productnamechange3").html("Headset 500 series"); } else if ($.inArray(swipersliderheadset.activeIndex, CEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, CEList) != -1) { $(".productnamechange3").html("Headset 300 series"); } else if ($.inArray(swipersliderheadset.activeIndex, DEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, DEList) != -1) { $(".productnamechange3").html("Bang & Olufsen Cisco 980"); } } // const swiper = new Swiper('.swiper-container-slide2', { // // If we need pagination // slidesPerView: 'auto', // loop: true, // // Navigation arrows // navigation: "auto", // scrollbar: { // draggable: true, // }, // }); function featuredDevicesAccordionClick(index) { const accordionRows = document.querySelectorAll(".featured-devices-accordion_accordionWrapper__160FK"); var rowindex = index; if (accordionRows[index].classList.contains("featured-devices-accordion_isActive__2j62w")) { accordionRows[index].classList.remove("featured-devices-accordion_isActive__2j62w"); accordionRows[index].classList.remove("gradient-device-accordion"); //console.log($(".featured-devices-accordion_accordionWrapper__160FK").find("productnamechange1").html()); productnamechange(rowindex, 0); } else { [].forEach.call(accordionRows, function (el) { el.classList.remove("featured-devices-accordion_isActive__2j62w"); el.classList.remove("gradient-device-accordion"); }); accordionRows[index].classList.add("featured-devices-accordion_isActive__2j62w"); accordionRows[index].classList.add("gradient-device-accordion"); productnamechange(rowindex, 1); } } function productnamechange(rowindex, state){ // state open = 1 state close = 0 $(".productnamechange1").text(" "); $(".productnamechange2").text(" "); $(".productnamechange3").text(" "); //console.log("deskindex----"+swipersliderdesk.activeIndex+" mobileindex------"+ swipersliderdeskmobile.activeIndex); if(rowindex === 0 && state === 1){ var AEList = [1, 6]; var BEList = [2, 7]; var CEList = [3, 8]; var DEList = [4, 9]; var EEList = [5, 10]; // if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, AEList) != -1) { // console.log("a"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Webex Desk"); // } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, BEList) != -1) { // console.log("b"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Webex Desk Pro"); // } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, CEList) != -1) { // console.log("c"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Desk Camera"); // } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, DEList) != -1) { // console.log("d"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Desk Mini"); // } if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 ) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 ) { $(".productnamechange1").html("Desk Hub"); } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1) { $(".productnamechange1").html("Desk Camera"); }else if ($.inArray(swipersliderdesk.activeIndex, EEList) != -1) { $(".productnamechange1").html("Desk Mini"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; var EEList1 = [4]; if ($.inArray(swipersliderdeskmobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Hub"); }else if ($.inArray(swipersliderdeskmobile.activeIndex, EEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } console.log("fired"); } if(rowindex === 1 && state === 1){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // console.log(swiperslidercamera.activeIndex); if ($.inArray(swiperslidercamera.activeIndex, AEList) != -1 ) { console.log("a"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Kit Mini"); } else if ($.inArray(swiperslidercamera.activeIndex, BEList) != -1 ) { console.log("b"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Kit Pro"); } else if ($.inArray(swiperslidercamera.activeIndex, CEList) != -1 ) { console.log("c"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Navigator"); } else if ($.inArray(swiperslidercamera.activeIndex, DEList) != -1 ) { console.log("d"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Board Pro"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swiperslidecameramobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swiperslidecameramobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swiperslidecameramobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swiperslidecameramobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } if(rowindex === 2 && state === 1){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // console.log(swipersliderheadset.el.attr("class") ); if ($.inArray(swipersliderheadset.activeIndex, AEList) != -1) { console.log("a"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 700 series"); } else if ($.inArray(swipersliderheadset.activeIndex, BEList) != -1 ) { console.log("b"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 500 series"); } else if ($.inArray(swipersliderheadset.activeIndex, CEList) != -1 ) { console.log("c"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 300 series"); } else if ($.inArray(swipersliderheadset.activeIndex, DEList) != -1 ) { console.log("d"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Bang & Olufsen Cisco 980"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swipersliderheadsetmobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } } // const eventHandler = (e, index) => { // const accordionRows = document.querySelectorAll(".featured-devices-accordion_accordionWrapper__160FK"); // console.log(accordionRows); // if (accordionRows[index].classList.contains("featured-devices-accordion_isActive__2j62w")) { // accordionRows[index].classList.remove("featured-devices-accordion_isActive__2j62w"); // } else { // [].forEach.call(accordionRows, function (el) { // el.classList.remove("featured-devices-accordion_isActive__2j62w"); // }); // accordionRows[index].classList.add("featured-devices-accordion_isActive__2j62w"); // } // }; </script> <!-- end new devices --> <!--good--> <section class="integration-grid_module__2qqOk bg-black color-white" data-sticky-target="integrations"><a name="integrations-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Arbeiten Sie mit Ihren<br /> Lieblings-Tools.</span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Webex lässt sich nahtlos in über 100<br> branchenführende Apps integrieren.</span></div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a href="/de/products/integrations/index.html" class="btn btn btn-primary">Alle Integrationen anzeigen <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> <div class="integration-grid_integrationContainer__2BgCr"> <div class="integration-grid_list__1klCi"> <div class=" swiper-container-integration1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events "> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Box</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Salesforce</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Google</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Microsoft</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Box</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Salesforce</span></div> </div> <div class="swiper-slide" data-swiper-slide-index="2" style="margin-right: 20px"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Google</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Microsoft</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Box</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Salesforce</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Google</span></div> </div> <div class=" swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Microsoft</span></div> </div> </div> </div> </div> <div class="integration-grid_list__1klCi"> <div class=" swiper-container-integration2 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events "> <div class="swiper-wrapper"> <div class=" swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev "> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Twitter</span></div> </div> <div class=" swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Apple</span></div> </div> <div class=" swiper-slide "> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Slack</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Appspace</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Twitter</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Apple</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Slack</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Appspace</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Twitter</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Apple</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Slack</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Appspace</span></div> </div> </div> </div> </div> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration3 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="margin-right: 20px"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Jira</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ADP</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ACTextBot</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Jira</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ADP</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ACTextBot</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">Jira</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ADP</span></div> </div> <div class="swiper-slide"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"><img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""/></div><span class="integration-grid_integrationName__2Vnql">ACTextBot</span></div> </div> </div> </div> </div> </div> </section> <!--good--> <style> .securitybttn { width: 100% !important; } @media(min-width:1025px) { .securitybttn { width: auto; } } </style> <section class="text-grid_module__3ArLH bg-white color-black gradient-br-purple" data-sticky-target="case-studies" data-module="text-grid"><a name="case-studies-anchor" class="module-sticky-target"></a><div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Sicheres Design.<br /> Geschützte Privatsphäre.</span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Sorgen Sie für die Sicherheit Ihrer Daten und den Schutz Ihrer Privatsphäre, ganz gleich, wo Sie sich befinden. </span></div> <div class="col col-4 col-sm"> <div class="flex-end module-header_ctaLink__35y3u securitybttn"><a href="/de/security.html" class="btn btn btn-primary ">Mehr erfahren <span class="icon-arrow"></span></a></div> </div> </div> </div> <div class="text-grid_grid__vAiKx undefined"> <div class="text-grid_col__wlrJY text-grid_colLarge__1U3HL"><img src="/content/dam/wbx/us/images/rebrand/optimized/Secure-by-design.jpg" alt="Benutzer profitiert von der Sicherheit von Webex Calling" class="img100p br-30"/></div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class=" text-grid_serviceInner__1atFM text-grid_middle__gptb9 "> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg); "></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Schützen Sie Ihre Benutzer </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Durch Zero-Trust-Sicherheit mit lückenloser Verschlüsselung.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg); "></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Schützen Sie Ihre Geräte </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Passen Sie die Sicherheit durch Zeitüberschreitung bei Leerlauf, erzwungene Sperrung mit PIN und Remote-Löschung von Webex-Inhalten an.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg); "></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Behalten Sie Ihren Inhalt </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Daten müssen Ihre Region nicht verlassen – Sie entscheiden, wo Ihre Daten gespeichert werden.</span></div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg); "></div> </div><span class="h5 fw-regular text-grid_serviceName__NvaKM">Schützen Sie alle Aufzeichnungen</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Alle Übersetzungen, Abschriften und Echtzeit-Aufnahmen verbleiben im Haus.</span></div> </div> </div> </div> </div> </section> <!--good--> <style> .wx-wrapper .col-bottom { justify-content: initial !important; flex-direction: column; display: flex; } .vertical-tab_module__2c0P_ .swiper-slide img { padding: 2vw; border: 1px solid #c4c4c4; background-color: #fff; } </style> <!-- <section class="vertical-tab_module__2c0P_ gradient-bl-blue" data-sticky-target="false"> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Partner with a<br /> global leader.</span> </h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-4 col-sm col-bottom vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr"> <div class="accordion"> <div class="swiper-container thumb-swiper swiper-container-thumbs"> <div class="swiper-wrapper"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"> <img src="/content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg" class="img100p br-30" alt="Cisco recognized as a leader in Gartner's 2020 Magic Quadrant" /> <p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p> </div> <div class="titleContainer"> <h6 class="lbody fw-medium">The Magic Quadrant</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular"> Gartner has recognized Cisco as a Leader in its 2020 Magic Quadrant for Meeting Solutions for the thirteenth consecutive time. </p> </div> <span class="progress"></span> </li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"> <img src="/content/dam/wbx/us/images/rebrand/GMQ_UCaaS.png" class="img100p br-30" alt="" /> <p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p> </div> <div class="titleContainer"> <h6 class="lbody fw-medium"> The Magic Quadrant </h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular"> Gartner has recognized Cisco as a Leader in the 2020 Gartner UCaaS Magic Quadrant, again. </p> </div> <span class="progress"></span> </li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"> <img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" class="img100p br-30" alt="Webex is an industry leader for intelligent contact centers." /> <p class="xsbody color-boulder">Copyright © 2021 Aragon Research Inc. and/or its affiliates. All rights reserved. Aragon Research and the Aragon Research Globe are trademarks of Aragon Research Inc.</p> </div> <div class="titleContainer"> <h6 class="lbody fw-medium"> Aragon Research Globe </h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular"> The Aragon Research Globe for Intelligent Contact Centers examines the major intelligent contact center providers, including industry-leader Cisco. </p> </div> <span class="progress"></span> </li> </div> </div> </div> </div> </div> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg" class="img100p br-30" alt="" /> <p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p> </div> <div class="swiper-slide"> <img src="/content/dam/wbx/us/images/rebrand/GMQ_UCaaS.png" class="img100p br-30" alt="" /> <p class="xsbody color-boulder">This graphic was published by Gartner, Inc. as part of a larger research document and should be evaluated in the context of the entire document. The Gartner document is available upon request from Cisco.</p> </div> <div class="swiper-slide"> <img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" class="img100p br-30" alt="Webex is an industry leader for intelligent contact centers." /> <p class="xsbody color-boulder">Copyright © 2021 Aragon Research Inc. and/or its affiliates. All rights reserved. Aragon Research and the Aragon Research Globe are trademarks of Aragon Research Inc.</p> </div> </div> </div> </div> </div> </div> </section> --> <style> .vertical-tab_module__2c0P_ .module-header { margin-bottom: 6.3333333333vw; } .thumb-image { padding: 2px; } .copyrightvert { margin-top: 10px; } .vertical-tab_module__2c0P_ .swiper-slide img.img100p { width: calc(100% - 1px); } .vertical-tab_module__2c0P_ .accordion .accordionContainer .description a { margin-bottom: 2vw; } </style> <section class="vertical-tab_module__2c0P_ gradient-bl-blue" data-sticky-target="vertical-tab" data-navbar-target="true"><a name="vertical-tab-anchor" class="module-sticky-target"></a><div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Arbeiten Sie mit einem<br /> global führenden Unternehmen zusammen.</span></h2> <!-- <span class="color-boulder fw-medium module-header_description__1Godp">Reduce operational costs and improve productivity when you move mission-critical business to the cloud.</span> --> </div> <!-- <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a href="/" class="btn btn btn-secondary-light">Download the PDF <span class="icon-download"></span></a> </div> </div> --> </div> </div> <div class="grid grid-between"> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr "> <div class="accordion"> <div class="swiper-container thumb-swiper swiper-container-vertical swiper-container-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start"> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><!-- /content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg--><div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""></div> <div class="titleContainer"> <h6 class="lbody fw-medium">2021 Gartner® Magic Quadrant™ für Meeting-Lösungen</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Gartner hat Cisco in seinem Magic Quadrant™ 2021 für Meeting-Lösungen zum fünfzehnten Mal als Leader ausgezeichnet.</p> <!-- <a href="/content/webex/c/de/index/gp/gartner-magic-quadrant-meeting-solutions.html" class="btn btn-primary">See Why <span class="icon-arrow"></span></a> --> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt=""></div> <div class="titleContainer"> <h6 class="lbody fw-medium">Gartner® Magic Quadrant™ 2021 für Unified Communications as a Service</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular">Gartner hat Cisco in seinem 2021 Magic Quadrant™ für UCaaS erneut als Leader ausgezeichnet.</p> <!-- <a href="/gp/gartner-magic-quadrant-ucaas.html?utm_medium=Website&utm_source=WDC&utm_campaign=Ent_Cloudcalling&utm_content=Homepage_CTA" class="btn btn-primary">See Why <span class="icon-arrow"></span></a> --> </div><span class="progress"></span></li> </div> <div class="swiper-slide"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"><div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex gehört zu den führenden Anbietern intelligenter Contact Center." class="img100p br-30" style="padding-right: 5vw"></div> <div class="titleContainer"> <h6 class="lbody fw-medium">Aragon Research Globe for Intelligent Contact Centers</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular">Aragon Research Globe for Intelligent Contact Centers untersucht die wichtigsten Anbieter intelligenter Contact Center, darunter den Branchenführer Cisco.</p> <!-- <a href="/content/webex/c/de/index/gp/aragon-contact-center.html" class="btn btn-primary">Read More <span class="icon-arrow"></span></a> --> </div><span class="progress"></span></li> </div> </div> </div> </div> </div> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""><p class="xsbody color-boulder copyrightvert">Diese Grafik wurde von Gartner, Inc. als Teil eines größeren Forschungsdokuments veröffentlicht und sollte im Zusammenhang mit dem gesamten Dokument bewertet werden. Das Gartner-Dokument ist auf Anfrage bei Webex verfügbar.</p> </div> <div class="swiper-slide"><img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt=""><p class="xsbody color-boulder copyrightvert">Diese Grafik wurde von Gartner, Inc. als Teil eines größeren Forschungsdokuments veröffentlicht und sollte im Zusammenhang mit dem gesamten Dokument bewertet werden. Das Gartner-Dokument ist auf Anfrage bei Cisco verfügbar.</p> </div> <div class="swiper-slide"><img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex gehört zu den führenden Anbietern intelligenter Contact Center." class="img100p br-30" style="padding-right: 4vw"><p class="xsbody color-boulder copyrightvert">Copyright © 2021 Aragon Research Inc. und/oder Partnerunternehmen. Alle Rechte vorbehalten. Aragon Research und Aragon Research Globe sind Marken von Aragon Research Inc.</p> </div> </div> </div> </div> </div> </div> </section> <!--good--> <section class="integrations_module__1RZEZ bg-white color-black gradient-br-orange" data-sticky-target="Integrations" data-module="text-grid"><a name="Integrations-anchor" class="module-sticky-target"></a> <style> /* fix homepage nasdaq logo */ .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 8.2666666667vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 60px; height: auto; margin-left: -2.6666666667vw; margin-right: -2.6666666667vw; margin-top: 1vw; } @media (min-width: 1025px) { .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 3.4722222222vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 6.25vw; height: auto; margin-left: -0.6944444444vw; margin-right: -0.6944444444vw; margin-top: 0; } } @media(max-width:1024px){ .integrations_module__1RZEZ.bg-white.color-black a.btn{margin-top: 7vw;} } </style> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Wir unterstützen die einflussreichsten<br /> Marken der Welt.</span></h2><span class="color-boulder fw-medium module-header_description__1Godp">Wir sind stolz darauf, die Teamzusammenarbeit für die<br> größten und besten Ideen von heute zu optimieren.</span></div> </div> </div> <div class="grid grid-end integrations_grid__fxy2S"> <div class="col col-10 col-sm"> <div class="grid"> <ul class="integrations_list__2Mm1n"> <!-- <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/nasdaq.png" class="integrations_icon__33W3A" alt="Nasdaq" /> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Nasdaq</span> </div> </li> --> <li class="integrations_wrapperList__2kXMB false"><div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/svg/t-mobile.svg" class="integrations_icon__33W3A" alt="T-Mobile"/></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">T-Mobile</span></div> </li> <li class="integrations_wrapperList__2kXMB false"><div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/svg/at-t.svg" class="integrations_icon__33W3A" alt="AT&T"/></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">AT&T</span></div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/nasdaq-new-logo.png" class="integrations_icon__33W3A logo-Nas" alt="Nasdaq"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Nasdaq</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"><div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/broadcom-logo.png" class="integrations_icon__33W3A" alt="Broadcom"/></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">Broadcom</span></div> </li> <!--sdfgsdfgsdf--> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/rac-new-logo.png" class="integrations_icon__33W3A" alt="rent-a-center"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Rent-A-Center</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"><div class="col col-2 integrations_imageWrapper__I72Ss"><img src="/content/dam/wbx/us/images/rebrand/integrations/Logo_Paychex.png" class="integrations_icon__33W3A" alt="Paychex"/></div> <div class="col col-10 integrations_titleWrapper__FDium"><span class="h5 undefined">Paychex</span></div> </li> <!-- <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/mclaren.png" class="integrations_icon__33W3A" alt="Mclaren" /> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Mclaren</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/tn-mobile.png" class="integrations_icon__33W3A" alt="T-Mobile" /> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">T-Mobile</span> </div> </li> --> </ul> </div> </div> </div> </div> </section> <!--good--> <style> /* .left-arrow, .right-arrow{z-index: 3;}*/ .swiper-pagination-fraction { margin: 0 14px; width: auto; } </style> <section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="testimonials" data-module="quote-carousel"><a name="testimonials-anchor" class="module-sticky-target"></a><div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Eine bewährte Lösung für <br />Branchenprofis.</span></h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-9 col-sm"> <div class="swiper-container-quote"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"><img src="/content/dam/wbx/us/images/rebrand/tmobile-quotelogo.png" class="img-responsive quote-carousel_image__tqw2j" alt="T-Mobile"/></div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH">Ein Lächeln kann Verständnis signalisieren. Ein Nicken kann Zustimmung zeigen. Bei Interaktionen in der realen Welt ist dies offensichtlich. Wenn aber Ihr TelePresence-Tool bei den Audio- und Videosignalen stockt, dann ist das weniger klar. Unsere Webex-Räume liefern klare Bilder und deutlichen Klang, die ein transparentes Benutzererlebnis ermöglichen.</p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR">Joshua Baever, Senior Systems Reliability Engineer, T-Mobile</div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"><img src="/content/dam/wbx/us/images/rebrand/under-armour-01.png" class="img-responsive quote-carousel_image__tqw2j" alt=""/></div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH">Die Webex Meeting-Protokolle haben sich seit der Homeoffice-Pflicht verdreifacht … die Meetings sind jetzt aber kürzer. Die Menschen fangen an, diese Effizienz wirklich zu erleben. Sie können einen Großteil ihrer Arbeit vor und nach dem Meeting direkt auf der Plattform erledigen.</p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR">Karen Dean, Senior Manager Collaboration Services, Under Armour</div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"><img src="/content/dam/wbx/us/images/rebrand/mclarensmalllogo.png" class="img-responsive quote-carousel_image__tqw2j" alt=""/></div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH">Es war noch nie so wichtig, mit anderen auf der ganzen Welt in Kontakt treten zu können. Dank der branchenführenden cloudbasierten Tool-Suite Webex von Cisco überwindet McLaren Racing geografische Grenzen, erschafft virtuelle Erlebnisse und bringt unsere Fans und Partner näher an das Team heran.</p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR">Zak Brown, CEO, McLaren Racing</div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> <div class="swiper-slide"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"><img src="/content/dam/wbx/us/images/rebrand/Puma-Logo.png" class="img-responsive quote-carousel_image__tqw2j" alt=""/></div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH">Die [Webex Experience Management]-Plattform ermöglicht uns eine Feinabstimmung unserer Trainingsprogramme und Betriebsabläufe auf der Grundlage des qualitativen Feedbacks unserer Kunden.</p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR">Jerome Rouch-Sirech, Head of Retail, PUMA</div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> </div> </div> </div> <div class="col col-2 col-sm hidden-sm"> <div class="carousel-controls"> <div class="left-arrow swiper-button-disabled"><span class="icon-arrow-large"></span></div> <div class="count mbody">1/2</div> <div class="right-arrow"><span class="icon-arrow-large"></span></div> </div> </div> <div class="scrollbar quote-carousel_scrollbar__ypIQM"> <div class="swiper-scrollbar-drag"> </div> </div> </div> </div> </section> <!--good--> <style> .wx-wrapper .right-arrow1 { width: 42px; width: 11.2vw; height: 42px; height: 11.2vw; border-radius: 50%; background: #191919; color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.8rem; font-size: 18px; font-size: 4.8vw } @media(min-width:1025px) { .wx-wrapper .right-arrow1 { width: 56px; width: 3.8888888889vw; height: 56px; height: 3.8888888889vw; font-size: 2.2rem; font-size: 22px; font-size: 1.5277777778vw } } .wx-wrapper .right-arrow1 [class*=" icon-"], .wx-wrapper .right-arrow1 [class^=icon-] { display: inline-block } .wx-wrapper .right-arrow1:hover { background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855; background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855; background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 } .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: left !important; } @media(min-width:1025px) { .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: right !important; } } .featured-case-study_imageWrapper__3IclY { margin-bottom: 0 !important; } .featured-case-study_description__2AHny { margin-bottom: 5vw; } </style> <section class="featured-case-study_module__ZUBc_ bg-black"> <div class="container"> <div class="grid grid-between"> <div class="col col-7 col-sm"> <h2 class="h2" role="heading" aria-level="2"><span>Webex unterstützt das McLaren Formel 1-Team</span></h2> <p class="mbody color-boulder col col-8 col-sm p0 featured-case-study_description__2AHny"><span>Erfahren Sie, wie Webex sich gemeinsam mit McLaren dafür einsetzt, ein exzellentes, immersives Rennsporterlebnis zu liefern.</span></p> <a id="videoLink11" href="javascript:;" data-video-id="6257937060001" class="btn btn-secondary-light mb3">Jetzt ansehen <span class="icon-video"></span></a> <!-- 6257269370001 --> </div> <div class="col col-5 col-sm"> <div class="featured-case-study_imageWrapper__3IclY"><img class="br-30 img100p" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_main_img.jpg" alt="McLaren nutzt Webex für die Bereitstellung immersiver Rennsporterlebnisse"/></div> </div> </div> <div class="featured-case-study_moreStoriesSection__3YKQs"><strong class="h5 fw-regular featured-case-study_sectionTitle__3HfTh"> Weitere Geschichten </strong><div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/de/videokonferenzen/worldtour-team-dsm-startet-mit-webex-zu-einem-neuen-hybriden-sporterlebnis/"> <div class="col col-2 col-sm"><img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg1.jpg" alt="Webex ermöglicht hybride Sporterlebnisse"/></div> <div class="col col-5 col-sm"> <p class="mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G"><span>WorldTour Team DSM macht sich mit Webex auf den Weg zu einem neuen hybriden Sporterlebnis</span></p> <p class=" mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK"><span>Sehen Sie sich an, wie Webex durch die Verbindung von persönlichen und virtuellen Erlebnissen hybriden Sport ermöglicht und Weltklasse-Teams wie Team DSM unterstützt, ihre Ziele zu erreichen.</span></p> </div> <div class=" col col-1 col-sm text-right featured-case-study_ctaBox__2iieq"><a href="https://blog.webex.com/de/videokonferenzen/worldtour-team-dsm-startet-mit-webex-zu-einem-neuen-hybriden-sporterlebnis/" class="right-arrow bg-white color-black"> <span class="icon-arrow"></span> </a></div> </div> <div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/de/videokonferenzen/webex-erhalt-trustradius-top-rated-2021-award-in-der-kategorie-collaboration/"> <div class="col col-2 col-sm"><img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg2.jpg" alt="Webex von TrustRadius ausgezeichnet"/></div> <div class="col col-5 col-sm"> <p class=" mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G "><span>Webex erhält von TrustRadius den Top Rated 2021 Award für Zusammenarbeit</span></p> <p class="mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK"><span>Aufgrund seines Engagements für Innovation und Exzellenz wurde Webex mit dem Top Rated 2021 Award für Zusammenarbeit ausgezeichnet. Diese Auszeichnung basiert ausschließlich auf Kundenfeedback. Sehen Sie, warum wir an der Sptize stehen.</span></p> </div> <div class="col col-1 col-sm text-right featured-case-study_ctaBox__2iieq"><a href="https://blog.webex.com/de/videokonferenzen/webex-erhalt-trustradius-top-rated-2021-award-in-der-kategorie-collaboration/" class="right-arrow bg-white color-black"> <span class="icon-arrow"></span> </a></div> </div> </div> </div> </section> <script> $(".featured-case-study_blogCard__20k0V").click(function (e) { url = $(this).attr("data-url"); window.location.href = url; }); </script> </section> </main> <script> //swiper for quotes- good const swiperquote = new Swiper('.swiper-container-quote', { // If we need pagination effect: 'fade', fadeEffect: { crossFade: true }, pagination: { el: '.count', type: 'fraction' }, // Navigation arrows navigation: { nextEl: '.right-arrow', prevEl: '.left-arrow', }, scrollbar: { el: '.scrollbar', draggable: true, }, }); //integration grid - good const swiperIntegrationGrid1 = new Swiper('.swiper-container-integration1', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const swiperIntegrationGrid2 = new Swiper('.swiper-container-integration2', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: false, delay: 1, }, loop: true }); const swiperIntegrationGrid3 = new Swiper('.swiper-container-integration3', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const second = 5; let swiperMain; let isAutoplayDestroy = false; const swiperThumb = new Swiper(".thumb-swiper", { slidesPerView: "auto", direction: "vertical", allowTouchMove: false, disableOnInteraction: true, waitForTransition: false, watchSlidesVisibility: false, on: { afterInit: (e) => { e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseenter", () => { if (swiperMain.autoplay.running && swiperMain.realIndex) { swiperMain.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy && swiperMain.realIndex) { swiperMain.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy = true; swiperMain.autoplay.stop(); swiperMain.autoplay.running = false; swiperMain.update(); }, resize: (e) => { if (swiperMain.autoplay.running && !isAutoplayDestroy) { e.autoplay.start(); } }, }, }); swiperMain = new Swiper(".main-swiper", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb, }, allowTouchMove: false, on: { // this is backup when intersectionObser is not entry fire status. afterInit: (e) => { const el = e.thumbs.swiper.wrapperEl.children[ e.activeIndex ].querySelector(".description"); el.style.height = `${el.scrollHeight}px`; e.autoplay.stop(); e.update(); }, slideChange: (e) => { const thumbs = e.thumbs.swiper.wrapperEl; const otherCollapse = thumbs.querySelectorAll(".description"); otherCollapse.forEach((item) => (item.style.height = 0)); const collapse = thumbs.children[e.activeIndex].querySelector( ".description" ); collapse.style.height = `${collapse.scrollHeight}px`; }, }, }); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const callback = (entries, observer) => { entries.forEach((entry) => { if (!isAutoplayDestroy) { if (entry.isIntersecting) { swiperThumb.$wrapperEl[0].classList.add("progress-start"); swiperMain.autoplay.start(); swiperMain.update(); } else { swiperMain.autoplay.stop(); swiperMain.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } //long scroll // if (!!window.IntersectionObserver) { // const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0"); // const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr"); // const list = document.querySelectorAll("[data-long-scroll-list]"); // const handler = ([entry]) => { // if (entry.isIntersecting) { // anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29");//anchored-long-scroll_scrollUp__2jffX // window.addEventListener("scroll", scrollListener); // } else { // anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29"); // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); // window.removeEventListener("scroll", scrollListener); // } // }; // function scrollListener(e) { // if (this.oldScroll > this.scrollY) { // anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX"); // } else { // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); // } // this.oldScroll = this.scrollY; // } // const observer = new window.IntersectionObserver(handler, { // rootMargin: "0px 0px -100% 0px", // }); // observer.observe(anchorWrapper); // const subhandler = (entries) => { // entries.forEach((entry) => { // if (entry.isIntersecting) { // list.forEach((item) => { // if ( // item.dataset.longScrollList === // entry.target.dataset.longScrollItem // ) { // if (entry.target.classList.contains("bg-black")) { // item.classList.remove("color-boulder"); // item.classList.add("color-white"); // return; // } // item.classList.remove("color-boulder"); // item.classList.add("color-black"); // return; // } // item.classList.add("color-boulder"); // }); // } // }); // }; // function smoothScroll(id) { // const elm = document.querySelector(`[data-long-scroll-item="${id}"]`); // elm.scrollIntoView({ // behavior: "smooth", // }); // } // const subobserver = new window.IntersectionObserver(subhandler, { // rootMargin: "0px 0px -85% 0px", // }); // document.querySelectorAll("[data-long-scroll-item]").forEach((module) => { // subobserver.observe(module); // }); // document.querySelectorAll("[data-long-scroll-list]").forEach((module) => { // const id = module.dataset.longScrollList; // module.addEventListener("click", () => { // smoothScroll(id); // }); // }); // } </script> <script> // anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29"); // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0"); const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr"); const anchorStickyItems = document.querySelectorAll(".anchored-long-scroll_leftLinkBox__ro90Z"); const list = document.querySelectorAll("[data-long-scroll-list]"); const handler = ([entry]) => { if (entry.isIntersecting) { anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29"); window.addEventListener("scroll", scrollListener); } else { anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29");/*css.fixed anchored-long-scroll_fixed__3bm29 anchored-long-scroll_fixed__3bm29*/ // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); /*css.scrollUp scrollUp*/ window.removeEventListener("scroll", scrollListener); } }; function scrollListener(e) { if (this.oldScroll > this.scrollY) { // anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/ } else { // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/ } this.oldScroll = this.scrollY; } const anchoredLongScrollNewObserver = new window.IntersectionObserver( handler, { rootMargin: "0px 0px -100% 0px", } ); // anchorStickyItems.forEach((module) => { // observer.observe(module); // }); anchoredLongScrollNewObserver.observe(anchorWrapper); const subhandler = (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { list.forEach((item) => { item.classList.remove("color-boulder"); // console.log(item.classList); if (item.dataset.longScrollList === entry.target.dataset.longScrollItem) { if (entry.target.classList.contains("bg-black")) { item.classList.add("color-white"); } else { item.classList.add("color-black"); } } else { // console.log("cikti"); item.classList.add("color-boulder"); } }); } }); }; function smoothScroll(id, index) { const elm = document.querySelector(`[data-long-scroll-item="${id}"]`); elm.scrollIntoView({ behavior: "smooth", }); } document .querySelectorAll("[data-long-scroll-item]") .forEach((module, index) => { const header = document.querySelector(".navigation-wrapper header") ?.clientHeight; const lists = anchorSticky.querySelectorAll("li"); const item = lists[index].clientHeight; const inH = window.innerHeight; const bottomItem = inH - item * (index + 1) - header; const bottom = (bottomItem * 100) / inH; const margin = `-${100 - bottom}% 0px -${bottom}% 0px`; const subobserver = new window.IntersectionObserver(subhandler, { rootMargin: margin, }); subobserver.observe(module); }); document .querySelectorAll("[data-long-scroll-list]") .forEach((module, index) => { const id = module.dataset.longScrollList; module.addEventListener("click", () => { smoothScroll(id, index); }); }); } } </script> <div class="popup"> <style> .popup { display: none; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 9999; } .popup-main { width: 90vw; height: calc(90vw * 0.562); max-height: 90vh; max-width: calc(90vh / 0.562); position: fixed; left: 50%; top: 50%; z-index: 10000; transform: translate(-50%, -50%); } .popup-video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } a.popup-close { height: 30px; display: block; margin-top: -40px; position: absolute; right: 15px; opacity: 1; z-index: 2; cursor: pointer; } a.popup-close .hamburger-bun { width: 32px; height: 2px; background: #fff; display: block; transform: rotate(135deg); position: relative; top: 10px; } a.popup-close .hamburger-bun:first-child { transform: rotate(-135deg); top: 12px; } </style> <div class="popup-mask"></div> <div class="popup-main"><a href="javascript:;" class="popup-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a><div id="placeHolder" class="popup-body"> <!-- <div id="placeHolder"></div> --> <!-- <video data-video-id="6257269370001" data-account="1384193102001" data-player="Sylwy7XBZX" data-embed="default" data-application-id controls="controls" class="video-js popup-video" id="Video1"></video> <script type="text/javascript" src="https://players.brightcove.net/1384193102001/Sylwy7XBZX_default/index.min.js"></script> --> </div> </div> <script> $("#videoLink11, .playvideo").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) $('a.popup-close').on('click', function () { myPlayer.pause(); $('.popup').hide(); $('.popup-video').hide(); $("#bcplayer").remove(); }); // float McLaren video $("#videoLink0").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) // float McLaren video end </script> <script> var myPlayer, playerHTML, playerData = { accountId: "1967227907001", playerId: "S1aqFgKF" // videoId: "6257269370001" }; // +++ Build the player and place in HTML DOM +++ function addPlayer(obj) { console.log($(obj).attr("data-video-id")); videoidnumber = $(obj).attr("data-video-id"); // Dynamically build the player video element playerHTML = '<video-js id="myPlayerID" data-video-id="' + videoidnumber + '" data-account="' + playerData.accountId + '" data-player="' + playerData.playerId + '" data-embed="default" class="video-js popup-video" controls></video-js>'; // Inject the player code into the DOM document.getElementById("placeHolder").innerHTML = playerHTML; // Add and execute the player script tag var s = document.createElement("script"); s.setAttribute("id", "bcplayer"); s.src = "https://players.brightcove.net/" + playerData.accountId + "/" + playerData.playerId + "_default/index.min.js"; // Add the script tag to the document document.body.appendChild(s); // Call a function to play the video once player's JavaScropt loaded s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); // Can also use the following to assign a player instance to the variable if you choose not to use IDs for elements directly // myPlayer = bc(document.getElementById('myPlayerID')); myPlayer.on("loadedmetadata", function () { // Mute the audio track, if there is one, so video will autoplay on button click myPlayer.muted(false); myPlayer.play(); }); } </script> </div> </div> <div class="open-html-component section"> </div> <div class="open-html-component section"> </div> <div class="open-html-component section"> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> footer li a { cursor: pointer; } footer .footer_languageSelect__a_We0 a, footer .footer_languageSelect__a_We0 a:hover { color: #fff !important; } .footer_countrySelector__1ZD90 .footer_language__3GeJS .footer_languageWrapper__1qiJ4:after { z-index: -3; } .footer_copyright__2fzys { color: #9e9e9e !important; } </style> <footer class="footer_module__21ya7 wx-wrapper navigation-wrapper module" data-module="footer"> <div class="bg-black color-white"> <div class="footer_prefooter__3edCk" style="background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/footerBg.png);"> <div class="container"> <div class="grid"> <div class="col"> <a href="/de/" class="footer_logo__3rrSz"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/webexLogo.png" alt="Webex-Logo"/></a> </div> </div> <div class="grid grid-between"> <div class="col col-7 col-sm"> <div class="h2 fw-medium">Kostenlos testen</div> </div> <div class="col col-4 col-align-bottom col-sm"> <div class="lbody fw-regular footer_sideText__3VaMw"> Zusätzliche Funktionen, Speicherplatz und Support sind bereits ab einem geringen Preis erhältlich. </div> </div> <div class="col col-12 col-sm footer_buttonWrapper__28ZDj"> <a href="https://signup.webex.com/sign-up?locale=de_DE&experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" rel="noopener" class="footer_btn__eNunV btn btn-primary"> Kostenlos starten</a><a href="https://pricing.webex.com/de/de/" class="btn btn-secondary-light">Pläne und Preise anzeigen</a> </div> </div> </div> </div> <div class="container"> <div class="grid footer_footerWrapper__2p9Tg"> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Kleine Unternehmen</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="https://pricing.webex.com/de/de/" class="sbody">Preise</a></li> <li><a href="/de/all-new-webex.html">Webex App</a></li> <li><a href="/de/video-conferencing.html">Meetings</a></li> <li><a href="/de/team-collaboration.html">SMS/MMS</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Unternehmen</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/de/collaboration-suite.html">Die Webex Suite</a></li> <li><a href="/de/enterprise-cloud-calling.html">Anrufen</a></li> <li><a href="/de/meetings.html">Meetings</a></li> <li><a href="/de/team-collaboration.html">SMS/MMS</a></li> <li><a href="/de/audience-engagement.html">Slido</a></li> <li><a href="/de/webinar.html">Events</a></li> <li><a href="/de/contact-center.html">Contact Center</a></li> <!-- <li><a href="/de/experience-management.html">Experience Management</a></li> --> <li><a href="/de/customer-interaction-management.html">imimobile</a></li> <li><a href="/de/security.html">Sicherheit</a></li> <li><a href="/de/control-hub.html">Control Hub</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Lösungen für</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/de/industries/education.html">Bildungsbereich</a></li> <li><a href="/de/industries/healthcare.html">Gesundheitswesen</a></li> <li><a href="/de/industries/financial-services.html">Finanzdienstleistungen</a></li> <li><a href="/de/industries/government.html">Behörden</a></li> <li><a href="/de/industries/start-ups.html">Start-up-Unternehmen</a></li> <li><a href="/de/industries/sports-entertainment.html">Sport und Unterhaltung</a></li> <li><a href="/de/hybrid-work.html">Hybrides Arbeiten</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Ressourcen</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/de/downloads.html">Downloads</a></li> <li><a href="https://help.webex.com/de-de" rel="noopener">Hilfecenter</a></li> <li><a href="/de/test-meeting.html">Treten Sie einem Test-Meeting bei</a></li> <li><a href="/de/products/integrations/index.html">Integrationen</a></li> <li><a href="/de/accessibility.html">Zugänglichkeit</a></li> <li><a href="/de/inclusive-collaboration.html">Inklusion</a></li> </ul> </div> <div class="col col-sm"> <strong class="color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Unternehmen</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="https://www.cisco.com/c/de_de/solutions/collaboration/index.html" rel="noopener">Cisco</a></li> <li><a href="https://help.webex.com/de-de/contact" rel="noopener">An Support wenden</a></li> <li><a href="https://use.webex.com/contact-sales?lang=de">Verkaufsteam kontaktieren</a></li> <li><a href="http://www.webexmerchstore.com/" target="_blank" rel="noopener">Webex Merch Store</a></li> <li><a href="https://blog.webex.com/de" rel="noopener">Webex Blog</a></li> </ul> </div> </div> <div class="grid footer_postFooter__GEZvn"> <div class="col col-4 col-sm footer_social__2mmJW"> <div class="footer_socialIconWrapper__3eyHO"> <ul> <li> <a href="https://twitter.com/webex" target="_blank" aria-label="Twitter" rel="noopener"><span class="icon-twitter"></span></a> </li> <li> <a href="https://www.linkedin.com/company/webex" target="_blank" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span></a> </li> <li> <a href="https://www.facebook.com/webex" target="_blank" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span></a> </li> <li> <a href="https://www.youtube.com/c/webex" target="_blank" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span></a> </li> <li> <a href="https://www.instagram.com/webex/" target="_blank" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span></a> </li> </ul> </div> <div class="xsbody footer_copyright__2fzys"> © <span class="this_year"></span> Cisco und/oder Partnerunternehmen. Alle Rechte vorbehalten. </div> </div> <div class="col col-6 col-sm footer_terms__17opd"> <ul class="xsbody"> <li><a href="https://www.cisco.com/c/en/us/about/legal/terms-conditions.html" rel="noopener">Allgemeine Geschäftsbedingungen</a></li> <li><a href="https://www.cisco.com/c/de_de/about/legal/privacy-full.html" rel="noopener">Datenschutzerklärung</a></li> <li><a href="#privacy-manager" onclick="displayConsentManager()">Cookies</a></li> <!--<li> <a href="https://www.cisco.com/c/de_de/about/legal/privacy-full.html#cookies" rel="noopener">Cookies</a></li>--> <li><a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener">Marken</a></li> </ul> </div> <div class="col col-2 col-sm footer_countrySelector__1ZD90"> <div class="footer_languageOverlay__3tTZa"></div> <div class="footer_language__3GeJS color-black"> <div class="footer_languageHeader__1iHeI"> <span class="mbody">Land/Region auswählen</span><span class="close"><span class="icon-close"></span></span> </div> <div class="footer_languageWrapper__1qiJ4"> <ul class="footer_languageList__gyLHu wf-region-list region-select-list"> <li data-id="AU"> <a href="/">Australien (English)</a> </li> <li data-id="BR"> <a href="/pt/index.html">Brasilien (Português)</a> </li> <li data-id="CA"> <a href="/">Kanada (Englisch)</a> </li> <li data-id="CAF"> <a href="/fr/index.html">Kanada (Français)</a> </li> <li data-id1="CN"> <a href="/zh-cn/index.html">China (简体字)</a> </li> <li data-id="FR"> <a href="/fr/index.html">Frankreich (Français)</a> </li> <li data-id="USA"> <a href="/">USA (English)</a> </li> <li data-id="HK"> <a href="/zh-tw/index.html">Hongkong (繁體中文)</a> </li> <li data-id="IN"> <a href="/">Kanada (English)</a> </li> <li data-id="IT"> <a href="/it/index.html">Italien (Italiano)</a> </li> <li data-id="JP"> <a href="/ja/index.html">Japan (日本語)</a> </li> <li data-id="KR"> <a href="/ko/index.html">Südkorea (한국어)</a> </li> <li data-id="MX"> <a href="/es/index.html">Lateinamerika (Español)</a> </li> <li data-id="ES"> <a href="/es/index.html">Spanien (Español)</a> </li> <li data-id="GB"> <a href="/">Großbritannien (English)</a> </li> <!-- <li data-id="US"> <a href="/">USA (English)</a> </li> --> </ul> </div> </div> <div class="footer_languageSelect__a_We0"> <a href="javascript:;"><span class="icon-global"></span><span class="footer_country__2f7Cu wbx-region-name">Deutschland <!-- --> </span><span><i class="icon-open"></i></span></a> </div> </div> </div> </div> </div> </footer> <div id="desktop-indicator" class="desktop-indicator"></div> <div id="tablet-indicator" class="tablet-indicator"></div> <div id="mobile-indicator" class="mobile-indicator"></div> <!-- country dropdown init & click handle --> <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var footerRegionList = {}; getRegionList(); function getRegionList() { var $regionLi = $(".region-select-list li"); for (var i = 0; i < $regionLi.length; i++) { var fCountryCode = $regionLi.eq(i).attr("data-id"); if (fCountryCode) { var fCountryName = $regionLi.eq(i).find("a").text(); if (fCountryCode != "CA" && fCountryCode != "CAF") { fCountryName = fCountryName.split(" (")[0]; } footerRegionList[fCountryCode] = fCountryName; } } } function getCurrentRegion(local) { if (footerRegionList[local]) { return local; } else if ($.inArray(local, USList) != -1) { return "US"; } else if ($.inArray(local, UKList) != -1) { return "GB"; } else if ($.inArray(local, AUList) != -1) { return "AU"; } else if ($.inArray(local, FRList) != -1) { return "FR"; } else if ($.inArray(local, DEList) != -1) { return "DE"; } else if ($.inArray(local, ZHList) != -1) { return "HK"; } else if ($.inArray(local, MXList) != -1) { return "MX"; } return false; } $(document).ready(function () { $('a[href*="https://cart.webex.com/sign-up"]').attr({ href: "https://cart.webex.com/sign-up?locale=de_DE", }); $(".region-select-list").on("click", " li", function () { var select_locale = $(this).attr("data-id"), head_locale = $.cookie("head_locale"), compareList = []; if (select_locale) { switch (select_locale) { case "US": compareList = USList; break; case "GB": compareList = UKList; break; case "AU": compareList = AUList; break; case "FR": compareList = FRList; break; case "DE": compareList = DEList; break; case "ZH": compareList = ZHList; break; case "MX": compareList = MXList; break; } $.cookie("user_lang", get_lang(select_locale), { path: "/", expires: 30, }); if ($.inArray(head_locale, compareList) == -1) { select_locale = select_locale.substr(0, 2); $.cookie("user_locale", select_locale, { path: "/", expires: 30 }); change_currency(select_locale); } else { $.cookie("user_locale", head_locale, { path: "/", expires: 30 }); change_currency(head_locale); } } }); }); setTimeout(function () { var coLocale = $.cookie("user_locale"); var coLang = $.cookie("user_lang"); var curLocale = coLocale == "CA" && coLang == "fr" ? "CAF" : coLocale; var curRegion = getCurrentRegion(curLocale); if (curRegion && curLocale != DEF_locale) { $(".wbx-region-name").text(footerRegionList[curRegion]); $(".region-select-list li[data-id=" + curRegion + "]").hide(); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } }, 500); </script> <!-- country dropdown init & click handle end --> <!-- fix js error for new design by hatong 2018/3/19 --> <script type="text/javascript"> $(document).ready(function () { if (/iPad|iPhone|iPod|Mac/.test(navigator.userAgent)) { $("#wbx-footer").addClass("wbx-mac"); } //get current year for copyright automatically $(".this_year").text(new Date().getFullYear()); if ($(".prod-nav").length > 0) { $(".prod-nav .prod-nav-link") .unbind("click") .bind("click", function () { var navId = "#" + $(this).attr("navid"); $("html,body").animate( { scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + "px", }, "normal", function () { } ); }); } if ($(".prod-nav-fixed").length > 0) { $(".prod-nav-fixed .prod-nav-link") .unbind("click") .bind("click", function () { $(".prod-nav-fixed .prod-nav-link").removeClass("prod-nav-link-active"); $(".prod-nav-fixed .splitline").removeClass("splitlinelive"); var navId = "#" + $(this).attr("navid"); $("html,body").animate( { scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + "px", }, "normal", function () { } ); $(this).addClass("prod-nav-link-active"); $(this).prev().addClass("splitlinelive"); $(this).next().addClass("splitlinelive"); }); } $(".wf-social > a").bind("DOMNodeInserted", function (e) { $(".wf-social > a svg").attr("focusable", "false"); }); }); /***** Tab feature --------------ziyuan----------20180327 *****/ /* $('#header .tool-drop-toggle').attr('href', 'javascript' + String.fromCharCode(58) + 'void(0);'); */ var _tab_action = false; var st_active_name = "js-tab-focus"; $(document).on("keydown", function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document) .on("focusin", function (e) { var $target = $(e.target); if (!_tab_action) { return false; } $("." + st_active_name).removeClass(st_active_name); _tab_action = false; $target.addClass("js-tab-focus"); if ($target.parents("li.dropdown").length > 0) { var $par_li = $target.parents("li.dropdown"); var $targrt_ele = $par_li.find("ul.drop-menu-box"); if ($targrt_ele.is(":hidden")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); $targrt_ele.show(); } } else { if ($("ul.webex-nav-list li").find("ul.drop-menu-box").is(":visible")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); } } }) .on("focusout", function () { $("." + st_active_name).removeClass(st_active_name); }); /** Tab feature ------end--------ziyuan----------20180327 */ $(document).ready(function () { /* Footer scripts */ const listItems = document.querySelectorAll(`.footer_collapsible__3jkQc`); for (let i = 0; i < listItems.length; i++) { listItems[i].addEventListener("click", (e) => { const content = e.target.nextElementSibling; const wrapper = document.querySelector( `.footer_footerWrapper__2p9Tg .footer_collapsible__3jkQc .footer_active__tMNaz` ); if (e.target.classList.contains(`footer_active__tMNaz`)) { e.target.classList.remove(`footer_active__tMNaz`); content.style.maxHeight = ""; return; } if (wrapper) { wrapper.classList.remove(`footer_active__tMNaz`); wrapper.nextElementSibling.style.maxHeight = ""; } e.target.classList.add(`footer_active__tMNaz`); content.style.maxHeight = `${content.scrollHeight}px`; }); } const language = document.querySelector(".footer_language__3GeJS"); const languageSelect = document.querySelector( ".footer_languageSelect__a_We0" ); const languageOverlay = document.querySelector( ".footer_languageOverlay__3tTZa" ); const close = document.querySelector(".close"); close.addEventListener("click", () => { language.classList.remove("footer_open__3c5lp"); }); languageOverlay.addEventListener("click", () => { language.classList.remove("footer_open__3c5lp"); languageOverlay.classList.remove("footer_visible__1fX2u"); }); languageSelect.addEventListener("click", () => { if (language.classList.contains("footer_open__3c5lp")) { language.classList.remove(`footer_open__3c5lp`); languageOverlay.classList.remove(`footer_visible__1fX2u`); } else { language.classList.add(`footer_open__3c5lp`); languageOverlay.classList.add(`footer_visible__1fX2u`); } }); }); </script> <script> function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script> <!-- fix end --> <!-- Cookies popup fix --> <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style> <!-- cookies popup fix end --></div> </div> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-955baec977991c1794d545584159dc8c-lc.min.js"></script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script> <!-- TTD Universal Pixel Code Starts Here <script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("rbfj1cm", ["qfneguz"], "https://insight.adsrvr.org/track/up"); } }); </script> --> <!-- Linkedin Insights Pixel Code Starts Here --> <script type="text/javascript"> _linkedin_partner_id = "625468"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = https://snap.licdn.com/li.lms-analytics/insight.min.js; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=625468&fmt=gif"/> </noscript> <!-- Linkedin Insights Pixel Code Ends Here --> </div> </div> </div> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10