Home | MODX Revolution
:root { --brand-green: #365c2b; --brand-green-dark: #20371a; --brand-green-soft: #6e8b4e; --brand-cream: #f3efe4; --brand-sand: #ddd3bf; --brand-orange: #d98b1d; --brand-orange-dark: #b96f0a; --brand-ink: #161814; --brand-white: #ffffff; --hero-overlay: linear-gradient(180deg, rgba(16,24,13,.58) 0%, rgba(16,24,13,.30) 35%, rgba(16,24,13,.48) 100%); --shadow-soft: 0 20px 60px rgba(0,0,0,.18); --radius-xl: 28px; --radius-lg: 20px; --radius-md: 14px; } html { scroll-behavior: smooth; } body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--brand-ink); background: var(--brand-cream); } .site-shell { overflow: hidden; } .brand-navbar { position: absolute; inset: 0 0 auto 0; z-index: 20; padding: 24px 0; background: linear-gradient(180deg, rgba(9,14,7,.75), rgba(9,14,7,.18)); } .brand-logo { display: inline-flex; align-items: center; gap: 14px; color: #fff; font-weight: 800; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; } .brand-logo-badge { width: 62px; height: 62px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-soft) 100%); clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); box-shadow: 0 10px 30px rgba(0,0,0,.2); position: relative; } .brand-logo-badge::before { content: ""; width: 34px; height: 34px; border: 3px solid rgba(255,255,255,.92); border-radius: 50%; position: absolute; bottom: 11px; left: 14px; opacity: .9; } .brand-logo-badge::after { content: ""; width: 12px; height: 28px; border-left: 3px solid rgba(255,255,255,.92); border-right: 3px solid rgba(255,255,255,.92); border-top: 3px solid rgba(255,255,255,.92); border-radius: 10px 10px 0 0; position: absolute; top: 10px; left: 24px; } .brand-logo-text strong, .brand-logo-text span { display: block; line-height: 1; } .brand-logo-text strong { font-size: 1.2rem; } .brand-logo-text span { font-size: .78rem; color: rgba(255,255,255,.78); margin-top: 4px; } .brand-nav a { color: rgba(255,255,255,.92); font-weight: 700; text-transform: uppercase; font-size: .88rem; letter-spacing: .05em; } .brand-nav a:hover, .brand-nav a[aria-current="page"] { color: #fff; } .btn-brand, .uk-button.btn-brand { background: linear-gradient(180deg, var(--brand-orange), var(--brand-orange-dark)); color: #fff; border: 0; border-radius: 12px; font-weight: 800; letter-spacing: .02em; box-shadow: 0 12px 24px rgba(121,74,8,.25); } .btn-brand:hover, .uk-button.btn-brand:hover { color: #fff; transform: translateY(-1px); } .btn-outline-light { border: 2px solid rgba(255,255,255,.85); color: #fff; border-radius: 12px; font-weight: 800; background: rgba(255,255,255,.06); backdrop-filter: blur(5px); } .hero { position: relative; min-height: 94vh; background: var(--hero-overlay), url('../img/harz-bike-hero.jpg') center center / cover no-repeat; display: flex; align-items: center; color: #fff; } .hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 140px; background: linear-gradient(180deg, rgba(243,239,228,0) 0%, rgba(243,239,228,1) 100%); } .hero-inner { position: relative; z-index: 2; padding-top: 110px; padding-bottom: 180px; } .hero-kicker { display: inline-block; margin-bottom: 18px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(6px); text-transform: uppercase; font-size: .82rem; font-weight: 700; letter-spacing: .08em; } .hero h1 { color: #fff; font-weight: 900; line-height: .96; text-transform: uppercase; margin: 0 0 18px; text-shadow: 0 8px 26px rgba(0,0,0,.34); } .hero h1 .accent { color: #f0d56d; display: block; } .hero-lead { max-width: 720px; font-size: 1.25rem; line-height: 1.5; color: rgba(255,255,255,.90); margin-bottom: 28px; } .hero-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; } .hero-meta span { padding: 10px 16px; border-radius: 999px; background: rgba(19,29,15,.42); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.92); font-size: .92rem; font-weight: 600; } .feature-ribbon-wrap { margin-top: -95px; position: relative; z-index: 3; } .feature-ribbon { background: rgba(248,245,238,.96); border-radius: 22px; box-shadow: var(--shadow-soft); border: 1px solid rgba(54,92,43,.08); overflow: hidden; } .feature-item { display: flex; align-items: flex-start; gap: 16px; padding: 28px 26px; height: 100%; } .feature-item + .feature-item { border-left: 1px solid rgba(54,92,43,.10); } .feature-icon { width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(135deg, rgba(54,92,43,.12), rgba(110,139,78,.22)); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-green); flex: none; } .feature-item h3, .section-title, .cta-panel h2, .bike-card h3 { font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } .section-block { padding: 90px 0; } .section-block.compact { padding: 70px 0; } .section-eyebrow { display: inline-block; margin-bottom: 14px; color: var(--brand-orange-dark); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .82rem; } .section-title { font-size: clamp(2rem, 4vw, 3.5rem); margin: 0 0 14px; color: var(--brand-green-dark); } .section-lead { max-width: 760px; color: rgba(22,24,20,.74); font-size: 1.08rem; line-height: 1.7; } .bike-card { position: relative; overflow: hidden; border-radius: var(--radius-xl); min-height: 520px; box-shadow: var(--shadow-soft); background: #23331e; } .bike-card-media { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.02); } .bike-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,14,8,.08) 0%, rgba(10,14,8,.15) 30%, rgba(10,14,8,.76) 100%); z-index: 1; } .bike-card-content { position: relative; z-index: 2; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; padding: 32px; color: #fff; } .bike-card h3 { color: #fff; font-size: clamp(1.55rem, 3vw, 2.4rem); margin-bottom: 10px; } .bike-card p { color: rgba(255,255,255,.88); max-width: 90%; } .bike-card-tag { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-bottom: auto; padding: 8px 14px; background: rgba(255,255,255,.12); border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-weight: 700; text-transform: uppercase; font-size: .78rem; letter-spacing: .06em; } .panel-cream { background: linear-gradient(180deg, #f8f5ee 0%, #efe7d7 100%); } .booking-grid-card { background: rgba(255,255,255,.76); border-radius: var(--radius-lg); padding: 28px; border: 1px solid rgba(54,92,43,.08); box-shadow: 0 16px 40px rgba(33,55,26,.08); height: 100%; } .booking-grid-card .icon { width: 58px; height: 58px; border-radius: 16px; background: rgba(54,92,43,.10); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-green); margin-bottom: 18px; } .cta-panel { position: relative; border-radius: 32px; overflow: hidden; background: linear-gradient(120deg, rgba(32,55,26,.95), rgba(54,92,43,.86)); color: #fff; box-shadow: var(--shadow-soft); } .cta-panel::before { content: ""; position: absolute; inset: 0; background: url('../img/harz-bike-shop.jpg') center center / cover no-repeat; opacity: .20; mix-blend-mode: luminosity; } .cta-panel-inner { position: relative; z-index: 1; padding: 44px; } .cta-panel h2 { color: #fff; margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 3rem); } .price-teaser { border-radius: 24px; padding: 28px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(6px); } .price-teaser ul { margin: 0; padding: 0; list-style: none; } .price-teaser li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); } .price-teaser li:last-child { border-bottom: 0; } .footer-brand { background: var(--brand-green-dark); color: rgba(255,255,255,.72); } .footer-brand a { color: rgba(255,255,255,.88); } .footer-badge { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: .05em; } .footer-badge-mark { width: 42px; height: 42px; display: inline-block; background: linear-gradient(135deg, var(--brand-green-soft), var(--brand-green)); clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); } @media (max-width: 959px) { .feature-item + .feature-item { border-left: 0; border-top: 1px solid rgba(54,92,43,.10); } .hero-inner { padding-bottom: 150px; } .bike-card, .bike-card-content { min-height: 440px; } } @media (max-width: 639px) { .brand-navbar { padding: 16px 0; } .brand-logo-badge { width: 52px; height: 52px; } .brand-logo-text strong { font-size: 1rem; } .hero { min-height: auto; } .hero-inner { padding-top: 120px; padding-bottom: 140px; } .hero-lead { font-size: 1.05rem; } .feature-ribbon-wrap { margin-top: -70px; } .cta-panel-inner { padding: 28px; } }
Mountainbike · E‑MTB · Gravel im Harz

Bike-Verleih am Waldrand
für Trails, Touren und Aussicht

Moderne Cannondale Mountainbikes, E‑Mountainbikes und Gravelbikes. Direkt an den Harzer Wäldern, mit schneller Online-Buchung, Zubehör und persönlicher Einweisung.

Waldrand-Lage E‑MTBs mit Reichweite Helm & Zubehör optional

Top Mountainbikes

Aktuelle MTB- und E‑MTB-Modelle für Einsteiger, Tourenfahrer und Trailfans.

E‑Bike Power

Mehr Höhenmeter, mehr Reichweite und entspannter unterwegs im Harz.

Geführte Touren

Auf Wunsch mit Routenvorschlägen, Guide oder Tipps direkt aus der Region.

Unsere Bikes

Drei Kategorien, ein klarer Fokus

Cannondale Mountainbikes, E‑Mountainbikes und Gravelbikes für den Harz. Das Layout übernimmt die starke Bildsprache und die klare Typografie aus dem Entwurf.

Hardtail & Fully

Mountainbikes

Robuste Bikes für Waldwege, Schotter und technischere Trails.

MTBs ansehen

Unterstützt bergauf

E‑Mountainbikes

Ideal für längere Routen, steilere Anstiege und entspanntes Erkunden.

E‑MTBs ansehen

Straße & Schotter

Gravelbikes

Schnell, vielseitig und perfekt für Panoramatouren und Übergänge zwischen Asphalt und Naturweg.

Gravelbikes ansehen

Einfach buchen

Klarer Ablauf wie im Konzept

Die Service-Sektion übernimmt die ruhige, helle Fläche unterhalb des Naturmotivs. So entsteht Platz für Preislisten, Buchungsinfos oder saisonale Hinweise.

Verfügbarkeit prüfen

Schnell sehen, welche Bikes an welchem Tag frei sind.

Online reservieren

Direkt buchen oder Anfrage mit Wunschmodell senden.

Zubehör wählen

Helm, Schloss, Pedale oder Kindersitz ergänzen.

Preise & Buchung

Viel Platz für Ihre Preisliste

Hier kan later een eigen prijsoverzicht of MODX-output komen, bijvoorbeeld via MIGX of losse contentblokken.

Beispielpreise

  • Mountainbike · Tagab 39 €
  • E‑Mountainbike · Tagab 59 €
  • Gravelbike · Tagab 45 €
  • Helm & Zubehöroptional
Biketour im Harz
Touren & Region

Harz-Stimmung statt Alpen-Drama

Bewaldete Hügel, weiche Horizonte und natürliche Lichtstimmung prägen den Look. Diese Resource ist bewusst eigenständig aufgebaut, zodat je jede pagina los kunt vormgeven.

Tourenvorschläge

Kurze, mittlere und sportliche Runden direkt ab Unterkunft oder Verleih.

Lokale Tipps

Aussichtspunkte, Einkehrmöglichkeiten und familienfreundliche Wege.

Preise

Preisliste

Deze resource is los opgezet, zodat je de prijspagina volledig apart kunt vormgeven en uitbreiden.

Mountainbike

1 Tag: 39 €
2 Tage: 69 €
3 Tage: 95 €

E‑Mountainbike

1 Tag: 59 €
2 Tage: 109 €
3 Tage: 149 €

Gravelbike

1 Tag: 45 €
2 Tage: 79 €
3 Tage: 109 €

Service

Service rund um Ihre Tour

Jede resource kan nu eigen content krijgen, terwijl header, footer en styling centraal blijven.

Einweisung

Kurze Übergabe mit Setup, Sitzposition und Routentipps.

Zubehör

Helm, Schloss, Pedale und weiteres Zubehör nach Bedarf.

Support

Persönlicher Kontakt für Fragen vor und während der Miete.

Kontakt

Kontakt & Anfrage

Hier kannst du später FormIt, een contactformulier of vaste contactblokken inzetten.

Kontaktinformationen

Harz Bike Rental
Musterweg 1
38644 Goslar

Telefon: +49 000 000000
E-Mail: alappohn@harzecolodges.com

Formularplatzhalter

Hier kan een FormIt-call of een extern boekingsformulier komen.

:root { --brand-green: #365c2b; --brand-green-dark: #20371a; --brand-green-soft: #6e8b4e; --brand-cream: #f3efe4; --brand-sand: #ddd3bf; --brand-orange: #d98b1d; --brand-orange-dark: #b96f0a; --brand-ink: #161814; --brand-white: #ffffff; --hero-overlay: linear-gradient(180deg, rgba(16,24,13,.58) 0%, rgba(16,24,13,.30) 35%, rgba(16,24,13,.48) 100%); --shadow-soft: 0 20px 60px rgba(0,0,0,.18); --radius-xl: 28px; --radius-lg: 20px; --radius-md: 14px; } html { scroll-behavior: smooth; } body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--brand-ink); background: var(--brand-cream); } .site-shell { overflow: hidden; } .brand-navbar { position: absolute; inset: 0 0 auto 0; z-index: 20; padding: 24px 0; background: linear-gradient(180deg, rgba(9,14,7,.75), rgba(9,14,7,.18)); } .brand-logo { display: inline-flex; align-items: center; gap: 14px; color: #fff; font-weight: 800; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; } .brand-logo-badge { width: 62px; height: 62px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-soft) 100%); clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); box-shadow: 0 10px 30px rgba(0,0,0,.2); position: relative; } .brand-logo-badge::before { content: ""; width: 34px; height: 34px; border: 3px solid rgba(255,255,255,.92); border-radius: 50%; position: absolute; bottom: 11px; left: 14px; opacity: .9; } .brand-logo-badge::after { content: ""; width: 12px; height: 28px; border-left: 3px solid rgba(255,255,255,.92); border-right: 3px solid rgba(255,255,255,.92); border-top: 3px solid rgba(255,255,255,.92); border-radius: 10px 10px 0 0; position: absolute; top: 10px; left: 24px; } .brand-logo-text strong, .brand-logo-text span { display: block; line-height: 1; } .brand-logo-text strong { font-size: 1.2rem; } .brand-logo-text span { font-size: .78rem; color: rgba(255,255,255,.78); margin-top: 4px; } .brand-nav a { color: rgba(255,255,255,.92); font-weight: 700; text-transform: uppercase; font-size: .88rem; letter-spacing: .05em; } .brand-nav a:hover, .brand-nav a[aria-current="page"] { color: #fff; } .btn-brand, .uk-button.btn-brand { background: linear-gradient(180deg, var(--brand-orange), var(--brand-orange-dark)); color: #fff; border: 0; border-radius: 12px; font-weight: 800; letter-spacing: .02em; box-shadow: 0 12px 24px rgba(121,74,8,.25); } .btn-brand:hover, .uk-button.btn-brand:hover { color: #fff; transform: translateY(-1px); } .btn-outline-light { border: 2px solid rgba(255,255,255,.85); color: #fff; border-radius: 12px; font-weight: 800; background: rgba(255,255,255,.06); backdrop-filter: blur(5px); } .hero { position: relative; min-height: 94vh; background: var(--hero-overlay), url('../img/harz-bike-hero.jpg') center center / cover no-repeat; display: flex; align-items: center; color: #fff; } .hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 140px; background: linear-gradient(180deg, rgba(243,239,228,0) 0%, rgba(243,239,228,1) 100%); } .hero-inner { position: relative; z-index: 2; padding-top: 110px; padding-bottom: 180px; } .hero-kicker { display: inline-block; margin-bottom: 18px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(6px); text-transform: uppercase; font-size: .82rem; font-weight: 700; letter-spacing: .08em; } .hero h1 { color: #fff; font-weight: 900; line-height: .96; text-transform: uppercase; margin: 0 0 18px; text-shadow: 0 8px 26px rgba(0,0,0,.34); } .hero h1 .accent { color: #f0d56d; display: block; } .hero-lead { max-width: 720px; font-size: 1.25rem; line-height: 1.5; color: rgba(255,255,255,.90); margin-bottom: 28px; } .hero-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; } .hero-meta span { padding: 10px 16px; border-radius: 999px; background: rgba(19,29,15,.42); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.92); font-size: .92rem; font-weight: 600; } .feature-ribbon-wrap { margin-top: -95px; position: relative; z-index: 3; } .feature-ribbon { background: rgba(248,245,238,.96); border-radius: 22px; box-shadow: var(--shadow-soft); border: 1px solid rgba(54,92,43,.08); overflow: hidden; } .feature-item { display: flex; align-items: flex-start; gap: 16px; padding: 28px 26px; height: 100%; } .feature-item + .feature-item { border-left: 1px solid rgba(54,92,43,.10); } .feature-icon { width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(135deg, rgba(54,92,43,.12), rgba(110,139,78,.22)); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-green); flex: none; } .feature-item h3, .section-title, .cta-panel h2, .bike-card h3 { font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } .section-block { padding: 90px 0; } .section-block.compact { padding: 70px 0; } .section-eyebrow { display: inline-block; margin-bottom: 14px; color: var(--brand-orange-dark); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .82rem; } .section-title { font-size: clamp(2rem, 4vw, 3.5rem); margin: 0 0 14px; color: var(--brand-green-dark); } .section-lead { max-width: 760px; color: rgba(22,24,20,.74); font-size: 1.08rem; line-height: 1.7; } .bike-card { position: relative; overflow: hidden; border-radius: var(--radius-xl); min-height: 520px; box-shadow: var(--shadow-soft); background: #23331e; } .bike-card-media { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.02); } .bike-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,14,8,.08) 0%, rgba(10,14,8,.15) 30%, rgba(10,14,8,.76) 100%); z-index: 1; } .bike-card-content { position: relative; z-index: 2; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; padding: 32px; color: #fff; } .bike-card h3 { color: #fff; font-size: clamp(1.55rem, 3vw, 2.4rem); margin-bottom: 10px; } .bike-card p { color: rgba(255,255,255,.88); max-width: 90%; } .bike-card-tag { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-bottom: auto; padding: 8px 14px; background: rgba(255,255,255,.12); border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-weight: 700; text-transform: uppercase; font-size: .78rem; letter-spacing: .06em; } .panel-cream { background: linear-gradient(180deg, #f8f5ee 0%, #efe7d7 100%); } .booking-grid-card { background: rgba(255,255,255,.76); border-radius: var(--radius-lg); padding: 28px; border: 1px solid rgba(54,92,43,.08); box-shadow: 0 16px 40px rgba(33,55,26,.08); height: 100%; } .booking-grid-card .icon { width: 58px; height: 58px; border-radius: 16px; background: rgba(54,92,43,.10); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-green); margin-bottom: 18px; } .cta-panel { position: relative; border-radius: 32px; overflow: hidden; background: linear-gradient(120deg, rgba(32,55,26,.95), rgba(54,92,43,.86)); color: #fff; box-shadow: var(--shadow-soft); } .cta-panel::before { content: ""; position: absolute; inset: 0; background: url('../img/harz-bike-shop.jpg') center center / cover no-repeat; opacity: .20; mix-blend-mode: luminosity; } .cta-panel-inner { position: relative; z-index: 1; padding: 44px; } .cta-panel h2 { color: #fff; margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 3rem); } .price-teaser { border-radius: 24px; padding: 28px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(6px); } .price-teaser ul { margin: 0; padding: 0; list-style: none; } .price-teaser li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); } .price-teaser li:last-child { border-bottom: 0; } .footer-brand { background: var(--brand-green-dark); color: rgba(255,255,255,.72); } .footer-brand a { color: rgba(255,255,255,.88); } .footer-badge { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: .05em; } .footer-badge-mark { width: 42px; height: 42px; display: inline-block; background: linear-gradient(135deg, var(--brand-green-soft), var(--brand-green)); clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); } @media (max-width: 959px) { .feature-item + .feature-item { border-left: 0; border-top: 1px solid rgba(54,92,43,.10); } .hero-inner { padding-bottom: 150px; } .bike-card, .bike-card-content { min-height: 440px; } } @media (max-width: 639px) { .brand-navbar { padding: 16px 0; } .brand-logo-badge { width: 52px; height: 52px; } .brand-logo-text strong { font-size: 1rem; } .hero { min-height: auto; } .hero-inner { padding-top: 120px; padding-bottom: 140px; } .hero-lead { font-size: 1.05rem; } .feature-ribbon-wrap { margin-top: -70px; } .cta-panel-inner { padding: 28px; } }
Mountainbike · E‑MTB · Gravel im Harz

Bike-Verleih am Waldrand
für Trails, Touren und Aussicht

Moderne Cannondale Mountainbikes, E‑Mountainbikes und Gravelbikes. Direkt an den Harzer Wäldern, mit schneller Online-Buchung, Zubehör und persönlicher Einweisung.

Waldrand-Lage E‑MTBs mit Reichweite Helm & Zubehör optional

Top Mountainbikes

Aktuelle MTB- und E‑MTB-Modelle für Einsteiger, Tourenfahrer und Trailfans.

E‑Bike Power

Mehr Höhenmeter, mehr Reichweite und entspannter unterwegs im Harz.

Geführte Touren

Auf Wunsch mit Routenvorschlägen, Guide oder Tipps direkt aus der Region.

Unsere Bikes

Drei Kategorien, ein klarer Fokus

Cannondale Mountainbikes, E‑Mountainbikes und Gravelbikes für den Harz. Das Layout übernimmt die starke Bildsprache und die klare Typografie aus dem Entwurf.

Hardtail & Fully

Mountainbikes

Robuste Bikes für Waldwege, Schotter und technischere Trails.

MTBs ansehen

Unterstützt bergauf

E‑Mountainbikes

Ideal für längere Routen, steilere Anstiege und entspanntes Erkunden.

E‑MTBs ansehen

Straße & Schotter

Gravelbikes

Schnell, vielseitig und perfekt für Panoramatouren und Übergänge zwischen Asphalt und Naturweg.

Gravelbikes ansehen

Einfach buchen

Klarer Ablauf wie im Konzept

Die Service-Sektion übernimmt die ruhige, helle Fläche unterhalb des Naturmotivs. So entsteht Platz für Preislisten, Buchungsinfos oder saisonale Hinweise.

Verfügbarkeit prüfen

Schnell sehen, welche Bikes an welchem Tag frei sind.

Online reservieren

Direkt buchen oder Anfrage mit Wunschmodell senden.

Zubehör wählen

Helm, Schloss, Pedale oder Kindersitz ergänzen.

Preise & Buchung

Viel Platz für Ihre Preisliste

Hier kan later een eigen prijsoverzicht of MODX-output komen, bijvoorbeeld via MIGX of losse contentblokken.

Beispielpreise

  • Mountainbike · Tagab 39 €
  • E‑Mountainbike · Tagab 59 €
  • Gravelbike · Tagab 45 €
  • Helm & Zubehöroptional
Biketour im Harz
Touren & Region

Harz-Stimmung statt Alpen-Drama

Bewaldete Hügel, weiche Horizonte und natürliche Lichtstimmung prägen den Look. Diese Resource ist bewusst eigenständig aufgebaut, zodat je jede pagina los kunt vormgeven.

Tourenvorschläge

Kurze, mittlere und sportliche Runden direkt ab Unterkunft oder Verleih.

Lokale Tipps

Aussichtspunkte, Einkehrmöglichkeiten und familienfreundliche Wege.

Preise

Preisliste

Deze resource is los opgezet, zodat je de prijspagina volledig apart kunt vormgeven en uitbreiden.

Mountainbike

1 Tag: 39 €
2 Tage: 69 €
3 Tage: 95 €

E‑Mountainbike

1 Tag: 59 €
2 Tage: 109 €
3 Tage: 149 €

Gravelbike

1 Tag: 45 €
2 Tage: 79 €
3 Tage: 109 €

Service

Service rund um Ihre Tour

Jede resource kan nu eigen content krijgen, terwijl header, footer en styling centraal blijven.

Einweisung

Kurze Übergabe mit Setup, Sitzposition und Routentipps.

Zubehör

Helm, Schloss, Pedale und weiteres Zubehör nach Bedarf.

Support

Persönlicher Kontakt für Fragen vor und während der Miete.

Kontakt

Kontakt & Anfrage

Hier kannst du später FormIt, een contactformulier of vaste contactblokken inzetten.

Kontaktinformationen

Harz Bike Rental
Musterweg 1
38644 Goslar

Telefon: +49 000 000000
E-Mail: alappohn@harzecolodges.com

Formularplatzhalter

Hier kan een FormIt-call of een extern boekingsformulier komen.