Warum tun wir das?
Unsere Arbeit basiert auf Präzision und Technologie. Jeden Tag arbeiten wir mit Maschinen, die beim Bauen helfen – Rohrleitungen, Netze, Infrastruktur. In unserer Arbeit sind wir es gewohnt, Ergebnisse sofort zu sehen. Man schaltet die Maschine ein, löst das Problem und macht weiter. Bei ant s.r.o. sind wir uns jedoch bewusst, dass das, was die Landschaft langfristig prägt, ebenso wichtig ist.
Bäume haben ihre eigene Dynamik. Sie liefern keine sofortigen Ergebnisse, sondern einen langfristigen Wert – für die Umwelt, die Menschen und künftige Generationen. Sie wachsen langsam, aber ihre Bedeutung ist umso größer – sie verbessern die Umwelt, in der wir leben, und helfen, das Gleichgewicht in der Landschaft zu bewahren.
Echte Veränderungen beginnen nicht an der Oberfläche. Sie werden in der Erde geboren – unter unseren Füßen, in den Wurzeln, die allmählich wachsen und das Land stärken. Genau so sind die Bäume, die wir dieses Jahr in Veľký Biel gepflanzt haben. Und genau das ist unser Ansatz – Schritt für Schritt Dinge aufzubauen, die langfristig Sinn ergeben und positive Ergebnisse bringen.
✅ Denn Wachsen heißt Geben.
prose container so DB-authored HTML reads consistently with the rest of the
site. */
.kl-article { color: var(--ink-700, #25272c); font-size: 16.5px; line-height: 1.72; }
.kl-article > *:first-child { margin-top: 0; }
.kl-article > *:last-child { margin-bottom: 0; }
.kl-article p { margin: 0 0 1.15em; }
.kl-article > p:first-of-type:not(.no-lead) {
font-size: 19px; line-height: 1.62; color: var(--ink-800, #1a1b1f);
margin-bottom: 1.6em;
}
.kl-article h2 {
font-size: 26px; font-weight: 900; color: var(--ink-900, #0b0b0e);
margin: 2.4em 0 0.85em; padding-left: 16px;
border-left: 5px solid var(--brand-600, #15326a);
line-height: 1.22; letter-spacing: -0.015em;
scroll-margin-top: 110px;
}
.kl-article > h2:first-child { margin-top: 0.4em; }
.kl-article h3 {
font-size: 19.5px; font-weight: 800; color: var(--ink-900, #0b0b0e);
margin: 1.8em 0 0.55em; letter-spacing: -0.005em;
}
.kl-article h4 {
font-size: 16.5px; font-weight: 800; color: var(--ink-800, #1a1b1f);
margin: 1.5em 0 0.4em;
}
.kl-article ul { list-style: none; padding-left: 0; margin: 0 0 1.4em; }
.kl-article ul li { position: relative; padding-left: 1.5em; margin: 0.45em 0; }
.kl-article ul li::before {
content: ""; position: absolute; left: 0.45em; top: 0.72em;
width: 7px; height: 7px; border-radius: 2px;
background: var(--brand-500, #1a3e7a);
}
.kl-article ul ul { margin: 0.45em 0; }
.kl-article ul ul li::before { background: var(--ink-300, #9aa0a8); }
.kl-article ol { counter-reset: kl-ol; list-style: none; padding-left: 0; margin: 0 0 1.4em; }
.kl-article ol li { counter-increment: kl-ol; position: relative; padding-left: 2.2em; margin: 0.45em 0; }
.kl-article ol li::before {
content: counter(kl-ol) "."; position: absolute; left: 0; top: 0;
color: var(--brand-600, #15326a); font-weight: 800; font-variant-numeric: tabular-nums;
}
.kl-article strong, .kl-article b { color: var(--ink-900, #0b0b0e); font-weight: 800; }
.kl-article a {
color: var(--brand-500, #1a3e7a); text-decoration: underline;
text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.kl-article a:hover { color: var(--brand-600, #15326a); text-decoration-thickness: 2px; }
.kl-article table {
width: 100%; border-collapse: separate; border-spacing: 0;
margin: 1.8em 0; font-size: 14.5px;
border: 1px solid var(--ink-100, #e6e8ec); border-radius: 12px; overflow: hidden;
background: #fff;
}
.kl-article thead { background: var(--ink-50, #f4f5f7); }
.kl-article th {
text-align: left; padding: 12px 16px; font-weight: 800;
color: var(--ink-900, #0b0b0e); font-size: 12.5px;
text-transform: uppercase; letter-spacing: 0.04em;
border-bottom: 1px solid var(--ink-100, #e6e8ec);
}
.kl-article td {
padding: 12px 16px; border-bottom: 1px solid var(--ink-100, #e6e8ec);
color: var(--ink-700, #25272c); vertical-align: top;
}
.kl-article tr:last-child td { border-bottom: none; }
.kl-article tbody tr:nth-child(even) { background: var(--ink-50, #f4f5f7); }
.kl-article blockquote {
border-left: 4px solid var(--brand-500, #1a3e7a);
padding: 0.8em 0 0.8em 1.3em; margin: 1.6em 0;
color: var(--ink-600, #34363c); font-style: italic;
background: var(--ink-50, #f4f5f7); border-radius: 0 8px 8px 0;
}
.kl-article code {
background: var(--ink-100, #e6e8ec); color: var(--ink-700, #25272c);
padding: 2px 6px; border-radius: 4px;
font-family: 'SF Mono', Monaco, monospace; font-size: 13.5px;
}
.kl-article figure { margin: 1.8em 0; }
.kl-article figure img {
width: 100%; height: auto; border-radius: 12px;
border: 1px solid var(--ink-100, #e6e8ec);
}
.kl-article figure figcaption {
margin-top: 8px; font-size: 13.5px; color: var(--ink-400, #6b7079);
font-style: italic; text-align: center;
}
/* Emoji-prefixed callouts (auto-promoted by the script below). */
.kl-article p.callout {
position: relative; padding: 14px 18px 14px 56px; margin: 1.6em 0;
border-radius: 10px; border-left: 4px solid;
font-size: 15.5px; line-height: 1.6;
}
.kl-article p.callout::before { position: absolute; left: 16px; top: 14px; font-size: 22px; line-height: 1; }
.kl-article p.callout strong { color: inherit; }
.kl-article p.callout-warning { background: #fffbeb; border-left-color: #f59e0b; color: #78350f; }
.kl-article p.callout-warning::before { content: "⚠️"; }
.kl-article p.callout-tip { background: #eef2ff; border-left-color: var(--brand-500, #1a3e7a); color: #1e3a8a; }
.kl-article p.callout-tip::before { content: "💡"; }
.kl-article p.callout-info { background: #eff6ff; border-left-color: #3b82f6; color: #1e3a8a; }
.kl-article p.callout-info::before { content: "ℹ️"; }
.kl-article p.callout-success { background: #ecfdf5; border-left-color: #10b981; color: #064e3b; }
.kl-article p.callout-success::before { content: "✅"; }
.kl-article p.callout-danger { background: #fef2f2; border-left-color: #ef4444; color: #7f1d1d; }
.kl-article p.callout-danger::before { content: "❌"; }
@media (max-width: 640px) {
.kl-article { font-size: 15.5px; }
.kl-article > p:first-of-type:not(.no-lead) { font-size: 17px; }
.kl-article h2 { font-size: 22px; margin-top: 2em; padding-left: 12px; border-left-width: 4px; }
.kl-article h3 { font-size: 17.5px; }
.kl-article table { font-size: 13.5px; }
.kl-article th, .kl-article td { padding: 10px 12px; }
}
