/*
Theme Name: Healthy-Biking Child - Blade Flat Grid Export
Template: blade
Version: 13.1
Description: No-inline CSS classes for the German Healthy-Biking homepage WPBakery flat grid export.
*/

/* Local font policy: configure Barlow Condensed and Open Sans through the existing local Blade or OMGF setup. No font CDN is loaded here. */
:root { --hb-forest:#1a3d2b; --hb-forest-mid:#2d5c3e; --hb-forest-deep:#132b1e; --hb-teal:#3ab5c5; --hb-orange:#b87333; --hb-sand:#f5f1e8; --hb-beige:#ede8dc; --hb-text:#4a4540; --hb-white:#ffffff; }
.hb-page-home, .hb-page-home * { box-sizing:border-box; }
.hb-page-home .vc_column-inner { padding-top:0; padding-bottom:0; }
.hb-bg-sand, .hb-bg-sand .vc_column-inner, .hb-bg-sand .wpb_column { background-color:var(--hb-sand) !important; }
.hb-bg-hellbeige, .hb-bg-hellbeige .vc_column-inner, .hb-bg-hellbeige .wpb_column { background-color:var(--hb-beige) !important; }
.hb-bg-weiss, .hb-bg-weiss .vc_column-inner, .hb-bg-weiss .wpb_column { background-color:var(--hb-white) !important; }
.hb-bg-mittelgruen, .hb-bg-mittelgruen .vc_column-inner, .hb-bg-mittelgruen .wpb_column { background-color:var(--hb-forest-mid) !important; }
.hb-bg-dunkelgruen, .hb-bg-dunkelgruen .vc_column-inner, .hb-bg-dunkelgruen .wpb_column { background-color:var(--hb-forest) !important; }
.hb-bg-tiefschwarzgruen, .hb-bg-tiefschwarzgruen .vc_column-inner, .hb-bg-tiefschwarzgruen .wpb_column { background-color:var(--hb-forest-deep) !important; }
.hb-section-padding { padding-top:72px !important; padding-bottom:72px !important; }
.hb-section-padding-sm { padding-top:48px !important; padding-bottom:48px !important; }
.hb-grid-row { padding-top:0 !important; padding-bottom:0 !important; }
.hb-grid-row > .vc_column > .vc_column-inner { padding:0 9px 18px !important; }
.hb-grid-row > .vc_column:first-child > .vc_column-inner { padding-left:0 !important; }
.hb-grid-row > .vc_column:last-child > .vc_column-inner { padding-right:0 !important; }
.hb-hero-row { padding:0 !important; }
.hb-hero-row > .vc_column-inner, .hb-hero-row .wpb_wrapper { padding:0 !important; margin:0 !important; }
.hb-hero-row .container, .hb-hero-row .vc_row-fluid { max-width:100% !important; padding:0 !important; }
.hb-page-home .wpb_content_element { margin-bottom:0; }
.hb-heading, .hb-page-home h1, .hb-page-home h2, .hb-page-home h3, .hb-page-home h4 { font-family:'Barlow Condensed',Arial,sans-serif !important; font-weight:800 !important; letter-spacing:.015em; text-transform:uppercase; }
.hb-page-home p, .hb-page-home li, .hb-page-home span { font-family:'Open Sans',Arial,sans-serif; }
.hb-heading-hero { max-width:900px; margin:0 0 22px; color:var(--hb-white) !important; font-size:clamp(54px,8vw,96px); line-height:.9; }
.hb-heading-section { margin:0 0 20px; color:var(--hb-forest) !important; font-size:clamp(40px,5vw,62px); line-height:.95; }
.hb-heading-card { margin:0 0 14px; color:var(--hb-forest) !important; font-size:30px; line-height:1; }
.hb-heading-media { color:var(--hb-white) !important; font-size:38px; line-height:1; }
.hb-heading-note { margin:0 0 8px; color:var(--hb-white) !important; font-size:28px; line-height:1; }
.hb-heading-light, .hb-option-card-forest .hb-heading-card, .hb-step-card-forest .hb-heading-card, .hb-compare-card-forest .hb-heading-card, .hb-topic-panel-forest .hb-heading-card, .hb-offer-card .hb-heading-card { color:var(--hb-white) !important; }
.hb-eyebrow { margin:0 0 12px; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.hb-eyebrow-teal { color:var(--hb-teal) !important; }
.hb-eyebrow-orange { color:var(--hb-orange) !important; }
.hb-eyebrow-forest { color:var(--hb-forest) !important; }
.hb-copy { margin:0 0 18px; color:var(--hb-text) !important; font-size:16px; line-height:1.72; }
.hb-copy-lg { font-size:18px; line-height:1.68; }
.hb-copy-on-dark, .hb-copy-on-dark strong { color:rgba(255,255,255,.87) !important; }
.hb-small-copy { color:#645f59 !important; font-size:13px; line-height:1.55; }
.hb-lead { margin:0 0 28px; max-width:850px; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:clamp(21px,2.4vw,30px); font-weight:400; letter-spacing:.035em; line-height:1.36; }
.hb-lead-on-dark { color:rgba(255,255,255,.92) !important; }
.hb-button-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.hb-btn { display:inline-block; border:2px solid transparent; border-radius:3px; padding:14px 24px; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:14px; font-weight:700; letter-spacing:.08em; text-decoration:none !important; text-transform:uppercase; transition:opacity .2s ease, transform .2s ease, background .2s ease; }
.hb-btn:hover { opacity:.86; transform:translateY(-1px); }
.hb-btn-teal { background:var(--hb-teal); color:#0f2018 !important; }
.hb-btn-forest { background:var(--hb-forest); color:var(--hb-white) !important; }
.hb-btn-orange { background:var(--hb-orange); color:var(--hb-white) !important; }
.hb-btn-outline-light { border-color:rgba(255,255,255,.58); background:transparent; color:var(--hb-white) !important; }
.hb-btn-outline-forest { border-color:var(--hb-forest); background:transparent; color:var(--hb-forest) !important; }
.hb-text-link { color:var(--hb-forest) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:14px; font-weight:700; letter-spacing:.075em; text-decoration:none !important; text-transform:uppercase; }
.hb-text-link-light { color:var(--hb-teal) !important; }
.hb-inline-link { color:var(--hb-forest) !important; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.hb-hero-media { display:flex; align-items:center; min-height:88vh; width:100%; background-color:var(--hb-forest-deep); background-image:linear-gradient(135deg,rgba(19,43,30,.88),rgba(26,61,43,.62),rgba(19,43,30,.84)),url('__HB_MEDIA_URL_HERO__'); background-position:center; background-repeat:no-repeat; background-size:cover; }
.hb-hero-content { width:100%; max-width:1180px; margin:0 auto; padding:128px 6vw 100px; text-align:center; }
.hb-hero-content .hb-lead { margin-left:auto; margin-right:auto; }
.hb-hero-content .hb-button-row { justify-content:center; }
.hb-hero-values { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:520px; margin:62px auto 0; }
.hb-hero-values div { color:rgba(255,255,255,.8); font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.hb-value-mark { display:block; width:4px; height:32px; margin:0 auto 10px; background:var(--hb-teal); }
.hb-sticky-copy { padding-right:22px; }
.hb-goal-box { margin:26px 0; padding:22px; background:var(--hb-forest); }
.hb-goal-box p { margin:0; color:rgba(255,255,255,.88) !important; font-size:14px; line-height:1.65; }
.hb-question-card, .hb-step-card, .hb-option-card, .hb-bike-card, .hb-principle-card { min-height:100%; margin:0 0 16px; padding:26px; background:var(--hb-white); border-top:4px solid var(--hb-teal); box-shadow:0 8px 20px rgba(19,43,30,.05); }
.hb-card-orange { border-top-color:var(--hb-orange); }
.hb-card-number { margin-bottom:12px; color:var(--hb-orange) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:18px; font-weight:700; letter-spacing:.1em; }
.hb-question-card p, .hb-step-card p, .hb-option-card p, .hb-bike-card p, .hb-principle-card p, .hb-card-copy p { margin:0; color:#5a554f !important; font-size:14px; line-height:1.65; }
.hb-section-rule { height:1px; margin:48px 0 42px; background:#d9d2c4; }
.hb-narrow-copy { max-width:820px; margin:0 0 30px; }
.hb-step-number { margin:0 0 18px; color:var(--hb-orange) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:48px; font-weight:800; line-height:1; }
.hb-step-card-forest, .hb-option-card-forest, .hb-compare-card-forest, .hb-topic-panel-forest, .hb-offer-card { background:var(--hb-forest); }
.hb-step-card-forest p, .hb-option-card-forest p, .hb-compare-card-forest p, .hb-topic-panel-forest p, .hb-offer-card p, .hb-offer-card li { color:rgba(255,255,255,.82) !important; }
.hb-step-card-forest .hb-step-number { color:var(--hb-teal) !important; }
.hb-option-card { margin-top:8px; }
.hb-option-card-light { border:2px solid var(--hb-teal); }
.hb-option-card-forest { border:2px solid var(--hb-forest); }
.hb-option-card-forest .hb-text-link { color:var(--hb-teal) !important; }
.hb-testbike-copy { display:flex; min-height:100%; flex-direction:column; justify-content:center; padding:10px 14px 10px 36px; }
.hb-media-slot { position:relative; overflow:hidden; min-height:330px; background-color:var(--hb-forest); background-position:center; background-repeat:no-repeat; background-size:cover; }
.hb-media-hardtail { min-height:430px; background-image:linear-gradient(to top,rgba(19,43,30,.82),transparent 55%),url('__HB_MEDIA_URL_HARDTAIL__'); }
.hb-media-group { min-height:390px; background-image:url('__HB_MEDIA_URL_GROUP__'); }
.hb-media-pillar-relax { min-height:288px; background-image:linear-gradient(to top,rgba(19,43,30,.82),transparent 55%),url('__HB_MEDIA_URL_PILLAR_RELAX__'); }
.hb-media-pillar-strength { min-height:288px; background-image:linear-gradient(to top,rgba(19,43,30,.82),transparent 55%),url('__HB_MEDIA_URL_PILLAR_STRENGTH__'); }
.hb-media-pillar-wellbeing { min-height:288px; background-image:linear-gradient(to top,rgba(19,43,30,.82),transparent 55%),url('__HB_MEDIA_URL_PILLAR_WELLBEING__'); }
.hb-media-gallery-sunset-ride { min-height:320px; background-image:linear-gradient(to top,rgba(19,43,30,.88),transparent 55%),url('__HB_MEDIA_URL_GALLERY_SUNSET_RIDE__'); }
.hb-media-gallery-sunset-field { min-height:320px; background-image:linear-gradient(to top,rgba(19,43,30,.88),transparent 55%),url('__HB_MEDIA_URL_GALLERY_SUNSET_FIELD__'); }
.hb-media-gallery-forest-trail { min-height:320px; background-image:linear-gradient(to top,rgba(19,43,30,.88),transparent 55%),url('__HB_MEDIA_URL_GALLERY_FOREST_TRAIL__'); }
.hb-media-gallery-bike-water { min-height:320px; background-image:linear-gradient(to top,rgba(19,43,30,.88),transparent 55%),url('__HB_MEDIA_URL_GALLERY_BIKE_WATER__'); }
.hb-media-coach { min-height:430px; background-image:url('__HB_MEDIA_URL_COACH__'); }
.hb-media-caption { position:absolute; right:0; bottom:0; left:0; padding:26px; }
.hb-dark-info-box { padding:28px; background:var(--hb-forest-deep); border-top:1px solid rgba(58,181,197,.48); }
.hb-dark-info-box .hb-heading-card, .hb-dark-info-box p { color:var(--hb-white) !important; }
.hb-dark-info-box p { color:rgba(255,255,255,.79) !important; font-size:14px; line-height:1.65; }
.hb-benefit-list { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px; }
.hb-benefit-list div { border-top:1px solid rgba(58,181,197,.45); padding-top:10px; }
.hb-benefit-list strong { display:block; color:var(--hb-teal) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:15px; text-transform:uppercase; }
.hb-benefit-list span { display:block; margin-top:5px; color:rgba(255,255,255,.72) !important; font-size:12px; line-height:1.45; }
.hb-check-list { margin:0 0 28px; padding:0; list-style:none; }
.hb-check-list li { position:relative; margin:0 0 11px; padding-left:24px; color:rgba(255,255,255,.86) !important; font-size:14px; line-height:1.5; }
.hb-check-list li:before { position:absolute; top:0; left:0; color:var(--hb-teal); content:'+'; font-family:'Barlow Condensed',Arial,sans-serif; font-size:20px; font-weight:800; }
.hb-note-on-dark { margin-top:30px; border-left:4px solid var(--hb-teal); padding-left:20px; color:rgba(255,255,255,.76) !important; font-size:14px; line-height:1.65; }
.hb-note-on-dark strong { color:var(--hb-white) !important; }
.hb-divider { width:120px; height:3px; margin:0 0 24px; background:linear-gradient(to right,var(--hb-teal),var(--hb-forest-mid)); }
.hb-divider-teal { background:var(--hb-teal); }
.hb-philosophy-quote { position:relative; max-width:330px; margin:-42px 0 0 -28px; padding:24px; background:var(--hb-forest); box-shadow:0 12px 24px rgba(19,43,30,.22); }
.hb-philosophy-quote p { margin:0 0 8px; color:var(--hb-white) !important; font-size:14px; font-style:italic; line-height:1.55; }
.hb-philosophy-quote span { color:rgba(255,255,255,.62) !important; font-size:12px; }
.hb-feature-chip { display:inline-block; width:calc(50% - 10px); min-height:100%; margin:18px 8px 0 0; padding:18px; background:var(--hb-sand); text-align:center; vertical-align:top; }
.hb-feature-chip strong { color:var(--hb-forest) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:14px; letter-spacing:.04em; text-transform:uppercase; }
.hb-compare-card { min-height:100%; margin:0 0 16px; padding:28px; border-top:4px solid var(--hb-teal); }
.hb-compare-card-light { background:var(--hb-white); }
.hb-compare-card p { margin:0; color:#5a554f !important; font-size:14px; line-height:1.7; }
.hb-compare-card-forest p { color:rgba(255,255,255,.82) !important; }
.hb-compare-cta { display:flex; gap:20px; align-items:center; justify-content:space-between; margin-top:18px; padding:24px; background:var(--hb-white); }
.hb-compare-cta p { max-width:760px; margin:0; color:var(--hb-text) !important; font-size:14px; line-height:1.7; }
.hb-bike-card { margin:0 0 18px; border-top:0; }
.hb-topic-panel { min-height:100%; margin-top:10px; padding:30px; }
.hb-topic-panel-light { background:var(--hb-white); border:2px solid var(--hb-teal); }
.hb-topic-panel p { margin:0 0 20px; color:var(--hb-text) !important; font-size:15px; line-height:1.7; }
.hb-topic-panel-forest p { color:rgba(255,255,255,.78) !important; }
.hb-nature-bonus { background-image:linear-gradient(rgba(45,92,62,.94),rgba(45,92,62,.94)),url('__HB_MEDIA_URL_FOREST__'); background-position:center; background-repeat:no-repeat; background-size:cover; }
.hb-nature-content { max-width:820px; margin:0 auto 32px; text-align:center; }
.hb-nature-content .hb-divider { margin-right:auto; margin-left:auto; }
.hb-nature-stat { min-height:100%; margin:0 0 16px; padding:22px; background:rgba(19,43,30,.68); text-align:center; }
.hb-nature-stat div, .hb-stat-card div { color:var(--hb-teal) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:42px; font-weight:800; line-height:1; }
.hb-nature-stat strong, .hb-stat-card strong { display:block; margin-top:7px; color:var(--hb-white) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:16px; letter-spacing:.05em; text-transform:uppercase; }
.hb-nature-stat span, .hb-stat-card span { display:block; margin-top:4px; color:rgba(255,255,255,.58) !important; font-size:12px; }
.hb-source-note { margin:24px 0 0; text-align:center; font-size:12px; }
.hb-source-note-light { color:rgba(255,255,255,.55) !important; }
.hb-center-copy { max-width:800px; margin:0 auto 30px; text-align:center; }
.hb-stat-card { min-height:100%; margin:0 0 2px; padding:32px; background:var(--hb-forest-deep); text-align:center; }
.hb-pillar-card { height:100%; overflow:hidden; margin:0 0 18px; background:var(--hb-white); box-shadow:0 9px 24px rgba(19,43,30,.13); }
.hb-card-copy { padding:24px; }
.hb-gallery-card { margin:0 0 16px; }
.hb-gallery-note { display:flex; gap:18px; align-items:center; justify-content:space-between; margin-top:12px; border-left:4px solid var(--hb-teal); padding-left:20px; }
.hb-gallery-note p { max-width:780px; margin:0; color:var(--hb-text) !important; font-size:14px; line-height:1.65; }
.hb-skill-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.hb-skill-grid div { min-height:100%; padding:24px; background:var(--hb-forest); }
.hb-skill-grid strong { display:block; color:var(--hb-white) !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:18px; letter-spacing:.035em; text-transform:uppercase; }
.hb-skill-grid span { display:block; margin-top:7px; color:rgba(255,255,255,.58) !important; font-size:12px; }
.hb-offer-card { min-height:100%; padding:32px; }
.hb-offer-card ul { margin:0 0 26px; padding:0; list-style:none; }
.hb-offer-card li { position:relative; margin:0 0 9px; padding-left:18px; font-size:14px; }
.hb-offer-card li:before { position:absolute; left:0; color:var(--hb-teal); content:'•'; }
.hb-principle-card { border-top:0; }
.hb-medical-note { display:flex; gap:18px; align-items:flex-start; margin-top:22px; padding:28px; background:var(--hb-forest); }
.hb-medical-symbol { display:flex; width:44px; height:44px; flex:0 0 44px; align-items:center; justify-content:center; border-radius:50%; background:var(--hb-teal); color:var(--hb-forest-deep); font-family:Arial,sans-serif; font-size:28px; font-weight:700; }
.hb-medical-note p { margin:0; color:rgba(255,255,255,.8) !important; font-size:14px; line-height:1.65; }
.hb-media-badge { position:absolute; right:0; bottom:0; padding:14px 18px; background:var(--hb-teal); }
.hb-media-badge strong { display:block; color:#0f2018 !important; font-family:'Barlow Condensed',Arial,sans-serif !important; font-size:14px; letter-spacing:.06em; text-transform:uppercase; }
.hb-media-badge span { color:#23352d !important; font-size:12px; }
@media (max-width:767px) { .hb-section-padding { padding-top:48px !important; padding-bottom:48px !important; } .hb-section-padding-sm { padding-top:38px !important; padding-bottom:38px !important; } .hb-hero-media { min-height:680px; } .hb-hero-content { padding:104px 24px 72px; } .hb-hero-values { gap:10px; } .hb-testbike-copy { padding:30px 0 0; } .hb-benefit-list, .hb-skill-grid { grid-template-columns:1fr; } .hb-philosophy-quote { margin:-22px 16px 0; } .hb-compare-cta, .hb-gallery-note { display:block; } .hb-compare-cta .hb-btn, .hb-gallery-note .hb-text-link { margin-top:16px; } .hb-media-slot { min-height:285px; } }