{"id":6192,"date":"2026-07-12T18:45:28","date_gmt":"2026-07-12T16:45:28","guid":{"rendered":"https:\/\/branike.com\/?page_id=6192"},"modified":"2026-07-12T19:45:02","modified_gmt":"2026-07-12T17:45:02","slug":"branike-hub-zentrale-des-gesamten-okosystems","status":"publish","type":"page","link":"https:\/\/branike.com\/de\/branike-hub-zentrale-des-gesamten-okosystems\/","title":{"rendered":"Branike HUB &#8211; Zentrale des gesamten \u00d6kosystems"},"content":{"rendered":"<div style=\"position:relative;padding:72px 44px 72px 44px;background:linear-gradient(135deg,#1A1A2E,#2D1B69 55%,#1E1B4B)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:55fr 45fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px;\">Branike HUB<\/span><\/p>\n\n\n\n<h1 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:42px;font-weight:800;line-height:1.13;margin-bottom:18px;max-width:580px;margin-left:auto;margin-right:auto\">Ein Schl\u00fcssel. Ein ganzes \u00d6kosystem. Kein WordPress.org.<\/h1>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#E2E8F0;line-height:1.6;margin-bottom:26px;max-width:540px;margin-left:auto;margin-right:auto\">Branike HUB ist die Zentrale des gesamten \u00d6kosystems. Du gibst einen Mitgliedschaftsschl\u00fcssel ein und HUB installiert, entsperrt und aktualisiert kontinuierlich genau die Plugins, die in deinem Paket enthalten sind. Es ist das erste Plugin, das du installierst \u2014 und das letzte, um das du dich k\u00fcmmern musst.<\/p>\n\n\n<div style=\"--bb-btn-gap:14px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:flex-start;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--accent, #7C3AED);--bb-btn-color:#ffffff\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Branike HUB ausprobieren<\/span><\/a>\n\n<a style=\"--bb-btn-color:#ffffff;--bb-btn-border:#C4B5FD\" class=\"bb-button bb-button--outline bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#co\"><span class=\"bb-button__text\">Was ist HUB?<\/span><\/a>\n<\/div>\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-orbit\">\n<style>\n  .bkv-orbit *,.bkv-orbit *::before,.bkv-orbit *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-orbit{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:44px 24px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-orbit .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(38% 38% at 72% 24%,rgba(124,58,237,.45),transparent 60%),\n               radial-gradient(34% 34% at 20% 78%,rgba(91,33,182,.4),transparent 60%);}\n  .bkv-orbit .stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto;}\n  .bkv-orbit .rings{position:absolute;inset:0;width:100%;height:100%;}\n  .bkv-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n    width:140px;height:140px;border-radius:50%;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 55%,#5B21B6);\n    display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;\n    box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 60px rgba(124,58,237,.6),inset 0 2px 10px rgba(255,255,255,.35);}\n  .bkv-orbit .core b{color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:6px;}\n  .bkv-orbit .chip{position:absolute;display:inline-flex;align-items:center;gap:9px;\n    background:rgba(45,27,105,.6);border:1px solid rgba(196,181,253,.4);border-radius:100px;\n    padding:6px 15px 6px 6px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:4;white-space:nowrap;}\n  .bkv-orbit .chip .ic{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 72%);box-shadow:0 2px 8px rgba(124,58,237,.45);}\n  .bkv-orbit .chip .ic svg{width:14px;height:14px;}\n  .bkv-orbit .chip b{color:#fff;font-size:13px;font-weight:700;}\n  .bkv-orbit .c1{left:50%;top:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c2{right:-1%;top:24%;} .bkv-orbit .c3{right:2%;bottom:20%;}\n  .bkv-orbit .c4{left:50%;bottom:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c5{left:1%;bottom:24%;} .bkv-orbit .c6{left:-1%;top:22%;}\n  .bkv-orbit .cap{text-align:center;margin-top:36px;}\n  .bkv-orbit .cap p{color:#A5B4FC;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit .neb{animation:bkv-orbit-drift 28s ease-in-out infinite alternate;}\n    .bkv-orbit .r-spin{transform-origin:260px 260px;animation:bkv-orbit-spin 64s linear infinite;}\n    .bkv-orbit .r-rev{transform-origin:260px 260px;animation:bkv-orbit-spin 90s linear infinite reverse;}\n    .bkv-orbit .p1{transform-origin:260px 260px;animation:bkv-orbit-spin 38s linear infinite;}\n    .bkv-orbit .p2{transform-origin:260px 260px;animation:bkv-orbit-spin 30s linear infinite reverse;}\n    .bkv-orbit .p3{transform-origin:260px 260px;animation:bkv-orbit-spin 52s linear infinite;}\n    .bkv-orbit .core{animation:bkv-orbit-breathe 5s ease-in-out infinite;}\n    .bkv-orbit .c1,.bkv-orbit .c4{animation:bkv-orbit-fx 6.6s ease-in-out infinite;}\n    .bkv-orbit .c2,.bkv-orbit .c3,.bkv-orbit .c5,.bkv-orbit .c6{animation:bkv-orbit-fy 7s ease-in-out infinite;}\n    .bkv-orbit .c2{animation-delay:.3s} .bkv-orbit .c3{animation-delay:.6s}\n    .bkv-orbit .c4{animation-delay:.2s} .bkv-orbit .c5{animation-delay:.5s} .bkv-orbit .c6{animation-delay:.8s}\n  }\n  @keyframes bkv-orbit-drift{to{transform:translate(-5%,5%) scale(1.08);}}\n  @keyframes bkv-orbit-spin{to{transform:rotate(360deg);}}\n  @keyframes bkv-orbit-breathe{0%,100%{box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 55px rgba(124,58,237,.5),inset 0 2px 10px rgba(255,255,255,.35);}\n    50%{box-shadow:0 0 0 16px rgba(124,58,237,.16),0 0 85px rgba(124,58,237,.75),inset 0 2px 10px rgba(255,255,255,.4);}}\n  @keyframes bkv-orbit-fy{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}\n  @keyframes bkv-orbit-fx{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-12px);}}\n  @media (max-width:600px){.bkv-orbit{padding:56px 22px;}.bkv-orbit .chip b{font-size:12px;}}\n\n  \/* HOVER *\/\n  .bkv-orbit .core{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit:hover .core{transform:translate(-50%,-50%) scale(1.08);}\n    .bkv-orbit:hover .r-spin{animation-duration:22s;} .bkv-orbit:hover .r-rev{animation-duration:32s;}\n    .bkv-orbit:hover .p1{animation-duration:13s;} .bkv-orbit:hover .p2{animation-duration:10s;} .bkv-orbit:hover .p3{animation-duration:18s;}\n  }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <div class=\"stage\" role=\"img\" aria-label=\"Branike HUB ako jadro, okolo neho pluginy ekosyst\u00e9mu\">\n    <svg class=\"rings\" viewBox=\"0 0 520 520\" width=\"520\" height=\"520\" aria-hidden=\"true\">\n      <defs><radialGradient id=\"bkvOrbitGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n        <stop offset=\"0%\" stop-color=\"#7C3AED\" stop-opacity=\"0.45\"\/>\n        <stop offset=\"100%\" stop-color=\"#7C3AED\" stop-opacity=\"0\"\/><\/radialGradient><\/defs>\n      <circle cx=\"260\" cy=\"260\" r=\"250\" fill=\"url(#bkvOrbitGlow)\"\/>\n      <g fill=\"none\" stroke=\"#A78BFA\" stroke-opacity=\"0.28\">\n        <circle class=\"r-spin\" cx=\"260\" cy=\"260\" r=\"228\" stroke-dasharray=\"2 10\"\/>\n        <circle cx=\"260\" cy=\"260\" r=\"185\"\/>\n        <circle class=\"r-rev\" cx=\"260\" cy=\"260\" r=\"130\" stroke-dasharray=\"2 8\"\/><\/g>\n      <g stroke=\"#A78BFA\" stroke-opacity=\"0.3\" stroke-width=\"1.5\" stroke-dasharray=\"3 6\">\n        <line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"40\"\/><line x1=\"260\" y1=\"260\" x2=\"455\" y2=\"160\"\/>\n        <line x1=\"260\" y1=\"260\" x2=\"450\" y2=\"380\"\/><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"480\"\/>\n        <line x1=\"260\" y1=\"260\" x2=\"70\" y2=\"380\"\/><line x1=\"260\" y1=\"260\" x2=\"65\" y2=\"160\"\/><\/g>\n      <g class=\"p1\"><circle cx=\"260\" cy=\"75\" r=\"9\" fill=\"#A78BFA\" opacity=\"0.25\"\/><circle cx=\"260\" cy=\"75\" r=\"5\" fill=\"#DDD6FE\"\/><\/g>\n      <g class=\"p2\"><circle cx=\"260\" cy=\"130\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"\/><circle cx=\"260\" cy=\"130\" r=\"4\" fill=\"#A78BFA\"\/><\/g>\n      <g class=\"p3\"><circle cx=\"488\" cy=\"260\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"\/><circle cx=\"488\" cy=\"260\" r=\"4\" fill=\"#C4B5FD\"\/><\/g>\n    <\/svg>\n    <div class=\"core\">\n      <svg viewBox=\"0 0 24 24\" width=\"46\" height=\"46\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n      <b>HUB<\/b>\n    <\/div>\n    <div class=\"chip c1\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3.2\"\/><path d=\"M6 20a6 6 0 0 1 12 0\"\/><\/svg><\/span><b>CRM<\/b><\/div>\n    <div class=\"chip c2\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 3v4M16 3v4\"\/><\/svg><\/span><b>Events<\/b><\/div>\n    <div class=\"chip c3\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-4 9 4-9 4z\"\/><path d=\"M7 11v4c0 1 2.2 2 5 2s5-1 5-2v-4\"\/><\/svg><\/span><b>LMS<\/b><\/div>\n    <div class=\"chip c4\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"17\" cy=\"20\" r=\"1.4\"\/><path d=\"M3 4h2l2.4 12h11l1.8-8H7\"\/><\/svg><\/span><b>Woo<\/b><\/div>\n    <div class=\"chip c5\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg><\/span><b>SEO<\/b><\/div>\n    <div class=\"chip c6\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span><b>Blocks<\/b><\/div>\n  <\/div>\n  <div class=\"cap\"><p>Jedno jadro \u00b7 cel\u00fd ekosyst\u00e9m pod kontrolou<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:44px 44px 44px 44px;background-color:#16134a\" class=\"bb-columns-wrap bb-columns--4 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:25fr 25fr 25fr 25fr;--bb-gtc-tab:25fr 25fr 25fr 25fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">1<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">Schl\u00fcssel, ganzes \u00d6kosystem<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">13+<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">Plugins unter Kontrolle<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">0<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">\u00fcber WordPress.org<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"3\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">4<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">Sprachen der \u00dcbersetzungen<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\" id=\"co\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Was ist Branike HUB?<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.75;margin-bottom:0px;max-width:820px;margin-left:auto;margin-right:auto\">Normalerweise l\u00e4dst du jeden Plugin herunter, lizenzierst ihn und aktualisierst ihn separat \u2014 zehn Plugins, zehn Schl\u00fcssel, zehn Updates. Branike HUB macht das f\u00fcr dich. Du gibst einen Mitgliedschaftsschl\u00fcssel ein und er installiert, entsperrt und aktualisiert kontinuierlich genau die Plugins, auf die du Anspruch hast. Ein Ort f\u00fcr Lizenzen, Aktualisierungen, \u00dcbersetzungen und Zugriffe auf das gesamte \u00d6kosystem.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 20px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Von der Taste zum fertigen \u00d6kosystem<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:640px;margin-left:auto;margin-right:auto\">Drei Schritte und das gesamte \u00d6kosystem l\u00e4uft \u2014 einschlie\u00dflich Updates.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-flow\">\n<style>\n  .bkv-flow *,.bkv-flow *::before,.bkv-flow *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-flow{width:100%;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-flow .step{flex:1 1 180px;max-width:230px;text-align:center;position:relative;padding:8px 6px;}\n  .bkv-flow .step:not(:last-child)::after{content:\"\";position:absolute;top:34px;right:-14px;width:28px;height:2px;\n    background:linear-gradient(90deg,#C4B5FD,#7C3AED);opacity:.55;}\n  .bkv-flow .ic{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;\n    background:#EDE9FE;border:1px solid #DDD6FE;display:flex;align-items:center;justify-content:center;\n    position:relative;box-shadow:0 8px 24px rgba(124,58,237,.14);}\n  .bkv-flow .ic svg{width:28px;height:28px;}\n  .bkv-flow .num{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;\n    background:#7C3AED;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;\n    border:2px solid #fff;}\n  .bkv-flow h3{color:#1F2937;font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;}\n  .bkv-flow p{color:#566070;font-size:14px;line-height:1.6;}\n  .bkv-flow .step{opacity:1;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step{opacity:0;animation:bkv-flow-in .6s ease forwards;}\n    .bkv-flow .step:nth-child(1){animation-delay:.05s} .bkv-flow .step:nth-child(2){animation-delay:.2s}\n    .bkv-flow .step:nth-child(3){animation-delay:.35s} .bkv-flow .step:nth-child(4){animation-delay:.5s}\n    .bkv-flow .step:nth-child(5){animation-delay:.65s}\n  }\n  @keyframes bkv-flow-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n  @media (max-width:640px){\n    .bkv-flow{flex-direction:column;align-items:center;}\n    .bkv-flow .step{max-width:340px;}\n    .bkv-flow .step:not(:last-child)::after{display:none;}\n  }\n\n  \/* HOVER *\/\n  .bkv-flow .ic{transition:transform .3s ease, box-shadow .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step:hover .ic{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 32px rgba(124,58,237,.28);}\n  }\n<\/style>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">1<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/div>\n    <h3>Zadaj \u010dlensk\u00fd k\u013e\u00fa\u010d<\/h3><p>Jeden k\u013e\u00fa\u010d odomkne presne tie pluginy, ktor\u00e9 m\u00e1\u0161 v bal\u00edku.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">2<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 8 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 3.6 15a1.65 1.65 0 0 0-1.51-1H2a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 3.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09A1.65 1.65 0 0 0 16 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\n    <h3>Nain\u0161taluj jedn\u00fdm klikom<\/h3><p>HUB stiahne a aktivuje cel\u00fd ekosyst\u00e9m naraz.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">3<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><\/div>\n    <h3>Aktualiz\u00e1cie automaticky<\/h3><p>Nov\u00e9 verzie a preklady chodia priamo z HUBu, bez WordPress.org.<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 16px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Was alles Branike HUB kann<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:700px;margin-left:auto;margin-right:auto\">Die zentrale Schicht, die das gesamte \u00d6kosystem zusammenh\u00e4lt.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 24px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>key \u2014 K\u013e\u00fa\u010d \u2014 pr\u00edstup, licencia, autentifik\u00e1cia<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"8\" cy=\"15\" r=\"4\" \/><line x1=\"10.85\" y1=\"12.15\" x2=\"19\" y2=\"4\" \/><line x1=\"18\" y1=\"5\" x2=\"20\" y2=\"7\" \/><line x1=\"15\" y1=\"8\" x2=\"17\" y2=\"10\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Eine Lizenz, das gesamte \u00d6kosystem<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Ein Mitgliedschaftsschl\u00fcssel entsperrt Plugins gem\u00e4\u00df deinem Paket \u2014 keine wiederholten Codes.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Lizenz<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>download \u2014 Stiahnutie \u2014 download, export, lead magnet PDF<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2\" \/><polyline points=\"7 11 12 16 17 11\" \/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"16\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Installation mit einem Klick<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Installiere und aktiviere das gesamte \u00d6kosystem auf einmal oder Plugin f\u00fcr Plugin.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Installation<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>refresh \u2014 Obnovi\u0165 \u2014 reload, znova na\u010d\u00edta\u0165, synchronizova\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\" \/><path d=\"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Automatische Aktualisierungen<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Neue Versionen kommen direkt aus dem HUB, au\u00dferhalb von WordPress.org \u2014 immer aktuell und sicher.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Updates<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 24px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>shield-check \u2014 \u0160t\u00edt s fajkou \u2014 bezpe\u010dnos\u0165, overenie, GDPR<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06\" \/><path d=\"M15 19l2 2l4 -4\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Lizenzverteilung<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Lizenzen werden nach Paket verteilt und bei Bedarf auch automatisch entzogen.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Rechte<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>wand \u2014 \u010carovn\u00e1 pali\u010dka \u2014 AI, magic, Page Designer, transform\u00e1cia<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M6 21l15 -15l-3 -3l-15 15l3 3\" \/><path d=\"M15 6l3 3\" \/><path d=\"M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2\" \/><path d=\"M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Onboarding-Leitfaden<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">5-Schritt-Anleitung f\u00fchrt dich in wenigen Minuten durch die Einrichtung.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Assistent<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>puzzle \u2014 Puzzle \u2014 integr\u00e1cie, doplnky, HUB<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 -1 -1h-1a2 2 0 0 1 0 -4h1a1 1 0 0 1 1 -1v-3a1 1 0 0 1 1 -1z\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Abh\u00e4ngigkeitspr\u00fcfer<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">HUB warnt dich, wenn ein Plugin ein anderes ben\u00f6tigt, bevor du es aktivierst.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Abh\u00e4ngigkeiten<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>globe \u2014 Zemegu\u013ea \u2014 web, glob\u00e1lny, multilingual<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/><line x1=\"3.6\" y1=\"9\" x2=\"20.4\" y2=\"9\" \/><line x1=\"3.6\" y1=\"15\" x2=\"20.4\" y2=\"15\" \/><path d=\"M11.5 3a17 17 0 0 0 0 18\" \/><path d=\"M12.5 3a17 17 0 0 1 0 18\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">\u00dcbersetzungen mit einem Klick<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Translations Deployer wird \u00dcbersetzungen in 4 Sprachen bereitgestellt \u2014 auch in Massen.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Sprachen<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>lock \u2014 Z\u00e1mok \u2014 uzamknut\u00fd, lead-magnet-gate, ochrana<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" \/><circle cx=\"12\" cy=\"16\" r=\"1\" \/><path d=\"M8 11v-4a4 4 0 0 1 8 0v4\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Sicherer Kanal<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Download \u00fcber signiertes REST-Proxy mit Dom\u00e4nenverifikation und Schl\u00fcsselverifikation.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Sicherheit<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layout \u2014 Rozlo\u017eenie \u2014 heading, separator, mrie\u017eka UI<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/><line x1=\"4\" y1=\"10\" x2=\"20\" y2=\"10\" \/><line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"20\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">\u00dcbersichtliches Dashboard<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Tier, Ablauf, Anzahl der Domains und Status jedes Plugins auf einem Bildschirm.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">\u00dcbersicht<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:0px 44px 0px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-divider\">\n<style>\n  .bkv-divider{position:relative;width:100%;overflow:hidden;line-height:0;}\n  .bkv-divider svg{width:100%;height:auto;display:block;}\n  .bkv-divider .line{stroke:#DDD6FE;stroke-width:1.5;}\n  .bkv-divider .star{fill:#A78BFA;}\n  .bkv-divider .glow{fill:#7C3AED;filter:drop-shadow(0 0 5px #A78BFA);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-divider .tw{animation:bkv-div-tw 3.5s ease-in-out infinite alternate;}\n    .bkv-divider .tw.b{animation-delay:1s} .bkv-divider .tw.c{animation-delay:2s}\n    .bkv-divider .glow{animation:bkv-div-drift 9s linear infinite;}\n  }\n  @keyframes bkv-div-tw{from{opacity:.3}to{opacity:1}}\n  @keyframes bkv-div-drift{0%{transform:translateX(-40px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(1040px);opacity:0}}\n\n  \/* HOVER *\/\n  @media (prefers-reduced-motion: no-preference){ .bkv-divider:hover .glow{animation-duration:5s;} }\n<\/style>\n  <svg viewBox=\"0 0 1000 40\" width=\"1000\" height=\"40\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid meet\">\n    <line class=\"line\" x1=\"60\" y1=\"20\" x2=\"940\" y2=\"20\" stroke-dasharray=\"2 8\"\/>\n    <circle class=\"tw star\" cx=\"300\" cy=\"20\" r=\"2.5\"\/>\n    <circle class=\"tw b star\" cx=\"500\" cy=\"20\" r=\"3\"\/>\n    <circle class=\"tw c star\" cx=\"700\" cy=\"20\" r=\"2.5\"\/>\n    <circle class=\"glow\" cx=\"0\" cy=\"20\" r=\"4\"\/>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:#0F0E20\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:46fr 54fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">\u00d6kosystem<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Das Herz des gesamten Branike-\u00d6kosystems<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#C4B5FD;line-height:1.7;margin-bottom:0px;max-width:480px;margin-left:auto;margin-right:auto\">HUB ist das erste Plugin, das du installierst. Es verwaltet Lizenzen, Updates, \u00dcbersetzungen und Mitgliedszug\u00e4nge f\u00fcr alle anderen Plugins \u2014 CRM, Events, LMS, Woo, SEO, Blocks und weitere. Du aktivierst es einmal und jedes weitere Plugin wei\u00df das bereits automatisch.<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-constel\">\n<style>\n  .bkv-constel *{box-sizing:border-box;}\n  .bkv-constel{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:36px 20px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);}\n  .bkv-constel .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(40% 40% at 30% 30%,rgba(124,58,237,.4),transparent 60%),\n               radial-gradient(36% 36% at 78% 72%,rgba(91,33,182,.36),transparent 60%);}\n  .bkv-constel svg{width:100%;height:auto;display:block;max-width:560px;margin:0 auto;}\n  .bkv-constel .node circle{fill:#1E1B4B;stroke:#A78BFA;stroke-width:1.5;}\n  .bkv-constel .node path,.bkv-constel .node line{stroke:#C4B5FD;}\n  .bkv-constel .star{fill:#DDD6FE;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-constel .tw{animation:bkv-constel-tw 4s ease-in-out infinite alternate;}\n    .bkv-constel .tw.b{animation-delay:1.2s} .bkv-constel .tw.c{animation-delay:2.1s}\n    .bkv-constel .node{animation:bkv-constel-float 7s ease-in-out infinite;}\n    .bkv-constel .node.n2{animation-delay:.6s} .bkv-constel .node.n3{animation-delay:1.1s}\n    .bkv-constel .node.n4{animation-delay:1.6s} .bkv-constel .node.n5{animation-delay:2.2s}\n  }\n  @keyframes bkv-constel-tw{from{opacity:.4}to{opacity:1}}\n  @keyframes bkv-constel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n\n  \/* HOVER *\/\n  .bkv-constel .node circle{transition:transform .3s ease;transform-box:fill-box;transform-origin:center;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-constel .node:hover circle{transform:scale(1.16);} }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <svg viewBox=\"0 0 560 280\" width=\"560\" height=\"280\" role=\"img\" aria-label=\"Prepojen\u00e9 pluginy Branike ekosyst\u00e9mu\">\n    <g stroke=\"#A78BFA\" stroke-opacity=\"0.32\" stroke-width=\"1.2\">\n      <line x1=\"120\" y1=\"80\" x2=\"280\" y2=\"60\"\/><line x1=\"280\" y1=\"60\" x2=\"440\" y2=\"100\"\/>\n      <line x1=\"280\" y1=\"60\" x2=\"280\" y2=\"160\"\/><line x1=\"120\" y1=\"80\" x2=\"180\" y2=\"210\"\/>\n      <line x1=\"280\" y1=\"160\" x2=\"180\" y2=\"210\"\/><line x1=\"280\" y1=\"160\" x2=\"410\" y2=\"210\"\/>\n      <line x1=\"440\" y1=\"100\" x2=\"410\" y2=\"210\"\/>\n    <\/g>\n    <g fill=\"#fff\"><circle class=\"tw star\" cx=\"70\" cy=\"160\" r=\"2\"\/><circle class=\"tw b star\" cx=\"500\" cy=\"60\" r=\"2.5\"\/>\n      <circle class=\"tw c star\" cx=\"350\" cy=\"240\" r=\"2\"\/><circle class=\"tw star\" cx=\"490\" cy=\"170\" r=\"1.6\"\/><\/g>\n    <g class=\"node n1\"><circle cx=\"120\" cy=\"80\" r=\"22\"\/><g transform=\"translate(120,80)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-7h14M-7 0h9M-7 7h6\"\/><\/g><\/g>\n    <g class=\"node n2\"><circle cx=\"280\" cy=\"60\" r=\"24\"\/><g transform=\"translate(280,60)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"0\" cy=\"-3\" r=\"5\"\/><path d=\"M-8 9a8 7 0 0 1 16 0\"\/><\/g><\/g>\n    <g class=\"node n3\"><circle cx=\"440\" cy=\"100\" r=\"22\"\/><g transform=\"translate(440,100)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-8 8-3v6L0 8-8 5v-6z\"\/><\/g><\/g>\n    <g class=\"node n4\"><circle cx=\"180\" cy=\"210\" r=\"22\"\/><g transform=\"translate(180,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-5h14v10h-14z\"\/><path d=\"M-7 0h14\"\/><\/g><\/g>\n    <g class=\"node n5\"><circle cx=\"410\" cy=\"210\" r=\"22\"\/><g transform=\"translate(410,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-6-6 6 6M6-6-6 6\"\/><\/g><\/g>\n    <g class=\"node n1\"><circle cx=\"280\" cy=\"160\" r=\"26\"\/><g transform=\"translate(280,160)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-9 9 0 0 9-9 0z\"\/><\/g><\/g>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:52fr 48fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-bars\">\n<style>\n  .bkv-bars *,.bkv-bars *::before,.bkv-bars *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-bars{width:100%;max-width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;\n    box-shadow:0 16px 44px rgba(45,27,105,.1);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-bars .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;}\n  .bkv-bars .val{color:#1F2937;font-size:30px;font-weight:800;line-height:1;}\n  .bkv-bars .val small{color:#7C3AED;font-size:14px;font-weight:700;margin-left:6px;}\n  .bkv-bars .cap{color:#566070;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}\n  .bkv-bars .plot{display:flex;align-items:flex-end;gap:10px;height:140px;border-bottom:2px solid #EDE9FE;padding-bottom:2px;}\n  .bkv-bars .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;}\n  .bkv-bars .col i{width:100%;max-width:34px;border-radius:6px 6px 0 0;transform-origin:bottom;\n    background:linear-gradient(180deg,#A78BFA,#7C3AED);height:100%;transform:scaleY(var(--h));}\n  .bkv-bars .col:last-child i{background:linear-gradient(180deg,#7C3AED,#5B21B6);}\n  .bkv-bars .x{display:flex;gap:10px;margin-top:8px;}\n  .bkv-bars .x span{flex:1;text-align:center;color:#6B7280;font-size:11px;font-weight:600;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-bars .col i{animation:bkv-bars-grow 1s ease-out backwards;}\n    .bkv-bars .col:nth-child(1) i{animation-delay:.05s} .bkv-bars .col:nth-child(2) i{animation-delay:.15s}\n    .bkv-bars .col:nth-child(3) i{animation-delay:.25s} .bkv-bars .col:nth-child(4) i{animation-delay:.35s}\n    .bkv-bars .col:nth-child(5) i{animation-delay:.45s} .bkv-bars .col:nth-child(6) i{animation-delay:.55s}\n  }\n  @keyframes bkv-bars-grow{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-bars{transition:transform .4s ease, box-shadow .4s ease;}\n  .bkv-bars .col i{transition:filter .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-bars:hover{transform:translateY(-4px);box-shadow:0 26px 64px rgba(45,27,105,.18);}\n    .bkv-bars .col:hover i{filter:brightness(1.12) saturate(1.08);}\n  }\n<\/style>\n  <div class=\"top\">\n    <div><span class=\"val\">+12<small>nov\u00fdch verzi\u00ed<\/small><\/span><\/div>\n    <span class=\"cap\">Nov\u00e9 funkcie \/ rok<\/span>\n  <\/div>\n  <div class=\"plot\" role=\"img\" aria-label=\"Rast\u00faci ekosyst\u00e9m \u2014 nov\u00e9 funkcie po\u010das roka\">\n    <div class=\"col\"><i style=\"--h:.32\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.45\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.58\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.7\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.85\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:1\"><\/i><\/div>\n  <\/div>\n  <div class=\"x\" aria-hidden=\"true\"><span>Jan<\/span><span>Feb<\/span><span>Mar<\/span><span>Apr<\/span><span>M\u00e1j<\/span><span>J\u00fan<\/span><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:440px;margin-left:auto;margin-right:auto\">\u00d6kosystem, das mit dir w\u00e4chst<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:460px;margin-left:auto;margin-right:auto\">Alle paar Wochen kommen neue Funktionen und Plugins hinzu \u2014 und alle kommen automatisch zu dir \u00fcber HUB. Du musst nichts suchen oder manuell herunterladen. Du w\u00e4chst zusammen mit dem \u00d6kosystem.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">\u00dcbersichtliches \u00d6kosystem-Dashboard<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:28px;max-width:640px;margin-left:auto;margin-right:auto\">Mitgliedschaftsstatus, Plugin-Karten und Updates \u2014 alles auf einem Bildschirm.<\/p>\n\n\n\n<div class=\"bkv-mockup\">\n<style>\n  .bkv-mockup *,.bkv-mockup *::before,.bkv-mockup *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-mockup{width:100%;max-width:100%;border-radius:16px;overflow:hidden;background:#fff;\n    border:1px solid #E5E7EB;box-shadow:0 24px 60px rgba(45,27,105,.16);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-mockup .bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#F5F3FF;border-bottom:1px solid #E5E7EB;}\n  .bkv-mockup .dot{width:11px;height:11px;border-radius:50%;background:#C4B5FD;flex:none;}\n  .bkv-mockup .dot:nth-child(1){background:#EF4444;opacity:.5}\n  .bkv-mockup .dot:nth-child(2){background:#F59E0B;opacity:.5}\n  .bkv-mockup .dot:nth-child(3){background:#10B981;opacity:.5}\n  .bkv-mockup .url{flex:1;margin-left:8px;height:22px;border-radius:100px;background:#fff;border:1px solid #E5E7EB;\n    display:flex;align-items:center;padding:0 12px;color:#566070;font-size:11px;font-weight:600;}\n  .bkv-mockup .body{display:flex;min-height:230px;}\n  .bkv-mockup .side{width:64px;flex:none;background:#FAFAFC;border-right:1px solid #F0EFF5;padding:16px 12px;display:flex;flex-direction:column;gap:12px;}\n  .bkv-mockup .side i{display:block;height:8px;border-radius:4px;background:#E5E7EB;}\n  .bkv-mockup .side i:first-child{background:#7C3AED;}\n  .bkv-mockup .main{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;}\n  .bkv-mockup .head{height:14px;width:46%;border-radius:5px;background:#DDD6FE;}\n  .bkv-mockup .cards{display:flex;gap:12px;}\n  .bkv-mockup .card{flex:1;height:54px;border-radius:10px;background:#F5F3FF;border:1px solid #EDE9FE;}\n  .bkv-mockup .card b{display:block;height:10px;width:60%;margin:12px;border-radius:4px;background:#C4B5FD;}\n  .bkv-mockup .chart{flex:1;border-radius:10px;background:#FAFAFC;border:1px solid #F0EFF5;padding:14px;display:flex;align-items:flex-end;gap:8px;}\n  .bkv-mockup .chart i{flex:1;background:linear-gradient(180deg,#A78BFA,#7C3AED);border-radius:5px 5px 0 0;transform-origin:bottom;transform:scaleY(.85);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-mockup .chart i{animation:bkv-mockup-rise 1.2s ease-out backwards;}\n    .bkv-mockup .chart i:nth-child(1){--h:.45;animation-delay:.1s}\n    .bkv-mockup .chart i:nth-child(2){--h:.72;animation-delay:.2s}\n    .bkv-mockup .chart i:nth-child(3){--h:.55;animation-delay:.3s}\n    .bkv-mockup .chart i:nth-child(4){--h:.9;animation-delay:.4s}\n    .bkv-mockup .chart i:nth-child(5){--h:.68;animation-delay:.5s}\n  }\n  .bkv-mockup .chart i:nth-child(1){transform:scaleY(.45)} .bkv-mockup .chart i:nth-child(2){transform:scaleY(.72)}\n  .bkv-mockup .chart i:nth-child(3){transform:scaleY(.55)} .bkv-mockup .chart i:nth-child(4){transform:scaleY(.9)}\n  .bkv-mockup .chart i:nth-child(5){transform:scaleY(.68)}\n  @keyframes bkv-mockup-rise{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-mockup{transition:transform .4s ease, box-shadow .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-mockup:hover{transform:translateY(-5px);box-shadow:0 34px 84px rgba(45,27,105,.26);} }\n<\/style>\n  <div class=\"bar\" aria-hidden=\"true\">\n    <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n    <span class=\"url\">branike.com<\/span>\n  <\/div>\n  <div class=\"body\" role=\"img\" aria-label=\"Uk\u00e1\u017eka administra\u010dn\u00e9ho rozhrania pluginu\">\n    <div class=\"side\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"main\" aria-hidden=\"true\">\n      <div class=\"head\"><\/div>\n      <div class=\"cards\"><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><\/div>\n      <div class=\"chart\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:72px 44px 72px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:44fr 56fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-ring\">\n<style>\n  .bkv-ring *,.bkv-ring *::before,.bkv-ring *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-ring{width:100%;display:flex;justify-content:center;padding:24px;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-ring .wrap{position:relative;width:200px;height:200px;}\n  .bkv-ring svg{width:200px;height:200px;transform:rotate(-90deg);}\n  .bkv-ring .track{fill:none;stroke:#EDE9FE;stroke-width:14;}\n  .bkv-ring .bar{fill:none;stroke:url(#bkvRingGrad);stroke-width:14;stroke-linecap:round;\n    stroke-dasharray:502.6;stroke-dashoffset:0;}\n  .bkv-ring .label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n  .bkv-ring .num{color:#1F2937;font-size:46px;font-weight:800;line-height:1;}\n  .bkv-ring .cap{color:#566070;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:6px;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-ring .bar{stroke-dashoffset:502.6;animation:bkv-ring-fill 1.6s ease-out .2s forwards;}\n  }\n  @keyframes bkv-ring-fill{to{stroke-dashoffset:0;}}  \/* 0 = 100% obvodu; uprav pod\u013ea percenta *\/\n\n  \/* HOVER *\/\n  .bkv-ring .wrap{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-ring:hover .wrap{transform:scale(1.05);} }\n<\/style>\n  <div class=\"wrap\" role=\"img\" aria-label=\"Sk\u00f3re 100 zo 100 \u2014 PageSpeed\">\n    <svg viewBox=\"0 0 200 200\" width=\"200\" height=\"200\">\n      <defs><linearGradient id=\"bkvRingGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0%\" stop-color=\"#A78BFA\"\/><stop offset=\"100%\" stop-color=\"#7C3AED\"\/><\/linearGradient><\/defs>\n      <circle class=\"track\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n      <circle class=\"bar\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n    <\/svg>\n    <div class=\"label\"><span class=\"num\">100<\/span><span class=\"cap\">PageSpeed<\/span><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Sicher, sauber und zuverl\u00e4ssig<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:470px;margin-left:auto;margin-right:auto\">Reines PHP 8, signierter Update-Kanal und Dom\u00e4nen- sowie Schl\u00fcsselverifizierung. Eine Distribution, die WordPress.org sicherer und schneller ersetzt \u2014 100\/100 PageSpeed.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 80px 44px;background:linear-gradient(135deg,#5B21B6,#7C3AED 60%,#6D28D9)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px;max-width:640px;margin-left:auto;margin-right:auto\">Starten Sie das gesamte \u00d6kosystem mit einem Schl\u00fcssel<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#EDE9FE;line-height:1.7;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto\">Branike HUB ist die Grundlage. Geben Sie einen Mitgliedschaftsschl\u00fcssel ein und das gesamte \u00d6kosystem installiert und aktualisiert sich selbst.<\/p>\n\n\n<div style=\"--bb-btn-gap:12px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:center;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--base, #ffffff);--bb-btn-color:var(--wp--preset--color--accent-strong, #5B21B6)\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Ich m\u00f6chte Branike HUB<\/span><\/a>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:32px 44px 32px 44px;background-color:#14122A\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.7;margin-bottom:0px\">Branike HUB \u00b7 Herz des Branike \u00d6kosystems \u00b7 branike.com<\/p>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bt_container":"","_bt_sidebar":"","_bt_show_title":"","footnotes":"","_bseo_title":"","_bseo_description":"Branike HUB Jeden k\u013e\u00fa\u010d. Cel\u00fd ekosyst\u00e9m. \u017diadny WordPress.org. Branike HUB je centr\u00e1la cel\u00e9ho ekosyst\u00e9mu. Zad\u00e1\u0161 jeden \u010dlensk\u00fd k\u013e\u00fa\u010d a HUB nain\u0161taluje, odomkne a p","_bseo_noindex":"","_bseo_nofollow":"","_bseo_canonical":"","_bseo_og_title":"","_bseo_og_description":"","_bseo_og_image_id":0,"_bseo_og_image_url":"","_bseo_focus_keyword":""},"class_list":["post-6192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/6192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/comments?post=6192"}],"version-history":[{"count":2,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/6192\/revisions"}],"predecessor-version":[{"id":6200,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/6192\/revisions\/6200"}],"wp:attachment":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media?parent=6192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}