1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="theme-color" content="#0A253F"> 7 <meta name="description" content="Ihre Ansage klingt nach 2005? Rein damit. Die KI macht daraus 2026. Ein Klick, neuer Ton."> 8 <meta property="og:title" content="Ton-Umschreiber â anrufbeantworter24.ai"> 9 <meta property="og:description" content="Ihre Ansage klingt nach 2005? Rein damit. Die KI macht daraus 2026. Ein Klick, neuer Ton."> 10 <meta property="og:image" content="_assets/img/og-image.jpg"> 11 <meta property="og:type" content="website"> 12 <link rel="canonical" href="https://www.anrufbeantworter24.ai/umschreiber"> 13 <title>Ton-Umschreiber â anrufbeantworter24.ai</title> 14 <link rel="icon" type="image/svg+xml" href="_assets/img/favicon.svg"> 15 <link rel="icon" type="image/x-icon" href="_assets/img/favicon.ico"> 16 <link rel="apple-touch-icon" sizes="180x180" href="_assets/img/apple-touch-icon.png"> 17 <link rel="manifest" href="site.webmanifest"> 18 <link rel="preload" href="_assets/fonts/soehne/300.woff2" as="font" type="font/woff2" crossorigin> 19 <link rel="preload" href="_assets/fonts/soehne/500.woff2" as="font" type="font/woff2" crossorigin> 20 <link rel="preload" href="_assets/fonts/soehne/600.woff2" as="font" type="font/woff2" crossorigin> 21 <link rel="stylesheet" href="_assets/fonts/fontawesome/css/fontawesome.min.css"> 22 <link rel="stylesheet" href="_assets/fonts/fontawesome/css/light.min.css"> 23 <link rel="stylesheet" href="_assets/fonts/fontawesome/css/thin.min.css"> 24
24<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{analytics_storage:'denied',ad_storage:'denied'});</script>
24 25 <link rel="stylesheet" href="_assets/css/style.css?v=header20260930"> 26 27<link rel="stylesheet" href="/design-refinement-20260912.css?v=header20260930"> 28</head> 29<body> 30 <a href="#main" class="skip-nav">Zum Inhalt springen</a> 31 <nav class="nav"><div class="wrap nav__inner"> 32 <a href="./" class="nav__logo"><img src="_assets/img/logo_ab24ai.svg" alt="anrufbeantworter24.ai" height="40"></a> 33 <button class="nav__toggle" aria-label="Menü öffnen" aria-expanded="false"><span></span><span></span><span></span></button> 34 <ul class="nav__menu" role="menubar"> 35 <li><a href="./" role="menuitem">Home</a></li> 36 <li><a href="generator.html" role="menuitem">Generator</a></li> 37 <li><a href="ansagetexte.html" role="menuitem">Ansagetexte</a></li> 38 <li><a href="branchen.html" role="menuitem">Branchen</a></li> 39 <li><a href="umschreiber.html" role="menuitem" class="is-active">Umschreiber</a></li> 40 <li><a href="mehrsprachig.html" role="menuitem">Mehrsprachig</a></li> 41 <li><a href="preise.html" role="menuitem">Preise</a></li> 42 <li><a href="kontakt.html" role="menuitem">Kontakt</a></li> 43 <li class="nav__kauf nav__kauf--cart"><a href="/warenkorb" role="menuitem" title="Ihr Warenkorb" aria-label="Warenkorb"><svg class="icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.5 3h2.2a1 1 0 0 1 .97.76L6.1 6m0 0 1.86 7.44a1 1 0 0 0 .97.76h8.42a1 1 0 0 0 .97-.75l1.6-6.2A1 1 0 0 0 18.95 6H6.1Z"/><circle cx="10" cy="19" r="1.6"/><circle cx="17.5" cy="19" r="1.6"/></svg><span>Warenkorb</span><span class="nav__cart-count" data-aig-cart-count hidden></span></a></li> 44 <li class="nav__kauf"><a href="/konto" role="menuitem" title="Ihr Kundenkonto" aria-label="Konto"><svg class="icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8" r="4"/><path d="M4 20.5c0-3.6 3.6-6 8-6s8 2.4 8 6"/></svg><span>Konto</span></a></li> 45 </ul> 46 </div></nav> 47 <main id="main"> 48 49 <!-- HERO --> 50 <section class="hero hero--dark hero--small"> 51 <div class="wrap text-center"> 52 <p class="hero__icon"><i class="fa-thin fa-sliders"></i></p> 53 <h1>Gleicher Inhalt.<br><strong>Komplett anderer Vibe.</strong></h1> 54 <p class="hero__sub">
54Ihre alte Ansage klingt nach 2005? Rein damit. Die KI macht daraus 2026. Ein Klick — neuer Ton.</p> 55 </div> 56 </section> 57 58 <!-- TOOL --> 59 <section class="section"> 60 <div class="wrap wrap--narrow"> 61 <form class="tool-form" id="tool-form"> 62 <div class="tool-form__group"> 63 <label for="tool-input">Ansagetext</label> 64 <textarea id="tool-input" rows="5" placeholder="Fügen Sie hier Ihren bestehenden Ansagetext ein..."></textarea> 65 </div> 66 <div class="tool-form__group"> 67 <label for="tool-stil">Stil</label> 68 <select id="tool-stil"> 69 <option value="Förmlich">Förmlich</option> 70 <option value="Locker">Locker</option> 71 <option value="Humorvoll">Humorvoll</option> 72 <option value="Luxuriös">Luxuriös</option> 73 <option value="Empathisch">Empathisch</option> 74 <option value="Energisch">Energisch</option> 75 </select> 76 </div> 77 <button type="submit" class="btn btn--primary" id="generate-btn"><i class="fa-thin fa-wand-magic-sparkles"></i> Umschreiben</button> 78 </form> 79 <div class="tool-output-wrap"> 80 <label>Umgeschriebener Text</label> 81 <div class="tool-output" id="tool-output"></div> 82 <div class="tool-output-wrap__actions"> 83 <button class="btn btn--small btn--outline" id="copy-btn"><i class="fa-thin fa-clipboard"></i> Kopieren</button> 84 <button class="btn btn--small btn--ghost" id="reset-btn"><i class="fa-thin fa-arrow-rotate-left"></i> Zurücksetzen</button> 85 </div> 86 </div> 87 </div> 88 </section> 89 90 <!-- SO FUNKTIONIERT'S --> 91 <section class="section section--surface"> 92 <div class="wrap"> 93 <header class="section__header section--centered"> 94 <h2>Stil wählen. Klicken. Staunen.<br><strong>Das war’s.</strong></h2> 95 </header> 96 <div class="steps"> 97 <div class="steps__item"> 98 <div class="steps__icon"><i class="fa-thin fa-paste"></i></div> 99 <h3>1. Alten Text reinwerfen</h3> 100 <p>Egal wie peinlich die Ansage ist — rein damit. Wir urteilen nicht. Die KI schon gar nicht.</p> 101 </div> 102 <div class="steps__item"> 103 <div class="steps__icon"><i class="fa-thin fa-palette"></i></div> 104 <h3>2. Tonart bestimmen</h3> 105 <p>Förmlich für die Kanzlei. Locker fürs Startup. Humorvoll für alle, die sich trauen. Sechs Stile — null Kompromisse.</p> 106 </div> 107 <div class="steps__item"> 108 <div class="steps__icon"><i class="fa-thin fa-sparkles"></i></div> 109 <h3>3. Ergebnis abgreifen</h3> 110 <p>Gleicher Inhalt, komplett neuer Charakter. Kopieren, einsetzen, fertig. So schnell kann kein Mensch tippen.</p> 111 </div> 112 </div> 113 </div> 114 </section> 115 116 <!-- RELATED TOOLS --> 117 <section class="section"> 118 <div class="wrap"> 119 <header class="section__header section--centered"> 120 <h2>Die KI kann noch mehr.<br><strong>Viel mehr.</strong></h2> 121 </header> 122 <div class="border-grid border-grid--spaced"> 123 <div class="border-grid__item"> 124 <i class="fa-thin fa-pen-nib section__icon"></i> 125 <h3>Ansagetexte</h3> 126 <p>Noch gar keinen Text? Kein Problem. Stichworte rein — Ansage raus. Die KI fragt nicht nach.</p> 127 <a href="ansagetexte.html" class="btn btn--small">Texte erstellen</a> 128 </div> 129 <div class="border-grid__item"> 130 <i class="fa-thin fa-building section__icon"></i> 131 <h3>Branchen-Berater</h3> 132 <p>Branche nennen, alle Ansagen auf einmal kassieren. Die KI kennt Ihr Business besser als Sie denken.</p> 133 <a href="branchen.html" class="btn btn--small">Branche wählen</a> 134 </div> 135 <div class="border-grid__item"> 136 <i class="fa-thin fa-earth-americas section__icon"></i> 137 <h3>Mehrsprachig</h3> 138 <p>20 Sprachen. Kein Übersetzungsbüro. Kein Warten. Einfach machen.</p> 139 <a href="mehrsprachig.html" class="btn btn--small">Sprache wählen</a> 140 </div>
141 <div class="border-grid__item"> 142 <i class="fa-thin fa-microphone-stand section__icon"></i> 143 <h3>Ansagen-Generator</h3> 144 <p>Text steht? Ab in die Produktion. Stimme, Musik, fertig — ohne Tonstudio-Termin.</p> 145 <a href="generator.html" class="btn btn--small">Generator starten</a> 146 </div> 147 </div> 148 </div> 149 </section> 150 151 <!-- CTA --> 152 <section class="section section--dark section--centered"> 153 <div class="wrap wrap--narrow"> 154 <h2>Gleicher Text. Komplett anderer Eindruck.<br><strong>Das ist KI-Power.</strong></h2> 155 <p>Andere labern über KI. Wir lassen sie arbeiten.</p> 156 <a href="generator.html" class="btn btn--primary">Jetzt ausprobieren →</a> 157 </div> 158 </section> 159 160 </main> 161 <footer class="footer"><div class="wrap"> 162 <div class="footer__top"><a href="./" class="footer__logo"><img src="_assets/img/logo_ab24ai.svg" alt="anrufbeantworter24.ai" height="32"></a></div> 163 <div class="footer__grid"> 164 <div><h4>KI-Tools</h4><ul> 165 <li><a href="generator.html"><i class="fa-thin fa-microphone-stand"></i> Generator</a></li> 166 <li><a href="ansagetexte.html"><i class="fa-thin fa-pen-nib"></i> Ansagetexte</a></li> 167 <li><a href="branchen.html"><i class="fa-thin fa-building"></i> Branchen-Berater</a></li> 168 <li><a href="umschreiber.html"><i class="fa-thin fa-sliders"></i> Umschreiber</a></li> 169 <li><a href="mehrsprachig.html"><i class="fa-thin fa-earth-americas"></i> Mehrsprachig</a></li> 170 </ul></div> 171 <div><h4>Weitere Tools</h4><ul> 172 <li><a href="feiertage.html"><i class="fa-thin fa-calendar-day"></i> Feiertags-Generator</a></li> 173 <li><a href="email-vorlagen.html"><i class="fa-thin fa-envelope"></i> E-Mail-Vorlagen</a></li> 174 <li><a href="ki-showcase.html"><i class="fa-thin fa-flask-vial"></i> KI-Showcase</a></li> 175 <li><a href="ki-tools.html"><i class="fa-thin fa-toolbox"></i> KI-Toolbox</a></li> 176 </ul></div> 177 <div><h4>Service</h4><ul> 178 <li><a href="preise.html"><i class="fa-thin fa-tag"></i> Preise</a></li> 179 <li><a href="kontakt.html"><i class="fa-thin fa-phone"></i> Kontakt</a></li> 180 <li><a href="https://www.anrufbeantworter24.com" target="_blank" rel="noopener"><i class="fa-thin fa-arrow-up-right-from-square"></i> Echte Stimmen? ab24.com</a></li> 181 </ul></div> 182 </div> 183 <p class="footer__b2b">Angebote ausschließlich für Industrie, Handel, Handwerk, Gewerbe, öffentliche Einrichtungen und die freien Berufe. Preise zzgl. gesetzl. MwSt.</p> 184 <div class="footer__bottom"> 185 <p class="footer__copy">© 2025 anrufbeantworter24.ai · Ein Projekt der <a href="https://www.brennermedien.de" target="_blank" rel="noopener">BrennerMedien GmbH</a></p> 186 <nav class="footer__legal"><a href="impressum.html">Impressum</a><a href="datenschutz.html">Datenschutz</a><a href="agb.html">AGB</a><a href="#" id="cookie-settings-link">Cookie-Einstellungen</a></nav> 187 </div> 188 </div></footer> 189
189<script src="_assets/js/consent.js"></script>
189 190
190<script src="_assets/js/chatbot.js"></script>
190 191
191<script>document.querySelector('.nav__toggle').addEventListener('click',function(){const e=this.getAttribute('aria-expanded')==='true';this.setAttribute('aria-expanded',!e);document.querySelector('.nav__menu').classList.toggle('is-open');});</script>
191 192
192<script> 193(function(){ 194 var form=document.getElementById('tool-form'); 195 var output=document.getElementById('tool-output'); 196 var btn=document.getElementById('generate-btn'); 197 var copyBtn=document.getElementById('copy-btn'); 198 document.getElementById('reset-btn').addEventListener('click',function(){ 199 document.getElementById('tool-input').value=''; 200 output.textContent=''; 201 }); 202 form.addEventListener('submit',async function(e){ 203 e.preventDefault(); 204 var text=document.getElementById('tool-input').value.trim(); 205 var stil=document.getElementById('tool-stil').value; 206 if(!text)return; 207 btn.disabled=true;btn.innerHTML='<i class="fa-thin fa-spinner-third fa-spin"></i> Schreibe um\u2026'; 208 output.textContent='';output.classList.add('is-loading'); 209 try{ 210 var r=await fetch('_assets/api/umschreiber.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({text:text,stil:stil})}); 211 var data=await r.json(); 212 output.textContent=data.text||data.error||'Fehler bei der Generierung.'; 213 }catch(err){output.textContent='Verbindungsfehler. Bitte erneut versuchen.';} 214 finally{btn.disabled=false;btn.innerHTML='<i class="fa-thin fa-wand-magic-sparkles"></i> Umschreiben';output.classList.remove('is-loading');} 215 }); 216 copyBtn.addEventListener('click',function(){ 217 navigator.clipboard.writeText(output.textContent).then(function(){copyBtn.innerHTML='<i class="fa-thin fa-check"></i> Kopiert!';setTimeout(function(){copyBtn.innerHTML='<i class="fa-thin fa-clipboard"></i> Kopieren';},2000);}); 218 }); 219})(); 220 </script>
220 221
222<script src="/design-refinement-20260912.js" defer></script>
222 223</body> 224</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.