{"id":3247,"date":"2024-10-18T08:31:47","date_gmt":"2024-10-18T08:31:47","guid":{"rendered":"https:\/\/www.inetcc.com\/?page_id=3247"},"modified":"2026-06-03T09:43:03","modified_gmt":"2026-06-03T09:43:03","slug":"unserem-konsortium-beitreten","status":"publish","type":"page","link":"https:\/\/www.inetcc.com\/de\/unserem-konsortium-beitreten\/","title":{"rendered":"Unserem Konsortium beitreten"},"content":{"rendered":"\n<!-- ============================================================\n     INETCC \u2014 Join our Consortium  (WordPress-safe snippet)\n     Paste this into your page using a Custom HTML block.\n     Replace VIDEO_URL_1\u20265 and IMAGE_URL_1\u20268 with your real URLs.\n     ============================================================ -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* All styles scoped to .icc-cons to avoid conflicts with WordPress theme *\/\n.icc-cons{\n  --cn:#0d2045;--cd:#091530;--cm:#132a57;--cg:#00c97a;\n  --gl:#e6faf2;--cw:#ffffff;--co:#f4f6fb;--ct:#1a2540;--mu:#5a6580;\n  --r:14px;\n  font-family:'DM Sans',sans-serif;\n  color:var(--ct);\n  line-height:1.7;\n  width:100%;\n  display:block;\n}\n.icc-cons *{box-sizing:border-box;}\n.icc-cons img{max-width:100%;height:auto;}\n\n\/* Full-width bleed for WordPress \u2014 breaks out of WP content column *\/\n.icc-cons .bleed{\n  width:100vw;\n  position:relative;\n  left:50%;\n  transform:translateX(-50%);\n  max-width:100vw;\n  overflow-x:hidden;\n  box-sizing:border-box;\n}\n.icc-cons .inner{max-width:1200px;margin:0 auto;padding:0 40px;}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.icc-cons .hero{\n  background:var(--cn);\n  padding:72px 0 64px;\n  position:relative;\n}\n.icc-cons .hero::before{\n  content:'';position:absolute;inset:0;pointer-events:none;\n  background:\n    radial-gradient(ellipse 80% 70% at 15% 55%,rgba(0,201,122,.15) 0%,transparent 60%),\n    radial-gradient(ellipse 55% 55% at 85% 15%,rgba(0,80,200,.18) 0%,transparent 55%);\n}\n.icc-cons .hero-inner{position:relative;max-width:860px;}\n.icc-cons .eyebrow{\n  display:inline-flex;align-items:center;gap:.45rem;\n  background:rgba(0,201,122,.18);color:var(--cg);\n  font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;\n  padding:.28rem .95rem;border-radius:30px;margin-bottom:1.1rem;\n}\n.icc-cons .hero h1{\n  font-family:'Sora',sans-serif;\n  font-size:clamp(2rem,5.5vw,3.8rem);\n  color:#fff;font-weight:800;line-height:1.05;\n  letter-spacing:-.03em;margin-bottom:1.5rem;\n}\n.icc-cons .hero h1 em{color:var(--cg);font-style:normal;}\n.icc-cons .hquote{\n  border-left:3px solid var(--cg);padding-left:1.2rem;margin-bottom:1.3rem;\n}\n.icc-cons .hquote p{color:rgba(255,255,255,.8);font-size:.97rem;font-style:italic;line-height:1.75;}\n.icc-cons .hquote strong{color:#fff;font-style:normal;}\n.icc-cons .hquote .attr{color:var(--cg);font-size:.83rem;margin-top:.3rem;font-style:normal;display:block;}\n.icc-cons .hdef{background:rgba(255,255,255,.07);border:1px solid rgba(0,201,122,.28);border-left:3px solid var(--cg);border-radius:var(--r);padding:1rem 1.35rem;color:rgba(255,255,255,.85);font-size:.97rem;font-weight:400;line-height:1.8;font-style:italic;}\n.icc-cons .wave{display:none;}\n\n\/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n.icc-cons .sec{padding:56px 0;}\n.icc-cons .sec-off{background:var(--co);}\n.icc-cons .sec-dk{background:var(--cn);}\n.icc-cons .stag{\n  display:inline-flex;align-items:center;gap:.4rem;\n  background:var(--gl);color:#007a4a;\n  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n  padding:.26rem .85rem;border-radius:30px;margin-bottom:.85rem;\n}\n.icc-cons .stag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cg);flex-shrink:0;}\n.icc-cons .stag-lt{background:rgba(0,201,122,.18);color:var(--cg);}\n.icc-cons h2.st{\n  font-family:'Sora',sans-serif;\n  font-size:clamp(1.45rem,3vw,2rem);\n  font-weight:700;line-height:1.15;margin-bottom:.45rem;color:var(--cn);\n}\n.icc-cons .sec-dk h2.st{color:#fff;}\n.icc-cons .sline{width:36px;height:3px;background:var(--cg);border-radius:2px;margin-bottom:1.2rem;}\n.icc-cons .sdesc{color:var(--mu);font-size:.93rem;line-height:1.8;max-width:620px;}\n.icc-cons .sec-dk .sdesc{color:rgba(255,255,255,.58);}\n\n\/* \u2500\u2500 VIDEO GRID \u2500\u2500 *\/\n.icc-cons .vframe{\n  margin-top:1.8rem;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.1);\n  border-radius:18px;padding:1rem;\n}\n.icc-cons .vgrid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:.75rem;\n}\n.icc-cons .vi{\n  position:relative;border-radius:10px;overflow:hidden;\n  background:#000;aspect-ratio:16\/9;\n}\n.icc-cons .vi video{width:100%;height:100%;object-fit:cover;display:block;}\n.icc-cons .vov{\n  position:absolute;inset:0;pointer-events:none;\n  background:linear-gradient(to top,rgba(9,21,48,.5) 0%,transparent 55%);\n}\n.icc-cons .vn{\n  position:absolute;top:9px;left:10px;\n  background:rgba(0,201,122,.88);color:#fff;\n  font-family:'Sora',sans-serif;font-size:.6rem;font-weight:700;\n  padding:.15rem .5rem;border-radius:20px;letter-spacing:.05em;\n}\n.icc-cons .vph{\n  position:absolute;inset:0;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\n  gap:.6rem;background:var(--cm);color:rgba(255,255,255,.35);\n  font-size:.75rem;font-family:'Sora',sans-serif;text-align:center;padding:.5rem;\n}\n.icc-cons .vph svg{opacity:.35;}\n\n\/* \u2500\u2500 CAROUSEL (4-up strip) \u2500\u2500 *\/\n.icc-cons .cwrap{\n  margin-top:1.5rem;position:relative;\n  border-radius:14px;overflow:hidden;\n  border:1.5px solid #dde6f0;\n  background:var(--cd);\n  padding:.6rem .6rem .5rem;\n}\n.icc-cons .cviewport{\n  overflow:hidden;\n  border-radius:10px;\n}\n.icc-cons .ctrack{\n  display:flex;\n  transition:transform .55s cubic-bezier(.4,0,.2,1);\n  gap:.5rem;\n}\n.icc-cons .cslide{\n  min-width:calc(25% - .375rem);\n  height:240px;\n  position:relative;overflow:hidden;flex-shrink:0;\n  border-radius:8px;\n}\n.icc-cons .cslide img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}\n.icc-cons .ccap{\n  position:absolute;bottom:0;left:0;right:0;\n  padding:.5rem .75rem;\n  background:linear-gradient(to top,rgba(9,21,48,.75) 0%,transparent 100%);\n  color:#fff;font-size:.7rem;opacity:.9;\n}\n.icc-cons .cdots{\n  display:flex;justify-content:center;gap:.4rem;padding:.55rem 0 .3rem;\n  background:var(--cd);\n}\n.icc-cons .cdots button{\n  width:7px;height:7px;border-radius:50%;border:none;cursor:pointer;\n  background:rgba(255,255,255,.22);transition:all .3s;padding:0;\n}\n.icc-cons .cdots button.on{background:var(--cg);width:18px;border-radius:4px;}\n.icc-cons .cbtn{\n  position:absolute;top:calc(50% - 18px);\n  background:rgba(13,32,69,.7);border:1px solid rgba(255,255,255,.2);\n  color:#fff;width:34px;height:34px;border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  cursor:pointer;z-index:5;font-size:.9rem;transition:all .2s;line-height:1;\n}\n.icc-cons .cbtn:hover{background:var(--cg);border-color:var(--cg);color:var(--cn);}\n.icc-cons .cbtn.cp{left:-14px;}\n.icc-cons .cbtn.cn2{right:-14px;}\n\n\/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n.icc-cons .fgrid{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n  gap:.9rem;margin-top:1.8rem;\n}\n.icc-cons .fcard{\n  background:var(--cw);border:1px solid #dde8f4;\n  border-top:3px solid var(--cg);border-radius:var(--r);\n  padding:1.3rem 1.2rem;\n}\n.icc-cons .fnum{\n  font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;\n  color:var(--cg);line-height:1;margin-bottom:.45rem;opacity:.3;\n}\n.icc-cons .fcard h4{font-family:'Sora',sans-serif;font-size:.92rem;font-weight:700;color:var(--cn);margin-bottom:.35rem;}\n.icc-cons .fcard p{font-size:.82rem;color:var(--mu);line-height:1.7;}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.icc-cons .cta{padding:40px 0 36px;text-align:center;margin-top:2px;}\n.icc-cons .cta h2{font-family:'Sora',sans-serif;font-size:clamp(1.15rem,2.2vw,1.45rem);color:#fff;margin-bottom:.3rem;}\n.icc-cons .cta p{color:rgba(255,255,255,.58);font-size:.85rem;margin-bottom:1.1rem;}\n.icc-cons .cta-btn{\n  display:inline-block;\n  background:var(--cg);color:var(--cn);\n  font-family:'Sora',sans-serif;font-weight:700;font-size:.88rem;\n  padding:.7rem 1.9rem;border-radius:30px;text-decoration:none;\n  letter-spacing:.02em;transition:opacity .2s;\n}\n.icc-cons .cta-btn:hover{opacity:.82;}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:700px){\n  .icc-cons .vgrid{grid-template-columns:1fr 1fr;}\n  .icc-cons .hero{padding:44px 0 72px;}\n  .icc-cons .cslide{min-width:100%;width:100%;height:260px;}\n}\n@media(max-width:440px){\n  .icc-cons .vgrid{grid-template-columns:1fr;}\n  .icc-cons .cslide{min-width:100%;width:100%;height:230px;}\n  .icc-cons .cbtn{width:28px;height:28px;font-size:.75rem;}\n  .icc-cons .cbtn.cp{left:-10px;}\n  .icc-cons .cbtn.cn2{right:-10px;}\n}\n\n\/* \u2500\u2500 HERO 2-COL LAYOUT \u2500\u2500 *\/\n.icc-cons .hero-2col{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;}\n.icc-cons .hero-left{padding-top:0;}\n.icc-cons .hero-right{padding-top:0;}\n.icc-cons .hero-left .eyebrow{display:inline-flex;}\n.icc-cons .hero-left h1{margin-bottom:1.2rem;}\n\n\/* \u2500\u2500 FEATURE CARDS hover \u2500\u2500 *\/\n.icc-cons .hfgrid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:0;}\n.icc-cons .hfcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-top:2px solid var(--cg);border-radius:10px;padding:1.1rem 1.15rem;cursor:default;transition:background .25s,border-color .25s,transform .22s;position:relative;}\n.icc-cons .hfcard:hover{background:rgba(0,201,122,.11);border-color:var(--cg);transform:translateY(-3px);}\n.icc-cons .hfnum{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:800;color:var(--cg);opacity:.35;line-height:1;margin-bottom:.4rem;}\n.icc-cons .hfcard h5{font-family:'Sora',sans-serif;font-size:.88rem;font-weight:700;color:#fff;margin-bottom:0;line-height:1.35;}\n.icc-cons .hftext{font-size:.82rem;color:rgba(255,255,255,.65);line-height:1.65;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease,margin .3s ease;margin-top:0;}\n.icc-cons .hfcard:hover .hftext{max-height:200px;opacity:1;margin-top:.5rem;}\n\n@media(max-width:900px){.icc-cons .hero-2col{grid-template-columns:1fr;gap:1.8rem;}.icc-cons .hfgrid{grid-template-columns:1fr 1fr;}.icc-cons .hero{padding:44px 0 48px;}}\n@media(max-width:540px){.icc-cons .hfgrid{grid-template-columns:1fr;}}\n<\/style>\n\n<div class=\"icc-cons\">\n\n  <!-- \u2550\u2550 HERO \u2550\u2550 -->\n  <div class=\"bleed hero\">\n    <div class=\"inner\" style=\"max-width:1200px;position:relative;z-index:1;\">\n\n      <div class=\"hero-2col\">\n\n        <!-- \u2500\u2500 LEFT : eyebrow + titre + citation \u2500\u2500 -->\n        <div class=\"hero-left\">\n          <div class=\"eyebrow\">Consortium<\/div>\n          <h1>Gemeinsam <em>St\u00e4rker<\/em><\/h1>\n          <div class=\"hquote\">\n            <p>\u00ab Das hat uns zum Erfolg gef\u00fchrt. <strong>IBM hat uns eine \u00d6kosystemkultur vermittelt<\/strong> \u2013 eine Kultur, die besagt, dass ein Unternehmen, egal wie gut es in seiner Branche ist, keine Chance hat, in der Welt erfolgreich zu sein, wenn es kein Netzwerk von Partnern um sich aufbaut. \u00bb<\/p>\n            <span class=\"attr\"><strong>Francis Bernard<\/strong> \u2013 Gr\u00fcnder von Dassault Syst\u00e8mes<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 RIGHT : D\u00e9finition + 4 Features \u2500\u2500 -->\n        <div class=\"hero-right\">\n          <div class=\"hdef\" style=\"margin-bottom:.9rem;\">\n            \u00ab Ein Konsortium ist eine Gruppe aus zwei oder mehr Unternehmen, die zusammenarbeiten, um ein gemeinsames Ziel zu erreichen. Die am Konsortium beteiligten Unternehmen b\u00fcndeln ihre Ressourcen, sind jedoch ansonsten nur f\u00fcr die im Konsortialvertrag festgelegten Verpflichtungen verantwortlich. \u00bb\n          <\/div>\n\n          <div class=\"hfgrid\">\n            <div class=\"hfcard\">\n              <div class=\"hfnum\">01<\/div>\n              <h5>Globales Umfeld f\u00fcr jeden AFFILIATE<\/h5>\n              <div class=\"hftext\">Steigern Sie Ihre Wettbewerbsf\u00e4higkeit durch den Austausch bew\u00e4hrter Verfahren und die Standardisierung von Betriebsmodellen anderer AFFILIATES weltweit.<\/div>\n            <\/div>\n            <div class=\"hfcard\">\n              <div class=\"hfnum\">02<\/div>\n              <h5>Zugang zu Gr\u00f6\u00dferen &amp; Globalen K\u00e4ufern<\/h5>\n              <div class=\"hftext\">St\u00e4rken Sie das multiregionale und mehrsprachige Angebot, das ein einzelner AFFILIATE allein nicht erreichen k\u00f6nnte.<\/div>\n            <\/div>\n            <div class=\"hfcard\">\n              <div class=\"hfnum\">03<\/div>\n              <h5>F\u00f6rderung Ihres AFFILIATES<\/h5>\n              <div class=\"hftext\">Umfasst die Bewerbung der AFFILIATE-Dienstleistungen im Internet und auf den INETcc-Social-Media-Kan\u00e4len sowie die Erstellung einer Landing Page, die mit dem AFFILIATE verkn\u00fcpft ist.<\/div>\n            <\/div>\n            <div class=\"hfcard\">\n              <div class=\"hfnum\">04<\/div>\n              <h5>Kundenempfehlungen<\/h5>\n              <div class=\"hftext\">Profitieren Sie vom etablierten Ruf und Netzwerk von INETcc, um qualifizierte Leads und Empfehlungen passend zu Ihrem Land und Ihren Kompetenzen zu erhalten.<\/div>\n            <\/div>\n          <\/div><!-- \/hfgrid -->\n        <\/div><!-- \/hero-right -->\n\n      <\/div><!-- \/hero-2col -->\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 VIDEOS \u2550\u2550 -->\n  <div class=\"bleed sec sec-dk\">\n    <div class=\"inner\">\n      <div class=\"stag stag-lt\">Unser Netzwerk in Aktion<\/div>\n      <h2 class=\"st\">Das Konsortium bei der Arbeit<\/h2>\n      <div class=\"sline\"><\/div>\n      <p class=\"sdesc\">Entdecken Sie unsere weltweiten Aktivit\u00e4ten, Teams und Partnerstandorte. Videos starten automatisch und laufen in einer Endlosschleife.<\/p>\n      <div class=\"vframe\">\n        <div class=\"vgrid\">\n\n          <!-- VIDEO 1 \u2014 replace VIDEO_URL_1 with your real URL -->\n          <div class=\"vi\">\n            <video id=\"iccV1\" muted playsinline loop preload=\"metadata\"><source src=\"https:\/\/www.inetcc.com\/wp-content\/uploads\/2026\/03\/TEL-UVID-with-language-inkl-iNETcc-Logo-compressee.mp4\" type=\"video\/mp4\"><\/video>\n            <div class=\"vov\"><\/div><span class=\"vn\">01<\/span>\n            <div class=\"vph\" id=\"iccPh1\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>Video 1<\/div>\n          <\/div>\n\n          <!-- VIDEO 2 \u2014 replace VIDEO_URL_2 -->\n          <div class=\"vi\">\n            <video id=\"iccV2\" muted playsinline loop preload=\"metadata\"><source src=\"https:\/\/www.inetcc.com\/wp-content\/uploads\/2025\/05\/Modern-5.mp4\" type=\"video\/mp4\"><\/video>\n            <div class=\"vov\"><\/div><span class=\"vn\">02<\/span>\n            <div class=\"vph\" id=\"iccPh2\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>Video 2<\/div>\n          <\/div>\n\n          <!-- VIDEO 3 \u2014 replace VIDEO_URL_3 -->\n          <div class=\"vi\">\n            <video id=\"iccV3\" muted playsinline loop preload=\"metadata\"><source src=\"https:\/\/www.inetcc.com\/wp-content\/uploads\/2025\/01\/NNAPROJECT-3.mp4\" type=\"video\/mp4\"><\/video>\n            <div class=\"vov\"><\/div><span class=\"vn\">03<\/span>\n            <div class=\"vph\" id=\"iccPh3\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>Video 3<\/div>\n          <\/div>\n\n          <!-- VIDEO 4 \u2014 replace VIDEO_URL_4 -->\n          <div class=\"vi\">\n            <video id=\"iccV4\" muted playsinline loop preload=\"metadata\"><source src=\"https:\/\/www.inetcc.com\/wp-content\/uploads\/2024\/12\/eGENTIC-and-iNETcc-full_screen-25years.mp4\" type=\"video\/mp4\"><\/video>\n            <div class=\"vov\"><\/div><span class=\"vn\">04<\/span>\n            <div class=\"vph\" id=\"iccPh4\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>Video 4<\/div>\n          <\/div>\n\n          <!-- VIDEO 5 \u2014 replace VIDEO_URL_5 -->\n          <div class=\"vi\">\n            <video id=\"iccV5\" muted playsinline loop preload=\"metadata\"><source src=\"https:\/\/www.inetcc.com\/wp-content\/uploads\/2025\/12\/Final-Version-TK-12-2025.mp4 \" type=\"video\/mp4\"><\/video>\n            <div class=\"vov\"><\/div><span class=\"vn\">05<\/span>\n            <div class=\"vph\" id=\"iccPh5\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>Video 5<\/div>\n          <\/div>\n\n          <!-- VIDEO 6 \u2014 paste your URL inside src=\"\" below -->\n          <div class=\"vi\">\n            <video id=\"iccV6\" muted playsinline loop preload=\"metadata\"><source src=\"https:\/\/www.inetcc.com\/wp-content\/uploads\/2026\/04\/call-center-1.mp4\" type=\"video\/mp4\"><\/video>\n            <div class=\"vov\"><\/div><span class=\"vn\">06<\/span>\n            <div class=\"vph\" id=\"iccPh6\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>Video 6<\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  \n\n  <!-- \u2550\u2550 CTA \u2550\u2550 -->\n  <div class=\"bleed sec sec-dk cta\">\n    <div class=\"inner\">\n      <h2>Bereit, dem Konsortium beizutreten?<\/h2>\n      <p>Schreiben Sie uns und lassen Sie uns gemeinsam etwas St\u00e4rkeres aufbauen.<\/p>\n      <a class=\"cta-btn\" href=\"mailto:consortium@inetcc.com\">consortium@inetcc.com<\/a>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/icc-cons -->\n\n<script>\n(function(){\n  \/\/ Auto-play videos when URL is provided\n  ['1','2','3','4','5','6'].forEach(function(n){\n    var v = document.getElementById('iccV'+n);\n    var ph = document.getElementById('iccPh'+n);\n    if(!v) return;\n    var src = (v.querySelector('source')||{}).src||'';\n    if(src && src.indexOf('VIDEO_URL')===-1){\n      if(ph) ph.style.display='none';\n      v.play().catch(function(){});\n    }\n  });\n\n  \/\/ Carousel \u2014 4 visible on desktop, 2 on mobile, slide 1 at a time\n  var slides = document.querySelectorAll('#iccTrack .cslide');\n  var track  = document.getElementById('iccTrack');\n  var dotsEl = document.getElementById('iccDots');\n  var total  = slides.length;\n  var cur=0, tmr;\n\n  function getVisible(){ return window.innerWidth <= 700 ? 1 : 4; }\n\n  function buildDots(visible){\n    dotsEl.innerHTML='';\n    var maxStep = total - visible;\n    for(var i=0;i<=maxStep;i++){\n      var b=document.createElement('button');\n      if(i===cur) b.classList.add('on');\n      (function(idx){b.addEventListener('click',function(){iccGoTo(idx);});})(i);\n      dotsEl.appendChild(b);\n    }\n  }\n\n  function iccGoTo(n){\n    var visible = getVisible();\n    var maxStep = total - visible;\n    if(dotsEl.children[cur]) dotsEl.children[cur].classList.remove('on');\n    cur = ((n % (maxStep+1)) + (maxStep+1)) % (maxStep+1);\n    var pct = cur * (100 \/ visible);\n    var gapRem = visible === 1 ? 0 : cur * 0.5;\n    track.style.transform = 'translateX(calc(-' + pct + '% - ' + gapRem + 'rem))';\n    if(dotsEl.children[cur]) dotsEl.children[cur].classList.add('on');\n    clearInterval(tmr);\n    tmr = setInterval(function(){iccGoTo(cur+1);}, 4500);\n  }\n\n  window.iccCar = function(d){ iccGoTo(cur+d); };\n\n  \/\/ Init and rebuild on resize\n  buildDots(getVisible());\n  window.addEventListener('resize', function(){\n    cur=0;\n    buildDots(getVisible());\n    iccGoTo(0);\n  });\n\n  tmr = setInterval(function(){iccGoTo(cur+1);}, 4500);\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Consortium Gemeinsam St\u00e4rker \u00ab Das hat uns zum Erfolg gef\u00fchrt. IBM hat uns eine \u00d6kosystemkultur vermittelt \u2013 eine Kultur, die besagt, dass ein Unternehmen, egal wie gut es in seiner Branche ist, keine Chance hat, in der Welt erfolgreich zu sein, wenn es kein Netzwerk von Partnern um sich aufbaut. \u00bb Francis Bernard \u2013 Gr\u00fcnder [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3245,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3247","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/pages\/3247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/comments?post=3247"}],"version-history":[{"count":60,"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/pages\/3247\/revisions"}],"predecessor-version":[{"id":7518,"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/pages\/3247\/revisions\/7518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/media\/3245"}],"wp:attachment":[{"href":"https:\/\/www.inetcc.com\/de\/wp-json\/wp\/v2\/media?parent=3247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}