{"id":13,"date":"2026-07-24T01:24:58","date_gmt":"2026-07-24T01:24:58","guid":{"rendered":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13"},"modified":"2026-08-20T23:20:51","modified_gmt":"2026-08-20T23:20:51","slug":"start","status":"publish","type":"page","link":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13","title":{"rendered":"Start"},"content":{"rendered":"\n<!-- Import der Google Fonts f\u00fcr die korrekte Darstellung -->\n<style>\n    @import url('https:\/\/googleapis.com');\n<\/style>\n\n<div class=\"galabau-container-wrapper\">\n    <div class=\"galabau-split-container\">\n        <!-- Linke Seite: Das Bild -->\n        <div class=\"galabau-image-col\">\n            <img decoding=\"async\" src=\"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png\" alt=\"Gr\u00fcn und Stein Galabau Berlin\" loading=\"lazy\">\n        <\/div>\n        \n        <!-- Rechte Seite: Der Inhalt -->\n        <div class=\"galabau-content-col\">\n            <div class=\"galabau-content-box\">\n                <div class=\"gb-brand-name\">Gr\u00fcn &#038; Stein<\/div>\n                \n                <h2 class=\"gb-headline\">\u00dcber ein Jahrzehnt<br>Leidenschaft f\u00fcr den<br>Galabau<\/h2>\n                \n                <p class=\"gb-text\">\n                    Durch unsere jahrelange Erfahrung und Begabung im Garten- und Landschaftsbau in Berlin beweisen wir \n                    tagt\u00e4glich, dass sich Qualit\u00e4t und Kreativit\u00e4t in unseren Projekten zu unverwechselbaren G\u00e4rten und \n                    Gr\u00fcnanlagen verbinden. Dabei hat die Zufriedenheit unserer Kunden stets h\u00f6chste Priorit\u00e4t. Ihr GaLaBau-Projekt, \n                    sei es eine gro\u00dfangelegte Gartengestaltung oder eine neu angelegte Terrasse, wird von uns \n                    gem\u00e4\u00df Ihren W\u00fcnschen und Angaben umgesetzt. Haben auch Sie mit Ihrer Gr\u00fcnfl\u00e4che Gro\u00dfes vor? \n                    Sichern Sie sich die Unterst\u00fctzung eines professionellen Garten- und Landschaftsbauers in Berlin!\n                <\/p>\n                \n                <h3 class=\"gb-subheadline\">Testen Sie unsere gr\u00fcne Kompetenz im Garten- und Landschaftsbau in Berlin:<\/h3>\n                \n                <div class=\"gb-features-grid\">\n                    <div class=\"gb-feature-item\">\n                        <span class=\"gb-checkmark\" aria-hidden=\"true\"><\/span>\n                        <span>Erfahrung und Begabung seit \u00fcber 18 Jahren im professionellen Gartenbau in und um Berlin<\/span>\n                    <\/div>\n                    <div class=\"gb-feature-item\">\n                        <span class=\"gb-checkmark\" aria-hidden=\"true\"><\/span>\n                        <span>Ganzheitliche Betreuung vom ersten Entwurf bis zur exakten Durchf\u00fchrung Ihrer W\u00fcnsche<\/span>\n                    <\/div>\n                    <div class=\"gb-feature-item\">\n                        <span class=\"gb-checkmark\" aria-hidden=\"true\"><\/span>\n                        <span>Hohe Zuverl\u00e4ssigkeit und saubere Arbeit unseres Teams bestehend aus kreativen Spezialisten<\/span>\n                    <\/div>\n                    <div class=\"gb-feature-item\">\n                        <span class=\"gb-checkmark\" aria-hidden=\"true\"><\/span>\n                        <span>Umfassender Fuhr- und Maschinenpark mit Technik f\u00fcr alle Arbeiten auf gr\u00fcnen Baustellen<\/span>\n                    <\/div>\n                    <div class=\"gb-feature-item\">\n                        <span class=\"gb-checkmark\" aria-hidden=\"true\"><\/span>\n                        <span>Au\u00dferordentliche Flexibilit\u00e4t durch ein starkes Netzwerk aus Kooperationspartnern<\/span>\n                    <\/div>\n                    <div class=\"gb-feature-item\">\n                        <span class=\"gb-checkmark\" aria-hidden=\"true\"><\/span>\n                        <span>Verwendung von hochwertigen und gleicherma\u00dfen nat\u00fcrlichen Baustoffen<\/span>\n                    <\/div>\n                <\/div>\n                \n                <a href=\"#\" class=\"gb-btn-cta\">Jetzt Anfrage senden<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u00c4u\u00dferer Zentrierungs-Rahmen *\/\n    .galabau-container-wrapper {\n        width: 100%;\n        max-width: 1200px;\n        margin: 40px auto;\n        padding: 0 20px;\n        box-sizing: border-box;\n    }\n\n    \/* Das zweispaltige Layout *\/\n    .galabau-split-container {\n        display: flex;\n        background-color: #fcfbfa;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n    }\n\n    \/* Bild-Spalte *\/\n    .galabau-image-col {\n        width: 50%;\n        min-height: 500px;\n    }\n\n    .galabau-image-col img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Content-Spalte *\/\n    .galabau-content-col {\n        width: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 60px 5%;\n        box-sizing: border-box;\n    }\n\n    .galabau-content-box {\n        max-width: 550px;\n        width: 100%;\n    }\n\n    \/* Typografie *\/\n    .gb-brand-name {\n        font-family: 'Patrick Hand', cursive;\n        font-size: 20px; \/* Leicht vergr\u00f6\u00dfert, da Handschriften oft kleiner wirken *\/\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #607d4b; \n        margin-bottom: 15px;\n        font-weight: 600;\n    }\n\n    .gb-headline {\n        font-family: 'Patrick Hand SC', cursive;\n        font-size: 36px;\n        line-height: 1.2;\n        text-transform: uppercase;\n        color: #2c3e2b; \n        margin: 0 0 25px 0;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n    }\n\n    .gb-text {\n        font-size: 14px;\n        line-height: 1.6;\n        color: #444444;\n        margin-bottom: 25px;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    .gb-subheadline {\n        font-size: 15px;\n        font-weight: bold;\n        color: #2c3e2b;\n        margin: 30px 0 20px 0;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    \/* Grid *\/\n    .gb-features-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px 25px;\n        margin-bottom: 40px;\n    }\n\n    .gb-feature-item {\n        display: flex;\n        align-items: flex-start;\n        font-size: 13px;\n        line-height: 1.5;\n        color: #444444;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    \/* H\u00e4kchen *\/\n    .gb-checkmark {\n        display: inline-block;\n        position: relative;\n        width: 16px;\n        height: 16px;\n        margin-right: 12px;\n        margin-top: 2px;\n        flex-shrink: 0;\n    }\n\n    .gb-checkmark::after {\n        content: '';\n        position: absolute;\n        left: 5px;\n        top: 1px;\n        width: 5px;\n        height: 10px;\n        border: solid #607d4b;\n        border-width: 0 2px 2px 0;\n        transform: rotate(45deg);\n    }\n\n    \/* Button *\/\n    .gb-btn-cta {\n        display: inline-block;\n        border: 2px solid #607d4b;\n        color: #607d4b;\n        text-decoration: none;\n        padding: 13px 28px;\n        font-size: 13px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        background-color: transparent;\n        transition: all 0.25s ease-in-out;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    .gb-btn-cta:hover {\n        background-color: #607d4b;\n        color: #ffffff;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(96, 125, 75, 0.15);\n    }\n\n    \/* Responsive Anpassung *\/\n    @media (max-width: 900px) {\n        .galabau-container-wrapper {\n            padding: 0 10px;\n        }\n        .galabau-split-container {\n            flex-direction: column;\n        }\n        .galabau-image-col {\n            width: 100%;\n            height: 300px;\n            min-height: auto;\n        }\n        .galabau-content-col {\n            width: 100%;\n            padding: 40px 20px;\n        }\n        .gb-features-grid {\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n        .gb-headline {\n            font-size: 30px;\n        }\n    }\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"garten-grid-container\">\n  <!-- BOX 1: Hausg\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <div class=\"garten-img-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-340-03fc2962-4af2-448d-9ed8-017b5719d218-701\u00d7960-img.kleinanzeigen.de_-1.png\">\n    <\/div>\n    <div class=\"garten-content\">\n      <h3>Hausg\u00e4rten<\/h3>\n      <p>Individuelle Gartengestaltung f\u00fcr Ihr Zuhause<\/p>\n      <a href=\"#\" class=\"garten-btn\" style=\"background-color: 8B7D4B; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- BOX 2: Wasserg\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #f;\">\n    <div class=\"garten-img-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/placeholder.com\" alt=\"Wasserg\u00e4rten\">\n    <\/div>\n    <div class=\"garten-content\">\n      <h3>Wasserg\u00e4rten<\/h3>\n      <p>Wasseranlagen f\u00fcr mehr Ruhe und Harmonie<\/p>\n      <a href=\"#\" class=\"garten-btn\" style=\"background-color: #607D4B; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- BOX 3: Steing\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <div class=\"garten-img-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/placeholder.com\" alt=\"Steing\u00e4rten\">\n    <\/div>\n    <div class=\"garten-content\">\n      <h3>Steing\u00e4rten<\/h3>\n      <p>Pflegeleichte G\u00e4rten mit nat\u00fcrlichem Charakter<\/p>\n      <a href=\"#\" class=\"garten-btn\" style=\"background-color: #607D4B; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- BOX 4: Dachg\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <div class=\"garten-img-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/placeholder.com\" alt=\"Dachg\u00e4rten\">\n    <\/div>\n    <div class=\"garten-content\">\n      <h3>Dachg\u00e4rten<\/h3>\n      <p>Gr\u00fcne Oasen auf D\u00e4chern hoch \u00fcber dem Boden<\/p>\n      <a href=\"#\" class=\"garten-btn\" style=\"background-color: #607D4B; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* CSS f\u00fcr das responsive Layout (4 Spalten) *\/\n.garten-grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 20px;\n  padding: 20px 0;\n  font-family: sans-serif;\n}\n\n\/* Styling der einzelnen Boxen *\/\n.garten-box {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n  text-align: center;\n  overflow: hidden;\n}\n\n\/* Bild-Bereich *\/\n.garten-img-wrapper img {\n  width: 100%;\n  height: 180px;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Text-Bereich *\/\n.garten-content {\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: space-between;\n}\n\n.garten-content h3 {\n  font-size: 18px;\n  color: #c4a468; \/* Goldton f\u00fcr die \u00dcberschrift *\/\n  margin: 0 0 10px 0;\n  font-weight: 600;\n}\n\n.garten-content p {\n  font-size: 14px;\n  color: #333333;\n  line-height: 1.4;\n  margin: 0 0 20px 0;\n  flex-grow: 1;\n}\n\n\/* Button-Styling *\/\n.garten-btn {\n  display: inline-block;\n  padding: 10px 20px;\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  transition: opacity 0.2s ease;\n  text-transform: uppercase;\n}\n\n.garten-btn:hover {\n  opacity: 0.9;\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"garten-grid-container\">\n  <!-- BOX 1: Hausg\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <!--?page_id=53 -->\n    <a href=\"https:\/\/www.zaun-experten.de\/zaun-anthrazit-60-meter.html#&amp;gid=1&amp;pid=1\" class=\"garten-img-link\">\n      <div class=\"garten-img-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/www.zaun-experten.de\/zaun-anthrazit-60-meter.html#&amp;gid=1&amp;pid=1\" alt=\"Hausg\u00e4rten\">\n      <\/div>\n    <\/a>\n    <div class=\"garten-content\">\n      <h3>Hausg\u00e4rten<\/h3>\n      <p>Individuelle Gartengestaltung f\u00fcr Ihr Zuhause<\/p>\n      <!-- https:\/\/www.zaun-experten.de\/zaun-anthrazit-60-meter.html#&gid=1&pid=1 -->\n      <a href=\"DEIN_LINK_HIER_1\" class=\"garten-btn\" style=\"background-color: #4a3b32; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- BOX 2: Wasserg\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <!-- LINK F\u00dcR BILD 2 HIER EINF\u00dcGEN -->\n    <a href=\"DEIN_LINK_HIER_2\" class=\"garten-img-link\">\n      <div class=\"garten-img-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/placeholder.com\" alt=\"Wasserg\u00e4rten\">\n      <\/div>\n    <\/a>\n    <div class=\"garten-content\">\n      <h3>Wasserg\u00e4rten<\/h3>\n      <p>Wasseranlagen f\u00fcr mehr Ruhe und Harmonie<\/p>\n      <!-- LINK F\u00dcR BUTTON 2 HIER EINF\u00dcGEN -->\n      <a href=\"DEIN_LINK_HIER_2\" class=\"garten-btn\" style=\"background-color: #4a3b32; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- BOX 3: Steing\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <!-- LINK F\u00dcR BILD 3 HIER EINF\u00dcGEN -->\n    <a href=\"DEIN_LINK_HIER_3\" class=\"garten-img-link\">\n      <div class=\"garten-img-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/placeholder.com\" alt=\"Steing\u00e4rten\">\n      <\/div>\n    <\/a>\n    <div class=\"garten-content\">\n      <h3>Steing\u00e4rten<\/h3>\n      <p>Pflegeleichte G\u00e4rten mit nat\u00fcrlichem Charakter<\/p>\n      <!-- LINK F\u00dcR BUTTON 3 HIER EINF\u00dcGEN -->\n      <a href=\"DEIN_LINK_HIER_3\" class=\"garten-btn\" style=\"background-color: #4a3b32; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- BOX 4: Dachg\u00e4rten -->\n  <div class=\"garten-box\" style=\"background-color: #ffffff;\">\n    <!-- LINK F\u00dcR BILD 4 HIER EINF\u00dcGEN -->\n    <a href=\"DEIN_LINK_HIER_4\" class=\"garten-img-link\">\n      <div class=\"garten-img-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/placeholder.com\" alt=\"Dachg\u00e4rten\">\n      <\/div>\n    <\/a>\n    <div class=\"garten-content\">\n      <h3>Dachg\u00e4rten<\/h3>\n      <p>Gr\u00fcne Oasen auf D\u00e4chern hoch \u00fcber dem Boden<\/p>\n      <!-- LINK F\u00dcR BUTTON 4 HIER EINF\u00dcGEN -->\n      <a href=\"DEIN_LINK_HIER_4\" class=\"garten-btn\" style=\"background-color: #4a3b32; color: #ffffff;\">ANFRAGEN<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* CSS f\u00fcr das responsive Layout (4 Spalten) *\/\n.garten-grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 20px;\n  padding: 20px 0;\n  font-family: sans-serif;\n}\n\n\/* Styling der einzelnen Boxen *\/\n.garten-box {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n  text-align: center;\n  overflow: hidden;\n}\n\n\/* Link-Wrapper f\u00fcr das Bild *\/\n.garten-img-link {\n  display: block;\n  text-decoration: none;\n}\n\n\/* Bild-Bereich *\/\n.garten-img-wrapper img {\n  width: 100%;\n  height: 180px;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Text-Bereich *\/\n.garten-content {\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: space-between;\n}\n\n.garten-content h3 {\n  font-size: 18px;\n  color: #c4a468; \/* Goldton f\u00fcr die \u00dcberschrift *\/\n  margin: 0 0 10px 0;\n  font-weight: 600;\n}\n\n.garten-content p {\n  font-size: 14px;\n  color: #333333;\n  line-height: 1.4;\n  margin: 0 0 20px 0;\n  flex-grow: 1;\n}\n\n\/* Button-Styling *\/\n.garten-btn {\n  display: inline-block;\n  padding: 10px 20px;\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  transition: opacity 0.2s ease;\n  text-transform: uppercase;\n}\n\n.garten-btn:hover {\n  opacity: 0.9;\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>In 4 Schritten zum Traumgarten<\/title>\n    <style>\n        \/* Allgemeine Stile *\/\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            background-color: #ffffff;\n            color: #666666;\n            line-height: 1.6;\n            padding: 40px;\n            display: flex;\n            justify-content: center;\n        }\n\n        \/* Container f\u00fcr die gesamte Seite *\/\n        .container {\n            max-width: 1200px;\n            width: 100%;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n        }\n\n        \/* Linke Spalte: Text-Inhalt *\/\n        .content-side {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n        }\n\n        .subtitle {\n            font-family: Georgia, serif;\n            font-style: italic;\n            color: #b08d57;\n            font-size: 1.1rem;\n            margin-bottom: 10px;\n        }\n\n        .main-title {\n            font-family: Georgia, serif;\n            font-size: 2.2rem;\n            color: #222222;\n            margin-bottom: 20px;\n            font-weight: normal;\n        }\n\n        .intro-text {\n            font-size: 0.95rem;\n            color: #777777;\n            margin-bottom: 40px;\n        }\n\n        \/* Schritte-Raster *\/\n        .steps-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            column-gap: 40px;\n            row-gap: 30px;\n        }\n\n        .step-item {\n            position: relative;\n        }\n\n        \/* Nummerierung mit Linie daneben *\/\n        .step-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n        }\n\n        .step-number {\n            background-color: #b08d57;\n            color: #ffffff;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.85rem;\n            font-weight: bold;\n            flex-shrink: 0;\n        }\n\n        .step-line {\n            height: 1px;\n            background-color: #b08d57;\n            flex-grow: 1;\n            margin-left: 15px;\n        }\n\n        .step-title {\n            font-family: Georgia, serif;\n            font-size: 1.2rem;\n            color: #222222;\n            margin-bottom: 10px;\n            font-weight: normal;\n        }\n\n        .step-text {\n            font-size: 0.85rem;\n            color: #777777;\n            text-align: justify;\n        }\n\n        \/* Rechte Spalte: Bilder-Galerie *\/\n        .image-side {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            grid-template-rows: auto auto;\n            gap: 15px;\n        }\n\n        \/* Gro\u00dfes vertikales Bild links *\/\n        .img-large {\n            grid-row: 1 \/ 3;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .image-side img {\n            width: 100%;\n            display: block;\n            object-fit: cover;\n        }\n\n        \/* Responsive Anpassung f\u00fcr kleinere Bildschirme (Tablets\/Smartphones) *\/\n        @media (max-width: 900px) {\n            .container {\n                grid-template-columns: 1fr;\n            }\n            .image-side {\n                order: -1; \/* Bilder auf Mobilger\u00e4ten nach oben setzen *\/\n            }\n        }\n\n        @media (max-width: 500px) {\n            .steps-grid {\n                grid-template-columns: 1fr;\n            }\n            body {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- LINKE SPALTE: TEXTE & SCHRITTE -->\n        <div class=\"content-side\">\n            <div class=\"subtitle\">Schritt f\u00fcr Schritt zum Ziel<\/div>\n            <h1 class=\"main-title\">In 4 Schritten zum Traumgarten<\/h1>\n            <p class=\"intro-text\">\n                Ein sch\u00f6ner Garten entsteht nicht von heute auf morgen \u2013 aber mit der richtigen Planung und einem klaren Ablauf wird der Weg dorthin einfach. Wir begleiten Sie Schritt f\u00fcr Schritt: von der ersten Kontaktaufnahme \u00fcber die gemeinsame Planung bis hin zur Umsetzung vor Ort. So haben Sie jederzeit den \u00dcberblick und k\u00f6nnen sicher sein, dass Ihr Traumgarten genau nach Ihren Vorstellungen entsteht.\n            <\/p>\n\n            <div class=\"steps-grid\">\n                <!-- Schritt 1 -->\n                <div class=\"step-item\">\n                    <div class=\"step-header\">\n                        <div class=\"step-number\">1<\/div>\n                        <div class=\"step-line\"><\/div>\n                    <\/div>\n                    <h2 class=\"step-title\">Kontakt und Beratung<\/h2>\n                    <p class=\"step-text\">\n                        Nehmen Sie im ersten Schritt Kontakt \u00fcber das Formular auf oder rufen Sie uns einfach an. Wir setzen uns gerne mit Ihnen in Verbindung.\n                    <\/p>\n                <\/div>\n\n                <!-- Schritt 2 -->\n                <div class=\"step-item\">\n                    <div class=\"step-header\">\n                        <div class=\"step-number\">2<\/div>\n                        <div class=\"step-line\"><\/div>\n                    <\/div>\n                    <h2 class=\"step-title\">Vorhaben<\/h2>\n                    <p class=\"step-text\">\n                        Erz\u00e4hlen Sie uns im n\u00e4chsten Schritt von Ihrem Vorhaben. Welche Leistungen m\u00f6chten Sie in Anspruch nehmen? Wie soll Ihr Traumgarten aussehen?\n                    <\/p>\n                <\/div>\n\n                <!-- Schritt 3 -->\n                <div class=\"step-item\">\n                    <div class=\"step-header\">\n                        <div class=\"step-number\">3<\/div>\n                        <div class=\"step-line\"><\/div>\n                    <\/div>\n                    <h2 class=\"step-title\">Vor-Ort-Termin<\/h2>\n                    <p class=\"step-text\">\n                        Um die Umsetzungsm\u00f6glichkeiten Ihres Vorhabens zu pr\u00fcfen, vereinbaren wir anschlie\u00dfend einen Vor-Ort-Termin bei Ihnen. Gerne teilen wir mit Ihnen, wie wir Ihr Wunschprojekt durchf\u00fchren k\u00f6nnen.\n                    <\/p>\n                <\/div>\n\n                <!-- Schritt 4 -->\n                <div class=\"step-item\">\n                    <div class=\"step-header\">\n                        <div class=\"step-number\">4<\/div>\n                        <div class=\"step-line\"><\/div>\n                    <\/div>\n                    <h2 class=\"step-title\">Angebot &#038; Umsetzung<\/h2>\n                    <p class=\"step-text\">\n                        Im letzten Schritt werden wir Ihnen f\u00fcr Ihr Vorhaben ein individuelles Angebot unterbreiten. Bei Angebotsannahme werden wir Ihr Vorhaben in einem angemessenen Zeitrahmen umsetzen.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- RECHTE SPALTE: BILDER (Platzhalter-URLs - bitte durch eigene ersetzen) -->\n        <div class=\"image-side\">\n            <!-- Linkes gro\u00dfes Bild -->\n            <img decoding=\"async\" class=\"img-large\" src=\"https:\/\/unsplash.com\" alt=\"Gartenger\u00e4te und Gie\u00dfkanne\">\n            \n            <!-- Rechtes oberes Bild -->\n            <img decoding=\"async\" src=\"https:\/\/unsplash.com\" alt=\"Gartenbau Steine verlegen\">\n            \n            <!-- Rechtes unteres Bild -->\n            <img decoding=\"async\" src=\"https:\/\/unsplash.com\" alt=\"Bl\u00fchender Traumgarten\">\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!-- Trage bei --hoehe jetzt NUR EINE ZAHL ein (ohne px!) -->\n<!-- Zum Beispiel: 400 f\u00fcr flacher, 600 f\u00fcr normal, 800 f\u00fcr h\u00f6her -->\n<div class=\"cover-container alignfull\" style=\"--top: 6%; --left: 5%; --size: 5vw; --hoehe: 950;\">\n    <img decoding=\"async\" class=\"cover-image\" src=\"https:\/\/hirsch-gartenbau-karlsruhe.de\" alt=\"Hirsch Gartenbau Karlsruhe\">\n    \n    <div class=\"text-overlay\">\n        HIRSCH GARTENBAU<br>KARLSRUHE\n    <\/div>\n\n    <!-- Die Buttons mit den direkt eingebauten Links -->\n    <div class=\"button-overlay-container\">\n        <a href=\"https:\/\/hirsch-gartenbau-karlsruhe.de\" class=\"overlay-btn btn-primary\">Anfrage senden<\/a>\n        <a href=\"https:\/\/hirsch-gartenbau-karlsruhe.de\" class=\"overlay-btn btn-secondary\">Referenzen ansehen<\/a>\n    <\/div>\n<\/div>\n\n<style>\n    .cover-container.alignfull {\n        position: relative;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        \n        \/* Das CSS rechnet die reine Zahl jetzt fehlerfrei in Pixel um *\/\n        height: calc(var(--hoehe, 2500) * 1px); \n        \n        overflow: hidden;\n        font-family: 'Arial Black', 'Arial', sans-serif;\n    }\n\n    .cover-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \n        display: block;\n    }\n\n    .text-overlay {\n        position: absolute;\n        top: var(--top, 50%);\n        left: var(--left, 50%);\n        transform: translate(\n            calc(-1 * var(--left, 50%)), \n            calc(-1 * var(--top, 50%))\n        );\n        \n        font-size: var(--size, 5vw);\n        color: #ffffff;\n        line-height: 1.15;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); \n        user-select: none;\n        white-space: nowrap;\n    }\n\n    \/* Styles f\u00fcr die Buttons \u00fcber dem Bild *\/\n    .button-overlay-container {\n        position: absolute;\n        \/* Platziert die Buttons im unteren Drittel des Bildes *\/\n        bottom: 10%; \n        left: 5%;\n        display: flex;\n        gap: 15px;\n        flex-wrap: wrap;\n        z-index: 10;\n        font-family: 'Arial', sans-serif;\n    }\n\n    .overlay-btn {\n        display: inline-block;\n        padding: 14px 28px;\n        font-size: 16px;\n        font-weight: bold;\n        text-decoration: none;\n        border-radius: 4px;\n        transition: all 0.2s ease-in-out;\n        text-align: center;\n        min-width: 180px;\n        box-sizing: border-box;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* Anfrage Button (Wei\u00dfer Hintergrund, dunkler Text f\u00fcr starken Kontrast) *\/\n    .overlay-btn.btn-primary {\n        background-color: #ffffff;\n        color: #1a1a1a;\n        border: 2px solid #ffffff;\n    }\n\n    .overlay-btn.btn-primary:hover {\n        background-color: #e6e6e6;\n        border-color: #e6e6e6;\n    }\n\n    \/* Referenzen Button (Transparent mit wei\u00dfem Rahmen) *\/\n    .overlay-btn.btn-secondary {\n        background-color: rgba(0, 0, 0, 0.4);\n        color: #ffffff;\n        border: 2px solid #ffffff;\n        backdrop-filter: blur(3px); \/* Leicht gl\u00e4serner Effekt *\/\n    }\n\n    .overlay-btn.btn-secondary:hover {\n        background-color: #ffffff;\n        color: #1a1a1a;\n    }\n\n    \/* Optimierung f\u00fcr Mobilger\u00e4te (Reihe bricht um, Buttons werden breiter) *\/\n    @media (max-width: 600px) {\n        .button-overlay-container {\n            left: 5%;\n            right: 5%;\n            bottom: 5%;\n        }\n        .overlay-btn {\n            flex: 1 1 100%;\n            padding: 12px 20px;\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gr\u00fcn &#038; Stein \u00dcber ein JahrzehntLeidenschaft f\u00fcr denGalabau Durch unsere jahrelange Erfahrung und Begabung im Garten- und Landschaftsbau in Berlin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Start - Hirsch Gartenbau<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Start - Hirsch Gartenbau\" \/>\n<meta property=\"og:description\" content=\"Gr\u00fcn &#038; Stein \u00dcber ein JahrzehntLeidenschaft f\u00fcr denGalabau Durch unsere jahrelange Erfahrung und Begabung im Garten- und Landschaftsbau in Berlin [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13\" \/>\n<meta property=\"og:site_name\" content=\"Hirsch Gartenbau\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T23:20:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13\",\"url\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13\",\"name\":\"Start - Hirsch Gartenbau\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png\",\"datePublished\":\"2026-07-24T01:24:58+00:00\",\"dateModified\":\"2026-08-20T23:20:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13#primaryimage\",\"url\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png\",\"contentUrl\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png\",\"width\":1108,\"height\":827},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?page_id=13#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Start\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/#website\",\"url\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/\",\"name\":\"Hirsch Gartenbau\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hirsch-gartenbau-karlsruhe.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Start - Hirsch Gartenbau","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Start - Hirsch Gartenbau","og_description":"Gr\u00fcn &#038; Stein \u00dcber ein JahrzehntLeidenschaft f\u00fcr denGalabau Durch unsere jahrelange Erfahrung und Begabung im Garten- und Landschaftsbau in Berlin [&hellip;]","og_url":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13","og_site_name":"Hirsch Gartenbau","article_modified_time":"2026-08-20T23:20:51+00:00","og_image":[{"url":"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13","url":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13","name":"Start - Hirsch Gartenbau","isPartOf":{"@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13#primaryimage"},"image":{"@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13#primaryimage"},"thumbnailUrl":"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png","datePublished":"2026-07-24T01:24:58+00:00","dateModified":"2026-08-20T23:20:51+00:00","breadcrumb":{"@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13#primaryimage","url":"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png","contentUrl":"https:\/\/hirsch-gartenbau-karlsruhe.de\/wp-content\/uploads\/2026\/08\/FireShot-Capture-119-Pflasterarbeiten-Rollrasen-Zaunbau-Terassenbau-in-Brandenburg-Vel_-www.kleinanzeigen.de_.png","width":1108,"height":827},{"@type":"BreadcrumbList","@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?page_id=13#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/hirsch-gartenbau-karlsruhe.de\/"},{"@type":"ListItem","position":2,"name":"Start"}]},{"@type":"WebSite","@id":"https:\/\/hirsch-gartenbau-karlsruhe.de\/#website","url":"https:\/\/hirsch-gartenbau-karlsruhe.de\/","name":"Hirsch Gartenbau","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hirsch-gartenbau-karlsruhe.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":102,"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/hirsch-gartenbau-karlsruhe.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}