:root {
–orange: #e07b00;
–orange-dk: #b86200;
–orange-lt: #fff4e6;
–charcoal: #1c1c1e;
–steel: #2e3440;
–iron: #3d4451;
–silver: #e8eaed;
–mist: #f4f5f7;
–soft: #6b7280;
–white: #ffffff;
–warn: #c0392b;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: ‚Barlow‘, sans-serif;
background: var(–mist);
color: var(–charcoal);
overflow-x: hidden;
}
/* ── HERO ─────────────────────────────── */
.hero {
background: var(–charcoal);
position: relative;
overflow: hidden;
padding: 48px 36px 40px;
}
.hero-bg-text {
position: absolute;
right: -10px; bottom: -20px;
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 140px;
font-weight: 800;
color: rgba(255,255,255,.03);
letter-spacing: -2px;
pointer-events: none;
white-space: nowrap;
}
.hero-stripe {
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: repeating-linear-gradient(
90deg,
var(–orange) 0px, var(–orange) 32px,
var(–charcoal) 32px, var(–charcoal) 40px
);
}
.hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: var(–orange);
margin-bottom: 14px;
}
.hero-eyebrow::before {
content: “;
width: 24px; height: 2px;
background: var(–orange);
}
.hero h1 {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: clamp(32px, 5vw, 52px);
font-weight: 800;
color: var(–white);
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.05;
animation: slideIn .6s ease both;
}
.hero h1 span {
color: var(–orange);
display: block;
}
.hero-sub {
font-size: 14px;
color: rgba(255,255,255,.45);
font-weight: 300;
margin-top: 10px;
letter-spacing: .3px;
animation: slideIn .6s .1s ease both;
}
.hero-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 22px;
animation: slideIn .6s .2s ease both;
}
.tag {
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
color: rgba(255,255,255,.65);
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px 12px;
transition: all .2s;
}
.tag:hover { background: rgba(224,123,0,.2); border-color: var(–orange); color: var(–orange); }
@keyframes slideIn {
from { opacity:0; transform:translateX(-16px); }
to { opacity:1; transform:translateX(0); }
}
/* ── KPI STRIP ───────────────────────── */
.kpi-strip {
display: grid;
grid-template-columns: repeat(5,1fr);
background: var(–orange);
}
.kpi {
padding: 16px 12px;
text-align: center;
border-right: 1px solid rgba(255,255,255,.2);
position: relative;
transition: background .2s;
}
.kpi:last-child { border-right: none; }
.kpi:hover { background: var(–orange-dk); }
.kpi-val {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 24px;
font-weight: 800;
color: var(–white);
line-height: 1;
letter-spacing: .5px;
}
.kpi-lbl {
font-size: 9.5px;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(255,255,255,.7);
margin-top: 3px;
}
/* ── CONTENT ─────────────────────────── */
.content { max-width: 900px; margin: 0 auto; padding: 44px 24px; }
/* ── SECTION ─────────────────────────── */
.section { margin-bottom: 36px; }
.section-header {
display: flex;
align-items: center;
gap: 0;
margin-bottom: 14px;
}
.section-tag {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(–white);
background: var(–steel);
padding: 7px 16px;
position: relative;
}
.section-tag::after {
content: “;
position: absolute;
right: -10px; top: 0; bottom: 0;
width: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 10px solid var(–steel);
}
.section-bar {
flex: 1;
height: 2px;
background: linear-gradient(90deg, var(–steel), transparent);
margin-left: 14px;
}
/* ── SPECS GRID ──────────────────────── */
.specs-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(170px,1fr));
gap: 2px;
background: var(–silver);
}
.spec {
background: var(–white);
padding: 12px 14px;
position: relative;
overflow: hidden;
transition: background .2s;
}
.spec::after {
content: “;
position: absolute;
bottom: 0; left: 0; right: 0;
height: 2px;
background: var(–orange);
transform: scaleX(0);
transform-origin: left;
transition: transform .25s;
}
.spec:hover { background: var(–orange-lt); }
.spec:hover::after { transform: scaleX(1); }
.spec-l {
font-size: 10px;
text-transform: uppercase;
letter-spacing: .7px;
color: var(–soft);
margin-bottom: 3px;
}
.spec-v {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 17px;
font-weight: 700;
color: var(–charcoal);
}
.spec-v small {
font-size: 11px;
color: var(–soft);
font-weight: 400;
margin-left: 2px;
}
/* ── PERFORMANCE BARS ────────────────── */
.perf-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.perf-item {
background: var(–white);
padding: 16px 18px;
border-left: 4px solid var(–orange);
}
.perf-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .8px;
color: var(–soft);
margin-bottom: 6px;
}
.perf-val {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 22px;
font-weight: 800;
color: var(–charcoal);
margin-bottom: 6px;
}
.perf-bar-track {
height: 4px;
background: var(–silver);
border-radius: 2px;
overflow: hidden;
}
.perf-bar-fill {
height: 100%;
background: linear-gradient(90deg, var(–orange), var(–orange-dk));
border-radius: 2px;
animation: growBar 1.2s ease both;
}
@keyframes growBar {
from { width: 0 !important; }
}
/* ── EQUIP CARDS ─────────────────────── */
.equip-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
gap: 10px;
}
.equip-card {
background: var(–white);
padding: 16px;
border-top: 3px solid var(–orange);
transition: transform .2s, box-shadow .2s;
position: relative;
}
.equip-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.eq-icon { font-size: 24px; margin-bottom: 8px; display: block; }
.eq-title {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
color: var(–charcoal);
margin-bottom: 4px;
}
.eq-desc { font-size: 12px; color: var(–soft); line-height: 1.5; }
/* ── ZUBEHÖR LIST ────────────────────── */
.zubehor-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px,1fr));
gap: 8px;
}
.z-item {
display: flex;
align-items: center;
gap: 10px;
background: var(–white);
padding: 11px 14px;
border-left: 3px solid var(–orange);
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
color: var(–charcoal);
transition: background .15s, transform .15s;
}
.z-item:hover { background: var(–orange-lt); transform: translateX(4px); }
.z-icon { font-size: 18px; flex-shrink: 0; }
/* ── WARNING BOX ─────────────────────── */
.warn-box {
background: #fff8f7;
border: 1px solid #fad4d0;
border-left: 4px solid var(–warn);
padding: 16px 18px;
display: flex;
gap: 14px;
align-items: flex-start;
margin-top: 12px;
}
.warn-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
.warn-text { font-size: 13px; color: #5a2020; line-height: 1.6; }
.warn-text strong { color: var(–warn); }
/* ── INFO BOX ────────────────────────── */
.info-box {
background: #f0f6ff;
border: 1px solid #c3d9ff;
border-left: 4px solid #336699;
padding: 14px 18px;
display: flex;
gap: 12px;
align-items: flex-start;
margin-top: 8px;
}
.info-icon { font-size: 18px; flex-shrink: 0; }
.info-text { font-size: 13px; color: #1a3a5c; line-height: 1.6; }
/* ── PRICE ───────────────────────────── */
.price-section {
background: var(–charcoal);
padding: 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
position: relative;
overflow: hidden;
margin-top: 48px;
}
.price-section::before {
content: “;
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: repeating-linear-gradient(
90deg, var(–orange) 0, var(–orange) 24px,
transparent 24px, transparent 32px
);
}
.price-left {}
.price-promo {
display: inline-block;
background: var(–warn);
color: #fff;
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 3px 12px;
margin-bottom: 8px;
}
.price-lbl {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(255,255,255,.4);
margin-bottom: 4px;
}
.price-amount {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 48px;
font-weight: 800;
color: var(–white);
line-height: 1;
letter-spacing: -1px;
}
.price-amount sup {
font-size: 22px;
color: var(–orange);
vertical-align: super;
margin-right: 3px;
}
.price-was {
font-size: 13px;
color: rgba(255,255,255,.3);
margin-top: 4px;
text-decoration: line-through;
}
.price-note {
font-size: 12px;
color: rgba(255,255,255,.4);
margin-top: 4px;
}
.price-right {
display: flex;
flex-direction: column;
gap: 8px;
}
.pbadge {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.08);
padding: 9px 16px;
font-size: 12px;
color: rgba(255,255,255,.7);
transition: all .2s;
min-width: 220px;
}
.pbadge:hover { background: rgba(224,123,0,.15); border-color: var(–orange); color: var(–orange); }
/* ── DIVIDER ─────────────────────────── */
.divider {
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0,0,0,.1), transparent);
margin: 28px 0;
}
/* ── FOOTER ──────────────────────────── */
.footer {
background: var(–steel);
padding: 14px 24px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.footer-brand {
font-family: ‚Barlow Condensed‘, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(–white);
}
.footer-brand span { color: var(–orange); }
.footer-info { font-size: 11px; color: rgba(255,255,255,.35); }
/* ── RESPONSIVE ──────────────────────── */
@media (max-width: 580px) {
.kpi-strip { grid-template-columns: repeat(3,1fr); }
.perf-grid { grid-template-columns: 1fr; }
.price-amount { font-size: 36px; }
.hero { padding: 36px 18px 28px; }
.content { padding: 28px 14px; }
}

KUBOTA U25
Kompaktbagger · Neu

Kubota U25

2,5-Tonnen Kompaktbagger · Gummiketten · Kurzheck-Design · Hohe Wendigkeit

2,5 Tonnen
Grabtiefe 2,82 m
Gummiketten
28 L Tank
U-Heckdesign
3 Löffel inklusive
−50 %

2,5 t
Klasse
2,82 m
Max. Grabtiefe
3,20 m
Ausschütthöhe
2.550 kg
Betriebsgewicht
−50%
Aktionspreis


Technische Daten
Marke / Modell
Kubota U25
Klasse
2,5 Tonnen
Fahrwerk
Gummiketten
Gesamtlänge
4,14 m
Breite
1,50 m
Höhe
2,41 m
Betriebsgewicht
2.550 kg
Kraftstofftank
28 l
Kettenbreite
30 cm
Gegengewicht
76 cm

Leistungsdaten
Max. Grabtiefe
2,82 m
Max. Ausschütthöhe
3,20 m
Ausbrechkraft Löffel
4.850 lbs ≈ 2.200 kg
Ausbrechkraft Ausleger
2.745 lbs ≈ 1.245 kg

Inklusive Zubehör
🪣
Grabenräumlöffel 36″
Ideal für breite Gräben, Drainage- und Planierarbeiten
⛏️
Tieflöffel 18″
Für schmale Gräben und Leitungsverlegung
🦾
Hydraulischer Daumen
Für das Greifen und Sortieren von Material
⚙️
Zusatzhydraulik
ca. 12,7 GPM für externe Anbaugeräte

Einsatzbereiche
🏗️ Tiefbau & Erdarbeiten
🌿 Garten- & Landschaftsbau
🛣️ Straßenbau & Kommunal
📐 Enge Baustellen & Innenhöfe
💧 Drainage & Leitungsverlegung
🏠 Hausabbruch & Sanierung

Verfügbares Zubehör
🔨 Hydraulikhammer BRH
🔧 Schnellwechsler hydraulisch
🪣 Grabenräumlöffel 48″
⛏️ Tieflöffel 12″
🦀 Greiferzange
🧹 Hydraulik-Kehrbesen

Hinweise
⚠️
Nicht empfohlen: Der Einsatz auf Flächen mit Stahlarmierungen, Baumstümpfen oder großen Steinen wird aufgrund der Gummiketten nicht empfohlen — Beschädigungsgefahr.
ℹ️
Kraftstoffverbrauch: ca. 2,8 l/h — bei intensiver Nutzung ungefähr ein voller Tank (28 l) pro 10 Arbeitsstunden.

Aktionspreis − 50 %
Verkaufspreis inkl. MwSt.
^€4.351,50
Ursprünglich: 8.703,00 €
Schnelle EU-Lieferung · 3 Löffel + Hydraulischer Daumen inklusive
🚚   Schnelle EU-Lieferung
🛡️   BeTrailo Garantie
💳   Sichere Zahlung
📞   Persönliche Beratung

BETRAILO by Remorque Pro
SIRET : 53290979300053 · hallo@betrailo.com · +33 7 56 84 35 08