Header \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=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\n\n<style>\n html, body { margin: 0; padding: 0; min-height: 200vh; }\n body { background: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-header, #hs-header *,\n #hs-header *::before, #hs-header *::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 HEADER \u00b7 fixed top \u2500\u2500 *\/\n #hs-header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n width: 100%;\n font-family: 'DM Sans', system-ui, sans-serif;\n background: transparent;\n border-bottom: 1px solid transparent;\n transition:\n background 0.35s ease,\n border-color 0.35s ease,\n backdrop-filter 0.35s ease,\n -webkit-backdrop-filter 0.35s ease;\n }\n\n \/* Scrolled state \u00b7 dunkler Blur-BG *\/\n #hs-header.scrolled {\n background: rgba(8, 8, 8, 0.82);\n backdrop-filter: blur(20px) saturate(1.2);\n -webkit-backdrop-filter: blur(20px) saturate(1.2);\n border-bottom-color: rgba(255,255,255,0.06);\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-header .inner {\n max-width: 1260px;\n margin: 0 auto;\n padding: 14px 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n }\n\n \/* \u2500\u2500 LOGO \u2500\u2500 *\/\n #hs-header .logo {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n flex-shrink: 0;\n }\n #hs-header .logo img {\n height: 26px;\n width: auto;\n opacity: 0.95;\n transition: opacity 0.2s ease;\n display: block;\n }\n #hs-header .logo:hover img {\n opacity: 1;\n }\n\n \/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\n #hs-header .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 11px 20px;\n background: #BE1522;\n color: #ffffff;\n font-family: 'DM Sans', sans-serif;\n font-size: 13.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n border-radius: 8px;\n border: none;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n transition:\n transform 0.2s ease,\n box-shadow 0.2s ease,\n background 0.2s ease;\n box-shadow: 0 2px 14px rgba(190, 21, 34, 0.35);\n position: relative;\n overflow: hidden;\n }\n #hs-header .btn::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform 0.55s ease;\n pointer-events: none;\n }\n #hs-header .btn:hover {\n transform: translateY(-1px);\n background: #d21a28;\n box-shadow: 0 6px 22px rgba(190, 21, 34, 0.45);\n }\n #hs-header .btn:hover::after {\n transform: translateX(100%);\n }\n #hs-header .btn svg {\n width: 13px; height: 13px;\n flex-shrink: 0;\n transition: transform 0.2s ease;\n stroke-width: 2.2;\n }\n #hs-header .btn:hover svg {\n transform: translateX(2px);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-header .inner {\n padding: 12px 16px;\n }\n #hs-header .logo img {\n height: 22px;\n }\n #hs-header .btn {\n padding: 9px 16px;\n font-size: 12.5px;\n }\n #hs-header .btn svg {\n width: 11px; height: 11px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-header .btn-label {\n display: none;\n }\n #hs-header .btn {\n padding: 9px 12px;\n }\n #hs-header .btn::before {\n content: \"Anfragen\";\n font-size: 12.5px;\n font-weight: 600;\n }\n }\n<\/style>\n\n<header id=\"hs-header\" aria-label=\"Seitenkopf\">\n\n <div class=\"inner\">\n\n <a href=\"#\" class=\"logo\" aria-label=\"high.group \u2014 zum Seitenanfang\">\n <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png\" alt=\"high.group\" \/>\n <\/a>\n\n <a href=\"#hs-form\" class=\"btn\" id=\"hs-header-cta\">\n <span class=\"btn-label\">Jetzt anfragen<\/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-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n\n <\/div>\n\n<\/header>\n\n<script>\n(function() {\n if (window.__hsHeaderReady) return;\n window.__hsHeaderReady = true;\n\n var header = document.getElementById('hs-header');\n if (!header) return;\n\n var threshold = 40;\n var ticking = false;\n\n function updateHeader() {\n if (window.scrollY > threshold) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n window.requestAnimationFrame(updateHeader);\n ticking = true;\n }\n }, { passive: true });\n\n \/\/ Initial check (falls Seite schon gescrollt ist beim Laden)\n updateHeader();\n})();\n<\/script>\n\n\n\n\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<div class=\"elementor-element elementor-element-7074288 e-flex e-con-boxed e-con e-parent\" data-id=\"7074288\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4eaad1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b4eaad1\" 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<style>\n #hs-hero, #hs-hero *,\n #hs-hero *::before, #hs-hero *::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-hero {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n #hs-hero .glow {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n #hs-hero .glow::before {\n content: \"\";\n position: absolute;\n top: -20%;\n left: 50%;\n transform: translateX(-50%);\n width: 90%;\n max-width: 1100px;\n height: 70%;\n background: radial-gradient(ellipse at 50% 35%, rgba(190,21,34,0.22) 0%, transparent 65%);\n filter: blur(80px);\n }\n #hs-hero .glow::after {\n content: \"\";\n position: absolute;\n bottom: -10%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n max-width: 800px;\n height: 50%;\n background: radial-gradient(ellipse at 50% 70%, rgba(190,21,34,0.08) 0%, transparent 70%);\n filter: blur(90px);\n }\n #hs-hero .inner {\n position: relative;\n z-index: 2;\n max-width: 1080px;\n margin: 0 auto;\n padding: 14vh 24px 10vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n min-height: 92vh;\n justify-content: center;\n }\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n #hs-hero .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 32px;\n opacity: 0;\n animation: hs-rise .7s .1s ease-out forwards;\n max-width: 100%;\n }\n #hs-hero .pip {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: #BE1522;\n flex-shrink: 0;\n animation: hs-pip 2.4s ease-in-out infinite;\n box-shadow: 0 0 12px rgba(190,21,34,0.6);\n }\n #hs-hero .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n \/* \u2500\u2500 HEADLINE BLOCK \u2500\u2500 *\/\n #hs-hero .hero-title {\n margin-bottom: 32px;\n max-width: 100%;\n }\n #hs-hero .kicker {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(17px, 1.7vw, 24px);\n font-weight: 500;\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: rgba(255,255,255,0.55);\n margin-bottom: 14px;\n opacity: 0;\n transform: translateY(18px);\n animation: hs-rise .7s .2s ease-out forwards;\n }\n #hs-hero h1 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 800;\n font-size: clamp(44px, 7.4vw, 104px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n color: #f0ede8;\n opacity: 0;\n transform: translateY(24px);\n animation: hs-rise .8s .35s ease-out forwards;\n }\n #hs-hero h1 .accent { color: #BE1522; }\n \/* \u2500\u2500 SUBLINE \u2500\u2500 *\/\n #hs-hero .subline {\n font-size: clamp(15px, 1.2vw, 18px);\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.6);\n max-width: 640px;\n margin-bottom: 44px;\n opacity: 0;\n animation: hs-rise .8s .55s ease-out forwards;\n }\n \/* \u2500\u2500 CTAs (zwei Buttons nebeneinander) \u2500\u2500 *\/\n #hs-hero .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n margin-bottom: 72px;\n max-width: 100%;\n opacity: 0;\n animation: hs-rise .8s .7s ease-out forwards;\n }\n #hs-hero .btn-primary,\n #hs-hero .btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 26px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.005em;\n border-radius: 10px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n text-align: center;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n position: relative;\n overflow: hidden;\n }\n #hs-hero .btn-primary {\n background: #BE1522;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.04);\n box-shadow: 0 2px 18px rgba(190,21,34,0.32);\n }\n #hs-hero .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n }\n #hs-hero .btn-primary:hover {\n transform: translateY(-2px);\n background: #d41829;\n box-shadow: 0 6px 28px rgba(190,21,34,0.45);\n }\n #hs-hero .btn-primary:hover::after { transform: translateX(100%); }\n #hs-hero .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.88);\n border: 1px solid rgba(255,255,255,0.18);\n }\n #hs-hero .btn-outline:hover {\n transform: translateY(-2px);\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n #hs-hero .btn-primary svg,\n #hs-hero .btn-outline svg {\n width: 14px; height: 14px;\n flex-shrink: 0;\n transition: transform .2s ease;\n }\n #hs-hero .btn-primary.is-arrow-down:hover svg { transform: translateY(3px); }\n #hs-hero .btn-outline:hover svg { transform: translateX(3px); }\n \/* \u2500\u2500 STATS-BAND \u2500\u2500 *\/\n #hs-hero .stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n width: 100%;\n max-width: 880px;\n margin-bottom: 48px;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n opacity: 0;\n animation: hs-rise .9s .85s ease-out forwards;\n }\n #hs-hero .stat {\n padding: 28px 14px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.06);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n }\n #hs-hero .stat:last-child { border-right: none; }\n #hs-hero .stat-num {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(36px, 4vw, 56px);\n line-height: 1;\n letter-spacing: -0.04em;\n color: #f0ede8;\n }\n #hs-hero .stat-label {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.42);\n line-height: 1.3;\n }\n \/* \u2500\u2500 PROOF-STRIP \u2500\u2500 *\/\n #hs-hero .proof {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 8px 20px;\n font-size: 12px;\n color: rgba(255,255,255,0.4);\n letter-spacing: 0.01em;\n max-width: 100%;\n opacity: 0;\n animation: hs-rise .8s 1.05s ease-out forwards;\n }\n #hs-hero .proof-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n #hs-hero .proof-item .dot {\n width: 3px; height: 3px;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n flex-shrink: 0;\n }\n #hs-hero .proof-item:first-child .dot { display: none; }\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes hs-rise {\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes hs-pip {\n 0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 12px rgba(190,21,34,0.6); }\n 50% { opacity: 0.35; transform: scale(0.55); box-shadow: 0 0 4px rgba(190,21,34,0.3); }\n }\n @media (prefers-reduced-motion: reduce) {\n #hs-hero *, #hs-hero *::before, #hs-hero *::after {\n animation: none !important;\n transition: none !important;\n }\n #hs-hero .eyebrow,\n #hs-hero .kicker,\n #hs-hero h1,\n #hs-hero .subline,\n #hs-hero .ctas,\n #hs-hero .stats,\n #hs-hero .proof {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet (\u2264 1023px) \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-hero .inner { padding: 12vh 20px 9vh; }\n #hs-hero .stats { max-width: 640px; }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile (\u2264 640px) \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-hero .inner {\n padding: 11vh 18px 8vh;\n min-height: auto;\n }\n #hs-hero .eyebrow { margin-bottom: 24px; }\n #hs-hero .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-hero .hero-title { margin-bottom: 24px; }\n #hs-hero .kicker {\n font-size: 15px;\n margin-bottom: 10px;\n }\n #hs-hero h1 {\n font-size: clamp(40px, 11vw, 56px);\n letter-spacing: -0.025em;\n line-height: 1.0;\n }\n #hs-hero .subline {\n font-size: 15px;\n margin-bottom: 32px;\n line-height: 1.5;\n }\n #hs-hero .ctas {\n flex-direction: column;\n gap: 12px;\n width: 100%;\n margin-bottom: 48px;\n }\n #hs-hero .btn-primary,\n #hs-hero .btn-outline {\n width: 100%;\n padding: 16px 18px;\n font-size: 14px;\n white-space: normal;\n }\n #hs-hero .stats {\n grid-template-columns: repeat(2, 1fr);\n max-width: 100%;\n margin-bottom: 36px;\n }\n #hs-hero .stat {\n padding: 20px 8px;\n border-right: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n #hs-hero .stat:nth-child(2) { border-right: none; }\n #hs-hero .stat:nth-child(3) { border-bottom: none; }\n #hs-hero .stat:nth-child(4) { border-right: none; border-bottom: none; }\n #hs-hero .stat-num { font-size: clamp(32px, 11vw, 48px); }\n #hs-hero .stat-label { font-size: 9.5px; letter-spacing: 0.12em; }\n #hs-hero .proof { gap: 6px 14px; font-size: 11px; }\n }\n @media (max-width: 380px) {\n #hs-hero .inner { padding: 10vh 16px 7vh; }\n #hs-hero .kicker { font-size: 14px; }\n #hs-hero h1 { font-size: 36px; }\n #hs-hero .btn-primary,\n #hs-hero .btn-outline { font-size: 13px; }\n }\n<\/style>\n\n<section id=\"hs-hero\" aria-label=\"Hero\">\n <div class=\"glow\" aria-hidden=\"true\"><\/div>\n <div class=\"inner\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>F\u00fcr B2B-CEOs, Founder & Personal Brands<\/span>\n <\/div>\n\n <div class=\"hero-title\">\n <p class=\"kicker\">Reichweite, Sichtbarkeit & mehr Umsatz<\/p>\n <h1>Mit deinem eigenen <span class=\"accent\">Medienhaus.<\/span><\/h1>\n <\/div>\n\n <p class=\"subline\">\n 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf YouTube, LinkedIn, Spotify, Instagram & Apple Podcasts. Aus einem Drehtag pro Monat in unseren Studios in K\u00f6ln-Ehrenfeld.\n <\/p>\n\n <div class=\"ctas\">\n <a id=\"hs-hero-cta-learn-more\" href=\"#hs-problem\" class=\"btn-primary is-arrow-down\">\n <span>Mehr erfahren<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M12 5v14M6 13l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a id=\"hs-hero-cta-whatsapp\" href=\"https:\/\/wa.me\/+491726295756?text=Hi%20Philipp%2C%20ich%20interessiere%20mich%20f%C3%BCr%20das%20high.studios-System.\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\n <span>Per WhatsApp schreiben<\/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=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"stats\" aria-label=\"Output pro Drehtag\">\n <div class=\"stat\"><span class=\"stat-num\">04<\/span><span class=\"stat-label\">Podcast-<br>Folgen<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-num\">15<\/span><span class=\"stat-label\">Short-Form-<br>Clips<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-num\">30<\/span><span class=\"stat-label\">Tage<br>Omnipr\u00e4senz<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-num\">01<\/span><span class=\"stat-label\">Drehtag<br>pro Monat<\/span><\/div>\n <\/div>\n\n <div class=\"proof\">\n <span class=\"proof-item\"><span class=\"dot\"><\/span>1.000 m\u00b2 Studios in K\u00f6ln<\/span>\n <span class=\"proof-item\"><span class=\"dot\"><\/span>150+ B2B-Marken<\/span>\n <span class=\"proof-item\"><span class=\"dot\"><\/span>BMW \u00b7 Meta \u00b7 Spotify \u00b7 1. FC K\u00f6ln<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function() {\n if (window.__hsHeroReady) return;\n window.__hsHeroReady = true;\n\n \/\/ Smooth-Scroll + Tracking f\u00fcr \"Mehr erfahren\"\n var learnMore = document.getElementById('hs-hero-cta-learn-more');\n if (learnMore) {\n learnMore.addEventListener('click', function(e) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_cta_click',\n cta_id: 'hero_learn_more',\n cta_destination: '#hs-problem',\n lp_slug: 'medienhaus'\n });\n var target = document.querySelector('#hs-problem');\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-6611df6 e-flex e-con-boxed e-con e-parent\" data-id=\"6611df6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e92330f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e92330f\" 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<!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>Logo-Wall \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-logos, #hs-logos *,\n #hs-logos *::before, #hs-logos *::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-logos {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-logos .inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 72px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 36px;\n }\n\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n #hs-logos .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n #hs-logos .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.7);\n flex-shrink: 0;\n }\n #hs-logos .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n \/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\n #hs-logos .marquee {\n position: relative;\n width: 100%;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(\n to right,\n transparent 0%,\n #000 8%,\n #000 92%,\n transparent 100%\n );\n mask-image: linear-gradient(\n to right,\n transparent 0%,\n #000 8%,\n #000 92%,\n transparent 100%\n );\n }\n\n #hs-logos .track {\n display: flex;\n gap: 72px;\n width: max-content;\n align-items: center;\n padding: 8px 36px;\n animation: hs-scroll 48s linear infinite;\n will-change: transform;\n }\n\n #hs-logos .marquee:hover .track {\n animation-play-state: paused;\n }\n\n #hs-logos .logo {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.3vw, 30px);\n font-weight: 500;\n line-height: 1;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.38);\n white-space: nowrap;\n transition: color 0.3s ease;\n cursor: default;\n user-select: none;\n }\n\n #hs-logos .logo:hover {\n color: rgba(255,255,255,0.92);\n }\n\n \/* \u2500\u2500 CLAIM \u2500\u2500 *\/\n #hs-logos .claim {\n font-family: 'DM Sans', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: rgba(255,255,255,0.38);\n letter-spacing: 0.02em;\n text-align: center;\n max-width: 540px;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 ANIMATION \u2500\u2500 *\/\n @keyframes hs-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #hs-logos .track {\n animation: none !important;\n \/* Statisch zentrieren wenn animation off *\/\n transform: translateX(0);\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-logos .inner {\n padding: 60px 20px;\n gap: 30px;\n }\n #hs-logos .track {\n gap: 56px;\n animation-duration: 40s;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-logos .inner {\n padding: 48px 16px;\n gap: 24px;\n }\n #hs-logos .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-logos .track {\n gap: 42px;\n animation-duration: 32s;\n padding: 4px 20px;\n }\n #hs-logos .logo {\n font-size: 18px;\n }\n #hs-logos .claim {\n font-size: 12px;\n }\n }\n<\/style>\n\n<section id=\"hs-logos\" aria-label=\"Kundenreferenzen\">\n\n <div class=\"inner\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Vertrauen von<\/span>\n <\/div>\n\n <div class=\"marquee\" aria-hidden=\"true\">\n <div class=\"track\">\n \n <span class=\"logo\">BMW<\/span>\n <span class=\"logo\">Meta<\/span>\n <span class=\"logo\">Spotify<\/span>\n <span class=\"logo\">1. FC K\u00f6ln<\/span>\n <span class=\"logo\">WDR 1Live<\/span>\n <span class=\"logo\">Universal Studios<\/span>\n <span class=\"logo\">Hyundai<\/span>\n <span class=\"logo\">FIBO<\/span>\n <span class=\"logo\">Sparkasse<\/span>\n <span class=\"logo\">Volta Trucks<\/span>\n <span class=\"logo\">Dr. Clauder's<\/span>\n <span class=\"logo\">Aqualand<\/span>\n \n <span class=\"logo\">BMW<\/span>\n <span class=\"logo\">Meta<\/span>\n <span class=\"logo\">Spotify<\/span>\n <span class=\"logo\">1. FC K\u00f6ln<\/span>\n <span class=\"logo\">WDR 1Live<\/span>\n <span class=\"logo\">Universal Studios<\/span>\n <span class=\"logo\">Hyundai<\/span>\n <span class=\"logo\">FIBO<\/span>\n <span class=\"logo\">Sparkasse<\/span>\n <span class=\"logo\">Volta Trucks<\/span>\n <span class=\"logo\">Dr. Clauder's<\/span>\n <span class=\"logo\">Aqualand<\/span>\n <\/div>\n <\/div>\n\n <p class=\"claim\">\n Acht Jahre Produktion f\u00fcr die, die gesehen werden m\u00fcssen.\n <\/p>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-1763460 e-flex e-con-boxed e-con e-parent\" data-id=\"1763460\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a82bb4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5a82bb4\" 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<!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>Problem \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-problem, #hs-problem *,\n #hs-problem *::before, #hs-problem *::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-problem {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-problem .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 HEADER-BLOCK (Eyebrow + Headline + Intro) \u2500\u2500 *\/\n #hs-problem .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-problem .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-problem .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-problem .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-problem h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 36px;\n }\n #hs-problem h2 .accent {\n color: #BE1522;\n }\n\n #hs-problem .intro {\n font-size: clamp(15px, 1.15vw, 17px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n max-width: 680px;\n }\n #hs-problem .intro p + p { margin-top: 18px; }\n\n \/* \u2500\u2500 PAIN-POINTS GRID \u2500\u2500 *\/\n #hs-problem .pains {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 72px;\n }\n\n #hs-problem .pain {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n padding: 36px 32px;\n transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n #hs-problem .pain:hover {\n border-color: rgba(190,21,34,0.25);\n background: rgba(255,255,255,0.03);\n transform: translateY(-2px);\n }\n\n #hs-problem .pain-num {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n color: rgba(190,21,34,0.85);\n }\n\n #hs-problem .pain-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 1.7vw, 24px);\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -0.015em;\n color: #f0ede8;\n }\n\n #hs-problem .pain-desc {\n font-size: 15px;\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.52);\n }\n\n \/* \u2500\u2500 BRIDGE-STATEMENT \u2500\u2500 *\/\n #hs-problem .bridge {\n padding: 40px 0;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n text-align: center;\n max-width: 780px;\n margin: 0 auto;\n }\n\n #hs-problem .bridge p {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.1vw, 30px);\n font-weight: 500;\n line-height: 1.3;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.55);\n }\n\n #hs-problem .bridge .final {\n display: block;\n margin-top: 10px;\n color: #f0ede8;\n font-weight: 700;\n }\n #hs-problem .bridge .final .accent {\n color: #BE1522;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-problem .inner {\n padding: 96px 20px;\n }\n #hs-problem .header {\n margin-bottom: 56px;\n }\n #hs-problem .pains {\n gap: 16px;\n margin-bottom: 56px;\n }\n #hs-problem .pain {\n padding: 30px 28px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-problem .inner {\n padding: 72px 18px;\n }\n #hs-problem .header {\n margin-bottom: 40px;\n }\n #hs-problem .eyebrow {\n margin-bottom: 20px;\n }\n #hs-problem .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-problem h2 {\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\n #hs-problem .intro {\n font-size: 15px;\n }\n #hs-problem .pains {\n grid-template-columns: 1fr;\n gap: 14px;\n margin-bottom: 48px;\n }\n #hs-problem .pain {\n padding: 26px 22px;\n border-radius: 16px;\n gap: 12px;\n }\n #hs-problem .pain-title {\n font-size: 19px;\n }\n #hs-problem .pain-desc {\n font-size: 14.5px;\n }\n #hs-problem .bridge {\n padding: 32px 0;\n }\n #hs-problem .bridge p {\n font-size: 19px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-problem h2 {\n font-size: 28px;\n }\n #hs-problem .bridge p {\n font-size: 17px;\n }\n }\n<\/style>\n\n<section id=\"hs-problem\" aria-label=\"Das Problem\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Die neue Realit\u00e4t<\/span>\n <\/div>\n\n <h2>\n Wer 2026 als CEO keine eigene Stimme hat, wird zur <span class=\"accent\">Commodity<\/span>.\n <\/h2>\n\n <div class=\"intro\">\n <p>\n Vertrauen ist im B2B die h\u00e4rteste W\u00e4hrung geworden. Kein Pitch, keine Sales-Sequenz, kein Whitepaper ersetzt den Effekt, wenn ein potenzieller Kunde dich zwei Monate lang auf LinkedIn gesehen hat, bevor er mit deinem Vertrieb spricht.\n <\/p>\n <p>\n Und genau da liegt das Problem: Die meisten CEOs wissen das. Sie tun nichts dagegen. Nicht weil sie faul sind. Sondern weil das System, das daf\u00fcr n\u00f6tig ist, nicht existiert.\n <\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"pains\">\n\n <article class=\"pain\">\n <span class=\"pain-num\">01<\/span>\n <h3 class=\"pain-title\">Deine Konkurrenz hat einen Podcast.<\/h3>\n <p class=\"pain-desc\">\n Sie wird als Kategorie-Autorit\u00e4t wahrgenommen. Sie kassiert die Aufmerksamkeit, die dir geh\u00f6ren sollte \u2014 und die Leads, die daraus folgen.\n <\/p>\n <\/article>\n\n <article class=\"pain\">\n <span class=\"pain-num\">02<\/span>\n <h3 class=\"pain-title\">Dein Marketing-Team hat keine Kapazit\u00e4t.<\/h3>\n <p class=\"pain-desc\">\n Drehtag-Koordination, Postproduktion, Thumbnails, Distribution. Das frisst 15 bis 25 Wochenstunden. Die du nicht hast. Die dein Team nicht hat.\n <\/p>\n <\/article>\n\n <article class=\"pain\">\n <span class=\"pain-num\">03<\/span>\n <h3 class=\"pain-title\">Freelancer liefern Inkonsistenz.<\/h3>\n <p class=\"pain-desc\">\n Drei Videographen. Drei Editor-Styles. Kein einheitliches Look & Feel. Kein Playbook. Kein System. Nur ein loser Haufen Content, der niemals zur Marke wird.\n <\/p>\n <\/article>\n\n <article class=\"pain\">\n <span class=\"pain-num\">04<\/span>\n <h3 class=\"pain-title\">Du selbst hast keine 20 Stunden im Monat.<\/h3>\n <p class=\"pain-desc\">\n Briefings. Reviews. Korrekturschleifen. Du bist CEO, kein Chefredakteur.\n <\/p>\n <\/article>\n\n <\/div>\n\n \n <div class=\"bridge\">\n <p>\n Du brauchst kein weiteres Tool. Kein weiteres Team-Mitglied. Keinen weiteren Freelancer.\n <span class=\"final\">Du brauchst eine <span class=\"accent\">Infrastruktur<\/span>.<\/span>\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-36958e9 e-flex e-con-boxed e-con e-parent\" data-id=\"36958e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da6bad6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"da6bad6\" 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<!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>L\u00f6sung \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-solution, #hs-solution *,\n #hs-solution *::before, #hs-solution *::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-solution {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-solution .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-solution .header {\n max-width: 820px;\n margin-bottom: 80px;\n }\n\n #hs-solution .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-solution .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-solution .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-solution h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 28px;\n }\n #hs-solution h2 .accent {\n color: #BE1522;\n }\n\n #hs-solution .subline {\n font-size: clamp(15px, 1.15vw, 17px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n max-width: 680px;\n }\n\n \/* \u2500\u2500 STEPS \u00b7 vertikale Timeline \u2500\u2500 *\/\n #hs-solution .steps {\n display: flex;\n flex-direction: column;\n max-width: 920px;\n width: 100%;\n margin: 0 auto;\n }\n\n #hs-solution .step {\n display: grid;\n grid-template-columns: 180px 1fr;\n gap: 48px;\n position: relative;\n padding-bottom: 64px;\n }\n #hs-solution .step:last-child {\n padding-bottom: 0;\n }\n\n \/* Vertikale Rail-Line verbindet die Steps *\/\n #hs-solution .step:not(:last-child)::before {\n content: \"\";\n position: absolute;\n left: 48px;\n top: 140px;\n bottom: 0;\n width: 1px;\n background: linear-gradient(\n to bottom,\n rgba(190,21,34,0.3) 0%,\n rgba(255,255,255,0.08) 100%\n );\n }\n\n \/* Step-Nummer *\/\n #hs-solution .step-digit {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(72px, 7vw, 112px);\n line-height: 0.9;\n letter-spacing: -0.05em;\n color: #f0ede8;\n background: linear-gradient(180deg, #f0ede8 0%, rgba(240,237,232,0.25) 100%);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n position: relative;\n }\n\n #hs-solution .step-digit::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -4px;\n width: 28px;\n height: 2px;\n background: #BE1522;\n border-radius: 2px;\n }\n\n \/* Step Content *\/\n #hs-solution .step-content {\n padding-top: 14px;\n }\n\n #hs-solution .step-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 30px);\n font-weight: 700;\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: #f0ede8;\n margin-bottom: 18px;\n }\n\n #hs-solution .step-desc {\n font-size: clamp(15px, 1.1vw, 16.5px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n max-width: 640px;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-solution .inner {\n padding: 96px 20px;\n }\n #hs-solution .header {\n margin-bottom: 64px;\n }\n #hs-solution .step {\n grid-template-columns: 140px 1fr;\n gap: 32px;\n padding-bottom: 52px;\n }\n #hs-solution .step:not(:last-child)::before {\n left: 40px;\n top: 120px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-solution .inner {\n padding: 72px 18px;\n }\n #hs-solution .header {\n margin-bottom: 48px;\n }\n #hs-solution .eyebrow {\n margin-bottom: 20px;\n }\n #hs-solution .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-solution h2 {\n margin-bottom: 20px;\n }\n #hs-solution .subline {\n font-size: 15px;\n }\n\n \/* Steps: Mobile stacked - Nummer \u00fcber Content *\/\n #hs-solution .step {\n grid-template-columns: 1fr;\n gap: 18px;\n padding-bottom: 44px;\n padding-left: 0;\n }\n #hs-solution .step:not(:last-child)::before {\n left: 22px;\n top: 72px;\n bottom: 20px;\n }\n #hs-solution .step-digit {\n font-size: 64px;\n }\n #hs-solution .step-digit::after {\n width: 22px;\n }\n #hs-solution .step-content {\n padding-top: 4px;\n }\n #hs-solution .step-title {\n font-size: 21px;\n margin-bottom: 12px;\n }\n #hs-solution .step-desc {\n font-size: 15px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-solution h2 {\n font-size: 28px;\n }\n #hs-solution .step-digit {\n font-size: 56px;\n }\n }\n<\/style>\n\n<section id=\"hs-solution\" aria-label=\"Die L\u00f6sung: Das System\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Die L\u00f6sung<\/span>\n <\/div>\n\n <h2>\n Ein Drehtag.<br>\n Deine komplette <span class=\"accent\">Monatspr\u00e4senz<\/span>.\n <\/h2>\n\n <p class=\"subline\">\n Das high.studios-System verwandelt einen einzigen Vormittag in K\u00f6ln in 30 Tage digitale Sichtbarkeit. Du kommst. Du sprichst. Wir verwandeln deine Expertise in alles, was dein Markt sieht.\n <\/p>\n\n <\/div>\n\n \n <div class=\"steps\">\n\n <article class=\"step\">\n <div class=\"step-digit\" aria-label=\"Schritt 1\">01<\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Der Drehtag<\/h3>\n <p class=\"step-desc\">\n 2 bis 3 Stunden in einem unserer Studios. Sony FX6 Kino-Kameras, Shure SM7B Broadcast-Mikrofone, kinoreife Ausleuchtung. Auf Wunsch Teleprompter, Moderations-Support und G\u00e4ste-Management vor Ort. Du musst nichts vorbereiten au\u00dfer dem, was du sagen willst.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-digit\" aria-label=\"Schritt 2\">02<\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Die Asset-Fabrik<\/h3>\n <p class=\"step-desc\">\n Unser Postproduktions-Team zerlegt das Rohmaterial systematisch in alle Formate, die dein Markt konsumiert. 4 vollst\u00e4ndige Podcast-Folgen f\u00fcr YouTube, Spotify und Apple. 15 High-Performance Short-Form-Clips \u2014 jeder mit Hook, Caption und Plattform-optimiertem Format.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-digit\" aria-label=\"Schritt 3\">03<\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Die Omnipr\u00e4senz<\/h3>\n <p class=\"step-desc\">\n Upload-ready. Branded. Sofort ver\u00f6ffentlichbar. Wir liefern alles binnen 72 Stunden nach dem Drehtag. Du entscheidest nur noch, was wann geht.\n <\/p>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-c60b2a2 e-flex e-con-boxed e-con e-parent\" data-id=\"c60b2a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-495e18a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"495e18a\" 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<!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>Studios \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-studios, #hs-studios *,\n #hs-studios *::before, #hs-studios *::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-studios {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-studios .inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-studios .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-studios .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-studios .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-studios .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-studios h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 28px;\n }\n #hs-studios h2 .accent {\n color: #BE1522;\n }\n\n #hs-studios .subline {\n font-size: clamp(15px, 1.15vw, 17px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n max-width: 680px;\n }\n\n \/* \u2500\u2500 GRID \u2500\u2500 *\/\n #hs-studios .grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n }\n\n \/* \u2500\u2500 CARD \u2500\u2500 *\/\n #hs-studios .studio {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 24px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: border-color 0.3s ease, transform 0.3s ease, background 0.3s ease;\n }\n #hs-studios .studio:hover {\n border-color: rgba(190,21,34,0.28);\n background: rgba(255,255,255,0.03);\n transform: translateY(-3px);\n }\n\n \/* \u2500\u2500 VISUAL AREA \u00b7 echtes Studio-Foto \u2500\u2500 *\/\n #hs-studios .visual {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n isolation: isolate;\n }\n\n \/* Subtiler Top-Gradient f\u00fcr Badge-Lesbarkeit auf hellen Bildern *\/\n #hs-studios .visual::after {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 90px;\n background: linear-gradient(to bottom, rgba(0,0,0,0.35), transparent);\n pointer-events: none;\n z-index: 1;\n }\n\n \/* BLACK STUDIO \u2014 echtes Foto *\/\n #hs-studios .studio-black .visual {\n background:\n url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/blackstudio_01-scaled.jpg')\n center\/cover no-repeat,\n #0a0604;\n }\n\n \/* WHITE STUDIO \u2014 echtes Foto *\/\n #hs-studios .studio-white .visual {\n background:\n url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/01\/A7309730-scaled.jpg')\n center\/cover no-repeat,\n #1c1c1c;\n }\n\n \/* PRESIDENT STUDIO \u2014 echtes Foto *\/\n #hs-studios .studio-president .visual {\n background:\n url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/Totale-gecropped-scaled.png')\n center\/cover no-repeat,\n #040404;\n }\n\n \/* Sanfter Zoom-In beim Hover \u2014 Premium-Detail *\/\n #hs-studios .studio .visual {\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n }\n #hs-studios .studio:hover .visual {\n transform: scale(1.03);\n }\n\n \/* Subtiles Badge oben links in der Visual-Area *\/\n #hs-studios .visual-badge {\n position: absolute;\n top: 18px;\n left: 18px;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 6px 11px;\n background: rgba(0,0,0,0.5);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 999px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.78);\n z-index: 2;\n }\n #hs-studios .visual-badge::before {\n content: \"\";\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.9);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 BODY \u2500\u2500 *\/\n #hs-studios .body {\n padding: 28px 28px 32px;\n display: flex;\n flex-direction: column;\n gap: 18px;\n flex: 1;\n }\n\n #hs-studios .studio-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 1.8vw, 24px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.01em;\n color: #f0ede8;\n }\n\n #hs-studios .studio-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px 14px;\n font-size: 11.5px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(190,21,34,0.8);\n }\n #hs-studios .studio-tags .sep {\n color: rgba(255,255,255,0.2);\n }\n\n #hs-studios .studio-desc {\n font-size: 14.5px;\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.55);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-studios .inner {\n padding: 96px 20px;\n }\n #hs-studios .header {\n margin-bottom: 56px;\n }\n #hs-studios .grid {\n gap: 16px;\n }\n #hs-studios .body {\n padding: 24px 24px 28px;\n gap: 14px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-studios .inner {\n padding: 72px 18px;\n }\n #hs-studios .header {\n margin-bottom: 40px;\n }\n #hs-studios .eyebrow {\n margin-bottom: 20px;\n }\n #hs-studios .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-studios h2 {\n margin-bottom: 20px;\n }\n #hs-studios .subline {\n font-size: 15px;\n }\n #hs-studios .grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n #hs-studios .visual {\n aspect-ratio: 16 \/ 11;\n }\n #hs-studios .body {\n padding: 22px 22px 26px;\n gap: 12px;\n }\n #hs-studios .studio-name {\n font-size: 20px;\n }\n #hs-studios .studio-tags {\n font-size: 11px;\n letter-spacing: 0.1em;\n }\n #hs-studios .studio-desc {\n font-size: 14px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-studios h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-studios\" aria-label=\"Die Studios\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Drei R\u00e4ume. Eine Sendequalit\u00e4t.<\/span>\n <\/div>\n\n <h2>\n W\u00e4hle den Raum, der zu deiner <span class=\"accent\">Autorit\u00e4t<\/span> passt.\n <\/h2>\n\n <p class=\"subline\">\n 1.000 m\u00b2 Infrastruktur in K\u00f6ln-Ehrenfeld. Drei eigenst\u00e4ndige Studio-Setups \u2014 f\u00fcr jeden CEO-Content das passende B\u00fchnenbild.\n <\/p>\n\n <\/div>\n\n \n <div class=\"grid\">\n\n \n <article class=\"studio studio-black\">\n <div class=\"visual\" aria-hidden=\"true\">\n <span class=\"visual-badge\">Black Studio<\/span>\n <\/div>\n <div class=\"body\">\n <h3 class=\"studio-name\">Black Studio<\/h3>\n <div class=\"studio-tags\">\n <span>Warm<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Vertraulich<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Gespr\u00e4ch<\/span>\n <\/div>\n <p class=\"studio-desc\">\n F\u00fcr Podcasts, die sich nach echtem Gespr\u00e4ch anf\u00fchlen. Warme T\u00f6ne, tiefer Kontrast, eine Atmosph\u00e4re die N\u00e4he schafft. Der Raum, in dem sich deine G\u00e4ste \u00f6ffnen \u2014 und dein Publikum dranbleibt.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"studio studio-white\">\n <div class=\"visual\" aria-hidden=\"true\">\n <span class=\"visual-badge\">White Studio<\/span>\n <\/div>\n <div class=\"body\">\n <h3 class=\"studio-name\">White Studio<\/h3>\n <div class=\"studio-tags\">\n <span>Clean<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Modern<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Brand-First<\/span>\n <\/div>\n <p class=\"studio-desc\">\n Maximale Flexibilit\u00e4t, minimale Ablenkung. Die sauberste Leinwand, die wir haben \u2014 vollst\u00e4ndig individualisierbar mit eurem Corporate Design. Perfekt f\u00fcr Marken, die selbst im Vordergrund stehen sollen.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"studio studio-president\">\n <div class=\"visual\" aria-hidden=\"true\">\n <span class=\"visual-badge\">President Studio<\/span>\n <\/div>\n <div class=\"body\">\n <h3 class=\"studio-name\">President Studio<\/h3>\n <div class=\"studio-tags\">\n <span>Exklusiv<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Pr\u00e4sidial<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Autorit\u00e4t<\/span>\n <\/div>\n <p class=\"studio-desc\">\n Unser edelster Raum. Dunkle T\u00f6ne, reduziertes Design, eine Atmosph\u00e4re die Gewicht tr\u00e4gt. F\u00fcr CEO-Interviews, Premium-Formate und Vorstandskommunikation.\n <\/p>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-8f3f832 e-flex e-con-boxed e-con e-parent\" data-id=\"8f3f832\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1cfaa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7d1cfaa\" 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<style>\n #hs-output, #hs-output *,\n #hs-output *::before, #hs-output *::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-output {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n #hs-output .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n #hs-output .header {\n max-width: 820px;\n margin-bottom: 80px;\n }\n #hs-output .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-output .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-output .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n #hs-output h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 0;\n }\n #hs-output h2 .accent {\n color: #BE1522;\n }\n \/* \u2500\u2500 BLOCKS \u2500\u2500 *\/\n #hs-output .blocks {\n display: flex;\n flex-direction: column;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n #hs-output .block {\n display: grid;\n grid-template-columns: 220px 1fr;\n gap: 48px;\n padding: 56px 0;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n align-items: start;\n transition: padding-left 0.3s ease;\n }\n #hs-output .block:hover {\n padding-left: 8px;\n }\n #hs-output .block-label {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n #hs-output .block-num {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(56px, 6.5vw, 96px);\n line-height: 0.9;\n letter-spacing: -0.045em;\n color: #f0ede8;\n }\n #hs-output .block-num .inf {\n font-weight: 500;\n letter-spacing: -0.02em;\n }\n #hs-output .block-tagline {\n display: inline-block;\n font-size: 10.5px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(190,21,34,0.85);\n padding-top: 4px;\n border-top: 2px solid #BE1522;\n align-self: flex-start;\n }\n #hs-output .block-body {\n padding-top: 10px;\n }\n #hs-output .block-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 30px);\n font-weight: 700;\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: #f0ede8;\n margin-bottom: 22px;\n }\n #hs-output .features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 12px;\n max-width: 620px;\n }\n #hs-output .features li {\n position: relative;\n padding-left: 22px;\n font-size: clamp(14px, 1.05vw, 15.5px);\n line-height: 1.55;\n color: rgba(255,255,255,0.62);\n }\n #hs-output .features li::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n }\n #hs-output .features li strong {\n color: #f0ede8;\n font-weight: 500;\n }\n \/* \u2500\u2500 FINAL STATEMENT \u2500\u2500 *\/\n #hs-output .statement {\n margin-top: 72px;\n padding-top: 48px;\n border-top: 1px solid rgba(255,255,255,0.08);\n text-align: center;\n }\n #hs-output .statement p {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.2vw, 32px);\n font-weight: 600;\n line-height: 1.3;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.5);\n }\n #hs-output .statement .highlight {\n color: #f0ede8;\n font-weight: 700;\n }\n #hs-output .statement .highlight .accent {\n color: #BE1522;\n }\n \/* \u2500\u2500 CTAs \u2500\u2500 *\/\n #hs-output .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 40px;\n max-width: 100%;\n }\n #hs-output .btn-primary,\n #hs-output .btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 26px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.005em;\n border-radius: 10px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n text-align: center;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n position: relative;\n overflow: hidden;\n }\n #hs-output .btn-primary {\n background: #BE1522;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.04);\n box-shadow: 0 2px 18px rgba(190,21,34,0.32);\n }\n #hs-output .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n }\n #hs-output .btn-primary:hover {\n transform: translateY(-2px);\n background: #d41829;\n box-shadow: 0 6px 28px rgba(190,21,34,0.45);\n }\n #hs-output .btn-primary:hover::after { transform: translateX(100%); }\n #hs-output .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.88);\n border: 1px solid rgba(255,255,255,0.18);\n }\n #hs-output .btn-outline:hover {\n transform: translateY(-2px);\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n #hs-output .btn-primary svg,\n #hs-output .btn-outline svg {\n width: 14px; height: 14px;\n flex-shrink: 0;\n transition: transform .2s ease;\n }\n #hs-output .btn-primary:hover svg,\n #hs-output .btn-outline:hover svg { transform: translateX(3px); }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-output .inner { padding: 96px 20px; }\n #hs-output .header { margin-bottom: 64px; }\n #hs-output .block {\n grid-template-columns: 180px 1fr;\n gap: 32px;\n padding: 44px 0;\n }\n #hs-output .statement {\n margin-top: 56px;\n padding-top: 40px;\n }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-output .inner { padding: 72px 18px; }\n #hs-output .header { margin-bottom: 48px; }\n #hs-output .eyebrow { margin-bottom: 20px; }\n #hs-output .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-output .block {\n grid-template-columns: 1fr;\n gap: 24px;\n padding: 40px 0;\n }\n #hs-output .block:hover { padding-left: 0; }\n #hs-output .block-num { font-size: 64px; }\n #hs-output .block-tagline {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-output .block-body { padding-top: 0; }\n #hs-output .block-title {\n font-size: 20px;\n margin-bottom: 18px;\n }\n #hs-output .features li {\n font-size: 14.5px;\n padding-left: 18px;\n }\n #hs-output .statement {\n margin-top: 56px;\n padding-top: 36px;\n }\n #hs-output .statement p { font-size: 19px; }\n #hs-output .ctas {\n flex-direction: column;\n gap: 12px;\n width: 100%;\n margin-top: 32px;\n }\n #hs-output .btn-primary,\n #hs-output .btn-outline {\n width: 100%;\n padding: 16px 18px;\n font-size: 14px;\n white-space: normal;\n }\n }\n @media (max-width: 380px) {\n #hs-output h2 { font-size: 28px; }\n #hs-output .block-num { font-size: 56px; }\n #hs-output .statement p { font-size: 17px; }\n #hs-output .btn-primary,\n #hs-output .btn-outline { font-size: 13px; }\n }\n<\/style>\n\n<section id=\"hs-output\" aria-label=\"Was du bekommst\">\n <div class=\"inner\">\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Dein monatlicher Output<\/span>\n <\/div>\n <h2>\n Was wir nach einem Drehtag f\u00fcr dich auf <span class=\"accent\">Sendung<\/span> bringen.\n <\/h2>\n <\/div>\n\n \n <div class=\"blocks\">\n <article class=\"block\">\n <div class=\"block-label\">\n <span class=\"block-num\">04<\/span>\n <span class=\"block-tagline\">Podcast-Folgen<\/span>\n <\/div>\n <div class=\"block-body\">\n <h3 class=\"block-title\">Vollwertige Podcast-Episoden \u2014 Video & Audio.<\/h3>\n <ul class=\"features\">\n <li><strong>Video in 4K<\/strong>, Multicam mit bis zu 4 Kameras, farbkorrigiert auf Sendequalit\u00e4t<\/li>\n <li><strong>Audio broadcast-gemastert<\/strong> nach EBU-R128, studioqualit\u00e4tsbereinigt<\/li>\n <li>Plattform-Formate: <strong>YouTube<\/strong> (16:9), <strong>Spotify Video<\/strong>, <strong>Apple Podcasts<\/strong>, reiner Audio-Stream<\/li>\n <li>Komplettes Branding: Intro, Outro, Lower Thirds, Title Cards, Thumbnails<\/li>\n <\/ul>\n <\/div>\n <\/article>\n\n <article class=\"block\">\n <div class=\"block-label\">\n <span class=\"block-num\">15<\/span>\n <span class=\"block-tagline\">Short-Form-Clips<\/span>\n <\/div>\n <div class=\"block-body\">\n <h3 class=\"block-title\">High-Performance Reels f\u00fcr alle Vertical-Plattformen.<\/h3>\n <ul class=\"features\">\n <li><strong>9:16 Vertical-Format<\/strong> f\u00fcr LinkedIn, Instagram & TikTok<\/li>\n <li>Systematisch aus den Episoden extrahiert \u2014 jeder Clip mit <strong>Hook, Spannungsbogen, Caption<\/strong><\/li>\n <li><strong>Dynamische Untertitel<\/strong> (95% der Plattform-Views laufen ohne Ton)<\/li>\n <li>Brand-Template durchgehend konsistent \u2014 Wiedererkennung ab dem ersten Frame<\/li>\n <\/ul>\n <\/div>\n <\/article>\n\n <article class=\"block\">\n <div class=\"block-label\">\n <span class=\"block-num\"><span class=\"inf\">\u221e<\/span><\/span>\n <span class=\"block-tagline\">Full-Service<\/span>\n <\/div>\n <div class=\"block-body\">\n <h3 class=\"block-title\">Komplette Postproduktion \u2014 du bekommst fertig geliefert.<\/h3>\n <ul class=\"features\">\n <li><strong>Multicam-Schnitt<\/strong> & Storytelling-Aufbau<\/li>\n <li><strong>Audio Cleaning, Leveling, Mastering<\/strong><\/li>\n <li><strong>Color Grading<\/strong> auf Sendequalit\u00e4t<\/li>\n <li><strong>Thumbnail-Design<\/strong> (auf Wunsch mit A\/B-Varianten)<\/li>\n <li><strong>Delivery binnen 72 Stunden<\/strong> nach dem Drehtag<\/li>\n <\/ul>\n <\/div>\n <\/article>\n <\/div>\n\n \n <div class=\"statement\">\n <p>\n Ein Drehtag.\n <span class=\"highlight\">Alles, was du f\u00fcr den Rest des <span class=\"accent\">Monats<\/span> brauchst.<\/span>\n <\/p>\n <\/div>\n\n \n <div class=\"ctas\">\n <a id=\"hs-output-cta-primary\" href=\"#hs-form\" class=\"btn-primary\">\n <span>Jetzt anfragen<\/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 <\/a>\n <a id=\"hs-output-cta-whatsapp\" href=\"https:\/\/wa.me\/+491726295756?text=Hi%20Philipp%2C%20ich%20interessiere%20mich%20f%C3%BCr%20das%20high.studios-System.\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\n <span>Per WhatsApp schreiben<\/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=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\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<div class=\"elementor-element elementor-element-7362d82 e-flex e-con-boxed e-con e-parent\" data-id=\"7362d82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc2f20 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6bc2f20\" 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<!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>F\u00fcr wen \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-forwho, #hs-forwho *,\n #hs-forwho *::before, #hs-forwho *::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-forwho {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-forwho .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-forwho .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-forwho .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-forwho .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-forwho .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-forwho h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n #hs-forwho h2 .accent {\n color: #BE1522;\n }\n\n \/* \u2500\u2500 GRID \u2500\u2500 *\/\n #hs-forwho .grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n \/* \u2500\u2500 PROFILE CARD \u2500\u2500 *\/\n #hs-forwho .profile {\n background: rgba(255,255,255,0.015);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n padding: 36px 32px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n \/* Sanfter Glow oben rechts bei Hover *\/\n #hs-forwho .profile::before {\n content: \"\";\n position: absolute;\n top: -40%;\n right: -20%;\n width: 60%;\n height: 80%;\n background: radial-gradient(ellipse, rgba(190,21,34,0.12) 0%, transparent 65%);\n filter: blur(40px);\n opacity: 0;\n transition: opacity 0.4s ease;\n pointer-events: none;\n }\n #hs-forwho .profile:hover {\n border-color: rgba(190,21,34,0.25);\n background: rgba(255,255,255,0.025);\n transform: translateY(-3px);\n }\n #hs-forwho .profile:hover::before {\n opacity: 1;\n }\n\n \/* Profile Tag Pill *\/\n #hs-forwho .tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n align-self: flex-start;\n padding: 5px 11px;\n background: rgba(190,21,34,0.1);\n border: 1px solid rgba(190,21,34,0.3);\n border-radius: 999px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(240,180,190,0.95);\n position: relative;\n z-index: 1;\n }\n #hs-forwho .tag::before {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: #BE1522;\n flex-shrink: 0;\n }\n\n \/* Role Title *\/\n #hs-forwho .role {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 28px);\n font-weight: 700;\n line-height: 1.15;\n letter-spacing: -0.015em;\n color: #f0ede8;\n position: relative;\n z-index: 1;\n }\n\n \/* Description *\/\n #hs-forwho .desc {\n font-size: clamp(14.5px, 1.05vw, 16px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-forwho .inner {\n padding: 96px 20px;\n }\n #hs-forwho .header {\n margin-bottom: 56px;\n }\n #hs-forwho .grid {\n gap: 16px;\n }\n #hs-forwho .profile {\n padding: 30px 28px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-forwho .inner {\n padding: 72px 18px;\n }\n #hs-forwho .header {\n margin-bottom: 40px;\n }\n #hs-forwho .eyebrow {\n margin-bottom: 20px;\n }\n #hs-forwho .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-forwho .grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n #hs-forwho .profile {\n padding: 26px 22px;\n border-radius: 16px;\n gap: 12px;\n }\n #hs-forwho .tag {\n font-size: 9.5px;\n letter-spacing: 0.14em;\n }\n #hs-forwho .role {\n font-size: 20px;\n }\n #hs-forwho .desc {\n font-size: 14.5px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-forwho h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-forwho\" aria-label=\"F\u00fcr wen das ist\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Dein Profil<\/span>\n <\/div>\n\n <h2>\n Gebaut f\u00fcr Menschen, die den <span class=\"accent\">Markt sehen m\u00fcssen<\/span> \u2014 nicht umgekehrt.\n <\/h2>\n\n <\/div>\n\n \n <div class=\"grid\">\n\n <article class=\"profile\">\n <span class=\"tag\">Leadership<\/span>\n <h3 class=\"role\">CEO & Gesch\u00e4ftsf\u00fchrung<\/h3>\n <p class=\"desc\">\n Du willst als Kategorie-Autorit\u00e4t wahrgenommen werden, ohne selbst zum Vollzeit-Creator zu werden. Deine pers\u00f6nliche Sichtbarkeit zieht Deals ins Haus, die klassisches Marketing nie erreichen w\u00fcrde.\n <\/p>\n <\/article>\n\n <article class=\"profile\">\n <span class=\"tag\">Personal Brand<\/span>\n <h3 class=\"role\">Founder & Gr\u00fcnder<\/h3>\n <p class=\"desc\">\n Dein Unternehmen und dein Name sind untrennbar. Jeder Follower, der dir vertraut, vertraut deiner Firma. Omnipr\u00e4senz ist dein h\u00e4rtester Wachstumshebel \u2014 und gleichzeitig das, wof\u00fcr du am wenigsten Zeit hast.\n <\/p>\n <\/article>\n\n <article class=\"profile\">\n <span class=\"tag\">Expertise<\/span>\n <h3 class=\"role\">Berater & High-Ticket-Experten<\/h3>\n <p class=\"desc\">\n Du verkaufst Mandate ab 10.000 \u20ac. Ein einziger zus\u00e4tzlicher Kunde pro Quartal refinanziert das gesamte System. Alles dar\u00fcber ist Marge.\n <\/p>\n <\/article>\n\n <article class=\"profile\">\n <span class=\"tag\">Executive<\/span>\n <h3 class=\"role\">Vorstand & C-Level<\/h3>\n <p class=\"desc\">\n Du brauchst professionelle Kommunikationskan\u00e4le \u2014 f\u00fcr Mitarbeiter, Investoren, Stakeholder, Kunden. Keine Improvisation im iPhone-Setup. Keine Peinlichkeiten in internen Quartals-Videos.\n <\/p>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-7e8c51a e-flex e-con-boxed e-con e-parent\" data-id=\"7e8c51a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f412df elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7f412df\" 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<style>\n #hs-economy, #hs-economy *,\n #hs-economy *::before, #hs-economy *::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-economy {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n #hs-economy .inner {\n max-width: 1160px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n #hs-economy .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n #hs-economy .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-economy .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-economy .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n #hs-economy h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n \/* \u2500\u2500 COMPARE GRID \u2500\u2500 *\/\n #hs-economy .compare {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 72px;\n position: relative;\n }\n #hs-economy .column {\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 24px;\n padding: 40px 36px;\n display: flex;\n flex-direction: column;\n gap: 28px;\n position: relative;\n overflow: hidden;\n }\n #hs-economy .column.diy {\n background: rgba(255,255,255,0.015);\n }\n #hs-economy .column.hs {\n background:\n radial-gradient(ellipse at 50% 0%, rgba(190,21,34,0.08) 0%, transparent 70%),\n rgba(255,255,255,0.02);\n border-color: rgba(190,21,34,0.22);\n }\n #hs-economy .col-label {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n align-self: flex-start;\n padding: 5px 11px;\n border-radius: 999px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n #hs-economy .diy .col-label {\n color: rgba(255,255,255,0.5);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n }\n #hs-economy .diy .col-label::before {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: rgba(255,255,255,0.35);\n flex-shrink: 0;\n }\n #hs-economy .hs .col-label {\n color: rgba(240,180,190,0.95);\n background: rgba(190,21,34,0.1);\n border: 1px solid rgba(190,21,34,0.35);\n }\n #hs-economy .hs .col-label::before {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: #BE1522;\n flex-shrink: 0;\n }\n #hs-economy .col-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 1.8vw, 26px);\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -0.015em;\n color: #f0ede8;\n }\n #hs-economy .diy .col-title {\n color: rgba(255,255,255,0.78);\n }\n \/* \u2500\u2500 STARTER PRICE \u2500\u2500 *\/\n #hs-economy .starter {\n padding: 18px 0;\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n #hs-economy .starter-label {\n display: block;\n font-size: 10.5px;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.32);\n margin-bottom: 8px;\n }\n #hs-economy .starter-price {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 28px);\n font-weight: 600;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.72);\n }\n \/* \u2500\u2500 PLUS LIST \u2500\u2500 *\/\n #hs-economy .plus-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n #hs-economy .plus-list li {\n position: relative;\n padding-left: 26px;\n font-size: 14.5px;\n line-height: 1.5;\n color: rgba(255,255,255,0.5);\n }\n #hs-economy .plus-list li::before {\n content: \"+\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 500;\n color: rgba(255,180,180,0.6);\n font-size: 16px;\n line-height: 1.35;\n }\n \/* \u2500\u2500 BENEFITS LIST \u2500\u2500 *\/\n #hs-economy .benefits-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n #hs-economy .benefits-list li {\n position: relative;\n padding-left: 24px;\n font-size: 14.5px;\n line-height: 1.5;\n color: rgba(255,255,255,0.75);\n }\n #hs-economy .benefits-list li::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #BE1522;\n }\n #hs-economy .benefits-list li strong {\n color: #f0ede8;\n font-weight: 500;\n }\n \/* \u2500\u2500 CAVEAT \u2500\u2500 *\/\n #hs-economy .caveat {\n font-size: 13.5px;\n line-height: 1.55;\n color: rgba(255,255,255,0.42);\n font-style: italic;\n padding: 14px 0 0;\n border-top: 1px dashed rgba(255,255,255,0.1);\n }\n \/* \u2500\u2500 TOTAL BLOCK \u2500\u2500 *\/\n #hs-economy .total {\n margin-top: auto;\n padding-top: 28px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n #hs-economy .total-label {\n display: block;\n font-size: 10.5px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n #hs-economy .diy .total-label { color: rgba(255,255,255,0.42); }\n #hs-economy .hs .total-label { color: rgba(240,180,190,0.95); }\n #hs-economy .total-price {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(34px, 4.2vw, 58px);\n font-weight: 700;\n line-height: 1;\n letter-spacing: -0.035em;\n display: block;\n margin-bottom: 6px;\n }\n #hs-economy .diy .total-price { color: #f0ede8; }\n #hs-economy .hs .total-price {\n color: #f0ede8;\n position: relative;\n }\n #hs-economy .hs .total-price::after {\n content: \"\";\n display: block;\n width: 40px;\n height: 3px;\n background: #BE1522;\n border-radius: 2px;\n margin-top: 10px;\n }\n #hs-economy .total-sub {\n display: block;\n font-size: 13px;\n color: rgba(255,255,255,0.42);\n }\n \/* \u2500\u2500 BRIDGE-STATEMENT \u2500\u2500 *\/\n #hs-economy .bridge {\n padding: 40px 0;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n text-align: center;\n max-width: 780px;\n margin: 0 auto;\n }\n #hs-economy .bridge p {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.1vw, 30px);\n font-weight: 500;\n line-height: 1.3;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.55);\n }\n #hs-economy .bridge .final {\n display: block;\n margin-top: 10px;\n color: #f0ede8;\n font-weight: 700;\n }\n #hs-economy .bridge .accent {\n color: #BE1522;\n }\n \/* \u2500\u2500 CTAs \u2500\u2500 *\/\n #hs-economy .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 48px;\n max-width: 100%;\n }\n #hs-economy .btn-primary,\n #hs-economy .btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 26px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.005em;\n border-radius: 10px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n text-align: center;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n position: relative;\n overflow: hidden;\n }\n #hs-economy .btn-primary {\n background: #BE1522;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.04);\n box-shadow: 0 2px 18px rgba(190,21,34,0.32);\n }\n #hs-economy .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n }\n #hs-economy .btn-primary:hover {\n transform: translateY(-2px);\n background: #d41829;\n box-shadow: 0 6px 28px rgba(190,21,34,0.45);\n }\n #hs-economy .btn-primary:hover::after { transform: translateX(100%); }\n #hs-economy .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.88);\n border: 1px solid rgba(255,255,255,0.18);\n }\n #hs-economy .btn-outline:hover {\n transform: translateY(-2px);\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n #hs-economy .btn-primary svg,\n #hs-economy .btn-outline svg {\n width: 14px; height: 14px;\n flex-shrink: 0;\n transition: transform .2s ease;\n }\n #hs-economy .btn-primary:hover svg,\n #hs-economy .btn-outline:hover svg { transform: translateX(3px); }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-economy .inner { padding: 96px 20px; }\n #hs-economy .header { margin-bottom: 56px; }\n #hs-economy .compare {\n gap: 16px;\n margin-bottom: 56px;\n }\n #hs-economy .column {\n padding: 34px 30px;\n gap: 24px;\n }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-economy .inner { padding: 72px 18px; }\n #hs-economy .header { margin-bottom: 40px; }\n #hs-economy .eyebrow { margin-bottom: 20px; }\n #hs-economy .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-economy .compare {\n grid-template-columns: 1fr;\n gap: 14px;\n margin-bottom: 48px;\n }\n #hs-economy .column {\n padding: 28px 22px;\n gap: 20px;\n border-radius: 18px;\n }\n #hs-economy .col-title { font-size: 19px; }\n #hs-economy .plus-list li,\n #hs-economy .benefits-list li { font-size: 14px; }\n #hs-economy .total-price { font-size: 34px; }\n #hs-economy .bridge { padding: 32px 0; }\n #hs-economy .bridge p { font-size: 19px; }\n #hs-economy .ctas {\n flex-direction: column;\n gap: 12px;\n width: 100%;\n margin-top: 36px;\n }\n #hs-economy .btn-primary,\n #hs-economy .btn-outline {\n width: 100%;\n padding: 16px 18px;\n font-size: 14px;\n white-space: normal;\n }\n }\n @media (max-width: 380px) {\n #hs-economy h2 { font-size: 28px; }\n #hs-economy .total-price { font-size: 30px; }\n #hs-economy .bridge p { font-size: 17px; }\n #hs-economy .btn-primary,\n #hs-economy .btn-outline { font-size: 13px; }\n }\n<\/style>\n\n<section id=\"hs-economy\" aria-label=\"\u00d6konomischer Vergleich\">\n <div class=\"inner\">\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Die \u00f6konomische Logik<\/span>\n <\/div>\n <h2>Rechnen wir kurz.<\/h2>\n <\/div>\n\n \n <div class=\"compare\">\n \n <article class=\"column diy\">\n <span class=\"col-label\">Die DIY-Realit\u00e4t<\/span>\n <h3 class=\"col-title\">Ein interner Video-Editor<\/h3>\n <div class=\"starter\">\n <span class=\"starter-label\">Gehalt brutto \/ Monat<\/span>\n <span class=\"starter-price\">3.425 \u20ac \u2013 5.378 \u20ac<\/span>\n <\/div>\n <ul class=\"plus-list\">\n <li>20 % Lohnnebenkosten<\/li>\n <li>Studio-Miete<\/li>\n <li>Equipment (4-stellig initial)<\/li>\n <li>Recruiting-Aufwand<\/li>\n <li>Urlaubs- und Krankheitsvertretung<\/li>\n <\/ul>\n <p class=\"caveat\">\n Und daf\u00fcr bekommst du: <em>eine<\/em> Person. Die schneidet. Wenn sie ausf\u00e4llt, steht alles.\n <\/p>\n <div class=\"total\">\n <span class=\"total-label\">Realistische Gesamtkosten<\/span>\n <span class=\"total-price\">6.500 \u20ac \u2013 9.000 \u20ac<\/span>\n <span class=\"total-sub\">pro Monat<\/span>\n <\/div>\n <\/article>\n\n \n <article class=\"column hs\">\n <span class=\"col-label\">Das high.studios-System<\/span>\n <h3 class=\"col-title\">Ein komplettes Produktions-Team<\/h3>\n <ul class=\"benefits-list\">\n <li><strong>Videograph \u00b7 Editor \u00b7 Tontechniker \u00b7 Grafikdesigner<\/strong> \u2014 ein eingespieltes Team<\/li>\n <li><strong>1.000 m\u00b2 Studio-Infrastruktur<\/strong> in K\u00f6ln-Ehrenfeld<\/li>\n <li><strong>8 Jahre Erfahrung<\/strong> mit Kunden wie BMW, Meta, Spotify<\/li>\n <li><strong>Systemischer Workflow<\/strong> \u2014 null Abh\u00e4ngigkeit von einzelnen Personen<\/li>\n <li><strong>Skalierbar ab Tag 1<\/strong> \u2014 mehr Content, ohne mehr Headcount<\/li>\n <\/ul>\n <div class=\"total\">\n <span class=\"total-label\">Deine Investition<\/span>\n <span class=\"total-price\">2.394 \u20ac \u2013 3.211 \u20ac<\/span>\n <span class=\"total-sub\">pro Monat<\/span>\n <\/div>\n <\/article>\n <\/div>\n\n \n <div class=\"bridge\">\n <p>\n Du hast keinen gr\u00f6\u00dferen Content-Bedarf als andere CEOs.\n <span class=\"final\">Dir fehlt nur die <span class=\"accent\">Infrastruktur<\/span>, die den Bedarf deckt.<\/span>\n <\/p>\n <\/div>\n\n \n <div class=\"ctas\">\n <a id=\"hs-economy-cta-primary\" href=\"#hs-form\" class=\"btn-primary\">\n <span>Jetzt anfragen<\/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 <\/a>\n <a id=\"hs-economy-cta-whatsapp\" href=\"https:\/\/wa.me\/+491726295756?text=Hi%20Philipp%2C%20ich%20interessiere%20mich%20f%C3%BCr%20das%20high.studios-System.\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\n <span>Per WhatsApp schreiben<\/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=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\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<div class=\"elementor-element elementor-element-3bb1521 e-flex e-con-boxed e-con e-parent\" data-id=\"3bb1521\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea93447 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ea93447\" 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<style>\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 #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 #hs-form .inner {\n max-width: 880px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n #hs-form .header {\n text-align: center;\n margin-bottom: 56px;\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 #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 #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 #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 #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 #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 #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 #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 #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 @keyframes hs-step-fade {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\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 #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 #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 #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 #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 #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 #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 #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 #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 @media (max-width: 1023px) {\n #hs-form .inner { padding: 96px 20px; }\n #hs-form .card { padding: 40px 32px; }\n }\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 #hs-form .card {\n padding: 28px 20px;\n border-radius: 18px;\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 #hs-form .step-question { font-size: 20px; }\n #hs-form .step-hint {\n font-size: 13.5px;\n margin-bottom: 22px;\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 #hs-form .nav {\n padding-top: 22px;\n }\n #hs-form .btn-next {\n padding: 14px 22px;\n font-size: 14px;\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 <div class=\"inner\">\n\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 <div class=\"card\">\n\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 <div class=\"steps\">\n\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 <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 & 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 <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 <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 & 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 <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 <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 <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 <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 <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 <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 <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 <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<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,\n goal: null,\n format: null,\n name: '',\n company_name: '',\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 \/\/ \u2500\u2500 STEP-TRACKING (1\u00d7 pro Session) \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 trackStepEntry(stepNum) {\n var flag = '__hsFormStep' + stepNum + 'Fired';\n if (window[flag]) return;\n window[flag] = true;\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'form_step_' + stepNum,\n step: stepNum,\n form_id: 'medienhaus_lead',\n lp_slug: 'medienhaus'\n });\n }\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 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 \/\/ Step 1 trackt beim ersten Radio-Click in Step 1\n if (state.step === 1) trackStepEntry(1);\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 \/\/ Track Step 2 \/ 3 \/ 4 beim Wechsel\n trackStepEntry(state.step);\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 \/\/ \u2500\u2500 Bestehender Lead-Push f\u00fcr Bridge \u2192 form_submit (CAPI) \u2500\u2500\n var eventId = 'lead_form_submit_' + Date.now() + '_' + Math.random().toString(36).slice(2, 10);\n window.eventId = eventId;\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_form_submit',\n event_id: eventId,\n form_name: 'medienhaus_lead',\n company_size: payload.company_size,\n goal: payload.goal,\n format: payload.format,\n name: payload.name,\n email: payload.email,\n phone: payload.phone,\n value: 1,\n currency: 'EUR'\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>\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<div class=\"elementor-element elementor-element-075edcb e-flex e-con-boxed e-con e-parent\" data-id=\"075edcb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1fc27 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6f1fc27\" 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<!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>Testimonials \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-testimonials, #hs-testimonials *,\n #hs-testimonials *::before, #hs-testimonials *::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-testimonials {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-testimonials .inner {\n max-width: 1160px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-testimonials .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-testimonials .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-testimonials .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-testimonials .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-testimonials h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n #hs-testimonials h2 .accent { color: #BE1522; }\n\n \/* \u2500\u2500 HERO TESTIMONIAL (Elias) \u2500\u2500 *\/\n #hs-testimonials .hero {\n background:\n radial-gradient(ellipse at 80% 20%, rgba(190,21,34,0.1) 0%, transparent 60%),\n rgba(255,255,255,0.02);\n border: 1px solid rgba(190,21,34,0.22);\n border-radius: 24px;\n padding: 56px 48px;\n margin-bottom: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Gro\u00dfes Anf\u00fchrungszeichen oben *\/\n #hs-testimonials .hero::before {\n content: \"\\201C\";\n position: absolute;\n top: -20px;\n left: 32px;\n font-family: 'Bricolage Grotesque', serif;\n font-size: 180px;\n line-height: 1;\n color: rgba(190,21,34,0.14);\n font-weight: 700;\n pointer-events: none;\n }\n\n #hs-testimonials .hero-quote {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.2vw, 30px);\n font-weight: 500;\n line-height: 1.35;\n letter-spacing: -0.015em;\n color: #f0ede8;\n margin-bottom: 32px;\n position: relative;\n z-index: 1;\n max-width: 920px;\n }\n #hs-testimonials .hero-quote .highlight {\n color: #BE1522;\n font-weight: 600;\n }\n\n #hs-testimonials .hero-author {\n display: flex;\n align-items: center;\n gap: 18px;\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 SMALL TESTIMONIALS GRID \u2500\u2500 *\/\n #hs-testimonials .grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n #hs-testimonials .card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n padding: 32px 28px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n transition: border-color 0.3s ease, transform 0.3s ease;\n }\n #hs-testimonials .card:hover {\n border-color: rgba(190,21,34,0.2);\n transform: translateY(-2px);\n }\n\n #hs-testimonials .card-quote {\n font-size: 15px;\n line-height: 1.55;\n color: rgba(255,255,255,0.78);\n flex: 1;\n }\n\n #hs-testimonials .card-author {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n \/* \u2500\u2500 AUTHOR: Avatar-Badge (Initials) oder Foto \u2500\u2500 *\/\n #hs-testimonials .avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n flex-shrink: 0;\n background: linear-gradient(135deg, rgba(190,21,34,0.3), rgba(190,21,34,0.12));\n border: 1.5px solid rgba(190,21,34,0.35);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: #f0ede8;\n overflow: hidden;\n background-size: cover;\n background-position: center;\n }\n #hs-testimonials .hero .avatar {\n width: 56px;\n height: 56px;\n font-size: 18px;\n }\n \/* Wenn Foto da, verstecke Initials *\/\n #hs-testimonials .avatar[data-photo] {\n color: transparent;\n border-color: rgba(255,255,255,0.14);\n }\n\n #hs-testimonials .author-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 0;\n }\n #hs-testimonials .author-name {\n font-size: 15px;\n font-weight: 600;\n color: #f0ede8;\n letter-spacing: -0.01em;\n }\n #hs-testimonials .hero .author-name {\n font-size: 16px;\n }\n #hs-testimonials .author-role {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-testimonials .inner {\n padding: 96px 20px;\n }\n #hs-testimonials .header {\n margin-bottom: 56px;\n }\n #hs-testimonials .hero {\n padding: 44px 36px;\n }\n #hs-testimonials .hero::before {\n font-size: 140px;\n left: 24px;\n }\n #hs-testimonials .grid {\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n #hs-testimonials .card {\n padding: 28px 24px;\n }\n \/* Dritte Card volle Breite *\/\n #hs-testimonials .card:nth-child(3) {\n grid-column: 1 \/ -1;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-testimonials .inner {\n padding: 72px 18px;\n }\n #hs-testimonials .header {\n margin-bottom: 40px;\n }\n #hs-testimonials .eyebrow {\n margin-bottom: 20px;\n }\n #hs-testimonials .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-testimonials .hero {\n padding: 36px 26px;\n border-radius: 18px;\n margin-bottom: 14px;\n }\n #hs-testimonials .hero::before {\n font-size: 120px;\n top: -14px;\n left: 18px;\n }\n #hs-testimonials .grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n #hs-testimonials .card {\n padding: 26px 22px;\n border-radius: 16px;\n }\n #hs-testimonials .card:nth-child(3) {\n grid-column: auto;\n }\n }\n\n @media (max-width: 380px) {\n #hs-testimonials h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-testimonials\" aria-label=\"Kundenstimmen\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Kundenstimmen<\/span>\n <\/div>\n <h2>CEOs, die nicht mehr selbst <span class=\"accent\">produzieren<\/span>.<\/h2>\n <\/div>\n\n \n <article class=\"hero\">\n <p class=\"hero-quote\">\n Die Podcast-Studios in den high.studios sind ein absoluter <span class=\"highlight\">Gamechanger<\/span>! Die Technik ist erstklassig, die Akustik perfekt, und das Beste: alles l\u00e4uft super smooth. Das gro\u00dfartige Team nimmt dir die ganze Organisation ab, sodass du dich voll auf deine Aufnahme konzentrieren kannst. Der Gr\u00fcnder Philipp hat hier wirklich eine Umgebung geschaffen, die Kreativit\u00e4t f\u00f6rdert und dir dabei hilft, jede Menge Zeit zu sparen. Hier wird Podcasting zum Erlebnis \u2014 klare Empfehlung!\n <\/p>\n <div class=\"hero-author\">\n <div class=\"avatar\" aria-hidden=\"true\">EG<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Elias El Gharbaoui<\/span>\n <span class=\"author-role\">Gesch\u00e4ftsf\u00fchrer, Suyana GmbH<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <div class=\"grid\">\n\n \n <article class=\"card\">\n <p class=\"card-quote\">\n In eurem Podcast-Raum f\u00fchlt man sich wie in einem Safe Space. Die perfekte Atmosph\u00e4re f\u00fcr unsere Podcast-Folge.\n <\/p>\n <div class=\"card-author\">\n <div class=\"avatar\" aria-hidden=\"true\">KS<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Katrin Stockinger<\/span>\n <span class=\"author-role\">Gesch\u00e4ftsf\u00fchrerin, Noles<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"card\">\n <p class=\"card-quote\">\n Hands down ein echter One-Stop-Shop f\u00fcr die Produktion von geilem Content. Philipp, der Gr\u00fcnder, und sein ganzes Team sind mega \u2014 nicht nur produktiv, sondern einfach auch eine gute Zeit.\n <\/p>\n <div class=\"card-author\">\n <div class=\"avatar\" aria-hidden=\"true\">TS<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Tobias Schmitz<\/span>\n <span class=\"author-role\">Kundenrezension<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"card\">\n <p class=\"card-quote\">\n Philipp Kaul und sein Team leisten in jeder Hinsicht professionelle und au\u00dfergew\u00f6hnliche Arbeit. Wir sind sehr dankbar f\u00fcr die Zusammenarbeit und freuen uns auf viele weitere Projekte.\n <\/p>\n <div class=\"card-author\">\n <div class=\"avatar\" aria-hidden=\"true\">PK<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Philip Kistner<\/span>\n <span class=\"author-role\">vimabu<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-9ab1bc7 e-flex e-con-boxed e-con e-parent\" data-id=\"9ab1bc7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e723c4c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e723c4c\" 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<!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>Gr\u00fcnder + Team \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-team, #hs-team *,\n #hs-team *::before, #hs-team *::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 #hs-team {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n #hs-team .inner {\n max-width: 1160px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-team .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-team .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-team .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-team .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-team h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n #hs-team h2 .accent { color: #BE1522; }\n\n \/* \u2500\u2500 FOUNDER BLOCK \u2500\u2500 *\/\n #hs-team .founder {\n display: grid;\n grid-template-columns: 340px 1fr;\n gap: 56px;\n align-items: center;\n padding: 56px 48px;\n background:\n radial-gradient(ellipse at 85% 15%, rgba(190,21,34,0.1) 0%, transparent 60%),\n rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 28px;\n margin-bottom: 88px;\n position: relative;\n overflow: hidden;\n }\n\n #hs-team .founder-photo {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: 50%;\n background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team-1024x1024.webp');\n background-size: cover;\n background-position: center;\n background-color: #050505;\n border: 2px solid rgba(190,21,34,0.3);\n box-shadow:\n 0 0 0 8px rgba(190,21,34,0.06),\n 0 20px 50px -20px rgba(0,0,0,0.5);\n }\n\n #hs-team .founder-content {\n display: flex;\n flex-direction: column;\n gap: 28px;\n }\n\n #hs-team .founder-quote {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.1vw, 28px);\n font-weight: 500;\n line-height: 1.32;\n letter-spacing: -0.015em;\n color: #f0ede8;\n position: relative;\n }\n #hs-team .founder-quote .highlight {\n color: #BE1522;\n font-weight: 700;\n }\n\n \/* Kleines rotes Zitat-Indikator links oben *\/\n #hs-team .founder-quote::before {\n content: \"\";\n position: absolute;\n left: -14px;\n top: 8px;\n width: 3px;\n height: 28px;\n background: #BE1522;\n border-radius: 2px;\n }\n\n #hs-team .founder-meta {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n #hs-team .founder-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 20px;\n font-weight: 700;\n color: #f0ede8;\n letter-spacing: -0.015em;\n }\n #hs-team .founder-role {\n font-size: 13.5px;\n color: rgba(255,255,255,0.5);\n letter-spacing: 0.02em;\n }\n\n \/* \u2500\u2500 TEAM SECTION \u2500\u2500 *\/\n #hs-team .team-intro {\n margin-bottom: 48px;\n max-width: 820px;\n }\n #hs-team .team-label {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n margin-bottom: 18px;\n display: block;\n }\n #hs-team .team-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2.4vw, 34px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 TEAM GRID \u2500\u2500 *\/\n #hs-team .team-grid {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 24px;\n }\n\n #hs-team .member {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 14px;\n transition: transform 0.3s ease;\n }\n #hs-team .member:hover {\n transform: translateY(-3px);\n }\n\n #hs-team .member-photo {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n background-color: #1a1a1a;\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n #hs-team .member:hover .member-photo {\n border-color: rgba(190,21,34,0.35);\n box-shadow: 0 0 0 4px rgba(190,21,34,0.06);\n }\n\n #hs-team .member-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n #hs-team .member-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 15px;\n font-weight: 700;\n color: #f0ede8;\n letter-spacing: -0.01em;\n line-height: 1.2;\n }\n #hs-team .member-role {\n font-size: 12.5px;\n color: rgba(255,255,255,0.48);\n line-height: 1.3;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-team .inner {\n padding: 96px 20px;\n }\n #hs-team .header {\n margin-bottom: 56px;\n }\n #hs-team .founder {\n grid-template-columns: 260px 1fr;\n gap: 40px;\n padding: 44px 36px;\n margin-bottom: 72px;\n }\n #hs-team .team-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 24px 20px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-team .inner {\n padding: 72px 18px;\n }\n #hs-team .header {\n margin-bottom: 40px;\n }\n #hs-team .eyebrow {\n margin-bottom: 20px;\n }\n #hs-team .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-team .founder {\n grid-template-columns: 1fr;\n gap: 28px;\n padding: 36px 26px;\n margin-bottom: 56px;\n border-radius: 20px;\n }\n #hs-team .founder-photo {\n max-width: 200px;\n margin: 0 auto;\n }\n #hs-team .founder-quote::before {\n left: -10px;\n height: 22px;\n top: 4px;\n }\n #hs-team .team-intro {\n margin-bottom: 36px;\n }\n #hs-team .team-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px 16px;\n }\n #hs-team .member-name {\n font-size: 14px;\n }\n #hs-team .member-role {\n font-size: 12px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-team h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-team\" aria-label=\"Gr\u00fcnder und Team\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Das Team hinter dem System<\/span>\n <\/div>\n <h2>Gebaut von Menschen, die <span class=\"accent\">selbst<\/span> produzieren.<\/h2>\n <\/div>\n\n \n <article class=\"founder\">\n <div class=\"founder-photo\" aria-label=\"Philipp Kaul\"><\/div>\n <div class=\"founder-content\">\n \n <p class=\"founder-quote\">\n Wir haben high.studios f\u00fcr CEOs gebaut, die keine Zeit haben, selbst zu produzieren \u2014 aber wissen, dass ihre Stimme das <span class=\"highlight\">wichtigste Asset<\/span> ihres Unternehmens ist. Nicht eine Produktion. Eine Infrastruktur.\n <\/p>\n <div class=\"founder-meta\">\n <span class=\"founder-name\">Philipp Kaul<\/span>\n <span class=\"founder-role\">Gesch\u00e4ftsf\u00fchrer, high.group<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <div class=\"team-intro\">\n <span class=\"team-label\">Das Team<\/span>\n <h3 class=\"team-title\">Sechs high.performer, die dein Medienhaus t\u00e4glich am Laufen halten.<\/h3>\n <\/div>\n\n \n <div class=\"team-grid\">\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05677_kreis_scaled-1024x1024.png');\" aria-label=\"Thimo Frers\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Thimo Frers<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05591_kreis_scaled-1024x1024.png');\" aria-label=\"Marcel Widenka\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Marcel Widenka<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05414_kreis_scaled-300x300.png');\" aria-label=\"Georg Brinkmann\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Georg Brinkmann<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05476_kreis_scaled-300x300.png');\" aria-label=\"Sean Witzke\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Sean Witzke<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/user-1-300x300.png');\" aria-label=\"Nina Schwien\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Nina Schwien<\/span>\n <span class=\"member-role\">Studio Management<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05558_kreis_scaled-300x300.png');\" aria-label=\"Talea Golenia\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Talea Golenia<\/span>\n <span class=\"member-role\">Studio Management<\/span>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-67daa15 e-flex e-con-boxed e-con e-parent\" data-id=\"67daa15\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd1104 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4bd1104\" 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<!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>FAQ \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-faq, #hs-faq *,\n #hs-faq *::before, #hs-faq *::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 #hs-faq {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n #hs-faq .inner {\n max-width: 920px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-faq .header {\n margin-bottom: 64px;\n text-align: center;\n }\n\n #hs-faq .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-faq .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-faq .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-faq 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: #f0ede8;\n }\n #hs-faq h2 .accent { color: #BE1522; }\n\n \/* \u2500\u2500 FAQ LIST \u2500\u2500 *\/\n #hs-faq .list {\n display: flex;\n flex-direction: column;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n\n #hs-faq .item {\n border-bottom: 1px solid rgba(255,255,255,0.08);\n transition: background 0.25s ease;\n }\n #hs-faq .item:hover {\n background: rgba(255,255,255,0.015);\n }\n #hs-faq .item.open {\n background: rgba(255,255,255,0.025);\n }\n\n \/* \u2500\u2500 QUESTION ROW (button) \u2500\u2500 *\/\n #hs-faq .question {\n width: 100%;\n padding: 26px 4px;\n background: transparent;\n border: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n cursor: pointer;\n text-align: left;\n font-family: inherit;\n color: inherit;\n }\n #hs-faq .question:focus-visible {\n outline: 2px solid rgba(190,21,34,0.4);\n outline-offset: 4px;\n border-radius: 4px;\n }\n\n #hs-faq .question-text {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(16px, 1.35vw, 19px);\n font-weight: 600;\n line-height: 1.35;\n letter-spacing: -0.01em;\n color: #f0ede8;\n transition: color 0.25s ease;\n }\n #hs-faq .item.open .question-text {\n color: #f0ede8;\n }\n\n \/* Chevron SVG *\/\n #hs-faq .chevron {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.3s ease, border-color 0.25s ease, background 0.25s ease;\n }\n #hs-faq .chevron svg {\n width: 10px; height: 10px;\n transition: transform 0.3s ease;\n stroke: rgba(255,255,255,0.6);\n }\n #hs-faq .item.open .chevron {\n border-color: rgba(190,21,34,0.5);\n background: rgba(190,21,34,0.12);\n }\n #hs-faq .item.open .chevron svg {\n transform: rotate(180deg);\n stroke: #ffffff;\n }\n\n \/* \u2500\u2500 ANSWER (expandable) \u2500\u2500 *\/\n #hs-faq .answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s ease;\n }\n #hs-faq .answer-inner {\n padding: 2px 40px 28px 4px;\n font-size: clamp(14.5px, 1.05vw, 16px);\n line-height: 1.6;\n color: rgba(255,255,255,0.62);\n }\n #hs-faq .answer-inner p + p {\n margin-top: 12px;\n }\n #hs-faq .answer-inner strong {\n color: #f0ede8;\n font-weight: 500;\n }\n\n \/* \u2500\u2500 BOTTOM HINT \u2500\u2500 *\/\n #hs-faq .hint {\n text-align: center;\n margin-top: 56px;\n padding: 28px 24px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 16px;\n }\n #hs-faq .hint p {\n font-size: 14.5px;\n color: rgba(255,255,255,0.55);\n line-height: 1.55;\n }\n #hs-faq .hint .accent {\n color: #BE1522;\n font-weight: 600;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-faq .inner {\n padding: 96px 20px;\n }\n #hs-faq .header {\n margin-bottom: 52px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-faq .inner {\n padding: 72px 18px;\n }\n #hs-faq .header {\n margin-bottom: 40px;\n }\n #hs-faq .eyebrow {\n margin-bottom: 20px;\n }\n #hs-faq .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-faq .question {\n padding: 22px 2px;\n gap: 14px;\n }\n #hs-faq .question-text {\n font-size: 15.5px;\n }\n #hs-faq .chevron {\n width: 22px;\n height: 22px;\n }\n #hs-faq .answer-inner {\n padding: 0 4px 24px 2px;\n font-size: 14.5px;\n }\n #hs-faq .hint {\n margin-top: 40px;\n padding: 24px 20px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-faq h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-faq\" aria-label=\"H\u00e4ufig gestellte Fragen\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>H\u00e4ufig gestellt<\/span>\n <\/div>\n <h2>Was CEOs uns <span class=\"accent\">vor dem Gespr\u00e4ch<\/span> fragen.<\/h2>\n <\/div>\n\n \n <div class=\"list\">\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wie schnell k\u00f6nnen wir mit der Produktion starten?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Sobald wir das Onboarding-Gespr\u00e4ch hatten und dein Setup definiert ist: meist innerhalb von <strong>2\u20133 Wochen<\/strong>. Der erste Drehtag steht dann in deinem Kalender, die Content-Strategie ist abgestimmt, das Team kennt dein Business.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wie viel Zeit muss ich pro Monat investieren?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p><strong>Vier Stunden.<\/strong> 2\u20133 Stunden Drehtag, 30 Minuten Themen-Alignment vorab, 30 Minuten Feedback auf Thumbnails und Clips. Alles andere \u00fcbernimmt das Team.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Muss ich Skripte oder Konzepte selbst schreiben?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Nein. Unser Team erarbeitet Episoden-Themen, Struktur-Briefings und Gespr\u00e4chsleitf\u00e4den basierend auf deiner Expertise. Du spiegelst, sch\u00e4rfst, gibst Input \u2014 aber du sitzt nicht nachts am Laptop.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Was kostet das System?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Das h\u00e4ngt davon ab, welches Setup f\u00fcr dich am sinnvollsten ist \u2014 Frequenz, Produktionstiefe, Laufzeit, Add-Ons wie Distribution oder Newsletter. Im Erstgespr\u00e4ch bekommst du eine <strong>klare Einsch\u00e4tzung und eine transparente Preisstruktur<\/strong>. Kein Kleingedrucktes, keine \u00dcberraschungen.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wir arbeiten schon mit Freelancern. Warum wechseln?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Freelancer liefern Einzelprojekte. Wir liefern eine <strong>Infrastruktur<\/strong>. Das hei\u00dft: kein Briefing-Chaos zwischen drei verschiedenen Videographen, kein Kampf um Termine, kein Inkonsistenz-Problem im Look. Ein System statt Einzelk\u00e4mpfer.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wir haben au\u00dfergew\u00f6hnliche Anforderungen \u2014 mehrere Shows, t\u00e4gliche Clips, Multi-Brand. Passt das?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Ja. Ab einem bestimmten Volumen wird aus dem Standard-Retainer ein <strong>ma\u00dfgeschneidertes Setup<\/strong> \u2014 mehr Drehtage pro Monat, eigenes Editoren-Team, dedizierter Ansprechpartner, eigene Brand-Playbooks. Sprechen wir im Erstgespr\u00e4ch dar\u00fcber.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wie lange bindet mich der Vertrag?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Unsere Retainer laufen standardm\u00e4\u00dfig <strong>12 Monate<\/strong> \u2014 das ist der Zeitraum, in dem sich Konsistenz im Markt bemerkbar macht. Monat 1\u20133 ist Onboarding-Phase mit K\u00fcndigungsrecht, falls es doch nicht passt. Kein Risiko-Transfer auf dich.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wem geh\u00f6ren die Inhalte nach der Produktion?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p><strong>Dir.<\/strong> Alle Master-Files, alle Rohdaten, alle finalisierten Assets \u2014 inklusive Brand-Design-Files, Thumbnails und Motion-Graphics-Templates. Falls du irgendwann wechselst, nimmst du dein komplettes Content-Archiv mit.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Was ist mit Vertraulichkeit bei G\u00e4sten und internen Inhalten?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Standard-NDA ist im Retainer enthalten. F\u00fcr sensible Formate (Vorstandskommunikation, vertrauliche Kundengespr\u00e4che, M&A-relevante Themen) setzen wir zus\u00e4tzliche Vertraulichkeitsstandards auf \u2014 bis hin zu getrennten Schnitt-Arbeitspl\u00e4tzen.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n \n <div class=\"hint\">\n <p>\n Eine Frage, die hier fehlt? <span class=\"accent\">Stell sie uns direkt<\/span> \u2014 im Erstgespr\u00e4ch beantworten wir alles, was sich nicht auf einer Landingpage kl\u00e4ren l\u00e4sst.\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function() {\n if (window.__hsFaqReady) return;\n window.__hsFaqReady = true;\n\n var scope = document.getElementById('hs-faq');\n if (!scope) return;\n\n scope.querySelectorAll('.question').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var item = btn.closest('.item');\n var answer = item.querySelector('.answer');\n var isOpen = item.classList.contains('open');\n\n if (isOpen) {\n answer.style.maxHeight = '0px';\n item.classList.remove('open');\n btn.setAttribute('aria-expanded', 'false');\n } else {\n answer.style.maxHeight = answer.scrollHeight + 'px';\n item.classList.add('open');\n btn.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ Resize-Handler: wenn Fenster-Gr\u00f6\u00dfe sich \u00e4ndert, max-height neu berechnen\n window.addEventListener('resize', function() {\n scope.querySelectorAll('.item.open .answer').forEach(function(ans) {\n ans.style.maxHeight = ans.scrollHeight + 'px';\n });\n });\n})();\n<\/script>\n\n\n\n\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<div class=\"elementor-element elementor-element-2577962 e-flex e-con-boxed e-con e-parent\" data-id=\"2577962\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fde4722 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fde4722\" 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<style>\n #hs-final, #hs-final *,\n #hs-final *::before, #hs-final *::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-final {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #ffffff;\n }\n #hs-final .glow {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n #hs-final .glow::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(\n ellipse at center,\n transparent 40%,\n rgba(0,0,0,0.3) 100%\n );\n }\n #hs-final .glow::after {\n content: \"\";\n position: absolute;\n top: -25%;\n left: -15%;\n width: 75%;\n height: 95%;\n background: radial-gradient(\n ellipse at 40% 40%,\n rgba(255,255,255,0.14) 0%,\n transparent 60%\n );\n filter: blur(50px);\n }\n #hs-final .inner {\n position: relative;\n z-index: 2;\n max-width: 920px;\n margin: 0 auto;\n padding: 140px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n #hs-final .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 32px;\n }\n #hs-final .pip {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: rgba(255,255,255,0.95);\n flex-shrink: 0;\n box-shadow: 0 0 14px rgba(255,255,255,0.7);\n animation: hs-final-pulse 2.4s ease-in-out infinite;\n }\n @keyframes hs-final-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(0.6); }\n }\n #hs-final .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.85);\n }\n #hs-final h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(42px, 6.2vw, 88px);\n line-height: 0.98;\n letter-spacing: -0.035em;\n color: #ffffff;\n margin-bottom: 28px;\n max-width: 800px;\n }\n #hs-final h2 .line { display: block; }\n #hs-final h2 .muted {\n color: rgba(255,255,255,0.55);\n font-weight: 500;\n }\n #hs-final .subline {\n font-size: clamp(15px, 1.25vw, 18px);\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin-bottom: 52px;\n }\n #hs-final .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 16px 32px;\n margin-bottom: 40px;\n }\n #hs-final .btn-primary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 18px 30px;\n background: #ffffff;\n color: #0a0a0a;\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 border: none;\n text-decoration: none;\n cursor: pointer;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n box-shadow:\n 0 4px 22px rgba(0,0,0,0.22),\n 0 0 0 1px rgba(0,0,0,0.04) inset;\n position: relative;\n overflow: hidden;\n line-height: 1.2;\n }\n #hs-final .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.85) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n mix-blend-mode: overlay;\n pointer-events: none;\n }\n #hs-final .btn-primary:hover {\n transform: translateY(-2px);\n background: #fafafa;\n box-shadow:\n 0 10px 36px rgba(0,0,0,0.3),\n 0 0 0 1px rgba(0,0,0,0.04) inset;\n }\n #hs-final .btn-primary:hover::after { transform: translateX(100%); }\n #hs-final .btn-primary svg {\n width: 15px; height: 15px;\n flex-shrink: 0;\n transition: transform .2s ease;\n stroke-width: 2.2;\n }\n #hs-final .btn-primary:hover svg { transform: translateX(3px); }\n #hs-final .btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.92);\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 .2s ease;\n }\n #hs-final .btn-secondary:hover { color: #ffffff; }\n #hs-final .btn-secondary .underline {\n border-bottom: 1px solid rgba(255,255,255,0.5);\n padding-bottom: 1px;\n transition: border-color .2s ease;\n }\n #hs-final .btn-secondary:hover .underline { border-color: #ffffff; }\n #hs-final .btn-secondary svg {\n width: 16px; height: 16px;\n flex-shrink: 0;\n }\n #hs-final .trust {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 10px 24px;\n font-size: 12.5px;\n color: rgba(255,255,255,0.6);\n }\n #hs-final .trust-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n }\n #hs-final .trust-item::before {\n content: \"\";\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: rgba(255,255,255,0.45);\n flex-shrink: 0;\n }\n #hs-final .trust-item:first-child::before { display: none; }\n @media (max-width: 1023px) {\n #hs-final .inner { padding: 110px 20px; }\n #hs-final h2 { margin-bottom: 22px; }\n #hs-final .subline { margin-bottom: 44px; }\n }\n @media (max-width: 640px) {\n #hs-final .inner { padding: 88px 18px; }\n #hs-final .eyebrow { margin-bottom: 24px; }\n #hs-final .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.16em;\n }\n #hs-final h2 {\n font-size: 38px;\n margin-bottom: 20px;\n letter-spacing: -0.025em;\n }\n #hs-final .subline {\n font-size: 15px;\n margin-bottom: 36px;\n }\n #hs-final .ctas {\n flex-direction: column;\n gap: 18px;\n margin-bottom: 32px;\n }\n #hs-final .btn-primary {\n width: 100%;\n max-width: 320px;\n padding: 16px 24px;\n }\n #hs-final .trust {\n font-size: 12px;\n gap: 8px 16px;\n }\n }\n @media (max-width: 380px) {\n #hs-final h2 { font-size: 32px; }\n }\n<\/style>\n\n<section id=\"hs-final\" aria-label=\"Jetzt starten\">\n <div class=\"glow\" aria-hidden=\"true\"><\/div>\n <div class=\"inner\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Bereit zu starten?<\/span>\n <\/div>\n\n <h2>\n <span class=\"line\">Dein Medienhaus.<\/span>\n <span class=\"line muted\">1 Klick entfernt.<\/span>\n <\/h2>\n\n <p class=\"subline\">\n Ein kurzes Formular. Ein Erstgespr\u00e4ch. Eine individuelle L\u00f6sung \u2014 ohne Pitch-Druck, ohne automatisierten Call, ohne Kleingedrucktes.\n <\/p>\n\n <div class=\"ctas\">\n <a href=\"#hs-form\" class=\"btn-primary\" id=\"hs-final-cta-primary\">\n Jetzt Anfrage starten\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/+491726295756\" class=\"btn-secondary\" id=\"hs-final-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\">direkt \u00fcber WhatsApp<\/span><\/span>\n <\/a>\n <\/div>\n\n <div class=\"trust\">\n <span class=\"trust-item\">60 Sekunden f\u00fcr die Anfrage<\/span>\n <span class=\"trust-item\">Antwort in 24 Stunden<\/span>\n <span class=\"trust-item\">Kein Verkaufsgespr\u00e4ch-Druck<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function() {\n if (window.__hsFinalReady) return;\n window.__hsFinalReady = true;\n\n \/\/ Primary CTA \u2014 \"Jetzt Anfrage starten\"\n \/\/ Bridge f\u00e4ngt das href=\"#hs-form\" automatisch ab \u2192 form_open (1\u00d7 pro Seite)\n \/\/ Inline: zus\u00e4tzlich lead_cta_click f\u00fcr GA4-CTA-Performance-Analyse\n var primary = document.getElementById('hs-final-cta-primary');\n if (primary) {\n primary.addEventListener('click', function(e) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_cta_click',\n cta_id: 'final_anfrage',\n cta_destination: '#hs-form',\n cta_position: 'final_section',\n lp_slug: 'medienhaus'\n });\n \/\/ Smooth-Scroll falls Browser scroll-behavior nicht aktiv ist\n var target = document.querySelector('#hs-form');\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n }\n\n \/\/ WhatsApp CTA \u2014 bestehendes Bridge-Tracking (form_submit ohne user)\n \/\/ Inline: zus\u00e4tzlich lead_cta_click damit man die Conversion-Quelle sieht\n var whatsapp = document.getElementById('hs-final-cta-whatsapp');\n if (whatsapp) {\n whatsapp.addEventListener('click', function() {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_cta_click',\n cta_id: 'final_whatsapp',\n cta_destination: 'whatsapp',\n cta_position: 'final_section',\n lp_slug: 'medienhaus'\n });\n });\n }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-73ad361 e-flex e-con-boxed e-con e-parent\" data-id=\"73ad361\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71c3c3d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"71c3c3d\" 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<!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>Footer \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&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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-footer, #hs-footer *,\n #hs-footer *::before, #hs-footer *::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 #hs-footer {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n #hs-footer .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 56px 24px 48px;\n }\n\n \/* Subtile Trennlinie oben *\/\n #hs-footer .divider {\n height: 1px;\n background: linear-gradient(\n to right,\n transparent 0%,\n rgba(255,255,255,0.12) 20%,\n rgba(255,255,255,0.12) 80%,\n transparent 100%\n );\n margin-bottom: 44px;\n }\n\n \/* \u2500\u2500 TOP ROW \u00b7 Logo + Adresse \u2500\u2500 *\/\n #hs-footer .top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 32px;\n flex-wrap: wrap;\n margin-bottom: 36px;\n }\n\n #hs-footer .logo {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n }\n #hs-footer .logo img {\n height: 28px;\n width: auto;\n opacity: 0.88;\n transition: opacity 0.2s ease;\n }\n #hs-footer .logo:hover img {\n opacity: 1;\n }\n\n #hs-footer .address {\n font-size: 13px;\n line-height: 1.5;\n color: rgba(255,255,255,0.48);\n text-align: right;\n }\n #hs-footer .address a {\n color: inherit;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n #hs-footer .address a:hover {\n color: rgba(255,255,255,0.9);\n }\n\n \/* \u2500\u2500 BOTTOM ROW \u00b7 Legal + Copyright \u2500\u2500 *\/\n #hs-footer .bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n padding-top: 28px;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n\n #hs-footer .copyright {\n font-size: 12.5px;\n color: rgba(255,255,255,0.4);\n }\n\n #hs-footer .legal {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n #hs-footer .legal a {\n font-size: 12.5px;\n color: rgba(255,255,255,0.55);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n #hs-footer .legal a:hover {\n color: #ffffff;\n }\n #hs-footer .legal .dot {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-footer .inner {\n padding: 48px 18px 36px;\n }\n #hs-footer .divider {\n margin-bottom: 32px;\n }\n\n #hs-footer .top {\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 28px;\n }\n #hs-footer .address {\n text-align: left;\n font-size: 12.5px;\n }\n\n #hs-footer .bottom {\n flex-direction: column-reverse;\n align-items: flex-start;\n gap: 16px;\n padding-top: 24px;\n }\n #hs-footer .copyright {\n font-size: 12px;\n }\n #hs-footer .legal a {\n font-size: 12px;\n }\n }\n<\/style>\n\n<footer id=\"hs-footer\" aria-label=\"Seitenfu\u00df\">\n\n <div class=\"inner\">\n\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"top\">\n\n <a href=\"https:\/\/high-group.de\" class=\"logo\" aria-label=\"high.group \u2014 zur Hauptseite\">\n <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png\" alt=\"high.group\" \/>\n <\/a>\n\n <div class=\"address\">\n Franz-Geuer-Stra\u00dfe 6\u20138 \u00b7 50823 K\u00f6ln<br>\n <a href=\"mailto:info@high-group.de\">info@high-group.de<\/a> \u00b7 <a href=\"tel:+4915128422808\">+49 151 28 42 2808<\/a>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bottom\">\n\n <span class=\"copyright\">\u00a9 2026 high.media GmbH. Alle Rechte vorbehalten.<\/span>\n\n <div class=\"legal\">\n <a href=\"https:\/\/high-group.de\/legal\" target=\"_blank\" rel=\"noopener\">Impressum<\/a>\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\n <a href=\"https:\/\/high-group.de\/privacy\" target=\"_blank\" rel=\"noopener\">Datenschutz<\/a>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/footer>\n\n\n\n\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>Header \u00b7 high.studios B2B Leads Jetzt anfragen F\u00fcr B2B-CEOs, Founder & Personal Brands Reichweite, Sichtbarkeit & mehr Umsatz Mit deinem eigenen Medienhaus. 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf […]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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-8664","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Medienhaus - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Medienhaus - Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"og:description\" content=\"Header \u00b7 high.studios B2B Leads Jetzt anfragen F\u00fcr B2B-CEOs, Founder & Personal Brands Reichweite, Sichtbarkeit & mehr Umsatz Mit deinem eigenen Medienhaus. 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/high-group.de\/en\/medienhaus\/\" \/>\n<meta property=\"og:site_name\" content=\"Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-26T11:27:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/\",\"url\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/\",\"name\":\"Medienhaus - Videoproduktion K\u00f6ln - High. Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/high-logo.png\",\"datePublished\":\"2026-04-24T17:35:17+00:00\",\"dateModified\":\"2026-04-26T11:27:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#primaryimage\",\"url\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/high-logo.png\",\"contentUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/high-logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/high-group.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Medienhaus\"}]},{\"@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_head_json":{"title":"Medienhaus - 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\/","og_locale":"en_US","og_type":"article","og_title":"Medienhaus - Videoproduktion K\u00f6ln - High. Group","og_description":"Header \u00b7 high.studios B2B Leads Jetzt anfragen F\u00fcr B2B-CEOs, Founder & Personal Brands Reichweite, Sichtbarkeit & mehr Umsatz Mit deinem eigenen Medienhaus. 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf […]","og_url":"https:\/\/high-group.de\/en\/medienhaus\/","og_site_name":"Videoproduktion K\u00f6ln - High. Group","article_modified_time":"2026-04-26T11:27:17+00:00","og_image":[{"url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/high-group.de\/medienhaus\/","url":"https:\/\/high-group.de\/medienhaus\/","name":"Medienhaus - Videoproduktion K\u00f6ln - High. Group","isPartOf":{"@id":"https:\/\/high-group.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/high-group.de\/medienhaus\/#primaryimage"},"image":{"@id":"https:\/\/high-group.de\/medienhaus\/#primaryimage"},"thumbnailUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png","datePublished":"2026-04-24T17:35:17+00:00","dateModified":"2026-04-26T11:27:17+00:00","breadcrumb":{"@id":"https:\/\/high-group.de\/medienhaus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/high-group.de\/medienhaus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/high-group.de\/medienhaus\/#primaryimage","url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png","contentUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/high-group.de\/medienhaus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/high-group.de\/"},{"@type":"ListItem","position":2,"name":"Medienhaus"}]},{"@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\/8664","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=8664"}],"version-history":[{"count":46,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8664\/revisions"}],"predecessor-version":[{"id":8734,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8664\/revisions\/8734"}],"wp:attachment":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/media?parent=8664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nHeader \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=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\n\n<style>\n html, body { margin: 0; padding: 0; min-height: 200vh; }\n body { background: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-header, #hs-header *,\n #hs-header *::before, #hs-header *::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 HEADER \u00b7 fixed top \u2500\u2500 *\/\n #hs-header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n width: 100%;\n font-family: 'DM Sans', system-ui, sans-serif;\n background: transparent;\n border-bottom: 1px solid transparent;\n transition:\n background 0.35s ease,\n border-color 0.35s ease,\n backdrop-filter 0.35s ease,\n -webkit-backdrop-filter 0.35s ease;\n }\n\n \/* Scrolled state \u00b7 dunkler Blur-BG *\/\n #hs-header.scrolled {\n background: rgba(8, 8, 8, 0.82);\n backdrop-filter: blur(20px) saturate(1.2);\n -webkit-backdrop-filter: blur(20px) saturate(1.2);\n border-bottom-color: rgba(255,255,255,0.06);\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-header .inner {\n max-width: 1260px;\n margin: 0 auto;\n padding: 14px 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n }\n\n \/* \u2500\u2500 LOGO \u2500\u2500 *\/\n #hs-header .logo {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n flex-shrink: 0;\n }\n #hs-header .logo img {\n height: 26px;\n width: auto;\n opacity: 0.95;\n transition: opacity 0.2s ease;\n display: block;\n }\n #hs-header .logo:hover img {\n opacity: 1;\n }\n\n \/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\n #hs-header .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 11px 20px;\n background: #BE1522;\n color: #ffffff;\n font-family: 'DM Sans', sans-serif;\n font-size: 13.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n border-radius: 8px;\n border: none;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n transition:\n transform 0.2s ease,\n box-shadow 0.2s ease,\n background 0.2s ease;\n box-shadow: 0 2px 14px rgba(190, 21, 34, 0.35);\n position: relative;\n overflow: hidden;\n }\n #hs-header .btn::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform 0.55s ease;\n pointer-events: none;\n }\n #hs-header .btn:hover {\n transform: translateY(-1px);\n background: #d21a28;\n box-shadow: 0 6px 22px rgba(190, 21, 34, 0.45);\n }\n #hs-header .btn:hover::after {\n transform: translateX(100%);\n }\n #hs-header .btn svg {\n width: 13px; height: 13px;\n flex-shrink: 0;\n transition: transform 0.2s ease;\n stroke-width: 2.2;\n }\n #hs-header .btn:hover svg {\n transform: translateX(2px);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-header .inner {\n padding: 12px 16px;\n }\n #hs-header .logo img {\n height: 22px;\n }\n #hs-header .btn {\n padding: 9px 16px;\n font-size: 12.5px;\n }\n #hs-header .btn svg {\n width: 11px; height: 11px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-header .btn-label {\n display: none;\n }\n #hs-header .btn {\n padding: 9px 12px;\n }\n #hs-header .btn::before {\n content: \"Anfragen\";\n font-size: 12.5px;\n font-weight: 600;\n }\n }\n<\/style>\n\n<header id=\"hs-header\" aria-label=\"Seitenkopf\">\n\n <div class=\"inner\">\n\n <a href=\"#\" class=\"logo\" aria-label=\"high.group \u2014 zum Seitenanfang\">\n <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png\" alt=\"high.group\" \/>\n <\/a>\n\n <a href=\"#hs-form\" class=\"btn\" id=\"hs-header-cta\">\n <span class=\"btn-label\">Jetzt anfragen<\/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-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n\n <\/div>\n\n<\/header>\n\n<script>\n(function() {\n if (window.__hsHeaderReady) return;\n window.__hsHeaderReady = true;\n\n var header = document.getElementById('hs-header');\n if (!header) return;\n\n var threshold = 40;\n var ticking = false;\n\n function updateHeader() {\n if (window.scrollY > threshold) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n window.requestAnimationFrame(updateHeader);\n ticking = true;\n }\n }, { passive: true });\n\n \/\/ Initial check (falls Seite schon gescrollt ist beim Laden)\n updateHeader();\n})();\n<\/script>\n\n\n\n\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<div class=\"elementor-element elementor-element-7074288 e-flex e-con-boxed e-con e-parent\" data-id=\"7074288\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4eaad1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b4eaad1\" 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<style>\n #hs-hero, #hs-hero *,\n #hs-hero *::before, #hs-hero *::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-hero {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n #hs-hero .glow {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n #hs-hero .glow::before {\n content: \"\";\n position: absolute;\n top: -20%;\n left: 50%;\n transform: translateX(-50%);\n width: 90%;\n max-width: 1100px;\n height: 70%;\n background: radial-gradient(ellipse at 50% 35%, rgba(190,21,34,0.22) 0%, transparent 65%);\n filter: blur(80px);\n }\n #hs-hero .glow::after {\n content: \"\";\n position: absolute;\n bottom: -10%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n max-width: 800px;\n height: 50%;\n background: radial-gradient(ellipse at 50% 70%, rgba(190,21,34,0.08) 0%, transparent 70%);\n filter: blur(90px);\n }\n #hs-hero .inner {\n position: relative;\n z-index: 2;\n max-width: 1080px;\n margin: 0 auto;\n padding: 14vh 24px 10vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n min-height: 92vh;\n justify-content: center;\n }\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n #hs-hero .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 32px;\n opacity: 0;\n animation: hs-rise .7s .1s ease-out forwards;\n max-width: 100%;\n }\n #hs-hero .pip {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: #BE1522;\n flex-shrink: 0;\n animation: hs-pip 2.4s ease-in-out infinite;\n box-shadow: 0 0 12px rgba(190,21,34,0.6);\n }\n #hs-hero .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n \/* \u2500\u2500 HEADLINE BLOCK \u2500\u2500 *\/\n #hs-hero .hero-title {\n margin-bottom: 32px;\n max-width: 100%;\n }\n #hs-hero .kicker {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(17px, 1.7vw, 24px);\n font-weight: 500;\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: rgba(255,255,255,0.55);\n margin-bottom: 14px;\n opacity: 0;\n transform: translateY(18px);\n animation: hs-rise .7s .2s ease-out forwards;\n }\n #hs-hero h1 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 800;\n font-size: clamp(44px, 7.4vw, 104px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n color: #f0ede8;\n opacity: 0;\n transform: translateY(24px);\n animation: hs-rise .8s .35s ease-out forwards;\n }\n #hs-hero h1 .accent { color: #BE1522; }\n \/* \u2500\u2500 SUBLINE \u2500\u2500 *\/\n #hs-hero .subline {\n font-size: clamp(15px, 1.2vw, 18px);\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.6);\n max-width: 640px;\n margin-bottom: 44px;\n opacity: 0;\n animation: hs-rise .8s .55s ease-out forwards;\n }\n \/* \u2500\u2500 CTAs (zwei Buttons nebeneinander) \u2500\u2500 *\/\n #hs-hero .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n margin-bottom: 72px;\n max-width: 100%;\n opacity: 0;\n animation: hs-rise .8s .7s ease-out forwards;\n }\n #hs-hero .btn-primary,\n #hs-hero .btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 26px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.005em;\n border-radius: 10px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n text-align: center;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n position: relative;\n overflow: hidden;\n }\n #hs-hero .btn-primary {\n background: #BE1522;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.04);\n box-shadow: 0 2px 18px rgba(190,21,34,0.32);\n }\n #hs-hero .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n }\n #hs-hero .btn-primary:hover {\n transform: translateY(-2px);\n background: #d41829;\n box-shadow: 0 6px 28px rgba(190,21,34,0.45);\n }\n #hs-hero .btn-primary:hover::after { transform: translateX(100%); }\n #hs-hero .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.88);\n border: 1px solid rgba(255,255,255,0.18);\n }\n #hs-hero .btn-outline:hover {\n transform: translateY(-2px);\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n #hs-hero .btn-primary svg,\n #hs-hero .btn-outline svg {\n width: 14px; height: 14px;\n flex-shrink: 0;\n transition: transform .2s ease;\n }\n #hs-hero .btn-primary.is-arrow-down:hover svg { transform: translateY(3px); }\n #hs-hero .btn-outline:hover svg { transform: translateX(3px); }\n \/* \u2500\u2500 STATS-BAND \u2500\u2500 *\/\n #hs-hero .stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n width: 100%;\n max-width: 880px;\n margin-bottom: 48px;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n opacity: 0;\n animation: hs-rise .9s .85s ease-out forwards;\n }\n #hs-hero .stat {\n padding: 28px 14px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.06);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n }\n #hs-hero .stat:last-child { border-right: none; }\n #hs-hero .stat-num {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(36px, 4vw, 56px);\n line-height: 1;\n letter-spacing: -0.04em;\n color: #f0ede8;\n }\n #hs-hero .stat-label {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.42);\n line-height: 1.3;\n }\n \/* \u2500\u2500 PROOF-STRIP \u2500\u2500 *\/\n #hs-hero .proof {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 8px 20px;\n font-size: 12px;\n color: rgba(255,255,255,0.4);\n letter-spacing: 0.01em;\n max-width: 100%;\n opacity: 0;\n animation: hs-rise .8s 1.05s ease-out forwards;\n }\n #hs-hero .proof-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n #hs-hero .proof-item .dot {\n width: 3px; height: 3px;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n flex-shrink: 0;\n }\n #hs-hero .proof-item:first-child .dot { display: none; }\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes hs-rise {\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes hs-pip {\n 0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 12px rgba(190,21,34,0.6); }\n 50% { opacity: 0.35; transform: scale(0.55); box-shadow: 0 0 4px rgba(190,21,34,0.3); }\n }\n @media (prefers-reduced-motion: reduce) {\n #hs-hero *, #hs-hero *::before, #hs-hero *::after {\n animation: none !important;\n transition: none !important;\n }\n #hs-hero .eyebrow,\n #hs-hero .kicker,\n #hs-hero h1,\n #hs-hero .subline,\n #hs-hero .ctas,\n #hs-hero .stats,\n #hs-hero .proof {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet (\u2264 1023px) \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-hero .inner { padding: 12vh 20px 9vh; }\n #hs-hero .stats { max-width: 640px; }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile (\u2264 640px) \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-hero .inner {\n padding: 11vh 18px 8vh;\n min-height: auto;\n }\n #hs-hero .eyebrow { margin-bottom: 24px; }\n #hs-hero .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-hero .hero-title { margin-bottom: 24px; }\n #hs-hero .kicker {\n font-size: 15px;\n margin-bottom: 10px;\n }\n #hs-hero h1 {\n font-size: clamp(40px, 11vw, 56px);\n letter-spacing: -0.025em;\n line-height: 1.0;\n }\n #hs-hero .subline {\n font-size: 15px;\n margin-bottom: 32px;\n line-height: 1.5;\n }\n #hs-hero .ctas {\n flex-direction: column;\n gap: 12px;\n width: 100%;\n margin-bottom: 48px;\n }\n #hs-hero .btn-primary,\n #hs-hero .btn-outline {\n width: 100%;\n padding: 16px 18px;\n font-size: 14px;\n white-space: normal;\n }\n #hs-hero .stats {\n grid-template-columns: repeat(2, 1fr);\n max-width: 100%;\n margin-bottom: 36px;\n }\n #hs-hero .stat {\n padding: 20px 8px;\n border-right: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n #hs-hero .stat:nth-child(2) { border-right: none; }\n #hs-hero .stat:nth-child(3) { border-bottom: none; }\n #hs-hero .stat:nth-child(4) { border-right: none; border-bottom: none; }\n #hs-hero .stat-num { font-size: clamp(32px, 11vw, 48px); }\n #hs-hero .stat-label { font-size: 9.5px; letter-spacing: 0.12em; }\n #hs-hero .proof { gap: 6px 14px; font-size: 11px; }\n }\n @media (max-width: 380px) {\n #hs-hero .inner { padding: 10vh 16px 7vh; }\n #hs-hero .kicker { font-size: 14px; }\n #hs-hero h1 { font-size: 36px; }\n #hs-hero .btn-primary,\n #hs-hero .btn-outline { font-size: 13px; }\n }\n<\/style>\n\n<section id=\"hs-hero\" aria-label=\"Hero\">\n <div class=\"glow\" aria-hidden=\"true\"><\/div>\n <div class=\"inner\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>F\u00fcr B2B-CEOs, Founder & Personal Brands<\/span>\n <\/div>\n\n <div class=\"hero-title\">\n <p class=\"kicker\">Reichweite, Sichtbarkeit & mehr Umsatz<\/p>\n <h1>Mit deinem eigenen <span class=\"accent\">Medienhaus.<\/span><\/h1>\n <\/div>\n\n <p class=\"subline\">\n 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf YouTube, LinkedIn, Spotify, Instagram & Apple Podcasts. Aus einem Drehtag pro Monat in unseren Studios in K\u00f6ln-Ehrenfeld.\n <\/p>\n\n <div class=\"ctas\">\n <a id=\"hs-hero-cta-learn-more\" href=\"#hs-problem\" class=\"btn-primary is-arrow-down\">\n <span>Mehr erfahren<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M12 5v14M6 13l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a id=\"hs-hero-cta-whatsapp\" href=\"https:\/\/wa.me\/+491726295756?text=Hi%20Philipp%2C%20ich%20interessiere%20mich%20f%C3%BCr%20das%20high.studios-System.\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\n <span>Per WhatsApp schreiben<\/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=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"stats\" aria-label=\"Output pro Drehtag\">\n <div class=\"stat\"><span class=\"stat-num\">04<\/span><span class=\"stat-label\">Podcast-<br>Folgen<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-num\">15<\/span><span class=\"stat-label\">Short-Form-<br>Clips<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-num\">30<\/span><span class=\"stat-label\">Tage<br>Omnipr\u00e4senz<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-num\">01<\/span><span class=\"stat-label\">Drehtag<br>pro Monat<\/span><\/div>\n <\/div>\n\n <div class=\"proof\">\n <span class=\"proof-item\"><span class=\"dot\"><\/span>1.000 m\u00b2 Studios in K\u00f6ln<\/span>\n <span class=\"proof-item\"><span class=\"dot\"><\/span>150+ B2B-Marken<\/span>\n <span class=\"proof-item\"><span class=\"dot\"><\/span>BMW \u00b7 Meta \u00b7 Spotify \u00b7 1. FC K\u00f6ln<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function() {\n if (window.__hsHeroReady) return;\n window.__hsHeroReady = true;\n\n \/\/ Smooth-Scroll + Tracking f\u00fcr \"Mehr erfahren\"\n var learnMore = document.getElementById('hs-hero-cta-learn-more');\n if (learnMore) {\n learnMore.addEventListener('click', function(e) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_cta_click',\n cta_id: 'hero_learn_more',\n cta_destination: '#hs-problem',\n lp_slug: 'medienhaus'\n });\n var target = document.querySelector('#hs-problem');\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-6611df6 e-flex e-con-boxed e-con e-parent\" data-id=\"6611df6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e92330f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e92330f\" 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<!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>Logo-Wall \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-logos, #hs-logos *,\n #hs-logos *::before, #hs-logos *::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-logos {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-logos .inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 72px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 36px;\n }\n\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n #hs-logos .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n #hs-logos .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.7);\n flex-shrink: 0;\n }\n #hs-logos .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n \/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\n #hs-logos .marquee {\n position: relative;\n width: 100%;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(\n to right,\n transparent 0%,\n #000 8%,\n #000 92%,\n transparent 100%\n );\n mask-image: linear-gradient(\n to right,\n transparent 0%,\n #000 8%,\n #000 92%,\n transparent 100%\n );\n }\n\n #hs-logos .track {\n display: flex;\n gap: 72px;\n width: max-content;\n align-items: center;\n padding: 8px 36px;\n animation: hs-scroll 48s linear infinite;\n will-change: transform;\n }\n\n #hs-logos .marquee:hover .track {\n animation-play-state: paused;\n }\n\n #hs-logos .logo {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.3vw, 30px);\n font-weight: 500;\n line-height: 1;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.38);\n white-space: nowrap;\n transition: color 0.3s ease;\n cursor: default;\n user-select: none;\n }\n\n #hs-logos .logo:hover {\n color: rgba(255,255,255,0.92);\n }\n\n \/* \u2500\u2500 CLAIM \u2500\u2500 *\/\n #hs-logos .claim {\n font-family: 'DM Sans', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: rgba(255,255,255,0.38);\n letter-spacing: 0.02em;\n text-align: center;\n max-width: 540px;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 ANIMATION \u2500\u2500 *\/\n @keyframes hs-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #hs-logos .track {\n animation: none !important;\n \/* Statisch zentrieren wenn animation off *\/\n transform: translateX(0);\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-logos .inner {\n padding: 60px 20px;\n gap: 30px;\n }\n #hs-logos .track {\n gap: 56px;\n animation-duration: 40s;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-logos .inner {\n padding: 48px 16px;\n gap: 24px;\n }\n #hs-logos .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-logos .track {\n gap: 42px;\n animation-duration: 32s;\n padding: 4px 20px;\n }\n #hs-logos .logo {\n font-size: 18px;\n }\n #hs-logos .claim {\n font-size: 12px;\n }\n }\n<\/style>\n\n<section id=\"hs-logos\" aria-label=\"Kundenreferenzen\">\n\n <div class=\"inner\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Vertrauen von<\/span>\n <\/div>\n\n <div class=\"marquee\" aria-hidden=\"true\">\n <div class=\"track\">\n \n <span class=\"logo\">BMW<\/span>\n <span class=\"logo\">Meta<\/span>\n <span class=\"logo\">Spotify<\/span>\n <span class=\"logo\">1. FC K\u00f6ln<\/span>\n <span class=\"logo\">WDR 1Live<\/span>\n <span class=\"logo\">Universal Studios<\/span>\n <span class=\"logo\">Hyundai<\/span>\n <span class=\"logo\">FIBO<\/span>\n <span class=\"logo\">Sparkasse<\/span>\n <span class=\"logo\">Volta Trucks<\/span>\n <span class=\"logo\">Dr. Clauder's<\/span>\n <span class=\"logo\">Aqualand<\/span>\n \n <span class=\"logo\">BMW<\/span>\n <span class=\"logo\">Meta<\/span>\n <span class=\"logo\">Spotify<\/span>\n <span class=\"logo\">1. FC K\u00f6ln<\/span>\n <span class=\"logo\">WDR 1Live<\/span>\n <span class=\"logo\">Universal Studios<\/span>\n <span class=\"logo\">Hyundai<\/span>\n <span class=\"logo\">FIBO<\/span>\n <span class=\"logo\">Sparkasse<\/span>\n <span class=\"logo\">Volta Trucks<\/span>\n <span class=\"logo\">Dr. Clauder's<\/span>\n <span class=\"logo\">Aqualand<\/span>\n <\/div>\n <\/div>\n\n <p class=\"claim\">\n Acht Jahre Produktion f\u00fcr die, die gesehen werden m\u00fcssen.\n <\/p>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-1763460 e-flex e-con-boxed e-con e-parent\" data-id=\"1763460\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a82bb4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5a82bb4\" 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<!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>Problem \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-problem, #hs-problem *,\n #hs-problem *::before, #hs-problem *::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-problem {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-problem .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 HEADER-BLOCK (Eyebrow + Headline + Intro) \u2500\u2500 *\/\n #hs-problem .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-problem .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-problem .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-problem .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-problem h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 36px;\n }\n #hs-problem h2 .accent {\n color: #BE1522;\n }\n\n #hs-problem .intro {\n font-size: clamp(15px, 1.15vw, 17px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n max-width: 680px;\n }\n #hs-problem .intro p + p { margin-top: 18px; }\n\n \/* \u2500\u2500 PAIN-POINTS GRID \u2500\u2500 *\/\n #hs-problem .pains {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 72px;\n }\n\n #hs-problem .pain {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n padding: 36px 32px;\n transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n #hs-problem .pain:hover {\n border-color: rgba(190,21,34,0.25);\n background: rgba(255,255,255,0.03);\n transform: translateY(-2px);\n }\n\n #hs-problem .pain-num {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n color: rgba(190,21,34,0.85);\n }\n\n #hs-problem .pain-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 1.7vw, 24px);\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -0.015em;\n color: #f0ede8;\n }\n\n #hs-problem .pain-desc {\n font-size: 15px;\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.52);\n }\n\n \/* \u2500\u2500 BRIDGE-STATEMENT \u2500\u2500 *\/\n #hs-problem .bridge {\n padding: 40px 0;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n text-align: center;\n max-width: 780px;\n margin: 0 auto;\n }\n\n #hs-problem .bridge p {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.1vw, 30px);\n font-weight: 500;\n line-height: 1.3;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.55);\n }\n\n #hs-problem .bridge .final {\n display: block;\n margin-top: 10px;\n color: #f0ede8;\n font-weight: 700;\n }\n #hs-problem .bridge .final .accent {\n color: #BE1522;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-problem .inner {\n padding: 96px 20px;\n }\n #hs-problem .header {\n margin-bottom: 56px;\n }\n #hs-problem .pains {\n gap: 16px;\n margin-bottom: 56px;\n }\n #hs-problem .pain {\n padding: 30px 28px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-problem .inner {\n padding: 72px 18px;\n }\n #hs-problem .header {\n margin-bottom: 40px;\n }\n #hs-problem .eyebrow {\n margin-bottom: 20px;\n }\n #hs-problem .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-problem h2 {\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\n #hs-problem .intro {\n font-size: 15px;\n }\n #hs-problem .pains {\n grid-template-columns: 1fr;\n gap: 14px;\n margin-bottom: 48px;\n }\n #hs-problem .pain {\n padding: 26px 22px;\n border-radius: 16px;\n gap: 12px;\n }\n #hs-problem .pain-title {\n font-size: 19px;\n }\n #hs-problem .pain-desc {\n font-size: 14.5px;\n }\n #hs-problem .bridge {\n padding: 32px 0;\n }\n #hs-problem .bridge p {\n font-size: 19px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-problem h2 {\n font-size: 28px;\n }\n #hs-problem .bridge p {\n font-size: 17px;\n }\n }\n<\/style>\n\n<section id=\"hs-problem\" aria-label=\"Das Problem\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Die neue Realit\u00e4t<\/span>\n <\/div>\n\n <h2>\n Wer 2026 als CEO keine eigene Stimme hat, wird zur <span class=\"accent\">Commodity<\/span>.\n <\/h2>\n\n <div class=\"intro\">\n <p>\n Vertrauen ist im B2B die h\u00e4rteste W\u00e4hrung geworden. Kein Pitch, keine Sales-Sequenz, kein Whitepaper ersetzt den Effekt, wenn ein potenzieller Kunde dich zwei Monate lang auf LinkedIn gesehen hat, bevor er mit deinem Vertrieb spricht.\n <\/p>\n <p>\n Und genau da liegt das Problem: Die meisten CEOs wissen das. Sie tun nichts dagegen. Nicht weil sie faul sind. Sondern weil das System, das daf\u00fcr n\u00f6tig ist, nicht existiert.\n <\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"pains\">\n\n <article class=\"pain\">\n <span class=\"pain-num\">01<\/span>\n <h3 class=\"pain-title\">Deine Konkurrenz hat einen Podcast.<\/h3>\n <p class=\"pain-desc\">\n Sie wird als Kategorie-Autorit\u00e4t wahrgenommen. Sie kassiert die Aufmerksamkeit, die dir geh\u00f6ren sollte \u2014 und die Leads, die daraus folgen.\n <\/p>\n <\/article>\n\n <article class=\"pain\">\n <span class=\"pain-num\">02<\/span>\n <h3 class=\"pain-title\">Dein Marketing-Team hat keine Kapazit\u00e4t.<\/h3>\n <p class=\"pain-desc\">\n Drehtag-Koordination, Postproduktion, Thumbnails, Distribution. Das frisst 15 bis 25 Wochenstunden. Die du nicht hast. Die dein Team nicht hat.\n <\/p>\n <\/article>\n\n <article class=\"pain\">\n <span class=\"pain-num\">03<\/span>\n <h3 class=\"pain-title\">Freelancer liefern Inkonsistenz.<\/h3>\n <p class=\"pain-desc\">\n Drei Videographen. Drei Editor-Styles. Kein einheitliches Look & Feel. Kein Playbook. Kein System. Nur ein loser Haufen Content, der niemals zur Marke wird.\n <\/p>\n <\/article>\n\n <article class=\"pain\">\n <span class=\"pain-num\">04<\/span>\n <h3 class=\"pain-title\">Du selbst hast keine 20 Stunden im Monat.<\/h3>\n <p class=\"pain-desc\">\n Briefings. Reviews. Korrekturschleifen. Du bist CEO, kein Chefredakteur.\n <\/p>\n <\/article>\n\n <\/div>\n\n \n <div class=\"bridge\">\n <p>\n Du brauchst kein weiteres Tool. Kein weiteres Team-Mitglied. Keinen weiteren Freelancer.\n <span class=\"final\">Du brauchst eine <span class=\"accent\">Infrastruktur<\/span>.<\/span>\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-36958e9 e-flex e-con-boxed e-con e-parent\" data-id=\"36958e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da6bad6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"da6bad6\" 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<!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>L\u00f6sung \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-solution, #hs-solution *,\n #hs-solution *::before, #hs-solution *::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-solution {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-solution .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-solution .header {\n max-width: 820px;\n margin-bottom: 80px;\n }\n\n #hs-solution .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-solution .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-solution .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-solution h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 28px;\n }\n #hs-solution h2 .accent {\n color: #BE1522;\n }\n\n #hs-solution .subline {\n font-size: clamp(15px, 1.15vw, 17px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n max-width: 680px;\n }\n\n \/* \u2500\u2500 STEPS \u00b7 vertikale Timeline \u2500\u2500 *\/\n #hs-solution .steps {\n display: flex;\n flex-direction: column;\n max-width: 920px;\n width: 100%;\n margin: 0 auto;\n }\n\n #hs-solution .step {\n display: grid;\n grid-template-columns: 180px 1fr;\n gap: 48px;\n position: relative;\n padding-bottom: 64px;\n }\n #hs-solution .step:last-child {\n padding-bottom: 0;\n }\n\n \/* Vertikale Rail-Line verbindet die Steps *\/\n #hs-solution .step:not(:last-child)::before {\n content: \"\";\n position: absolute;\n left: 48px;\n top: 140px;\n bottom: 0;\n width: 1px;\n background: linear-gradient(\n to bottom,\n rgba(190,21,34,0.3) 0%,\n rgba(255,255,255,0.08) 100%\n );\n }\n\n \/* Step-Nummer *\/\n #hs-solution .step-digit {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(72px, 7vw, 112px);\n line-height: 0.9;\n letter-spacing: -0.05em;\n color: #f0ede8;\n background: linear-gradient(180deg, #f0ede8 0%, rgba(240,237,232,0.25) 100%);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n position: relative;\n }\n\n #hs-solution .step-digit::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -4px;\n width: 28px;\n height: 2px;\n background: #BE1522;\n border-radius: 2px;\n }\n\n \/* Step Content *\/\n #hs-solution .step-content {\n padding-top: 14px;\n }\n\n #hs-solution .step-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 30px);\n font-weight: 700;\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: #f0ede8;\n margin-bottom: 18px;\n }\n\n #hs-solution .step-desc {\n font-size: clamp(15px, 1.1vw, 16.5px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.6);\n max-width: 640px;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-solution .inner {\n padding: 96px 20px;\n }\n #hs-solution .header {\n margin-bottom: 64px;\n }\n #hs-solution .step {\n grid-template-columns: 140px 1fr;\n gap: 32px;\n padding-bottom: 52px;\n }\n #hs-solution .step:not(:last-child)::before {\n left: 40px;\n top: 120px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-solution .inner {\n padding: 72px 18px;\n }\n #hs-solution .header {\n margin-bottom: 48px;\n }\n #hs-solution .eyebrow {\n margin-bottom: 20px;\n }\n #hs-solution .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-solution h2 {\n margin-bottom: 20px;\n }\n #hs-solution .subline {\n font-size: 15px;\n }\n\n \/* Steps: Mobile stacked - Nummer \u00fcber Content *\/\n #hs-solution .step {\n grid-template-columns: 1fr;\n gap: 18px;\n padding-bottom: 44px;\n padding-left: 0;\n }\n #hs-solution .step:not(:last-child)::before {\n left: 22px;\n top: 72px;\n bottom: 20px;\n }\n #hs-solution .step-digit {\n font-size: 64px;\n }\n #hs-solution .step-digit::after {\n width: 22px;\n }\n #hs-solution .step-content {\n padding-top: 4px;\n }\n #hs-solution .step-title {\n font-size: 21px;\n margin-bottom: 12px;\n }\n #hs-solution .step-desc {\n font-size: 15px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-solution h2 {\n font-size: 28px;\n }\n #hs-solution .step-digit {\n font-size: 56px;\n }\n }\n<\/style>\n\n<section id=\"hs-solution\" aria-label=\"Die L\u00f6sung: Das System\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Die L\u00f6sung<\/span>\n <\/div>\n\n <h2>\n Ein Drehtag.<br>\n Deine komplette <span class=\"accent\">Monatspr\u00e4senz<\/span>.\n <\/h2>\n\n <p class=\"subline\">\n Das high.studios-System verwandelt einen einzigen Vormittag in K\u00f6ln in 30 Tage digitale Sichtbarkeit. Du kommst. Du sprichst. Wir verwandeln deine Expertise in alles, was dein Markt sieht.\n <\/p>\n\n <\/div>\n\n \n <div class=\"steps\">\n\n <article class=\"step\">\n <div class=\"step-digit\" aria-label=\"Schritt 1\">01<\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Der Drehtag<\/h3>\n <p class=\"step-desc\">\n 2 bis 3 Stunden in einem unserer Studios. Sony FX6 Kino-Kameras, Shure SM7B Broadcast-Mikrofone, kinoreife Ausleuchtung. Auf Wunsch Teleprompter, Moderations-Support und G\u00e4ste-Management vor Ort. Du musst nichts vorbereiten au\u00dfer dem, was du sagen willst.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-digit\" aria-label=\"Schritt 2\">02<\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Die Asset-Fabrik<\/h3>\n <p class=\"step-desc\">\n Unser Postproduktions-Team zerlegt das Rohmaterial systematisch in alle Formate, die dein Markt konsumiert. 4 vollst\u00e4ndige Podcast-Folgen f\u00fcr YouTube, Spotify und Apple. 15 High-Performance Short-Form-Clips \u2014 jeder mit Hook, Caption und Plattform-optimiertem Format.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-digit\" aria-label=\"Schritt 3\">03<\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Die Omnipr\u00e4senz<\/h3>\n <p class=\"step-desc\">\n Upload-ready. Branded. Sofort ver\u00f6ffentlichbar. Wir liefern alles binnen 72 Stunden nach dem Drehtag. Du entscheidest nur noch, was wann geht.\n <\/p>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-c60b2a2 e-flex e-con-boxed e-con e-parent\" data-id=\"c60b2a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-495e18a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"495e18a\" 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<!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>Studios \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-studios, #hs-studios *,\n #hs-studios *::before, #hs-studios *::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-studios {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-studios .inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-studios .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-studios .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-studios .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-studios .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-studios h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 28px;\n }\n #hs-studios h2 .accent {\n color: #BE1522;\n }\n\n #hs-studios .subline {\n font-size: clamp(15px, 1.15vw, 17px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n max-width: 680px;\n }\n\n \/* \u2500\u2500 GRID \u2500\u2500 *\/\n #hs-studios .grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n }\n\n \/* \u2500\u2500 CARD \u2500\u2500 *\/\n #hs-studios .studio {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 24px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: border-color 0.3s ease, transform 0.3s ease, background 0.3s ease;\n }\n #hs-studios .studio:hover {\n border-color: rgba(190,21,34,0.28);\n background: rgba(255,255,255,0.03);\n transform: translateY(-3px);\n }\n\n \/* \u2500\u2500 VISUAL AREA \u00b7 echtes Studio-Foto \u2500\u2500 *\/\n #hs-studios .visual {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n isolation: isolate;\n }\n\n \/* Subtiler Top-Gradient f\u00fcr Badge-Lesbarkeit auf hellen Bildern *\/\n #hs-studios .visual::after {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 90px;\n background: linear-gradient(to bottom, rgba(0,0,0,0.35), transparent);\n pointer-events: none;\n z-index: 1;\n }\n\n \/* BLACK STUDIO \u2014 echtes Foto *\/\n #hs-studios .studio-black .visual {\n background:\n url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/blackstudio_01-scaled.jpg')\n center\/cover no-repeat,\n #0a0604;\n }\n\n \/* WHITE STUDIO \u2014 echtes Foto *\/\n #hs-studios .studio-white .visual {\n background:\n url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/01\/A7309730-scaled.jpg')\n center\/cover no-repeat,\n #1c1c1c;\n }\n\n \/* PRESIDENT STUDIO \u2014 echtes Foto *\/\n #hs-studios .studio-president .visual {\n background:\n url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/Totale-gecropped-scaled.png')\n center\/cover no-repeat,\n #040404;\n }\n\n \/* Sanfter Zoom-In beim Hover \u2014 Premium-Detail *\/\n #hs-studios .studio .visual {\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n }\n #hs-studios .studio:hover .visual {\n transform: scale(1.03);\n }\n\n \/* Subtiles Badge oben links in der Visual-Area *\/\n #hs-studios .visual-badge {\n position: absolute;\n top: 18px;\n left: 18px;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 6px 11px;\n background: rgba(0,0,0,0.5);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 999px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.78);\n z-index: 2;\n }\n #hs-studios .visual-badge::before {\n content: \"\";\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.9);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 BODY \u2500\u2500 *\/\n #hs-studios .body {\n padding: 28px 28px 32px;\n display: flex;\n flex-direction: column;\n gap: 18px;\n flex: 1;\n }\n\n #hs-studios .studio-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 1.8vw, 24px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.01em;\n color: #f0ede8;\n }\n\n #hs-studios .studio-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px 14px;\n font-size: 11.5px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(190,21,34,0.8);\n }\n #hs-studios .studio-tags .sep {\n color: rgba(255,255,255,0.2);\n }\n\n #hs-studios .studio-desc {\n font-size: 14.5px;\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.55);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-studios .inner {\n padding: 96px 20px;\n }\n #hs-studios .header {\n margin-bottom: 56px;\n }\n #hs-studios .grid {\n gap: 16px;\n }\n #hs-studios .body {\n padding: 24px 24px 28px;\n gap: 14px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-studios .inner {\n padding: 72px 18px;\n }\n #hs-studios .header {\n margin-bottom: 40px;\n }\n #hs-studios .eyebrow {\n margin-bottom: 20px;\n }\n #hs-studios .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-studios h2 {\n margin-bottom: 20px;\n }\n #hs-studios .subline {\n font-size: 15px;\n }\n #hs-studios .grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n #hs-studios .visual {\n aspect-ratio: 16 \/ 11;\n }\n #hs-studios .body {\n padding: 22px 22px 26px;\n gap: 12px;\n }\n #hs-studios .studio-name {\n font-size: 20px;\n }\n #hs-studios .studio-tags {\n font-size: 11px;\n letter-spacing: 0.1em;\n }\n #hs-studios .studio-desc {\n font-size: 14px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-studios h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-studios\" aria-label=\"Die Studios\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Drei R\u00e4ume. Eine Sendequalit\u00e4t.<\/span>\n <\/div>\n\n <h2>\n W\u00e4hle den Raum, der zu deiner <span class=\"accent\">Autorit\u00e4t<\/span> passt.\n <\/h2>\n\n <p class=\"subline\">\n 1.000 m\u00b2 Infrastruktur in K\u00f6ln-Ehrenfeld. Drei eigenst\u00e4ndige Studio-Setups \u2014 f\u00fcr jeden CEO-Content das passende B\u00fchnenbild.\n <\/p>\n\n <\/div>\n\n \n <div class=\"grid\">\n\n \n <article class=\"studio studio-black\">\n <div class=\"visual\" aria-hidden=\"true\">\n <span class=\"visual-badge\">Black Studio<\/span>\n <\/div>\n <div class=\"body\">\n <h3 class=\"studio-name\">Black Studio<\/h3>\n <div class=\"studio-tags\">\n <span>Warm<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Vertraulich<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Gespr\u00e4ch<\/span>\n <\/div>\n <p class=\"studio-desc\">\n F\u00fcr Podcasts, die sich nach echtem Gespr\u00e4ch anf\u00fchlen. Warme T\u00f6ne, tiefer Kontrast, eine Atmosph\u00e4re die N\u00e4he schafft. Der Raum, in dem sich deine G\u00e4ste \u00f6ffnen \u2014 und dein Publikum dranbleibt.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"studio studio-white\">\n <div class=\"visual\" aria-hidden=\"true\">\n <span class=\"visual-badge\">White Studio<\/span>\n <\/div>\n <div class=\"body\">\n <h3 class=\"studio-name\">White Studio<\/h3>\n <div class=\"studio-tags\">\n <span>Clean<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Modern<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Brand-First<\/span>\n <\/div>\n <p class=\"studio-desc\">\n Maximale Flexibilit\u00e4t, minimale Ablenkung. Die sauberste Leinwand, die wir haben \u2014 vollst\u00e4ndig individualisierbar mit eurem Corporate Design. Perfekt f\u00fcr Marken, die selbst im Vordergrund stehen sollen.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"studio studio-president\">\n <div class=\"visual\" aria-hidden=\"true\">\n <span class=\"visual-badge\">President Studio<\/span>\n <\/div>\n <div class=\"body\">\n <h3 class=\"studio-name\">President Studio<\/h3>\n <div class=\"studio-tags\">\n <span>Exklusiv<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Pr\u00e4sidial<\/span>\n <span class=\"sep\">\u00b7<\/span>\n <span>Autorit\u00e4t<\/span>\n <\/div>\n <p class=\"studio-desc\">\n Unser edelster Raum. Dunkle T\u00f6ne, reduziertes Design, eine Atmosph\u00e4re die Gewicht tr\u00e4gt. F\u00fcr CEO-Interviews, Premium-Formate und Vorstandskommunikation.\n <\/p>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-8f3f832 e-flex e-con-boxed e-con e-parent\" data-id=\"8f3f832\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1cfaa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7d1cfaa\" 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<style>\n #hs-output, #hs-output *,\n #hs-output *::before, #hs-output *::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-output {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n #hs-output .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n #hs-output .header {\n max-width: 820px;\n margin-bottom: 80px;\n }\n #hs-output .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-output .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-output .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n #hs-output h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n margin-bottom: 0;\n }\n #hs-output h2 .accent {\n color: #BE1522;\n }\n \/* \u2500\u2500 BLOCKS \u2500\u2500 *\/\n #hs-output .blocks {\n display: flex;\n flex-direction: column;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n #hs-output .block {\n display: grid;\n grid-template-columns: 220px 1fr;\n gap: 48px;\n padding: 56px 0;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n align-items: start;\n transition: padding-left 0.3s ease;\n }\n #hs-output .block:hover {\n padding-left: 8px;\n }\n #hs-output .block-label {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n #hs-output .block-num {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(56px, 6.5vw, 96px);\n line-height: 0.9;\n letter-spacing: -0.045em;\n color: #f0ede8;\n }\n #hs-output .block-num .inf {\n font-weight: 500;\n letter-spacing: -0.02em;\n }\n #hs-output .block-tagline {\n display: inline-block;\n font-size: 10.5px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(190,21,34,0.85);\n padding-top: 4px;\n border-top: 2px solid #BE1522;\n align-self: flex-start;\n }\n #hs-output .block-body {\n padding-top: 10px;\n }\n #hs-output .block-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 30px);\n font-weight: 700;\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: #f0ede8;\n margin-bottom: 22px;\n }\n #hs-output .features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 12px;\n max-width: 620px;\n }\n #hs-output .features li {\n position: relative;\n padding-left: 22px;\n font-size: clamp(14px, 1.05vw, 15.5px);\n line-height: 1.55;\n color: rgba(255,255,255,0.62);\n }\n #hs-output .features li::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 10px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n }\n #hs-output .features li strong {\n color: #f0ede8;\n font-weight: 500;\n }\n \/* \u2500\u2500 FINAL STATEMENT \u2500\u2500 *\/\n #hs-output .statement {\n margin-top: 72px;\n padding-top: 48px;\n border-top: 1px solid rgba(255,255,255,0.08);\n text-align: center;\n }\n #hs-output .statement p {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.2vw, 32px);\n font-weight: 600;\n line-height: 1.3;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.5);\n }\n #hs-output .statement .highlight {\n color: #f0ede8;\n font-weight: 700;\n }\n #hs-output .statement .highlight .accent {\n color: #BE1522;\n }\n \/* \u2500\u2500 CTAs \u2500\u2500 *\/\n #hs-output .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 40px;\n max-width: 100%;\n }\n #hs-output .btn-primary,\n #hs-output .btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 26px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.005em;\n border-radius: 10px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n text-align: center;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n position: relative;\n overflow: hidden;\n }\n #hs-output .btn-primary {\n background: #BE1522;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.04);\n box-shadow: 0 2px 18px rgba(190,21,34,0.32);\n }\n #hs-output .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n }\n #hs-output .btn-primary:hover {\n transform: translateY(-2px);\n background: #d41829;\n box-shadow: 0 6px 28px rgba(190,21,34,0.45);\n }\n #hs-output .btn-primary:hover::after { transform: translateX(100%); }\n #hs-output .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.88);\n border: 1px solid rgba(255,255,255,0.18);\n }\n #hs-output .btn-outline:hover {\n transform: translateY(-2px);\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n #hs-output .btn-primary svg,\n #hs-output .btn-outline svg {\n width: 14px; height: 14px;\n flex-shrink: 0;\n transition: transform .2s ease;\n }\n #hs-output .btn-primary:hover svg,\n #hs-output .btn-outline:hover svg { transform: translateX(3px); }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-output .inner { padding: 96px 20px; }\n #hs-output .header { margin-bottom: 64px; }\n #hs-output .block {\n grid-template-columns: 180px 1fr;\n gap: 32px;\n padding: 44px 0;\n }\n #hs-output .statement {\n margin-top: 56px;\n padding-top: 40px;\n }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-output .inner { padding: 72px 18px; }\n #hs-output .header { margin-bottom: 48px; }\n #hs-output .eyebrow { margin-bottom: 20px; }\n #hs-output .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-output .block {\n grid-template-columns: 1fr;\n gap: 24px;\n padding: 40px 0;\n }\n #hs-output .block:hover { padding-left: 0; }\n #hs-output .block-num { font-size: 64px; }\n #hs-output .block-tagline {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-output .block-body { padding-top: 0; }\n #hs-output .block-title {\n font-size: 20px;\n margin-bottom: 18px;\n }\n #hs-output .features li {\n font-size: 14.5px;\n padding-left: 18px;\n }\n #hs-output .statement {\n margin-top: 56px;\n padding-top: 36px;\n }\n #hs-output .statement p { font-size: 19px; }\n #hs-output .ctas {\n flex-direction: column;\n gap: 12px;\n width: 100%;\n margin-top: 32px;\n }\n #hs-output .btn-primary,\n #hs-output .btn-outline {\n width: 100%;\n padding: 16px 18px;\n font-size: 14px;\n white-space: normal;\n }\n }\n @media (max-width: 380px) {\n #hs-output h2 { font-size: 28px; }\n #hs-output .block-num { font-size: 56px; }\n #hs-output .statement p { font-size: 17px; }\n #hs-output .btn-primary,\n #hs-output .btn-outline { font-size: 13px; }\n }\n<\/style>\n\n<section id=\"hs-output\" aria-label=\"Was du bekommst\">\n <div class=\"inner\">\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Dein monatlicher Output<\/span>\n <\/div>\n <h2>\n Was wir nach einem Drehtag f\u00fcr dich auf <span class=\"accent\">Sendung<\/span> bringen.\n <\/h2>\n <\/div>\n\n \n <div class=\"blocks\">\n <article class=\"block\">\n <div class=\"block-label\">\n <span class=\"block-num\">04<\/span>\n <span class=\"block-tagline\">Podcast-Folgen<\/span>\n <\/div>\n <div class=\"block-body\">\n <h3 class=\"block-title\">Vollwertige Podcast-Episoden \u2014 Video & Audio.<\/h3>\n <ul class=\"features\">\n <li><strong>Video in 4K<\/strong>, Multicam mit bis zu 4 Kameras, farbkorrigiert auf Sendequalit\u00e4t<\/li>\n <li><strong>Audio broadcast-gemastert<\/strong> nach EBU-R128, studioqualit\u00e4tsbereinigt<\/li>\n <li>Plattform-Formate: <strong>YouTube<\/strong> (16:9), <strong>Spotify Video<\/strong>, <strong>Apple Podcasts<\/strong>, reiner Audio-Stream<\/li>\n <li>Komplettes Branding: Intro, Outro, Lower Thirds, Title Cards, Thumbnails<\/li>\n <\/ul>\n <\/div>\n <\/article>\n\n <article class=\"block\">\n <div class=\"block-label\">\n <span class=\"block-num\">15<\/span>\n <span class=\"block-tagline\">Short-Form-Clips<\/span>\n <\/div>\n <div class=\"block-body\">\n <h3 class=\"block-title\">High-Performance Reels f\u00fcr alle Vertical-Plattformen.<\/h3>\n <ul class=\"features\">\n <li><strong>9:16 Vertical-Format<\/strong> f\u00fcr LinkedIn, Instagram & TikTok<\/li>\n <li>Systematisch aus den Episoden extrahiert \u2014 jeder Clip mit <strong>Hook, Spannungsbogen, Caption<\/strong><\/li>\n <li><strong>Dynamische Untertitel<\/strong> (95% der Plattform-Views laufen ohne Ton)<\/li>\n <li>Brand-Template durchgehend konsistent \u2014 Wiedererkennung ab dem ersten Frame<\/li>\n <\/ul>\n <\/div>\n <\/article>\n\n <article class=\"block\">\n <div class=\"block-label\">\n <span class=\"block-num\"><span class=\"inf\">\u221e<\/span><\/span>\n <span class=\"block-tagline\">Full-Service<\/span>\n <\/div>\n <div class=\"block-body\">\n <h3 class=\"block-title\">Komplette Postproduktion \u2014 du bekommst fertig geliefert.<\/h3>\n <ul class=\"features\">\n <li><strong>Multicam-Schnitt<\/strong> & Storytelling-Aufbau<\/li>\n <li><strong>Audio Cleaning, Leveling, Mastering<\/strong><\/li>\n <li><strong>Color Grading<\/strong> auf Sendequalit\u00e4t<\/li>\n <li><strong>Thumbnail-Design<\/strong> (auf Wunsch mit A\/B-Varianten)<\/li>\n <li><strong>Delivery binnen 72 Stunden<\/strong> nach dem Drehtag<\/li>\n <\/ul>\n <\/div>\n <\/article>\n <\/div>\n\n \n <div class=\"statement\">\n <p>\n Ein Drehtag.\n <span class=\"highlight\">Alles, was du f\u00fcr den Rest des <span class=\"accent\">Monats<\/span> brauchst.<\/span>\n <\/p>\n <\/div>\n\n \n <div class=\"ctas\">\n <a id=\"hs-output-cta-primary\" href=\"#hs-form\" class=\"btn-primary\">\n <span>Jetzt anfragen<\/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 <\/a>\n <a id=\"hs-output-cta-whatsapp\" href=\"https:\/\/wa.me\/+491726295756?text=Hi%20Philipp%2C%20ich%20interessiere%20mich%20f%C3%BCr%20das%20high.studios-System.\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\n <span>Per WhatsApp schreiben<\/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=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\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<div class=\"elementor-element elementor-element-7362d82 e-flex e-con-boxed e-con e-parent\" data-id=\"7362d82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc2f20 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6bc2f20\" 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<!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>F\u00fcr wen \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-forwho, #hs-forwho *,\n #hs-forwho *::before, #hs-forwho *::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-forwho {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-forwho .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-forwho .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-forwho .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-forwho .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-forwho .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-forwho h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n #hs-forwho h2 .accent {\n color: #BE1522;\n }\n\n \/* \u2500\u2500 GRID \u2500\u2500 *\/\n #hs-forwho .grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n\n \/* \u2500\u2500 PROFILE CARD \u2500\u2500 *\/\n #hs-forwho .profile {\n background: rgba(255,255,255,0.015);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n padding: 36px 32px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n \/* Sanfter Glow oben rechts bei Hover *\/\n #hs-forwho .profile::before {\n content: \"\";\n position: absolute;\n top: -40%;\n right: -20%;\n width: 60%;\n height: 80%;\n background: radial-gradient(ellipse, rgba(190,21,34,0.12) 0%, transparent 65%);\n filter: blur(40px);\n opacity: 0;\n transition: opacity 0.4s ease;\n pointer-events: none;\n }\n #hs-forwho .profile:hover {\n border-color: rgba(190,21,34,0.25);\n background: rgba(255,255,255,0.025);\n transform: translateY(-3px);\n }\n #hs-forwho .profile:hover::before {\n opacity: 1;\n }\n\n \/* Profile Tag Pill *\/\n #hs-forwho .tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n align-self: flex-start;\n padding: 5px 11px;\n background: rgba(190,21,34,0.1);\n border: 1px solid rgba(190,21,34,0.3);\n border-radius: 999px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(240,180,190,0.95);\n position: relative;\n z-index: 1;\n }\n #hs-forwho .tag::before {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: #BE1522;\n flex-shrink: 0;\n }\n\n \/* Role Title *\/\n #hs-forwho .role {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 28px);\n font-weight: 700;\n line-height: 1.15;\n letter-spacing: -0.015em;\n color: #f0ede8;\n position: relative;\n z-index: 1;\n }\n\n \/* Description *\/\n #hs-forwho .desc {\n font-size: clamp(14.5px, 1.05vw, 16px);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255,255,255,0.58);\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-forwho .inner {\n padding: 96px 20px;\n }\n #hs-forwho .header {\n margin-bottom: 56px;\n }\n #hs-forwho .grid {\n gap: 16px;\n }\n #hs-forwho .profile {\n padding: 30px 28px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-forwho .inner {\n padding: 72px 18px;\n }\n #hs-forwho .header {\n margin-bottom: 40px;\n }\n #hs-forwho .eyebrow {\n margin-bottom: 20px;\n }\n #hs-forwho .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-forwho .grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n #hs-forwho .profile {\n padding: 26px 22px;\n border-radius: 16px;\n gap: 12px;\n }\n #hs-forwho .tag {\n font-size: 9.5px;\n letter-spacing: 0.14em;\n }\n #hs-forwho .role {\n font-size: 20px;\n }\n #hs-forwho .desc {\n font-size: 14.5px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-forwho h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-forwho\" aria-label=\"F\u00fcr wen das ist\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Dein Profil<\/span>\n <\/div>\n\n <h2>\n Gebaut f\u00fcr Menschen, die den <span class=\"accent\">Markt sehen m\u00fcssen<\/span> \u2014 nicht umgekehrt.\n <\/h2>\n\n <\/div>\n\n \n <div class=\"grid\">\n\n <article class=\"profile\">\n <span class=\"tag\">Leadership<\/span>\n <h3 class=\"role\">CEO & Gesch\u00e4ftsf\u00fchrung<\/h3>\n <p class=\"desc\">\n Du willst als Kategorie-Autorit\u00e4t wahrgenommen werden, ohne selbst zum Vollzeit-Creator zu werden. Deine pers\u00f6nliche Sichtbarkeit zieht Deals ins Haus, die klassisches Marketing nie erreichen w\u00fcrde.\n <\/p>\n <\/article>\n\n <article class=\"profile\">\n <span class=\"tag\">Personal Brand<\/span>\n <h3 class=\"role\">Founder & Gr\u00fcnder<\/h3>\n <p class=\"desc\">\n Dein Unternehmen und dein Name sind untrennbar. Jeder Follower, der dir vertraut, vertraut deiner Firma. Omnipr\u00e4senz ist dein h\u00e4rtester Wachstumshebel \u2014 und gleichzeitig das, wof\u00fcr du am wenigsten Zeit hast.\n <\/p>\n <\/article>\n\n <article class=\"profile\">\n <span class=\"tag\">Expertise<\/span>\n <h3 class=\"role\">Berater & High-Ticket-Experten<\/h3>\n <p class=\"desc\">\n Du verkaufst Mandate ab 10.000 \u20ac. Ein einziger zus\u00e4tzlicher Kunde pro Quartal refinanziert das gesamte System. Alles dar\u00fcber ist Marge.\n <\/p>\n <\/article>\n\n <article class=\"profile\">\n <span class=\"tag\">Executive<\/span>\n <h3 class=\"role\">Vorstand & C-Level<\/h3>\n <p class=\"desc\">\n Du brauchst professionelle Kommunikationskan\u00e4le \u2014 f\u00fcr Mitarbeiter, Investoren, Stakeholder, Kunden. Keine Improvisation im iPhone-Setup. Keine Peinlichkeiten in internen Quartals-Videos.\n <\/p>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-7e8c51a e-flex e-con-boxed e-con e-parent\" data-id=\"7e8c51a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f412df elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7f412df\" 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<style>\n #hs-economy, #hs-economy *,\n #hs-economy *::before, #hs-economy *::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-economy {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n #hs-economy .inner {\n max-width: 1160px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n #hs-economy .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n #hs-economy .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-economy .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-economy .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n #hs-economy h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n \/* \u2500\u2500 COMPARE GRID \u2500\u2500 *\/\n #hs-economy .compare {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 72px;\n position: relative;\n }\n #hs-economy .column {\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 24px;\n padding: 40px 36px;\n display: flex;\n flex-direction: column;\n gap: 28px;\n position: relative;\n overflow: hidden;\n }\n #hs-economy .column.diy {\n background: rgba(255,255,255,0.015);\n }\n #hs-economy .column.hs {\n background:\n radial-gradient(ellipse at 50% 0%, rgba(190,21,34,0.08) 0%, transparent 70%),\n rgba(255,255,255,0.02);\n border-color: rgba(190,21,34,0.22);\n }\n #hs-economy .col-label {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n align-self: flex-start;\n padding: 5px 11px;\n border-radius: 999px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n #hs-economy .diy .col-label {\n color: rgba(255,255,255,0.5);\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.12);\n }\n #hs-economy .diy .col-label::before {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: rgba(255,255,255,0.35);\n flex-shrink: 0;\n }\n #hs-economy .hs .col-label {\n color: rgba(240,180,190,0.95);\n background: rgba(190,21,34,0.1);\n border: 1px solid rgba(190,21,34,0.35);\n }\n #hs-economy .hs .col-label::before {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: #BE1522;\n flex-shrink: 0;\n }\n #hs-economy .col-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 1.8vw, 26px);\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -0.015em;\n color: #f0ede8;\n }\n #hs-economy .diy .col-title {\n color: rgba(255,255,255,0.78);\n }\n \/* \u2500\u2500 STARTER PRICE \u2500\u2500 *\/\n #hs-economy .starter {\n padding: 18px 0;\n border-top: 1px solid rgba(255,255,255,0.06);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n #hs-economy .starter-label {\n display: block;\n font-size: 10.5px;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.32);\n margin-bottom: 8px;\n }\n #hs-economy .starter-price {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2vw, 28px);\n font-weight: 600;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.72);\n }\n \/* \u2500\u2500 PLUS LIST \u2500\u2500 *\/\n #hs-economy .plus-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n #hs-economy .plus-list li {\n position: relative;\n padding-left: 26px;\n font-size: 14.5px;\n line-height: 1.5;\n color: rgba(255,255,255,0.5);\n }\n #hs-economy .plus-list li::before {\n content: \"+\";\n position: absolute;\n left: 0;\n top: 0;\n font-weight: 500;\n color: rgba(255,180,180,0.6);\n font-size: 16px;\n line-height: 1.35;\n }\n \/* \u2500\u2500 BENEFITS LIST \u2500\u2500 *\/\n #hs-economy .benefits-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n #hs-economy .benefits-list li {\n position: relative;\n padding-left: 24px;\n font-size: 14.5px;\n line-height: 1.5;\n color: rgba(255,255,255,0.75);\n }\n #hs-economy .benefits-list li::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #BE1522;\n }\n #hs-economy .benefits-list li strong {\n color: #f0ede8;\n font-weight: 500;\n }\n \/* \u2500\u2500 CAVEAT \u2500\u2500 *\/\n #hs-economy .caveat {\n font-size: 13.5px;\n line-height: 1.55;\n color: rgba(255,255,255,0.42);\n font-style: italic;\n padding: 14px 0 0;\n border-top: 1px dashed rgba(255,255,255,0.1);\n }\n \/* \u2500\u2500 TOTAL BLOCK \u2500\u2500 *\/\n #hs-economy .total {\n margin-top: auto;\n padding-top: 28px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n #hs-economy .total-label {\n display: block;\n font-size: 10.5px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n #hs-economy .diy .total-label { color: rgba(255,255,255,0.42); }\n #hs-economy .hs .total-label { color: rgba(240,180,190,0.95); }\n #hs-economy .total-price {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(34px, 4.2vw, 58px);\n font-weight: 700;\n line-height: 1;\n letter-spacing: -0.035em;\n display: block;\n margin-bottom: 6px;\n }\n #hs-economy .diy .total-price { color: #f0ede8; }\n #hs-economy .hs .total-price {\n color: #f0ede8;\n position: relative;\n }\n #hs-economy .hs .total-price::after {\n content: \"\";\n display: block;\n width: 40px;\n height: 3px;\n background: #BE1522;\n border-radius: 2px;\n margin-top: 10px;\n }\n #hs-economy .total-sub {\n display: block;\n font-size: 13px;\n color: rgba(255,255,255,0.42);\n }\n \/* \u2500\u2500 BRIDGE-STATEMENT \u2500\u2500 *\/\n #hs-economy .bridge {\n padding: 40px 0;\n border-top: 1px solid rgba(255,255,255,0.08);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n text-align: center;\n max-width: 780px;\n margin: 0 auto;\n }\n #hs-economy .bridge p {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.1vw, 30px);\n font-weight: 500;\n line-height: 1.3;\n letter-spacing: -0.02em;\n color: rgba(255,255,255,0.55);\n }\n #hs-economy .bridge .final {\n display: block;\n margin-top: 10px;\n color: #f0ede8;\n font-weight: 700;\n }\n #hs-economy .bridge .accent {\n color: #BE1522;\n }\n \/* \u2500\u2500 CTAs \u2500\u2500 *\/\n #hs-economy .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 48px;\n max-width: 100%;\n }\n #hs-economy .btn-primary,\n #hs-economy .btn-outline {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 26px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.005em;\n border-radius: 10px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1.2;\n text-align: center;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n position: relative;\n overflow: hidden;\n }\n #hs-economy .btn-primary {\n background: #BE1522;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.04);\n box-shadow: 0 2px 18px rgba(190,21,34,0.32);\n }\n #hs-economy .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.18) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n }\n #hs-economy .btn-primary:hover {\n transform: translateY(-2px);\n background: #d41829;\n box-shadow: 0 6px 28px rgba(190,21,34,0.45);\n }\n #hs-economy .btn-primary:hover::after { transform: translateX(100%); }\n #hs-economy .btn-outline {\n background: transparent;\n color: rgba(255,255,255,0.88);\n border: 1px solid rgba(255,255,255,0.18);\n }\n #hs-economy .btn-outline:hover {\n transform: translateY(-2px);\n background: rgba(255,255,255,0.04);\n border-color: rgba(255,255,255,0.4);\n color: #fff;\n }\n #hs-economy .btn-primary svg,\n #hs-economy .btn-outline svg {\n width: 14px; height: 14px;\n flex-shrink: 0;\n transition: transform .2s ease;\n }\n #hs-economy .btn-primary:hover svg,\n #hs-economy .btn-outline:hover svg { transform: translateX(3px); }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-economy .inner { padding: 96px 20px; }\n #hs-economy .header { margin-bottom: 56px; }\n #hs-economy .compare {\n gap: 16px;\n margin-bottom: 56px;\n }\n #hs-economy .column {\n padding: 34px 30px;\n gap: 24px;\n }\n }\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-economy .inner { padding: 72px 18px; }\n #hs-economy .header { margin-bottom: 40px; }\n #hs-economy .eyebrow { margin-bottom: 20px; }\n #hs-economy .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-economy .compare {\n grid-template-columns: 1fr;\n gap: 14px;\n margin-bottom: 48px;\n }\n #hs-economy .column {\n padding: 28px 22px;\n gap: 20px;\n border-radius: 18px;\n }\n #hs-economy .col-title { font-size: 19px; }\n #hs-economy .plus-list li,\n #hs-economy .benefits-list li { font-size: 14px; }\n #hs-economy .total-price { font-size: 34px; }\n #hs-economy .bridge { padding: 32px 0; }\n #hs-economy .bridge p { font-size: 19px; }\n #hs-economy .ctas {\n flex-direction: column;\n gap: 12px;\n width: 100%;\n margin-top: 36px;\n }\n #hs-economy .btn-primary,\n #hs-economy .btn-outline {\n width: 100%;\n padding: 16px 18px;\n font-size: 14px;\n white-space: normal;\n }\n }\n @media (max-width: 380px) {\n #hs-economy h2 { font-size: 28px; }\n #hs-economy .total-price { font-size: 30px; }\n #hs-economy .bridge p { font-size: 17px; }\n #hs-economy .btn-primary,\n #hs-economy .btn-outline { font-size: 13px; }\n }\n<\/style>\n\n<section id=\"hs-economy\" aria-label=\"\u00d6konomischer Vergleich\">\n <div class=\"inner\">\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Die \u00f6konomische Logik<\/span>\n <\/div>\n <h2>Rechnen wir kurz.<\/h2>\n <\/div>\n\n \n <div class=\"compare\">\n \n <article class=\"column diy\">\n <span class=\"col-label\">Die DIY-Realit\u00e4t<\/span>\n <h3 class=\"col-title\">Ein interner Video-Editor<\/h3>\n <div class=\"starter\">\n <span class=\"starter-label\">Gehalt brutto \/ Monat<\/span>\n <span class=\"starter-price\">3.425 \u20ac \u2013 5.378 \u20ac<\/span>\n <\/div>\n <ul class=\"plus-list\">\n <li>20 % Lohnnebenkosten<\/li>\n <li>Studio-Miete<\/li>\n <li>Equipment (4-stellig initial)<\/li>\n <li>Recruiting-Aufwand<\/li>\n <li>Urlaubs- und Krankheitsvertretung<\/li>\n <\/ul>\n <p class=\"caveat\">\n Und daf\u00fcr bekommst du: <em>eine<\/em> Person. Die schneidet. Wenn sie ausf\u00e4llt, steht alles.\n <\/p>\n <div class=\"total\">\n <span class=\"total-label\">Realistische Gesamtkosten<\/span>\n <span class=\"total-price\">6.500 \u20ac \u2013 9.000 \u20ac<\/span>\n <span class=\"total-sub\">pro Monat<\/span>\n <\/div>\n <\/article>\n\n \n <article class=\"column hs\">\n <span class=\"col-label\">Das high.studios-System<\/span>\n <h3 class=\"col-title\">Ein komplettes Produktions-Team<\/h3>\n <ul class=\"benefits-list\">\n <li><strong>Videograph \u00b7 Editor \u00b7 Tontechniker \u00b7 Grafikdesigner<\/strong> \u2014 ein eingespieltes Team<\/li>\n <li><strong>1.000 m\u00b2 Studio-Infrastruktur<\/strong> in K\u00f6ln-Ehrenfeld<\/li>\n <li><strong>8 Jahre Erfahrung<\/strong> mit Kunden wie BMW, Meta, Spotify<\/li>\n <li><strong>Systemischer Workflow<\/strong> \u2014 null Abh\u00e4ngigkeit von einzelnen Personen<\/li>\n <li><strong>Skalierbar ab Tag 1<\/strong> \u2014 mehr Content, ohne mehr Headcount<\/li>\n <\/ul>\n <div class=\"total\">\n <span class=\"total-label\">Deine Investition<\/span>\n <span class=\"total-price\">2.394 \u20ac \u2013 3.211 \u20ac<\/span>\n <span class=\"total-sub\">pro Monat<\/span>\n <\/div>\n <\/article>\n <\/div>\n\n \n <div class=\"bridge\">\n <p>\n Du hast keinen gr\u00f6\u00dferen Content-Bedarf als andere CEOs.\n <span class=\"final\">Dir fehlt nur die <span class=\"accent\">Infrastruktur<\/span>, die den Bedarf deckt.<\/span>\n <\/p>\n <\/div>\n\n \n <div class=\"ctas\">\n <a id=\"hs-economy-cta-primary\" href=\"#hs-form\" class=\"btn-primary\">\n <span>Jetzt anfragen<\/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 <\/a>\n <a id=\"hs-economy-cta-whatsapp\" href=\"https:\/\/wa.me\/+491726295756?text=Hi%20Philipp%2C%20ich%20interessiere%20mich%20f%C3%BCr%20das%20high.studios-System.\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\n <span>Per WhatsApp schreiben<\/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=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\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<div class=\"elementor-element elementor-element-3bb1521 e-flex e-con-boxed e-con e-parent\" data-id=\"3bb1521\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea93447 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ea93447\" 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<style>\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 #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 #hs-form .inner {\n max-width: 880px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n #hs-form .header {\n text-align: center;\n margin-bottom: 56px;\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 #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 #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 #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 #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 #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 #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 #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 #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 @keyframes hs-step-fade {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\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 #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 #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 #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 #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 #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 #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 #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 #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 @media (max-width: 1023px) {\n #hs-form .inner { padding: 96px 20px; }\n #hs-form .card { padding: 40px 32px; }\n }\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 #hs-form .card {\n padding: 28px 20px;\n border-radius: 18px;\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 #hs-form .step-question { font-size: 20px; }\n #hs-form .step-hint {\n font-size: 13.5px;\n margin-bottom: 22px;\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 #hs-form .nav {\n padding-top: 22px;\n }\n #hs-form .btn-next {\n padding: 14px 22px;\n font-size: 14px;\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 <div class=\"inner\">\n\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 <div class=\"card\">\n\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 <div class=\"steps\">\n\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 <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 & 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 <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 <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 & 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 <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 <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 <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 <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 <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 <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 <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 <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<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,\n goal: null,\n format: null,\n name: '',\n company_name: '',\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 \/\/ \u2500\u2500 STEP-TRACKING (1\u00d7 pro Session) \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 trackStepEntry(stepNum) {\n var flag = '__hsFormStep' + stepNum + 'Fired';\n if (window[flag]) return;\n window[flag] = true;\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'form_step_' + stepNum,\n step: stepNum,\n form_id: 'medienhaus_lead',\n lp_slug: 'medienhaus'\n });\n }\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 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 \/\/ Step 1 trackt beim ersten Radio-Click in Step 1\n if (state.step === 1) trackStepEntry(1);\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 \/\/ Track Step 2 \/ 3 \/ 4 beim Wechsel\n trackStepEntry(state.step);\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 \/\/ \u2500\u2500 Bestehender Lead-Push f\u00fcr Bridge \u2192 form_submit (CAPI) \u2500\u2500\n var eventId = 'lead_form_submit_' + Date.now() + '_' + Math.random().toString(36).slice(2, 10);\n window.eventId = eventId;\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_form_submit',\n event_id: eventId,\n form_name: 'medienhaus_lead',\n company_size: payload.company_size,\n goal: payload.goal,\n format: payload.format,\n name: payload.name,\n email: payload.email,\n phone: payload.phone,\n value: 1,\n currency: 'EUR'\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>\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<div class=\"elementor-element elementor-element-075edcb e-flex e-con-boxed e-con e-parent\" data-id=\"075edcb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1fc27 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6f1fc27\" 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<!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>Testimonials \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-testimonials, #hs-testimonials *,\n #hs-testimonials *::before, #hs-testimonials *::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-testimonials {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 INNER \u2500\u2500 *\/\n #hs-testimonials .inner {\n max-width: 1160px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-testimonials .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-testimonials .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-testimonials .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-testimonials .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-testimonials h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n #hs-testimonials h2 .accent { color: #BE1522; }\n\n \/* \u2500\u2500 HERO TESTIMONIAL (Elias) \u2500\u2500 *\/\n #hs-testimonials .hero {\n background:\n radial-gradient(ellipse at 80% 20%, rgba(190,21,34,0.1) 0%, transparent 60%),\n rgba(255,255,255,0.02);\n border: 1px solid rgba(190,21,34,0.22);\n border-radius: 24px;\n padding: 56px 48px;\n margin-bottom: 20px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Gro\u00dfes Anf\u00fchrungszeichen oben *\/\n #hs-testimonials .hero::before {\n content: \"\\201C\";\n position: absolute;\n top: -20px;\n left: 32px;\n font-family: 'Bricolage Grotesque', serif;\n font-size: 180px;\n line-height: 1;\n color: rgba(190,21,34,0.14);\n font-weight: 700;\n pointer-events: none;\n }\n\n #hs-testimonials .hero-quote {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.2vw, 30px);\n font-weight: 500;\n line-height: 1.35;\n letter-spacing: -0.015em;\n color: #f0ede8;\n margin-bottom: 32px;\n position: relative;\n z-index: 1;\n max-width: 920px;\n }\n #hs-testimonials .hero-quote .highlight {\n color: #BE1522;\n font-weight: 600;\n }\n\n #hs-testimonials .hero-author {\n display: flex;\n align-items: center;\n gap: 18px;\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 SMALL TESTIMONIALS GRID \u2500\u2500 *\/\n #hs-testimonials .grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n #hs-testimonials .card {\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n padding: 32px 28px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n transition: border-color 0.3s ease, transform 0.3s ease;\n }\n #hs-testimonials .card:hover {\n border-color: rgba(190,21,34,0.2);\n transform: translateY(-2px);\n }\n\n #hs-testimonials .card-quote {\n font-size: 15px;\n line-height: 1.55;\n color: rgba(255,255,255,0.78);\n flex: 1;\n }\n\n #hs-testimonials .card-author {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n \/* \u2500\u2500 AUTHOR: Avatar-Badge (Initials) oder Foto \u2500\u2500 *\/\n #hs-testimonials .avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n flex-shrink: 0;\n background: linear-gradient(135deg, rgba(190,21,34,0.3), rgba(190,21,34,0.12));\n border: 1.5px solid rgba(190,21,34,0.35);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 16px;\n font-weight: 700;\n letter-spacing: -0.02em;\n color: #f0ede8;\n overflow: hidden;\n background-size: cover;\n background-position: center;\n }\n #hs-testimonials .hero .avatar {\n width: 56px;\n height: 56px;\n font-size: 18px;\n }\n \/* Wenn Foto da, verstecke Initials *\/\n #hs-testimonials .avatar[data-photo] {\n color: transparent;\n border-color: rgba(255,255,255,0.14);\n }\n\n #hs-testimonials .author-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 0;\n }\n #hs-testimonials .author-name {\n font-size: 15px;\n font-weight: 600;\n color: #f0ede8;\n letter-spacing: -0.01em;\n }\n #hs-testimonials .hero .author-name {\n font-size: 16px;\n }\n #hs-testimonials .author-role {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-testimonials .inner {\n padding: 96px 20px;\n }\n #hs-testimonials .header {\n margin-bottom: 56px;\n }\n #hs-testimonials .hero {\n padding: 44px 36px;\n }\n #hs-testimonials .hero::before {\n font-size: 140px;\n left: 24px;\n }\n #hs-testimonials .grid {\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n #hs-testimonials .card {\n padding: 28px 24px;\n }\n \/* Dritte Card volle Breite *\/\n #hs-testimonials .card:nth-child(3) {\n grid-column: 1 \/ -1;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-testimonials .inner {\n padding: 72px 18px;\n }\n #hs-testimonials .header {\n margin-bottom: 40px;\n }\n #hs-testimonials .eyebrow {\n margin-bottom: 20px;\n }\n #hs-testimonials .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-testimonials .hero {\n padding: 36px 26px;\n border-radius: 18px;\n margin-bottom: 14px;\n }\n #hs-testimonials .hero::before {\n font-size: 120px;\n top: -14px;\n left: 18px;\n }\n #hs-testimonials .grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n #hs-testimonials .card {\n padding: 26px 22px;\n border-radius: 16px;\n }\n #hs-testimonials .card:nth-child(3) {\n grid-column: auto;\n }\n }\n\n @media (max-width: 380px) {\n #hs-testimonials h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-testimonials\" aria-label=\"Kundenstimmen\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Kundenstimmen<\/span>\n <\/div>\n <h2>CEOs, die nicht mehr selbst <span class=\"accent\">produzieren<\/span>.<\/h2>\n <\/div>\n\n \n <article class=\"hero\">\n <p class=\"hero-quote\">\n Die Podcast-Studios in den high.studios sind ein absoluter <span class=\"highlight\">Gamechanger<\/span>! Die Technik ist erstklassig, die Akustik perfekt, und das Beste: alles l\u00e4uft super smooth. Das gro\u00dfartige Team nimmt dir die ganze Organisation ab, sodass du dich voll auf deine Aufnahme konzentrieren kannst. Der Gr\u00fcnder Philipp hat hier wirklich eine Umgebung geschaffen, die Kreativit\u00e4t f\u00f6rdert und dir dabei hilft, jede Menge Zeit zu sparen. Hier wird Podcasting zum Erlebnis \u2014 klare Empfehlung!\n <\/p>\n <div class=\"hero-author\">\n <div class=\"avatar\" aria-hidden=\"true\">EG<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Elias El Gharbaoui<\/span>\n <span class=\"author-role\">Gesch\u00e4ftsf\u00fchrer, Suyana GmbH<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <div class=\"grid\">\n\n \n <article class=\"card\">\n <p class=\"card-quote\">\n In eurem Podcast-Raum f\u00fchlt man sich wie in einem Safe Space. Die perfekte Atmosph\u00e4re f\u00fcr unsere Podcast-Folge.\n <\/p>\n <div class=\"card-author\">\n <div class=\"avatar\" aria-hidden=\"true\">KS<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Katrin Stockinger<\/span>\n <span class=\"author-role\">Gesch\u00e4ftsf\u00fchrerin, Noles<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"card\">\n <p class=\"card-quote\">\n Hands down ein echter One-Stop-Shop f\u00fcr die Produktion von geilem Content. Philipp, der Gr\u00fcnder, und sein ganzes Team sind mega \u2014 nicht nur produktiv, sondern einfach auch eine gute Zeit.\n <\/p>\n <div class=\"card-author\">\n <div class=\"avatar\" aria-hidden=\"true\">TS<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Tobias Schmitz<\/span>\n <span class=\"author-role\">Kundenrezension<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"card\">\n <p class=\"card-quote\">\n Philipp Kaul und sein Team leisten in jeder Hinsicht professionelle und au\u00dfergew\u00f6hnliche Arbeit. Wir sind sehr dankbar f\u00fcr die Zusammenarbeit und freuen uns auf viele weitere Projekte.\n <\/p>\n <div class=\"card-author\">\n <div class=\"avatar\" aria-hidden=\"true\">PK<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Philip Kistner<\/span>\n <span class=\"author-role\">vimabu<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-9ab1bc7 e-flex e-con-boxed e-con e-parent\" data-id=\"9ab1bc7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e723c4c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e723c4c\" 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<!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>Gr\u00fcnder + Team \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: #0d0d0d; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-team, #hs-team *,\n #hs-team *::before, #hs-team *::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 #hs-team {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n #hs-team .inner {\n max-width: 1160px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-team .header {\n max-width: 820px;\n margin-bottom: 72px;\n }\n\n #hs-team .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-team .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-team .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-team h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(32px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.03em;\n color: #f0ede8;\n }\n #hs-team h2 .accent { color: #BE1522; }\n\n \/* \u2500\u2500 FOUNDER BLOCK \u2500\u2500 *\/\n #hs-team .founder {\n display: grid;\n grid-template-columns: 340px 1fr;\n gap: 56px;\n align-items: center;\n padding: 56px 48px;\n background:\n radial-gradient(ellipse at 85% 15%, rgba(190,21,34,0.1) 0%, transparent 60%),\n rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 28px;\n margin-bottom: 88px;\n position: relative;\n overflow: hidden;\n }\n\n #hs-team .founder-photo {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: 50%;\n background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team-1024x1024.webp');\n background-size: cover;\n background-position: center;\n background-color: #050505;\n border: 2px solid rgba(190,21,34,0.3);\n box-shadow:\n 0 0 0 8px rgba(190,21,34,0.06),\n 0 20px 50px -20px rgba(0,0,0,0.5);\n }\n\n #hs-team .founder-content {\n display: flex;\n flex-direction: column;\n gap: 28px;\n }\n\n #hs-team .founder-quote {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(20px, 2.1vw, 28px);\n font-weight: 500;\n line-height: 1.32;\n letter-spacing: -0.015em;\n color: #f0ede8;\n position: relative;\n }\n #hs-team .founder-quote .highlight {\n color: #BE1522;\n font-weight: 700;\n }\n\n \/* Kleines rotes Zitat-Indikator links oben *\/\n #hs-team .founder-quote::before {\n content: \"\";\n position: absolute;\n left: -14px;\n top: 8px;\n width: 3px;\n height: 28px;\n background: #BE1522;\n border-radius: 2px;\n }\n\n #hs-team .founder-meta {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n #hs-team .founder-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 20px;\n font-weight: 700;\n color: #f0ede8;\n letter-spacing: -0.015em;\n }\n #hs-team .founder-role {\n font-size: 13.5px;\n color: rgba(255,255,255,0.5);\n letter-spacing: 0.02em;\n }\n\n \/* \u2500\u2500 TEAM SECTION \u2500\u2500 *\/\n #hs-team .team-intro {\n margin-bottom: 48px;\n max-width: 820px;\n }\n #hs-team .team-label {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n margin-bottom: 18px;\n display: block;\n }\n #hs-team .team-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(22px, 2.4vw, 34px);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: #f0ede8;\n }\n\n \/* \u2500\u2500 TEAM GRID \u2500\u2500 *\/\n #hs-team .team-grid {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 24px;\n }\n\n #hs-team .member {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 14px;\n transition: transform 0.3s ease;\n }\n #hs-team .member:hover {\n transform: translateY(-3px);\n }\n\n #hs-team .member-photo {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n background-color: #1a1a1a;\n border: 1.5px solid rgba(255,255,255,0.08);\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n #hs-team .member:hover .member-photo {\n border-color: rgba(190,21,34,0.35);\n box-shadow: 0 0 0 4px rgba(190,21,34,0.06);\n }\n\n #hs-team .member-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n #hs-team .member-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 15px;\n font-weight: 700;\n color: #f0ede8;\n letter-spacing: -0.01em;\n line-height: 1.2;\n }\n #hs-team .member-role {\n font-size: 12.5px;\n color: rgba(255,255,255,0.48);\n line-height: 1.3;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-team .inner {\n padding: 96px 20px;\n }\n #hs-team .header {\n margin-bottom: 56px;\n }\n #hs-team .founder {\n grid-template-columns: 260px 1fr;\n gap: 40px;\n padding: 44px 36px;\n margin-bottom: 72px;\n }\n #hs-team .team-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 24px 20px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-team .inner {\n padding: 72px 18px;\n }\n #hs-team .header {\n margin-bottom: 40px;\n }\n #hs-team .eyebrow {\n margin-bottom: 20px;\n }\n #hs-team .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-team .founder {\n grid-template-columns: 1fr;\n gap: 28px;\n padding: 36px 26px;\n margin-bottom: 56px;\n border-radius: 20px;\n }\n #hs-team .founder-photo {\n max-width: 200px;\n margin: 0 auto;\n }\n #hs-team .founder-quote::before {\n left: -10px;\n height: 22px;\n top: 4px;\n }\n #hs-team .team-intro {\n margin-bottom: 36px;\n }\n #hs-team .team-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px 16px;\n }\n #hs-team .member-name {\n font-size: 14px;\n }\n #hs-team .member-role {\n font-size: 12px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-team h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-team\" aria-label=\"Gr\u00fcnder und Team\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Das Team hinter dem System<\/span>\n <\/div>\n <h2>Gebaut von Menschen, die <span class=\"accent\">selbst<\/span> produzieren.<\/h2>\n <\/div>\n\n \n <article class=\"founder\">\n <div class=\"founder-photo\" aria-label=\"Philipp Kaul\"><\/div>\n <div class=\"founder-content\">\n \n <p class=\"founder-quote\">\n Wir haben high.studios f\u00fcr CEOs gebaut, die keine Zeit haben, selbst zu produzieren \u2014 aber wissen, dass ihre Stimme das <span class=\"highlight\">wichtigste Asset<\/span> ihres Unternehmens ist. Nicht eine Produktion. Eine Infrastruktur.\n <\/p>\n <div class=\"founder-meta\">\n <span class=\"founder-name\">Philipp Kaul<\/span>\n <span class=\"founder-role\">Gesch\u00e4ftsf\u00fchrer, high.group<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <div class=\"team-intro\">\n <span class=\"team-label\">Das Team<\/span>\n <h3 class=\"team-title\">Sechs high.performer, die dein Medienhaus t\u00e4glich am Laufen halten.<\/h3>\n <\/div>\n\n \n <div class=\"team-grid\">\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05677_kreis_scaled-1024x1024.png');\" aria-label=\"Thimo Frers\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Thimo Frers<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05591_kreis_scaled-1024x1024.png');\" aria-label=\"Marcel Widenka\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Marcel Widenka<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05414_kreis_scaled-300x300.png');\" aria-label=\"Georg Brinkmann\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Georg Brinkmann<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05476_kreis_scaled-300x300.png');\" aria-label=\"Sean Witzke\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Sean Witzke<\/span>\n <span class=\"member-role\">Kreativteam<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/user-1-300x300.png');\" aria-label=\"Nina Schwien\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Nina Schwien<\/span>\n <span class=\"member-role\">Studio Management<\/span>\n <\/div>\n <\/article>\n\n <article class=\"member\">\n <div class=\"member-photo\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05558_kreis_scaled-300x300.png');\" aria-label=\"Talea Golenia\"><\/div>\n <div class=\"member-info\">\n <span class=\"member-name\">Talea Golenia<\/span>\n <span class=\"member-role\">Studio Management<\/span>\n <\/div>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\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<div class=\"elementor-element elementor-element-67daa15 e-flex e-con-boxed e-con e-parent\" data-id=\"67daa15\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd1104 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4bd1104\" 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<!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>FAQ \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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-faq, #hs-faq *,\n #hs-faq *::before, #hs-faq *::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 #hs-faq {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n #hs-faq .inner {\n max-width: 920px;\n margin: 0 auto;\n padding: 120px 24px;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n #hs-faq .header {\n margin-bottom: 64px;\n text-align: center;\n }\n\n #hs-faq .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n #hs-faq .pip {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: rgba(190,21,34,0.8);\n flex-shrink: 0;\n }\n #hs-faq .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.36);\n }\n\n #hs-faq 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: #f0ede8;\n }\n #hs-faq h2 .accent { color: #BE1522; }\n\n \/* \u2500\u2500 FAQ LIST \u2500\u2500 *\/\n #hs-faq .list {\n display: flex;\n flex-direction: column;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n\n #hs-faq .item {\n border-bottom: 1px solid rgba(255,255,255,0.08);\n transition: background 0.25s ease;\n }\n #hs-faq .item:hover {\n background: rgba(255,255,255,0.015);\n }\n #hs-faq .item.open {\n background: rgba(255,255,255,0.025);\n }\n\n \/* \u2500\u2500 QUESTION ROW (button) \u2500\u2500 *\/\n #hs-faq .question {\n width: 100%;\n padding: 26px 4px;\n background: transparent;\n border: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n cursor: pointer;\n text-align: left;\n font-family: inherit;\n color: inherit;\n }\n #hs-faq .question:focus-visible {\n outline: 2px solid rgba(190,21,34,0.4);\n outline-offset: 4px;\n border-radius: 4px;\n }\n\n #hs-faq .question-text {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(16px, 1.35vw, 19px);\n font-weight: 600;\n line-height: 1.35;\n letter-spacing: -0.01em;\n color: #f0ede8;\n transition: color 0.25s ease;\n }\n #hs-faq .item.open .question-text {\n color: #f0ede8;\n }\n\n \/* Chevron SVG *\/\n #hs-faq .chevron {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.3s ease, border-color 0.25s ease, background 0.25s ease;\n }\n #hs-faq .chevron svg {\n width: 10px; height: 10px;\n transition: transform 0.3s ease;\n stroke: rgba(255,255,255,0.6);\n }\n #hs-faq .item.open .chevron {\n border-color: rgba(190,21,34,0.5);\n background: rgba(190,21,34,0.12);\n }\n #hs-faq .item.open .chevron svg {\n transform: rotate(180deg);\n stroke: #ffffff;\n }\n\n \/* \u2500\u2500 ANSWER (expandable) \u2500\u2500 *\/\n #hs-faq .answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s ease;\n }\n #hs-faq .answer-inner {\n padding: 2px 40px 28px 4px;\n font-size: clamp(14.5px, 1.05vw, 16px);\n line-height: 1.6;\n color: rgba(255,255,255,0.62);\n }\n #hs-faq .answer-inner p + p {\n margin-top: 12px;\n }\n #hs-faq .answer-inner strong {\n color: #f0ede8;\n font-weight: 500;\n }\n\n \/* \u2500\u2500 BOTTOM HINT \u2500\u2500 *\/\n #hs-faq .hint {\n text-align: center;\n margin-top: 56px;\n padding: 28px 24px;\n background: rgba(255,255,255,0.02);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 16px;\n }\n #hs-faq .hint p {\n font-size: 14.5px;\n color: rgba(255,255,255,0.55);\n line-height: 1.55;\n }\n #hs-faq .hint .accent {\n color: #BE1522;\n font-weight: 600;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Tablet \u2500\u2500 *\/\n @media (max-width: 1023px) {\n #hs-faq .inner {\n padding: 96px 20px;\n }\n #hs-faq .header {\n margin-bottom: 52px;\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-faq .inner {\n padding: 72px 18px;\n }\n #hs-faq .header {\n margin-bottom: 40px;\n }\n #hs-faq .eyebrow {\n margin-bottom: 20px;\n }\n #hs-faq .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.14em;\n }\n #hs-faq .question {\n padding: 22px 2px;\n gap: 14px;\n }\n #hs-faq .question-text {\n font-size: 15.5px;\n }\n #hs-faq .chevron {\n width: 22px;\n height: 22px;\n }\n #hs-faq .answer-inner {\n padding: 0 4px 24px 2px;\n font-size: 14.5px;\n }\n #hs-faq .hint {\n margin-top: 40px;\n padding: 24px 20px;\n }\n }\n\n @media (max-width: 380px) {\n #hs-faq h2 {\n font-size: 28px;\n }\n }\n<\/style>\n\n<section id=\"hs-faq\" aria-label=\"H\u00e4ufig gestellte Fragen\">\n\n <div class=\"inner\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>H\u00e4ufig gestellt<\/span>\n <\/div>\n <h2>Was CEOs uns <span class=\"accent\">vor dem Gespr\u00e4ch<\/span> fragen.<\/h2>\n <\/div>\n\n \n <div class=\"list\">\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wie schnell k\u00f6nnen wir mit der Produktion starten?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Sobald wir das Onboarding-Gespr\u00e4ch hatten und dein Setup definiert ist: meist innerhalb von <strong>2\u20133 Wochen<\/strong>. Der erste Drehtag steht dann in deinem Kalender, die Content-Strategie ist abgestimmt, das Team kennt dein Business.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wie viel Zeit muss ich pro Monat investieren?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p><strong>Vier Stunden.<\/strong> 2\u20133 Stunden Drehtag, 30 Minuten Themen-Alignment vorab, 30 Minuten Feedback auf Thumbnails und Clips. Alles andere \u00fcbernimmt das Team.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Muss ich Skripte oder Konzepte selbst schreiben?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Nein. Unser Team erarbeitet Episoden-Themen, Struktur-Briefings und Gespr\u00e4chsleitf\u00e4den basierend auf deiner Expertise. Du spiegelst, sch\u00e4rfst, gibst Input \u2014 aber du sitzt nicht nachts am Laptop.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Was kostet das System?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Das h\u00e4ngt davon ab, welches Setup f\u00fcr dich am sinnvollsten ist \u2014 Frequenz, Produktionstiefe, Laufzeit, Add-Ons wie Distribution oder Newsletter. Im Erstgespr\u00e4ch bekommst du eine <strong>klare Einsch\u00e4tzung und eine transparente Preisstruktur<\/strong>. Kein Kleingedrucktes, keine \u00dcberraschungen.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wir arbeiten schon mit Freelancern. Warum wechseln?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Freelancer liefern Einzelprojekte. Wir liefern eine <strong>Infrastruktur<\/strong>. Das hei\u00dft: kein Briefing-Chaos zwischen drei verschiedenen Videographen, kein Kampf um Termine, kein Inkonsistenz-Problem im Look. Ein System statt Einzelk\u00e4mpfer.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wir haben au\u00dfergew\u00f6hnliche Anforderungen \u2014 mehrere Shows, t\u00e4gliche Clips, Multi-Brand. Passt das?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Ja. Ab einem bestimmten Volumen wird aus dem Standard-Retainer ein <strong>ma\u00dfgeschneidertes Setup<\/strong> \u2014 mehr Drehtage pro Monat, eigenes Editoren-Team, dedizierter Ansprechpartner, eigene Brand-Playbooks. Sprechen wir im Erstgespr\u00e4ch dar\u00fcber.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wie lange bindet mich der Vertrag?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Unsere Retainer laufen standardm\u00e4\u00dfig <strong>12 Monate<\/strong> \u2014 das ist der Zeitraum, in dem sich Konsistenz im Markt bemerkbar macht. Monat 1\u20133 ist Onboarding-Phase mit K\u00fcndigungsrecht, falls es doch nicht passt. Kein Risiko-Transfer auf dich.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Wem geh\u00f6ren die Inhalte nach der Produktion?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p><strong>Dir.<\/strong> Alle Master-Files, alle Rohdaten, alle finalisierten Assets \u2014 inklusive Brand-Design-Files, Thumbnails und Motion-Graphics-Templates. Falls du irgendwann wechselst, nimmst du dein komplettes Content-Archiv mit.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"item\">\n <button class=\"question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"question-text\">Was ist mit Vertraulichkeit bei G\u00e4sten und internen Inhalten?<\/span>\n <span class=\"chevron\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 4.5l3 3 3-3\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"answer\">\n <div class=\"answer-inner\">\n <p>Standard-NDA ist im Retainer enthalten. F\u00fcr sensible Formate (Vorstandskommunikation, vertrauliche Kundengespr\u00e4che, M&A-relevante Themen) setzen wir zus\u00e4tzliche Vertraulichkeitsstandards auf \u2014 bis hin zu getrennten Schnitt-Arbeitspl\u00e4tzen.<\/p>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n \n <div class=\"hint\">\n <p>\n Eine Frage, die hier fehlt? <span class=\"accent\">Stell sie uns direkt<\/span> \u2014 im Erstgespr\u00e4ch beantworten wir alles, was sich nicht auf einer Landingpage kl\u00e4ren l\u00e4sst.\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function() {\n if (window.__hsFaqReady) return;\n window.__hsFaqReady = true;\n\n var scope = document.getElementById('hs-faq');\n if (!scope) return;\n\n scope.querySelectorAll('.question').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var item = btn.closest('.item');\n var answer = item.querySelector('.answer');\n var isOpen = item.classList.contains('open');\n\n if (isOpen) {\n answer.style.maxHeight = '0px';\n item.classList.remove('open');\n btn.setAttribute('aria-expanded', 'false');\n } else {\n answer.style.maxHeight = answer.scrollHeight + 'px';\n item.classList.add('open');\n btn.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ Resize-Handler: wenn Fenster-Gr\u00f6\u00dfe sich \u00e4ndert, max-height neu berechnen\n window.addEventListener('resize', function() {\n scope.querySelectorAll('.item.open .answer').forEach(function(ans) {\n ans.style.maxHeight = ans.scrollHeight + 'px';\n });\n });\n})();\n<\/script>\n\n\n\n\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<div class=\"elementor-element elementor-element-2577962 e-flex e-con-boxed e-con e-parent\" data-id=\"2577962\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fde4722 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fde4722\" 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<style>\n #hs-final, #hs-final *,\n #hs-final *::before, #hs-final *::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-final {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #ffffff;\n }\n #hs-final .glow {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n #hs-final .glow::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(\n ellipse at center,\n transparent 40%,\n rgba(0,0,0,0.3) 100%\n );\n }\n #hs-final .glow::after {\n content: \"\";\n position: absolute;\n top: -25%;\n left: -15%;\n width: 75%;\n height: 95%;\n background: radial-gradient(\n ellipse at 40% 40%,\n rgba(255,255,255,0.14) 0%,\n transparent 60%\n );\n filter: blur(50px);\n }\n #hs-final .inner {\n position: relative;\n z-index: 2;\n max-width: 920px;\n margin: 0 auto;\n padding: 140px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n #hs-final .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 32px;\n }\n #hs-final .pip {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: rgba(255,255,255,0.95);\n flex-shrink: 0;\n box-shadow: 0 0 14px rgba(255,255,255,0.7);\n animation: hs-final-pulse 2.4s ease-in-out infinite;\n }\n @keyframes hs-final-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(0.6); }\n }\n #hs-final .eyebrow span {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.85);\n }\n #hs-final h2 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-weight: 700;\n font-size: clamp(42px, 6.2vw, 88px);\n line-height: 0.98;\n letter-spacing: -0.035em;\n color: #ffffff;\n margin-bottom: 28px;\n max-width: 800px;\n }\n #hs-final h2 .line { display: block; }\n #hs-final h2 .muted {\n color: rgba(255,255,255,0.55);\n font-weight: 500;\n }\n #hs-final .subline {\n font-size: clamp(15px, 1.25vw, 18px);\n font-weight: 400;\n line-height: 1.55;\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin-bottom: 52px;\n }\n #hs-final .ctas {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 16px 32px;\n margin-bottom: 40px;\n }\n #hs-final .btn-primary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 18px 30px;\n background: #ffffff;\n color: #0a0a0a;\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 border: none;\n text-decoration: none;\n cursor: pointer;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n box-shadow:\n 0 4px 22px rgba(0,0,0,0.22),\n 0 0 0 1px rgba(0,0,0,0.04) inset;\n position: relative;\n overflow: hidden;\n line-height: 1.2;\n }\n #hs-final .btn-primary::after {\n content: \"\";\n position: absolute; inset: 0;\n background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.85) 50%, transparent 70%);\n transform: translateX(-100%);\n transition: transform .55s ease;\n mix-blend-mode: overlay;\n pointer-events: none;\n }\n #hs-final .btn-primary:hover {\n transform: translateY(-2px);\n background: #fafafa;\n box-shadow:\n 0 10px 36px rgba(0,0,0,0.3),\n 0 0 0 1px rgba(0,0,0,0.04) inset;\n }\n #hs-final .btn-primary:hover::after { transform: translateX(100%); }\n #hs-final .btn-primary svg {\n width: 15px; height: 15px;\n flex-shrink: 0;\n transition: transform .2s ease;\n stroke-width: 2.2;\n }\n #hs-final .btn-primary:hover svg { transform: translateX(3px); }\n #hs-final .btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.92);\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 .2s ease;\n }\n #hs-final .btn-secondary:hover { color: #ffffff; }\n #hs-final .btn-secondary .underline {\n border-bottom: 1px solid rgba(255,255,255,0.5);\n padding-bottom: 1px;\n transition: border-color .2s ease;\n }\n #hs-final .btn-secondary:hover .underline { border-color: #ffffff; }\n #hs-final .btn-secondary svg {\n width: 16px; height: 16px;\n flex-shrink: 0;\n }\n #hs-final .trust {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 10px 24px;\n font-size: 12.5px;\n color: rgba(255,255,255,0.6);\n }\n #hs-final .trust-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n }\n #hs-final .trust-item::before {\n content: \"\";\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: rgba(255,255,255,0.45);\n flex-shrink: 0;\n }\n #hs-final .trust-item:first-child::before { display: none; }\n @media (max-width: 1023px) {\n #hs-final .inner { padding: 110px 20px; }\n #hs-final h2 { margin-bottom: 22px; }\n #hs-final .subline { margin-bottom: 44px; }\n }\n @media (max-width: 640px) {\n #hs-final .inner { padding: 88px 18px; }\n #hs-final .eyebrow { margin-bottom: 24px; }\n #hs-final .eyebrow span {\n font-size: 10px;\n letter-spacing: 0.16em;\n }\n #hs-final h2 {\n font-size: 38px;\n margin-bottom: 20px;\n letter-spacing: -0.025em;\n }\n #hs-final .subline {\n font-size: 15px;\n margin-bottom: 36px;\n }\n #hs-final .ctas {\n flex-direction: column;\n gap: 18px;\n margin-bottom: 32px;\n }\n #hs-final .btn-primary {\n width: 100%;\n max-width: 320px;\n padding: 16px 24px;\n }\n #hs-final .trust {\n font-size: 12px;\n gap: 8px 16px;\n }\n }\n @media (max-width: 380px) {\n #hs-final h2 { font-size: 32px; }\n }\n<\/style>\n\n<section id=\"hs-final\" aria-label=\"Jetzt starten\">\n <div class=\"glow\" aria-hidden=\"true\"><\/div>\n <div class=\"inner\">\n <div class=\"eyebrow\">\n <span class=\"pip\" aria-hidden=\"true\"><\/span>\n <span>Bereit zu starten?<\/span>\n <\/div>\n\n <h2>\n <span class=\"line\">Dein Medienhaus.<\/span>\n <span class=\"line muted\">1 Klick entfernt.<\/span>\n <\/h2>\n\n <p class=\"subline\">\n Ein kurzes Formular. Ein Erstgespr\u00e4ch. Eine individuelle L\u00f6sung \u2014 ohne Pitch-Druck, ohne automatisierten Call, ohne Kleingedrucktes.\n <\/p>\n\n <div class=\"ctas\">\n <a href=\"#hs-form\" class=\"btn-primary\" id=\"hs-final-cta-primary\">\n Jetzt Anfrage starten\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/+491726295756\" class=\"btn-secondary\" id=\"hs-final-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\">direkt \u00fcber WhatsApp<\/span><\/span>\n <\/a>\n <\/div>\n\n <div class=\"trust\">\n <span class=\"trust-item\">60 Sekunden f\u00fcr die Anfrage<\/span>\n <span class=\"trust-item\">Antwort in 24 Stunden<\/span>\n <span class=\"trust-item\">Kein Verkaufsgespr\u00e4ch-Druck<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function() {\n if (window.__hsFinalReady) return;\n window.__hsFinalReady = true;\n\n \/\/ Primary CTA \u2014 \"Jetzt Anfrage starten\"\n \/\/ Bridge f\u00e4ngt das href=\"#hs-form\" automatisch ab \u2192 form_open (1\u00d7 pro Seite)\n \/\/ Inline: zus\u00e4tzlich lead_cta_click f\u00fcr GA4-CTA-Performance-Analyse\n var primary = document.getElementById('hs-final-cta-primary');\n if (primary) {\n primary.addEventListener('click', function(e) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_cta_click',\n cta_id: 'final_anfrage',\n cta_destination: '#hs-form',\n cta_position: 'final_section',\n lp_slug: 'medienhaus'\n });\n \/\/ Smooth-Scroll falls Browser scroll-behavior nicht aktiv ist\n var target = document.querySelector('#hs-form');\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n }\n\n \/\/ WhatsApp CTA \u2014 bestehendes Bridge-Tracking (form_submit ohne user)\n \/\/ Inline: zus\u00e4tzlich lead_cta_click damit man die Conversion-Quelle sieht\n var whatsapp = document.getElementById('hs-final-cta-whatsapp');\n if (whatsapp) {\n whatsapp.addEventListener('click', function() {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'lead_cta_click',\n cta_id: 'final_whatsapp',\n cta_destination: 'whatsapp',\n cta_position: 'final_section',\n lp_slug: 'medienhaus'\n });\n });\n }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-73ad361 e-flex e-con-boxed e-con e-parent\" data-id=\"73ad361\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71c3c3d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"71c3c3d\" 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<!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>Footer \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&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: #080808; overflow-x: hidden; }\n<\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<style>\n \/* \u2500\u2500 SCOPED RESET \u2500\u2500 *\/\n #hs-footer, #hs-footer *,\n #hs-footer *::before, #hs-footer *::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 #hs-footer {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n font-family: 'DM Sans', system-ui, sans-serif;\n color: #f0ede8;\n }\n\n #hs-footer .inner {\n max-width: 1080px;\n margin: 0 auto;\n padding: 56px 24px 48px;\n }\n\n \/* Subtile Trennlinie oben *\/\n #hs-footer .divider {\n height: 1px;\n background: linear-gradient(\n to right,\n transparent 0%,\n rgba(255,255,255,0.12) 20%,\n rgba(255,255,255,0.12) 80%,\n transparent 100%\n );\n margin-bottom: 44px;\n }\n\n \/* \u2500\u2500 TOP ROW \u00b7 Logo + Adresse \u2500\u2500 *\/\n #hs-footer .top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 32px;\n flex-wrap: wrap;\n margin-bottom: 36px;\n }\n\n #hs-footer .logo {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n }\n #hs-footer .logo img {\n height: 28px;\n width: auto;\n opacity: 0.88;\n transition: opacity 0.2s ease;\n }\n #hs-footer .logo:hover img {\n opacity: 1;\n }\n\n #hs-footer .address {\n font-size: 13px;\n line-height: 1.5;\n color: rgba(255,255,255,0.48);\n text-align: right;\n }\n #hs-footer .address a {\n color: inherit;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n #hs-footer .address a:hover {\n color: rgba(255,255,255,0.9);\n }\n\n \/* \u2500\u2500 BOTTOM ROW \u00b7 Legal + Copyright \u2500\u2500 *\/\n #hs-footer .bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n padding-top: 28px;\n border-top: 1px solid rgba(255,255,255,0.06);\n }\n\n #hs-footer .copyright {\n font-size: 12.5px;\n color: rgba(255,255,255,0.4);\n }\n\n #hs-footer .legal {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n #hs-footer .legal a {\n font-size: 12.5px;\n color: rgba(255,255,255,0.55);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n #hs-footer .legal a:hover {\n color: #ffffff;\n }\n #hs-footer .legal .dot {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u00b7 Mobile \u2500\u2500 *\/\n @media (max-width: 640px) {\n #hs-footer .inner {\n padding: 48px 18px 36px;\n }\n #hs-footer .divider {\n margin-bottom: 32px;\n }\n\n #hs-footer .top {\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 28px;\n }\n #hs-footer .address {\n text-align: left;\n font-size: 12.5px;\n }\n\n #hs-footer .bottom {\n flex-direction: column-reverse;\n align-items: flex-start;\n gap: 16px;\n padding-top: 24px;\n }\n #hs-footer .copyright {\n font-size: 12px;\n }\n #hs-footer .legal a {\n font-size: 12px;\n }\n }\n<\/style>\n\n<footer id=\"hs-footer\" aria-label=\"Seitenfu\u00df\">\n\n <div class=\"inner\">\n\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"top\">\n\n <a href=\"https:\/\/high-group.de\" class=\"logo\" aria-label=\"high.group \u2014 zur Hauptseite\">\n <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png\" alt=\"high.group\" \/>\n <\/a>\n\n <div class=\"address\">\n Franz-Geuer-Stra\u00dfe 6\u20138 \u00b7 50823 K\u00f6ln<br>\n <a href=\"mailto:info@high-group.de\">info@high-group.de<\/a> \u00b7 <a href=\"tel:+4915128422808\">+49 151 28 42 2808<\/a>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bottom\">\n\n <span class=\"copyright\">\u00a9 2026 high.media GmbH. Alle Rechte vorbehalten.<\/span>\n\n <div class=\"legal\">\n <a href=\"https:\/\/high-group.de\/legal\" target=\"_blank\" rel=\"noopener\">Impressum<\/a>\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\n <a href=\"https:\/\/high-group.de\/privacy\" target=\"_blank\" rel=\"noopener\">Datenschutz<\/a>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/footer>\n\n\n\n\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>Header \u00b7 high.studios B2B Leads Jetzt anfragen F\u00fcr B2B-CEOs, Founder & Personal Brands Reichweite, Sichtbarkeit & mehr Umsatz Mit deinem eigenen Medienhaus. 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf […]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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-8664","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Medienhaus - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Medienhaus - Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"og:description\" content=\"Header \u00b7 high.studios B2B Leads Jetzt anfragen F\u00fcr B2B-CEOs, Founder & Personal Brands Reichweite, Sichtbarkeit & mehr Umsatz Mit deinem eigenen Medienhaus. 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/high-group.de\/en\/medienhaus\/\" \/>\n<meta property=\"og:site_name\" content=\"Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-26T11:27:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/\",\"url\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/\",\"name\":\"Medienhaus - Videoproduktion K\u00f6ln - High. Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/high-logo.png\",\"datePublished\":\"2026-04-24T17:35:17+00:00\",\"dateModified\":\"2026-04-26T11:27:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#primaryimage\",\"url\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/high-logo.png\",\"contentUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/high-logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/high-group.de\\\/medienhaus\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/high-group.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Medienhaus\"}]},{\"@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_head_json":{"title":"Medienhaus - 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\/","og_locale":"en_US","og_type":"article","og_title":"Medienhaus - Videoproduktion K\u00f6ln - High. Group","og_description":"Header \u00b7 high.studios B2B Leads Jetzt anfragen F\u00fcr B2B-CEOs, Founder & Personal Brands Reichweite, Sichtbarkeit & mehr Umsatz Mit deinem eigenen Medienhaus. 4 Podcast-Folgen. 15 Short-Form-Clips. 30 Tage Omnipr\u00e4senz auf […]","og_url":"https:\/\/high-group.de\/en\/medienhaus\/","og_site_name":"Videoproduktion K\u00f6ln - High. Group","article_modified_time":"2026-04-26T11:27:17+00:00","og_image":[{"url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/high-group.de\/medienhaus\/","url":"https:\/\/high-group.de\/medienhaus\/","name":"Medienhaus - Videoproduktion K\u00f6ln - High. Group","isPartOf":{"@id":"https:\/\/high-group.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/high-group.de\/medienhaus\/#primaryimage"},"image":{"@id":"https:\/\/high-group.de\/medienhaus\/#primaryimage"},"thumbnailUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png","datePublished":"2026-04-24T17:35:17+00:00","dateModified":"2026-04-26T11:27:17+00:00","breadcrumb":{"@id":"https:\/\/high-group.de\/medienhaus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/high-group.de\/medienhaus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/high-group.de\/medienhaus\/#primaryimage","url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png","contentUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/09\/high-logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/high-group.de\/medienhaus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/high-group.de\/"},{"@type":"ListItem","position":2,"name":"Medienhaus"}]},{"@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\/8664","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=8664"}],"version-history":[{"count":46,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8664\/revisions"}],"predecessor-version":[{"id":8734,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8664\/revisions\/8734"}],"wp:attachment":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/media?parent=8664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}