{"id":141878,"date":"2025-08-22T12:25:55","date_gmt":"2025-08-22T10:25:55","guid":{"rendered":"https:\/\/www.herold.at\/ratgeber\/?p=141878"},"modified":"2025-08-24T13:37:09","modified_gmt":"2025-08-24T11:37:09","slug":"leitfaden-barrierefreie-websites","status":"publish","type":"post","link":"https:\/\/www.herold.at\/ratgeber\/whitepaper\/leitfaden-barrierefreie-websites\/","title":{"rendered":"Dein Leitfaden mit Anforderungen f\u00fcr barrierefreie Websites"},"content":{"rendered":"\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const urlParams = new URLSearchParams(window.location.search);\n  if (urlParams.has(\"utm_campaign\")) {\n    const style = document.createElement(\"style\");\n    style.innerHTML = `\n      .main-navigation, \n      .header-cta, \n      .container-preheadernav {\n        display: none !important;\n      }\n    `;\n    document.head.appendChild(style);\n  }\n});\n<\/script>\n\n\n<style>\n#header-bg-circle,#header-bg-circle-mobile{\n    display:none!important\n}\n.meta-header, .heroldblog_single_title{\n    display:none!important\n}\n\n.post .entry-content{\n    max-width:1160px\n}\n.badge{\n    font-size:18px;\n    font-family: 'Satoshi-Bold', Arial, sans-serif;\n    font-weight: 700;\n    padding:5px 15px;\n    border-radius:5px;\n    background: #FEC600;\n    width: max-content;\n}\n\n.container-gated h2{\n  font-family: 'Satoshi-Bold', Arial, sans-serif;\n  font-weight:700;\n  font-size: 22px;\n  text-align: left;\n  margin:50px 0 0;\n}\n.container-gated h1{\n    margin-bottom:10px\n}\n.container-gated p{\n\tfont-weight: 400;\n\tfont-size: 18px;\n\tline-height: 140%;\n    margin-bottom:0\n}\n.container-gated table{\n    margin:10px 0 0\n}\n.container-gated table svg{\n    display: grid;\n    overflow:visible\n}\n.container-gated table tr td{\n    padding:10px 0\n}\n.container-gated table tr:not(:last-child) td{\n    border-bottom: 1px solid #7C8E9A4D\n}\n.container-gated table tr td:nth-child(2){\n    padding-left:15px\n}\n.prv-boxes{\n    margin:50px 0;\n\tdisplay: flex;\n\tgap:20px\n}\n.prv-boxes .box div{\n    display: flex;\n    flex-direction: column\n}\n.prv-boxes .box b{\n    margin-top:7px\n}\n.prv-boxes .box{\n\tdisplay:grid;\n\tjustify-items: center;\n\ttext-align: center;\n\tbackground:#fff;\n\tborder-radius: 10px;\n\tpadding:20px 15px;\n}\n.prv-boxes .box span{\n    margin-top: 10px;\n    display: block;\n}\n.prv-boxes .box svg{\n    display:grid;\n\twidth:40px;\n\theight:40px;\n\tmax-width:40px;\n}\n.container-gated .row{\n    display: grid;\n    grid-template-columns: 1fr minmax(auto, 430px);\n    gap: 80px;\n}\n.container-gated .row .col{\n    width:unset;\n    margin:0;\n    align-content:flex-start\n}\n\n\n.form-container{\n    display:flex;\n    justify-content:center;\n    flex-wrap:wrap;\n    width:100%;\n    background-color:#fff;\n    padding:40px;\n    border-radius:10px;\n    height: 100%;\n    align-content: flex-start;\n}\n\n\/* HS STYLES *\/\ninput[type=\"text\"].hs-input, input[type=\"email\"].hs-input, select{\n    width:100%!important;\n    border-radius: 5px;\n    border:1px solid #7C8E9A80;\n    font-size:16px;\n    color:#292929;\n    margin:6px 0;\n    padding:16px 20px;\n    background-color:#fff\n}\n.hs-form input[type=\"checkbox\"]{\n    margin-top:3px;\n}\n.hs-input:placeholder{\n    color:#7C8E9A\n}\n.hs-form fieldset{\n\tmax-width: unset;\n}\n.hs-richtext{\n    margin-left:20px\n}\n.legal-consent-container{\n    margin:40px 0;\n    font-size:12px\n}\n.hs-input.error{\n    border-color:#e55934!important\n}\n.form-container h3{\n\tmargin:0 0 35px\n}\n\n.hs-error-msgs{\n    color:#e55934;\n    font-weight:600;\n    margin:0 0 10px!important\n}\n.hs-input:focus{\n\toutline:1px solid #000!important;\n\tborder-color:#000!important;\n}\n.hs-input:hover:not(:focus){\n    border-color:#fec600!important\n}\n\n.legal-consent-container .input{\n    margin-bottom:10px\n}\n.inputs-list{\n    margin:0;\n    padding:0;\n    list-style:none\n}\n.hs-form .actions{\n    display:grid;\n    place-items:center\n}\n.hs-button.primary{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: \"Satoshi-Black\", Arial, Helvetica, sans-serif;\n    font-weight: 900;\n    font-size: 16px;\n    color: #000;\n    padding: 15px 55px 17px 55px;\n    text-decoration: none;\n    border-radius: 50px;\n    text-transform: uppercase;\n    cursor: pointer;\n    text-align: center;\n    min-width: 300px;\n    line-height: 130%;\n    transition: 0.2s;\n    background-color:#fec600;\n    margin-top:10px\n}\n.hs-button.primary:hover{\n    background-color: #ffd43c\n}\n\n\n.header-img-mb{\n    display:none\n}\n@media (max-width:1250px){\n\t.container-gated{\n\t\tmargin-left:-20px;\n\t\tmargin-right:-20px;\n\t\twidth:calc(100% + 40px)!important;\n\t\tborder-radius: 0!important;\n\t}\n\t.container-gated .container-l.container{\n\t\tpadding-left:20px;\n\t\tpadding-right:20px\n\t}\n}\n@media (max-width:800px){\n\t.container-gated .container-l.container .row{\n\t\tflex-wrap: wrap;\n\t}\n\t.container-gated .container-l.container .col{\n\t\twidth: 100%;\n        flex-direction:column\n\t}\n    .header-img-mb{\n        display:block\n    }   \n    .container-gated{\n        background-image:none!important\n    }\n    .header-img-mb{\n        margin-left:-20px;\n        margin-right:-20px;\n        width:calc(100% + 40px);\n        margin-bottom:30px\n    }\n    .header-img-mb img{\n        max-width:unset;\n        width:calc(100% + 40px);\n    }\n    .container-gated h1{\n\t\tfont-size:30px;\n        line-height:40px\n\t}\n\t.container-gated h2{\n\t\tfont-size: 18px\n\t}\n    .site-header-table{\n        width:max-content\n    }\n\t.site-header-table, .form-container h3{\n\t\tfont-size:16px\n\t}\n    .form-container h3{\n        margin-bottom:20px;\n        text-align: center\n    }\n\t.form-container{\n\t\tpadding:30px 20px\n\t} \n}\n@media (max-width:500px){\n    .bcontainer{\n        display:grid;\n        place-items:center\n    }\n}\n\n.hs_dms_tips_tricks_request span:not(.hs-form-required), .hs_dms_newsletter_personal_offers_request span:not(.hs-form-required){\n    margin-left:7px;\n}\n.hs_dms_tips_tricks_request, .hs_dms_newsletter_personal_offers_request{\n    margin:20px 0 0px;\n    font-size:12px;\n}\n.hs-form-booleancheckbox-display{\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start\n}\n.hs-richtext p{\n    font-size:12px;\n}\n.from-head b{\n\tfont-size:22px;\n\tdisplay: block;\n\ttext-align: center;\n}\n.from-head span{\n\tdisplay:block;\n\tmargin:10px 0 40px;\n\ttext-align: center;\n}\n.container-xl.container-gated{\n    padding-bottom:80px\n}\n\n\n@media (max-width:1200px){\n    .prv-boxes{\n        flex-direction: column;\n        width:100%;\n    }\n    .prv-boxes .box{\n        width: 100%;\n    }\n    .container-gated .row{\n        gap: 40px\n    }\n}\n@media (max-width:1000px){\n    .badge{\n        font-size: 16px\n    }\n    .container-gated h1{\n        font-size:30px;\n        line-height: 120%;\n    }\n    .container-gated h2{\n        font-size:20px\n    }\n    .container-gated .row{\n        gap: 30px\n    }\n    .from-head b{\n        font-size:18px;\n    }\n    .from-head span{\n        margin-bottom:20px\n    }\n}\n@media (min-width:860px){\n    #onmob{\n        display: none\n    }\n}\n@media (max-width:860px){\n    #onmob{\n        display: flex\n    }\n    #ondesk{\n        display: none\n    }\n    .container-gated .row{\n        display: flex;\n        flex-direction: column\n     }\n}\n.bg-wrapper, .rtg-nl-subsribe{\n    display:none!important\n}\n<\/style>\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"https:\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\" data-rocket-status=\"executed\"><\/script>\n<div class=\"container-xl br-20 container-gated\"> \n    <div class=\"container-l container\">\n        <div class=\"row\">\n            <div class=\"col\">\n                <span class=\"badge\">Kostenloser Download<\/span>\r\n                <h1>Dein Leitfaden mit Anforderungen f\u00fcr barrierefreie Websites<\/h1>\r\n                <img decoding=\"async\" src=\"https:\/\/www.herold.at\/marketing\/wp-content\/uploads\/2025\/04\/046_Headerbild_20250403.png\" alt=\"Barrierefreie Websites\">\r\n                <h2>Erf\u00fcllt deine Website das Barrierefreiheitsgesetz?<\/h2>\r\n                <p>Mit Ende Juni 2025 tritt das neue Barrierefreiheitsgesetz (BaFG) in Kraft. Dann m\u00fcssen auch Websites bestimmte Kriterien zur St\u00e4rkung der Barrierefreiheit erf\u00fcllen. Erf\u00fcllst du diese Kriterien, umgehst du Strafen &#8211; und gewinnst gleichzeitig weitere Vorteile:<\/p>\r\n\r\n                <h2>Unser kostenloser Leitfaden zeigt dir:\u00a0<\/h2>\r\n                <table cellspacing=\"0\">\r\n                    <tbody>\r\n                        <tr><td><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z\" fill=\"#FEC600\"\/>\r\n<path d=\"M7 11.5L9.42857 14L15 8\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/td><td><b>Gesetzliche Vorgaben<\/b> &#8211; was kommt auf dich zu?<\/td><\/tr>\r\n                        <tr><td><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z\" fill=\"#FEC600\"\/>\r\n<path d=\"M7 11.5L9.42857 14L15 8\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/td><td><b>Barrierefreies Design<\/b> &#8211; wie machst du deine Website barrierefrei?<\/td><\/tr>\r\n                        <tr><td><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z\" fill=\"#FEC600\"\/>\r\n<path d=\"M7 11.5L9.42857 14L15 8\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n<\/td><td><b>Wettbewerbsvorteil<\/b> &#8211; wie macht dich Barrierefreiheit besser als die Konkurrenz?<\/td><\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n\r\n                <div id=\"ondesk\" class=\"prv-boxes\">\r\n                    <div class=\"box\">\r\n                        <svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\r\n                            <defs>\r\n                                <style>\r\n                                .st0 {\r\n                                    fill: #fec600;\r\n                                }\r\n\r\n                                .st1 {\r\n                                    fill: #292929;\r\n                                }\r\n                                <\/style>\r\n                            <\/defs>\r\n                            <circle class=\"st0\" cx=\"20\" cy=\"20\" r=\"20\"\/>\r\n                            <path class=\"st1\" d=\"M20.5729,28.6595c-.1145.0548-.2114.0124-.2593-.0178-.0419-.0266-.1396-.1042-.1396-.2518v-2.9888c1.3152-.519,2.617-1.2374,3.8245-2.116-.2395,3.1658-1.939,4.6664-3.4256,5.3744ZM28.1932,11.3711c.2266.0259.4098.2093.4357.436.6652,5.8438-4.7192,10.6161-8.9728,12.3133l-3.7762-3.7762c1.6931-4.2569,6.464-9.645,12.3133-8.9731ZM11.359,19.6871c-.0301-.0476-.0724-.1447-.0178-.2591.7076-1.4858,2.2051-3.1837,5.3692-3.4252-.8771,1.2072-1.5938,2.5088-2.1113,3.8239h-2.9882c-.1477,0-.2254-.0977-.2519-.1396ZM30.0013,11.6508c-.0978-.8589-.7921-1.5537-1.6508-1.6522-4.0813-.4668-7.8199,1.6025-10.5056,4.5992-4.9078-.1349-6.9613,2.5784-7.7509,4.2362-.2441.5129-.2079,1.1075.0971,1.5905.3097.4906.8405.7835,1.4198.7835h3.1795l4.0023,4.0023v3.1795c0,.5792.2929,1.1101.7835,1.4198.2708.1711.5767.2575.8836.2575.2405,0,.4817-.0532.7071-.1604,1.6583-.7899,4.3726-2.841,4.2358-7.7569,2.994-2.6862,5.0629-6.4222,4.5988-10.499Z\"\/>\r\n                            <path class=\"st1\" d=\"M15.3313,26.5003c-.02.1523-.1074.2837-.24.3606-.9187.532-1.79.9337-2.539,1.1678-.2355.0704-.4016-.0626-.4621-.1233-.0607-.0607-.1942-.2272-.1184-.4758.2289-.7329.6309-1.6062,1.1624-2.5256.0766-.1326.208-.2203.3604-.2402.0186-.0024.0409-.0043.0657-.0043.0932,0,.2235.0257.3387.1408l1.2958,1.2958c.1457.1458.1482.3159.1366.4043ZM14.8756,23.8236c-.4126-.4128-.9826-.6059-1.561-.5294-.5815.0765-1.0832.4113-1.3765.9187-.5816,1.0062-1.026,1.9762-1.2836,2.8008-.001.0029-.0077.0252-.0086.0281-.1976.6491-.0186,1.3543.4674,1.8404.3554.3556.828.547,1.3105.547.1775,0,.3564-.0259.5311-.079.0015-.0004.0268-.0083.0283-.0088.838-.2618,1.7802-.6941,2.8004-1.2851.5069-.2935.8412-.7952.9173-1.3765.076-.5792-.1171-1.148-.5294-1.5602l-1.2958-1.2959Z\"\/>\r\n                            <path class=\"st1\" d=\"M23.1263,15.8277c.5759,0,1.0444.4685,1.0444,1.0444s-.4685,1.0445-1.0444,1.0445-1.0445-.4685-1.0445-1.0445.4685-1.0444,1.0445-1.0444ZM23.1263,19.2979c1.3375,0,2.4257-1.0882,2.4257-2.4258s-1.0882-2.4257-2.4257-2.4257-2.4258,1.0882-2.4258,2.4257,1.0882,2.4258,2.4258,2.4258Z\"\/>\r\n                        <\/svg>\r\n                        <div>\r\n                            <b>Mehr Reichweite<\/b>\r\n                            <span>Du erreichst noch mehr potenzielle K\u00e4ufer:innen<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"box\">\r\n                        <svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\r\n                            <defs>\r\n                                <style>\r\n                                .st0 {\r\n                                    fill: #fec600;\r\n                                }\r\n\r\n                                .st1 {\r\n                                    fill: #292929;\r\n                                }\r\n                                <\/style>\r\n                            <\/defs>\r\n                            <circle class=\"st0\" cx=\"20\" cy=\"20\" r=\"20\"\/>\r\n                            <path class=\"st1\" d=\"M27.9828,14.2699h-6.1289c-.3815,0-.6907-.3092-.6907-.6907s.3092-.6907.6907-.6907h6.1289c.3815,0,.6907.3092.6907.6907s-.3092.6907-.6907.6907Z\"\/>\r\n                            <path class=\"st1\" d=\"M27.9828,20.9664h-15.9656c-.3815,0-.6907-.3092-.6907-.6907s.3092-.6907.6907-.6907h15.9656c.3815,0,.6907.3092.6907.6907s-.3092.6907-.6907.6907Z\"\/>\r\n                            <path class=\"st1\" d=\"M27.9828,27.6629h-15.9656c-.3815,0-.6907-.3092-.6907-.6907s.3092-.6907.6907-.6907h15.9656c.3815,0,.6907.3092.6907.6907s-.3092.6907-.6907.6907Z\"\/>\r\n                            <path class=\"st1\" d=\"M14.3361,16.1656c-.1767,0-.3536-.0674-.4883-.2023l-2.3188-2.3188c-.2698-.2696-.2698-.707,0-.9766.2695-.2698.7071-.2698.9766,0l1.8305,1.8304,4.1494-4.1492c.2695-.2698.7071-.2698.9766,0,.2698.2696.2698.707,0,.9766l-4.6377,4.6377c-.1348.1349-.3115.2023-.4883.2023Z\"\/>\r\n                        <\/svg>\r\n                        <div>\r\n                            <b>Besseres Ranking<\/b>\r\n                            <span>Bessere Usability sorgt f\u00fcr ein besseres Ranking<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"box\">\r\n                        <svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\r\n                            <defs>\r\n                                <style>\r\n                                .st0 {\r\n                                    fill: #fec600;\r\n                                }\r\n\r\n                                .st1 {\r\n                                    fill: #292929;\r\n                                }\r\n                                <\/style>\r\n                            <\/defs>\r\n                            <circle class=\"st0\" cx=\"20\" cy=\"20\" r=\"20\"\/>\r\n                            <path class=\"st1\" d=\"M18.7823,22.7672c-3.0257,0-5.6942,2.1409-6.3449,5.0905-.0399.1806.0023.3652.1156.5063.063.0785.2039.2102.439.2102h11.5808c.235,0,.3758-.1316.4388-.2102.1135-.1411.1556-.3256.1157-.5063-.6509-2.9496-3.3194-5.0905-6.3451-5.0905ZM24.5728,29.9555h-11.5808c-.5924,0-1.145-.2648-1.5158-.7264-.3769-.4693-.5183-1.0775-.3877-1.6691.7894-3.5776,4.0251-6.1741,7.6939-6.1741s6.9044,2.5966,7.694,6.1743c.1304.5915-.0109,1.1999-.3878,1.6691-.3708.4615-.9233.7262-1.5157.7262Z\"\/>\r\n                            <path class=\"st1\" d=\"M18.7823,10.7362c-2.0391,0-3.6979,1.6589-3.6979,3.698s1.6588,3.698,3.6979,3.698,3.698-1.6589,3.698-3.698-1.6589-3.698-3.698-3.698ZM18.7823,19.5135c-2.8007,0-5.0792-2.2786-5.0792-5.0794s2.2785-5.0793,5.0792-5.0793,5.0794,2.2786,5.0794,5.0794-2.2786,5.0793-5.0794,5.0793Z\"\/>\r\n                            <path class=\"st1\" d=\"M26.0622,19.3103c-.1743,0-.3484.0662-.481.1988-.2652.2653-.2652.6968,0,.9622l2.4196,2.4196,2.4197-2.4197c.2652-.2652.2652-.6967,0-.9619-.2652-.2652-.6968-.2652-.9621,0l-.9692.9694c-.2593.259-.7177.259-.9769,0l-.9694-.9695c-.1325-.1326-.3065-.1989-.4807-.1989ZM28.0008,24.2806c-.348,0-.6962-.1325-.9611-.3976l-2.4351-2.4351c-.8038-.8038-.8038-2.1116,0-2.9155.8037-.8042,2.1115-.804,2.9152,0l.481.481.4809-.481c.804-.804,2.1118-.8036,2.9155-.0001.8038.8038.8038,2.1118,0,2.9156l-2.435,2.4351c-.2651.2651-.6133.3976-.9614.3976Z\"\/>\r\n                        <\/svg>  \r\n                        <div>\r\n                            <b>Nutzerfreundlichkeit<\/b>\r\n                            <span>Steigere Usability &#038; Conversion-Rate.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <b id=\"ondesk\">Lade jetzt das kostenlose Whitepaper herunter und <br class=\"brdesk\">mache deine Website fit f\u00fcr die Zukunft!\u00a0<\/b>            <\/div>\n            <div class=\"col\">\n                <div id=\"whitepaper\" class=\"form-container\">\n                                        <div class=\"from-head\">\r\n                        <b>Barrierefreie Websites<\/b>\r\n                        <span>Jetzt Formular ausf\u00fcllen und Download-Link per E-Mail erhalten<\/span>\r\n                    <\/div>                    <script>  function loadHubspotForm() {\r\n    const script = document.createElement('script');\r\n    script.src = \"https:\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\";\r\n    script.type = \"text\/javascript\";\r\n    script.charset = \"utf-8\";\r\n    script.onload = function () {\r\n      if (window.hbspt) {\r\n        hbspt.forms.create({\r\n          region: \"eu1\",\r\n          portalId: \"143405698\",\r\n          formId: \"57ae1e63-a67f-4a84-bad1-b6d6ed09049b\",\r\n          onFormSubmit: function($form) {\r\n            window.dataLayer = window.dataLayer || [];\r\n            window.dataLayer.push({\r\n              event: 'gaEvent',\r\n              event_name: 'form_interaction',\r\n              form_interaction: {\r\n                status: 'success',\r\n                step: 'form submit'\r\n              }\r\n            });\r\n          }\r\n        });\r\n      } else {\r\n        console.error(\"HubSpot Forms konnte nicht geladen werden.\");\r\n      }\r\n    };\r\n    document.head.appendChild(script);\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", loadHubspotForm);<\/script>\n                <\/div>\n                <div id=\"onmob\" class=\"prv-boxes\">\r\n                    <div class=\"box\">\r\n                        <svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\r\n                            <defs>\r\n                                <style>\r\n                                .st0 {\r\n                                    fill: #fec600;\r\n                                }\r\n\r\n                                .st1 {\r\n                                    fill: #292929;\r\n                                }\r\n                                <\/style>\r\n                            <\/defs>\r\n                            <circle class=\"st0\" cx=\"20\" cy=\"20\" r=\"20\"\/>\r\n                            <path class=\"st1\" d=\"M20.5729,28.6595c-.1145.0548-.2114.0124-.2593-.0178-.0419-.0266-.1396-.1042-.1396-.2518v-2.9888c1.3152-.519,2.617-1.2374,3.8245-2.116-.2395,3.1658-1.939,4.6664-3.4256,5.3744ZM28.1932,11.3711c.2266.0259.4098.2093.4357.436.6652,5.8438-4.7192,10.6161-8.9728,12.3133l-3.7762-3.7762c1.6931-4.2569,6.464-9.645,12.3133-8.9731ZM11.359,19.6871c-.0301-.0476-.0724-.1447-.0178-.2591.7076-1.4858,2.2051-3.1837,5.3692-3.4252-.8771,1.2072-1.5938,2.5088-2.1113,3.8239h-2.9882c-.1477,0-.2254-.0977-.2519-.1396ZM30.0013,11.6508c-.0978-.8589-.7921-1.5537-1.6508-1.6522-4.0813-.4668-7.8199,1.6025-10.5056,4.5992-4.9078-.1349-6.9613,2.5784-7.7509,4.2362-.2441.5129-.2079,1.1075.0971,1.5905.3097.4906.8405.7835,1.4198.7835h3.1795l4.0023,4.0023v3.1795c0,.5792.2929,1.1101.7835,1.4198.2708.1711.5767.2575.8836.2575.2405,0,.4817-.0532.7071-.1604,1.6583-.7899,4.3726-2.841,4.2358-7.7569,2.994-2.6862,5.0629-6.4222,4.5988-10.499Z\"\/>\r\n                            <path class=\"st1\" d=\"M15.3313,26.5003c-.02.1523-.1074.2837-.24.3606-.9187.532-1.79.9337-2.539,1.1678-.2355.0704-.4016-.0626-.4621-.1233-.0607-.0607-.1942-.2272-.1184-.4758.2289-.7329.6309-1.6062,1.1624-2.5256.0766-.1326.208-.2203.3604-.2402.0186-.0024.0409-.0043.0657-.0043.0932,0,.2235.0257.3387.1408l1.2958,1.2958c.1457.1458.1482.3159.1366.4043ZM14.8756,23.8236c-.4126-.4128-.9826-.6059-1.561-.5294-.5815.0765-1.0832.4113-1.3765.9187-.5816,1.0062-1.026,1.9762-1.2836,2.8008-.001.0029-.0077.0252-.0086.0281-.1976.6491-.0186,1.3543.4674,1.8404.3554.3556.828.547,1.3105.547.1775,0,.3564-.0259.5311-.079.0015-.0004.0268-.0083.0283-.0088.838-.2618,1.7802-.6941,2.8004-1.2851.5069-.2935.8412-.7952.9173-1.3765.076-.5792-.1171-1.148-.5294-1.5602l-1.2958-1.2959Z\"\/>\r\n                            <path class=\"st1\" d=\"M23.1263,15.8277c.5759,0,1.0444.4685,1.0444,1.0444s-.4685,1.0445-1.0444,1.0445-1.0445-.4685-1.0445-1.0445.4685-1.0444,1.0445-1.0444ZM23.1263,19.2979c1.3375,0,2.4257-1.0882,2.4257-2.4258s-1.0882-2.4257-2.4257-2.4257-2.4258,1.0882-2.4258,2.4257,1.0882,2.4258,2.4258,2.4258Z\"\/>\r\n                        <\/svg>\r\n                        <div>\r\n                            <b>Mehr Reichweite<\/b>\r\n                            <span>Du erreichst noch mehr potenzielle K\u00e4ufer:innen<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"box\">\r\n                        <svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\r\n                            <defs>\r\n                                <style>\r\n                                .st0 {\r\n                                    fill: #fec600;\r\n                                }\r\n\r\n                                .st1 {\r\n                                    fill: #292929;\r\n                                }\r\n                                <\/style>\r\n                            <\/defs>\r\n                            <circle class=\"st0\" cx=\"20\" cy=\"20\" r=\"20\"\/>\r\n                            <path class=\"st1\" d=\"M27.9828,14.2699h-6.1289c-.3815,0-.6907-.3092-.6907-.6907s.3092-.6907.6907-.6907h6.1289c.3815,0,.6907.3092.6907.6907s-.3092.6907-.6907.6907Z\"\/>\r\n                            <path class=\"st1\" d=\"M27.9828,20.9664h-15.9656c-.3815,0-.6907-.3092-.6907-.6907s.3092-.6907.6907-.6907h15.9656c.3815,0,.6907.3092.6907.6907s-.3092.6907-.6907.6907Z\"\/>\r\n                            <path class=\"st1\" d=\"M27.9828,27.6629h-15.9656c-.3815,0-.6907-.3092-.6907-.6907s.3092-.6907.6907-.6907h15.9656c.3815,0,.6907.3092.6907.6907s-.3092.6907-.6907.6907Z\"\/>\r\n                            <path class=\"st1\" d=\"M14.3361,16.1656c-.1767,0-.3536-.0674-.4883-.2023l-2.3188-2.3188c-.2698-.2696-.2698-.707,0-.9766.2695-.2698.7071-.2698.9766,0l1.8305,1.8304,4.1494-4.1492c.2695-.2698.7071-.2698.9766,0,.2698.2696.2698.707,0,.9766l-4.6377,4.6377c-.1348.1349-.3115.2023-.4883.2023Z\"\/>\r\n                        <\/svg>\r\n                        <div>\r\n                            <b>Besseres Ranking<\/b>\r\n                            <span>Bessere Usability sorgt f\u00fcr ein besseres Ranking<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"box\">\r\n                        <svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\r\n                            <defs>\r\n                                <style>\r\n                                .st0 {\r\n                                    fill: #fec600;\r\n                                }\r\n\r\n                                .st1 {\r\n                                    fill: #292929;\r\n                                }\r\n                                <\/style>\r\n                            <\/defs>\r\n                            <circle class=\"st0\" cx=\"20\" cy=\"20\" r=\"20\"\/>\r\n                            <path class=\"st1\" d=\"M18.7823,22.7672c-3.0257,0-5.6942,2.1409-6.3449,5.0905-.0399.1806.0023.3652.1156.5063.063.0785.2039.2102.439.2102h11.5808c.235,0,.3758-.1316.4388-.2102.1135-.1411.1556-.3256.1157-.5063-.6509-2.9496-3.3194-5.0905-6.3451-5.0905ZM24.5728,29.9555h-11.5808c-.5924,0-1.145-.2648-1.5158-.7264-.3769-.4693-.5183-1.0775-.3877-1.6691.7894-3.5776,4.0251-6.1741,7.6939-6.1741s6.9044,2.5966,7.694,6.1743c.1304.5915-.0109,1.1999-.3878,1.6691-.3708.4615-.9233.7262-1.5157.7262Z\"\/>\r\n                            <path class=\"st1\" d=\"M18.7823,10.7362c-2.0391,0-3.6979,1.6589-3.6979,3.698s1.6588,3.698,3.6979,3.698,3.698-1.6589,3.698-3.698-1.6589-3.698-3.698-3.698ZM18.7823,19.5135c-2.8007,0-5.0792-2.2786-5.0792-5.0794s2.2785-5.0793,5.0792-5.0793,5.0794,2.2786,5.0794,5.0794-2.2786,5.0793-5.0794,5.0793Z\"\/>\r\n                            <path class=\"st1\" d=\"M26.0622,19.3103c-.1743,0-.3484.0662-.481.1988-.2652.2653-.2652.6968,0,.9622l2.4196,2.4196,2.4197-2.4197c.2652-.2652.2652-.6967,0-.9619-.2652-.2652-.6968-.2652-.9621,0l-.9692.9694c-.2593.259-.7177.259-.9769,0l-.9694-.9695c-.1325-.1326-.3065-.1989-.4807-.1989ZM28.0008,24.2806c-.348,0-.6962-.1325-.9611-.3976l-2.4351-2.4351c-.8038-.8038-.8038-2.1116,0-2.9155.8037-.8042,2.1115-.804,2.9152,0l.481.481.4809-.481c.804-.804,2.1118-.8036,2.9155-.0001.8038.8038.8038,2.1118,0,2.9156l-2.435,2.4351c-.2651.2651-.6133.3976-.9614.3976Z\"\/>\r\n                        <\/svg>  \r\n                        <div>\r\n                            <b>Nutzerfreundlichkeit<\/b>\r\n                            <span>Steigere Usability &#038; Conversion-Rate.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <b id=\"onmob\">Lade jetzt das kostenlose Whitepaper herunter und <br class=\"brdesk\">mache deine Website fit f\u00fcr die Zukunft!\u00a0<\/b>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  (function() {\n    const params = new URLSearchParams(window.location.search);\n    const keys   = ['source','medium','campaign','content'];\n\n    function fillAndLog() {\n      let foundAny = false;\n      keys.forEach(key => {\n        const utmName = `utm_${key}`;\n        const hbdName = `hbd_utm_${key}`;\n        if (params.has(utmName) && !params.has(hbdName)) {\n          const field = document.querySelector(`[name=\"${hbdName}\"]`);\n          if (field) {\n            field.value = params.get(utmName);\n            foundAny = true;\n          }\n        }\n      });\n      return foundAny;\n    }\n\n    if (window.hbspt && hbspt.forms && typeof hbspt.forms.create === 'function') {\n      const orig = hbspt.forms.create;\n      hbspt.forms.create = function(opts) {\n        const userCb = opts.onFormReady;\n        opts.onFormReady = function($form) {\n          fillAndLog();\n          if (typeof userCb === 'function') userCb($form);\n        };\n        return orig.call(this, opts);\n      };\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n      if (fillAndLog()) return;\n      const obs = new MutationObserver((_, observer) => {\n        if (fillAndLog()) observer.disconnect();\n      });\n      obs.observe(document.body, { childList: true, subtree: true });\n    });\n  })();\n<\/script>\n\n<!-- 2) oneutm_id cookie \u2192 hbd_utm_one_id observer autofill -->\n<script>\n  (function() {\n    \/\/ read the oneutm_id cookie\n    function getOneUtmId() {\n      const prefix = 'oneutm_id=';\n      return document.cookie\n        .split(';')\n        .map(c => c.trim())\n        .filter(c => c.startsWith(prefix))\n        .map(c => decodeURIComponent(c.substring(prefix.length)))[0] || null;\n    }\n\n    \/\/ fill the hidden field once present\n    function fillOneId() {\n      const val = getOneUtmId();\n      if (!val) return false;\n      const input = document.querySelector('input[name=\"hbd_utm_one_id\"]');\n      if (input) {\n        input.value = val;\n        return true;\n      }\n      return false;\n    }\n\n    \/\/ also hook into HS form ready (optional, for earliest fill)\n    if (window.hbspt && hbspt.forms && typeof hbspt.forms.create === 'function') {\n      const _create = hbspt.forms.create;\n      hbspt.forms.create = function(opts) {\n        const userCb = opts.onFormReady;\n        opts.onFormReady = function($form) {\n          fillOneId();\n          if (typeof userCb === 'function') userCb($form);\n        };\n        return _create.call(this, opts);\n      };\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n      \/\/ try immediately\n      if (fillOneId()) return;\n      \/\/ otherwise watch for form insertion\n      const obs = new MutationObserver((_, observer) => {\n        if (fillOneId()) observer.disconnect();\n      });\n      obs.observe(document.body, { childList: true, subtree: true });\n    });\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":141908,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[173],"tags":[],"content_art":[170],"class_list":["post-141878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-whitepaper","content_art-whitepaper"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/141878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/comments?post=141878"}],"version-history":[{"count":8,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/141878\/revisions"}],"predecessor-version":[{"id":141917,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/141878\/revisions\/141917"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/media\/141908"}],"wp:attachment":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/media?parent=141878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/categories?post=141878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/tags?post=141878"},{"taxonomy":"content_art","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/content_art?post=141878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}