{"id":2,"date":"2025-12-18T13:25:46","date_gmt":"2025-12-18T13:25:46","guid":{"rendered":"https:\/\/dorfliebe-bauernheim.de\/?page_id=2"},"modified":"2026-03-20T08:33:08","modified_gmt":"2026-03-20T08:33:08","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/dorfliebe-bauernheim.de\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nHerzst\u00fcck \u2013 Handgemacht & Bedruckt<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&family=Dancing+Script:wght@600&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F5EFE4;\n --warm: #EDE3D4;\n --rust: #C1440E;\n --rust2: #E8613A;\n --forest: #2C4A2E;\n --ink: #1A1410;\n --sand: #C9B49A;\n --gold: #D4A853;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--cream);\n color: var(--ink);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NOISE TEXTURE OVERLAY \u2500\u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none; z-index: 1000; opacity: .5;\n }\n\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid; grid-template-columns: 1fr 1fr;\n align-items: center;\n padding: 60px 60px 80px;\n gap: 60px;\n position: relative; overflow: hidden;\n }\n\n .hero::after {\n content: '';\n position: absolute; right: -120px; top: -80px;\n width: 600px; height: 600px; border-radius: 50%;\n background: radial-gradient(circle, rgba(193,68,14,.12) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-tag {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(193,68,14,.1); color: var(--rust);\n padding: 7px 16px; border-radius: 20px;\n font-size: .78rem; font-weight: 500; letter-spacing: .1em;\n text-transform: uppercase; margin-bottom: 28px;\n animation: fadeUp .8s ease both;\n }\n .hero-tag span { width: 6px; height: 6px; border-radius: 50%; background: var(--rust); display: inline-block; }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.8rem, 5vw, 4.2rem);\n line-height: 1.12;\n font-weight: 700;\n animation: fadeUp .8s .15s ease both;\n }\n\n .hero-title em {\n font-style: italic; color: var(--rust);\n display: block;\n }\n\n .hero-subtitle {\n margin-top: 24px;\n font-size: 1.05rem; font-weight: 300; line-height: 1.75;\n color: #5a4e44; max-width: 460px;\n animation: fadeUp .8s .3s ease both;\n }\n\n .hero-buttons {\n margin-top: 44px; display: flex; gap: 16px; flex-wrap: wrap;\n animation: fadeUp .8s .45s ease both;\n }\n\n .btn-primary {\n background: var(--rust); color: #fff;\n padding: 15px 34px; border-radius: 2px;\n font-size: .9rem; font-weight: 500; letter-spacing: .05em;\n text-decoration: none; transition: all .3s;\n position: relative; overflow: hidden;\n }\n .btn-primary::before {\n content: ''; position: absolute; inset: 0;\n background: var(--forest); transform: translateX(-101%);\n transition: transform .35s ease;\n }\n .btn-primary:hover::before { transform: translateX(0); }\n .btn-primary span { position: relative; z-index: 1; }\n\n .btn-outline {\n border: 1.5px solid var(--ink); color: var(--ink);\n padding: 14px 34px; border-radius: 2px;\n font-size: .9rem; font-weight: 500; letter-spacing: .05em;\n text-decoration: none; transition: all .3s;\n }\n .btn-outline:hover { background: var(--ink); color: var(--cream); }\n\n .hero-stats {\n margin-top: 60px; display: flex; gap: 40px;\n animation: fadeUp .8s .6s ease both;\n }\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2rem; font-weight: 700; color: var(--rust);\n }\n .stat-label { font-size: .78rem; color: #7a6e64; text-transform: uppercase; letter-spacing: .08em; }\n\n \/* \u2500\u2500\u2500 HERO IMAGE GRID \u2500\u2500\u2500 *\/\n .hero-visual {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto auto;\n gap: 14px;\n animation: fadeIn 1s .3s ease both;\n }\n\n .hero-card {\n border-radius: 4px; overflow: hidden;\n position: relative; cursor: pointer;\n }\n\n .hero-card:first-child {\n grid-column: 1 \/ -1;\n height: 280px;\n }\n\n .hero-card:not(:first-child) { height: 200px; }\n\n .card-bg {\n width: 100%; height: 100%;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n gap: 14px; transition: transform .5s ease;\n position: relative;\n }\n\n .hero-card:hover .card-bg { transform: scale(1.04); }\n\n .card-bg-1 { background: linear-gradient(135deg, #3D2B1F 0%, #5c3d28 100%); }\n .card-bg-2 { background: linear-gradient(135deg, var(--forest) 0%, #3a6040 100%); }\n .card-bg-3 { background: linear-gradient(135deg, #8B4513 0%, var(--rust) 100%); }\n\n .card-icon { font-size: 3rem; filter: drop-shadow(0 4px 12px rgba(0,0,0,.3)); }\n .card-label {\n font-family: 'DM Sans', sans-serif;\n color: rgba(255,255,255,.9); font-size: .85rem;\n letter-spacing: .12em; text-transform: uppercase; font-weight: 500;\n }\n\n .card-badge {\n position: absolute; top: 16px; right: 16px;\n background: var(--gold); color: var(--ink);\n padding: 4px 12px; border-radius: 20px;\n font-size: .72rem; font-weight: 700; letter-spacing: .06em;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500\u2500 SECTION COMMON \u2500\u2500\u2500 *\/\n section { padding: 100px 60px; }\n\n .section-eyebrow {\n font-size: .78rem; font-weight: 500; letter-spacing: .18em;\n text-transform: uppercase; color: var(--rust);\n margin-bottom: 16px;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 2.8rem);\n font-weight: 700; line-height: 1.2;\n max-width: 520px;\n }\n\n \/* \u2500\u2500\u2500 LEISTUNGEN \u2500\u2500\u2500 *\/\n .leistungen { background: var(--warm); }\n\n .leistungen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px; margin-top: 60px;\n }\n\n .leistung-card {\n background: var(--cream); padding: 44px 36px;\n border-radius: 4px; border: 1px solid rgba(193,68,14,.12);\n transition: transform .35s ease, box-shadow .35s ease;\n position: relative; overflow: hidden;\n }\n\n .leistung-card::before {\n content: ''; position: absolute;\n bottom: 0; left: 0; width: 100%; height: 3px;\n background: var(--rust); transform: scaleX(0); transform-origin: left;\n transition: transform .4s ease;\n }\n\n .leistung-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(26,20,16,.1); }\n .leistung-card:hover::before { transform: scaleX(1); }\n\n .leistung-icon { font-size: 2.4rem; margin-bottom: 24px; }\n .leistung-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem; font-weight: 700; margin-bottom: 14px;\n }\n .leistung-text { font-size: .92rem; line-height: 1.75; color: #5a4e44; }\n\n \/* \u2500\u2500\u2500 PROZESS \u2500\u2500\u2500 *\/\n .prozess-header { max-width: 560px; margin-bottom: 70px; }\n .prozess-header p { margin-top: 18px; font-size: 1rem; line-height: 1.75; color: #5a4e44; }\n\n .prozess-steps {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;\n position: relative;\n }\n\n .prozess-steps::before {\n content: ''; position: absolute;\n top: 32px; left: calc(12.5% + 16px); right: calc(12.5% + 16px);\n height: 1px; background: var(--sand);\n }\n\n .step { text-align: center; padding: 0 20px; }\n\n .step-num {\n width: 64px; height: 64px; border-radius: 50%;\n background: var(--rust); color: #fff;\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem; font-weight: 700;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 24px; position: relative; z-index: 1;\n transition: background .3s, transform .3s;\n }\n\n .step:hover .step-num { background: var(--forest); transform: scale(1.1); }\n\n .step-title { font-size: 1rem; font-weight: 600; margin-bottom: 10px; }\n .step-text { font-size: .84rem; line-height: 1.65; color: #7a6e64; }\n\n \/* \u2500\u2500\u2500 PRODUKTE SHOWCASE \u2500\u2500\u2500 *\/\n .produkte { background: var(--ink); color: var(--cream); }\n .produkte .section-title { color: var(--cream); }\n .produkte .section-eyebrow { color: var(--gold); }\n\n .produkte-intro {\n display: flex; justify-content: space-between; align-items: flex-end;\n flex-wrap: wrap; gap: 24px; margin-bottom: 60px;\n }\n\n .produkte-intro p { font-size: 1rem; line-height: 1.75; color: rgba(245,239,228,.65); max-width: 440px; }\n\n .produkte-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .produkt-card {\n border-radius: 4px; overflow: hidden;\n position: relative; cursor: pointer;\n aspect-ratio: 3\/4;\n }\n\n .produkt-inner {\n width: 100%; height: 100%;\n display: flex; flex-direction: column;\n justify-content: flex-end; padding: 32px 28px;\n position: relative; transition: transform .5s ease;\n }\n\n .produkt-card:hover .produkt-inner { transform: scale(1.03); }\n\n .p-bg-1 { background: linear-gradient(160deg, #3d2820 30%, #6b3a28 100%); }\n .p-bg-2 { background: linear-gradient(160deg, #1e3422 30%, var(--forest) 100%); }\n .p-bg-3 { background: linear-gradient(160deg, #2e1e0e 30%, #7a4a20 100%); }\n\n .produkt-inner::before {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,.6) 0%, transparent 60%);\n }\n\n .produkt-emoji { font-size: 3.5rem; margin-bottom: 20px; position: relative; z-index: 1; }\n .produkt-name {\n font-family: 'Playfair Display', serif;\n font-size: 1.35rem; font-weight: 700; color: #fff;\n position: relative; z-index: 1; margin-bottom: 8px;\n }\n .produkt-desc { font-size: .82rem; color: rgba(255,255,255,.65); position: relative; z-index: 1; line-height: 1.55; }\n\n .produkt-tag {\n position: absolute; top: 20px; left: 20px;\n background: var(--gold); color: var(--ink);\n padding: 4px 12px; border-radius: 2px;\n font-size: .72rem; font-weight: 700; letter-spacing: .06em;\n text-transform: uppercase; z-index: 2;\n }\n\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n .testimonials { background: var(--warm); }\n\n .testi-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 60px;\n }\n\n .testi-card {\n background: var(--cream); padding: 40px 36px;\n border-radius: 4px; border-top: 3px solid var(--rust);\n transition: transform .3s ease;\n }\n\n .testi-card:hover { transform: translateY(-4px); }\n\n .stars { color: var(--gold); font-size: 1.1rem; margin-bottom: 18px; }\n .testi-text { font-size: .95rem; line-height: 1.8; color: #3a2e26; font-style: italic; margin-bottom: 24px; }\n .testi-author { font-weight: 600; font-size: .88rem; }\n .testi-role { font-size: .78rem; color: #8a7e74; }\n\n \/* \u2500\u2500\u2500 CTA BANNER \u2500\u2500\u2500 *\/\n .cta-banner {\n background: var(--rust);\n color: #fff; text-align: center;\n padding: 100px 60px;\n position: relative; overflow: hidden;\n }\n\n .cta-banner::before {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.08) 0%, transparent 70%);\n }\n\n .cta-banner h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 4vw, 3.2rem);\n font-weight: 700; line-height: 1.2; margin-bottom: 20px;\n position: relative;\n }\n\n .cta-banner h2 em { font-style: italic; }\n\n .cta-banner p {\n font-size: 1.05rem; opacity: .85; max-width: 500px;\n margin: 0 auto 44px; line-height: 1.75; position: relative;\n }\n\n .btn-white {\n background: #fff; color: var(--rust);\n padding: 16px 40px; border-radius: 2px;\n font-size: .9rem; font-weight: 700; letter-spacing: .06em;\n text-transform: uppercase; text-decoration: none;\n transition: all .3s; position: relative;\n }\n .btn-white:hover { background: var(--ink); color: #fff; }\n\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n .reveal {\n opacity: 0; transform: translateY(40px);\n transition: opacity .7s ease, transform .7s ease;\n }\n .reveal.visible { opacity: 1; transform: none; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 900px) {\n .hero { grid-template-columns: 1fr; padding: 40px 24px 60px; }\n .hero-visual { display: none; }\n section { padding: 70px 24px; }\n .prozess-steps { grid-template-columns: 1fr 1fr; }\n .prozess-steps::before { display: none; }\n .produkte-grid { grid-template-columns: 1fr; }\n .testi-grid { grid-template-columns: 1fr; }\n .leistungen-grid { grid-template-columns: 1fr; }\n .cta-banner { padding: 70px 24px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-tag\"><span><\/span> Handgemacht & Einzigartig<\/div>\n <h1 class=\"hero-title\">\n Geschenke, die<br>\n <em>von Herzen<\/em>\n kommen.\n <\/h1>\n <p class=\"hero-subtitle\">\n Handgefertigte Unikate & hochwertiger T-Shirt-Druck \u2013 pers\u00f6nlich, liebevoll und f\u00fcr jeden Anlass. Wir machen aus Ideen unvergessliche Geschenke.\n <\/p>\n <div class=\"hero-buttons\">\n <a href=\"#produkte\" class=\"btn-primary\"><span>Produkte entdecken<\/span><\/a>\n <a href=\"#kontakt\" class=\"btn-outline\">Individuelle Anfrage<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">500+<\/div>\n <div class=\"stat-label\">Gl\u00fcckliche Kunden<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">Handarbeit<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">5\u2605<\/div>\n <div class=\"stat-label\">Bewertungen<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"hero-card\">\n <div class=\"card-bg card-bg-1\">\n <div class=\"card-icon\">\ud83c\udf81<\/div>\n <div class=\"card-label\">Handgefertigte Geschenke<\/div>\n <\/div>\n <div class=\"card-badge\">NEU<\/div>\n <\/div>\n <div class=\"hero-card\">\n <div class=\"card-bg card-bg-2\">\n <div class=\"card-icon\">\ud83d\udc55<\/div>\n <div class=\"card-label\">T-Shirt Druck<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card\">\n <div class=\"card-bg card-bg-3\">\n <div class=\"card-icon\">\u2728<\/div>\n <div class=\"card-label\">Unikate<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- LEISTUNGEN -->\n<section class=\"leistungen\" id=\"leistungen\">\n <div class=\"section-eyebrow reveal\">Was wir bieten<\/div>\n <h2 class=\"section-title reveal\">Unsere Leistungen f\u00fcr euch<\/h2>\n <div class=\"leistungen-grid\">\n <div class=\"leistung-card reveal\">\n <div class=\"leistung-icon\">\ud83d\udda8\ufe0f<\/div>\n <div class=\"leistung-title\">T-Shirt & Textildruck<\/div>\n <p class=\"leistung-text\">Hochwertige Bedruckung von T-Shirts, Hoodies, Taschen und mehr \u2013 ob Einzelst\u00fcck oder Firmenkollektion. Digitaldruck, Siebdruck oder Transferdruck.<\/p>\n <\/div>\n <div class=\"leistung-card reveal\">\n <div class=\"leistung-icon\">\ud83c\udfa8<\/div>\n <div class=\"leistung-title\">Handgefertigte Geschenke<\/div>\n <p class=\"leistung-text\">Liebevoll gefertigte Unikate aus Holz, Keramik, Stoff und mehr. Jedes St\u00fcck ist ein Original \u2013 perfekt zum Schenken und Aufbewahren.<\/p>\n <\/div>\n <div class=\"leistung-card reveal\">\n <div class=\"leistung-icon\">\ud83d\udc8c<\/div>\n <div class=\"leistung-title\">Personalisierung<\/div>\n <p class=\"leistung-text\">Namen, Daten, Fotos oder Nachrichten \u2013 wir veredeln Produkte nach deinen W\u00fcnschen. Gravur, Stickerei, Druck oder handgeschriebene Karten.<\/p>\n <\/div>\n <div class=\"leistung-card reveal\">\n <div class=\"leistung-icon\">\ud83c\udfe2<\/div>\n <div class=\"leistung-title\">Firmenpr\u00e4sente & Merch<\/div>\n <p class=\"leistung-text\">Von kleinen Aufmerksamkeiten bis zur gro\u00dfen Firmenkollektion. Wir beraten euch gerne und realisieren euer Branding auf hochwertigen Produkten.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PROZESS -->\n<section id=\"prozess\">\n <div class=\"prozess-header reveal\">\n <div class=\"section-eyebrow\">Unser Ablauf<\/div>\n <h2 class=\"section-title\">In 4 Schritten zu eurem Wunschprodukt<\/h2>\n <p>Einfach, transparent und pers\u00f6nlich \u2013 von der ersten Idee bis zur fertigen Lieferung.<\/p>\n <\/div>\n <div class=\"prozess-steps\">\n <div class=\"step reveal\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-title\">Kontakt & Idee<\/div>\n <p class=\"step-text\">Ihr schreibt uns eure Vorstellung \u2013 per Mail, Telefon oder Kontaktformular. Kein Auftrag zu gro\u00df oder zu klein.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-title\">Konzept & Angebot<\/div>\n <p class=\"step-text\">Wir erstellen ein pers\u00f6nliches Angebot mit Entw\u00fcrfen, Materialauswahl und transparenten Preisen.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-title\">Produktion<\/div>\n <p class=\"step-text\">Nach eurer Freigabe fertigen wir liebevoll von Hand \u2013 sorgf\u00e4ltig, qualit\u00e4tsbewusst und p\u00fcnktlich.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-title\">Lieferung<\/div>\n <p class=\"step-text\">Sicher verpackt und rechtzeitig bei euch \u2013 oder pers\u00f6nliche Abholung. Eure Freude ist unser Ziel.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PRODUKTE -->\n<section class=\"produkte\" id=\"produkte\">\n <div class=\"produkte-intro\">\n <div>\n <div class=\"section-eyebrow reveal\">Unsere Produkte<\/div>\n <h2 class=\"section-title reveal\">Handwerk, das begeistert<\/h2>\n <\/div>\n <p class=\"reveal\">Jedes Produkt entsteht mit Liebe zum Detail \u2013 nachhaltig, pers\u00f6nlich und einzigartig.<\/p>\n <\/div>\n <div class=\"produkte-grid\">\n <div class=\"produkt-card reveal\">\n <div class=\"produkt-inner p-bg-1\">\n <div class=\"produkt-emoji\">\ud83c\udf81<\/div>\n <div class=\"produkt-name\">Personalisierte Geschenkboxen<\/div>\n <div class=\"produkt-desc\">Zusammengestellt f\u00fcr eure Liebsten \u2013 gef\u00fcllt mit handgefertigten Kleinigkeiten.<\/div>\n <\/div>\n <div class=\"produkt-tag\">Bestseller<\/div>\n <\/div>\n <div class=\"produkt-card reveal\">\n <div class=\"produkt-inner p-bg-2\">\n <div class=\"produkt-emoji\">\ud83d\udc55<\/div>\n <div class=\"produkt-name\">Custom T-Shirts<\/div>\n <div class=\"produkt-desc\">Euer Design, euer Stil \u2013 hochwertig bedruckt auf Premium-Textilien.<\/div>\n <\/div>\n <\/div>\n <div class=\"produkt-card reveal\">\n <div class=\"produkt-inner p-bg-3\">\n <div class=\"produkt-emoji\">\ud83e\udeb5<\/div>\n <div class=\"produkt-name\">Holz-Gravuren<\/div>\n <div class=\"produkt-desc\">Schilder, Bilder und Geschenke mit pers\u00f6nlicher Gravur aus echtem Holz.<\/div>\n <\/div>\n <div class=\"produkt-tag\">Neu<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials\">\n <div class=\"section-eyebrow reveal\">Kundenstimmen<\/div>\n <h2 class=\"section-title reveal\">Was unsere Kunden sagen<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u201eDie Geschenkbox zum Geburtstag meiner Mutter war absolut wundersch\u00f6n. Jedes Detail war liebevoll ausgew\u00e4hlt \u2013 sie hat geweint vor Freude!\"<\/p>\n <div class=\"testi-author\">Sandra M.<\/div>\n <div class=\"testi-role\">Privatkundin, Heidelberg<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u201eUnsere Firmen-T-Shirts sind jedes Jahr das Highlight auf der Messe. Tolle Qualit\u00e4t, super Beratung und p\u00fcnktliche Lieferung \u2013 immer wieder gerne!\"<\/p>\n <div class=\"testi-author\">Thomas K.<\/div>\n <div class=\"testi-role\">Gesch\u00e4ftsf\u00fchrer, Mannheim<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\u201eDie Holzgravur als Hochzeitsgeschenk war ein Riesenerfolg. Das Ehepaar h\u00e4ngt sie im Wohnzimmer \u2013 ein Unikat, das bleibt.\"<\/p>\n <div class=\"testi-author\">Julia R.<\/div>\n <div class=\"testi-role\">Privatkundin, Stuttgart<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta-banner\" id=\"kontakt\">\n <h2>Eure Idee \u2013 <em>unser Handwerk.<\/em><\/h2>\n <p>Schreibt uns eure W\u00fcnsche und wir machen daraus etwas Besonderes. Kostenlose Beratung, schnelle Antwort.<\/p>\n <a href=\"mailto:info@herzstueck.de\" class=\"btn-white\">Jetzt anfragen<\/a>\n<\/section>\n\n\n\n<script>\n \/\/ Scroll Reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n \/\/ Staggered delay based on position in parent\n const siblings = [...e.target.parentElement.children].filter(c => c.classList.contains('reveal'));\n const idx = siblings.indexOf(e.target);\n e.target.style.transitionDelay = (idx * 0.1) + 's';\n e.target.classList.add('visible');\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(r => observer.observe(r));\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Herzst\u00fcck \u2013 Handgemacht & Bedruckt Handgemacht & Einzigartig Geschenke, die von Herzen kommen. Handgefertigte Unikate & hochwertiger T-Shirt-Druck \u2013 pers\u00f6nlich, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-2","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/dorfliebe-bauernheim.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}