{"id":482755,"date":"2026-04-17T15:31:58","date_gmt":"2026-04-17T13:31:58","guid":{"rendered":"https:\/\/stage.hibike.com\/?page_id=482755"},"modified":"2026-06-25T15:24:38","modified_gmt":"2026-06-25T13:24:38","slug":"klub","status":"publish","type":"page","link":"https:\/\/stage.hibike.com\/cs\/club\/","title":{"rendered":"Klub"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"482755\" class=\"elementor elementor-482755\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70810e9 e-con-full e-flex glozin-responsive-column glozin-tablet-column--default glozin-responsive-column glozin-mobile-column--default e-con e-parent\" data-id=\"70810e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95f6cb9 elementor-widget elementor-widget-html\" data-id=\"95f6cb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO -->\n<div class=\"hero wp-dark-mode-bg-image\" style=\"text-align: center !important;\">\n    <div class=\"eyebrow\" style=\"text-align: center !important; display: flex; justify-content: center;\">klub bikros\n    <\/div>\n    <h1 style=\"text-align: center !important; color: #fff !important; text-transform: none !important;\">Va\u0161e v\u00fdhoda<br>Za\u010dne to okam\u017eit\u011b.<br><em style=\"color: #ffb635 !important; font-style: normal;\">A z\u016fst\u00e1v\u00e1.<\/em>\n    <\/h1>\n    <p class=\"hero-sub\" style=\"text-align: center !important; margin: 0 auto 32px !important;\">Sta\u0148te se \u010dlenem a u\u0161et\u0159ete ji\u017e od prvn\u00ed objedn\u00e1vky. Zaregistrujte se zdarma, za\u010dn\u011bte okam\u017eit\u011b vyu\u017e\u00edvat v\u00fdhod \u2013 a u\u0161et\u0159ete s ka\u017ed\u00fdm rokem n\u00e1kup\u016f v\u00edce.<\/p>\n    <div style=\"text-align: center !important;\"><a class=\"btn-y\" href=\"https:\/\/hibike.com\/shop\/zubehoer\/hi-club-mitgliedschaft\/\" rel=\"nofollow noopener\" target=\"_blank\">Sta\u0148te se \u010dlenem hned te\u010f \u2013 0,01 \u20ac<\/a><\/div>\n    <p class=\"hero-note\" style=\"text-align: center !important; margin-top: 14px;\">Jednor\u00e1zov\u00fd n\u00e1kup \u00b7 Bez p\u0159edplatn\u00e9ho \u00b7 Bez minim\u00e1ln\u00ed doby trv\u00e1n\u00ed<\/p>\n<\/div>\n<!-- STRIP -->\n<div class=\"strip\">\n    <div class=\"strip-item\">Okam\u017eit\u011b ocel \u00b7 1 %<\/div>\n    <div class=\"strip-item\">Hlin\u00edk od 2 500 \u20ac\/rok \u00b7 1,5 %<\/div>\n    <div class=\"strip-item\">Uhl\u00edk od 5 000 \u20ac\/rok \u00b7 2 %<\/div>\n<\/div>\n<div class=\"gap\"><\/div>\n<!-- TIERS -->\n<div class=\"tiers-bg\">\n    <div class=\"section\">\n        <div class=\"inner\"><span class=\"lbl\">Kroky<\/span>\n            <h2 class=\"h2\">\u010c\u00edm v\u00edce koup\u00edte,<br>\u010c\u00edm v\u00edce jich z\u00edsk\u00e1te, t\u00edm l\u00e9pe.<\/h2>\n            <p class=\"lead\">T\u0159i f\u00e1ze, jeden slib \u2013 \u010deho dos\u00e1hnete jednou, vydr\u017e\u00ed nav\u017edy.<\/p>\n            <div class=\"tier-grid\">\n                <div class=\"tier\">\n                    <div class=\"tier-top\">\n                        <div class=\"tier-name\">Ocel<\/div>\n                        <span class=\"badge badge-s\">Vstup<\/span>\n                    <\/div>\n                    <div class=\"tier-num\">1%<\/div>\n                    <div class=\"tier-lbl\">Sleva na v\u0161echny objedn\u00e1vky<\/div>\n                    <div class=\"tier-thresh\">Ihned po \u010dlenstv\u00ed<\/div>\n                    <div class=\"tier-div\"><\/div>\n                    <ul class=\"perks\">\n                        <li>1 sleva % z prvn\u00ed objedn\u00e1vky<\/li>\n                        <li>P\u0159\u00edstup k exkluzivn\u00edm klubov\u00fdm nab\u00eddk\u00e1m<\/li>\n                        <li>Klubov\u00fd zpravodaj s propaga\u010dn\u00edmi akcemi pouze pro \u010dleny<\/li>\n                        <li>Jevi\u0161t\u011b z\u016fst\u00e1v\u00e1 trvale na sv\u00e9m m\u00edst\u011b.<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"tier tier-dark\">\n                    <div class=\"tier-top\">\n                        <div class=\"tier-name\">Hlin\u00edk<\/div>\n                        <span class=\"badge badge-a\">Pravideln\u00ed z\u00e1kazn\u00edci<\/span>\n                    <\/div>\n                    <div class=\"tier-num\">1,5%<\/div>\n                    <div class=\"tier-lbl\">Sleva na v\u0161echny objedn\u00e1vky<\/div>\n                    <div class=\"tier-thresh\">Od ro\u010dn\u00edho obratu 2 500 EUR<\/div>\n                    <div class=\"tier-div\"><\/div>\n                    <ul class=\"perks\">\n                        <li>1,5% sleva na v\u0161echny objedn\u00e1vky (%)<\/li>\n                        <li>P\u0159\u00edstup k exkluzivn\u00edm klubov\u00fdm nab\u00eddk\u00e1m<\/li>\n                        <li>Klubov\u00fd zpravodaj s propaga\u010dn\u00edmi akcemi pouze pro \u010dleny<\/li>\n                        <li>P\u0159ed\u010dasn\u00fd p\u0159\u00edstup k v\u00fdprodejov\u00fdm akc\u00edm<\/li>\n                        <li>Jevi\u0161t\u011b z\u016fst\u00e1v\u00e1 trvale na sv\u00e9m m\u00edst\u011b.<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"tier\">\n                    <div class=\"tier-top\">\n                        <div class=\"tier-name\">Uhl\u00edk<\/div>\n                        <span class=\"badge badge-c\">Nejlep\u0161\u00ed<\/span>\n                    <\/div>\n                    <div class=\"tier-num\">2%<\/div>\n                    <div class=\"tier-lbl\">Sleva na v\u0161echny objedn\u00e1vky<\/div>\n                    <div class=\"tier-thresh\">Od ro\u010dn\u00edho obratu 5 000 EUR<\/div>\n                    <div class=\"tier-div\"><\/div>\n                    <ul class=\"perks\">\n                        <li>2 sleva % na v\u0161echny objedn\u00e1vky<\/li>\n                        <li>P\u0159\u00edstup k exkluzivn\u00edm klubov\u00fdm nab\u00eddk\u00e1m<\/li>\n                        <li>Klubov\u00fd zpravodaj s propaga\u010dn\u00edmi akcemi pouze pro \u010dleny<\/li>\n                        <li>P\u0159edb\u011b\u017en\u00fd p\u0159\u00edstup ke v\u0161em propaga\u010dn\u00edm akc\u00edm<\/li>\n                        <li>Exkluzivn\u00ed telefonn\u00ed linka pomoci<\/li>\n                        <li>Jevi\u0161t\u011b z\u016fst\u00e1v\u00e1 trvale na sv\u00e9m m\u00edst\u011b.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"gap\"><\/div>\n<!-- STEPS -->\n<div class=\"steps-bg\">\n    <div class=\"inner\"><span class=\"lbl\">Takto to funguje<\/span>\n        <h2 class=\"h2\">Zapojte se ve t\u0159ech kroc\u00edch.<\/h2>\n        <p class=\"lead\">\u017d\u00e1dn\u00e9 p\u0159edplatn\u00e9, \u017e\u00e1dn\u00e9 podm\u00ednky \u2013 pouze v\u00fdhody.<\/p>\n        <div class=\"steps-grid\">\n            <div class=\"step\">\n                <div class=\"step-n\">01<\/div>\n                <div class=\"step-t\">Zakoupit \u010dlenstv\u00ed<\/div>\n                <p class=\"step-p\">Zapla\u0165te jednor\u00e1zov\u00fd poplatek 0,01 \u20ac \u2013 a to je v\u0161e. \u017d\u00e1dn\u00e9 p\u0159edplatn\u00e9, \u017e\u00e1dn\u00e9 poplatky, \u017e\u00e1dn\u00e1 minim\u00e1ln\u00ed doba trv\u00e1n\u00ed.<\/p>\n            <\/div>\n            <div class=\"step\">\n                <div class=\"step-n\">02<\/div>\n                <div class=\"step-t\">Ulo\u017eit nyn\u00ed<\/div>\n                <p class=\"step-p\">Od prvn\u00edho n\u00e1kupu automaticky u\u0161et\u0159\u00edte 1 % \u2013 nen\u00ed pot\u0159eba \u017e\u00e1dn\u00fd k\u00f3d, sleva plat\u00ed na v\u0161e.<\/p>\n            <\/div>\n            <div class=\"step\">\n                <div class=\"step-n\">03<\/div>\n                <div class=\"step-t\">Upgradujte a u\u0161et\u0159ete v\u00edce<\/div>\n                <p class=\"step-p\">S ka\u017ed\u00fdm rokem n\u00e1kup\u016f se k c\u00edli p\u0159ibli\u017eujete. Zv\u00fd\u0161\u00edme va\u0161i \u00farove\u0148 a budeme v\u00e1s o tom informovat e-mailem.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"gap\"><\/div>\n<!-- PROMISE -->\n<div class=\"promise-bg wp-dark-mode-bg-image\"><span class=\"lbl\">N\u00e1\u0161 slib<\/span>\n    <h2 class=\"h2\" style=\"margin-bottom: 14px;\">Jakmile je dosa\u017eeno \u2013<br>Zaji\u0161t\u011bno nav\u017edy.<\/h2>\n    <div style=\"width: 100%; text-align: center !important;\">\n        <p class=\"promise-text\"\n            style=\"text-align: center !important; margin: 0 auto; max-width: 560px; display: block;\">Nev\u011b\u0159\u00edme v degradaci. Ka\u017ed\u00fd, kdo dos\u00e1hl ur\u010dit\u00e9 \u00farovn\u011b prost\u0159ednictv\u00edm sv\u00fdch ro\u010dn\u00edch tr\u017eeb, si ji udr\u017e\u00ed natrvalo \u2013 bez ohledu na to, co p\u0159inese dal\u0161\u00ed rok. Va\u0161e loajalita bude odm\u011bn\u011bna.<\/p>\n    <\/div>\n    <div class=\"promise-bar\"><\/div>\n<\/div>\n<div class=\"gap\"><\/div>\n<!-- FAQ -->\n<div class=\"faq-bg\"><span class=\"lbl\">\u010casto kladen\u00e9 ot\u00e1zky<\/span>\n    <h2 class=\"h2\" style=\"margin-bottom: 12px;\">V\u0161e, co pot\u0159ebujete v\u011bd\u011bt.<\/h2>\n    <p class=\"lead\">St\u00e1le nejste rozhodnuti? Zde jsou odpov\u011bdi.<\/p>\n    <div class=\"faq-grid\">\n        <div class=\"faq-item\">\n            <div class=\"faq-q\">Je \u010dlenstv\u00ed trval\u00e9?<\/div>\n            <p class=\"faq-a\">Ano. Jednor\u00e1zov\u00fd poplatek 0,01 \u20ac \u2013 \u017e\u00e1dn\u00e9 p\u0159edplatn\u00e9, \u017e\u00e1dn\u00e9 n\u00e1sledn\u00e9 poplatky. Va\u0161e \u010dlenstv\u00ed je neomezen\u00e9.<\/p>\n        <\/div>\n        <div class=\"faq-item\">\n            <div class=\"faq-q\">Kdy budu pov\u00fd\u0161en\/a?<\/div>\n            <p class=\"faq-a\">Va\u0161e ro\u010dn\u00ed p\u0159\u00edjmy budeme \u010dtvrtletn\u011b kontrolovat a o pov\u00fd\u0161en\u00ed v\u00e1s budeme informovat e-mailem.<\/p>\n        <\/div>\n        <div class=\"faq-item\">\n            <div class=\"faq-q\">Ztrat\u00edm svou \u00farove\u0148, kdy\u017e budu nakupovat m\u00e1lo?<\/div>\n            <p class=\"faq-a\">Ne. Dosa\u017een\u00e9 \u00farovn\u011b z\u016fst\u00e1vaj\u00ed trval\u00e9 \u2013 to je n\u00e1\u0161 slib.<\/p>\n        <\/div>\n        <div class=\"faq-item\">\n            <div class=\"faq-q\">Jak se sleva uplat\u0148uje?<\/div>\n            <p class=\"faq-a\">Automaticky p\u0159id\u00e1no do n\u00e1kupn\u00edho ko\u0161\u00edku \u2013 nen\u00ed pot\u0159eba \u017e\u00e1dn\u00fd k\u00f3d. Sta\u010d\u00ed se p\u0159ihl\u00e1sit a m\u016f\u017eete pokra\u010dovat.<\/p>\n        <\/div>\n        <div class=\"faq-item\">\n            <div class=\"faq-q\">Jak\u00e9 exkluzivn\u00ed propaga\u010dn\u00ed akce jsou k dispozici?<\/div>\n            <p class=\"faq-a\">Prost\u0159ednictv\u00edm klubov\u00e9ho newsletteru sd\u011blujeme pouze exkluzivn\u00ed nab\u00eddky \u2013 akce, kter\u00e9 \u017e\u00e1dn\u00fd b\u011b\u017en\u00fd z\u00e1kazn\u00edk nevid\u00ed.<\/p>\n        <\/div>\n        <div class=\"faq-item\">\n            <div class=\"faq-q\">Plat\u00ed sleva na v\u0161echny produkty?<\/div>\n            <p class=\"faq-a\">Ano \u2013 na kola, komponenty, oble\u010den\u00ed a dopl\u0148ky. Cel\u00fd sortiment.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"gap\"><\/div>\n<!-- CTA -->\n<div class=\"cta-bg\">\n    <h2 class=\"h2\">Sta\u0148te se \u010dlenem hned te\u010f.<\/h2>\n    <p class=\"cta-sub\" style=\"text-align: center !important; margin: 0 auto 32px;\">Za 0,01 \u20ac se okam\u017eit\u011b stanete \u010dlenem Stahl a u\u0161et\u0159\u00edte u\u017e od prvn\u00ed objedn\u00e1vky. Jednor\u00e1zov\u00e1 platba. \u017d\u00e1dn\u00e9 p\u0159edplatn\u00e9. Nav\u017edy.<\/p>\n    <a class=\"btn-b\" href=\"https:\/\/hibike.com\/shop\/zubehoer\/hi-club-mitgliedschaft\/\" rel=\"nofollow noopener\" target=\"_blank\">P\u0159ipojte se nyn\u00ed \u2013 0,01 \u20ac<\/a>\n    <p class=\"cta-note\">Jednor\u00e1zov\u00fd n\u00e1kup \u00b7 Bez p\u0159edplatn\u00e9ho \u00b7 Bez minim\u00e1ln\u00ed doby trv\u00e1n\u00ed<\/p>\n<\/div>\n<div class=\"gap\"><\/div>\n\n\n<style>\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n    .hero {\n        background: #1a1a1a;\n        padding: 72px 48px 64px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        border-radius: 0 0 24px 24px\n    }\n\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: -80px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(255, 182, 53, .12) 0%, transparent 68%);\n        pointer-events: none\n    }\n\n    .eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: .2em;\n        text-transform: uppercase;\n        color: #ffb635;\n        margin-bottom: 20px\n    }\n\n    .eyebrow::before,\n    .eyebrow::after {\n        content: '';\n        display: block;\n        width: 24px;\n        height: 1px;\n        background: rgba(255, 182, 53, .4)\n    }\n\n    .hero h1 {\n        font-size: clamp(36px, 6vw, 68px);\n        font-weight: 900;\n        line-height: .97;\n        color: #fff;\n        letter-spacing: -.03em;\n        margin-bottom: 20px\n    }\n\n    a.btn-y:hover {\n        color: #fff;\n    }\n\n    .hero h1 em {\n        font-style: normal;\n        color: #ffb635;\n        display: block\n    }\n\n    .hero-sub {\n        font-size: 16px;\n        font-weight: 300;\n        color: rgba(255, 255, 255, .45);\n        max-width: 500px;\n        margin: 0 auto 32px;\n        line-height: 1.7;\n        text-align: center\n    }\n\n    .btn-y {\n        display: inline-block;\n        background: #ffb635;\n        color: #1a1a1a;\n        font-family: 'Roboto', sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: .12em;\n        text-transform: uppercase;\n        padding: 15px 36px;\n        border-radius: 8px;\n        text-decoration: none;\n        transition: opacity .18s, transform .15s\n    }\n\n    .btn-y:hover {\n        opacity: .88;\n        transform: translateY(-1px)\n    }\n\n    .btn-b {\n        display: inline-block;\n        background: #1a1a1a;\n        color: #fff;\n        font-family: 'Roboto', sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: .12em;\n        text-transform: uppercase;\n        padding: 15px 36px;\n        border-radius: 8px;\n        text-decoration: none;\n        transition: opacity .18s, transform .15s\n    }\n\n    .btn-b:hover {\n        opacity: .85;\n        transform: translateY(-1px)\n    }\n\n    .hero-note {\n        margin-top: 14px;\n        font-size: 11px;\n        color: rgba(255, 255, 255, .2);\n        letter-spacing: .06em\n    }\n\n    \/* \u2500\u2500\u2500 STRIP \u2500\u2500\u2500 *\/\n    .strip {\n        background: #ffb635;\n        padding: 12px 48px;\n        display: flex;\n        justify-content: center;\n        gap: 48px;\n        flex-wrap: wrap\n    }\n\n    .strip-item {\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: .1em;\n        text-transform: uppercase;\n        color: #1a1a1a;\n        display: flex;\n        align-items: center;\n        gap: 8px\n    }\n\n    .strip-item span {\n        font-weight: 400;\n        opacity: .6\n    }\n\n    \/* \u2500\u2500\u2500 SHARED \u2500\u2500\u2500 *\/\n    .section {\n        padding: 56px 48px\n    }\n\n    .inner {\n        max-width: 1100px;\n        margin: 0 auto;\n        text-align: center\n    }\n\n    .lbl {\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: .2em;\n        text-transform: uppercase;\n        color: #ffb635;\n        margin-bottom: 10px;\n        display: block;\n        text-align: center !important\n    }\n\n    .h2 {\n        font-size: clamp(26px, 4vw, 44px);\n        font-weight: 900;\n        line-height: 1.05;\n        color: #1a1a1a;\n        letter-spacing: -.025em;\n        margin-bottom: 12px;\n        text-align: center !important\n    }\n\n    .lead {\n        font-size: 15px;\n        color: #6a6a6a;\n        line-height: 1.7;\n        margin-bottom: 44px;\n        font-weight: 300;\n        text-align: center !important\n    }\n\n    \/* \u2500\u2500\u2500 TIERS \u2500\u2500\u2500 *\/\n    .tiers-bg {\n        background: #f7f6f3;\n        border-radius: 20px;\n        margin: 20px 48px\n    }\n\n    .tier-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 3px;\n        background: #e8e7e2;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1.5px solid #e8e7e2\n    }\n\n    .tier {\n        background: #fff;\n        padding: 36px 32px\n    }\n\n    .tier-dark {\n        background: #1a1a1a\n    }\n\n    .tier-top {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 24px\n    }\n\n    .tier-name {\n        font-size: 22px;\n        font-weight: 900;\n        letter-spacing: -.02em;\n        color: #1a1a1a\n    }\n\n    .tier-dark .tier-name {\n        color: #fff\n    }\n\n    .badge {\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: .12em;\n        text-transform: uppercase;\n        padding: 4px 10px;\n        border-radius: 6px\n    }\n\n    .badge-s {\n        background: #f0efe8;\n        color: #888\n    }\n\n    .badge-a {\n        background: #fff3d6;\n        color: #a07000\n    }\n\n    .badge-c {\n        background: #ffb635;\n        color: #1a1a1a\n    }\n\n    .tier-num {\n        font-size: 60px;\n        font-weight: 900;\n        line-height: .85;\n        color: #ffb635;\n        letter-spacing: -.04em;\n        margin-bottom: 4px\n    }\n\n    .tier-lbl {\n        font-size: 11px;\n        color: #c4c4c4;\n        margin-bottom: 16px\n    }\n\n    .tier-dark .tier-lbl {\n        color: rgba(255, 255, 255, .3)\n    }\n\n    .tier-thresh {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 500;\n        padding: 5px 12px;\n        border-radius: 8px;\n        background: #f7f6f3;\n        color: #888;\n        margin-bottom: 24px\n    }\n\n    .tier-dark .tier-thresh {\n        background: rgba(255, 255, 255, .08);\n        color: rgba(255, 255, 255, .35)\n    }\n\n    .tier-div {\n        height: 1px;\n        background: #f0efe8;\n        margin-bottom: 20px\n    }\n\n    .tier-dark .tier-div {\n        background: rgba(255, 255, 255, .08)\n    }\n\n    .perks {\n        list-style: none\n    }\n\n    .perks li {\n        font-size: 12px;\n        color: #4e4e4e;\n        padding: 6px 0;\n        display: flex;\n        gap: 10px;\n        align-items: flex-start;\n        border-bottom: 1px solid #f7f6f3;\n        line-height: 1.45\n    }\n\n    .tier-dark .perks li {\n        color: rgba(255, 255, 255, .6);\n        border-color: rgba(255, 255, 255, .06)\n    }\n\n    .perks li:last-child {\n        border-bottom: none\n    }\n\n    .perks li::before {\n        content: '';\n        width: 5px;\n        height: 5px;\n        border-radius: 50%;\n        background: #ffb635;\n        flex-shrink: 0;\n        margin-top: 4px\n    }\n\n    \/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\n    .steps-bg {\n        background: #fff;\n        padding: 56px 48px\n    }\n\n    .steps-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 3px;\n        background: #e8e7e2;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1.5px solid #e8e7e2\n    }\n\n    .step {\n        background: #fff;\n        padding: 36px 32px\n    }\n\n    .step-n {\n        font-size: 56px;\n        font-weight: 900;\n        color: #ffb635;\n        line-height: .9;\n        letter-spacing: -.04em;\n        margin-bottom: 20px;\n        opacity: .2;\n        text-align: center\n    }\n\n    .step-t {\n        font-size: 16px;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin-bottom: 8px;\n        letter-spacing: -.01em;\n        text-align: center\n    }\n\n    .step-p {\n        font-size: 13px;\n        color: #6a6a6a;\n        line-height: 1.7;\n        font-weight: 300;\n        text-align: center\n    }\n\n    \/* \u2500\u2500\u2500 PROMISE \u2500\u2500\u2500 *\/\n    .promise-bg {\n        background: #1a1a1a;\n        border-radius: 20px;\n        margin: 0 48px;\n        padding: 56px 56px;\n        text-align: center !important;\n        position: relative;\n        overflow: hidden\n    }\n\n    .promise-bg::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 700px;\n        height: 300px;\n        background: radial-gradient(ellipse, rgba(255, 182, 53, .07) 0%, transparent 70%);\n        pointer-events: none\n    }\n\n    .promise-bg .h2 {\n        color: #fff\n    }\n\n    .promise-text {\n        font-size: 16px;\n        font-weight: 300;\n        color: rgba(255, 255, 255, .4);\n        max-width: 560px;\n        margin: 0 auto;\n        line-height: 1.8;\n        text-align: center !important\n    }\n\n    .promise-bar {\n        width: 36px;\n        height: 3px;\n        background: #ffb635;\n        margin: 32px auto 0;\n        border-radius: 2px\n    }\n\n    \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n    .faq-bg {\n        background: #f7f6f3;\n        border-radius: 20px;\n        margin: 20px 48px;\n        padding: 56px 56px\n    }\n\n    .faq-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3px;\n        background: #e8e7e2;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1.5px solid #e8e7e2\n    }\n\n    .faq-item {\n        background: #fff;\n        padding: 28px 32px\n    }\n\n    .faq-q {\n        font-size: 14px;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin-bottom: 8px;\n        letter-spacing: -.01em;\n        line-height: 1.35\n    }\n\n    .faq-q::before {\n        content: 'Q \u2014 ';\n        color: #ffb635;\n        font-weight: 900\n    }\n\n    .faq-a {\n        font-size: 13px;\n        color: #6a6a6a;\n        line-height: 1.7;\n        font-weight: 300\n    }\n\n    \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\n    .cta-bg {\n        background: #ffb635;\n        border-radius: 20px;\n        margin: 20px 48px;\n        padding: 56px 56px;\n        text-align: center !important\n    }\n\n    .cta-bg .h2 {\n        color: #1a1a1a;\n        margin-bottom: 12px\n    }\n\n    .cta-sub {\n        font-size: 15px;\n        color: rgba(0, 0, 0, .5);\n        max-width: 480px;\n        margin: 0 auto 32px;\n        line-height: 1.7;\n        font-weight: 300;\n        text-align: center !important\n    }\n\n    .cta-note {\n        margin-top: 14px;\n        font-size: 11px;\n        color: rgba(0, 0, 0, .3);\n        letter-spacing: .06em\n    }\n\n    \/* \u2500\u2500\u2500 SPACING \u2500\u2500\u2500 *\/\n    .gap {\n        height: 20px\n    }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media(max-width:800px) {\n\n        .tier-grid,\n        .steps-grid,\n        .faq-grid {\n            grid-template-columns: 1fr\n        }\n\n        .strip {\n            gap: 20px\n        }\n\n        .tiers-bg,\n        .promise-bg,\n        .faq-bg,\n        .cta-bg {\n            margin: 16px 20px;\n            padding: 40px 28px\n        }\n\n        .section,\n        .steps-bg {\n            padding: 40px 20px\n        }\n\n        .hero {\n            padding: 56px 24px 48px;\n            border-radius: 0\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>hibike Club Dein Vorteilbeginnt sofort.Und bleibt. Werde Mitglied und spare ab der ersten Bestellung. Kostenlos beitreten, sofort profitieren \u2013 mit jedem Einkaufsjahr mehr. Jetzt Mitglied werden \u2013 0,01 \u20ac Einmalig \u00b7 Kein Abo \u00b7 Keine Mindestlaufzeit Stahl sofort \u00b7 1 % Alu ab 2.500 \u20ac \/ Jahr \u00b7 1,5 % Carbon ab 5.000 \u20ac \/ [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-482755","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/pages\/482755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/comments?post=482755"}],"version-history":[{"count":19,"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/pages\/482755\/revisions"}],"predecessor-version":[{"id":1050889,"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/pages\/482755\/revisions\/1050889"}],"wp:attachment":[{"href":"https:\/\/stage.hibike.com\/cs\/wp-json\/wp\/v2\/media?parent=482755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}