{"id":8687,"date":"2026-04-24T21:39:38","date_gmt":"2026-04-24T19:39:38","guid":{"rendered":"https:\/\/high-group.de\/?page_id=8687"},"modified":"2026-04-26T13:31:13","modified_gmt":"2026-04-26T11:31:13","slug":"medienhaus-next","status":"publish","type":"page","link":"https:\/\/high-group.de\/en\/medienhaus-next\/","title":{"rendered":"Medienhaus Dankeseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8687\" class=\"elementor elementor-8687\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d33a464 e-flex e-con-boxed e-con e-parent\" data-id=\"d33a464\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc3ace7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cc3ace7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \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\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     HS ThankYou Event \u00b7 Medienhaus-Danke-Seite \u00b7 v2 (timing-fix)\n\n     Wo einbauen:  Seite \/medienhaus-next \u00b7 Elementor \u00b7 HTML-Widget\n     Platzierung:  Egal wo\n\n     Funktion:\n     \u00b7 Feuert `thank_you`-Event mit User-Daten\n     \u00b7 Quellen (Fallback-Kette): sessionStorage \u2192 URL-Parameter \u2192 leer\n     \u00b7 CAPI-Tag sendet das Event an Meta, TikTok und LinkedIn\n\n     v2-Fix: Wartet jetzt nicht nur auf window.eventId, sondern auch\n     auf window.__highgroupCapiReady \u2014 sonst feuert das Event,\n     bevor der CAPI-Webhook-Tag seinen DataLayer-Listener installiert\n     hat, und das Event geht verloren.\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\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<script>\n(function() {\n  if (window.__hsThankYouReady) return;\n  window.__hsThankYouReady = true;\n\n  var LP_SLUG = 'medienhaus-next';\n  var FORM_ID_DEFAULT = 'medienhaus_lead';\n\n  function splitName(full) {\n    var parts = (full || '').trim().split(\/\\s+\/);\n    return { first: parts[0] || '', last: parts.slice(1).join(' ') || '' };\n  }\n\n  function isReady() {\n    \/\/ Beide m\u00fcssen da sein: GTM-Event-ID + CAPI-Webhook-Listener installiert\n    return !!(window.eventId && window.__highgroupCapiReady);\n  }\n\n  function fire() {\n    var params = new URLSearchParams(location.search);\n    var email = '', phone = '', nameFull = '', formId = FORM_ID_DEFAULT;\n\n    try {\n      email    = sessionStorage.getItem('hs_lead_email')   || params.get('email')   || '';\n      phone    = sessionStorage.getItem('hs_lead_phone')   || params.get('phone')   || '';\n      nameFull = sessionStorage.getItem('hs_lead_name')    || params.get('name')    || '';\n      formId   = sessionStorage.getItem('hs_lead_form_id') || FORM_ID_DEFAULT;\n    } catch (e) { \/* private mode *\/ }\n\n    var name = splitName(nameFull);\n\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n      event: 'thank_you',\n      event_id: window.eventId,\n      event_source_url: location.href,\n      form_id: formId,\n      lp_slug: LP_SLUG,\n      user: {\n        email: email,\n        phone: phone,\n        first_name: name.first,\n        last_name: name.last\n      },\n      value: 100,\n      currency: 'EUR'\n    });\n\n    \/\/ Session-Storage aufr\u00e4umen\n    try {\n      sessionStorage.removeItem('hs_lead_email');\n      sessionStorage.removeItem('hs_lead_phone');\n      sessionStorage.removeItem('hs_lead_name');\n      sessionStorage.removeItem('hs_lead_form_id');\n      sessionStorage.removeItem('hs_lead_event_id');\n    } catch (e) {}\n  }\n\n  \/\/ Polling: max 5 Sekunden warten bis sowohl Event-ID-Setter UND\n  \/\/ CAPI-Webhook-Tag fertig sind. Fast immer ist's nach <500ms da.\n  if (isReady()) {\n    fire();\n  } else {\n    var tries = 0;\n    var iv = setInterval(function() {\n      tries++;\n      if (isReady() || tries > 50) {\n        clearInterval(iv);\n        fire();\n      }\n    }, 100);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-609d311 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"609d311\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \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\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\u2550\u2550\u2550\u2550\u2550\u2550\n  HIGH. B2B LEADS  \u00b7  DANKE-SEITE  \/medienhaus-next  \u00b7  v2\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\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  Cream-BG (Kontinuit\u00e4t zum Formular). Drei Bl\u00f6cke + integriertes\n  Lead\/ThankYou-Tracking (ersetzt thankyou-event.html-Widget).\n\n  TRACKING:\n  \u00b7 thank_you (CAPI) \u2192 Meta CompleteRegistration, TikTok\n    CompleteRegistration, LinkedIn Conversion (mit user-Daten\n    aus sessionStorage)\n  \u00b7 lead_calendar_click \u2192 DataLayer (GA4) bei Termin-Button\n  \u00b7 lead_whatsapp_click \u2192 DataLayer (GA4) bei WhatsApp-Button\n  \u00b7 lead_meanwhile_click \u2192 DataLayer (GA4) bei den 3 Content-Links\n\n  CONTAINER CUSTOM CSS (Elementor \u2192 Container \u2192 Erweitert \u2192 CSS):\n    selector {\n      background: #f5f2ed;\n      position: relative;\n      overflow: hidden;\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\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n  #hs-thanks, #hs-thanks *,\n  #hs-thanks *::before, #hs-thanks *::after {\n    box-sizing: border-box;\n    margin: 0; padding: 0;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  #hs-thanks {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    position: relative;\n    font-family: 'DM Sans', system-ui, sans-serif;\n    color: #0a0a0a;\n  }\n  #hs-thanks .inner {\n    max-width: 920px;\n    margin: 0 auto;\n    padding: 140px 24px 120px;\n  }\n  #hs-thanks .success {\n    text-align: center;\n    margin-bottom: 96px;\n  }\n  #hs-thanks .check {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: #BE1522;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 36px;\n    box-shadow:\n      0 0 0 12px rgba(190,21,34,0.08),\n      0 14px 40px -12px rgba(190,21,34,0.35);\n    animation: hs-check-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;\n  }\n  #hs-thanks .check svg {\n    width: 28px;\n    height: 28px;\n    stroke: #ffffff;\n    stroke-width: 3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    fill: none;\n    animation: hs-check-draw 0.5s ease-out 0.35s both;\n    stroke-dasharray: 30;\n    stroke-dashoffset: 30;\n  }\n  @keyframes hs-check-in {\n    from { transform: scale(0.6); opacity: 0; }\n    to   { transform: scale(1); opacity: 1; }\n  }\n  @keyframes hs-check-draw {\n    to { stroke-dashoffset: 0; }\n  }\n  #hs-thanks .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n  #hs-thanks .pip {\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: #BE1522;\n    flex-shrink: 0;\n  }\n  #hs-thanks .eyebrow span {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(0,0,0,0.55);\n  }\n  #hs-thanks h1 {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-weight: 700;\n    font-size: clamp(36px, 5vw, 68px);\n    line-height: 1.02;\n    letter-spacing: -0.03em;\n    color: #0a0a0a;\n    margin-bottom: 22px;\n  }\n  #hs-thanks h1 .accent { color: #BE1522; }\n  #hs-thanks .success-sub {\n    font-size: clamp(16px, 1.3vw, 19px);\n    font-weight: 400;\n    line-height: 1.55;\n    color: rgba(0,0,0,0.6);\n    max-width: 560px;\n    margin: 0 auto 44px;\n  }\n  #hs-thanks .ctas {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 16px 28px;\n  }\n  #hs-thanks .btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 18px 28px;\n    background: #0a0a0a;\n    color: #ffffff;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: -0.005em;\n    border-radius: 10px;\n    text-decoration: none;\n    cursor: pointer;\n    line-height: 1.2;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n    box-shadow: 0 2px 14px rgba(0,0,0,0.18);\n    position: relative;\n    overflow: hidden;\n  }\n  #hs-thanks .btn-primary::after {\n    content: \"\";\n    position: absolute; inset: 0;\n    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.15) 50%, transparent 70%);\n    transform: translateX(-100%);\n    transition: transform 0.55s ease;\n    pointer-events: none;\n  }\n  #hs-thanks .btn-primary:hover {\n    transform: translateY(-2px);\n    background: #BE1522;\n    box-shadow: 0 8px 24px rgba(190,21,34,0.35);\n  }\n  #hs-thanks .btn-primary:hover::after { transform: translateX(100%); }\n  #hs-thanks .btn-primary svg {\n    width: 14px; height: 14px;\n    transition: transform 0.2s ease;\n  }\n  #hs-thanks .btn-primary:hover svg { transform: translateX(3px); }\n  #hs-thanks .btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0,0,0,0.72);\n    font-size: 14.5px;\n    font-weight: 500;\n    letter-spacing: -0.003em;\n    text-decoration: none;\n    padding: 8px 4px;\n    transition: color 0.2s ease;\n  }\n  #hs-thanks .btn-secondary:hover { color: #0a0a0a; }\n  #hs-thanks .btn-secondary .underline {\n    border-bottom: 1px solid rgba(0,0,0,0.35);\n    padding-bottom: 1px;\n    transition: border-color 0.2s ease;\n  }\n  #hs-thanks .btn-secondary:hover .underline { border-color: #0a0a0a; }\n  #hs-thanks .btn-secondary svg { width: 16px; height: 16px; }\n  #hs-thanks .process { margin-bottom: 96px; }\n  #hs-thanks .section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: rgba(0,0,0,0.5);\n  }\n  #hs-thanks .section-label::before {\n    content: \"\";\n    width: 4px; height: 4px;\n    border-radius: 50%;\n    background: #BE1522;\n  }\n  #hs-thanks h2 {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-weight: 700;\n    font-size: clamp(26px, 3vw, 40px);\n    line-height: 1.1;\n    letter-spacing: -0.025em;\n    color: #0a0a0a;\n    margin-bottom: 40px;\n  }\n  #hs-thanks .steps {\n    display: flex;\n    flex-direction: column;\n    border-top: 1px solid rgba(0,0,0,0.08);\n  }\n  #hs-thanks .step {\n    display: grid;\n    grid-template-columns: 90px 1fr auto;\n    gap: 32px;\n    align-items: center;\n    padding: 28px 8px;\n    border-bottom: 1px solid rgba(0,0,0,0.08);\n  }\n  #hs-thanks .step-num {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(34px, 3.6vw, 48px);\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: -0.04em;\n    color: #BE1522;\n  }\n  #hs-thanks .step-body { min-width: 0; }\n  #hs-thanks .step-title {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(17px, 1.5vw, 21px);\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.015em;\n    color: #0a0a0a;\n    margin-bottom: 6px;\n  }\n  #hs-thanks .step-desc {\n    font-size: 14.5px;\n    line-height: 1.55;\n    color: rgba(0,0,0,0.58);\n  }\n  #hs-thanks .step-time {\n    font-size: 11.5px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: rgba(0,0,0,0.4);\n    white-space: nowrap;\n  }\n  #hs-thanks .meanwhile h2 { margin-bottom: 28px; }\n  #hs-thanks .links {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n  #hs-thanks .link {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    padding: 28px 24px;\n    background: #ffffff;\n    border: 1px solid rgba(0,0,0,0.08);\n    border-radius: 16px;\n    text-decoration: none;\n    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n    position: relative;\n  }\n  #hs-thanks .link:hover {\n    transform: translateY(-3px);\n    border-color: rgba(190,21,34,0.28);\n    box-shadow: 0 10px 30px -12px rgba(0,0,0,0.1);\n  }\n  #hs-thanks .link-label {\n    font-size: 10.5px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #BE1522;\n  }\n  #hs-thanks .link-title {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -0.015em;\n    color: #0a0a0a;\n    margin-bottom: 6px;\n  }\n  #hs-thanks .link-desc {\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: rgba(0,0,0,0.55);\n    flex: 1;\n  }\n  #hs-thanks .link-arrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #0a0a0a;\n    margin-top: 4px;\n    transition: gap 0.2s ease;\n  }\n  #hs-thanks .link:hover .link-arrow { gap: 10px; color: #BE1522; }\n  #hs-thanks .link-arrow svg {\n    width: 12px; height: 12px;\n    transition: transform 0.2s ease;\n  }\n  @media (max-width: 1023px) {\n    #hs-thanks .inner { padding: 120px 20px 96px; }\n    #hs-thanks .success { margin-bottom: 72px; }\n    #hs-thanks .process { margin-bottom: 72px; }\n    #hs-thanks .links { grid-template-columns: 1fr 1fr; }\n    #hs-thanks .link:nth-child(3) { grid-column: 1 \/ -1; }\n  }\n  @media (max-width: 640px) {\n    #hs-thanks .inner { padding: 96px 18px 72px; }\n    #hs-thanks .success { margin-bottom: 56px; }\n    #hs-thanks .check {\n      width: 56px;\n      height: 56px;\n      margin-bottom: 28px;\n    }\n    #hs-thanks .check svg { width: 24px; height: 24px; }\n    #hs-thanks h1 { margin-bottom: 16px; }\n    #hs-thanks .success-sub {\n      font-size: 15.5px;\n      margin-bottom: 34px;\n    }\n    #hs-thanks .ctas { flex-direction: column; gap: 18px; }\n    #hs-thanks .btn-primary {\n      width: 100%;\n      max-width: 320px;\n      padding: 16px 24px;\n    }\n    #hs-thanks .process { margin-bottom: 56px; }\n    #hs-thanks h2 { margin-bottom: 28px; }\n    #hs-thanks .step {\n      grid-template-columns: 50px 1fr;\n      gap: 18px;\n      padding: 22px 4px;\n    }\n    #hs-thanks .step-num { font-size: 32px; }\n    #hs-thanks .step-time {\n      grid-column: 2;\n      justify-self: start;\n      margin-top: 4px;\n    }\n    #hs-thanks .links { grid-template-columns: 1fr; gap: 12px; }\n    #hs-thanks .link:nth-child(3) { grid-column: auto; }\n    #hs-thanks .link { padding: 24px 20px; }\n  }\n<\/style>\n\n<section id=\"hs-thanks\" aria-label=\"Anfrage eingegangen\">\n  <div class=\"inner\">\n\n    <!-- BLOCK 1 \u00b7 SUCCESS -->\n    <div class=\"success\">\n      <div class=\"check\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M5 12.5l4.5 4.5L19 7.5\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"eyebrow\">\n        <span class=\"pip\" aria-hidden=\"true\"><\/span>\n        <span>Anfrage eingegangen<\/span>\n      <\/div>\n      <h1>Danke. Wir melden uns in <span class=\"accent\">24 Stunden<\/span>.<\/h1>\n      <p class=\"success-sub\">\n        Sp\u00e4testens. Meistens schneller. Philipp meldet sich pers\u00f6nlich \u2014 telefonisch, per E-Mail oder WhatsApp, je nachdem was du angegeben hast.\n      <\/p>\n      <div class=\"ctas\">\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/philipp-kaul\" class=\"btn-primary\" id=\"hs-thanks-cta-calendar\" target=\"_blank\" rel=\"noopener\">\n          Direkt Termin vereinbaren\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/wa.me\/+491726295756\" class=\"btn-secondary\" id=\"hs-thanks-cta-whatsapp\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.4-.1-.6.1-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-1.6-.8-2.7-1.4-3.7-3.2-.3-.5.3-.5.8-1.4.1-.2 0-.3-.1-.5-.1-.1-.6-1.5-.9-2-.2-.5-.4-.5-.6-.5h-.5c-.2 0-.5.1-.7.3-.3.3-1 1-1 2.3 0 1.4 1 2.7 1.1 2.9.1.2 2 3.1 4.9 4.4 1.8.8 2.5.8 3.4.7.5-.1 1.7-.7 1.9-1.4.2-.7.2-1.2.2-1.4 0-.1-.2-.2-.5-.3zM12 2C6.5 2 2 6.5 2 12c0 1.9.5 3.6 1.4 5.2L2 22l4.9-1.3c1.5.8 3.3 1.3 5.1 1.3 5.5 0 10-4.5 10-10S17.5 2 12 2zm0 18c-1.7 0-3.3-.5-4.6-1.3l-.3-.2-3.3.9.9-3.2-.2-.3C3.5 14.7 3 13.4 3 12 3 7 7 3 12 3s9 4 9 9-4 9-9 9z\"\/>\n          <\/svg>\n          <span>Oder schreib <span class=\"underline\">\u00fcber WhatsApp<\/span><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- BLOCK 2 \u00b7 WAS JETZT PASSIERT -->\n    <div class=\"process\">\n      <span class=\"section-label\">Der Ablauf<\/span>\n      <h2>Was jetzt passiert.<\/h2>\n      <div class=\"steps\">\n        <article class=\"step\">\n          <span class=\"step-num\">01<\/span>\n          <div class=\"step-body\">\n            <h3 class=\"step-title\">Wir lesen deine Anfrage.<\/h3>\n            <p class=\"step-desc\">Philipp bekommt eine Benachrichtigung mit allen Details. Keine Assistenz, kein Call-Center \u2014 direkt auf seinem Handy.<\/p>\n          <\/div>\n          <span class=\"step-time\">Innerhalb Minuten<\/span>\n        <\/article>\n        <article class=\"step\">\n          <span class=\"step-num\">02<\/span>\n          <div class=\"step-body\">\n            <h3 class=\"step-title\">Philipp meldet sich pers\u00f6nlich.<\/h3>\n            <p class=\"step-desc\">Per E-Mail, Telefon oder WhatsApp \u2014 so wie du's angegeben hast. Kurz, direkt, ohne Sales-Automatik.<\/p>\n          <\/div>\n          <span class=\"step-time\">Max. 24 Stunden<\/span>\n        <\/article>\n        <article class=\"step\">\n          <span class=\"step-num\">03<\/span>\n          <div class=\"step-body\">\n            <h3 class=\"step-title\">Erstgespr\u00e4ch oder Studiobesuch.<\/h3>\n            <p class=\"step-desc\">30 Minuten zum Abgleich. Entweder per Videocall oder direkt bei uns in den Studios in K\u00f6ln-Ehrenfeld.<\/p>\n          <\/div>\n          <span class=\"step-time\">Nach Absprache<\/span>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <!-- BLOCK 3 \u00b7 IN DER ZWISCHENZEIT -->\n    <div class=\"meanwhile\">\n      <span class=\"section-label\">In der Zwischenzeit<\/span>\n      <h2>Drei Orte, an denen du uns besser kennenlernst.<\/h2>\n      <div class=\"links\">\n        <a href=\"https:\/\/high-group.de\/projekte\/\" class=\"link\" data-meanwhile=\"projekte\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"link-label\">Projekte<\/span>\n          <div>\n            <div class=\"link-title\">Unsere bisherige Arbeit<\/div>\n            <p class=\"link-desc\">BMW, Meta, Spotify, 1. FC K\u00f6ln, Universal Studios. Konkrete Referenzen und Ergebnisse.<\/p>\n          <\/div>\n          <span class=\"link-arrow\">\n            Ansehen\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n        <\/a>\n        <a href=\"https:\/\/high-group.de\/podcast-summit-2026\/\" class=\"link\" data-meanwhile=\"podcast_summit\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"link-label\">Event<\/span>\n          <div>\n            <div class=\"link-title\">Podcast Summit 2026<\/div>\n            <p class=\"link-desc\">Am 8. Oktober kommt die gesamte deutsche Podcast-Branche bei uns in K\u00f6ln zusammen.<\/p>\n          <\/div>\n          <span class=\"link-arrow\">\n            Mehr erfahren\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n        <\/a>\n        <a href=\"https:\/\/high-group.de\/blog\/\" class=\"link\" data-meanwhile=\"blog\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"link-label\">Magazin<\/span>\n          <div>\n            <div class=\"link-title\">Blog &amp; Artikel<\/div>\n            <p class=\"link-desc\">Wie CEOs Podcasts als strategisches Vertrauens-Tool nutzen. Kosten, Playbooks, Case Studies.<\/p>\n          <\/div>\n          <span class=\"link-arrow\">\n            Lesen\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  if (window.__hsThankYouReady) return;\n  window.__hsThankYouReady = true;\n\n  var LP_SLUG = 'medienhaus-next';\n  var FORM_ID_DEFAULT = 'medienhaus_lead';\n\n  function splitName(full) {\n    var parts = (full || '').trim().split(\/\\s+\/);\n    return { first: parts[0] || '', last: parts.slice(1).join(' ') || '' };\n  }\n\n  function isReady() {\n    \/\/ Beide n\u00f6tig: GTM-Event-ID + CAPI-Webhook-Listener installiert\n    return !!(window.eventId && window.__highgroupCapiReady);\n  }\n\n  \/\/ \u2500\u2500 thank_you \/ Lead-Event \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function fireThankYou() {\n    var params = new URLSearchParams(location.search);\n    var email = '', phone = '', nameFull = '', formId = FORM_ID_DEFAULT;\n\n    try {\n      email    = sessionStorage.getItem('hs_lead_email')   || params.get('email')   || '';\n      phone    = sessionStorage.getItem('hs_lead_phone')   || params.get('phone')   || '';\n      nameFull = sessionStorage.getItem('hs_lead_name')    || params.get('name')    || '';\n      formId   = sessionStorage.getItem('hs_lead_form_id') || FORM_ID_DEFAULT;\n    } catch (e) { \/* private mode *\/ }\n\n    var name = splitName(nameFull);\n\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n      event: 'thank_you',\n      event_id: window.eventId,\n      event_source_url: location.href,\n      form_id: formId,\n      lp_slug: LP_SLUG,\n      user: {\n        email: email,\n        phone: phone,\n        first_name: name.first,\n        last_name: name.last\n      },\n      value: 100,\n      currency: 'EUR'\n    });\n\n    \/\/ Session-Storage aufr\u00e4umen\n    try {\n      sessionStorage.removeItem('hs_lead_email');\n      sessionStorage.removeItem('hs_lead_phone');\n      sessionStorage.removeItem('hs_lead_name');\n      sessionStorage.removeItem('hs_lead_form_id');\n      sessionStorage.removeItem('hs_lead_event_id');\n    } catch (e) {}\n  }\n\n  \/\/ Polling: max 5 Sekunden warten bis Event-ID-Setter UND\n  \/\/ CAPI-Webhook-Tag fertig sind. Meistens nach <500ms da.\n  if (isReady()) {\n    fireThankYou();\n  } else {\n    var tries = 0;\n    var iv = setInterval(function() {\n      tries++;\n      if (isReady() || tries > 50) {\n        clearInterval(iv);\n        fireThankYou();\n      }\n    }, 100);\n  }\n\n  \/\/ \u2500\u2500 CTA-Tracking (Business-Events f\u00fcr GA4, kein CAPI) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  var calendar = document.getElementById('hs-thanks-cta-calendar');\n  if (calendar) {\n    calendar.addEventListener('click', function() {\n      window.dataLayer = window.dataLayer || [];\n      window.dataLayer.push({\n        event: 'lead_calendar_click',\n        cta_id: 'thanks_calendar',\n        cta_destination: 'hubspot_meetings',\n        lp_slug: LP_SLUG\n      });\n    });\n  }\n\n  var whatsapp = document.getElementById('hs-thanks-cta-whatsapp');\n  if (whatsapp) {\n    whatsapp.addEventListener('click', function() {\n      window.dataLayer = window.dataLayer || [];\n      window.dataLayer.push({\n        event: 'lead_whatsapp_click',\n        cta_id: 'thanks_whatsapp',\n        cta_destination: 'whatsapp',\n        lp_slug: LP_SLUG\n      });\n    });\n  }\n\n  \/\/ 3 Content-Links (Projekte, Podcast Summit, Blog)\n  document.querySelectorAll('#hs-thanks .link[data-meanwhile]').forEach(function(link) {\n    link.addEventListener('click', function() {\n      window.dataLayer = window.dataLayer || [];\n      window.dataLayer.push({\n        event: 'lead_meanwhile_click',\n        cta_id: 'thanks_meanwhile_' + link.getAttribute('data-meanwhile'),\n        cta_destination: link.getAttribute('href'),\n        lp_slug: LP_SLUG\n      });\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-782ef70 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"782ef70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\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\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\u2550\u2550\u2550\u2550\u2550\u2550\n  HIGH. B2B LEADS  \u00b7  SEKTION 10  \u00b7  FORMULAR  \u00b7  v2\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\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\u2550\u2550\u2550\u2550\u2550\u2550\n\n  \u00c4nderungen gegen\u00fcber v1:\n    \u00b7 Telefon ist jetzt Pflichtfeld\n    \u00b7 Unternehmen als neues Pflichtfeld (f\u00fcr Notion-CRM)\n    \u00b7 Nur noch EINE Consent-Checkbox (Datenschutz + WhatsApp zusammen)\n    \u00b7 Redirect: \/medienhaus-next (kein Branching mehr)\n    \u00b7 Wording: \"L\u00f6sung\" statt \"Preis\"\n\n  CONTAINER CUSTOM CSS (Elementor \u2192 Container \u2192 Erweitert \u2192 CSS):\n\n    selector {\n      background: #f5f2ed;\n      position: relative;\n      overflow: hidden;\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\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Formular \u00b7 high.studios B2B Leads<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  html, body { margin: 0; padding: 0; }\n  body { background: #f5f2ed; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\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\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\u2550\u2550 -->\n<!-- ========== ELEMENTOR HTML WIDGET \u00b7 COPY FROM HERE ========== -->\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\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\n<style>\n  \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n  #hs-form, #hs-form *,\n  #hs-form *::before, #hs-form *::after {\n    box-sizing: border-box;\n    margin: 0; padding: 0;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  \/* \u2500\u2500 WIDGET WRAPPER \u2500\u2500 *\/\n  #hs-form {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    position: relative;\n    font-family: 'DM Sans', system-ui, sans-serif;\n    color: #0a0a0a;\n  }\n\n  \/* \u2500\u2500 INNER \u2500\u2500 *\/\n  #hs-form .inner {\n    max-width: 880px;\n    margin: 0 auto;\n    padding: 120px 24px;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  #hs-form .header {\n    text-align: center;\n    margin-bottom: 56px;\n  }\n\n  #hs-form .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n  #hs-form .pip {\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: #BE1522;\n    flex-shrink: 0;\n    box-shadow: 0 0 12px rgba(190,21,34,0.45);\n    animation: hs-form-pulse 2.4s ease-in-out infinite;\n  }\n  @keyframes hs-form-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%      { opacity: 0.45; transform: scale(0.6); }\n  }\n  #hs-form .eyebrow span {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: rgba(0,0,0,0.55);\n  }\n\n  #hs-form h2 {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-weight: 700;\n    font-size: clamp(32px, 4.4vw, 58px);\n    line-height: 1.02;\n    letter-spacing: -0.03em;\n    color: #0a0a0a;\n    margin-bottom: 18px;\n  }\n  #hs-form h2 .accent { color: #BE1522; }\n\n  #hs-form .subline {\n    font-size: clamp(15px, 1.1vw, 17px);\n    line-height: 1.55;\n    color: rgba(0,0,0,0.6);\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  \/* \u2500\u2500 FORM CARD \u2500\u2500 *\/\n  #hs-form .card {\n    background: #ffffff;\n    border: 1px solid rgba(0,0,0,0.08);\n    border-radius: 24px;\n    padding: 48px 44px;\n    box-shadow:\n      0 1px 2px rgba(0,0,0,0.04),\n      0 12px 40px -12px rgba(0,0,0,0.08);\n    position: relative;\n  }\n\n  \/* \u2500\u2500 PROGRESS BAR \u2500\u2500 *\/\n  #hs-form .progress {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 40px;\n    gap: 8px;\n  }\n  #hs-form .progress-step {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    opacity: 0.35;\n    transition: opacity 0.3s ease;\n  }\n  #hs-form .progress-step.active,\n  #hs-form .progress-step.done { opacity: 1; }\n\n  #hs-form .progress-dot {\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: rgba(0,0,0,0.06);\n    border: 1.5px solid rgba(0,0,0,0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 600;\n    color: rgba(0,0,0,0.5);\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n  }\n  #hs-form .progress-step.active .progress-dot {\n    background: #BE1522;\n    border-color: #BE1522;\n    color: #ffffff;\n    box-shadow: 0 0 0 4px rgba(190,21,34,0.1);\n  }\n  #hs-form .progress-step.done .progress-dot {\n    background: #0a0a0a;\n    border-color: #0a0a0a;\n    color: #ffffff;\n  }\n\n  #hs-form .progress-label {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: rgba(0,0,0,0.5);\n    white-space: nowrap;\n  }\n  #hs-form .progress-step.active .progress-label { color: #0a0a0a; }\n\n  #hs-form .progress-line {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 1px;\n    background: rgba(0,0,0,0.12);\n  }\n\n  \/* \u2500\u2500 STEPS \u2500\u2500 *\/\n  #hs-form .steps {\n    position: relative;\n  }\n  #hs-form .step {\n    display: none;\n    animation: hs-step-fade 0.4s ease-out;\n  }\n  #hs-form .step.active { display: block; }\n\n  @keyframes hs-step-fade {\n    from { opacity: 0; transform: translateY(8px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  #hs-form .step-question {\n    font-family: 'Bricolage Grotesque', sans-serif;\n    font-size: clamp(22px, 2.2vw, 30px);\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n    color: #0a0a0a;\n    margin-bottom: 8px;\n  }\n  #hs-form .step-hint {\n    font-size: 14px;\n    color: rgba(0,0,0,0.55);\n    margin-bottom: 28px;\n  }\n\n  \/* \u2500\u2500 OPTION CARDS \u2500\u2500 *\/\n  #hs-form .options {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 32px;\n  }\n  #hs-form .option {\n    display: block;\n    cursor: pointer;\n    position: relative;\n  }\n  #hs-form .option input {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n  #hs-form .option-card {\n    padding: 20px 22px;\n    background: rgba(0,0,0,0.02);\n    border: 1.5px solid rgba(0,0,0,0.08);\n    border-radius: 14px;\n    transition: all 0.2s ease;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    min-height: 82px;\n  }\n  #hs-form .option:hover .option-card {\n    border-color: rgba(190,21,34,0.4);\n    background: rgba(190,21,34,0.02);\n  }\n  #hs-form .option input:checked + .option-card {\n    border-color: #BE1522;\n    background: rgba(190,21,34,0.04);\n    box-shadow: 0 0 0 4px rgba(190,21,34,0.08);\n  }\n  #hs-form .option input:focus-visible + .option-card {\n    outline: 2px solid #BE1522;\n    outline-offset: 2px;\n  }\n  #hs-form .option-title {\n    font-size: 15px;\n    font-weight: 600;\n    color: #0a0a0a;\n    letter-spacing: -0.01em;\n  }\n  #hs-form .option-sub {\n    font-size: 13px;\n    color: rgba(0,0,0,0.55);\n    line-height: 1.4;\n  }\n\n  \/* \u2500\u2500 INPUT FIELDS (Step 4) \u2500\u2500 *\/\n  #hs-form .fields {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    margin-bottom: 28px;\n  }\n  #hs-form .field {\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n  }\n  #hs-form .field label {\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.04em;\n    color: rgba(0,0,0,0.7) !important;\n  }\n  #hs-form .field label .required {\n    color: #BE1522 !important;\n    margin-left: 2px;\n  }\n  #hs-form .field input[type=\"text\"],\n  #hs-form .field input[type=\"email\"],\n  #hs-form .field input[type=\"tel\"],\n  #hs-form .field input[type=\"url\"] {\n    width: 100%;\n    padding: 14px 16px;\n    background: rgba(0,0,0,0.02);\n    border: 1.5px solid rgba(0,0,0,0.1);\n    border-radius: 10px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    color: #0a0a0a;\n    transition: all 0.2s ease;\n  }\n  #hs-form .field input::placeholder {\n    color: rgba(0,0,0,0.35);\n  }\n  #hs-form .field input:focus {\n    outline: none;\n    border-color: #BE1522;\n    background: #ffffff;\n    box-shadow: 0 0 0 4px rgba(190,21,34,0.08);\n  }\n  #hs-form .field.error input {\n    border-color: #BE1522;\n    background: rgba(190,21,34,0.03);\n  }\n  #hs-form .field-error {\n    font-size: 12px;\n    color: #BE1522;\n    margin-top: 2px;\n    display: none;\n  }\n  #hs-form .field.error .field-error { display: block; }\n\n  \/* \u2500\u2500 CONSENT \u2500\u2500 *\/\n  #hs-form .consent {\n    margin-bottom: 28px;\n    padding-top: 4px;\n  }\n  #hs-form .check {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    cursor: pointer;\n  }\n  #hs-form .check input {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n  #hs-form .check-box {\n    width: 20px; height: 20px;\n    border: 1.5px solid rgba(0,0,0,0.25);\n    border-radius: 5px;\n    background: #ffffff;\n    flex-shrink: 0;\n    position: relative;\n    transition: all 0.2s ease;\n    margin-top: 1px;\n  }\n  #hs-form .check-box::after {\n    content: \"\";\n    position: absolute;\n    top: 2px; left: 6px;\n    width: 5px; height: 10px;\n    border: solid #ffffff;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg) scale(0);\n    transition: transform 0.15s ease;\n  }\n  #hs-form .check input:checked ~ .check-box {\n    background: #0a0a0a;\n    border-color: #0a0a0a;\n  }\n  #hs-form .check input:checked ~ .check-box::after {\n    transform: rotate(45deg) scale(1);\n  }\n  #hs-form .check-label {\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: rgba(0,0,0,0.65) !important;\n  }\n  #hs-form .check-label a {\n    color: #0a0a0a !important;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n  #hs-form .check.error .check-box {\n    border-color: #BE1522;\n    background: rgba(190,21,34,0.03);\n  }\n\n  \/* \u2500\u2500 NAV CONTROLS \u2500\u2500 *\/\n  #hs-form .nav {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding-top: 28px;\n    border-top: 1px solid rgba(0,0,0,0.08);\n  }\n\n  #hs-form .btn-back {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 18px;\n    background: transparent;\n    border: none;\n    color: rgba(0,0,0,0.55);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: color 0.2s ease, background 0.2s ease;\n  }\n  #hs-form .btn-back:hover {\n    color: #0a0a0a;\n    background: rgba(0,0,0,0.03);\n  }\n  #hs-form .btn-back svg {\n    width: 12px; height: 12px;\n    transition: transform 0.2s ease;\n  }\n  #hs-form .btn-back:hover svg {\n    transform: translateX(-2px);\n  }\n  #hs-form .btn-back:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  #hs-form .btn-next {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 28px;\n    background: #0a0a0a;\n    color: #ffffff;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14.5px;\n    font-weight: 600;\n    letter-spacing: -0.005em;\n    border-radius: 10px;\n    border: none;\n    cursor: pointer;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n    box-shadow: 0 2px 14px rgba(0,0,0,0.18);\n    line-height: 1.2;\n  }\n  #hs-form .btn-next:hover {\n    transform: translateY(-2px);\n    background: #BE1522;\n    box-shadow: 0 8px 24px rgba(190,21,34,0.35);\n  }\n  #hs-form .btn-next:disabled {\n    opacity: 0.35;\n    pointer-events: none;\n    transform: none;\n  }\n  #hs-form .btn-next svg {\n    width: 14px; height: 14px;\n    transition: transform 0.2s ease;\n  }\n  #hs-form .btn-next:hover svg {\n    transform: translateX(3px);\n  }\n\n  \/* \u2500\u2500 LOADER \u2500\u2500 *\/\n  #hs-form .loader {\n    display: none;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    padding: 60px 20px;\n    text-align: center;\n  }\n  #hs-form .loader.active { display: flex; }\n  #hs-form .spinner {\n    width: 40px; height: 40px;\n    border: 3px solid rgba(0,0,0,0.08);\n    border-top-color: #BE1522;\n    border-radius: 50%;\n    animation: hs-spin 0.8s linear infinite;\n  }\n  @keyframes hs-spin {\n    to { transform: rotate(360deg); }\n  }\n  #hs-form .loader-text {\n    font-size: 15px;\n    font-weight: 500;\n    color: rgba(0,0,0,0.65);\n  }\n\n  \/* \u2500\u2500 TRUST STRIP \u2500\u2500 *\/\n  #hs-form .trust {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: 8px 22px;\n    margin-top: 28px;\n    font-size: 12px;\n    color: rgba(0,0,0,0.45);\n  }\n  #hs-form .trust-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    white-space: nowrap;\n  }\n  #hs-form .trust-item::before {\n    content: \"\";\n    width: 4px; height: 4px;\n    border-radius: 50%;\n    background: rgba(0,0,0,0.3);\n    flex-shrink: 0;\n  }\n  #hs-form .trust-item:first-child::before { display: none; }\n\n  \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n  @media (max-width: 1023px) {\n    #hs-form .inner { padding: 96px 20px; }\n    #hs-form .card { padding: 40px 32px; }\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n  @media (max-width: 640px) {\n    #hs-form .inner { padding: 72px 16px; }\n    #hs-form .header { margin-bottom: 36px; }\n    #hs-form h2 { margin-bottom: 14px; }\n\n    #hs-form .card {\n      padding: 28px 20px;\n      border-radius: 18px;\n    }\n\n    #hs-form .progress {\n      margin-bottom: 28px;\n      justify-content: center;\n      gap: 6px;\n    }\n    #hs-form .progress-step {\n      flex: 0 0 auto;\n      gap: 0;\n    }\n    #hs-form .progress-label { display: none; }\n    #hs-form .progress-line { width: 14px; }\n    #hs-form .progress-dot {\n      width: 22px; height: 22px;\n      font-size: 10px;\n    }\n\n    #hs-form .step-question {\n      font-size: 20px;\n    }\n    #hs-form .step-hint {\n      font-size: 13.5px;\n      margin-bottom: 22px;\n    }\n\n    #hs-form .options {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n    #hs-form .option-card {\n      min-height: auto;\n      padding: 16px 18px;\n    }\n\n    #hs-form .nav {\n      padding-top: 22px;\n    }\n    #hs-form .btn-next {\n      padding: 14px 22px;\n      font-size: 14px;\n    }\n  }\n\n  @media (max-width: 380px) {\n    #hs-form h2 { font-size: 28px; }\n    #hs-form .card { padding: 24px 18px; }\n  }\n<\/style>\n\n<section id=\"hs-form\" aria-label=\"Formular\">\n\n  <div class=\"inner\">\n\n    <!-- Header -->\n    <div class=\"header\">\n      <div class=\"eyebrow\">\n        <span class=\"pip\" aria-hidden=\"true\"><\/span>\n        <span>Dein erster Schritt<\/span>\n      <\/div>\n      <h2>Lass uns deine <span class=\"accent\">individuelle L\u00f6sung<\/span> finden.<\/h2>\n      <p class=\"subline\">\n        Vier kurze Schritte. Kein Pitch. Kein automatisierter Call. Nur eine ehrliche Einsch\u00e4tzung \u2014 und, wenn du willst, ein Gespr\u00e4ch mit Philipp.\n      <\/p>\n    <\/div>\n\n    <!-- Form Card -->\n    <div class=\"card\">\n\n      <!-- Progress -->\n      <div class=\"progress\" aria-label=\"Fortschritt\">\n        <div class=\"progress-step active\" data-step-indicator=\"1\">\n          <span class=\"progress-dot\">1<\/span>\n          <span class=\"progress-label\">Unternehmen<\/span>\n        <\/div>\n        <span class=\"progress-line\"><\/span>\n        <div class=\"progress-step\" data-step-indicator=\"2\">\n          <span class=\"progress-dot\">2<\/span>\n          <span class=\"progress-label\">Ziel<\/span>\n        <\/div>\n        <span class=\"progress-line\"><\/span>\n        <div class=\"progress-step\" data-step-indicator=\"3\">\n          <span class=\"progress-dot\">3<\/span>\n          <span class=\"progress-label\">Format<\/span>\n        <\/div>\n        <span class=\"progress-line\"><\/span>\n        <div class=\"progress-step\" data-step-indicator=\"4\">\n          <span class=\"progress-dot\">4<\/span>\n          <span class=\"progress-label\">Kontakt<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Steps -->\n      <div class=\"steps\">\n\n        <!-- STEP 1 \u00b7 Unternehmensgr\u00f6\u00dfe -->\n        <div class=\"step active\" data-step=\"1\">\n          <h3 class=\"step-question\">Wie w\u00fcrdest du dein Unternehmen beschreiben?<\/h3>\n          <p class=\"step-hint\">Bestimmt, welches Setup am besten zu dir passt.<\/p>\n\n          <div class=\"options\" role=\"radiogroup\">\n            <label class=\"option\">\n              <input type=\"radio\" name=\"company\" value=\"solo\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Solo-Founder &amp; Berater<\/span>\n                <span class=\"option-sub\">Ich als Person im Fokus<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"company\" value=\"agency\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Agentur \/ Studio<\/span>\n                <span class=\"option-sub\">5\u201320 Mitarbeiter<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"company\" value=\"mittelstand\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Mittelstand<\/span>\n                <span class=\"option-sub\">20\u2013250 Mitarbeiter<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"company\" value=\"enterprise\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Konzern \/ Enterprise<\/span>\n                <span class=\"option-sub\">250+ Mitarbeiter<\/span>\n              <\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 2 \u00b7 Ziel -->\n        <div class=\"step\" data-step=\"2\">\n          <h3 class=\"step-question\">Was ist dein wichtigstes Ziel mit dem Content?<\/h3>\n          <p class=\"step-hint\">Hilft uns, das Format richtig aufzusetzen.<\/p>\n\n          <div class=\"options\" role=\"radiogroup\">\n            <label class=\"option\">\n              <input type=\"radio\" name=\"goal\" value=\"authority\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Kategorie-Autorit\u00e4t<\/span>\n                <span class=\"option-sub\">In meinem Markt als Experte wahrgenommen werden<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"goal\" value=\"leads\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Qualifizierte Inbound-Leads<\/span>\n                <span class=\"option-sub\">Kunden kommen vorgew\u00e4rmt ins Sales-Gespr\u00e4ch<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"goal\" value=\"recruiting\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Recruiting &amp; Employer Branding<\/span>\n                <span class=\"option-sub\">Die besten Talente anziehen<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"goal\" value=\"thoughtleader\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Thought Leadership<\/span>\n                <span class=\"option-sub\">Pers\u00f6nliche Marke als CEO aufbauen<\/span>\n              <\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 3 \u00b7 Format -->\n        <div class=\"step\" data-step=\"3\">\n          <h3 class=\"step-question\">Welches Format schwebt dir vor?<\/h3>\n          <p class=\"step-hint\">Du kannst sp\u00e4ter immer noch wechseln.<\/p>\n\n          <div class=\"options\" role=\"radiogroup\">\n            <label class=\"option\">\n              <input type=\"radio\" name=\"format\" value=\"solo\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Solo-Podcast<\/span>\n                <span class=\"option-sub\">Ich spreche allein, Experten-Content<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"format\" value=\"interview\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Interview-Podcast<\/span>\n                <span class=\"option-sub\">Ich lade G\u00e4ste ein<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"format\" value=\"dual\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Dual-Host<\/span>\n                <span class=\"option-sub\">Ich und ein fester Co-Host<\/span>\n              <\/div>\n            <\/label>\n            <label class=\"option\">\n              <input type=\"radio\" name=\"format\" value=\"unsure\" \/>\n              <div class=\"option-card\">\n                <span class=\"option-title\">Wei\u00df ich noch nicht<\/span>\n                <span class=\"option-sub\">Beratet mich \u2014 ihr kennt euch aus<\/span>\n              <\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 4 \u00b7 Kontakt -->\n        <div class=\"step\" data-step=\"4\">\n          <h3 class=\"step-question\">Fast geschafft. Wo erreichen wir dich?<\/h3>\n          <p class=\"step-hint\">Wir melden uns innerhalb von 24 Stunden \u2014 versprochen.<\/p>\n\n          <div class=\"fields\">\n            <div class=\"field\" data-field=\"name\">\n              <label for=\"hsf-name\">Vollst\u00e4ndiger Name <span class=\"required\">*<\/span><\/label>\n              <input type=\"text\" id=\"hsf-name\" name=\"name\" autocomplete=\"name\" placeholder=\"Max Mustermann\" \/>\n              <span class=\"field-error\">Bitte gib deinen Namen ein.<\/span>\n            <\/div>\n            <div class=\"field\" data-field=\"company_name\">\n              <label for=\"hsf-company\">Unternehmen <span class=\"required\">*<\/span><\/label>\n              <input type=\"text\" id=\"hsf-company\" name=\"company_name\" autocomplete=\"organization\" placeholder=\"Muster GmbH\" \/>\n              <span class=\"field-error\">Bitte gib deinen Unternehmensnamen ein.<\/span>\n            <\/div>\n            <div class=\"field\" data-field=\"email\">\n              <label for=\"hsf-email\">E-Mail-Adresse <span class=\"required\">*<\/span><\/label>\n              <input type=\"email\" id=\"hsf-email\" name=\"email\" autocomplete=\"email\" placeholder=\"max@unternehmen.de\" \/>\n              <span class=\"field-error\">Bitte gib eine g\u00fcltige E-Mail-Adresse ein.<\/span>\n            <\/div>\n            <div class=\"field\" data-field=\"phone\">\n              <label for=\"hsf-phone\">Telefonnummer <span class=\"required\">*<\/span><\/label>\n              <input type=\"tel\" id=\"hsf-phone\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+49 ...\" \/>\n              <span class=\"field-error\">Bitte gib eine g\u00fcltige Telefonnummer ein.<\/span>\n            <\/div>\n            <div class=\"field\" data-field=\"website\">\n              <label for=\"hsf-website\">Website oder LinkedIn (optional)<\/label>\n              <input type=\"url\" id=\"hsf-website\" name=\"website\" placeholder=\"https:\/\/...\" \/>\n            <\/div>\n          <\/div>\n\n          <div class=\"consent\">\n            <label class=\"check\" data-field=\"privacy\">\n              <input type=\"checkbox\" name=\"privacy\" \/>\n              <span class=\"check-box\" aria-hidden=\"true\"><\/span>\n              <span class=\"check-label\">\n                Ich akzeptiere die <a href=\"\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a> und bin damit einverstanden, dass Philipp sich innerhalb von 24h telefonisch oder per WhatsApp bei mir meldet. <span class=\"required\">*<\/span>\n              <\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Loader (w\u00e4hrend Submit) -->\n      <div class=\"loader\">\n        <div class=\"spinner\" aria-hidden=\"true\"><\/div>\n        <p class=\"loader-text\">Wir bereiten deine Anfrage vor \u2026<\/p>\n      <\/div>\n\n      <!-- Nav -->\n      <div class=\"nav\">\n        <button type=\"button\" class=\"btn-back\" id=\"hsf-back\" disabled>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M19 12H5M11 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          Zur\u00fcck\n        <\/button>\n        <button type=\"button\" class=\"btn-next\" id=\"hsf-next\" disabled>\n          <span id=\"hsf-next-label\">Weiter<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n\n    <\/div>\n\n    <!-- Trust Strip -->\n    <div class=\"trust\">\n      <span class=\"trust-item\">Kein Verkaufsgespr\u00e4ch-Druck<\/span>\n      <span class=\"trust-item\">Antwort in 24h<\/span>\n      <span class=\"trust-item\">DSGVO-konform<\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\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\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\u2550\u2550\u2550\u2550\n     FORM LOGIC \u00b7 State, Validation, Submit\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\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     KONFIGURATION:\n     \u00b7 FORM_WEBHOOK   \u2014 n8n-Webhook (pusht nach Notion)\n     \u00b7 REDIRECT_URL   \u2014 Danke-Seite (alle Leads)\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\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<script>\n(function() {\n  if (window.__hsFormReady) return;\n  window.__hsFormReady = true;\n\n  \/\/ \u2500\u2500 KONFIGURATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  var FORM_WEBHOOK = 'https:\/\/n8n.artificalia.com\/webhook\/hs-lead-capture';\n  var REDIRECT_URL = '\/medienhaus-next';\n  \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n  var scope = document.getElementById('hs-form');\n  if (!scope) return;\n\n  var state = {\n    step: 1,\n    total: 4,\n    data: {\n      company: null,        \/\/ Unternehmensgr\u00f6\u00dfe (Step 1 radio)\n      goal: null,           \/\/ Ziel (Step 2 radio)\n      format: null,         \/\/ Format (Step 3 radio)\n      name: '',\n      company_name: '',     \/\/ Unternehmensname (Step 4 text)\n      email: '',\n      phone: '',\n      website: '',\n      privacy: false\n    }\n  };\n\n  var $ = function(sel) { return scope.querySelector(sel); };\n  var $$ = function(sel) { return scope.querySelectorAll(sel); };\n\n  var btnNext = $('#hsf-next');\n  var btnBack = $('#hsf-back');\n  var nextLabel = $('#hsf-next-label');\n\n  function renderProgress() {\n    $$('.progress-step').forEach(function(el) {\n      var n = parseInt(el.getAttribute('data-step-indicator'), 10);\n      el.classList.remove('active', 'done');\n      if (n < state.step) el.classList.add('done');\n      if (n === state.step) el.classList.add('active');\n    });\n  }\n\n  function renderStep() {\n    $$('.step').forEach(function(el) {\n      el.classList.toggle('active', parseInt(el.getAttribute('data-step'), 10) === state.step);\n    });\n    btnBack.disabled = (state.step === 1);\n    nextLabel.textContent = (state.step === state.total) ? 'Anfrage senden' : 'Weiter';\n    validateCurrentStep();\n    renderProgress();\n    var card = scope.querySelector('.card');\n    if (card && window.innerWidth < 900) {\n      card.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  function validateCurrentStep() {\n    var valid = false;\n    if (state.step === 1) valid = !!state.data.company;\n    if (state.step === 2) valid = !!state.data.goal;\n    if (state.step === 3) valid = !!state.data.format;\n    if (state.step === 4) {\n      valid = state.data.name.trim().length > 1\n           && state.data.company_name.trim().length > 1\n           && isValidEmail(state.data.email)\n           && isValidPhone(state.data.phone)\n           && state.data.privacy === true;\n    }\n    btnNext.disabled = !valid;\n    return valid;\n  }\n\n  function isValidEmail(v) {\n    return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(v.trim());\n  }\n  function isValidPhone(v) {\n    \/\/ Mindestens 6 Ziffern, darf + \/ ( ) \/ Leerzeichen \/ Bindestrich enthalten\n    var digits = (v || '').replace(\/[^\\d]\/g, '');\n    return digits.length >= 6;\n  }\n\n  \/\/ Radios\n  $$('input[type=\"radio\"]').forEach(function(input) {\n    input.addEventListener('change', function() {\n      state.data[input.name] = input.value;\n      validateCurrentStep();\n    });\n  });\n\n  \/\/ Text inputs (Step 4)\n  ['name','company_name','email','phone','website'].forEach(function(field) {\n    var inputId = (field === 'company_name') ? '#hsf-company' : '#hsf-' + field;\n    var input = $(inputId);\n    if (!input) return;\n    input.addEventListener('input', function() {\n      state.data[field] = input.value;\n      var fieldEl = scope.querySelector('[data-field=\"' + field + '\"]');\n      if (fieldEl) fieldEl.classList.remove('error');\n      validateCurrentStep();\n    });\n  });\n\n  \/\/ Consent-Checkbox\n  var privacyCb = scope.querySelector('input[name=\"privacy\"]');\n  if (privacyCb) {\n    privacyCb.addEventListener('change', function() {\n      state.data.privacy = privacyCb.checked;\n      var fieldEl = scope.querySelector('[data-field=\"privacy\"]');\n      if (fieldEl) fieldEl.classList.remove('error');\n      validateCurrentStep();\n    });\n  }\n\n  \/\/ Weiter-Button\n  btnNext.addEventListener('click', function() {\n    if (!validateCurrentStep()) return;\n    if (state.step < state.total) {\n      state.step++;\n      renderStep();\n    } else {\n      submitForm();\n    }\n  });\n\n  \/\/ Zur\u00fcck-Button\n  btnBack.addEventListener('click', function() {\n    if (state.step > 1) {\n      state.step--;\n      renderStep();\n    }\n  });\n\n  \/\/ Submit\n  function submitForm() {\n    scope.querySelector('.steps').style.display = 'none';\n    scope.querySelector('.nav').style.display = 'none';\n    scope.querySelector('.loader').classList.add('active');\n\n    var payload = {\n      name: state.data.name.trim(),\n      company_name: state.data.company_name.trim(),\n      email: state.data.email.trim(),\n      phone: state.data.phone.trim(),\n      website: state.data.website.trim(),\n      company_size: state.data.company,\n      goal: state.data.goal,\n      format: state.data.format,\n      privacy: state.data.privacy,\n      source: 'hs-b2b-leads-lp',\n      timestamp: new Date().toISOString(),\n      page_url: window.location.href,\n      user_agent: navigator.userAgent\n    };\n\n    try {\n      fetch(FORM_WEBHOOK, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify(payload),\n        mode: 'no-cors',\n        keepalive: true\n      });\n    } catch (e) {\n      console.warn('[hs-form] webhook:', e);\n    }\n\n    setTimeout(function() {\n      window.location.href = REDIRECT_URL;\n    }, 900);\n  }\n\n  renderStep();\n})();\n<\/script>\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\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\u2550\u2550 -->\n<!-- ========== ELEMENTOR HTML WIDGET \u00b7 COPY UP TO HERE ========= -->\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\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\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Anfrage eingegangen Danke. Wir melden uns in 24 Stunden. Sp\u00e4testens. Meistens schneller. Philipp meldet sich pers\u00f6nlich \u2014 telefonisch, per E-Mail oder WhatsApp, je nachdem was du angegeben hast. Direkt Termin [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-8687","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Medienhaus Dankeseite - Videoproduktion K\u00f6ln - High. Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/high-group.de\/en\/medienhaus-next\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Medienhaus Dankeseite - Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"og:description\" content=\"Anfrage eingegangen Danke. Wir melden uns in 24 Stunden. Sp\u00e4testens. Meistens schneller. Philipp meldet sich pers\u00f6nlich \u2014 telefonisch, per E-Mail oder WhatsApp, je nachdem was du angegeben hast. Direkt Termin [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/high-group.de\/en\/medienhaus-next\/\" \/>\n<meta property=\"og:site_name\" content=\"Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-26T11:31:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus-next\\\/\",\"url\":\"https:\\\/\\\/high-group.de\\\/medienhaus-next\\\/\",\"name\":\"Medienhaus Dankeseite - Videoproduktion K\u00f6ln - High. Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#website\"},\"datePublished\":\"2026-04-24T19:39:38+00:00\",\"dateModified\":\"2026-04-26T11:31:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus-next\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/high-group.de\\\/medienhaus-next\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus-next\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/high-group.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Medienhaus Dankeseite\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/high-group.de\\\/#website\",\"url\":\"https:\\\/\\\/high-group.de\\\/\",\"name\":\"High Group\",\"description\":\"Hochwertige Videoproduktion f\u00fcr Business, Events, Messen in K\u00f6ln. Videografen aus K\u00f6ln.\",\"publisher\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/high-group.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/high-group.de\\\/#organization\",\"name\":\"High Group\",\"url\":\"https:\\\/\\\/high-group.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/high-group.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/high-media-logo.png\",\"contentUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/high-media-logo.png\",\"width\":300,\"height\":150,\"caption\":\"High Group\"},\"image\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Medienhaus Dankeseite - Videoproduktion K\u00f6ln - High. Group","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/high-group.de\/en\/medienhaus-next\/","og_locale":"en_US","og_type":"article","og_title":"Medienhaus Dankeseite - Videoproduktion K\u00f6ln - High. Group","og_description":"Anfrage eingegangen Danke. Wir melden uns in 24 Stunden. Sp\u00e4testens. Meistens schneller. Philipp meldet sich pers\u00f6nlich \u2014 telefonisch, per E-Mail oder WhatsApp, je nachdem was du angegeben hast. Direkt Termin [&hellip;]","og_url":"https:\/\/high-group.de\/en\/medienhaus-next\/","og_site_name":"Videoproduktion K\u00f6ln - High. Group","article_modified_time":"2026-04-26T11:31:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/high-group.de\/medienhaus-next\/","url":"https:\/\/high-group.de\/medienhaus-next\/","name":"Medienhaus Dankeseite - Videoproduktion K\u00f6ln - High. Group","isPartOf":{"@id":"https:\/\/high-group.de\/#website"},"datePublished":"2026-04-24T19:39:38+00:00","dateModified":"2026-04-26T11:31:13+00:00","breadcrumb":{"@id":"https:\/\/high-group.de\/medienhaus-next\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/high-group.de\/medienhaus-next\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/high-group.de\/medienhaus-next\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/high-group.de\/"},{"@type":"ListItem","position":2,"name":"Medienhaus Dankeseite"}]},{"@type":"WebSite","@id":"https:\/\/high-group.de\/#website","url":"https:\/\/high-group.de\/","name":"High Group","description":"High-quality video production for business, events and trade fairs in Cologne. Videographers from Cologne.","publisher":{"@id":"https:\/\/high-group.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/high-group.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/high-group.de\/#organization","name":"High Group","url":"https:\/\/high-group.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/high-group.de\/#\/schema\/logo\/image\/","url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/11\/high-media-logo.png","contentUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/11\/high-media-logo.png","width":300,"height":150,"caption":"High Group"},"image":{"@id":"https:\/\/high-group.de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/comments?post=8687"}],"version-history":[{"count":22,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8687\/revisions"}],"predecessor-version":[{"id":8742,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8687\/revisions\/8742"}],"wp:attachment":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/media?parent=8687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}