<!DOCTYPE html><html lang="de"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- === RESOURCE HINTS === --><!-- preconnect für Origins, die wir früh brauchen (YouTube-Embed,
         Google Tag Manager). dns-prefetch für Origins, die erst nach
         User-Aktion folgen (Hubspot Forms-Submit). --><link rel="preconnect" href="https://www.youtube-nocookie.com" crossorigin><link rel="preconnect" href="https://www.googletagmanager.com" crossorigin><link rel="dns-prefetch" href="https://i.ytimg.com"><link rel="dns-prefetch" href="https://api-eu1.hsforms.com"><!-- === GRUNDLEGENDE SEO === --><title>Ichbinsprecher.de — Mensch · Maschine · Brandvoice</title><meta name="description" content="AI-Ready Brandvoice für 200+ Marken: echte Voice-Aufnahmen plus DSGVO-konforme KI-Skalierung in über 30 Sprachen. Eine Stimme, viele Charaktere — als Stimm-DNA für Deine Marke."><meta name="generator" content="Astro v4.16.19"><meta name="author" content="Ichbinsprecher.de"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><link rel="canonical" href="https://ichbinsprecher.de/"><!-- === FAVICONS === --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#aba47e"><!-- === OPEN GRAPH === --><meta property="og:type" content="website"><meta property="og:site_name" content="Ichbinsprecher.de"><meta property="og:title" content="Ichbinsprecher.de — Mensch · Maschine · Brandvoice"><meta property="og:description" content="AI-Ready Brandvoice für 200+ Marken: echte Voice-Aufnahmen plus DSGVO-konforme KI-Skalierung in über 30 Sprachen. Eine Stimme, viele Charaktere — als Stimm-DNA für Deine Marke."><meta property="og:url" content="https://ichbinsprecher.de/"><meta property="og:image" content="https://ichbinsprecher.de/images/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:locale" content="de_DE"><!-- === TWITTER/X === --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Ichbinsprecher.de — Mensch · Maschine · Brandvoice"><meta name="twitter:description" content="AI-Ready Brandvoice für 200+ Marken: echte Voice-Aufnahmen plus DSGVO-konforme KI-Skalierung in über 30 Sprachen. Eine Stimme, viele Charaktere — als Stimm-DNA für Deine Marke."><meta name="twitter:image" content="https://ichbinsprecher.de/images/og-image.jpg"><!-- === SCHEMA.ORG STRUKTURIERTE DATEN === --><script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","@id":"https://ichbinsprecher.de/#business","name":"Ichbinsprecher.de","description":"AI-Ready Brandvoice-Service: Eine Stimme, viele Sprachen, viele Charaktere. Echte Voice-Aufnahmen mit DSGVO-konformer KI-Skalierung über ElevenLabs.","url":"https://ichbinsprecher.de","image":"https://ichbinsprecher.de/images/og-image.jpg","telephone":"+4916055370140","email":"mensch@ichbinsprecher.de","address":{"@type":"PostalAddress","streetAddress":"Auf der Nill 6","postalCode":"66606","addressLocality":"Sankt Wendel","addressCountry":"DE"},"vatID":"DE239398612","areaServed":["DE","AT","CH","EU"],"sameAs":["https://margenfeld.com"],"serviceType":["Voice-Over","Brandvoice-Entwicklung","AI Voice Cloning","Audio-Lokalisation","Hörfunk-Spots","Imagefilm-Sprecher"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Voice-Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI-Ready Brandvoice","description":"Exklusiver Stimmklon für Deine Marke über ElevenLabs. Skalierbar in über 30 Sprachen, mit verschiedenen Charakter-Varianten aus einer Stimm-DNA."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Klassische Sprachaufnahmen","description":"Echte Sprachaufnahmen für Imagefilm, Hörfunk, IVR, E-Learning. Standardlieferung innerhalb 24 Stunden."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Audio-Lokalisation","description":"Eine Brandvoice in über 30 Sprachen — gleicher Charakter, gleicher Wiedererkennungswert."}}]}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://ichbinsprecher.de/#website","url":"https://ichbinsprecher.de","name":"Ichbinsprecher.de","description":"AI-Ready Brandvoice für Marken — eine Stimme, viele Sprachen, viele Charaktere.","inLanguage":"de-DE","publisher":{"@id":"https://ichbinsprecher.de/#business"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Wie schnell kann ich eine Aufnahme bekommen?","acceptedAnswer":{"@type":"Answer","text":"Standard-Aufnahmen liefere ich innerhalb von 24 Stunden. Bei einem exklusiven Stimmklon stimmen wir Setup und Lieferzeiten individuell ab."}},{"@type":"Question","name":"Wie funktioniert die AI-Ready Brandvoice?","acceptedAnswer":{"@type":"Answer","text":"Ich arbeite mit ElevenLabs. Für Standard-Deployments nutze ich ein bewährtes Basismodell. Auf Wunsch lege ich einen exklusiven Stimmklon Deiner Brandvoice an – nur für Dich, nicht öffentlich zugänglich, ausschließlich für Deine Marke einsetzbar."}},{"@type":"Question","name":"Ist das Ganze DSGVO-konform?","acceptedAnswer":{"@type":"Answer","text":"Ja. Meine echten Sprachaufnahmen entstehen unter vollständiger Einhaltung der DSGVO. Die Nutzung von ElevenLabs als KI-Plattform wird transparent offengelegt – Du weißt jederzeit, was Mensch und was Maschine ist. Auf Wunsch bekommst Du dazu die passenden Verträge und Nutzungsdokumente."}},{"@type":"Question","name":"In welchen Sprachen ist meine Brandvoice verfügbar?","acceptedAnswer":{"@type":"Answer","text":"Eine Stimme, über 30 Sprachen. Über ElevenLabs lässt sich Deine Brandvoice für internationale Märkte skalieren – mit demselben Charakter und Wiedererkennungswert in Englisch, Französisch, Spanisch, Italienisch und vielen weiteren Sprachen."}},{"@type":"Question","name":"Kann meine Brandvoice verschiedene Charaktere abbilden?","acceptedAnswer":{"@type":"Answer","text":"Ja. Aus Deiner Stimm-DNA lassen sich mehrere Varianten ableiten – zum Beispiel jünger, älter, dynamischer oder autoritativer. So bleibt die Marke erkennbar und passt sich dem Format an: Werbung, Tutorial, Hotline, Social-Clip."}},{"@type":"Question","name":"Wem gehört der Stimmklon und wie sicher ist er?","acceptedAnswer":{"@type":"Answer","text":"Dein exklusiver Stimmklon wird ausschließlich für Deine Marke und Deine vereinbarten Use-Cases genutzt. Nutzungsrechte, Laufzeit und Einsatzbereiche werden vertraglich geregelt – inklusive Schutz vor Missbrauch durch Dritte."}}]}</script><link rel="stylesheet" href="/_astro/datenschutz.B1-SQxV7.css">
<link rel="stylesheet" href="/_astro/index.BcdJEeRP.css"><script type="module">function h(o){const s=parseInt(o.dataset.countTo||"0",10),n=o.dataset.suffix||"",e=1600,t=performance.now(),i=a=>{const d=a-t,r=Math.min(1,d/e),m=1-Math.pow(1-r,3),l=Math.round(s*m);o.textContent=l+n,r<1?requestAnimationFrame(i):o.textContent=s+n};requestAnimationFrame(i)}function f(){const o=document.querySelectorAll("[data-count-to]");if(o.length===0)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||!("IntersectionObserver"in window)){o.forEach(e=>{const t=e.dataset.countTo||"0",i=e.dataset.suffix||"";e.textContent=t+i});return}const n=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&(h(t.target),n.unobserve(t.target))})},{threshold:.4});o.forEach(e=>n.observe(e))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",f):f();const u=document.getElementById("contact-form"),c=document.getElementById("contact-feedback"),p=Date.now(),y=2e3;async function v(o,s,n,e,t){const a=`https://${n==="eu1"?"api-eu1":"api"}.hsforms.com/submissions/v3/integration/submit/${o}/${s}`,d={submittedAt:Date.now(),fields:[{objectTypeId:"0-1",name:"email",value:e},{objectTypeId:"0-1",name:"message",value:t}],context:{pageUri:window.location.href,pageName:document.title},legalConsentOptions:{consent:{consentToProcess:!0,text:"Ich stimme zu, dass meine Angaben zur Beantwortung meiner Anfrage gespeichert und verarbeitet werden.",communications:[{value:!0,subscriptionTypeId:999,text:"Ich möchte eine Antwort auf meine Anfrage erhalten."}]}}};try{return(await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)})).ok}catch(r){return console.error("Hubspot-Submit fehlgeschlagen:",r),!1}}function g(o,s,n){const e=encodeURIComponent("Anfrage über Ichbinsprecher.de"),t=encodeURIComponent(`${s}

---
Von: ${o}`);window.location.href=`mailto:${n}?subject=${e}&body=${t}`}u&&c&&u.addEventListener("submit",async o=>{o.preventDefault();const s=new FormData(u),n=(s.get("email")||"").toString().trim(),e=(s.get("message")||"").toString().trim(),t=(s.get("website")||"").toString().trim(),i=s.get("privacy");if(t.length>0){c.textContent="Vielen Dank!";return}if(Date.now()-p<y){c.textContent="Bitte versuche es gleich nochmal.",c.classList.add("is-error");return}if(!n||!e||!i){c.textContent="Bitte alle Felder ausfüllen und Datenschutz bestätigen.",c.classList.add("is-error");return}const a=u.querySelector(".contact__submit");a&&(a.disabled=!0,a.textContent="Wird gesendet …");const d=u.dataset.portalId||"",r=u.dataset.formGuid||"",m=u.dataset.region||"",l=u.dataset.fallbackEmail||"mensch@ichbinsprecher.de";d&&r?await v(d,r,m,n,e)?(c.classList.remove("is-error"),c.classList.add("is-success"),c.textContent="Vielen Dank! Deine Nachricht ist angekommen — ich melde mich bald.",u.reset()):(c.classList.add("is-error"),c.textContent="Übermittlung fehlgeschlagen. Dein E-Mail-Programm öffnet sich gleich als Fallback.",setTimeout(()=>g(n,e,l),1500)):(g(n,e,l),c.textContent="Dein E-Mail-Programm sollte sich jetzt öffnen."),a&&setTimeout(()=>{a.disabled=!1,a.textContent="Senden"},4e3)});function b(){const o=document.querySelectorAll(".video-bg-wrap"),s=window.matchMedia("(prefers-reduced-motion: reduce)");o.forEach(n=>{const e=n.querySelector(".video-bg"),t=n.querySelector(".video-bg__toggle"),i=n.querySelector(".video-bg__icon--pause"),a=n.querySelector(".video-bg__icon--play");if(!e||!t||!i||!a)return;s.matches&&(e.pause(),i.hidden=!0,a.hidden=!1,t.setAttribute("aria-pressed","true"),t.setAttribute("aria-label","Hintergrund-Animation abspielen"));const d=r=>{r?(i.hidden=!1,a.hidden=!0,t.setAttribute("aria-pressed","false"),t.setAttribute("aria-label","Hintergrund-Animation pausieren")):(i.hidden=!0,a.hidden=!1,t.setAttribute("aria-pressed","true"),t.setAttribute("aria-label","Hintergrund-Animation abspielen"))};t.addEventListener("click",()=>{e.paused?(e.play(),d(!0)):(e.pause(),d(!1))}),s.addEventListener("change",r=>{r.matches&&(e.pause(),d(!1))})})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",b):b();
</script></head> <body> <a href="#main-content" class="skip-link">Zum Inhalt springen</a>  <header class="header" data-astro-cid-3ef6ksr2> <div class="header__inner" data-astro-cid-3ef6ksr2> <!-- Logo (SVG aus public/images/logo.svg) --> <a href="/" class="header__logo" aria-label="Ichbinsprecher.de Startseite" data-astro-cid-3ef6ksr2> <img src="/images/logo.svg" alt="ichbinsprecher.de" width="280" height="112" fetchpriority="high" decoding="async" data-astro-cid-3ef6ksr2> </a> <!-- Kontakt-Button rechts --> <a href="#kontakt" class="header__cta" data-astro-cid-3ef6ksr2>Kontakt</a> </div> </header>  <main id="main-content"> <section class="hero" data-astro-cid-bbe6dxrz> <div class="container hero__inner" data-astro-cid-bbe6dxrz> <h1 class="hero__title" data-astro-cid-bbe6dxrz>
Ich gebe Deiner Marke<br data-astro-cid-bbe6dxrz>
eine Stimme für die <span class="hero__title-accent" data-astro-cid-bbe6dxrz>Ewigkeit.</span> </h1> <!--
      Versteckte Klartext-Definition für SEO und AI-Crawler.
      Ergänzt die poetische Headline um eine harte "Definition Lead"
      Aussage, die AI-Engines (ChatGPT, Perplexity, Google AI) bevorzugt
      zitieren. Für sehende Nutzer unsichtbar.
    --> <p class="visually-hidden" data-astro-cid-bbe6dxrz>
Ichbinsprecher.de ist die Voice- und Brandvoice-Marke für eine
      AI-Ready Brandvoice: echte Sprachaufnahmen kombiniert mit
      DSGVO-konformer KI-Skalierung über ElevenLabs in über 30 Sprachen.
      Über 200 Marken haben bisher zusammengearbeitet. Themen: Voice,
      Brandvoice, AI-Voice-Cloning, Audio-Lokalisation. Weitere Themen
      auf margenfeld.com.
</p> <div class="hero__player" data-astro-cid-bbe6dxrz> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="1c33ny" prefix="r0" component-url="/_astro/HeroPulsePlayer.OFrERk64.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{&quot;audioMensch&quot;:[0,&quot;/audio/hero-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/hero-maschine.mp3&quot;],&quot;bottomLabel&quot;:[0,&quot;AI-Ready Brandvoice&quot;],&quot;theme&quot;:[0,&quot;light&quot;],&quot;data-astro-cid-bbe6dxrz&quot;:[0,true]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;HeroPulsePlayer&quot;,&quot;value&quot;:true}" await-children=""><div style="width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12.75px;font-family:Roboto, sans-serif"><style>
        @keyframes hpt-pulse {
          0%   { opacity: 0.8; transform: scale(1); }
          100% { opacity: 0;   transform: scale(1.7); }
        }
      </style><div style="display:flex;flex-direction:column;align-items:center;gap:17px"><div style="position:relative;width:102px;height:102px;flex-shrink:0;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);transform:scale(1)"><div style="position:absolute;inset:-9.18px;border-radius:50%;background:radial-gradient(circle, #ABA47E26 0%, transparent 60%);opacity:0;transition:opacity 0.4s ease, background 0.4s ease;pointer-events:none"></div><svg viewBox="0 0 102 102" style="position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;z-index:1"><circle cx="51" cy="51" r="50" fill="none" stroke="#ABA47E" stroke-width="1" stroke-linecap="round" stroke-dasharray="314.1592653589793" stroke-dashoffset="314.1592653589793" style="transition:stroke-dashoffset 0.1s linear, stroke 0.4s ease"></circle></svg><button aria-label="Play" style="position:relative;width:100%;height:100%;border-radius:50%;background:#ffffff;border:1px solid rgba(26,26,26,0.15);color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:2;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:20.400000000000002px;height:20.400000000000002px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button></div><div style="display:flex;flex-direction:column;gap:7.285714285714286px"><button style="background:#ABA47E;border:1px solid #ABA47E;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:#ffffff;border:1px solid rgba(26,26,26,0.12);color:rgba(26,26,26,0.55);box-shadow:0 1px 3px rgba(0,0,0,0.04);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div></div><div style="font-family:Roboto Mono, monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(26,26,26,0.55);text-align:center;transition:color 0.3s">AI-Ready Brandvoice</div><audio src="/audio/hero-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/hero-maschine.mp3" preload="metadata" style="display:none"></audio></div><!--astro:end--></astro-island> </div> </div> <div class="hero__cta-wrap" data-astro-cid-bbe6dxrz> <a href="#kontakt" class="hero__cta" data-astro-cid-bbe6dxrz>Erzähl mir von Deiner Marke</a> </div> </section>  <section class="video section--dark" data-astro-cid-mrk3q7f7> <div class="container video__inner" data-astro-cid-mrk3q7f7> <div class="video__embed" data-astro-cid-mrk3q7f7> <iframe src="https://www.youtube-nocookie.com/embed/OUVlV4buRIY?iv_load_policy=3&rel=0&modestbranding=1&playsinline=1" title="Mensch. Maschine. Brandvoice." width="1600" height="900" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen data-astro-cid-mrk3q7f7></iframe> </div> <h1 class="video__caption" data-astro-cid-mrk3q7f7> <span class="video__caption-accent" data-astro-cid-mrk3q7f7>Mensch.</span> <span class="video__caption-bold" data-astro-cid-mrk3q7f7>Maschine.</span> <span class="video__caption-bold" data-astro-cid-mrk3q7f7>Brandvoice.</span> </h1> </div> <div class="video__logos" data-astro-cid-mrk3q7f7> <script>(()=>{var l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event("astro:visible"));})();</script><astro-island uid="Z2htiwR" prefix="r1" component-url="/_astro/LogoGrid.CYBItmAd.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{&quot;logos&quot;:[1,[[0,{&quot;src&quot;:[0,&quot;/logos/audi.svg&quot;],&quot;alt&quot;:[0,&quot;Audi&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/vodafone.svg&quot;],&quot;alt&quot;:[0,&quot;Vodafone&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/ikea.svg&quot;],&quot;alt&quot;:[0,&quot;IKEA&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/ard.svg&quot;],&quot;alt&quot;:[0,&quot;ARD&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/generali.svg&quot;],&quot;alt&quot;:[0,&quot;Generali&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/shiseido.svg&quot;],&quot;alt&quot;:[0,&quot;Shiseido&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/tchibo.svg&quot;],&quot;alt&quot;:[0,&quot;Tchibo&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/gillette.svg&quot;],&quot;alt&quot;:[0,&quot;Gillette&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/freixenet.svg&quot;],&quot;alt&quot;:[0,&quot;Freixenet&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/bitburger.svg&quot;],&quot;alt&quot;:[0,&quot;Bitburger&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/robinson.svg&quot;],&quot;alt&quot;:[0,&quot;Robinson&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/johanniter.svg&quot;],&quot;alt&quot;:[0,&quot;Die Johanniter&quot;]}],[0,{&quot;src&quot;:[0,&quot;/logos/big-direkt-gesund.svg&quot;],&quot;alt&quot;:[0,&quot;BIG direkt gesund&quot;]}]]],&quot;logoHeight&quot;:[0,44],&quot;backgroundColor&quot;:[0,&quot;#0a0a0a&quot;],&quot;normalize&quot;:[0,&quot;white&quot;],&quot;columnsDesktop&quot;:[0,7],&quot;columnsTablet&quot;:[0,4],&quot;columnsMobile&quot;:[0,2],&quot;data-astro-cid-mrk3q7f7&quot;:[0,true]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;LogoGrid&quot;,&quot;value&quot;:true}" await-children=""><div style="width:100%;background:#0a0a0a;padding:clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3.5rem)"><style>
        .logo-grid {
          display: grid;
          grid-template-columns: repeat(7, 1fr);
          gap: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 2.5vw, 2.5rem);
          max-width: 1280px;
          margin: 0 auto;
          align-items: center;
          justify-items: center;
        }
        @media (max-width: 1024px) {
          .logo-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: clamp(1.5rem, 4vw, 2.5rem);
          }
        }
        @media (max-width: 600px) {
          .logo-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem 1rem;
          }
        }
        .logo-grid__cell {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 44px;
          opacity: 0.65;
          transition: opacity 0.3s ease, transform 0.3s ease;
        }
        .logo-grid__cell:hover {
          opacity: 1;
          transform: translateY(-2px);
        }
        .logo-grid__img {
          max-height: 100%;
          max-width: 100%;
          width: auto;
          height: auto;
          object-fit: contain;
          filter: brightness(0) invert(1);
        }
      </style><div class="logo-grid"><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/audi.svg" alt="Audi" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/vodafone.svg" alt="Vodafone" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/ikea.svg" alt="IKEA" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/ard.svg" alt="ARD" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/generali.svg" alt="Generali" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/shiseido.svg" alt="Shiseido" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/tchibo.svg" alt="Tchibo" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/gillette.svg" alt="Gillette" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/freixenet.svg" alt="Freixenet" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/bitburger.svg" alt="Bitburger" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/robinson.svg" alt="Robinson" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/johanniter.svg" alt="Die Johanniter" loading="lazy"/></div><div class="logo-grid__cell"><img class="logo-grid__img" src="/logos/big-direkt-gesund.svg" alt="BIG direkt gesund" loading="lazy"/></div></div></div><!--astro:end--></astro-island> </div> </section>  <section class="onevoice section" data-astro-cid-dcbfbjst> <div class="container onevoice__inner" data-astro-cid-dcbfbjst> <div class="onevoice__visual" data-astro-cid-dcbfbjst> <picture data-astro-cid-dcbfbjst> <source type="image/webp" srcset="/images/workflow-540.webp 540w, /images/workflow-1080.webp 1080w" sizes="(max-width: 900px) 80vw, 45vw" data-astro-cid-dcbfbjst> <!-- JPEG-Fallback (58 KB) für <3 % Browser ohne WebP-Support.
             Quelle workflow.svg ist Inkscape-Export mit eingebettetem
             Raster (1,5 MB) — daher rasterisieren wir bewusst zu JPEG. --> <img src="/images/workflow-1080.jpg" alt="Workflow Mikrofon mit Formaten" width="1080" height="1080" loading="lazy" decoding="async" data-astro-cid-dcbfbjst> </picture> </div> <div class="onevoice__copy" data-astro-cid-dcbfbjst> <h1 class="onevoice__title" data-astro-cid-dcbfbjst> <span data-astro-cid-dcbfbjst>Eine Marke.</span> <span data-astro-cid-dcbfbjst>50 Formate.</span> <span class="onevoice__title-accent" data-astro-cid-dcbfbjst>Eine Stimme.</span> </h1> <h3 class="onevoice__lede" data-astro-cid-dcbfbjst>
Castings, Tonstudios, Voice-Marketing — dafür hast Du keine
        Zeit. Brauchst Du auch nicht. Entscheide Dich nur einmal.
</h3> </div> </div> </section>  <div class="globe-stage" data-astro-cid-ef6cx7zj> <!-- Sphere als sticky Hintergrund-Video --> <div class="stage__bg" data-astro-cid-ef6cx7zj> <div class="video-bg-wrap " data-astro-cid-oayozesz style="--objectFit: cover;"> <video class="video-bg" autoplay loop muted playsinline preload="metadata" aria-label="Hintergrund-Animation" data-object-fit="cover" data-astro-cid-oayozesz style="--objectFit: cover;"> <source src="/videos/sphere.webm" type="video/webm" data-astro-cid-oayozesz style="--objectFit: cover;"> <source src="/videos/sphere.mp4" type="video/mp4" data-astro-cid-oayozesz style="--objectFit: cover;"> </video> <button type="button" class="video-bg__toggle" aria-label="Hintergrund-Animation pausieren" aria-pressed="false" data-astro-cid-oayozesz style="--objectFit: cover;"> <!-- Pause-Icon (default) --> <svg class="video-bg__icon video-bg__icon--pause" viewBox="0 0 12 14" aria-hidden="true" data-astro-cid-oayozesz style="--objectFit: cover;"> <rect x="1" y="1" width="3" height="12" data-astro-cid-oayozesz style="--objectFit: cover;"></rect> <rect x="8" y="1" width="3" height="12" data-astro-cid-oayozesz style="--objectFit: cover;"></rect> </svg> <!-- Play-Icon (wird per JS getauscht) --> <svg class="video-bg__icon video-bg__icon--play" viewBox="0 0 12 14" aria-hidden="true" hidden data-astro-cid-oayozesz style="--objectFit: cover;"> <path d="M1 1L11 7L1 13V1Z" data-astro-cid-oayozesz style="--objectFit: cover;"></path> </svg> </button> </div>   </div> <!-- Solo-Phase: erst nur Sphere zu sehen --> <section class="stage__solo" data-astro-cid-ef6cx7zj></section> <!-- Sprachen-Section: schiebt sich transparent über Sphere --> <section class="languages section" data-astro-cid-ef6cx7zj> <div class="container languages__inner" data-astro-cid-ef6cx7zj> <h1 class="languages__title" data-astro-cid-ef6cx7zj> <span data-astro-cid-ef6cx7zj>Eine</span> <span data-astro-cid-ef6cx7zj>Brandvoice für</span> <span data-astro-cid-ef6cx7zj>die ganze</span> <span class="languages__title-accent" data-astro-cid-ef6cx7zj>Welt.</span> </h1> <div class="languages__player" data-astro-cid-ef6cx7zj> <astro-island uid="ZzGVwe" prefix="r2" component-url="/_astro/MultiLanguagePlayer.BeZiNTms.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{&quot;languages&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Original&quot;],&quot;flag&quot;:[0,&quot;•&quot;],&quot;audioFile&quot;:[0,&quot;/audio/lang-original.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;English&quot;],&quot;flag&quot;:[0,&quot;🇬🇧&quot;],&quot;audioFile&quot;:[0,&quot;/audio/lang-english.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Français&quot;],&quot;flag&quot;:[0,&quot;🇫🇷&quot;],&quot;audioFile&quot;:[0,&quot;/audio/lang-francais.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Español&quot;],&quot;flag&quot;:[0,&quot;🇪🇸&quot;],&quot;audioFile&quot;:[0,&quot;/audio/lang-espanol.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Italiano&quot;],&quot;flag&quot;:[0,&quot;🇮🇹&quot;],&quot;audioFile&quot;:[0,&quot;/audio/lang-italiano.mp3&quot;]}]]],&quot;theme&quot;:[0,&quot;dark&quot;],&quot;bottomLabel&quot;:[0,&quot;Eine Stimme · Über 30 Sprachen&quot;],&quot;data-astro-cid-ef6cx7zj&quot;:[0,true]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;MultiLanguagePlayer&quot;,&quot;value&quot;:true}" await-children=""><div style="width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-family:Roboto, sans-serif"><style>
        @keyframes mlh-pulse {
          0%   { opacity: 0.8; transform: scale(1); }
          100% { opacity: 0;   transform: scale(1.7); }
        }
      </style><div style="display:flex;flex-direction:row;align-items:center;gap:20px"><div style="position:relative;width:160px;height:160px;flex-shrink:0;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);transform:scale(1)"><div style="position:absolute;inset:-14.399999999999999px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);opacity:0;transition:opacity 0.4s ease;pointer-events:none"></div><svg viewBox="0 0 160 160" style="position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;z-index:1"><circle cx="80" cy="80" r="79" fill="none" stroke="#f0f0f0" stroke-width="1" stroke-linecap="round" stroke-dasharray="496.37163926718733" stroke-dashoffset="496.37163926718733" style="transition:stroke-dashoffset 0.1s linear"></circle></svg><button aria-label="Play" style="position:relative;width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.15);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:2;box-shadow:0 4px 12px rgba(0,0,0,0.3);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:32px;height:32px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center"><button style="background:#f0f0f0;border:1px solid #f0f0f0;color:#1a1a1a;box-shadow:0 2px 8px rgba(240,240,240,0.25);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span><span style="font-size:13px;line-height:1">•</span>Original</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span><span style="font-size:13px;line-height:1">🇬🇧</span>English</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span><span style="font-size:13px;line-height:1">🇫🇷</span>Français</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span><span style="font-size:13px;line-height:1">🇪🇸</span>Español</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateX(0);border-radius:100px;padding:10px 20px;cursor:pointer;font-family:Roboto, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px"><span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span><span style="font-size:13px;line-height:1">🇮🇹</span>Italiano</button></div></div><div style="font-family:Roboto Mono, monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.55);text-align:center;transition:color 0.3s">Eine Stimme · Über 30 Sprachen</div><audio src="/audio/lang-original.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/lang-english.mp3" preload="metadata" muted="" style="display:none"></audio><audio src="/audio/lang-francais.mp3" preload="metadata" muted="" style="display:none"></audio><audio src="/audio/lang-espanol.mp3" preload="metadata" muted="" style="display:none"></audio><audio src="/audio/lang-italiano.mp3" preload="metadata" muted="" style="display:none"></audio></div><!--astro:end--></astro-island> </div> </div> </section> </div>  <section class="characters section" data-astro-cid-7tqr2pws> <div class="container characters__inner" data-astro-cid-7tqr2pws> <div class="characters__player" data-astro-cid-7tqr2pws> <astro-island uid="Zrz7ul" prefix="r3" component-url="/_astro/MultiCharacterPlayer.DofcMo2p.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{&quot;characters&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Original&quot;],&quot;audioFile&quot;:[0,&quot;/audio/char-original.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Lena&quot;],&quot;audioFile&quot;:[0,&quot;/audio/char-lena.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Klaus&quot;],&quot;audioFile&quot;:[0,&quot;/audio/char-klaus.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Brigitte&quot;],&quot;audioFile&quot;:[0,&quot;/audio/char-brigitte.mp3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Matthias&quot;],&quot;audioFile&quot;:[0,&quot;/audio/char-matthias.mp3&quot;]}]]],&quot;theme&quot;:[0,&quot;light&quot;],&quot;bottomLabel&quot;:[0,&quot;Meine Brandvoice als Stimm-DNA&quot;],&quot;pillsLayout&quot;:[0,&quot;column&quot;],&quot;data-astro-cid-7tqr2pws&quot;:[0,true]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;MultiCharacterPlayer&quot;,&quot;value&quot;:true}" await-children=""><div style="width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19.216px;font-family:Roboto, sans-serif"><style>
        @keyframes mcp-pulse {
          0%   { opacity: 0.8; transform: scale(1); }
          100% { opacity: 0;   transform: scale(1.7); }
        }
      </style><div style="display:flex;flex-direction:row;align-items:center;gap:28px"><div style="position:relative;width:230.4px;height:230.4px;flex-shrink:0;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);transform:scale(1)"><div style="position:absolute;inset:-20.736px;border-radius:50%;background:radial-gradient(circle, #ABA47E26 0%, transparent 60%);opacity:0;transition:opacity 0.4s ease;pointer-events:none"></div><svg viewBox="0 0 230.4 230.4" style="position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;z-index:1"><circle cx="115.2" cy="115.2" r="114.2" fill="none" stroke="#ABA47E" stroke-width="1" stroke-linecap="round" stroke-dasharray="717.5397620799088" stroke-dashoffset="717.5397620799088" style="transition:stroke-dashoffset 0.1s linear"></circle></svg><button aria-label="Play" style="position:relative;width:100%;height:100%;border-radius:50%;background:#ffffff;border:1px solid rgba(26,26,26,0.15);color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:2;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:46.080000000000005px;height:46.080000000000005px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button></div><div style="display:flex;flex-direction:column;gap:9.608px"><button style="background:#ABA47E;border:1px solid #ABA47E;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transform:translateX(0);border-radius:100px;padding:12.608px 23.216px;cursor:pointer;font-family:Roboto, sans-serif;font-size:15.608px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:20px;height:20px;flex-shrink:0"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Original</button><button style="background:#ffffff;border:1px solid rgba(26,26,26,0.12);color:rgba(26,26,26,0.55);box-shadow:0 1px 3px rgba(0,0,0,0.04);transform:translateX(0);border-radius:100px;padding:12.608px 23.216px;cursor:pointer;font-family:Roboto, sans-serif;font-size:15.608px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:20px;height:20px;flex-shrink:0"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Lena</button><button style="background:#ffffff;border:1px solid rgba(26,26,26,0.12);color:rgba(26,26,26,0.55);box-shadow:0 1px 3px rgba(0,0,0,0.04);transform:translateX(0);border-radius:100px;padding:12.608px 23.216px;cursor:pointer;font-family:Roboto, sans-serif;font-size:15.608px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:20px;height:20px;flex-shrink:0"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Klaus</button><button style="background:#ffffff;border:1px solid rgba(26,26,26,0.12);color:rgba(26,26,26,0.55);box-shadow:0 1px 3px rgba(0,0,0,0.04);transform:translateX(0);border-radius:100px;padding:12.608px 23.216px;cursor:pointer;font-family:Roboto, sans-serif;font-size:15.608px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:20px;height:20px;flex-shrink:0"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Brigitte</button><button style="background:#ffffff;border:1px solid rgba(26,26,26,0.12);color:rgba(26,26,26,0.55);box-shadow:0 1px 3px rgba(0,0,0,0.04);transform:translateX(0);border-radius:100px;padding:12.608px 23.216px;cursor:pointer;font-family:Roboto, sans-serif;font-size:15.608px;font-weight:700;letter-spacing:0.04em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:20px;height:20px;flex-shrink:0"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Matthias</button></div></div><div style="font-family:Roboto Mono, monospace;font-size:13.456px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(26,26,26,0.55);text-align:center;transition:color 0.3s">Meine Brandvoice als Stimm-DNA</div><audio src="/audio/char-original.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/char-lena.mp3" preload="metadata" muted="" style="display:none"></audio><audio src="/audio/char-klaus.mp3" preload="metadata" muted="" style="display:none"></audio><audio src="/audio/char-brigitte.mp3" preload="metadata" muted="" style="display:none"></audio><audio src="/audio/char-matthias.mp3" preload="metadata" muted="" style="display:none"></audio></div><!--astro:end--></astro-island> </div> <div class="characters__copy" data-astro-cid-7tqr2pws> <h1 class="characters__title" data-astro-cid-7tqr2pws> <span data-astro-cid-7tqr2pws>Eine Stimme.</span> <span data-astro-cid-7tqr2pws>Viele</span> <span class="characters__title-accent" data-astro-cid-7tqr2pws>Charaktere.</span> </h1> </div> <!--
      CTA als eigenes Grid-Element ausgelagert. Auf Desktop sitzt er
      unter der Headline (rechts neben dem Player). Auf Mobile rutscht
      er per Order ans Ende — also unter den Player.
    --> <div class="characters__cta-wrap" data-astro-cid-7tqr2pws> <a href="#kontakt" class="characters__cta" data-astro-cid-7tqr2pws>Lass uns reden</a> </div> </div> </section>  <section class="about" data-astro-cid-v2cbyr3p> <!-- Stats Banner (Khaki Hintergrund) --> <div class="about__stats" data-astro-cid-v2cbyr3p> <div class="container about__stats-grid" data-astro-cid-v2cbyr3p> <div class="stat" data-astro-cid-v2cbyr3p> <div class="stat__num" data-count-to="200" data-suffix="+" data-astro-cid-v2cbyr3p>0</div> <div class="stat__label" data-astro-cid-v2cbyr3p>Brands.</div> </div> <div class="stat" data-astro-cid-v2cbyr3p> <div class="stat__num" data-count-to="20" data-suffix="+" data-astro-cid-v2cbyr3p>0</div> <div class="stat__label" data-astro-cid-v2cbyr3p>Jahre.</div> </div> <div class="stat" data-astro-cid-v2cbyr3p> <div class="stat__num" data-count-to="85" data-suffix="+" data-astro-cid-v2cbyr3p>0</div> <div class="stat__label" data-astro-cid-v2cbyr3p>NPS-Score.</div> </div> </div> </div> <!-- About-Content (Foto + Text) --> <div class="about__content section" data-astro-cid-v2cbyr3p> <div class="container about__inner" data-astro-cid-v2cbyr3p> <div class="about__visual" data-astro-cid-v2cbyr3p> <picture data-astro-cid-v2cbyr3p> <source type="image/webp" srcset="/images/portrait-640.webp 640w, /images/portrait-1280.webp 1280w" sizes="(max-width: 900px) 90vw, 45vw" data-astro-cid-v2cbyr3p> <img src="/images/portrait-800.png" alt="KI-generiertes Portrait des Sprechers" width="800" height="800" loading="lazy" decoding="async" data-astro-cid-v2cbyr3p> </picture> <div class="about__visual-label" aria-hidden="true" data-astro-cid-v2cbyr3p> <span class="about__visual-label-dot" aria-hidden="true" data-astro-cid-v2cbyr3p></span>
KI-generiertes Bild
</div> </div> <div class="about__copy" data-astro-cid-v2cbyr3p> <h1 class="about__title" data-astro-cid-v2cbyr3p>
Echte Stimme mit
<span class="about__title-accent" data-astro-cid-v2cbyr3p>KI-Skalierung.</span> </h1> <h3 class="about__text" data-astro-cid-v2cbyr3p>
Ich bin Sprecher. Mit 20 Jahren Erfahrung und einem Hintergrund
          in Marketing und AI.
<span class="about__text-accent" data-astro-cid-v2cbyr3p>
Ich spreche nicht für Marken — ich werde Teil ihrer Identität.
</span> </h3> <p class="about__bridge" data-astro-cid-v2cbyr3p>
KI-Transformation und strategische Kommunikation:
<a href="https://margenfeld.com" target="_blank" rel="noopener" class="about__bridge-link" data-astro-cid-v2cbyr3p>margenfeld.com</a> </p> </div> </div> </div> </section>   <section class="faq section section--dark" id="faq" data-astro-cid-hqz3ghsx> <div class="container" data-astro-cid-hqz3ghsx> <h1 class="faq__title" data-astro-cid-hqz3ghsx> <span data-astro-cid-hqz3ghsx>Du hast Fragen?</span> <span data-astro-cid-hqz3ghsx>
Ich habe <span class="faq__title-accent" data-astro-cid-hqz3ghsx>Antworten.</span> </span> </h1> <div class="faq__grid" data-astro-cid-hqz3ghsx> <astro-island uid="KB9wl" prefix="r4" component-url="/_astro/FAQGrid.Bx7O4HUP.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{&quot;faqs&quot;:[1,[[0,{&quot;question&quot;:[0,&quot;Wie schnell kann ich eine Aufnahme bekommen?&quot;],&quot;answer&quot;:[0,&quot;Standard-Aufnahmen liefere ich innerhalb von 24 Stunden. Bei einem exklusiven Stimmklon stimmen wir Setup und Lieferzeiten individuell ab.&quot;],&quot;audioMensch&quot;:[0,&quot;/audio/faq-01-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/faq-01-maschine.mp3&quot;]}],[0,{&quot;question&quot;:[0,&quot;Wie funktioniert Deine AI-Ready Brandvoice?&quot;],&quot;answer&quot;:[0,&quot;Ich arbeite mit ElevenLabs. Für Standard-Deployments nutze ich ein bewährtes Basismodell. Auf Wunsch lege ich einen exklusiven Stimmklon Deiner Brandvoice an – nur für Dich, nicht öffentlich zugänglich, ausschließlich für Deine Marke einsetzbar.&quot;],&quot;audioMensch&quot;:[0,&quot;/audio/faq-02-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/faq-02-maschine.mp3&quot;]}],[0,{&quot;question&quot;:[0,&quot;Ist das Ganze DSGVO-konform?&quot;],&quot;answer&quot;:[0,&quot;Ja. Meine echten Sprachaufnahmen entstehen unter vollständiger Einhaltung der DSGVO. Die Nutzung von ElevenLabs als KI-Plattform wird transparent offengelegt – Du weißt jederzeit, was Mensch und was Maschine ist. Auf Wunsch bekommst Du dazu die passenden Verträge und Nutzungsdokumente.&quot;],&quot;audioMensch&quot;:[0,&quot;/audio/faq-03-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/faq-03-maschine.mp3&quot;]}],[0,{&quot;question&quot;:[0,&quot;In welchen Sprachen ist meine Brandvoice verfügbar?&quot;],&quot;answer&quot;:[0,&quot;Eine Stimme, über 30 Sprachen. Über ElevenLabs lässt sich Deine Brandvoice für internationale Märkte skalieren – mit demselben Charakter und Wiedererkennungswert in Englisch, Französisch, Spanisch, Italienisch und vielen weiteren Sprachen.&quot;],&quot;audioMensch&quot;:[0,&quot;/audio/faq-04-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/faq-04-maschine.mp3&quot;]}],[0,{&quot;question&quot;:[0,&quot;Kann meine Brandvoice verschiedene Charaktere abbilden?&quot;],&quot;answer&quot;:[0,&quot;Ja. Aus Deiner Stimm-DNA lassen sich mehrere Varianten ableiten – zum Beispiel jünger, älter, dynamischer oder autoritativer. So bleibt die Marke erkennbar und passt sich dem Format an: Werbung, Tutorial, Hotline, Social-Clip.&quot;],&quot;audioMensch&quot;:[0,&quot;/audio/faq-05-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/faq-05-maschine.mp3&quot;]}],[0,{&quot;question&quot;:[0,&quot;Wem gehört der Stimmklon und wie sicher ist er?&quot;],&quot;answer&quot;:[0,&quot;Dein exklusiver Stimmklon wird ausschließlich für Deine Marke und Deine vereinbarten Use-Cases genutzt. Nutzungsrechte, Laufzeit und Einsatzbereiche werden vertraglich geregelt – inklusive Schutz vor Missbrauch durch Dritte.&quot;],&quot;audioMensch&quot;:[0,&quot;/audio/faq-06-mensch.mp3&quot;],&quot;audioMaschine&quot;:[0,&quot;/audio/faq-06-maschine.mp3&quot;]}]]],&quot;theme&quot;:[0,&quot;dark&quot;],&quot;data-astro-cid-hqz3ghsx&quot;:[0,true]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;FAQGrid&quot;,&quot;value&quot;:true}" await-children=""><div style="width:100%;font-family:Roboto, sans-serif;color:#f0f0f0"><div style="display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;width:100%"><div style="background:#131313;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(0);position:relative;isolation:isolate;overflow:hidden;min-width:0"><div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #ABA47E, transparent);opacity:0;transition:opacity 0.5s ease;pointer-events:none"></div><button type="button" aria-expanded="false" aria-controls="faq-a-0" id="faq-q-0" style="all:unset;display:block;width:100%;padding:26px 26px 14px;cursor:pointer;box-sizing:border-box"><div style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#ABA47E;margin-bottom:10px;opacity:0.85">Frage <!-- -->01</div><div style="font-family:Roboto, sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.4;color:#f0f0f0;transition:margin 0.4s ease">Wie schnell kann ich eine Aufnahme bekommen?</div></button><div id="faq-a-0" role="region" aria-labelledby="faq-q-0" style="max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 26px"><div style="font-size:14px;line-height:1.65;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-top:0">Standard-Aufnahmen liefere ich innerhalb von 24 Stunden. Bei einem exklusiven Stimmklon stimmen wir Setup und Lieferzeiten individuell ab.</div><div style="display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)"><div style="display:flex;gap:6px"><button style="background:#ABA47E;border:1px solid #ABA47E;border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div><div style="display:flex;align-items:center;gap:12px"><button aria-label="Play" style="width:36px;height:36px;min-width:36px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.2);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:10px;height:10px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button><div style="flex:1;height:24px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0"><div style="flex:1;height:79.5%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:92.17%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:90.39%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:75.62%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:53.78%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:27.96%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:48.11%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:70.69%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:86.58%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:93.63%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:91.05%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:79.59%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:61.33%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:43.47%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:68%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:88.25%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:83.71%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:62.26%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:48.65%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:70.23%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div></div><div style="font-family:Roboto Mono, monospace;font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.05em;min-width:32px;text-align:right;flex-shrink:0">—</div></div></div></div><button type="button" aria-expanded="false" aria-controls="faq-a-0" aria-label="Antwort öffnen" style="all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 26px 22px;margin-top:0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:margin 0.4s ease;box-sizing:border-box"><span style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);transition:color 0.3s">Antwort hören</span><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="width:18px;height:18px;color:rgba(255,255,255,0.55);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(0)"><path d="M5 10H15M15 10L11 6M15 10L11 14" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><audio src="/audio/faq-01-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/faq-01-maschine.mp3" preload="metadata" style="display:none"></audio></div><div style="background:#131313;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(0);position:relative;isolation:isolate;overflow:hidden;min-width:0"><div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #ABA47E, transparent);opacity:0;transition:opacity 0.5s ease;pointer-events:none"></div><button type="button" aria-expanded="false" aria-controls="faq-a-1" id="faq-q-1" style="all:unset;display:block;width:100%;padding:26px 26px 14px;cursor:pointer;box-sizing:border-box"><div style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#ABA47E;margin-bottom:10px;opacity:0.85">Frage <!-- -->02</div><div style="font-family:Roboto, sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.4;color:#f0f0f0;transition:margin 0.4s ease">Wie funktioniert Deine AI-Ready Brandvoice?</div></button><div id="faq-a-1" role="region" aria-labelledby="faq-q-1" style="max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 26px"><div style="font-size:14px;line-height:1.65;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-top:0">Ich arbeite mit ElevenLabs. Für Standard-Deployments nutze ich ein bewährtes Basismodell. Auf Wunsch lege ich einen exklusiven Stimmklon Deiner Brandvoice an – nur für Dich, nicht öffentlich zugänglich, ausschließlich für Deine Marke einsetzbar.</div><div style="display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)"><div style="display:flex;gap:6px"><button style="background:#ABA47E;border:1px solid #ABA47E;border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div><div style="display:flex;align-items:center;gap:12px"><button aria-label="Play" style="width:36px;height:36px;min-width:36px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.2);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:10px;height:10px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button><div style="flex:1;height:24px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0"><div style="flex:1;height:87.82%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:75.89%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:57.45%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:43.76%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:68.39%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:88.47%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:82.45%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:60.98%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:51.64%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:73.31%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:89.92%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:87.68%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:69.14%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:44.97%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:40.61%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:60.15%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:75.49%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:87.07%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:89.29%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div></div><div style="font-family:Roboto Mono, monospace;font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.05em;min-width:32px;text-align:right;flex-shrink:0">—</div></div></div></div><button type="button" aria-expanded="false" aria-controls="faq-a-1" aria-label="Antwort öffnen" style="all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 26px 22px;margin-top:0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:margin 0.4s ease;box-sizing:border-box"><span style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);transition:color 0.3s">Antwort hören</span><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="width:18px;height:18px;color:rgba(255,255,255,0.55);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(0)"><path d="M5 10H15M15 10L11 6M15 10L11 14" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><audio src="/audio/faq-02-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/faq-02-maschine.mp3" preload="metadata" style="display:none"></audio></div><div style="background:#131313;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(0);position:relative;isolation:isolate;overflow:hidden;min-width:0"><div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #ABA47E, transparent);opacity:0;transition:opacity 0.5s ease;pointer-events:none"></div><button type="button" aria-expanded="false" aria-controls="faq-a-2" id="faq-q-2" style="all:unset;display:block;width:100%;padding:26px 26px 14px;cursor:pointer;box-sizing:border-box"><div style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#ABA47E;margin-bottom:10px;opacity:0.85">Frage <!-- -->03</div><div style="font-family:Roboto, sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.4;color:#f0f0f0;transition:margin 0.4s ease">Ist das Ganze DSGVO-konform?</div></button><div id="faq-a-2" role="region" aria-labelledby="faq-q-2" style="max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 26px"><div style="font-size:14px;line-height:1.65;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-top:0">Ja. Meine echten Sprachaufnahmen entstehen unter vollständiger Einhaltung der DSGVO. Die Nutzung von ElevenLabs als KI-Plattform wird transparent offengelegt – Du weißt jederzeit, was Mensch und was Maschine ist. Auf Wunsch bekommst Du dazu die passenden Verträge und Nutzungsdokumente.</div><div style="display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)"><div style="display:flex;gap:6px"><button style="background:#ABA47E;border:1px solid #ABA47E;border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div><div style="display:flex;align-items:center;gap:12px"><button aria-label="Play" style="width:36px;height:36px;min-width:36px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.2);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:10px;height:10px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button><div style="flex:1;height:24px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0"><div style="flex:1;height:54.26%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:76%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:92.39%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:88.71%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:69.8%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:45.49%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:45.22%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:64.53%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:78.28%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:84.67%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:86.14%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:78.38%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:62.96%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:42.67%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:53.75%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:76.87%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:93.82%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:90.05%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:71.78%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:48.93%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div></div><div style="font-family:Roboto Mono, monospace;font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.05em;min-width:32px;text-align:right;flex-shrink:0">—</div></div></div></div><button type="button" aria-expanded="false" aria-controls="faq-a-2" aria-label="Antwort öffnen" style="all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 26px 22px;margin-top:0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:margin 0.4s ease;box-sizing:border-box"><span style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);transition:color 0.3s">Antwort hören</span><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="width:18px;height:18px;color:rgba(255,255,255,0.55);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(0)"><path d="M5 10H15M15 10L11 6M15 10L11 14" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><audio src="/audio/faq-03-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/faq-03-maschine.mp3" preload="metadata" style="display:none"></audio></div><div style="background:#131313;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(0);position:relative;isolation:isolate;overflow:hidden;min-width:0"><div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #ABA47E, transparent);opacity:0;transition:opacity 0.5s ease;pointer-events:none"></div><button type="button" aria-expanded="false" aria-controls="faq-a-3" id="faq-q-3" style="all:unset;display:block;width:100%;padding:26px 26px 14px;cursor:pointer;box-sizing:border-box"><div style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#ABA47E;margin-bottom:10px;opacity:0.85">Frage <!-- -->04</div><div style="font-family:Roboto, sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.4;color:#f0f0f0;transition:margin 0.4s ease">In welchen Sprachen ist meine Brandvoice verfügbar?</div></button><div id="faq-a-3" role="region" aria-labelledby="faq-q-3" style="max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 26px"><div style="font-size:14px;line-height:1.65;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-top:0">Eine Stimme, über 30 Sprachen. Über ElevenLabs lässt sich Deine Brandvoice für internationale Märkte skalieren – mit demselben Charakter und Wiedererkennungswert in Englisch, Französisch, Spanisch, Italienisch und vielen weiteren Sprachen.</div><div style="display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)"><div style="display:flex;gap:6px"><button style="background:#ABA47E;border:1px solid #ABA47E;border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div><div style="display:flex;align-items:center;gap:12px"><button aria-label="Play" style="width:36px;height:36px;min-width:36px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.2);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:10px;height:10px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button><div style="flex:1;height:24px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0"><div style="flex:1;height:86.96%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:82.87%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:74.44%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:58.6%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:38.21%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:53.41%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:76.37%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:92.95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:87.85%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:69.44%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:46.74%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:66.59%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:86.52%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:82.84%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:61.11%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:38.87%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:59.95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:76.94%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:86.83%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div></div><div style="font-family:Roboto Mono, monospace;font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.05em;min-width:32px;text-align:right;flex-shrink:0">—</div></div></div></div><button type="button" aria-expanded="false" aria-controls="faq-a-3" aria-label="Antwort öffnen" style="all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 26px 22px;margin-top:0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:margin 0.4s ease;box-sizing:border-box"><span style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);transition:color 0.3s">Antwort hören</span><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="width:18px;height:18px;color:rgba(255,255,255,0.55);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(0)"><path d="M5 10H15M15 10L11 6M15 10L11 14" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><audio src="/audio/faq-04-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/faq-04-maschine.mp3" preload="metadata" style="display:none"></audio></div><div style="background:#131313;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(0);position:relative;isolation:isolate;overflow:hidden;min-width:0"><div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #ABA47E, transparent);opacity:0;transition:opacity 0.5s ease;pointer-events:none"></div><button type="button" aria-expanded="false" aria-controls="faq-a-4" id="faq-q-4" style="all:unset;display:block;width:100%;padding:26px 26px 14px;cursor:pointer;box-sizing:border-box"><div style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#ABA47E;margin-bottom:10px;opacity:0.85">Frage <!-- -->05</div><div style="font-family:Roboto, sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.4;color:#f0f0f0;transition:margin 0.4s ease">Kann meine Brandvoice verschiedene Charaktere abbilden?</div></button><div id="faq-a-4" role="region" aria-labelledby="faq-q-4" style="max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 26px"><div style="font-size:14px;line-height:1.65;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-top:0">Ja. Aus Deiner Stimm-DNA lassen sich mehrere Varianten ableiten – zum Beispiel jünger, älter, dynamischer oder autoritativer. So bleibt die Marke erkennbar und passt sich dem Format an: Werbung, Tutorial, Hotline, Social-Clip.</div><div style="display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)"><div style="display:flex;gap:6px"><button style="background:#ABA47E;border:1px solid #ABA47E;border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div><div style="display:flex;align-items:center;gap:12px"><button aria-label="Play" style="width:36px;height:36px;min-width:36px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.2);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:10px;height:10px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button><div style="flex:1;height:24px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0"><div style="flex:1;height:66.7%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:44.39%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:68.27%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:88.11%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:82.89%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:61.02%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:42.94%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:64.05%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:80.74%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:90.08%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:90.27%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:80.93%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:63.17%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:43.88%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:36.87%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:61.99%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:82.29%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:94.9%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:91.77%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:77.06%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div></div><div style="font-family:Roboto Mono, monospace;font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.05em;min-width:32px;text-align:right;flex-shrink:0">—</div></div></div></div><button type="button" aria-expanded="false" aria-controls="faq-a-4" aria-label="Antwort öffnen" style="all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 26px 22px;margin-top:0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:margin 0.4s ease;box-sizing:border-box"><span style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);transition:color 0.3s">Antwort hören</span><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="width:18px;height:18px;color:rgba(255,255,255,0.55);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(0)"><path d="M5 10H15M15 10L11 6M15 10L11 14" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><audio src="/audio/faq-05-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/faq-05-maschine.mp3" preload="metadata" style="display:none"></audio></div><div style="background:#131313;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(0);position:relative;isolation:isolate;overflow:hidden;min-width:0"><div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #ABA47E, transparent);opacity:0;transition:opacity 0.5s ease;pointer-events:none"></div><button type="button" aria-expanded="false" aria-controls="faq-a-5" id="faq-q-5" style="all:unset;display:block;width:100%;padding:26px 26px 14px;cursor:pointer;box-sizing:border-box"><div style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:#ABA47E;margin-bottom:10px;opacity:0.85">Frage <!-- -->06</div><div style="font-family:Roboto, sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.01em;line-height:1.4;color:#f0f0f0;transition:margin 0.4s ease">Wem gehört der Stimmklon und wie sicher ist er?</div></button><div id="faq-a-5" role="region" aria-labelledby="faq-q-5" style="max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);padding:0 26px"><div style="font-size:14px;line-height:1.65;color:rgba(255,255,255,0.75);margin-bottom:18px;padding-top:0">Dein exklusiver Stimmklon wird ausschließlich für Deine Marke und Deine vereinbarten Use-Cases genutzt. Nutzungsrechte, Laufzeit und Einsatzbereiche werden vertraglich geregelt – inklusive Schutz vor Missbrauch durch Dritte.</div><div style="display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)"><div style="display:flex;gap:6px"><button style="background:#ABA47E;border:1px solid #ABA47E;border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:#ffffff;box-shadow:0 2px 8px rgba(171,164,126,0.35);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:1;flex-shrink:0"></span>Mensch</button><button style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:100px;padding:7px 13px;cursor:pointer;font-family:Roboto, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.55);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:6px"><span style="display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.6;flex-shrink:0"></span>Maschine</button></div><div style="display:flex;align-items:center;gap:12px"><button aria-label="Play" style="width:36px;height:36px;min-width:36px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.2);color:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0"><svg viewBox="0 0 12 14" fill="currentColor" style="width:10px;height:10px"><path d="M0 0L12 7L0 14V0Z"></path></svg></button><div style="flex:1;height:24px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0"><div style="flex:1;height:84.3%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:93.12%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:92.65%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:82.64%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:64.33%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:40.25%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:36.15%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:61.09%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:80.98%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:93.04%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:88.82%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:73.8%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:53.26%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:55.74%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:78.52%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:92.64%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:74.15%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:50.55%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:57.32%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div><div style="flex:1;height:76.95%;background:rgba(255,255,255,0.18);border-radius:1px;min-height:3px;transition:background 0.2s"></div></div><div style="font-family:Roboto Mono, monospace;font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.05em;min-width:32px;text-align:right;flex-shrink:0">—</div></div></div></div><button type="button" aria-expanded="false" aria-controls="faq-a-5" aria-label="Antwort öffnen" style="all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 26px 22px;margin-top:0;border-top:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:margin 0.4s ease;box-sizing:border-box"><span style="font-family:Roboto Mono, monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.55);transition:color 0.3s">Antwort hören</span><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="width:18px;height:18px;color:rgba(255,255,255,0.55);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(0)"><path d="M5 10H15M15 10L11 6M15 10L11 14" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><audio src="/audio/faq-06-mensch.mp3" preload="metadata" style="display:none"></audio><audio src="/audio/faq-06-maschine.mp3" preload="metadata" style="display:none"></audio></div></div></div><!--astro:end--></astro-island> </div> </div> </section>  <section class="contact section" id="kontakt" data-astro-cid-xmivup5a> <div class="container contact__inner" data-astro-cid-xmivup5a> <h1 class="contact__title" data-astro-cid-xmivup5a>Lass uns reden.</h1> <form class="contact__form" id="contact-form" data-portal-id="148303934" data-form-guid="71e37a41-0ef2-484d-bfb4-741f7239baaa" data-region="eu1" data-fallback-email="mensch@ichbinsprecher.de" data-astro-cid-xmivup5a> <div class="contact__field" data-astro-cid-xmivup5a> <label for="email" class="visually-hidden" data-astro-cid-xmivup5a>E-Mail-Adresse</label> <input type="email" id="email" name="email" placeholder="Deine E-Mail-Adresse" autocomplete="email" required data-astro-cid-xmivup5a> </div> <div class="contact__field" data-astro-cid-xmivup5a> <label for="message" class="visually-hidden" data-astro-cid-xmivup5a>Deine Nachricht</label> <textarea id="message" name="message" placeholder="Deine Nachricht" rows="5" required data-astro-cid-xmivup5a></textarea> </div> <!-- Honeypot — für Bots, Menschen sehen es nicht --> <div class="contact__honeypot" aria-hidden="true" data-astro-cid-xmivup5a> <label for="website" data-astro-cid-xmivup5a>Website (bitte leer lassen)</label> <input type="text" id="website" name="website" tabindex="-1" autocomplete="off" data-astro-cid-xmivup5a> </div> <div class="contact__privacy" data-astro-cid-xmivup5a> <label class="contact__checkbox" data-astro-cid-xmivup5a> <input type="checkbox" id="privacy" name="privacy" required data-astro-cid-xmivup5a> <span class="contact__checkbox-mark" aria-hidden="true" data-astro-cid-xmivup5a></span> <span class="contact__checkbox-label" data-astro-cid-xmivup5a>
Ich habe die <a href="/datenschutz" data-astro-cid-xmivup5a>Datenschutzerklärung</a>
gelesen und stimme zu, dass meine Angaben zur Beantwortung
            meiner Anfrage gespeichert und verarbeitet werden.
</span> </label> </div> <button type="submit" class="contact__submit" data-astro-cid-xmivup5a>Senden</button> <div class="contact__feedback" id="contact-feedback" aria-live="polite" data-astro-cid-xmivup5a></div> </form> </div> </section>   </main> <footer class="footer" data-astro-cid-sz7xmlte> <div class="container footer__inner" data-astro-cid-sz7xmlte> <div class="footer__top" data-astro-cid-sz7xmlte> <div class="footer__main" data-astro-cid-sz7xmlte> <div class="footer__eyebrow" data-astro-cid-sz7xmlte>Lass uns reden</div> <a href="mailto:mensch@ichbinsprecher.de" class="footer__mail" data-astro-cid-sz7xmlte>
mensch@ichbinsprecher.de
</a> <a href="tel:+4916055370140" class="footer__phone" data-astro-cid-sz7xmlte>
+49 (0)160-5537014
</a> <a href="https://margenfeld.com" target="_blank" rel="noopener" class="footer__bridge" data-astro-cid-sz7xmlte>
KI-Transformation · Strategische Kommunikation: margenfeld.com
<span class="footer__arrow" data-astro-cid-sz7xmlte>↗</span> </a> </div> <nav class="footer__social" data-astro-cid-sz7xmlte> <a href="https://www.linkedin.com/company/12983896" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte>
LinkedIn <span class="footer__arrow" data-astro-cid-sz7xmlte>↗</span> </a> </nav> </div> <div class="footer__bottom" data-astro-cid-sz7xmlte> <a href="/" class="footer__logo" data-astro-cid-sz7xmlte> <img src="/images/logo.svg" alt="ichbinsprecher.de" width="280" height="112" loading="lazy" decoding="async" data-astro-cid-sz7xmlte> </a> <nav class="footer__legal" aria-label="Rechtliche Hinweise" data-astro-cid-sz7xmlte> <a href="/datenschutz" data-astro-cid-sz7xmlte>Datenschutz</a> <a href="/impressum" data-astro-cid-sz7xmlte>Impressum</a> <a href="/einfache-sprache" data-astro-cid-sz7xmlte>Einfache Sprache</a> <button type="button" class="footer__legal-btn" onclick="window.openCookieSettings && window.openCookieSettings()" data-astro-cid-sz7xmlte>
Cookie-Einstellungen
</button> </nav> <span class="footer__copy" data-astro-cid-sz7xmlte>
© 2026 Ichbinsprecher.de All Rights Reserved
</span> </div> </div> </footer>   <!-- Banner-Markup. Versteckt by default, JS macht es sichtbar --><div class="cookie-banner" id="cookie-banner" role="dialog" aria-labelledby="cookie-banner-title" aria-describedby="cookie-banner-description" hidden data-astro-cid-fzbxxtek> <div class="cookie-banner__inner" data-astro-cid-fzbxxtek> <div class="cookie-banner__content" data-astro-cid-fzbxxtek> <h2 class="cookie-banner__title" id="cookie-banner-title" data-astro-cid-fzbxxtek>
Wir nutzen Cookies.
</h2> <p class="cookie-banner__text" id="cookie-banner-description" data-astro-cid-fzbxxtek>
Diese Website verwendet technisch notwendige Cookies und — mit deiner
        Zustimmung — Cookies zur Analyse der Nutzung (Google Analytics).
        Du kannst deine Auswahl jederzeit in den
<a href="/datenschutz" data-astro-cid-fzbxxtek>Datenschutz-Einstellungen</a> ändern.
</p> <!-- Detail-Ansicht (initial versteckt) --> <div class="cookie-banner__details" id="cookie-banner-details" hidden data-astro-cid-fzbxxtek> <div class="cookie-option" data-astro-cid-fzbxxtek> <label class="cookie-option__label" data-astro-cid-fzbxxtek> <input type="checkbox" id="cookie-necessary" checked disabled data-astro-cid-fzbxxtek> <span class="cookie-option__mark" aria-hidden="true" data-astro-cid-fzbxxtek></span> <div class="cookie-option__text" data-astro-cid-fzbxxtek> <strong data-astro-cid-fzbxxtek>Technisch notwendig</strong> <span data-astro-cid-fzbxxtek>
Erforderlich für den Betrieb der Seite. Können nicht
                deaktiviert werden.
</span> </div> </label> </div> <div class="cookie-option" data-astro-cid-fzbxxtek> <label class="cookie-option__label" data-astro-cid-fzbxxtek> <input type="checkbox" id="cookie-analytics" data-astro-cid-fzbxxtek> <span class="cookie-option__mark" aria-hidden="true" data-astro-cid-fzbxxtek></span> <div class="cookie-option__text" data-astro-cid-fzbxxtek> <strong data-astro-cid-fzbxxtek>Analyse (Google Analytics 4)</strong> <span data-astro-cid-fzbxxtek>
Hilft mir zu verstehen, wie die Seite genutzt wird. IPs werden
                anonymisiert. Daten werden in die USA übertragen — Rechtsgrundlage:
                Einwilligung gemäß Art. 6 Abs. 1 lit. a DSGVO.
</span> </div> </label> </div> </div> </div> <div class="cookie-banner__actions" data-astro-cid-fzbxxtek> <button type="button" class="cookie-banner__btn cookie-banner__btn--ghost" id="cookie-btn-toggle" data-astro-cid-fzbxxtek>
Einstellungen
</button> <button type="button" class="cookie-banner__btn cookie-banner__btn--secondary" id="cookie-btn-reject" data-astro-cid-fzbxxtek>
Nur notwendige
</button> <button type="button" class="cookie-banner__btn cookie-banner__btn--primary" id="cookie-btn-accept" data-astro-cid-fzbxxtek>
Alle akzeptieren
</button> <button type="button" class="cookie-banner__btn cookie-banner__btn--primary" id="cookie-btn-save" hidden data-astro-cid-fzbxxtek>
Auswahl speichern
</button> </div> </div> </div>  <script>(function(){const GA_MEASUREMENT_ID = "G-PXYS2FJ7SJ";

  // =====================================================
  // Cookie-Consent + Google Consent Mode v2 + GA4 Loader
  // =====================================================
  // is:inline — dieser Code muss SOFORT laufen (vor allem anderen),
  // damit Consent-Status gesetzt ist, bevor GA-Skript lädt.
  // =====================================================

  const STORAGE_KEY = "ibs-cookie-consent-v1";
  // Einwilligung nach 12 Monaten erneut einholen (DSGVO-Best-Practice)
  const CONSENT_MAX_AGE_MS = 365 * 24 * 60 * 60 * 1000;

  // --- Google Consent Mode v2: Defaults setzen ---
  // ALLES auf "denied" bis User entscheidet
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    window.dataLayer.push(arguments);
  }
  window.gtag = gtag;

  gtag("consent", "default", {
    ad_storage: "denied",
    ad_user_data: "denied",
    ad_personalization: "denied",
    analytics_storage: "denied",
    functionality_storage: "granted", // technisch notwendig
    security_storage: "granted",       // technisch notwendig
    wait_for_update: 500,
  });

  // --- Helper: Consent aus Storage lesen ---
  function readConsent() {
    try {
      const raw = localStorage.getItem(STORAGE_KEY);
      if (!raw) return null;
      const parsed = JSON.parse(raw);
      // Älter als 12 Monate? Dann nicht mehr verwenden, neuer Consent fällig.
      if (parsed && parsed.ts && Date.now() - parsed.ts > CONSENT_MAX_AGE_MS) {
        localStorage.removeItem(STORAGE_KEY);
        return null;
      }
      return parsed;
    } catch {
      return null;
    }
  }

  function writeConsent(consent) {
    try {
      localStorage.setItem(
        STORAGE_KEY,
        JSON.stringify({ ...consent, ts: Date.now() })
      );
    } catch {}
  }

  // --- Helper: GA-Skript laden (nur einmal) ---
  let gaLoaded = false;
  function loadGA() {
    if (gaLoaded || !GA_MEASUREMENT_ID) return;
    gaLoaded = true;

    const script = document.createElement("script");
    script.async = true;
    script.src = `https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`;
    document.head.appendChild(script);

    gtag("js", new Date());
    gtag("config", GA_MEASUREMENT_ID, {
      anonymize_ip: true,
    });
  }

  // --- Consent anwenden: Permissions setzen + ggf. GA laden ---
  function applyConsent(consent) {
    if (consent.analytics) {
      gtag("consent", "update", {
        analytics_storage: "granted",
      });
      loadGA();
    } else {
      gtag("consent", "update", {
        analytics_storage: "denied",
      });
    }
  }

  // --- Banner-UI ---
  function showBanner(prefilled) {
    const banner = document.getElementById("cookie-banner");
    if (!banner) return;
    banner.hidden = false;

    if (prefilled) {
      const analyticsBox = document.getElementById("cookie-analytics");
      if (analyticsBox && analyticsBox instanceof HTMLInputElement) {
        analyticsBox.checked = !!prefilled.analytics;
      }
    }
  }

  function hideBanner() {
    const banner = document.getElementById("cookie-banner");
    if (banner) banner.hidden = true;
  }

  function toggleDetails() {
    const details = document.getElementById("cookie-banner-details");
    const acceptBtn = document.getElementById("cookie-btn-accept");
    const saveBtn = document.getElementById("cookie-btn-save");
    const toggleBtn = document.getElementById("cookie-btn-toggle");

    if (!details) return;

    if (details.hidden) {
      details.hidden = false;
      if (acceptBtn) acceptBtn.hidden = true;
      if (saveBtn) saveBtn.hidden = false;
      if (toggleBtn) toggleBtn.textContent = "Schließen";
    } else {
      details.hidden = true;
      if (acceptBtn) acceptBtn.hidden = false;
      if (saveBtn) saveBtn.hidden = true;
      if (toggleBtn) toggleBtn.textContent = "Einstellungen";
    }
  }

  // --- Init bei DOM ready ---
  function init() {
    const stored = readConsent();

    // Vorherige Wahl gefunden → anwenden, kein Banner
    if (stored) {
      applyConsent(stored);
    } else {
      showBanner();
    }

    // --- Button-Handler ---
    const acceptBtn = document.getElementById("cookie-btn-accept");
    const rejectBtn = document.getElementById("cookie-btn-reject");
    const toggleBtn = document.getElementById("cookie-btn-toggle");
    const saveBtn = document.getElementById("cookie-btn-save");

    if (acceptBtn) {
      acceptBtn.addEventListener("click", () => {
        const consent = { analytics: true };
        writeConsent(consent);
        applyConsent(consent);
        hideBanner();
      });
    }

    if (rejectBtn) {
      rejectBtn.addEventListener("click", () => {
        const consent = { analytics: false };
        writeConsent(consent);
        applyConsent(consent);
        hideBanner();
      });
    }

    if (toggleBtn) {
      toggleBtn.addEventListener("click", toggleDetails);
    }

    if (saveBtn) {
      saveBtn.addEventListener("click", () => {
        const analyticsBox = document.getElementById("cookie-analytics");
        const analytics =
          analyticsBox instanceof HTMLInputElement
            ? analyticsBox.checked
            : false;
        const consent = { analytics };
        writeConsent(consent);
        applyConsent(consent);
        hideBanner();
      });
    }

    // --- Globale Funktion: Banner nachträglich öffnen ---
    // Aufrufbar via Link/Button mit href="#" und onclick="window.openCookieSettings()"
    window.openCookieSettings = function () {
      const stored = readConsent();
      showBanner(stored || { analytics: false });
      // direkt in Detail-Ansicht
      const details = document.getElementById("cookie-banner-details");
      if (details && details.hidden) {
        toggleDetails();
      }
    };
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }
})();</script> </body></html>