{"id":7,"date":"2026-04-16T00:35:41","date_gmt":"2026-04-16T00:35:41","guid":{"rendered":"https:\/\/dachdecker-auftrag.de\/?page_id=7"},"modified":"2026-04-16T01:49:35","modified_gmt":"2026-04-16T01:49:35","slug":"dachdecker-auftrag","status":"publish","type":"page","link":"https:\/\/dachdecker-auftrag.de\/","title":{"rendered":"Dachdecker Auftrag"},"content":{"rendered":"\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  1. HERO \u2014 MULTI-STEP FORM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n@font-face{font-family:\"BebasNeue\";font-style:normal;src:local(\"\"),url(\"https:\/\/dachdeckerdirekt.de\/wp-content\/themes\/GetwidBaseChild\/assets\/fonts\/BebasNeue-Regular.ttf\") format(\"truetype\");font-display:swap;}\n.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#1a2535;position:relative;overflow:hidden;}\n.hero::before{content:'';position:absolute;inset:0;background:url(\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/multistep_bg.jpg\") center\/cover no-repeat;opacity:0.07;pointer-events:none;}\n.hero-l{display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 80px;position:relative;z-index:2;}\n.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(188,65,35,0.15);border:1px solid rgba(188,65,35,0.35);border-radius:100px;padding:6px 16px;margin-bottom:28px;width:fit-content;}\n.hero-pill span{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#e07050;}\n.hero-pill svg{width:14px;height:14px;fill:#bc4123;}\n.hero-l h1{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:clamp(3rem,4.5vw,5rem);color:#fff;line-height:1;letter-spacing:1.5px;margin:0 0 20px;}\n.hero-l h1 em{color:#bc4123;font-style:normal;}\n.hero-sub{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.7;margin-bottom:36px;max-width:420px;}\n.hero-trust{display:flex;flex-direction:column;gap:12px;}\n.hero-trust-item{display:flex;align-items:center;gap:12px;}\n.hero-trust-icon{width:36px;height:36px;border-radius:8px;background:rgba(188,65,35,0.15);border:1px solid rgba(188,65,35,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.hero-trust-icon svg{width:16px;height:16px;fill:#bc4123;}\n.hero-trust-text strong{display:block;font-size:13px;font-weight:700;color:#fff;}\n.hero-trust-text span{font-size:12px;color:rgba(255,255,255,0.5);}\n.hero-r{display:flex;flex-direction:column;justify-content:center;padding:60px 60px 60px 40px;position:relative;z-index:2;}\n.mf-shell{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.35);}\n.mf-head{background:#2c3847;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;}\n.mf-title{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.1rem;letter-spacing:2px;color:#fff;}\n.mf-dots{display:flex;align-items:center;gap:0;}\n.mf-dot{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.4);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s;flex-shrink:0;}\n.mf-dot.active{background:#bc4123;color:#fff;}\n.mf-dot.done{background:rgba(188,65,35,0.4);color:#fff;}\n.mf-line{width:16px;height:2px;background:rgba(255,255,255,0.1);}\n.mf-line.done{background:rgba(188,65,35,0.4);}\n.mf-body{padding:28px;}\n.mf-step{display:none;}\n.mf-step.active{display:block;}\n.mf-q{font-size:15px;font-weight:700;color:#2c3847;margin:0 0 18px;line-height:1.4;}\n.mf-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px;}\n.mf-opts.c2{grid-template-columns:repeat(2,1fr);}\n.mf-opt input[type=radio]{display:none;}\n.mf-opt label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:10px;border:2px solid #eef0f3;background:#f8f9fb;cursor:pointer;transition:border-color .18s,background .18s,transform .18s;text-align:center;}\n.mf-opt label:hover{border-color:#bc4123;background:#fff5f3;transform:translateY(-2px);}\n.mf-opt input:checked+label{border-color:#bc4123;background:#fff0ec;}\n.mf-opt label img{width:48px;height:48px;object-fit:contain;}\n.mf-opt label span{font-size:12px;font-weight:600;color:#2c3847;line-height:1.3;}\n.mf-back-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\n.mf-back{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:#f0f2f5;color:#2c3847;font-size:12px;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-family:\"Open Sans\",sans-serif;transition:background .18s;}\n.mf-back:hover{background:#e0e3e8;}\n.mf-back svg{width:13px;height:13px;fill:currentColor;}\n.mf-slabel{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#bc4123;}\n.mf-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}\n.mf-cgrid .full{grid-column:1\/-1;}\n.mf-input{width:100%;padding:10px 14px;border:1.5px solid #e0e3e8;border-radius:8px;font-size:13.5px;font-family:\"Open Sans\",sans-serif;color:#2c3847;background:#fff;transition:border-color .18s;}\n.mf-input:focus{outline:none;border-color:#bc4123;}\n.mf-chk{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;}\n.mf-chk input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:#bc4123;}\n.mf-chk small{font-size:11.5px;color:#6b7a8d;line-height:1.5;}\n.mf-chk small strong{color:#2c3847;}\n.mf-submit{width:100%;padding:14px;background:#bc4123;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;font-family:\"Open Sans\",sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px rgba(188,65,35,0.3);transition:background .2s,transform .2s;}\n.mf-submit:hover{background:#a8341a;transform:translateY(-1px);}\n.mf-submit svg{width:16px;height:16px;fill:#fff;}\n.mf-note{margin-top:10px;font-size:11px;color:#9aa5b4;text-align:center;}\n@media(max-width:1024px){.hero{grid-template-columns:1fr;}.hero-l{padding:60px 40px 40px;}.hero-r{padding:0 40px 60px;}}\n@media(max-width:640px){.hero-l{padding:40px 20px 32px;}.hero-r{padding:0 20px 48px;}.mf-opts{grid-template-columns:repeat(2,1fr);}.mf-body{padding:20px;}.mf-head{padding:16px 20px;}.mf-cgrid{grid-template-columns:1fr;}}\n<\/style>\n<section class=\"hero\" id=\"form\">\n<div class=\"hero-l\">\n  <div class=\"hero-pill\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>100% Kostenlos &amp; Unverbindlich<\/span><\/div>\n  <h1>Ihr Dachdecker<br><em>Auftrag<\/em> starten<\/h1>\n  <p class=\"hero-sub\">Vergleichen Sie bis zu 5 gepr\u00fcfte Dachdecker-Angebote aus Ihrer Region \u2014 kostenlos, schnell und ohne Verpflichtung.<\/p>\n  <div class=\"hero-trust\">\n    <div class=\"hero-trust-item\"><div class=\"hero-trust-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><div class=\"hero-trust-text\"><strong>Bis zu 5 Angebote<\/strong><span>Von gepr\u00fcften Fachbetrieben<\/span><\/div><\/div>\n    <div class=\"hero-trust-item\"><div class=\"hero-trust-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg><\/div><div class=\"hero-trust-text\"><strong>Gepr\u00fcfte Handwerker<\/strong><span>Zertifiziert &amp; versichert<\/span><\/div><\/div>\n    <div class=\"hero-trust-item\"><div class=\"hero-trust-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z\"\/><\/svg><\/div><div class=\"hero-trust-text\"><strong>Keine Vergabepflicht<\/strong><span>Sie entscheiden frei<\/span><\/div><\/div>\n  <\/div>\n<\/div>\n<div class=\"hero-r\">\n  <div class=\"mf-shell\" id=\"mf-form\">\n    <div class=\"mf-head\">\n      <span class=\"mf-title\">ANFRAGE STELLEN<\/span>\n      <div class=\"mf-dots\" id=\"mf-dots\">\n        <div class=\"mf-dot active\" data-s=\"1\">1<\/div><div class=\"mf-line\" data-l=\"1\"><\/div>\n        <div class=\"mf-dot\" data-s=\"2\">2<\/div><div class=\"mf-line\" data-l=\"2\"><\/div>\n        <div class=\"mf-dot\" data-s=\"3\">3<\/div><div class=\"mf-line\" data-l=\"3\"><\/div>\n        <div class=\"mf-dot\" data-s=\"4\">4<\/div><div class=\"mf-line\" data-l=\"4\"><\/div>\n        <div class=\"mf-dot\" data-s=\"5\">5<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"mf-body\">\n      <div class=\"mf-step active\" id=\"mf-step-1\">\n        <p class=\"mf-q\">Welche Arbeit soll ausgef\u00fchrt werden?<\/p>\n        <div class=\"mf-opts\">\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s1-1\" name=\"s1\"><label for=\"s1-1\" data-next=\"2\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-dachsanierung.png\" alt=\"\"><span>Dachsanierung<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s1-2\" name=\"s1\"><label for=\"s1-2\" data-next=\"2\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-dachneubau.png\" alt=\"\"><span>Dach Neubau<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s1-3\" name=\"s1\"><label for=\"s1-3\" data-next=\"2\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-photovoltaik.png\" alt=\"\"><span>Solar \/ PV<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s1-4\" name=\"s1\"><label for=\"s1-4\" data-next=\"2\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-dachfenster.png\" alt=\"\"><span>Dachfenster<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s1-5\" name=\"s1\"><label for=\"s1-5\" data-next=\"2\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-zimmerer-holzarbeiten.png\" alt=\"\"><span>Zimmererarbeiten<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s1-6\" name=\"s1\"><label for=\"s1-6\" data-next=\"2\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-sturmschaeden-reparatur.png\" alt=\"\"><span>Sturmschaden<\/span><\/label><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mf-step\" id=\"mf-step-2\">\n        <div class=\"mf-back-row\"><button class=\"mf-back\" data-back=\"1\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>Zur\u00fcck<\/button><span class=\"mf-slabel\">Schritt 2 von 5<\/span><\/div>\n        <p class=\"mf-q\">Mit welchem Material soll das Dach eingedeckt werden?<\/p>\n        <div class=\"mf-opts\">\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s2-1\" name=\"s2\"><label for=\"s2-1\" data-next=\"3\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-dachziegel-dachpfannen.png\" alt=\"\"><span>Ziegel \/ Pfannen<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s2-2\" name=\"s2\"><label for=\"s2-2\" data-next=\"3\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-metallschindeln.png\" alt=\"\"><span>Metall<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s2-3\" name=\"s2\"><label for=\"s2-3\" data-next=\"3\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-bitumschindeln.png\" alt=\"\"><span>Bitumen<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s2-4\" name=\"s2\"><label for=\"s2-4\" data-next=\"3\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-schieferpfannen.png\" alt=\"\"><span>Schiefer<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s2-5\" name=\"s2\"><label for=\"s2-5\" data-next=\"3\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-reet.png\" alt=\"\"><span>Reet<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s2-6\" name=\"s2\"><label for=\"s2-6\" data-next=\"3\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-nicht-sicher.png\" alt=\"\"><span>Nicht sicher<\/span><\/label><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mf-step\" id=\"mf-step-3\">\n        <div class=\"mf-back-row\"><button class=\"mf-back\" data-back=\"2\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>Zur\u00fcck<\/button><span class=\"mf-slabel\">Schritt 3 von 5<\/span><\/div>\n        <p class=\"mf-q\">Wie gro\u00df ist Ihr Dach?<\/p>\n        <div class=\"mf-opts c2\">\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s3-1\" name=\"s3\"><label for=\"s3-1\" data-next=\"4\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-groesse-unter-100.png\" alt=\"\"><span>unter 100 m\u00b2<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s3-2\" name=\"s3\"><label for=\"s3-2\" data-next=\"4\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-groesse-100-200.png\" alt=\"\"><span>100 \u2013 200 m\u00b2<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s3-3\" name=\"s3\"><label for=\"s3-3\" data-next=\"4\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-groesse-ueber-200.png\" alt=\"\"><span>\u00fcber 200 m\u00b2<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s3-4\" name=\"s3\"><label for=\"s3-4\" data-next=\"4\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-nicht-sicher.png\" alt=\"\"><span>Nicht sicher<\/span><\/label><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mf-step\" id=\"mf-step-4\">\n        <div class=\"mf-back-row\"><button class=\"mf-back\" data-back=\"3\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>Zur\u00fcck<\/button><span class=\"mf-slabel\">Schritt 4 von 5<\/span><\/div>\n        <p class=\"mf-q\">F\u00fcr wann ist Ihr Vorhaben geplant?<\/p>\n        <div class=\"mf-opts c2\">\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s4-1\" name=\"s4\"><label for=\"s4-1\" data-next=\"5\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-zeit-sofort.png\" alt=\"\"><span>Sofort<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s4-2\" name=\"s4\"><label for=\"s4-2\" data-next=\"5\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-zeit-1-monat.png\" alt=\"\"><span>1+ Monat<\/span><\/label><\/div>\n          <div class=\"mf-opt\"><input type=\"radio\" id=\"s4-3\" name=\"s4\"><label for=\"s4-3\" data-next=\"5\"><img decoding=\"async\" src=\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/icon-zeit-3-monate.png\" alt=\"\"><span>3+ Monate<\/span><\/label><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mf-step\" id=\"mf-step-5\">\n        <div class=\"mf-back-row\"><button class=\"mf-back\" data-back=\"4\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>Zur\u00fcck<\/button><span class=\"mf-slabel\">Schritt 5 von 5<\/span><\/div>\n        <p class=\"mf-q\">Wer soll die Angebote erhalten?<\/p>\n        <form id=\"mf-form-contact\" novalidate>\n          <div class=\"mf-cgrid\">\n            <input class=\"mf-input\" type=\"text\" name=\"name\" placeholder=\"*Name\" required>\n            <input class=\"mf-input\" type=\"email\" name=\"email\" placeholder=\"*E-Mail\" required>\n            <input class=\"mf-input\" type=\"tel\" name=\"phone\" placeholder=\"*Telefonnummer\" required>\n            <input class=\"mf-input\" type=\"text\" name=\"plz\" placeholder=\"*PLZ\" minlength=\"5\" maxlength=\"5\" required>\n            <textarea class=\"mf-input full\" name=\"anmerkungen\" rows=\"2\" placeholder=\"Details (optional)\"><\/textarea>\n          <\/div>\n          <div class=\"mf-chk\"><input type=\"checkbox\" id=\"agb\" name=\"agb\" value=\"1\" required><small>Ich stimme den <strong>AGB und Datenschutzregeln<\/strong> zu. Meine Daten werden einmalig an passende Dachdecker weitergegeben.<\/small><\/div>\n          <button type=\"submit\" class=\"mf-submit\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>Jetzt Angebote erhalten<\/button>\n          <p class=\"mf-note\">Kostenlos &amp; unverbindlich \u2014 <a href=\"mailto:info@dachdecker-auftrag.de\" style=\"color:#9aa5b4\">info@dachdecker-auftrag.de<\/a><\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/section>\n<script>\n(function(){\n  var cur=1;\n  function goTo(n){\n    document.getElementById('mf-step-'+cur).classList.remove('active');\n    cur=n;\n    document.getElementById('mf-step-'+cur).classList.add('active');\n    document.querySelectorAll('.mf-dot').forEach(function(d){\n      var s=parseInt(d.getAttribute('data-s'));\n      d.classList.remove('active','done');\n      if(s===cur)d.classList.add('active');\n      if(s<cur)d.classList.add('done');\n    });\n    document.querySelectorAll('.mf-line').forEach(function(l){\n      var s=parseInt(l.getAttribute('data-l'));\n      l.classList.toggle('done',s<cur);\n    });\n    var shell=document.getElementById('mf-form');\n    if(shell)shell.scrollIntoView({behavior:'smooth',block:'nearest'});\n  }\n  document.querySelectorAll('.mf-opt label').forEach(function(lbl){\n    lbl.addEventListener('click',function(){\n      var next=parseInt(lbl.getAttribute('data-next'));\n      if(next)setTimeout(function(){goTo(next);},200);\n    });\n  });\n  document.querySelectorAll('.mf-back').forEach(function(btn){\n    btn.addEventListener('click',function(){goTo(parseInt(btn.getAttribute('data-back')));});\n  });\n  var form=document.getElementById('mf-form-contact');\n  if(form)form.addEventListener('submit',function(e){\n    e.preventDefault();\n    var btn=form.querySelector('.mf-submit');\n    btn.innerHTML='<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"#fff\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg> Anfrage gesendet!';\n    btn.style.background='#2a7a3b';btn.disabled=true;\n  });\n})();\n<\/script>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  2. ABOUT US\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n.about{background:#f8f9fb;padding:80px 2rem;}\n.about-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}\n.about-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bc4123;margin-bottom:12px;display:block;}\n.about h2{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:clamp(2rem,3vw,2.8rem);color:#1a2535;letter-spacing:1.5px;line-height:1.1;margin:0 0 20px;}\n.about h2 em{color:#bc4123;font-style:normal;}\n.about-lead{font-size:15.5px;color:#4a5568;line-height:1.8;margin-bottom:20px;border-left:3px solid #bc4123;padding-left:18px;}\n.about-body{font-size:14.5px;color:#6b7a8d;line-height:1.85;margin-bottom:28px;}\n.about-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:#bc4123;color:#fff;font-size:14px;font-weight:700;text-decoration:none;border-radius:6px;box-shadow:0 4px 14px rgba(188,65,35,0.28);transition:background .2s,transform .2s;}\n.about-cta:hover{background:#a8341a;transform:translateY(-1px);text-decoration:none;color:#fff;}\n.about-cta svg{width:14px;height:14px;fill:#fff;}\n.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\n.about-stat{background:#fff;border-radius:12px;padding:28px 24px;border:1.5px solid #eef0f3;text-align:center;transition:border-color .2s,box-shadow .2s;}\n.about-stat:hover{border-color:#f5d0c5;box-shadow:0 6px 24px rgba(188,65,35,0.08);}\n.about-stat-num{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:2.8rem;color:#bc4123;letter-spacing:1px;line-height:1;margin-bottom:6px;}\n.about-stat-label{font-size:13px;font-weight:600;color:#1a2535;margin-bottom:4px;}\n.about-stat-sub{font-size:12px;color:#9aa5b4;}\n@media(max-width:900px){.about-inner{grid-template-columns:1fr;gap:40px;}.about{padding:56px 1.5rem;}}\n<\/style>\n<section class=\"about\" id=\"ueber-uns\">\n  <div class=\"about-inner\">\n    <div>\n      <a href=\"https:\/\/dachdecker-auftrag.de\/\" style=\"display:inline-block;margin-bottom:20px;text-decoration:none;\">\n        <img decoding=\"async\" src=\"https:\/\/dachdecker-auftrag.de\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-16-2026-01_59_45-AM-1-1.png\" alt=\"Dachdecker Auftrag\" style=\"height:52px;width:auto;display:block;\">\n      <\/a>\n      <span class=\"about-label\">\u00dcber uns<\/span>\n      <h2>Ihr Auftragsvermittler f\u00fcr<br><em>Dachdecker in Deutschland<\/em><\/h2>\n      <p class=\"about-lead\">Dachdecker Auftrag verbindet Hausbesitzer mit gepr\u00fcften Dachdeckerbetrieben in ganz Deutschland \u2014 schnell, kostenlos und unverbindlich.<\/p>\n      <p class=\"about-body\">Seit Jahren helfen wir tausenden von Kunden, den richtigen Dachdecker f\u00fcr ihr Projekt zu finden. Ob Dachsanierung, Neubau, Reparatur oder D\u00e4mmung \u2014 wir vermitteln Ihnen bis zu 5 Angebote von zertifizierten Fachbetrieben aus Ihrer Region. Sie vergleichen in Ruhe und entscheiden frei.<\/p>\n      <a href=\"#form\" class=\"about-cta\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>Jetzt kostenlos anfragen<\/a>\n    <\/div>\n    <div style=\"position:relative;\">\n      <div style=\"position:relative;\">\n        <img decoding=\"async\"\n          src=\"https:\/\/dachdecker-auftrag.de\/wp-content\/uploads\/2026\/04\/4edb44fa-9f72-465f-ad65-262284ac699e-1-1.png\"\n          alt=\"Dachdecker Auftrag \u2013 Gepr\u00fcfte Fachbetriebe\"\n          style=\"width:100%;height:auto;display:block;\"\n          loading=\"lazy\"\n        >\n        <div style=\"position:absolute;bottom:16px;left:16px;right:16px;background:rgba(26,37,53,0.88);backdrop-filter:blur(8px);border-radius:10px;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n          <div style=\"text-align:center;\">\n            <div style=\"font-family:'BebasNeue','Open Sans',sans-serif;font-size:1.8rem;color:#bc4123;letter-spacing:1px;line-height:1;\">18k+<\/div>\n            <div style=\"font-size:11px;font-weight:600;color:rgba(255,255,255,0.6);letter-spacing:0.5px;margin-top:2px;\">Vermittelte Auftr\u00e4ge<\/div>\n          <\/div>\n          <div style=\"text-align:center;border-left:1px solid rgba(255,255,255,0.1);\">\n            <div style=\"font-family:'BebasNeue','Open Sans',sans-serif;font-size:1.8rem;color:#bc4123;letter-spacing:1px;line-height:1;\">98%<\/div>\n            <div style=\"font-size:11px;font-weight:600;color:rgba(255,255,255,0.6);letter-spacing:0.5px;margin-top:2px;\">Zufriedene Kunden<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  3. SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n.services{background:#fff;padding:80px 2rem;}\n.services-inner{max-width:1200px;margin:0 auto;}\n.services-header{text-align:center;margin-bottom:48px;}\n.services-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bc4123;margin-bottom:12px;display:block;}\n.services h2{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:clamp(2rem,3vw,2.8rem);color:#1a2535;letter-spacing:1.5px;line-height:1.1;margin:0 0 12px;}\n.services h2 em{color:#bc4123;font-style:normal;}\n.services-sub{font-size:15px;color:#6b7a8d;max-width:560px;margin:0 auto;}\n.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}\n.svc-card{border-radius:14px;border:1.5px solid #eef0f3;padding:32px 28px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s;}\n.svc-card:hover{border-color:#f5d0c5;box-shadow:0 8px 32px rgba(188,65,35,0.1);transform:translateY(-4px);}\n.svc-icon{width:52px;height:52px;border-radius:12px;background:#fff0ec;border:1.5px solid #f5d0c5;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background .2s;}\n.svc-card:hover .svc-icon{background:#bc4123;border-color:#bc4123;}\n.svc-icon svg{width:24px;height:24px;fill:#bc4123;transition:fill .2s;}\n.svc-card:hover .svc-icon svg{fill:#fff;}\n.svc-title{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.2rem;letter-spacing:1.5px;color:#1a2535;margin:0 0 10px;}\n.svc-desc{font-size:13.5px;color:#6b7a8d;line-height:1.7;margin:0;}\n@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:560px){.services-grid{grid-template-columns:1fr;}.services{padding:56px 1.25rem;}}\n<\/style>\n<section class=\"services\" id=\"leistungen\">\n  <div class=\"services-inner\">\n    <div class=\"services-header\">\n      <span class=\"services-label\">Unsere Leistungen<\/span>\n      <h2>Alles rund ums <em>Dach<\/em><\/h2>\n      <p class=\"services-sub\">Von der Reparatur bis zum Neubau \u2014 unsere gepr\u00fcften Dachdecker decken alle Bereiche ab.<\/p>\n    <\/div>\n    <div class=\"services-grid\">\n      <div class=\"svc-card\"><div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-5h2v5h6v-8h3L12 3z\"\/><\/svg><\/div><div class=\"svc-title\">Dachsanierung<\/div><p class=\"svc-desc\">Komplette Erneuerung Ihrer Dacheindeckung mit hochwertigen Materialien \u2014 von Ziegeln \u00fcber Schiefer bis Reet.<\/p><\/div>\n      <div class=\"svc-card\"><div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\/><\/svg><\/div><div class=\"svc-title\">Dach Neubau<\/div><p class=\"svc-desc\">Planung und Ausf\u00fchrung Ihres neuen Dachs \u2014 individuell, energieeffizient und nach aktuellen Normen.<\/p><\/div>\n      <div class=\"svc-card\"><div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-5h2v5h6v-8h3L12 3z\"\/><\/svg><\/div><div class=\"svc-title\">Dachd\u00e4mmung<\/div><p class=\"svc-desc\">Aufsparren-, Zwischen- oder Untersparrend\u00e4mmung \u2014 f\u00fcr maximale Energieeffizienz und Wohnkomfort.<\/p><\/div>\n      <div class=\"svc-card\"><div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg><\/div><div class=\"svc-title\">Dachfenster<\/div><p class=\"svc-desc\">Einbau von Velux, Roto oder Fakro Dachfenstern \u2014 mehr Licht und Wohnraum f\u00fcr Ihr Dachgeschoss.<\/p><\/div>\n      <div class=\"svc-card\"><div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\/><\/svg><\/div><div class=\"svc-title\">Sturmschaden-Reparatur<\/div><p class=\"svc-desc\">Schnelle und fachgerechte Reparatur nach Sturmsch\u00e4den \u2014 damit Ihr Haus wieder sicher ist.<\/p><\/div>\n      <div class=\"svc-card\"><div class=\"svc-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/><\/svg><\/div><div class=\"svc-title\">Solar \/ Photovoltaik<\/div><p class=\"svc-desc\">Integration von Solaranlagen bei der Neueindeckung \u2014 f\u00fcr nachhaltige Energie und Kosteneinsparungen.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  4. WHY CHOOSE US\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n.why{background:#1a2535;padding:80px 2rem;position:relative;overflow:hidden;}\n.why::before{content:'';position:absolute;inset:0;background:url(\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/multistep_bg.jpg\") center\/cover no-repeat;opacity:0.05;pointer-events:none;}\n.why-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}\n.why-header{text-align:center;margin-bottom:56px;}\n.why-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#e07050;margin-bottom:12px;display:block;}\n.why h2{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:clamp(2rem,3vw,2.8rem);color:#fff;letter-spacing:1.5px;line-height:1.1;margin:0 0 12px;}\n.why h2 em{color:#bc4123;font-style:normal;}\n.why-sub{font-size:15px;color:rgba(255,255,255,0.55);max-width:520px;margin:0 auto;}\n.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-radius:14px;overflow:hidden;}\n.why-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);padding:32px 24px;transition:background .22s;}\n.why-card:hover{background:rgba(188,65,35,0.12);}\n.why-card-icon{width:48px;height:48px;border-radius:10px;background:rgba(188,65,35,0.15);border:1px solid rgba(188,65,35,0.25);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background .22s;}\n.why-card:hover .why-card-icon{background:#bc4123;border-color:#bc4123;}\n.why-card-icon svg{width:22px;height:22px;fill:#bc4123;transition:fill .22s;}\n.why-card:hover .why-card-icon svg{fill:#fff;}\n.why-card h3{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.1rem;letter-spacing:1.5px;color:#fff;margin:0 0 10px;line-height:1.1;}\n.why-card p{font-size:13.5px;color:rgba(255,255,255,0.5);line-height:1.7;margin:0;}\n@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr);}.why{padding:56px 1.5rem;}}\n@media(max-width:480px){.why-grid{grid-template-columns:1fr;}.why{padding:48px 1.25rem;}}\n<\/style>\n<section class=\"why\" id=\"warum-wir\">\n  <div class=\"why-inner\">\n    <div class=\"why-header\">\n      <span class=\"why-label\">Warum Dachdecker Auftrag<\/span>\n      <h2>Ihr Vorteil bei <em>uns<\/em><\/h2>\n      <p class=\"why-sub\">Kein Herumtelefonieren, kein Kaufzwang \u2014 einfach Anfrage stellen und vergleichen.<\/p>\n    <\/div>\n    <div class=\"why-grid\">\n      <div class=\"why-card\"><div class=\"why-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg><\/div><h3>Kein Herumtelefonieren<\/h3><p>Einmal anfragen \u2014 bis zu 5 Dachdecker melden sich bei Ihnen. Sie m\u00fcssen niemanden anrufen.<\/p><\/div>\n      <div class=\"why-card\"><div class=\"why-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg><\/div><h3>Gepr\u00fcfte Fachbetriebe<\/h3><p>Alle Dachdecker auf unserer Plattform sind zertifiziert, versichert und regional t\u00e4tig.<\/p><\/div>\n      <div class=\"why-card\"><div class=\"why-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><\/div><h3>Kein Kaufzwang<\/h3><p>Sie erhalten Angebote und entscheiden v\u00f6llig frei. Keine Verpflichtung, keine versteckten Kosten.<\/p><\/div>\n      <div class=\"why-card\"><div class=\"why-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/><\/svg><\/div><h3>Komplett kostenlos<\/h3><p>Unser Service ist f\u00fcr Sie als Auftraggeber 100% kostenlos \u2014 jetzt und in Zukunft.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  5. HOW IT WORKS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n.how{background:#f8f9fb;padding:80px 2rem;}\n.how-inner{max-width:1000px;margin:0 auto;}\n.how-header{text-align:center;margin-bottom:56px;}\n.how-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bc4123;margin-bottom:12px;display:block;}\n.how h2{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:clamp(2rem,3vw,2.8rem);color:#1a2535;letter-spacing:1.5px;line-height:1.1;margin:0 0 12px;}\n.how h2 em{color:#bc4123;font-style:normal;}\n.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;}\n.how-steps::before{content:'';position:absolute;top:36px;left:calc(16.66% + 20px);right:calc(16.66% + 20px);height:2px;background:repeating-linear-gradient(90deg,#bc4123 0,#bc4123 8px,transparent 8px,transparent 18px);}\n.how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;}\n.how-step-num{width:72px;height:72px;border-radius:50%;background:#bc4123;color:#fff;font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.8rem;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 6px 24px rgba(188,65,35,0.3);position:relative;z-index:1;flex-shrink:0;}\n.how-step h3{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.2rem;letter-spacing:1.5px;color:#1a2535;margin:0 0 10px;}\n.how-step p{font-size:14px;color:#6b7a8d;line-height:1.7;margin:0 0 20px;}\n.how-step-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#bc4123;color:#fff;font-size:13px;font-weight:700;text-decoration:none;border-radius:6px;transition:background .2s,transform .2s;}\n.how-step-cta:hover{background:#a8341a;transform:translateY(-1px);text-decoration:none;color:#fff;}\n.how-step-cta svg{width:13px;height:13px;fill:#fff;}\n@media(max-width:768px){.how-steps{grid-template-columns:1fr;gap:40px;}.how-steps::before{display:none;}.how{padding:56px 1.5rem;}}\n<\/style>\n<section class=\"how\" id=\"so-gehts\">\n  <div class=\"how-inner\">\n    <div class=\"how-header\">\n      <img decoding=\"async\" src=\"https:\/\/dachdecker-auftrag.de\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-16-2026-01_59_45-AM-1-1.png\" alt=\"Dachdecker Auftrag\" style=\"height:44px;width:auto;display:block;margin:0 auto 20px;\">\n      <span class=\"how-label\">So einfach geht&#8217;s<\/span>\n      <h2>In 3 Schritten zum <em>besten Angebot<\/em><\/h2>\n    <\/div>\n    <div class=\"how-steps\">\n      <div class=\"how-step\">\n        <div class=\"how-step-num\">1<\/div>\n        <h3>Anfrage absenden<\/h3>\n        <p>Beschreiben Sie Ihr Dachprojekt in wenigen Klicks \u00fcber unser einfaches Formular. Dauert nur 2 Minuten.<\/p>\n        <a href=\"#form\" class=\"how-step-cta\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>Jetzt starten<\/a>\n      <\/div>\n      <div class=\"how-step\">\n        <div class=\"how-step-num\">2<\/div>\n        <h3>Angebote erhalten<\/h3>\n        <p>Bis zu 5 gepr\u00fcfte Dachdecker aus Ihrer Region melden sich direkt bei Ihnen \u2014 schnell und zuverl\u00e4ssig.<\/p>\n      <\/div>\n      <div class=\"how-step\">\n        <div class=\"how-step-num\">3<\/div>\n        <h3>Vergleichen &amp; sparen<\/h3>\n        <p>Vergleichen Sie Preise und Leistungen in Ruhe und w\u00e4hlen Sie den Dachdecker, der am besten zu Ihnen passt.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  6. REVIEWS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n.reviews{background:#fff;padding:80px 2rem;}\n.reviews-inner{max-width:1200px;margin:0 auto;}\n.reviews-header{text-align:center;margin-bottom:48px;}\n.reviews-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bc4123;margin-bottom:12px;display:block;}\n.reviews h2{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:clamp(2rem,3vw,2.8rem);color:#1a2535;letter-spacing:1.5px;line-height:1.1;margin:0 0 12px;}\n.reviews h2 em{color:#bc4123;font-style:normal;}\n.reviews-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;}\n.reviews-stars{display:flex;gap:3px;}\n.reviews-stars svg{width:20px;height:20px;fill:#f59e0b;}\n.reviews-score{font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.4rem;color:#1a2535;letter-spacing:1px;}\n.reviews-count{font-size:13px;color:#9aa5b4;}\n.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}\n.review-card{border-radius:14px;border:1.5px solid #eef0f3;padding:28px 24px;background:#fff;transition:border-color .2s,box-shadow .2s;}\n.review-card:hover{border-color:#f5d0c5;box-shadow:0 6px 24px rgba(188,65,35,0.08);}\n.review-stars{display:flex;gap:3px;margin-bottom:14px;}\n.review-stars svg{width:16px;height:16px;fill:#f59e0b;}\n.review-text{font-size:14px;color:#4a5568;line-height:1.75;margin-bottom:18px;font-style:italic;}\n.review-author{display:flex;align-items:center;gap:12px;}\n.review-avatar{width:40px;height:40px;border-radius:50%;background:#bc4123;color:#fff;font-family:\"BebasNeue\",\"Open Sans\",sans-serif;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.review-name{font-size:13.5px;font-weight:700;color:#1a2535;}\n.review-location{font-size:12px;color:#9aa5b4;}\n@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,1fr);}.reviews{padding:56px 1.5rem;}}\n@media(max-width:560px){.reviews-grid{grid-template-columns:1fr;}.reviews{padding:48px 1.25rem;}}\n<\/style>\n<section class=\"reviews\" id=\"bewertungen\">\n  <div class=\"reviews-inner\">\n    <div class=\"reviews-header\">\n      <span class=\"reviews-label\">Kundenbewertungen<\/span>\n      <h2>Was unsere Kunden <em>sagen<\/em><\/h2>\n      <div class=\"reviews-rating\">\n        <div class=\"reviews-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n        <span class=\"reviews-score\">4.9 \/ 5<\/span>\n        <span class=\"reviews-count\">aus \u00fcber 1.200 Bewertungen<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"reviews-grid\">\n      <div class=\"review-card\"><div class=\"review-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><p class=\"review-text\">&#8220;Innerhalb von 2 Tagen hatte ich 4 Angebote. Der Preisunterschied war enorm \u2014 ich habe fast 3.000 Euro gespart. Absolut empfehlenswert!&#8221;<\/p><div class=\"review-author\"><div class=\"review-avatar\">MK<\/div><div><div class=\"review-name\">Michael K.<\/div><div class=\"review-location\">Hamburg<\/div><\/div><\/div><\/div>\n      <div class=\"review-card\"><div class=\"review-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><p class=\"review-text\">&#8220;Super einfach und schnell. Das Formular war in 2 Minuten ausgef\u00fcllt und schon am n\u00e4chsten Tag rief mich ein Dachdecker an. Toller Service!&#8221;<\/p><div class=\"review-author\"><div class=\"review-avatar\">SB<\/div><div><div class=\"review-name\">Sandra B.<\/div><div class=\"review-location\">M\u00fcnchen<\/div><\/div><\/div><\/div>\n      <div class=\"review-card\"><div class=\"review-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div><p class=\"review-text\">&#8220;Hatte nach dem Sturm Sch\u00e4den am Dach. \u00dcber Dachdecker Auftrag fand ich schnell einen zuverl\u00e4ssigen Betrieb. Arbeit wurde sauber und p\u00fcnktlich erledigt.&#8221;<\/p><div class=\"review-author\"><div class=\"review-avatar\">TW<\/div><div><div class=\"review-name\">Thomas W.<\/div><div class=\"review-location\">Berlin<\/div><\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  7. FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 FAQ SECTION \u2500\u2500 *\/\n.faq {\n  background: #fff;\n  padding: 96px 2rem;\n}\n.faq-inner {\n  max-width: 1160px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 340px 1fr;\n  gap: 80px;\n  align-items: start;\n}\n\n\/* LEFT STICKY PANEL *\/\n.faq-left {\n  position: sticky;\n  top: 160px;\n}\n.faq-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #bc4123;\n  margin-bottom: 14px;\n  display: block;\n}\n.faq h2 {\n  font-family: \"BebasNeue\",\"Open Sans\",sans-serif;\n  font-size: clamp(2.2rem,3.5vw,3.2rem);\n  color: #1a2535;\n  letter-spacing: 1.5px;\n  line-height: 1.05;\n  margin: 0 0 20px;\n}\n.faq h2 em { color: #bc4123; font-style: normal; }\n.faq-left-desc {\n  font-size: 14.5px;\n  color: #6b7a8d;\n  line-height: 1.75;\n  margin-bottom: 32px;\n}\n.faq-contact-box {\n  background: #1a2535;\n  border-radius: 14px;\n  padding: 24px 22px;\n}\n.faq-contact-box p {\n  font-size: 13px;\n  color: rgba(255,255,255,0.55);\n  margin-bottom: 14px;\n  line-height: 1.6;\n}\n.faq-contact-box strong { color: #fff; }\n.faq-contact-phone {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  text-decoration: none;\n  margin-bottom: 14px;\n}\n.faq-contact-phone-icon {\n  width: 34px; height: 34px;\n  border-radius: 50%;\n  background: #bc4123;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.faq-contact-phone-icon svg { width: 14px; height: 14px; fill: #fff; }\n.faq-contact-phone-text strong {\n  display: block;\n  font-family: \"BebasNeue\",\"Open Sans\",sans-serif;\n  font-size: 1.2rem;\n  letter-spacing: 1.5px;\n  color: #fff;\n  font-weight: 400;\n}\n.faq-contact-phone-text span {\n  font-size: 11px;\n  color: rgba(255,255,255,0.4);\n  letter-spacing: 0.5px;\n}\n.faq-contact-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 11px 18px;\n  background: #bc4123;\n  color: #fff;\n  font-size: 13px;\n  font-weight: 700;\n  text-decoration: none;\n  border-radius: 7px;\n  transition: background .2s;\n}\n.faq-contact-btn:hover { background: #a8341a; text-decoration: none; color: #fff; }\n.faq-contact-btn svg { width: 13px; height: 13px; fill: #fff; }\n\n\/* RIGHT ACCORDION *\/\n.faq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.faq-item {\n  border-radius: 12px;\n  border: 1.5px solid #eef0f3;\n  background: #fff;\n  overflow: hidden;\n  transition: border-color .2s, box-shadow .2s;\n}\n.faq-item.open {\n  border-color: #bc4123;\n  box-shadow: 0 4px 24px rgba(188,65,35,0.1);\n}\n.faq-q {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 20px 22px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-family: \"Open Sans\",sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: #1a2535;\n  text-align: left;\n  transition: color .18s;\n}\n.faq-q:hover { color: #bc4123; }\n.faq-item.open .faq-q { color: #bc4123; }\n\n\/* icon circle *\/\n.faq-q-icon {\n  width: 32px; height: 32px;\n  border-radius: 50%;\n  background: #eef0f3;\n  border: 1.5px solid #e0e3e8;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: background .22s, border-color .22s, transform .28s;\n}\n.faq-q-icon svg {\n  width: 14px; height: 14px;\n  fill: none;\n  stroke: #6b7a8d;\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  transition: stroke .22s;\n}\n.faq-q:hover .faq-q-icon {\n  background: #fff0ec;\n  border-color: #f5d0c5;\n}\n.faq-q:hover .faq-q-icon svg { stroke: #bc4123; }\n.faq-item.open .faq-q-icon {\n  background: #bc4123;\n  border-color: #bc4123;\n  transform: rotate(45deg);\n}\n.faq-item.open .faq-q-icon svg { stroke: #fff; }\n\n.faq-a {\n  display: none;\n  padding: 0 22px 20px;\n  font-size: 14px;\n  color: #6b7a8d;\n  line-height: 1.8;\n  border-top: 1px solid #f5f5f5;\n  padding-top: 16px;\n}\n.faq-item.open .faq-a { display: block; }\n\n\/* number badge on each item *\/\n.faq-q-num {\n  width: 22px; height: 22px;\n  border-radius: 50%;\n  background: #f0f2f5;\n  color: #9aa5b4;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: background .2s, color .2s;\n}\n.faq-item.open .faq-q-num {\n  background: rgba(188,65,35,0.1);\n  color: #bc4123;\n}\n.faq-q-text { flex: 1; }\n\n@media(max-width:900px) {\n  .faq-inner { grid-template-columns: 1fr; gap: 40px; }\n  .faq-left { position: static; }\n  .faq { padding: 64px 1.5rem; }\n}\n@media(max-width:560px) {\n  .faq { padding: 48px 1.25rem; }\n  .faq-q { padding: 16px 18px; font-size: 14px; }\n  .faq-a { padding: 0 18px 16px; padding-top: 14px; }\n}\n<\/style>\n\n<section class=\"faq\" id=\"faq\">\n  <div class=\"faq-inner\">\n\n    <!-- LEFT: sticky heading + contact -->\n    <div class=\"faq-left\">\n      <span class=\"faq-label\">H\u00e4ufige Fragen<\/span>\n      <h2>Ihre Fragen,<br><em>unsere Antworten<\/em><\/h2>\n      <p class=\"faq-left-desc\">Alles was Sie \u00fcber Dachdecker Auftrag wissen m\u00fcssen \u2014 schnell und klar beantwortet.<\/p>\n\n      <div class=\"faq-contact-box\">\n        <p>Haben Sie eine Frage, die hier nicht beantwortet wird? <strong>Wir helfen Ihnen gerne weiter.<\/strong><\/p>\n        <a href=\"mailto:info@dachdecker-auftrag.de\" class=\"faq-contact-phone\">\n          <div class=\"faq-contact-phone-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n          <\/div>\n          <div class=\"faq-contact-phone-text\">\n            <strong>info@dachdecker-auftrag.de<\/strong>\n            <span>Wir antworten innerhalb von 24h<\/span>\n          <\/div>\n        <\/a>\n        <a href=\"#form\" class=\"faq-contact-btn\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          Jetzt kostenlos anfragen\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: accordion -->\n    <div class=\"faq-list\">\n\n      <div class=\"faq-item open\">\n        <button class=\"faq-q\">\n          <span class=\"faq-q-num\">1<\/span>\n          <span class=\"faq-q-text\">Ist der Service wirklich kostenlos?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Ja, unser Service ist f\u00fcr Sie als Auftraggeber vollst\u00e4ndig kostenlos. Sie stellen eine Anfrage, erhalten Angebote und entscheiden frei \u2014 ohne jegliche Kosten oder Verpflichtungen.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">\n          <span class=\"faq-q-num\">2<\/span>\n          <span class=\"faq-q-text\">Wie viele Angebote erhalte ich?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Sie erhalten bis zu 5 Angebote von gepr\u00fcften Dachdeckerbetrieben aus Ihrer Region. Die genaue Anzahl h\u00e4ngt von der Verf\u00fcgbarkeit in Ihrer Region ab.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">\n          <span class=\"faq-q-num\">3<\/span>\n          <span class=\"faq-q-text\">Wie lange dauert es, bis ich Angebote bekomme?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">In der Regel melden sich die ersten Dachdecker innerhalb von 24\u201348 Stunden bei Ihnen. Bei dringenden F\u00e4llen wie Sturmsch\u00e4den oft noch schneller.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">\n          <span class=\"faq-q-num\">4<\/span>\n          <span class=\"faq-q-text\">Sind die Dachdecker wirklich gepr\u00fcft?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Ja. Alle Betriebe auf unserer Plattform werden vor der Aufnahme gepr\u00fcft \u2014 auf Zertifizierung, Versicherungsschutz und regionale T\u00e4tigkeit. Nur seri\u00f6se Fachbetriebe werden vermittelt.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\">\n          <span class=\"faq-q-num\">5<\/span>\n          <span class=\"faq-q-text\">Muss ich das g\u00fcnstigste Angebot annehmen?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Nein. Sie entscheiden v\u00f6llig frei, welches Angebot Sie annehmen \u2014 oder keines. Es gibt keinerlei Kaufzwang oder Verpflichtung. Sie vergleichen in Ruhe und w\u00e4hlen den Dachdecker, der am besten zu Ihnen passt.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.querySelectorAll('.faq-q').forEach(function(btn){\n  btn.addEventListener('click',function(){\n    var item = btn.closest('.faq-item');\n    var wasOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item').forEach(function(i){ i.classList.remove('open'); });\n    if(!wasOpen) item.classList.add('open');\n  });\n});\n<\/script>\n<!-- ENHANCED HOVER + SCROLL ANIMATIONS -->\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCROLL REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n[data-reveal] {\n  opacity: 0;\n  transition: opacity 0.55s ease, transform 0.55s ease;\n  will-change: opacity, transform;\n}\n[data-reveal=\"up\"]    { transform: translateY(28px); }\n[data-reveal=\"left\"]  { transform: translateX(-28px); }\n[data-reveal=\"right\"] { transform: translateX(28px); }\n[data-reveal=\"scale\"] { transform: scale(0.93); }\n[data-reveal].visible { opacity: 1 !important; transform: none !important; }\n[data-delay=\"1\"] { transition-delay: 0.1s; }\n[data-delay=\"2\"] { transition-delay: 0.18s; }\n[data-delay=\"3\"] { transition-delay: 0.26s; }\n[data-delay=\"4\"] { transition-delay: 0.34s; }\n[data-delay=\"5\"] { transition-delay: 0.42s; }\n[data-delay=\"6\"] { transition-delay: 0.50s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.svc-card {\n  position: relative;\n  overflow: hidden;\n}\n.svc-card::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(188,65,35,0.04) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.3s;\n  pointer-events: none;\n}\n.svc-card:hover::after { opacity: 1; }\n.svc-card:hover { transform: translateY(-6px) !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 WHY CARDS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.why-card {\n  position: relative;\n  transition: background .22s, transform .22s !important;\n}\n.why-card:hover { transform: translateY(-4px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 REVIEW CARDS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.review-card {\n  transition: border-color .2s, box-shadow .2s, transform .2s !important;\n}\n.review-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 40px rgba(188,65,35,0.12) !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 ABOUT STATS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-stat {\n  transition: border-color .2s, box-shadow .2s, transform .2s !important;\n}\n.about-stat:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 28px rgba(188,65,35,0.1) !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 FAQ ITEMS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq-item {\n  transition: border-color .2s, box-shadow .2s, transform .18s !important;\n}\n.faq-item:not(.open):hover {\n  transform: translateX(4px);\n  border-color: #f5d0c5 !important;\n}\n.faq-item.open {\n  transform: none !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 HOW STEPS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.how-step-num {\n  transition: transform .25s, box-shadow .25s !important;\n}\n.how-step:hover .how-step-num {\n  transform: scale(1.1);\n  box-shadow: 0 10px 32px rgba(188,65,35,0.45) !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ENHANCED HOVER \u2014 CTA BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-cta,\n.how-step-cta,\n.faq-contact-btn {\n  position: relative;\n  overflow: hidden;\n}\n.about-cta::before,\n.how-step-cta::before,\n.faq-contact-btn::before {\n  content: '';\n  position: absolute;\n  top: 0; left: -100%;\n  width: 100%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n  transition: left 0.4s ease;\n}\n.about-cta:hover::before,\n.how-step-cta:hover::before,\n.faq-contact-btn:hover::before {\n  left: 100%;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO TRUST ITEMS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-trust-item {\n  transition: transform .2s;\n}\n.hero-trust-item:hover {\n  transform: translateX(6px);\n}\n<\/style>\n\n<script>\n(function(){\n  \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n  var rules = [\n    \/* hero *\/\n    ['.hero-pill',          'up'],\n    ['.hero-l h1',          'up', '1'],\n    ['.hero-sub',           'up', '2'],\n    ['.hero-trust-item:nth-child(1)', 'left', '2'],\n    ['.hero-trust-item:nth-child(2)', 'left', '3'],\n    ['.hero-trust-item:nth-child(3)', 'left', '4'],\n    ['.mf-shell',           'right', '1'],\n    \/* about *\/\n    ['.about-label',        'up'],\n    ['.about h2',           'up', '1'],\n    ['.about-lead',         'up', '2'],\n    ['.about-body',         'up', '3'],\n    ['.about-cta',          'up', '4'],\n    \/* services *\/\n    ['.services-header',    'up'],\n    ['.svc-card:nth-child(1)', 'up', '1'],\n    ['.svc-card:nth-child(2)', 'up', '2'],\n    ['.svc-card:nth-child(3)', 'up', '3'],\n    ['.svc-card:nth-child(4)', 'up', '1'],\n    ['.svc-card:nth-child(5)', 'up', '2'],\n    ['.svc-card:nth-child(6)', 'up', '3'],\n    \/* why *\/\n    ['.why-header',         'up'],\n    ['.why-card:nth-child(1)', 'up', '1'],\n    ['.why-card:nth-child(2)', 'up', '2'],\n    ['.why-card:nth-child(3)', 'up', '3'],\n    ['.why-card:nth-child(4)', 'up', '4'],\n    \/* how *\/\n    ['.how-header',         'up'],\n    ['.how-step:nth-child(1)', 'up', '1'],\n    ['.how-step:nth-child(2)', 'up', '2'],\n    ['.how-step:nth-child(3)', 'up', '3'],\n    \/* reviews *\/\n    ['.reviews-header',     'up'],\n    ['.review-card:nth-child(1)', 'up', '1'],\n    ['.review-card:nth-child(2)', 'up', '2'],\n    ['.review-card:nth-child(3)', 'up', '3'],\n    \/* faq *\/\n    ['.faq-left',           'left'],\n    ['.faq-item:nth-child(1)', 'right', '1'],\n    ['.faq-item:nth-child(2)', 'right', '2'],\n    ['.faq-item:nth-child(3)', 'right', '3'],\n    ['.faq-item:nth-child(4)', 'right', '4'],\n    ['.faq-item:nth-child(5)', 'right', '5'],\n  ];\n\n  rules.forEach(function(r) {\n    document.querySelectorAll(r[0]).forEach(function(el) {\n      el.setAttribute('data-reveal', r[1]);\n      if (r[2]) el.setAttribute('data-delay', r[2]);\n    });\n  });\n\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n        obs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n\n  document.querySelectorAll('[data-reveal]').forEach(function(el) {\n    obs.observe(el);\n  });\n})();\n<\/script>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  8. CONTACT FORM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n.contact-section {\n  background: #1a2535;\n  padding: 96px 2rem;\n  position: relative;\n  overflow: hidden;\n}\n.contact-section::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url(\"https:\/\/dachdeckerdirekt.de\/wp-content\/plugins\/lynet-placeholders\/public\/images\/multistep_bg.jpg\") center\/cover no-repeat;\n  opacity: 0.05;\n  pointer-events: none;\n}\n.contact-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: start;\n  position: relative;\n  z-index: 1;\n}\n\n\/* LEFT *\/\n.contact-left {}\n.contact-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #e07050;\n  margin-bottom: 14px;\n  display: block;\n}\n.contact-section h2 {\n  font-family: \"BebasNeue\",\"Open Sans\",sans-serif;\n  font-size: clamp(2.2rem,3.5vw,3.2rem);\n  color: #fff;\n  letter-spacing: 1.5px;\n  line-height: 1.05;\n  margin: 0 0 20px;\n}\n.contact-section h2 em { color: #bc4123; font-style: normal; }\n.contact-desc {\n  font-size: 15px;\n  color: rgba(255,255,255,0.6);\n  line-height: 1.8;\n  margin-bottom: 36px;\n}\n.contact-info-items {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.contact-info-item {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.contact-info-icon {\n  width: 40px; height: 40px;\n  border-radius: 10px;\n  background: rgba(188,65,35,0.15);\n  border: 1px solid rgba(188,65,35,0.3);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.contact-info-icon svg { width: 18px; height: 18px; fill: #bc4123; }\n.contact-info-text strong {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 2px;\n}\n.contact-info-text a,\n.contact-info-text span {\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n  text-decoration: none;\n  transition: color .18s;\n}\n.contact-info-text a:hover { color: #bc4123; text-decoration: none; }\n\n\/* RIGHT \u2014 FORM *\/\n.contact-form-wrap {\n  background: #fff;\n  border-radius: 16px;\n  padding: 36px 32px;\n  box-shadow: 0 24px 64px rgba(0,0,0,0.3);\n}\n.contact-form-title {\n  font-family: \"BebasNeue\",\"Open Sans\",sans-serif;\n  font-size: 1.4rem;\n  letter-spacing: 2px;\n  color: #1a2535;\n  margin: 0 0 24px;\n}\n.cf-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  margin-bottom: 14px;\n}\n.cf-grid .cf-full { grid-column: 1 \/ -1; }\n.cf-input {\n  width: 100%;\n  padding: 11px 16px;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: \"Open Sans\",sans-serif;\n  color: #2c3847;\n  background: #f8f9fb;\n  transition: border-color .18s, background .18s;\n  outline: none;\n}\n.cf-input:focus {\n  border-color: #bc4123;\n  background: #fff;\n}\n.cf-select {\n  width: 100%;\n  padding: 11px 16px;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: \"Open Sans\",sans-serif;\n  color: #2c3847;\n  background: #f8f9fb;\n  transition: border-color .18s;\n  outline: none;\n  appearance: none;\n  cursor: pointer;\n}\n.cf-select:focus { border-color: #bc4123; background: #fff; }\n.cf-chk {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 18px;\n}\n.cf-chk input[type=checkbox] {\n  width: 16px; height: 16px;\n  margin-top: 2px;\n  flex-shrink: 0;\n  accent-color: #bc4123;\n}\n.cf-chk small {\n  font-size: 12px;\n  color: #6b7a8d;\n  line-height: 1.5;\n}\n.cf-chk small a { color: #bc4123; text-decoration: none; }\n.cf-submit {\n  width: 100%;\n  padding: 14px;\n  background: #bc4123;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  font-family: \"Open Sans\",sans-serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  box-shadow: 0 4px 16px rgba(188,65,35,0.3);\n  transition: background .2s, transform .2s;\n  position: relative;\n  overflow: hidden;\n}\n.cf-submit::before {\n  content: '';\n  position: absolute;\n  top: 0; left: -100%;\n  width: 100%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n  transition: left .4s ease;\n}\n.cf-submit:hover::before { left: 100%; }\n.cf-submit:hover { background: #a8341a; transform: translateY(-1px); }\n.cf-submit svg { width: 16px; height: 16px; fill: #fff; }\n.cf-success {\n  display: none;\n  text-align: center;\n  padding: 32px 20px;\n}\n.cf-success-icon {\n  width: 56px; height: 56px;\n  border-radius: 50%;\n  background: #e8f5e9;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 16px;\n}\n.cf-success-icon svg { width: 28px; height: 28px; fill: #2a7a3b; }\n.cf-success h3 {\n  font-family: \"BebasNeue\",\"Open Sans\",sans-serif;\n  font-size: 1.4rem;\n  letter-spacing: 1.5px;\n  color: #1a2535;\n  margin: 0 0 8px;\n}\n.cf-success p { font-size: 14px; color: #6b7a8d; margin: 0; }\n\n@media(max-width:900px) {\n  .contact-inner { grid-template-columns: 1fr; gap: 48px; }\n  .contact-section { padding: 64px 1.5rem; }\n}\n@media(max-width:560px) {\n  .cf-grid { grid-template-columns: 1fr; }\n  .contact-form-wrap { padding: 24px 20px; }\n  .contact-section { padding: 48px 1.25rem; }\n}\n<\/style>\n\n<section class=\"contact-section\" id=\"kontakt\">\n  <div class=\"contact-inner\">\n\n    <!-- LEFT -->\n    <div class=\"contact-left\">\n      <span class=\"contact-label\">Kontakt<\/span>\n      <h2>Schreiben Sie<br>uns <em>direkt an<\/em><\/h2>\n      <p class=\"contact-desc\">Haben Sie Fragen zu unserem Service, m\u00f6chten Sie Partner werden oder ben\u00f6tigen Sie Hilfe? Wir melden uns schnell bei Ihnen.<\/p>\n\n      <div class=\"contact-info-items\">\n        <div class=\"contact-info-item\">\n          <div class=\"contact-info-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n          <\/div>\n          <div class=\"contact-info-text\">\n            <strong>E-Mail<\/strong>\n            <a href=\"mailto:info@dachdecker-auftrag.de\">info@dachdecker-auftrag.de<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contact-info-item\">\n          <div class=\"contact-info-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\n          <\/div>\n          <div class=\"contact-info-text\">\n            <strong>Antwortzeit<\/strong>\n            <span>Innerhalb von 24 Stunden<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"contact-info-item\">\n          <div class=\"contact-info-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg>\n          <\/div>\n          <div class=\"contact-info-text\">\n            <strong>Datenschutz<\/strong>\n            <span>Ihre Daten sind bei uns sicher<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: FORM -->\n    <div class=\"contact-form-wrap\">\n      <div class=\"contact-form-title\">NACHRICHT SENDEN<\/div>\n      <form id=\"cf-form\" novalidate>\n        <div class=\"cf-grid\">\n          <input class=\"cf-input\" type=\"text\" name=\"cf-name\" placeholder=\"*Ihr Name\" required>\n          <input class=\"cf-input\" type=\"email\" name=\"cf-email\" placeholder=\"*E-Mail Adresse\" required>\n          <select class=\"cf-select cf-full\" name=\"cf-topic\">\n            <option value=\"\" disabled selected>Thema ausw\u00e4hlen<\/option>\n            <option value=\"anfrage\">Dachdecker-Anfrage<\/option>\n            <option value=\"partner\">Als Betrieb registrieren<\/option>\n            <option value=\"support\">Technischer Support<\/option>\n            <option value=\"sonstiges\">Sonstiges<\/option>\n          <\/select>\n          <textarea class=\"cf-input cf-full\" name=\"cf-message\" rows=\"5\" placeholder=\"*Ihre Nachricht\" required><\/textarea>\n        <\/div>\n        <div class=\"cf-chk\">\n          <input type=\"checkbox\" id=\"cf-agb\" name=\"cf-agb\" required>\n          <small>Ich stimme der <a href=\"#\">Datenschutzerkl\u00e4rung<\/a> zu und bin damit einverstanden, dass meine Daten zur Bearbeitung meiner Anfrage verwendet werden.<\/small>\n        <\/div>\n        <button type=\"submit\" class=\"cf-submit\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2 21l21-9L2 3v7l15 2-15 2v7z\"\/><\/svg>\n          Nachricht absenden\n        <\/button>\n      <\/form>\n      <div class=\"cf-success\" id=\"cf-success\">\n        <div class=\"cf-success-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\n        <\/div>\n        <h3>Nachricht gesendet!<\/h3>\n        <p>Vielen Dank. Wir melden uns innerhalb von 24 Stunden bei Ihnen.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var form = document.getElementById('cf-form');\n  var success = document.getElementById('cf-success');\n  if (!form) return;\n  form.addEventListener('submit', function(e) {\n    e.preventDefault();\n    form.style.display = 'none';\n    success.style.display = 'block';\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>100% Kostenlos &amp; Unverbindlich Ihr DachdeckerAuftrag starten Vergleichen Sie bis zu 5 gepr\u00fcfte Dachdecker-Angebote aus Ihrer Region \u2014 kostenlos, schnell [&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":"","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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":9,"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/dachdecker-auftrag.de\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}