{"id":20,"date":"2026-09-09T15:22:10","date_gmt":"2026-09-09T13:22:10","guid":{"rendered":"https:\/\/api.de\/tp-link\/?page_id=20"},"modified":"2026-09-28T11:31:06","modified_gmt":"2026-09-28T09:31:06","slug":"startseite","status":"publish","type":"page","link":"https:\/\/api.de\/tp-link\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80d969e elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"80d969e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-518668e elementor-widget elementor-widget-html\" data-id=\"518668e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Hero Kachel Grid<\/title>\n  <style>\n    \/* Google Font: Manrope sauber via CSS-Import *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&display=swap');\n\n    \/* Reset & Hintergrund-Setup *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html {\n      background-color: #dce7e1;\n      min-height: 100%;\n    }\n\n    body {\n      width: 100%;\n      min-height: 100vh;\n      background-color: #dce7e1;\n      font-family: 'Manrope', sans-serif;\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    \/* Hero Container: Haupt-Grid *\/\n    .hero-grid-container {\n      width: 100vw;\n      padding-top: calc(90px + 1vw); \n      padding-bottom: 1.5vw;\n      padding-left: 1.5vw;\n      padding-right: 1.5vw;\n      \n      height: calc(100vh - 90px);\n      min-height: 600px;\n      \n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      grid-template-rows: repeat(12, 1fr);\n      gap: 1.2vw;\n      background-color: #dce7e1;\n      margin-left: calc(-50vw + 50%);\n      font-family: 'Manrope', sans-serif;\n    }\n\n    \/* Styling jeder einzelnen Kachel *\/\n    .grid-tile {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;\n      text-decoration: none;\n      display: block;\n      background-color: #f0f4f2;\n      min-height: 0;\n      font-family: 'Manrope', sans-serif;\n\n      \/* Initial unsichtbar und vergr\u00f6\u00dfert f\u00fcr Zoom-Out-Effekt *\/\n      opacity: 0;\n      transform: scale(1.25);\n      will-change: transform, opacity;\n    }\n\n    \/* Tile 8 (Omada Central) ist sofort von Anfang an sichtbar *\/\n    .grid-tile.tile-8 {\n      opacity: 1 !important;\n      transform: scale(1) !important;\n    }\n\n    \/* Klasse wird einzeln per JS zeitversetzt vergeben *\/\n    .grid-tile.animate-in {\n      animation: zoomOutIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    .grid-tile img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;\n    }\n\n    \/* TEXT-OVERLAY (Auslesen des data-title-Attributes) *\/\n    .grid-tile::after {\n      content: attr(data-title);\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -40%);\n      color: #ffffff;\n      font-family: 'Manrope', sans-serif;\n      font-size: 1.8rem;\n      font-weight: 800;\n      letter-spacing: 0.5px;\n      text-align: center;\n      padding: 0 15px;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.3s ease, transform 0.3s ease;\n      z-index: 2;\n      text-shadow: 0 4px 12px rgba(0, 0, 0, 0.85);\n      width: 90%;\n      box-sizing: border-box;\n    }\n\n    \/* HOVER-EFFEKT *\/\n    .grid-tile:hover {\n      transform: scale(1.02) !important;\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);\n      z-index: 10;\n    }\n\n    \/* Bild abdunkeln und hineinzoomen *\/\n    .grid-tile:hover img {\n      transform: scale(1.09);\n      filter: brightness(0.65);\n    }\n\n    \/* Text-Overlay beim Hovern einblenden *\/\n    .grid-tile:hover::after {\n      opacity: 1;\n      transform: translate(-50%, -50%);\n    }\n\n    \/* KEYFRAMES F\u00dcR ZOOM OUT EINGANGSANIMATION *\/\n    @keyframes zoomOutIn {\n      0% {\n        opacity: 0;\n        transform: scale(1.25);\n      }\n      100% {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    \/* SUB-GRIDS F\u00dcR DIE PAARWEISE ANGEORDNETEN KACHELN *\/\n    .sub-grid-left {\n      grid-column: 1 \/ 4;\n      grid-row: 7 \/ 10;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1.8vw;\n    }\n\n    \/* Sub-Grid Rechts h\u00f6her gezogen auf Zeile 8 *\/\n    .sub-grid-right {\n      grid-column: 9 \/ 13;\n      grid-row: 8 \/ 13;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1.8vw;\n    }\n\n    .sub-grid-left .grid-tile,\n    .sub-grid-right .grid-tile {\n      width: 100%;\n      height: 100%;\n    }\n\n    \/* STANDARD GRID POSITIONIERUNG *\/\n    .tile-1  { grid-column: 1 \/ 4; grid-row: 1 \/ 4; }\n    .tile-2  { grid-column: 4 \/ 7; grid-row: 1 \/ 4; }\n    .tile-3  { grid-column: 7 \/ 9; grid-row: 1 \/ 4; }\n    .tile-4  { grid-column: 9 \/ 13; grid-row: 1 \/ 4; }\n\n    .tile-5  { grid-column: 1 \/ 4; grid-row: 4 \/ 7; }\n\n    .tile-8  { grid-column: 4 \/ 9; grid-row: 4 \/ 9; }\n    \n    \/* Outdoor Kamera schmaler gemacht (geht jetzt nur bis Zeile 8 statt 9) *\/\n    .tile-9  { grid-column: 9 \/ 13; grid-row: 4 \/ 8; }\n\n    .tile-10 { grid-column: 1 \/ 4; grid-row: 10 \/ 13; }\n    .tile-11 { grid-column: 4 \/ 9; grid-row: 9 \/ 13; }\n\n    \/* Mobile Optimierung *\/\n    @media (max-width: 768px) {\n      .hero-grid-container {\n        display: flex;\n        flex-direction: column;\n        height: auto;\n        min-height: unset;\n        padding-top: 100px;\n      }\n      .sub-grid-left,\n      .sub-grid-right {\n        display: flex;\n        flex-direction: column;\n        gap: 1.2vw;\n      }\n      .grid-tile {\n        height: 220px;\n      }\n      .grid-tile::after {\n        font-size: 1.4rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"hero-grid-container\">\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Router--Wireless+Router\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-1\" data-title=\"Router\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild11_b.png\" alt=\"Router\"><\/a>\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Router\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-2\" data-title=\"Hardware\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild12_b.png\" alt=\"Hardware\"><\/a>\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=IP+Cam&scroll=2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-3\" data-title=\"Dome Kamera\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/patrick-wenn-du-das-liest-bist-du-ein-Clown.png\" alt=\"Dome Kamera\"><\/a>\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=IP+Cam&scroll=2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-4\" data-title=\"Deckenkamera\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild8.png\" alt=\"Deckenkamera\"><\/a>\n\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Wireless+AccessPoint\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-5\" data-title=\"Access Point\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild10.png\" alt=\"Access Point\"><\/a>\n    \n    <!-- Sub-Grid Links: Outdoor AP & Wand AP -->\n    <div class=\"sub-grid-left\">\n      <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Wireless+AccessPoint\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-6\" data-title=\"Outdoor AP\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild2.png\" alt=\"Outdoor AP\"><\/a>\n      <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Wireless+AccessPoint\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-7\" data-title=\"Wand AP\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild9.png\" alt=\"Wand AP\"><\/a>\n    <\/div>\n\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-8\" data-title=\"\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/int_TPLink_Omada_cmyk_Teal.png\" alt=\"Omada Central Hauptbereich\"><\/a>\n\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=IP+Cam&scroll=2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-9\" data-title=\"Outdoor Kamera\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild7.png\" alt=\"Outdoor Kamera\"><\/a>\n\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Switche\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-10\" data-title=\"Switches\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild3_b.png\" alt=\"Switches\"><\/a>\n    <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Service+Vertrag+Virtuell\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-11\" data-title=\"Software Dashboard\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild4_b.png\" alt=\"Software Dashboard\"><\/a>\n    \n    <!-- Sub-Grid Rechts: Antenne & Mast Kamera -->\n    <div class=\"sub-grid-right\">\n      <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Wireless+AccessPoint\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-12\" data-title=\"Antenne\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild6.png\" alt=\"Antenne\"><\/a>\n      <a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=IP+Cam&scroll=2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"grid-tile tile-13\" data-title=\"Mast Kamera\"><img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/bild5_b.png\" alt=\"Mast Kamera\"><\/a>\n    <\/div>\n  <\/div>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      \/\/ Alle animierbaren Kacheln (Tile-8 wird ausgeschlossen)\n      const animatedTileClasses = [\n        \"tile-1\", \"tile-2\", \"tile-3\", \"tile-4\",\n        \"tile-5\", \"tile-6\", \"tile-7\", \"tile-9\",\n        \"tile-10\", \"tile-11\", \"tile-12\", \"tile-13\"\n      ];\n\n      \/\/ Fisher-Yates Shuffle zum zuf\u00e4lligen Mischen des Arrays\n      for (let i = animatedTileClasses.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [animatedTileClasses[i], animatedTileClasses[j]] = [animatedTileClasses[j], animatedTileClasses[i]];\n      }\n\n      const container = document.querySelector(\".hero-grid-container\");\n\n      const runRandomSequencedAnimation = () => {\n        let currentDelay = 100; \/\/ Startverz\u00f6gerung in ms\n        const delayStep = 120;  \/\/ Sp\u00fcrbar h\u00f6here Verz\u00f6gerung pro Kachel (+120ms)\n\n        animatedTileClasses.forEach((tileClass) => {\n          const tile = document.querySelector(`.${tileClass}`);\n          if (tile) {\n            setTimeout(() => {\n              tile.classList.add(\"animate-in\");\n            }, currentDelay);\n            currentDelay += delayStep;\n          }\n        });\n      };\n\n      \/\/ Ausl\u00f6sen \u00fcber IntersectionObserver oder Fallback\n      if (\"IntersectionObserver\" in window) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              runRandomSequencedAnimation();\n              observer.disconnect();\n            }\n          });\n        }, { threshold: 0.05 });\n\n        observer.observe(container);\n      } else {\n        runRandomSequencedAnimation();\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-108cbd9 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"108cbd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1cc433 elementor-widget elementor-widget-spacer\" data-id=\"f1cc433\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3192eed elementor-widget elementor-widget-image\" data-id=\"3192eed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/int_TPLink_Omada_cmyk_Teal-1024x588.png\" class=\"attachment-large size-large wp-image-151\" alt=\"\" srcset=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/int_TPLink_Omada_cmyk_Teal-1024x588.png 1024w, https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/int_TPLink_Omada_cmyk_Teal-300x172.png 300w, https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/int_TPLink_Omada_cmyk_Teal-768x441.png 768w, https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/int_TPLink_Omada_cmyk_Teal.png 1175w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ca20ce e-flex e-con-boxed e-con e-parent\" data-id=\"3ca20ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1013ef5 elementor-widget elementor-widget-spacer\" data-id=\"1013ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-433141b animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"433141b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06bb076 elementor-widget elementor-widget-menu-anchor\" data-id=\"06bb076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"omada\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46ecd80 elementor-widget elementor-widget-heading\" data-id=\"46ecd80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span class=\"omada-highlight\">Omada by TP-Link<\/span> auf einen Blick\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58b5355 elementor-widget elementor-widget-spacer\" data-id=\"58b5355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67cdf61 e-con-full e-flex e-con e-parent\" data-id=\"67cdf61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-97171b3 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"97171b3\" data-element_type=\"container\" data-e-type=\"container\" id=\"columnContent\">\n\t\t<div class=\"elementor-element elementor-element-5980040 e-con-full e-flex e-con e-child\" data-id=\"5980040\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ce8a28 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7ce8a28\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00dcber <span class=\"omada-highlight\">Omada<\/span>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5765edc animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5765edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Omada ist die professionelle Business-Netzwerkl\u00f6sung von TP-Link. Das System basiert auf einer integrierten Software-Defined-Networking-Plattform (SDN), die Netzwerkger\u00e4te wie Access Points, Switches und Gateways nahtlos zusammenf\u00fchrt. \u00dcber ein vollst\u00e4ndig zentralisiertes Cloud-Management l\u00e4sst sich das gesamte Netzwerk hochskalierbar \u00fcber eine einzige Schnittstelle verwalten. Omada ist darauf ausgelegt, Zuverl\u00e4ssigkeit und Performance vom kleinen B\u00fcro \u00fcber mittelst\u00e4ndische Strukturen bis hin zu verteilten Standorten und Enterprise-Umgebungen bereitzustellen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56e6dd7 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"56e6dd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technologie &amp; St\u00e4rken<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0dfeaa animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"d0dfeaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:200,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Zero-Touch Provisioning (ZTP):<\/strong> Remote-Einrichtung ohne Techniker vor Ort<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-214e3b7 animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"214e3b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:400,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>KI-Optimierung:<\/strong> Automatische WLAN-Kanalwahl und Fehleranalyse<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db2d434 animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"db2d434\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:600,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Datenschutz:<\/strong> Trennung von Verwaltungsdaten (Cloud) und Nutzer-Traffic (lokal)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd12ca7 animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"bd12ca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:800,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>F\u00fcr Systemh\u00e4user (MSP):<\/strong> Mehrmandantenf\u00e4hig zur Verwaltung mehrerer Kunden \u00fcber einen Account<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abf52f4 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"abf52f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3560b4c elementor-widget elementor-widget-heading\" data-id=\"3560b4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00dcber <span class=\"omada-highlight\">Omada<\/span>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9eaed9 elementor-widget elementor-widget-text-editor\" data-id=\"e9eaed9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Omada ist die professionelle Business-Netzwerkl\u00f6sung von TP-Link. Das System basiert auf einer integrierten Software-Defined-Networking-Plattform (SDN), die Netzwerkger\u00e4te wie Access Points, Switches und Gateways nahtlos zusammenf\u00fchrt. \u00dcber ein vollst\u00e4ndig zentralisiertes Cloud-Management l\u00e4sst sich das gesamte Netzwerk hochskalierbar \u00fcber eine einzige Schnittstelle verwalten. Omada ist darauf ausgelegt, Zuverl\u00e4ssigkeit und Performance vom kleinen B\u00fcro \u00fcber mittelst\u00e4ndische Strukturen bis hin zu verteilten Standorten und Enterprise-Umgebungen bereitzustellen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-530aa97 elementor-widget elementor-widget-heading\" data-id=\"530aa97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technologie &amp; St\u00e4rken<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-981b745 animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"981b745\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:200,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Zero-Touch Provisioning (ZTP):<\/strong> Remote-Einrichtung ohne Techniker vor Ort<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3e401 animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"fa3e401\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:400,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>KI-Optimierung:<\/strong> Automatische WLAN-Kanalwahl und Fehleranalyse<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233a93e animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"233a93e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:1000,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Datenschutz:<\/strong> Trennung von Verwaltungsdaten (Cloud) und Nutzer-Traffic (lokal)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7669d1 animated-fast e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"b7669d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:1200,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>F\u00fcr Systemh\u00e4user (MSP):<\/strong> Mehrmandantenf\u00e4hig zur Verwaltung mehrerer Kunden \u00fcber einen Account<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b476038 elementor-hidden-desktop elementor-hidden-tablet elementor-arrows-position-inside elementor-widget elementor-widget-image-carousel\" data-id=\"b476038\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;arrows&quot;,&quot;autoplay_speed&quot;:100,&quot;speed&quot;:2000,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Bild Karussell\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 von 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_wd4us9wd4us9wd4u_b-150x150.png\" alt=\"Gemini_Generated_Image_wd4us9wd4us9wd4u_b\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 von 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_usn56musn56musn5_b-150x150.png\" alt=\"Gemini_Generated_Image_usn56musn56musn5_b\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 von 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_osovniosovniosov_b-150x150.png\" alt=\"Gemini_Generated_Image_osovniosovniosov_b\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 von 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_n308jmn308jmn308_b-150x150.png\" alt=\"Gemini_Generated_Image_n308jmn308jmn308_b\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 von 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_v3xxglv3xxglv3xx-150x150.jpg\" alt=\"Gemini_Generated_Image_v3xxglv3xxglv3xx\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 von 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/overview_01_normal_20241227055753e-150x150.png\" alt=\"overview_01_normal_20241227055753e\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f65607 e-con-full elementor-hidden-mobile animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"1f65607\" data-element_type=\"container\" data-e-type=\"container\" id=\"column1\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:600}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aebbb8 image1 elementor-widget elementor-widget-image\" data-id=\"1aebbb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Gemini_Generated_Image_osovniosovniosov_b-rt8q70cjqixro1msg0jc8tlaln3kgdj4at01wk4wfg.png\" title=\"Gemini_Generated_Image_osovniosovniosov_b\" alt=\"Gemini_Generated_Image_osovniosovniosov_b\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f33b379 image1 elementor-widget elementor-widget-image\" data-id=\"f33b379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Gemini_Generated_Image_n308jmn308jmn308_b-rt8pq9u01q0yxzxz6a3hcjmttnlaee36bytta6y97w.png\" title=\"Gemini_Generated_Image_n308jmn308jmn308_b\" alt=\"Gemini_Generated_Image_n308jmn308jmn308_b\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13cc857 image1 elementor-widget elementor-widget-image\" data-id=\"13cc857\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Gemini_Generated_Image_v3xxglv3xxglv3xx-rt8oq6t1oomp8wcvvol2mnfsv5g0wou4pd8s1sgc30.jpg\" title=\"Gemini_Generated_Image_v3xxglv3xxglv3xx\" alt=\"Gemini_Generated_Image_v3xxglv3xxglv3xx\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11c0e92 image1 elementor-widget elementor-widget-image\" data-id=\"11c0e92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Code_Generated_Image1-rt6vkesxv5fr23qbkpgz1lljfrhhdq9euufq4ak8bw.png\" title=\"Code_Generated_Image(1)\" alt=\"Code_Generated_Image(1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec13d5 e-con-full elementor-hidden-mobile animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"3ec13d5\" data-element_type=\"container\" data-e-type=\"container\" id=\"column2\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:700}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2345af3 image2 elementor-widget elementor-widget-image\" data-id=\"2345af3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/overview_01_normal_20241227055753e-rt75uu195qiodzo5kbp55mhz17ptrntcs9p9kvby98.png\" title=\"overview_01_normal_20241227055753e\" alt=\"overview_01_normal_20241227055753e\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7928aea image2 elementor-widget elementor-widget-image\" data-id=\"7928aea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Gemini_Generated_Image_usn56musn56musn5_b-rt8q7288470cb9k251cldt47seuavrqkz2b0v42430.png\" title=\"Gemini_Generated_Image_usn56musn56musn5_b\" alt=\"Gemini_Generated_Image_usn56musn56musn5_b\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6001bd image2 elementor-widget elementor-widget-image\" data-id=\"b6001bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Gemini_Generated_Image_wd4us9wd4us9wd4u_b-rt8q743whv2wyhhbu25uisn4z6l1b5y1nblztnzbqk.png\" title=\"Gemini_Generated_Image_wd4us9wd4us9wd4u_b\" alt=\"Gemini_Generated_Image_wd4us9wd4us9wd4u_b\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb4455 image2 elementor-widget elementor-widget-image\" data-id=\"4cb4455\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/elementor\/thumbs\/Code_Generated_Image1-rt6vkesxv5fr23qbkpgz1lljfrhhdq9euufq4ak8bw.png\" title=\"Code_Generated_Image(1)\" alt=\"Code_Generated_Image(1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70beeb2 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"70beeb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6a2c5f e-flex e-con-boxed e-con e-parent\" data-id=\"f6a2c5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8135a9 elementor-widget elementor-widget-spacer\" data-id=\"a8135a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61c3b97 elementor-widget elementor-widget-menu-anchor\" data-id=\"61c3b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"produkte\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab801c4 elementor-widget elementor-widget-heading\" data-id=\"ab801c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Passende L\u00f6sungen. Einfach gefunden.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81aa895 e-con-full e-flex e-con e-parent\" data-id=\"81aa895\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7b47ffb e-con-full e-flex e-con e-child\" data-id=\"7b47ffb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3054467 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"3054467\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   FONT\n   ========================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n\n\/* =========================================================\n   ELEMENTOR FIX\n   ========================================================= *\/\n.elementor-widget-html .omada-product-card-v2 {\n    all: initial;\n    font-family: 'Manrope', sans-serif;\n}\n\n\n\/* =========================================================\n   HAUPTKARTE\n   ========================================================= *\/\n.omada-product-card-v2 {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    font-family: 'Manrope', sans-serif !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;\n    background: transparent !important;\n}\n\n\n\/* =========================================================\n   PRODUKTBILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    z-index: 1;\n    opacity: 1 !important;\n    visibility: visible !important;\n    background: transparent !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   BILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: cover !important;\n    border-radius: 12px !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    filter: none !important;\n    transition: filter 0.45s ease, opacity 0.45s ease !important;\n}\n\n\n\/* =========================================================\n   SEHR HELLE WEISSE \u00dcBERLAGERUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.88) !important; \/* Sehr heller, milchiger \u00dcberzug *\/\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n.omada-product-card-v2 .omada-content {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    padding: 24px !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    z-index: 3;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n.omada-product-card-v2:hover .omada-image {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.omada-product-card-v2:hover .omada-image img {\n    opacity: 1 !important;\n    visibility: visible !important;\n    filter: brightness(1.1) saturate(0.4) !important; \/* Sehr hell, damit das Bild gerade noch dezent durchschimmert *\/\n    transform: none !important;\n}\n\n.omada-product-card-v2:hover .omada-overlay {\n    opacity: 1;\n}\n\n.omada-product-card-v2:hover .omada-content {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   TITEL (Farbe #0A5A5A)\n   ========================================================= *\/\n.omada-product-card-v2 .omada-title {\n    margin: 0 0 12px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(30px, 2.5vw, 40px) !important;\n    font-weight: 800 !important;\n    line-height: 1.15 !important;\n    text-transform: uppercase !important;\n    color: #0A5A5A !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BESCHREIBUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-description {\n    max-width: 760px;\n    margin: 0 0 22px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 1.15vw, 18px) !important;\n    font-weight: 500 !important;\n    line-height: 1.45 !important;\n    color: #2f4653 !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button {\n    position: relative;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 22px !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 0.9vw, 16px) !important;\n    font-weight: 800 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    color: #ffffff !important;\n    background: linear-gradient(135deg, #00a870 0%, #007a52 100%) !important;\n    border-radius: 12px !important;\n    border: none !important;\n    overflow: hidden !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: translateY(0);\n    transition: transform 0.35s ease, box-shadow 0.35s ease !important;\n    box-shadow: 0 2px 0 #005237, 0 6px 12px rgba(0, 0, 0, 0.15) !important;\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   BUTTON SHINE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -150%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.60) 50%, rgba(255,255,255,0.15) 80%, transparent 100%);\n    transform: skewX(-25deg);\n    transition: left 1.1s cubic-bezier(0.25, 1, 0.5, 1);\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:hover {\n    color: #ffffff !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 4px 0 #005237, 0 9px 18px rgba(0, 0, 0, 0.18) !important;\n}\n\n.omada-product-card-v2 .omada-button:hover::before {\n    left: 150%;\n}\n\n\n\/* =========================================================\n   BUTTON ACTIVE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:active {\n    transform: translateY(1px) !important;\n    box-shadow: 0 1px 0 #005237, 0 3px 6px rgba(0, 0, 0, 0.15) !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width: 1024px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 16px !important;\n    }\n}\n\n@media (max-width: 767px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 14px !important;\n    }\n}\n<\/style>\n\n\n<div class=\"omada-product-card-v2\">\n    <!-- PRODUKTBILD -->\n    <div class=\"omada-image\">\n        <img decoding=\"async\"\n            src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/wifi-banner2.png\"\n            alt=\"Access Points (WLAN)\"\n        >\n    <\/div>\n\n    <!-- SEHR HELLE WEISSE EBENE -->\n    <div class=\"omada-overlay\"><\/div>\n\n    <!-- TEXT -->\n    <div class=\"omada-content\">\n        <h3 class=\"omada-title\">\n            Access Points (WLAN)\n        <\/h3>\n        <p class=\"omada-description\">\n            Indoor-, Outdoor- und Wand-Access-Points (inklusive Wi-Fi 6\/7 und Mesh-Technologie) f\u00fcr fl\u00e4chendeckende Drahtlosabdeckung\n        <\/p>\n<a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Wireless+AccessPoint--Wireless+Network\"\n   class=\"omada-button\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Mehr erfahren\n<\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2a13b8 e-con-full e-flex e-con e-child\" data-id=\"c2a13b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ad5398 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8ad5398\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   FONT\n   ========================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n\n\/* =========================================================\n   ELEMENTOR FIX\n   ========================================================= *\/\n.elementor-widget-html .omada-product-card-v2 {\n    all: initial;\n    font-family: 'Manrope', sans-serif;\n}\n\n\n\/* =========================================================\n   HAUPTKARTE\n   ========================================================= *\/\n.omada-product-card-v2 {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    font-family: 'Manrope', sans-serif !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;\n    background: transparent !important;\n}\n\n\n\/* =========================================================\n   PRODUKTBILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    z-index: 1;\n    opacity: 1 !important;\n    visibility: visible !important;\n    background: transparent !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   BILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: cover !important;\n    border-radius: 12px !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    filter: none !important;\n    transition: filter 0.45s ease, opacity 0.45s ease !important;\n}\n\n\n\/* =========================================================\n   SEHR HELLE WEISSE \u00dcBERLAGERUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.88) !important; \/* Sehr heller, milchiger \u00dcberzug *\/\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n.omada-product-card-v2 .omada-content {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    padding: 24px !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    z-index: 3;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n.omada-product-card-v2:hover .omada-image {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.omada-product-card-v2:hover .omada-image img {\n    opacity: 1 !important;\n    visibility: visible !important;\n    filter: brightness(1.1) saturate(0.4) !important; \/* Sehr hell, damit das Bild gerade noch dezent durchschimmert *\/\n    transform: none !important;\n}\n\n.omada-product-card-v2:hover .omada-overlay {\n    opacity: 1;\n}\n\n.omada-product-card-v2:hover .omada-content {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   TITEL (Farbe #0A5A5A)\n   ========================================================= *\/\n.omada-product-card-v2 .omada-title {\n    margin: 0 0 12px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(18px, 1.8vw, 30px) !important;\n    font-weight: 800 !important;\n    line-height: 1.15 !important;\n    text-transform: uppercase !important;\n    color: #0A5A5A !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BESCHREIBUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-description {\n    max-width: 760px;\n    margin: 0 0 22px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 1.15vw, 18px) !important;\n    font-weight: 500 !important;\n    line-height: 1.45 !important;\n    color: #2f4653 !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button {\n    position: relative;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 22px !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 0.9vw, 16px) !important;\n    font-weight: 800 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    color: #ffffff !important;\n    background: linear-gradient(135deg, #00a870 0%, #007a52 100%) !important;\n    border-radius: 12px !important;\n    border: none !important;\n    overflow: hidden !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: translateY(0);\n    transition: transform 0.35s ease, box-shadow 0.35s ease !important;\n    box-shadow: 0 2px 0 #005237, 0 6px 12px rgba(0, 0, 0, 0.15) !important;\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   BUTTON SHINE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -150%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.60) 50%, rgba(255,255,255,0.15) 80%, transparent 100%);\n    transform: skewX(-25deg);\n    transition: left 1.1s cubic-bezier(0.25, 1, 0.5, 1);\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:hover {\n    color: #ffffff !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 4px 0 #005237, 0 9px 18px rgba(0, 0, 0, 0.18) !important;\n}\n\n.omada-product-card-v2 .omada-button:hover::before {\n    left: 150%;\n}\n\n\n\/* =========================================================\n   BUTTON ACTIVE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:active {\n    transform: translateY(1px) !important;\n    box-shadow: 0 1px 0 #005237, 0 3px 6px rgba(0, 0, 0, 0.15) !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width: 1024px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 16px !important;\n    }\n}\n\n@media (max-width: 767px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 14px !important;\n    }\n}\n<\/style>\n\n\n<div class=\"omada-product-card-v2\">\n    <!-- PRODUKTBILD -->\n    <div class=\"omada-image\">\n        <img decoding=\"async\"\n            src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/category-banner1.jpg\"\n            alt=\"Access Points (WLAN)\"\n        >\n    <\/div>\n\n    <!-- SEHR HELLE WEISSE EBENE -->\n    <div class=\"omada-overlay\"><\/div>\n\n    <!-- TEXT -->\n    <div class=\"omada-content\">\n        <h3 class=\"omada-title\">\n            Switches\n        <\/h3>\n        <p class=\"omada-description\">\n            Managed- und Smart-Switches mit PoE-Unterst\u00fctzung (Power over Ethernet), Multi-Gigabit-Ports und L3-Funktionen f\u00fcr stabile Kabelverbindungen \n        <\/p>\n<a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Switche\"\n   class=\"omada-button\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Mehr erfahren\n<\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23d0ca2 e-con-full e-flex e-con e-child\" data-id=\"23d0ca2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12465e6 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"12465e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   FONT\n   ========================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n\n\/* =========================================================\n   ELEMENTOR FIX\n   ========================================================= *\/\n.elementor-widget-html .omada-product-card-v2 {\n    all: initial;\n    font-family: 'Manrope', sans-serif;\n}\n\n\n\/* =========================================================\n   HAUPTKARTE\n   ========================================================= *\/\n.omada-product-card-v2 {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    font-family: 'Manrope', sans-serif !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;\n    background: transparent !important;\n}\n\n\n\/* =========================================================\n   PRODUKTBILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    z-index: 1;\n    opacity: 1 !important;\n    visibility: visible !important;\n    background: transparent !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   BILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: cover !important;\n    border-radius: 12px !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    filter: none !important;\n    transition: filter 0.45s ease, opacity 0.45s ease !important;\n}\n\n\n\/* =========================================================\n   SEHR HELLE WEISSE \u00dcBERLAGERUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.88) !important; \/* Sehr heller, milchiger \u00dcberzug *\/\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n.omada-product-card-v2 .omada-content {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    padding: 24px !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    z-index: 3;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n.omada-product-card-v2:hover .omada-image {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.omada-product-card-v2:hover .omada-image img {\n    opacity: 1 !important;\n    visibility: visible !important;\n    filter: brightness(1.1) saturate(0.4) !important; \/* Sehr hell, damit das Bild gerade noch dezent durchschimmert *\/\n    transform: none !important;\n}\n\n.omada-product-card-v2:hover .omada-overlay {\n    opacity: 1;\n}\n\n.omada-product-card-v2:hover .omada-content {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   TITEL (Farbe #0A5A5A)\n   ========================================================= *\/\n.omada-product-card-v2 .omada-title {\n    margin: 0 0 12px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(18px, 1.8vw, 30px) !important;\n    font-weight: 800 !important;\n    line-height: 1.15 !important;\n    text-transform: uppercase !important;\n    color: #0A5A5A !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BESCHREIBUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-description {\n    max-width: 760px;\n    margin: 0 0 22px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 1.15vw, 18px) !important;\n    font-weight: 500 !important;\n    line-height: 1.45 !important;\n    color: #2f4653 !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button {\n    position: relative;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 22px !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 0.9vw, 16px) !important;\n    font-weight: 800 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    color: #ffffff !important;\n    background: linear-gradient(135deg, #00a870 0%, #007a52 100%) !important;\n    border-radius: 12px !important;\n    border: none !important;\n    overflow: hidden !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: translateY(0);\n    transition: transform 0.35s ease, box-shadow 0.35s ease !important;\n    box-shadow: 0 2px 0 #005237, 0 6px 12px rgba(0, 0, 0, 0.15) !important;\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   BUTTON SHINE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -150%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.60) 50%, rgba(255,255,255,0.15) 80%, transparent 100%);\n    transform: skewX(-25deg);\n    transition: left 1.1s cubic-bezier(0.25, 1, 0.5, 1);\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:hover {\n    color: #ffffff !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 4px 0 #005237, 0 9px 18px rgba(0, 0, 0, 0.18) !important;\n}\n\n.omada-product-card-v2 .omada-button:hover::before {\n    left: 150%;\n}\n\n\n\/* =========================================================\n   BUTTON ACTIVE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:active {\n    transform: translateY(1px) !important;\n    box-shadow: 0 1px 0 #005237, 0 3px 6px rgba(0, 0, 0, 0.15) !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width: 1024px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 16px !important;\n    }\n}\n\n@media (max-width: 767px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 14px !important;\n    }\n}\n<\/style>\n\n\n<div class=\"omada-product-card-v2\">\n    <!-- PRODUKTBILD -->\n    <div class=\"omada-image\">\n        <img decoding=\"async\"\n            src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/3.jpg\"\n            alt=\"Access Points (WLAN)\"\n        >\n    <\/div>\n\n    <!-- SEHR HELLE WEISSE EBENE -->\n    <div class=\"omada-overlay\"><\/div>\n\n    <!-- TEXT -->\n    <div class=\"omada-content\">\n        <h3 class=\"omada-title\">\n            Business-Gateways & Router\n        <\/h3>\n        <p class=\"omada-description\">\n            VPN-Router und Gateways (kabelgebunden, 4G\/5G, Fiber) f\u00fcr sichere Standortvernetzung, Firewall-Schutz und Load Balancing\n        <\/p>\n<a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Router--Wireless+Router\"\n   class=\"omada-button\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Mehr erfahren\n<\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0043cc9 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"0043cc9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9573891 e-con-full e-flex e-con e-child\" data-id=\"9573891\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6af3437 e-con-full e-flex e-con e-child\" data-id=\"6af3437\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7758941 elementor-widget elementor-widget-html\" data-id=\"7758941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   FONT\n   ========================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n\n\/* =========================================================\n   ELEMENTOR FIX\n   ========================================================= *\/\n.elementor-widget-html .omada-product-card-v2 {\n    all: initial;\n    font-family: 'Manrope', sans-serif;\n}\n\n\n\/* =========================================================\n   HAUPTKARTE\n   ========================================================= *\/\n.omada-product-card-v2 {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    font-family: 'Manrope', sans-serif !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;\n    background: transparent !important;\n}\n\n\n\/* =========================================================\n   PRODUKTBILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    z-index: 1;\n    opacity: 1 !important;\n    visibility: visible !important;\n    background: transparent !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   BILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: cover !important;\n    border-radius: 12px !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    filter: none !important;\n    transition: filter 0.45s ease, opacity 0.45s ease !important;\n}\n\n\n\/* =========================================================\n   SEHR HELLE WEISSE \u00dcBERLAGERUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.88) !important; \/* Sehr heller, milchiger \u00dcberzug *\/\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n.omada-product-card-v2 .omada-content {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    padding: 24px !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    z-index: 3;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n.omada-product-card-v2:hover .omada-image {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.omada-product-card-v2:hover .omada-image img {\n    opacity: 1 !important;\n    visibility: visible !important;\n    filter: brightness(1.1) saturate(0.4) !important; \/* Sehr hell, damit das Bild gerade noch dezent durchschimmert *\/\n    transform: none !important;\n}\n\n.omada-product-card-v2:hover .omada-overlay {\n    opacity: 1;\n}\n\n.omada-product-card-v2:hover .omada-content {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   TITEL (Farbe #0A5A5A)\n   ========================================================= *\/\n.omada-product-card-v2 .omada-title {\n    margin: 0 0 12px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(18px, 1.8vw, 30px) !important;\n    font-weight: 800 !important;\n    line-height: 1.15 !important;\n    text-transform: uppercase !important;\n    color: #0A5A5A !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BESCHREIBUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-description {\n    max-width: 760px;\n    margin: 0 0 22px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 1.15vw, 18px) !important;\n    font-weight: 500 !important;\n    line-height: 1.45 !important;\n    color: #2f4653 !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button {\n    position: relative;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 22px !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 0.9vw, 16px) !important;\n    font-weight: 800 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    color: #ffffff !important;\n    background: linear-gradient(135deg, #00a870 0%, #007a52 100%) !important;\n    border-radius: 12px !important;\n    border: none !important;\n    overflow: hidden !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: translateY(0);\n    transition: transform 0.35s ease, box-shadow 0.35s ease !important;\n    box-shadow: 0 2px 0 #005237, 0 6px 12px rgba(0, 0, 0, 0.15) !important;\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   BUTTON SHINE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -150%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.60) 50%, rgba(255,255,255,0.15) 80%, transparent 100%);\n    transform: skewX(-25deg);\n    transition: left 1.1s cubic-bezier(0.25, 1, 0.5, 1);\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:hover {\n    color: #ffffff !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 4px 0 #005237, 0 9px 18px rgba(0, 0, 0, 0.18) !important;\n}\n\n.omada-product-card-v2 .omada-button:hover::before {\n    left: 150%;\n}\n\n\n\/* =========================================================\n   BUTTON ACTIVE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:active {\n    transform: translateY(1px) !important;\n    box-shadow: 0 1px 0 #005237, 0 3px 6px rgba(0, 0, 0, 0.15) !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width: 1024px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 16px !important;\n    }\n}\n\n@media (max-width: 767px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 14px !important;\n    }\n}\n<\/style>\n\n\n<div class=\"omada-product-card-v2\">\n    <!-- PRODUKTBILD -->\n    <div class=\"omada-image\">\n        <img decoding=\"async\"\n            src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/4.jpg\"\n            alt=\"Access Points (WLAN)\"\n        >\n    <\/div>\n\n    <!-- SEHR HELLE WEISSE EBENE -->\n    <div class=\"omada-overlay\"><\/div>\n\n    <!-- TEXT -->\n    <div class=\"omada-content\">\n        <h3 class=\"omada-title\">\n            Controller (Netzwerksteuerung)\n        <\/h3>\n        <p class=\"omada-description\">\n            Hardware-, Software- und reine Cloud-Controller zur zentralen Steuerung und Verwaltung aller Netzwerkkomponenten\n        <\/p>\n<a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=HUBs\"\n   class=\"omada-button\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Mehr erfahren\n<\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bda0bf2 e-con-full e-flex e-con e-child\" data-id=\"bda0bf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a473c2 elementor-widget elementor-widget-html\" data-id=\"4a473c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   FONT\n   ========================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n\n\/* =========================================================\n   ELEMENTOR FIX\n   ========================================================= *\/\n.elementor-widget-html .omada-product-card-v2 {\n    all: initial;\n    font-family: 'Manrope', sans-serif;\n}\n\n\n\/* =========================================================\n   HAUPTKARTE\n   ========================================================= *\/\n.omada-product-card-v2 {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    cursor: pointer !important;\n    box-sizing: border-box !important;\n    font-family: 'Manrope', sans-serif !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;\n    background: transparent !important;\n}\n\n\n\/* =========================================================\n   PRODUKTBILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image {\n    position: relative !important;\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    z-index: 1;\n    opacity: 1 !important;\n    visibility: visible !important;\n    background: transparent !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   BILD\n   ========================================================= *\/\n.omada-product-card-v2 .omada-image img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: cover !important;\n    border-radius: 12px !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n    filter: none !important;\n    transition: filter 0.45s ease, opacity 0.45s ease !important;\n}\n\n\n\/* =========================================================\n   SEHR HELLE WEISSE \u00dcBERLAGERUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.88) !important; \/* Sehr heller, milchiger \u00dcberzug *\/\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n.omada-product-card-v2 .omada-content {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    padding: 24px !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    z-index: 3;\n    pointer-events: none;\n    border-radius: 12px !important;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n.omada-product-card-v2:hover .omada-image {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.omada-product-card-v2:hover .omada-image img {\n    opacity: 1 !important;\n    visibility: visible !important;\n    filter: brightness(1.1) saturate(0.4) !important; \/* Sehr hell, damit das Bild gerade noch dezent durchschimmert *\/\n    transform: none !important;\n}\n\n.omada-product-card-v2:hover .omada-overlay {\n    opacity: 1;\n}\n\n.omada-product-card-v2:hover .omada-content {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   TITEL (Farbe #0A5A5A)\n   ========================================================= *\/\n.omada-product-card-v2 .omada-title {\n    margin: 0 0 12px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(18px, 1.8vw, 30px) !important;\n    font-weight: 800 !important;\n    line-height: 1.15 !important;\n    text-transform: uppercase !important;\n    color: #0A5A5A !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BESCHREIBUNG\n   ========================================================= *\/\n.omada-product-card-v2 .omada-description {\n    max-width: 760px;\n    margin: 0 0 22px 0 !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 1.15vw, 18px) !important;\n    font-weight: 500 !important;\n    line-height: 1.45 !important;\n    color: #2f4653 !important;\n    text-shadow: none !important;\n    opacity: 1 !important;\n    filter: none !important;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button {\n    position: relative;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 22px !important;\n    font-family: 'Manrope', sans-serif !important;\n    font-size: clamp(13px, 0.9vw, 16px) !important;\n    font-weight: 800 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    color: #ffffff !important;\n    background: linear-gradient(135deg, #00a870 0%, #007a52 100%) !important;\n    border-radius: 12px !important;\n    border: none !important;\n    overflow: hidden !important;\n    opacity: 1 !important;\n    filter: none !important;\n    transform: translateY(0);\n    transition: transform 0.35s ease, box-shadow 0.35s ease !important;\n    box-shadow: 0 2px 0 #005237, 0 6px 12px rgba(0, 0, 0, 0.15) !important;\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   BUTTON SHINE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -150%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.60) 50%, rgba(255,255,255,0.15) 80%, transparent 100%);\n    transform: skewX(-25deg);\n    transition: left 1.1s cubic-bezier(0.25, 1, 0.5, 1);\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:hover {\n    color: #ffffff !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 4px 0 #005237, 0 9px 18px rgba(0, 0, 0, 0.18) !important;\n}\n\n.omada-product-card-v2 .omada-button:hover::before {\n    left: 150%;\n}\n\n\n\/* =========================================================\n   BUTTON ACTIVE\n   ========================================================= *\/\n.omada-product-card-v2 .omada-button:active {\n    transform: translateY(1px) !important;\n    box-shadow: 0 1px 0 #005237, 0 3px 6px rgba(0, 0, 0, 0.15) !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width: 1024px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 16px !important;\n    }\n}\n\n@media (max-width: 767px) {\n    .omada-product-card-v2 .omada-content {\n        padding: 14px !important;\n    }\n}\n<\/style>\n\n\n<div class=\"omada-product-card-v2\">\n    <!-- PRODUKTBILD -->\n    <div class=\"omada-image\">\n        <img decoding=\"async\"\n            src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/6.jpg\"\n            alt=\"Access Points (WLAN)\"\n        >\n    <\/div>\n\n    <!-- SEHR HELLE WEISSE EBENE -->\n    <div class=\"omada-overlay\"><\/div>\n\n    <!-- TEXT -->\n    <div class=\"omada-content\">\n        <h3 class=\"omada-title\">\n            Angebundene Systeme & Zubeh\u00f6r\n        <\/h3>\n        <p class=\"omada-description\">\n            Spezialisierte Hardware wie Injektoren, SFP-Module sowie omada-integrierbare Sicherheits- und \u00dcberwachungsl\u00f6sungen f\u00fcr den B2B-Einsatz.\n        <\/p>\n<a href=\"https:\/\/shop.api.de\/supplier\/?supplierName=TP-Link&supplierAbbr=TPL&produkttyp=Adapter--IP+Cam--Netzwerkkarten--Splitter--Wireless+USB+Stick--Wireless+PCI%252FPCE+Karten\"\n   class=\"omada-button\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Mehr erfahren\n<\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04f4719 elementor-widget elementor-widget-spacer\" data-id=\"04f4719\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a58329 e-con-full e-flex e-con e-child\" data-id=\"6a58329\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd48a53 e-flex e-con-boxed e-con e-parent\" data-id=\"bd48a53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4893579 elementor-widget elementor-widget-menu-anchor\" data-id=\"4893579\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"netzwerkloesungen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34dc91c e-con-full e-flex e-con e-parent\" data-id=\"34dc91c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68dcda5 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"68dcda5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Elementor Swipeable Upright Wheel Slider<\/title>\n\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&display=swap');\n\n    \/* =========================================================\n       RESET\n       ========================================================= *\/\n\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* =========================================================\n       HAUPT-WRAPPER\n       ========================================================= *\/\n\n    .elementor-wheel-wrapper {\n      width: 100vw;\n      height: 90vh;\n      min-height: 700px;\n      max-height: 1000px;\n      margin-left: calc(-50vw + 50%);\n      background-color: #0A5A5A;\n      color: #ffffff;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      overflow: hidden;\n      font-family: 'Manrope', sans-serif;\n      user-select: none;\n      padding-top: 100px;\n    }\n\n    \/* =========================================================\n       HAUPT\u00dcBERSCHRIFT\n       ========================================================= *\/\n\n.wheel-main-heading {\n  position: absolute;\n  top: 55px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 90%;\n  max-width: 1300px;\n  text-align: center;\n  font-family: 'Manrope', sans-serif;\n  font-size: clamp(1.8rem, 3.2vw, 65px);\n  font-weight: 400;\n  color: #ffffff;\n  line-height: 1.15;\n  margin-bottom: 35px;\n  z-index: 20;\n}\n\n    \/* =========================================================\n       HAUPT-CONTAINER\n       ========================================================= *\/\n\n    .wheel-main-container {\n      width: 92%;\n      max-width: 1800px;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: clamp(100px, 14vw, 300px);\n      position: relative;\n      z-index: 10;\n      margin-top: 20px;\n    }\n\n    \/* =========================================================\n       LINKER CONTENT-BEREICH\n       ========================================================= *\/\n\n    .wheel-content-left {\n      flex: 0 1 540px;\n      max-width: 580px;\n      margin-left: 2vw;\n      z-index: 10;\n      pointer-events: auto;\n    }\n\n    .wheel-text-item {\n      display: none;\n      opacity: 0;\n      transform: translateY(20px);\n      transition:\n        opacity 0.5s ease,\n        transform 0.5s ease;\n    }\n\n    .wheel-text-item.active {\n      display: block;\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* =========================================================\n       TAGS\n       ========================================================= *\/\n\n    .wheel-text-item .tag {\n      display: inline-block;\n      padding: 6px 14px;\n      background: rgba(255, 255, 255, 0.15);\n      color: #ffffff;\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      border-radius: 20px;\n      font-size: 0.\u00b485rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n    }\n\n    .wheel-text-item h3 {\n      font-size: clamp(2.2rem, 2.2vw, 2.4rem);\n      font-weight: 800;\n      color: #ffffff;\n      margin-bottom: 15px;\n      line-height: 1.25;\n    }\n\n    .wheel-text-item p {\n      font-size: clamp(1.3rem, 1vw, 1.15rem);\n      font-weight: 400;\n      color: #ffffff;\n      opacity: 0.9;\n      line-height: 1.6;\n      margin-bottom: 30px;\n    }\n\n    \/* =========================================================\n       BUTTON\n       ========================================================= *\/\n\n    .wheel-text-item .btn {\n      position: relative !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      box-sizing: border-box !important;\n      padding: 14px 32px !important;\n      min-width: max-content !important;\n      font-family: 'Manrope', sans-serif !important;\n      font-weight: 800 !important;\n      font-size: 17px !important;\n      line-height: 1.2 !important;\n      text-decoration: none !important;\n      background: linear-gradient(\n        135deg,\n        #00a870 0%,\n        #007a52 100%\n      ) !important;\n      color: #ffffff !important;\n      border-radius: 12px !important;\n      border: none !important;\n      overflow: hidden !important;\n      transition:\n        all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\n      box-shadow:\n        0 2px 0px #005237,\n        0 6px 12px rgba(0, 0, 0, 0.12) !important;\n      z-index: 1 !important;\n      cursor: pointer !important;\n      pointer-events: auto !important;\n    }\n\n    .wheel-text-item .btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -150%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(255, 255, 255, 0.2) 20%,\n        rgba(0, 225, 148, 0.8) 50%,\n        rgba(255, 255, 255, 0.2) 80%,\n        transparent 100%\n      );\n      transform: skewX(-25deg);\n      transition:\n        left 1.2s cubic-bezier(0.25, 1, 0.5, 1);\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    .wheel-text-item .btn:hover {\n      transform: translateY(-2px) !important;\n      box-shadow:\n        0 4px 0px #005237,\n        0 8px 16px rgba(0, 168, 112, 0.25) !important;\n    }\n\n    .wheel-text-item .btn:hover::before {\n      left: 150%;\n    }\n\n    .wheel-text-item .btn:active {\n      transform: translateY(1px) !important;\n      box-shadow:\n        0 1px 0px #005237,\n        0 3px 6px rgba(0, 0, 0, 0.15) !important;\n    }\n\n    \/* =========================================================\n       RECHTER BEREICH \u2013 DESKTOP RAD\n       ========================================================= *\/\n\n    .wheel-container-right {\n      flex: 1 1 600px;\n      height: 100%;\n      max-height: 750px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      margin-right: -28vw;\n      z-index: 2;\n      cursor: grab;\n      touch-action: none;\n    }\n\n    .wheel-container-right:active {\n      cursor: grabbing;\n    }\n\n    .wheel-spinner {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      position: relative;\n      pointer-events: none;\n    }\n\n    \/* =========================================================\n       KARTEN\n       ========================================================= *\/\n\n    .wheel-item {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: clamp(240px, 22vw, 380px);\n      aspect-ratio: 655 \/ 375;\n      transform-origin: center center;\n      border-radius: 16px;\n      overflow: hidden;\n      border: 3.5px solid transparent;\n      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);\n      opacity: 0;\n      visibility: hidden;\n      pointer-events: none;\n      transition:\n        opacity 0.4s ease,\n        border-color 0.4s ease,\n        box-shadow 0.4s ease;\n    }\n\n    .wheel-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      pointer-events: none;\n      user-drag: none;\n      -webkit-user-drag: none;\n    }\n\n    .wheel-item.active {\n      opacity: 1 !important;\n      visibility: visible !important;\n      pointer-events: auto !important;\n      border-color: #00A870;\n      box-shadow:\n        0 0 35px #00A870,\n        inset 0 0 12px rgba(0, 168, 112, 0.4);\n      z-index: 5;\n    }\n\n    .wheel-item.near-active {\n      opacity: 0.35 !important;\n      visibility: visible !important;\n      pointer-events: auto !important;\n      z-index: 2;\n    }\n\n    .wheel-item.far-active {\n      opacity: 0.12 !important;\n      visibility: visible !important;\n      pointer-events: none !important;\n      z-index: 1;\n    }\n\n    \/* =========================================================\n       MOBILE \/ TABLET\n       RAD -> HORIZONTALER SLIDER\n       ========================================================= *\/\n\n    @media (max-width: 900px) {\n\n      .elementor-wheel-wrapper {\n        width: 100%;\n        height: auto;\n        min-height: unset;\n        max-height: none;\n        margin-left: 0;\n        padding: 70px 20px 50px;\n        overflow: hidden;\n      }\n\n      \/* \u00dcberschrift *\/\n\n\/* \u00dcberschrift *\/\n\n.wheel-main-heading {\n  position: relative;\n  top: auto;\n  left: auto;\n  transform: none;\n  width: 100%;\n  max-width: 650px;\n  margin: 0 auto 30px;\n  text-align: center;\n  font-family: 'Manrope', sans-serif;\n  font-size: 30px;\n  font-weight: 400;\n  line-height: 1.2;\n}\n\n      \/* Container *\/\n\n      .wheel-main-container {\n        width: 100%;\n        height: auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-start;\n        gap: 30px;\n        margin: 0;\n      }\n\n      \/* =====================================================\n         SLIDER\n         ===================================================== *\/\n\n      .wheel-container-right {\n        order: 1;\n\n        width: calc(100% + 40px);\n        max-width: none;\n        height: auto;\n        min-height: 0;\n\n        flex: none;\n        margin: 0 -20px;\n\n        display: block;\n\n        cursor: grab;\n        touch-action: pan-y;\n\n        overflow: visible;\n      }\n\n      .wheel-container-right:active {\n        cursor: grabbing;\n      }\n\n      .wheel-spinner {\n        width: 100%;\n        height: auto;\n\n        display: flex;\n        align-items: center;\n\n        position: relative;\n\n        border-radius: 0;\n\n        transform: none !important;\n\n        overflow-x: auto;\n        overflow-y: hidden;\n\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n\n        scrollbar-width: none;\n\n        gap: 15px;\n\n        padding: 10px 10vw 25px;\n\n        pointer-events: auto;\n\n        -webkit-overflow-scrolling: touch;\n      }\n\n      .wheel-spinner::-webkit-scrollbar {\n        display: none;\n      }\n\n      \/* =====================================================\n         MOBILE KARTEN\n         ===================================================== *\/\n\n      .wheel-item {\n        position: relative;\n\n        top: auto;\n        left: auto;\n\n        flex: 0 0 80vw;\n\n        width: 80vw;\n        max-width: 360px;\n\n        aspect-ratio: 655 \/ 375;\n\n        transform: none !important;\n\n        opacity: 1 !important;\n        visibility: visible !important;\n\n        border-radius: 14px;\n\n        border: 3px solid transparent;\n\n        scroll-snap-align: center;\n\n        pointer-events: auto;\n\n        transition:\n          opacity 0.3s ease,\n          transform 0.3s ease,\n          border-color 0.3s ease,\n          box-shadow 0.3s ease;\n      }\n\n      .wheel-item.active {\n        opacity: 1 !important;\n        visibility: visible !important;\n\n        transform: scale(1) !important;\n\n        border-color: #00A870;\n\n        box-shadow:\n          0 0 25px rgba(0, 168, 112, 0.6),\n          inset 0 0 12px rgba(0, 168, 112, 0.4);\n\n        z-index: 5;\n      }\n\n      .wheel-item.near-active,\n      .wheel-item.far-active {\n        opacity: 0.55 !important;\n        visibility: visible !important;\n\n        transform: scale(0.94) !important;\n\n        border-color: transparent;\n\n        box-shadow:\n          0 10px 25px rgba(0, 0, 0, 0.3);\n\n        z-index: 1;\n      }\n\n      .wheel-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      \/* =====================================================\n         TEXT UNTER DEM SLIDER\n         ===================================================== *\/\n\n      .wheel-content-left {\n        order: 2;\n\n        width: 100%;\n        max-width: 600px;\n\n        margin: 0;\n\n        flex: none;\n\n        text-align: center;\n\n        z-index: 10;\n      }\n\n      .wheel-text-item {\n        display: none;\n\n        opacity: 0;\n\n        transform: translateY(15px);\n\n        transition:\n          opacity 0.4s ease,\n          transform 0.4s ease;\n      }\n\n      .wheel-text-item.active {\n        display: block;\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      .wheel-text-item .tag {\n        margin-bottom: 12px;\n        padding: 5px 12px;\n        font-size: 0.75rem;\n      }\n\n      .wheel-text-item h3 {\n        margin-bottom: 12px;\n        font-size: clamp(1.5rem, 7vw, 2rem);\n        line-height: 1.2;\n      }\n\n      .wheel-text-item p {\n        margin-bottom: 25px;\n        font-size: 2rem;\n        line-height: 1.55;\n      }\n\n      .wheel-text-item .btn {\n        padding: 13px 26px !important;\n        font-size: 14px !important;\n      }\n    }\n\n    \/* =========================================================\n       KLEINE SMARTPHONES\n       ========================================================= *\/\n\n    @media (max-width: 480px) {\n\n      .elementor-wheel-wrapper {\n        padding: 60px 15px 40px;\n      }\n\n      .wheel-main-heading {\n        margin-bottom: 20px;\n        font-size: 1.55rem;\n      }\n\n      .wheel-container-right {\n        width: calc(100% + 30px);\n        margin-left: -15px;\n        margin-right: -15px;\n      }\n\n      .wheel-spinner {\n        padding-left: 8vw;\n        padding-right: 8vw;\n        gap: 12px;\n      }\n\n      .wheel-item {\n        flex-basis: 84vw;\n        width: 84vw;\n      }\n\n      .wheel-content-left {\n        max-width: 100%;\n      }\n\n      .wheel-text-item p {\n        font-size: 0.9rem;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <div class=\"elementor-wheel-wrapper\">\n\n    <!-- HAUPT\u00dcBERSCHRIFT -->\n    <h1 class=\"wheel-main-heading\">\n      Netzwerkl\u00f6sungen, die sich an jede Branche anpassen\n    <\/h1>\n\n    <!-- HAUPT-CONTAINER -->\n    <div class=\"wheel-main-container\">\n\n      <!-- =====================================================\n           TEXT\n           ===================================================== -->\n\n      <div class=\"wheel-content-left\">\n\n        <div class=\"wheel-text-item active\" data-index=\"0\">\n          <span class=\"tag\">Anwendungsbereich 1<\/span>\n\n          <h3>Industrie<\/h3>\n\n          <p>\n            Omada bietet f\u00fcr industrielle Einsatzumgebungen robuste\n            Netzwerkkomponenten, die auch unter anspruchsvollen\n            Bedingungen zuverl\u00e4ssig arbeiten. Die Industrial-Serie\n            ist unter anderem f\u00fcr gro\u00dfe Temperaturbereiche,\n            elektrische St\u00f6reinfl\u00fcsse und eine stabile, sichere\n            Netzwerkleistung ausgelegt.\n          <\/p>\n\n          <a href=\"https:\/\/www.omadanetworks.com\/de\/business-networking\/omada-switch-industrial\/\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Mehr erfahren\n          <\/a>\n        <\/div>\n\n\n        <div class=\"wheel-text-item\" data-index=\"1\">\n\n          <span class=\"tag\">Anwendungsbereich 2<\/span>\n\n          <h3>Krankenh\u00e4user<\/h3>\n\n          <p>\n            Sichere und stabile Netzwerke f\u00fcr Krankenh\u00e4user,\n            Arztpraxen und Pflegeeinrichtungen \u2013 Omada erm\u00f6glicht\n            dies mit fl\u00e4chendeckendem WLAN, zentraler Verwaltung\n            und der M\u00f6glichkeit, medizinische, administrative und\n            Gastnetzwerke voneinander zu trennen.\n          <\/p>\n\n          <a href=\"https:\/\/www.omadanetworks.com\/de\/business-networking\/solution\/healthcare\/\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Mehr erfahren\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"wheel-text-item\" data-index=\"2\">\n\n          <span class=\"tag\">Anwendungsbereich 3<\/span>\n\n          <h3>Retail<\/h3>\n\n          <p>\n            F\u00fcr den Einzelhandel bietet Omada zuverl\u00e4ssige\n            Konnektivit\u00e4t f\u00fcr Kassen, Bestellsysteme und Kunden-WLAN\n            sowie zentral verwaltete Netzwerke f\u00fcr mehrere Filialen.\n            Funktionen wie QoS, VLANs und cloudbasiertes Management\n            unterst\u00fctzen dabei einen sicheren und unterbrechungsfreien\n            Betrieb.\n          <\/p>\n\n          <a href=\"https:\/\/www.omadanetworks.com\/de\/business-networking\/solution\/small-sized-chain-restaurants-stores\/\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Mehr erfahren\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"wheel-text-item\" data-index=\"3\">\n\n          <span class=\"tag\">Anwendungsbereich 4<\/span>\n\n          <h3>B\u00fcro<\/h3>\n\n          <p>\n            Omada wurde speziell f\u00fcr kleine und mittelgro\u00dfe B\u00fcros\n            entwickelt und verbindet zuverl\u00e4ssiges Mitarbeiter- und\n            G\u00e4ste-WLAN mit VoIP, CCTV und sicheren kabelgebundenen\n            Netzwerken. Die zentrale Cloud-Verwaltung erm\u00f6glicht\n            zudem eine einfache Einrichtung und Fernwartung ohne\n            dediziertes IT-Personal vor Ort.\n          <\/p>\n\n          <a href=\"https:\/\/www.omadanetworks.com\/de\/business-networking\/solution\/small-mid-size-office\/\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Mehr erfahren\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"wheel-text-item\" data-index=\"4\">\n\n          <span class=\"tag\">Anwendungsbereich 5<\/span>\n\n          <h3>Hospitality<\/h3>\n\n          <p>\n            Um G\u00e4sten ein stabiles und fl\u00e4chendeckendes WLAN\n            bereitzustellen, bietet Omada f\u00fcr Hotels eine umfassende\n            Netzwerkl\u00f6sung mit leistungsf\u00e4higer Hardware und\n            zentraler Software. Gleichzeitig werden\n            Netzwerkverwaltung, Betrieb und die Anbindung mehrerer\n            Standorte vereinfacht.\n          <\/p>\n\n          <a href=\"https:\/\/www.omadanetworks.com\/de\/business-networking\/solution\/hotel\/\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Mehr erfahren\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"wheel-text-item\" data-index=\"5\">\n\n          <span class=\"tag\">Anwendungsbereich 6<\/span>\n\n          <h3>Schulen<\/h3>\n\n          <p>\n            Omada unterst\u00fctzt Schulen und Bildungseinrichtungen mit\n            leistungsstarken, sicheren Netzwerken f\u00fcr digitale\n            Lernplattformen, Videokonferenzen und interaktive Ger\u00e4te.\n            Zentrale Verwaltung, Zero-Touch-Provisioning und sichere\n            Zug\u00e4nge erleichtern den Betrieb auch \u00fcber mehrere\n            Standorte hinweg.\n          <\/p>\n\n          <a href=\"https:\/\/www.omadanetworks.com\/de\/landing\/education\/\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Mehr erfahren\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =====================================================\n           RAD \/ MOBILE SLIDER\n           ===================================================== -->\n\n      <div\n        class=\"wheel-container-right\"\n        id=\"wheelArea\"\n      >\n\n        <div\n          class=\"wheel-spinner\"\n          id=\"wheelSpinner\"\n        >\n\n          <div class=\"wheel-item\" data-index=\"0\">\n            <img decoding=\"async\"\n              src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Industry-scaled.jpg\"\n              alt=\"Industrie\"\n            >\n          <\/div>\n\n          <div class=\"wheel-item\" data-index=\"1\">\n            <img decoding=\"async\"\n              src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Krankenhaus-scaled.jpg\"\n              alt=\"Krankenh\u00e4user\"\n            >\n          <\/div>\n\n          <div class=\"wheel-item\" data-index=\"2\">\n            <img decoding=\"async\"\n              src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Retail.png\"\n              alt=\"Retail\"\n            >\n          <\/div>\n\n          <div class=\"wheel-item\" data-index=\"3\">\n            <img decoding=\"async\"\n              src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Buero.png\"\n              alt=\"B\u00fcro\"\n            >\n          <\/div>\n\n          <div class=\"wheel-item\" data-index=\"4\">\n            <img decoding=\"async\"\n              src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Hospitality.png\"\n              alt=\"Hospitality\"\n            >\n          <\/div>\n\n          <div class=\"wheel-item\" data-index=\"5\">\n            <img decoding=\"async\"\n              src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Schule.png\"\n              alt=\"Schulen\"\n            >\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================================================\n       JAVASCRIPT\n       ========================================================= -->\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n\n      const spinner =\n        document.getElementById(\"wheelSpinner\");\n\n      const wheelArea =\n        document.getElementById(\"wheelArea\");\n\n      const originalItems =\n        Array.from(\n          document.querySelectorAll(\".wheel-item\")\n        );\n\n      const textItems =\n        document.querySelectorAll(\n          \".wheel-text-item\"\n        );\n\n\n      const uniqueItemsCount = 6;\n      const totalSlots = 12;\n      const stepAngle = 360 \/ totalSlots;\n\n\n      \/* =====================================================\n         RESPONSIVE STATUS\n         ===================================================== *\/\n\n      let isMobile =\n        window.innerWidth <= 900;\n\n\n      \/* =====================================================\n         ITEMS ERSTELLEN\n         ===================================================== *\/\n\n      spinner.innerHTML = \"\";\n\n      let items = [];\n\n\n      for (let i = 0; i < totalSlots; i++) {\n\n        const sourceIndex =\n          i % uniqueItemsCount;\n\n        const clone =\n          originalItems[sourceIndex]\n            .cloneNode(true);\n\n        clone.setAttribute(\n          \"data-slot\",\n          i\n        );\n\n        spinner.appendChild(clone);\n\n        items.push(clone);\n      }\n\n\n      \/* =====================================================\n         DESKTOP VARIABLEN\n         ===================================================== *\/\n\n      let currentRotation = 0;\n\n      let isDragging = false;\n\n      let startY = 0;\n\n      let startRotation = 0;\n\n      let dragDistance = 0;\n\n\n      \/* =====================================================\n         RADIUS\n         ===================================================== *\/\n\n      const getRadius = () => {\n\n        return Math.min(\n          wheelArea.offsetWidth,\n          wheelArea.offsetHeight\n        ) * 0.52;\n\n      };\n\n\n      \/* =====================================================\n         WHEEL POSITION\n         ===================================================== *\/\n\n      const updateWheelPosition =\n        (animate = false) => {\n\n        \/* ================================================\n           MOBILE\n           ================================================ *\/\n\n        if (isMobile) {\n\n          spinner.style.transform = \"none\";\n\n          spinner.style.transition = \"none\";\n\n\n          items.forEach(item => {\n\n            item.style.transform = \"\";\n\n            item.style.transition = \"\";\n\n          });\n\n\n          updateMobileActive();\n\n          return;\n        }\n\n\n        \/* ================================================\n           DESKTOP\n           ================================================ *\/\n\n        const radius =\n          getRadius();\n\n\n        if (animate) {\n\n          spinner.style.transition =\n            \"transform 0.6s cubic-bezier(0.2, 1, 0.3, 1)\";\n\n\n          items.forEach(item => {\n\n            item.style.transition =\n              \"transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.4s ease\";\n\n          });\n\n        } else {\n\n          spinner.style.transition = \"none\";\n\n\n          items.forEach(item => {\n\n            item.style.transition = \"none\";\n\n          });\n\n        }\n\n\n        spinner.style.transform =\n          `rotate(${currentRotation}deg)`;\n\n\n        items.forEach(item => {\n\n          const slot =\n            parseInt(\n              item.getAttribute(\"data-slot\")\n            );\n\n\n          const angleDeg =\n            slot * stepAngle + 180;\n\n\n          const angleRad =\n            (angleDeg * Math.PI) \/ 180;\n\n\n          const x =\n            Math.cos(angleRad) *\n            radius;\n\n\n          const y =\n            Math.sin(angleRad) *\n            radius;\n\n\n          item.style.transform =\n            `translate(-50%, -50%)\n             translate(${x}px, ${y}px)\n             rotate(${-currentRotation}deg)`;\n\n        });\n\n\n        updateActiveStates();\n\n      };\n\n\n      \/* =====================================================\n         DESKTOP ACTIVE STATES\n         ===================================================== *\/\n\n      const updateActiveStates = () => {\n\n        const closestSlot =\n          Math.round(\n            -currentRotation \/\n            stepAngle\n          );\n\n\n        const normalizedSlot =\n          (\n            (closestSlot %\n              totalSlots) +\n            totalSlots\n          ) %\n          totalSlots;\n\n\n        const activeCategoryIndex =\n          (\n            (normalizedSlot %\n              uniqueItemsCount) +\n            uniqueItemsCount\n          ) %\n          uniqueItemsCount;\n\n\n        items.forEach(item => {\n\n          const itemSlot =\n            parseInt(\n              item.getAttribute(\n                \"data-slot\"\n              )\n            );\n\n\n          const prevSlot1 =\n            (\n              normalizedSlot -\n              1 +\n              totalSlots\n            ) %\n            totalSlots;\n\n\n          const nextSlot1 =\n            (\n              normalizedSlot +\n              1\n            ) %\n            totalSlots;\n\n\n          const prevSlot2 =\n            (\n              normalizedSlot -\n              2 +\n              totalSlots\n            ) %\n            totalSlots;\n\n\n          const nextSlot2 =\n            (\n              normalizedSlot +\n              2\n            ) %\n            totalSlots;\n\n\n          item.classList.remove(\n            \"active\",\n            \"near-active\",\n            \"far-active\"\n          );\n\n\n          if (\n            itemSlot ===\n            normalizedSlot\n          ) {\n\n            item.classList.add(\n              \"active\"\n            );\n\n          } else if (\n            itemSlot === prevSlot1 ||\n            itemSlot === nextSlot1\n          ) {\n\n            item.classList.add(\n              \"near-active\"\n            );\n\n          } else if (\n            itemSlot === prevSlot2 ||\n            itemSlot === nextSlot2\n          ) {\n\n            item.classList.add(\n              \"far-active\"\n            );\n\n          }\n\n        });\n\n\n        textItems.forEach(text => {\n\n          const textIdx =\n            parseInt(\n              text.getAttribute(\n                \"data-index\"\n              )\n            );\n\n\n          text.classList.toggle(\n            \"active\",\n            textIdx ===\n            activeCategoryIndex\n          );\n\n        });\n\n      };\n\n\n      \/* =====================================================\n         MOBILE ACTIVE SLIDER\n         ===================================================== *\/\n\n      const updateMobileActive = () => {\n\n        if (!isMobile) return;\n\n\n        const center =\n          spinner.scrollLeft +\n          spinner.offsetWidth \/ 2;\n\n\n        let closestItem = null;\n\n        let closestDistance =\n          Infinity;\n\n\n        items.forEach(item => {\n\n          const itemCenter =\n            item.offsetLeft +\n            item.offsetWidth \/ 2;\n\n\n          const distance =\n            Math.abs(\n              center -\n              itemCenter\n            );\n\n\n          if (\n            distance <\n            closestDistance\n          ) {\n\n            closestDistance =\n              distance;\n\n            closestItem =\n              item;\n\n          }\n\n        });\n\n\n        if (!closestItem)\n          return;\n\n\n        const activeIndex =\n          parseInt(\n            closestItem.getAttribute(\n              \"data-index\"\n            )\n          );\n\n\n        items.forEach(item => {\n\n          item.classList.remove(\n            \"active\",\n            \"near-active\",\n            \"far-active\"\n          );\n\n\n          if (\n            item ===\n            closestItem\n          ) {\n\n            item.classList.add(\n              \"active\"\n            );\n\n          } else {\n\n            item.classList.add(\n              \"near-active\"\n            );\n\n          }\n\n        });\n\n\n        textItems.forEach(text => {\n\n          const textIndex =\n            parseInt(\n              text.getAttribute(\n                \"data-index\"\n              )\n            );\n\n\n          text.classList.toggle(\n            \"active\",\n            textIndex ===\n            activeIndex\n          );\n\n        });\n\n      };\n\n\n      \/* =====================================================\n         SNAP DESKTOP\n         ===================================================== *\/\n\n      const snapToClosestSlot = () => {\n\n        const closestSlot =\n          Math.round(\n            -currentRotation \/\n            stepAngle\n          );\n\n\n        currentRotation =\n          -closestSlot *\n          stepAngle;\n\n\n        updateWheelPosition(true);\n\n      };\n\n\n      \/* =====================================================\n         DESKTOP DRAG\n         ===================================================== *\/\n\n      const handleStart =\n        (clientY) => {\n\n        if (isMobile)\n          return;\n\n\n        isDragging = true;\n\n        startY = clientY;\n\n        startRotation =\n          currentRotation;\n\n        dragDistance = 0;\n\n      };\n\n\n      const handleMove =\n        (clientY) => {\n\n        if (\n          !isDragging ||\n          isMobile\n        ) return;\n\n\n        const deltaY =\n          clientY -\n          startY;\n\n\n        dragDistance =\n          Math.abs(deltaY);\n\n\n        currentRotation =\n          startRotation -\n          (deltaY * 0.25);\n\n\n        updateWheelPosition(false);\n\n      };\n\n\n      const handleEnd = () => {\n\n        if (\n          !isDragging ||\n          isMobile\n        ) return;\n\n\n        isDragging = false;\n\n        snapToClosestSlot();\n\n      };\n\n\n      wheelArea.addEventListener(\n        \"mousedown\",\n        e =>\n          handleStart(\n            e.clientY\n          )\n      );\n\n\n      window.addEventListener(\n        \"mousemove\",\n        e =>\n          handleMove(\n            e.clientY\n          )\n      );\n\n\n      window.addEventListener(\n        \"mouseup\",\n        handleEnd\n      );\n\n\n      \/* =====================================================\n         MOBILE SCROLL\n         ===================================================== *\/\n\n      let scrollTimer;\n\n\n      spinner.addEventListener(\n        \"scroll\",\n        () => {\n\n          if (!isMobile)\n            return;\n\n\n          updateMobileActive();\n\n\n          clearTimeout(\n            scrollTimer\n          );\n\n\n          scrollTimer =\n            setTimeout(\n              () => {\n\n                updateMobileActive();\n\n              },\n              80\n            );\n\n        },\n        {\n          passive: true\n        }\n      );\n\n\n      \/* =====================================================\n         KLICK AUF KARTEN\n         ===================================================== *\/\n\n      items.forEach(item => {\n\n        item.addEventListener(\n          \"click\",\n          e => {\n\n            e.stopPropagation();\n\n\n            \/* ==========================================\n               MOBILE\n               ========================================== *\/\n\n            if (isMobile) {\n\n              const itemCenter =\n                item.offsetLeft +\n                item.offsetWidth \/ 2;\n\n\n              const targetScroll =\n                itemCenter -\n                spinner.offsetWidth \/ 2;\n\n\n              spinner.scrollTo({\n\n                left:\n                  targetScroll,\n\n                behavior:\n                  \"smooth\"\n\n              });\n\n\n              return;\n            }\n\n\n            \/* ==========================================\n               DESKTOP\n               ========================================== *\/\n\n            if (\n              dragDistance > 10\n            ) return;\n\n\n            const targetSlot =\n              parseInt(\n                item.getAttribute(\n                  \"data-slot\"\n                )\n              );\n\n\n            const currentSlot =\n              Math.round(\n                -currentRotation \/\n                stepAngle\n              );\n\n\n            let diff =\n              targetSlot -\n              (\n                currentSlot %\n                totalSlots\n              );\n\n\n            if (\n              diff >\n              totalSlots \/ 2\n            ) {\n\n              diff -=\n                totalSlots;\n\n            }\n\n\n            if (\n              diff <\n              -totalSlots \/ 2\n            ) {\n\n              diff +=\n                totalSlots;\n\n            }\n\n\n            currentRotation -=\n              diff *\n              stepAngle;\n\n\n            updateWheelPosition(\n              true\n            );\n\n          }\n        );\n\n      });\n\n\n      \/* =====================================================\n         RESPONSIVE RESIZE\n         ===================================================== *\/\n\n      window.addEventListener(\n        \"resize\",\n        () => {\n\n          const newMobile =\n            window.innerWidth <= 900;\n\n\n          if (\n            newMobile !==\n            isMobile\n          ) {\n\n            isMobile =\n              newMobile;\n\n\n            if (isMobile) {\n\n              requestAnimationFrame(\n                () => {\n\n                  const first =\n                    items[0];\n\n\n                  if (first) {\n\n                    spinner.scrollLeft =\n                      first.offsetLeft -\n                      (\n                        spinner.offsetWidth -\n                        first.offsetWidth\n                      ) \/ 2;\n\n                  }\n\n\n                  updateMobileActive();\n\n                }\n              );\n\n            } else {\n\n              currentRotation = 0;\n\n              updateWheelPosition(\n                false\n              );\n\n            }\n\n          } else {\n\n            updateWheelPosition(\n              false\n            );\n\n          }\n\n        }\n      );\n\n\n      \/* =====================================================\n         INITIALISIERUNG\n         ===================================================== *\/\n\n      if (isMobile) {\n\n        requestAnimationFrame(\n          () => {\n\n            const first =\n              items[0];\n\n\n            if (first) {\n\n              spinner.scrollLeft =\n                first.offsetLeft -\n                (\n                  spinner.offsetWidth -\n                  first.offsetWidth\n                ) \/ 2;\n\n            }\n\n\n            updateMobileActive();\n\n          }\n        );\n\n      } else {\n\n        updateWheelPosition(\n          false\n        );\n\n      }\n\n    });\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08fe4ec e-flex e-con-boxed e-con e-parent\" data-id=\"08fe4ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64f66b5 elementor-widget elementor-widget-menu-anchor\" data-id=\"64f66b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"konfigurator\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fb4943 e-con-full e-flex e-con e-parent\" data-id=\"9fb4943\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-df5134f e-con-full e-flex e-con e-child\" data-id=\"df5134f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c724d16 animated-slow elementor-invisible elementor-widget elementor-widget-video\" data-id=\"c724d16\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/Omada-Banner-Motion.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdc1fde e-con-full e-flex e-con e-child\" data-id=\"bdc1fde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01abc2a animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"01abc2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Konfigurieren Sie Ihre individuelle Omada-Ausstattung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-936c2ad animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"936c2ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Welche Omada-Produkte passen zu Ihrem Projekt? Der Produktkonfigurator unterst\u00fctzt Sie bei der Auswahl und stellt auf Basis Ihrer Anforderungen eine passende L\u00f6sung zusammen. So gelangen Sie schnell und unkompliziert zu einer optimalen Kombination aus Gateways, Switches, Access Points und weiteren Omada-Komponenten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8cd685 elementor-mobile-align-center animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"f8cd685\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.omadanetworks.com\/de\/business-networking\/software-tools\/omada-design-hub\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Zum Konfigurator<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbd7b12 e-flex e-con-boxed e-con e-parent\" data-id=\"cbd7b12\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b86c970 elementor-widget elementor-widget-spacer\" data-id=\"b86c970\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfbd965 e-flex e-con-boxed e-con e-parent\" data-id=\"dfbd965\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-038470d elementor-widget elementor-widget-menu-anchor\" data-id=\"038470d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"partnerprogramm\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e859ebb elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"e859ebb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7f7e6d elementor-widget elementor-widget-image\" data-id=\"c7f7e6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"790\" height=\"520\" src=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/240708_Banner_Partnerprogramm_SolutionX_790x520px-2.jpg\" class=\"attachment-large size-large wp-image-651\" alt=\"\" srcset=\"https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/240708_Banner_Partnerprogramm_SolutionX_790x520px-2.jpg 790w, https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/240708_Banner_Partnerprogramm_SolutionX_790x520px-2-300x197.jpg 300w, https:\/\/api.de\/tp-link\/wp-content\/uploads\/2026\/09\/240708_Banner_Partnerprogramm_SolutionX_790x520px-2-768x506.jpg 768w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4b3bc elementor-widget elementor-widget-heading\" data-id=\"bc4b3bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Warum Teil des TP-Links Partnerprogramms werden?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50890eb elementor-widget elementor-widget-text-editor\" data-id=\"50890eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Entdecken Sie im TP-Link Partnerportal die Vorteile von Omada und profitieren Sie von umfassenden Ressourcen, Tools und Services f\u00fcr die Planung, Bereitstellung und Verwaltung leistungsstarker Business-Netzwerke.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-add405c e-con-full e-flex e-con e-parent\" data-id=\"add405c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-47da118 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"47da118\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-30febd6 e-con-full e-flex e-con e-child\" data-id=\"30febd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9c1981 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c9c1981\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Warum Teil des TP-Links Partnerprogramms werden?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a563d0 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8a563d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Entdecken Sie im TP-Link Partnerportal die Vorteile von Omada und profitieren Sie von umfassenden Ressourcen, Tools und Services f\u00fcr die Planung, Bereitstellung und Verwaltung leistungsstarker Business-Netzwerke.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cb28cb e-con-full e-flex e-con e-child\" data-id=\"5cb28cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1bee7c e-con-full e-flex e-con e-child\" data-id=\"f1bee7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d829577 e-con-full e-flex e-con e-child\" data-id=\"d829577\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:170,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-e4420e2 e-con-full e-flex e-con e-child\" data-id=\"e4420e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a66ac elementor-widget elementor-widget-heading\" data-id=\"68a66ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Attraktive Margen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbfd28 elementor-widget elementor-widget-text-editor\" data-id=\"9fbfd28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Profitieren Sie von wettbewerbsf\u00e4higen Einkaufskonditionen und attraktiven Margen auf Omada- und VIGI-Produkte, um Ihre Rentabilit\u00e4t zu maximieren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-549ff80 e-con-full e-flex e-con e-child\" data-id=\"549ff80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdc619d e-con-full e-flex e-con e-child\" data-id=\"fdc619d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:200,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-69690d2 e-con-full e-flex e-con e-child\" data-id=\"69690d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4159666 elementor-widget elementor-widget-heading\" data-id=\"4159666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pers\u00f6nliche Betreuung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-480e61d elementor-widget elementor-widget-text-editor\" data-id=\"480e61d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nutzen Sie individuelle Unterst\u00fctzung und umfangreiche Ressourcen f\u00fcr Ihren Erfolg \u2013 einschlie\u00dflich pers\u00f6nlicher Ansprechpartner, technischem Support und Marketingunterst\u00fctzung.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-360a20e e-con-full e-flex e-con e-child\" data-id=\"360a20e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f673fcb e-con-full e-flex e-con e-child\" data-id=\"f673fcb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:230,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-e79185e e-con-full e-flex e-con e-child\" data-id=\"e79185e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88583eb elementor-widget elementor-widget-heading\" data-id=\"88583eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Schulungen &amp; Zertifizierungen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90a4f38 elementor-widget elementor-widget-text-editor\" data-id=\"90a4f38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Bleiben Sie der Konkurrenz einen Schritt voraus mit exklusiven Trainings- und Zertifizierungsprogrammen. So erwerben Sie das Wissen, das Sie ben\u00f6tigen, um in einer sich st\u00e4ndig wandelnden Technologielandschaft erfolgreich zu sein.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53d2987 e-con-full e-flex e-con e-child\" data-id=\"53d2987\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a46e1a6 e-con-full e-flex e-con e-child\" data-id=\"a46e1a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:260,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-4db6303 e-con-full e-flex e-con e-child\" data-id=\"4db6303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d65e084 elementor-widget elementor-widget-heading\" data-id=\"d65e084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Co-Marketing-M\u00f6glichkeiten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7db7bc5 elementor-widget elementor-widget-text-editor\" data-id=\"7db7bc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Arbeiten Sie gemeinsam mit TP-Link an Marketingkampagnen, steigern Sie Ihre Markenbekanntheit und gewinnen Sie neue Kunden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-838a560 e-con-full e-flex e-con e-child\" data-id=\"838a560\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4cdd70 e-con-full e-flex e-con e-child\" data-id=\"b4cdd70\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:290,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-1f23055 e-con-full e-flex e-con e-child\" data-id=\"1f23055\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e970aaa elementor-widget elementor-widget-heading\" data-id=\"e970aaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Zugang zu neuen Technologien<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb8feb3 elementor-widget elementor-widget-text-editor\" data-id=\"cb8feb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Erhalten Sie fr\u00fchzeitig Einblicke in neue Produkte und Innovationen und profitieren Sie von einem Vorsprung bei den Technologien, die die Zukunft des Marktes pr\u00e4gen werden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b800c88 e-con-full e-flex e-con e-child\" data-id=\"b800c88\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d745a48 e-con-full e-flex e-con e-child\" data-id=\"d745a48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0ce1074 e-con-full e-flex e-con e-child\" data-id=\"0ce1074\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1562c elementor-widget elementor-widget-spacer\" data-id=\"6f1562c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9808271 e-con-full e-flex e-con e-child\" data-id=\"9808271\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4b658b4 e-con-full e-flex e-con e-child\" data-id=\"4b658b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb6efb elementor-widget elementor-widget-text-editor\" data-id=\"dbb6efb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Profitieren Sie als Partner von innovativen Netzwerkl\u00f6sungen, einer weltweit anerkannten Marke mit \u00fcber 30 Jahren Erfahrung sowie h\u00f6chster Qualit\u00e4t, starker Performance und attraktiven Garantieleistungen. <strong class=\"x1s688f\">Werden Sie jetzt TP-Link Partner und sichern Sie sich Ihren Zugang zu einem starken Portfolio und langfristigen Erfolgschancen.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5db8102 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"5db8102\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/partner.tp-link.com\/de\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Zum Partnerportal<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-debaf11 e-flex e-con-boxed e-con e-parent\" data-id=\"debaf11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d52f3 elementor-widget elementor-widget-spacer\" data-id=\"c5d52f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ecf6b7 e-flex e-con-boxed e-con e-parent\" data-id=\"7ecf6b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e56eae elementor-widget elementor-widget-spacer\" data-id=\"1e56eae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a76512e e-flex e-con-boxed e-con e-parent\" data-id=\"a76512e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4c43f elementor-widget elementor-widget-menu-anchor\" data-id=\"4a4c43f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"kontakt\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0f83da elementor-widget elementor-widget-heading\" data-id=\"a0f83da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Kontakt<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d221061 e-con-full e-flex e-con e-parent\" data-id=\"d221061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8256ea elementor-widget elementor-widget-html\" data-id=\"d8256ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Google Font: Manrope sauber via CSS-Import (verhindert Elementor-Parsing-Fehler) *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@200;400;600;700;800&display=swap');\n\n  \/* Outward Yellow-Neon Pulse Keyframes f\u00fcr Hover auf Buttons *\/\n  @keyframes outwardNeonPulse {\n    0% {\n      box-shadow: 0 0 0 0 rgba(166, 239, 0, 0.9);\n      border-color: #a6ef00;\n    }\n    50% {\n      border-color: #a6ef00;\n    }\n    100% {\n      box-shadow: 0 0 0 26px rgba(166, 239, 0, 0);\n      border-color: #a6ef00;\n    }\n  }\n\n  \/* Base Container - Full Width Integration *\/\n  .omada-slider-wrapper {\n    width: 100%;\n    max-width: 100%;\n    padding: 40px 10px;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    perspective: 1200px;\n    font-family: 'Manrope', sans-serif;\n  }\n\n  \/* Single Full Width Interactive Card - Ruhiger Zustand *\/\n  .omada-full-card {\n    position: relative;\n    width: 100%;\n    max-width: 1180px;\n    height: 195px;\n    background: #0a5a5a;\n    border-radius: 65px;\n    border: 1px solid rgba(0, 225, 148, 0.3);\n    \/* Kr\u00e4ftiger schwarzer Schatten im Ruhezustand *\/\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7),\n                0 4px 12px rgba(0, 0, 0, 0.4);\n    overflow: hidden;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 45px;\n    box-sizing: border-box;\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    z-index: 1;\n  }\n\n  \/* Ambient Glow Background Layer *\/\n  .omada-full-card::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(0, 225, 148, 0.35) 0%, rgba(10, 90, 90, 0) 70%);\n    opacity: 0;\n    transform: scale(0.4);\n    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  \/* Top Border Glowing Line *\/\n  .omada-full-card::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0%;\n    height: 5px;\n    background: linear-gradient(90deg, #00e194, #a6ef00, #00A870);\n    transition: width 0.6s ease;\n    box-shadow: 0 0 15px #00e194;\n  }\n\n  \/* --- GRAND FULL WIDTH HOVER EXPANSION --- *\/\n  .omada-full-card:hover {\n    max-width: 1400px;\n    height: 270px;\n    border-radius: 28px;\n    transform: scale(1.02) translateY(-6px);\n    border-color: rgba(0, 225, 148, 0.8);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.75),\n                0 0 40px rgba(0, 225, 148, 0.3);\n  }\n\n  .omada-full-card:hover::before {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .omada-full-card:hover::after {\n    width: 100%;\n  }\n\n  \/* Teaser State (Ruhiger Zustand) *\/\n  .omada-teaser-icons {\n    display: flex;\n    align-items: center;\n    gap: 35px;\n    position: absolute;\n    opacity: 1;\n    transform: scale(1);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    width: calc(100% - 80px);\n    justify-content: center;\n  }\n\n  \/* Static Icons (Ohne Puls-Animation) *\/\n  .omada-teaser-icon-item {\n    width: 90px;\n    height: 90px;\n    min-width: 90px;\n    border-radius: 50%;\n    border: 2px solid rgba(0, 225, 148, 0.35);\n    background: rgba(255, 255, 255, 0.06);\n    box-shadow: 0 0 10px rgba(0, 225, 148, 0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00e194;\n  }\n\n  .omada-teaser-text-block {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  \/* Haupt\u00fcberschrift: Normale Schrift, 30px *\/\n  .omada-teaser-label {\n    color: #ffffff;\n    font-size: 35px;\n    font-weight: 800;\n    letter-spacing: 0.2px;\n    text-transform: none;\n    font-family: 'Manrope', sans-serif;\n    margin-bottom: 6px;\n    line-height: 1.15;\n  }\n\n  \/* Untertext: Wei\u00df & Leicht (font-weight: 200), ohne Doppelpunkt *\/\n  .omada-teaser-subtext {\n    color: #ffffff;\n    font-size: 25px;\n    font-weight: 200;\n    line-height: 1.25;\n    max-width: 880px;\n    font-family: 'Manrope', sans-serif;\n  }\n\n  .omada-full-card:hover .omada-teaser-icons {\n    opacity: 0;\n    transform: scale(0.7);\n    pointer-events: none;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n  }\n\n  \/* Expanded Content *\/\n  .omada-expanded-content {\n    width: 100%;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    gap: 30px;\n    opacity: 0;\n    transform: translateY(20px) scale(0.95);\n    pointer-events: none;\n    transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n  }\n\n  .omada-full-card:hover .omada-expanded-content {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    pointer-events: auto;\n    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, \n                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;\n  }\n\n  \/* Single Contact Item inside Expanded View *\/\n  .omada-contact-item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    text-decoration: none !important;\n    padding: 24px 36px;\n    border-radius: 20px;\n    background: rgba(43, 43, 43, 0.4);\n    border: 2px solid rgba(0, 225, 148, 0.2);\n    flex: 1;\n    max-width: 580px;\n    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  \/* BUTTON HOVER: PULSE EFFEKT *\/\n  .omada-contact-item:hover {\n    background: rgba(0, 225, 148, 0.15);\n    transform: scale(1.02) translateY(-4px);\n    border-color: #a6ef00;\n    animation: outwardNeonPulse 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;\n    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;\n  }\n\n  \/* Icon-Container in den Buttons *\/\n  .omada-item-icon {\n    width: 66px;\n    height: 66px;\n    min-width: 66px;\n    border-radius: 18px;\n    background: #00e194;\n    color: #0a5a5a;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 15px rgba(0, 225, 148, 0.4);\n    transition: transform 0.2s ease, background-color 0.2s ease;\n  }\n\n  .omada-contact-item:hover .omada-item-icon {\n    transform: scale(1.03);\n    background: #a6ef00;\n  }\n\n  .omada-item-icon svg {\n    width: 32px;\n    height: 32px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .omada-item-info {\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* Subtitle in den Buttons (15px) *\/\n  .omada-item-subtitle {\n    font-size: 20px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: #ebebeb;\n    font-weight: 600;\n    margin-bottom: 4px;\n    font-family: 'Manrope', sans-serif;\n  }\n\n  \/* Title in den Buttons (26px) *\/\n  .omada-item-title {\n    font-size: 30px;\n    font-weight: 800;\n    color: #ffffff !important;\n    margin: 0;\n    font-family: 'Manrope', sans-serif;\n  }\n\n  .omada-contact-item:hover .omada-item-title {\n    color: #ffffff !important;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 1024px) {\n    .omada-teaser-label {\n      font-size: 24px;\n    }\n    .omada-teaser-subtext {\n      font-size: 18px;\n    }\n    .omada-full-card {\n      height: auto;\n      min-height: 170px;\n      padding: 25px 20px;\n    }\n    .omada-teaser-icon-item {\n      width: 70px;\n      height: 70px;\n      min-width: 70px;\n    }\n    .omada-teaser-icon-item svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .omada-full-card {\n      height: auto;\n      min-height: 140px;\n      padding: 20px 15px;\n      border-radius: 24px;\n    }\n\n    .omada-full-card:hover {\n      height: auto;\n      padding: 25px 15px;\n    }\n\n    .omada-teaser-icons {\n      gap: 15px;\n      width: 100%;\n    }\n\n    .omada-teaser-icon-item {\n      width: 50px;\n      height: 50px;\n      min-width: 50px;\n    }\n\n    .omada-teaser-icon-item svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    .omada-teaser-label {\n      font-size: 18px;\n    }\n\n    .omada-teaser-subtext {\n      font-size: 14px;\n    }\n\n    .omada-expanded-content {\n      flex-direction: column;\n      gap: 15px;\n    }\n\n    .omada-contact-item {\n      width: 100%;\n      max-width: 100%;\n      box-sizing: border-box;\n      padding: 15px 20px;\n    }\n\n    .omada-item-title {\n      font-size: 19px;\n    }\n  }\n<\/style>\n\n<div class=\"omada-slider-wrapper\">\n  \n  <div class=\"omada-full-card\">\n    \n    <!-- INITIAL STATE: Static Large Glowing Icons, 30px Label & Light Subtext -->\n    <div class=\"omada-teaser-icons\">\n      <div class=\"omada-teaser-icon-item\">\n        <svg viewBox=\"0 0 24 24\" width=\"40\" height=\"40\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n        <\/svg>\n      <\/div>\n      \n      <div class=\"omada-teaser-text-block\">\n        <span class=\"omada-teaser-label\">Kontaktieren Sie uns!<\/span>\n        <span class=\"omada-teaser-subtext\">Bei Fragen zu unseren Angeboten oder f\u00fcr individuelle Beratung steht Ihnen das Team der api GmbH gerne zur Verf\u00fcgung<\/span>\n      <\/div>\n\n      <div class=\"omada-teaser-icon-item\">\n        <svg viewBox=\"0 0 24 24\" width=\"40\" height=\"40\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n          <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <!-- HOVER STATE: Grand Full Width Content Reveal -->\n    <div class=\"omada-expanded-content\">\n      \n      <!-- Hotline Section -->\n      <a href=\"tel:+4924191705000\" class=\"omada-contact-item\">\n        <div class=\"omada-item-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"omada-item-info\">\n          <span class=\"omada-item-subtitle\">Hotline anrufen<\/span>\n          <h3 class=\"omada-item-title\">+49(0)241 9170 5000<\/h3>\n        <\/div>\n      <\/a>\n\n      <!-- E-Mail Section -->\n      <a href=\"mailto:tplink@api.de\" class=\"omada-contact-item\">\n        <div class=\"omada-item-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"omada-item-info\">\n          <span class=\"omada-item-subtitle\">E-Mail schreiben<\/span>\n          <h3 class=\"omada-item-title\">tplink@api.de<\/h3>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Kachel Grid Omada by TP-Link auf einen Blick \u00dcber Omada Omada ist die professionelle Business-Netzwerkl\u00f6sung von TP-Link. Das System [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":997,"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1227,"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/pages\/20\/revisions\/1227"}],"wp:attachment":[{"href":"https:\/\/api.de\/tp-link\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}