1<!DOCTYPE html><html lang="de"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Website- und App-Blocker-Browser für Mac | Browwwser</title><meta name="description" content="Ein Chromium-Browser für den Mac mit eingebauter Website- und App-Sperre. Keine Erweiterung zum Abschalten, Sperrmodus, Zeitpläne. macOS 12+, 7 Tage gratis testen."><link rel="canonical" href="https://www.browwwser.com/de/"><!-- Hreflang alternate links --><link rel="alternate" hreflang="en" href="https://www.browwwser.com/"><link rel="alternate" hreflang="de" href="https://www.browwwser.com/de/"><link rel="alternate" hreflang="fr" href="https://www.browwwser.com/fr/"><link rel="alternate" hreflang="es" href="https://www.browwwser.com/es/"><link rel="alternate" hreflang="zh" href="https://www.browwwser.com/zh/"><link rel="alternate" hreflang="hi" href="https://www.browwwser.com/hi/"><link rel="alternate" hreflang="ja" href="https://www.browwwser.com/ja/"><link rel="alternate" hreflang="x-default" href="https://www.browwwser.com/"><!-- Favicons --><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><!-- RSS Feed --><link rel="alternate" type="application/rss+xml" title="Browwwser â Resources" href="/feed.xml"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Website- und App-Blocker-Browser für Mac | Browwwser"><meta property="og:description" content="Ein Chromium-Browser für den Mac mit eingebauter Website- und App-Sperre. Keine Erweiterung zum Abschalten, Sperrmodus, Zeitpläne. macOS 12+, 7 Tage gratis testen."><meta property="og:url" content="https://www.browwwser.com/de/"><meta property="og:site_name" content="Browwwser"><meta property="og:image" content="https://www.browwwser.com/img/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Website- und App-Blocker-Browser für Mac | Browwwser"><meta property="og:locale" content="de_DE"><meta property="og:locale:alternate" content="en_US"><meta property="og:locale:alternate" content="fr_FR"><meta property="og:locale:alternate" content="es_ES"><meta property="og:locale:alternate" content="zh_CN"><meta property="og:locale:alternate" content="hi_IN"><meta property="og:locale:alternate" content="ja_JP"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Website- und App-Blocker-Browser für Mac | Browwwser"><meta name="twitter:description" content="Ein Chromium-Browser für den Mac mit eingebauter Website- und App-Sperre. Keine Erweiterung zum Abschalten, Sperrmodus, Zeitpläne. macOS 12+, 7 Tage gratis testen."><meta name="twitter:image" content="https://www.browwwser.com/img/og-image.png"><!-- DNS prefetch for third-party domains --><link rel="dns-prefetch" href="https://cdn.seline.com"><!-- Fonts (deferred to avoid render-blocking) --><link rel="preload" as="font" type="font/woff2" href="/fonts/dm-sans-400-2.woff2" crossorigin><link rel="preload" as="font" type="font/woff2" href="/fonts/dm-serif-display-400-2.woff2" crossorigin><!-- Structured Data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.browwwser.com/#website","name":"Browwwser","url":"https://www.browwwser.com","publisher":{"@id":"https://www.browwwser.com/#organization"}},{"@type":"Organization","@id":"https://www.browwwser.com/#organization","name":"Browwwser","url":"https://www.browwwser.com","logo":{"@type":"ImageObject","url":"https://www.browwwser.com/img/logos/browwwser-logo.png"},"founder":{"@id":"https://www.browwwser.com/about/#founder"},"sameAs":["https://www.instagram.com/browwwser_/","https://www.tiktok.com/@browwwser_","https://www.pinterest.com/browwwser_/","https://www.facebook.com/browwwser.block/","https://www.reddit.com/r/browwwser/","https://www.trustpilot.com/review/browwwser.com","https://www.producthunt.com/products/browwwser","https://github.com/browwwser"]},{"@type":"Person","@id":"https://www.browwwser.com/about/#founder","name":"Antoine Remusat","jobTitle":"Founder of Browwwser","url":"https://www.browwwser.com/about/","sameAs":["https://www.linkedin.com/in/antoine-remusat/"],"worksFor":{"@id":"https://www.browwwser.com/#organization"}},{"@type":"SoftwareApplication","@id":"https://www.browwwser.com/#app","name":"Browwwser","url":"https://www.browwwser.com/","description":"Chromium-based web browser for macOS with built-in website and app blocking, lock mode and scheduled blocking. There is no extension to disable.","applicationCategory":"BrowserApplication","applicationSubCategory":"Website blocker","operatingSystem":"macOS 12 or later","image":"https://www.browwwser.com/img/og-image.png","publisher":{"@id":"https://www.browwwser.com/#organization"},"featureList":["Website blocking inside the browser engine","macOS app blocking","Lock mode (1 hour, 1 day, 1 week)","Scheduled blocking","One-click blocklist presets","Chrome import (bookmarks, passwords, history, extensions)"],"offers":[{"@type":"Offer","name":"Yearly","price":"99","priceCurrency":"USD","category":"subscription","availability":"https://schema.org/InStock","url":"https://www.browwwser.com/#pricing"},{"@type":"Offer","name":"Lifetime","price":"199","priceCurrency":"USD","availability":"https://schema.org/InStock","url":"https://www.browwwser.com/#pricing"}]},{"@type":"WebPage","@id":"https://www.browwwser.com/de/#webpage","url":"https://www.browwwser.com/de/","name":"Website- und App-Blocker-Browser für Mac | Browwwser","description":"Ein Chromium-Browser für den Mac mit eingebauter Website- und App-Sperre. Keine Erweiterung zum Abschalten, Sperrmodus, Zeitpläne. macOS 12+, 7 Tage gratis testen.","inLanguage":"de","isPartOf":{"@id":"https://www.browwwser.com/#website"},"about":{"@id":"https://www.browwwser.com/#app"}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Ist das ein echter Browser oder nur eine Blocker-Erweiterung?","acceptedA
1nswer":{"@type":"Answer","text":"Es ist ein vollwertiger Chromium-basierter Browser. Gleiche Engine wie Chrome, gleiche Erweiterungen, gleiche Geschwindigkeit â mit Blockierung im Kern integriert. Keine Erweiterung zum Deaktivieren, keine Umgehung."}},{"@type":"Question","name":"Was passiert, wenn ich eine blockierte Website besuche?","acceptedAnswer":{"@type":"Answer","text":"Nichts. Die Seite lädt nicht. Keine Weiterleitung, kein Countdown, kein Motivationsspruch. Die Website existiert in Ihrem Browser einfach nicht."}},{"@type":"Question","name":"Kann ich es entsperren, wenn ich es wirklich brauche?","acceptedAnswer":{"@type":"Answer","text":"Wenn Sie den Sperrmodus nicht aktiviert haben, ja. Wenn doch â nein. Sie entscheiden, wenn Sie klar denken, nicht wenn Sie scrollen wollen."}},{"@type":"Question","name":"Funktionieren meine Erweiterungen und Passwörter?","acceptedAnswer":{"@type":"Answer","text":"Alles. Lesezeichen, Passwörter, Erweiterungen, Verlauf â alles wird mit einem Klick importiert. Gleiche Engine, ohne die Selbstsabotage."}},{"@type":"Question","name":"Blockiert es auch Desktop-Apps?","acceptedA
1nswer":{"@type":"Answer","text":"Ja. Wenn Sie TikTok im Browser blockieren, wird die macOS-App ebenfalls geschlossen. Keine Schlupflöcher."}},{"@type":"Question","name":"Kann ich eine Rückerstattung bekommen?","acceptedAnswer":{"@type":"Answer","text":"14-Tage-Geld-zurück-Garantie, ohne Fragen. Wenn es nicht für Sie ist, erstatten wir Ihnen den Betrag."}},{"@type":"Question","name":"Ist Browwwser schon verfügbar, und auf welchen Plattformen?","acceptedAnswer":{"@type":"Answer","text":"Ja. Browwwser ist ab sofort für macOS 12 oder neuer verfügbar, mit einer kostenlosen 7-Tage-Testphase, danach 99 $ pro Jahr oder einmalig 199 $ für lebenslangen Zugang. Versionen für Windows, Linux, iPhone oder Android gibt es noch nicht."}}]}]}</script>
1<!-- Auto-detect language from browser and redirect if on an EN page with no lang preference saved. 2 Ne redirige que vers une langue ou cette page existe et est indexable (la 3 meme liste que les hreflang) : sans ce filtre, /for-adhd/ ou /topics/x/ 4 envoyaient un navigateur francais sur /fr/for-adhd/, qui n'existe pas. -->
4<script>(function(){const redirectLangs = ["de","fr","es","zh","hi","ja"]; 5 6(function() { 7 var path = window.location.pathname; 8 // Already on a localized page â don't redirect 9 var prefixes = ['/fr/', '/de/', '/es/', '/zh/', '/hi/', '/ja/']; 10 for (var i = 0; i < prefixes.length; i++) { 11 if (path.startsWith(prefixes[i])) return; 12 } 13 // Une seule redirection par session, quoi qu'il arrive. 14 // 15 // Sans ce garde-fou, une traduction manquante boucle a l'infini : le 16 // .htaccess renvoie /xx/resources/article vers la version anglaise, ce script 17 // renvoie la version anglaise vers /xx/, et ainsi de suite. Le cas ne se 18 // produit pas tant que les sept langues sont completes, mais il suffit d'un 19 // article publie sans l'une d'elles â ce que check_i18n_sync existe justement 20 // pour rattraper â pour rendre la page inaccessible. 21 try { 22 if (sessionStorage.getItem('browwwser-lang-redirected')) return; 23 } catch (e) { return; } // navigation privee : on s'abstient plutot que risquer la boucle 24 25 // Don't redirect if user already chose a language 26 if (localStorage.getItem('browwwser-lang')) return; 27 // Don't redirect if ?lang= param is set 28 if (new URLSearchParams(window.location.search).get('lang')) return; 29 30 var supported = redirectLangs; 31 if (!supported.length) return; 32 var langs = navigator.languages || [navigator.language || '']; 33 for (var i = 0; i < langs.length; i++) { 34 var code = langs[i].toLowerCase().split('-')[0]; 35 if (code === 'en') break; // English user, stay on current page 36 if (supported.indexOf(code) !== -1) { 37 // Redirect to localized equivalent of current page 38 try { sessionStorage.setItem('browwwser-lang-redirected', '1'); } catch (e) { return; } 39 window.location.replace('/' + code + path); 40 return; 41 } 42 } 43})(); 44})();</script>
44<!-- Seline Analytics -->
44<script async src="https://cdn.seline.com/seline.js" data-token="53dadda2313f98c"></script>
44<script>(function(){const consent = {"text":"Wir verwenden Analyse- und Werbe-Cookies, um die Nutzung der Website zu verstehen. Sie können ablehnen â die Website funktioniert genauso.","accept":"Akzeptieren","decline":"Ablehnen","learn":"Datenschutzerklärung"}; 45const privacyHref = "/de/privacy"; 46 47(function () { 48 var KEY = 'browwwser-consent'; 49 var GA_ID = 'G-43F6ZT072V'; 50 var FB_ID = '1622205025633298'; 51 52 function loadTrackers() { 53 var g = document.createElement('script'); 54 g.async = true; 55 g.src = 'https://www.googletagmanager.com/gtag/js?id=' + GA_ID; 56 document.head.appendChild(g); 57 window.dataLayer = window.dataLayer || []; 58 window.gtag = function () { window.dataLayer.push(arguments); }; 59 window.gtag('js', new Date()); 60 window.gtag('config', GA_ID); 61 62 !function (f, b, e, v, n, t, s) { 63 if (f.fbq) return; n = f.fbq = function () { 64 n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); 65 }; 66 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 67 n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; 68 s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); 69 }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); 70 window.fbq('init', FB_ID); 71 window.fbq('track', 'PageView'); 72 73 var e = document.createElement('script'); 74 e.async = true; 75 e.src = 'https://assets.endorsely.com/endorsely.js'; 76 e.setAttribute('data-endorsely', 'bdc6de1b-3f79-4f4c-a857-91acea9b06ba'); 77 document.head.appendChild(e); 78 } 79 80 var choice = null; 81 try { choice = localStorage.getItem(KEY); } catch (e) { /* mode prive */ } 82 if (choice === 'granted') { loadTrackers(); return; } 83 if (choice === 'denied') return; 84 85 function decide(value) { 86 try { localStorage.setItem(KEY, value); } catch (e) { /* mode prive */ } 87 var el = document.getElementById('consent-banner'); 88 if (el) el.remove(); 89 if (value === 'granted') loadTrackers(); 90 } 91 92 function render() { 93 if (document.getElementById('consent-banner')) return; 94 var bar = document.createElement('div'); 95 bar.id = 'consent-banner'; 96 bar.setAttribute('role', 'dialog'); 97 bar.setAttribute('aria-label', 'Cookies'); 98 bar.style.cssText = 'position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;' + 99 'max-width:680px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;' + 100 'align-items:center;justify-content:space-between;padding:16px 20px;' + 101 'background:#fff;color:#1a1a1a;border:1px solid #e5e0da;border-radius:14px;' + 102 'box-shadow:0 8px 30px rgba(0,0,0,.12);font-size:14px;line-height:1.45'; 103 104 var p = document.createElement('p'); 105 p.style.cssText = 'margin:0;flex:1 1 320px'; 106 p.appendChild(document.createTextNode(consent.text + ' ')); 107 var a = document.createElement('a'); 108 a.href = privacyHref; 109 a.textContent = consent.learn; 110 a.style.cssText = 'color:#3b82f6;text-decoration:underline'; 111 p.appendChild(a); 112 113 var actions = document.createElement('div'); 114 actions.style.cssText = 'display:flex;gap:8px;flex:0 0 auto'; 115 var mk = function (label, value, primary) { 116 var b = document.createElement('button'); 117 b.type = 'button'; 118 b.textContent = label; 119 b.style.cssText = 'cursor:pointer;border-radius:100px;padding:9px 18px;font-size:14px;' + 120 'font-weight:600;border:1px solid ' + (primary ? '#3b82f6' : '#d6d0c9') + ';' + 121 'background:' + (primary ? '#3b82f6' : 'transparent') + ';' + 122 'color:' + (primary ? '#fff' : '#555') + ';font-family:inherit'; 123 b.addEventListener('click', function () { decide(value); }); 124 return b; 125 }; 126 actions.appendChild(mk(consent.decline, 'denied', false)); 127 actions.appendChild(mk(consent.accept, 'granted', true)); 128 129 bar.appendChild(p); 130 bar.appendChild(actions); 131 document.body.appendChild(bar); 132 } 133 134 if (document.readyState === 'loading') { 135 document.addEventListener('DOMContentLoaded', render); 136 } else { 137 render(); 138 } 139})(); 140})();</script>
140<script> 141(function() { 142 function applyReferral() { 143 var rid = window.endorsely_referral; 144 if (!rid) return; 145 document.querySelectorAll('a[href^="https://buy.stripe.com/"]').forEach(function(a) { 146 var href = a.getAttribute('href'); 147 if (href.indexOf('client_reference_id') === -1) { 148 a.setAttribute('href', href + '?client_reference_id=' + rid); 149 } 150 }); 151 } 152 if (document.readyState === 'loading') { 153 document.addEventListener('DOMContentLoaded', function() { setTimeout(applyReferral, 2000); }); 154 } else { 155 setTimeout(applyReferral, 2000); 156 } 157})(); 158</script>
158<script> 159(function() { 160 // Les attributs data-sln-event etaient poses partout sans consommateur : aucun 161 // clic sur un CTA n'etait mesure. Ce listener delegue les remonte a GA4, qui 162 // n'existe qu'apres consentement â d'ou le garde-fou sur window.gtag. 163 function track(e) { 164 var t = e.target; 165 if (!t || typeof t.closest !== 'function') return; 166 var el = t.closest('[data-sln-event]'); 167 if (!el || typeof window.gtag !== 'function') return; 168 var params = { cta_location: el.getAttribute('data-sln-event-location') || 'unknown' }; 169 var plan = el.getAttribute('data-sln-event-plan'); 170 var price = el.getAttribute('data-sln-event-price'); 171 if (plan) params.plan = plan; 172 if (price) { params.value = Number(price); params.currency = 'USD'; } 173 window.gtag('event', el.getAttribute('data-sln-event'), params); 174 } 175 document.addEventListener('click', track, true); 176})(); 177</script>
177<!-- Mots du typewriter (public/typewriter.js) -->
177<script>window.__COPY = {"focus":{"de":{"words":["Produktivität.","Fokus.","Deep Work."]}},"supportedLangs":["de"]};</script>
177<style>@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-400-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-400-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .08);--text: #1a1a1a;--text-muted: #737373;--text-subtle: #a3a3a3;--border: #e5e2de;--border-light: rgba(0, 0, 0, .04);--bg: #faf8f5;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "DM Serif Display", serif;--container-narrow: 720px;--container-wide: 1080px} 178</style> 179<link rel="stylesheet" href="/_astro/affiliate.Db9N7Igl.css"> 180<link rel="stylesheet" href="/_astro/index.DaF5XCdn.css"></head> <body> <a href="#main-content" class="skip-to-content" data-astro-cid-dmqpwcec>Zum Inhalt springen</a> <div class="nav-wide-container" data-astro-cid-dmqpwcec> <nav class="nav-wide" aria-label="Main navigation" data-astro-cid-dmqpwcec> <a href="/de/" class="nav-brand" data-astro-cid-dmqpwcec> <img src="/img/logos/browwwser-logo.webp" alt="Browwwser logo" class="nav-brand-icon" width="46" height="46" data-astro-cid-dmqpwcec> 181Browwwser 182</a> <div class="nav-links" data-astro-cid-dmqpwcec> <a href="#features" data-t="navFeatures" data-astro-cid-dmqpwcec>Funktionen</a><a href="#pricing" data-t="navPricing" data-astro-cid-dmqpwcec>Preise</a> <a href="/de/resources/" data-astro-cid-dmqpwcec>Alle Artikel</a> <a href="#pricing" class="nav-cta" data-t="navDownload" data-sln-event="cta: download" data-sln-event-location="nav" data-astro-cid-dmqpwcec>Herunterladen</a> <div class="lang-switcher" data-astro-cid-a2mxz4y6> <button class="lang-switcher-btn" aria-label="Change language" aria-expanded="false" data-astro-cid-a2mxz4y6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-a2mxz4y6><circle cx="12" cy="12" r="10" data-astro-cid-a2mxz4y6></circle><line x1="2" y1="12" x2="22" y2="12" data-astro-cid-a2mxz4y6></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" data-astro-cid-a2mxz4y6></path></svg> <span class="lang-switcher-full" data-astro-cid-a2mxz4y6>Deutsch</span> <span class="lang-switcher-short" data-astro-cid-a2mxz4y6>DE</span> <svg class="lang-switcher-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-a2mxz4y6><polyline points="6 9 12 15 18 9" data-astro-cid-a2mxz4y6></polyline></svg> </button> <div class="lang-switcher-dropdown" role="menu" data-astro-cid-a2mxz4y6> <a href="/" class="lang-switcher-option" role="menuitem" data-astro-cid-a2mxz4y6> English </a><a href="/de/" class="lang-switcher-option active" role="menuitem" aria-current="true" data-astro-cid-a2mxz4y6> Deutsch </a><a href="/fr/" class="lang-switcher-option" role="menuitem" data-astro-cid-a2mxz4y6> Français </a><a href="/es/" class="lang-switcher-option" role="menuitem" data-astro-cid-a2mxz4y6>
182 Español </a><a href="/zh/" class="lang-switcher-option" role="menuitem" data-astro-cid-a2mxz4y6> 䏿 </a><a href="/hi/" class="lang-switcher-option" role="menuitem" data-astro-cid-a2mxz4y6> हिनà¥à¤¦à¥ </a><a href="/ja/" class="lang-switcher-option" role="menuitem" data-astro-cid-a2mxz4y6> æ¥æ¬èª </a> </div> </div>
182<script> 183(function() { 184 document.addEventListener('click', function(e) { 185 var btn = e.target.closest('.lang-switcher-btn'); 186 if (btn) { 187 var dropdown = btn.nextElementSibling; 188 var isOpen = dropdown.classList.contains('open'); 189 // Close all dropdowns first 190 document.querySelectorAll('.lang-switcher-dropdown.open').forEach(function(d) { d.classList.remove('open'); }); 191 document.querySelectorAll('.lang-switcher-btn[aria-expanded="true"]').forEach(function(b) { b.setAttribute('aria-expanded', 'false'); }); 192 if (!isOpen) { 193 dropdown.classList.add('open'); 194 btn.setAttribute('aria-expanded', 'true'); 195 } 196 return; 197 } 198 // Save language preference when clicking a lang option 199 var option = e.target.closest('.lang-switcher-option'); 200 if (option) { 201 var href = option.getAttribute('href') || '/'; 202 var langMatch = href.match(/^\/([a-z]{2})\//); 203 var selectedLang = langMatch ? langMatch[1] : 'en'; 204 localStorage.setItem('browwwser-lang', selectedLang); 205 } 206 // Close if clicking outside 207 if (!e.target.closest('.lang-switcher')) { 208 document.querySelectorAll('.lang-switcher-dropdown.open').forEach(function(d) { d.classList.remove('open'); }); 209 document.querySelectorAll('.lang-switcher-btn[aria-expanded="true"]').forEach(function(b) { b.setAttribute('aria-expanded', 'false'); }); 210 } 211 }); 212})(); 213</script>
213 </div> </nav> </div> <!-- MAIN CONTENT --> <main id="main-content"> <!-- HERO --> <section class="hero"> <div class="container"> <h1 class="fade-in fade-in-delay-1"><span data-t="heroH1">Ablenkende Websites auf dem Mac blockieren.<br/>Entwickelt für </span><span id="typewriter-text">Produktivität.</span><span class="typewriter-cursor">|</span></h1> <p data-t="heroSubtitle" class="hero-subtitle fade-in fade-in-delay-2">Ein macOS-Browser, der ablenkende Websites und Apps auf Systemebene blockiert.</p> <div class="hero-actions fade-in fade-in-delay-3"> <a href="#pricing" class="btn-primary" data-sln-event="cta: download for mac" data-sln-event-location="hero"> <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" fill="currentColor"></path></svg> <span data-t="heroCta">Für Mac herunterladen</span> </a> </div> <!-- Social proof faces --> <div class="hero-faces fade-in fade-in-delay-4"> <div data-t="heroFacesLabel" class="hero-faces-label">Für alle, die sich keine Ablenkungen leisten können</div> <div class="hero-faces-avatars"> <img src="/img/faces/hormozi.webp" alt="Alex Hormozi" class="hero-face-img" width="72" height="72"> <img src="/img/faces/newport.webp" alt="Cal Newport" class="hero-face-img" width="72" height="72"> <img src="/img/faces/ferriss.webp" alt="Tim Ferriss" class="hero-face-img" width="72" height="72"> <img src="/img/faces/altman.webp" alt="Sam Altman" class="hero-face-img" width="72" height="72"> <img src="/img/faces/naval.webp" alt="Naval Ravikant" class="hero-face-img" width="72" height="72"> </div> </div> </div> <!-- Browser mockup --> <div class="browser-hero-wrapper fade-in fade-in-delay-4"> <div class="browser-window"> <!-- Title bar with traffic lights and tabs --> <div class="browser-titlebar"> <div class="traffic-lights"> <span class="traffic-light traffic-light--close"></span> <span class="traffic-light traffic-light--minimize"></span> <span class="traffic-light traffic-light--maximize"></span> </div> <div class="browser-tabs"> <div class="browser-tab browser-tab--active"> <span class="browser-tab-icon"><svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.5" fill="currentColor" style="stroke: var(--accent); fill: var(--accent-light);"></circle></svg></span> <span data-t="browserTabNew">Neuer Tab</span> — Browwwser 214</div> <div class="browser-tab"> <span class="browser-tab-blocked-dot"></span> <span data-t="browserTabBlocked">Blockiert</span> · youtube.com 215</div> </div> </div> <!-- Address bar --> <div class="browser-toolbar"> <div class="browser-nav-buttons"> <span class="browser-nav-btn"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"></path></svg> </span> <span class="browser-nav-btn"> <svg viewBox="0 0 24 24"><path d="M9 18l6-6-6-6"></path></svg> </span> </div> <div class="browser-address"> <span class="browser-address-lock"> <svg viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg> </span> 216dashboard.app/focusmode 217</div> </div> <!-- New tab content --> <div class="browser-content"> <div data-t="miniBlockingActivity" class="newtab-title">Blockierungs-Aktivität</div> <div class="newtab-stack"> <div class="newtab-toast"> <div class="newtab-toast-icon">🚫</div> <div class="newtab-toast-text"> <div class="newtab-toast-site">youtube.com</div> <div data-t="miniBlockedNoLoad" class="newtab-toast-status">Blockiert â Website lädt nicht</div> </div> <div data-t="miniJustNow" class="newtab-toast-time">gerade eben</div> </div> <div class="newtab-toast"> <div class="newtab-toast-icon">🚫</div> <div class="newtab-toast-text"> <div class="newtab-toast-site">reddit.com/r/all</div> <div data-t="miniBlocked4th" class="newtab-toast-status">Blockiert â 4. Versuch heute</div> </div> <div data-t="mini3mAgo" class="newtab-toast-time">vor 3 Min.</div> </div> <div class="newtab-toast"> <div class="newtab-toast-icon">🚫</div> <div class="newtab-toast-text"> <div class="newtab-toast-site">twitter.com</div> <div data-t="miniBlockedMatch" class="newtab-toast-status">Blockiert â entspricht twitter.com/*</div> </div> <div data-t="mini8mAgo" class="newtab-toast-time">vor 8 Min.</div> </div> <div class="newtab-toast newtab-toast--faded"> <div class="newtab-toast-icon">🚫</div> <div class="newtab-toast-text"> <div class="newtab-toast-site">instagram.com</div> <div data-t="miniBlockedNoLoad" class="newtab-toast-status">Blockiert â Website lädt nicht</div> </div> <div data-t="mini47mAgo" class="newtab-toast-time">vor 47 Min.</div> </div> <div class="newtab-toast newtab-toast--faded"> <div class="newtab-toast-icon">🚫</div> <div class="newtab-toast-text"> <div class="newtab-toast-site">linkedin.com</div> <div data-t="miniBlockedNoLoad" class="newtab-toast-status">Blockiert â Website lädt nicht</div> </div> <div data-t="mini1hAgo" class="newtab-toast-time">vor 1 Std.</div> </div> </div> </div> </div> <p data-t="caption" class="browser-hero-caption"> <strong>5 sites blocked</strong> today. None got through. 218</p> </div> </section> <section class="journey-section"> <div class="container"> <div class="journey-inner"> <div data-t="journeySectionLabel" class="section-label">Der Kreislauf endet hier</div> <h2 data-t="journeySectionTitle" class="section-heading">Das kennen Sie schon</h2> <div class="journey-timeline"> <div class="journey-step journey-step--past"> <div class="journey-dot journey-dot--past">🔌</div> <div data-t="journeyStep1" class="journey-step-label">Erweiterung installieren</div> <div data-t="journeyStep1Desc" class="journey-step-desc">Funktioniert eine Woche</div> </div> <div class="journey-step journey-step--past"> <div class="journey-dot journey-dot--past">💔</div> <div data-t="journeyStep2" class="journey-step-label">Deaktivieren</div> <div data-t="journeyStep2Desc" class="journey-step-desc">"Nur dieses eine Mal"</div> </div> <div class="journey-step journey-step--past"> <div class="journey-dot journey-dot--past">🔁</div> <div data-t="journeyStep3" class="journey-step-label">Neu installieren</div> <div data-t="journeyStep3Desc" class="journey-step-desc">Schuldgefühle, nochmal versuchen</div> </div> <div class="journey-step"> <div class="journey-dot journey-dot--current"><span class="journey-dot-inner"></span></div> <div data-t="journeyLabel" class="journey-step-label">Zu Browwwser wechseln</div> <div data-t="journeyStep4Desc" class="journey-step-desc">Kein Deaktivieren-Button.</div> </div> </div> </div> </div> </section> <section id="features"> <div class="container"> <div class="features-header"> <div data-t="featuresLabel" class="section-label">Funktionen</div> <h2 data-t="featuresTitle" class="section-heading">Starten Sie Ihren Tag im Flow-Zustand</h2> <p data-t="featuresBody" class="section-body">Entwickelt für Menschen, die am Bildschirm arbeiten.</p> </div> <div class="features-grid"> <!-- Site Blocking --> <div class="feature-card"> <div class="feature-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a1a1a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg> </div> <div data-t="featureLabelCore" class="feature-label">Kern</div> <div data-t="featureSiteTitle" class="feature-title">Website-Blockierung</div> <div data-t="featureSiteDesc" class="feature-desc">Seiten werden abgefangen, bevor sie laden. Keine Weiterleitungsseite, kein Countdown, kein Umgehungs-Button. Die Website existiert einfach nicht.</div> <div class="feature-mini-mockup"> <div class="feature-mini-row"> <span class="feature-mini-site">youtube.com</span> <span data-t="miniBlocked" class="feature-mini-badge feature-mini-badge--blocked">Blockiert</span> </div> <div class="feature-mini-row"> <span class="feature-mini-site">reddit.com</span> <span data-t="miniBlocked" class="feature-mini-badge feature-mini-badge--blocked">Blockiert</span> </div> <div class="feature-mini-row"> <span class="feature-mini-site">linkedin.com</span> <span data-t="miniBlocked" class="feature-mini-badge feature-mini-badge--blocked">Blockiert</span> </div> </div> </div> <!-- App Blocking --> <div class="feature-card"> <div class="feature-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a1a1a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5"></rect>
218<line x1="8" y1="12" x2="16" y2="12"></line></svg> </div> <div data-t="featureLabelNative" class="feature-label">macOS-nativ</div> <div data-t="featureAppTitle" class="feature-title">Desktop-Apps blockieren</div> <div data-t="featureAppDesc" class="feature-desc">Blockieren Sie ablenkende macOS-Apps automatisch. Der Browser überwacht Ihr System und schlieÃt jede blockierte App, wenn Sie sich konzentrieren müssen.</div> <div class="feature-mini-mockup"> <div class="feature-mini-row"> <span class="feature-mini-site">Instagram</span> <span class="feature-mini-toggle feature-mini-toggle--on"></span> </div> <div class="feature-mini-row"> <span class="feature-mini-site">Discord</span> <span class="feature-mini-toggle feature-mini-toggle--on"></span> </div> <div class="feature-mini-row"> <span class="feature-mini-site">TikTok</span> <span class="feature-mini-toggle feature-mini-toggle--off"></span> </div> </div> </div> <!-- Lock Mode --> <div class="feature-card"> <div class="feature-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a1a1a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg> </div> <div data-t="featureLabelWillpower" class="feature-label">Willenskraft-Backup</div> <div data-t="featureLockTitle" class="feature-title">Sperrmodus</div> <div data-t="featureLockDesc" class="feature-desc">Sperren Sie Ihre Blockliste für 1 Stunde, 1 Tag oder 1 Woche. In dieser Zeit gibt es kein Ãberschreiben, kein Passwort-Reset, kein "nur dieses eine Mal".</div> <div class="feature-mini-mockup"> <div class="feature-mini-lock"> <span class="feature-mini-lock-icon">🔒</span> <span data-t="miniLocked" class="feature-mini-lock-text">Gesperrt â noch 8 Std. 24 Min.</span> </div> <div class="feature-mini-lock" style="margin-top:0.5rem;"> <div class="feature-mini-lock-bar"> <div class="feature-mini-lock-bar-fill"></div> </div> </div> <div class="feature-mini-pill-row" style="margin-top:0.5rem;"> <span class="feature-mini-pill">1h</span> <span class="feature-mini-pill">4h</span> <span class="feature-mini-pill feature-mini-pill--active">24h</span> <span data-t="mini7days" class="feature-mini-pill">7 Tage</span> </div> </div> </div> <!-- Chrome Import --> <div class="feature-card"> <div class="feature-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a1a1a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg> </div> <div data-t="featureLabelMigration" class="feature-label">Migration</div> <div data-t="featureImportTitle" class="feature-title">Google Chrome mitbringen</div> <div data-t="featureImportDesc" class="feature-desc">Importieren Sie Lesezeichen, Passwörter, Verlauf und Erweiterungen mit einem Klick. Beim Wechsel geht nichts verloren.</div> <div class="feature-mini-mockup"> <div class="feature-mini-import"> <span class="feature-mini-import-icon">🔖</span> <span class="feature-mini-import-text"><strong data-t="miniBookmarks">Lesezeichen</strong><span data-t="miniBookmarksCount">142 importiert</span></span> <span class="feature-mini-check">✓</span> </div> <div class="feature-mini-import" style="margin-top:0.4rem;"> <span class="feature-mini-import-icon">🔑</span> <span class="feature-mini-import-text"><strong data-t="miniPasswords">Passwörter</strong><span data-t="miniPasswordsCount">87 importiert</span></span> <span class="feature-mini-check">✓</span> </div> <div class="feature-mini-import" style="margin-top:0.4rem;"> <span class="feature-mini-import-icon">🔧</span> <span class="feature-mini-import-text"><strong data-t="miniExtensions">Erweiterungen</strong><span data-t="miniExtensionsCount">4 kompatibel</span></span> <span class="feature-mini-check">✓</span> </div> </div> </div> <!-- Schedule --> <div class="feature-card"> <div class="feature-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a1a1a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> </div> <div data-t="featureLabelAutomation" class="feature-label">Automatisierung</div> <div data-t="featureScheduleTitle" class="feature-title">Geplante Blockierung</div> <div data-t="featureScheduleDesc" class="feature-desc">Legen Sie Zeiten fest, zu denen die Blockierung automatisch aktiviert wird. Soziale Medien während der Arbeitszeit blockieren. Nach 22 Uhr alles blockieren. Einrichten und vergessen.</
218div> <div class="feature-mini-mockup"> <div class="feature-mini-row"> <span data-t="miniWorkHours" class="feature-mini-site">Arbeitszeiten</span> <span data-t="miniWorkHoursTime" style="font-size:0.7rem; color:#737373;">9 â 17 Uhr</span> </div> <div class="feature-mini-row"> <span data-t="miniEvening" class="feature-mini-site">Abend-Ruhezeit</span> <span data-t="miniEveningTime" style="font-size:0.7rem; color:#737373;">22 â 7 Uhr</span> </div> <div class="feature-mini-row"> <span data-t="miniActiveNow" class="feature-mini-site accent-text">â Jetzt aktiv</span> <span data-t="miniOn" class="feature-mini-badge feature-mini-badge--active">An</span> </div> </div> </div> <!-- Presets --> <div class="feature-card"> <div class="feature-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a1a1a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect></svg> </div> <div data-t="featureLabelQuickstart" class="feature-label">Schnellstart</div> <div data-t="featurePresetsTitle" class="feature-title">Ein-Klick-Vorlagen</div> <div data-t="featurePresetsDesc" class="feature-desc">Blockieren Sie alle sozialen Medien, Nachrichten oder Videoseiten mit einem Klick. Kuratierte Listen, damit Sie nicht überlegen müssen, was Sie blockieren.</div> <div class="feature-mini-mockup"> <div class="feature-mini-pill-row"> <span data-t="miniSocialMedia" class="feature-mini-pill feature-mini-pill--active">Soziale Medien</span> <span data-t="miniVideo" class="feature-mini-pill feature-mini-pill--active">Video</span> <span data-t="miniNews" class="feature-mini-pill">Nachrichten</span> <span data-t="miniShopping" class="feature-mini-pill">Shopping</span> </div> <div style="margin-top:0.6rem; font-size:0.68rem; color:#999;">12 sites blocked via presets</div> </div> </div> </div> </div> </section> <section class="pricing-section" id="pricing"> <div class="container"> <div class="pricing-header"> <div data-t="pricingLabel" class="section-label">Preise</div> <h2 data-t="pricingTitle" class="section-heading">Einfache Preise. Keine Ãberraschungen.</h2> <p data-t="pricingBody" class="section-body" style="margin:0 auto;">Einmal zahlen oder abonnieren. Beides beinhaltet alle Funktionen und Updates.</p> </div> <div class="pricing-cards"> <div class="pricing-card pricing-card--recommended"> <div data-t="pricingBadge" class="pricing-badge">Am beliebtesten</div> <div data-t="pricingYearly" class="pricing-plan">Jährlich</div> <div class="pricing-trial-headline" data-t="pricingTrialHeadline">7 Tage kostenlos testen</div> <div data-t="pricingPerYear" class="pricing-period">Dann $99 / Jahr</div> <ul class="pricing-features"> <li data-t="pricingFeature1">Alle Funktionen inklusive</li> <li data-t="pricingFeature2">Alle Updates, für immer</li> <li data-t="pricingFeature3">Website- + App-Blockierung</li> <li data-t="pricingFeature4Yearly">Prioritäts-Support</li> </ul> <a href="https://buy.stripe.com/5kQaEY9AH1py9MO3Qcbo400" class="pricing-btn pricing-btn--primary" data-t="pricingBtnYearly" data-sln-event="cta: try for free" data-sln-event-plan="yearly" data-sln-event-price="99">Kostenlos testen</a> <div class="pricing-secure"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg> <span data-t="pricingTrialIncluded">7-tägige kostenlose Testversion inklusive</span> </div> </div> <div class="pricing-card"> <div data-t="pricingLifetime" class="pricing-plan">Lebenslang</div> <div class="pricing-price"> <span class="pricing-currency">$</span> <span class="pricing-amount">199</span> </div> <div data-t="pricingOneTime" class="pricing-period">Einmalzahlung</div> <ul class="pricing-features"> <li data-t="pricingFeature1">Alle Funktionen inklusive</li> <li data-t="pricingFeature2">Alle Updates, für immer</li> <li data-t="pricingFeature3">Website- + App-Blockierung</li> <li data-t="pricingFeature4Lifetime">Einmal zahlen, für immer nutzen</li> </ul>
218 <a href="https://buy.stripe.com/bJeeVe3cj4BK1giaeAbo401" class="pricing-btn pricing-btn--secondary" data-t="pricingBtnLifetime" data-sln-event="cta: buy lifetime" data-sln-event-plan="lifetime" data-sln-event-price="199">Lebenslang kaufen</a> <div class="pricing-secure"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0110 0v4"></path></svg> <span data-t="pricingSecureSSL">SSL-sichere Zahlung</span> </div> </div> </div> <div class="pricing-trust"> <div class="guarantee-badge"> <div class="guarantee-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><path d="M9 12l2 2 4-4"></path></svg> </div> <div class="guarantee-text"> <span class="guarantee-title" data-t="trustCards">14-Tage-Geld-zurück-Garantie</span> <span class="guarantee-sub" data-t="guaranteeSub">Ohne Fragen. Nicht überzeugt? Volle Rückerstattung.</span> </div> </div> </div> </div> </section> <section class="faq-section" id="faq"> <div class="container"> <div class="faq-header"> <div class="section-label">FAQ</div> <h2 class="section-heading">Fragen, die Sie wahrscheinlich haben</h2> </div> <div class="faq-list"> <div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Ist das ein echter Browser oder nur eine Blocker-Erweiterung?</button> <div class="faq-a"><div>Es ist ein vollwertiger Chromium-basierter Browser. Gleiche Engine wie Chrome, gleiche Erweiterungen, gleiche Geschwindigkeit â mit Blockierung im Kern integriert. Keine Erweiterung zum Deaktivieren, keine Umgehung.</div></div> </div><div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Was passiert, wenn ich eine blockierte Website besuche?</button> <div class="faq-a"><div>Nichts. Die Seite lädt nicht. Keine Weiterleitung, kein Countdown, kein Motivationsspruch. Die Website existiert in Ihrem Browser einfach nicht.</div></div> </div><div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Kann ich es entsperren, wenn ich es wirklich brauche?</button> <div class="faq-a"><div>Wenn Sie den Sperrmodus nicht aktiviert haben, ja. Wenn doch â nein. Sie entscheiden, wenn Sie klar denken, nicht wenn Sie scrollen wollen.</div></div> </div><div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Funktionieren meine Erweiterungen und Passwörter?</button> <div class="faq-a"><div>Alles. Lesezeichen, Passwörter, Erweiterungen, Verlauf â alles wird mit einem Klick importiert. Gleiche Engine, ohne die Selbstsabotage.</div></div> </div><div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Blockiert es auch Desktop-Apps?</button> <div class="faq-a"><div>Ja. Wenn Sie TikTok im Browser blockieren, wird die macOS-App ebenfalls geschlossen. Keine Schlupflöcher.</div></div> </div><div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Kann ich eine Rückerstattung bekommen?</button> <div class="faq-a"><div>14-Tage-Geld-zurück-Garantie, ohne Fragen. Wenn es nicht für Sie ist, erstatten wir Ihnen den Betrag.</div></div> </div><div class="faq-item"> <button type="button" class="faq-q" onclick="this.parentElement.classList.toggle('open')">Ist Browwwser schon verfügbar, und auf welchen Plattformen?</button> <div class="faq-a"><div>Ja. Browwwser ist ab sofort für macOS 12 oder neuer verfügbar, mit einer kostenlosen 7-Tage-Testphase, danach 99 $ pro Jahr oder einmalig 199 $ für lebenslangen Zugang. Versionen für Windows, Linux, iPhone oder Android gibt es noch nicht.</div></div> </div> </div> </div> </section> <div class="modal-overlay" id="waitlist-modal"> <div class="modal-box"> <button class="modal-close" id="modal-close" aria-label="Close">×</button> <div id="modal-content"> <div class="modal-title">Windows-Version kommt bald</div> <div class="modal-desc">Browwwser ist derzeit nur für macOS verfügbar. Eine Windows-Version ist in Arbeit â hinterlassen Sie Ihre E-Mail-Adresse und wir melden uns, sobald sie fertig ist.</div> <div class="modal-stats-v1" hidden></div> <form class="modal-form" id="waitlist-form" action="https://api.web3forms.com/submit" method="POST" data-sln-event="waitlist: form submitted"> <input type="hidden" name="access_key" value="84bc1959-b187-42f2-9c35-3370c4395e04"> <input type="hidden" name="subject" value="Windows waitlist signup â Browwwser"> <input type="hidden" name="from_name" value="Browwwser Waitlist"> <label for="waitlist-email" class="sr-only">Email address</label> <input type="email" class="modal-input" placeholder="[email protected]" required id="waitlist-email" name="email"> <button type="submit" class="modal-submit">Benachrichtigen</button> </form> <div class="modal-footer">Kein Spam. Wir schreiben Ihnen nur, wenn die Windows-Version verfügbar ist.</div> </div> <div class="modal-success" id="modal-success"> <div class="modal-success-icon">🎉</div> <div class="modal-success-title">Du stehst auf der Liste!</div> <div class="modal-success-desc">Wir schreiben dir, sobald die Windows-Version verfügbar ist.</div> </div> </div> </div> </main> <footer class="footer-wide" role="contentinfo" aria-label="Footer" data-astro-cid-sz7xmlte><div class="footer-wide-container" data-astro-cid-sz7xmlte><div class="footer-grid" data-astro-cid-sz7xmlte><div class="footer-col" data-astro-cid-sz7xmlte><span class="footer-col-title" data-astro-cid-sz7xmlte>Browwwser</span><a href="/de/" data-astro-cid-sz7xmlte>Startseite</a><a href="/de/about/" data-astro-cid-sz7xmlte>Ãber uns</a><a href="/de/affiliate/" data-astro-cid-sz7xmlte>Partnerprogramm</a></div><div class="footer-col" data-astro-cid-sz7xmlte><span class="footer-col-title" data-astro-cid-sz7xmlte>Ressourcen</span><a href="/de/topics/website-blocking/" data-astro-cid-sz7xmlte>Website-Blocking</a><a href="/de/topics/focus-productivity/" data-astro-cid-sz7xmlte>Fokus & Produktivität</a><a href="/de/topics/digital-wellness/" data-astro-cid-sz7xmlte>Digitales Wohlbefinden</a><a href="/de/topics/adhd/" data-astro-cid-sz7xmlte>ADHS & Fokus</a><a href="/de/topics/comparisons/" data-astro-cid-sz7xmlte>Vergleiche</a><a href="/de/resources/" data-astro-cid-sz7xmlte>Alle Artikel</a><a href="/de/topics/" data-astro-cid-sz7xmlte>Themen</a></div><div class="footer-col" data-astro-cid-sz7xmlte><span class="footer-col-title" data-astro-cid-sz7xmlte>Alternativen</span><a href="/de/alternatives/freedom/" data-astro-cid-sz7xmlte>vs Freedom</a><a href="/de/alternatives/cold-turkey/" data-astro-cid-sz7xmlte>vs Cold Turkey</a><a href="/de/alternatives/selfcontrol/" data-astro-cid-sz7xmlte>vs SelfControl</a><a href="/de/alternatives/blocksite/" data-astro-cid-sz7xmlte>vs BlockSite</a><a href="/de/alternatives/leechblock/" data-astro-cid-sz7xmlte>vs LeechBlock</a><a href="/de/alternatives/stayfocusd/" data-astro-cid-sz7xmlte>vs StayFocusd</a><a href="/de/alternatives/" data-astro-cid-sz7xmlte>Alle Alternativen</a></div><div class="footer-col" data-astro-cid-sz7xmlte><span class="footer-col-title" data-astro-cid-sz7xmlte>Rechtliches</span><a href="/de/privacy/" data-astro-cid-sz7xmlte>Datenschutz</a><a href="/de/terms/" data-astro-cid-sz7xmlte>AGB</a><a href="/de/cookies/" data-astro-cid-sz7xmlte>Cookies</a></div></div><div class="footer-bottom" data-astro-cid-sz7xmlte><span data-astro-cid-sz7xmlte>© 2026 Browwwser</span><div class="footer-socials" data-astro-cid-sz7xmlte><a href="https://www.instagram.com/browwwser_/" target="_blank" rel="noopener" aria-label="Instagram" data-astro-cid-sz7xmlte><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte><path d="M7.03.084c-1.277.06-2.149.264-2.913.558a5.886 5.886 0 0 0-2.126 1.384A5.886 5.886 0 0 0 .607 4.14C.314 4.905.11 5.776.05 7.053.006 7.97 0 8.28 0 12.017c0 3.737.006 4.047.05 4.964.06 1.277.264 2.148.558 2.913a5.886 5.886 0 0 0 1.384 2.126 5.886 5.886 0 0 0 2.126 1.384c.765.294 1.636.499 2.913.558C7.97 23.994 8.28 24 12.017 24c3.737 0 4.047-.006 4.964-.05 1.277-.06 2.148-.264 2.913-.558a5.886 5.886 0 0 0 2.126-1.384 5.886 5.886 0 0 0 1.384-2.126c.294-.765.499-1.636.558-2.913.044-.917.05-1.227.05-4.964 0-3.737-.006-4.047-.05-4.964-.06-1.277-.264-2.148-.558-2.913a5.886 5.886 0 0 0-1.384-2.126A5.886 5.886 0 0 0 19.894.642C19.129.348 18.258.144 16.981.084 16.064.04 15.754.034 12.017.034S7.97.04 7.03.084m.14 21.693c-1.17-.054-1.805-.249-2.228-.414a3.736 3.736 0 0 1-1.382-.895 3.736 3.736 0 0 1-.895-1.382c-.165-.423-.36-1.058-.414-2.228-.06-1.265-.072-1.644-.072-4.848 0-3.204.013-3.583.072-4.848.054-1.
21817.249-1.805.414-2.228.218-.561.48-.96.895-1.382a3.736 3.736 0 0 1 1.382-.895c.423-.165 1.058-.36 2.228-.414 1.265-.06 1.644-.072 4.848-.072 3.204 0 3.583.013 4.848.072 1.17.054 1.805.249 2.228.414.561.218.96.48 1.382.895.415.422.677.82.895 1.382.165.423.36 1.058.414 2.228.06 1.265.072 1.644.072 4.848 0 3.204-.013 3.583-.072 4.848-.054 1.17-.249 1.805-.414 2.228a3.736 3.736 0 0 1-.895 1.382 3.736 3.736 0 0 1-1.382.895c-.423.165-1.058.36-2.228.414-1.265.06-1.644.072-4.848.072-3.204 0-3.583-.013-4.848-.072M12.017 5.838a6.179 6.179 0 1 0 0 12.358 6.179 6.179 0 0 0 0-12.358M12.017 16a3.983 3.983 0 1 1 0-7.966 3.983 3.983 0 0 1 0 7.966m6.406-10.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881" data-astro-cid-sz7xmlte></path></svg></a><a href="https://www.tiktok.com/@browwwser_" target="_blank" rel="noopener" aria-label="TikTok" data-astro-cid-sz7xmlte><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07" data-astro-cid-sz7xmlte></path></svg></a><a href="https://www.pinterest.com/browwwser_/" target="_blank" rel="noopener" aria-label="Pinterest" data-astro-cid-sz7xmlte><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-1.0 3.997-.284 1.203.602 2.181 1.787 2.181 2.146 0 3.795-2.262 3.795-5.528 0-2.891-2.077-4.911-5.042-4.911-3.433 0-5.45 2.575-5.45 5.237 0 1.037.399 2.149.898 2.753a.36.36 0 0 1 .083.345c-.091.378-.293 1.194-.333 1.361-.052.218-.172.265-.398.16-1.485-.691-2.413-2.86-2.413-4.604 0-3.749 2.723-7.194 7.853-7.194 4.122 0 7.325 2.937 7.325 6.862 0 4.096-2.583 7.397-6.17 7.397-1.205 0-2.338-.625-2.724-1.364 0 0-.596 2.269-.741 2.826-.268 1.032-.989 2.326-1.474 3.116 1.109.343 2.285.528 3.506.528 6.621 0 11.987-5.367 11.987-11.987C24.004 5.367 18.638 0 12.017 0" data-astro-cid-sz7xmlte></path></svg></a><a href="https://www.facebook.com/browwwser.block/" target="_blank" rel="noopener" aria-label="Facebook" data-astro-cid-sz7xmlte><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 1.09.079 1.372.157v3.323a8.26 8.26 0 0 0-.731-.025c-1.036 0-1.436.392-1.436 1.413v2.69h2.069l-.355 3.669h-1.714v8.122C19.396 23.172 24 18.143 24 12.017 24 5.399 18.624.024 12 .024S0 5.399 0 12.017c0 5.526 3.79 10.166 8.907 11.475.064.014.194.035.194.199" data-astro-cid-sz7xmlte></path></svg></a><a href="https://www.reddit.com/r/browwwser/" target="_blank" rel="noopener" aria-label="Reddit" data-astro-cid-sz7xmlte><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte><path d="M12 0C5.373 0 0 5.373 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12C24 5.373 18.627 0 12 0m6.244 13.373c.019.143.029.287.029.433 0 2.211-2.577 4.005-5.754 4.005-3.177 0-5.754-1.794-5.754-4.005 0-.146.01-.29.029-.433a1.4 1.4 0 0 1-.558-1.12 1.414 1.414 0 0 1 2.39-1.024c1.047-.742 2.495-1.222 4.099-1.285l.769-3.617a.3.3 0 0 1 .132-.197.3.3 0 0 1 .229-.046l2.536.553a1.01 1.01 0 1 1-.108.491l-2.268-.494-.681 3.2c1.577.075 2.998.556 4.027 1.29A1.413 1.413 0 0 1 19.8 12.25c0 .453-.213.854-.545 1.112zM9.217 12.24a1.413 1.413 0 1 0 0 2.826 1.413 1.413 0 0 0 0-2.826m5.536 0a1.413 1.413 0 1 0 0 2.826 1.413 1.413 0 0 0 0-2.826m-4.78 3.88a.196.196 0 0 1 .263-.029c.578.437 1.346.677 2.164.677.818 0 1.586-.24 2.164-.677a.196.196 0 0 1 .233.312c-.
218665.503-1.525.78-2.397.78-.872 0-1.732-.277-2.397-.78a.196.196 0 0 1-.03-.282" data-astro-cid-sz7xmlte></path></svg></a><a href="https://www.trustpilot.com/review/browwwser.com" target="_blank" rel="noopener" aria-label="Trustpilot" data-astro-cid-sz7xmlte><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sz7xmlte><path d="M12 0l2.9 9H24l-7.4 5.4 2.8 8.6L12 17.6 4.6 23l2.8-8.6L0 9h9.1z" data-astro-cid-sz7xmlte></path></svg></a></div></div></div></footer> <!-- Waitlist Modal Logic -->
218<script>(function(){const COPY_WIN = {"title":"Windows-Version kommt bald","desc":"Browwwser ist derzeit nur für macOS verfügbar. Eine Windows-Version ist in Arbeit â hinterlassen Sie Ihre E-Mail-Adresse und wir melden uns, sobald sie fertig ist.","submit":"Benachrichtigen","footer":"Kein Spam. Wir schreiben Ihnen nur, wenn die Windows-Version verfügbar ist."}; 219 220(function() { 221 var modal = document.getElementById('waitlist-modal'); 222 var closeBtn = document.getElementById('modal-close'); 223 var form = document.getElementById('waitlist-form'); 224 var content = document.getElementById('modal-content'); 225 var success = document.getElementById('modal-success'); 226 var modalTitle = modal.querySelector('.modal-title'); 227 var modalDesc = modal.querySelector('.modal-desc'); 228 var modalStats = modal.querySelector('.modal-stats-v1'); 229 var modalSubmitBtn = modal.querySelector('.modal-submit'); 230 var modalFooter = modal.querySelector('.modal-footer'); 231 var subjectInput = modal.querySelector('input[name="subject"]'); 232 233 // Detect non-macOS (Windows, Linux, etc.) 234 var isNonMac = !/Mac|iPhone|iPad|iPod/.test(navigator.userAgent); 235 236 function openModal(e) { 237 e.preventDefault(); 238 modal.classList.add('active'); 239 document.body.style.overflow = 'hidden'; 240 } 241 242 var WIN = { 243 title: COPY_WIN.title, 244 desc: COPY_WIN.desc, 245 submit: COPY_WIN.submit, 246 footer: COPY_WIN.footer, 247 }; 248 249 function openWindowsModal(e) { 250 e.preventDefault(); 251 // Swap modal content for Windows users 252 // Textes issus de focus.json, comme le reste de la modale : cette variante 253 // s'affichait en anglais dans les sept langues, et pour un visiteur non-Mac 254 // c'est la premiere chose qu'il voit en cliquant sur telecharger. 255 modalTitle.innerHTML = '<svg width="28" height="28" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align:middle;margin-right:8px;"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801" fill="#0078D4"/></svg>' + WIN.title; 256 modalDesc.textContent = WIN.desc; 257 // Pas de pastille : les compteurs affiches ici n'etaient pas verifiables. 258 modalStats.style.display = 'none'; 259 modalSubmitBtn.textContent = WIN.submit; 260 modalFooter.textContent = WIN.footer; 261 subjectInput.value = 'Windows waitlist signup â Browwwser'; 262 // Reset success state in case it was shown before 263 content.style.display = ''; 264 success.classList.remove('active'); 265 modal.classList.add('active'); 266 document.body.style.overflow = 'hidden'; 267 } 268 269 function closeModal() { 270 modal.classList.remove('active'); 271 document.body.style.overflow = ''; 272 } 273 274 // Windows logo SVG (white) 275 var winSvg = '<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801" fill="currentColor"/></svg>'; 276 277 // If non-Mac user, intercept all download and pricing buttons 278 if (isNonMac) { 279 // Swap hero button text + icon to Windows 280 var heroBtn = document.querySelector('.hero-actions .btn-primary'); 281 if (heroBtn) { 282 heroBtn.innerHTML = winSvg + ' <span>Download for Windows</span>'; 283 heroBtn.setAttribute('data-sln-event', 'cta: download for windows'); 284 heroBtn.setAttribute('data-sln-event-location', 'hero'); 285 heroBtn.addEventListener('click', openWindowsModal); 286 } 287 288 // Swap nav CTA text 289 var navCta = document.querySelector('.nav-cta'); 290 if (navCta) navCta.textContent = 'Download'; 291 292 // Nav CTA download button 293 var navCta = document.querySelector('.nav-cta'); 294 if (navCta) { 295 navCta.setAttribute('data-sln-event', 'cta: download for windows'); 296 navCta.setAttribute('data-sln-event-location', 'nav'); 297 navCta.addEventListener('click', openWindowsModal); 298 } 299 300 // Pricing buttons (Try for free + Buy lifetime) 301 var pricingBtns = document.querySelectorAll('.pricing-btn'); 302 for (var i = 0; i < pricingBtns.length; i++) { 303 pricingBtns[i].setAttribute('data-sln-event', 'cta: windows waitlist'); 304 pricingBtns[i].setAttribute('data-sln-event-plan', pricingBtns[i].classList.contains('pricing-btn--primary') ? 'yearly' : 'lifetime'); 305 pricingBtns[i].addEventListener('click', openWindowsModal); 306 } 307 } 308 309 closeBtn.addEventListener('click', closeModal); 310 311 modal.addEventListener('click', function(e) { 312 if (e.target === modal) closeModal(); 313 }); 314 315 document.addEventListener('keydown', function(e) { 316 if (e.key === 'Escape') closeModal(); 317 }); 318 319 form.addEventListener('submit', function(e) { 320 e.preventDefault(); 321 var formData = new FormData(form); 322 fetch('https://api.web3forms.com/submit', { 323 method: 'POST', 324 body: formData 325 }).then(function(response) { 326 return response.json(); 327 }).then(function(data) { 328 if (data.success) { 329 content.style.display = 'none'; 330 success.classList.add('active'); 331 setTimeout(closeModal, 3000); 332 } else {
333 alert('Error: ' + (data.message || 'Submission failed')); 334 } 335 }).catch(function(err) { 336 alert('Network error: ' + err.message); 337 }); 338 }); 339})(); 340})();</script>
340
340<script src="/typewriter.js?v=2" defer></script>
340
340<script> 341(function() { 342 var els = document.querySelectorAll('.fade-in'); 343 for (var i = 0; i < els.length; i++) { 344 (function(el) { 345 el.addEventListener('animationend', function() { 346 el.style.opacity = '1'; 347 el.style.transform = 'translateY(0)'; 348 }); 349 })(els[i]); 350 } 351})(); 352</script>
352 <div class="yt-modal" id="yt-modal"> <div class="yt-modal-backdrop" id="yt-modal-backdrop"></div> <div class="yt-modal-frame"> <button class="yt-modal-close" id="yt-modal-close" aria-label="Close">×</button> <div id="yt-modal-player"></div> </div> </div>
352<script> 353(function() { 354 var modal = document.getElementById('yt-modal'); 355 var container = document.getElementById('yt-modal-player'); 356 var ytPlayer = null; 357 var ytReady = false; 358 var pendingId = null; 359 var currentVideoId = null; 360 361 var apiLoading = false; 362 363 function loadYTApi() { 364 if (apiLoading) return; 365 apiLoading = true; 366 var tag = document.createElement('script'); 367 tag.src = 'https://www.youtube.com/iframe_api'; 368 document.head.appendChild(tag); 369 } 370 371 window.onYouTubeIframeAPIReady = function() { 372 ytReady = true; 373 if (pendingId) { createPlayer(pendingId); pendingId = null; } 374 }; 375 376 function showThumbnail(videoId) { 377 if (ytPlayer && ytPlayer.destroy) { ytPlayer.destroy(); ytPlayer = null; } 378 container.innerHTML = '<img src="https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg" style="width:100%;height:100%;object-fit:cover;cursor:pointer">'; 379 container.querySelector('img').addEventListener('click', function() { createPlayer(videoId); }); 380 } 381 382 function createPlayer(videoId) { 383 currentVideoId = videoId; 384 container.innerHTML = '<div id="yt-player-target"></div>'; 385 ytPlayer = new YT.Player('yt-player-target', { 386 videoId: videoId, 387 playerVars: { autoplay: 1, modestbranding: 1, rel: 0, iv_load_policy: 3, playsinline: 1 }, 388 events: { 389 onStateChange: function(e) { 390 if (e.data === YT.PlayerState.ENDED) { 391 closeModal(); 392 } 393 } 394 } 395 }); 396 } 397 398 function openModal(videoId) { 399 modal.classList.add('open'); 400 if (ytReady) { createPlayer(videoId); } 401 else { pendingId = videoId; loadYTApi(); } 402 } 403 404 function closeModal() { 405 modal.classList.remove('open'); 406 if (ytPlayer && ytPlayer.destroy) { ytPlayer.destroy(); ytPlayer = null; } 407 container.innerHTML = ''; 408 } 409 410 document.getElementById('yt-modal-backdrop').addEventListener('click', closeModal); 411 document.getElementById('yt-modal-close').addEventListener('click', closeModal); 412 document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); }); 413 414})(); 415</script>
415 </body> </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.