{"id":8155,"date":"2026-03-26T11:48:46","date_gmt":"2026-03-26T10:48:46","guid":{"rendered":"https:\/\/high-group.de\/?page_id=8155"},"modified":"2026-04-02T15:47:29","modified_gmt":"2026-04-02T13:47:29","slug":"80-20-system","status":"publish","type":"page","link":"https:\/\/high-group.de\/en\/80-20-system\/","title":{"rendered":"80-20-system"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8155\" class=\"elementor elementor-8155\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eaa36a2 e-flex e-con-boxed e-con e-parent\" data-id=\"eaa36a2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a62c1f1 elementor-widget elementor-widget-html\" data-id=\"a62c1f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-nav, #hs-nav * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 NAV WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-nav {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  background: transparent;\n  border-bottom: 0.5px solid rgba(255,255,255,0.07);\n}\n\n#hs-nav .inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 0;\n  gap: 32px;\n}\n\n\/* \u2500\u2500 LOGO \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#hs-nav .logo {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 18px;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: #f0ede8;\n  text-decoration: none;\n  line-height: 1;\n  flex-shrink: 0;\n}\n#hs-nav .logo em {\n  color: #BE1522;\n  font-style: normal;\n}\n\n\/* \u2500\u2500 DESKTOP LINKS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-nav .links {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  flex: 1;\n  justify-content: center;\n}\n#hs-nav .links a {\n  font-size: 13px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.45);\n  text-decoration: none;\n  white-space: nowrap;\n  transition: color 0.15s;\n  letter-spacing: 0.01em;\n}\n#hs-nav .links a:hover { color: #f0ede8; }\n\n\/* \u2500\u2500 CTA BUTTON \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-nav .cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 20px;\n  background: #BE1522;\n  border: none;\n  border-radius: 8px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  white-space: nowrap;\n  line-height: 1;\n  flex-shrink: 0;\n  box-shadow: 0 2px 12px rgba(190,21,34,0.35);\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-nav .cta::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent 60%);\n  pointer-events: none;\n}\n#hs-nav .cta:hover {\n  background: #d0181f;\n  box-shadow: 0 4px 20px rgba(190,21,34,0.5);\n  transform: translateY(-1px);\n}\n#hs-nav .cta svg { position: relative; z-index: 1; transition: transform 0.18s; }\n#hs-nav .cta:hover svg { transform: translateX(3px); }\n\n\/* \u2500\u2500 HAMBURGER \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#hs-nav .burger {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  padding: 4px;\n  background: none;\n  border: none;\n  flex-shrink: 0;\n}\n#hs-nav .burger span {\n  display: block;\n  width: 22px; height: 1.5px;\n  background: rgba(255,255,255,0.65);\n  border-radius: 2px;\n  transition: all 0.22s;\n}\n\/* Burger \u2192 X animation *\/\n#hs-nav .burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }\n#hs-nav .burger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n#hs-nav .burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }\n\n\/* \u2500\u2500 MOBILE MENU \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-nav .mobile-menu {\n  display: none;\n  flex-direction: column;\n  border-top: 0.5px solid rgba(255,255,255,0.06);\n  padding: 8px 0 16px;\n  gap: 0;\n}\n#hs-nav .mobile-menu.open { display: flex; }\n\n#hs-nav .mobile-menu a.m-link {\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.45);\n  text-decoration: none;\n  padding: 12px 0;\n  border-bottom: 0.5px solid rgba(255,255,255,0.04);\n  transition: color 0.15s;\n}\n#hs-nav .mobile-menu a.m-link:hover { color: #f0ede8; }\n\n#hs-nav .mobile-menu .m-cta {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 14px;\n  padding: 13px 20px;\n  background: #BE1522;\n  border-radius: 9px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  text-decoration: none !important;\n  box-shadow: 0 2px 16px rgba(190,21,34,0.35);\n  transition: background 0.18s;\n}\n#hs-nav .mobile-menu .m-cta:hover { background: #d0181f; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 768px) {\n  #hs-nav .links { display: none; }\n  #hs-nav .cta   { display: none; }\n  #hs-nav .burger { display: flex; }\n  #hs-nav .inner { padding: 16px 0; }\n}\n<\/style>\n\n<nav id=\"hs-nav\">\n  <div class=\"inner\">\n\n    <a href=\"https:\/\/high-group.de\/en\/high-studios\/\" class=\"logo\">\n      high<em>.<\/em>studios\n    <\/a>\n\n    <!-- Desktop -->\n    <div class=\"links\">\n      <a href=\"#hs-proof\">Studios<\/a>\n      <a href=\"#hs-process\">So funktioniert es<\/a>\n      <a href=\"#hs-team\">Team<\/a>\n      <a href=\"#hs-faq\">FAQ<\/a>\n    <\/div>\n\n    <a href=\"\/en\/80-20-formular\/\" class=\"cta\">\n      Paket konfigurieren\n      <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n\n    <!-- Mobile Hamburger -->\n    <button class=\"burger\" id=\"hs-burger\" aria-label=\"Men\u00fc\" onclick=\"hsNavToggle()\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n\n  <\/div>\n\n  <!-- Mobile Menu -->\n  <div class=\"mobile-menu\" id=\"hs-mobile-menu\">\n    <a href=\"#hs-proof\"   class=\"m-link\" onclick=\"hsNavToggle()\">Studios<\/a>\n    <a href=\"#hs-process\" class=\"m-link\" onclick=\"hsNavToggle()\">So funktioniert es<\/a>\n    <a href=\"#hs-team\"    class=\"m-link\" onclick=\"hsNavToggle()\">Team<\/a>\n    <a href=\"#hs-faq\"     class=\"m-link\" onclick=\"hsNavToggle()\">FAQ<\/a>\n    <a href=\"\/en\/80-20-formular\/\" class=\"m-cta\">\n      Paket konfigurieren \u2192\n    <\/a>\n  <\/div>\n<\/nav>\n\n<script>\nfunction hsNavToggle() {\n  document.getElementById('hs-burger').classList.toggle('open');\n  document.getElementById('hs-mobile-menu').classList.toggle('open');\n}\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d6e91e elementor-widget elementor-widget-html\" data-id=\"7d6e91e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500\u2500 SCOPED RESET \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#hs-hero, #hs-hero *,\n#hs-logos, #hs-logos * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500\u2500 BACKGROUND TEXTURE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-hero {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  font-family: 'DM Sans', sans-serif;\n}\n\n\/* Subtle grid lines *\/\n#hs-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 80px 80px;\n  pointer-events: none;\n  z-index: 0;\n  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);\n}\n\n\/* Red atmospheric glow \u2013 top right *\/\n#hs-hero .glow-tr {\n  position: absolute;\n  top: -30%; right: -15%;\n  width: 65%; height: 100%;\n  background: radial-gradient(ellipse at 65% 20%, rgba(190,21,34,0.22) 0%, transparent 60%);\n  filter: blur(80px);\n  pointer-events: none;\n  z-index: 0;\n}\n\/* Subtle warm glow \u2013 bottom left *\/\n#hs-hero .glow-bl {\n  position: absolute;\n  bottom: -20%; left: -10%;\n  width: 45%; height: 70%;\n  background: radial-gradient(ellipse at 30% 80%, rgba(190,21,34,0.08) 0%, transparent 65%);\n  filter: blur(100px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u2500\u2500\u2500 GRID \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#hs-hero .grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 56px;\n  align-items: center;\n}\n\n\/* \u2500\u2500\u2500 LEFT COLUMN \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#hs-hero .left {\n  display: flex;\n  flex-direction: column;\n  gap: 26px;\n}\n\n\/* Eyebrow *\/\n#hs-hero .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n#hs-hero .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  flex-shrink: 0;\n  box-shadow: 0 0 8px rgba(190,21,34,0.8);\n  animation: hs-pip 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip {\n  0%,100% { opacity: 1; transform: scale(1); box-shadow: 0 0 8px rgba(190,21,34,0.8); }\n  50%      { opacity: 0.4; transform: scale(0.6); box-shadow: 0 0 3px rgba(190,21,34,0.3); }\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.32);\n}\n\n\/* Headline *\/\n#hs-hero h1 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(32px, 3.8vw, 64px);\n  font-weight: 800;\n  line-height: 1.0;\n  letter-spacing: -0.03em;\n}\n#hs-hero h1 .l1 { display: block; color: #f0ede8; }\n#hs-hero h1 .l2 { display: block; color: #f0ede8; }\n#hs-hero h1 .l3 {\n  display: block;\n  color: #BE1522;\n  text-shadow: 0 0 40px rgba(190,21,34,0.4);\n}\n\n\/* Subheadline *\/\n#hs-hero .sub {\n  font-size: clamp(14px, 1.05vw, 16px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.5);\n  padding-left: 16px;\n}\n#hs-hero .sub strong {\n  color: rgba(255,255,255,0.8);\n  font-weight: 400;\n}\n\n\/* CTAs *\/\n#hs-hero .ctas {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n#hs-hero .btn-p {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 14px 28px;\n  background: #BE1522;\n  border: none;\n  border-radius: 9px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  line-height: 1;\n  box-shadow:\n    0 2px 0 rgba(0,0,0,0.3) inset,\n    0 4px 24px rgba(190,21,34,0.45),\n    0 1px 0 rgba(255,255,255,0.15) inset;\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-hero .btn-p::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%, transparent 60%);\n  pointer-events: none;\n}\n#hs-hero .btn-p:hover {\n  background: #d0181f;\n  box-shadow: 0 6px 32px rgba(190,21,34,0.6), 0 1px 0 rgba(255,255,255,0.15) inset;\n  transform: translateY(-1px);\n}\n#hs-hero .btn-p svg { transition: transform 0.18s; position: relative; z-index: 1; }\n#hs-hero .btn-p:hover svg { transform: translateX(3px); }\n\n#hs-hero .btn-s {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 22px;\n  background: rgba(255,255,255,0.04);\n  border: 0.5px solid rgba(255,255,255,0.12);\n  border-radius: 9px;\n  color: rgba(255,255,255,0.5) !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  text-decoration: none !important;\n  cursor: pointer;\n  line-height: 1;\n  transition: all 0.18s;\n  backdrop-filter: blur(4px);\n}\n#hs-hero .btn-s:hover {\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(255,255,255,0.22);\n  color: #f0ede8 !important;\n}\n#hs-hero .play-ring {\n  width: 28px; height: 28px;\n  border-radius: 50%;\n  border: 0.5px solid rgba(255,255,255,0.2);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n\n\/* Bullets *\/\n#hs-hero .bullets {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding-top: 22px;\n  border-top: 0.5px solid rgba(255,255,255,0.06);\n}\n#hs-hero .b {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  font-size: 14px;\n  color: rgba(255,255,255,0.42);\n  opacity: 0;\n  animation: hs-up 0.45s ease forwards;\n}\n#hs-hero .b:nth-child(1) { animation-delay: 0.1s; }\n#hs-hero .b:nth-child(2) { animation-delay: 0.18s; }\n#hs-hero .b:nth-child(3) { animation-delay: 0.26s; }\n#hs-hero .b:nth-child(4) { animation-delay: 0.34s; }\n@keyframes hs-up {\n  from { opacity: 0; transform: translateX(-6px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n#hs-hero .b .dot {\n  width: 5px; height: 5px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 5px rgba(190,21,34,0.6);\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500\u2500 RIGHT COLUMN \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#hs-hero .right {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n\/* Decorative corner accents *\/\n#hs-hero .corner {\n  position: absolute;\n  width: 28px; height: 28px;\n  pointer-events: none;\n  z-index: 3;\n}\n#hs-hero .corner-tr {\n  top: -6px; right: -6px;\n  border-top: 1.5px solid rgba(190,21,34,0.55);\n  border-right: 1.5px solid rgba(190,21,34,0.55);\n  border-radius: 0 6px 0 0;\n}\n#hs-hero .corner-bl {\n  bottom: 39px; left: -6px;\n  border-bottom: 1.5px solid rgba(190,21,34,0.55);\n  border-left: 1.5px solid rgba(190,21,34,0.55);\n  border-radius: 0 0 0 6px;\n}\n\n\/* Top red bar *\/\n#hs-hero .bar-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: linear-gradient(135deg, #BE1522 0%, #96111b 100%);\n  border-radius: 10px 10px 0 0;\n  padding: 10px 16px;\n  position: relative;\n  overflow: hidden;\n}\n#hs-hero .bar-top::after {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 50%;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.1), transparent);\n  pointer-events: none;\n}\n#hs-hero .bar-top-label {\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.9);\n  position: relative; z-index: 1;\n}\n#hs-hero .bar-dots {\n  display: flex; gap: 5px;\n  position: relative; z-index: 1;\n}\n#hs-hero .bar-dots span {\n  width: 7px; height: 7px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.2);\n}\n#hs-hero .bar-dots span:nth-child(2) { background: rgba(255,255,255,0.38); }\n#hs-hero .bar-dots span:last-child    { background: rgba(255,255,255,0.65); }\n\n\/* Video frame *\/\n#hs-hero .video-wrap {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16\/9;\n  background: #0a0a0a;\n  border-left: 0.5px solid rgba(255,255,255,0.08);\n  border-right: 0.5px solid rgba(255,255,255,0.08);\n  overflow: hidden;\n}\n#hs-hero .video-wrap::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: repeating-linear-gradient(\n    0deg,\n    transparent, transparent 2px,\n    rgba(255,255,255,0.012) 2px,\n    rgba(255,255,255,0.012) 4px\n  );\n  pointer-events: none;\n  z-index: 1;\n}\n#hs-hero .video-ph {\n  position: absolute; inset: 0;\n  display: flex; flex-direction: column;\n  align-items: center; justify-content: center; gap: 14px;\n  z-index: 2;\n}\n#hs-hero .video-ph-ring {\n  width: 64px; height: 64px;\n  border-radius: 50%;\n  border: 0.5px solid rgba(190,21,34,0.25);\n  background: rgba(190,21,34,0.05);\n  display: flex; align-items: center; justify-content: center;\n  position: relative;\n}\n#hs-hero .video-ph-ring::before {\n  content: '';\n  position: absolute;\n  width: 84px; height: 84px;\n  border-radius: 50%;\n  border: 0.5px solid rgba(190,21,34,0.12);\n  animation: hs-ring 2.5s ease-in-out infinite;\n}\n@keyframes hs-ring {\n  0%,100% { transform: scale(1); opacity: 1; }\n  50%      { transform: scale(1.12); opacity: 0.4; }\n}\n#hs-hero .video-ph p {\n  font-size: 10px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.15);\n}\n\/*\n  Echtes Video \u2013 Placeholder-Div entfernen, dieses einkommentieren:\n  <video autoplay muted loop playsinline\n    style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;\">\n    <source src=\"\/wp-content\/uploads\/studio-reel.mp4\" type=\"video\/mp4\">\n  <\/video>\n*\/\n\n\/* Bottom benefits bar *\/\n#hs-hero .bar-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: rgba(255,255,255,0.03);\n  border: 0.5px solid rgba(255,255,255,0.08);\n  border-top: none;\n  border-radius: 0 0 10px 10px;\n  padding: 10px 16px;\n  gap: 0;\n}\n#hs-hero .spec {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n  flex: 1;\n  justify-content: center;\n  white-space: nowrap;\n}\n#hs-hero .spec:first-child { justify-content: flex-start; }\n#hs-hero .spec:last-child  { justify-content: flex-end; }\n#hs-hero .spec .sdot {\n  width: 3px; height: 3px;\n  border-radius: 50%;\n  background: #BE1522;\n  flex-shrink: 0;\n  box-shadow: 0 0 4px rgba(190,21,34,0.7);\n}\n#hs-hero .sep {\n  width: 0.5px; height: 12px;\n  background: rgba(255,255,255,0.08);\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500\u2500 LOGO STRIP \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#hs-logos {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-top: 0.5px solid rgba(255,255,255,0.06);\n  margin-top: 20px;\n  padding: 20px 0 18px;\n  font-family: 'DM Sans', sans-serif;\n}\n#hs-logos .lbl {\n  text-align: center;\n  font-size: 9px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.18);\n  margin-bottom: 16px;\n}\n#hs-logos .track {\n  display: flex;\n  width: max-content;\n  animation: hs-slide 34s linear infinite;\n}\n#hs-logos .track:hover { animation-play-state: paused; }\n@keyframes hs-slide {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n#hs-logos .logo-item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 36px;\n  height: 22px;\n  border-right: 0.5px solid rgba(255,255,255,0.05);\n  flex-shrink: 0;\n  opacity: 0.28;\n  transition: opacity 0.2s;\n}\n#hs-logos .logo-item:hover { opacity: 0.55; }\n#hs-logos .logo-item svg { height: 16px; width: auto; fill: #fff; display: block; }\n#hs-logos::before,\n#hs-logos::after {\n  content: '';\n  position: absolute; top: 0; bottom: 0;\n  width: 100px; z-index: 2; pointer-events: none;\n}\n#hs-logos::before { left: 0; background: linear-gradient(to right, #080808 20%, transparent); }\n#hs-logos::after  { right: 0; background: linear-gradient(to left, #080808 20%, transparent); }\n\n\/* \u2500\u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-hero .grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n  #hs-hero .left  { order: 1; }\n  #hs-hero .right { order: 2; }\n  #hs-hero .corner { display: none; }\n  #hs-hero h1 { font-size: clamp(26px, 7vw, 42px); }\n  #hs-hero .sub { font-size: 14px; }\n\n  \/* Seps komplett ausblenden *\/\n  #hs-hero .sep { display: none; }\n\n  \/* 2\u00d72 Grid \u2013 nur die spec-Elemente, kein flex:1 im Grid *\/\n  #hs-hero .bar-bottom {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto;\n    gap: 0;\n    padding: 0;\n  }\n  #hs-hero .spec {\n    flex: unset;\n    justify-content: flex-start !important;\n    font-size: 10px;\n    white-space: normal;\n    padding: 11px 14px;\n  }\n  \/* Interne Trennlinien \u2013 Klassen statt nth-child da sep-Divider mitz\u00e4hlen *\/\n  #hs-hero .spec.s1 { border-right: 0.5px solid rgba(255,255,255,0.06); border-bottom: 0.5px solid rgba(255,255,255,0.06); }\n  #hs-hero .spec.s2 { border-bottom: 0.5px solid rgba(255,255,255,0.06); }\n  #hs-hero .spec.s3 { border-right: 0.5px solid rgba(255,255,255,0.06); }\n  #hs-hero .spec.s4 { \/* kein Border *\/ }\n}\n\n@media (max-width: 480px) {\n  #hs-hero .ctas { flex-direction: column; align-items: stretch; }\n  #hs-hero .btn-p,\n  #hs-hero .btn-s { justify-content: center; }\n  #hs-logos .logo-item { padding: 0 22px; }\n}\n<\/style>\n\n<section id=\"hs-hero\">\n  <div class=\"glow-tr\"><\/div>\n  <div class=\"glow-bl\"><\/div>\n\n  <div class=\"grid\">\n\n    <!-- \u2550\u2550 LEFT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"left\">\n\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>Podcast Studio K\u00f6ln \u00b7 Ehrenfeld<\/span>\n      <\/div>\n\n      <h1>\n        <span class=\"l1\">Aus einem Drehtag<\/span>\n        <span class=\"l2\">werden drei\u00dfig Inhalte \u2013<\/span>\n        <span class=\"l3\">f\u00fcr jede Plattform.<\/span>\n      <\/h1>\n\n      <p class=\"sub\">\n        Marketing-Teams, die regelm\u00e4\u00dfig produzieren wollen, ohne daf\u00fcr interne Ressourcen zu binden: high.studios \u00fcbernimmt <strong>Aufnahme, Schnitt und Auslieferung<\/strong> \u2013 komplett aus einer Hand.\n      <\/p>\n\n      <div class=\"ctas\">\n        <!-- Prim\u00e4rer CTA \u2192 Formular -->\n        <a href=\"\/en\/80-20-formular\/\" class=\"btn-p\">\n          Paket konfigurieren\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n        <!-- Sekund\u00e4rer CTA \u2192 scrollt zur Proof-Sektion mit Studio-Bildern -->\n        <a href=\"#studios\" class=\"btn-s\">\n          <div class=\"play-ring\">\n            <svg width=\"8\" height=\"10\" viewbox=\"0 0 8 10\" fill=\"rgba(255,255,255,0.65)\"><path d=\"M0 0l8 5-8 5z\"\/><\/svg>\n          <\/div>\n          Studio ansehen\n        <\/a>\n      <\/div>\n\n      <div class=\"bullets\">\n        <div class=\"b\"><div class=\"dot\"><\/div>Fertig geliefert in 48h<\/div>\n        <div class=\"b\"><div class=\"dot\"><\/div>Aufnahme, Schnitt &amp; Clips aus einer Hand<\/div>\n        <div class=\"b\"><div class=\"dot\"><\/div>3 Studios deiner Wahl verf\u00fcgbar<\/div>\n        <div class=\"b\"><div class=\"dot\"><\/div>Flexible Buchung \u2013 ab 2 Stunden<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550 RIGHT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"right\">\n      <div class=\"corner corner-tr\"><\/div>\n      <div class=\"corner corner-bl\"><\/div>\n\n      <div class=\"bar-top\">\n        <span class=\"bar-top-label\">\u2014 high.studios \u00b7 K\u00f6ln-Ehrenfeld<\/span>\n        <div class=\"bar-dots\">\n          <span><\/span><span><\/span><span><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"video-wrap\" id=\"studio-video\">\n        <iframe\n          src=\"https:\/\/player.vimeo.com\/video\/1179574168?badge=0&autopause=0&player_id=0&app_id=58479\"\n          frameborder=\"0\"\n          allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n          style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:none;\"\n          title=\"high.studios \u00b7 Studio Reel\">\n        <\/iframe>\n        <script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n      <\/div>\n\n      <!-- Benefits \u2013 kein Preis, keine technischen Specs -->\n      <div class=\"bar-bottom\">\n        <div class=\"spec s1\"><div class=\"sdot\"><\/div>Sendequalit\u00e4t ab Tag 1<\/div>\n        <div class=\"sep\"><\/div>\n        <div class=\"spec s2\"><div class=\"sdot\"><\/div>Kein Equipment n\u00f6tig<\/div>\n        <div class=\"sep\"><\/div>\n        <div class=\"spec s3\"><div class=\"sdot\"><\/div>Dein Look, deine Wahl<\/div>\n        <div class=\"sep\"><\/div>\n        <div class=\"spec s4\"><div class=\"sdot\"><\/div>Zentral &amp; gut erreichbar<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 LOGO STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"hs-logos\">\n  <div class=\"lbl\">Marken, die du kennst, vertrauen uns<\/div>\n  <div class=\"track\">\n\n    <div class=\"logo-item\"><svg viewbox=\"0 0 60 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"18\" letter-spacing=\"-0.5\">BMW<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 52 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"17\">Meta<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 72 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"16\" letter-spacing=\"-0.3\">Spotify<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 95 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"15\">WDR 1Live<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 100 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"400\" font-size=\"14\" letter-spacing=\"0.5\">Sparkasse<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 80 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"15\">1. FC K\u00f6ln<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 100 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"300\" font-size=\"13\" letter-spacing=\"2.5\">HYUNDAI<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 108 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"400\" font-size=\"13\" letter-spacing=\"1.5\">UNIVERSAL<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 58 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"800\" font-size=\"15\" letter-spacing=\"1.5\">FIBO<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 118 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"300\" font-size=\"12\" letter-spacing=\"1.5\">VOLTA TRUCKS<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 98 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"300\" font-size=\"12\" letter-spacing=\"1.2\">DR. CLAUDER'S<\/text><\/svg><\/div>\n\n    <!-- Duplikat Loop -->\n    <div class=\"logo-item\"><svg viewbox=\"0 0 60 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"18\" letter-spacing=\"-0.5\">BMW<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 52 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"17\">Meta<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 72 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"16\" letter-spacing=\"-0.3\">Spotify<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 95 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"15\">WDR 1Live<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 100 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"400\" font-size=\"14\" letter-spacing=\"0.5\">Sparkasse<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 80 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"700\" font-size=\"15\">1. FC K\u00f6ln<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 100 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"300\" font-size=\"13\" letter-spacing=\"2.5\">HYUNDAI<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 108 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"400\" font-size=\"13\" letter-spacing=\"1.5\">UNIVERSAL<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 58 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"800\" font-size=\"15\" letter-spacing=\"1.5\">FIBO<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 118 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"300\" font-size=\"12\" letter-spacing=\"1.5\">VOLTA TRUCKS<\/text><\/svg><\/div>\n    <div class=\"logo-item\"><svg viewbox=\"0 0 98 20\"><text y=\"16\" font-family=\"Helvetica Neue,Arial,sans-serif\" font-weight=\"300\" font-size=\"12\" letter-spacing=\"1.2\">DR. CLAUDER'S<\/text><\/svg><\/div>\n\n  <\/div>\n<\/div>\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-49dcc93 e-flex e-con-boxed e-con e-parent\" data-id=\"49dcc93\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf5244 elementor-widget elementor-widget-html\" data-id=\"5cf5244\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-proof, #hs-proof * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 SECTION WRAPPER \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#hs-proof {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 56px;\n}\n\n\/* \u2500\u2500 SHARED: EYEBROW \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#hs-proof .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-proof .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.7);\n  flex-shrink: 0;\n}\n#hs-proof .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BLOCK 1 \u2013 \u00dcBER UNS + ZAHLEN\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hs-proof .about {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: start;\n}\n\n#hs-proof .about-left h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.6vw, 42px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n  margin-bottom: 20px;\n}\n#hs-proof .about-left h2 em {\n  font-style: normal;\n  color: #BE1522;\n}\n#hs-proof .about-left p {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n\/* Numbers grid *\/\n#hs-proof .numbers {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1px;\n  background: rgba(255,255,255,0.06);\n  border-radius: 12px;\n  overflow: hidden;\n}\n#hs-proof .num-item {\n  background: rgba(255,255,255,0.025);\n  padding: 22px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  transition: background 0.18s;\n}\n#hs-proof .num-item:hover { background: rgba(255,255,255,0.045); }\n#hs-proof .num-val {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(28px, 2.8vw, 44px);\n  font-weight: 800;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n  line-height: 1;\n}\n#hs-proof .num-val em {\n  font-style: normal;\n  color: #BE1522;\n}\n#hs-proof .num-lbl {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.35);\n  line-height: 1.4;\n  letter-spacing: 0.02em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BLOCK 2 \u2013 TESTIMONIAL SLIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hs-proof .testimonials-wrap {\n  overflow: hidden;\n  position: relative;\n}\n#hs-proof .testimonials-wrap::before,\n#hs-proof .testimonials-wrap::after {\n  content: '';\n  position: absolute; top: 0; bottom: 0;\n  width: 80px; z-index: 2; pointer-events: none;\n}\n#hs-proof .testimonials-wrap::before {\n  left: 0;\n  background: linear-gradient(to right, #080808, transparent);\n}\n#hs-proof .testimonials-wrap::after {\n  right: 0;\n  background: linear-gradient(to left, #080808, transparent);\n}\n\n#hs-proof .testimonials-track {\n  display: flex;\n  gap: 20px;\n  width: max-content;\n  animation: hs-slide-r 40s linear infinite;\n}\n#hs-proof .testimonials-track:hover { animation-play-state: paused; }\n\n@keyframes hs-slide-r {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n#hs-proof .t-card {\n  width: 340px;\n  flex-shrink: 0;\n  background: rgba(255,255,255,0.03);\n  border: 0.5px solid rgba(255,255,255,0.08);\n  border-radius: 12px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  transition: border-color 0.2s;\n}\n#hs-proof .t-card:hover { border-color: rgba(255,255,255,0.14); }\n\n#hs-proof .t-stars {\n  display: flex; gap: 3px;\n}\n#hs-proof .t-stars span {\n  color: #BE1522;\n  font-size: 13px;\n}\n#hs-proof .t-text {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.6);\n  flex: 1;\n}\n#hs-proof .t-text em {\n  font-style: normal;\n  color: rgba(255,255,255,0.85);\n  font-weight: 400;\n}\n#hs-proof .t-author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-top: 14px;\n  border-top: 0.5px solid rgba(255,255,255,0.06);\n}\n#hs-proof .t-avatar {\n  width: 36px; height: 36px;\n  border-radius: 50%;\n  background: rgba(190,21,34,0.15);\n  border: 0.5px solid rgba(190,21,34,0.25);\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  color: #BE1522;\n  flex-shrink: 0;\n}\n#hs-proof .t-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: #f0ede8;\n  line-height: 1.2;\n}\n#hs-proof .t-role {\n  font-size: 11px;\n  color: rgba(255,255,255,0.3);\n  margin-top: 2px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BLOCK 3 \u2013 PODCAST PLATTFORM LOGOS (\u2190 links)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hs-proof .platforms-wrap {\n  overflow: hidden;\n  position: relative;\n}\n#hs-proof .platforms-wrap::before,\n#hs-proof .platforms-wrap::after {\n  content: '';\n  position: absolute; top: 0; bottom: 0;\n  width: 80px; z-index: 2; pointer-events: none;\n}\n#hs-proof .platforms-wrap::before {\n  left: 0;\n  background: linear-gradient(to right, #080808, transparent);\n}\n#hs-proof .platforms-wrap::after {\n  right: 0;\n  background: linear-gradient(to left, #080808, transparent);\n}\n\n#hs-proof .platforms-header {\n  text-align: center;\n  margin-bottom: 20px;\n}\n#hs-proof .platforms-header p {\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.2);\n}\n\n#hs-proof .platforms-track {\n  display: flex;\n  gap: 0;\n  width: max-content;\n  animation: hs-slide-l 24s linear infinite;\n}\n#hs-proof .platforms-track:hover { animation-play-state: paused; }\n\n@keyframes hs-slide-l {\n  from { transform: translateX(-50%); }\n  to   { transform: translateX(0); }\n}\n\n#hs-proof .platform-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 32px;\n  border-right: 0.5px solid rgba(255,255,255,0.05);\n  flex-shrink: 0;\n  opacity: 0.3;\n  transition: opacity 0.2s;\n}\n#hs-proof .platform-item:hover { opacity: 0.6; }\n#hs-proof .platform-item svg {\n  width: 18px; height: 18px;\n  fill: #fff;\n  flex-shrink: 0;\n}\n#hs-proof .platform-item span {\n  font-size: 12px;\n  font-weight: 500;\n  color: #fff;\n  letter-spacing: 0.04em;\n  white-space: nowrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BLOCK 4 \u2013 STUDIO CARDS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hs-proof .studios-header {\n  margin-bottom: 20px;\n}\n#hs-proof .studios-header h3 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(20px, 2vw, 30px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  color: #f0ede8;\n}\n\n#hs-proof .studios-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n#hs-proof .studio-card {\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  aspect-ratio: 3\/4;\n  background: #111;\n  border: 0.5px solid rgba(255,255,255,0.08);\n  cursor: pointer;\n  transition: transform 0.22s, border-color 0.22s;\n  group: true;\n}\n#hs-proof .studio-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(190,21,34,0.4);\n}\n\n\/* Studio image \u2013 ersetze background-image mit echtem Bild *\/\n#hs-proof .studio-card .card-img {\n  position: absolute; inset: 0;\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.4s;\n}\n#hs-proof .studio-card:hover .card-img { transform: scale(1.04); }\n\n\/* Placeholder wenn kein Bild *\/\n#hs-proof .studio-card .card-ph {\n  position: absolute; inset: 0;\n  display: flex; align-items: center; justify-content: center;\n  background: linear-gradient(135deg, #141414 0%, #0a0a0a 100%);\n}\n#hs-proof .studio-card .card-ph svg {\n  opacity: 0.12;\n  width: 40px; height: 40px;\n}\n\n\/* Gradient overlay *\/\n#hs-proof .studio-card .card-overlay {\n  position: absolute; inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);\n}\n\n\/* Card content *\/\n#hs-proof .studio-card .card-body {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  padding: 20px;\n  z-index: 2;\n}\n#hs-proof .studio-card .card-tag {\n  display: inline-block;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n  background: rgba(255,255,255,0.08);\n  border-radius: 4px;\n  padding: 3px 8px;\n  margin-bottom: 8px;\n}\n#hs-proof .studio-card .card-title {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #f0ede8;\n  letter-spacing: -0.01em;\n  line-height: 1.2;\n  margin-bottom: 4px;\n}\n#hs-proof .studio-card .card-sub {\n  font-size: 12px;\n  color: rgba(255,255,255,0.45);\n  line-height: 1.4;\n}\n\n\/* Red accent line on hover *\/\n#hs-proof .studio-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n  background: #BE1522;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.25s;\n}\n#hs-proof .studio-card:hover::after { transform: scaleX(1); }\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-proof { gap: 44px; }\n\n  #hs-proof .about {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  #hs-proof .studios-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n  #hs-proof .studio-card { aspect-ratio: 3\/4; }\n  #hs-proof .t-card { width: 290px; }\n}\n\n@media (max-width: 560px) {\n  #hs-proof .numbers {\n    grid-template-columns: 1fr 1fr;\n  }\n  #hs-proof .studios-grid {\n    grid-template-columns: 1fr;\n  }\n  #hs-proof .studio-card { aspect-ratio: 3\/4; }\n}\n<\/style>\n\n<div id=\"hs-proof\">\n\n  <!-- \u2550\u2550 BLOCK 1: \u00dcBER UNS + ZAHLEN \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"about\" id=\"studios\">\n    <div class=\"about-left\">\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>\u00dcber high.studios<\/span>\n      <\/div>\n      <h2>Nicht irgendein Studio.<br><em>Das<\/em> Studio in K\u00f6ln.<\/h2>\n      <p>\n        high.studios befindet sich im Herzen von K\u00f6ln-Ehrenfeld \u2013 auf \u00fcber 1.000 m\u00b2 vereinen wir professionelle Produktionsr\u00e4ume, erstklassige Technik und eine kreative Community. Hier produzieren Unternehmen, Creator und Agenturen Content, der wirkt.\n      <\/p>\n    <\/div>\n\n    <div class=\"numbers\">\n      <div class=\"num-item\">\n        <div class=\"num-val\">1.000<em>m\u00b2<\/em><\/div>\n        <div class=\"num-lbl\">Studiofl\u00e4che in K\u00f6ln-Ehrenfeld<\/div>\n      <\/div>\n      <div class=\"num-item\">\n        <div class=\"num-val\">3<em>+<\/em><\/div>\n        <div class=\"num-lbl\">voll ausgestattete Studios<\/div>\n      <\/div>\n      <div class=\"num-item\">\n        <div class=\"num-val\">48<em>h<\/em><\/div>\n        <div class=\"num-lbl\">Lieferzeit nach der Aufnahme<\/div>\n      <\/div>\n      <div class=\"num-item\">\n        <div class=\"num-val\">100<em>+<\/em><\/div>\n        <div class=\"num-lbl\">Unternehmen die uns vertrauen<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 BLOCK 2: TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"testimonials-wrap\">\n    <div class=\"testimonials-track\">\n\n      <!-- Card 1 -->\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eDie Podcast-Studios sind ein absoluter Gamechanger! Die Technik ist erstklassig, die Akustik perfekt \u2013 und das Beste: <em>alles l\u00e4uft super smooth.<\/em> Das Team nimmt dir die ganze Organisation ab, sodass du dich voll auf deine Aufnahme konzentrieren kannst.\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">EG<\/div>\n          <div>\n            <div class=\"t-name\">Elias El Gharbaouie<\/div>\n            <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrer \u00b7 Suyana GmbH<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eIn eurem Podcast-Raum f\u00fchlt man sich wie in einem <em>Safe Space.<\/em> Die perfekte Atmosph\u00e4re f\u00fcr unsere Podcast-Folge.\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">KS<\/div>\n          <div>\n            <div class=\"t-name\">Katrin Stockinger<\/div>\n            <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrerin \u00b7 Noles<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eHands down ein echter <em>One-Stop-Shop<\/em> f\u00fcr Video, Bild und Audio. Eines der besten Studios in K\u00f6ln und Umgebung. Philipp und sein Team sind mega.\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">TS<\/div>\n          <div>\n            <div class=\"t-name\">Tobias Schmitz<\/div>\n            <div class=\"t-role\">Content Creator \u00b7 K\u00f6ln<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eHoch professionelle Videografie und eine tolle Kommunikation. <em>Genau das, was wir gesucht haben.<\/em>\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">TH<\/div>\n          <div>\n            <div class=\"t-name\">Thilo Homes<\/div>\n            <div class=\"t-role\">Unternehmer<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Duplikat f\u00fcr Loop -->\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eDie Podcast-Studios sind ein absoluter Gamechanger! Die Technik ist erstklassig, die Akustik perfekt \u2013 und das Beste: <em>alles l\u00e4uft super smooth.<\/em> Das Team nimmt dir die ganze Organisation ab, sodass du dich voll auf deine Aufnahme konzentrieren kannst.\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">EG<\/div>\n          <div>\n            <div class=\"t-name\">Elias El Gharbaouie<\/div>\n            <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrer \u00b7 Suyana GmbH<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eIn eurem Podcast-Raum f\u00fchlt man sich wie in einem <em>Safe Space.<\/em> Die perfekte Atmosph\u00e4re f\u00fcr unsere Podcast-Folge.\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">KS<\/div>\n          <div>\n            <div class=\"t-name\">Katrin Stockinger<\/div>\n            <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrerin \u00b7 Noles<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eHands down ein echter <em>One-Stop-Shop<\/em> f\u00fcr Video, Bild und Audio. Eines der besten Studios in K\u00f6ln und Umgebung.\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">TS<\/div>\n          <div>\n            <div class=\"t-name\">Tobias Schmitz<\/div>\n            <div class=\"t-role\">Content Creator \u00b7 K\u00f6ln<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"t-card\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"t-text\">\n          \u201eHoch professionelle Videografie und eine tolle Kommunikation. <em>Genau das, was wir gesucht haben.<\/em>\"\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">TH<\/div>\n          <div>\n            <div class=\"t-name\">Thilo Homes<\/div>\n            <div class=\"t-role\">Unternehmer<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 BLOCK 3: PODCAST PLATTFORM LOGOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div>\n    <div class=\"platforms-header\">\n      <p>Euer Content erscheint auf<\/p>\n    <\/div>\n    <div class=\"platforms-wrap\">\n      <div class=\"platforms-track\">\n\n        <!-- Spotify -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/>\n          <\/svg>\n          <span>Spotify<\/span>\n        <\/div>\n\n        <!-- Apple Podcasts -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 4.667c2.963 0 5.333 2.371 5.333 5.333 0 1.997-1.102 3.74-2.731 4.667v1.633c0 .982-.794 1.777-1.774 1.777H11.17c-.98 0-1.773-.795-1.773-1.777v-1.633C7.769 13.74 6.667 11.997 6.667 10c0-2.962 2.37-5.333 5.333-5.333zm0 1.777c-1.96 0-3.556 1.596-3.556 3.556 0 1.336.74 2.5 1.836 3.115l.497.278v2.274c0 .18.145.325.324.325h1.797c.18 0 .325-.145.325-.325v-2.274l.497-.278C14.816 12.5 15.556 11.336 15.556 10c0-1.96-1.596-3.556-3.556-3.556zm0 1.334c.735 0 1.333.598 1.333 1.333S12.735 10.444 12 10.444 10.667 9.846 10.667 9.11s.598-1.333 1.333-1.333z\"\/>\n          <\/svg>\n          <span>Apple Podcasts<\/span>\n        <\/div>\n\n        <!-- YouTube -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/>\n          <\/svg>\n          <span>YouTube<\/span>\n        <\/div>\n\n        <!-- Amazon Music -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M13.958 10.09c0 1.232.029 2.256-.591 3.351-.502.891-1.301 1.438-2.186 1.438-1.214 0-1.922-.924-1.922-2.292 0-2.692 2.415-3.182 4.699-3.182v.685zm3.186 7.705c-.209.189-.512.201-.745.073-1.048-.872-1.236-1.279-1.814-2.111-1.732 1.767-2.96 2.295-5.203 2.295-2.656 0-4.72-1.638-4.72-4.919 0-2.563 1.39-4.309 3.37-5.164 1.715-.756 4.11-.891 5.942-1.099v-.41c0-.753.06-1.642-.383-2.294-.385-.579-1.124-.82-1.775-.82-1.205 0-2.277.618-2.54 1.897-.054.285-.261.567-.547.579l-3.073-.333c-.259-.058-.548-.266-.472-.661C5.76 1.775 8.41.312 10.778 0h.802c1.42.043 3.279.579 4.459 2.236.071.1.157.21.254.326.018.021.04.046.062.072.038.044.079.09.118.135a.67.67 0 0 0 .063.066c.152.166.317.347.49.553l.002.003c.172.204.358.423.553.646l.002.003c.195.222.4.449.609.679l.002.002c.406.452.829.906 1.24 1.356C20.47 7.2 21 8.503 21 10.36v7.34c0 2.218 0 2.218-2.178 2.218l-.001.002-.002.002L16.53 17.89c-.133-.04-.262-.062-.386-.095zm4.34 4.182C15.281 24.099 8.14 24 5.344 22.602 4.21 22.02 3.24 21.193 2.5 20.207c-.094-.124-.05-.198.1-.172 4.358.804 11.064.879 15.22-.053.375-.083.53.284.177.451a4.21 4.21 0 0 1-1.513.534c-.121.023.064.214.173.266 3.045 1.435 8.27.724 8.863-1.228.075-.246.321-.148.279.113-.2 1.25-.835 2.293-1.715 2.859z\"\/>\n          <\/svg>\n          <span>Amazon Music<\/span>\n        <\/div>\n\n        <!-- LinkedIn -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\n          <\/svg>\n          <span>LinkedIn<\/span>\n        <\/div>\n\n        <!-- Instagram -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/>\n          <\/svg>\n          <span>Instagram<\/span>\n        <\/div>\n\n        <!-- TikTok -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/>\n          <\/svg>\n          <span>TikTok<\/span>\n        <\/div>\n\n        <!-- Duplikat Loop -->\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\n          <span>Spotify<\/span>\n        <\/div>\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 4.667c2.963 0 5.333 2.371 5.333 5.333 0 1.997-1.102 3.74-2.731 4.667v1.633c0 .982-.794 1.777-1.774 1.777H11.17c-.98 0-1.773-.795-1.773-1.777v-1.633C7.769 13.74 6.667 11.997 6.667 10c0-2.962 2.37-5.333 5.333-5.333zm0 1.777c-1.96 0-3.556 1.596-3.556 3.556 0 1.336.74 2.5 1.836 3.115l.497.278v2.274c0 .18.145.325.324.325h1.797c.18 0 .325-.145.325-.325v-2.274l.497-.278C14.816 12.5 15.556 11.336 15.556 10c0-1.96-1.596-3.556-3.556-3.556zm0 1.334c.735 0 1.333.598 1.333 1.333S12.735 10.444 12 10.444 10.667 9.846 10.667 9.11s.598-1.333 1.333-1.333z\"\/><\/svg>\n          <span>Apple Podcasts<\/span>\n        <\/div>\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/><\/svg>\n          <span>YouTube<\/span>\n        <\/div>\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n          <span>LinkedIn<\/span>\n        <\/div>\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\n          <span>Instagram<\/span>\n        <\/div>\n        <div class=\"platform-item\">\n          <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg>\n          <span>TikTok<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 BLOCK 4: STUDIO CARDS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div>\n    <div class=\"studios-header\">\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>Unsere Studios<\/span>\n      <\/div>\n      <h3>Drei R\u00e4ume. Ein System.<\/h3>\n    <\/div>\n\n    <div class=\"studios-grid\">\n\n      <!-- President Studio -->\n      <div class=\"studio-card\">\n        <div class=\"card-img\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/03\/President-studio-scaled.webp');\"><\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-body\">\n          <div class=\"card-tag\">Podcast \u00b7 Video<\/div>\n          <div class=\"card-title\">President Studio<\/div>\n          <div class=\"card-sub\">Exklusiv &amp; repr\u00e4sentativ \u2013 f\u00fcr Premium-Content<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- White Studio -->\n      <div class=\"studio-card\">\n        <div class=\"card-img\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/03\/White-Studio-scaled.webp');\"><\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-body\">\n          <div class=\"card-tag\">Podcast \u00b7 Video<\/div>\n          <div class=\"card-title\">White Studio<\/div>\n          <div class=\"card-sub\">Hell &amp; clean \u2013 individuell gestaltbar<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Black Studio -->\n      <div class=\"studio-card\">\n        <div class=\"card-img\" style=\"background-image: url('https:\/\/high-group.de\/wp-content\/uploads\/2026\/03\/Black-Studio-scaled.webp');\"><\/div>\n        <div class=\"card-overlay\"><\/div>\n        <div class=\"card-body\">\n          <div class=\"card-tag\">Podcast \u00b7 Video<\/div>\n          <div class=\"card-title\">Black Studio<\/div>\n          <div class=\"card-sub\">Individuell anpassbar \u2013 dunkel &amp; edel<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\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-c786c97 e-flex e-con-boxed e-con e-parent\" data-id=\"c786c97\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-191302d elementor-widget elementor-widget-html\" data-id=\"191302d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-problem, #hs-problem * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-problem {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n}\n\n\/* Subtle glow left side *\/\n#hs-problem::before {\n  content: '';\n  position: absolute;\n  top: 10%; left: -20%;\n  width: 50%; height: 60%;\n  background: radial-gradient(ellipse at 20% 50%, rgba(190,21,34,0.08) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u2500\u2500 HEADER \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#hs-problem .header {\n  position: relative;\n  z-index: 1;\n  max-width: 680px;\n  margin-bottom: 56px;\n}\n\n#hs-problem .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-problem .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.7);\n  flex-shrink: 0;\n}\n#hs-problem .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n#hs-problem h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.8vw, 46px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n  margin-bottom: 20px;\n}\n#hs-problem h2 em {\n  font-style: normal;\n  color: #BE1522;\n  text-shadow: 0 0 32px rgba(190,21,34,0.3);\n}\n\n#hs-problem .lead {\n  font-size: clamp(14px, 1.05vw, 16px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n\/* \u2500\u2500 PAIN POINT GRID \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#hs-problem .grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: rgba(255,255,255,0.06);\n  border-radius: 14px;\n  overflow: hidden;\n  margin-bottom: 48px;\n}\n\n#hs-problem .pain {\n  background: rgba(255,255,255,0.02);\n  padding: 32px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  transition: background 0.2s;\n}\n#hs-problem .pain:hover {\n  background: rgba(255,255,255,0.04);\n}\n\n\/* Number accent *\/\n#hs-problem .pain-num {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 48px;\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  line-height: 1;\n  color: rgba(190,21,34,0.12);\n  position: absolute;\n  top: 20px; right: 22px;\n  pointer-events: none;\n  transition: color 0.2s;\n}\n#hs-problem .pain:hover .pain-num {\n  color: rgba(190,21,34,0.2);\n}\n\n\/* Icon *\/\n#hs-problem .pain-icon {\n  width: 40px; height: 40px;\n  border-radius: 10px;\n  background: rgba(190,21,34,0.1);\n  border: 0.5px solid rgba(190,21,34,0.2);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n#hs-problem .pain-icon svg {\n  width: 18px; height: 18px;\n  stroke: #BE1522;\n  fill: none;\n  stroke-width: 1.5;\n}\n\n#hs-problem .pain-title {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: #f0ede8;\n  line-height: 1.2;\n}\n\n#hs-problem .pain-text {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.72;\n  color: rgba(255,255,255,0.42);\n}\n#hs-problem .pain-text em {\n  font-style: normal;\n  color: rgba(255,255,255,0.7);\n  font-weight: 400;\n}\n\n\/* Red bottom border on hover *\/\n#hs-problem .pain::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n  background: #BE1522;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.25s;\n}\n#hs-problem .pain:hover::after {\n  transform: scaleX(1);\n}\n\n\/* \u2500\u2500 BRIDGE \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#hs-problem .bridge {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 24px 28px;\n  background: rgba(190,21,34,0.06);\n  border: 0.5px solid rgba(190,21,34,0.2);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\/* Subtle gradient accent *\/\n#hs-problem .bridge::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; bottom: 0;\n  width: 3px;\n  background: linear-gradient(to bottom, #BE1522, rgba(190,21,34,0.3));\n  border-radius: 2px 0 0 2px;\n}\n\n#hs-problem .bridge-icon {\n  width: 44px; height: 44px;\n  border-radius: 50%;\n  background: rgba(190,21,34,0.12);\n  border: 0.5px solid rgba(190,21,34,0.25);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n#hs-problem .bridge-icon svg {\n  width: 20px; height: 20px;\n  stroke: #BE1522; fill: none; stroke-width: 1.5;\n}\n\n#hs-problem .bridge-text {\n  flex: 1;\n}\n#hs-problem .bridge-text strong {\n  display: block;\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  color: #f0ede8;\n  letter-spacing: -0.01em;\n  margin-bottom: 4px;\n}\n#hs-problem .bridge-text p {\n  font-size: 13px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.45);\n  line-height: 1.6;\n}\n\n#hs-problem .bridge-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 11px 22px;\n  background: #BE1522;\n  border: none;\n  border-radius: 9px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  text-decoration: none !important;\n  white-space: nowrap;\n  cursor: pointer;\n  flex-shrink: 0;\n  box-shadow: 0 2px 16px rgba(190,21,34,0.35);\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-problem .bridge-cta::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent 60%);\n  pointer-events: none;\n}\n#hs-problem .bridge-cta:hover {\n  background: #d0181f;\n  box-shadow: 0 4px 24px rgba(190,21,34,0.5);\n  transform: translateY(-1px);\n}\n#hs-problem .bridge-cta svg {\n  position: relative; z-index: 1;\n  transition: transform 0.18s;\n}\n#hs-problem .bridge-cta:hover svg { transform: translateX(3px); }\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-problem .grid {\n    grid-template-columns: 1fr;\n    gap: 1px;\n  }\n  #hs-problem .pain { padding: 28px 24px; }\n  #hs-problem h2 { font-size: clamp(24px, 6vw, 38px); }\n  #hs-problem .header { margin-bottom: 40px; }\n}\n\n@media (max-width: 560px) {\n  #hs-problem .bridge {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n  }\n  #hs-problem .bridge-cta {\n    width: 100%;\n    justify-content: center;\n  }\n}\n<\/style>\n\n<div id=\"hs-problem\">\n\n  <!-- Header -->\n  <div class=\"header\">\n    <div class=\"eyebrow\">\n      <div class=\"pip\"><\/div>\n      <span>Das Problem<\/span>\n    <\/div>\n    <h2>Content-Produktion frisst euer Team auf.<br><em>Und bringt trotzdem zu wenig raus.<\/em><\/h2>\n    <p class=\"lead\">\n      Ihr produziert f\u00fcr LinkedIn, YouTube, Instagram, den Podcast und die Website. Jede Plattform braucht ein anderes Format. Jedes Format kostet Zeit, Budget und Nerven \u2013 und trotzdem f\u00fchlt sich die Reichweite nie proportional zum Aufwand an.\n    <\/p>\n  <\/div>\n\n  <!-- Pain Points -->\n  <div class=\"grid\">\n\n    <!-- Pain 1 -->\n    <div class=\"pain\">\n      <div class=\"pain-num\">01<\/div>\n      <div class=\"pain-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n          <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"pain-title\">Koordinations-Chaos<\/div>\n      <p class=\"pain-text\">\n        Studiosuche, Technik-Setup, Videograf, Cutter \u2013 ihr koordiniert <em>vier verschiedene Dienstleister<\/em> f\u00fcr eine einzige Folge. Das kostet Wochenstunden, bevor die erste Aufnahme l\u00e4uft.\n      <\/p>\n    <\/div>\n\n    <!-- Pain 2 -->\n    <div class=\"pain\">\n      <div class=\"pain-num\">02<\/div>\n      <div class=\"pain-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n          <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\n          <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"pain-title\">Qualit\u00e4t kostet Vertrauen<\/div>\n      <p class=\"pain-text\">\n        Wer ohne professionelles Setup produziert, verliert Vertrauen \u2013 egal wie gut der Inhalt ist. Schlechter Ton, unruhiges Bild, inkonsistentes Branding. <em>Euer Wettbewerber sieht besser aus.<\/em> Nicht weil er besser ist.\n      <\/p>\n    <\/div>\n\n    <!-- Pain 3 -->\n    <div class=\"pain\">\n      <div class=\"pain-num\">03<\/div>\n      <div class=\"pain-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"pain-title\">Kein skalierbares System<\/div>\n      <p class=\"pain-text\">\n        Einmal produzieren ist kein Content-System. Wer nicht regelm\u00e4\u00dfig postet, verschwindet im Algorithmus. Wer regelm\u00e4\u00dfig produziert, <em>verbrennt interne Kapazit\u00e4t.<\/em>\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bridge -->\n  <div class=\"bridge\">\n    <div class=\"bridge-icon\">\n      <svg viewbox=\"0 0 24 24\">\n        <polyline points=\"20 6 9 17 4 12\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"bridge-text\">\n      <strong>Es geht auch anders.<\/strong>\n      <p>Aus einem Drehtag wird ein ganzer Monat bespielt \u2013 YouTube, Podcast, Reels, LinkedIn. Alles aus einer Hand.<\/p>\n    <\/div>\n    <a href=\"\/en\/80-20-formular\/\" class=\"bridge-cta\">\n      L\u00f6sung ansehen\n      <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/div>\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-56a6102 e-flex e-con-boxed e-con e-parent\" data-id=\"56a6102\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36c4384 elementor-widget elementor-widget-html\" data-id=\"36c4384\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-usp, #hs-usp * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-usp {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n}\n\n\/* Ambient glow top right *\/\n#hs-usp::before {\n  content: '';\n  position: absolute;\n  top: -10%; right: -15%;\n  width: 55%; height: 70%;\n  background: radial-gradient(ellipse at 70% 30%, rgba(190,21,34,0.12) 0%, transparent 65%);\n  filter: blur(90px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u2500\u2500 HEADER \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#hs-usp .header {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: end;\n  margin-bottom: 48px;\n}\n\n#hs-usp .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-usp .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.7);\n  flex-shrink: 0;\n  animation: hs-pip 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.35; transform: scale(0.6); }\n}\n#hs-usp .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n#hs-usp h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.8vw, 46px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n}\n#hs-usp h2 em {\n  font-style: normal;\n  color: #BE1522;\n  text-shadow: 0 0 32px rgba(190,21,34,0.3);\n}\n\n#hs-usp .header-right {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  justify-content: flex-end;\n}\n\n#hs-usp .header-sub {\n  font-size: clamp(13px, 1vw, 15px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n#hs-usp .header-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 24px;\n  background: #BE1522;\n  border: none;\n  border-radius: 9px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  width: fit-content;\n  box-shadow: 0 2px 16px rgba(190,21,34,0.35), 0 1px 0 rgba(255,255,255,0.1) inset;\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-usp .header-cta::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent 60%);\n  pointer-events: none;\n}\n#hs-usp .header-cta:hover {\n  background: #d0181f;\n  box-shadow: 0 4px 24px rgba(190,21,34,0.5);\n  transform: translateY(-1px);\n}\n#hs-usp .header-cta svg { position: relative; z-index: 1; transition: transform 0.18s; }\n#hs-usp .header-cta:hover svg { transform: translateX(3px); }\n\n\/* \u2500\u2500 USP CARDS \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#hs-usp .cards {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n#hs-usp .card {\n  background: rgba(255,255,255,0.025);\n  border: 0.5px solid rgba(255,255,255,0.08);\n  border-radius: 14px;\n  padding: 28px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  position: relative;\n  overflow: hidden;\n  transition: border-color 0.22s, background 0.22s, transform 0.22s;\n}\n#hs-usp .card:hover {\n  border-color: rgba(190,21,34,0.35);\n  background: rgba(190,21,34,0.04);\n  transform: translateY(-3px);\n}\n\n\/* Top accent line *\/\n#hs-usp .card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1.5px;\n  background: linear-gradient(to right, #BE1522, transparent);\n  opacity: 0;\n  transition: opacity 0.22s;\n}\n#hs-usp .card:hover::before { opacity: 1; }\n\n\/* Step number background *\/\n#hs-usp .card-num {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 72px;\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  line-height: 1;\n  color: rgba(190,21,34,0.07);\n  position: absolute;\n  bottom: 16px; right: 18px;\n  pointer-events: none;\n  transition: color 0.22s;\n}\n#hs-usp .card:hover .card-num { color: rgba(190,21,34,0.13); }\n\n\/* Icon *\/\n#hs-usp .card-icon {\n  width: 44px; height: 44px;\n  border-radius: 11px;\n  background: rgba(190,21,34,0.1);\n  border: 0.5px solid rgba(190,21,34,0.22);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.22s, border-color 0.22s;\n}\n#hs-usp .card:hover .card-icon {\n  background: rgba(190,21,34,0.18);\n  border-color: rgba(190,21,34,0.4);\n}\n#hs-usp .card-icon svg {\n  width: 20px; height: 20px;\n  stroke: #BE1522;\n  fill: none;\n  stroke-width: 1.5;\n}\n\n#hs-usp .card-title {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  color: #f0ede8;\n  line-height: 1.2;\n}\n\n#hs-usp .card-text {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.42);\n}\n#hs-usp .card-text em {\n  font-style: normal;\n  color: rgba(255,255,255,0.72);\n  font-weight: 400;\n}\n\n\/* Bullet list inside card *\/\n#hs-usp .card-bullets {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 6px;\n  border-top: 0.5px solid rgba(255,255,255,0.05);\n}\n#hs-usp .cb {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-size: 12px;\n  color: rgba(255,255,255,0.38);\n}\n#hs-usp .cb .cdot {\n  width: 4px; height: 4px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 4px rgba(190,21,34,0.5);\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 RESULT STRIP \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#hs-usp .result {\n  position: relative;\n  z-index: 1;\n  margin-top: 16px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1px;\n  background: rgba(255,255,255,0.06);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n#hs-usp .result-item {\n  background: rgba(255,255,255,0.02);\n  padding: 20px 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  transition: background 0.18s;\n}\n#hs-usp .result-item:hover { background: rgba(255,255,255,0.04); }\n\n#hs-usp .result-val {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(22px, 2.2vw, 34px);\n  font-weight: 800;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n  line-height: 1;\n}\n#hs-usp .result-val em {\n  font-style: normal;\n  color: #BE1522;\n}\n#hs-usp .result-lbl {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.32);\n  line-height: 1.4;\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-usp .header {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  #hs-usp .cards {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n  #hs-usp .result {\n    grid-template-columns: 1fr 1fr;\n  }\n  #hs-usp h2 { font-size: clamp(24px, 6vw, 38px); }\n}\n\n@media (max-width: 480px) {\n  #hs-usp .result {\n    grid-template-columns: 1fr 1fr;\n  }\n  #hs-usp .header-cta {\n    width: 100%;\n    justify-content: center;\n  }\n}\n<\/style>\n\n<div id=\"hs-usp\">\n\n  <!-- \u2500\u2500 HEADER \u2500\u2500 -->\n  <div class=\"header\">\n    <div>\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>Die L\u00f6sung<\/span>\n      <\/div>\n      <h2>Das high.studios<br>Content-System.<br><em>Einmal drehen.<br>\u00dcberall pr\u00e4sent.<\/em><\/h2>\n    <\/div>\n    <div class=\"header-right\">\n      <p class=\"header-sub\">\n        Ihr kommt einmal pro Monat ins Studio. Wir k\u00fcmmern uns um alles andere \u2013 Aufnahme, Schnitt, Formatierung, Auslieferung. Kein Vendor-Chaos. Kein Briefing von vorne. Kein Qualit\u00e4tsverlust.\n      <\/p>\n      <a href=\"\/en\/80-20-formular\/\" class=\"header-cta\">\n        Paket konfigurieren\n        <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 USP CARDS \u2500\u2500 -->\n  <div class=\"cards\">\n\n    <!-- Card 1 \u2013 Aufnahme -->\n    <div class=\"card\">\n      <div class=\"card-num\">01<\/div>\n      <div class=\"card-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n          <path d=\"M8 21h8M12 17v4\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"card-title\">Professionelles Setup ab Tag 1<\/div>\n      <p class=\"card-text\">\n        Black Studio oder White Studio, <em>bis zu 4 Kameras in 4K<\/em>, Shure SM7B Mikrofone, professionelle Ausleuchtung. Ihr konzentriert euch auf den Inhalt \u2013 wir auf die Technik.\n      <\/p>\n      <div class=\"card-bullets\">\n        <div class=\"cb\"><div class=\"cdot\"><\/div>4K Multi-Kamera Setup<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Shure SM7B Broadcast-Mikrofone<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Black-, White- und President Studios w\u00e4hlbar<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Kein eigenes Equipment n\u00f6tig<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 \u2013 Post-Produktion -->\n    <div class=\"card\">\n      <div class=\"card-num\">02<\/div>\n      <div class=\"card-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/>\n          <polyline points=\"2 17 12 22 22 17\"\/>\n          <polyline points=\"2 12 12 17 22 12\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"card-title\">Aus einer Aufnahme wird alles<\/div>\n      <p class=\"card-text\">\n        YouTube-Folge, Podcast-Episode f\u00fcr Spotify und Apple, LinkedIn-Clips, Instagram Reels, TikToks \u2013 <em>alles aus einem Drehtag.<\/em> Fertig geschnitten, mit Captions, in eurem Corporate Design.\n      <\/p>\n      <div class=\"card-bullets\">\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Longform f\u00fcr YouTube &amp; Podcast<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>9:16 Clips f\u00fcr Reels &amp; TikTok<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Captions &amp; Branding inklusive<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Fertig geliefert in 48h<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 \u2013 Retainer -->\n    <div class=\"card\">\n      <div class=\"card-num\">03<\/div>\n      <div class=\"card-icon\">\n        <svg viewbox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"card-title\">Fester Slot. Garantierte Qualit\u00e4t.<\/div>\n      <p class=\"card-text\">\n        Mit einem Retainer bekommt ihr denselben Raum, dieselbe Technik, dasselbe Team \u2013 jeden Monat. <em>Kein Briefing von vorne<\/em>, keine Qualit\u00e4tsschwankungen, kein Stress.\n      <\/p>\n      <div class=\"card-bullets\">\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Fixer Termin im Kalender<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Guaranteed slot availability<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Bis zu 33% g\u00fcnstiger<\/div>\n        <div class=\"cb\"><div class=\"cdot\"><\/div>Exit-Option nach Monat 3<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u2500\u2500 RESULT STRIP \u2500\u2500 -->\n  <div class=\"result\">\n    <div class=\"result-item\">\n      <div class=\"result-val\">1<em>\u00d7<\/em><\/div>\n      <div class=\"result-lbl\">Drehtag pro Monat gen\u00fcgt<\/div>\n    <\/div>\n    <div class=\"result-item\">\n      <div class=\"result-val\">30<em>+<\/em><\/div>\n      <div class=\"result-lbl\">Inhalte f\u00fcr alle Plattformen<\/div>\n    <\/div>\n    <div class=\"result-item\">\n      <div class=\"result-val\">48<em>h<\/em><\/div>\n      <div class=\"result-lbl\">Lieferzeit nach der Aufnahme<\/div>\n    <\/div>\n    <div class=\"result-item\">\n      <div class=\"result-val\"><em>\u2212<\/em>33<em>%<\/em><\/div>\n      <div class=\"result-lbl\">beim Jahres-Retainer<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\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-9dd5644 e-flex e-con-boxed e-con e-parent\" data-id=\"9dd5644\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee33a71 elementor-widget elementor-widget-html\" data-id=\"ee33a71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-process, #hs-process * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-process {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n  color: #1a1a1a;\n}\n\n\/* \u2500\u2500 HEADER \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#hs-process .header {\n  max-width: 600px;\n  margin-bottom: 56px;\n}\n\n#hs-process .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-process .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.5);\n  flex-shrink: 0;\n  animation: hs-pip-l 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip-l {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.4; transform: scale(0.6); }\n}\n#hs-process .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(0,0,0,0.35);\n}\n\n#hs-process h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.8vw, 46px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #111;\n  margin-bottom: 16px;\n}\n#hs-process h2 em {\n  font-style: normal;\n  color: #BE1522;\n}\n\n#hs-process .header-sub {\n  font-size: clamp(14px, 1.05vw, 16px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(0,0,0,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n\/* \u2500\u2500 STEPS \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#hs-process .steps {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  position: relative;\n  margin-bottom: 56px;\n}\n\n\/* Connecting line between steps *\/\n#hs-process .steps::before {\n  content: '';\n  position: absolute;\n  top: 28px;\n  left: calc(16.66% + 20px);\n  right: calc(16.66% + 20px);\n  height: 1px;\n  background: linear-gradient(to right,\n    #BE1522 0%,\n    rgba(190,21,34,0.3) 50%,\n    rgba(190,21,34,0.1) 100%\n  );\n  z-index: 0;\n}\n\n#hs-process .step {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  padding: 0 28px 0 0;\n  position: relative;\n  z-index: 1;\n}\n#hs-process .step:last-child { padding-right: 0; }\n\n\/* Step number bubble *\/\n#hs-process .step-num {\n  width: 56px; height: 56px;\n  border-radius: 50%;\n  background: #fff;\n  border: 1.5px solid rgba(190,21,34,0.25);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n  transition: all 0.22s;\n  box-shadow: 0 2px 12px rgba(190,21,34,0.08);\n}\n#hs-process .step:hover .step-num {\n  background: #BE1522;\n  border-color: #BE1522;\n  box-shadow: 0 4px 20px rgba(190,21,34,0.3);\n}\n#hs-process .step-num span {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 18px;\n  font-weight: 800;\n  color: #BE1522;\n  letter-spacing: -0.02em;\n  transition: color 0.22s;\n}\n#hs-process .step:hover .step-num span { color: #fff; }\n\n#hs-process .step-body {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n#hs-process .step-title {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: #111;\n  line-height: 1.2;\n}\n\n#hs-process .step-text {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(0,0,0,0.5);\n}\n#hs-process .step-text em {\n  font-style: normal;\n  color: rgba(0,0,0,0.75);\n  font-weight: 400;\n}\n\n\/* Step tag *\/\n#hs-process .step-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: rgba(190,21,34,0.7);\n  background: rgba(190,21,34,0.07);\n  border: 0.5px solid rgba(190,21,34,0.15);\n  border-radius: 5px;\n  padding: 4px 9px;\n  width: fit-content;\n}\n\n\/* \u2500\u2500 CTA BLOCK \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#hs-process .cta-block {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 28px 32px;\n  background: #111;\n  border-radius: 14px;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Subtle red glow inside dark block *\/\n#hs-process .cta-block::before {\n  content: '';\n  position: absolute;\n  top: -30%; right: -10%;\n  width: 50%; height: 150%;\n  background: radial-gradient(ellipse, rgba(190,21,34,0.2) 0%, transparent 65%);\n  filter: blur(40px);\n  pointer-events: none;\n}\n\n#hs-process .cta-block-left {\n  position: relative; z-index: 1;\n}\n#hs-process .cta-block-left strong {\n  display: block;\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(18px, 1.8vw, 26px);\n  font-weight: 700;\n  color: #f0ede8;\n  letter-spacing: -0.02em;\n  margin-bottom: 6px;\n  line-height: 1.2;\n}\n#hs-process .cta-block-left p {\n  font-size: 13px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.45);\n  line-height: 1.6;\n}\n\n#hs-process .cta-block-right {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  position: relative; z-index: 1;\n}\n\n#hs-process .btn-p {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 13px 24px;\n  background: #BE1522;\n  border: none;\n  border-radius: 9px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  white-space: nowrap;\n  line-height: 1;\n  box-shadow: 0 2px 20px rgba(190,21,34,0.45), 0 1px 0 rgba(255,255,255,0.1) inset;\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-process .btn-p::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent 60%);\n  pointer-events: none;\n}\n#hs-process .btn-p:hover {\n  background: #d0181f;\n  box-shadow: 0 6px 28px rgba(190,21,34,0.55);\n  transform: translateY(-1px);\n}\n#hs-process .btn-p svg { position: relative; z-index: 1; transition: transform 0.18s; }\n#hs-process .btn-p:hover svg { transform: translateX(3px); }\n\n#hs-process .btn-s {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 13px 20px;\n  background: rgba(255,255,255,0.06);\n  border: 0.5px solid rgba(255,255,255,0.14);\n  border-radius: 9px;\n  color: rgba(255,255,255,0.55) !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  text-decoration: none !important;\n  cursor: pointer;\n  white-space: nowrap;\n  line-height: 1;\n  transition: all 0.18s;\n}\n#hs-process .btn-s:hover {\n  background: rgba(255,255,255,0.1);\n  border-color: rgba(255,255,255,0.25);\n  color: #fff !important;\n}\n\n\/* \u2500\u2500 TRUST NOTES \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#hs-process .trust {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  margin-top: 16px;\n  flex-wrap: wrap;\n}\n#hs-process .trust-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: rgba(0,0,0,0.38);\n}\n#hs-process .trust-item svg {\n  width: 14px; height: 14px;\n  stroke: #BE1522;\n  fill: none;\n  stroke-width: 2;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-process .steps {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  #hs-process .steps::before { display: none; }\n  #hs-process .step {\n    flex-direction: row;\n    gap: 20px;\n    padding: 0;\n  }\n  #hs-process .step-num { flex-shrink: 0; }\n  #hs-process .cta-block {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 24px;\n  }\n  #hs-process .cta-block-right {\n    flex-direction: column;\n    align-items: stretch;\n    width: 100%;\n  }\n  #hs-process .btn-p,\n  #hs-process .btn-s { justify-content: center; }\n  #hs-process h2 { font-size: clamp(24px, 6vw, 38px); }\n  #hs-process .header { margin-bottom: 40px; }\n}\n\n@media (max-width: 480px) {\n  #hs-process .trust { gap: 14px; }\n}\n<\/style>\n\n<div id=\"hs-process\">\n\n  <!-- Header -->\n  <div class=\"header\">\n    <div class=\"eyebrow\">\n      <div class=\"pip\"><\/div>\n      <span>Der Prozess<\/span>\n    <\/div>\n    <h2>Drei Schritte.<br><em>Kein Overhead.<\/em><\/h2>\n    <p class=\"header-sub\">\n      Von der ersten Anfrage bis zur fertigen Folge \u2013 wir halten den Prozess so einfach wie m\u00f6glich. Keine langen Onboardings, kein Ping-Pong per E-Mail.\n    <\/p>\n  <\/div>\n\n  <!-- Steps -->\n  <div class=\"steps\">\n\n    <!-- Schritt 01 -->\n    <div class=\"step\">\n      <div class=\"step-num\"><span>01<\/span><\/div>\n      <div class=\"step-body\">\n        <div class=\"step-tag\">\n          <svg viewbox=\"0 0 24 24\" width=\"10\" height=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.42 2 2 0 0 1 3.6 1.25h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.84a16 16 0 0 0 6.29 6.29l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n          <\/svg>\n          Anfrage & Beratung\n        <\/div>\n        <div class=\"step-title\">Contact us<\/div>\n        <p class=\"step-text\">\n          Ihr f\u00fcllt das kurze Formular aus. Wir melden uns innerhalb von <em>24 hours<\/em> \u2013 nicht automatisch, sondern mit einem echten Gespr\u00e4ch \u00fcber euren Bedarf.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Schritt 02 -->\n    <div class=\"step\">\n      <div class=\"step-num\"><span>02<\/span><\/div>\n      <div class=\"step-body\">\n        <div class=\"step-tag\">\n          <svg viewbox=\"0 0 24 24\" width=\"10\" height=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n            <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n          <\/svg>\n          Studiobesuch\n        <\/div>\n        <div class=\"step-title\">Studio kennenlernen<\/div>\n        <p class=\"step-text\">\n          Ihr kommt ins Studio, seht die R\u00e4ume, kl\u00e4rt Format und Frequenz. <em>Kein Kauf notwendig<\/em> \u2013 aber wer einmal hier war, will fast immer starten.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Schritt 03 -->\n    <div class=\"step\">\n      <div class=\"step-num\"><span>03<\/span><\/div>\n      <div class=\"step-body\">\n        <div class=\"step-tag\">\n          <svg viewbox=\"0 0 24 24\" width=\"10\" height=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <polyline points=\"20 6 9 17 4 12\"\/>\n          <\/svg>\n          Testaufnahme\n        <\/div>\n        <div class=\"step-title\">Erste Aufnahme & Entscheidung<\/div>\n        <p class=\"step-text\">\n          Erste Aufnahme, erstes Ergebnis. Danach entscheidet ihr, ob ein Retainer Sinn macht. <em>Kein Druck. Kein Risiko.<\/em>\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- CTA Block -->\n  <div class=\"cta-block\">\n    <div class=\"cta-block-left\">\n      <strong>Bereit f\u00fcr den ersten Schritt?<\/strong>\n      <p>Paket in 2 Minuten konfigurieren \u2013 wir melden uns innerhalb von 24 Stunden.<\/p>\n    <\/div>\n    <div class=\"cta-block-right\">\n      <a href=\"\/en\/80-20-formular\/\" class=\"btn-p\">\n        Paket konfigurieren\n        <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"#studios\" class=\"btn-s\">Studio ansehen<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Trust notes -->\n  <div class=\"trust\">\n    <div class=\"trust-item\">\n      <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      Erstgespr\u00e4ch kostenlos\n    <\/div>\n    <div class=\"trust-item\">\n      <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      Testaufnahme m\u00f6glich\n    <\/div>\n    <div class=\"trust-item\">\n      <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      Kein Abo, kein Risiko\n    <\/div>\n    <div class=\"trust-item\">\n      <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      Antwort in 24h garantiert\n    <\/div>\n  <\/div>\n\n<\/div>\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-869bd6e e-flex e-con-boxed e-con e-parent\" data-id=\"869bd6e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc553e4 elementor-widget elementor-widget-html\" data-id=\"dc553e4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-testimonials, #hs-testimonials * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-testimonials {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  color: #f0ede8;\n}\n\n\/* \u2500\u2500 HEADER \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#hs-testimonials .header {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: end;\n  margin-bottom: 48px;\n}\n\n#hs-testimonials .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-testimonials .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.4);\n  flex-shrink: 0;\n  animation: hs-pip-t 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip-t {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.4; transform: scale(0.6); }\n}\n#hs-testimonials .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n#hs-testimonials h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.8vw, 44px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n}\n#hs-testimonials h2 em {\n  font-style: normal;\n  color: #BE1522;\n}\n\n#hs-testimonials .header-right {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  justify-content: flex-end;\n}\n#hs-testimonials .header-sub {\n  font-size: clamp(13px, 1vw, 15px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n\/* Rating summary *\/\n#hs-testimonials .rating-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n#hs-testimonials .stars {\n  display: flex;\n  gap: 3px;\n}\n#hs-testimonials .stars span {\n  color: #BE1522;\n  font-size: 16px;\n  line-height: 1;\n}\n#hs-testimonials .rating-text {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n}\n#hs-testimonials .rating-text strong {\n  color: #f0ede8;\n  font-weight: 600;\n}\n\n\/* \u2500\u2500 GRID \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#hs-testimonials .grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n\/* Featured card (spans 2 cols) *\/\n#hs-testimonials .grid-featured {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 CARD BASE \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#hs-testimonials .t-card {\n  background: rgba(255,255,255,0.03);\n  border: 0.5px solid rgba(255,255,255,0.08);\n  border-radius: 14px;\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  position: relative;\n  overflow: hidden;\n  transition: border-color 0.2s, background 0.2s, transform 0.2s;\n}\n#hs-testimonials .t-card:hover {\n  border-color: rgba(190,21,34,0.3);\n  background: rgba(255,255,255,0.05);\n  transform: translateY(-2px);\n}\n\n\/* Red top accent on hover *\/\n#hs-testimonials .t-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 2px;\n  background: #BE1522;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.25s;\n}\n#hs-testimonials .t-card:hover::before { transform: scaleX(1); }\n\n\/* Featured card *\/\n#hs-testimonials .t-card.featured {\n  background: #111;\n  border-color: rgba(255,255,255,0.06);\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 24px;\n  align-items: center;\n}\n#hs-testimonials .t-card.featured:hover {\n  border-color: rgba(190,21,34,0.3);\n  box-shadow: 0 8px 40px rgba(0,0,0,0.2);\n}\n\n\/* Glow inside featured *\/\n#hs-testimonials .t-card.featured::after {\n  content: '';\n  position: absolute;\n  top: -20%; right: -10%;\n  width: 50%; height: 150%;\n  background: radial-gradient(ellipse, rgba(190,21,34,0.14) 0%, transparent 65%);\n  filter: blur(30px);\n  pointer-events: none;\n}\n\n\/* Quote mark *\/\n#hs-testimonials .quote-mark {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 64px;\n  font-weight: 800;\n  line-height: 0.8;\n  color: rgba(190,21,34,0.12);\n  margin-bottom: -8px;\n  user-select: none;\n}\n#hs-testimonials .t-card.featured .quote-mark {\n  color: rgba(190,21,34,0.2);\n}\n\n\/* Stars *\/\n#hs-testimonials .t-stars {\n  display: flex;\n  gap: 2px;\n}\n#hs-testimonials .t-stars span {\n  color: #BE1522;\n  font-size: 13px;\n  line-height: 1;\n}\n\n\/* Text *\/\n#hs-testimonials .t-text {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.5);\n  flex: 1;\n}\n#hs-testimonials .t-text em {\n  font-style: normal;\n  color: #f0ede8;\n  font-weight: 400;\n}\n#hs-testimonials .t-card.featured .t-text {\n  color: rgba(255,255,255,0.55);\n  font-size: 15px;\n}\n#hs-testimonials .t-card.featured .t-text em {\n  color: #f0ede8;\n}\n\n\/* Author *\/\n#hs-testimonials .t-author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-top: 16px;\n  border-top: 0.5px solid rgba(255,255,255,0.07);\n}\n#hs-testimonials .t-card.featured .t-author {\n  border-top-color: rgba(255,255,255,0.08);\n}\n\n#hs-testimonials .t-avatar {\n  width: 38px; height: 38px;\n  border-radius: 50%;\n  background: rgba(190,21,34,0.12);\n  border: 1px solid rgba(190,21,34,0.25);\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  color: #BE1522;\n  flex-shrink: 0;\n}\n#hs-testimonials .t-card.featured .t-avatar {\n  background: rgba(190,21,34,0.18);\n  border-color: rgba(190,21,34,0.35);\n}\n\n#hs-testimonials .t-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: #f0ede8;\n  line-height: 1.2;\n}\n#hs-testimonials .t-card.featured .t-name { color: #f0ede8; }\n\n#hs-testimonials .t-role {\n  font-size: 11px;\n  color: rgba(255,255,255,0.3);\n  margin-top: 2px;\n}\n#hs-testimonials .t-card.featured .t-role { color: rgba(255,255,255,0.35); }\n\n\/* Featured right side \u2013 large quote *\/\n#hs-testimonials .featured-right {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n  flex-shrink: 0;\n  position: relative; z-index: 1;\n}\n#hs-testimonials .featured-num {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 72px;\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  line-height: 1;\n  color: rgba(255,255,255,0.06);\n}\n#hs-testimonials .featured-label {\n  font-size: 10px;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.2);\n  text-align: right;\n}\n#hs-testimonials .featured-left { position: relative; z-index: 1; }\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-testimonials .header {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  #hs-testimonials .grid {\n    grid-template-columns: 1fr;\n  }\n  #hs-testimonials .t-card.featured {\n    grid-template-columns: 1fr;\n  }\n  #hs-testimonials .featured-right { display: none; }\n  #hs-testimonials h2 { font-size: clamp(24px, 6vw, 38px); }\n}\n<\/style>\n\n<div id=\"hs-testimonials\">\n\n  <!-- Header -->\n  <div class=\"header\">\n    <div>\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>Testimonials<\/span>\n      <\/div>\n      <h2>Nicht versprochen.<br><em>Erlebt.<\/em><\/h2>\n    <\/div>\n    <div class=\"header-right\">\n      <p class=\"header-sub\">\n        Was unsere Kunden sagen, nachdem sie das erste Mal im Studio waren \u2013 und warum die meisten wiederkommen.\n      <\/p>\n      <div class=\"rating-row\">\n        <div class=\"stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <p class=\"rating-text\"><strong>5,0<\/strong> \u00b7 \u00fcber 50 Bewertungen auf Google<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Featured Testimonial -->\n  <div class=\"grid-featured\">\n    <div class=\"t-card featured\">\n      <div class=\"featured-left\">\n        <div class=\"t-stars\">\n          <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n        <\/div>\n        <div class=\"quote-mark\">\"<\/div>\n        <p class=\"t-text\">\n          Die Podcast-Studios in den high.studios sind ein absoluter Gamechanger! Die Technik ist erstklassig, die Akustik perfekt, und das Beste: <em>alles l\u00e4uft super smooth.<\/em> 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 \u2013 <em>klare Empfehlung!<\/em>\n        <\/p>\n        <div class=\"t-author\">\n          <div class=\"t-avatar\">EG<\/div>\n          <div>\n            <div class=\"t-name\">Elias El Gharbaouie<\/div>\n            <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrer \u00b7 Suyana GmbH<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"featured-right\">\n        <div class=\"featured-num\">5.0<\/div>\n        <div class=\"featured-label\">Google<br>Bewertung<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 2-Column Grid -->\n  <div class=\"grid\">\n\n    <div class=\"t-card\">\n      <div class=\"t-stars\">\n        <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n      <\/div>\n      <div class=\"quote-mark\">\"<\/div>\n      <p class=\"t-text\">\n        In eurem Podcast-Raum f\u00fchlt man sich wie in einem <em>Safe Space.<\/em> Die perfekte Atmosph\u00e4re f\u00fcr unsere Podcast-Folge.\n      <\/p>\n      <div class=\"t-author\">\n        <div class=\"t-avatar\">KS<\/div>\n        <div>\n          <div class=\"t-name\">Katrin Stockinger<\/div>\n          <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrerin \u00b7 Noles<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"t-card\">\n      <div class=\"t-stars\">\n        <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n      <\/div>\n      <div class=\"quote-mark\">\"<\/div>\n      <p class=\"t-text\">\n        Hands down ein echter <em>One-Stop-Shop<\/em> f\u00fcr die Produktion von geilem Content! Vor allem Video, Bild und Audio. Kann ich sehr empfehlen. Philipp und sein ganzes Team sind mega.\n      <\/p>\n      <div class=\"t-author\">\n        <div class=\"t-avatar\">TS<\/div>\n        <div>\n          <div class=\"t-name\">Tobias Schmitz<\/div>\n          <div class=\"t-role\">Content Creator \u00b7 K\u00f6ln<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"t-card\">\n      <div class=\"t-stars\">\n        <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n      <\/div>\n      <div class=\"quote-mark\">\"<\/div>\n      <p class=\"t-text\">\n        Hoch professionelle Videografie und eine tolle Kommunikation. <em>Genau das, was wir gesucht haben!<\/em>\n      <\/p>\n      <div class=\"t-author\">\n        <div class=\"t-avatar\">TH<\/div>\n        <div>\n          <div class=\"t-name\">Thilo Homes<\/div>\n          <div class=\"t-role\">Unternehmer<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"t-card\">\n      <div class=\"t-stars\">\n        <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\n      <\/div>\n      <div class=\"quote-mark\">\"<\/div>\n      <p class=\"t-text\">\n        Sehr professionelle Videoproduktion inkl. Hohlkehle, Podcaststudio und mehr. Kann mir gut vorstellen, dass das <em>eines der besten Videostudios in K\u00f6ln und Umgebung ist.<\/em>\n      <\/p>\n      <div class=\"t-author\">\n        <div class=\"t-avatar\">PK<\/div>\n        <div>\n          <div class=\"t-name\">Philip Kistner<\/div>\n          <div class=\"t-role\">Gesch\u00e4ftsf\u00fchrer \u00b7 vimabu<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\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-89be0e4 e-flex e-con-boxed e-con e-parent\" data-id=\"89be0e4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc45565 elementor-widget elementor-widget-html\" data-id=\"cc45565\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-team, #hs-team * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-team {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n}\n\n\/* \u2500\u2500 HEADER \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#hs-team .header {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: end;\n  margin-bottom: 48px;\n}\n\n#hs-team .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-team .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.7);\n  flex-shrink: 0;\n  animation: hs-pip-tm 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip-tm {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.35; transform: scale(0.6); }\n}\n#hs-team .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n#hs-team h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.8vw, 44px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n}\n#hs-team h2 em {\n  font-style: normal;\n  color: #BE1522;\n  text-shadow: 0 0 32px rgba(190,21,34,0.3);\n}\n\n#hs-team .header-sub {\n  font-size: clamp(13px, 1vw, 15px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n\/* \u2500\u2500 TEAM GRID \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#hs-team .grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n\n\/* \u2500\u2500 TEAM CARD \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#hs-team .member {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  background: rgba(255,255,255,0.025);\n  border: 0.5px solid rgba(255,255,255,0.07);\n  transition: border-color 0.22s, transform 0.22s;\n}\n#hs-team .member:hover {\n  border-color: rgba(190,21,34,0.3);\n  transform: translateY(-3px);\n}\n\n\/* Photo area *\/\n#hs-team .member-photo {\n  position: relative;\n  aspect-ratio: 1\/1;\n  background: #111;\n  overflow: hidden;\n}\n\n#hs-team .member-photo img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n  filter: grayscale(20%);\n  transition: filter 0.3s, transform 0.3s;\n}\n#hs-team .member:hover .member-photo img {\n  filter: grayscale(0%);\n  transform: scale(1.04);\n}\n\n\/* Placeholder avatar *\/\n#hs-team .member-ph {\n  position: absolute; inset: 0;\n  display: flex; align-items: center; justify-content: center;\n  background: linear-gradient(135deg, #141414 0%, #0a0a0a 100%);\n}\n#hs-team .member-ph .initials {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 32px;\n  font-weight: 800;\n  color: rgba(190,21,34,0.25);\n  letter-spacing: -0.02em;\n}\n\n\/* Gradient overlay on photo *\/\n#hs-team .member-photo::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 50%;\n  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);\n  pointer-events: none;\n}\n\n\/* Red accent line on hover *\/\n#hs-team .member::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n  background: #BE1522;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.25s;\n}\n#hs-team .member:hover::after { transform: scaleX(1); }\n\n\/* Card body *\/\n#hs-team .member-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n#hs-team .member-name {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: #f0ede8;\n  line-height: 1.2;\n}\n#hs-team .member-role {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.35);\n  letter-spacing: 0.04em;\n}\n\n\/* \u2500\u2500 PHILIPP FEATURE CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-team .founder-card {\n  grid-column: span 2;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  border-radius: 12px;\n  overflow: hidden;\n  background: rgba(255,255,255,0.025);\n  border: 0.5px solid rgba(190,21,34,0.2);\n  position: relative;\n  transition: border-color 0.22s, transform 0.22s;\n}\n#hs-team .founder-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1.5px;\n  background: linear-gradient(to right, #BE1522, transparent);\n}\n#hs-team .founder-card:hover {\n  border-color: rgba(190,21,34,0.45);\n  transform: translateY(-3px);\n}\n\n#hs-team .founder-photo {\n  position: relative;\n  background: #111;\n  overflow: hidden;\n}\n#hs-team .founder-photo img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n  transition: transform 0.3s;\n}\n#hs-team .founder-card:hover .founder-photo img { transform: scale(1.04); }\n#hs-team .founder-photo::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, transparent 60%, rgba(0,0,0,0.4));\n  pointer-events: none;\n}\n\n#hs-team .founder-body {\n  padding: 28px 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 16px;\n  position: relative;\n  overflow: hidden;\n}\n#hs-team .founder-body::before {\n  content: '';\n  position: absolute;\n  top: -30%; right: -20%;\n  width: 60%; height: 140%;\n  background: radial-gradient(ellipse, rgba(190,21,34,0.1) 0%, transparent 65%);\n  filter: blur(30px);\n  pointer-events: none;\n}\n\n#hs-team .founder-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: rgba(190,21,34,0.8);\n  background: rgba(190,21,34,0.1);\n  border: 0.5px solid rgba(190,21,34,0.2);\n  border-radius: 4px;\n  padding: 4px 9px;\n  width: fit-content;\n}\n\n#hs-team .founder-name {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(20px, 1.8vw, 28px);\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: #f0ede8;\n  line-height: 1.1;\n  position: relative; z-index: 1;\n}\n\n#hs-team .founder-title {\n  font-size: 12px;\n  color: rgba(255,255,255,0.4);\n  position: relative; z-index: 1;\n}\n\n#hs-team .founder-quote {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.65;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 12px;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-team .header { grid-template-columns: 1fr; gap: 24px; }\n  #hs-team .grid { grid-template-columns: repeat(2, 1fr); }\n  #hs-team .founder-card { grid-column: span 2; grid-template-columns: 1fr; }\n  #hs-team .founder-photo { aspect-ratio: 1\/1; }\n  #hs-team .founder-photo::after { background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); }\n  #hs-team h2 { font-size: clamp(24px, 6vw, 38px); }\n}\n@media (max-width: 480px) {\n  #hs-team .grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n  #hs-team .founder-card { grid-column: span 2; }\n}\n<\/style>\n\n<div id=\"hs-team\">\n\n  <div class=\"header\">\n    <div>\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>Das Team<\/span>\n      <\/div>\n      <h2>Kein anonymes Studio.<br><em>Ein echtes Team.<\/em><\/h2>\n    <\/div>\n    <p class=\"header-sub\">\n      Bei high.studios arbeitet ihr immer mit denselben Menschen. Das bedeutet keine Einarbeitungszeit, keine Qualit\u00e4tsschwankungen, kein Brief von vorne erkl\u00e4ren. Ihr kommt rein \u2013 wir wissen, was ihr braucht.\n    <\/p>\n  <\/div>\n\n  <div class=\"grid\">\n\n    <!-- Philipp \u2013 Featured -->\n    <div class=\"founder-card\">\n      <div class=\"founder-photo\">\n        <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team.webp\" alt=\"Philipp Kaul\">\n      <\/div>\n      <div class=\"founder-body\">\n        <div class=\"founder-tag\">Gr\u00fcnder<\/div>\n        <div class=\"founder-name\">Philipp Kaul<\/div>\n        <div class=\"founder-title\">Gesch\u00e4ftsf\u00fchrer \u00b7 high.media GmbH<\/div>\n        <p class=\"founder-quote\">\n          Ich habe high.studios gebaut, weil ich gesehen habe, wie viel Zeit und Geld Unternehmen mit ineffizienter Content-Produktion verbrennen. Das geht besser.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Thimo -->\n    <div class=\"member\">\n      <div class=\"member-photo\">\n        <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05677_kreis_scaled-1024x1024.png\" alt=\"Thimo Frers\">\n      <\/div>\n      <div class=\"member-body\">\n        <div class=\"member-name\">Thimo Frers<\/div>\n        <div class=\"member-role\">Creative team<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Marcel -->\n    <div class=\"member\">\n      <div class=\"member-photo\">\n        <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05591_kreis_scaled-1024x1024.png\" alt=\"Marcel Widenka\">\n      <\/div>\n      <div class=\"member-body\">\n        <div class=\"member-name\">Marcel Widenka<\/div>\n        <div class=\"member-role\">Creative team<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Nina \u2013 kein Foto -->\n    <div class=\"member\">\n      <div class=\"member-photo\">\n        <div class=\"member-ph\"><span class=\"initials\">NS<\/span><\/div>\n      <\/div>\n      <div class=\"member-body\">\n        <div class=\"member-name\">Nina Schwien<\/div>\n        <div class=\"member-role\">Studio Management<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Georg -->\n    <div class=\"member\">\n      <div class=\"member-photo\">\n        <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05414_kreis_scaled-300x300.png\" alt=\"Georg Brinkmann\">\n      <\/div>\n      <div class=\"member-body\">\n        <div class=\"member-name\">Georg Brinkmann<\/div>\n        <div class=\"member-role\">Creative team<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Sean -->\n    <div class=\"member\">\n      <div class=\"member-photo\">\n        <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05476_kreis_scaled-300x300.png\" alt=\"Sean Witzke\">\n      <\/div>\n      <div class=\"member-body\">\n        <div class=\"member-name\">Sean Witzke<\/div>\n        <div class=\"member-role\">Creative team<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Talea -->\n    <div class=\"member\">\n      <div class=\"member-photo\">\n        <img decoding=\"async\" src=\"https:\/\/high-group.de\/wp-content\/uploads\/2026\/02\/DSC05558_kreis_scaled-300x300.png\" alt=\"Talea Golenia\">\n      <\/div>\n      <div class=\"member-body\">\n        <div class=\"member-name\">Talea Golenia<\/div>\n        <div class=\"member-role\">Studio Management<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\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-c1706c0 e-flex e-con-boxed e-con e-parent\" data-id=\"c1706c0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddd6885 elementor-widget elementor-widget-html\" data-id=\"ddd6885\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-cta, #hs-cta * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-cta {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n}\n\n\/* \u2500\u2500 MAIN BLOCK \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#hs-cta .block {\n  position: relative;\n  border-radius: 16px;\n  overflow: hidden;\n  background: #111;\n  border: 0.5px solid rgba(255,255,255,0.07);\n  padding: 64px 56px;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 48px;\n  align-items: center;\n}\n\n\/* Background grid texture *\/\n#hs-cta .block::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n  background-size: 60px 60px;\n  pointer-events: none;\n  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 100%);\n}\n\n\/* Red glow top right *\/\n#hs-cta .glow {\n  position: absolute;\n  top: -30%; right: -10%;\n  width: 55%; height: 150%;\n  background: radial-gradient(ellipse at 65% 30%, rgba(190,21,34,0.22) 0%, transparent 60%);\n  filter: blur(60px);\n  pointer-events: none;\n  z-index: 0;\n}\n\/* Subtle glow bottom left *\/\n#hs-cta .glow2 {\n  position: absolute;\n  bottom: -20%; left: -5%;\n  width: 40%; height: 100%;\n  background: radial-gradient(ellipse at 30% 80%, rgba(190,21,34,0.08) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u2500\u2500 LEFT CONTENT \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#hs-cta .left {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n#hs-cta .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n}\n#hs-cta .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 8px rgba(190,21,34,0.8);\n  flex-shrink: 0;\n  animation: hs-pip-cta 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip-cta {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.35; transform: scale(0.6); }\n}\n#hs-cta .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n#hs-cta h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(28px, 3vw, 52px);\n  font-weight: 800;\n  line-height: 1.0;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n}\n#hs-cta h2 em {\n  font-style: normal;\n  color: #BE1522;\n  text-shadow: 0 0 40px rgba(190,21,34,0.4);\n}\n\n#hs-cta .sub {\n  font-size: clamp(13px, 1.05vw, 15px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  max-width: 520px;\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n\/* Trust items *\/\n#hs-cta .trust {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n#hs-cta .trust-item {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 12px;\n  color: rgba(255,255,255,0.38);\n}\n#hs-cta .trust-item svg {\n  width: 14px; height: 14px;\n  stroke: #BE1522;\n  fill: none;\n  stroke-width: 2.5;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 RIGHT CONTENT \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#hs-cta .right {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: stretch;\n  min-width: 220px;\n}\n\n#hs-cta .btn-p {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 16px 28px;\n  background: #BE1522;\n  border: none;\n  border-radius: 10px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  line-height: 1;\n  box-shadow:\n    0 2px 0 rgba(0,0,0,0.3) inset,\n    0 4px 28px rgba(190,21,34,0.45),\n    0 1px 0 rgba(255,255,255,0.12) inset;\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-cta .btn-p::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent 60%);\n  pointer-events: none;\n}\n#hs-cta .btn-p:hover {\n  background: #d0181f;\n  box-shadow: 0 8px 36px rgba(190,21,34,0.6), 0 1px 0 rgba(255,255,255,0.12) inset;\n  transform: translateY(-2px);\n}\n#hs-cta .btn-p svg { position: relative; z-index: 1; transition: transform 0.18s; }\n#hs-cta .btn-p:hover svg { transform: translateX(3px); }\n\n#hs-cta .btn-s {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 14px 24px;\n  background: rgba(255,255,255,0.04);\n  border: 0.5px solid rgba(255,255,255,0.12);\n  border-radius: 10px;\n  color: rgba(255,255,255,0.5) !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  text-decoration: none !important;\n  cursor: pointer;\n  line-height: 1;\n  transition: all 0.18s;\n}\n#hs-cta .btn-s:hover {\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(255,255,255,0.22);\n  color: #f0ede8 !important;\n}\n\n\/* Micro copy *\/\n#hs-cta .micro {\n  text-align: center;\n  font-size: 11px;\n  color: rgba(255,255,255,0.22);\n  line-height: 1.5;\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-cta .block {\n    grid-template-columns: 1fr;\n    padding: 44px 32px;\n    gap: 36px;\n  }\n  #hs-cta .right { min-width: unset; }\n  #hs-cta h2 { font-size: clamp(26px, 6.5vw, 40px); }\n}\n\n@media (max-width: 480px) {\n  #hs-cta .block { padding: 36px 24px; }\n  #hs-cta .trust { gap: 12px; }\n}\n<\/style>\n\n<div id=\"hs-cta\">\n  <div class=\"block\">\n    <div class=\"glow\"><\/div>\n    <div class=\"glow2\"><\/div>\n\n    <!-- Left -->\n    <div class=\"left\">\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>Jetzt starten<\/span>\n      <\/div>\n\n      <h2>Bereit f\u00fcr euer<br><em>Content-System?<\/em><\/h2>\n\n      <p class=\"sub\">\n        Konfiguriert euer Paket in 2 Minuten. Wir melden uns innerhalb von 24 Stunden \u2013 pers\u00f6nlich, nicht automatisch.\n      <\/p>\n\n      <div class=\"trust\">\n        <div class=\"trust-item\">\n          <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          Erstgespr\u00e4ch kostenlos\n        <\/div>\n        <div class=\"trust-item\">\n          <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          Testaufnahme m\u00f6glich\n        <\/div>\n        <div class=\"trust-item\">\n          <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          Kein Risiko, kein Abo\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right -->\n    <div class=\"right\">\n      <a href=\"\/en\/80-20-formular\/\" class=\"btn-p\">\n        Paket konfigurieren\n        <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"#studios\" class=\"btn-s\">\n        Studio ansehen\n      <\/a>\n      <p class=\"micro\">Antwort in 24h garantiert<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\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-b1402ac e-flex e-con-boxed e-con e-parent\" data-id=\"b1402ac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec9977 elementor-widget elementor-widget-html\" data-id=\"4ec9977\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-faq, #hs-faq * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-faq {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n}\n\n\/* \u2500\u2500 HEADER \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#hs-faq .header {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: end;\n  margin-bottom: 48px;\n}\n\n#hs-faq .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 16px;\n}\n#hs-faq .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 7px rgba(190,21,34,0.7);\n  flex-shrink: 0;\n  animation: hs-pip-faq 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip-faq {\n  0%,100% { opacity: 1; transform: scale(1); }\n  50%      { opacity: 0.35; transform: scale(0.6); }\n}\n#hs-faq .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n#hs-faq h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(26px, 2.8vw, 44px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n}\n#hs-faq h2 em {\n  font-style: normal;\n  color: #BE1522;\n  text-shadow: 0 0 32px rgba(190,21,34,0.3);\n}\n\n#hs-faq .header-right {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  justify-content: flex-end;\n}\n\n#hs-faq .header-sub {\n  font-size: clamp(13px, 1vw, 15px);\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n  border-left: 1.5px solid rgba(190,21,34,0.4);\n  padding-left: 16px;\n}\n\n#hs-faq .header-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 11px 22px;\n  background: transparent;\n  border: 0.5px solid rgba(255,255,255,0.12);\n  border-radius: 9px;\n  color: rgba(255,255,255,0.5) !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  text-decoration: none !important;\n  cursor: pointer;\n  width: fit-content;\n  transition: all 0.18s;\n}\n#hs-faq .header-cta:hover {\n  border-color: rgba(255,255,255,0.22);\n  color: #f0ede8 !important;\n  background: rgba(255,255,255,0.04);\n}\n\n\/* \u2500\u2500 ACCORDION \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#hs-faq .accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  border: 0.5px solid rgba(255,255,255,0.07);\n  border-radius: 14px;\n  overflow: hidden;\n}\n\n#hs-faq .faq-item {\n  border-bottom: 0.5px solid rgba(255,255,255,0.06);\n  position: relative;\n}\n#hs-faq .faq-item:last-child { border-bottom: none; }\n\n\/* Active item highlight *\/\n#hs-faq .faq-item.active {\n  background: rgba(190,21,34,0.04);\n}\n#hs-faq .faq-item.active::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 0; bottom: 0;\n  width: 2px;\n  background: linear-gradient(to bottom, #BE1522, rgba(190,21,34,0.2));\n}\n\n\/* Question row *\/\n#hs-faq .faq-q {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 22px 24px;\n  cursor: pointer;\n  transition: background 0.18s;\n  user-select: none;\n}\n#hs-faq .faq-q:hover { background: rgba(255,255,255,0.02); }\n#hs-faq .faq-item.active .faq-q:hover { background: transparent; }\n\n#hs-faq .faq-q-text {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.75);\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  transition: color 0.18s;\n}\n#hs-faq .faq-item.active .faq-q-text { color: #f0ede8; }\n\n\/* Icon *\/\n#hs-faq .faq-icon {\n  width: 28px; height: 28px;\n  border-radius: 50%;\n  border: 0.5px solid rgba(255,255,255,0.1);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: all 0.22s;\n  background: rgba(255,255,255,0.03);\n}\n#hs-faq .faq-item.active .faq-icon {\n  border-color: rgba(190,21,34,0.4);\n  background: rgba(190,21,34,0.1);\n}\n#hs-faq .faq-icon svg {\n  width: 12px; height: 12px;\n  stroke: rgba(255,255,255,0.4);\n  fill: none;\n  stroke-width: 2.5;\n  transition: transform 0.25s, stroke 0.18s;\n}\n#hs-faq .faq-item.active .faq-icon svg {\n  transform: rotate(45deg);\n  stroke: #BE1522;\n}\n\n\/* Answer *\/\n#hs-faq .faq-a {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.35s ease, padding 0.25s ease;\n}\n#hs-faq .faq-item.active .faq-a {\n  max-height: 300px;\n}\n\n#hs-faq .faq-a-inner {\n  padding: 0 24px 22px 24px;\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.45);\n}\n#hs-faq .faq-a-inner em {\n  font-style: normal;\n  color: rgba(255,255,255,0.72);\n  font-weight: 400;\n}\n#hs-faq .faq-a-inner a {\n  color: #BE1522;\n  text-decoration: none;\n  border-bottom: 0.5px solid rgba(190,21,34,0.3);\n  transition: border-color 0.15s;\n}\n#hs-faq .faq-a-inner a:hover { border-color: #BE1522; }\n\n\/* \u2500\u2500 CONTACT NUDGE \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#hs-faq .nudge {\n  margin-top: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 20px 24px;\n  background: rgba(255,255,255,0.025);\n  border: 0.5px solid rgba(255,255,255,0.07);\n  border-radius: 12px;\n}\n#hs-faq .nudge-text {\n  font-size: 13px;\n  color: rgba(255,255,255,0.38);\n}\n#hs-faq .nudge-text strong {\n  display: block;\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 2px;\n}\n#hs-faq .nudge-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 20px;\n  background: #BE1522;\n  border: none;\n  border-radius: 8px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  white-space: nowrap;\n  flex-shrink: 0;\n  box-shadow: 0 2px 16px rgba(190,21,34,0.35);\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-faq .nudge-btn::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent 60%);\n  pointer-events: none;\n}\n#hs-faq .nudge-btn:hover {\n  background: #d0181f;\n  box-shadow: 0 4px 24px rgba(190,21,34,0.5);\n  transform: translateY(-1px);\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 900px) {\n  #hs-faq .header {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  #hs-faq .nudge {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n  }\n  #hs-faq .nudge-btn { width: 100%; justify-content: center; }\n  #hs-faq h2 { font-size: clamp(24px, 6vw, 38px); }\n}\n<\/style>\n\n<div id=\"hs-faq\">\n\n  <!-- Header -->\n  <div class=\"header\">\n    <div>\n      <div class=\"eyebrow\">\n        <div class=\"pip\"><\/div>\n        <span>FAQ<\/span>\n      <\/div>\n      <h2>H\u00e4ufige Fragen.<br><em>Ehrliche Antworten.<\/em><\/h2>\n    <\/div>\n    <div class=\"header-right\">\n      <p class=\"header-sub\">\n        Alles was ihr wissen m\u00fcsst, bevor ihr bucht. Wenn eure Frage nicht dabei ist, meldet euch einfach direkt.\n      <\/p>\n      <a href=\"\/en\/80-20-formular\/\" class=\"header-cta\">\n        Weitere Fragen stellen \u2192\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Accordion -->\n  <div class=\"accordion\" id=\"hs-faq-acc\">\n\n    <div class=\"faq-item active\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">Muss ich eigenes Equipment mitbringen?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          Nein. Das Studio ist <em>vollst\u00e4ndig ausgestattet<\/em> \u2013 inklusive Kameras, Mikrofone, Licht und Monitoring. Ihr bringt euren Inhalt, wir bringen den Rest.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">Wie lange dauert eine typische Session?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          Die meisten Teams kommen f\u00fcr <em>2\u20134 Stunden.<\/em> In dieser Zeit entsteht eine Longform-Folge und mehrere Clips \u2013 je nach Schnittumfang. Die Mindestbuchung betr\u00e4gt 2 Stunden.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">Wie schnell bekomme ich die fertigen Dateien?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          <em>Innerhalb von 48 Stunden<\/em> nach der Aufnahme. Bei gr\u00f6\u00dferem Schnittvolumen stimmen wir den genauen Zeitplan vorab ab \u2013 keine \u00dcberraschungen.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">Was ist ein Retainer und muss ich einen abschlie\u00dfen?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          Nein. Ihr k\u00f6nnt auch einzelne Sessions buchen. Ein Retainer sichert euch <em>feste monatliche Slots<\/em> und einen rabattierten Preis \u2013 ideal f\u00fcr Teams, die regelm\u00e4\u00dfig produzieren. Exit-Option beim Jahresretainer nach Monat 3.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">K\u00f6nnen wir das Studio vorher besichtigen?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          Ja \u2013 und wir empfehlen es ausdr\u00fccklich. Kommt vorbei, seht euch alles an. <em>Keine Verpflichtung, kein Verkaufsgespr\u00e4ch.<\/em> Wer das Studio einmal gesehen hat, will fast immer starten.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">Produziert ihr auch f\u00fcr Teams ohne Podcast-Erfahrung?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          Absolut. Ein gro\u00dfer Teil unserer Kunden startet bei null. Wir f\u00fchren euch durch den Prozess \u2013 von der <em>Format-Entscheidung<\/em> bis zur ersten ver\u00f6ffentlichten Folge.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-q\" onclick=\"hsFaqToggle(this)\">\n        <span class=\"faq-q-text\">In welchen Formaten liefert ihr die fertigen Inhalte?<\/span>\n        <div class=\"faq-icon\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"faq-a\">\n        <p class=\"faq-a-inner\">\n          MP4 f\u00fcr Video, MP3 f\u00fcr Audio, <em>9:16 f\u00fcr Reels und Stories<\/em>, 16:9 f\u00fcr YouTube. Auf Wunsch auch plattformspezifisch aufbereitet und direkt upload-fertig.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Contact nudge -->\n  <div class=\"nudge\">\n    <div class=\"nudge-text\">\n      <strong>Noch eine Frage?<\/strong>\n      Wir antworten innerhalb von 24 Stunden \u2013 pers\u00f6nlich.\n    <\/div>\n    <a href=\"\/en\/80-20-formular\/\" class=\"nudge-btn\">\n      Request now\n      <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<script>\nfunction hsFaqToggle(el) {\n  var item = el.parentElement;\n  var acc  = document.getElementById('hs-faq-acc');\n  var isActive = item.classList.contains('active');\n  acc.querySelectorAll('.faq-item').forEach(function(i) {\n    i.classList.remove('active');\n  });\n  if (!isActive) item.classList.add('active');\n}\n<\/script>\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-5dc392c e-flex e-con-boxed e-con e-parent\" data-id=\"5dc392c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0302e7 elementor-widget elementor-widget-html\" data-id=\"d0302e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-final-cta, #hs-final-cta * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-final-cta {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  position: relative;\n  text-align: center;\n}\n\n\/* Background glows *\/\n#hs-final-cta .glow-c {\n  position: absolute;\n  top: -20%; left: 50%;\n  transform: translateX(-50%);\n  width: 70%; height: 120%;\n  background: radial-gradient(ellipse at 50% 40%, rgba(190,21,34,0.18) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* Grid texture *\/\n#hs-final-cta::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n  background-size: 60px 60px;\n  pointer-events: none;\n  z-index: 0;\n  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 100%);\n  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 100%);\n}\n\n\/* \u2500\u2500 CONTENT \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#hs-final-cta .inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 28px;\n  padding: 80px 0;\n}\n\n\/* Eyebrow *\/\n#hs-final-cta .eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n}\n#hs-final-cta .eyebrow .pip {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #BE1522;\n  box-shadow: 0 0 8px rgba(190,21,34,0.8);\n  flex-shrink: 0;\n  animation: hs-pip-fc 2.6s ease-in-out infinite;\n}\n@keyframes hs-pip-fc {\n  0%,100% { opacity: 1; transform: scale(1); box-shadow: 0 0 8px rgba(190,21,34,0.8); }\n  50%      { opacity: 0.35; transform: scale(0.6); box-shadow: 0 0 3px rgba(190,21,34,0.3); }\n}\n#hs-final-cta .eyebrow span {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n}\n\n\/* Headline *\/\n#hs-final-cta h2 {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: clamp(32px, 4vw, 64px);\n  font-weight: 800;\n  line-height: 1.0;\n  letter-spacing: -0.03em;\n  color: #f0ede8;\n  max-width: 760px;\n}\n#hs-final-cta h2 em {\n  font-style: normal;\n  color: #BE1522;\n  text-shadow: 0 0 48px rgba(190,21,34,0.4);\n}\n\n\/* Subline *\/\n#hs-final-cta .sub {\n  font-size: clamp(14px, 1.2vw, 17px);\n  font-weight: 300;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.42);\n  max-width: 520px;\n}\n\n\/* Buttons *\/\n#hs-final-cta .btns {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n#hs-final-cta .btn-p {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 16px 32px;\n  background: #BE1522;\n  border: none;\n  border-radius: 10px;\n  color: #fff !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  font-weight: 500;\n  text-decoration: none !important;\n  cursor: pointer;\n  line-height: 1;\n  box-shadow:\n    0 2px 0 rgba(0,0,0,0.3) inset,\n    0 6px 36px rgba(190,21,34,0.5),\n    0 1px 0 rgba(255,255,255,0.12) inset;\n  transition: all 0.18s;\n  position: relative;\n  overflow: hidden;\n}\n#hs-final-cta .btn-p::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(255,255,255,0.1), transparent 60%);\n  pointer-events: none;\n}\n#hs-final-cta .btn-p:hover {\n  background: #d0181f;\n  box-shadow: 0 10px 48px rgba(190,21,34,0.65), 0 1px 0 rgba(255,255,255,0.12) inset;\n  transform: translateY(-2px);\n}\n#hs-final-cta .btn-p svg { position: relative; z-index: 1; transition: transform 0.18s; }\n#hs-final-cta .btn-p:hover svg { transform: translateX(3px); }\n\n#hs-final-cta .btn-s {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 16px 26px;\n  background: rgba(255,255,255,0.04);\n  border: 0.5px solid rgba(255,255,255,0.12);\n  border-radius: 10px;\n  color: rgba(255,255,255,0.5) !important;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  text-decoration: none !important;\n  cursor: pointer;\n  line-height: 1;\n  transition: all 0.18s;\n  backdrop-filter: blur(4px);\n}\n#hs-final-cta .btn-s:hover {\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(255,255,255,0.22);\n  color: #f0ede8 !important;\n}\n\n\/* Trust strip *\/\n#hs-final-cta .trust {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n#hs-final-cta .trust-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: rgba(255,255,255,0.28);\n}\n#hs-final-cta .trust-item svg {\n  width: 13px; height: 13px;\n  stroke: #BE1522;\n  fill: none;\n  stroke-width: 2.5;\n  flex-shrink: 0;\n}\n#hs-final-cta .trust-sep {\n  width: 3px; height: 3px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.12);\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 768px) {\n  #hs-final-cta .inner { padding: 60px 0; gap: 24px; }\n  #hs-final-cta h2 { font-size: clamp(28px, 8vw, 44px); }\n  #hs-final-cta .sub { font-size: 14px; }\n}\n\n@media (max-width: 480px) {\n  #hs-final-cta .btns { flex-direction: column; align-items: stretch; width: 100%; }\n  #hs-final-cta .btn-p,\n  #hs-final-cta .btn-s { justify-content: center; }\n  #hs-final-cta .inner { padding: 48px 0; }\n}\n<\/style>\n\n<div id=\"hs-final-cta\">\n  <div class=\"glow-c\"><\/div>\n\n  <div class=\"inner\">\n\n    <div class=\"eyebrow\">\n      <div class=\"pip\"><\/div>\n      <span>Jetzt starten<\/span>\n    <\/div>\n\n    <h2>\n      Euer n\u00e4chster Drehtag.<br>\n      <em>Der ganze Monat bespielt.<\/em>\n    <\/h2>\n\n    <p class=\"sub\">\n      Startet noch heute mit eurem pers\u00f6nlichen Content-System. Konfiguriert euer Paket in 2 Minuten \u2013 wir melden uns innerhalb von 24 Stunden.\n    <\/p>\n\n    <div class=\"btns\">\n      <a href=\"\/en\/80-20-formular\/\" class=\"btn-p\">\n        Jetzt Paket konfigurieren\n        <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"\/en\/80-20-formular\/\" class=\"btn-s\">\n        <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/>\n          <path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.126 1.535 5.857L.057 23.273a.75.75 0 0 0 .92.92l5.344-1.466A11.945 11.945 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.907 0-3.699-.503-5.253-1.383l-.38-.222-3.933 1.08 1.1-3.818-.245-.394A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/>\n        <\/svg>\n        Per WhatsApp anfragen\n      <\/a>\n    <\/div>\n\n    <div class=\"trust\">\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Erstgespr\u00e4ch kostenlos\n      <\/div>\n      <div class=\"trust-sep\"><\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Testaufnahme m\u00f6glich\n      <\/div>\n      <div class=\"trust-sep\"><\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Kein Abo, kein Risiko\n      <\/div>\n      <div class=\"trust-sep\"><\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Antwort in 24h garantiert\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\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-fee6445 e-flex e-con-boxed e-con e-parent\" data-id=\"fee6445\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09990c3 elementor-widget elementor-widget-html\" data-id=\"09990c3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* \u2500\u2500 RESET \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#hs-footer, #hs-footer * {\n  box-sizing: border-box; margin: 0; padding: 0;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 WRAPPER \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#hs-footer {\n  width: 100%;\n  font-family: 'DM Sans', sans-serif;\n  border-top: 0.5px solid rgba(255,255,255,0.07);\n  padding: 28px 0;\n}\n\n\/* \u2500\u2500 INNER \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#hs-footer .inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n\/* \u2500\u2500 LEFT: LOGO + COPYRIGHT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-footer .left {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n#hs-footer .f-logo {\n  font-family: 'Bricolage Grotesque', sans-serif;\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: rgba(255,255,255,0.5);\n  text-decoration: none;\n  line-height: 1;\n}\n#hs-footer .f-logo em {\n  font-style: normal;\n  color: #BE1522;\n}\n#hs-footer .copy {\n  font-size: 11px;\n  color: rgba(255,255,255,0.2);\n}\n\n\/* \u2500\u2500 CENTER: SOCIAL ICONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-footer .socials {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n#hs-footer .social-link {\n  width: 34px; height: 34px;\n  border-radius: 8px;\n  border: 0.5px solid rgba(255,255,255,0.08);\n  background: rgba(255,255,255,0.03);\n  display: flex; align-items: center; justify-content: center;\n  text-decoration: none;\n  transition: all 0.18s;\n  flex-shrink: 0;\n}\n#hs-footer .social-link:hover {\n  border-color: rgba(190,21,34,0.35);\n  background: rgba(190,21,34,0.08);\n}\n#hs-footer .social-link svg {\n  width: 15px; height: 15px;\n  fill: rgba(255,255,255,0.35);\n  transition: fill 0.18s;\n}\n#hs-footer .social-link:hover svg { fill: rgba(255,255,255,0.7); }\n\n\/* \u2500\u2500 RIGHT: LINKS + DISCLAIMER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hs-footer .right {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n#hs-footer .links {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n#hs-footer .links a {\n  font-size: 11px;\n  color: rgba(255,255,255,0.25);\n  text-decoration: none;\n  transition: color 0.15s;\n  white-space: nowrap;\n}\n#hs-footer .links a:hover { color: rgba(255,255,255,0.55); }\n\n#hs-footer .disclaimer {\n  font-size: 10px;\n  color: rgba(255,255,255,0.14);\n  line-height: 1.5;\n  text-align: right;\n  max-width: 420px;\n}\n\n\/* \u2500\u2500 RESPONSIVE \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@media (max-width: 768px) {\n  #hs-footer .inner {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 16px;\n  }\n  #hs-footer .right { align-items: center; }\n  #hs-footer .disclaimer { text-align: center; }\n  #hs-footer .copy { text-align: center; }\n}\n<\/style>\n\n<footer id=\"hs-footer\">\n  <div class=\"inner\">\n\n    <!-- Logo + Copyright -->\n    <div class=\"left\">\n      <a href=\"https:\/\/high-group.de\/en\/high-studios\/\" class=\"f-logo\">\n        high<em>.<\/em>studios\n      <\/a>\n      <span class=\"copy\">\u00a9 2025 high.media GmbH \u00b7 K\u00f6ln-Ehrenfeld<\/span>\n    <\/div>\n\n    <!-- Social Icons -->\n    <div class=\"socials\">\n\n      <!-- Instagram -->\n      <a href=\"https:\/\/www.instagram.com\/highstudios.cgn\/\" target=\"_blank\" class=\"social-link\" aria-label=\"Instagram\">\n        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/>\n        <\/svg>\n      <\/a>\n\n      <!-- TikTok -->\n      <a href=\"https:\/\/www.tiktok.com\/@highstudios\" target=\"_blank\" class=\"social-link\" aria-label=\"TikTok\">\n        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/>\n        <\/svg>\n      <\/a>\n\n      <!-- Facebook -->\n      <a href=\"https:\/\/www.facebook.com\/profile.php?id=100077371137546\" target=\"_blank\" class=\"social-link\" aria-label=\"Facebook\">\n        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n        <\/svg>\n      <\/a>\n\n      <!-- YouTube -->\n      <a href=\"https:\/\/www.youtube.com\/channel\/UCEN4Wv3fvYscFeRe0gNnxuA\" target=\"_blank\" class=\"social-link\" aria-label=\"YouTube\">\n        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/>\n        <\/svg>\n      <\/a>\n\n      <!-- LinkedIn -->\n      <a href=\"https:\/\/www.linkedin.com\/in\/philipp-kaul-7453701ab\/\" target=\"_blank\" class=\"social-link\" aria-label=\"LinkedIn\">\n        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n    <!-- Links + Disclaimer -->\n    <div class=\"right\">\n      <div class=\"links\">\n        <a href=\"https:\/\/high-group.de\/en\/impressum\/\" target=\"_blank\">Imprint<\/a>\n        <a href=\"https:\/\/high-group.de\/en\/privacy-policy\/\" target=\"_blank\">Data protection<\/a>\n        <a href=\"https:\/\/high-group.de\/en\/kontakt\/\" target=\"_blank\">Contact us<\/a>\n      <\/div>\n      <p class=\"disclaimer\">\n        Diese Seite ist kein Angebot von Meta, TikTok oder Google. Die erzielten Ergebnisse variieren je nach Nutzung, Inhalt und Zielgruppe.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/footer>\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>","protected":false},"excerpt":{"rendered":"<p>high.studios Studios So funktioniert es Team FAQ Paket konfigurieren Studios So funktioniert es Team FAQ Paket konfigurieren \u2192 Podcast Studio K\u00f6ln \u00b7 Ehrenfeld Aus einem Drehtag werden drei\u00dfig Inhalte \u2013 [&hellip;]<\/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-8155","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>80-20-system - 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\/80-20-system\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"80-20-system - Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"og:description\" content=\"high.studios Studios So funktioniert es Team FAQ Paket konfigurieren Studios So funktioniert es Team FAQ Paket konfigurieren \u2192 Podcast Studio K\u00f6ln \u00b7 Ehrenfeld Aus einem Drehtag werden drei\u00dfig Inhalte \u2013 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/high-group.de\/en\/80-20-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Videoproduktion K\u00f6ln - High. Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-02T13:47:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team.webp\" \/>\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\\\/80-20-system\\\/\",\"url\":\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/\",\"name\":\"80-20-system - Videoproduktion K\u00f6ln - High. Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/team.webp\",\"datePublished\":\"2026-03-26T10:48:46+00:00\",\"dateModified\":\"2026-04-02T13:47:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/#primaryimage\",\"url\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/team.webp\",\"contentUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/team.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/high-group.de\\\/80-20-system\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/high-group.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"80-20-system\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/high-group.de\\\/#website\",\"url\":\"https:\\\/\\\/high-group.de\\\/\",\"name\":\"High Group\",\"description\":\"Hochwertige Videoproduktion f\u00fcr Business, Events, Messen in K\u00f6ln. Videografen aus K\u00f6ln.\",\"publisher\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/high-group.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/high-group.de\\\/#organization\",\"name\":\"High Group\",\"url\":\"https:\\\/\\\/high-group.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/high-group.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/high-media-logo.png\",\"contentUrl\":\"https:\\\/\\\/high-group.de\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/high-media-logo.png\",\"width\":300,\"height\":150,\"caption\":\"High Group\"},\"image\":{\"@id\":\"https:\\\/\\\/high-group.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"80-20-system - 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\/80-20-system\/","og_locale":"en_US","og_type":"article","og_title":"80-20-system - Videoproduktion K\u00f6ln - High. Group","og_description":"high.studios Studios So funktioniert es Team FAQ Paket konfigurieren Studios So funktioniert es Team FAQ Paket konfigurieren \u2192 Podcast Studio K\u00f6ln \u00b7 Ehrenfeld Aus einem Drehtag werden drei\u00dfig Inhalte \u2013 [&hellip;]","og_url":"https:\/\/high-group.de\/en\/80-20-system\/","og_site_name":"Videoproduktion K\u00f6ln - High. Group","article_modified_time":"2026-04-02T13:47:29+00:00","og_image":[{"url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team.webp","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\/80-20-system\/","url":"https:\/\/high-group.de\/80-20-system\/","name":"80-20-system - Videoproduktion K\u00f6ln - High. Group","isPartOf":{"@id":"https:\/\/high-group.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/high-group.de\/80-20-system\/#primaryimage"},"image":{"@id":"https:\/\/high-group.de\/80-20-system\/#primaryimage"},"thumbnailUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team.webp","datePublished":"2026-03-26T10:48:46+00:00","dateModified":"2026-04-02T13:47:29+00:00","breadcrumb":{"@id":"https:\/\/high-group.de\/80-20-system\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/high-group.de\/80-20-system\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/high-group.de\/80-20-system\/#primaryimage","url":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team.webp","contentUrl":"https:\/\/high-group.de\/wp-content\/uploads\/2024\/10\/team.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/high-group.de\/80-20-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/high-group.de\/"},{"@type":"ListItem","position":2,"name":"80-20-system"}]},{"@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\/8155","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=8155"}],"version-history":[{"count":103,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8155\/revisions"}],"predecessor-version":[{"id":8403,"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/pages\/8155\/revisions\/8403"}],"wp:attachment":[{"href":"https:\/\/high-group.de\/en\/wp-json\/wp\/v2\/media?parent=8155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}